:root{color-scheme:dark;--ink:#f5f8ff;--muted:#afc0db;--navy:#070d25;--line:#b8d7ff2b;--cyan:#05d8ff;--blue:#0988ff;--pink:#ff5cf8;--violet:#9800ed;--ease:cubic-bezier(.2,.78,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;overflow-x:clip;background:var(--navy);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:#05d8ff;color:#071126}
.ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 57vw 50vw at 91% 6%,#1048916b,transparent 70%),radial-gradient(ellipse 48vw 50vw at 6% 54%,#54137f36,transparent 75%),linear-gradient(150deg,#070d25,#091435 46%,#080d25)}.grain{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.cursor-aura{position:fixed;left:0;top:0;width:430px;height:430px;z-index:2;border-radius:50%;background:radial-gradient(circle,#05d8ff16,transparent 67%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .4s}
.wrap{width:min(1220px,calc(100% - 36px));margin-inline:auto}.topbar{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:20}.brand{display:inline-flex;gap:10px;align-items:center;font:700 17px 'Space Grotesk',sans-serif;letter-spacing:-.055em;white-space:nowrap}.brand img{width:28px;height:28px}.brand small{font-size:10px;color:#86a9d4;font-weight:600;letter-spacing:.03em;margin-left:1px;align-self:end;padding-bottom:2px}.nav{display:flex;align-items:center;gap:18px;color:#b7cbe6;font-size:12px;font-weight:600}.nav a:hover,.footer a:hover{color:#fff}.nav .nav-cta{border:1px solid #78d3ff6b;border-radius:100px;padding:9px 13px;color:white;background:linear-gradient(100deg,#008cff26,#9800ed19);transition:transform .25s,border-color .25s}.nav .nav-cta:hover{transform:translateY(-2px);border-color:var(--cyan)}.nav .hide-mobile{display:none}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#8ceeff;font:700 10px/1 'Space Grotesk',sans-serif;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:20px;height:1px;background:currentColor}.gradient-type{background:linear-gradient(110deg,#fff 12%,#98e9ff 48%,#ebc7ff 98%);-webkit-background-clip:text;background-clip:text;color:transparent}.backlink{display:inline-flex;align-items:center;gap:8px;margin:22px 0 18px;color:#90b9d5;font:600 11px 'Space Grotesk',sans-serif;transition:color .25s,transform .25s}.backlink:hover{color:#fff;transform:translateX(-4px)}.backlink span{font-size:17px}
h1,h2,h3,p{margin-top:0}.subhero{position:relative;text-align:center;padding-bottom:22px}.subhero .status{display:inline-block;border:1px solid #c5dcff5e;color:#d1e5ff;border-radius:100px;padding:7px 11px;margin-left:10px;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.11em}.subhero h1,.simple-hero h1{font:600 clamp(43px,12vw,72px)/.99 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:17px auto 15px;max-width:770px}.subhero p,.simple-hero p{font-size:14px;line-height:1.55;color:#c0d2e8;max-width:490px;margin:0 auto 23px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}.primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:45px;background:#ebf8ff;color:#081331;border-radius:100px;padding:9px 11px 9px 18px;font-size:12px;font-weight:700;box-shadow:0 10px 46px #05d8ff29;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.primary:hover{transform:translateY(-3px);box-shadow:0 15px 50px #05d8ff4d}.primary .arr{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#0b2141;color:#fff;transition:transform .3s}.primary:hover .arr{transform:rotate(-45deg)}.text-link{font-size:12px;color:#b2d6f1;border-bottom:1px solid #5285af;padding-bottom:3px;transition:color .25s}.text-link:hover{color:#fff}.micro{font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#8cdfff}
.phone-scene{height:480px;position:relative;max-width:480px;margin:28px auto 0;isolation:isolate}.phone-scene:before{content:"";position:absolute;inset:12% 1% 0;border-radius:50%;background:radial-gradient(circle,var(--scene-glow,#5ca4ff42),transparent 65%);filter:blur(18px)}.phone-scene:after{content:"";position:absolute;left:50%;top:7%;width:84%;height:76%;border:1px solid #b3d9ff2e;border-radius:50%;transform:translateX(-50%) rotate(-21deg);pointer-events:none}.product-phone{position:relative;z-index:2;margin:auto;width:235px;height:455px;border:8px solid #1b2442;border-radius:35px;overflow:hidden;background:#f9f8ff;color:#192136;box-shadow:0 35px 80px #010719bf,0 0 0 1px #b9c8ff78,0 0 65px var(--scene-glow,#5ca4ff42);transform:rotate(-5deg);transition:transform .7s var(--ease)}.phone-scene:hover .product-phone{transform:rotate(-2deg) translateY(-6px)}.product-phone:before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:73px;height:13px;border-radius:0 0 10px 10px;background:#1b2442;z-index:4}.phone-status{height:25px;padding:8px 13px 0;display:flex;justify-content:space-between;font:700 8px 'Space Grotesk',sans-serif}.phone-logo{height:31px;padding:5px 14px;display:flex;justify-content:space-between;align-items:center;font:700 12px 'Space Grotesk',sans-serif}.phone-logo b{font-size:19px}.coach-cover{margin:8px 10px 0;border-radius:14px;background:linear-gradient(135deg,#282a63,#65449b 62%,#ed8da7);color:#fff;min-height:152px;padding:25px 17px;text-align:left}.coach-cover small,.studio-cover small{font:700 8px 'Space Grotesk',sans-serif;letter-spacing:.12em}.coach-cover strong,.studio-cover strong{display:block;font:700 24px/1.02 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:12px 0}.coach-cover em,.studio-cover em{display:inline-block;font:700 8px 'Space Grotesk',sans-serif;font-style:normal;background:#fff;color:#363765;border-radius:20px;padding:7px 10px}.plan-demo{margin:16px 12px;text-align:left}.plan-demo small{display:block;color:#687c9c;font:700 8px 'Space Grotesk',sans-serif;letter-spacing:.15em}.plan-demo>strong{font:700 20px 'Space Grotesk',sans-serif;display:block;margin:7px 0 12px}.plan-days{display:flex;justify-content:space-between;gap:5px}.plan-days b{border-radius:8px;background:#e9eefa;color:#7080a3;padding:7px;font:700 8px 'Space Grotesk',sans-serif}.plan-days b:nth-child(2){background:#353e89;color:white}.exercise{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:10px;border-radius:10px;background:#f0f2fb;font:600 9px 'DM Sans',sans-serif}.exercise b{color:#755ba4}.studio-phone{background:#fffafc}.studio-phone .phone-logo{color:#573262}.studio-cover{position:relative;margin:7px 10px 0;height:220px;border-radius:14px;overflow:hidden;color:#fff;text-align:left;background:#332858}.studio-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.studio-cover .studio-overlay{position:absolute;inset:auto 0 0;padding:18px 13px;background:linear-gradient(transparent,#2d1a3bd9)}.studio-cover strong{font-size:21px;margin:8px 0}.booking-demo{margin:13px 10px;padding:12px;border-radius:12px;background:#f6edf9;text-align:left}.booking-demo small{color:#8b5d98;font:700 8px 'Space Grotesk',sans-serif;letter-spacing:.1em}.booking-demo strong{display:block;margin:5px 0 10px;font:700 15px 'Space Grotesk',sans-serif}.booking-days{display:flex;gap:5px}.booking-days b{flex:1;border:1px solid #dbc8e5;border-radius:7px;text-align:center;padding:7px 3px;color:#8d6d9c;font:700 8px 'Space Grotesk',sans-serif}.booking-days b:nth-child(2){background:#924eaf;color:#fff;border-color:#924eaf}.booking-action{margin-top:12px;border-radius:20px;background:#382c5a;color:white;text-align:center;padding:8px;font:700 8px 'Space Grotesk',sans-serif}
.scene-ticket{position:absolute;z-index:3;min-width:150px;max-width:195px;border:1px solid #d6eaff6b;border-radius:15px;padding:12px 13px;background:linear-gradient(130deg,#4c72aa8a,#1f204cdd);backdrop-filter:blur(16px);box-shadow:0 20px 50px #020b2aa6,inset 0 1px #fff4;text-align:left;transition:transform .4s var(--ease)}.scene-ticket small{display:block;color:#a9eaff;font:700 8px 'Space Grotesk',sans-serif;letter-spacing:.11em}.scene-ticket strong{display:block;font:700 14px 'Space Grotesk',sans-serif;margin:6px 0 0}.scene-ticket.one{left:0;top:21%;transform:rotate(-8deg)}.scene-ticket.two{right:0;bottom:14%;transform:rotate(8deg)}.phone-scene:hover .scene-ticket.one{transform:translate(-5px,-7px) rotate(-5deg)}.phone-scene:hover .scene-ticket.two{transform:translate(5px,7px) rotate(5deg)}.coach-page{--accent:#ffc970;--scene-glow:#f6a97355}.studio-page{--accent:#bf91ff;--scene-glow:#a675e55e}.projects-page{--accent:#66f1c8}
.section{padding:65px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 30px}.section-head h2{font:600 clamp(34px,8.8vw,55px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.062em;margin:14px auto 10px}.section-head p{color:#aebfd9;font-size:13px;line-height:1.5;margin:0 auto;max-width:480px}.feature-flow{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;position:relative}.feature-flow:before{content:"";position:absolute;left:7%;right:7%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#5f9ee2,#be8deb,transparent)}.feature-item{position:relative;z-index:1;flex:1 1 145px;max-width:210px;min-height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 11px;border:1px solid #b6d9ff35;border-radius:24px;background:linear-gradient(145deg,#4d89d929,#3a205e4a);backdrop-filter:blur(18px);box-shadow:inset 0 1px #fff2,0 22px 45px #02081b55;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}.feature-item:hover{transform:translateY(-7px);border-color:#a4dcff99;box-shadow:0 18px 42px #238dec2e}.feature-item .symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(130deg,#40cfff55,#ab73f062);font-size:22px;color:#e1faff;margin-bottom:12px}.feature-item strong{font:700 15px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.03em}.feature-item small{color:#a7bdd5;font-size:11px;margin-top:5px}
.path-steps{display:grid;grid-template-columns:1fr;gap:12px;max-width:870px;margin:auto;position:relative}.path-steps:before{content:"";position:absolute;left:31px;top:38px;bottom:38px;width:1px;background:linear-gradient(#38c9ff,#ab83f1,#f88bcb)}.path-step{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;position:relative;min-height:104px;text-align:left}.step-orb{width:64px;height:64px;border:1px solid #bddeff77;border-radius:19px;background:linear-gradient(135deg,#3a8ec758,#5d3ca554);display:grid;place-items:center;font:700 19px 'Space Grotesk',sans-serif;box-shadow:0 0 24px #238fee30;transition:transform .3s}.path-step:hover .step-orb{transform:rotate(-8deg) scale(1.05)}.path-step small{color:#8bdfff;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.14em}.path-step h3{font:700 20px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:5px 0}.path-step p{font-size:12px;color:#adbed8;line-height:1.45;margin:0}
.price-stage{display:grid;grid-template-columns:1fr;gap:12px;max-width:1000px;margin:auto}.plan{position:relative;overflow:hidden;border:1px solid #a6d3ff3a;border-radius:22px;padding:23px 24px;background:linear-gradient(145deg,#182a5299,#1b183c88);box-shadow:inset 0 1px #fff2,0 20px 50px #02091d58;transition:transform .35s var(--ease),border-color .35s}.plan:before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,var(--accent,#5bbdff),transparent)}.plan:hover{transform:translateY(-6px);border-color:#a6d3ff88}.plan.featured{border-color:#a9d8ffb0;box-shadow:0 0 34px #5ca8ff4d,inset 0 1px #fff4}.plan h3{font:700 28px 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:10px 0}.plan .price{font:600 22px 'Space Grotesk',sans-serif;color:#e6faff;margin:6px 0 12px}.plan .price small{font:500 12px 'DM Sans',sans-serif;color:#aebfdb}.plan ul{list-style:none;margin:15px 0 0;padding:0}.plan li{font-size:12px;color:#c8d5e7;padding:8px 0;border-top:1px solid #bed8ff1b}.plan li:before{content:'✦';color:var(--accent,#76d4ff);margin-right:9px}.plan .popular{position:absolute;right:17px;top:18px;border:1px solid #c4eaff8c;border-radius:99px;background:#477dd9a6;color:white;padding:6px 9px;font:700 8px 'Space Grotesk',sans-serif;letter-spacing:.12em}.fine{text-align:center;color:#8fa8c6;font-size:11px;margin:19px auto 0;line-height:1.5}
.faq-area{max-width:850px;margin:auto}.faq-area details{border-bottom:1px solid #97bad858;padding:19px 0}.faq-area summary{font:600 15px 'Space Grotesk',sans-serif;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-area summary::-webkit-details-marker{display:none}.faq-area summary:after{content:'+';font-size:20px;color:#82d9ff;transition:transform .25s}.faq-area details[open] summary:after{transform:rotate(45deg)}.faq-area p{color:#aebed8;font-size:12px;line-height:1.6;margin:12px 0 0;max-width:620px}.final-cta{padding:20px 0 65px}.cta-panel{position:relative;overflow:hidden;border:1px solid #8bc2f36b;border-radius:28px;background:radial-gradient(circle at 80% 30%,#8b46d742,transparent 43%),linear-gradient(125deg,#152e57,#15153b);box-shadow:0 25px 70px #02091d88}.cta-panel:after{content:"";position:absolute;right:-30px;top:-35px;width:220px;height:220px;border:1px solid #a8dfff4d;border-radius:50%;pointer-events:none}.cta-content{position:relative;z-index:2;text-align:center;padding:46px 21px}.cta-content h2{font:600 clamp(34px,9vw,58px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.06em;max-width:700px;margin:15px auto}.cta-content p{color:#bacce2;font-size:13px;margin:0 auto 22px;max-width:480px}
.project-scene{height:340px;position:relative;margin:35px auto 0;max-width:850px}.project-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,#21c8c943,transparent 60%);filter:blur(20px)}.project-line{position:absolute;left:12%;right:12%;top:51%;height:2px;background:linear-gradient(90deg,#28cbea,#a978f8,#66f1c8);box-shadow:0 0 24px #58bcff8c;transform:rotate(-10deg)}.project-card{position:absolute;width:42%;min-height:150px;max-width:275px;padding:19px;border:1px solid #bbecff78;border-radius:22px;background:linear-gradient(145deg,#4978ab88,#181e42d9);backdrop-filter:blur(18px);box-shadow:0 25px 50px #01091c99,inset 0 1px #fff3;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s var(--ease)}.project-card span{font-size:25px;color:#87edeb}.project-card small{font:700 9px 'Space Grotesk',sans-serif;color:#9ce6e8;letter-spacing:.13em}.project-card strong{font:700 clamp(18px,4vw,27px) 'Space Grotesk',sans-serif;letter-spacing:-.04em}.project-card.a{left:4%;top:5%;transform:rotate(-9deg)}.project-card.b{right:4%;top:7%;transform:rotate(8deg)}.project-card.c{left:30%;bottom:0;transform:rotate(-2deg)}.project-card:hover{z-index:4;transform:translateY(-12px) rotate(0)}.project-flow{grid-template-columns:1fr}.project-flow:before{background:linear-gradient(#38c9ff,#ab83f1,#66f1c8)}
.simple-hero{text-align:center;padding:42px 0 15px}.simple-hero h1{max-width:780px}.contact-layout{display:grid;gap:28px;max-width:950px;margin:20px auto 80px}.contact-form{border:1px solid #a2d6ff62;border-radius:26px;padding:24px;background:linear-gradient(145deg,#1b35616b,#181436b3);backdrop-filter:blur(18px);box-shadow:0 28px 70px #02091877,inset 0 1px #fff2}.form-grid{display:grid;gap:15px}.field label{display:block;color:#bfe7f5;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #a6cbef57;border-radius:12px;background:#091733aa;color:#fff;padding:13px 14px;outline:none;transition:border-color .25s,box-shadow .25s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#68dcff;box-shadow:0 0 0 3px #05d8ff25}.field input::placeholder,.field textarea::placeholder{color:#8194b2}.field textarea{min-height:115px;resize:vertical}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#a6dcff 50%),linear-gradient(135deg,#a6dcff 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 17px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:35px}.field option{background:#101d3c}.check{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#c2d2e8;line-height:1.45;margin:18px 0}.check input{width:18px;height:18px;accent-color:#0988ff;flex:none;margin:0}.check a{text-decoration:underline;text-underline-offset:2px}.form-status{font-size:11px;color:#b9ddf2;margin:13px 0 0}.alternative{border-top:1px solid #b5d7ff4a;padding:24px 4px;text-align:center}.alternative h2{font:600 25px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:7px}.alternative p{font-size:12px;line-height:1.5;color:#aebfdb}.placeholder{display:inline-block;border:1px dashed #ff9fc9a8;border-radius:8px;padding:5px 8px;color:#ffd0df;background:#ec2e7440;font-weight:700;font-size:.9em}.dm-placeholder{display:inline-block;border:1px dashed #ff9fc9a8;border-radius:100px;padding:11px 16px;color:#ffd4e4;background:#fc398b29;font:700 12px 'Space Grotesk',sans-serif}
.legal-wrap{max-width:800px;margin:0 auto 85px}.legal-wrap .backlink{margin-left:0}.legal-wrap h1{font:600 clamp(43px,11vw,66px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:20px 0}.legal-wrap .lede{color:#adc2dc;font-size:14px;line-height:1.6;margin-bottom:28px}.legal-wrap section{border-top:1px solid #9bbde052;padding:23px 0}.legal-wrap h2{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0 0 11px}.legal-wrap p,.legal-wrap li{font-size:13px;line-height:1.7;color:#c1d0e3;margin:0 0 9px}.legal-wrap ul{padding-left:19px;margin:0}.legal-wrap a:not(.backlink){color:#9eeaff;text-decoration:underline;text-underline-offset:3px}.notice{border:1px solid #ff9fc97b;border-radius:14px;background:#d72d7750;padding:14px 16px;color:#ffe6ef;font-size:12px;line-height:1.5;margin:20px 0 28px}
.footer{border-top:1px solid #82adde44;padding:25px 0 30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;color:#879cba;font-size:11px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px}.footer .brand{color:#f5f8ff}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-seen{opacity:1;transform:none}
@media(min-width:760px){.wrap{width:min(1220px,calc(100% - 64px))}.topbar{height:78px}.brand{font-size:19px}.brand img{width:30px;height:30px}.nav{gap:30px;font-size:13px}.nav .hide-mobile{display:inline}.nav .nav-cta{padding:10px 18px}.subhero{display:grid;grid-template-columns:1fr 1fr;align-items:center;text-align:left;min-height:590px;padding-bottom:30px}.subhero .copy{text-align:left}.subhero h1{font-size:clamp(58px,6vw,92px);max-width:630px;margin-left:0}.subhero p{font-size:17px;margin-left:0}.subhero .hero-actions{justify-content:flex-start}.phone-scene{width:100%;height:520px;max-width:560px;margin:0 auto}.product-phone{width:265px;height:500px}.coach-cover{min-height:178px}.studio-cover{height:246px}.scene-ticket.one{left:2%;top:21%}.scene-ticket.two{right:0;bottom:10%}.section{padding:90px 0}.feature-flow{gap:15px}.feature-item{min-height:178px;flex-basis:170px}.path-steps{grid-template-columns:repeat(3,1fr);gap:25px}.path-steps:before{left:10%;right:10%;top:32px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,#38c9ff,#ab83f1,#f88bcb)}.path-step{display:block;text-align:center;min-height:185px}.step-orb{margin:0 auto 20px}.price-stage{grid-template-columns:repeat(3,1fr);gap:18px}.plan{min-height:280px;padding:27px}.project-scene{height:410px}.project-card{min-height:210px;padding:25px}.project-card.a{left:8%}.project-card.b{right:8%}.project-card.c{left:35%}.project-flow{grid-template-columns:repeat(4,1fr)}.contact-layout{grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr);gap:35px;align-items:start}.contact-form{padding:32px}.form-grid{grid-template-columns:1fr 1fr}.field.wide{grid-column:1/-1}.alternative{border-top:0;border-left:1px solid #b5d7ff4a;padding:20px 0 20px 32px;text-align:left}.footer{flex-wrap:nowrap}}
@media(max-width:400px){.brand{font-size:15px}.brand small{font-size:9px}.nav .nav-cta{padding:8px 10px;font-size:11px}.phone-scene{height:456px}.product-phone{width:220px;height:438px}.scene-ticket{min-width:124px;max-width:145px;padding:10px}.scene-ticket strong{font-size:11px}.scene-ticket.one{left:-3px}.scene-ticket.two{right:-3px}.feature-item{flex-basis:125px;min-height:133px}.feature-item strong{font-size:13px}.project-card{padding:12px;min-height:130px}.project-card strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* V9: local type, contained ambience, centered journey, product scenes */
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/space-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
html,body{max-width:100%;overflow-x:clip}
.ambient,.grain{left:0;right:0;width:100%;max-width:100%;overflow:hidden}
/* Contact hero: separate back link from the eyebrow */
.simple-hero .backlink{display:flex;width:max-content;margin:26px auto 25px}
.simple-hero .eyebrow{display:inline-flex}
/* Screens spread from the central phone when the scene enters view. */
.screen-section{padding-top:105px;padding-bottom:105px}
.screen-theater{position:relative;isolation:isolate;min-height:630px;margin:24px auto 0;background:radial-gradient(ellipse 35% 44% at 50% 43%,#287acf35,transparent 72%)}
.screen-theater:before,.screen-theater:after{content:"";position:absolute;left:50%;top:43%;border:1px solid #8accff2d;border-radius:50%;transform:translate(-50%,-50%) rotate(-15deg);pointer-events:none}
.screen-theater:before{width:550px;height:300px}.screen-theater:after{width:710px;height:440px;border-color:#a68cff1b;transform:translate(-50%,-50%) rotate(19deg)}
.feature-anchor{position:absolute;left:50%;top:0;width:330px;height:540px;transform:translateX(-50%);z-index:2;pointer-events:none}
.feature-anchor .phone-scene{margin:0 auto;transform:scale(.91);transform-origin:top center}
.feature-anchor .scene-ticket{display:none}
.screen-track{position:absolute;inset:0;z-index:3;pointer-events:none}
.mini-screen{--tilt:0deg;position:absolute;width:218px;height:181px;padding:0 11px 11px;border:1px solid #bbdcff88;border-radius:15px;background:linear-gradient(150deg,#163562ed,#171a41f5);box-shadow:0 22px 50px #03091fb8,inset 0 1px #ffffff2b;overflow:hidden;text-align:left;pointer-events:auto;opacity:0;transform:translate(var(--from-x),var(--from-y)) scale(.64) rotate(0);transition:box-shadow .35s,border-color .35s}
.screen-theater.is-seen .mini-screen{animation:screen-release .85s cubic-bezier(.19,1,.25,1) both;animation-delay:var(--delay)}
@keyframes screen-release{to{opacity:1;transform:translate(0,0) rotate(var(--tilt))}}
.mini-screen:hover{box-shadow:0 25px 55px #020b29,0 0 35px #72caff66;border-color:#d6efff}
.mini-screen:nth-child(1){left:7%;top:8%;--tilt:-9deg;--from-x:270px;--from-y:120px;--delay:.08s}
.mini-screen:nth-child(2){right:6%;top:6%;--tilt:8deg;--from-x:-270px;--from-y:120px;--delay:.22s}
.mini-screen:nth-child(3){left:4%;bottom:11%;--tilt:6deg;--from-x:300px;--from-y:-120px;--delay:.36s}
.mini-screen:nth-child(4){right:4%;bottom:9%;--tilt:-7deg;--from-x:-300px;--from-y:-120px;--delay:.5s}
.mini-chrome{height:23px;display:flex;align-items:center;gap:3px;border-bottom:1px solid #c4e9ff2c;color:#8dccf0;font:700 7px 'Space Grotesk',sans-serif;letter-spacing:.1em}
.mini-chrome i{width:4px;height:4px;border-radius:50%;background:#79bbd9}.mini-chrome span{margin-left:auto}
.mini-content{height:124px;position:relative;padding:13px;border-radius:8px;margin-top:7px;background:#e9f1fb;color:#1b3157;overflow:hidden}
.mini-screen>strong{display:block;position:absolute;right:13px;bottom:11px;z-index:2;color:white;font:700 12px 'Space Grotesk',sans-serif;text-shadow:0 2px 8px #122143}
.mini-website .mini-content{background:linear-gradient(125deg,#282d67,#6e4c9e 65%,#d789b3);color:#fff}.studio-mini .mini-content{background:linear-gradient(130deg,#4b3152,#a96494 72%,#eabac9)}
.mini-hero-copy{font:700 20px/1.05 'Space Grotesk',sans-serif;letter-spacing:-.06em}.mini-button{display:inline-block;margin-top:9px;border-radius:20px;background:white;color:#2b3760;padding:6px 9px;font:700 7px 'DM Sans',sans-serif}
.mini-plan-line,.mini-gallery-grid{display:flex;gap:6px;margin-bottom:13px}.mini-plan-line span{flex:1;text-align:center;padding:7px 2px;background:#d7e6fb;border-radius:6px;font:700 8px 'Space Grotesk',sans-serif}.mini-plan-line span:nth-child(2){background:#554ea0;color:#fff}.mini-plan-row{display:flex;justify-content:space-between;background:white;border-radius:6px;padding:8px;margin-top:5px;font:700 9px 'DM Sans',sans-serif}.mini-plan-row b{color:#7467b7}.mini-copyline{width:76%;height:7px;background:#bdcce0;border-radius:10px;margin:9px 0}.mini-copyline.long{width:95%}.mini-copyline.short{width:48%}.mini-highlight{color:#5850aa;font:700 12px 'Space Grotesk',sans-serif;margin-top:15px}.mini-guide-num{font:700 29px 'Space Grotesk',sans-serif;color:#6d66b9}.mini-gallery-grid span{height:62px;flex:1;border-radius:7px;background:linear-gradient(135deg,#7f5b89,#e4b9c8)}.mini-gallery-grid span:nth-child(2){background:linear-gradient(135deg,#ad628e,#f0d2db)}.mini-gallery-grid span:nth-child(3){background:linear-gradient(135deg,#533867,#cf8cad)}.mini-searchbar{background:white;border-radius:15px;padding:7px;font:700 9px 'DM Sans',sans-serif}.mini-search-result{background:white;border-radius:8px;padding:12px;margin-top:10px;display:flex;flex-direction:column;font-size:9px}.mini-search-result span{color:#7783a0;margin-top:6px}.swipe-hint{display:none}
/* Projects use detailed UI concepts in place of symbol-only cards. */
.project-types{padding-top:65px}.project-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}
.project-unit{min-width:0;border:1px solid #91c0e76c;border-radius:26px;background:radial-gradient(circle at 85% 0,#207cb22d,transparent 50%),linear-gradient(145deg,#102347,#101935);padding:22px;min-height:390px;box-shadow:0 26px 65px #01091d88,inset 0 1px #fff2;transition:transform .4s,border-color .4s,box-shadow .4s}
.project-unit:nth-child(2){background:radial-gradient(circle at 85% 0,#9461d639,transparent 50%),linear-gradient(145deg,#19204d,#101935)}.project-unit:nth-child(3){background:radial-gradient(circle at 85% 0,#2bbba63b,transparent 50%),linear-gradient(145deg,#0e3044,#101935)}
.project-unit:hover{transform:translateY(-8px);border-color:#aee8ff;box-shadow:0 32px 75px #01091dbb,0 0 30px #278deb30}
.project-unit-copy span{color:#8de9ef;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.16em}.project-unit-copy h3{font:600 25px/1.12 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:13px 0 25px;min-height:58px}
.project-ui{height:205px;border:1px solid #a9d7f270;border-radius:13px;background:#0a1832;box-shadow:0 18px 35px #0008;overflow:hidden;text-align:left}
.dashboard{display:flex}.ui-sidebar{width:37px;background:#142f54;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:11px}.ui-sidebar b{color:#82e9ff}.ui-sidebar i{width:11px;height:4px;border-radius:5px;background:#5580aa}.ui-main{flex:1;padding:11px;min-width:0}.ui-top{display:flex;justify-content:space-between;gap:4px;color:#9fc5dd;font:700 7px 'Space Grotesk',sans-serif}.ui-top b{color:#e9faff}.ui-metric-row{display:flex;gap:6px;margin:15px 0}.ui-metric-row div{flex:1;border:1px solid #77a9c459;border-radius:6px;padding:8px;background:#193c5c}.ui-metric-row small,.ui-metric-row strong{display:block}.ui-metric-row small{font-size:6px;color:#8bbcd2}.ui-metric-row strong{font:700 11px 'Space Grotesk',sans-serif;margin-top:4px}.ui-profile{display:flex;align-items:center;gap:7px;border-top:1px solid #aec7df25;padding:8px 0}.ui-profile i{width:23px;height:23px;border-radius:7px;background:linear-gradient(140deg,#66d0e4,#886dd3);flex:none}.ui-profile:nth-of-type(2) i{background:linear-gradient(140deg,#c391e8,#69a7c2)}.ui-profile span{display:flex;flex-direction:column;gap:2px;flex:1}.ui-profile b{font-size:8px}.ui-profile small{font-size:6px;color:#89aac5}.ui-profile em{font:700 7px 'DM Sans',sans-serif;color:#7ceaca}
.ui-browser-top{height:25px;background:#253456;display:flex;align-items:center;gap:4px;padding:0 9px}.ui-browser-top i{width:5px;height:5px;border-radius:50%;background:#b081bc}.ui-browser-top span{background:#152441;border-radius:4px;padding:3px 30px;color:#9fbcd5;font:600 7px 'DM Sans',sans-serif;margin:auto}.site-body{display:flex;height:180px}.site-tree{width:88px;border-right:1px solid #9ab7d340;padding:12px 8px;display:flex;flex-direction:column;gap:12px}.site-tree b{font-size:6px;color:#94cde4;letter-spacing:.1em}.site-tree span{font-size:7px;color:#c1d4e9}.site-preview{flex:1;background:linear-gradient(135deg,#263662,#4a387e);padding:12px;color:white}.preview-nav{display:flex;justify-content:space-between;font:700 6px 'Space Grotesk',sans-serif}.preview-headline{font:700 20px/1.02 'Space Grotesk',sans-serif;margin:26px 0 13px;letter-spacing:-.05em}.preview-panels{display:flex;gap:5px}.preview-panels i{height:27px;flex:1;border-radius:5px;background:#bfd6f640}
.funnel-ui{padding:17px;background:radial-gradient(circle at 50% 50%,#1b6d7a5c,transparent 65%),#0c2037}.funnel-title{font:700 8px 'Space Grotesk',sans-serif;color:#a6dfe1;letter-spacing:.1em;display:flex;justify-content:space-between}.funnel-title span{color:#81eac9}.funnel-track{display:flex;align-items:center;justify-content:center;margin:35px 0 20px}.funnel-stage{flex:1;min-width:0;min-height:83px;border:1px solid #7bd0d086;border-radius:8px;background:#1b4c61;padding:9px 6px;box-shadow:0 0 20px #42dbc62a}.funnel-stage small,.funnel-stage b,.funnel-stage i{display:block}.funnel-stage small{color:#8cf5dc;font:700 7px 'Space Grotesk',sans-serif}.funnel-stage b{font:700 10px 'Space Grotesk',sans-serif;margin:8px 0}.funnel-stage i{font:500 6px 'DM Sans',sans-serif;color:#a9d2da}.funnel-connector{flex:0 0 17px;height:1px;background:#5decc8;box-shadow:0 0 11px #49e9ca}.funnel-progress{height:2px;background:#366a7b;border-radius:10px;overflow:hidden}.funnel-progress span{display:block;width:24%;height:100%;background:#7cf9d8;box-shadow:0 0 14px #72ffdb;animation:funnel-move 4s linear infinite}@keyframes funnel-move{to{transform:translateX(400%)}}
@media(max-width:759px){
 .path-steps,.path-steps.project-flow{display:flex;flex-direction:column;gap:32px;max-width:440px;margin-inline:auto}.path-steps:before{display:none}
 .path-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:0;padding:0 10px 3px;gap:0;width:100%}.path-step:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-29px;width:1px;height:24px;background:linear-gradient(#53cfff,#ad83ee);box-shadow:0 0 10px #74d7ff;transform:translateX(-50%)}
 .path-step .step-orb{order:0;margin:0 auto 13px}.path-step small{order:1;display:block}.path-step h3{order:2;width:100%;max-width:none;margin:7px 0 6px}.path-step p{order:3;width:100%;max-width:360px;margin:0 auto}
 .screen-section{padding:72px 0}.screen-theater{min-height:0;margin-top:16px;background:none}.screen-theater:before,.screen-theater:after{display:none}.feature-anchor{position:relative;left:auto;top:auto;transform:none;width:100%;height:405px;overflow:hidden}.feature-anchor .phone-scene{transform:scale(.8);transform-origin:top center;height:500px}.screen-track{position:relative;inset:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;padding:8px max(18px,calc((100vw - 340px)/2)) 25px;pointer-events:auto;scrollbar-width:none}.screen-track::-webkit-scrollbar{display:none}.mini-screen,.mini-screen:nth-child(n){position:relative;left:auto;right:auto;top:auto;bottom:auto;flex:0 0 232px;height:192px;scroll-snap-align:center;opacity:1;transform:none;--tilt:0deg;box-shadow:0 18px 33px #01091d9c}.screen-theater.is-seen .mini-screen{animation:none}.mini-content{height:133px}.swipe-hint{display:block;text-align:center;color:#8db6d1;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.1em;margin:0}
 .project-showcase{grid-template-columns:1fr;max-width:470px;margin:auto}.project-unit{min-height:340px;padding:20px}.project-unit-copy h3{font-size:23px;min-height:0;margin-bottom:17px}.project-ui{height:205px}
}
@media(max-width:400px){.feature-anchor{height:380px}.feature-anchor .phone-scene{transform:scale(.74)}.screen-track{padding-left:max(18px,calc((100vw - 232px)/2));padding-right:max(18px,calc((100vw - 232px)/2))}.project-unit{padding:17px}}
@media(prefers-reduced-motion:reduce){.screen-theater.is-seen .mini-screen{animation:none;opacity:1;transform:none}.funnel-progress span{animation:none}}
.hp-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.form-status[data-state="success"]{color:#8cf5cf}.form-status[data-state="error"],.form-status[data-state="invalid"]{color:#ffc0d8}
.dm-button{margin-top:7px}
/* V10 navigation and five-line footer */
.nav .lines-disclosure{position:relative;display:block}
.nav summary{list-style:none;cursor:pointer;user-select:none}
.nav summary::-webkit-details-marker{display:none}
.nav .lines-disclosure>summary{display:flex;align-items:center;gap:7px;padding:10px 0;color:#b7cbe6;transition:color .2s}
.nav .lines-disclosure>summary:hover,.nav .lines-disclosure[open]>summary{color:#fff}
.nav .lines-disclosure>summary span,.mobile-lines>summary span{transition:transform .25s}
.nav .lines-disclosure[open]>summary span,.mobile-lines[open]>summary span{transform:rotate(180deg)}
.nav .lines-menu{display:none;position:absolute;top:100%;left:-20px;width:218px;padding:10px;border:1px solid #80bfe67a;border-radius:17px;background:linear-gradient(145deg,#17345deF,#141834f7);box-shadow:0 24px 52px #01091cc9,inset 0 1px #fff2;backdrop-filter:blur(20px);z-index:60}
.nav .lines-disclosure:hover .lines-menu,.nav .lines-disclosure:focus-within .lines-menu,.nav .lines-disclosure[open] .lines-menu{display:grid}
.nav .lines-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:12px;color:#d5e7f6;white-space:nowrap;transition:background .2s,transform .2s}
.nav .lines-menu a:hover,.nav .lines-menu a:focus-visible{background:#56b7ec31;transform:translateX(3px);color:#fff}
.nav .mobile-menu{display:none;position:relative}
.nav .mobile-menu>summary{width:38px;height:38px;display:grid;place-items:center;border:1px solid #79c9ee87;border-radius:12px;background:#2271a629;color:#e4f7ff;font-size:17px}
.nav .mobile-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(310px,calc(100vw - 36px));padding:13px;border:1px solid #90cfff7f;border-radius:18px;background:linear-gradient(140deg,#173a67f5,#171535fa);box-shadow:0 28px 70px #02091dde;backdrop-filter:blur(25px);z-index:60}
.nav .mobile-panel>a,.nav .mobile-line-links a{display:block;padding:11px 13px;border-radius:10px;color:#e1edf7;font-size:13px}
.nav .mobile-panel a:hover,.nav .mobile-panel a:focus-visible{background:#5abce634;color:#fff}
.nav .mobile-lines{border-bottom:1px solid #a8d0ed42;margin-bottom:6px;padding-bottom:6px}
.nav .mobile-lines>summary{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;color:#e1edf7;font-size:13px}
.nav .mobile-line-links{padding-left:9px;border-left:1px solid #7bc8eb70;margin-left:14px}
.nav .mobile-line-links a{font-size:12px;padding:9px 12px}
.footer{display:grid!important;grid-template-columns:minmax(220px,1.4fr) minmax(140px,.8fr) minmax(140px,.8fr);align-items:start!important;gap:35px;padding-top:36px}
.footer-identity{display:flex;flex-direction:column;gap:17px}
.footer-column{display:flex;flex-direction:column;gap:10px}
.footer-column strong{color:#e5f5ff;font:700 11px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.14em;margin-bottom:5px}
.footer-column a{color:#9eb6d2;font-size:12px;transition:color .2s,transform .2s}
.footer-column a:hover{color:#fff;transform:translateX(3px)}
@media(max-width:900px){.nav .lines-disclosure,.nav .nav-link{display:none!important}.nav .mobile-menu{display:block}.nav .mobile-panel a{display:block!important}.nav{gap:9px}}
@media(min-width:901px){.nav .mobile-menu{display:none}}
@media(max-width:640px){.footer{grid-template-columns:1fr 1fr!important;text-align:center;gap:30px 18px}.footer-identity{grid-column:1/-1;align-items:center}.footer-column{align-items:center}.footer-column a:hover{transform:none}}
@media(max-width:350px){.topbar .brand small{display:none}.nav .nav-cta{padding:8px 9px}}
/* Center the first swipe card within the actual content container. */
@media(max-width:759px){.screen-track{padding-inline:max(18px,calc((100% - 232px)/2));scroll-padding-inline:max(18px,calc((100% - 232px)/2))}}