/* Hero master — the user's approved composition, not a framed dashboard. */
:root{--simbios-header-h:clamp(80px,6.55vw,104px)}
.header{background:#121612;border-bottom-color:#ffffff24;backdrop-filter:blur(16px)}
.header.has-scrolled{background:#121612f5}
.header>.shell,.hero>.shell{max-width:1720px;padding-inline:clamp(28px,4.3vw,80px)}
.header-row{height:var(--simbios-header-h);display:grid;grid-template-columns:1fr auto 1fr;gap:30px}
.header .brand{justify-self:start}.header .brand img{width:clamp(190px,16vw,255px);height:auto}
.header .desktop-nav{gap:clamp(28px,3.8vw,60px);font-size:clamp(14px,1.14vw,18px)}
.header .header-cta{justify-self:end;font-size:clamp(14px,1.07vw,17px);gap:25px}
.header .header-cta>.circle{width:49px;height:49px;font-size:30px}
.header .menu-button{display:none;flex-direction:column;gap:7px;width:44px;height:44px;justify-content:center;padding:7px}
.header .menu-button span{width:28px;height:2px;background:var(--paper)}
.hero{--hero-baseline-h:clamp(100px,15.6svh,155px);--hero-body-h:clamp(500px,calc(100svh - var(--simbios-header-h) - var(--hero-baseline-h)),760px);background:radial-gradient(ellipse at 76% 63%,#39402720,transparent 58%),#121612;overflow:hidden}
.hero-layout{position:relative;display:flex;align-items:center;height:var(--hero-body-h);min-height:0;padding:0;gap:0;isolation:auto}
.hero-copy{position:relative;z-index:2;width:57%;padding:0;margin-top:16px;pointer-events:none}
.hero-copy a{pointer-events:auto}
.hero-copy .eyebrow{color:#bac3bf;font-size:clamp(11px,1vw,15px);font-weight:550;letter-spacing:.055em;margin:0 0 clamp(23px,3.2svh,33px);line-height:1.35;gap:16px}
.hero-copy .eyebrow i{width:43px;height:4px;border-radius:3px}
.hero h1{font-size:clamp(52px,min(5.65vw,9svh),90px);font-weight:720;letter-spacing:-.055em;line-height:.99;text-wrap:initial;margin:0}
.hero h1>span,.hero h1>em{display:block;white-space:nowrap}
.hero h1 em{padding:0;color:var(--signal)}
.hero h1 em:after{display:none}
.hero-copy .lead{font-size:clamp(20px,min(1.84vw,3svh),29px);font-weight:400;line-height:1.38;letter-spacing:-.023em;color:#d3d8d3;max-width:630px;margin:clamp(22px,2.9svh,30px) 0 clamp(27px,3.2svh,34px)}
.hero .actions{gap:clamp(24px,2.1vw,34px);flex-direction:row;flex-wrap:nowrap;align-items:center}
.hero .button{min-height:clamp(56px,7svh,70px);padding:16px clamp(23px,2.1vw,34px);gap:22px;border-radius:9px;font-size:clamp(17px,1.42vw,22px);font-weight:650;letter-spacing:-.028em;white-space:nowrap;background:var(--signal);box-shadow:inset 0 1px 0 #fff8}
.hero .button>span{font-size:29px;font-weight:400}
.hero .button:hover{background:#fff000;box-shadow:0 8px 28px -15px #f5e50070,inset 0 1px 0 #fff8}
.hero .play-link{font-size:clamp(14px,1.12vw,18px);gap:18px;white-space:nowrap;font-weight:400}
.hero .play-link>.circle{width:clamp(44px,3.5vw,55px);height:clamp(44px,3.5vw,55px);border-color:#eef1eb;font-size:23px}
.hero .play-link svg{margin-left:2px}
.hero-copy .meta{font-size:clamp(12px,1.03vw,16px);color:#89968c;line-height:1.5;margin-top:17px;letter-spacing:-.012em}
.hero-scene{position:absolute;top:0;bottom:0;right:-2%;width:54%;min-height:0;margin:0;border:0;border-radius:0;aspect-ratio:auto;align-self:auto;display:block;background:none;isolation:auto;--scene-x:0px;--scene-y:0px}
.hero-art-frame{position:absolute;top:12.5%;right:0;left:auto;width:min(108%,calc(var(--hero-body-h)*1.18));max-width:none;flex:none;margin:0;transform:translate3d(var(--scene-x),var(--scene-y),0);transition:transform .55s var(--ease);mix-blend-mode:lighten}
.hero-art{width:100%;max-width:100%;margin:0;height:auto;filter:none;animation:none;mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
.hero-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.hero .floating-label{position:absolute;z-index:3;min-width:0;padding:clamp(12px,1.05vw,17px) clamp(14px,1.15vw,19px);border-radius:9px;box-shadow:0 10px 26px #00000018;backdrop-filter:none;animation:none;transform:none;transition:none;line-height:1.4;letter-spacing:-.018em}
.hero .floating-label strong{font-size:clamp(14px,1.13vw,18px);font-weight:600;line-height:1.25;margin:0 0 6px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.hero .floating-label>span,.hero .floating-label>div>span{font-size:clamp(11px,.94vw,15px);color:#505850;white-space:nowrap}
.hero .label-crm{left:23%;top:-6%;right:auto;bottom:auto;min-width:22%;background:#f6f5ef;border:1px solid #ffffffa0;color:var(--ink)}
.hero .label-crm b{display:grid;place-items:center;min-width:24px;height:24px;padding:0;border-radius:50%;background:var(--signal);color:var(--ink);font-size:16px;font-weight:500}
.hero .label-erp{top:3%;right:2%;left:auto;bottom:auto;min-width:21%;color:var(--ink);background:#f6f5ef;border:1px solid #ffffffa0}
.hero .label-erp>span{color:#505850}.hero .label-erp b{width:8px;height:8px;border-radius:50%;background:var(--signal);font-size:0;box-shadow:0 0 8px #f5e50070}
.hero .label-bi{right:3%;bottom:6%;top:auto;left:auto;display:flex;align-items:center;gap:15px;min-width:27%;background:#f6f5ef;border:1px solid #ffffffa0;color:var(--ink)}
.hero .label-bi strong{margin-bottom:5px}
.hero .label-bi .hero-mini-chart{display:flex;align-items:flex-end;gap:5px;height:42px;flex:none}
.hero-mini-chart i{display:block;width:5px;height:20px;border-radius:3px;background:var(--signal)}
.hero-mini-chart i:nth-child(2){height:31px}.hero-mini-chart i:last-child{height:42px;background:var(--ink)}
.hero .art-caption{position:absolute;left:0;right:0;bottom:5.2%;display:block;text-align:center;font-size:clamp(11px,.97vw,15px);line-height:1.4;color:#8e9a90;letter-spacing:-.018em}
.hero-baseline{position:relative;min-height:var(--hero-baseline-h);border:0;padding:30px 0;display:flex;flex-direction:row;align-items:center;gap:clamp(28px,3.4vw,54px)}
.hero-baseline:before{content:'';position:absolute;top:0;left:calc(50% - 50vw);right:calc(50% - 50vw);height:1px;background:#ffffff25}
.hero-baseline>span{flex:0 0 26.4%;border-right:1px solid #ffffff25;padding:15px 30px 15px 0;font-size:clamp(12px,.96vw,15px);line-height:1.5;color:#96a196;white-space:normal}
.hero-baseline>div{display:flex;flex:1;justify-content:space-between;align-items:center;gap:20px}
.hero-baseline button{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:0 1 auto;min-height:48px;padding:0;border:0;border-radius:0;background:none;font-size:clamp(15px,1.3vw,21px);font-weight:550;white-space:nowrap}
.hero-baseline button span{font-size:23px;font-weight:400}
.hero-baseline button:hover{background:none;border:0;color:var(--signal)}
.hero-baseline>.circle{display:inline-flex;margin:0;width:49px;height:49px;font-size:29px;border-color:#dce5dd}
@media(min-width:1001px) and (max-height:850px){:root{--simbios-header-h:84px}.hero .floating-label{padding:11px 14px}.hero .floating-label strong{font-size:15px}.hero .floating-label>span,.hero .floating-label>div>span{font-size:12px}.hero .label-crm b{min-width:21px;height:21px;font-size:14px}.hero .label-bi .hero-mini-chart{height:35px}.hero-mini-chart i{height:17px}.hero-mini-chart i:nth-child(2){height:26px}.hero-mini-chart i:last-child{height:35px}}
@media(min-width:1001px) and (max-width:1250px){.hero .actions{gap:20px}.hero .play-link{gap:12px;font-size:13px}.hero .button{font-size:17px;padding-inline:22px}.hero-baseline{gap:25px}.hero-baseline>span{flex-basis:24%;padding-right:22px}.hero-baseline>div{gap:15px}.hero-baseline button{font-size:15px;gap:7px}.hero .label-bi{right:1%}.hero .label-erp{right:0}}
@media(max-width:1000px){:root{--simbios-header-h:80px}.header-row{display:flex}.header .brand img{width:190px}.header .desktop-nav{display:none}.header .header-cta{margin-left:auto}.header .menu-button{display:flex}.hero{--hero-body-h:600px;--hero-baseline-h:120px}.hero-copy{width:59%;margin-top:0}.hero h1{font-size:clamp(42px,5.8vw,57px);font-weight:710}.hero-copy .eyebrow{font-size:11px;gap:12px}.hero-copy .eyebrow i{width:30px;height:3px}.hero-copy .lead{font-size:20px}.hero .actions{gap:20px;flex-wrap:wrap;align-items:center}.hero .button{font-size:17px;min-height:56px;padding-inline:23px}.hero .play-link{font-size:13px;gap:12px}.hero .play-link>.circle{width:38px;height:38px}.hero-scene{width:55%;right:-4%;top:50px;bottom:30px}.hero-art-frame{top:20%;width:110%}.hero .floating-label{padding:10px 12px;border-radius:7px}.hero .floating-label strong{font-size:13px;gap:14px}.hero .floating-label>span,.hero .floating-label>div>span{font-size:10px}.hero .label-crm{left:24%;top:-13%;min-width:140px}.hero .label-crm b{min-width:18px;height:18px;font-size:12px}.hero .label-erp{top:4%;right:0;min-width:126px}.hero .label-bi{right:1%;bottom:2%;min-width:155px;gap:12px}.hero .label-bi .hero-mini-chart{height:30px;gap:4px}.hero-mini-chart i{width:4px;height:14px}.hero-mini-chart i:nth-child(2){height:22px}.hero-mini-chart i:last-child{height:30px}.hero-connectors{opacity:.7}.hero .art-caption{bottom:9%;font-size:11px}.hero-baseline{gap:22px;min-height:120px;flex-wrap:wrap;padding:22px 0}.hero-baseline>span{flex:0 0 100%;padding:0;border:0;font-size:12px}.hero-baseline>div{gap:15px}.hero-baseline button{font-size:15px;gap:8px}.hero-baseline>.circle{width:42px;height:42px}}
@media(max-width:700px){:root{--simbios-header-h:72px}.header>.shell,.hero>.shell{padding-inline:22px}.header .brand img{width:170px}.header .header-cta{display:none}.header .menu-button{margin-left:auto}.hero{--hero-body-h:auto}.hero-layout{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:42px 0 0}.hero-copy{width:100%;margin:0;pointer-events:auto}.hero h1{font-size:clamp(34px,7.8vw,54px);line-height:1.01;letter-spacing:-.05em}.hero-copy .eyebrow{font-size:10px;margin-bottom:26px;letter-spacing:.055em}.hero-copy .eyebrow i{width:32px}.hero-copy .lead{font-size:18px;line-height:1.5;margin:24px 0 28px;max-width:450px}.hero .actions{gap:19px;flex-wrap:wrap}.hero .button{min-height:54px;font-size:16px;padding:15px 22px;gap:22px}.hero .button>span{font-size:25px}.hero .play-link{font-size:13px;gap:11px}.hero .play-link>.circle{width:38px;height:38px}.hero-copy .meta{font-size:12px;margin-top:16px}.hero-scene{position:relative;top:auto;bottom:auto;right:auto;width:100%;max-width:520px;aspect-ratio:1.1;min-height:0;align-self:center;margin:26px 0 0}.hero-art-frame{top:15%;right:-4%;width:108%;max-width:none;margin:0;transform:none}.hero .label-crm{top:-9%;left:23%;min-width:125px}.hero .label-erp{top:6%;right:0;min-width:117px}.hero .label-bi{bottom:3%;right:2%;min-width:151px}.hero .floating-label{padding:9px 10px}.hero .floating-label strong{font-size:12px;margin-bottom:4px}.hero .floating-label>span,.hero .floating-label>div>span{font-size:10px}.hero .label-crm b{min-width:18px;height:18px;font-size:12px}.hero .label-erp b{width:6px;height:6px}.hero .art-caption{bottom:2%;font-size:11px}.hero-baseline{margin-top:6px;min-height:0;padding:23px 0 26px;gap:14px}.hero-baseline>span{font-size:11px;line-height:1.5;flex-basis:100%}.hero-baseline>div{width:100%;gap:6px;flex-wrap:wrap;justify-content:space-between}.hero-baseline button{font-size:12px;gap:5px;min-height:38px}.hero-baseline button span{font-size:16px}.hero-baseline>.circle{display:none}}
@media(max-width:370px){.header>.shell,.hero>.shell{padding-inline:18px}.hero h1{font-size:31px}.hero .actions{gap:16px}.hero .button{font-size:15px;padding-inline:19px}.hero-copy .lead{font-size:17px}.hero-scene{margin-top:32px;aspect-ratio:1.05}.hero .label-crm{left:17%;min-width:115px}.hero .label-erp{min-width:106px;top:6%;right:-1%}.hero .label-bi{min-width:138px;gap:9px;right:1%}.hero .floating-label{padding:8px 9px}.hero .floating-label>span,.hero .floating-label>div>span{font-size:9px}.hero .label-bi .hero-mini-chart{height:27px}.hero-mini-chart i{height:13px}.hero-mini-chart i:nth-child(2){height:20px}.hero-mini-chart i:last-child{height:27px}.hero-baseline button{font-size:11px;gap:4px}}
@media(prefers-reduced-motion:reduce){.hero-art-frame{transform:none;transition:none}.hero .button:hover,.hero-baseline button:hover{transform:none}}