.hero{padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(48px,6vw,72px);position:relative;overflow:clip}.hero-texture{background-image:radial-gradient(var(--dot) 1px, transparent 1px);pointer-events:none;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 78% 30%,#131312 20%,#0000 75%);mask-image:radial-gradient(70% 80% at 78% 30%,#131312 20%,#0000 75%)}.hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,64px);display:grid;position:relative}.hero-copy{justify-items:start;gap:24px;max-width:600px;display:grid}.hero-kicker{color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:10px 12px;font-size:14px;display:flex}.hero-lede{font-size:var(--fs-lede);color:var(--fg-2);text-wrap:pretty;max-width:48ch;line-height:1.6}.hero-copy .dl{margin-top:8px}.hero-visual{min-width:0;position:relative}@media (min-width:1000px){.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hero-visual{margin-right:calc(-1*min(12vw,200px))}.window-hero{transform-origin:0%;transform:perspective(2400px)rotateY(-6deg)rotateX(1.5deg)}}.hero-foot{margin-top:clamp(40px,5vw,64px);position:relative}.hero-facts{border-top:1px solid var(--border-subtle);color:var(--fg-2);gap:12px 40px;padding-top:20px;font-size:14.5px;list-style:none;display:grid}@media (min-width:760px){.hero-facts{grid-template-columns:1.1fr 1.2fr 1fr}}.hero-facts li{grid-template-columns:58px minmax(0,1fr);align-items:baseline;display:grid}.fact-k{font-family:var(--font-mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;font-size:12px;display:inline-block}.trailer{padding-block:var(--space-section-md) var(--space-section-sm)}.trailer-head{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:clamp(28px,4vw,44px);display:grid}@media (min-width:960px){.trailer-head{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:64px}}.trailer-stage{border-radius:var(--radius-modal);box-shadow:var(--shadow-window);position:relative}.trailer-scrim{pointer-events:none;background:linear-gradient(#0f0f0e00 40%,#0f0f0ec7 100%);position:absolute;inset:0}.play{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ecebe6;height:52px;transition:transform var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:#181817b8;border:1px solid #ece8de29;border-radius:9999px;align-items:center;gap:12px;padding:0 20px 0 8px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;bottom:clamp(16px,3vw,32px);left:clamp(16px,3vw,32px);box-shadow:0 2px 4px #0a09084d,0 12px 32px -8px #0a090899}.play:hover{background:#1e1e1cdb;border-color:#ece8de42;transform:translateY(-1px)}.play-icon{color:#0e1a18;background:#3fb0a3;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.play-icon svg{transform:translate(1px)}.play-time{font-family:var(--font-mono);color:#adaba3;font-size:13px;font-weight:500}.trailer-video{background:#0f0f0e;width:100%;height:100%;position:absolute;inset:0}.trailer-stage.is-playing>:not(.trailer-video){display:none}.media-kit{color:var(--fg-3);flex-wrap:wrap;gap:8px 12px;margin-top:18px;font-size:14px;display:flex}.section-head{margin-bottom:clamp(40px,5vw,64px)}.inside .section-head .lede{max-width:44ch}.tour{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}@media (min-width:960px){.tour{grid-template-columns:minmax(0,.54fr) minmax(0,1fr);align-items:start;gap:clamp(32px,4vw,56px)}}.tour-list{flex-direction:column;gap:2px;display:flex}.tour-tab{border-radius:var(--radius-card);text-align:left;width:100%;color:var(--fg-2);transition:background-color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);border:1px solid #0000;padding:14px 18px 18px;display:block;position:relative}.tour-tab:hover{background:var(--fill-subtle)}.tour-tab[aria-selected=true]{background:var(--elevated);border-color:var(--border);box-shadow:var(--shadow-md)}.tour-tab-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.tour-tab-title{letter-spacing:-.01em;color:var(--fg);font-size:1rem;font-weight:600}.tour-tab-summary{color:var(--fg-3);margin-top:3px;font-size:14.5px;line-height:1.5;display:block}.tour-tab[aria-selected=true] .tour-tab-summary{color:var(--fg-2)}.tour-progress{background:var(--fill-strong);opacity:0;height:2px;transition:opacity var(--dur-base) var(--ease);border-radius:2px;position:absolute;bottom:8px;left:18px;right:18px;overflow:hidden}.tour-tab[aria-selected=true] .tour-progress{opacity:1}.tour-progress>span{background:var(--accent);height:100%;transform:scaleX(var(--p,0));transform-origin:0;display:block}.tour-stage{min-width:0}@media (min-width:960px){.tour-stage{top:calc(var(--nav-h) + 24px);position:sticky}}.tour-stack{grid-template-columns:minmax(0,1fr);display:grid;position:relative}.tour-media{animation:fade-in .32s var(--ease-out);grid-area:1/1}@keyframes fade-in{0%{opacity:0}}.tour-play{z-index:2;color:#ecebe6;background:#181817cc;border:1px solid #ece8de29;border-radius:9999px;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:14px;right:14px}.tour-detail{max-width:62ch;min-height:5em;font-size:var(--fs-body);color:var(--fg-2);text-wrap:pretty;margin-top:20px}@media (max-width:959px){.tour-list{margin-inline:calc(-1 * var(--gutter));padding:2px var(--gutter) 10px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;flex-direction:row;gap:8px;overflow-x:auto}.tour-list::-webkit-scrollbar{display:none}.tour-tab{scroll-snap-align:start;border-color:var(--border-subtle);flex:0 0 min(240px,70vw)}}.ws-index{margin-top:var(--space-section-md);border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr);gap:32px;padding-top:40px;display:grid}@media (min-width:1040px){.ws-index{grid-template-columns:minmax(0,.3fr) minmax(0,1fr);gap:56px}}.ws-intro p{font-size:var(--fs-sm);color:var(--fg-3);margin-top:10px}.ws-groups{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px 28px;display:grid}@media (min-width:700px){.ws-groups{grid-template-rows:auto 1fr;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"knowledge build system""knowledge life system"}.ws-group-knowledge{grid-area:knowledge}.ws-group-build{grid-area:build}.ws-group-life{grid-area:life}.ws-group-system{grid-area:system}}.ws-group-title{border-bottom:1px solid var(--border);font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-3);align-items:center;gap:8px;padding-bottom:10px;font-weight:600;display:flex}.ws-count{font-family:var(--font-mono);letter-spacing:0;color:var(--fg-3);font-weight:500}.ws-list{list-style:none}.ws-list li{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:10px 0;display:grid}.ws-name{font-size:var(--fs-sm);color:var(--fg);font-weight:500}.ws-what{color:var(--fg-3);grid-row:2;font-size:13px}.ws-list .keys{grid-area:1/2/span 2;align-self:center}.local{background:var(--sunken);border-block:1px solid var(--border-subtle)}.local-grid{align-items:start}.data-table{border-top:1px solid var(--border);margin-top:40px}.data-table>div{border-bottom:1px solid var(--border-subtle);font-size:var(--fs-sm);gap:4px 20px;padding:14px 0;display:grid}@media (min-width:640px){.data-table>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}}.data-table dt{color:var(--fg);font-weight:500}.data-table dd{color:var(--fg-2)}.dim{color:var(--fg-3)}.netlog{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--elevated);box-shadow:var(--shadow-lg);overflow:hidden}@media (min-width:960px){.netlog{margin-top:112px}}.netlog-head{border-bottom:1px solid var(--border-subtle);background:var(--fill-subtle);align-items:center;gap:10px;padding:14px 18px;display:flex}.netlog-head h3{letter-spacing:.01em;color:var(--fg-2);font-size:13px;font-weight:600}.netlog-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.netlog-list{list-style:none}.netlog-list li{border-bottom:1px dashed var(--border);gap:2px;padding:14px 18px;display:grid}.netlog-list code{color:var(--fg);background:0 0;justify-self:start;padding:0;font-size:13.5px}.netlog-list span{color:var(--fg-3);font-size:14px}.netlog-foot{color:var(--fg-2);padding:14px 18px;font-size:14px;font-weight:500}.keyboard-grid{align-items:center}.keyboard-try{border-radius:var(--radius-card);border:1px dashed var(--border-strong);max-width:46ch;font-size:var(--fs-sm);color:var(--fg-2);margin-top:32px;padding:14px 16px}@media (hover:none){.keyboard-try{display:none}}.keyboard-panel{border-radius:var(--radius-modal);border:1px solid var(--border);background:var(--elevated);box-shadow:var(--shadow-lg);padding:8px}.shortcut-list{gap:2px;list-style:none;display:grid}@media (min-width:640px){.shortcut-list{grid-template-columns:1fr 1fr}}.shortcut-row{border-radius:var(--radius-btn);min-height:56px;transition:background-color .24s var(--ease), box-shadow .24s var(--ease);align-items:center;gap:14px;padding:10px 14px;display:flex}.shortcut-row .keys{flex:none;min-width:96px}.shortcut-action{font-size:var(--fs-sm);color:var(--fg-2);line-height:1.4}.shortcut-row.is-hit{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-border)}.shortcut-row.is-hit .keys>kbd{color:var(--accent-text);border-color:var(--accent-border)}.shortcut-row.is-hit .shortcut-action{color:var(--fg)}.ai-grid{align-items:center}@media (min-width:960px){.ai-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}.local-copy .lede,.keyboard-copy .lede,.ai-copy .lede{margin-top:24px}.ai-visual{min-width:0}@media (min-width:1200px){.ai-visual{margin-left:-40px}}.ai-visual figcaption{color:var(--fg-3);margin-top:14px;font-size:13px}.window-flat{border-radius:var(--radius-card)}.media-zoom>.media-poster{transform-origin:50%;transform:scale(1.7)}.tiers{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:32px;list-style:none;display:grid}.tier{border-radius:var(--radius-card);border:1px solid var(--border-subtle);background:var(--elevated);gap:4px 16px;padding:14px 16px;display:grid}@media (min-width:560px){.tier{grid-template-columns:150px minmax(0,1fr)}}.tier-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg);white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.tier-label:before{content:"";background:var(--success);border-radius:50%;flex:none;width:7px;height:7px}.tier-confirm .tier-label:before{background:var(--warning)}.tier-danger .tier-label:before{background:var(--danger)}.tier-what{font-size:var(--fs-sm);color:var(--fg-2);line-height:1.5}.ai-copy .fine{margin-top:20px}.extend-grid{align-items:stretch;gap:20px}.extend-card{border-radius:var(--radius-modal);border:1px solid var(--border);background:var(--elevated);min-width:0;box-shadow:var(--shadow-md);flex-direction:column;gap:16px;padding:clamp(24px,3vw,36px);display:flex}.extend-card>p:not(.eyebrow):not(.fine){color:var(--fg-2)}.extend-card .eyebrow{align-self:flex-start;margin-bottom:0}.extend-card>.fine:last-child{margin-top:auto;padding-top:8px}.sync-diagram{font-family:var(--font-mono);align-items:center;gap:8px;margin-block:8px;font-size:12px;line-height:1.6;display:grid}@media (min-width:640px){.sync-diagram{grid-template-columns:minmax(0,1fr) 28px minmax(0,1.05fr) 28px minmax(0,1fr)}}.sync-device,.sync-folder{border-radius:var(--radius-btn);border:1px solid var(--border);background:var(--sunken);gap:6px;padding:12px;display:grid}.sync-folder{border-style:dashed;border-color:var(--accent-border)}.sync-label{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-size:11px;font-weight:600}.sync-files{color:var(--fg-2);overflow-wrap:anywhere}.sync-blobs{color:var(--accent-text)}.sync-pipe{place-items:center;height:20px;display:grid}.sync-pipe span{background:repeating-linear-gradient(90deg, var(--border-strong) 0 4px, transparent 4px 8px);width:100%;height:1px;display:block}@media (max-width:639px){.sync-pipe span{background:repeating-linear-gradient(180deg, var(--border-strong) 0 4px, transparent 4px 8px);width:1px;height:100%}}.chips{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.chips li{border-radius:var(--radius-badge);border:1px solid var(--border-subtle);background:var(--fill-subtle);font-family:var(--font-mono);color:var(--fg-2);padding:4px 9px;font-size:12.5px}.numbers{background:var(--surface);border-top:1px solid var(--border-subtle)}.numbers-grid{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}@media (min-width:1040px){.numbers-grid{grid-template-columns:minmax(0,.36fr) minmax(0,1fr);align-items:end;gap:64px}}.numbers-head .fine{max-width:40ch;margin-top:16px}.stats{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:760px){.stats{grid-template-columns:1.25fr 1fr 1fr 1fr}}.stat{flex-direction:column-reverse;justify-content:flex-end;gap:12px;padding:24px 20px 4px 0;display:flex}.stat dd{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--fg);font-size:clamp(2.5rem,1.8rem + 2.6vw,4.25rem);font-weight:600;line-height:1}.stat-lead dd{color:var(--accent-text)}.stat dt{max-width:22ch;color:var(--fg-3);font-size:14px;line-height:1.45}.cta{padding-top:var(--space-breath);padding-bottom:var(--space-section-lg);overflow:clip}.cta:before{content:"";background-image:radial-gradient(var(--dot) 1px, transparent 1px);pointer-events:none;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 20% 60%,#131312 10%,#0000 70%);mask-image:radial-gradient(60% 70% at 20% 60%,#131312 10%,#0000 70%)}.cta-grid{grid-template-columns:minmax(0,1fr);gap:40px;display:grid;position:relative}@media (min-width:960px){.cta-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:72px}}.cta-copy h2{letter-spacing:var(--tracking-hero);font-size:clamp(2.25rem,1.4rem + 3.2vw,4.25rem);line-height:1.03}.cta-copy .lede{margin-top:24px}.cta-action{border-radius:var(--radius-modal);border:1px solid var(--border);background:var(--elevated);box-shadow:var(--shadow-lg);padding:clamp(24px,3vw,32px)}.platform-links{border-top:1px solid var(--border-subtle);font-size:var(--fs-sm);flex-wrap:wrap;gap:8px 20px;margin-top:22px;padding-top:18px;list-style:none;display:flex}.platform-links a{color:var(--fg-2);text-decoration:none}.platform-links a:hover{color:var(--fg)}.cta-note{margin-top:14px;font-size:14px}
