/* COMMAND OS STUDIO — V13, designed to integrate without resetting V12 */
:root{--tone-ivory:#f9f4e9;--tone-peach:#f5c3ae;--tone-graphite:#17282e}
html{scroll-padding-top:92px}
body{background:#14242a}
#world{background:radial-gradient(ellipse 67% 78% at 71% 50%,#3f585e 0%,#23343b 52%,#132127 100%);filter:none}
#world:before{opacity:.69}
#world .world-grid{opacity:.25;background-size:90px 90px}
#world.webgl-ready .world-grid{opacity:.19}
/* The text floats above the atmosphere; the cinematic 3D stays behind. */
.hero:before{background:linear-gradient(90deg,#122229f4 0%,#15262cda 24%,#15293087 49%,transparent 76%);z-index:0}
.hero .hero-copy{position:relative;z-index:4}
.hero-stage{z-index:1;pointer-events:none}
.hero-stage:before,.hero-stage:after{border-color:#dceae137}
.hero h2{font-size:clamp(58px,min(6.85vw,11.8svh),114px);line-height:.955;letter-spacing:-.087em;text-shadow:0 13px 36px #04131acb}
.hero h2 em{color:#f4c1a9}
.hero-copy>p{font-size:clamp(13px,1.0vw,15px);line-height:1.9;max-width:465px;text-wrap:pretty;color:#f0f0e8}
.hero-actions{margin-top:27px}
.hero-actions .button-light{border-radius:60px;min-height:55px;padding:0 22px;font-size:12px;background:linear-gradient(125deg,#fffdfa,#efe4d9);border:1px solid #fff7e9;box-shadow:0 16px 36px #04121bb3,inset 0 1px #fff}
.hero-actions .button-light:hover{transform:translateY(-3px) scale(1.012);box-shadow:0 21px 44px #04121bbe}
.hero-actions .simple-link{font-size:11px;gap:17px}
.hero-select{margin-top:clamp(26px,4.6svh,42px);width:min(568px,98%);border-top:1px solid #f7eee75e;padding-top:21px}
.hero-select>.v13-select-title{display:block;letter-spacing:normal;line-height:1.15}
.v13-select-title small{display:block;font:800 9px/1.6 var(--sans);letter-spacing:.2em;color:#f1b99d;margin-bottom:10px}
.v13-select-title strong{display:block;font:700 clamp(19px,1.8vw,25px)/1.25 var(--sans);letter-spacing:-.057em;color:#f9f4e9}
.v13-select-title em{font:italic 400 1.25em/1 var(--serif);color:#f5bea9;letter-spacing:-.01em}
.hero-choices{margin-top:17px;gap:9px}
.hero-choices button{position:relative;border:1px solid #e8e8dd66;border-radius:10px;overflow:hidden;min-height:77px;padding:13px 14px;background:linear-gradient(140deg,#c7ded81a,#e0f2e70c 76%);box-shadow:inset 0 1px #ffffff25,0 8px 25px #03101855;backdrop-filter:blur(8px);font-size:11px;gap:11px;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.hero-choices button:before{content:'';position:absolute;top:-110%;right:-30%;width:50%;height:200%;transform:rotate(32deg);background:linear-gradient(90deg,transparent,#fffbf31a,transparent);transition:right .45s;pointer-events:none}
.hero-choices button:hover:before{right:100%}
.hero-choices button:hover{transform:translateY(-4px);border-color:#f6c7b0;box-shadow:0 13px 30px #03101880}
.hero-choices button b{font-size:10px;color:#f8b99f}
.hero-choices button.selected{background:linear-gradient(135deg,#fff9ef,#e6dfd5);border-color:#fff2df;box-shadow:0 15px 33px #02131dad,inset 0 1px #fff;color:#213238}
.hero-choices button.selected b{color:#b96850}
.hero-choices button span{font-size:11px;line-height:1.4;font-weight:800}
.hero-select>p{min-height:32px;margin-top:14px;color:#e3e8dd;font:600 clamp(11px,.95vw,13px)/1.75 var(--sans);letter-spacing:-.006em;text-wrap:pretty}
.v13-3d-button{position:absolute;right:6%;top:63%;display:flex;flex-direction:column;gap:9px;align-items:center;border:0;background:transparent;color:#f8ede2;z-index:7}
.v13-3d-button>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#13282fc7;border:1px solid #f5e8de96;backdrop-filter:blur(10px);font-size:24px;box-shadow:0 10px 30px #04121b7d,0 0 0 7px #ffffff0c;transition:transform .32s,background .32s}
.v13-3d-button:hover>span,.v13-3d-button:focus-visible>span{transform:rotate(60deg) scale(1.07);background:#6a504cdd}
.v13-3d-button small{font-size:9px;letter-spacing:.13em;font-weight:800;color:#eef3e8}
/* 5 core services, 4 adjacent offers remain tightly scoped in one strip */
.v11-heading h2{font-size:clamp(50px,5.7vw,90px)}
.v11-heading>p{font-size:13px;line-height:1.9;max-width:390px}
.v11-service{min-height:96px;gap:16px}
.v11-service-label strong{font-size:clamp(17px,1.4vw,22px)}
.v11-service:hover{padding-left:20px}
.v11-demo-panel{border:1px solid #eff2e271;box-shadow:0 36px 85px #03111ac7,0 0 0 1px #fffcf30c}
.v11-demo-panel:before{background:radial-gradient(ellipse 66% 54% at var(--glow-x,52%) var(--glow-y,36%),#aecbbf4c,transparent 75%);opacity:.83}
.v11-demo-header{background:linear-gradient(90deg,#0f26303d,#0b252a09)}
.v11-demo-window{height:clamp(335px,32vw,435px);padding:24px}
.v11-demo-summary{background:linear-gradient(140deg,#12272eea,#101e25f6)}
.v11-demo-summary h3{font-size:clamp(28px,2.28vw,37px)}
.v11-demo-summary p{font-size:12px;line-height:1.8}
.v11-chips span{font-size:10px;border-color:#e7efdb56}
.v13-adjacent{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-top:33px;padding:22px 0;border-top:1px solid #e5f0e03a;color:#dfebe2}
.v13-adjacent>span{font:800 9px/1.5 var(--sans);letter-spacing:.19em;color:#f4baa3}
.v13-adjacent p{margin:0;font:700 11px/1.8 var(--sans);letter-spacing:.006em}
.v13-adjacent i{font-style:normal;color:#e7a78f;margin:0 11px;font-size:9px}
.demo-compare{width:min(550px,94%);height:min(300px,79%);aspect-ratio:1.75;border-radius:10px;background:#eeece6;border:1px solid #fff3e6;box-shadow:0 26px 55px #03121ebd,0 0 0 1px #ffffff2b;contain:paint;isolation:isolate}
.demo-website{background:#e4e4e0}
.v13-browser-bar{height:31px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;background:#deded9;border-bottom:1px solid #c7c9c3;font:700 8px var(--sans);color:#727972}
.v13-dots{display:flex;align-items:center;gap:4px;min-width:39px}.v13-dots i{width:5px;height:5px;border-radius:50%;background:#adb2a8}.v13-address{padding:4px 22px;border-radius:4px;background:#f6f6f3;color:#8f938d;max-width:63%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v13-browser-bar>b{font-size:12px;font-weight:600}
.v13-before-page{color:#474d49;background:#e3e3df;height:calc(100% - 31px);overflow:hidden}
.v13-before-nav{height:32px;background:#eeeeea;display:flex;justify-content:space-between;align-items:center;gap:5px;padding:0 14px;border-bottom:1px solid #d0d0cc}.v13-before-nav b{font:700 10px Arial,sans-serif;color:#53605a;letter-spacing:0}.v13-before-nav span{font:400 8px Arial,sans-serif;color:#7c847e;white-space:nowrap}
.v13-before-page-main{padding:22px 22px 10px}.v13-before-page-main>span{color:#818a80;font:700 8px Arial,sans-serif}.v13-before-page-main h4{font:700 clamp(20px,2vw,31px)/1.1 Arial,sans-serif;letter-spacing:0;color:#515a55;margin:10px 0 7px}.v13-before-page-main p{font:400 9px/1.5 Arial,sans-serif;color:#818982;max-width:250px;margin:0}.v13-before-page-main>b{display:inline-block;background:#747e78;color:white;padding:9px 11px;margin-top:13px;font:700 7px Arial,sans-serif}.v13-before-boxes{display:flex;gap:7px;margin:10px 17px}.v13-before-boxes i{flex:1;height:30px;background:#d2d4ce}
.demo-website.after{background:#8b756b}
.v13-bar-premium{background:#f5efe5;border-color:#e4daca}.v13-bar-premium .v13-address{background:#e7e2d9;color:#706b64}.v13-bar-premium .v13-dots i{background:#c0b6a9}
.v13-after-page{height:calc(100% - 31px);position:relative;overflow:hidden;background:linear-gradient(130deg,#4e5551,#83796e 57%,#c6ab91)}
.v13-after-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,#1d292b99 0%,#3a382d3c 54%,#241d1638 100%),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1600&q=90");background-position:center;background-size:cover;filter:saturate(.72) contrast(1.05);transform:scale(1.01)}
.v13-after-page:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#171e2044,transparent 53%)}
.v13-after-nav{position:relative;z-index:2;height:40px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#fff9f0;padding:0 17px;border-bottom:1px solid #fff7e85c}.v13-after-nav b{white-space:nowrap;font:800 9px var(--sans);letter-spacing:.04em}.v13-after-nav em{font:italic 400 16px var(--serif)}.v13-after-nav span{font:700 8px var(--sans);white-space:nowrap}
.v13-after-page-main{position:absolute;z-index:3;left:clamp(18px,3vw,29px);top:31%;color:#fff8ed}.v13-after-page-main>span{font:800 8px var(--sans);letter-spacing:.16em;color:#f8dbc9}.v13-after-page-main h4{font:400 clamp(34px,4vw,53px)/.85 var(--serif);margin:11px 0 10px;letter-spacing:-.022em;text-shadow:0 3px 12px #1c1c1b70}.v13-after-page-main h4 em{font-style:italic}.v13-after-page-main p{font:600 9px/1.6 var(--sans);max-width:230px;color:#f9f0e5;margin:0}.v13-after-page-main>b{font:800 8px var(--sans);display:inline-flex;align-items:center;gap:12px;border-radius:25px;background:#f7f0e5;color:#4c453f;padding:9px 13px;margin-top:14px}.v13-after-page-main>b i{font-style:normal}
.v13-after-index{position:absolute;z-index:3;bottom:11px;right:14px;color:#f7f1e5;font:700 7px var(--sans);letter-spacing:.06em}
.demo-compare-handle{background:#fff7e9;width:2px;box-shadow:0 0 12px #161a1990}
.demo-compare-handle span{width:48px;height:48px;border:1px solid #fffded;box-shadow:0 5px 16px #0a1816a1;font-size:21px;backdrop-filter:blur(6px)}
.compare-tag{background:#faf8f1ef;color:#283a3b;box-shadow:0 3px 9px #141a155e;letter-spacing:.1em}
.workflow-node{border-color:#e3ede3}
.workflow-connector:before{content:'';position:absolute;right:-2px;top:-3px;border-left:6px solid #c6b6a7;border-top:4px solid transparent;border-bottom:4px solid transparent}
.demo-workflow.running .workflow-node{transform:translateY(-4px);box-shadow:0 0 19px #eac8a14e}
.demo-workflow .workflow-heading{color:#ebeee6}
.demo-software{transform:perspective(1400px) rotateY(-3deg) rotateX(3deg);border-color:#d7e2d78a}
.software-screen>strong{font-size:17px}
.demo-funnel .funnel-card{background:#fcf8f1;border-radius:10px}
.funnel-options button:hover{background:#fff6e8}
.audit-switch button.active{box-shadow:0 2px 9px #09191870}
.contact:before{background:linear-gradient(90deg,#102128e4 0%,#192c31bf 51%,#182c3266 100%)}
.contact-story>p{font-size:13px;color:#e1ebdf}
.form-shell{background:linear-gradient(145deg,#fffefa,#f2f3ee);border-color:#fbf6e8;border-radius:14px;box-shadow:0 39px 92px #02111bc9,inset 0 1px #fff}
.form-shell:after{content:'';position:absolute;right:-1px;top:80px;height:235px;width:3px;border-radius:6px;background:linear-gradient(180deg,transparent,#dfb397,transparent);opacity:.7;pointer-events:none}
.form-header{letter-spacing:.15em;color:#7b887f}
.form-shell h3{font-size:clamp(31px,2.5vw,40px)}
.form-help{font-size:12px;color:#66726a}
.form-progress{font-size:10px;letter-spacing:.05em}
.need-options span{border-radius:7px;background:#ffffff;min-height:49px}
.need-options input:checked+span{background:#1e343b;box-shadow:0 7px 21px #12313c3c}
.form-field input,.form-field textarea{border:1px solid #cdd7cf;min-height:54px;border-radius:7px}
.form-field input:focus,.form-field textarea:focus{box-shadow:0 0 0 3px #c78d6a2d;border-color:#bb836b}
.send-button{background:linear-gradient(110deg,#1c3036,#30484c);border-radius:7px}
.send-button:hover{background:#35555b}
.v11-footer-top{padding:clamp(60px,7svh,90px) 0}
.footer-message strong{letter-spacing:-.077em}
.v11-footer-cta{border-radius:50px;min-height:56px}
/* Responsive: never clip working controls to fit one viewport. */
@media(max-width:1100px){.v11-demo-window{height:385px}.demo-compare{height:min(290px,78%)}.hero-choices button{padding:12px 10px}}
@media(max-width:700px){
 .hero{padding-top:130px}
 .hero h2{font-size:clamp(52px,11.3vw,78px)}
 .hero-select{width:100%;margin-top:26px;padding-top:16px}
 .v13-select-title strong{font-size:21px}
 .hero-choices button{min-height:68px;padding:10px 8px;gap:7px;border-radius:8px}
 .hero-choices button span{font-size:9px}
 .hero-choices{gap:6px;margin-top:14px}
 .hero-select>p{font-size:11px;min-height:0}
 .v13-3d-button{right:8%;top:auto;bottom:18%}
 .v13-3d-button>span{width:43px;height:43px;font-size:20px}
 .v13-3d-button small{font-size:8px}
 .v11-demo-window{height:325px;padding:13px}
 .demo-compare{height:210px;width:96%}
 .v13-before-page-main{padding:18px 13px}
 .v13-before-page-main h4{font-size:20px}
 .v13-before-page-main p{font-size:8px}
 .v13-after-nav{padding:0 10px}
 .v13-after-nav span{font-size:6px}
 .v13-after-page-main{top:30%;left:17px}
 .v13-after-page-main h4{font-size:37px}
 .v13-after-page-main p{font-size:8px}
 .v13-after-page-main>b{font-size:7px;margin-top:8px}
 .v13-after-index{font-size:6px}
 .v13-adjacent{gap:8px;margin-top:20px}
 .v13-adjacent p{font-size:10px}
 .v13-adjacent i{margin:0 6px}
 .v11-demo-summary h3{font-size:25px}
 .v11-demo-summary p{font-size:11px}
 .form-shell{padding:25px 20px}
 .form-shell h3{font-size:29px}
}
@media(max-width:380px){
 .hero-choices button{min-height:63px;padding:9px 6px}
 .hero-choices button span{font-size:8px}
 .v13-select-title strong{font-size:19px}
 .v11-demo-window{height:305px}
 .demo-compare{height:195px}
 .v13-after-page-main h4{font-size:31px}
 .v13-before-page-main h4{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
 .hero-choices button:before{display:none}
 .v13-3d-button>span,.hero-choices button,.demo-compare{transition:none!important}
}

/* Height-aware hero sizing: laptop at 100% zoom must not require browser zoom-out. */
@media(min-width:701px) and (max-height:850px){
 .hero{padding-top:clamp(96px,12svh,118px);padding-bottom:65px}
 .hero h2{font-size:clamp(54px,min(6.7vw,10.8svh),93px);line-height:.93;margin:13px 0 16px}
 .hero-copy>p{font-size:12px;line-height:1.65}
 .hero-actions{margin-top:16px}
 .hero-actions .button-light{min-height:47px;font-size:11px}
 .hero-select{margin-top:17px;padding-top:14px}
 .v13-select-title small{margin-bottom:5px}
 .v13-select-title strong{font-size:20px}
 .hero-choices{margin-top:11px}
 .hero-choices button{min-height:59px;gap:5px;padding:9px 12px}
 .hero-select>p{font-size:11px;line-height:1.5;min-height:0;margin-top:7px}
 .scene-bottom{bottom:14px}
}
@media(min-width:701px) and (max-height:690px){
 .hero{padding-top:94px;padding-bottom:51px}
 .hero h2{font-size:min(6vw,10svh);margin:9px 0 12px}
 .hero-select{margin-top:12px}
 .hero-choices button{min-height:53px}
 .v13-select-title strong{font-size:18px}
 .hero-actions .button-light{min-height:44px}
}