.site-header{position:sticky;top:0;z-index:50;height:82px;border-bottom:1px solid #ffffff08;background:#06080ce8;backdrop-filter:blur(18px)}.nav-inner{height:100%;display:flex;align-items:center;gap:30px}.nav-inner .brand{font-size:29px}.nav-inner nav{display:flex;align-items:center;gap:25px;margin-left:auto}.nav-inner nav a{font-size:11px;font-weight:600;color:#a7b3c4}.nav-inner nav a:hover,.nav-inner nav a[aria-current]{color:var(--blue)}.nav-cta{font-size:10px;min-height:43px;padding:10px 17px;gap:12px;border-radius:24px}.nav-cta svg{width:14px}.menu-toggle{display:none}
.animated-hero{height:calc(100svh - 82px);min-height:780px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:#070d16;border-bottom:1px solid #1c2e40}
.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#7dacc514 1px,transparent 1px),linear-gradient(90deg,#7dacc514 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 45%,#000b,transparent 75%);opacity:.65;transition:opacity .6s}
.hero-ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 37%,#143c5d66,transparent 55%),radial-gradient(ellipse at 4% 70%,#10314666,transparent 35%),radial-gradient(ellipse at 93% 21%,#214a643d,transparent 33%),linear-gradient(145deg,#080f19,#050a11);transition:opacity .6s}.hero-orbit{position:absolute;width:950px;height:950px;left:calc(50% - 475px);top:calc(40% - 475px);z-index:-1;border:1px solid #5e9dba0a;border-radius:50%;box-shadow:0 0 0 90px #4b7e9905,0 0 0 180px #4b7e9904;pointer-events:none}
.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-particles i{position:absolute;width:2px;height:2px;border-radius:50%;background:#73cfff;opacity:.35;box-shadow:0 0 7px #3db8ed40}.hero-particles i:nth-child(1){left:17%;top:8%}.hero-particles i:nth-child(2){left:41%;top:17%}.hero-particles i:nth-child(3){left:68%;top:8%}.hero-particles i:nth-child(4){left:89%;top:34%}.hero-particles i:nth-child(5){left:20%;top:42%}.hero-particles i:nth-child(6){left:79%;top:44%}.hero-particles i:nth-child(7){left:44%;top:73%}.hero-particles i:nth-child(8){left:65%;top:86%}.hero-particles i:nth-child(9){left:6%;top:82%}.hero-particles i:nth-child(10){left:94%;top:79%}.hero-particles i:nth-child(11){left:52%;top:8%}.hero-particles i:nth-child(12){left:35%;top:89%}.hero-particles i:nth-child(13){left:10%;top:34%}.hero-particles i:nth-child(14){left:87%;top:65%}
.hero-collage{height:100%;width:100%;max-width:1800px;margin:0 auto;position:relative;perspective:1200px}.hero-eyebrow{position:absolute;top:4.5%;left:0;width:100%;text-align:center;font-size:9px;color:#8ac7e1;letter-spacing:.17em;font-weight:600}.hero-eyebrow>span{width:4px;height:4px;border-radius:50%;background:#65d0fc;display:inline-block;margin:0 8px 2px 0;box-shadow:0 0 10px #35b9ef60}
.hero-center{position:absolute;top:28%;left:50%;transform:translateX(-50%);width:70%;max-width:1080px;text-align:center;z-index:10}.hero-title-frame{position:relative;display:inline-block}.hero-center h1{font-size:clamp(72px,7.65vw,132px);font-weight:800;letter-spacing:-.065em;line-height:1.045;color:#f3f7fb;position:relative;z-index:1;text-wrap:nowrap;text-shadow:0 8px 50px #01091666}.hero-center h1>span{color:#45c5f5;background:linear-gradient(115deg,#80dfff 0%,#39bdef 48%,#39aee3 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-selection{position:absolute;inset:-17px -24px;border:1px dashed #4ab9e72e;pointer-events:none}.hero-selection>i{height:5px;width:5px;border:1px solid #72d4f5;background:#112a3b;position:absolute}.hero-selection>i:nth-child(1){top:-3px;left:-3px}.hero-selection>i:nth-child(2){top:-3px;right:-3px}.hero-selection>i:nth-child(3){bottom:-3px;left:-3px}.hero-selection>i:nth-child(4){bottom:-3px;right:-3px}.hero-selection>i:nth-child(5){top:-3px;left:50%}.hero-selection>i:nth-child(6){bottom:-3px;left:50%}
.hero-description{font-size:14px;line-height:1.8;letter-spacing:-.01em;margin:29px auto 24px;color:#b9cada}.hero-actions{display:flex;align-items:center;justify-content:center;gap:27px}.hero-actions .button{font-size:12px;min-height:52px;padding:15px 25px;border-radius:28px;background:linear-gradient(135deg,#1278a5,#105c85);border:1px solid #64cff183;box-shadow:inset 0 1px 0 #bcecff20,0 10px 32px #0a9bc123;transition:transform .25s,box-shadow .25s,background .25s}.hero-actions .button:hover{background:linear-gradient(135deg,#116b98,#0f597f);transform:translateY(-2px);box-shadow:inset 0 1px 0 #bcecff30,0 12px 35px #139bc635}.hero-services-link{font-size:11px;color:#c8d7e5;font-weight:600;display:flex;align-items:center;gap:13px;min-height:44px}.hero-services-link>span{color:#65d2fa;font-size:15px}.hero-services-link:hover{color:#74d8fc}
.hero-ai-switch{position:absolute;top:14%;left:50%;transform:translateX(-50%);border:1px solid #37576c;background:linear-gradient(135deg,#172b3c,#101e2c);box-shadow:inset 0 1px 0 #d1f2ff0a,0 8px 30px #0003;color:#d0e5f3;padding:10px 14px;font-size:10px;border-radius:24px;display:flex;align-items:center;gap:13px;z-index:15}.hero-ai-switch>i{width:29px;height:16px;border-radius:20px;background:#40566c;position:relative;transition:background .25s}.hero-ai-switch>i:before{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#e7f5ff;transition:transform .25s}.hero-ai-switch[aria-checked=true]>i{background:#168ec4}.hero-ai-switch[aria-checked=true]>i:before{transform:translateX(13px)}.animated-hero.is-ai .hero-grid{opacity:1}.animated-hero.is-ai .hero-ambient{opacity:.72}
.hero-piece{position:absolute;pointer-events:none;z-index:4;will-change:transform,opacity}.hero-scroll,.hero-float,.hero-pointer{width:100%;height:100%;transform-origin:center}.hero-scroll,.hero-float{will-change:transform}.hero-window{border:1px solid #59839d6b;background:linear-gradient(145deg,#152738,#0e1927);border-radius:12px;overflow:hidden;box-shadow:0 24px 55px #0006,0 1px 0 #b2e6ff0d inset,0 0 24px #278fbd06}.hero-windowbar{height:26px;display:flex;align-items:center;padding:0 11px;gap:9px;border-bottom:1px solid #65859c28;background:#172938;font-size:6px;color:#9ebacc;letter-spacing:.04em}.hero-windowbar>span:nth-child(2){margin:auto}.hero-windowbar>b{font-size:9px;color:#85bdd6;font-weight:400}.hero-traffic{display:flex;gap:4px}.hero-traffic i{width:4px;height:4px;border-radius:50%;background:#6f91a7}.hero-traffic i:nth-child(2){opacity:.65}.hero-traffic i:nth-child(3){opacity:.4}.piece-label{display:block;font-size:6px;letter-spacing:.12em;color:#9fbaca;text-align:center;margin-top:12px}
.hero-piece--wire{left:4%;top:12%;width:235px}.ui-system{padding:16px}.ui-system-title{display:flex;justify-content:space-between;align-items:center;color:#deedf6;font-size:10px;font-weight:600}.ui-system-title small{font-size:6px;color:#95b5ca;font-weight:400;border:1px solid #38576d;border-radius:4px;padding:2px 5px}.ui-typography{display:flex;gap:18px;align-items:center;padding:21px 0 17px}.ui-typography>b{font-size:41px;letter-spacing:-.09em;color:#d1efff;position:relative;line-height:1}.ui-typography>b>span{position:absolute;top:-6px;right:-12px;font-size:14px;color:#53c7f5}.ui-typography strong{font-size:12px;line-height:1.3;color:#c7e2f2;display:block;letter-spacing:-.035em}.ui-typography small{font-size:4px;letter-spacing:.12em;color:#9ab5ca;display:block;margin-top:6px}.ui-swatches{display:flex;gap:5px;align-items:center}.ui-swatches i{width:22px;height:22px;border-radius:5px;border:1px solid #ffffff21;background:#41bcf0}.ui-swatches i:nth-child(2){background:#c7edff}.ui-swatches i:nth-child(3){background:#7797ad}.ui-swatches i:nth-child(4){background:#102738}.ui-swatches>span{font-size:5px;color:#97b1c4;letter-spacing:.06em;margin-left:auto}.ui-components{display:flex;gap:7px;align-items:center;margin-top:17px}.ui-components>span{background:#258cba;border:1px solid #5dbde1;border-radius:5px;padding:7px 9px;font-size:7px;color:white}.ui-components>i,.ui-components>b{font-size:12px;font-weight:400;font-style:normal;border:1px solid #3b5e77;width:24px;height:24px;display:grid;place-items:center;border-radius:5px;color:#92cce6}.ui-system-foot{display:flex;justify-content:space-between;border-top:1px solid #36536770;margin-top:17px;padding-top:11px;font-size:5px;letter-spacing:.06em;color:#90b0c6}.ui-system-foot>b{color:#73c6e9;font-weight:400}
.hero-piece--design{right:2%;top:6%;width:280px}.hero-site{height:185px;position:relative;overflow:hidden;background:#e4e5d9;color:#273d36}.hero-site-nav{position:relative;z-index:2;display:flex;justify-content:space-between;padding:13px 14px;align-items:center}.hero-site-nav strong{font-size:12px;letter-spacing:.1em}.hero-site-nav strong>span{display:block;font-size:3px;letter-spacing:.1em;margin-top:2px}.hero-site-nav>i{font-size:4px;font-style:normal}.hero-site-copy{position:relative;z-index:2;padding:16px 14px;width:58%}.hero-site-copy>small{font-size:3px;letter-spacing:.1em;display:block}.hero-site-headline{font:25px/1.04 Georgia,serif;letter-spacing:-.06em;margin-top:9px}.hero-site-headline em{font-weight:400}.hero-site-cta{display:inline-block;border-radius:20px;background:#30473b;color:#ecf0e5;font-size:4px;padding:4px 8px;margin-top:12px}.hero-site>img{position:absolute;inset:0 0 0 auto;width:49%;height:100%;object-fit:cover;object-position:73% 50%}.hero-site-bottom{position:absolute;bottom:10px;left:14px;right:14px;font-size:3px;letter-spacing:.05em;z-index:2}.hero-site-bottom>span{float:right;color:#e8e8d9}.hero-art-caption{display:flex;justify-content:space-between;background:#eceddf;color:#4a6156;padding:9px 12px;font-size:5px;letter-spacing:.08em}.hero-art-caption>b{font-weight:400;color:#60786c}
.hero-piece--laptop{width:300px;left:1.5%;top:49%;z-index:5}.hero-laptop{position:relative;perspective:900px}.laptop-lid{padding:9px 7px 7px;border:1px solid #698ca3;background:linear-gradient(145deg,#547184,#0c1723 20%,#162735);border-radius:11px 11px 5px 5px;transform:rotateY(7deg);box-shadow:0 25px 50px #0008;position:relative}.laptop-camera{position:absolute;top:3px;left:50%;width:3px;height:3px;background:#132837;border-radius:50%}.laptop-base{height:10px;margin:-1px -12px 0;background:linear-gradient(#8da5b6,#4a6172 35%,#96b1c3 48%,#2e4353 80%);border-radius:1px 1px 25px 25px;box-shadow:0 8px 20px #0005}.laptop-base:before{content:'';display:block;width:50px;height:3px;margin:auto;background:#2d4657;border-radius:0 0 4px 4px}.hero-dashboard{display:flex;border:1px solid #304b61;border-radius:4px;overflow:hidden;background:#0d1a28;color:#d1e3f0;height:190px}.dash-sidebar{width:35px;border-right:1px solid #324c6045;background:#112334;display:flex;align-items:center;flex-direction:column;gap:12px;padding:13px 0}.dash-sidebar>b{color:#67d0f6;font-size:15px;letter-spacing:-.08em}.dash-sidebar i{display:block;width:9px;height:7px;border:1px solid #628aa5;border-radius:2px}.dash-sidebar i:nth-child(2){border-color:#65d0f5;background:#27769c}.dash-sidebar small{font-size:11px;color:#6fb2d4;margin-top:auto}.dash-main{padding:13px 15px;flex:1;min-width:0}.dash-topline{display:flex;justify-content:space-between;font-size:5px;color:#90b1c8}.dash-topline i{font-style:normal;font-size:8px;color:#67d0f5}.dash-main>p{font-size:10px;line-height:1.3;color:#a9c9dd;margin-top:13px}.dash-main>p>strong{color:#e1f2fd;font-size:17px;font-weight:600;letter-spacing:-.04em}.dash-metrics{display:flex;gap:8px;margin-top:13px}.dash-metrics>span{flex:1;background:#19354a;border:1px solid #335b743d;border-radius:5px;padding:7px}.dash-metrics small{display:block;font-size:4px;letter-spacing:.09em;color:#94b9d1}.dash-metrics b{display:block;font-size:8px;line-height:1.3;margin-top:4px;font-weight:600;color:#d3f0ff}.dash-chart{margin-top:10px;background:#102333;border:1px solid #34566f4a;border-radius:5px;padding:8px 9px 6px}.dash-chart>div:first-child{display:flex;justify-content:space-between;font-size:5px;color:#bfd9eb}.dash-chart b{font-weight:400;font-size:4px;color:#6ec9eb}.dash-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:5px;height:34px;margin-top:5px}.dash-bars i{display:block;width:9px;height:38%;background:linear-gradient(#78d6f9,#277da8);border-radius:2px 2px 0 0}.dash-bars i:nth-child(3n){height:78%}.dash-bars i:nth-child(3n+1){height:55%}.dash-bars i:nth-child(4n){height:94%}.dash-footer{display:flex;justify-content:space-between;font-size:4px;margin-top:7px;color:#8ab5cd}
.hero-piece--phone{width:112px;right:4%;top:36%;z-index:5}.hero-phone{padding:5px;border:1px solid #8ba7b9;border-radius:24px;background:linear-gradient(130deg,#748fa3,#112333 12%,#070e18 80%,#597c95);box-shadow:0 22px 45px #0008;position:relative}.hero-phone .hero-site{height:210px;border-radius:18px}.phone-island{position:absolute;top:11px;left:34%;width:32%;height:9px;border-radius:15px;background:#0b1520;z-index:4}.phone-home{position:absolute;bottom:10px;left:35%;width:30%;height:3px;border-radius:4px;background:#d7decf;z-index:4}.hero-site-mobile .hero-site-nav{padding:24px 10px 6px}.hero-site-mobile .hero-site-nav strong{font-size:9px}.hero-site-mobile .hero-site-nav strong>span,.hero-site-mobile .hero-site-nav>i{display:none}.hero-site-mobile .hero-site-copy{padding:7px 10px;width:100%}.hero-site-mobile .hero-site-copy>small{font-size:3px}.hero-site-mobile .hero-site-headline{font-size:19px;line-height:1.05;margin-top:8px}.hero-site-mobile .hero-site-cta{margin-top:8px}.hero-site-mobile>img{inset:119px 0 0;width:100%;height:calc(100% - 119px);object-position:72% 66%}.hero-site-mobile .hero-site-bottom{display:none}
.hero-piece--code{width:280px;right:6%;bottom:7%;z-index:5}.hero-code .hero-windowbar{background:#162636}.code-tabs{display:flex;gap:10px;align-items:center;border-bottom:1px solid #38566c4d;padding:9px 13px;font-size:7px;color:#c9e2f4}.code-tabs>i{font-size:5px;color:#5fcef6;font-style:normal;border:1px solid #3e7b994f;padding:1px 3px;border-radius:3px}.code-tabs>b{margin-left:auto;font-size:8px;color:#71c9bd}.hero-code pre{margin:0;padding:15px 14px;font:8px/1.9 Consolas,'Cascadia Code',monospace;color:#cfdfef;overflow:hidden}.syntax-comment{color:#87a1b8}.syntax-purple{color:#c8b9f3}.syntax-blue{color:#74d5ff}.syntax-green{color:#a3dcc0}.typing-caret{color:#57d2fb;animation:blink 1.2s step-end infinite}.code-status{border-top:1px solid #38566c4d;display:flex;justify-content:space-between;padding:8px 11px;font-size:5px;color:#a9c5da}.code-status>small{font-size:4px;color:#7f9eb6}
.hero-piece--chat{width:220px;left:25%;bottom:1%;z-index:5}.chat-row{display:flex;align-items:center;gap:9px;padding:15px 14px 8px}.chat-row>i{width:29px;height:29px;display:grid;place-items:center;font-size:15px;letter-spacing:-.07em;border-radius:9px;background:#164363;border:1px solid #35759a;color:#8bdbfc;font-weight:800;font-style:normal}.chat-row b{font-size:9px;display:block;color:#d7e9f5}.chat-row small{font-size:6px;color:#8fb1ca;display:block;margin-top:2px}.chat-row>span{margin-left:auto;color:#69d0f8;font-size:17px}.chat-bubble{font-size:8px;line-height:1.5;color:#d5e9f7;background:#1e3a50;border:1px solid #446b832f;border-radius:2px 8px 8px 8px;padding:9px 10px;margin:7px 14px;max-width:82%}.chat-bubble>span{font-size:6px;color:#66cced;margin-left:7px}.chat-bubble.reply{background:#245270;border-color:#417c9e;border-radius:8px 2px 8px 8px;margin-left:auto;color:#e5f6ff}.chat-input{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #4d6b8233;padding:10px 14px;margin-top:12px;color:#94bad0;font-size:5px;letter-spacing:.07em}.chat-input>b{font-size:11px;font-weight:400;color:#6cccf1}
.hero-piece--notice{width:250px;right:24%;top:14%;z-index:6}.hero-notice{display:flex;align-items:center;gap:11px;padding:13px 15px;background:linear-gradient(120deg,#1a3548ed,#101f2dec);border:1px solid #59849b70;border-radius:13px;box-shadow:0 15px 35px #0004,inset 0 1px 0 #bbecff0c}.notice-logo{display:grid;place-items:center;width:32px;height:32px;font-size:20px;color:#80d9fa;background:#133c54;border:1px solid #3d7996;border-radius:10px;flex-shrink:0}.hero-notice small{display:block;color:#9ec5db;font-size:5px;letter-spacing:.06em;margin-bottom:5px}.hero-notice strong{display:block;font-size:8px;white-space:nowrap;color:#e0f1fa;letter-spacing:-.01em}.notice-tick{margin-left:auto;font-size:14px;color:#83d5e9}.hero-piece--responsive{left:calc(50% - 40px);bottom:7%;width:270px;z-index:5}.notice-devices{position:relative;width:31px;height:26px;flex-shrink:0}.notice-devices i{display:block;width:26px;height:18px;border:1px solid #8ed6f2;border-radius:3px;box-shadow:0 0 12px #2bb4eb1c}.notice-devices i:after{content:'';position:absolute;left:11px;top:18px;width:1px;height:5px;background:#8ed6f2}.notice-devices>b{position:absolute;right:0;bottom:0;width:9px;height:16px;border:1px solid #8ed6f2;border-radius:2px;background:#132b3d}
.hero-piece--pill{width:auto;z-index:3}.hero-tech-badge{display:flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid #6393ac66;border-radius:10px;padding:9px 12px;background:linear-gradient(135deg,#1c3547,#10202f);box-shadow:0 12px 28px #0004,inset 0 1px 0 #c6eeff0c;color:#e0eef6;line-height:1}.hero-tech-badge>span{font:600 15px/1 Consolas,monospace;color:#7bd6fa}.hero-tech-badge>small{font-size:9px;font-weight:600;color:#c3dae9}.hero-tech-badge>i{width:3px;height:3px;border-radius:50%;background:#62c7ee;margin-left:1px;box-shadow:0 0 8px #62c7ee55}.hero-piece--badge-code{left:28%;top:5%}.hero-piece--badge-design{right:28%;top:4%}.hero-piece--badge-ai{left:6%;bottom:17%}.hero-piece--label-brand{left:30%;top:17%}.hero-piece--label-seo{left:23%;top:21%}.hero-piece--label-motion{right:15%;top:37%}.hero-piece--label-front{left:52%;bottom:1.5%}.hero-piece--label-cms{left:15%;bottom:9%}
.hero-cursor{position:absolute;z-index:11;pointer-events:none;will-change:transform;color:#54c9f3}.hero-cursor>svg{display:block;width:17px;height:21px;fill:currentColor;stroke:#06131d;stroke-width:1.2;filter:drop-shadow(0 2px 2px #0005)}.hero-cursor>b{display:block;color:#092132;background:#68d1f5;font-size:8px;line-height:1;padding:5px 7px;border-radius:4px;margin:0 0 0 12px;box-shadow:0 5px 15px #0002;white-space:nowrap}.cursor-ux{left:22%;top:36%}.cursor-dev{left:64%;top:65%;color:#97dacb}.cursor-dev b{background:#97dacb}.cursor-client{right:16%;top:46%;color:#c4bbef}.cursor-client b{background:#c4bbef}
.hero-bottom{position:absolute;left:40px;right:40px;bottom:13px;display:flex;align-items:center;justify-content:space-between;z-index:12}.hero-bottom>a{font-size:8px;letter-spacing:.02em;color:#a2b9cb;display:flex;align-items:center;gap:9px}.hero-bottom>a>span:last-child{color:var(--blue)}.scroll-indicator{height:18px;width:12px;border:1px solid #578199;border-radius:8px;display:block;position:relative}.scroll-indicator:before{content:'';position:absolute;width:2px;height:3px;top:4px;left:4px;background:#6ad5fb}.motion-toggle{font-size:10px;border:1px solid #3b5c73;border-radius:20px;background:#0c1b29e6;padding:8px 12px;color:#b3cedf;display:flex;align-items:center;gap:7px;line-height:1}.motion-toggle>span{font-size:8px}.hero-debug{position:fixed;bottom:12px;right:12px;z-index:100;background:#122436ed;border:1px solid #3c6885;padding:12px;border-radius:8px;font-size:10px;max-width:250px}.hero-debug label{display:flex;flex-direction:column;gap:8px}.hero-debug input{width:200px}.hero-debug button{margin-top:10px;background:#22577a;padding:4px 8px;border-radius:5px;font-size:9px}.hero-debug pre{font-size:8px;color:#98c1d9;margin-bottom:0}.hero-title-frame.is-draggable{cursor:grab;user-select:none}.hero-title-frame.is-dragging{cursor:grabbing}.hero-title-frame:focus-visible{outline:2px solid #6ed6fb;outline-offset:25px;border-radius:3px}.is-motion-paused .typing-caret{animation-play-state:paused}@keyframes blink{50%{opacity:0}}
@media(min-width:1600px){.hero-piece--wire{left:5.5%;width:265px}.hero-piece--design{right:4%;width:315px}.hero-site{height:205px}.hero-site-headline{font-size:29px}.hero-piece--laptop{left:2%;width:340px}.hero-dashboard{height:210px}.dash-main{padding:15px 18px}.dash-main>p>strong{font-size:20px}.dash-chart{margin-top:13px}.dash-bars{height:40px}.hero-piece--phone{right:4.5%;width:125px}.hero-phone .hero-site{height:250px}.hero-piece--code{width:300px;right:8%}.hero-code pre{font-size:9px}.hero-piece--chat{width:265px;left:25%}.hero-piece--responsive{width:290px}.hero-notice strong{font-size:9px}.hero-notice small{font-size:6px}.hero-piece--notice{width:280px}.hero-center{top:28%}.hero-cursor>b{font-size:9px}}
@media(max-width:1100px){.hero-center{top:31%;width:74%}.hero-center h1{font-size:8.7vw}.hero-description{font-size:13px}.hero-piece--wire{left:1%;top:7%;width:185px}.ui-system{padding:12px}.ui-typography{padding:16px 0 12px;gap:12px}.ui-typography>b{font-size:32px}.ui-typography strong{font-size:10px}.ui-swatches i{width:17px;height:17px}.ui-components>span{font-size:5px}.ui-components>i,.ui-components>b{width:21px;height:21px}.ui-system-title{font-size:8px}.ui-system-foot{font-size:4px}.hero-piece--design{width:210px;right:1%;top:5%}.hero-site{height:155px}.hero-site-headline{font-size:21px}.hero-site-copy{padding-top:10px}.hero-site-nav{padding:11px}.hero-site-nav strong{font-size:9px}.hero-site-nav>i{font-size:3px}.hero-art-caption{font-size:4px;padding:7px 9px}.hero-piece--laptop{width:210px;left:-3%;top:52%}.hero-dashboard{height:150px}.dash-main{padding:10px}.dash-main>p{margin-top:10px;font-size:8px}.dash-main>p>strong{font-size:12px}.dash-metrics{margin-top:9px}.dash-metrics>span{padding:5px}.dash-metrics b{font-size:6px}.dash-chart{margin-top:7px;padding:5px}.dash-bars{height:22px}.dash-footer{font-size:3px}.dash-sidebar{width:25px;gap:9px}.dash-sidebar>b{font-size:12px}.dash-sidebar i{width:7px;height:6px}.hero-piece--phone{width:92px;right:2%;top:48%}.hero-phone .hero-site{height:188px}.hero-site-mobile .hero-site-headline{font-size:16px}.hero-site-mobile .hero-site-copy{padding:6px 8px}.hero-site-mobile>img{inset:110px 0 0;height:calc(100% - 110px)}.hero-piece--code{width:225px;right:3%;bottom:8%}.hero-code pre{font-size:6px;padding:12px}.hero-piece--chat{width:200px;left:17%;bottom:7%}.chat-row{padding:12px 10px 5px}.chat-row b{font-size:8px}.chat-row small{font-size:5px}.chat-bubble{font-size:6px;margin:7px 10px;padding:7px}.chat-input{font-size:4px;padding:8px 10px}.hero-piece--notice{display:none}.hero-piece--responsive{width:205px;left:42%;bottom:9%}.hero-notice{padding:11px;gap:9px}.hero-notice strong{font-size:6px}.hero-notice small{font-size:4px}.hero-ai-switch{top:17%}.hero-eyebrow{top:4%;font-size:8px}.hero-piece--badge-code{top:9%;left:26%}.hero-piece--badge-design{top:9%;right:26%}.hero-tech-badge{padding:8px 10px;gap:7px}.hero-tech-badge>span{font-size:13px}.hero-tech-badge>small{font-size:8px}.hero-piece--label-brand{left:24%;top:20%}.hero-piece--label-motion,.hero-piece--label-front,.hero-piece--label-cms{display:none}.hero-piece--label-seo{top:39%;left:5%}.hero-piece--badge-ai{left:5%;bottom:15%}.hero-cursor.cursor-ux{left:12%;top:37%}.hero-cursor.cursor-dev{left:62%;top:70%}.hero-cursor.cursor-client{right:17%;top:47%}.hero-cursor>b{font-size:7px}.hero-bottom{left:25px;right:25px}}
@media(max-width:760px){.animated-hero{height:calc(100svh - 72px);min-height:800px;max-height:none}.hero-collage{perspective:900px}.hero-grid{background-size:36px 36px}.hero-orbit{width:600px;height:600px;left:calc(50% - 300px);top:15%}.hero-center{top:33%;width:88%}.hero-center h1{font-size:clamp(40px,10.6vw,78px);line-height:1.06;letter-spacing:-.06em}.hero-selection{inset:-12px -13px}.hero-description{font-size:12px;line-height:1.8;margin:26px auto 23px}.hero-actions{gap:19px}.hero-actions .button{font-size:10px;min-height:47px;padding:13px 19px;gap:13px}.hero-services-link{font-size:9px;gap:8px}.hero-services-link>span{font-size:13px}.hero-ai-switch{top:25%;padding:9px 12px;font-size:9px}.hero-eyebrow{top:4%;font-size:7px;letter-spacing:.12em}.hero-piece--wire{width:145px;left:-4%;top:9%}.hero-windowbar{height:20px;font-size:4px;padding:0 8px;gap:5px}.hero-traffic{gap:3px}.hero-traffic i{width:3px;height:3px}.hero-windowbar>b{font-size:7px}.hero-window{border-radius:9px}.ui-system{padding:10px}.ui-system-title{font-size:6px}.ui-system-title small{font-size:4px}.ui-typography{padding:12px 0 10px;gap:12px}.ui-typography>b{font-size:25px}.ui-typography strong{font-size:7px}.ui-typography small{font-size:3px;margin-top:4px}.ui-typography>b>span{font-size:10px;right:-8px}.ui-swatches{gap:4px}.ui-swatches i{width:14px;height:14px;border-radius:3px}.ui-swatches>span{font-size:3px}.ui-components{gap:5px;margin-top:10px}.ui-components>span{font-size:4px;padding:5px}.ui-components>i,.ui-components>b{width:15px;height:15px;font-size:9px}.ui-system-foot{margin-top:10px;padding-top:8px;font-size:3px}.hero-piece--design{width:170px;right:-4%;top:8%}.hero-design .hero-site{height:120px}.hero-site-nav{padding:9px 10px}.hero-site-nav strong{font-size:8px}.hero-site-nav strong>span{font-size:2px}.hero-site-nav>i{font-size:2px}.hero-site-copy{padding:9px 10px;width:60%}.hero-site-headline{font-size:18px}.hero-site-copy>small{font-size:2px}.hero-site-cta{margin-top:9px;font-size:3px;padding:3px 6px}.hero-site-bottom{font-size:2px;bottom:8px;left:10px;right:10px}.hero-art-caption{font-size:3px;padding:6px 8px}.hero-piece--laptop{width:200px;left:-5%;top:auto;bottom:4%}.hero-dashboard{height:145px}.laptop-lid{padding:7px 5px 5px}.laptop-camera{top:2px;width:2px;height:2px}.laptop-base{margin:0 -7px;height:8px}.piece-label{font-size:4px;margin-top:8px}.hero-piece--phone{width:78px;right:3%;top:auto;bottom:3%;}.hero-phone{padding:4px;border-radius:18px}.hero-phone .hero-site{height:167px;border-radius:12px}.phone-island{height:7px;top:8px}.hero-site-mobile .hero-site-nav{padding:20px 7px 4px}.hero-site-mobile .hero-site-nav strong{font-size:6px}.hero-site-mobile .hero-site-copy{padding:7px}.hero-site-mobile .hero-site-headline{font-size:13px;margin-top:6px}.hero-site-mobile .hero-site-copy>small{font-size:2px}.hero-site-mobile .hero-site-cta{margin-top:6px;font-size:2px}.hero-site-mobile>img{inset:97px 0 0;height:calc(100% - 97px)}.phone-home{height:2px;bottom:8px}.hero-piece--code,.hero-piece--chat,.hero-piece--notice,.hero-piece--pill{display:none}.hero-piece--responsive{display:block;width:230px;left:calc(50% - 115px);bottom:26%;}.notice-responsive{padding:12px 13px;gap:10px}.notice-responsive strong{font-size:8px}.notice-responsive small{font-size:5px}.hero-piece--badge-ai{display:block;left:49%;right:auto;bottom:8%;top:auto}.hero-tech-badge{padding:8px 9px;gap:6px}.hero-tech-badge>small{font-size:7px}.hero-tech-badge>span{font-size:12px}.hero-tech-badge>i{width:2px;height:2px}.hero-cursor.cursor-ux,.hero-cursor.cursor-client{display:none}.hero-cursor.cursor-dev{left:76%;top:63%}.hero-cursor>svg{width:13px;height:16px}.hero-cursor>b{font-size:6px;padding:4px 5px;margin-left:9px}.hero-bottom{bottom:12px;left:20px;right:20px}.hero-bottom>a{font-size:6px;gap:6px}.hero-bottom .motion-toggle span{display:none}.motion-toggle{width:30px;height:27px;justify-content:center;padding:6px}.hero-bottom>a>span:last-child{display:none}.scroll-indicator{width:10px;height:15px}.scroll-indicator:before{left:3px;height:3px}}
@media(min-width:521px) and (max-width:760px){.animated-hero{min-height:950px}.hero-center{top:33%}.hero-description{font-size:14px}.hero-actions .button{font-size:12px;min-height:52px}.hero-services-link{font-size:11px}.hero-piece--wire{width:180px;left:3%;top:10%}.hero-piece--design{width:210px;right:2%;top:8%}.hero-design .hero-site{height:155px}.hero-piece--laptop{width:250px;left:2%;bottom:3%}.hero-dashboard{height:170px}.hero-piece--phone{width:98px;right:5%;bottom:5%}.hero-phone .hero-site{height:210px}.hero-piece--responsive{bottom:26%}.hero-piece--badge-ai{left:53%;bottom:10%}.hero-cursor.cursor-dev{top:67%}}
@media(prefers-reduced-motion:reduce){.hero-piece,.hero-scroll,.hero-float,.hero-cursor{will-change:auto}.typing-caret{animation:none}.hero-selection{opacity:1}.hero-grid,.hero-ambient,.hero-ai-switch>i,.hero-ai-switch>i:before,.hero-actions .button{transition:none}}

@media(max-width:1100px){.nav-inner{gap:20px}.nav-inner nav{gap:16px}.nav-inner nav a{font-size:10px}.nav-cta{font-size:9px;padding:10px 13px;gap:8px}}
@media(max-width:760px){.site-header{height:72px}.nav-inner{gap:15px;justify-content:space-between}.nav-inner .brand{font-size:24px}.nav-inner .brand-symbol{width:37px;height:37px;font-size:26px;border-radius:9px}.nav-inner .brand small{font-size:6px}.nav-inner .nav-cta{margin-left:auto;font-size:9px;min-height:37px;padding:8px 12px}.nav-cta svg{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:1px solid #294458;border-radius:8px;background:#111e2a;width:37px;height:37px;align-items:center;justify-content:center}.menu-toggle>span{height:1px;width:15px;background:#9bc6de}.nav-inner nav{display:none;position:absolute;top:71px;left:0;right:0;margin:0;background:#0c1723fa;padding:24px;border-bottom:1px solid #2e536d;box-shadow:0 20px 35px #0006}.nav-inner nav.is-open{display:flex;flex-direction:column;align-items:flex-start;gap:0}.nav-inner nav a{font-size:14px;width:100%;padding:12px}}


@media(max-width:520px){.animated-hero{min-height:860px}.hero-center{top:34%}.hero-center h1{font-size:11.5vw}.hero-ai-switch{top:27.5%}.hero-piece--wire{top:7%}.hero-wire .ui-system-foot{display:none}.hero-piece--design{top:7%}.hero-design .hero-site{height:110px}.hero-design .hero-site-headline{font-size:17px;margin-top:7px}.hero-design .hero-site-copy{padding-top:6px}.hero-design .hero-site-cta{display:none}.hero-piece--responsive{bottom:28%}.hero-piece--badge-ai,.hero-cursor.cursor-dev{display:none}}

@media(min-width:1101px) and (max-height:850px){.hero-center{top:23%}.hero-center h1{font-size:7.4vw}.hero-piece--chat{width:200px;left:26%;bottom:1%}.hero-piece--label-front,.hero-piece--label-seo{display:none}.hero-piece--wire{top:9%}.hero-design .hero-site{height:165px}.hero-piece--phone{top:39.5%}.hero-phone .hero-site{height:190px}.hero-piece--code{bottom:2%}.hero-piece--badge-ai{bottom:12%}}