.brand-marquee{--mq-fade: #0a0a0a;position:relative;padding:18px 0 4px;-webkit-user-select:none;user-select:none}.brand-marquee-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#5a5550}.brand-marquee-rule{display:inline-block;width:28px;height:1px;background:#faf9f614}.brand-marquee-viewport{overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%)}.brand-marquee-track{display:flex;gap:56px;width:max-content;animation:brand-marquee-scroll 36s linear infinite;will-change:transform}.brand-marquee:hover .brand-marquee-track{animation-play-state:paused}@keyframes brand-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-marquee-item{display:inline-flex;align-items:center;gap:12px;color:#5a5550;opacity:.75;transition:color .2s ease,opacity .2s ease;flex-shrink:0;white-space:nowrap}.brand-marquee-item:hover{color:#908b85;opacity:1}.brand-marquee-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.brand-marquee-mark svg{width:100%;height:100%}.brand-marquee-mark img{width:100%;height:100%;object-fit:contain;display:block}.brand-marquee-name{font-size:14px;font-weight:500;letter-spacing:-.005em;color:inherit}.hero-preview{position:relative;width:100%;max-width:720px;margin:0 auto;background:#131311;border:1px solid rgba(250,249,246,.06);border-radius:24px;overflow:hidden;box-shadow:0 54px 110px -56px #000000b8,0 0 0 1px #faf9f608;transition:opacity .28s ease}.hero-preview-chrome{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(250,249,246,.04);background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent)}.hero-preview-dots{display:flex;gap:6px}.hero-preview-dots span{width:9px;height:9px;border-radius:50%;background:#ffffff14}.hero-preview-title{font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.08em;color:#5a5550;text-transform:lowercase}.hero-preview-body{padding:24px;display:flex;flex-direction:column;gap:14px;min-height:388px}.hp-row{display:flex;gap:10px;animation:hp-in .38s cubic-bezier(.16,1,.3,1) both}.hp-row-user{justify-content:flex-end}.hp-row-assistant{justify-content:flex-start}@keyframes hp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hp-bubble{max-width:86%;padding:13px 16px;border-radius:16px;font-size:14px;line-height:1.55;color:#faf9f6}.hp-bubble-user{background:#faf9f60f;border:1px solid rgba(250,249,246,.04);border-top-right-radius:4px}.hp-bubble-assistant{background:#0a0a0a;border:1px solid rgba(250,249,246,.06);border-top-left-radius:4px;color:#908b85}.hp-bubble-ghost{min-width:48px}.hp-mark{flex-shrink:0;width:24px;height:24px;border-radius:7px;margin-top:3px;background:#121212;background-image:linear-gradient(135deg,#1a1a1a,#121212);position:relative}.hp-mark:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1.5px solid #faf9f6;border-right:0;border-bottom:0;border-radius:3px 0 0}.hp-caret{display:inline-block;width:6px;height:11px;margin-left:3px;vertical-align:-1px;background:#d4c4a8;opacity:.8;animation:hp-blink .8s steps(2) infinite}@keyframes hp-blink{50%{opacity:0}}.hp-tool{display:flex;align-items:center;gap:9px;padding:10px 12px;margin-top:4px;background:#d4c4a80a;border:1px solid rgba(212,196,168,.1);border-radius:10px;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:11px;color:#908b85;animation:hp-in .28s cubic-bezier(.16,1,.3,1) both}.hp-tool code{color:#d4c4a8;font-size:11px}.hp-tool-desc{color:#5a5550;font-family:Plus Jakarta Sans,sans-serif;font-size:11.5px;letter-spacing:0}.hp-tool-dot{width:6px;height:6px;border-radius:50%;background:#d4c4a8;box-shadow:0 0 0 3px #d4c4a826;animation:hp-pulse 1s ease-out infinite}@keyframes hp-pulse{0%,to{box-shadow:0 0 #d4c4a859}50%{box-shadow:0 0 0 6px #d4c4a800}}.hero-preview-fade{position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(to bottom,transparent,rgba(19,19,17,.92) 82%,#131311 100%);pointer-events:none}.fluent-in-practice{--meals: #5B7B4C;--style: #7C2D3E;--health: #4A7C8C;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, Menlo, monospace;position:relative}.fluent-in-practice .scene-head{max-width:860px;margin:0 0 48px}.fluent-in-practice .ip-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--color-text-muted);margin-bottom:20px}.fluent-in-practice .ip-headline{font-family:var(--font-display);font-weight:400;font-size:clamp(44px,6vw,80px);line-height:1.02;letter-spacing:-.015em;margin:0 0 20px;color:var(--color-text)}.fluent-in-practice .ip-headline em{color:var(--color-accent);font-style:italic}.fluent-in-practice .ip-dek{font-size:17px;line-height:1.55;color:var(--color-text-secondary);max-width:640px;margin:0;text-wrap:pretty}.fluent-in-practice .reveal-toggle{margin-top:20px;display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;background:transparent;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;cursor:pointer;transition:all .2s ease}.fluent-in-practice .reveal-toggle:hover{border-color:#faf9f62e;color:var(--color-text);background:#faf9f605}.fluent-in-practice .reveal-toggle-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);box-shadow:0 0 0 3px #faf9f608;transition:all .2s ease}.fluent-in-practice .reveal-toggle.is-on{border-color:#d4c4a859;color:var(--color-text);background:var(--color-accent-dim)}.fluent-in-practice .reveal-toggle.is-on .reveal-toggle-dot{background:var(--color-accent);box-shadow:0 0 0 3px #d4c4a826}.fluent-in-practice .domain-tabs{display:flex;gap:0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);margin:0 0 32px}.fluent-in-practice .domain-tab{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 26px 20px;background:transparent;border:0;border-right:1px solid var(--color-border-subtle);cursor:pointer;color:var(--color-text-secondary);text-align:left;transition:background .2s ease,color .2s ease;opacity:.55;font-family:inherit;position:relative}.fluent-in-practice .domain-tab:last-child{border-right:0}.fluent-in-practice .domain-tab:hover{opacity:.85}.fluent-in-practice .domain-tab.is-active{opacity:1;color:var(--color-text)}.fluent-in-practice .domain-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--color-text-muted);display:flex;align-items:center;gap:8px}.fluent-in-practice .domain-num:after{content:"";display:inline-block;width:18px;height:1px;background:var(--color-text-muted);opacity:.5}.fluent-in-practice .domain-tab.is-active .domain-num{color:var(--color-text-secondary)}.fluent-in-practice .domain-tab.is-active .domain-num:after{background:var(--tab-accent, var(--color-accent));opacity:1}.fluent-in-practice .domain-tab-label{font-family:var(--font-display);font-size:30px;line-height:1.05;letter-spacing:-.01em}.fluent-in-practice .domain-tab-desc{font-size:12px;color:var(--color-text-muted);line-height:1.45;font-family:var(--font-mono);letter-spacing:.01em;margin-top:2px}.fluent-in-practice .domain-underline{position:absolute;left:26px;right:26px;bottom:-1px;height:2px;background:var(--tab-accent, var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform .36s cubic-bezier(.16,1,.3,1)}.fluent-in-practice .domain-tab.is-active .domain-underline{transform:scaleX(1)}.fluent-in-practice .stage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:stretch;min-height:560px}.fluent-in-practice .stage.no-context{grid-template-columns:minmax(0,1fr)}.fluent-in-practice .stage.layout-stacked{grid-template-columns:1fr}@media(max-width:900px){.fluent-in-practice .stage{grid-template-columns:1fr}}.fluent-in-practice .track{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-height:560px}.fluent-in-practice .track-head{display:flex;align-items:baseline;gap:12px;padding:16px 22px;border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(to bottom,rgba(255,255,255,.015),transparent)}.fluent-in-practice .track-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text)}.fluent-in-practice .track-sub{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono)}.fluent-in-practice .track-body{flex:1;padding:24px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}.fluent-in-practice .track-body::-webkit-scrollbar{width:4px}.fluent-in-practice .track-body::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}.fluent-in-practice .row{display:flex;gap:10px;opacity:0;transform:translateY(8px);animation:ip-fade-in .42s cubic-bezier(.16,1,.3,1) forwards}.fluent-in-practice .row.is-in{opacity:1;transform:translateY(0)}@keyframes ip-fade-in{to{opacity:1;transform:translateY(0)}}.fluent-in-practice .row-user{justify-content:flex-end}.fluent-in-practice .row-assistant{justify-content:flex-start}.fluent-in-practice .bubble{max-width:88%;padding:13px 16px;border-radius:16px;font-size:14.5px;line-height:1.55;color:var(--color-text)}.fluent-in-practice .bubble-user{background:#faf9f60f;border:1px solid rgba(250,249,246,.04);border-top-right-radius:4px}.fluent-in-practice .bubble-assistant{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-top-left-radius:4px;color:var(--color-text-secondary)}.fluent-in-practice .bubble-assistant>div:first-child{color:var(--color-text)}.fluent-in-practice .assistant-mark{flex-shrink:0;width:26px;height:26px;border-radius:8px;margin-top:4px;overflow:hidden}.fluent-in-practice .assistant-mark svg{width:100%;height:100%;display:block}.fluent-in-practice .caret{display:inline-block;width:8px;height:14px;margin-left:2px;vertical-align:-2px;background:var(--color-accent);opacity:.8;animation:ip-blink .8s steps(2) infinite}@keyframes ip-blink{50%{opacity:0}}.fluent-in-practice .attachment{display:flex;gap:12px;align-items:center;padding:10px;margin:-4px -4px 10px;border-radius:12px;background:#00000040;border:1px solid rgba(255,255,255,.04)}.fluent-in-practice .attachment-thumb{width:96px;height:120px;border-radius:10px;overflow:hidden;position:relative;background:#1a1f2a;flex-shrink:0}.fluent-in-practice .attachment-thumb img{width:100%;height:100%;object-fit:cover;display:block}.fluent-in-practice .attachment-stripes{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 6px,transparent 6px 12px)}.fluent-in-practice .attachment-name{font-family:var(--font-mono);font-size:11px;color:var(--color-text)}.fluent-in-practice .attachment-caption{font-size:11.5px;color:var(--color-text-muted);margin-top:2px}.fluent-in-practice .panel{margin-top:14px;padding:14px;background:#00000047;border:1px solid var(--color-border-subtle);border-radius:12px;color:var(--color-text)}.fluent-in-practice .panel-plan .plan-row{display:grid;grid-template-columns:44px 1fr auto;gap:14px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.04);font-size:13.5px;align-items:baseline}.fluent-in-practice .panel-plan .plan-row:last-child{border-bottom:0}.fluent-in-practice .plan-day{font-family:var(--font-mono);font-size:10.5px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.fluent-in-practice .plan-meal{color:var(--color-text)}.fluent-in-practice .plan-tag{font-family:var(--font-mono);font-size:10.5px;color:var(--color-accent);opacity:.85}.fluent-in-practice .panel-grocery{display:flex;flex-direction:column;gap:10px}.fluent-in-practice .grocery-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.fluent-in-practice .grocery-items{display:flex;flex-wrap:wrap;gap:6px}.fluent-in-practice .grocery-chip{font-size:12px;padding:4px 10px;border-radius:999px;background:#d4c4a80f;border:1px solid rgba(212,196,168,.14);color:var(--color-text)}.fluent-in-practice .panel-bullets .bullet-row{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.04);font-size:13.5px;align-items:baseline}.fluent-in-practice .panel-bullets .bullet-row:last-child{border-bottom:0}.fluent-in-practice .bullet-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.fluent-in-practice .bullet-text{color:var(--color-text-secondary);line-height:1.5}.fluent-in-practice .empty-prompt,.fluent-in-practice .context-idle{display:flex;align-items:center;gap:10px;color:var(--color-text-muted);font-size:13.5px;font-family:var(--font-mono);padding-top:8px}.fluent-in-practice .empty-caret,.fluent-in-practice .idle-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-accent);animation:ip-pulse 1.2s ease-in-out infinite}.fluent-in-practice .empty-caret{border-radius:1px;width:8px;height:14px}@keyframes ip-pulse{0%,to{opacity:.4}50%{opacity:1}}.fluent-in-practice .tool-row{display:grid;grid-template-columns:20px 1fr;gap:12px;position:relative;opacity:0;animation:ip-fade-in .36s cubic-bezier(.16,1,.3,1) forwards}.fluent-in-practice .tool-gutter{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:6px}.fluent-in-practice .tool-tick{width:9px;height:9px;border-radius:50%;background:#1c1c19;border:1.5px solid var(--color-text-muted);z-index:1;transition:all .26s ease}.fluent-in-practice .tool-line{flex:1;width:1px;background:repeating-linear-gradient(to bottom,var(--color-border) 0 3px,transparent 3px 6px);margin-top:2px}.fluent-in-practice .tool-row:last-child .tool-line{display:none}.fluent-in-practice .state-active .tool-tick{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 0 4px #d4c4a826;animation:ip-ping 1s ease-out infinite}@keyframes ip-ping{0%{box-shadow:0 0 #d4c4a859}to{box-shadow:0 0 0 8px #d4c4a800}}.fluent-in-practice .state-done .tool-tick{background:var(--color-text);border-color:var(--color-text)}.fluent-in-practice .tool-body{padding-bottom:14px}.fluent-in-practice .tool-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:3px}.fluent-in-practice .tool-name{font-family:var(--font-mono);font-size:12px;color:var(--color-text);letter-spacing:-.01em}.fluent-in-practice .tool-time{font-family:var(--font-mono);font-size:10.5px;color:var(--color-text-muted)}.fluent-in-practice .tool-desc{font-size:12.5px;color:var(--color-text-secondary);line-height:1.45;text-wrap:pretty}.fluent-in-practice .tool-bar{height:2px;background:#ffffff0d;border-radius:2px;margin-top:8px;overflow:hidden}.fluent-in-practice .tool-bar-fill{height:100%;width:30%;background:var(--color-accent);border-radius:2px;animation:ip-scan 1.1s ease-in-out infinite}@keyframes ip-scan{0%{transform:translate(-100%);width:30%}50%{width:50%}to{transform:translate(400%);width:30%}}.fluent-in-practice .transport{display:flex;align-items:center;gap:14px;margin-top:24px;padding:14px 18px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:14px}.fluent-in-practice .transport-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-text);color:var(--color-bg);border:0;border-radius:9px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .16s ease,transform .16s ease}.fluent-in-practice .transport-btn:hover{opacity:.9;transform:translateY(-1px)}.fluent-in-practice .transport-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);font-weight:500}.fluent-in-practice .transport-ghost:hover{color:var(--color-text);border-color:#ffffff29}.fluent-in-practice .scrubber{flex:1;height:4px;background:#ffffff0f;border-radius:4px;position:relative;cursor:pointer}.fluent-in-practice .scrubber-fill{position:absolute;left:0;top:0;bottom:0;background:var(--color-accent);border-radius:4px;transition:width 90ms linear}.fluent-in-practice .scrubber-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--color-accent);transform:translate(-50%,-50%);box-shadow:0 0 0 4px #d4c4a829;transition:left 90ms linear}.fluent-in-practice .scene-foot{margin-top:28px;max-width:760px}.fluent-in-practice .scene-foot p{font-size:14px;color:var(--color-text-muted);line-height:1.55;margin:0}