/* Shared visual identity; application and account layouts remain in site.css. */
:root { --paper:#f5f3ee; --ink:#252824; --muted:#656960; --line:#d9dad2; --navy:#202824; --navy-2:#27322b; --lime:#ed9c67; --cyan:#8aad97; --radius:12px; --container:min(1180px,calc(100% - 64px)); }
body { font-family:"Segoe UI",system-ui,sans-serif; background:var(--paper); }
[hidden] { display:none !important; }
html { scroll-padding-top:94px; }
.site-header { color:var(--ink); background:rgba(245,243,238,.97); border-color:var(--line); backdrop-filter:blur(12px); }
.brand { letter-spacing:-.04em; }
.brand-mark { display:block; flex-shrink:0; background:transparent; border-radius:0; box-shadow:none; object-fit:contain; }
.site-footer .brand-mark { background:transparent; }
.product-proof { margin-bottom:44px; }
.proof-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:20px; }
.proof-heading h2 { font-size:24px; line-height:1.3; font-weight:550; letter-spacing:-.035em; margin:0; }
.proof-heading .overline { margin-bottom:9px; }
.product-screenshot-link { display:block; border:1px solid #bbc6bc; border-radius:12px; overflow:hidden; background:#15251f; box-shadow:0 28px 50px -38px #203b33; }
.product-screenshot { display:block; width:100%; height:auto; }
.proof-caption { font-size:12px; line-height:1.7; color:var(--muted); margin:14px 0 0; max-width:800px; }
.walkthrough-section { background:#e8e9e0; }
.walkthrough-video { display:block; width:100%; aspect-ratio:16/9; border-radius:12px; background:#15251f; }
.video-transcript { margin-top:20px; font-size:14px; color:#445348; }
.video-transcript summary { cursor:pointer; font-weight:600; padding:12px 0; }
.video-transcript li { margin-bottom:10px; }
.availability-note > p { margin:0; }
.main-nav a { color:#555c54; }
.main-nav a:hover { color:#a83917; }
.button { border-radius:7px; box-shadow:none; font-size:14px; min-height:48px; padding:12px 21px; line-height:1.4; }
.button:hover { transform:translateY(-1px); }
.button-primary { background:#c64d27; color:#fff; box-shadow:none; }
.button-primary:hover { background:#a93f1e; box-shadow:none; }
.button-ghost { border-color:#b9c0b7; }
.button:disabled { cursor:default; opacity:.6; transform:none; }
.status-dot { background:#496e53; box-shadow:0 0 0 4px #496e5312; flex-shrink:0; }
:focus-visible { outline:3px solid #bf542d; outline-offset:4px; }
em { font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.overline { font:600 11px/1.6 "Segoe UI",sans-serif; letter-spacing:.15em; text-transform:uppercase; color:#686e63; margin:0 0 22px; }
.landing-hero { padding:28px 0 0; }
.hero-caption { display:flex; gap:12px; align-items:center; font-size:12px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.edition { margin-left:auto; color:var(--muted); }
.landing-intro { display:grid; grid-template-columns:1.6fr 1fr; gap:65px; padding:62px 0 60px; align-items:end; }
.landing-intro h1 { font-size:clamp(50px,5.3vw,76px); font-weight:600; letter-spacing:-.055em; line-height:1.04; margin:0; }
.landing-intro h1 em { color:#b74725; letter-spacing:-.055em; }
.intro-side { max-width:420px; padding-bottom:6px; }
.intro-side > p:first-child { font-size:18px; line-height:1.7; color:#545e53; margin:0 0 28px; }
.quiet-link { display:inline-block; color:#434f43; border-bottom:1px solid #b5bdb0; padding-bottom:3px; font-size:14px; font-weight:600; }
.intro-side .quiet-link { display:table; margin-top:18px; }
.intro-side .intro-note { font-size:11px; color:#6a7166; margin-top:22px; }
.workbench { color:#ecf1e9; background:#222d27; border:1px solid #34473b; border-radius:12px; box-shadow:0 24px 44px -32px #1b271da0; overflow:hidden; scroll-margin-top:100px; }
.workbench-bar { display:flex; align-items:center; gap:22px; padding:14px 24px; border-bottom:1px solid #3a473e; color:#c7d1c9; font-size:12px; }
.demo-brand { font-weight:800; letter-spacing:-.1em; color:#eeb08a; }
.demo-local { margin-left:auto; font-size:11px; color:#bbd8c1; }
.workbench-body { display:grid; grid-template-columns:250px minmax(0,1fr); }
.demo-sidebar { padding:30px 24px; border-right:1px solid #3a473e; }
.demo-sidebar > small { font-size:9px; color:#a6b4a9; letter-spacing:.1em; }
.demo-file { display:flex; gap:12px; padding:15px 12px; margin:20px -10px; border:1px solid #566447; background:#334233; border-radius:6px; }
.demo-file > span { color:#eeb08a; }
.demo-file strong,.demo-file small { display:block; font-size:11px; }
.demo-file small { color:#aebdab; margin-top:3px; }
.demo-sidebar p { margin:34px 0 25px; color:#a6b4a9; font-size:13px; }
.demo-formats { color:#a6b4a9; font:11px/2 Consolas,monospace; }
.demo-work { padding:22px 30px 16px; min-width:0; }
.demo-toolbar { display:flex; gap:10px; border-bottom:1px solid #475148; padding-bottom:16px; }
.demo-toolbar button { background:transparent; color:#bccabc; border:1px solid transparent; border-radius:5px; padding:9px 15px; cursor:pointer; font-size:12px; }
.demo-toolbar button[aria-pressed=true] { color:#ffca9d; border-color:#9d795a; background:#463d31; }
.demo-scene { min-height:265px; padding:26px 6px 18px; }
.demo-scene h2 { font-size:25px; line-height:1.25; font-weight:500; letter-spacing:-.03em; margin:12px 0; }
.demo-scene > p { max-width:570px; font-size:14px; color:#b9c7bb; margin:10px 0 20px; }
.file-symbol { color:#f1bc92; font-size:24px; }
.demo-next { min-height:40px; padding:9px 16px; background:#eab288; color:#292e25; border:0; }
.demo-footnote { font-size:10px; line-height:1.6; color:#afbdaf; border-top:1px solid #475148; padding-top:13px; }
.sample-wave { display:flex; gap:5px; align-items:center; height:32px; margin-bottom:15px; }
.sample-wave i { flex:1; height:70%; background:#bcaa88; border-radius:2px; }
.sample-wave i:nth-child(3n) { height:32%; }.sample-wave i:nth-child(4n) { height:100%; }.sample-wave i:nth-child(2n) { height:50%; }
.sample-line { display:grid; grid-template-columns:48px 1fr; gap:10px; padding:8px 10px; font-size:13px; }
.sample-line time { color:#c3ae90; font:11px/2 Consolas,monospace; }
.sample-line p { margin:0; }.sample-line b { display:block; font-size:10px; color:#b1c7b5; margin-bottom:3px; }
.highlighted { background:#334437; border-left:2px solid #e9ac7c; margin-bottom:14px; }
.landing-facts { display:grid; grid-template-columns:repeat(3,1fr); padding:27px 0 38px; gap:24px; border-bottom:1px solid var(--line); font-size:12px; color:#636b5e; }
.landing-facts b { color:#2f3a2f; margin-right:6px; font-weight:600; }
.editorial-section { padding:94px 0; }
.editorial-section h2,.landing-close h2 { font-size:clamp(34px,4vw,54px); font-weight:550; line-height:1.12; letter-spacing:-.045em; margin:0 0 25px; }
.editorial-section h3 { font-size:20px; letter-spacing:-.025em; font-weight:600; line-height:1.3; }
.feature-editorial,.activation-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:100px; }
.section-lead { color:var(--muted); max-width:440px; font-size:16px; line-height:1.8; }
.benefit-list article { display:grid; grid-template-columns:30px 1fr; gap:20px; padding:25px 0; border-top:1px solid var(--line); }
.benefit-list article > span { color:#9c593c; font:11px/2 Consolas,monospace; }
.benefit-list h3 { margin:0 0 10px; }.benefit-list p { margin:0; color:var(--muted); font-size:14px; }
.scenario-band { padding:50px 0; background:#e8e9e0; }
.scenario-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.scenario-grid article + article { border-left:1px solid #c6cbbc; padding-left:30px; }
.scenario-grid span { font-size:12px; color:#636e59; }
.scenario-grid h3 { font-size:24px; line-height:1.2; font-weight:500; letter-spacing:-.035em; }
.scenario-grid p { font-size:14px; color:#596452; margin:0; }
.section-top { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:40px; }
.section-top .quiet-link { flex-shrink:0; margin-bottom:28px; }
.journey { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; padding:0; list-style:none; margin:0; }
.journey li { border-top:1px solid #aeb7a4; padding-top:22px; }.journey span { font:12px Consolas,monospace; color:#8b634a; }
.journey h3 { margin:24px 0 12px; }.journey p { font-size:14px; color:var(--muted); }
.pricing-editorial { background:#edeee6; }
.price-card { border-radius:10px; box-shadow:none; background:#f9faf5; padding:28px; }
.price-card.featured { transform:none; background:#29362d; border-color:#29362d; box-shadow:none; }
.price-card.featured > p,.price-card.featured li { color:#d7e0d2; }
.price-card .plan { color:#506847; }.price-card.featured .plan { color:#f1bc92; }
.price-card .price { font-size:42px; font-weight:550; }.price-card .button { margin-top:auto; }
.price-card ul { min-height:175px; }.price-card li { color:#475443; font-size:14px; }.price-card li::before { color:#608655; }
.price-card.is-recommended { outline:2px solid #af512a; outline-offset:5px; }
.availability-note { display:flex; align-items:center; gap:14px; font-size:13px; margin:0 0 28px; }
.plan-picker { display:flex; flex-wrap:wrap; gap:16px 24px; padding:20px 0; border:0; border-top:1px solid #cbd0c1; margin:0 0 28px; }
.plan-picker legend { padding:0 15px 0 0; font-size:13px; font-weight:600; }.plan-picker label { font-size:13px; cursor:pointer; padding:8px 0; }
.plan-picker input { accent-color:#ab4524; }.plan-picker p { flex-basis:100%; margin:0; font-size:13px; color:#535f4d; }
.pricing-footnote { font-size:12px; color:#606c56; max-width:750px; margin:24px 0 0; }
.activation-list { margin:0; padding-left:22px; }.activation-list li { padding:4px 0 20px 18px; border-bottom:1px solid var(--line); margin-bottom:20px; }.activation-list li::marker { color:#9c593c; }
.activation-list p { color:var(--muted); font-size:14px; }
.faq-editorial { border-top:1px solid var(--line); }.faq-list details { background:transparent; border-radius:0; border:0; border-bottom:1px solid var(--line); padding:20px 0; }.faq-list summary { padding-right:32px; }.faq-list p { font-size:14px; }
.landing-close { background:#e8cab2; padding:85px 0; }.landing-close h2 { font-size:clamp(36px,5vw,65px); }.landing-close p:last-child { font-size:12px; color:#614e40; margin-top:22px; }
.site-footer { background:#232d26; }
.download-hero,.help-hero { background:#27332b; }.download-hero .kicker,.help-hero .kicker { color:#f1bc92; }
.download-hero p,.help-hero p { color:#c4d0c0; }.download-card.featured { border-color:#b47d58; }
.requirements-grid article { background:#e7e9df; }.release-pending { box-shadow:none; }
.beta-invite { display:flex; align-items:center; justify-content:space-between; gap:28px; margin:28px 0 22px; padding:22px 24px; border:1px solid #cbd2c0; border-radius:10px; background:#f8faf4; text-align:left; }
.beta-invite strong { display:block; color:#303b30; font-size:16px; }.beta-invite p { max-width:630px; margin:7px 0 0; color:#5b6559; font-size:14px; line-height:1.55; }
.download-steps { margin-top:55px; }.download-steps h2 { font-size:30px; }.download-steps .journey { margin-top:30px; }
.legal-content { overflow-wrap:anywhere; }
.account-hero { background:#27332b; }
.account-intro .kicker,.account-panel .kicker { color:#ad572e; }
.account-intro .kicker { color:#f1bc92; }
.account-intro p { color:#c4d0c0; }
.account-panel { border-radius:12px; box-shadow:0 24px 50px -30px #101b14; }
.account-icon { background:#f4e6d9; color:#9a4625; border-radius:8px; }
.release-badge { color:#596849; background:#edf0e5; border-color:#cbd2c0; }
.workbench :focus-visible { outline-color:#f1bc92; }
@media(max-width:980px) {
 .main-nav { background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 18px 28px -26px #203228; }
 .main-nav a { display:flex; align-items:center; min-height:44px; padding:10px 4px; overflow-wrap:anywhere; }
 .nav-toggle { min-width:44px; min-height:44px; width:44px; height:44px; border-color:var(--line); }
 .nav-toggle span:not(.sr-only) { background:var(--ink); }
 .landing-intro { gap:30px; }.feature-editorial,.activation-layout { gap:45px; }.demo-sidebar { padding:24px 18px; }.workbench-body { grid-template-columns:210px minmax(0,1fr); }
 .journey { grid-template-columns:repeat(2,1fr); }.section-top { align-items:start; }.section-top .section-lead { max-width:330px; }
}
@media(max-width:720px) {
 .proof-heading { display:block; }.proof-heading .quiet-link { margin-top:14px; }.proof-heading h2 { font-size:22px; }
 .product-proof { margin-bottom:30px; }.walkthrough-video { border-radius:7px; }
 :root { --container:calc(100% - 36px); }
 .edition { display:none; }.hero-caption { font-size:10px; }.landing-intro { grid-template-columns:1fr; padding:36px 0; gap:24px; }
 .landing-intro h1 { font-size:clamp(40px,10.7vw,70px); }.intro-side { max-width:100%; }.intro-side > p:first-child { font-size:16px; }.overline { font-size:10px; margin-bottom:16px; }
 .workbench-body { grid-template-columns:1fr; }.demo-sidebar { display:none; }.workbench-bar { padding:13px; gap:12px; font-size:10px; }.demo-local { font-size:9px; }
 .demo-work { padding:14px; }.demo-toolbar { gap:4px; }.demo-toolbar button { flex:1; min-height:44px; padding:10px 4px; font-size:11px; }.demo-scene { min-height:330px; }.demo-scene h2 { font-size:23px; }
 .landing-facts { grid-template-columns:1fr; gap:13px; padding:23px 0; }.landing-facts b { display:inline-block; min-width:130px; }
 .editorial-section { padding:58px 0; }.feature-editorial,.activation-layout,.scenario-grid { grid-template-columns:1fr; gap:28px; }
 .section-top { display:block; }.section-top .section-lead { max-width:none; }.section-top .quiet-link { margin-bottom:0; }
 .scenario-grid article + article { border-left:0; border-top:1px solid #c6cbbc; padding:22px 0 0; }.scenario-grid h3 { margin:10px 0; }
 .journey { gap:18px; }.journey h3 { font-size:17px; }.journey p { font-size:13px; }
 .plan-picker { gap:2px; flex-direction:column; }.availability-note { align-items:start; }.availability-note .status-dot { margin-top:7px; }
 .beta-invite { display:block; padding:20px; }.beta-invite .button { width:100%; margin-top:18px; }
 .price-card { padding:25px; }.landing-close { padding:55px 0; }.landing-close .button { max-width:100%; }
 .faq-list summary,.video-transcript summary { min-height:44px; display:flex; align-items:center; }
}
@media(max-width:380px) { .journey { grid-template-columns:1fr; }.landing-intro h1 { font-size:38px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }

/* Premium product story: progressive enhancement, entirely local assets. */
.premium-hero { position:relative; isolation:isolate; overflow:hidden; min-height:730px; color:#edf7ff; background:#061221; }
.premium-grid { position:absolute; z-index:-1; inset:0; opacity:.35; background-image:linear-gradient(rgba(175,221,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(175,221,255,.08) 1px,transparent 1px); background-size:62px 62px; mask-image:linear-gradient(to bottom,black,transparent 82%); }
.aurora-canvas { position:absolute; z-index:-1; inset:0; width:100%; height:100%; opacity:.78; }
.premium-hero::after { content:""; position:absolute; z-index:-1; inset:auto 0 0; height:220px; pointer-events:none; background:linear-gradient(transparent,#061221); }
.premium-hero-content { display:grid; grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr); gap:45px; align-items:center; min-height:730px; padding:78px 0 104px; }
.premium-hero-copy { position:relative; z-index:1; }
.signal-label { display:inline-flex; align-items:center; gap:10px; margin:0 0 25px; color:#a7bacd; font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.signal-label span { width:8px; height:8px; border-radius:50%; background:#80f3cb; box-shadow:0 0 0 6px #80f3cb19,0 0 24px #80f3cbaa; }
.premium-hero h1 { max-width:740px; margin:0; color:#f6fbff; font-size:clamp(48px,5.2vw,78px); font-weight:610; line-height:.98; letter-spacing:-.07em; }
.premium-hero h1 em { font-family:inherit; font-style:normal; color:transparent; background:linear-gradient(105deg,#8af8d2,#6ecff7 67%,#adc9ff); background-clip:text; -webkit-background-clip:text; }
.premium-lead { max-width:580px; margin:30px 0 0; color:#aebfd1; font-size:18px; line-height:1.72; }
.premium-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:35px; }
.premium-hero .button-primary { color:#05131d; border:0; background:linear-gradient(125deg,#a7f56a,#76efd1 55%,#72c8f4); box-shadow:0 16px 44px #6eefd530; }
.premium-hero .button-primary:hover { background:linear-gradient(125deg,#b8fb80,#89f4d9 55%,#85d6ff); box-shadow:0 20px 54px #6eefd544; }
.premium-text-link { display:inline-flex; align-items:center; gap:9px; padding:9px 0; color:inherit; border-bottom:1px solid currentColor; font-size:14px; font-weight:650; line-height:1.2; }
.premium-text-link:hover { color:#8cf6d2; }
.premium-proof { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:37px; color:#8ea2b7; font-size:11px; }
.premium-proof span { padding-right:18px; border-right:1px solid #7890a433; }.premium-proof span:last-child { padding:0; border:0; }.premium-proof b { color:#d7e5ef; font-weight:650; }
.premium-availability { margin:16px 0 0; color:#70869b; font-size:11px; }
.hero-orbit { position:relative; min-height:505px; perspective:1000px; }
.orbit-glow { position:absolute; inset:21% 15%; border-radius:50%; background:radial-gradient(circle,#53e5c628 0 3%,#328de01c 30%,transparent 67%); filter:blur(10px); }
.orbit-rail { position:absolute; border:1px solid #83d9e61c; border-radius:50%; transform:rotate(-22deg); }.rail-one { inset:12% 3% 10% 5%; }.rail-two { inset:25% 10% 20% 12%; border-color:#9bf3c722; transform:rotate(32deg); }
.orbit-core { position:absolute; display:grid; place-items:center; width:176px; height:176px; top:49%; left:50%; z-index:2; border:1px solid #90ebde4d; border-radius:50%; background:radial-gradient(circle at 35% 30%,#1f5363,#0b2738 58%,#081825); box-shadow:inset 0 0 45px #74f0dc22,0 0 80px #48e1cd22; transform:translate(-50%,-50%); }
.orbit-core::before,.orbit-core::after { content:""; position:absolute; inset:-15px; border:1px solid #9cf2dc29; border-radius:inherit; animation:premium-orbit 7s linear infinite; }.orbit-core::after { inset:-35px; border-style:dashed; opacity:.55; animation-duration:13s; animation-direction:reverse; }
.orbit-core img { width:56px; height:56px; position:relative; z-index:1; }.orbit-core strong { position:relative; z-index:1; margin-top:-18px; color:#9cf6d8; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.orbit-file-card,.orbit-result-card,.orbit-badge { position:absolute; z-index:3; border:1px solid #b4eaff28; border-radius:15px; background:linear-gradient(145deg,#102b3bd9,#0a1b2ddd); box-shadow:0 23px 54px #020b145e; backdrop-filter:blur(15px); }
.orbit-file-card { display:grid; grid-template-columns:40px 1fr auto; gap:12px; align-items:center; top:11%; left:3%; width:min(286px,52%); padding:15px; transform:rotate(-6deg); }.orbit-file-card:hover { transform:rotate(-3deg) translateY(-3px); }
.orbit-file-icon { display:grid; width:40px; height:40px; place-items:center; color:#062032; border-radius:10px; background:linear-gradient(135deg,#a7f56a,#74e7cf); font-size:10px; font-weight:800; }.orbit-file-card b,.orbit-file-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.orbit-file-card b { color:#e9f5fc; font-size:11px; }.orbit-file-card small { margin-top:3px; color:#8eaabd; font-size:10px; }.orbit-file-card i { color:#86f1cc; font-size:21px; font-style:normal; }
.orbit-result-card { right:0; bottom:8%; width:min(320px,58%); padding:16px 17px; transform:rotate(5deg); }.result-top { display:flex; justify-content:space-between; color:#8facbf; font:10px/1 Consolas,monospace; }.result-top b { color:#91efce; font-family:inherit; }.orbit-result-card p { margin:15px 0 11px; color:#e1eef6; font-size:12px; line-height:1.55; }.orbit-result-card p i { display:block; margin-bottom:3px; color:#8eebd0; font-size:10px; font-style:normal; font-weight:700; }.orbit-result-card small { color:#849cae; font:9px/1.5 Consolas,monospace; }
.result-wave { display:flex; align-items:center; height:26px; gap:3px; margin:0 0 12px; }.result-wave span { flex:1; height:var(--wave-height,45%); border-radius:999px; background:linear-gradient(#7be8cf,#5995e6); }.result-wave span:nth-child(3n) { --wave-height:85%; }.result-wave span:nth-child(4n) { --wave-height:28%; }.result-wave span:nth-child(5n) { --wave-height:65%; }
.orbit-badge { right:17%; top:14%; display:flex; gap:10px; align-items:center; padding:12px 14px; }.orbit-badge > span { display:grid; width:24px; height:24px; place-items:center; color:#02141c; border-radius:8px; background:#8af3d0; font-weight:800; }.orbit-badge b,.orbit-badge small { display:block; }.orbit-badge b { color:#eaf8ff; font-size:10px; }.orbit-badge small { margin-top:2px; color:#8ca6b8; font-size:9px; }
@keyframes premium-orbit { to { transform:rotate(360deg); } }

.experience-section { padding:115px 0; color:#eaf4fb; background:#061221; }
.experience-heading { display:flex; justify-content:space-between; gap:60px; align-items:end; margin-bottom:42px; }.experience-heading .overline { color:#78d1bf; }.experience-heading h2 { margin:0; color:#f1f8fd; font-size:clamp(38px,4.3vw,62px); font-weight:570; letter-spacing:-.06em; line-height:1; }.experience-heading h2 em,.reality-copy h2 em { font-family:inherit; font-style:normal; color:#92efd0; }.experience-heading > p { max-width:430px; margin:0 0 4px; color:#9fb2c3; font-size:15px; line-height:1.75; }
.experience-window { overflow:hidden; border:1px solid #92cbe72e; border-radius:20px; background:#0b1b2b; box-shadow:0 40px 100px #01070ccc; }.experience-chrome { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:55px; padding:0 20px; border-bottom:1px solid #a6c9e31c; color:#9eb4c4; font-size:11px; }.experience-chrome .window-dots { gap:7px; }.experience-chrome .window-dots i { width:8px; height:8px; background:#32485b; }.experience-chrome .window-dots i:first-child { background:#e96c6c; }.experience-chrome .window-dots i:nth-child(2) { background:#e0ba60; }.experience-chrome .window-dots i:last-child { background:#75d7a6; }.window-name { display:flex; gap:8px; align-items:center; color:#d8e7ef; font-weight:650; }.window-name img { width:18px; height:18px; }.window-name span { color:#7f98aa; font-weight:400; }.local-indicator { justify-self:end; color:#8af1cd; font-size:10px; }
.experience-body { display:grid; grid-template-columns:250px minmax(0,1fr); min-height:480px; }.experience-sidebar { padding:24px 16px; border-right:1px solid #a6c9e31c; background:#0a1826; }.side-label { display:block; margin:0 8px 15px; color:#6f8798; font-size:9px; font-weight:700; letter-spacing:.13em; }.project-active { display:grid; grid-template-columns:30px 1fr auto; gap:9px; align-items:center; padding:12px 10px; border:1px solid #79ddc33a; border-radius:9px; background:#143342; }.project-icon { display:grid; width:29px; height:29px; place-items:center; color:#0b2431; border-radius:7px; background:#91edce; font-size:10px; }.project-active b,.project-active small { display:block; }.project-active b { color:#e5f3f9; font-size:10px; }.project-active small { margin-top:3px; color:#95aebd; font-size:9px; }.project-active i { color:#80a3b5; font-style:normal; }.side-storage { display:flex; justify-content:space-between; margin:22px 10px; padding-bottom:15px; color:#879eae; border-bottom:1px solid #a6c9e31c; font-size:10px; }.side-storage b { color:#d1e4ec; font-weight:500; }.experience-sidebar > p { margin:0 10px; color:#6f899a; font-size:11px; line-height:1.7; }
.experience-main { display:flex; flex-direction:column; min-width:0; padding:23px 28px 15px; }.experience-tabs { display:flex; gap:7px; border-bottom:1px solid #a6c9e31c; }.experience-tabs button { display:flex; gap:8px; align-items:center; min-height:42px; padding:0 13px; color:#88a0b1; border:0; border-bottom:2px solid transparent; background:transparent; font-size:11px; font-weight:650; cursor:pointer; }.experience-tabs button span { color:#5c798d; font:10px Consolas,monospace; }.experience-tabs button[aria-pressed=true] { color:#e8f9f4; border-color:#85efd0; }.experience-tabs button[aria-pressed=true] span { color:#8af1cf; }
.premium-scene { flex:1; min-height:340px; }.scene-import { display:grid; grid-template-columns:116px minmax(0,1fr) 150px; gap:30px; align-items:center; }.scene-file { position:relative; display:grid; width:112px; height:146px; place-items:center; color:#c6ffe9; border:1px solid #7bd7c064; border-radius:15px; background:linear-gradient(145deg,#1b5661,#102c3d); box-shadow:inset 0 0 30px #8af2d618,0 20px 45px #01080c65; font:700 24px/1 Consolas,monospace; }.scene-file::after { content:""; position:absolute; top:0; right:0; width:31px; height:31px; border-left:1px solid #7bd7c064; border-bottom:1px solid #7bd7c064; border-radius:0 15px 0 8px; background:#123646; }.scene-file i { position:absolute; bottom:13px; font:9px Consolas,monospace; color:#92afbe; }.scene-kicker { margin:0 0 10px; color:#84edce; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.premium-scene h3 { margin:0; color:#f0f8fc; font-size:clamp(25px,3vw,38px); line-height:1.06; letter-spacing:-.05em; font-weight:570; }.scene-import > div:nth-child(2) > p:not(.scene-kicker) { max-width:460px; margin:16px 0 22px; color:#9db2c3; font-size:14px; line-height:1.7; }.scene-import .demo-next,.scene-running .demo-next,.export-row .demo-next { min-height:43px; color:#061821; border:0; background:#92f0d0; font-size:12px; }.scene-technical { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:16px; border:1px solid #a6c9e324; border-radius:12px; background:#0b2231; font-size:10px; }.scene-technical span { color:#7691a3; }.scene-technical b { color:#cde0e9; font-weight:550; text-align:right; }
.scene-running { padding-top:37px; }.running-head { display:flex; justify-content:space-between; align-items:end; gap:20px; }.running-head h3 { font-size:26px; }.percent { color:#96f1d0; font:600 35px/.9 Consolas,monospace; letter-spacing:-.09em; }.premium-wave { display:flex; align-items:center; height:100px; gap:4px; margin:25px 0 15px; }.premium-wave i { flex:1; height:52%; min-width:2px; border-radius:99px; background:linear-gradient(#8af1d2,#568fe0); opacity:.75; animation:premium-wave 2.7s ease-in-out infinite alternate; }.premium-wave i:nth-child(3n) { height:24%; animation-delay:-1.2s; }.premium-wave i:nth-child(4n) { height:85%; animation-delay:-.7s; }.premium-wave i:nth-child(5n) { height:42%; animation-delay:-1.7s; }.progress-track { height:7px; overflow:hidden; border-radius:99px; background:#1b3a4d; }.progress-track span { display:block; width:68%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#57b4e6,#8af1ce); box-shadow:0 0 18px #7beacf72; transition:width .6s ease; }.running-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 16px; margin:14px 0 23px; color:#819bac; font-size:10px; }.running-meta b { color:#d9ebf2; }.engine-live { color:#8aecce; }
@keyframes premium-wave { to { transform:scaleY(.68); opacity:.32; } }
.scene-result { padding-top:24px; }.result-toolbar { display:flex; justify-content:space-between; padding:10px 12px; color:#89a2b4; border:1px solid #a6c9e324; border-radius:8px 8px 0 0; background:#0d2636; font-size:10px; }.transcript-lines { border:1px solid #a6c9e324; border-top:0; }.transcript-lines article { display:grid; grid-template-columns:50px 1fr auto; gap:11px; padding:13px; color:#b8cbd7; border-bottom:1px solid #a6c9e317; font-size:12px; }.transcript-lines article:last-child { border:0; }.transcript-lines time { color:#7391a5; font:10px Consolas,monospace; }.transcript-lines b { display:block; margin-bottom:4px; color:#83ebcd; font-size:10px; }.transcript-lines p { margin:0; line-height:1.45; }.transcript-active { color:#eef9fe !important; background:#173c50; box-shadow:inset 3px 0 #8aefd0; }.transcript-active button { align-self:center; width:29px; height:29px; color:#0a1c27; border:0; border-radius:50%; background:#98f0d1; cursor:pointer; }.export-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 0 5px; }.export-row span,.export-row b { display:block; }.export-row span { color:#819bac; font-size:10px; }.export-row b { margin-top:3px; color:#d8e8ef; font-size:11px; }.scene-result #demo-export-status { min-height:17px; margin:7px 0 0; color:#92f0d0; font-size:10px; }
.experience-note { margin:12px 0 0; color:#6d8799; font-size:10px; }

.reality-section { padding:122px 0; background:#f2f1ec; }.reality-layout { display:grid; grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr); gap:85px; align-items:center; }.reality-copy h2 { margin:0 0 23px; color:#1f2c33; font-size:clamp(35px,4vw,55px); font-weight:570; line-height:1.05; letter-spacing:-.06em; }.reality-copy h2 em { color:#2d897b; }.reality-copy > p:not(.overline) { max-width:360px; margin:0; color:#607076; font-size:15px; line-height:1.75; }.reality-copy ul { display:grid; gap:11px; margin:25px 0 30px; padding:0; list-style:none; color:#33454a; font-size:13px; }.reality-copy li { padding-left:23px; position:relative; }.reality-copy li::before { content:"✓"; position:absolute; left:0; color:#228879; font-weight:800; }.reality-copy .premium-text-link { color:#1e4a52; }.reality-screen { position:relative; display:block; overflow:hidden; border:1px solid #aebebb; border-radius:15px; background:#102a31; box-shadow:0 36px 70px -42px #163139cc; }.reality-screen img { display:block; width:100%; height:auto; transition:transform .6s cubic-bezier(.2,.7,.2,1); }.reality-screen:hover img { transform:scale(1.025); }.screen-shine { position:absolute; z-index:1; top:0; bottom:0; left:-55%; width:30%; pointer-events:none; background:linear-gradient(90deg,transparent,#ffffff1c,transparent); transform:skewX(-20deg); transition:left .8s ease; }.reality-screen:hover .screen-shine { left:125%; }

@media(max-width:980px) { .premium-hero-content { grid-template-columns:1fr; gap:20px; padding-top:68px; }.premium-hero-copy { max-width:720px; }.hero-orbit { max-width:650px; width:100%; min-height:440px; margin:0 auto -65px; }.experience-body { grid-template-columns:210px minmax(0,1fr); }.experience-heading,.reality-layout { gap:45px; }.scene-import { grid-template-columns:94px minmax(0,1fr); }.scene-technical { display:none; }.reality-layout { grid-template-columns:.75fr 1.25fr; } }
@media(max-width:720px) { .premium-hero { min-height:auto; }.premium-hero-content { min-height:auto; padding:59px 0 64px; }.premium-hero h1 { font-size:clamp(43px,12.2vw,61px); }.premium-lead { margin-top:23px; font-size:16px; }.premium-actions { gap:16px; margin-top:28px; }.premium-proof { display:grid; grid-template-columns:1fr; gap:8px; margin-top:28px; }.premium-proof span { padding:0; border:0; }.hero-orbit { min-height:340px; margin:4px auto -18px; }.orbit-core { width:128px; height:128px; }.orbit-core::after { inset:-20px; }.orbit-core img { width:44px; height:44px; }.orbit-file-card { top:8%; width:63%; padding:11px; }.orbit-file-card b { font-size:9px; }.orbit-result-card { bottom:4%; width:68%; padding:12px; }.orbit-result-card p { margin:10px 0 7px; font-size:10px; }.orbit-badge { top:20%; right:0; padding:9px; }.orbit-badge small { display:none; }.experience-section { padding:70px 0; }.experience-heading { display:block; margin-bottom:28px; }.experience-heading h2 { font-size:42px; }.experience-heading > p { margin-top:18px; font-size:14px; }.experience-window { border-radius:12px; }.experience-chrome { grid-template-columns:auto 1fr; padding:0 13px; }.local-indicator { display:none; }.window-name { justify-self:end; font-size:10px; }.window-name span { display:none; }.experience-body { display:block; min-height:0; }.experience-sidebar { display:none; }.experience-main { padding:14px 14px 10px; }.experience-tabs { gap:0; }.experience-tabs button { flex:1; justify-content:center; min-height:46px; padding:0 4px; font-size:10px; }.experience-tabs button span { display:none; }.premium-scene { min-height:385px; }.scene-import { grid-template-columns:1fr; align-content:center; gap:20px; }.scene-file { width:76px; height:98px; font-size:18px; }.scene-import > div:nth-child(2) > p:not(.scene-kicker) { font-size:13px; }.premium-scene h3 { font-size:30px; }.scene-running { padding-top:28px; }.running-head h3 { font-size:19px; }.percent { font-size:27px; }.premium-wave { height:80px; }.running-meta { display:grid; grid-template-columns:1fr 1fr; }.running-meta .engine-live { grid-column:1/-1; }.transcript-lines article { grid-template-columns:38px 1fr auto; padding:10px; font-size:11px; }.export-row { align-items:end; }.export-row b { max-width:145px; font-size:10px; }.export-row .button { min-height:40px; padding:8px 10px; font-size:10px; }.reality-section { padding:70px 0; }.reality-layout { grid-template-columns:1fr; gap:35px; }.reality-copy > p:not(.overline) { max-width:none; }.reality-screen { border-radius:10px; } }
@media(prefers-reduced-motion:reduce) { .aurora-canvas { display:none; }.orbit-core::before,.orbit-core::after,.premium-wave i { animation:none; }.reality-screen img,.screen-shine { transition:none; } }