:root{--bg:#070b0d;--ink:#f5f2ea;--silver:#bcc2bc;--muted:#8f9d98;--mint:#b5e3d1;--amber:#e4c7a4;--stroke:rgba(228,234,225,.17);--ease:cubic-bezier(.2,.72,.17,1)}
*,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI','Arial',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--mint);color:#072324}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button:disabled{opacity:.55;cursor:default}
/* Spatial room and WebGL behind every chapter */
#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.53;filter:saturate(.8)}
#room{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 72% 43%,rgba(55,105,102,.18),transparent 40%),linear-gradient(90deg,rgba(6,9,11,.9) 0%,rgba(6,9,11,.46) 51%,rgba(6,9,11,.25) 100%)}
#room:before{content:'';position:absolute;inset:0;opacity:.45;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(181,223,209,.065) calc(20% - 1px),rgba(181,223,209,.065) 20%);mask-image:linear-gradient(0deg,black,transparent 72%);transform:perspective(850px) rotateX(63deg) translateY(38%);transform-origin:bottom}
#room:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070b0d 0%,transparent 22%,transparent 78%,rgba(7,11,13,.74) 100%);pointer-events:none}
.room-beam{position:absolute;right:8%;top:-15%;width:35%;height:130%;background:linear-gradient(90deg,transparent,rgba(125,195,171,.07),transparent);transform:rotate(-16deg);filter:blur(26px)}
.room-corner{position:absolute;right:9%;top:13%;width:45%;height:70%;border:1px solid rgba(164,204,192,.105);transform:perspective(1000px) rotateY(-17deg);box-shadow:inset 0 0 100px rgba(92,164,145,.055)}
#dust{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.17;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 150 150" 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=".3"/%3E%3C/svg%3E')}
/* Brand navigation */
.nav{position:fixed;top:0;left:0;right:0;height:82px;padding:0 clamp(22px,5vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(225,233,223,.11);background:rgba(6,9,11,.62);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:30}
.logo{display:flex;align-items:center;gap:14px;min-width:230px}.logo-symbol{width:43px;height:43px;display:grid;place-items:center;position:relative;transform:skew(-6deg);border:1px solid rgba(220,238,226,.75);font-family:Georgia,serif;font-size:30px;font-style:italic;font-weight:bold;line-height:1}.logo-symbol:after{content:'';position:absolute;inset:5px;border:1px solid rgba(220,238,226,.17)}.logo-text strong{display:block;font-size:14px;letter-spacing:.31em;font-weight:700}.logo-text small{display:block;margin-top:6px;color:#b7c7bc;font-size:8px;letter-spacing:.38em}
.nav-links{display:flex;align-items:center;gap:clamp(17px,2.3vw,44px)}.nav-links a{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#c4cdc8;transition:color .25s}.nav-links a:hover{color:white}.availability{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.15em;color:#c4d3ca;text-transform:uppercase;white-space:nowrap}.availability:before{content:'';width:7px;height:7px;border-radius:50%;background:#abddba;box-shadow:0 0 16px #abe8ba}.nav-cta{display:inline-flex;align-items:center;gap:16px;border:1px solid rgba(235,242,231,.36);padding:14px 17px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;transition:background .3s,color .3s}.nav-cta:hover{background:var(--ink);color:#081115}.menu-toggle{display:none;background:transparent;color:var(--ink);border:1px solid var(--stroke);width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:20px;height:1px;background:currentColor}
.side-note{position:fixed;z-index:10;left:clamp(16px,2.5vw,48px);top:50%;writing-mode:vertical-rl;transform:rotate(180deg) translateY(50%);font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:#778a86;pointer-events:none}.rail{position:fixed;z-index:14;right:clamp(18px,2.65vw,55px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:19px;align-items:flex-end}.rail a{display:flex;gap:11px;align-items:center;color:#7c8984;font-size:9px;letter-spacing:.16em;text-transform:uppercase;transition:color .3s}.rail a i{width:18px;height:1px;background:currentColor;transition:width .3s}.rail a.active{color:#f2efe9}.rail a.active i{width:36px;background:#b2e0cc}
.scroll-edge{position:fixed;right:0;top:0;bottom:0;width:2px;background:rgba(255,255,255,.06);z-index:35}.scroll-edge span{display:block;width:100%;height:0;background:var(--mint);transition:height .15s}
.bottom-ui{position:fixed;z-index:12;left:clamp(24px,5vw,92px);bottom:27px;right:clamp(24px,5vw,92px);display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:12px}.bottom-ui>*{pointer-events:auto}.scroll-instruction{display:flex;gap:16px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#d2dad2}.scroll-instruction:before{content:'';width:42px;height:1px;background:rgba(241,248,238,.68)}.bottom-credit{font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:#869b92}.motion{border:1px solid var(--stroke);border-radius:50px;padding:11px 15px;color:#d6e4dd;background:rgba(10,14,15,.65);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.motion b{font-weight:600;color:var(--mint)}
/* Structural sections */
main{position:relative;z-index:4}section.chapter{position:relative;min-height:100svh;padding:140px clamp(80px,10vw,177px) 125px;display:flex;align-items:center;pointer-events:none;isolation:isolate}section.chapter a,section.chapter button,section.chapter input,section.chapter textarea,section.chapter .copy{pointer-events:auto}.inner{width:100%;max-width:1560px;margin:0 auto;position:relative;z-index:3}.copy{max-width:680px}.kicker{color:#bddfce;text-transform:uppercase;letter-spacing:.24em;font-size:10px;font-weight:650;display:flex;align-items:center;gap:12px;margin-bottom:27px}.kicker:before{content:'';width:32px;height:1px;background:var(--mint)}.big{font-weight:480;line-height:1.04;letter-spacing:-.07em;margin:0;max-width:900px;font-size:clamp(60px,7.0vw,128px)}h1.big{font-size:clamp(67px,7.1vw,128px)}.big .serif,.section-heading .serif{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.09em;font-weight:400;font-style:italic;color:var(--mint)}.sub{max-width:450px;margin:33px 0 0;color:#c3cdc7;line-height:1.9;font-size:clamp(14px,1.1vw,17px);font-weight:350}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:41px}.btn-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:58px;padding:0 24px;background:var(--mint);border:1px solid var(--mint);color:#0d2524;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transition:transform .3s,background .3s}.btn-primary:hover{transform:translateY(-3px);background:#e2f0dd}.btn-primary span{font-size:24px;font-weight:300}.link-arrow{display:inline-flex;align-items:center;gap:15px;color:#e4e9e4;text-transform:uppercase;font-size:10px;letter-spacing:.15em;border-bottom:1px solid rgba(217,231,221,.45);padding:18px 0}.link-arrow span{font-size:18px;transition:transform .25s}.link-arrow:hover span{transform:translate(4px,-4px)}.eyemark{margin:0 0 22px;display:block;font-size:11px;color:var(--amber);letter-spacing:.16em}.number-label{position:absolute;left:clamp(78px,10vw,177px);bottom:95px;font-size:11px;color:#7f9990;letter-spacing:.18em}.hero .inner{display:flex;align-items:center;justify-content:space-between}.hero .copy{max-width:690px}.hero .big{white-space:nowrap}.hero .big .serif{color:var(--mint)}.hero-mark{position:absolute;z-index:2;top:50%;right:7%;width:min(43vw,690px);aspect-ratio:1;transform:translateY(-50%);perspective:1000px;pointer-events:none;filter:drop-shadow(0 25px 110px rgba(138,218,186,.12))}.hero-core{position:absolute;inset:11%;transform-style:preserve-3d;transform:rotateX(var(--rotateX,14deg)) rotateY(var(--rotateY,-19deg));transition:transform .5s ease-out;animation:breathe 7s ease-in-out infinite}.hero-orbit{position:absolute;border:1.5px solid rgba(198,237,219,.34);inset:3%;border-radius:50%;box-shadow:0 0 35px rgba(174,234,200,.15),inset 0 0 38px rgba(174,234,200,.04);transform:rotateY(69deg) rotateZ(18deg);animation:orbit 26s linear infinite}.hero-orbit.two{inset:10%;border-color:rgba(231,188,149,.38);border-width:2px;transform:rotateX(69deg) rotateZ(14deg);animation-duration:19s;animation-direction:reverse}.hero-orbit.three{inset:0;border-color:rgba(161,182,179,.18);transform:rotateY(-65deg) rotateX(10deg);animation-duration:32s}.hero-letter{position:absolute;inset:10%;display:grid;place-items:center;transform:translateZ(42px) rotate(-7deg);font:italic 800 clamp(220px,33vw,470px)/1 Georgia,serif;letter-spacing:-.1em;background:linear-gradient(119deg,#253c3b 6%,#e9ede5 26%,#617f7a 35%,#e5ded0 44%,#354c48 53%,#f1eee4 66%,#5b8078 81%,#102526 98%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:12px 18px 28px rgba(0,0,0,.33);-webkit-text-stroke:1px rgba(227,236,226,.36)}.hero-shine{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(139,225,199,.18),transparent 65%);filter:blur(21px);transform:translateZ(-100px)}.hero-floor{position:absolute;bottom:9%;left:0;right:0;height:30%;border-radius:50%;background:radial-gradient(ellipse,rgba(151,214,184,.23),transparent 69%);filter:blur(22px);transform:rotateX(76deg)}
.hero-folio{position:absolute;right:clamp(90px,11vw,220px);top:20%;display:flex;gap:10px;align-items:center;text-transform:uppercase;color:#a7c7b6;letter-spacing:.17em;font-size:10px}.hero-folio i{width:30px;height:1px;background:currentColor}.hero-count{position:absolute;right:clamp(88px,10vw,175px);bottom:14%;font-size:10px;letter-spacing:.17em;color:#a6b7a9;text-transform:uppercase}
.section-heading{font-size:clamp(55px,6.4vw,108px);letter-spacing:-.07em;line-height:1.07;font-weight:460;margin:0}.vision .copy{max-width:790px}.vision .copy .sub{margin-top:38px}.vision .giant-index{position:absolute;right:9%;top:23%;font-size:clamp(150px,30vw,510px);line-height:1;opacity:.055;font-weight:800;color:#c7dacf;letter-spacing:-.09em}.vision-explain{display:flex;gap:35px;margin-top:54px}.vision-explain .stat{border-left:1px solid var(--stroke);padding-left:19px;max-width:180px}.vision-explain strong{display:block;font-size:29px;color:#f0f5ec;font-weight:400;margin-bottom:7px}.vision-explain span{font-size:11px;color:#a9b7ad;line-height:1.6}
/* Spatial showroom cards */
.project .inner{display:grid;grid-template-columns:minmax(330px,.95fr) minmax(0,1.2fr);gap:4vw;align-items:center}.project .copy{max-width:530px}.project .section-heading{font-size:clamp(57px,5.8vw,100px)}.project .sub{max-width:420px}.project.reversed .inner{grid-template-columns:minmax(0,1.18fr) minmax(330px,.95fr)}.project.reversed .copy{grid-column:2;grid-row:1}.project.reversed .display-wrap{grid-column:1;grid-row:1}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.tags span{border:1px solid rgba(200,226,210,.24);border-radius:100px;padding:9px 12px;text-transform:uppercase;letter-spacing:.11em;font-size:9px;color:#b7c8bd}.project .actions{margin-top:28px}.project-index{font-size:11px;letter-spacing:.16em;color:#b1d1c0;margin-bottom:29px;display:block}.project-index em{font-style:normal;color:#89998d;margin-left:22px}.display-wrap{position:relative;width:100%;max-width:760px;aspect-ratio:1.07;perspective:1300px;pointer-events:none}.display-wrap:before{content:'';position:absolute;left:14%;right:6%;bottom:7%;height:12%;border-radius:50%;filter:blur(22px);background:rgba(142,209,180,.22)}.display-halo{position:absolute;inset:3% 4% 5% 4%;border-radius:50%;border:1px solid rgba(161,201,189,.1);box-shadow:0 0 100px rgba(81,150,131,.095)}.folio-card{position:absolute;inset:15% -1% 12% 0;transform-style:preserve-3d;transform:rotateY(-14deg) rotateX(7deg) translateZ(0);transition:transform 1s var(--ease);box-shadow:18px 35px 80px rgba(0,0,0,.68),0 0 0 1px rgba(234,241,236,.2);border:7px solid #182121;border-radius:10px;overflow:hidden;background:#131c1d}.reversed .folio-card{transform:rotateY(13deg) rotateX(6deg)}.is-visible .folio-card{transform:rotateY(-6deg) rotateX(2deg) translateY(-7px)}.is-visible.reversed .folio-card{transform:rotateY(6deg) rotateX(2deg) translateY(-7px)}.browser-top{height:39px;background:#192225;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.14);color:#8fa2a3;font-size:9px;letter-spacing:.13em}.browser-dots{display:flex;gap:6px}.browser-dots i{width:7px;height:7px;border-radius:50%;border:1px solid #738a89}.browser-domain{opacity:.9}.browser-plus{font-size:16px;color:#97a7a3}.browser-main{height:calc(100% - 39px);overflow:hidden;position:relative}.floating-badge{position:absolute;z-index:5;padding:18px;background:rgba(20,30,29,.84);backdrop-filter:blur(18px);border:1px solid rgba(190,225,203,.28);min-width:130px;box-shadow:14px 20px 36px #0006;transform:translateZ(90px);pointer-events:none}.floating-badge small{display:block;color:#a7b9ad;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.floating-badge b{display:block;color:#f6f3ea;font-size:17px;margin-top:7px;font-weight:450}.floating-badge.one{right:-4%;top:7%;transform:rotate(5deg)}.floating-badge.two{left:-5%;bottom:13%;transform:rotate(-4deg)}
/* Original concept art / deliberately not customer screenshots */
.spy-screen{height:100%;background:#c3d6d4;position:relative;color:#f8f0dc;overflow:hidden}.spy-screen .coast{position:absolute;inset:0;width:100%;height:100%}.spy-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,29,42,.7),transparent 78%),linear-gradient(0deg,rgba(17,35,41,.3),transparent 55%)}.spy-top{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:4% 5%;align-items:center;color:#fff}.spy-top b{font-size:clamp(10px,1.5vw,19px);letter-spacing:.2em}.spy-top span{font-size:clamp(6px,.8vw,9px);letter-spacing:.15em}.spy-head{position:absolute;z-index:3;left:7%;top:30%;font:400 clamp(24px,4vw,60px)/1.07 Georgia,serif;letter-spacing:-.04em}.spy-small{position:absolute;z-index:2;left:7%;bottom:17%;font-size:clamp(7px,.9vw,12px);letter-spacing:.16em}.spy-cta{position:absolute;z-index:2;left:7%;bottom:7%;font-size:clamp(6px,.8vw,10px);letter-spacing:.1em;background:#f5ecdb;color:#183b48;padding:12px 16px}
.gramma-screen{height:100%;display:flex;color:#284039;background:#f0f1e9;font-family:'Segoe UI',Arial,sans-serif;overflow:hidden}.gramma-side{width:23%;background:#203c34;color:#edf1e7;padding:6% 3%;flex-shrink:0}.gramma-brand{font-size:clamp(10px,1.3vw,18px);font-weight:700;letter-spacing:-.05em;white-space:nowrap}.gramma-lines{display:grid;gap:21px;margin-top:50px}.gramma-lines div{height:8px;border-radius:10px;background:#789184;width:70%}.gramma-lines div:first-child{background:#bfdbc7;width:91%;height:29px}.gramma-area{padding:5% 6%;flex:1;min-width:0}.gramma-top{display:flex;justify-content:space-between;align-items:center;font-size:clamp(6px,.65vw,10px);letter-spacing:.12em;color:#6b7d70}.gramma-title{font-size:clamp(18px,2.1vw,33px);margin-top:10%;letter-spacing:-.06em;line-height:1.1}.gramma-title em{font-family:Georgia,serif;color:#598b72;font-weight:400}.gramma-dashboard{display:grid;grid-template-columns:1fr .8fr;gap:3%;margin-top:7%}.gramma-tile{min-height:104px;background:#d6e4d7;padding:12%;border-radius:6px}.gramma-tile:nth-child(2){background:#e8dcca}.gramma-tile small{font-size:clamp(6px,.6vw,9px);letter-spacing:.1em;color:#527266}.gramma-tile b{display:block;font-size:clamp(21px,3vw,43px);font-weight:400;letter-spacing:-.07em;margin-top:15px}.gramma-rows{display:grid;gap:7px;margin-top:7%}.gramma-row{height:28px;background:#fff;display:flex;gap:9px;align-items:center;padding:0 12px;border-radius:3px}.gramma-row i{width:10px;height:10px;border:1px solid #9eb9a9;border-radius:3px}.gramma-row span{height:5px;border-radius:9px;background:#c2d6ca;width:55%}.gramma-row:nth-child(2) span{width:70%}.gramma-row:nth-child(3) span{width:40%}
.bell-screen{height:100%;background:#bca68d;position:relative;overflow:hidden;color:#fffaf0}.bell-screen svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bell-screen:after{content:'';inset:0;position:absolute;background:linear-gradient(90deg,rgba(39,31,27,.64),transparent 74%)}.bell-nav{position:absolute;z-index:2;top:7%;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(8px,.9vw,13px);letter-spacing:.26em}.bell-nav span{font-size:clamp(6px,.62vw,9px);letter-spacing:.12em}.bell-title{position:absolute;z-index:3;left:7%;top:34%;font:400 clamp(27px,4.1vw,66px)/1.05 Georgia,serif;letter-spacing:-.05em}.bell-foot{position:absolute;z-index:3;left:7%;bottom:11%;font-size:clamp(7px,.84vw,11px);letter-spacing:.15em}
/* Services : architectural display */
.services .inner{display:grid;grid-template-columns:.8fr 1.15fr;gap:8vw;align-items:center}.services .section-heading{font-size:clamp(54px,5.7vw,92px)}.services .sub{max-width:360px}.service-stack{border-top:1px solid var(--stroke);pointer-events:auto}.service-line{border-bottom:1px solid var(--stroke)}.service-btn{width:100%;padding:25px 4px;border:0;background:transparent;color:#ecf1e8;display:grid;grid-template-columns:44px 1fr 32px;align-items:center;gap:12px;text-align:left}.service-no{font-size:11px;color:#91bcab}.service-name{font-size:clamp(18px,2.15vw,29px);font-weight:450;letter-spacing:-.045em}.service-icon{font-size:24px;font-weight:300;transition:transform .3s}.service-line.open .service-icon{transform:rotate(45deg)}.service-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}.service-body>div{overflow:hidden}.service-body p{color:#b9c7bd;font-size:14px;line-height:1.85;margin:0 33px 24px 56px;max-width:480px}.service-line.open .service-body{grid-template-rows:1fr}
/* Contact */
.contact .inner{max-width:1150px}.contact .section-heading{font-size:clamp(62px,7.4vw,130px)}.contact .sub{max-width:650px}.contact-big{display:inline-flex;font-size:clamp(14px,1.5vw,21px);letter-spacing:.04em;padding:24px 0;border-bottom:1px solid rgba(212,233,215,.5);gap:22px;align-items:center;margin-top:20px}.contact-big span{font-size:29px}.contact-big:hover{color:var(--mint)}.footer-strip{position:absolute;bottom:58px;left:clamp(80px,10vw,177px);right:clamp(80px,10vw,177px);padding-top:17px;border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;color:#92a39a;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
/* Dialogs, navigation */
.mobile-menu{position:fixed;inset:0;z-index:29;background:#0a1012;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;display:flex;flex-direction:column;justify-content:center;padding:90px 9% 60px;gap:10px}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu a{font-size:clamp(35px,7vw,65px);padding:10px 0;letter-spacing:-.05em;border-bottom:1px solid var(--stroke)}.menu-close{position:absolute;top:20px;right:25px;background:none;border:1px solid var(--stroke);color:white;font-size:27px;width:43px;height:43px}
.dialog{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(2,5,6,.83);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility .35s}.dialog.open{opacity:1;visibility:visible;pointer-events:auto}.dialog-card{width:min(940px,100%);max-height:min(86vh,820px);overflow-y:auto;background:#111a1b;border:1px solid rgba(196,222,206,.22);box-shadow:0 40px 150px #000b;padding:clamp(25px,5vw,60px);position:relative}.dialog-x{position:absolute;right:19px;top:17px;width:40px;height:40px;background:rgba(255,255,255,.05);border:1px solid var(--stroke);font-size:23px;color:white}.dialog small{display:block;color:#abd7c5;text-transform:uppercase;letter-spacing:.2em;font-size:10px;margin-bottom:18px}.dialog h3{font-size:clamp(32px,4vw,66px);line-height:1.07;letter-spacing:-.06em;margin:0 35px 22px 0;font-weight:450}.dialog p{font-size:15px;line-height:1.8;color:#c4cec7;max-width:690px}.case-features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:36px 0;border-top:1px solid var(--stroke);padding-top:26px}.case-features div{border-left:1px solid var(--stroke);padding-left:16px}.case-features b{display:block;font-weight:500;font-size:16px}.case-features span{display:block;color:#9eafa5;font-size:11px;line-height:1.6;margin-top:6px}.dialog-footer{border-top:1px solid var(--stroke);padding-top:22px;color:#95a99f;font-size:11px;letter-spacing:.06em}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:9px;margin-top:13px}.field.long{grid-column:1/-1}.field label{color:#c4d4c9;text-transform:uppercase;letter-spacing:.13em;font-size:10px}.field input,.field textarea{border:1px solid rgba(200,221,205,.26);background:rgba(255,255,255,.04);border-radius:0;color:#f7f8f4;padding:15px 16px;min-width:0;font-size:16px;outline:none}.field textarea{resize:vertical;min-height:125px}.field input:focus,.field textarea:focus{border-color:#b9e6d0}.form-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.form-note{font-size:11px;line-height:1.65;color:#9aaea5;max-width:440px}.form-feedback{margin-top:16px;color:#b5e3d1;font-size:13px}.dialog .btn-primary{border:0}
/* Visibility and animation */
.js .reveal{opacity:.2;transform:translateY(35px);transition:opacity .85s var(--ease),transform .95s var(--ease)}.js .is-visible .reveal{opacity:1;transform:translateY(0)}.js .is-visible .reveal.delay{transition-delay:.13s}.js .is-visible .reveal.delay2{transition-delay:.24s}
@keyframes orbit{from{transform:rotateX(65deg) rotateY(0deg) rotateZ(18deg)}to{transform:rotateX(65deg) rotateY(360deg) rotateZ(18deg)}}@keyframes breathe{0%,100%{translate:0 0}50%{translate:0 -17px}}
@media(max-width:1220px){.availability{display:none}.project .inner{gap:1.5vw}.project .section-heading{font-size:clamp(50px,6vw,74px)}.rail,.side-note{display:none}section.chapter{padding-left:7%;padding-right:7%}.number-label,.footer-strip{left:7%;right:7%}.hero-mark{right:1%}.hero .big{font-size:7.4vw}}
@media(max-width:850px){.nav-links,.nav-cta{display:none}.menu-toggle{display:flex}.nav{height:73px}.hero{align-items:flex-end!important}.hero .inner{align-items:flex-end}.hero-mark{width:68vw;right:-7%;top:35%;opacity:.88}.hero .big{font-size:clamp(49px,9vw,75px)}.hero .copy{max-width:670px}.hero-folio,.hero-count{display:none}.project .inner,.project.reversed .inner,.services .inner{grid-template-columns:1fr;gap:20px}.project{align-items:flex-start!important;padding-top:100px!important}.project .copy,.project.reversed .copy{grid-column:1;grid-row:1}.project .display-wrap,.project.reversed .display-wrap{grid-column:1;grid-row:2}.display-wrap{max-width:640px;margin:0 auto;aspect-ratio:1.5}.folio-card{inset:7% 5% 8% 5%}.floating-badge{display:none}.project .section-heading{font-size:clamp(46px,7vw,67px)}.project .sub{margin-top:17px}.project .tags{margin-top:12px}.services .service-stack{margin-top:20px}.services{align-items:flex-start!important}.number-label{display:none}.bottom-credit{display:none}.contact .section-heading{font-size:clamp(55px,8vw,85px)}}
@media(max-width:540px){.nav{padding:0 21px;height:70px}.logo{gap:10px;min-width:0}.logo-symbol{width:35px;height:35px;font-size:25px}.logo-text strong{font-size:11px}.logo-text small{font-size:7px}.bottom-ui{left:23px;right:23px;bottom:15px}.scroll-instruction{font-size:8px}.motion{padding:10px;font-size:8px}section.chapter{padding:110px 24px 100px;min-height:100svh}.hero{align-items:flex-end!important}.hero .inner{padding-bottom:20px}.hero-mark{width:93vw;right:-26%;top:36%;opacity:.9}.hero .big{font-size:clamp(48px,12vw,69px);white-space:normal;max-width:440px}.hero .sub{font-size:14px;line-height:1.75;max-width:320px;margin-top:24px}.hero .actions{gap:12px;margin-top:24px}.btn-primary{min-height:53px;padding:0 17px;gap:19px;font-size:9px}.link-arrow{font-size:9px;padding:12px 0}.kicker{font-size:8px;margin-bottom:23px;letter-spacing:.18em}.section-heading{font-size:clamp(49px,11vw,74px)}.vision .copy .sub{margin-top:25px}.vision-explain{gap:9px;margin-top:30px}.vision-explain .stat{padding-left:9px}.vision-explain strong{font-size:21px}.vision-explain span{font-size:9px}.project .section-heading{font-size:clamp(44px,10vw,62px)}.project-index{margin-bottom:14px}.project .sub{font-size:13px;line-height:1.65;margin-top:18px}.project .actions{margin-top:17px}.project .tags{gap:5px}.tags span{font-size:8px;padding:7px 10px}.display-wrap{aspect-ratio:1.05;margin-top:5px}.folio-card{inset:18% 0 10% 0;border-width:4px}.browser-top{height:26px;padding:0 9px}.browser-main{height:calc(100% - 26px)}.browser-dots{gap:4px}.browser-dots i{width:5px;height:5px}.browser-domain{font-size:7px}.gramma-side{padding-top:9%}.gramma-lines{gap:15px;margin-top:35px}.gramma-tile{min-height:75px}.gramma-row{height:21px}.spy-cta{padding:8px}.services .section-heading{font-size:clamp(47px,10vw,65px)}.service-btn{padding:17px 4px}.service-name{font-size:19px}.service-body p{margin-left:48px;font-size:12px}.contact .section-heading{font-size:clamp(48px,11vw,70px)}.footer-strip{bottom:63px;font-size:8px;flex-direction:column;align-items:flex-start;gap:9px}.contact-grid,.case-features{grid-template-columns:1fr}.field.long{grid-column:1}.dialog-card{padding:26px 21px}.case-features{gap:10px;margin:18px 0}.case-features div{padding-left:11px}.room-corner{right:0;width:80%}.hero-letter{font-size:64vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}.js .reveal{opacity:1;transform:none}.hero-core{animation:none}}
body.motion-off .hero-core,body.motion-off .hero-orbit{animation-play-state:paused!important}body.motion-off .hero-core{transition:none!important}

/* Exhibits are real interactive spatial controls, not static mockup decorations. */
.display-wrap{pointer-events:auto;cursor:pointer;outline-offset:-3px}
.display-wrap:focus-visible{outline:2px solid var(--mint)}
@media (hover:hover) and (pointer:fine){
 .project.is-visible .folio-card{transform:rotateY(calc(-6deg + var(--tiltY,0deg))) rotateX(calc(2deg + var(--tiltX,0deg))) translateY(-7px)}
 .project.reversed.is-visible .folio-card{transform:rotateY(calc(6deg + var(--tiltY,0deg))) rotateX(calc(2deg + var(--tiltX,0deg))) translateY(-7px)}
 .display-wrap:hover .folio-card{box-shadow:22px 42px 100px rgba(0,0,0,.72),0 0 0 1px rgba(189,227,213,.44)}
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   V3 / THE SPACE BETWEEN IDEAS
   Procedural stellar environment, pointer physics, deliberate spatial motion
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root{--bg:#040713;--ink:#f6f5f1;--mint:#b9eadd;--stroke:rgba(196,226,240,.15)}
body{background:#02050e radial-gradient(ellipse at 68% 35%,#101d38 0%,#050817 38%,#02040d 75%);}
#world{z-index:1;opacity:.69;filter:saturate(1.15) contrast(1.07)}
#room{z-index:2;background:linear-gradient(90deg,rgba(2,5,13,.65) 0%,rgba(3,6,16,.18) 42%,rgba(3,5,14,.06) 75%,rgba(2,5,13,.38) 100%);}
#room:before{opacity:.16;mask-image:linear-gradient(0deg,black,transparent 58%)}
#room:after{background:linear-gradient(0deg,rgba(2,4,12,.84) 0%,transparent 24%,transparent 72%,rgba(2,4,12,.5) 100%)}
.room-beam{right:4%;top:-25%;width:62%;background:linear-gradient(100deg,transparent 8%,rgba(85,125,224,.13) 35%,rgba(90,201,207,.14) 52%,rgba(115,84,202,.09) 66%,transparent 86%);filter:blur(55px);transform:rotate(-26deg) translate3d(var(--nebula-x,0px),var(--nebula-y,0px),0);transition:transform .25s ease-out}
.room-corner{opacity:.11;border-color:rgba(179,211,244,.23);box-shadow:inset 0 0 90px rgba(96,116,210,.06)}
#cosmos{position:fixed;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;opacity:.98;}
#dust{z-index:7;opacity:.085}
.cursor-aura{position:fixed;top:0;left:0;z-index:18;pointer-events:none;width:265px;height:265px;border-radius:50%;transform:translate3d(-50%,-50%,0);background:radial-gradient(circle,rgba(125,205,229,.135) 0,rgba(108,133,229,.06) 27%,transparent 68%);mix-blend-mode:screen;opacity:0;transition:opacity .32s;will-change:transform}
body.pointer-active .cursor-aura{opacity:1}body.motion-off .cursor-aura{opacity:0}
.nav{background:rgba(4,7,17,.64);border-bottom-color:rgba(179,214,238,.14)}
.nav-cta{border-color:rgba(185,234,224,.35)}.nav-cta:hover{background:#deeee8;color:#091620}
.availability:before{background:#a9e9d7;box-shadow:0 0 18px #89eacf}
.logo-symbol{box-shadow:inset 0 0 25px rgba(132,218,228,.08),0 0 22px rgba(112,190,231,.04)}
section.chapter{background:transparent}
.kicker{color:#b9e9e7}.big .serif,.section-heading .serif{color:#c5d9ff;text-shadow:0 0 47px rgba(101,127,255,.23)}
.hero-mark{filter:drop-shadow(0 22px 85px rgba(120,151,253,.16))}
.hero-core{filter:drop-shadow(0 15px 42px rgba(101,198,238,.15))}
.hero-orbit{border-color:rgba(157,207,255,.51);box-shadow:0 0 60px rgba(111,181,240,.20),inset 0 0 38px rgba(101,181,255,.08)}
.hero-orbit.two{border-color:rgba(218,179,252,.53)}
.hero-orbit.three{border-color:rgba(159,234,218,.34)}
.btn-primary{background:#c8ebe9;border-color:#c8ebe9;color:#09202d;box-shadow:0 8px 34px rgba(137,221,224,.1)}
.btn-primary:hover{background:#e9fbfa}
.display-wrap{cursor:pointer;--tiltX:0deg;--tiltY:0deg;transition:filter .45s;filter:drop-shadow(0 20px 55px rgba(78,138,223,.12))}
.display-wrap:hover{filter:drop-shadow(0 22px 70px rgba(92,169,227,.26))}
.display-halo{background:radial-gradient(ellipse,rgba(91,122,230,.21),rgba(41,145,158,.06) 40%,transparent 72%)}
.service-line{transition:background .25s ease,padding-left .3s ease}
.service-line:hover{background:linear-gradient(90deg,rgba(148,199,235,.08),transparent 75%);padding-left:8px}
.service-btn:hover .service-name{color:#d4e9ff}
.contact .section-heading .serif{color:#c9e5ff}
.scroll-edge{background:rgba(212,223,248,.1)}.scroll-edge span{background:linear-gradient(#b5fbec,#88a9ff)}
.link-arrow{background:transparent;border:0;border-bottom:1px solid rgba(217,231,221,.45);color:#e4e9e4;padding-left:0;padding-right:0}
.chapter.hero{overflow:clip}
.magnetic{transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0);transition:transform .24s cubic-bezier(.22,1,.36,1)}
.btn-primary.magnetic:hover{transform:translate3d(var(--mag-x,0px),calc(var(--mag-y,0px) - 3px),0)}
.project .tags span{border-color:rgba(180,208,255,.2)}
.space-hint{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#a0bfd0;display:flex;align-items:center;gap:10px;margin:30px 0 0;pointer-events:none}
.space-hint:before{content:'';width:22px;height:22px;border:1px solid rgba(177,220,240,.5);border-radius:50%;box-shadow:inset 0 0 12px rgba(168,204,255,.2),0 0 17px rgba(162,206,235,.1);background:radial-gradient(circle,rgba(187,226,242,.9) 0 2px,transparent 3px)}
@media(max-width:850px){.cursor-aura{display:none}.room-corner{opacity:.06}.space-hint{font-size:8px}.scroll-instruction{letter-spacing:.11em}}
@media(prefers-reduced-motion:reduce){.room-beam{transition:none}.cursor-aura{display:none}.magnetic{transform:none!important;transition:none!important}}
body.motion-off .room-beam{transition:none}

/* V4 / QUIET UNIVERSE — let the work, not projected browser screens, lead. */
.vision .giant-index{display:none!important}
.rail{transition:opacity .25s ease}
body[data-chapter="showcase"] .rail{opacity:.8}
#world{opacity:.34;filter:saturate(.82)}
#room{background:linear-gradient(90deg,rgba(2,5,15,.42),rgba(2,5,15,.05) 52%,rgba(2,5,15,.14));}
#room:before,.room-corner{display:none!important}
#room:after{background:linear-gradient(to bottom,rgba(2,5,15,.36),transparent 26%,transparent 68%,rgba(2,5,15,.53))}
.room-beam{opacity:.45;filter:blur(80px)}
#cosmos{opacity:.8}
section.chapter:not(.hero)::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,5,14,.47),rgba(2,5,14,.10) 55%,rgba(2,5,14,.25));}
section.chapter:not(.hero):nth-of-type(even)::before{background:linear-gradient(90deg,rgba(2,5,14,.21),rgba(2,5,14,.14) 48%,rgba(2,5,14,.48));}
.vision .copy{position:relative}
.vision .section-heading,.project .section-heading,.services .section-heading,.contact .section-heading{text-shadow:0 6px 26px rgba(0,0,0,.25)}
.hero-mark{filter:drop-shadow(0 25px 100px rgba(99,176,199,.1))}
/* Panels appear only in dedicated case-study sections, not as world decorations. */
.project .display-wrap{filter:drop-shadow(0 20px 30px rgba(0,0,0,.14))}
@media(max-width:850px){section.chapter:not(.hero)::before,section.chapter:not(.hero):nth-of-type(even)::before{background:linear-gradient(90deg,rgba(2,5,14,.42),rgba(2,5,14,.17));}}
@media(prefers-reduced-motion:reduce){#world{opacity:.18}}
/* V4.1 — grab the hero V to rotate it in 3D; other scenes unchanged. */
.hero-letter{pointer-events:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.hero-letter.is-grabbed{cursor:grabbing}
.hero-letter:focus-visible{outline:1px solid rgba(188,239,238,.9);outline-offset:-8px;border-radius:40%}
.hero-core.is-grabbed{transition:none!important;animation-play-state:paused!important}



/* V4.2 — meaningful visual balance. Confined sculptures belong to Vision and Contact only.
   No projections/screens or architecture behind the text. */
.spatial-art{position:absolute;right:clamp(83px,8vw,153px);top:51%;transform:translateY(-50%);width:min(34vw,490px);height:clamp(360px,38vw,530px);z-index:2;margin:0;pointer-events:auto;isolation:isolate;cursor:grab;touch-action:none;outline-offset:8px;--pointer-x:0;--pointer-y:0}
.spatial-art:active{cursor:grabbing}
.spatial-art:focus-visible{outline:1px solid #b7e9df}
.spatial-art::before{content:"";position:absolute;z-index:-1;inset:3% -7%;background:radial-gradient(ellipse at 52% 47%,rgba(96,143,232,.21),rgba(61,139,189,.08) 31%,rgba(31,62,135,.025) 48%,transparent 68%);filter:blur(22px);opacity:.9;pointer-events:none}
.spatial-art::after{content:"";position:absolute;z-index:-1;left:22%;right:22%;bottom:15%;height:12%;border-radius:50%;background:radial-gradient(ellipse,rgba(131,205,224,.16),transparent 72%);filter:blur(17px);pointer-events:none}
.spatial-canvas{display:block;width:100%;height:100%;pointer-events:none}
.art-overline,.art-caption{position:absolute;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.21em;color:#a5bccb;text-transform:uppercase;font-weight:550;line-height:1.6;user-select:none;pointer-events:none}
.art-overline{top:1%;justify-content:flex-start;color:#b7ced7}
.art-overline i{display:block;width:23px;height:1px;background:rgba(195,236,235,.7)}
.art-caption{bottom:0%;padding-top:15px;border-top:1px solid rgba(162,199,225,.23)}
.art-caption b{color:#d7f1ed;font-weight:600}
.art-action{color:#8cabb9;white-space:nowrap}
.vision .copy,.contact .inner{z-index:3;position:relative}
.vision .copy{max-width:790px}
.contact .inner{width:100%;max-width:1560px}
.contact .section-heading{max-width:790px}
.contact .sub{max-width:590px}
.contact-art{top:48%;right:clamp(80px,8.8vw,175px);width:min(31vw,450px);height:clamp(380px,36vw,510px)}
.contact-art::before{background:radial-gradient(ellipse at 50% 50%,rgba(99,131,240,.16),rgba(94,186,197,.105) 34%,transparent 72%)}
body.motion-off .spatial-art::before{filter:blur(22px)}
@media (min-width:851px) and (max-width:1270px){
 .spatial-art{right:6.5%;width:35vw;height:430px}
 .contact-art{right:6.5%;width:33vw}
 .vision .section-heading{font-size:clamp(51px,6vw,79px)}
 .contact .section-heading{font-size:clamp(53px,6.35vw,79px)}
}
@media(max-width:850px){
 .vision,.contact{display:flex!important;flex-direction:column;align-items:stretch;justify-content:center}
 .vision .inner,.contact .inner{position:relative;order:0}
 .vision .spatial-art,.contact .spatial-art{order:1}
 .contact .footer-strip{order:2}
 .vision .copy,.contact .inner{max-width:100%}
 .spatial-art{position:relative;inset:auto!important;transform:none;width:min(100%,480px);height:clamp(250px,73vw,390px);margin:23px auto 22px}
 .vision .spatial-art{margin-top:30px}
 .contact .spatial-art{margin-top:20px}
 .spatial-art::before{inset:0}
 .art-overline,.art-caption{font-size:8px}
 .contact .section-heading{max-width:100%}
}
@media(max-width:540px){
 .vision,.contact{padding-bottom:110px!important}
 .vision .spatial-art,.contact .spatial-art{height:285px;margin-top:28px;margin-bottom:20px}
 .vision .section-heading{font-size:clamp(47px,10.5vw,65px)}
 .contact .section-heading{font-size:clamp(47px,10.5vw,67px)}
 .art-caption{font-size:7px;letter-spacing:.12em}
 .art-overline{font-size:8px}
 .vision-explain{gap:8px;margin-top:24px}
 .contact .footer-strip{position:relative;left:auto;right:auto;bottom:auto;margin:25px 0 0}
 .contact{min-height:100svh}
}
@media(prefers-reduced-motion:reduce){.spatial-art::before{filter:blur(15px)}}

/* V4.3 · Transparent pricing, part of the same space experience */
.pricing{align-items:center;overflow:hidden}
.pricing::after{content:'';position:absolute;z-index:-1;right:-6%;top:12%;width:min(65vw,850px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(133,217,202,.065) 0,rgba(116,153,216,.035) 26%,transparent 64%);pointer-events:none}
.pricing .inner{max-width:1330px}
.price-header{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:48px}
.price-header .section-heading{font-size:clamp(55px,6vw,96px);max-width:770px}
.price-header .sub{max-width:285px;margin:0 0 7px;color:#b7c9c1;font-size:14px}
.price-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;pointer-events:auto}
.price-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:498px;padding:34px clamp(22px,2.2vw,37px) 32px;border:1px solid rgba(204,235,226,.20);background:linear-gradient(153deg,rgba(23,39,54,.60),rgba(7,13,26,.78) 65%);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);transition:transform .45s var(--ease),border-color .4s,box-shadow .4s}
.price-card::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(180,232,223,.5),transparent);opacity:.32;transition:opacity .4s}
.price-card:hover,.price-card:focus-within{transform:translateY(-7px);border-color:rgba(182,238,223,.55);box-shadow:0 30px 70px rgba(0,0,0,.25)}
.price-card:hover::before,.price-card:focus-within::before{opacity:1}
.price-card.featured{border-color:rgba(183,229,219,.63);background:linear-gradient(145deg,rgba(27,54,67,.78),rgba(10,23,37,.88) 70%)}
.price-card.featured::before{opacity:.95;background:linear-gradient(90deg,#a3d8d3,#e9d1aa)}
.price-card-top{min-height:50px;display:flex;justify-content:space-between;align-items:start;gap:10px}
.price-id{font-size:10px;color:var(--amber);letter-spacing:.17em;text-transform:uppercase}
.price-label{font-size:10px;color:#d0eddf;text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(195,231,217,.39);padding:8px 9px;white-space:nowrap}
.price-title{font-size:clamp(21px,2.1vw,29px);font-weight:500;margin:8px 0 4px;letter-spacing:-.035em}
.price-context{font-size:12px;line-height:1.6;color:#acc0b6;min-height:42px;margin:0 0 25px}
.price-amount{font-size:clamp(53px,5.2vw,77px);font-weight:400;letter-spacing:-.075em;line-height:1;color:#f2f4ef;white-space:nowrap}
.price-amount .price-from{font-size:13px;color:#bbdacf;letter-spacing:0;display:inline-block;vertical-align:baseline;margin-right:9px}
.price-amount .currency{font-size:.47em;vertical-align:top;display:inline-block;line-height:1.5;margin-left:5px;letter-spacing:-.02em;color:#bce5d6}
.price-includes{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#8dbaaa;margin:24px 0 16px;padding-top:22px;border-top:1px solid rgba(229,239,235,.15)}
.price-features{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}
.price-features li{display:flex;align-items:start;gap:11px;color:#cbd7d1;font-size:12px;line-height:1.5}
.price-features li::before{content:'↗';font-size:14px;color:#b7e9d6;flex:none;line-height:1.2}
.price-inquire{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding:14px 0;color:#e2eee8;border:0;border-top:1px solid rgba(222,242,234,.35);background:transparent;text-transform:uppercase;font-size:10px;letter-spacing:.15em;text-align:left;transition:color .25s}
.price-inquire span{font-size:19px;transition:transform .3s}
.price-inquire:hover{color:#b8ebdb}.price-inquire:hover span{transform:translate(3px,-3px)}
.price-card.featured .price-inquire{color:#c7f5e2}
.price-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px;padding:22px 0 0;border-top:1px solid rgba(207,231,223,.18);pointer-events:auto}
.price-care{display:flex;flex-wrap:wrap;align-items:center;gap:13px;color:#c0d6cc;font-size:13px}
.price-care strong{font-weight:500;color:#f2f6ef}.price-care .mini-tag{border:1px solid rgba(198,225,217,.33);padding:8px 11px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#b9e4d1}
.price-disclaimer{font-size:11px;line-height:1.7;color:#9aaea5;max-width:430px;text-align:right}
@media(max-width:1050px){.price-header{align-items:start}.price-board{gap:9px}.price-card{padding:27px 21px;min-height:500px}.price-title{font-size:24px}}
@media(max-width:850px){.pricing{align-items:flex-start!important}.price-header{display:block;margin-bottom:28px}.price-header .sub{max-width:560px;margin:22px 0 0}.price-board{grid-template-columns:1fr 1fr}.price-card{min-height:480px}.price-card:last-child{grid-column:1/-1;min-height:0}.price-card:last-child .price-features{grid-template-columns:1fr 1fr}.price-foot{align-items:start;flex-direction:column}.price-disclaimer{text-align:left;max-width:600px}}
@media(max-width:600px){.pricing .inner{max-width:480px}.price-header{margin-bottom:27px}.price-header .section-heading{font-size:clamp(51px,11.7vw,72px)}.price-header .sub{font-size:13px;margin-top:16px;line-height:1.7}.price-board{grid-template-columns:1fr;gap:13px}.price-card,.price-card:last-child{grid-column:1;min-height:0;padding:25px 25px 19px}.price-card-top{min-height:31px}.price-context{min-height:0;margin:5px 0 22px}.price-amount{font-size:67px}.price-includes{margin:20px 0 16px;padding-top:17px}.price-features,.price-card:last-child .price-features{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.price-foot{margin-top:17px;padding-top:17px}.price-disclaimer{font-size:10px}.price-care{font-size:12px}}
@media(prefers-reduced-motion:reduce){.price-card{transition:none}}

/* V4.4 / SIX LIVE DESIGN WORLDS */
.showcase{display:block!important;min-height:0!important;padding-top:160px!important;padding-bottom:140px!important}.showcase-inner{max-width:1360px!important}.showcase-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.48fr);align-items:end;gap:50px;margin-bottom:58px}.showcase .section-heading{font-size:clamp(62px,6.1vw,111px);line-height:1.05}.showcase-intro p{font-size:15px;color:#c1ccd6;line-height:1.85;margin:0 0 25px}.showcase-intro span{display:block;color:#8ba4b5;font-size:10px;letter-spacing:.17em;line-height:1.65}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;position:relative;z-index:2;pointer-events:auto}.demo-tile{min-width:0;border:1px solid rgba(192,214,233,.17);background:linear-gradient(145deg,rgba(15,25,46,.77),rgba(6,11,23,.93));padding:9px 9px 21px;transition:transform .4s var(--ease),border-color .3s,box-shadow .35s}.demo-tile:hover{transform:translateY(-6px);border-color:rgba(178,230,219,.52);box-shadow:0 30px 74px rgba(2,6,20,.5)}.demo-preview{display:block;position:relative;overflow:hidden;aspect-ratio:1.21;isolation:isolate;background:var(--tile-bg);cursor:pointer}.demo-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(1,7,11,.68),rgba(1,7,11,.10)),linear-gradient(0deg,rgba(1,7,11,.44),transparent 60%),var(--tile-photo);background-size:cover;background-position:center;transition:transform .65s var(--ease);filter:saturate(.78)}.demo-preview:hover .demo-photo{transform:scale(1.075)}.demo-window-head{position:absolute;z-index:3;top:0;left:0;right:0;height:33px;padding:0 13px;display:flex;align-items:center;gap:5px;background:rgba(4,9,13,.4);border-bottom:1px solid #ffffff40}.demo-window-head i{width:5px;height:5px;border-radius:50%;background:#e0e3db7a}.demo-window-head small{margin:auto;font-size:8px;letter-spacing:.07em;color:#f4f7eea5}.demo-visual-brand{position:absolute;left:9%;top:19%;font:italic 600 clamp(28px,3vw,47px)/1 Georgia,serif;letter-spacing:-.035em;color:#fff}.demo-visual-brand small{display:block;margin-top:5px;font:600 8px Arial,sans-serif;letter-spacing:.21em;color:var(--tile-accent)}.demo-visual-title{position:absolute;bottom:18%;left:9%;right:7%;font:400 clamp(27px,2.5vw,49px)/.97 Georgia,serif;letter-spacing:-.05em;color:#fff;text-shadow:0 3px 22px #0009}.demo-tile:nth-child(4) .demo-visual-title,.demo-tile:nth-child(5) .demo-visual-title{font-family:'Segoe UI',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.08em}.demo-visual-visit{position:absolute;bottom:6%;left:9%;color:var(--tile-accent);font-size:9px;letter-spacing:.15em;font-weight:700}.demo-preview::after{content:'';position:absolute;z-index:2;inset:0;outline:1px solid #fff5;outline-offset:-11px;pointer-events:none}.demo-tile-foot{padding:19px 12px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.demo-count{font-size:9px;letter-spacing:.18em;color:#8ba3ab}.demo-tile h3{font-size:22px;font-weight:500;letter-spacing:-.03em;margin:9px 0 7px}.demo-tile p{font-size:12px;color:#b1bbc8;margin:0;line-height:1.5}.demo-tile-actions{display:flex;align-items:center;gap:7px}.demo-tile-actions a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d5e7e452;font-size:22px;transition:background .2s}.demo-tile-actions a:hover{background:#c7e7e2;color:#101e22}.demo-like{padding:11px 12px;border:1px solid #d5e7e452;background:transparent;color:#d5efed;white-space:nowrap;font-size:10px;letter-spacing:.09em;transition:background .2s,color .2s}.demo-like:hover{background:#c7e7e2;color:#101e22}.showcase-end{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;border-top:1px solid #eaf4f12b;padding-top:22px;color:#91a4ad;letter-spacing:.07em;font-size:11px;line-height:1.7}.showcase-end a{font-size:11px;color:#d1e9e9;text-transform:uppercase;white-space:nowrap}.showcase-end a b{font-size:17px;margin-left:9px;font-weight:400}
@media(max-width:1160px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase .section-heading{font-size:clamp(53px,6.7vw,86px)}.demo-visual-title{font-size:clamp(33px,4.5vw,49px)}.demo-visual-brand{font-size:clamp(31px,4vw,47px)}}
@media(max-width:850px){.showcase{padding-top:130px!important}.showcase-head{grid-template-columns:1fr;gap:16px}.showcase-intro{max-width:660px}.demo-visual-title{font-size:clamp(27px,4vw,43px)}}
@media(max-width:600px){.showcase{padding:110px 22px 105px!important}.showcase-head{margin-bottom:25px}.showcase .section-heading{font-size:clamp(49px,12.2vw,76px)}.showcase-intro p{font-size:13px;margin-bottom:13px}.showcase-intro span{font-size:9px}.demo-grid{grid-template-columns:1fr;gap:19px}.demo-tile{padding:7px 7px 18px}.demo-preview{aspect-ratio:1.23}.demo-visual-brand{font-size:36px}.demo-visual-title{font-size:clamp(36px,9vw,52px)}.demo-tile-foot{padding:16px 11px 0}.demo-tile h3{font-size:22px}.showcase-end{flex-direction:column;align-items:flex-start;margin-top:27px}.demo-tile-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){.demo-tile,.demo-photo{transition:none!important}.demo-tile:hover,.demo-preview:hover .demo-photo{transform:none}}


/* V5 / PRODUCTIZED STUDIO — consistent with the existing cinematic space */
:root{--v5-border:rgba(166,203,222,.18);--v5-panel:rgba(9,15,34,.85);--v5-ink:#edf6f8}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
section.chapter.customizer-chapter,section.chapter.process-chapter,section.chapter.estimate-chapter{display:block;min-height:auto;padding-top:135px;padding-bottom:145px}
section.chapter.customizer-chapter a,section.chapter.customizer-chapter input,section.chapter.customizer-chapter select,section.chapter.customizer-chapter label,section.chapter.customizer-chapter iframe,
section.chapter.estimate-chapter input,section.chapter.estimate-chapter label,section.chapter.estimate-chapter select,section.chapter.estimate-chapter details,section.chapter.estimate-chapter summary{pointer-events:auto}
.lab-heading,.estimate-top,.process-lead{display:flex;justify-content:space-between;align-items:end;gap:42px;margin:0 0 50px}.lab-heading .section-heading,.estimate-top .section-heading,.process-lead .section-heading{font-size:clamp(57px,6.2vw,98px)}.lab-heading .sub,.estimate-top .sub,.process-lead .sub{max-width:365px;margin:0 0 8px}.lab-heading .sub strong{color:#edfafa;font-weight:500}
.design-lab{display:grid;grid-template-columns:minmax(270px,355px) minmax(0,1fr);border:1px solid var(--v5-border);background:linear-gradient(130deg,rgba(15,28,48,.85),rgba(4,8,20,.95));box-shadow:0 40px 125px rgba(0,0,0,.28);overflow:hidden;border-radius:3px;isolation:isolate}
.lab-controls{padding:clamp(26px,2.5vw,42px);border-right:1px solid var(--v5-border);display:flex;flex-direction:column;gap:26px;background:radial-gradient(ellipse at 0% 0%,rgba(99,168,213,.13),transparent 53%)}.lab-part{margin:0;border:0;min-width:0;padding:0}.lab-part-head, .lab-part legend{font-size:10px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:#d2e9e6;display:flex;gap:12px;align-items:center;margin:0 0 13px}.lab-part-head span,.lab-part legend span{color:#79b6c8;font-family:monospace;font-size:12px}.lab-part select,.contact-grid select{color:#effbfa;width:100%;min-height:50px;padding:0 15px;background:#111c33;border:1px solid rgba(177,215,229,.27);font-size:13px;appearance:auto}.lab-part select option,.contact-grid select option{background:#10192b;color:white}
.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.swatch{min-width:0;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:10px;color:#cad5d6;cursor:pointer}.swatch input{position:absolute;opacity:0}.swatch-dot{background:var(--swatch);border:4px solid transparent;background-clip:padding-box;width:33px;height:33px;border-radius:100%;box-shadow:0 0 0 1px rgba(255,255,255,.17);transition:box-shadow .2s,transform .2s}.swatch input:checked+.swatch-dot{box-shadow:0 0 0 2px #eaf8fc,0 0 22px var(--swatch);transform:scale(1.07)}.swatch input:focus-visible+.swatch-dot{outline:2px solid #fff;outline-offset:5px}
.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.segmented label{position:relative;cursor:pointer}.segmented input{position:absolute;opacity:0}.segmented span{display:flex;justify-content:center;align-items:center;min-height:42px;border:1px solid var(--v5-border);color:#b8c8d5;font-size:10px}.segmented input:checked+span{background:rgba(181,227,227,.18);border-color:#bce9e5;color:white}.segmented input:focus-visible+span{outline:2px solid #fff}
.lab-half{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lab-features{display:flex;flex-direction:column;gap:11px}.lab-features label{display:flex;gap:10px;align-items:center;color:#c8d9df;font-size:12px;cursor:pointer}.lab-features label input{accent-color:#b5e9e4;width:16px;height:16px}.lab-control-actions{display:flex;flex-direction:column;gap:14px}.lab-control-actions .btn-primary{min-height:58px;font-size:10px;gap:12px}.lab-reset{background:transparent;border:0;color:#b3cbd1;align-self:flex-start;padding:8px 0;text-transform:uppercase;font-size:10px;letter-spacing:.11em}.lab-reset:hover{color:white}
.lab-stage{min-width:0;display:flex;flex-direction:column}.lab-stage-head,.lab-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;min-height:64px;background:rgba(5,10,24,.77);color:#afc8d3}.lab-stage-head>div:first-child{display:flex;gap:11px;align-items:center;min-width:0}.lab-stage-head b{font-size:10px;letter-spacing:.15em;white-space:nowrap;color:#edf7f4}.lab-stage-head small{font-size:9px;letter-spacing:.11em;color:#8aa4b7;white-space:nowrap}.live-pulse{width:7px;height:7px;border-radius:50%;background:#abecce;box-shadow:0 0 13px #abecce}.lab-device-controls{display:flex;gap:5px;flex-shrink:0}.lab-device-controls button{border:1px solid rgba(166,196,217,.25);color:#96b2c3;background:transparent;padding:9px 11px;font-size:9px;letter-spacing:.07em}.lab-device-controls button.active{color:#06121a;background:#bfebe9;border-color:#bfebe9}
.lab-viewport{position:relative;min-width:0;padding:clamp(17px,3.2vw,52px) 5%;min-height:550px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 45%,rgba(67,129,188,.20),transparent 58%),linear-gradient(120deg,#080e23,#11162d 60%,#070d1c);perspective:1600px;overflow:hidden}.lab-viewport:before{content:'';position:absolute;inset:0;opacity:.35;background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(130,189,214,.09) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(130,189,214,.09) 40px);mask-image:radial-gradient(ellipse at center,#000,transparent 75%);pointer-events:none}
.lab-browser{position:relative;overflow:hidden;display:flex;flex-direction:column;width:min(100%,750px);height:485px;transform:rotateX(var(--lab-rx,0deg)) rotateY(var(--lab-ry,0deg));transform-style:preserve-3d;background:#0c1723;border:1px solid rgba(196,229,237,.41);box-shadow:0 28px 75px rgba(0,0,0,.6),0 0 52px rgba(105,182,226,.09);transition:width .5s cubic-bezier(.19,.76,.22,1),transform .18s ease}.lab-browser.mobile{width:min(320px,86%)}.lab-browser-top{height:33px;flex-shrink:0;background:#101b2d;display:flex;align-items:center;gap:12px;padding:0 13px;color:#7c98a9;font:9px monospace}.lab-browser-dots{display:flex;gap:5px;align-items:center}.lab-browser-dots i{display:block;width:6px;height:6px;background:#7e8ca2;border-radius:50%}.lab-browser-dots i:first-child{background:#bfc7ce}.lab-browser-top>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lab-browser-grip{margin-left:auto;cursor:grab;color:#a7d8d8;white-space:nowrap;touch-action:none;user-select:none}.lab-browser-grip:active{cursor:grabbing}.lab-browser iframe{flex:1;width:100%;height:100%;border:0;background:#121920;pointer-events:auto}.lab-stage-bottom{flex-wrap:wrap;font-size:9px;letter-spacing:.11em;line-height:1.6}.lab-stage-bottom a{color:#bdece5;font-size:10px;letter-spacing:.06em;border-bottom:1px solid rgba(163,236,229,.44);padding-bottom:3px}.lab-fineprint{margin:16px 0 0;color:#8eaab8;font-size:11px;line-height:1.7}
/* Three-dimensional device in Services is only a supporting, non-overlapping sculpture. */
.services>.inner{position:relative}.services .copy{max-width:650px}.services .service-stack{position:relative;z-index:3;max-width:610px}.service-stage{position:absolute;z-index:2;top:18%;right:0;width:min(37vw,485px);height:470px;pointer-events:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;perspective:1000px;outline-offset:7px}.service-stage-kicker,.service-stage-caption{font-size:9px;letter-spacing:.19em;color:#9eb9c7;text-align:center;pointer-events:none}.service-model{width:79%;height:250px;transform-style:preserve-3d;transform:rotateX(var(--d-x,8deg)) rotateY(var(--d-y,-22deg));transition:transform .18s ease-out;cursor:grab;touch-action:none}.service-model:active{cursor:grabbing}.service-device{width:100%;height:100%;position:relative;border:8px solid #17283e;background:#06101b;border-radius:16px;box-shadow:15px 18px 0 #132037,25px 30px 48px rgba(0,0,0,.55),inset 0 0 45px rgba(89,176,214,.1);transform-style:preserve-3d}.service-device:after{content:'';position:absolute;left:17%;right:17%;top:100%;height:17px;transform-origin:top;transform:rotateX(-70deg);background:#435e7c;box-shadow:0 30px 35px rgba(0,0,0,.55)}.service-device-bar{height:27px;background:#14243c;display:flex;gap:5px;align-items:center;padding:0 10px}.service-device-bar i{width:6px;height:6px;border-radius:50%;background:#819db1}.service-device-bar span{margin-left:auto;color:#98b8c4;font:8px monospace;letter-spacing:.1em}.service-device-body{height:calc(100% - 27px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,rgba(51,128,163,.28),transparent 55%),linear-gradient(145deg,#0b162d,#05101b)}.service-device-body>span{font:500 clamp(18px,2vw,27px)/1.07 Georgia,serif;letter-spacing:-.045em;text-align:center;z-index:2}.service-device-orb{position:absolute;width:145px;height:145px;left:50%;top:42%;transform:translate(-50%,-50%);border:1px solid rgba(175,237,232,.51);border-radius:50%;box-shadow:0 0 45px rgba(124,208,212,.24),inset 0 0 50px rgba(113,174,222,.12);animation:orbit 15s linear infinite}.service-device-orb:after{content:'';position:absolute;inset:23%;border:1px solid rgba(199,187,254,.6);border-radius:50%;transform:rotateX(60deg)}.service-device-lines{display:flex;gap:10px;margin-top:12px}.service-device-lines i{width:18px;height:1px;background:#89b5d0}
/* Process */
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--v5-border);border-bottom:1px solid var(--v5-border)}.process-step{padding:33px 27px 40px;min-width:0;border-right:1px solid var(--v5-border);background:linear-gradient(150deg,rgba(109,156,203,.045),transparent 70%)}.process-step:first-child{padding-left:0}.process-step:last-child{border:0}.process-step>span,.process-outro>span{font:10px monospace;letter-spacing:.12em;color:#aac1cf}.step-icon{font:400 49px Georgia,serif;margin:46px 0 32px;color:#b7e7e1}.process-step h3{font-size:clamp(23px,2.15vw,33px);font-weight:450;letter-spacing:-.04em;margin:0 0 16px}.process-step p{font-size:13px;line-height:1.85;color:#9db0bc;margin:0}.process-outro{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;padding:24px 0}.process-outro a{color:#b5ecdb;border-bottom:1px solid rgba(170,240,223,.37);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding-bottom:8px}
/* Estimate */
.estimate-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(285px,.75fr);border:1px solid var(--v5-border);background:rgba(7,14,33,.85);box-shadow:0 32px 100px rgba(0,0,0,.24);overflow:hidden}.estimate-config{padding:clamp(24px,3.5vw,56px)}.estimate-legend{color:#accbd6;text-transform:uppercase;letter-spacing:.17em;font-size:11px;margin-bottom:17px}.estimate-legend.second{margin-top:35px}.estimate-packages{border:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.estimate-packages label{position:relative;cursor:pointer;min-width:0}.estimate-packages input{position:absolute;opacity:0}.estimate-packages label>span{display:flex;flex-direction:column;gap:8px;min-height:133px;padding:18px 14px;border:1px solid var(--v5-border);background:rgba(22,41,65,.38);transition:background .2s,border-color .2s}.estimate-packages input:checked+span{border-color:#b1e5e1;background:rgba(155,218,218,.1)}.estimate-packages input:focus-visible+span{outline:2px solid white;outline-offset:3px}.estimate-packages b{font-size:17px;font-weight:550}.estimate-packages small{font-size:11px;color:#aac0cd}.estimate-packages strong{margin-top:auto;color:#c0eee9;font-size:13px}.estimate-extras{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.estimate-extras label{display:flex;gap:11px;align-items:center;min-height:42px;font-size:12px;line-height:1.45;cursor:pointer;color:#d9e8e9}.estimate-extras input{accent-color:#bee9e5;width:17px;height:17px;flex-shrink:0}.estimate-extras label small{color:#9dbaca;white-space:nowrap}.estimate-pages{border-top:1px solid var(--v5-border);margin-top:27px;padding-top:23px}.estimate-pages>label{display:flex;justify-content:space-between;gap:10px;font-size:13px}.estimate-pages small{color:#9dbaca}.estimate-pages>div{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:13px}.estimate-pages button{width:35px;height:35px;background:transparent;border:1px solid var(--v5-border);color:white;font-size:20px}.estimate-pages output{min-width:35px;text-align:center}.estimate-pages input{width:100%;accent-color:#bde8e4;cursor:pointer;margin-top:7px}.estimate-result{padding:clamp(27px,3vw,47px);background:radial-gradient(ellipse at 50% 0%,rgba(85,149,184,.28),transparent 54%),#0b172b;border-left:1px solid var(--v5-border);display:flex;flex-direction:column;align-items:flex-start}.estimate-overline{font-size:11px;letter-spacing:.18em;color:#b5cad5}.estimate-figure{display:flex;flex-direction:column;gap:0;margin:26px 0 0}.estimate-figure span{font-size:16px;color:#acbdcb}.estimate-figure output{font:400 clamp(66px,6.5vw,104px)/1.13 Georgia,serif;letter-spacing:-.07em;color:#c4f0e8}.estimate-result p{font-size:13px;color:#aabdc8;line-height:1.8}.estimate-summary{display:flex;flex-direction:column;gap:12px;width:100%;padding:28px 0;border-top:1px solid var(--v5-border);border-bottom:1px solid var(--v5-border);margin:25px 0 30px;color:#c4d7df;font-size:12px}.estimate-summary span{display:flex;justify-content:space-between;gap:18px;line-height:1.3}.estimate-result .btn-primary{align-self:stretch;justify-content:space-between;gap:12px;font-size:10px}.estimate-result>small{font-size:11px;color:#93a9bb;line-height:1.75;margin-top:22px}.estimate-faq{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,.58fr);gap:60px;margin-top:125px}.estimate-faq-title h3{font-weight:400;font-size:clamp(41px,4vw,65px);letter-spacing:-.06em;margin:0}.estimate-faq-title h3 em{font-family:Georgia,serif;color:#bbdcfa}.faq-items{border-top:1px solid var(--v5-border)}.faq-items details{border-bottom:1px solid var(--v5-border);padding:18px 0;color:#cbdce1}.faq-items summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:14px;font-weight:500;line-height:1.6}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:23px;font-weight:200;color:#9fdbd5;transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items p{max-width:650px;font-size:13px;line-height:1.85;color:#a5bac4;padding-right:20px}
/* Form improvements */
.contact-grid .field label{display:block}.contact-grid select{height:50px;border:1px solid rgba(177,215,229,.27)}.contact-consent{display:flex;gap:11px;align-items:flex-start;margin-top:18px;color:#cad9db;font-size:12px;line-height:1.6;cursor:pointer}.contact-consent input{accent-color:#bbece3;flex-shrink:0;margin:3px 0 0;min-width:17px;min-height:17px}.contact-consent small{display:block;color:#a4b8c5}.v5-contact-form .form-foot{margin-top:23px}
@media (max-width:1360px){.nav{padding-left:4%;padding-right:4%}.nav-links{gap:16px}.nav-links a{font-size:9px}.availability{display:none}.service-stage{right:-4%;transform:scale(.82);transform-origin:right center}}
@media(max-width:1090px){.design-lab{grid-template-columns:300px minmax(0,1fr)}.lab-stage-head{flex-wrap:wrap}.lab-controls{padding:24px}.lab-browser{height:425px}.lab-viewport{min-height:500px}.process-step{padding-left:17px;padding-right:17px}.estimate-extras{grid-template-columns:1fr}.services .service-stage{opacity:.5;right:-6%;width:34vw}.services .service-stack{max-width:67%}}
@media(max-width:850px){section.chapter.customizer-chapter,section.chapter.process-chapter,section.chapter.estimate-chapter{padding:100px 24px 90px}.lab-heading,.estimate-top,.process-lead{display:block;margin-bottom:34px}.lab-heading .section-heading,.estimate-top .section-heading,.process-lead .section-heading{font-size:clamp(48px,9vw,80px)}.lab-heading .sub,.estimate-top .sub,.process-lead .sub{margin-top:25px}.design-lab{grid-template-columns:minmax(0,1fr)}.lab-controls{border-right:0;border-bottom:1px solid var(--v5-border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.lab-control-actions{grid-column:1/-1}.lab-viewport{min-height:500px}.service-stage{position:relative!important;opacity:1!important;top:auto!important;right:auto!important;width:min(100%,440px)!important;margin:55px auto 0;transform:none!important}.services .service-stack{max-width:100%}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid var(--v5-border)}.process-step:first-child{padding-left:17px}.estimate-shell{grid-template-columns:1fr}.estimate-result{border-left:0;border-top:1px solid var(--v5-border)}.estimate-faq{grid-template-columns:1fr;gap:28px;margin-top:90px}}
@media(max-width:560px){.lab-controls{grid-template-columns:1fr}.lab-half{grid-template-columns:1fr 1fr}.lab-viewport{min-height:405px;padding:20px 10px}.lab-browser{height:355px}.lab-browser.mobile{width:min(265px,92%)}.lab-stage-head,.lab-stage-bottom{padding:14px 16px}.lab-stage-head small{display:none}.lab-browser-grip{font-size:0}.lab-browser-grip:after{content:'⠿';font-size:16px}.process-grid{grid-template-columns:1fr}.process-step,.process-step:nth-child(2){border-right:0;border-bottom:1px solid var(--v5-border)}.process-step:last-child{border-bottom:0}.step-icon{margin:20px 0}.estimate-packages{grid-template-columns:1fr}.estimate-packages label>span{min-height:66px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2px;padding:12px 16px}.estimate-packages b{grid-column:1}.estimate-packages small{grid-column:1}.estimate-packages strong{grid-row:1/3;grid-column:2;text-align:right}.estimate-config,.estimate-result{padding:23px 20px}.estimate-figure output{font-size:70px}.estimate-result .btn-primary{letter-spacing:.09em}.service-stage{height:370px}.service-model{height:210px}}
@media(prefers-reduced-motion:reduce){.service-device-orb{animation:none!important}.lab-browser{transition:none!important}}


/* V6 / PRESERVE THE CINEMATIC V5 VISUAL FOUNDATION */
.v6-brand-box{border:1px solid rgba(183,231,222,.24);background:linear-gradient(145deg,rgba(121,183,207,.10),rgba(4,11,25,.35));padding:24px 21px;display:flex;flex-direction:column;gap:11px}
.v6-label{display:block;color:#b3deda;font-size:10px;letter-spacing:.17em;font-weight:700}
.v6-brand-box h3{font-size:clamp(22px,2vw,28px);line-height:1.06;letter-spacing:-.04em;margin:4px 0}.v6-brand-box h3 em,.v6-trust h3 em{font-family:Georgia,serif;font-weight:400;color:#b7ecdf}
.v6-brand-box p{font-size:12px;line-height:1.65;color:#afc4d2;margin:0 0 5px}.v6-brand-box>label:not(.v6-upload){color:#e1edef;font-size:11px;letter-spacing:.02em}
.v6-brand-box>input:not([type=file]){width:100%;min-width:0;padding:12px 13px;border:1px solid rgba(190,230,234,.28);background:#101b31;color:#eef8f6;font-size:13px;border-radius:0;outline-offset:2px}
.v6-brand-box input[type=file]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.v6-upload{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed rgba(183,232,223,.46);font-size:12px;color:#d5ebe5;cursor:pointer;flex-wrap:wrap}.v6-upload span{font-size:18px}.v6-upload small{display:block;width:100%;padding-left:31px;color:#92a9b6;font-size:10px}.v6-logo-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.v6-logo-row span{font-size:10px;color:#a7c2cf;line-height:1.45}.v6-logo-row button{background:none;color:#d7e9e5;border:0;font-size:10px;text-decoration:underline;cursor:pointer;padding:9px 3px}
.v6-live-quote{border:1px solid rgba(163,216,211,.26);padding:18px;background:rgba(15,28,49,.8)}.v6-live-quote>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:10px 0 15px}.v6-live-quote strong{font-size:33px;color:#e9fcf8;font-weight:400}.v6-live-quote>div span{font-size:10px;line-height:1.4;color:#9aabba}.v6-live-quote button{padding:12px;width:100%;border:1px solid #a8d9d7;background:transparent;color:#d9f5ef;font-size:11px;cursor:pointer}
.v6-share-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v6-share-tools button{border:1px solid rgba(198,227,233,.28);background:#101a2c;color:#d4e9e6;padding:12px 7px;font-size:10px;letter-spacing:.03em;min-height:43px;cursor:pointer}.v6-share-tools button:hover,.v6-live-quote button:hover{background:#b6e5db;color:#0c2130}.v6-note{color:#9ab4c3;font-size:11px;line-height:1.55;margin:0}
.v6-quote-note{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:40px 0 12px;border-top:1px solid rgba(188,219,223,.24);padding-top:18px}.v6-quote-note>div{padding:12px 17px;display:grid;gap:7px;border-left:1px solid rgba(188,219,223,.24)}.v6-quote-note span{font:12px monospace;color:#99d9d1}.v6-quote-note b{font-size:13px;color:#e4efef}.v6-quote-note small{font-size:11px;line-height:1.5;color:#9fb7bf}
.v6-trust{margin:50px 0 0;padding:32px;border:1px solid rgba(166,213,218,.16);background:linear-gradient(115deg,rgba(20,42,64,.46),rgba(5,8,19,.55))}.v6-trust-eyemark{font-size:10px;letter-spacing:.18em;color:#9dd1d5}.v6-trust h3{font-size:clamp(22px,3.1vw,43px);font-weight:400;line-height:1.18;margin:18px 0 28px}.v6-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.v6-trust-grid>div{border-top:1px solid rgba(192,227,222,.24);padding:16px 0}.v6-trust-grid b{font-size:11px;color:#e0f3f1;letter-spacing:.06em}.v6-trust-grid p{font-size:12px;color:#a6bbc6;line-height:1.75}
.contact-consent a{color:#caeeea;text-underline-offset:3px}
@media(max-width:740px){.v6-quote-note,.v6-trust-grid{grid-template-columns:1fr}.v6-trust{padding:24px}.v6-quote-note>div{padding:13px}.v6-brand-box{padding:19px 15px}}
@media(prefers-reduced-motion:reduce){.v6-brand-box *, .v6-trust *{animation:none!important;transition-duration:.01ms!important}}


/* V6.1 – editorial layout correction, isolate interactive art from readable text */
@media (min-width: 851px) {
  .services {
    min-height: min(1100px, 100svh);
    padding-top: 150px;
    padding-bottom: 145px;
    align-items: center;
  }
  .services .inner {
    display:grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    column-gap:clamp(50px, 8vw, 142px);
    row-gap:clamp(22px,3vw,45px);
    align-items:center;
    max-width: 1290px;
  }
  .services .copy {
    grid-column: 1;
    grid-row: 1;
    max-width: 580px;
  }
  .services .section-heading {
    font-size: clamp(58px, 5.3vw, 82px);
    line-height: 1.05;
    letter-spacing:-.056em;
  }
  .services .copy .sub{max-width:480px}
  .services .service-stack {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    max-width: none;
    min-width:0;
    z-index:4;
  }
  .services .service-stage {
    position:relative;
    z-index:2;
    top:auto;
    right:auto;
    width:100%;
    max-width:550px;
    height: min(450px,35vw);
    min-height:355px;
    margin: 0;
    grid-column:2;
    grid-row: 1 / span 2;
    justify-self:center;
    align-self:center;
    transform:none;
    opacity:1;
    isolation:isolate;
  }
  .services .service-stage::before {
    content:"";
    position:absolute;
    z-index:-1;
    width: min(100%, 410px);
    aspect-ratio:1;
    border:1px solid rgba(170,211,218,.10);
    border-radius:50%;
    background:radial-gradient(circle,rgba(41,92,125,.17),rgba(5,10,24,0) 72%);
    pointer-events:none;
  }
  .services .service-model {width:min(85%,460px);height:clamp(205px,20vw,265px)}
}
/* Pricing owns a FULL-width chapter; trust information follows the cards, not beside them. */
section.chapter.pricing {
  display:block !important;
  min-height:0 !important;
  height:auto;
  padding-top:clamp(130px,12vw,190px) !important;
  padding-bottom:clamp(105px,9vw,155px) !important;
  overflow:visible;
}
.pricing > .inner {
  display:block;
  width:100%;
  max-width:1330px;
  margin:0 auto;
}
.pricing .price-header{max-width:100%;}
.pricing .price-board {width:100%;max-width:100%;}
.pricing .price-card{min-width:0;}
.pricing .price-amount {white-space:nowrap;}
.pricing .v6-trust {
  display:block;
  width:100%;
  max-width:1330px;
  position:relative;
  z-index:3;
  margin: clamp(45px, 5vw, 75px) auto 0;
  padding:clamp(26px,4vw,56px);
  background:linear-gradient(128deg,rgba(22,46,69,.60),rgba(10,21,37,.72) 65%,rgba(15,43,52,.48));
  border:1px solid rgba(166,213,218,.20);
  overflow:hidden;
}
.pricing .v6-trust:before {
  content:"";position:absolute;right:-90px;top:-190px;
  width:390px;height:390px;border:1px solid rgba(193,235,225,.10);
  border-radius:50%;pointer-events:none;
}
.pricing .v6-trust h3{max-width:900px;font-size:clamp(27px,3.7vw,49px);line-height:1.2;}
.pricing .v6-trust-grid{gap:clamp(20px,3vw,48px);}
.pricing .v6-trust-grid>div{min-width:0}
.pricing .v6-trust-grid p{max-width:310px;font-size:clamp(12px,1.05vw,14px)}
@media (min-width:851px) and (max-width:1200px) {
  .services .inner {column-gap:clamp(35px, 5vw, 66px)}
  .services .service-stage{min-height:320px;height:370px}
  .services .section-heading{font-size:clamp(56px,5.3vw,70px)}
  .pricing .price-header .section-heading{font-size:clamp(57px,6vw,78px)}
  .pricing .price-card {padding:27px 22px}
  .pricing .price-amount{font-size:clamp(57px,6vw,78px)}
}
@media (max-width:850px){
  section.chapter.services {align-items:flex-start!important;min-height:0!important;padding-bottom:105px!important}
  .services .inner{display:flex!important;flex-direction:column;align-items:stretch;gap:0}
  .services .copy{width:100%;max-width:100%}
  .services .service-stack{width:100%;max-width:100%;margin-top:36px}
  .services .service-stage {
    position:relative!important;grid-column:auto;grid-row:auto;
    top:auto!important;right:auto!important;transform:none!important;
    width:min(100%,500px)!important;max-width:500px;
    height:340px;min-height:0;
    margin:47px auto 0!important;opacity:1!important;
  }
  .services .service-model{max-width:400px}
  .pricing .v6-trust{margin:36px auto 0}
  .pricing .v6-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media (max-width:600px){
  section.chapter.pricing{padding-top:115px!important;padding-bottom:100px!important}
  .pricing >.inner{max-width:480px;width:100%}
  .pricing .price-header{margin-bottom:30px}
  .pricing .price-board{grid-template-columns:minmax(0,1fr);gap:14px}
  .pricing .price-card,.pricing .price-card:last-child{grid-column:1;min-width:0;width:100%}
  .pricing .price-card .price-amount{font-size:clamp(57px,15vw,76px)}
  .pricing .v6-trust{padding:25px 20px;max-width:480px}
  .pricing .v6-trust-grid{grid-template-columns:1fr;gap:0}
  .pricing .v6-trust h3{font-size:clamp(27px,7.7vw,38px)}
  .services .service-stage{height:315px}
  .services .service-model{height:190px;width:85%}
}
/* Keep keyboard focus visible, including the draggable preview. */
.services .service-stage:focus-visible,.services .service-btn:focus-visible,
.pricing .price-inquire:focus-visible{outline:2px solid #a6eddf;outline-offset:5px}

/* V6.2 — THE DIGITAL MUSEUM. A real scroll-driven WebGL gallery, with legible exhibits. */
html,body{overflow-x:clip}
#museumFallback{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.83;filter:drop-shadow(0 0 13px rgba(116,222,224,.08))}
#world{opacity:.87!important;filter:saturate(.85) contrast(1.1)!important}
#room{background:linear-gradient(90deg,rgba(4,9,22,.76) 0%,rgba(4,8,19,.51) 28%,rgba(4,8,18,.18) 55%,rgba(4,8,18,.13) 100%),radial-gradient(ellipse at 69% 45%,rgba(30,93,110,.15),transparent 59%)}
#room:before{display:none!important}
#room:after{background:linear-gradient(0deg,rgba(4,7,17,.75),transparent 17%,transparent 74%,rgba(4,8,18,.45))}
.museum-wayfinding{position:fixed;z-index:12;top:106px;right:clamp(18px,3vw,56px);display:flex;gap:11px;align-items:center;pointer-events:none;font:700 9px/1.3 'Segoe UI',sans-serif;color:#b9e6df;letter-spacing:.15em;text-shadow:0 1px 6px #03111e}
.museum-led{width:5px;height:5px;border-radius:50%;background:#b0eada;box-shadow:0 0 12px #a2e5d9}.museum-station{color:#8fc8c9}.museum-station b{font-size:11px;color:#ecfffe}.museum-station-name{border-left:1px solid rgba(167,213,211,.34);padding-left:12px;color:#e6f2f2}
/* Keep every chapter readable while the physical corridor moves behind it. */
.v6-brand-addons{border-top:1px solid rgba(185,225,220,.18);margin-top:2px;padding-top:10px}
.v6-brand-addons summary{cursor:pointer;list-style:none;color:#b5e8dd;font-size:11px;line-height:1.5;letter-spacing:.03em;padding:5px 0}
.v6-brand-addons summary::-webkit-details-marker{display:none}
.v6-brand-addons summary:hover{color:white}
.v6-brand-addons-body{display:flex;flex-direction:column;gap:10px;padding:13px 0 2px}
.v6-brand-addons[open] summary{color:#e6fff9}

section.chapter .inner{z-index:4}
section.chapter .kicker,section.chapter .eyemark{text-shadow:0 2px 17px rgba(0,0,0,.55)}
.customizer-chapter .design-lab{overflow:visible!important;align-items:start;isolation:auto;grid-template-columns:minmax(285px,345px) minmax(0,1fr)}
.customizer-chapter .lab-controls{padding:clamp(23px,2.2vw,34px);gap:21px;background:linear-gradient(175deg,rgba(16,35,55,.95),rgba(7,17,33,.94));border-right:1px solid rgba(184,230,224,.19)}
.customizer-chapter .v6-brand-box{padding:18px;gap:10px}
.customizer-chapter .v6-brand-box h3{font-size:23px;line-height:1.12;margin:0}
.customizer-chapter .v6-brand-box p{font-size:11px;line-height:1.6;margin:0}
.customizer-chapter .lab-part{margin:0}.customizer-chapter .v6-logo-row{margin-top:0}
.customizer-chapter .lab-control-actions{margin-top:5px}
.customizer-chapter .lab-stage{position:sticky;top:99px;min-height:640px;max-height:calc(100svh - 110px);border-left:0;background:rgba(4,10,20,.94)}
.customizer-chapter .lab-viewport{min-height:0;flex:1;padding:clamp(12px,1.8vw,27px);background:radial-gradient(circle at 66% 45%,rgba(35,112,135,.20),transparent 50%),#07101e}
.customizer-chapter .lab-browser{width:min(100%,850px);height:100%;min-height:410px;max-height:670px;transform:rotateX(var(--lab-rx,0deg)) rotateY(var(--lab-ry,0deg));box-shadow:0 38px 90px rgba(0,0,0,.56)}
.customizer-chapter .lab-browser.mobile{width:min(315px,88%)}
.customizer-chapter .lab-browser iframe{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;left:-99px!important;top:-99px!important}
.museum-preview{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;background:var(--sample-paper,#121f25);--sample-accent:#b7e9d4;--sample-text:#f4f4ea;color:var(--sample-text);font-family:Georgia,serif;scrollbar-width:thin;scrollbar-color:#4e716e transparent}
.museum-preview-nav{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(16px,3vw,33px);background:var(--sample-paper);font-family:'Segoe UI',sans-serif;letter-spacing:.19em;font-size:9px;border-bottom:1px solid color-mix(in srgb,var(--sample-text) 17%,transparent)}
.museum-preview-nav>div{display:flex;gap:12px;align-items:center;min-width:0}.museum-monogram{display:grid;place-items:center;width:32px;height:32px;font:italic 600 23px Georgia,serif;border:1px solid var(--sample-accent);color:var(--sample-accent);flex-shrink:0}.museum-preview-nav strong{font-size:12px;letter-spacing:.16em;min-width:0;overflow-wrap:anywhere}.museum-preview-nav-right{font-size:8px;white-space:nowrap}.museum-preview-nav-right span{font-size:18px;margin-left:12px}
.museum-preview-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:320px;flex:1;overflow:hidden;background:#243e45}
.museum-preview-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.museum-preview-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,18,28,.77),rgba(5,20,28,.13) 95%)}
.museum-preview-copy{padding:clamp(21px,4vw,55px);width:min(100%,720px);position:relative}
.museum-preview-copy>span{font:700 9px 'Segoe UI',sans-serif;letter-spacing:.23em;color:#c1f2e8}
.museum-preview-copy h3{font-size:clamp(35px,5vw,72px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:20px 0 16px;max-width:590px;color:#fffef7;text-wrap:balance;overflow-wrap:anywhere}
.museum-preview-copy p{font:400 12px/1.6 'Segoe UI',sans-serif;color:#e1ebea;max-width:330px;margin:0 0 21px}
.museum-preview-cta{display:inline-flex;align-items:center;gap:25px;padding:14px 17px;font:700 9px 'Segoe UI',sans-serif;letter-spacing:.11em;background:var(--sample-accent);color:#09232c!important;transition:transform .25s}
.museum-preview-cta:hover{transform:translateY(-3px)}
.museum-image-credit{position:absolute;bottom:12px;right:16px;font:8px 'Segoe UI',sans-serif;letter-spacing:.16em;opacity:.8}
.museum-preview-content{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--sample-paper);padding:20px 27px;color:var(--sample-text)}
.museum-preview-content>span{font:700 8px 'Segoe UI',sans-serif;letter-spacing:.12em;opacity:.5}.museum-preview-content>div{display:flex;gap:17px;flex-wrap:wrap}.museum-preview-content b{font:500 11px Georgia,serif}
.museum-preview[data-mode="noir"] .museum-preview-cover>img{filter:grayscale(1) brightness(.79)}
.museum-preview[data-mode="ivory"]{--sample-paper:#efece5!important;--sample-text:#13232b!important}.museum-preview[data-mode="ivory"] .museum-preview-cover:after{background:linear-gradient(90deg,rgba(10,25,31,.65),rgba(4,14,24,.07))}
.museum-preview[data-font="modern"]{font-family:'Segoe UI',sans-serif}.museum-preview[data-font="modern"] .museum-preview-copy h3,.museum-preview[data-font="modern"] .museum-preview-content b{font-family:'Segoe UI',sans-serif;letter-spacing:-.07em;font-weight:650}
.museum-preview[data-font="classic"]{font-family:Georgia,serif}.museum-preview[data-font="classic"] .museum-preview-copy h3{font-style:italic;font-weight:400}
.museum-preview[data-layout="split"] .museum-preview-cover{display:grid;grid-template-columns:1fr 1fr;min-height:300px;background:var(--sample-paper)}
.museum-preview[data-layout="split"] .museum-preview-cover>img{grid-column:2;position:relative;height:100%;min-height:320px;z-index:0}
.museum-preview[data-layout="split"] .museum-preview-cover:after{grid-column:1;grid-row:1;background:linear-gradient(90deg,#13212c 0%,#182938 100%);z-index:-1}
.museum-preview[data-layout="split"] .museum-preview-copy{grid-column:1;grid-row:1;align-self:center;padding:clamp(15px,2vw,30px)}
.museum-preview[data-layout="split"] .museum-preview-copy h3{font-size:clamp(27px,3.2vw,48px)}
.museum-preview[data-layout="split"] .museum-image-credit{display:none}
.museum-preview-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(6,16,31,.94);padding:11px 17px;border-top:1px solid var(--v5-border)}
.museum-preview-tools .v6-share-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.museum-preview-tools .v6-share-tools button{min-height:38px;flex:1;white-space:nowrap}
.museum-preview-tools .v6-note{font-size:9px;line-height:1.4;margin:0;flex-basis:100%;color:#9bb5c5}
.customizer-chapter .lab-stage-bottom{min-height:45px;padding:11px 17px}
@media (min-width:851px){.customizer-chapter .lab-stage{align-self:start}.customizer-chapter .lab-browser{min-height:390px}}
@media(max-width:850px){.museum-wayfinding{top:84px;right:19px;font-size:8px}.museum-station-name{display:none}.customizer-chapter .design-lab{grid-template-columns:minmax(0,1fr)}.customizer-chapter .lab-stage{position:relative;top:auto;min-height:0;max-height:none}.customizer-chapter .lab-browser{height:480px;min-height:0;max-height:none}.customizer-chapter .lab-viewport{min-height:480px}.customizer-chapter .lab-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.customizer-chapter .v6-brand-box{grid-column:1/-1}}
@media(max-width:560px){.customizer-chapter .lab-controls{grid-template-columns:1fr}.customizer-chapter .lab-viewport{min-height:395px;padding:10px}.customizer-chapter .lab-browser{height:400px}.museum-preview-nav{min-height:45px;padding:11px 13px}.museum-preview-nav-right{font-size:7px}.museum-preview-cover{min-height:260px}.museum-preview-copy{padding:24px}.museum-preview-copy h3{font-size:clamp(34px,8vw,55px)}.museum-preview-content{padding:14px}.museum-preview-content b{font-size:9px}.museum-preview[data-layout="split"] .museum-preview-cover{display:flex;background:#162c36}.museum-preview[data-layout="split"] .museum-preview-cover>img{position:absolute;inset:0;width:100%;z-index:-2}.museum-preview[data-layout="split"] .museum-preview-cover:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,13,28,.77),rgba(6,13,28,.2))}.museum-preview[data-layout="split"] .museum-preview-copy{padding:24px}.customizer-chapter .lab-stage-bottom>span{display:none}}
@media(prefers-reduced-motion:reduce){.museum-preview-cover img{transition:none}.museum-preview-cta{transition:none}}


/* V7 curated gallery & no-collision product tiers */
#museumWalk{height:570svh;min-height:2900px}
#museumWalk .mw-sticky{background:#030c17}
#museumWalk .mw-glaze{background:linear-gradient(90deg,rgba(3,7,17,.77),rgba(3,7,17,.54) 21%,rgba(3,7,17,.03) 58%,transparent 83%),linear-gradient(0deg,rgba(3,7,17,.6),transparent 25%,transparent 85%,rgba(3,7,17,.25))}
#museumWalk .mw-caption{position:absolute;z-index:5;right:4.5vw;top:24%;text-align:right;pointer-events:none;display:flex;flex-direction:column;gap:6px;color:#b8d2db;letter-spacing:.17em;font-size:10px}
#museumWalk .mw-caption b{font-weight:550}
#museumWalk .mw-caption small{font-size:9px;color:#85b7c8;letter-spacing:.15em}
#museumWalk .mw-caption-line{height:1px;width:84px;background:#a8dcc9;align-self:end;margin-bottom:12px}
.price-board{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.price-board .price-card{min-height:470px}
.price-board .price-card:nth-child(n+4){border-color:rgba(146,224,229,.40);background:linear-gradient(160deg,rgba(18,52,65,.81),rgba(5,15,30,.87))}
.price-board .price-amount{font-size:clamp(39px,4.3vw,75px)}
.estimate-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.demo-grid .demo-tile:nth-child(n+7){border-color:rgba(153,211,218,.37)}
.demo-tile:nth-child(n+7) .demo-photo{filter:saturate(.95)}
@media(max-width:1080px){.price-board{grid-template-columns:repeat(2,minmax(0,1fr))!important}.estimate-packages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){#museumWalk .mw-caption{top:16%;right:6%;font-size:8px;opacity:.7}#museumWalk .mw-slides{left:6%;width:82%}#museumWalk .mw-slide h2{font-size:clamp(47px,12vw,75px)}.price-board{grid-template-columns:minmax(0,1fr)!important}.estimate-packages{grid-template-columns:minmax(0,1fr)}}


/* V8 — REAL WEBGL MUSEUM / EDITORIAL PRESENTATION */
#museumWalk{position:relative;height:1010svh!important;min-height:5500px;isolation:isolate;overflow:clip;background:#0c1418}
#museumWalk .mw-sticky{position:sticky!important;top:0!important;height:100svh!important;min-height:530px!important;overflow:hidden;background:#0b1519!important;z-index:15}
#museumWalk .mw-perspective{position:absolute!important;inset:0!important;overflow:hidden!important;transform:none!important;perspective:none!important;z-index:0!important;opacity:1!important;background:radial-gradient(ellipse at 50% 34%,#4e5450,#121c21 70%)}
#v8Museum3D{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.v8-grain{position:absolute;inset:0;pointer-events:none;opacity:.18;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.21'/%3E%3C/svg%3E")}
.v8-vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(5,11,14,.80),rgba(5,11,14,.28) 40%,rgba(5,11,14,.04) 64%,rgba(5,11,14,.39) 100%),linear-gradient(0deg,rgba(6,12,15,.9),transparent 22%,transparent 76%,rgba(6,12,15,.45));}
.v8-top{position:absolute;top:150px;left:max(34px,5.6vw);right:max(34px,5.6vw);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.24em;color:#efebe2;font-weight:600}
.v8-topbar{display:flex;align-items:center;gap:12px}.v8-topbar i{width:27px;height:1px;background:#c5dcd1}.v8-online{color:#b3bcb7}.v8-online strong{margin-left:9px;font-size:16px;font-weight:500;color:#f5edda}
.v8-opening{position:absolute;left:max(36px,7vw);top:31%;width:min(48vw,690px);z-index:5;opacity:clamp(0,calc(1 - var(--v8-depth,0)*8),1);transform:translateY(calc(var(--v8-depth,0)*-90px));transition:opacity .08s linear}
.v8-overline{font-size:10px;letter-spacing:.26em;color:#c5d3cd;font-weight:650}.v8-overline span{color:#e5c7a2}
.v8-opening h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,6.85vw,112px);font-weight:400;letter-spacing:-.055em;line-height:.98;margin:28px 0;color:#f9f6ed;text-shadow:0 8px 30px rgba(0,0,0,.22)}.v8-opening h1 em{color:#d9c29f;font-weight:400}
.v8-opening>p:not(.v8-overline){font-size:clamp(14px,1.15vw,17px);line-height:1.85;max-width:390px;color:#dee3e0;font-weight:350;margin:0 0 29px;text-shadow:0 2px 12px #000}
.v8-open-link,.v8-exhibit-link{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;min-height:47px;border-bottom:1px solid rgba(216,235,226,.65);font-size:11px;letter-spacing:.12em;font-weight:650;color:#f4f4ee;transition:color .2s,border-color .2s}
.v8-open-link:hover,.v8-exhibit-link:hover{color:#ccebe0;border-color:#ccebe0}
.v8-exhibit-overlay{position:absolute;z-index:6;right:max(45px,8.6vw);bottom:18.1%;width:min(335px,30vw);padding:25px 28px 25px;background:linear-gradient(145deg,rgba(10,21,25,.88),rgba(15,25,27,.63));border:1px solid rgba(220,229,215,.19);box-shadow:0 24px 80px #0005;backdrop-filter:blur(12px);transition:background .3s}
.v8-case-num{display:block;font-size:9px;letter-spacing:.23em;color:#bfd8ce;font-weight:650}
.v8-exhibit-overlay h3{font-size:clamp(27px,3vw,43px);letter-spacing:-.04em;line-height:1.06;font-weight:400;margin:14px 0;color:#faf8ef;position:relative}.v8-exhibit-overlay h3 em{font-family:Georgia,serif;color:#d5c5aa;font-weight:400}.v8-mark{display:inline-block;width:12px;height:12px;border-radius:50%;margin-left:10px;vertical-align:middle;box-shadow:0 0 15px #aaa5}
.v8-exhibit-overlay p{font-size:13px;line-height:1.7;color:#c1ccc7;max-width:270px;margin:0 0 15px}.v8-exhibit-overlay .v8-exhibit-link{min-height:35px;font-size:10px;color:#e4f3ec;letter-spacing:.13em}
.v8-side-info{position:absolute;left:26px;top:48%;writing-mode:vertical-rl;transform:rotate(180deg);z-index:5;font-size:9px;letter-spacing:.25em;color:rgba(229,234,229,.65)}.v8-side-info span{color:#dbbd95}
.v8-footerbar{position:absolute;z-index:9;left:max(28px,5.8vw);right:max(28px,5.8vw);bottom:29px;display:flex;gap:25px;align-items:center}
.v8-depth-hud{display:flex;align-items:center;gap:14px;white-space:nowrap}.v8-hud-label{font-size:8px;letter-spacing:.19em;color:#a6b8b0}.v8-depth-hud b{font-size:11px;letter-spacing:.12em;font-weight:550;min-width:100px}.v8-depth-hud #v8RoomIndex{font-size:9px;color:#d7c6a7}
.v8-progress{height:1px;max-width:300px;flex:1;background:rgba(208,234,221,.23);margin-left:auto}.v8-progress div{height:100%;width:0;background:#b3decf;box-shadow:0 0 8px #b3decf;transition:width .16s linear}
.v8-actions{display:flex;gap:14px}.v8-actions button{border:0;background:none;color:#d9ded8;letter-spacing:.11em;font-size:10px;min-height:36px;border-bottom:1px solid rgba(219,225,219,.24);padding:0 4px}.v8-actions button:hover{color:#c6f0e0;border-color:#c6f0e0}
.v8-scrolldown{position:absolute;bottom:95px;left:max(36px,7vw);z-index:5;display:flex;gap:18px;align-items:center;letter-spacing:.19em;font-size:9px;color:#e4ede6;opacity:clamp(0,calc(1 - var(--v8-depth,0)*8),1)}.v8-scrolldown i{font-style:normal;font-size:20px;animation:v8Bounce 2s ease-in-out infinite}@keyframes v8Bounce{50%{transform:translateY(8px)}}
.v8-gl-status{display:none}.v8-no-webgl .v8-gl-status{display:block;position:absolute;z-index:10;top:22%;left:8%;width:75%;color:#fff}.v8-no-webgl #v8Museum3D{display:none}
@media(max-width:1000px){.v8-top{top:110px}.v8-opening{width:57vw;left:6%}.v8-exhibit-overlay{right:5%;width:280px;bottom:16%}.v8-side-info{display:none}}
@media(max-width:700px){#museumWalk{height:790svh!important;min-height:3900px}#museumWalk .mw-sticky{height:100svh!important;min-height:490px!important}.v8-top{top:92px;left:23px;right:23px;font-size:8px;letter-spacing:.14em}.v8-online{display:none}.v8-vignette{background:linear-gradient(180deg,rgba(5,12,15,.40),rgba(5,12,15,.25) 34%,rgba(5,12,15,.08) 51%,rgba(5,12,15,.78))}.v8-opening{left:7%;top:27%;width:85%}.v8-opening h1{font-size:clamp(46px,12.5vw,74px)}.v8-opening>p:not(.v8-overline){font-size:13px;max-width:300px}.v8-exhibit-overlay{left:6.5%;right:auto;bottom:108px;width:87%;max-width:390px;padding:18px 20px 17px}.v8-exhibit-overlay h3{font-size:30px;margin:9px 0}.v8-exhibit-overlay p{font-size:12px;line-height:1.45;margin-bottom:8px}.v8-exhibit-overlay .v8-exhibit-link{min-height:28px}.v8-case-num{font-size:8px}.v8-footerbar{left:7%;right:7%;bottom:26px;gap:9px}.v8-depth-hud{gap:7px}.v8-depth-hud .v8-hud-label{display:none}.v8-depth-hud b{font-size:9px;min-width:0}.v8-progress{max-width:78px}.v8-actions{gap:8px}.v8-actions button{font-size:8px;letter-spacing:0;min-height:30px}.v8-scrolldown{left:7%;bottom:98px;font-size:8px}}
@media(max-width:700px){.v8-vignette{background:linear-gradient(180deg,rgba(5,12,15,.88),rgba(5,12,15,.62) 47%,rgba(5,12,15,.12) 71%,rgba(5,12,15,.58))}.v8-opening{top:20%;background:linear-gradient(90deg,rgba(4,12,16,.42),transparent);padding:16px 4px 18px}.v8-opening h1{font-size:clamp(43px,11vw,58px);margin:13px 0 14px}.v8-opening>p:not(.v8-overline){font-size:12px;line-height:1.55;max-width:280px;margin-bottom:12px}.v8-scrolldown{bottom:105px}}
@media(prefers-reduced-motion:reduce){.v8-scrolldown i{animation:none}.v8-opening,.v8-exhibit-overlay{transition:none}}