@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090f22;--surface:#111b34;--ink:#f5f6fb;--muted:#a7b0c4;--line:#ffffff1c;--accent:#587bff;--accent-solid:#234ff4;--second:#f4ef63;--glow:#4266ff55;--depth:15px;--tilt:-7deg;--radius:16px;color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;font-synthesis:none}
html[data-palette=ultraviolet]{--accent:#b891ff;--accent-solid:#7850cd;--second:#d4ff68;--glow:#9162ef55}html[data-palette=sunset]{--accent:#ff9e76;--accent-solid:#bf5036;--second:#ffc2de;--glow:#ff754c55}html[data-palette=glacier]{--accent:#79e5cc;--accent-solid:#237767;--second:#d5e4f5;--glow:#79e5cc55}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--second);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.055em;line-height:1.08}button{border:0}fieldset{padding:0;border:0;margin:0}legend{padding:0}.wrap{max-width:1320px;margin:auto;padding-left:48px;padding-right:48px}.section{padding-top:110px;padding-bottom:110px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;display:flex;align-items:center;gap:10px;margin-bottom:22px}.accent{color:var(--second)}.muted{color:#8b97b4}.status-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--second);box-shadow:0 0 14px var(--second)}.skip{position:absolute;z-index:100;top:-70px;left:20px;background:var(--second);color:var(--bg);padding:12px}.skip:focus{top:10px}.site-header{position:relative;z-index:20;max-width:1440px;min-height:100px;padding:24px 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:17px;font-weight:800;line-height:1.1;letter-spacing:.02em}.brand-sub{display:block;font-size:10px;letter-spacing:.34em;margin-top:5px}.brand-symbol{position:relative;width:44px;height:44px;background:linear-gradient(140deg,var(--accent),var(--accent-solid));border:1px solid #ffffff38;border-radius:12px;display:grid;place-items:center;font-size:28px;font-weight:800;box-shadow:0 4px 0 #02071a,0 8px 22px var(--glow)}.brand-symbol span{font-size:23px;position:absolute;right:-5px;top:-8px;color:var(--second);text-shadow:0 2px 4px #000}.site-header nav{display:flex;gap:32px;font-size:13px;color:#c4ccdf}.site-header nav a:hover{color:var(--second)}.header-cta{padding:12px 19px;border:1px solid #ffffff3b;border-radius:9px;font-weight:600;font-size:13px;white-space:nowrap}.header-cta span{padding-left:15px;color:var(--second)}.hero{min-height:740px;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:30px;padding-top:76px;padding-bottom:84px;position:relative}.hero:before{content:'';position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(ellipse,var(--glow),transparent 67%);top:-90px;right:-200px;pointer-events:none;opacity:.65}.hero-copy{position:relative;z-index:2}h1{font-size:clamp(58px,5.8vw,84px);font-weight:800;line-height:1.04;letter-spacing:-.065em}.outline-word{color:var(--second)}.hero-description{font-size:17px;max-width:425px;line-height:1.7;margin-top:28px;color:#b8c2db}.hero-description em{color:white;font-style:normal}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:13px;line-height:1.3;padding:17px 23px;border-radius:9px;font-weight:700;transition:transform .2s,box-shadow .2s;min-height:48px}.primary{background:linear-gradient(160deg,#fff9b7,var(--second));color:#11182a;border:1px solid #ffffff75;box-shadow:0 calc(var(--depth)*.36) 0 color-mix(in srgb,var(--second) 50%,#312c0c),0 8px 30px color-mix(in srgb,var(--second) 15%,transparent)}.primary:hover{transform:translateY(-3px);box-shadow:0 calc(var(--depth)*.5) 0 color-mix(in srgb,var(--second) 50%,#312c0c),0 13px 36px color-mix(in srgb,var(--second) 23%,transparent)}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #555}.secondary{background:#1f2a44;border:1px solid #ffffff3b}.text-link{font-size:13px;color:#dde3f1}.text-link span{margin-left:10px;color:var(--second)}.hero-note{display:flex;gap:17px;align-items:center;margin-top:38px;font-size:11px;color:#8995b1}.hero-note strong{color:#cdd5e6;font-weight:500}.mini-stack{display:flex;padding-left:5px}.mini-stack i{display:block;background:var(--accent);width:22px;height:28px;border:1px solid #d0ddff;border-radius:5px;transform:rotate(-12deg);margin-left:-5px;box-shadow:0 3px 8px #0006}.mini-stack i:nth-child(2){background:var(--second);transform:rotate(4deg)}.mini-stack i:nth-child(3){background:#e9ecf5;transform:rotate(17deg)}
.hero-art{height:495px;position:relative;perspective:1200px;z-index:1;max-width:560px;width:100%;justify-self:center}.hero-browser,.browser-stack{position:absolute;width:100%;height:365px;left:0;top:56px;transform:rotateY(-14deg) rotateX(8deg) rotateZ(5deg);border-radius:13px}.browser-stack{border:1px solid var(--accent);background:linear-gradient(130deg,var(--accent-solid),#111d43);box-shadow:0 12px 35px #0006}.back-one{transform:translate(20px,27px) rotateY(-14deg) rotateX(8deg) rotateZ(5deg);opacity:.5}.back-two{transform:translate(10px,14px) rotateY(-14deg) rotateX(8deg) rotateZ(5deg);opacity:.8}.hero-browser{background:#f1f2e9;color:#151e24;overflow:hidden;box-shadow:0 0 0 1px #ffffff60,0 45px 55px #0007}.browser-toolbar{height:32px;display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid #151e2420;background:#fff8;font-size:8px}.browser-toolbar i{width:5px;height:5px;border:1px solid #8b9694;border-radius:50%}.browser-toolbar span{flex:1;text-align:center;color:#8b9694}.mini-nav{padding:18px 23px;display:flex;justify-content:space-between;align-items:center}.mini-nav b{font-size:19px;letter-spacing:-1px}.mini-nav b span{font-size:9px;margin-left:2px;vertical-align:top}.mini-nav>span{font-size:8px}.mini-hero{display:grid;grid-template-columns:1fr 1fr;padding:12px 23px;gap:0}.mini-label{font-size:6px;font-weight:700;letter-spacing:1px}.mini-hero h2{font-family:Georgia,serif;font-size:41px;letter-spacing:-2px;font-weight:400;margin:12px 0 20px;line-height:1.01}.mini-hero h2 em{font-weight:400;color:#5d7655}.mini-cta{background:#344b35;color:#fff;padding:9px 12px;font-size:7px;border-radius:3px}.mini-bottom{position:absolute;bottom:18px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:7px;border-top:1px solid #18211730;padding-top:10px}.sculpture{position:relative;width:100%;height:230px;perspective:400px}.sculpture-ring{width:120px;height:145px;position:absolute;border:25px solid #cbd582;border-top-color:#e3edb9;border-right-color:#929d4d;border-bottom-color:#7b8740;border-radius:60%;left:45px;top:10px;transform:rotate(-24deg);box-shadow:inset 8px 5px 12px #34431055,12px 16px 14px #5d6e2b44}.sculpture-sphere{position:absolute;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f7bc69,#d96b27 50%,#7b3017);top:91px;left:25px;box-shadow:15px 14px 17px #30200c44;z-index:3}.sculpture-plinth{position:absolute;background:linear-gradient(95deg,#e5e2d4,#fffdf5 35%,#b7b3a0);width:110px;height:78px;left:51px;top:134px;border-radius:50% 50% 2px 2px/13% 13% 2px 2px;box-shadow:17px 13px 20px #51513b40}.sculpture-step{position:absolute;width:150px;height:22px;background:linear-gradient(110deg,#9bb29a,#5b715a);left:31px;top:206px;transform:skewX(-20deg);box-shadow:8px 8px 0 #344933}.float-tag{position:absolute;z-index:5;background:#1a2545e8;border:1px solid #8fa7ff50;box-shadow:0 12px 25px #0005,0 0 20px var(--glow);backdrop-filter:blur(10px);border-radius:12px;display:flex;align-items:center;gap:13px;font-size:12px}.tag-top{top:6px;right:-10px;padding:13px 20px;transform:rotate(5deg)}.tag-top>span{color:var(--second);font-size:25px}.tag-bottom{bottom:23px;left:-13px;padding:16px 20px;transform:rotate(-5deg)}.tag-bottom small{display:block;font-size:9px;color:#9cabc9;margin-top:3px}.layers-icon{color:var(--second);font-size:40px;line-height:1}.floating-star{position:absolute;font-size:85px;color:var(--second);right:-10px;bottom:29px;text-shadow:3px 5px 0 #8b9027,0 10px 30px #f2ee4230;transform:rotate(15deg)}.art-caption{position:absolute;bottom:-24px;right:0;color:#7c8cad;font-size:10px}.orbital{position:absolute;border:1px solid #6f87ef29;border-radius:50%;pointer-events:none}.orbital-one{inset:-16px -34px 5px;transform:rotate(20deg)}.orbital-two{inset:18px -65px 35px;transform:rotate(-35deg)}.ticker{display:flex;align-items:center;justify-content:center;gap:42px;overflow:hidden;padding:25px 0;border-block:1px solid var(--line);color:#c4cee4;background:#101a30;font-size:12px;font-weight:600;letter-spacing:.08em;white-space:nowrap}.ticker b{color:var(--second);font-size:20px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2{font-size:44px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:310px;margin-bottom:4px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:38px 30px}.concept-card{display:block}.concept-preview{height:300px;overflow:hidden;border-radius:15px;border:1px solid #ffffff30;position:relative;background:#15224b;box-shadow:0 10px 0 #020715,0 18px 35px #0004;transition:transform .3s,box-shadow .3s}.concept-card:hover .concept-preview{transform:translateY(-6px);box-shadow:0 16px 0 #020715,0 22px 35px var(--glow)}.concept-preview iframe{width:1200px;height:800px;border:0;pointer-events:none;transform-origin:top left;transform:scale(.485);background:#121a33}.preview-open{position:absolute;bottom:17px;right:18px;border:1px solid #ffffff50;border-radius:99px;background:#10162be6;padding:9px 15px;font-size:10px;box-shadow:0 5px 15px #0003}.concept-meta{display:flex;align-items:center;justify-content:space-between;padding-top:24px;gap:15px}.concept-meta small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.concept-meta h3{font-size:21px;margin-top:7px;letter-spacing:-.03em}.pill{font-size:10px;border:1px solid var(--line);padding:6px 10px;border-radius:99px;white-space:nowrap;color:#aab7d2}.section-footnote{font-size:11px;color:#7f8eae;margin-top:29px}.lab-section{background:linear-gradient(160deg,#152340,#0d152c);border-block:1px solid var(--line)}.lab-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px}.lab-controls legend,.depth-control label{font-size:12px;font-weight:600;color:#c4cde0;margin-bottom:16px;display:block}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.palette{padding:13px 12px;display:flex;align-items:center;gap:11px;text-align:left;border-radius:9px;border:1px solid #ffffff20;background:#0c1428;font-size:11px;min-height:75px}.palette b{margin-left:auto;visibility:hidden;color:var(--second)}.palette.active{border-color:var(--accent);box-shadow:0 0 20px var(--glow)}.palette.active b{visibility:visible}.palette small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.swatch{width:28px;height:36px;border-radius:7px;flex:none;transform:rotate(-8deg);border:1px solid #fff5;box-shadow:2px 3px 0 #0005}.electric{background:linear-gradient(135deg,#3866ff 55%,#f4ef63 55%)}.ultraviolet{background:linear-gradient(135deg,#9761e6 55%,#d4ff68 55%)}.sunset{background:linear-gradient(135deg,#fd875e 55%,#ffc2de 55%)}.glacier{background:linear-gradient(135deg,#79e5cc 55%,#d5e4f5 55%)}.depth-control{margin-top:32px}.depth-control output{float:right;color:var(--second)}input[type=range]{width:100%;accent-color:var(--second);cursor:pointer}.depth-control>div{display:flex;justify-content:space-between;font-size:10px;color:#8b9cbd;margin-top:8px}.motion-control{background:transparent;padding:0;display:flex;align-items:center;gap:12px;font-size:12px;margin-top:26px}.motion-control b{color:var(--second);font-size:10px}.toggle{width:31px;height:18px;background:var(--accent-solid);border:1px solid #ffffff4f;border-radius:20px;position:relative}.toggle:after{content:'';width:12px;height:12px;position:absolute;top:2px;right:2px;background:white;border-radius:50%}.motion-control[aria-pressed=false] .toggle{background:#45516b}.motion-control[aria-pressed=false] .toggle:after{right:14px}.reset-link{background:none;padding:0;color:#8497bc;text-decoration:underline;text-underline-offset:4px;font-size:10px;margin-top:24px}.lab-stage{background:radial-gradient(ellipse at 50% 40%,var(--glow),transparent 65%),linear-gradient(#091224cc,#091224cc),repeating-linear-gradient(0deg,transparent,transparent 29px,#7f96ca20 30px);border:1px solid #5d78ba50;border-radius:20px;position:relative;min-height:460px;display:flex;align-items:center;justify-content:center;padding:65px 30px 50px;perspective:1000px;overflow:hidden}.lab-stage-label{font-size:8px;letter-spacing:.14em;position:absolute;left:24px;top:23px;display:flex;align-items:center;gap:8px;color:#a1b1d2}.live-card{position:relative;z-index:2;background:linear-gradient(130deg,#24365b,#111c35);border:1px solid var(--accent);border-radius:14px;padding:28px 32px;box-shadow:var(--depth) var(--depth) 0 #030a1b,0 0 calc(var(--depth)*3) var(--glow);transform:rotateY(var(--tilt)) rotateX(4deg);transition:box-shadow .3s,transform .3s;width:330px;max-width:100%}.live-card .label{font-size:8px;letter-spacing:.1em;color:var(--accent)}.live-card h3{font-size:37px;margin:15px 0 17px;letter-spacing:-.04em}.live-card h3 em{color:var(--second);font-style:normal}.live-card p{color:#b4c2df;font-size:11px;line-height:1.7}.live-card .button{margin-top:25px;font-size:11px;padding:13px 18px;min-height:44px}.live-card .live-status{font-size:9px;color:#91a2c7;margin-top:15px;min-height:30px}.demo-tiles{position:absolute;inset:0;pointer-events:none}.demo-tile{position:absolute;width:64px;height:64px;display:grid;place-items:center;border-radius:16px;font-size:34px;background:linear-gradient(135deg,var(--accent),var(--accent-solid));border:1px solid #ffffff66;box-shadow:5px var(--depth) 0 #02091d,0 0 28px var(--glow);transform:rotate(-18deg);top:44px;right:32px;animation:bob 6s ease-in-out infinite}.demo-tile:nth-child(2){top:auto;bottom:73px;left:20px;background:linear-gradient(135deg,#fffecb,var(--second));color:#172136;transform:rotate(15deg);animation-delay:-2s}.demo-tile:nth-child(3){top:155px;left:15px;width:42px;height:42px;border-radius:12px;font-size:23px;animation-delay:-3s}.lab-bottom{position:absolute;bottom:19px;left:0;right:0;display:flex;justify-content:center;gap:20px;font-size:8px;color:#7f93b9}.comparison{height:430px;border:1px solid #ffffff30;border-radius:14px;position:relative;overflow:hidden;--split:50%;box-shadow:0 15px 0 #020715,0 30px 45px #0003}.compare-site{position:absolute;inset:0;overflow:hidden;padding:28px 45px}.compare-after{background:radial-gradient(ellipse at 85% 45%,var(--glow),transparent 55%),#111e3b;color:white}.compare-before{background:#eee;color:#333;clip-path:inset(0 calc(100% - var(--split)) 0 0);font-family:Arial,sans-serif}.compare-nav{display:flex;justify-content:space-between;font-size:11px;padding-bottom:20px;border-bottom:1px solid #8884}.compare-nav b span{font-size:8px;font-weight:400}.compare-nav>span{font-size:9px}.compare-content{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-top:42px}.compare-content small{font-size:8px;letter-spacing:.14em}.compare-content h3{font-size:52px;line-height:1.03;margin:14px 0}.compare-content h3 em{color:var(--second);font-style:normal}.compare-content p{font-size:11px;line-height:1.8;color:#a9b7d4}.compare-btn{display:inline-block;background:var(--second);color:#111e3b;font-size:10px;padding:11px 17px;border-radius:5px;margin-top:18px;box-shadow:0 5px 0 #77722d,0 0 20px #f4ef6330}.compare-before h3{font-size:40px;font-family:Arial,sans-serif;letter-spacing:0;font-weight:600}.compare-before p{color:#777}.compare-before .compare-btn{background:#8f959a;color:white;box-shadow:none;border-radius:0}.plain-house{font-size:210px;line-height:.9;color:#9fa5a8;justify-self:center;align-self:center}.home-mark{width:200px;height:220px;position:relative;transform:rotate(-8deg);margin:auto;filter:drop-shadow(10px 18px 14px #0005)}.home-roof{height:105px;width:180px;background:linear-gradient(135deg,#88a6ff,var(--accent-solid));clip-path:polygon(50% 0,100% 70%,89% 86%,50% 31%,10% 86%,0 70%);position:absolute;top:0;left:10px;z-index:2}.home-body{background:linear-gradient(135deg,#527af4,#17328b);position:absolute;width:132px;height:120px;top:67px;left:34px;border-bottom:10px solid #101d52;box-shadow:10px 8px 0 #07133e;display:flex;justify-content:space-around;padding:24px 16px}.home-body i{display:block;width:24px;height:25px;background:var(--second);box-shadow:0 0 20px #ffff9255}.home-body b{position:absolute;width:27px;height:48px;background:#0c1940;bottom:0;left:52px}.home-mark>span{position:absolute;right:-22px;top:2px;color:var(--second);font-size:85px;text-shadow:3px 5px 0 #868936}.compare-labels{position:absolute;z-index:3;inset:auto 20px 18px;display:flex;justify-content:space-between;pointer-events:none}.compare-labels span{font-size:8px;letter-spacing:.14em;padding:5px 9px;background:#111a2ade;color:white;border-radius:4px}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:var(--second);z-index:3;pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:var(--second);color:#12192c;display:grid;place-items:center;font-size:24px;box-shadow:0 3px 15px #0005}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:4;cursor:ew-resize;margin:0}.comparison:focus-within{outline:3px solid var(--second);outline-offset:6px}.comparison-instruction{display:flex;justify-content:space-between;margin-top:31px;font-size:10px;color:#8798bb}.comparison-instruction span{color:#667b9d}.approach{padding-top:15px;padding-bottom:110px}.approach-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}.approach h2{font-size:37px}.number{font-size:11px;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:13px;display:block;margin-bottom:18px}.approach h3{font-size:19px;letter-spacing:-.025em;margin-bottom:13px}.approach p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted)}.brief-section{border-block:1px solid var(--line);background:linear-gradient(135deg,#18264a,#0e1730);padding:90px 0}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.brief-copy h2{font-size:48px}.brief-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#acbad5;margin-top:25px;max-width:360px}.platform-note{border-left:2px solid var(--accent);padding-left:19px;margin-top:29px;font-size:12px}.platform-note p{color:#a3b3d0;font-size:11px;margin-top:7px;line-height:1.9}.signature{font-weight:600}.signature span{font-weight:400;font-size:10px;color:#7f95bc}#brief-form{border-radius:18px;background:#0b1429;padding:29px;border:1px solid #627bb64d;box-shadow:0 14px 0 #060d1f}.form-heading{font-size:9px;letter-spacing:.14em;display:flex;justify-content:space-between;color:var(--second);padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:21px}form label{display:block;font-size:11px;margin-bottom:8px;color:#c4cee0}form input,form select,form textarea{color:#edf2ff;background:#15203a;border:1px solid #ffffff20;padding:13px;width:100%;font-size:11px;border-radius:7px;margin-bottom:18px;min-height:43px}form input::placeholder,form textarea::placeholder{color:#7f8eaa}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.brief-style{font-size:10px;color:#8296bb;line-height:1.7;margin-bottom:19px}.brief-style strong{display:block;color:#c8d2e5}form .button{width:100%}.privacy-note{font-size:9px!important;color:#8a9bbb;margin-top:20px;line-height:1.7}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding-top:95px;padding-bottom:95px}.faq h2{font-size:34px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:13px;cursor:pointer;list-style:none;padding-right:26px;position:relative}.faq summary:after{content:'+';position:absolute;right:0;color:var(--second)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;line-height:1.9;color:var(--muted);padding-top:15px}footer{display:flex;gap:35px;align-items:center;justify-content:space-between;min-height:160px;border-top:1px solid var(--line)}footer p{font-size:12px;color:#a8b7d4}footer small{font-size:9px;line-height:1.9;color:#7186ad}footer>a:last-child{width:40px;height:40px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%}dialog{border:1px solid #788fd47a;background:#101a32;color:white;padding:35px;border-radius:18px;max-width:600px;width:calc(100% - 30px);box-shadow:0 30px 100px #000b}dialog::backdrop{background:#030817c9;backdrop-filter:blur(8px)}dialog h2{font-size:32px;margin-bottom:20px}dialog pre{font:12px/1.9 'DM Sans',sans-serif;white-space:pre-wrap;padding:20px;background:#0a1225;border-radius:9px;max-height:45vh;overflow:auto}dialog .eyebrow{font-size:9px}.dialog-close{position:absolute;right:14px;top:10px;background:transparent;font-size:28px}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap}#copy-status{font-size:11px;color:#a5b8da;margin-top:19px}.motion-off *{animation:none!important;scroll-behavior:auto!important}.confetti{position:absolute;width:7px;height:12px;background:var(--second);top:55%;left:50%;pointer-events:none;animation:burst .8s ease-out forwards;z-index:8}@keyframes burst{to{transform:translate(var(--x),var(--y)) rotate(250deg);opacity:0}}@keyframes bob{50%{translate:0 -8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1400px){.concept-preview iframe{transform:scale(.497)}}@media(max-width:1150px){.wrap{padding-inline:32px}.hero{gap:25px}.hero-art{transform:scale(.94)}.hero-browser,.browser-stack{height:350px}.mini-hero h2{font-size:35px}.sculpture{transform:scale(.85);transform-origin:top left}.site-header nav{gap:18px}.section-heading h2{font-size:38px}.concept-preview{height:250px}.concept-preview iframe{transform:scale(.4)}.lab-grid{gap:32px}.palette{gap:7px;padding:10px}.swatch{width:21px}.palette-options{gap:8px}.lab-bottom{gap:12px}.brief-grid{gap:60px}.hero h1{font-size:64px}.hero .eyebrow{font-size:9px}.hero-actions{gap:18px}.hero-description{font-size:15px}}
@media(max-width:860px){.site-header{padding:20px 28px}.site-header nav{display:none}.hero{grid-template-columns:1fr 1fr;min-height:650px;padding-top:65px;padding-bottom:70px}.hero h1{font-size:50px}.hero-art{height:400px;transform:scale(.86);width:400px;max-width:none;left:-30px}.hero-description{font-size:14px}.hero .eyebrow{font-size:8px;letter-spacing:.08em}.hero .button{font-size:11px;padding:15px}.hero-browser,.browser-stack{height:330px}.tag-bottom{bottom:-10px}.tag-top{right:0}.floating-star{bottom:2px;font-size:65px}.art-caption{bottom:-45px}.mini-hero h2{font-size:32px}.section{padding-block:80px}.section-heading h2{font-size:33px}.section-heading>p{font-size:11px}.concept-preview{height:205px}.concept-preview iframe{transform:scale(.31)}.concept-meta{align-items:flex-start;flex-direction:column;gap:12px}.concept-meta h3{font-size:20px}.lab-grid{grid-template-columns:1fr}.lab-controls{max-width:600px}.palette{padding:14px}.swatch{width:28px}.lab-stage{min-height:460px}.lab-stage .demo-tile:first-child{right:70px}.lab-stage .demo-tile:nth-child(2){left:70px}.lab-stage .demo-tile:nth-child(3){left:50px}.comparison{height:380px}.compare-site{padding:25px}.compare-content{gap:15px;padding-top:35px}.compare-content h3{font-size:44px}.home-mark{transform:scale(.85) rotate(-8deg)}.compare-before h3{font-size:34px}.compare-content p{font-size:10px}.approach-grid{grid-template-columns:1fr 1fr;gap:35px}.approach{padding-bottom:80px}.brief-grid{gap:35px}.brief-copy h2{font-size:36px}#brief-form{padding:24px}.form-row{grid-template-columns:1fr;gap:0}.faq{gap:35px}footer{flex-wrap:wrap;padding-block:30px;gap:25px}footer p{display:none}}
@media(max-width:600px){.wrap{padding-inline:23px}.site-header{padding:20px 23px;min-height:85px;gap:15px}.brand{font-size:14px}.brand-sub{font-size:8px}.brand-symbol{width:36px;height:36px;font-size:25px;border-radius:9px}.header-cta{padding:10px 12px;font-size:11px}.header-cta span{padding-left:6px}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:65px;gap:20px;min-height:0}.hero h1{font-size:52px}.hero .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:22px}.hero-description{font-size:14px;max-width:330px;margin-top:23px}.hero-actions{margin-top:25px;gap:24px}.hero .button{font-size:11px;padding:15px 18px;gap:17px}.text-link{font-size:11px}.hero-note{margin-top:27px;font-size:10px}.hero-art{left:auto;justify-self:center;width:100%;max-width:390px;transform:none;height:365px;margin-top:24px}.hero-browser,.browser-stack{top:38px;height:285px;transform:rotateY(-9deg) rotateX(7deg) rotateZ(4deg);width:93%;left:1%}.back-one{transform:translate(16px,20px) rotateY(-9deg) rotateX(7deg) rotateZ(4deg)}.back-two{transform:translate(8px,10px) rotateY(-9deg) rotateX(7deg) rotateZ(4deg)}.browser-toolbar{height:25px;font-size:6px}.mini-nav{padding:12px 17px}.mini-nav b{font-size:16px}.mini-nav>span{font-size:6px}.mini-hero{padding:10px 17px}.mini-label{font-size:5px}.mini-hero h2{font-size:29px;margin:9px 0 16px}.sculpture{transform:scale(.66);height:160px;width:140px}.mini-cta{font-size:6px;padding:7px 9px}.mini-bottom{bottom:15px;left:17px;right:17px;font-size:6px;padding-top:8px}.float-tag{font-size:9px;border-radius:9px}.tag-top{top:3px;right:3px;padding:8px 13px}.tag-top>span{font-size:19px}.tag-bottom{left:4px;bottom:4px;padding:10px 14px;gap:8px}.tag-bottom small{font-size:7px}.layers-icon{font-size:30px}.floating-star{font-size:57px;right:6px;bottom:3px}.art-caption{bottom:-26px;font-size:8px;right:10px}.orbital-one{inset:0 -12px -5px}.orbital-two{inset:20px -20px 10px}.ticker{gap:24px;font-size:9px;padding:18px 0;justify-content:flex-start}.ticker b{font-size:14px}.section{padding-top:64px;padding-bottom:64px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:34px;line-height:1.14}.section-heading>p{font-size:12px;margin-top:21px;max-width:300px}.eyebrow{font-size:9px;margin-bottom:17px}.gallery{grid-template-columns:1fr;gap:32px}.concept-preview{height:236px}.concept-preview iframe{transform:scale(.35)}.concept-meta{flex-direction:row;align-items:center;padding-top:23px;gap:10px}.concept-meta h3{font-size:19px}.concept-meta small{font-size:8px}.pill{font-size:8px;padding:5px 8px}.section-footnote{font-size:10px;line-height:1.8;margin-top:25px}.palette-options{gap:9px}.palette{padding:11px;gap:8px;font-size:10px}.palette small{font-size:8px}.swatch{width:23px;height:32px}.lab-grid{gap:30px}.lab-stage{padding:55px 24px 48px;min-height:425px}.live-card{padding:24px;width:280px}.live-card h3{font-size:33px}.lab-stage .demo-tile:first-child{right:10px;top:26px;width:47px;height:47px;font-size:27px}.lab-stage .demo-tile:nth-child(2){left:4px;bottom:45px;width:43px;height:43px;font-size:24px}.lab-stage .demo-tile:nth-child(3){left:4px;top:135px;width:32px;height:32px;font-size:18px}.lab-bottom{font-size:7px;gap:15px}.lab-stage-label{font-size:7px;left:17px;top:19px}.comparison{height:340px;border-radius:11px}.compare-site{padding:20px 17px}.compare-nav{font-size:8px;padding-bottom:13px}.compare-nav b span{font-size:5px}.compare-nav>span{display:none}.compare-content{grid-template-columns:1.15fr .85fr;gap:0;padding-top:37px}.compare-content h3{font-size:34px;letter-spacing:-.05em}.compare-content small{font-size:5px;letter-spacing:.05em}.compare-content p{font-size:8px;max-width:150px}.compare-btn{font-size:7px;padding:9px 10px}.compare-before h3{font-size:25px;letter-spacing:0}.home-mark{transform:scale(.57) rotate(-8deg);transform-origin:center;width:150px;left:-22px;top:-15px}.plain-house{font-size:115px;align-self:start;margin-top:20px}.compare-labels{bottom:14px;inset-inline:14px}.compare-labels span{font-size:6px}.compare-divider span{width:34px;height:34px;font-size:20px}.comparison-instruction{font-size:8px;gap:15px}.comparison-instruction span{text-align:right;max-width:120px}.approach{padding-top:0;padding-bottom:60px}.approach-grid{grid-template-columns:1fr;gap:27px}.approach h2{font-size:35px}.number{margin-bottom:14px;padding-bottom:9px}.approach h3{font-size:20px;margin-bottom:9px}.approach p:not(.eyebrow){font-size:12px}.brief-section{padding:60px 0}.brief-grid{grid-template-columns:1fr;gap:35px}.brief-copy h2{font-size:41px}.brief-copy>p:not(.eyebrow){font-size:12px}.signature{margin-top:22px!important}.brief-copy .eyebrow{font-size:8px}#brief-form{padding:23px}.form-row{grid-template-columns:1fr 1fr;gap:10px}form input,form select,form textarea{font-size:16px;padding:11px 9px}form select{font-size:12px;min-height:44px}.faq{display:block;padding-block:60px}.faq h2{font-size:30px;margin-bottom:28px}.faq summary{font-size:12px}.faq details p{font-size:11px}footer{padding-block:30px;gap:20px}footer small{font-size:8px;max-width:170px}footer>a:last-child{display:none}dialog{padding:28px 22px}dialog h2{font-size:28px}dialog pre{font-size:11px;padding:15px}.dialog-actions .button{font-size:11px;padding:13px 17px}}
@media(max-width:370px){.hero h1{font-size:46px}.hero-actions{gap:17px}.concept-preview{height:205px}.concept-preview iframe{transform:scale(.29)}.pill{display:none}.palette{padding:9px}.swatch{width:19px}.form-row{grid-template-columns:1fr;gap:0}.compare-content h3{font-size:30px}.compare-before h3{font-size:23px}}
.phone-preview-trigger{background:none;color:var(--second);font-size:11px;padding:10px 0 0;text-decoration:underline;text-underline-offset:4px}.phone-mode .phone-preview-trigger{display:none}#phone-dialog{width:436px;max-width:calc(100% - 24px);padding:16px 14px 12px;border-radius:30px;background:#18213b;overflow:hidden}.phone-top{display:flex;align-items:center;justify-content:space-between;padding:0 6px 12px}.phone-top h2{font-size:13px;letter-spacing:-.02em;margin:0}.phone-close{font-size:25px;background:none;line-height:1}#phone-frame{width:100%;height:min(650px,73vh);border:1px solid #ffffff30;border-radius:18px;background:var(--bg);display:block}#phone-dialog>p{font-size:8px;text-align:center;margin-top:10px;color:#a0afd0}@media(max-width:600px){.phone-preview-trigger{display:none}}