@import url("/v11-original.css");
/* Command OS Studio | V12 Signature Polish
   Existing V11 art direction and interactions are retained.
   Changes are deliberately in an isolated, reversible design layer. */
:root{--v12-cream:#fff7eb;--v12-copper:#f0bda7;--v12-glass:#ecf4e70b;--v12-hair:#f0f5ed38}
html{scroll-padding-top:92px}
body{background:#142126;isolation:isolate}
a,button{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[role="slider"]:focus-visible{outline:2px solid #ffd0b7!important;outline-offset:4px}
#world{background:radial-gradient(ellipse 64% 75% at 70% 44%,#50646a 0%,#2b3c43 47%,#142129 100%);filter:saturate(1.07)}
#world:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 71% 44%,#e5d4b51b,transparent 45%),linear-gradient(90deg,#0c18210b,transparent 70%);mix-blend-mode:screen}
#world:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;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='.58' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.27'/%3E%3C/svg%3E");opacity:.064;mix-blend-mode:soft-light}
#world .world-grid{opacity:.29;filter:contrast(1.1);background-size:84px 84px}
#world .world-fallback{filter:drop-shadow(0 28px 48px #03111bbd)}
#world:not(.webgl-ready) .world-fallback:before,#world:not(.webgl-ready) .world-fallback:after{content:'';position:absolute;display:block;border-radius:48% 45% 56% 42%;box-shadow:inset -17px -20px 30px #13212d91,15px 16px 30px #030d14af;animation:mineral-breathe 8s ease-in-out infinite}
#world:not(.webgl-ready) .world-fallback:before{width:42%;height:50%;left:6%;top:4%;background:radial-gradient(circle at 24% 19%,#faf2e5 0%,#dddccf 24%,#9ba9a4 63%,#44535b 100%);transform:rotate(-24deg)}
#world:not(.webgl-ready) .world-fallback:after{width:35%;height:42%;right:-2%;bottom:6%;background:radial-gradient(circle at 29% 20%,#ead3c7 0%,#d9aaa0 40%,#836872 78%,#404b55 100%);animation-delay:-2s}
@keyframes mineral-breathe{50%{translate:0 -11px;filter:brightness(1.08)}}
/* Entry: true brand-first hero, sharper visual hierarchy and restrained interaction */
#intro{background:linear-gradient(90deg,#132026bb,#16232949 50%,#1d28310b)}
#intro .intro-eyebrow{padding:10px 18px;background:#15262bdf;border:1px solid #f6e7d25e;color:#ffe4d1;font-size:10px;box-shadow:0 8px 30px #09131c55;backdrop-filter:blur(12px)}
#intro .intro-core h1{font-size:clamp(68px,9.7vw,158px);line-height:.9;margin:27px 0 18px;letter-spacing:-.095em;text-shadow:0 9px 40px #0310169c}
#intro .intro-core h1 em{color:#f3c0aa;filter:drop-shadow(0 9px 15px #0d172545)}
#intro .intro-core p{font-size:clamp(13px,1.08vw,17px);color:#f7f5ed;line-height:1.65;padding:13px 20px;max-width:570px;background:linear-gradient(90deg,#12232ac4,#1b2e32e7,#16272ecc);border-color:#e0eee52b}
#intro .intro-core p strong{color:#f7c3ae}
#intro .intro-enter{min-height:66px;box-shadow:0 15px 35px #07151bbf,0 0 0 1px #ffffff46,0 0 0 7px #fffffa12;transition:transform .24s ease,box-shadow .24s ease,background .24s ease}
#intro .intro-enter:hover{transform:translateY(-4px) scale(1.018);box-shadow:0 26px 45px #07151bd8,0 0 0 1px #ffffff75,0 0 0 8px #ffffff24}
#intro .intro-enter i{box-shadow:inset 0 1px #fff7,0 4px 13px #963f2e55}
#intro .intro-folio,#intro .intro-foot{color:#dae5dc}
#intro .intro-head{z-index:6}
/* Header and logo: refinement, not a redesign */
.header{border-bottom:1px solid transparent;transition:padding .28s,background .28s,border-color .28s}
.header.scrolled{background:#14232ce9;border-bottom-color:#f5f6ef34;box-shadow:0 12px 36px #05141b3b}
.header-layout{gap:24px}
.brand .brand-logo{width:46px;height:46px;filter:drop-shadow(0 8px 13px #101d2444)}
.brand-word b{font-weight:800;letter-spacing:-.055em}
.brand-word small{letter-spacing:.4em}
.nav{gap:31px}
.nav a{position:relative;padding:9px 0;font-size:11px}
.nav a:after{content:'';position:absolute;left:0;right:100%;height:1px;bottom:2px;background:#f1bba5;transition:right .25s}
.nav a:hover:after,body[data-current-section="expertises"] .nav a[href="#expertises"]:after,body[data-current-section="contact"] .nav a[href="#contact"]:after{right:0}
.nav a:hover,body[data-current-section="expertises"] .nav a[href="#expertises"],body[data-current-section="contact"] .nav a[href="#contact"]{color:#ffd2bd}
.header-cta{border:1px solid #faf7ef98;background:#f8f8f10e;box-shadow:inset 0 1px #ffffff26;border-radius:50px;min-height:45px;padding:11px 20px;position:relative;overflow:hidden;backdrop-filter:blur(12px)}
.header-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 12%,#ffffff24 50%,transparent 72%);transform:translateX(-140%);transition:transform .7s ease;pointer-events:none}
.header-cta:hover:before{transform:translateX(140%)}
.header-cta:hover{background:#f8f2e8;color:#17282d;transform:translateY(-2px)}
.header-cta span:last-child{font-size:18px;font-weight:500}
.header:after{content:'';position:absolute;bottom:-1px;left:0;width:var(--page-progress,0%);height:1px;background:linear-gradient(90deg,#d4a48d,#ffe0c1);pointer-events:none;box-shadow:0 0 12px #fac4a29c;transition:width .1s linear}
/* Hero: hero content feels anchored and interactive */
.hero{padding-top:clamp(115px,14svh,165px)}
.hero:before{background:linear-gradient(90deg,#112027eb 0%,#16272cc5 31%,transparent 75%)}
.hero h2{max-width:780px;font-size:clamp(57px,min(7vw,11.5svh),112px);letter-spacing:-.082em;text-shadow:0 9px 35px #020e17b8;margin-bottom:24px}
.hero h2 em{color:#f4bea8}
.hero-copy>p{max-width:470px;font-size:clamp(12px,1.05vw,15px);line-height:1.8;color:#edf2e9}
.hero-actions{gap:25px}
.hero-actions .button-light{background:#f9f5ec;color:#1b2d2f;box-shadow:0 10px 26px #05131f99,0 1px #fff inset;border-radius:40px;transition:background .24s,transform .24s,box-shadow .24s}
.hero-actions .button-light:hover{background:#f4d6c3;transform:translateY(-3px);box-shadow:0 15px 30px #05131fa8}
.hero-actions .simple-link{border-bottom:1px solid #e9d6ca;font-weight:800;transition:gap .24s,color .24s}
.hero-actions .simple-link:hover{color:#f4baa0;gap:23px}
.hero-choices button{border-radius:5px;background:linear-gradient(145deg,#ffffff16,#e5efef05);border-color:#e4ebe260;box-shadow:inset 0 1px #ffffff1f,0 8px 12px #05161c28;transition:background .2s,transform .2s,border .2s}
.hero-choices button:hover{transform:translateY(-3px);border-color:#f2c4ac}
.hero-choices button.selected{background:#f9f5ed;box-shadow:0 12px 20px #03121976;color:#223235}
.hero-select>p{font-size:11px;color:#e1e9df}
.hero-stage .stage-ring{border-color:#f1e2d04a;box-shadow:0 0 0 30px #f4f5ee0a,0 0 0 66px #f4f5ee08,0 0 0 104px #f4f5ee06}
.hero-stage .stage-marker{display:inline-flex;padding:10px 14px;border:1px solid #eff5e849;border-radius:40px;background:#15252b9c;backdrop-filter:blur(12px);color:#e6ebdf;letter-spacing:.11em}
.scene-bottom{border-top-color:#f0e7d74f;color:#e0e8db}
.scene-bottom a{transition:color .22s,letter-spacing .22s}
.scene-bottom a:hover{color:#f4c3a9;letter-spacing:.17em}
/* Services: increase room and keep the UI modules crisp and confident */
.expertises{padding-top:clamp(124px,12svh,168px);padding-bottom:clamp(84px,11svh,125px)}
.expertises:before{background:linear-gradient(90deg,#132329ec 0%,#16292ecf 45%,#1d303662 92%)}
.v11-heading{gap:55px;margin-bottom:clamp(32px,5svh,59px)}
.v11-heading h2{font-size:clamp(49px,5.6vw,86px);line-height:1.015}
.v11-heading h2 em{color:#f8bfa7}
.v11-heading>p{font-size:13px;color:#e0e6d9}
.v11-workspace{gap:clamp(28px,3.4vw,58px);grid-template-columns:minmax(330px,.83fr) minmax(0,1.17fr)}
.v11-service-list{border-top:1px solid #f7e9d54d}
.v11-service{min-height:97px;padding:12px 14px;border-bottom-color:#f5f4ec39;gap:17px;border-radius:3px;transition:padding .24s ease,background .24s ease}
.v11-service:before{background:#f6ba9d}
.v11-service:hover{background:linear-gradient(90deg,#ffe5d219,#ffffff05)}
.v11-service.active{background:linear-gradient(90deg,#ffe7cb20,#d1e8da03 86%);padding-left:20px}
.v11-num{font-size:25px;color:#f3b49b}
.v11-service-label strong{font-size:clamp(16px,1.36vw,21px);line-height:1.3;letter-spacing:-.043em;color:#f4f5ec}
.v11-service-label small{font-size:10px;color:#c1d2c6}
.v11-service-arrow{width:34px;height:34px;border-color:#f3eee58f;background:#f6ebe90b}
.v11-service.active .v11-service-arrow{background:#f8f0e5;box-shadow:0 4px 14px #09181c6b}
.v11-service-footnote{color:#dae3d9;font-weight:700;font-size:11px}
.v11-demo-panel{--glow-x:52%;--glow-y:34%;background:linear-gradient(145deg,#41545ab8,#253940e0 66%,#192c32ef);border:1px solid #f1f6e75a;border-radius:14px;box-shadow:0 35px 79px #030e17c7,0 0 0 1px #fff2;transform:translateZ(0)}
.v11-demo-panel:before{background:radial-gradient(ellipse 72% 55% at var(--glow-x) var(--glow-y),#bcdacf3c,transparent 78%),linear-gradient(145deg,#ffffff1a,transparent 65%);transition:opacity .3s;opacity:.82}
.v11-demo-header{height:65px;border-bottom-color:#e8eee43f;padding:0 25px;letter-spacing:.17em;color:#eef2e8}
.v11-demo-header span:last-child{color:#f8c5a9}
.v11-demo-window{height:clamp(320px,30vw,420px);padding:clamp(14px,2.4vw,26px)}
.v11-demo-window:before{border-color:#e9ede54b;box-shadow:0 0 0 34px #ffffff06,0 0 0 70px #ffffff04}
.v11-demo-window:after{background:radial-gradient(ellipse at 52% 48%,transparent 30%,#12272b54 100%)}
.v11-demo{transition:opacity .32s,transform .32s,visibility 0s linear .32s}
.v11-demo.active{transition:opacity .32s,transform .32s}
.demo-instruction{color:#f0f0e7;font-size:9px;letter-spacing:.1em;bottom:13px;opacity:.9}
.v11-demo-summary{padding:30px 30px 29px;background:linear-gradient(155deg,#14262cec,#122127fa);border-top:1px solid #ffffff37}
.v11-demo-summary>div>span{font-size:10px;color:#f3b69c}
.v11-demo-summary h3{font-size:clamp(26px,2.3vw,35px);letter-spacing:-.055em}
.v11-demo-summary p{font-size:12px;line-height:1.75;color:#d9e4d8}
.v11-chips{gap:7px;margin-top:17px}
.v11-chips span{border-color:#ecf0e557;color:#f4f1e8;padding:7px 12px;background:#ffffff08}
.v11-demo-cta{border:1px solid #f9e5d5aa;background:#faf2eb0d;border-radius:36px;min-height:44px;padding:10px 18px;font-size:11px;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.v11-demo-cta:hover{background:#f7efe5;color:#14252b;box-shadow:0 8px 22px #020d16a6}
.demo-compare{border:1px solid #f6eee2c9;border-radius:10px;box-shadow:0 30px 58px #061019bd,0 0 0 1px #fff3;aspect-ratio:1.8;height:auto;max-height:80%;width:min(530px,94%);user-select:none}
.demo-website.after{box-shadow:inset 0 0 75px #d3ad802a}
.before-tag,.after-tag{background:#fffaf0f0;color:#263238;box-shadow:0 3px 10px #08111835}
.demo-compare-handle span{height:44px;width:44px;background:#fff9ee;box-shadow:0 5px 17px #09111680;font-size:21px}
.demo-workflow,.demo-software,.funnel-card,.demo-audit{box-shadow:0 26px 47px #020d17c7,0 0 0 1px #e9ece52b}
.demo-workflow{border-color:#f4eee080;background:#172c34e6;border-radius:11px}
.workflow-node{min-height:145px;border-radius:7px;box-shadow:inset 0 1px #fff}
.workflow-bottom button{transition:background .2s,transform .2s}
.workflow-bottom button:hover{background:#ffe5d0;transform:translateY(-2px)}
.demo-software{border-color:#dce7d18c;box-shadow:0 28px 45px #031018c4,0 0 0 1px #dceadb25;border-radius:10px}
.software-tabs button:focus-visible{outline:1px solid #f9d0b7;outline-offset:1px}
.funnel-card{border-color:#fff5e5;background:#f9f5ed}
.funnel-options button{transition:transform .2s,border .2s,background .2s}
.funnel-options button:hover{transform:translateY(-2px)}
.demo-audit{border-color:#dce7dc88;background:#192c33e5}
.audit-switch button{transition:background .2s,color .2s}
.audit-line>div i{background:linear-gradient(90deg,#7ea8a2,#edbe9e)}
/* Contact: 3D remains ambient; form must be unmistakably usable */
.contact{padding-top:clamp(127px,13svh,167px)}
.contact:before{background:linear-gradient(90deg,#14232add 0%,#192b30b4 53%,#182a3362 100%)}
.contact-story h2{font-size:clamp(51px,5.5vw,91px);line-height:1.025;letter-spacing:-.071em}
.contact-story h2 em{color:#f4bda5}
.contact-story>p{font-size:13px;line-height:1.85;color:#e3e9df}
.contact-email{border-color:#f3e9dc;transition:color .2s,gap .2s}
.contact-email:hover{color:#f4c1a6;gap:30px}
.contact-orbit{filter:drop-shadow(0 10px 26px #03131eb9)}
.form-shell{border:1px solid #fff5e7e8;border-radius:14px;background:linear-gradient(145deg,#fcfaf6,#f6f4ed 88%);box-shadow:0 33px 80px #020e18c9,0 0 0 1px #ffffff2e;position:relative;overflow:visible}
.form-shell:before{content:'';position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,#ffffff 30%,#d8bca6 63%,transparent);pointer-events:none}
.form-header{color:#7f8981;border-bottom:1px solid #dbdcd2;padding-bottom:19px}
.form-header span:first-child i{box-shadow:0 0 0 4px #b5796031}
.form-shell h3{color:#263436}
.form-help{color:#626f66;font-size:12px}
.form-progress{border-bottom-color:#e3dfd5;margin-bottom:22px;padding-bottom:17px}
.form-progress .progress-track{height:4px}
.form-progress .progress-track i{background:linear-gradient(90deg,#a76f59,#d8a48a)}
.need-field legend{font-size:12px}
.need-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.need-options span{background:#ffffff;min-height:48px;border:1px solid #c9d1ca;box-shadow:0 2px 9px #3d504010;font-size:10px;transition:transform .18s,background .18s,border-color .18s}
.need-options label:hover span{border-color:#c3876e;transform:translateY(-2px)}
.need-options input:checked+span{background:#1e3339;color:#fffbef;border-color:#1e3339;box-shadow:0 8px 15px #213c412e}
.form-field{font-size:12px;gap:10px}
.form-field input,.form-field textarea{background:#fffefa;color:#203237;font-size:13px;line-height:1.6;border:1px solid #cdd1cb;border-radius:6px;min-height:53px;transition:border-color .2s,box-shadow .2s}
.form-field input:hover,.form-field textarea:hover{border-color:#a5b6ae}
.form-field input:focus,.form-field textarea:focus{border-color:#bb7c64;box-shadow:0 0 0 3px #c891782b}
.form-field textarea{min-height:121px;max-height:330px}
.form-consent{color:#68776d}
.send-button{background:linear-gradient(115deg,#1d3238,#2a4146);color:#fcf8ee;box-shadow:0 13px 26px #1b33352e;min-height:58px;border-radius:7px;transition:transform .23s,box-shadow .23s,background .23s}
.send-button:hover{background:#38545a;transform:translateY(-2px);box-shadow:0 16px 34px #1b333547}
.form-shell.v12-active{box-shadow:0 35px 90px #020e18d1,0 0 0 1px #ffcaae63}
.form-disclaimer{color:#66736b}
.form-status:not(:empty){color:#9f563b}
/* Closing frame worthy of an agency signature */
.footer{background:radial-gradient(ellipse 60% 130% at 90% 13%,#304147,transparent 75%),linear-gradient(160deg,#192930,#111c22);border-top:1px solid #f4f5ee38;position:relative;overflow:hidden}
.footer:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #eff1de20;border-radius:50%;top:-160px;right:-50px;transform:rotateX(70deg) rotate(-15deg);pointer-events:none;box-shadow:0 0 0 48px #ffffff05,0 0 0 95px #ffffff03}
.v11-footer-top{padding:clamp(50px,7vw,85px) 0 clamp(40px,5vw,59px);border-bottom:1px solid #ffffff35}
.footer-message>span{color:#edbca6}
.footer-message strong{font-size:clamp(36px,4.8vw,73px);line-height:1.08;letter-spacing:-.085em}
.footer-message em{color:#f7c3aa}
.v11-footer-cta{border:1px solid #f8efe3bd;border-radius:45px;background:#ffffff0c;min-height:54px;padding:12px 22px;backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff26;transition:transform .23s,background .23s}
.v11-footer-cta:hover{transform:translateY(-3px);background:#f7efe4;color:#15272c}
.footer-inner{position:relative;z-index:2;padding-top:29px}
.footer-links a:hover{color:#f8c3a7}
.footer-legal{color:#c0cdc2}
@media(max-width:1250px){
 .v11-workspace{grid-template-columns:minmax(295px,.8fr) minmax(0,1.2fr);gap:27px}
 .v11-service{gap:13px;min-height:91px}
 .v11-service-label strong{font-size:17px}
 .v11-demo-summary{padding:25px}
 .v11-demo-window{height:375px}
}
@media(max-width:1000px){
 .v11-heading{gap:20px}
 .v11-workspace{grid-template-columns:1fr}
 .v11-service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}
 .v11-service{min-height:87px}
 .v11-service-footnote{grid-column:1/-1}
 .v11-demo-panel{max-width:900px}
 .v11-demo-window{height:400px}
 .v11-demo-summary{display:flex}
 .nav{gap:22px}
}
@media(max-width:700px){
 .brand .brand-logo{width:36px;height:36px}
 .brand-word b{font-size:11px}
 .header-cta{min-height:40px;padding:9px 11px;font-size:9px;gap:11px}
 .nav{background:#192b31f5}
 #intro .intro-core h1{font-size:clamp(54px,10.6vw,79px);line-height:.91}
 #intro .intro-eyebrow{font-size:8px;padding:8px 11px}
 #intro .intro-core p{font-size:12px;max-width:340px;padding:11px 13px}
 .hero{padding-top:clamp(120px,15svh,151px)}
 .hero h2{font-size:clamp(50px,11vw,77px);margin-bottom:18px}
 .hero-copy>p{font-size:12px;max-width:350px}
 .hero-actions .button-light{min-height:47px}
 .hero-choices{gap:6px}
 .hero-choices button{min-height:57px}
 .hero-stage .stage-marker{font-size:8px;padding:7px 10px}
 .v11-heading{gap:18px;margin-bottom:28px}
 .v11-heading h2{font-size:clamp(45px,10.1vw,66px)}
 .v11-heading>p{font-size:11px}
 .v11-service-list{display:grid;grid-template-columns:1fr;gap:0}
 .v11-service{min-height:73px;padding:10px 10px;gap:10px}
 .v11-service.active{padding-left:17px}
 .v11-service-label strong{font-size:17px}
 .v11-service-label small{font-size:9px}
 .v11-num{font-size:21px}
 .v11-service-arrow{width:29px;height:29px}
 .v11-demo-panel{border-radius:11px}
 .v11-demo-header{height:52px;padding:0 16px}
 .v11-demo-window{height:340px;padding:12px}
 .v11-demo-summary{padding:22px;display:block}
 .v11-demo-summary h3{font-size:25px}
 .v11-demo-summary p{font-size:11px}
 .v11-demo-cta{margin-top:17px;width:100%;justify-content:space-between}
 .demo-compare{height:235px;max-height:78%;aspect-ratio:auto}
 .demo-instruction{font-size:8px}
 .demo-workflow{width:97%;padding:15px 10px}
 .demo-software{height:240px}
 .funnel-card{padding:18px;width:96%}
 .demo-audit{padding:16px;width:97%}
 .contact{padding-top:116px}
 .contact-story h2{font-size:clamp(52px,11vw,76px)}
 .form-shell{padding:27px 20px;border-radius:11px}
 .need-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .need-options span{min-height:43px}
 .form-shell h3{font-size:31px}
 .v11-footer-top{padding:50px 0 35px;flex-direction:column;align-items:start}
 .footer-message strong{font-size:clamp(38px,9vw,60px)}
 .v11-footer-cta{min-height:49px}
}
@media(max-width:390px){
 .hero h2{font-size:10.6vw}
 .v11-demo-window{height:320px}
 .demo-compare{height:210px}
 .v11-service-label strong{font-size:16px}
 .header-cta{font-size:8px;padding:8px}
 .footer-message strong{font-size:9.2vw}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 #world .world-fallback:before,#world .world-fallback:after{animation:none!important}
 *,*:before,*:after{transition-duration:.01ms!important}
}