@font-face{font-family:"Space Grotesk";src:url("/assets/fonts/space-grotesk-variable.ttf") format("truetype");font-style:normal;font-weight:300 700;font-display:swap}
:root{--display:"Space Grotesk","DM Sans",sans-serif;--titanium:#9cabbc;--glass:#182638;--cut:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
h1,h2,h3,.architecture-controls strong,.preset-tabs button{font-family:var(--display)}
.site-header{padding:14px 0 0;background:transparent;border:0;backdrop-filter:none}
.site-header::after{display:none}
.header-inner.container{min-height:76px;max-width:1376px;width:calc(100% - 64px);padding:14px 23px;background:linear-gradient(115deg,#273547ad,#0a121edb 33%,#0d1725f0);border:1px solid #7c9bb04d;border-radius:20px;backdrop-filter:blur(24px);box-shadow:0 20px 55px #0005,inset 0 1px #d7e8ff17,inset 0 -1px #182c45;position:relative;gap:25px}
.header-inner::after{content:"";position:absolute;left:25px;right:25px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#64aaff,#ceebff,transparent);transform:scaleX(var(--scroll-progress));transform-origin:left;box-shadow:0 0 12px #5a9effb3;pointer-events:none}
.site-header .brand>img{width:59px;filter:drop-shadow(0 3px 8px #0008)}
.site-header .brand>span{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.015em}
.site-header .brand small{font-family:var(--font);font-size:6px;letter-spacing:.18em;color:#a5b7cc}
.site-header nav{gap:5px;padding:4px;border:1px solid #93b7e517;border-radius:13px;background:#060e1980}
.site-header nav>a{padding:9px 16px;font-size:11px;color:#a9b8cc;transition:background .3s,color .3s,box-shadow .3s;border-radius:9px;white-space:nowrap}
.site-header nav>a:hover{background:#7aa6df13;color:#eef6ff}
.site-header nav>a[aria-current]{color:#e8f4ff;background:linear-gradient(150deg,#455e7a55,#1b2d44aa);box-shadow:inset 0 1px #a8c7ed30,0 0 15px #216ac717}
.site-header nav>a::before,.site-header nav>a[aria-current]::after{display:none}
.motion-button,.menu-toggle{background:linear-gradient(140deg,#31435d66,#0a1626);border:1px solid #7797c15e;box-shadow:inset 0 1px #cbe4ff22,0 4px 8px #0004;border-radius:9px;min-height:37px;color:#bfd4ef;transition:border-color .3s,box-shadow .3s,transform .3s}
.motion-button:hover,.menu-toggle:hover{border-color:#a8d2ff;box-shadow:inset 0 1px #cbe4ff44,0 0 20px #448ad52b}
.motion-button:active,.menu-toggle:active{transform:translateY(1px)}
.hero.future-hero{margin-top:-90px;padding-top:90px;background:radial-gradient(ellipse at 83% 38%,#1c38603d,transparent 50%),#060b13}
.future-hero .hero-inner{min-height:calc(100svh - 90px);padding-top:95px;padding-bottom:118px}
.future-hero h1{font-family:var(--display);font-size:clamp(65px,7.25vw,110px);font-weight:400;letter-spacing:-.07em;line-height:1.035;max-width:810px;margin-bottom:27px}
.future-hero .headline-line:nth-child(2){color:#bbc9dc;font-size:.92em;letter-spacing:-.065em;line-height:1.2}
.future-hero .future-word{font-size:1.5em;line-height:1.1;font-weight:500;background:linear-gradient(125deg,#f0f7ff 5%,#a8d5ff 35%,#6598d6 55%,#c6e4ff 78%);background-size:160% 100%;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 5px 16px #4676ab25)}
.future-hero .title-period{-webkit-text-fill-color:#53a8ff}
.future-hero .hero-copy{max-width:770px}
.future-hero .eyebrow{font-size:8px;letter-spacing:.17em;color:#a9bdd6;margin-bottom:28px}
.future-hero .eyebrow>.blue-dot{width:4px;height:4px;box-shadow:0 0 0 5px #87baff10,0 0 18px #72b8ff}
.future-hero .hero-lead{font-size:13px;line-height:1.9;letter-spacing:.005em;color:#a1b4cd;margin-bottom:29px}
.future-hero .hero-shade{background:linear-gradient(90deg,#060b13f7 0%,#060b13cd 28%,#060b1350 49%,transparent 75%),linear-gradient(0deg,#060b13,transparent 20%,transparent 80%,#060b1380);pointer-events:none}
.road-world[data-composition=cinematic] .hero-background{filter:brightness(.94) saturate(.97)}
.road-world[data-composition=cinematic] .road-canvas{mix-blend-mode:screen}
.road-world[data-composition=cinematic] .road-horizon{right:12%;top:20%;width:38%;background:radial-gradient(ellipse,#76b4ff26,transparent 70%);filter:blur(26px)}
.road-world[data-composition=cinematic]::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(112deg,transparent 38%,#9ed8ff0a 50%,transparent 62%);mix-blend-mode:screen;animation:road-reflection 16s ease-in-out infinite alternate}
@keyframes road-reflection{from{opacity:.25;transform:translateX(-12%)}to{opacity:.8;transform:translateX(12%)}}
.future-hero .hero-bottom{font-size:9px;padding:22px 0 4px;border-color:#91bbec26}
.future-hero .hero-bottom>span{letter-spacing:.04em}
.horizon-label{right:9%;top:28%;font-size:7px;color:#8ea8c9;letter-spacing:.15em}
.button{min-height:55px;gap:0;padding:1px 1px 1px 23px;border:0;clip-path:var(--cut);border-radius:0;background:linear-gradient(140deg,#c4e4ff,#4979ad 24%,#a2d5ff 50%,#355478 75%,#9cb7cd);color:#e5f2ff;box-shadow:none;filter:drop-shadow(0 6px 10px #0003);isolation:isolate;font-size:11px;font-weight:500;letter-spacing:.015em;justify-content:space-between;overflow:hidden;transition:filter .3s,transform .3s}
.button::before{content:"";position:absolute;inset:1px;background:linear-gradient(115deg,#1d4169,#0c1e35 65%);clip-path:var(--cut);z-index:-2}
.button::after{content:"";position:absolute;inset:1px;background:linear-gradient(115deg,transparent 20%,#bfe9ff33 50%,transparent 80%);transform:translateX(-140%);transition:transform .7s;z-index:-1}
.button>span[aria-hidden]{width:55px;min-height:53px;display:flex;align-items:center;justify-content:center;align-self:stretch;margin-left:24px;background:linear-gradient(140deg,#406c9c,#163a66);border-left:1px solid #d0e9ff45;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);font-size:18px;line-height:1;transition:background .3s,transform .3s;color:#c2e7ff;flex-shrink:0}
.button-primary{background:linear-gradient(135deg,#f5fbff 0%,#88b8e3 27%,#cfe7fa 58%,#607f9e 100%);color:#081b30}
.button-primary::before{background:linear-gradient(115deg,#e4f2ff,#bed8ee 38%,#82aaca 85%)}
.button-primary>span[aria-hidden]{background:linear-gradient(135deg,#4588c4,#163c68 70%);border-left-color:#effaff8c;color:#def5ff;box-shadow:inset 0 1px #e6f7ff47,inset 0 -2px #071c3b80}
.button:hover{transform:translateY(-3px);filter:drop-shadow(0 0 16px #64a8ff40);background:linear-gradient(135deg,#f5fbff,#9ed0ff 45%,#476d96);box-shadow:none}
.button:hover::after{transform:translateX(140%)}
.button:hover>span[aria-hidden]{transform:none;background:linear-gradient(135deg,#6eaee8,#295d92)}
.button:active{transform:translateY(1px);filter:brightness(.95)}
.button:focus-visible{outline:2px solid #fff;outline-offset:-5px;filter:drop-shadow(0 0 6px #7bbfff)}
.button-quiet{color:#bbd0eb;background:linear-gradient(135deg,#7999bc88,#27435e55);padding-left:20px}
.button-quiet::before{background:linear-gradient(120deg,#132235,#0b1421)}
.button-quiet>span[aria-hidden]{background:linear-gradient(135deg,#253b5555,#102036);color:#91b7e4;min-width:45px;width:45px;margin-left:20px;border-left-color:#779ac13d}
.button-quiet:hover{color:#eff8ff}
.button-secondary{background:linear-gradient(135deg,#9bb8db,#314c6d 48%,#86a0c0);color:#d0e7ff}
.button-secondary::before{background:linear-gradient(110deg,#263d58,#0c1b2e)}
.actions{gap:15px}
.text-link{border-bottom:0;position:relative;padding:8px 0;color:#c6dcf9;gap:22px;font-size:11px}
.text-link::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#a1c7f58c,#6192cd22);transition:filter .3s}
.text-link:hover::after{filter:drop-shadow(0 0 5px #6da8ff)}
.text-link>span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #7298ca40;background:linear-gradient(135deg,#223d5f80,#10243b);border-radius:6px;font-size:13px}
.text-link:hover>span{transform:translate(2px,-2px);border-color:#9ac8ff}
.section-heading h2,.connection-grid h2,.origins-grid h2,.closing h2{font-family:var(--display);letter-spacing:-.06em}
.section-heading .eyebrow{font-size:8px;letter-spacing:.18em}
.connection-section{background:radial-gradient(ellipse at 85% 100%,#14345055,transparent 60%),#070c14;padding:125px 0 140px}
.connection-grid h2{font-size:clamp(37px,4.2vw,65px);line-height:1.15}
.connection-grid h2>span{background:linear-gradient(110deg,#d2e3f7,#6c89ac);background-clip:text;color:transparent}
.work-section{background:radial-gradient(ellipse at 90% 50%,#18345422,transparent 65%),#080e18}
.showroom-toolbar{gap:30px}
.preset-tabs{border-radius:14px;padding:5px;background:linear-gradient(130deg,#2a405b66,#0a1422);border-color:#708fb256;box-shadow:inset 0 1px #c5ddff17,0 12px 28px #0003}
.preset-tabs button{border-radius:10px;font-family:var(--display);font-size:13px;letter-spacing:-.015em;padding:10px 27px;min-height:57px;position:relative;color:#acbdd4;transition:background .4s,box-shadow .4s,color .4s}
.preset-tabs button>span{font-family:var(--font);font-size:7px;letter-spacing:.04em;margin-top:4px}
.preset-tabs button[aria-selected=true]{border-color:#a9d0ff5e;background:linear-gradient(145deg,#49698880,#192c43 70%);box-shadow:inset 0 1px #dcecff40,inset 0 -1px #254d77,0 0 20px #579dff17}
.preset-tabs button[aria-selected=true]::after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:1px;background:#96cbff;box-shadow:0 0 8px #5aa7ff}
.view-controls{border-radius:11px;padding:4px;background:linear-gradient(130deg,#22354c70,#0b1421);border-color:#7795b74d;box-shadow:inset 0 1px #c5ddff10}
.view-controls button{border-radius:7px;min-height:33px;padding:7px 15px;font-size:9px}
.view-controls button[aria-pressed=true]{background:linear-gradient(145deg,#47627f99,#24394f);box-shadow:inset 0 1px #b5d8ff30;color:#edf6ff}
.showroom-stage{border-color:#7da5ce60;background:#080e16;border-radius:21px;padding:38px 65px 36px;box-shadow:inset 0 1px #d3e9ff17,0 25px 65px #0003}
.showroom-stage::before{content:"";position:absolute;bottom:10%;left:20%;right:20%;height:14%;border-radius:50%;background:radial-gradient(ellipse,#72a6e340,transparent 65%);filter:blur(26px);pointer-events:none}
.showroom-stage::after{background:linear-gradient(180deg,#07101b60,#070c17e0 90%),radial-gradient(ellipse at 50% 80%,rgba(var(--environment-color),.25),transparent 75%)}
.preview-caption>span:first-child{font-family:var(--display);font-size:13px;letter-spacing:.01em}
.preview-caption .caption-slash{font-family:var(--font);color:#849dbd}
.preview-caption>.status{border-radius:6px;background:linear-gradient(135deg,#243548aa,#0a1421);box-shadow:inset 0 1px #adc9ef16;padding:8px 12px;color:#b6cee9;letter-spacing:.06em}
.browser-frame{border-radius:14px 14px 8px 8px;border:2px solid #7e94aa;background:#0e1927;box-shadow:inset 0 1px #f1f8ff55,25px 40px 60px #0008,0 0 75px rgba(var(--environment-color),.14);transform:rotateX(5deg) rotateY(-7deg) rotateZ(-1.3deg)}
.browser-bar{height:34px;background:linear-gradient(115deg,#36465a,#152437 40%,#1c2d43);border-bottom:1px solid #a3c8ef44;color:#c4d4e8;font-size:7px}
.browser-dots{color:#a9bdd5;font-size:5px}
.showroom:hover .browser-frame,.showroom:focus-within .browser-frame{transform:rotateX(0) rotateY(0) rotateZ(0)}
.showroom-stage[data-screen=mobile] .browser-frame{border-width:6px;border-radius:26px;border-color:#4c637e;background:#172638;box-shadow:inset 0 1px #d0e9ff66,20px 30px 50px #0008}
.architecture-section{background:radial-gradient(ellipse at 24% 50%,#18375a70,transparent 55%),#080e17}
.architecture-controls button{border-color:#6e8dae36;position:relative;padding:26px 14px;border-radius:0 12px 12px 0;transition:background .4s,box-shadow .4s}
.architecture-controls button[aria-pressed=true]{background:linear-gradient(100deg,#29466a99,#14283e70 60%,transparent);padding-inline:14px;box-shadow:inset 2px 0 #a6d4ff,inset 0 1px #9abfe724,0 12px 35px #0002}
.architecture-controls strong{font-family:var(--display);font-size:31px;letter-spacing:-.05em}
.architecture-controls button>span:nth-child(2)>span{color:#a6b7cd;font-size:10px}
.architecture-controls .principle-orb{width:6px;height:6px;box-shadow:0 0 0 5px #608eb81a}
.architecture-controls button[aria-pressed=true] .principle-orb{box-shadow:0 0 0 5px #6298ce22,0 0 15px #77b7ff}
.architecture-core::after{content:"";position:absolute;inset:17%;border:1px solid #a5c5e929;border-radius:50%;box-shadow:inset 0 0 50px #517aaf17,0 0 50px #345b8a17;transform:rotate(-28deg) scaleY(.68);pointer-events:none}
.architecture-description{margin-left:35px;font-size:12px}
.core-ring{border-color:#8eb2d752}
.core-ring-two{border-color:#afcbe625}
.core-ring-three{border-color:#81a7d444}
.preset-grid{gap:20px;overflow:visible;border:0;background:none;border-radius:0}
.preset-card{border:1px solid #7e9db34d;border-radius:16px;box-shadow:inset 0 1px #c4dcf524,0 20px 45px #0003;isolation:isolate;transition:transform .5s,border-color .5s,box-shadow .5s}
.preset-card::after{content:"";position:absolute;inset:0;border-radius:16px;border-top:1px solid #d9ecff55;pointer-events:none;z-index:3}
.preset-card:hover{transform:translateY(-8px);border-color:#a6c9ec9c;box-shadow:0 25px 65px #0007,0 0 25px #2e7aff14}
.preset-card .card-arrow{border-radius:8px;background:linear-gradient(130deg,#5d7f9d99,#142940);border-color:#d3e7ff66;color:#eef8ff;box-shadow:inset 0 1px #ffffff44}
.preset-copy h3{font-family:var(--display);font-weight:400;letter-spacing:-.065em;font-size:37px}
.preset-story-image{border:1px solid #6f8ca755;border-radius:16px;box-shadow:0 20px 50px #0003}
.preset-story h2{font-family:var(--display);letter-spacing:-.055em}
.brand-art{background:radial-gradient(ellipse at 40% 30%,#254a6e70,transparent 65%),linear-gradient(135deg,#122438,#0a1322);border-color:#8bb3d25c;border-radius:18px;box-shadow:inset 0 1px #c2ddf62b,0 20px 55px #0004}
.contact-card,.playground{border-color:#88aacb55;border-radius:18px;background:radial-gradient(ellipse at 0 0,#294d7390,transparent 70%),linear-gradient(135deg,#132337,#0a1422);box-shadow:inset 0 1px #d9efff25,0 20px 50px #0003}
.contact-card .contact-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #7facd96b;border-radius:13px;background:linear-gradient(145deg,#4c739766,#102641);box-shadow:inset 0 1px #d2eaff40,0 0 30px #4e91d31a;font-size:26px}
.contact-card h2,.support-resources h2{font-family:var(--display);letter-spacing:-.05em}
.playground-controls button:not(.reset-button){border-radius:5px;background:linear-gradient(135deg,#2c4361,#13243a);border-color:#7190b561;box-shadow:inset 0 1px #cce4ff16;color:#bdd1eb}
.playground-controls button[aria-pressed=true]:not(.reset-button){background:linear-gradient(135deg,#d0e6fb,#8fb4d5);border-color:#d5eaff;color:#0b1e32;box-shadow:inset 0 1px #fff}
.faq summary{font-family:var(--display);font-size:16px;letter-spacing:-.025em}
.faq details{border-color:#6d90b544}
.faq summary::after{width:25px;height:25px;border:1px solid #7599c35c;border-radius:6px;background:linear-gradient(135deg,#2b47687d,#10233a);display:grid;place-items:center;line-height:1;font-size:17px;top:0}
.page-hero{margin-top:-90px;padding-top:172px;padding-bottom:67px;background:radial-gradient(ellipse at 90% 45%,#24466d55,transparent 60%),#080d16}
.page-hero h1{font-family:var(--display);letter-spacing:-.075em;font-weight:400}
.page-hero h1>span{background:linear-gradient(110deg,#e0f0ff,#7daee1);background-clip:text;color:transparent}
.page-hero h1>.title-period{color:#7daee1;background:none}
.page-hero::before{border-color:#8dafcb38}
.page-hero::after{border-color:#86b9e78a;border-bottom-color:transparent;border-left-color:transparent}
.status-large{border-radius:7px;background:linear-gradient(135deg,#243c5980,#0c1a2a);border-color:#91b6de55;box-shadow:inset 0 1px #c4ddf41f}
.closing{background:radial-gradient(ellipse at 80% 110%,#20466b77,transparent 65%),linear-gradient(120deg,#0a1220,#0e1c2d)}
.closing h2{font-family:var(--display);letter-spacing:-.06em;font-weight:400}
.closing-line{border-color:#89b4e155;box-shadow:0 -5px 35px #59a7ff14}
.footer-group h2{font-family:var(--font)}
.motion-off .road-world[data-composition=cinematic]{transform:none!important}
@media(min-width:1700px){.future-hero h1{font-size:130px}.future-hero .hero-inner{min-height:900px}}
@media(max-width:1150px){.header-inner.container{width:calc(100% - 44px);gap:15px;padding-inline:18px}.site-header nav>a{padding-inline:12px;font-size:10px}.site-header .brand>span{font-size:12px}.site-header .brand>img{width:49px}.motion-word{display:none}.motion-button{padding-inline:11px}.future-hero h1{font-size:90px;max-width:700px}.future-hero .hero-inner{min-height:790px}.showroom-stage{padding-inline:38px}.preset-tabs button{padding-inline:24px}.preset-grid{gap:16px}}
@media(max-width:800px){.header-inner.container{width:calc(100% - 32px);min-height:72px;padding:12px 16px;gap:13px}.site-header nav{padding:3px;gap:1px}.site-header nav>a{padding:8px 10px;font-size:9px}.site-header .brand{gap:9px}.site-header .brand>img{width:40px}.site-header .brand>span{font-size:10px}.site-header .brand small{font-size:5px;letter-spacing:.1em}.site-header nav>a[aria-current]{box-shadow:inset 0 1px #9cbded38}.future-hero .hero-inner{min-height:800px}.future-hero h1{font-size:83px}.future-hero .hero-lead{font-size:12px}.future-hero .hero-copy{max-width:620px}.button{font-size:10px;min-height:53px;padding-left:19px}.button>span[aria-hidden]{min-height:51px;width:49px;margin-left:20px}.button-quiet{padding-left:18px}.button-quiet>span[aria-hidden]{width:43px;margin-left:18px}.connection-section{padding:90px 0 110px}.connection-grid h2{font-size:40px}.showroom-toolbar{gap:20px}.preset-tabs button{padding:9px 19px;font-size:12px;min-height:54px}.showroom-stage{padding-inline:26px}.preview-caption>span:first-child{font-size:11px}.preview-caption>.status{font-size:8px}.preset-grid{gap:12px}.preset-copy{padding:22px}.preset-copy h3{font-size:29px}.architecture-controls strong{font-size:26px}.architecture-controls button{padding-block:22px;gap:18px}.page-hero{padding-top:155px}}
@media(max-width:600px){.site-header{padding-top:10px}.header-inner.container{width:calc(100% - 24px);min-height:63px;border-radius:14px;padding:10px 11px;gap:8px}.site-header .brand>img{width:36px}.site-header .brand>span{font-size:10px}.site-header .brand small{font-size:4.5px;letter-spacing:.09em;margin-top:4px}.site-header .brand{gap:7px}.motion-button{min-height:36px;min-width:32px;padding:8px 9px;border-radius:8px;margin-left:auto}.menu-toggle{min-height:36px;padding:8px 10px;font-size:9px;border-radius:8px;gap:7px}.site-header nav{position:absolute;top:calc(100% + 9px);left:-1px;right:-1px;padding:17px 17px 22px;border-radius:14px;background:linear-gradient(130deg,#1c3048f5,#0a1423f8);border:1px solid #a2bfdc5c;box-shadow:0 25px 55px #000b,inset 0 1px #c0daf62b;max-height:calc(100dvh - 105px);gap:5px;backdrop-filter:blur(24px)}.site-header nav>a{font-family:var(--display);font-size:20px;padding:13px 13px;border-radius:9px}.site-header nav>.nav-project{font-family:var(--font);font-size:11px;padding:20px 12px 2px;margin-top:14px}.site-header nav>a[aria-current]{background:linear-gradient(135deg,#43648575,#1b35526b);box-shadow:inset 0 1px #b6dbff22}.header-inner::after{left:15px;right:15px}.hero.future-hero{margin-top:-73px;padding-top:73px}.future-hero .hero-inner{min-height:max(790px,calc(100svh - 73px));padding-top:73px;padding-bottom:105px;max-height:980px}.future-hero .hero-copy{max-width:100%}.future-hero h1{font-size:clamp(45px,12.3vw,73px);line-height:1.04;letter-spacing:-.065em;margin-bottom:27px}.future-hero .headline-line:nth-child(2){font-size:.94em;line-height:1.22;letter-spacing:-.065em}.future-hero .future-word{font-size:1.58em;line-height:1.1;letter-spacing:-.075em}.future-hero .eyebrow{font-size:6px;letter-spacing:.15em;margin-bottom:25px;gap:8px}.future-hero .hero-lead{font-size:11px;line-height:1.9;margin-bottom:25px;max-width:280px}.future-hero .hero-shade{background:linear-gradient(180deg,#060b13d0,#060b13aa 38%,#060b1330 65%,#060b13 100%),linear-gradient(90deg,#060b1350,transparent)}.road-world.has-webgl{inset:0}.road-world.has-webgl .road-horizon{right:-10%;top:35%;width:100%;height:30%}.future-hero .actions{gap:11px;align-items:start}.button,.future-hero .button{min-height:49px;font-size:10px;padding:1px 1px 1px 18px;gap:0}.button>span[aria-hidden],.future-hero .button>span[aria-hidden]{width:48px;min-height:47px;margin-left:20px;font-size:16px}.future-hero .button-quiet{padding:1px 1px 1px 17px;margin-top:0}.button-quiet>span[aria-hidden],.future-hero .button-quiet>span[aria-hidden]{width:40px;min-width:40px;margin-left:18px;font-size:14px}.future-hero .hero-bottom{bottom:24px;padding-top:19px;font-size:8px}.future-hero .hero-bottom>a{font-size:7px}.horizon-label{display:none}.connection-section{padding:70px 0 95px}.connection-grid h2{font-size:clamp(30px,8.1vw,43px);line-height:1.2;letter-spacing:-.055em}.connection-grid .text-link{font-size:10px}.section-heading h2{font-size:33px;letter-spacing:-.055em}.section-heading-row .text-link{font-size:10px}.preset-tabs{border-radius:12px;padding:4px}.preset-tabs button{border-radius:8px;font-size:11px;padding:8px 10px;min-height:52px}.preset-tabs button>span{font-size:6px;margin-top:4px}.preset-tabs button[aria-selected=true]::after{left:20%;right:20%;bottom:0}.view-controls{border-radius:9px;padding:3px}.view-controls button{border-radius:6px;font-size:8px;min-height:29px;padding:6px 12px}.showroom-stage{border-radius:15px;padding:22px 15px 25px}.preview-caption{gap:9px;margin-bottom:30px}.preview-caption>span:first-child{font-size:9px}.preview-caption>.status{font-size:7px;padding:6px 8px;border-radius:5px}.browser-frame{border-width:2px;border-radius:10px;transform:rotateX(4deg) rotateY(-5deg) rotateZ(-1deg)}.showroom-stage[data-screen=mobile] .browser-frame{max-width:235px;border-width:5px;border-radius:23px}.showroom-stage[data-screen=desktop] .browser-frame{border-width:2px;border-radius:6px}.browser-bar{height:25px;font-size:6px}.showroom-stage[data-screen=mobile] .browser-bar{height:24px;font-size:5.5px}.preview-bottom{margin-top:29px;gap:15px}.preview-bottom .text-link{font-size:9px}.text-link>span{width:23px;height:23px;font-size:12px}.architecture-controls button{border-radius:0 10px 10px 0;padding:23px 10px;gap:17px}.architecture-controls button[aria-pressed=true]{padding-inline:10px}.architecture-controls strong{font-size:28px}.architecture-controls button>span:nth-child(2)>span{font-size:9px}.architecture-description{margin-left:33px;font-size:11px}.preset-grid{gap:24px}.preset-card{border-radius:15px}.preset-copy{padding:26px}.preset-copy h3{font-size:36px}.preset-story-image{border-radius:13px}.brand-art{border-radius:15px}.page-hero{margin-top:-73px;padding-top:130px;padding-bottom:42px}.page-hero h1{font-size:clamp(45px,12.4vw,69px);letter-spacing:-.07em}.product-page-hero h1{font-size:clamp(57px,16vw,94px)}.page-hero .lead{font-size:12px}.page-hero .button{margin-top:2px}.contact-card,.playground{border-radius:15px}.faq summary{font-size:14px}.faq summary::after{width:23px;height:23px}.closing h2{font-size:39px;letter-spacing:-.065em}.closing .button{font-size:10px}html:not(.js) .site-header nav{position:static;flex-basis:100%;border:0;background:none;box-shadow:none;padding:8px 0 0;gap:8px;border-radius:0}html:not(.js) .site-header nav>a{font-family:var(--font);font-size:10px;padding:7px 9px}html:not(.js) .header-inner{padding-block:14px}html:not(.js) .hero.future-hero{margin-top:0;padding-top:0}html:not(.js) .page-hero{margin-top:0;padding-top:60px}}
@media(max-width:350px){.site-header .brand>img{width:29px}.site-header .brand>span{font-size:8.8px}.site-header .brand small{font-size:4px;letter-spacing:.05em}.header-inner.container{padding-inline:9px;gap:7px}.motion-button{min-width:29px;padding-inline:7px}.menu-toggle{padding-inline:8px;font-size:8px}.future-hero .eyebrow{font-size:5.5px;letter-spacing:.1em}.preset-tabs button{font-size:10px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.road-world.has-webgl .hero-background{transition:none}.preset-card:hover{transform:none}}