/* Command OS Studio V15 — magnetic spatial UI and polished product experiences */
#world{background:radial-gradient(ellipse 72% 81% at 71% 47%,#53686c 0%,#2d4047 52%,#13232b 100%);}
#world .world-grid{opacity:.14}
.hero:before{background:linear-gradient(90deg,#12222af3 0%,#12232be9 23%,#162932a1 48%,transparent 79%)!important}
.hero-choices{perspective:900px;transform-style:preserve-3d;gap:10px}
.hero-choices button{--v15-rx:0deg;--v15-ry:0deg;--v15-px:50%;--v15-py:50%;transform:perspective(850px) rotateX(var(--v15-rx)) rotateY(var(--v15-ry));transform-style:preserve-3d;min-height:88px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:15px 16px;border-radius:13px;border:1px solid #e9e9dc80;background:linear-gradient(135deg,#d2ece318,#e6f4e80a);box-shadow:0 16px 30px #0613208a,inset 0 1px #ffffff41;overflow:visible;backdrop-filter:blur(14px);transition:transform .16s ease-out,background .23s,border-color .23s,box-shadow .23s;will-change:transform}
.hero-choices button:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--v15-px) var(--v15-py),#fff1db37,transparent 65%);pointer-events:none;opacity:.75;transform:none}
.hero-choices button:after{content:'';position:absolute;inset:1px;border-radius:inherit;border:1px solid #fff2e812;pointer-events:none}
.hero-choices button b{font-size:11px;letter-spacing:.08em;color:#f2bea8;transform:translateZ(22px);text-shadow:0 1px 3px #03151b}
.hero-choices button span{font-size:clamp(10px,1vw,13px);font-weight:800;line-height:1.3;transform:translateZ(30px);text-shadow:0 1px 3px #03151b}
.hero-choices button.selected{background:linear-gradient(140deg,#fffbf1,#e6e0d5);border-color:#fff8e9;box-shadow:0 20px 40px #03151bc9,inset 0 1px #fff}
.hero-choices button.selected:before{opacity:.35}
.hero-choices button.selected b{color:#aa644d;text-shadow:none}
.hero-choices button.selected span{color:#25373a;text-shadow:none}
.hero-choices button:hover{border-color:#ffe5cd;box-shadow:0 24px 43px #03151bb8,inset 0 1px #ffffff48;transform:perspective(850px) rotateX(var(--v15-rx)) rotateY(var(--v15-ry)) translateY(-3px)}
.hero-select>.v13-select-title strong{font-size:clamp(21px,1.85vw,28px);line-height:1.2;letter-spacing:-.053em}
.hero-select>.v13-select-title em{color:#f8c4ac}
.hero-select>p{font-size:clamp(12px,1vw,14px);line-height:1.7;min-height:25px;color:#f0eee5}
.hero-actions .button-light,.header-cta{--v15-mx:0px;--v15-my:0px;--v15-x:50%;--v15-y:50%;transform:translate(var(--v15-mx),var(--v15-my));transition:transform .2s ease-out,color .22s,background .22s,box-shadow .22s;position:relative}
.hero-actions .button-light:after,.header-cta:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--v15-x) var(--v15-y),#e3a88b56,transparent 62%);pointer-events:none;opacity:.7}
.hero-actions .button-light:hover,.header-cta:hover{transform:translate(var(--v15-mx),var(--v15-my))}
.v11-service.active .v11-service-arrow{box-shadow:0 8px 19px #06151c70;transform:rotate(-10deg)}
.v11-demo-panel{--v15-glow-x:55%;--v15-glow-y:40%;border-color:#eaf2e474;box-shadow:0 36px 86px #040e1bdb,0 0 0 1px #fff2}
.v11-demo-panel:before{background:radial-gradient(ellipse 73% 60% at var(--v15-glow-x) var(--v15-glow-y),#f5c5a12c,transparent 78%),linear-gradient(132deg,#cbe7d416,transparent 70%)}
.v11-demo-window{height:clamp(350px,31vw,448px)}
.v11-demo.active .v14-workbench,.v11-demo.active .v14-product,.v11-demo.active .v14-audit-suite,.v11-demo.active .v14-journey{animation:v15-reveal .5s cubic-bezier(.2,.78,.25,1) both}
@keyframes v15-reveal{from{opacity:.45;filter:blur(4px);translate:0 14px;scale:.965}to{opacity:1;filter:none;translate:0 0;scale:1}}
.v14-workbench{background:linear-gradient(140deg,#18323b,#10242c)!important;border-color:#d0e5d68a!important;box-shadow:20px 28px 45px #020e1bce!important}
.v14-workbench .workflow-node{background:linear-gradient(155deg,#fffdf7,#e4eee3);box-shadow:inset 0 1px #fff}
.v15-inbox{display:flex;flex-direction:column;gap:3px;padding:8px 10px;margin:6px 0 0;border:1px solid #cce1d13a;border-radius:5px;background:linear-gradient(100deg,#c9e3d30f,#f3e6d00b);position:relative}
.v15-inbox>span{color:#f2b99c;font-size:7px;font-weight:800;letter-spacing:.1em}
.v15-inbox>strong{color:#f7f4e9;font-size:9px}
.v15-inbox>small{color:#bdd0c3;font-size:8px}
.v15-inbox i{position:absolute;right:10px;top:13px;height:3px;width:16%;background:#eab99d;border-radius:3px;transition:width 2.2s}
.v14-workbench.running .v15-inbox i{width:44%}
.v14-workbench .v14-flow-result{margin-top:7px}
.v14-product{height:min(325px,86%)!important;width:min(568px,97%)!important;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg)!important;background:linear-gradient(145deg,#213840,#152831)!important;border-color:#d1e6d691!important;box-shadow:23px 29px 48px #04111ccc,0 0 0 1px #ffffff19!important}
.v14-product .software-navbar{background:#1c333c}
.v15-software-banner{display:flex;gap:6px;align-items:center;color:#efc4ab;font:800 7px var(--sans);letter-spacing:.09em;margin:3px 0 6px}
.v15-software-banner i{display:block;width:6px;height:6px;border-radius:50%;background:#a0d6bc}
.v14-product .software-screen>strong{font-size:clamp(14px,1.32vw,19px);margin:6px 0 9px}
.v14-product-metrics>div{border-color:#cbe0cd40;background:#e4eee50c}
.v14-journey{grid-template-columns:.88fr 1.12fr;gap:17px;width:min(585px,98%)}
.v14-journey-context{position:relative;min-height:295px;display:flex;flex-direction:column;justify-content:end;padding:0}
.v15-preview-card{height:133px;border-radius:5px;overflow:hidden;box-shadow:12px 16px 27px #020e1cbb;border:1px solid #f9ead883;transform:perspective(700px) rotateY(10deg) rotateX(4deg);margin:0 0 auto}
.v15-preview-browser{height:18px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#f3eee6}
.v15-preview-browser i{height:4px;width:4px;border-radius:50%;background:#b7aaa2}
.v15-preview-photo{height:115px;padding:12px;background:linear-gradient(95deg,#14242bbc,#293b3a4b),url("https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=720&q=85") center/cover;color:#fff5e8}
.v15-preview-photo>span{display:block;font-size:7px;font-weight:800;letter-spacing:.1em}
.v15-preview-photo>b{display:block;font:italic 400 24px/.98 var(--serif);margin:11px 0}
.v15-preview-photo>small{font-size:7px;font-weight:800}
.v14-journey-context>strong{font-size:clamp(18px,1.65vw,25px);text-shadow:0 2px 9px #011019}
.v14-journey-context>span{margin-bottom:6px}
.v14-journey-context p{font-size:9px;margin:5px 0}
.v14-journey-spark{display:none}
.v14-journey .funnel-card{border-color:#fff8ec;box-shadow:19px 26px 40px #06131ec2}
.v14-audit-suite{width:min(564px,98%)!important;border-color:#d9e9d67b!important;background:linear-gradient(135deg,#20353d,#13282f)!important;box-shadow:24px 29px 45px #04111bcc!important}
.v14-site-visual{background:linear-gradient(130deg,#718b86,#b5af9b)}
.v14-audit-suite.optimized .v14-site-visual{background:linear-gradient(120deg,#658c80,#d0b6a0)}
.v14-audit-suite.optimized .v14-site-visual i{transform:rotate(-8deg) scale(1.1)}
.v15-audit-explainer{padding:8px 11px;border:1px solid #c3ddca32;background:#e9f8e30b;margin:10px 18px 0;border-radius:4px;color:#d9e8dd;font-size:9px;font-weight:700;line-height:1.5}
.form-shell{--v15-form-x:50%;--v15-form-y:2%;box-shadow:0 40px 96px #04141ccc,0 0 0 1px #fff5}
.form-shell:before{background:radial-gradient(ellipse 78% 48% at var(--v15-form-x) var(--v15-form-y),#dbc1a13f,transparent 69%);inset:0;z-index:-1}
.form-shell h3{letter-spacing:-.063em}
.need-options span{border-radius:8px;transition:background .2s,border .2s,transform .2s,box-shadow .2s}
.need-options label:hover span{transform:translateY(-2px);box-shadow:0 8px 19px #253f3d24}
.need-options input:checked+span{background:#213a40;border-color:#213a40;box-shadow:0 10px 21px #223e4238}
.send-button{border-radius:8px;background:linear-gradient(117deg,#1c343a,#2e5052);box-shadow:0 15px 30px #122b332b}
.send-button:hover{background:#35595a}
@media(max-width:1100px){.hero-choices button{padding:12px 10px;min-height:78px}.v14-product{height:300px!important}.v14-journey{gap:10px}.v14-journey-context{min-height:250px}.v15-preview-card{height:112px}.v15-preview-photo{height:94px}.v11-demo-window{height:410px}}
@media(max-width:700px){.hero-choices{gap:6px}.hero-choices button{transform:none!important;min-height:65px;padding:10px 7px;border-radius:8px;gap:5px;will-change:auto}.hero-choices button:hover{transform:translateY(-2px)!important}.hero-choices button b,.hero-choices button span{transform:none;text-shadow:none}.hero-choices button span{font-size:9px}.hero-actions .button-light,.header-cta{transform:none!important}.v11-demo-window{height:353px}.v14-workbench{width:99%!important}.v15-inbox{padding:6px;margin-top:3px}.v15-inbox strong,.v15-inbox small{font-size:7px}.v14-product{width:99%!important;height:261px!important}.v15-software-banner{font-size:6px}.v14-product .software-rows>div{padding:5px 0}.v14-journey{grid-template-columns:1fr;gap:4px}.v14-journey-context{min-height:0;text-align:center;align-items:center}.v15-preview-card{display:none}.v14-journey-context>strong{font-size:19px}.v14-journey-context>strong br{display:none}.v14-journey .funnel-card{padding:14px}.v15-audit-explainer{font-size:8px;margin:7px 12px 0;padding:7px}.v14-audit-suite .audit-footer{margin-top:7px}}
@media(max-width:385px){.v11-demo-window{height:330px}.v14-product{height:242px!important}.v14-journey .funnel-card{padding:10px}.v15-audit-explainer{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-choices button{transition:none!important;transform:none!important}.hero-actions .button-light,.header-cta{transform:none!important}.v11-demo.active .v14-workbench,.v11-demo.active .v14-product,.v11-demo.active .v14-audit-suite,.v11-demo.active .v14-journey{animation:none!important}}

/* V15.1: deterministic full-surface light layer and tighter mobile fit */
.hero-choices button:before{top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;transform:none!important;transition:opacity .22s ease!important}
.hero-choices button:hover:before{right:0!important}
.hero-choices button:after{top:1px;right:1px;bottom:1px;left:1px;width:auto;height:auto}
@media(max-width:700px){.v11-demo-window{height:375px}.v14-journey-context .v15-preview-card{display:none}.hero-choices button:before{opacity:.4}}
@media(max-width:385px){.v11-demo-window{height:346px}}