.deck{--deck-pin-gap:24px;--deck-step:70dvh;--deck-head-gap:clamp(24px, 3vw, 36px);--deck-head:calc(var(--section-title-size) * 1.15 + var(--deck-head-gap));--deck-inset:clamp(16px, 3vw, 40px);--deck-col-gap:clamp(32px, 4vw, 64px);--deck-panel-w:calc((min(100vw - 2 * var(--content-inset), var(--page-max)) - 2 * var(--deck-inset) - var(--deck-col-gap)) * 2.3 / 3.3);--deck-panel-h:min(calc(var(--deck-panel-w) * 9 / 16), calc(100dvh - var(--nav-height) - var(--deck-pin-gap) - var(--deck-head) - 24px));--deck-pin-h:calc(var(--deck-head) + var(--deck-panel-h));padding-inline:var(--deck-inset);position:relative}.deck-pinned{height:calc((var(--steps) - 1) * var(--deck-step) + var(--deck-pin-h))}.deck-step{top:calc(var(--i) * var(--deck-step));height:var(--deck-step);pointer-events:none;position:absolute;left:0;right:0}.deck-step:nth-last-child(2){height:var(--deck-pin-h)}.deck-pin{top:calc(var(--nav-height) + var(--deck-pin-gap));gap:var(--deck-head-gap) var(--deck-col-gap);height:var(--deck-pin-h);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,2.3fr);display:grid;position:sticky}.deck-heading{font-size:var(--section-title-size);letter-spacing:var(--display-tracking);text-wrap:balance;margin:0;font-weight:500;line-height:1.15}.deck-pin .deck-heading{white-space:nowrap;grid-column:1/-1}.deck-list{padding-top:4px}.deck-item+.deck-item{margin-top:18px}.deck-title{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:500;line-height:1.15}.deck-tab{color:var(--muted-text);font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;transition:color var(--dur-base) var(--ease-out);background:0 0;border:0;padding:0}.deck-item[data-open=true] .deck-tab{color:var(--foreground);cursor:default}.deck-tab:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px;border-radius:var(--radius)}@media (hover:hover) and (pointer:fine){.deck-item[data-open=false] .deck-tab:hover{color:var(--foreground)}}.deck-reveal{visibility:hidden;transition:grid-template-rows var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow);grid-template-rows:0fr;display:grid}.deck-reveal>div{min-height:0;overflow:hidden}.deck-item[data-open=true] .deck-reveal{visibility:visible;transition:grid-template-rows var(--dur-slow) var(--ease-out);grid-template-rows:1fr}.deck-body{max-width:30rem;color:var(--muted-text);text-wrap:pretty;margin:12px 0 0;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.6}.deck-panel{isolation:isolate;border-radius:var(--radius-card);background:var(--surface-tertiary);min-width:0;position:relative;overflow:hidden;container-type:size}.deck-scene{color:var(--foreground);opacity:0;visibility:hidden;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow);place-items:center;padding:clamp(16px,4cqw,40px);display:grid;position:absolute;inset:0;transform:translateY(24px)}.deck-scene[data-active=true]{opacity:1;visibility:visible;transition:opacity var(--dur-slow) var(--ease-out) .12s, transform var(--dur-slow) var(--ease-out) .12s;transform:none}.deck-scene:is([data-scene=feature-images],[data-scene=feature-video],[data-scene=feature-projects]){padding:0}.deck-scene:not([data-scene=feature-conversation]) .deck-demo{width:100%;height:100%}.deck-demo{place-items:center;width:min(100%,36rem);height:min(100%,30rem);display:grid;container-type:size}.deck-conversation{position:absolute;inset:0}.deck-transcript{flex-direction:column;justify-content:flex-end;gap:clamp(10px,3cqh,22px);max-width:36rem;margin-inline:auto;padding:24px clamp(20px,6cqw,56px) clamp(20px,6cqh,44px);display:flex;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#fff 30%);mask-image:linear-gradient(#0000,#fff 30%)}.deck-turn{flex:none;gap:8px;display:grid}.deck-turn-user{justify-items:end}.deck-bubble{border:1px solid var(--card-border);border-radius:var(--radius-card);background:color-mix(in oklab, var(--card) 60%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:clamp(6px,1.4cqh,10px);width:min(72%,22rem);padding:clamp(10px,2.4cqh,16px) clamp(14px,3cqw,20px);display:grid}.deck-line{width:var(--w,100%);border-radius:var(--radius-pill);background:var(--ink-soft);transform-origin:0;height:clamp(6px,1.3cqh,9px);display:block}.deck-reply{gap:clamp(8px,1.8cqh,12px);width:78%}.deck-reply .deck-line{background:color-mix(in oklab, var(--foreground) 7%, transparent)}.deck-file{border:1px solid var(--card-border);border-radius:var(--radius);background:color-mix(in oklab, var(--card) 50%, transparent);width:40%;padding:7px 10px;display:block}.deck-file .deck-line{height:7px}.deck-meta{color:var(--muted-text);align-items:center;gap:6px;font-size:12px;display:inline-flex}.deck-chip{border:1px solid var(--card-border);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--card-shadow);color:var(--foreground);white-space:nowrap;padding:clamp(8px,1.6cqh,10px) clamp(12px,2cqw,16px);font-size:clamp(.875rem,2.4cqw,1.125rem);position:absolute}.deck-chip[data-chip="0"]{top:16%;left:7%}.deck-chip[data-chip="1"]{top:42%;right:6%}.deck-chip[data-chip="2"]{top:66%;left:14%}.deck-stacked{gap:clamp(48px,8vw,72px);display:grid}.deck-block .deck-panel{aspect-ratio:16/11;margin-top:24px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.deck-block{animation:linear both deck-rise;animation-timeline:view();animation-range:entry entry 60%}}}@keyframes deck-rise{0%{opacity:.6;transform:translateY(48px)}to{opacity:1;transform:none}}@media (width>=901px){.deck-block{grid-template-columns:minmax(0,1fr) minmax(0,2.3fr);align-items:start;gap:clamp(32px,4vw,64px);display:grid}.deck-block .deck-panel{aspect-ratio:16/9;margin-top:0}}@media (width<=900px){.deck-stacked .deck-heading{text-align:center}}@media (width<=600px){.deck-stacked{gap:48px}.deck-block .deck-panel{aspect-ratio:1}}@media (prefers-reduced-motion:reduce){.deck-tab,.deck-reveal,.deck-scene{transition:none}}[data-selection=pointer] .deck-scene{transition:opacity .16s;transform:none}[data-selection=pointer] .deck-reveal{transition:none}[data-selection=keyboard] :is(.deck-scene,.deck-reveal,.deck-tab,.step-item,.step-body){transition:none;transform:none}.chat-hero.hero-section{min-height:0}.chat-hero{--hero-gap:clamp(36px, 6vh, 64px);background:var(--background);flex-direction:column;align-items:center;padding:0;display:flex}.chat-hero-intro{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:28px;display:flex}.chat-hero-stage{isolation:isolate;width:100%;padding:var(--content-inset) var(--content-inset) 0;justify-content:center;display:flex;position:relative;overflow:hidden}.chat-hero-sky{z-index:-1;object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.chat-window{width:100%;min-height:min(calc(100dvh - var(--nav-height) - var(--content-inset)), 880px);border:1px solid color-mix(in oklab, var(--foreground) 9%, transparent);border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--surface);box-shadow:0 30px 80px oklab(52% -.0543052 -.187286/.16), 0 2px 6px color-mix(in oklab, var(--foreground) 5%, transparent);transition:grid-template-columns .18s var(--ease-out);border-bottom:0;grid-template-columns:208px minmax(0,1fr);display:grid;overflow:hidden}.chat-window[data-sidebar-collapsed=true]{grid-template-columns:56px minmax(0,1fr)}.chat-window-sidebar{border-right:1px solid var(--border);background:var(--background);min-width:0;color:var(--foreground);flex-direction:column;gap:16px;padding:18px 12px 14px;font-size:14px;line-height:20px;display:flex;overflow:hidden}.chat-window-sidebar button{border-radius:var(--radius);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;display:flex}.chat-window-sidebar button:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.chat-window-sidebar svg{flex:none}.chat-window-topline{justify-content:space-between;align-items:center;min-height:36px;padding-left:8px;display:flex}.chat-window-mark{white-space:nowrap;margin:0;font-size:23px}.chat-window-toggle{width:36px;height:36px;color:var(--muted-text);justify-content:center}.chat-window-body{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.chat-window-nav{gap:1px;display:grid}.chat-window-nav button{white-space:nowrap;width:100%;min-height:34px;padding:0 8px}.chat-window-nav svg{color:var(--muted-text)}.chat-window-section{min-height:30px;color:var(--muted-text);justify-content:space-between;align-items:center;padding-left:8px;display:flex}.chat-window-section button{width:30px;height:30px;color:var(--muted-text);justify-content:center}.chat-window-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:8px}.chat-window-guest{width:100%;min-height:48px;color:var(--muted-text);white-space:nowrap;padding:6px 4px;font-size:12.5px;line-height:18px}.chat-window-guest strong{color:var(--foreground);font-size:14px;font-weight:400;line-height:20px}.chat-window-avatar{background:var(--surface-tertiary);width:30px;height:30px;color:var(--foreground);border-radius:999px;flex:none;place-items:center;font-size:12px;display:grid}@media (hover:hover) and (pointer:fine){.chat-window-sidebar button:hover{background:var(--surface-secondary)}.chat-window-section button{opacity:0;transition:opacity var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out)}.chat-window-section:hover button,.chat-window-section button:focus-visible{opacity:1}}.chat-window-sidebar[data-collapsed=true]{z-index:1;padding-inline:10px 9px;position:relative;overflow:visible}.chat-window-sidebar[data-collapsed=true] .chat-window-topline{justify-content:center;padding:0}.chat-window-sidebar[data-collapsed=true] .chat-window-mark{display:none}.chat-window-sidebar[data-collapsed=true] :is(.chat-window-nav button,.chat-window-guest){justify-content:center;width:36px;height:36px;min-height:36px;padding:0}.chat-window-sidebar[data-collapsed=true] .chat-window-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.chat-window-sidebar[data-collapsed=true] [data-tip]{position:relative}.chat-window-sidebar[data-collapsed=true] [data-tip]:after{content:attr(data-tip) / "";border-radius:var(--radius);background:var(--surface);box-shadow:0 4px 16px color-mix(in oklab, var(--foreground) 12%, transparent), 0 0 0 1px var(--border);color:var(--foreground);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out);padding:4px 8px;font-size:13px;line-height:18px;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.chat-window-sidebar[data-collapsed=true] [data-tip]:focus-visible:after{opacity:1}@media (hover:hover) and (pointer:fine){.chat-window-sidebar[data-collapsed=true] [data-tip]:hover:after{opacity:1;transition-delay:.3s}}@media (prefers-reduced-motion:reduce){.chat-window,.chat-window-sidebar [data-tip]:after{transition:none}}.chat-window-main{flex-direction:column;justify-content:center;align-items:center;padding:clamp(32px,6vh,64px) clamp(20px,4vw,56px) calc(clamp(32px,6vh,64px) + min(14vh,120px));display:flex}@media (width>=901px){.chat-window:not([data-sidebar-collapsed]) .chat-window-main{padding-right:calc(clamp(20px,4vw,56px) + 5vw)}}@media (height<=760px) and (width>=641px){.chat-window-main{padding-block:24px calc(24px + 8vh)}.chat-hero-lede{margin-top:10px}.chat-hero-intro{margin-bottom:22px}}.chat-hero-title{color:var(--foreground);letter-spacing:-.035em;text-align:center;text-wrap:balance;margin:0;font-size:clamp(1.875rem,3.8vw,3.125rem);font-weight:500;line-height:1.05}.headline-morph{display:inline-grid}.headline-morph>span{grid-area:1/1}.headline-morph-next{opacity:0}@media (width>=900px){.chat-hero-title .headline-morph>span{white-space:nowrap}}.headline-morph-filters{width:0;height:0;position:absolute}.chat-hero-lede{max-width:46rem;color:var(--muted-text);text-align:center;text-wrap:balance;margin:14px 0 0;font-size:clamp(15px,1.2vw,17px);line-height:1.5}.chat-hero-lede-line{display:block}@media (width>=768px){.chat-hero-lede{max-width:none}.chat-hero-lede-line{white-space:nowrap}}.chat-hero-motto{color:var(--foreground);margin-top:6px;font-weight:500;display:block}.chat-hero-composer{--composer-lift:0 1px 2px color-mix(in oklab, var(--foreground) 6%, transparent), 0 12px 32px oklab(52% -.0543052 -.187286/.1);border-color:color-mix(in oklab, var(--foreground) 11%, transparent);background:var(--field-background);width:100%;max-width:600px;box-shadow:var(--composer-lift)}.chat-hero-composer:hover{border-color:color-mix(in oklab, var(--foreground) 18%, transparent)}.chat-hero-composer:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in oklab, var(--focus) 18%, transparent), var(--composer-lift)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chat-hero-composer{background:var(--surface-secondary)}}:root[data-theme=dark] .chat-hero-composer{background:var(--surface-secondary)}.chat-hero-composer{position:relative}.shine-border{border-radius:inherit;background-image:radial-gradient(transparent, transparent, var(--accent), oklch(80% .09 235), oklch(76% .11 290), transparent, transparent);-webkit-mask-composite:xor;pointer-events:none;transition:opacity var(--dur-fast) ease;background-size:300% 300%;padding:1.5px;animation:14s linear infinite shine;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0)}.chat-hero-composer:focus-within .shine-border{opacity:0}@keyframes shine{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.shine-border{background-position:30% 30%;animation:none}}.chat-hero-typed{text-overflow:ellipsis;overflow:hidden}.chat-hero-starters{width:100%;max-width:600px;margin-top:16px}.chat-hero-cards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chat-hero-card{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);min-height:36px;color:var(--foreground);font:inherit;white-space:nowrap;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);flex:none;align-items:center;gap:8px;padding:0 14px 0 12px;display:inline-flex;position:relative}.chat-hero-card:hover{border-color:color-mix(in oklab, var(--border) 55%, var(--foreground) 45%)}.chat-hero-card svg{color:var(--accent-text)}.chat-hero-card-title{font-size:14px;font-weight:500}.chat-hero-card-body{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.chat-window{grid-template-columns:minmax(0,1fr)}.chat-window-sidebar{display:none}}@media (width<=640px){.chat-hero{--hero-gap:clamp(20px, 4vh, 32px)}.chat-hero-title{font-size:30px}.chat-hero-intro{margin-bottom:20px}.chat-hero-lede{margin-top:10px;font-size:15px}.chat-hero-lede-line{display:inline}.chat-hero-lede-line+.chat-hero-lede-line:before{content:" "}.chat-hero-motto{margin-top:6px}.chat-hero-stage{padding-top:12px}.chat-window{min-height:0}.chat-window-main{padding:16px 16px 24px}.chat-hero-composer{grid-template-rows:minmax(52px,1fr) 44px;min-height:0}.chat-hero-composer :is(.composer-text,.composer-typed){font-size:16px;line-height:24px}.chat-hero-composer :is(.native-tools-button,.composer-send){touch-action:manipulation;width:44px;height:44px}.chat-hero-composer .composer-send{margin-right:0}.chat-hero-starters{width:calc(100% + 32px);max-width:none;margin:14px -16px 0}.chat-hero-cards{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:2px 32px 2px 16px;scroll-padding-inline:16px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#fff calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#fff calc(100% - 32px),#0000)}.chat-hero-cards::-webkit-scrollbar{display:none}.chat-hero-card{scroll-snap-align:start;touch-action:manipulation;min-height:44px;padding:0 16px 0 14px}}@media (prefers-reduced-motion:no-preference){.chat-hero-lede{animation:reveal-in .7s var(--ease-out) .3s backwards}.chat-window{animation:reveal-in var(--dur-reveal) var(--ease-out) calc(var(--reveal-step) * 3) backwards}}@media (prefers-reduced-motion:reduce){.chat-hero-card{transition:none}}.mobile-ask{display:none}@media (width<=640px){.mobile-ask{right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);display:block;position:fixed;left:16px;transform:translateY(calc(100% + 24px))}.mobile-ask[data-shown]{opacity:1;pointer-events:auto;transform:none}}.mobile-ask-button{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);width:100%;min-height:56px;box-shadow:0 12px 32px oklab(52% -.0543052 -.187286/.16), 0 2px 6px color-mix(in oklab, var(--foreground) 6%, transparent);color:var(--field-placeholder);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 20px;font-size:16px;display:flex}.mobile-ask-button:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.mobile-ask-send{border-radius:var(--radius-pill);background:var(--accent);width:44px;height:44px;color:var(--accent-foreground);flex:none;place-items:center;display:grid}.mobile-ask-send .lucide-send{transform:translate(.75px,.75px)}@media (prefers-reduced-motion:reduce){.mobile-ask{transition:opacity var(--dur-fast) linear;transform:none}}.speech-illustration{min-width:0}.speech-scene{height:var(--paired-illustration-height);border-radius:var(--radius-inset);background:var(--surface-secondary);position:relative;overflow:hidden}.speech-composer.composer-field{inset:0 var(--paired-card-inset);width:auto;height:var(--paired-card-height);border-radius:var(--radius-card);background:var(--field-background);pointer-events:none;margin-block:auto;position:absolute}.speech-contents{grid-area:1/1/auto/-1;align-self:stretch;height:100%;position:relative}.speech-state{opacity:0;padding:10px 6px 4px;position:absolute;inset:0}.speech-text{color:var(--field-foreground);font-size:15px;line-height:22px;display:block}.speech-placeholder{color:var(--field-placeholder)}.speech-draft{display:grid}.speech-measure{visibility:hidden}.speech-typed{position:absolute;inset:10px 6px 4px}.speech-controls{grid-area:2/1/auto/-1;align-self:stretch;display:grid}.speech-controls-set{opacity:0;grid-area:1/1;justify-content:space-between;align-items:center;display:flex}.speech-controls-right{align-items:center;gap:6px;display:flex}.speech-controls-right .composer-send{margin-right:10px}.speech-cancel,.speech-finish{border-radius:var(--radius-pill);padding:6px 14px;font-size:14px;font-weight:500;line-height:22px}.speech-cancel{color:var(--muted-text)}.speech-finish{background:var(--accent);color:var(--accent-foreground);margin-right:10px}.speech-wave{align-items:center;width:100%;height:100%;display:flex}.scrolling-waveform{width:100%;height:72px;color:var(--accent);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.scrolling-waveform-track{align-items:center;gap:2px;width:max-content;height:100%;display:flex}.scrolling-waveform-track span{border-radius:var(--radius-pill);background:currentColor;flex:0 0 3px;width:3px;height:72px;transform:scaleY(.04)}.speech-cursor{opacity:0;color:#000;pointer-events:none;position:absolute;top:0;left:0}.speech-cursor svg{fill:currentColor;stroke:#fff}@media (prefers-reduced-motion:reduce){.speech-idle,.speech-recording,.speech-transcribing,.speech-cursor,.speech-controls-rest,.speech-controls-live{display:none}.speech-contents,.speech-draft,.speech-controls-back{opacity:1}}.google-connections-illustration{isolation:isolate;min-width:0;height:var(--paired-illustration-height);border-radius:var(--radius-inset);background:var(--surface-secondary);position:relative;overflow:hidden}.google-service-list{inset:0 var(--paired-card-inset);height:var(--paired-card-height);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--field-background);grid-template-rows:repeat(6,minmax(0,1fr)) 32px;margin:auto 0;padding:0;list-style:none;display:grid;position:absolute}.google-service-list li{align-items:center;gap:8px;padding:4px 12px;display:flex;position:relative}.google-service-list li+li{border-top:1px solid var(--border)}.google-service-copy{flex:1;min-width:0}.google-service-logo{border-radius:var(--radius);background:#fff;flex:0 0 32px;place-items:center;height:32px;display:grid}.google-service-logo img{object-fit:contain;width:24px;height:24px}.google-service-list h3{margin:0 0 1px;font-size:14px;font-weight:500;line-height:18px}.google-service-list p{color:var(--muted-text);margin:0;font-size:12px;line-height:16px}.google-service-list .connection-more{color:var(--muted-text);justify-content:center;font-size:12px;line-height:16px}.connection-action{flex:0 0 24px;height:28px;position:relative}.connection-add,.connection-check{place-items:center;display:grid;position:absolute;inset:0}.connection-add{color:var(--muted-text);opacity:0}.connection-check{color:var(--accent)}@media (width<=480px){.google-service-list li{gap:6px;padding-left:8px;padding-right:8px}.google-service-logo{flex-basis:28px;height:28px}.google-service-logo img{width:20px;height:20px}.connection-action{flex-basis:20px}}.everyday{--paired-card-inset:24px;--paired-card-height:190px;--paired-illustration-height:clamp(360px, min(62dvh, 100dvh - var(--nav-height) - 300px), 600px);--paired-run:320vh;height:var(--paired-run);padding-inline:var(--content-inset);position:relative}.everyday-frame{top:var(--nav-height);min-height:calc(100dvh - var(--nav-height));padding-block:var(--section-py);align-content:center;display:grid;position:sticky}.everyday-body{gap:var(--layout-gap);max-width:var(--page-max);grid-template-columns:minmax(0,1fr);margin-inline:auto;padding-inline:clamp(16px,3vw,40px);display:grid}@media (width>=1024px){.everyday-body{grid-template-columns:minmax(0,2fr) minmax(0,3.3fr);align-items:start;gap:40px}.everyday-steps{min-height:var(--paired-illustration-height);align-content:space-between}}.everyday-steps{gap:8px;display:grid}.step-item{border-radius:var(--radius-card);text-align:left;cursor:pointer;width:100%;transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);background:0 0;border:1px solid #0000;padding:16px;display:block;position:relative}.step-item[data-active=true]{border-color:var(--border);background:var(--background);box-shadow:var(--surface-shadow)}.step-title{letter-spacing:var(--display-tracking);color:var(--foreground);margin:0;font-size:18px;font-weight:600;line-height:1.3;display:block}.step-body{color:var(--muted-text);text-wrap:pretty;margin:8px 0 0;font-size:15px;line-height:1.6;display:block}.step-item[data-active=false] .step-body{display:none}@media (height<=860px){.everyday-frame{padding-block:28px}.paired-features-heading{margin-bottom:24px}}.step-progress{border-radius:0 0 var(--radius-card) var(--radius-card);background:color-mix(in oklab, var(--foreground) 10%, transparent);opacity:0;height:2px;transition:opacity var(--dur-fast) var(--ease-out);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.step-item[data-active=true] .step-progress{opacity:1}.step-progress-fill{background:var(--accent);width:0;height:100%;display:block}.everyday-media{--frame-pad:6px;isolation:isolate;min-width:0;height:var(--paired-illustration-height);border-radius:var(--radius-card);background:var(--surface-tertiary);clip-path:inset(0 round var(--radius-card));position:relative}.everyday-media>.deck-scene{inset:var(--frame-pad);padding:0}.everyday-media>.deck-scene>*{width:100%;min-width:0;height:100%}.everyday-ground{isolation:isolate;border-radius:calc(var(--radius-card) - var(--frame-pad));--wire:oklab(100% 0 5.96046e-8/.7);place-items:center;display:grid;position:relative;overflow:hidden}.everyday-ground:before{content:"";z-index:-1;background-image:var(--ground);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.everyday-ground[data-ground=speech],.everyday-ground[data-ground=connectors]{--ground:url(/everyday-blue-1.webp), linear-gradient(160deg, #eaf4fe, #3d9cf5 45%, #eef6fe)}.everyday-ground[data-ground=memory]{--ground:url(/everyday-blue-2.webp), linear-gradient(170deg, #1b8ef5, #6bb4f7 55%, #f1f7fe)}.everyday-ground[data-ground=skills]{--ground:url(/everyday-blue-3.webp), linear-gradient(160deg, #eef6fe, #1b8ef5 45%, #eef6fe)}.everyday-ground[data-ground=connectors]:before{transform:scaleX(-1)}.everyday-ground[data-ground=connectors]{--paired-card-height:min(320px, calc(var(--paired-illustration-height) - 32px))}.everyday-ground .deck-demo,.everyday-ground .deck-demo>*{width:100%;height:100%}.everyday-ground .speech-scene,.everyday-ground .google-connections-illustration{background:0 0;border-radius:0;width:100%;height:100%}.everyday-ground .skills-fade{display:none}.everyday-ground .skill-disc{border-color:oklab(100% 0 5.96046e-8/.45)}.everyday-ground[data-ground=skills] .deck-demo{-webkit-mask-image:linear-gradient(#0000,#fff 64px calc(100% - 64px),#0000);mask-image:linear-gradient(#0000,#fff 64px calc(100% - 64px),#0000)}@media (width<=900px){.everyday{--paired-card-inset:12px;--paired-card-height:280px;--paired-illustration-height:min(350px, 40dvh)}}@media (prefers-reduced-motion:reduce){.everyday{height:auto;padding-block:var(--section-py)}.everyday-frame{min-height:0;padding-block:0;position:relative;top:0}.step-item,.step-progress,.step-progress-fill{transition:none}.step-progress{display:none}.step-item[data-active=false] .step-body{display:block}}.paired-features-heading{text-align:center;margin-bottom:calc(var(--section-py) - var(--layout-gap))}.paired-features-heading h2{letter-spacing:var(--display-tracking);text-wrap:balance;margin:0;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.2}.paired-features-heading p{max-width:52ch;margin:var(--copy-gap) auto 0;color:var(--muted-text);text-wrap:pretty;font-size:clamp(16px,1.4vw,18px);line-height:1.55}@media (width>=768px){.paired-features-heading{margin-bottom:var(--section-py)}}.everyday-stacked{height:auto;padding-block:var(--section-py) calc(var(--section-py) * 1.5)}.everyday-list{gap:48px;padding-inline:clamp(16px,3vw,40px);display:grid}.everyday-block .deck-body{margin-top:12px}.everyday-block-media{--frame-pad:6px;--paired-illustration-height:348px;isolation:isolate;border-radius:var(--radius-card);background:var(--surface-tertiary);height:360px;clip-path:inset(0 round var(--radius-card));margin-top:20px;position:relative}.everyday-block-media>.deck-scene{inset:var(--frame-pad);opacity:1;visibility:visible;padding:0;transform:none}.everyday-block-media>.deck-scene>*{width:100%;min-width:0;height:100%}.models{position:relative}.models-heading{padding:var(--section-py) var(--content-inset);text-align:center;position:relative}.models-heading:after{content:"";background:var(--grid-line);width:100vw;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.models-heading h2{letter-spacing:var(--display-tracking);text-wrap:balance;margin:0;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.2}.models-heading p{max-width:52ch;margin:var(--copy-gap) auto 0;color:var(--muted-text);text-wrap:pretty;font-size:clamp(16px,1.4vw,18px);line-height:1.55}.models-rows{padding:calc(var(--section-py) * .5) var(--rail-width);display:grid}.marquee{--gap:12px;--duration:40s;gap:var(--gap);width:100%;min-width:0;max-width:880px;margin-inline:auto;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{justify-content:space-around;gap:var(--gap);min-width:100%;animation:marquee var(--duration) linear infinite;flex-shrink:0;margin:0;padding:0;list-style:none;display:flex}.marquee[data-reverse] .marquee-track{animation-direction:reverse}@keyframes marquee{to{transform:translateX(calc(-100% - var(--gap)))}}@media (hover:hover) and (pointer:fine){.marquee:hover .marquee-track{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.marquee{justify-content:center;-webkit-mask-image:none;mask-image:none}.marquee-track{flex-wrap:wrap;flex-shrink:1;justify-content:center;animation:none}.marquee-track[aria-hidden]{display:none}}.model-card{text-align:center;justify-items:center;gap:4px;width:108px;padding:12px 4px;display:grid}.model-logo{width:32px;height:32px;margin-bottom:8px}.model-logo-mono{background:var(--foreground);-webkit-mask:var(--logo) center / contain no-repeat;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;display:block}.model-name{color:var(--foreground);letter-spacing:-.01em;font-size:16px;font-weight:500}.model-maker{color:var(--muted-text);font-size:13px}.closing{justify-items:center;gap:var(--copy-gap);padding:calc(var(--section-py) * 1.5) var(--content-inset);text-align:center;display:grid}.closing h2{letter-spacing:var(--display-tracking);text-wrap:balance;margin:0;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.2}.closing p{max-width:44ch;color:var(--muted-text);text-wrap:pretty;margin:0;font-size:clamp(16px,1.4vw,18px);line-height:1.55}.closing .button{margin-top:12px}
