:root{
  --bg:#050710;
  --panel:#0f172c;
  --panel2:#141d34;
  --line:rgba(255,255,255,.12);
  --line-soft:rgba(255,255,255,.07);
  --text:#f8fbff;
  --muted:rgba(248,251,255,.68);
  --blue:#5c8dff;
  --cyan:#4ce9ff;
  --violet:#a77cff;
  --pink:#ff72b6;
  --lime:#dfff57;
  --green:#36eda3;
  --shadow:0 34px 110px rgba(0,0,0,.5);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Pretendard","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  overflow-x:hidden;
}
body :is(h1,h2,h3,p,span,strong,b,li,a,button,label,input,textarea){
  word-break:keep-all;
  overflow-wrap:anywhere;
}
body :is(h1,h2,h3,strong,b){text-wrap:balance}
body :is(p,span,li){text-wrap:pretty}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
button{cursor:pointer}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.nav-icon,.button-icon,.section-icon,.metric-icon,.card-icon,.tile-icon,.panel-icon,.hub-visual-icon{
  flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.nav-icon{width:15px;height:15px;opacity:.86}
.button-icon{width:18px;height:18px}
.section-icon{width:18px;height:18px}
.metric-icon,.panel-icon{width:28px;height:28px;color:var(--cyan)}
.card-icon,.tile-icon{width:34px;height:34px;color:var(--cyan)}
.hub-visual-icon{width:74px;height:74px;color:#08111f;stroke-width:1.45}
.auth-locked .side-rail,.auth-locked .top-dock,.auth-locked main{display:none}
.auth-screen{position:relative;z-index:80;min-height:100svh;display:grid;place-items:center;padding:28px}
body:not(.auth-locked) .auth-screen{display:none}
.auth-card{
  width:min(510px,100%);max-width:calc(100vw - 32px);min-width:0;border:1px solid var(--line);border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045));
  box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:30px
}
.auth-mark{
  width:60px;height:60px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:950;letter-spacing:0;
  box-shadow:0 18px 44px rgba(76,233,255,.18)
}
.auth-card p{margin:0 0 8px;color:var(--cyan);font-size:12px;font-weight:950;letter-spacing:.14em}
.auth-card h1{margin:0;font-size:42px;line-height:1;letter-spacing:0}
.auth-card>span{display:block;margin-top:12px;color:var(--muted);line-height:1.7;white-space:nowrap}
.auth-card form{display:grid;gap:12px;margin-top:24px;min-width:0}
.auth-card label{display:grid;gap:7px;min-width:0;color:rgba(248,251,255,.82);font-size:12px;font-weight:900}
.auth-card input{
  height:44px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.055);
  color:var(--text);outline:none;padding:0 13px
}
.auth-card input:focus{border-color:rgba(76,233,255,.72);box-shadow:0 0 0 3px rgba(76,233,255,.12)}
.auth-card form button{
  min-height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--lime));
  color:#08111f;font-weight:950
}
.auth-message{min-height:18px;color:#fecaca;font-size:12px;line-height:1.5}
.auth-message:empty{display:none}
.auth-id-status{margin-top:-5px;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:850;line-height:1.4}
.auth-id-status:empty{display:none}
.auth-id-status--checking{color:rgba(248,251,255,.72);background:rgba(255,255,255,.055)}
.auth-id-status--available{color:#bbf7d0;background:rgba(22,163,74,.18)}
.auth-id-status--taken,.auth-id-status--error{color:#fecaca;background:rgba(127,29,29,.22)}
.auth-switch,.dock-logout{
  border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--muted);font-weight:850
}
.auth-switch{width:100%;min-height:42px;border-radius:12px;margin-top:10px}
.auth-social{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.auth-social button{min-height:42px;border-radius:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;white-space:nowrap}.auth-social button span{overflow:hidden;text-overflow:ellipsis}
.auth-social-icon{width:18px;height:18px;flex:0 0 18px}
.auth-social-google{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.94);color:#111827}
.auth-social-kakao{border:1px solid rgba(250,225,0,.42);background:#fee500;color:#191919}
.auth-legal{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:rgba(248,251,255,.6);font-size:12px;font-weight:850}
.auth-legal a{color:rgba(248,251,255,.76);text-decoration:underline;text-decoration-color:rgba(76,233,255,.36);text-underline-offset:4px}
.auth-legal a:hover{color:#fff}
.dock-logout{min-height:40px;border-radius:999px;padding:0 14px}
.scene-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.grain{
  position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.075;mix-blend-mode:screen;
  background-image:radial-gradient(#fff .55px,transparent .55px);background-size:8px 8px
}
.side-rail{
  position:fixed;left:22px;top:112px;bottom:auto;z-index:40;width:58px;
  border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(8,12,24,.78),rgba(8,12,24,.5));backdrop-filter:blur(18px);
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:10px;
  box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden;
  transition:width .22s ease, background .22s ease, box-shadow .22s ease
}
.side-rail:hover,.side-rail:focus-within{width:142px;background:linear-gradient(180deg,rgba(8,12,24,.9),rgba(8,12,24,.68));box-shadow:0 28px 86px rgba(0,0,0,.38)}
.rail-logo{height:38px;min-height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);font-weight:950;letter-spacing:.08em;font-size:0;line-height:1;white-space:nowrap;overflow:hidden;padding:0}
.rail-logo::before{content:"O";font-size:13px;line-height:1}
.side-rail:hover .rail-logo,.side-rail:focus-within .rail-logo{font-size:13px;letter-spacing:.1em}
.side-rail:hover .rail-logo::before,.side-rail:focus-within .rail-logo::before{content:""}
.side-rail nav{display:grid;gap:6px}
.side-rail nav a{width:100%;height:34px;border-radius:12px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;justify-items:center;padding:0;color:var(--muted);font-weight:850;font-size:11px;line-height:1;text-align:center;overflow:hidden}
.side-rail:hover nav a,.side-rail:focus-within nav a{grid-template-columns:28px minmax(0,1fr);justify-items:start;column-gap:4px;padding:0 9px;text-align:left}
.side-rail nav a::after{content:attr(data-label);min-width:0;max-width:100%;font-size:10px;font-weight:850;color:rgba(248,251,255,.62);letter-spacing:0;text-align:left;opacity:0;transform:translateX(-6px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-rail:hover nav a::after,.side-rail:focus-within nav a::after{opacity:1;transform:translateX(0)}
.side-rail nav a.active{background:rgba(76,233,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(76,233,255,.2)}
.side-rail nav a.active::after{color:#fff}
.side-rail button{
  min-height:34px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.04);color:var(--cyan);font-size:0;font-weight:900;letter-spacing:.08em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;display:flex;align-items:center;justify-content:center;line-height:1
}
.side-rail button::before{content:"M";font-size:10px;line-height:1}
.side-rail:hover button,.side-rail:focus-within button{font-size:10px;letter-spacing:.06em}
.side-rail:hover button::before,.side-rail:focus-within button::before{content:""}
.top-dock{
  position:fixed;right:22px;top:22px;z-index:40;
  display:flex;gap:12px;align-items:center;
  border:1px solid var(--line);border-radius:999px;background:rgba(8,12,24,.56);backdrop-filter:blur(18px);padding:10px 12px 10px 20px;
}
.top-dock nav{display:flex;gap:18px;color:var(--muted);font-weight:760;font-size:14px}
.top-dock nav a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.top-dock a:hover{color:#fff}
.dock-cta,.dock-link{
  min-height:40px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff!important;font-weight:850
}
.dock-link{background:linear-gradient(135deg,var(--cyan),var(--lime));color:#08111f!important}
.hero-rebuild{
  position:relative;z-index:2;min-height:100svh;width:min(1380px,calc(100% - 220px));margin:0 40px 0 160px;
  display:grid;grid-template-columns:minmax(450px,.92fr) minmax(480px,1.08fr);gap:36px;align-items:center;padding:126px 0 64px;
}
.hero-copy{position:relative;z-index:12;max-width:650px}
.overline{margin:0 0 18px;color:var(--cyan);font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.hero-copy h1{
  margin:0;font-size:clamp(42px,3.7vw,58px);line-height:1.12;letter-spacing:0;font-weight:950;max-width:720px
}
.hero-copy h1 span{display:inline}
.glow-word{
  background:linear-gradient(135deg,#fff 0%,var(--cyan) 45%,var(--lime) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 60px rgba(76,233,255,.12)
}
.hero-description{margin:26px 0 0;max-width:610px;color:var(--muted);font-size:18px;line-height:1.8;word-break:keep-all}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.primary-action,.secondary-action{
  min-height:54px;padding:0 18px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:850;white-space:nowrap
}
.primary-action{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;box-shadow:0 24px 54px rgba(92,141,255,.22)}
.secondary-action{border:1px solid var(--line);background:rgba(255,255,255,.035)}
.quick-numbers{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px}
.quick-numbers article{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.045);backdrop-filter:blur(14px);padding:18px;min-width:0}
.quick-numbers strong{display:block;font-size:28px;letter-spacing:0}.quick-numbers span{display:block;margin-top:6px;color:var(--muted);font-size:14px}

.showcase-shell{position:relative;z-index:1;justify-self:end;width:min(760px,100%);height:690px;perspective:1700px;transform-style:preserve-3d;overflow:visible}
.showcase-shell::before{content:"";position:absolute;left:-70px;top:42px;bottom:64px;width:110px;z-index:18;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,16,.96),rgba(5,7,16,.58) 45%,transparent)}
.scene-lights i{position:absolute;border-radius:50%;filter:blur(54px);opacity:.85}
.scene-lights .l1{width:340px;height:340px;background:rgba(92,141,255,.23);left:18%;top:10%}
.scene-lights .l2{width:260px;height:260px;background:rgba(76,233,255,.22);right:12%;top:21%}
.scene-lights .l3{width:280px;height:280px;background:rgba(255,114,182,.16);right:18%;bottom:12%}
.stage-floor{
  position:absolute;left:50%;bottom:62px;width:560px;height:155px;transform:translateX(-50%) rotateX(78deg);
  border-radius:50%;background:radial-gradient(circle,rgba(92,141,255,.22),rgba(92,141,255,.06) 56%,transparent 75%);
  box-shadow:0 0 95px rgba(92,141,255,.18)
}
.core-object{position:absolute;left:50%;top:40%;width:230px;height:230px;transform:translate(-50%,-50%) translateZ(20px);border-radius:50%;transform-style:preserve-3d}
.core-orbit{position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.o1{animation:spin 18s linear infinite}.o2{inset:-24px;border-color:rgba(76,233,255,.22);animation:spinReverse 15s linear infinite}.o3{inset:24px;border-color:rgba(223,255,87,.18);animation:spin 9s linear infinite}
.core-center{
  position:absolute;inset:38px;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle,rgba(255,255,255,.16),rgba(16,24,46,.96));
  border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow)
}
.core-center b{font-size:42px;letter-spacing:0}.core-center span{margin-top:-42px;color:rgba(255,255,255,.62);font-weight:760}

.deck3d{position:absolute;inset:0;transform-style:preserve-3d}
.deck-card{
  position:absolute;left:56%;top:50%;width:520px;height:410px;border-radius:30px;
  transform-style:preserve-3d;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:var(--shadow);padding:24px;color:#fff;overflow:hidden;
  transition:transform .75s cubic-bezier(.2,1,.2,1), opacity .55s ease, filter .55s ease;
}
.deck-card header{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.deck-card header span{color:var(--cyan);font-weight:950}.deck-card h2{margin:0;font-size:42px;letter-spacing:0}.deck-card p{margin:0;color:var(--muted);line-height:1.55}
.deck-card.active{opacity:1;z-index:20;transform:translate(-44%,-50%) translateZ(150px) rotateX(8deg) rotateY(-9deg)}
.deck-card.next{opacity:.7;z-index:12;filter:saturate(.9);transform:translate(0,-56%) translateZ(20px) rotateX(8deg) rotateY(-26deg) rotateZ(7deg) scale(.8)}
.deck-card.prev{opacity:.45;z-index:12;filter:saturate(.86);transform:translate(-78%,-55%) translateZ(10px) rotateX(8deg) rotateY(24deg) rotateZ(-7deg) scale(.78)}
.deck-card.far{opacity:.34;z-index:6;filter:blur(.4px) saturate(.75);transform:translate(4%,-34%) translateZ(-150px) rotateY(-32deg) scale(.66)}
.deck-card.tail{opacity:.18;z-index:3;filter:blur(.8px) saturate(.68);transform:translate(-12%,-22%) translateZ(-220px) rotateY(-22deg) scale(.56)}
.deck-card.back{opacity:.22;z-index:4;filter:blur(.6px) saturate(.7);transform:translate(-84%,-34%) translateZ(-160px) rotateY(32deg) scale(.66)}
.ui-preview{height:278px;border-radius:22px;border:1px solid var(--line-soft);background:rgba(0,0,0,.18);overflow:hidden;position:relative}
.ui-remote{display:grid;grid-template-columns:110px 1fr}.ui-remote aside{border-right:1px solid var(--line-soft);padding:16px;display:flex;flex-direction:column;gap:10px}.ui-remote aside i{height:20px;border-radius:7px;background:rgba(255,255,255,.08)}.ui-remote aside .on{background:rgba(92,141,255,.24)}.ui-remote section{padding:18px}.preview-head{display:flex;justify-content:space-between;margin-bottom:14px}.preview-head em{font-style:normal;color:#9ff5cd}.monitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.monitor-grid span{height:82px;border-radius:14px;background:linear-gradient(135deg,rgba(92,141,255,.76),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.1)}
.ui-studio svg,.ui-net svg{position:absolute;inset:0;width:100%;height:100%}.ui-studio path{fill:none;stroke:rgba(167,124,255,.78);stroke-width:4;stroke-linecap:round}.node{position:absolute;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11)}.n1{left:36px;top:72px}.n2{left:142px;top:142px}.n3{left:238px;top:82px}.n4{right:102px;top:140px}.n5{right:34px;top:76px}
.ui-link{display:grid;grid-template-columns:95px 1fr}.ui-link aside{border-right:1px solid var(--line-soft);padding:16px;display:grid;gap:10px;align-content:start}.ui-link aside i{height:22px;border-radius:999px;background:rgba(255,255,255,.08)}.ui-link section{padding:18px}.msg{max-width:75%;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.72)}.msg.right{margin-left:auto;background:rgba(255,114,182,.15)}.msg.wide{max-width:90%}.input-line{position:absolute;left:114px;right:18px;bottom:18px;height:40px;border-radius:999px;background:rgba(255,255,255,.06)}
.ui-net path{fill:none;stroke:rgba(76,233,255,.72);stroke-width:4;stroke-linecap:round}.ui-net i{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px rgba(76,233,255,.7)}.d1{left:18%;top:58%}.d2{left:42%;top:30%}.d3{right:18%;top:28%}.d4{right:13%;bottom:25%}.d5{left:52%;bottom:22%}.route-box{position:absolute;right:20px;bottom:20px;border:1px solid var(--line-soft);border-radius:16px;background:rgba(0,0,0,.22);padding:14px;display:grid;gap:8px}.route-box span{color:var(--muted);font-size:13px}
.ui-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.ui-hub section{border:1px solid var(--line-soft);border-radius:16px;background:rgba(255,255,255,.045);padding:14px}.ui-hub b{display:block;margin-bottom:14px}.ui-hub i{display:block;height:28px;border-radius:10px;background:rgba(223,255,87,.13);margin-bottom:10px}
.ui-rent{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;padding:16px}.ui-rent section,.ui-rent aside{border:1px solid var(--line-soft);border-radius:16px;background:rgba(255,255,255,.045);padding:14px}.ui-rent b{display:block;margin-bottom:14px}.ui-rent i{display:block;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(76,233,255,.2),rgba(223,255,87,.12));margin-bottom:10px}.ui-rent span{display:block;margin-bottom:10px;color:var(--muted)}
.ui-dev{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;padding:16px}.ui-dev section,.ui-dev aside{border:1px solid var(--line-soft);border-radius:16px;background:rgba(255,255,255,.045);padding:14px}.ui-dev b{display:block;margin-bottom:14px}.ui-dev i{display:block;height:38px;border-radius:12px;background:linear-gradient(135deg,rgba(117,102,255,.22),rgba(76,233,255,.15));margin-bottom:10px}.ui-dev span{display:block;margin-bottom:10px;color:var(--muted)}

.product-switcher{
  position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:30;display:flex;gap:8px;padding:8px;border-radius:999px;background:rgba(0,0,0,.32);border:1px solid var(--line);backdrop-filter:blur(14px)
}
.product-switcher button{border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:850;padding:10px 13px}.product-switcher button.active{background:#fff;color:#101827}
.floating-stat{position:absolute;z-index:25;border:1px solid var(--line);background:rgba(255,255,255,.86);color:#101827;border-radius:18px;padding:16px 18px;box-shadow:0 24px 60px rgba(0,0,0,.18)}.floating-stat strong{display:block;font-size:25px;letter-spacing:0}.floating-stat span{display:block;color:#667085;font-size:14px}.stat-a{right:5%;top:18%}.stat-b{left:5%;bottom:16%}

.motion-strip{position:relative;z-index:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.035)}.motion-strip div{display:flex;gap:40px;white-space:nowrap;padding:18px 0;animation:marquee 28s linear infinite}.motion-strip span{font-size:14px;font-weight:950;letter-spacing:.12em;color:rgba(255,255,255,.65)}
.workflow-section,.products-section,.link-section,.assistant-section,.hub-section,.readiness-section,.faq-section,.contact-section{position:relative;z-index:2;width:min(1320px,calc(100% - 120px));margin:0 auto;padding:110px 0 0}
.section-heading{text-align:center;max-width:980px;margin:0 auto 38px}.section-heading p{margin:0 0 12px;color:var(--cyan);font-weight:900;letter-spacing:.08em;display:inline-flex;align-items:center;justify-content:center;gap:8px}.section-heading h2{margin:0;font-size:clamp(34px,3.8vw,52px);line-height:1.16;letter-spacing:0}
.workflow-line{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.workflow-line article,.product-tile,.link-card,.link-flow,.assistant-card,.hub-card,.readiness-card,.readiness-lane,.faq-card,.contact-panel{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:26px;box-shadow:var(--shadow)}.workflow-line article{padding:24px}.workflow-line span{color:var(--cyan);font-weight:950}.workflow-line h3{font-size:28px;line-height:1.2;margin:36px 0 10px;letter-spacing:0}.workflow-line p{color:var(--muted);line-height:1.7;margin:0}
.product-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.product-tile{grid-column:span 3;padding:30px;min-height:240px}.product-tile.wide{grid-column:span 6}.product-tile span{display:block;margin-top:16px;color:var(--cyan);font-weight:950}.product-tile h3{font-size:34px;line-height:1.18;margin:24px 0 14px;letter-spacing:0}.product-tile p{color:var(--muted);line-height:1.7;margin:0;max-width:64ch}.tile-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin-top:22px;border-radius:999px;padding:0 14px;background:linear-gradient(135deg,var(--cyan),var(--lime));color:#08111f;font-weight:900}
.service-detail-button,.service-board-open{
  min-height:42px;border:1px solid rgba(76,233,255,.34);border-radius:999px;
  background:linear-gradient(135deg,rgba(76,233,255,.14),rgba(167,124,255,.12));
  color:#f4feff;font-weight:900;padding:0 16px;margin-top:22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.service-detail-button:hover,.service-board-open:hover{
  background:linear-gradient(135deg,rgba(76,233,255,.24),rgba(223,255,87,.15));
  border-color:rgba(76,233,255,.58);transform:translateY(-1px)
}
.service-detail-board{
  margin-top:24px;border:1px solid rgba(255,255,255,.14);border-radius:28px;
  background:
    radial-gradient(circle at 10% 0%,rgba(76,233,255,.13),transparent 32%),
    radial-gradient(circle at 96% 12%,rgba(223,255,87,.09),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.032));
  box-shadow:var(--shadow);padding:28px
}
.service-board-head{display:grid;grid-template-columns:1fr;gap:10px;align-items:start;max-width:900px;margin-bottom:22px}
.service-board-head p{grid-column:1 / -1;margin:0;color:var(--cyan);font-weight:950;letter-spacing:.12em}
.service-board-head h3{margin:0;font-size:clamp(26px,3vw,42px);line-height:1.16;letter-spacing:0}
.service-board-head span{color:var(--muted);line-height:1.7;max-width:62ch}
.service-board-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.service-board-item,.service-accordion{
  border:1px solid var(--line-soft);border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.032));
  overflow:hidden;transition:border-color .18s ease,background .18s ease,transform .18s ease
}
.service-board-item:hover,.service-accordion:hover{border-color:rgba(76,233,255,.26)}
.service-board-item[open],.service-accordion[open]{border-color:rgba(76,233,255,.34);background:linear-gradient(180deg,rgba(76,233,255,.08),rgba(255,255,255,.035))}
.service-board-item summary,.service-accordion summary{
  list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:17px 18px;cursor:pointer;font-weight:950
}
.service-board-item summary::-webkit-details-marker,.service-accordion summary::-webkit-details-marker{display:none}
.service-board-item summary::after,.service-accordion summary::after{
  content:"+";width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.08);color:var(--cyan);font-weight:950
}
.service-board-item[open] summary::after,.service-accordion[open] summary::after{content:"-"}
.service-board-item summary b{font-size:18px;letter-spacing:0}
.service-board-item summary span{color:var(--muted);font-size:13px;font-weight:800;text-align:right}
.service-board-item p{margin:0;padding:0 18px 16px;color:var(--muted);line-height:1.72}
.service-board-open{margin:0 18px 18px}
.service-overlay-open{overflow:hidden}
.service-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px}
.service-overlay[hidden]{display:none}
.service-overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(10px)}
.service-overlay-panel{
  position:relative;width:min(940px,100%);max-height:min(86svh,860px);overflow:auto;
  border:1px solid rgba(255,255,255,.16);border-radius:26px;
  background:
    radial-gradient(circle at 14% 0%,rgba(76,233,255,.15),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(223,255,87,.1),transparent 28%),
    linear-gradient(180deg,rgba(15,23,44,.98),rgba(6,9,19,.98));
  box-shadow:0 36px 130px rgba(0,0,0,.62)
}
.service-overlay-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--lime),var(--violet));z-index:3}
.service-overlay-head{
  position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:center;
  padding:22px 24px;border-bottom:1px solid var(--line);background:rgba(12,18,35,.92);backdrop-filter:blur(14px)
}
.service-overlay-head p{margin:0 0 4px;color:var(--cyan);font-size:12px;font-weight:950;letter-spacing:.12em}
.service-overlay-head strong{font-size:22px;letter-spacing:0}
.service-overlay-close{
  width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:25px;line-height:1
}
.service-overlay-body{padding:26px;display:grid;gap:18px}
.service-modal-copy span{display:block;color:var(--cyan);font-weight:950;letter-spacing:.08em}
.service-modal-copy h2{margin:12px 0 12px;font-size:clamp(28px,3vw,44px);line-height:1.14;letter-spacing:0;max-width:760px}
.service-modal-copy p{margin:0;color:var(--muted);font-size:17px;line-height:1.8;max-width:68ch}
.service-status-pill{
  width:max-content;max-width:100%;margin-top:16px;border-radius:999px;padding:9px 13px;
  background:linear-gradient(135deg,var(--cyan),var(--lime));color:#07111f;font-weight:950;
  box-shadow:0 14px 38px rgba(76,233,255,.14)
}
.service-highlight-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.service-highlight-row span{
  min-height:74px;border:1px solid rgba(255,255,255,.1);border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
  display:flex;align-items:center;justify-content:center;text-align:center;
  color:#f4feff;font-weight:950;padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.service-accordion-list{display:grid;gap:10px}
.service-accordion ul{margin:0;padding:0 18px 18px 38px;color:var(--muted);line-height:1.75}
.service-accordion li+li{margin-top:8px}
.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.link-card{padding:28px;min-height:300px}.link-card span{display:block;margin-top:16px;color:var(--cyan);font-weight:950;letter-spacing:.08em}.link-card h3{font-size:32px;line-height:1.2;margin:28px 0 14px;letter-spacing:0}.link-card p{color:var(--muted);line-height:1.75;margin:0}.link-flow{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;gap:12px;align-items:center;margin-top:18px;padding:18px}.link-flow div{min-height:120px;border-radius:20px;background:rgba(255,255,255,.04);padding:20px}.link-flow strong{display:block;margin-top:12px;font-size:24px;line-height:1.2;letter-spacing:0}.link-flow span{display:block;margin-top:8px;color:var(--muted);line-height:1.65}.link-flow i{height:2px;background:linear-gradient(90deg,var(--cyan),var(--lime))}
.assistant-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;padding:36px}.assistant-card p:first-child,.contact-panel p:first-child{color:var(--cyan);font-weight:900;letter-spacing:.08em;margin:0 0 12px}.assistant-card h2,.contact-panel h2{font-size:clamp(32px,3.4vw,48px);line-height:1.16;letter-spacing:0;margin:0}.assistant-card span,.contact-panel span{display:block;color:var(--muted);line-height:1.8;margin-top:18px;max-width:62ch}.chat-demo{border:1px solid var(--line);background:rgba(0,0,0,.18);border-radius:22px;padding:18px}.chat-demo header{display:flex;justify-content:space-between;margin-bottom:14px}.chat-demo header em{font-style:normal;color:var(--green)}.chat-demo p{max-width:80%;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.07);color:var(--muted);margin:10px 0}.chat-demo .user{margin-left:auto;background:rgba(92,141,255,.16);color:#fff}.chat-demo div{height:44px;border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.34);display:flex;align-items:center;padding:0 16px;margin-top:14px}
.hub-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:18px}.hub-card{padding:28px;min-height:300px}.hub-card h3{font-size:30px;line-height:1.2;margin:18px 0 20px;letter-spacing:0}.hub-card ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.hub-card li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted)}.hub-card li b{color:#fff}.hub-card.visual{position:relative;overflow:hidden;text-align:center;display:grid;place-items:center}.orbital-market{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,rgba(223,255,87,.65) 20%,rgba(92,141,255,.22) 55%,rgba(0,0,0,.2) 72%);box-shadow:0 0 90px rgba(223,255,87,.18)}.hub-card.visual span{position:absolute;top:28px;left:28px;color:var(--cyan);font-weight:900}.hub-card.visual b{position:absolute;bottom:28px;right:28px}
.hub-actions{display:flex;justify-content:center;margin-top:26px}
.readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.readiness-card{padding:28px;min-height:270px;display:flex;flex-direction:column}.readiness-card span,.faq-card span{color:var(--cyan);font-weight:950;letter-spacing:.08em}.readiness-card h3,.faq-card h3{font-size:30px;line-height:1.2;margin:42px 0 14px;letter-spacing:0}.readiness-card p,.faq-card p{color:var(--muted);line-height:1.75;margin:0}.readiness-card b{margin-top:auto;width:max-content;border:1px solid rgba(76,233,255,.28);border-radius:999px;padding:8px 12px;color:#08111f;background:linear-gradient(135deg,var(--cyan),var(--lime))}.readiness-lane{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;padding:18px}.readiness-lane div{display:grid;grid-template-columns:12px 1fr;gap:5px 10px;align-items:center;border-radius:18px;background:rgba(255,255,255,.035);padding:16px}.readiness-lane i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(54,237,163,.12)}.readiness-lane strong{letter-spacing:0}.readiness-lane span{grid-column:2;color:var(--muted);font-size:14px;line-height:1.55}.deployment-panel,.service-health-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.deployment-panel article,.service-health-panel article{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045);box-shadow:var(--shadow);padding:18px;min-width:0}.deployment-panel span,.service-health-panel span{display:block;color:var(--cyan);font-size:12px;font-weight:950;letter-spacing:.08em}.deployment-panel strong,.service-health-panel strong{display:block;margin-top:10px;font-size:14px;line-height:1.5;letter-spacing:0;color:#fff;overflow-wrap:anywhere}.deployment-panel strong a{display:inline-flex;margin-right:10px;color:#fff;text-decoration:underline;text-decoration-color:rgba(76,233,255,.36);text-underline-offset:4px}.service-health-panel article{display:grid;grid-template-columns:12px 1fr;gap:4px 12px;align-items:center}.service-health-panel i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.36);box-shadow:0 0 0 6px rgba(255,255,255,.06)}.service-health-panel span,.service-health-panel strong{grid-column:2}.service-health-panel article[data-health-state="up"] i{background:var(--green);box-shadow:0 0 0 6px rgba(54,237,163,.12)}.service-health-panel article[data-health-state="degraded"] i{background:#facc15;box-shadow:0 0 0 6px rgba(250,204,21,.12)}.service-health-panel article[data-health-state="down"] i{background:#fb7185;box-shadow:0 0 0 6px rgba(251,113,133,.12)}.service-health-panel article[data-health-state="unknown"] i{background:rgba(255,255,255,.36);box-shadow:0 0 0 6px rgba(255,255,255,.06)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.faq-card{padding:28px;min-height:230px}.faq-card h3{margin-top:30px}
.contact-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;padding:36px;margin-bottom:80px}.contact-panel form{display:grid;gap:12px}.contact-panel input,.contact-panel textarea{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.055);color:#fff;padding:15px}.contact-panel textarea{min-height:120px}.contact-panel button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-weight:850;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.support-action{width:max-content;max-width:100%;min-height:46px;margin-top:20px;padding:0 16px;border:1px solid rgba(76,233,255,.34);border-radius:14px;background:rgba(255,255,255,.045);color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.service-health-panel p{grid-column:2;margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.service-health-panel article>div{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.service-health-panel button,.service-health-panel a{min-height:34px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:#fff;font-weight:850;padding:0 12px;display:inline-flex;align-items:center;justify-content:center}.service-health-panel button:hover,.service-health-panel a:hover{border-color:rgba(76,233,255,.45)}.service-health-panel article[data-health-state="up"] [data-health-detail]{color:rgba(187,247,208,.86)}.service-health-panel article[data-health-state="degraded"] [data-health-detail],.service-health-panel article[data-health-state="down"] [data-health-detail]{color:#fecaca}.native-status-panel{margin-top:18px;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.native-status-panel[hidden]{display:none}.native-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.native-status-head span{display:block;color:var(--cyan);font-size:12px;font-weight:950;letter-spacing:.08em}.native-status-head h3{margin:6px 0 0;font-size:22px;line-height:1.25;letter-spacing:0}.native-status-state{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;color:rgba(248,251,255,.82);white-space:nowrap}.native-status-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.native-status-entry{border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(0,0,0,.16)}.native-status-entry strong{display:block;font-size:18px;margin-bottom:6px}.native-status-entry p{margin:0;color:var(--muted);line-height:1.55}.native-package-list{display:grid;gap:8px;margin-top:12px}.native-package{border-top:1px solid rgba(255,255,255,.1);padding-top:8px;color:rgba(248,251,255,.82);font-size:12px;line-height:1.55;word-break:break-word}.native-package a{display:inline-flex;margin-top:6px;color:var(--lime);font-weight:950}.is-service-disabled{opacity:.46;filter:saturate(.5);pointer-events:none}.is-service-disabled::after{content:"";display:none}
.service-health-panel{grid-template-columns:repeat(4,1fr)}
.is-access-disabled{opacity:.46;filter:saturate(.5);pointer-events:none}.is-access-disabled::after{content:"";display:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .78s ease,transform .78s ease}.reveal.on{opacity:1;transform:translateY(0)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1180px){.side-rail{display:none}.top-dock{left:16px;right:16px;justify-content:space-between}.top-dock nav{gap:14px}.hero-rebuild,.workflow-section,.products-section,.link-section,.assistant-section,.hub-section,.readiness-section,.faq-section,.contact-section{width:min(100% - 32px,1180px);margin:0 auto}.hero-rebuild{grid-template-columns:1fr;gap:34px;padding-top:112px}.hero-copy{max-width:780px}.showcase-shell{justify-self:center;width:min(880px,100%);height:680px}.showcase-shell::before{display:none}.workflow-line,.link-grid,.link-flow,.readiness-grid,.readiness-lane,.deployment-panel,.service-health-panel,.native-status-list,.faq-grid{grid-template-columns:1fr}.link-flow i{width:2px;height:26px;margin:0 auto}.assistant-card,.contact-panel,.hub-grid{grid-template-columns:1fr}}
@media(max-width:760px){.top-dock nav{display:none}.hero-copy h1{font-size:clamp(42px,12vw,56px);letter-spacing:0}.quick-numbers{grid-template-columns:1fr}.showcase-shell{height:590px}.deck-card{left:50%;width:calc(100% - 16px);height:360px}.deck-card.active{transform:translate(-50%,-50%) translateZ(90px) rotateX(6deg) rotateY(-7deg)}.deck-card.next,.deck-card.prev{opacity:.32}.deck-card.tail{opacity:0}.ui-preview{height:210px}.ui-remote{grid-template-columns:1fr}.ui-remote aside{display:none}.monitor-grid{grid-template-columns:repeat(2,1fr)}.floating-stat{display:none}.product-wall{grid-template-columns:1fr}.product-tile,.product-tile.wide{grid-column:span 1}.product-switcher{bottom:8px}.section-heading h2{font-size:clamp(34px,10vw,46px)}}
@media(max-width:760px){.service-board-head,.service-board-list,.service-highlight-row{grid-template-columns:1fr}.service-board-item summary{grid-template-columns:1fr auto}.service-board-item summary span{text-align:left}.service-detail-board{padding:20px}.service-overlay{padding:12px}.service-overlay-body{padding:20px}.service-overlay-head{padding:18px}.service-status-pill{width:100%;text-align:center}}
@media(max-width:560px){.auth-screen{padding:16px}.auth-card{width:100%;max-width:358px;padding:26px 22px}.auth-card h1{font-size:34px}.auth-card>span{white-space:normal}.auth-social{grid-template-columns:1fr}}

.motion-off *{animation:none!important;transition:none!important}
.motion-off .deck-card{transition:none!important}

/* Bright 3D SaaS refresh, backed up in artifacts/backups/homepage-bright-redesign-20260528-225138. */
:root{
  --bg:#f6f9fd;
  --panel:#ffffff;
  --panel2:#f3f7fc;
  --line:rgba(20,54,92,.12);
  --line-soft:rgba(20,54,92,.08);
  --text:#101827;
  --muted:#617085;
  --blue:#2563eb;
  --cyan:#0ea5e9;
  --violet:#6d5dfc;
  --pink:#ec4899;
  --lime:#7ddc64;
  --green:#16a36a;
  --shadow:0 28px 80px rgba(20,54,92,.13);
}
body{
  background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 44%,#ffffff 100%);
  color:#101827;
}
.scene-canvas,.grain{display:none}
body.auth-locked{
  background:#f8fbff;
  color:#101827;
}
.auth-screen{
  grid-template-columns:minmax(360px,440px) minmax(440px,760px);
  justify-content:center;
  gap:58px;
  padding:44px clamp(22px,5vw,78px);
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,247,255,.74)),
    linear-gradient(180deg,#ffffff,#eef7ff);
}
.auth-card{
  position:relative;
  z-index:2;
  width:100%;
  max-width:440px;
  border-radius:8px;
  border:1px solid rgba(20,54,92,.12);
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 70px rgba(27,72,122,.16);
  backdrop-filter:blur(18px);
}
.auth-mark{
  width:58px;
  height:58px;
  border-radius:8px;
  background:linear-gradient(135deg,#1f6fff,#25c6f5);
  box-shadow:0 16px 38px rgba(37,99,235,.24);
}
.auth-card p{
  color:#1f6fff;
  letter-spacing:.08em;
}
.auth-card h1{color:#111827}
.auth-card>span{
  color:#617085;
  white-space:normal;
}
.auth-card label{
  color:#334155;
}
.auth-card input{
  border-radius:8px;
  border-color:rgba(20,54,92,.14);
  background:#f8fbff;
  color:#101827;
}
.auth-card input:focus{
  border-color:rgba(14,165,233,.78);
  box-shadow:0 0 0 3px rgba(14,165,233,.14);
}
.auth-card form button{
  border-radius:8px;
  background:#1f6fff;
  color:#fff;
  box-shadow:0 16px 34px rgba(31,111,255,.24);
}
.auth-switch{
  border-radius:8px;
  border-color:rgba(20,54,92,.12);
  background:#fff;
  color:#475569;
}
.auth-social button{border-radius:8px}
.auth-legal{color:#64748b}
.auth-legal a{
  color:#334155;
  text-decoration-color:rgba(31,111,255,.36);
}
.auth-legal a:hover{color:#1f6fff}
.auth-visual{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.auth-visual::before{
  content:"";
  position:absolute;
  inset:7% 0 4% 4%;
  z-index:-1;
  border:1px solid rgba(20,54,92,.08);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(238,247,255,.52));
  box-shadow:0 42px 120px rgba(31,111,255,.13);
}
.auth-visual img{
  width:min(100%,760px);
  height:auto;
  display:block;
  filter:drop-shadow(0 30px 52px rgba(27,72,122,.18));
}
.auth-visual-badge,.auth-visual-strip{
  position:absolute;
  border:1px solid rgba(20,54,92,.12);
  border-radius:8px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 46px rgba(27,72,122,.13);
  backdrop-filter:blur(14px);
}
.auth-visual-badge{
  left:4%;
  top:15%;
  padding:16px 18px;
}
.auth-visual-badge strong{
  display:block;
  color:#1f6fff;
  font-size:26px;
}
.auth-visual-badge span{
  display:block;
  margin-top:4px;
  color:#617085;
  font-weight:800;
}
.auth-visual-strip{
  right:4%;
  bottom:15%;
  display:flex;
  gap:8px;
  padding:10px;
}
.auth-visual-strip span{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  border-radius:8px;
  background:#eef6ff;
  color:#245079;
  font-size:12px;
  font-weight:900;
  padding:0 11px;
}
.top-dock{
  border-color:rgba(20,54,92,.12);
  background:rgba(255,255,255,.82);
  box-shadow:0 16px 48px rgba(20,54,92,.12);
}
.top-dock nav{color:#506176}
.top-dock a:hover{color:#1f6fff}
.side-rail{
  border-color:rgba(20,54,92,.12);
  background:rgba(255,255,255,.84);
  box-shadow:0 18px 52px rgba(20,54,92,.12);
}
.side-rail:hover,.side-rail:focus-within{
  background:rgba(255,255,255,.94);
  box-shadow:0 22px 64px rgba(20,54,92,.16);
}
.rail-logo{
  background:#eef6ff;
  color:#1f6fff;
}
.side-rail nav a{color:#64748b}
.side-rail nav a::after{color:#64748b}
.side-rail nav a.active{
  background:#e9f3ff;
  color:#1f6fff;
  box-shadow:inset 0 0 0 1px rgba(31,111,255,.12);
}
.side-rail nav a.active::after{color:#1f6fff}
.side-rail button{
  border-color:rgba(20,54,92,.12);
  background:#fff;
  color:#1f6fff;
}
.hero-rebuild{
  min-height:calc(100svh - 24px);
  align-items:center;
}
.hero-copy h1,.section-heading h2,.workflow-line h3,.product-tile h3,.link-card h3,.assistant-card h2,.contact-panel h2,.hub-card h3,.readiness-card h3,.faq-card h3{
  color:#101827;
}
.overline,.section-heading p,.workflow-line span,.product-tile span,.link-card span,.assistant-card p:first-child,.contact-panel p:first-child,.hub-card.visual span,.readiness-card span,.faq-card span{
  color:#1f6fff;
}
.glow-word{
  background:linear-gradient(135deg,#1f6fff 0%,#0ea5e9 56%,#16a36a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}
.hero-description,.workflow-line p,.product-tile p,.link-card p,.assistant-card span,.contact-panel span,.readiness-card p,.faq-card p{
  color:#617085;
}
.primary-action,.dock-cta,.contact-panel button{
  border-radius:8px;
  background:#1f6fff;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(31,111,255,.22);
}
.secondary-action,.dock-logout,.support-action{
  border-radius:8px;
  border-color:rgba(20,54,92,.12);
  background:#fff;
  color:#245079;
}
.dock-link,.tile-link,.readiness-card b{
  border-radius:8px;
  background:#e8f8ee;
  color:#106240!important;
}
.quick-numbers article,.workflow-line article,.product-tile,.link-card,.assistant-card,.hub-card,.readiness-card,.readiness-lane,.faq-card,.contact-panel,.deployment-panel article,.service-health-panel article,.native-status-panel{
  border-radius:8px;
  border-color:rgba(20,54,92,.12);
  background:rgba(255,255,255,.88);
  box-shadow:0 20px 54px rgba(20,54,92,.1);
}
.quick-numbers strong,.hub-card li b,.deployment-panel strong,.service-health-panel strong{
  color:#101827;
}
.quick-numbers span,.hub-card li,.readiness-lane span,.service-health-panel p,.native-status-entry p{
  color:#617085;
}
.showcase-shell{
  height:680px;
  border-radius:8px;
  border:1px solid rgba(20,54,92,.1);
  background:
    url("../assets/over-3d-hero-bright.png?v=20260528-bright1") center / contain no-repeat,
    linear-gradient(180deg,rgba(255,255,255,.68),rgba(238,247,255,.46));
  box-shadow:0 40px 100px rgba(31,111,255,.12);
  perspective:none;
  transform-style:flat;
  overflow:hidden;
}
.showcase-shell::before{
  display:none;
}
.showcase-shell > *{
  display:none!important;
}
.motion-strip{
  border-color:rgba(20,54,92,.1);
  background:#ffffff;
}
.motion-strip span{color:#64748b}
.deployment-panel strong a,.service-health-panel button,.service-health-panel a{
  color:#245079;
  border-color:rgba(20,54,92,.12);
  background:#fff;
}
.contact-panel input,.contact-panel textarea{
  border-radius:8px;
  border-color:rgba(20,54,92,.12);
  background:#f8fbff;
  color:#101827;
}
@media(max-width:1180px){
  .auth-screen{
    grid-template-columns:1fr;
    gap:24px;
  }
  .auth-card{
    justify-self:center;
  }
  .auth-visual{
    min-height:430px;
    width:min(760px,100%);
    justify-self:center;
  }
}
@media(max-width:760px){
  .auth-screen{
    padding:18px;
  }
  .auth-visual{
    min-height:270px;
  }
  .auth-visual-badge{
    left:2%;
    top:6%;
    padding:12px 14px;
  }
  .auth-visual-strip{
    right:2%;
    bottom:7%;
    flex-wrap:wrap;
    max-width:220px;
  }
  .showcase-shell{
    height:420px;
  }
}
@media(max-width:560px){
  .auth-card{
    max-width:100%;
    padding:24px 20px;
  }
  .auth-visual{
    display:none;
  }
}

/* Interactive floating hero motion. */
.motion-scene{
  --scene-x:0;
  --scene-y:0;
  --scene-lift:0;
  --scene-float:0;
  perspective:1200px;
  transform-style:preserve-3d;
  cursor:grab;
}
.auth-visual.motion-scene{
  transform:translate3d(0,calc(var(--scene-lift) * -34px),0) rotateX(calc(var(--scene-y) * -5deg)) rotateY(calc(var(--scene-x) * 7deg));
  transition:transform .18s ease-out;
}
.motion-scene.is-dragging{
  cursor:grabbing;
  transition:none;
}
.motion-hero-image{
  transform:translate3d(calc(var(--scene-x) * 12px),calc(var(--scene-y) * 10px - var(--scene-float) * 12px),42px) scale(1.01);
  animation:motionImageFloat 5.8s ease-in-out infinite;
  will-change:transform;
}
.auth-visual-badge{
  transform:translate3d(calc(var(--scene-x) * -24px),calc(var(--scene-y) * -18px - var(--scene-float) * 16px),110px);
  animation:motionBadgeFloat 4.8s ease-in-out infinite;
  will-change:transform,margin;
}
.auth-visual-strip{
  transform:translate3d(calc(var(--scene-x) * 30px),calc(var(--scene-y) * 22px - var(--scene-float) * 20px),130px);
  animation:motionStripFloat 5.3s ease-in-out infinite;
  will-change:transform,margin;
}
.motion-chip{
  position:absolute;
  z-index:3;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:1px solid rgba(20,54,92,.1);
  border-radius:8px;
  background:rgba(255,255,255,.88);
  color:#1f6fff;
  box-shadow:0 18px 48px rgba(27,72,122,.14);
  backdrop-filter:blur(14px);
  will-change:transform,margin;
}
.motion-chip-view{
  left:11%;
  bottom:28%;
  transform:translate3d(calc(var(--scene-x) * -38px),calc(var(--scene-y) * 26px - var(--scene-float) * 22px),150px) rotate(-7deg);
  animation:motionChipA 4.2s ease-in-out infinite;
}
.motion-chip-link{
  right:13%;
  top:24%;
  color:#0f9f6e;
  transform:translate3d(calc(var(--scene-x) * 44px),calc(var(--scene-y) * -28px - var(--scene-float) * 18px),170px) rotate(8deg);
  animation:motionChipB 5.1s ease-in-out infinite;
}
.motion-chip-net{
  right:18%;
  bottom:25%;
  color:#6d5dfc;
  transform:translate3d(calc(var(--scene-x) * 28px),calc(var(--scene-y) * 34px - var(--scene-float) * 26px),120px) rotate(-4deg);
  animation:motionChipC 4.7s ease-in-out infinite;
}
.motion-ring{
  position:absolute;
  z-index:1;
  border:1px solid rgba(31,111,255,.18);
  border-radius:999px;
  pointer-events:none;
  transform-style:preserve-3d;
}
.motion-ring-a{
  width:62%;
  height:24%;
  left:19%;
  bottom:21%;
  transform:translate3d(calc(var(--scene-x) * -18px),calc(var(--scene-y) * 12px),10px) rotate(-7deg);
  animation:motionOrbit 9s linear infinite;
}
.motion-ring-b{
  width:48%;
  height:18%;
  left:27%;
  top:34%;
  border-color:rgba(15,159,110,.14);
  transform:translate3d(calc(var(--scene-x) * 16px),calc(var(--scene-y) * -12px),20px) rotate(9deg);
  animation:motionOrbitReverse 11s linear infinite;
}
.showcase-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(238,247,255,.46));
  perspective:1300px;
  transform-style:preserve-3d;
}
.showcase-shell > .hero-motion-scene{
  display:flex!important;
  position:absolute;
  inset:0;
  min-height:0;
}
.hero-motion-scene .motion-hero-image{
  width:min(106%,820px);
}
.hero-motion-scene .auth-visual-badge{
  left:7%;
  top:9%;
}
.hero-motion-scene .auth-visual-strip{
  right:5%;
  bottom:10%;
}
.motion-off *{animation:none!important;transition:none!important}
.motion-off .deck-card{transition:none!important}
.motion-off .auth-visual,.motion-off .motion-hero-image,.motion-off .auth-visual-badge,.motion-off .auth-visual-strip,.motion-off .motion-chip,.motion-off .motion-ring{
  transform:none!important;
}
@media(max-width:760px){
  .motion-chip{
    width:46px;
    height:46px;
  }
  .motion-ring-a,.motion-ring-b{
    opacity:.55;
  }
}
@keyframes motionImageFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -10px}
}
@keyframes motionBadgeFloat{
  0%,100%{margin-top:0}
  50%{margin-top:-12px}
}
@keyframes motionStripFloat{
  0%,100%{margin-bottom:0}
  50%{margin-bottom:14px}
}
@keyframes motionChipA{
  0%,100%{margin-bottom:0}
  50%{margin-bottom:18px}
}
@keyframes motionChipB{
  0%,100%{margin-top:0}
  50%{margin-top:-16px}
}
@keyframes motionChipC{
  0%,100%{margin-bottom:0}
  50%{margin-bottom:12px}
}
@keyframes motionOrbit{
  to{rotate:360deg}
}
@keyframes motionOrbitReverse{
  to{rotate:-360deg}
}

/* Studio-style kinetic polish for the bright commercial homepage. */
.auth-screen::after{
  content:"OVER";
  position:absolute;
  left:clamp(18px,4vw,72px);
  bottom:clamp(18px,5vw,78px);
  z-index:0;
  color:rgba(31,111,255,.045);
  font-size:clamp(92px,19vw,280px);
  line-height:.78;
  font-weight:950;
  letter-spacing:0;
  pointer-events:none;
}
.auth-card,.auth-visual{
  z-index:1;
}
.hero-rebuild::before{
  content:"WORKSPACE";
  position:absolute;
  left:-4vw;
  top:84px;
  z-index:-1;
  color:rgba(31,111,255,.052);
  font-size:clamp(72px,13vw,210px);
  line-height:.82;
  font-weight:950;
  letter-spacing:0;
  white-space:nowrap;
  transform:translateY(calc(var(--hero-word-y,0) * 1px));
  pointer-events:none;
}
.top-dock{
  transform:translateY(0);
  transition:transform .32s ease, box-shadow .32s ease, background .32s ease;
}
.top-dock:hover,.top-dock:focus-within{
  transform:translateY(4px);
  background:rgba(255,255,255,.96);
  box-shadow:0 24px 72px rgba(20,54,92,.16);
}
.top-dock nav a{
  position:relative;
  transition:transform .22s ease,color .22s ease;
}
.top-dock nav a::after{
  content:"";
  position:absolute;
  left:22px;
  right:0;
  bottom:-8px;
  height:2px;
  border-radius:999px;
  background:#1f6fff;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s ease;
}
.top-dock nav a:hover{
  transform:translateY(-2px);
}
.top-dock nav a:hover::after{
  transform:scaleX(1);
}
.motion-scene::after{
  content:"";
  position:absolute;
  inset:13% 8% 12% 8%;
  z-index:-1;
  border-radius:8px;
  background:linear-gradient(120deg,rgba(31,111,255,.08),rgba(14,165,233,.03),rgba(22,163,106,.07));
  transform:translate3d(calc(var(--scene-x) * -26px),calc(var(--scene-y) * -18px),-30px);
  filter:blur(18px);
  pointer-events:none;
}
.motion-hero-image{
  width:min(105%,820px);
  filter:drop-shadow(0 34px 56px rgba(27,72,122,.2)) saturate(1.08) contrast(1.03);
}
.motion-chip{
  transition:box-shadow .22s ease, scale .22s ease;
}
.motion-scene:hover .motion-chip{
  box-shadow:0 24px 58px rgba(27,72,122,.18);
  scale:1.03;
}
.hero-motion-scene .motion-chip-view{left:8%;bottom:22%}
.hero-motion-scene .motion-chip-link{right:9%;top:18%}
.hero-motion-scene .motion-chip-net{right:13%;bottom:22%}
.reveal{
  opacity:0;
  transform:translateY(52px) scale(.985);
  filter:blur(8px);
  clip-path:inset(10% 0 0 0 round 8px);
  transition:opacity .85s cubic-bezier(.2,1,.2,1),transform .85s cubic-bezier(.2,1,.2,1),filter .85s ease,clip-path .85s ease;
}
.reveal.on{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
  clip-path:inset(0 0 0 0 round 8px);
}
.workflow-line article,.product-tile,.link-card,.hub-card,.readiness-card,.faq-card{
  position:relative;
  overflow:hidden;
  transform:translate3d(0,0,0) rotateX(calc(var(--card-y,0) * -2.6deg)) rotateY(calc(var(--card-x,0) * 3deg));
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.workflow-line article::before,.product-tile::before,.link-card::before,.hub-card::before,.readiness-card::before,.faq-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:radial-gradient(circle at calc((var(--card-x,0) + 1) * 50%) calc((var(--card-y,0) + 1) * 50%),rgba(31,111,255,.14),transparent 42%);
  transition:opacity .24s ease;
  pointer-events:none;
}
.workflow-line article:hover,.product-tile:hover,.link-card:hover,.hub-card:hover,.readiness-card:hover,.faq-card:hover{
  transform:translate3d(0,-10px,0) rotateX(calc(var(--card-y,0) * -3.8deg)) rotateY(calc(var(--card-x,0) * 4.4deg));
  box-shadow:0 30px 86px rgba(20,54,92,.16);
  border-color:rgba(31,111,255,.24);
}
.workflow-line article:hover::before,.product-tile:hover::before,.link-card:hover::before,.hub-card:hover::before,.readiness-card:hover::before,.faq-card:hover::before{
  opacity:1;
}
.section-heading{
  transform:translateY(calc(var(--section-shift,0) * -18px));
}
.section-heading h2{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}
.motion-strip{
  transform:skewY(-1.4deg);
  margin:18px 0;
}
.motion-strip div{
  transform:skewY(1.4deg);
}
.product-wall{
  perspective:1200px;
}
@media(max-width:760px){
  .auth-screen::after{
    font-size:clamp(76px,28vw,138px);
  }
  .hero-rebuild::before{
    top:76px;
    font-size:clamp(54px,18vw,120px);
  }
  .motion-strip{
    transform:none;
  }
  .motion-strip div{
    transform:none;
  }
}

/* Element-level motion: the image stays anchored while each overlay piece moves independently. */
.auth-visual.motion-scene{
  transform:none;
  transition:none;
}
.motion-scene{
  --piece-x:0;
  --piece-y:0;
  --piece-lift:0;
  --pulse-a:0;
  --pulse-b:0;
  overflow:visible;
}
.motion-hero-image{
  transform:translate3d(0,0,0) scale(1);
  animation:none;
}
.motion-scene::after{
  transform:translate3d(calc(var(--piece-x) * -8px),calc(var(--piece-y) * -5px),-30px);
}
.auth-visual-badge{
  transform:translate3d(calc(var(--piece-x) * -34px),calc(var(--piece-y) * -20px - var(--piece-lift) * 26px - var(--pulse-a) * 9px),110px) rotate(calc(var(--piece-x) * -1.4deg));
  animation:none;
}
.auth-visual-strip{
  transform:translate3d(calc(var(--piece-x) * 42px),calc(var(--piece-y) * 28px - var(--piece-lift) * 32px + var(--pulse-b) * 8px),130px) rotate(calc(var(--piece-x) * 1.2deg));
  animation:none;
}
.motion-chip-view{
  transform:translate3d(calc(var(--piece-x) * -58px),calc(var(--piece-y) * 32px - var(--piece-lift) * 34px - var(--pulse-a) * 14px),150px) rotate(-7deg);
  animation:none;
}
.motion-chip-link{
  transform:translate3d(calc(var(--piece-x) * 66px),calc(var(--piece-y) * -38px - var(--piece-lift) * 28px + var(--pulse-b) * 12px),170px) rotate(8deg);
  animation:none;
}
.motion-chip-net{
  transform:translate3d(calc(var(--piece-x) * 38px),calc(var(--piece-y) * 44px - var(--piece-lift) * 40px - var(--pulse-a) * 10px),120px) rotate(-4deg);
  animation:none;
}
.motion-ring-a{
  transform:translate3d(calc(var(--piece-x) * -22px),calc(var(--piece-y) * 16px - var(--piece-lift) * 12px),10px) rotate(calc(-7deg + var(--orbit-a,0) * 1deg));
  animation:none;
}
.motion-ring-b{
  transform:translate3d(calc(var(--piece-x) * 18px),calc(var(--piece-y) * -16px - var(--piece-lift) * 10px),20px) rotate(calc(9deg - var(--orbit-b,0) * 1deg));
  animation:none;
}
.motion-tile{
  position:absolute;
  z-index:4;
  width:74px;
  min-height:78px;
  display:grid;
  place-items:center;
  gap:7px;
  padding:10px;
  border:1px solid rgba(20,54,92,.1);
  border-radius:8px;
  background:rgba(255,255,255,.9);
  color:#1f6fff;
  box-shadow:0 20px 52px rgba(27,72,122,.14);
  backdrop-filter:blur(14px);
  will-change:transform;
}
.motion-tile i{
  width:36px;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(31,111,255,.75),rgba(20,184,166,.55));
}
.motion-tile-account{
  left:26%;
  top:30%;
  transform:translate3d(calc(var(--piece-x) * -24px),calc(var(--piece-y) * -28px - var(--piece-lift) * 20px + var(--pulse-b) * 10px),90px) rotate(3deg);
}
.motion-tile-hub{
  right:24%;
  top:39%;
  color:#0f9f6e;
  transform:translate3d(calc(var(--piece-x) * 54px),calc(var(--piece-y) * -16px - var(--piece-lift) * 38px - var(--pulse-a) * 16px),160px) rotate(-5deg);
}
.motion-tile-shield{
  left:36%;
  bottom:24%;
  color:#6d5dfc;
  transform:translate3d(calc(var(--piece-x) * -42px),calc(var(--piece-y) * 42px - var(--piece-lift) * 30px + var(--pulse-a) * 12px),140px) rotate(6deg);
}
.hero-motion-scene .motion-tile-account{left:28%;top:28%}
.hero-motion-scene .motion-tile-hub{right:25%;top:38%}
.hero-motion-scene .motion-tile-shield{left:38%;bottom:24%}
.motion-off .motion-tile{
  transform:none!important;
}
@media(max-width:760px){
  .motion-tile{
    width:56px;
    min-height:58px;
    padding:8px;
  }
  .motion-tile i{
    width:24px;
  }
}

/* Rebuilt product scene: no bitmap hero, only one coherent DOM/CSS 3D system. */
.motion-scene{
  --piece-x:0;
  --piece-y:0;
  --piece-lift:0;
  --pulse-a:0;
  --pulse-b:0;
  --orbit-a:0;
  --orbit-b:0;
}
.auth-visual.motion-scene{
  min-height:620px;
  transform:none!important;
}
.showcase-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(236,247,255,.62));
}
.showcase-shell > .hero-motion-scene{
  display:flex!important;
}
.crafted-scene{
  position:relative;
  width:min(100%,760px);
  aspect-ratio:1.18;
  display:block;
  transform-style:preserve-3d;
  perspective:1200px;
  isolation:isolate;
}
.crafted-scene::before{
  content:"";
  position:absolute;
  left:10%;
  right:7%;
  bottom:6%;
  height:20%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(31,111,255,.18),rgba(20,184,166,.08) 42%,transparent 72%);
  filter:blur(14px);
  transform:translate3d(calc(var(--piece-x) * -6px),calc(var(--piece-y) * 4px),-90px) rotateX(74deg);
}
.crafted-panel,.crafted-chip,.crafted-badge,.crafted-dock,.crafted-ring,.crafted-orb{
  position:absolute;
  will-change:transform;
}
.crafted-panel{
  border:1px solid rgba(31,111,255,.13);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(231,244,255,.58));
  box-shadow:0 30px 80px rgba(27,72,122,.15), inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(18px);
}
.panel-main{
  left:24%;
  top:19%;
  width:54%;
  height:54%;
  padding:22px;
  transform:translate3d(calc(var(--piece-x) * -10px),calc(var(--piece-y) * -7px - var(--piece-lift) * 8px),10px) rotateX(58deg) rotateZ(-9deg);
}
.panel-side{
  left:19%;
  top:18%;
  width:10%;
  height:45%;
  display:grid;
  gap:10px;
  padding:14px 10px;
  transform:translate3d(calc(var(--piece-x) * -22px),calc(var(--piece-y) * 8px - var(--piece-lift) * 20px + var(--pulse-a) * 5px),120px) rotateX(58deg) rotateZ(-9deg) translateZ(34px);
}
.panel-side i,.panel-topline i,.panel-chart span,.panel-grid b{
  display:block;
  border-radius:8px;
}
.panel-side i{
  background:linear-gradient(135deg,rgba(31,111,255,.78),rgba(14,165,233,.52));
}
.panel-topline{
  display:flex;
  gap:8px;
}
.panel-topline i{
  width:42px;
  height:8px;
  background:rgba(31,111,255,.16);
}
.panel-chart{
  height:40%;
  margin:24px 0 18px;
  display:flex;
  align-items:end;
  gap:12px;
}
.panel-chart span{
  flex:1;
  background:linear-gradient(180deg,#1f6fff,#86d7ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56);
}
.panel-chart span:nth-child(1){height:46%}
.panel-chart span:nth-child(2){height:72%}
.panel-chart span:nth-child(3){height:54%;background:linear-gradient(180deg,#16a36a,#94f5cb)}
.panel-chart span:nth-child(4){height:84%}
.panel-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.panel-grid b{
  min-height:54px;
  display:grid;
  place-items:center;
  color:#1f6fff;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(31,111,255,.1);
  box-shadow:0 10px 26px rgba(27,72,122,.1);
}
.crafted-ring{
  left:13%;
  top:33%;
  width:75%;
  height:31%;
  border:1px solid rgba(31,111,255,.2);
  border-radius:50%;
  pointer-events:none;
}
.ring-back{
  transform:translate3d(calc(var(--piece-x) * 9px),calc(var(--piece-y) * -5px),-20px) rotateX(68deg) rotateZ(calc(-13deg + var(--orbit-a) * .14deg));
}
.ring-front{
  border-color:rgba(20,184,166,.24);
  transform:translate3d(calc(var(--piece-x) * -14px),calc(var(--piece-y) * 11px + var(--pulse-a) * 3px),80px) rotateX(68deg) rotateZ(calc(21deg - var(--orbit-b) * .13deg));
}
.crafted-chip{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border:1px solid rgba(31,111,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.9);
  color:#1f6fff;
  box-shadow:0 22px 50px rgba(27,72,122,.16);
  backdrop-filter:blur(14px);
}
.chip-account{
  left:18%;
  top:50%;
  transform:translate3d(calc(var(--piece-x) * -52px),calc(var(--piece-y) * 26px - var(--piece-lift) * 24px - var(--pulse-b) * 8px),160px) rotate(-8deg);
}
.chip-chat{
  right:12%;
  top:19%;
  color:#0f9f6e;
  transform:translate3d(calc(var(--piece-x) * 60px),calc(var(--piece-y) * -30px - var(--piece-lift) * 30px + var(--pulse-a) * 9px),190px) rotate(7deg);
}
.chip-desk{
  left:34%;
  bottom:18%;
  color:#6d5dfc;
  transform:translate3d(calc(var(--piece-x) * -28px),calc(var(--piece-y) * 42px - var(--piece-lift) * 32px + var(--pulse-a) * 11px),170px) rotate(5deg);
}
.chip-net{
  right:22%;
  bottom:24%;
  color:#0ea5e9;
  transform:translate3d(calc(var(--piece-x) * 42px),calc(var(--piece-y) * 34px - var(--piece-lift) * 40px - var(--pulse-b) * 10px),180px) rotate(-5deg);
}
.crafted-orb{
  width:22px;
  height:22px;
  border-radius:50%;
  box-shadow:0 12px 28px rgba(27,72,122,.18);
}
.orb-blue{
  left:75%;
  top:42%;
  background:#1f6fff;
  transform:translate3d(calc(var(--piece-x) * 35px),calc(var(--piece-y) * -18px + var(--pulse-a) * 8px),150px);
}
.orb-green{
  left:31%;
  top:29%;
  background:#16a36a;
  transform:translate3d(calc(var(--piece-x) * -26px),calc(var(--piece-y) * 20px - var(--pulse-b) * 7px),130px);
}
.crafted-badge{
  left:8%;
  top:12%;
  min-width:240px;
  border:1px solid rgba(20,54,92,.1);
  border-radius:8px;
  background:rgba(255,255,255,.92);
  box-shadow:0 22px 56px rgba(27,72,122,.15);
  padding:18px 20px;
  transform:translate3d(calc(var(--piece-x) * -36px),calc(var(--piece-y) * -22px - var(--piece-lift) * 26px - var(--pulse-a) * 6px),210px);
}
.crafted-badge strong{
  display:block;
  color:#1f6fff;
  font-size:30px;
}
.crafted-badge span{
  display:block;
  margin-top:5px;
  color:#617085;
  font-weight:850;
}
.crafted-dock{
  right:5%;
  bottom:10%;
  display:flex;
  gap:8px;
  border:1px solid rgba(20,54,92,.1);
  border-radius:8px;
  background:rgba(255,255,255,.9);
  box-shadow:0 20px 52px rgba(27,72,122,.14);
  padding:10px;
  transform:translate3d(calc(var(--piece-x) * 44px),calc(var(--piece-y) * 28px - var(--piece-lift) * 28px + var(--pulse-b) * 8px),200px);
}
.crafted-dock span{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  border-radius:8px;
  background:#eef6ff;
  color:#245079;
  font-size:12px;
  font-weight:900;
  padding:0 12px;
}
.motion-hero-image,.motion-chip,.motion-tile,.motion-ring,.auth-visual-badge,.auth-visual-strip{
  display:none!important;
}
.motion-off .crafted-panel,.motion-off .crafted-chip,.motion-off .crafted-badge,.motion-off .crafted-dock,.motion-off .crafted-ring,.motion-off .crafted-orb{
  transform:none!important;
}
@media(max-width:760px){
  .crafted-scene{
    width:min(100%,560px);
  }
  .crafted-badge{
    min-width:190px;
    padding:14px 16px;
  }
  .crafted-badge strong{
    font-size:24px;
  }
  .crafted-dock{
    flex-wrap:wrap;
    max-width:230px;
  }
}

/* Stabilized 2.5D scene pass: readable first, motion second. */
.auth-visual.motion-scene{
  min-height:620px;
  align-items:center;
}
.crafted-scene{
  width:min(100%,740px);
  min-height:560px;
  aspect-ratio:auto;
  perspective:1100px;
}
.crafted-scene::before{
  left:13%;
  right:8%;
  bottom:6%;
  height:24%;
  transform:translate3d(calc(var(--piece-x) * -8px),calc(var(--piece-y) * 6px),-20px) rotateX(72deg);
}
.panel-main{
  left:18%;
  top:24%;
  width:64%;
  height:46%;
  padding:24px;
  transform:translate3d(calc(var(--piece-x) * -12px),calc(var(--piece-y) * -8px - var(--piece-lift) * 10px),40px) rotateX(8deg) rotateY(-9deg) rotateZ(-1deg);
}
.panel-side{
  left:13%;
  top:29%;
  width:9%;
  height:35%;
  transform:translate3d(calc(var(--piece-x) * -28px),calc(var(--piece-y) * 10px - var(--piece-lift) * 22px + var(--pulse-a) * 5px),120px) rotateX(8deg) rotateY(-12deg) rotateZ(-1deg);
}
.panel-topline i{
  height:9px;
}
.panel-chart{
  height:36%;
  margin:22px 0 18px;
}
.panel-grid b{
  min-height:58px;
}
.ring-back{
  left:18%;
  top:37%;
  width:68%;
  height:25%;
  transform:translate3d(calc(var(--piece-x) * 9px),calc(var(--piece-y) * -5px),10px) rotateX(62deg) rotateZ(calc(-13deg + var(--orbit-a) * .1deg));
}
.ring-front{
  left:17%;
  top:36%;
  width:70%;
  height:27%;
  transform:translate3d(calc(var(--piece-x) * -14px),calc(var(--piece-y) * 11px + var(--pulse-a) * 3px),100px) rotateX(62deg) rotateZ(calc(21deg - var(--orbit-b) * .1deg));
}
.chip-account{
  left:10%;
  top:55%;
}
.chip-chat{
  right:10%;
  top:22%;
}
.chip-desk{
  left:33%;
  bottom:15%;
}
.chip-net{
  right:20%;
  bottom:21%;
}
.crafted-badge{
  left:8%;
  top:8%;
  min-width:250px;
  max-width:280px;
}
.crafted-badge span{
  white-space:nowrap;
}
.crafted-dock{
  right:1%;
  bottom:7%;
  min-width:304px;
  flex-wrap:nowrap;
}
.crafted-dock span{
  white-space:nowrap;
  min-width:82px;
  justify-content:center;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hero-motion-scene .crafted-scene{
  width:min(100%,760px);
}
@media(max-width:1180px){
  .crafted-scene{
    min-height:510px;
  }
}
@media(max-width:760px){
  .crafted-scene{
    min-height:360px;
  }
  .panel-main{
    left:14%;
    top:25%;
    width:70%;
    height:46%;
    padding:16px;
  }
  .panel-grid b{
    min-height:42px;
  }
  .crafted-chip{
    width:52px;
    height:52px;
  }
  .crafted-badge{
    min-width:190px;
    max-width:210px;
  }
  .crafted-dock{
    min-width:0;
    right:2%;
    bottom:5%;
  }
  .crafted-dock span{
    min-width:64px;
    padding:0 8px;
    font-size:11px;
  }
}

/* Final direction: frontal crafted dashboard with independent floating objects. */
.crafted-scene{
  min-height:560px;
}
.crafted-panel{
  transform-style:flat;
}
.panel-main{
  left:18%;
  top:25%;
  width:62%;
  height:43%;
  z-index:3;
  transform:translate3d(calc(var(--piece-x) * -10px),calc(var(--piece-y) * -8px - var(--piece-lift) * 10px),0);
}
.panel-main::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:8px;
  border:1px solid rgba(31,111,255,.08);
  pointer-events:none;
}
.panel-side{
  left:14%;
  top:28%;
  width:58px;
  height:38%;
  z-index:5;
  transform:translate3d(calc(var(--piece-x) * -24px),calc(var(--piece-y) * 8px - var(--piece-lift) * 18px + var(--pulse-a) * 5px),0);
}
.panel-side i{
  min-height:28px;
}
.panel-chart{
  height:35%;
}
.panel-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.panel-grid b{
  min-height:60px;
}
.crafted-ring{
  z-index:2;
}
.ring-back{
  left:15%;
  top:34%;
  width:72%;
  height:26%;
  transform:translate3d(calc(var(--piece-x) * 8px),calc(var(--piece-y) * -4px),0) rotate(calc(-9deg + var(--orbit-a) * .08deg));
}
.ring-front{
  left:15%;
  top:35%;
  width:72%;
  height:27%;
  transform:translate3d(calc(var(--piece-x) * -12px),calc(var(--piece-y) * 10px + var(--pulse-a) * 3px),0) rotate(calc(14deg - var(--orbit-b) * .08deg));
}
.crafted-chip{
  z-index:7;
}
.chip-account{
  left:9%;
  top:53%;
  transform:translate3d(calc(var(--piece-x) * -48px),calc(var(--piece-y) * 24px - var(--piece-lift) * 24px - var(--pulse-b) * 8px),0) rotate(-8deg);
}
.chip-chat{
  right:8%;
  top:23%;
  transform:translate3d(calc(var(--piece-x) * 56px),calc(var(--piece-y) * -28px - var(--piece-lift) * 30px + var(--pulse-a) * 9px),0) rotate(7deg);
}
.chip-desk{
  left:36%;
  bottom:16%;
  transform:translate3d(calc(var(--piece-x) * -28px),calc(var(--piece-y) * 38px - var(--piece-lift) * 30px + var(--pulse-a) * 11px),0) rotate(5deg);
}
.chip-net{
  right:18%;
  bottom:22%;
  transform:translate3d(calc(var(--piece-x) * 38px),calc(var(--piece-y) * 32px - var(--piece-lift) * 38px - var(--pulse-b) * 10px),0) rotate(-5deg);
}
.crafted-orb{
  z-index:6;
}
.crafted-badge{
  left:auto;
  right:0;
  top:5%;
  z-index:8;
  transform:translate3d(calc(var(--piece-x) * 26px),calc(var(--piece-y) * -18px - var(--piece-lift) * 22px - var(--pulse-a) * 6px),0);
}
.crafted-dock{
  right:0;
  bottom:5%;
  z-index:8;
  transform:translate3d(calc(var(--piece-x) * 36px),calc(var(--piece-y) * 24px - var(--piece-lift) * 24px + var(--pulse-b) * 8px),0);
}
.crafted-scene::before{
  z-index:0;
}
@media(max-width:760px){
  .panel-main{
    left:14%;
    top:26%;
    width:72%;
    height:44%;
  }
  .panel-side{
    left:10%;
    width:46px;
  }
}

/* Prevent the handcrafted scene from shrinking to content width in the auth grid. */
.auth-visual.motion-scene{
  width:min(760px,calc(100vw - 560px));
  min-width:620px;
  justify-self:center;
}
.auth-visual.motion-scene .crafted-scene{
  width:100%;
  min-width:0;
}
.hero-motion-scene .crafted-scene{
  width:min(100%,760px);
}
@media(max-width:1180px){
  .auth-visual.motion-scene{
    width:min(760px,100%);
    min-width:0;
  }
}

/* Daouoffice-inspired clean SaaS pass: restrained layout, no decorative clutter. */
.auth-screen{
  grid-template-columns:minmax(360px,440px) minmax(520px,760px);
  gap:clamp(48px,7vw,96px);
  background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);
}
.auth-screen::after,.hero-rebuild::before{
  display:none;
}
.auth-card{
  max-width:420px;
  border-color:#dbe7f3;
  background:#fff;
  box-shadow:0 18px 48px rgba(32,75,125,.1);
  padding:34px;
}
.auth-mark{
  width:54px;
  height:54px;
  border-radius:12px;
}
.auth-card h1{
  font-size:40px;
  line-height:1.12;
}
.auth-card>span{
  max-width:320px;
  line-height:1.65;
}
.auth-card input{
  height:46px;
  background:#fbfdff;
}
.auth-card form button{
  height:48px;
  background:#1f6fff;
  box-shadow:none;
}
.auth-social{
  gap:12px;
}
.auth-social button{
  height:44px;
}
.auth-visual.motion-scene{
  width:min(760px,100%);
  min-width:0;
  min-height:560px;
  align-items:center;
  overflow:visible;
}
.crafted-scene{
  width:100%;
  min-height:520px;
  perspective:none;
}
.crafted-scene::before{
  left:9%;
  right:9%;
  bottom:8%;
  height:28%;
  background:radial-gradient(circle,rgba(31,111,255,.13),rgba(31,111,255,.04) 50%,transparent 74%);
  transform:none;
}
.crafted-ring,.crafted-orb,.crafted-chip{
  display:none!important;
}
.crafted-panel{
  border-color:#dbe7f3;
  border-radius:12px;
  background:#fff;
  box-shadow:0 26px 70px rgba(35,79,130,.12);
  backdrop-filter:none;
}
.panel-main{
  left:8%;
  top:18%;
  width:78%;
  height:54%;
  z-index:3;
  padding:26px;
  transform:translate3d(calc(var(--piece-x) * -4px),calc(var(--piece-y) * -3px),0);
}
.panel-main::before{
  inset:14px;
  border-color:#eef3f8;
}
.panel-side{
  left:4%;
  top:25%;
  width:68px;
  height:42%;
  z-index:4;
  padding:14px 12px;
  background:#f8fbff;
  transform:translate3d(calc(var(--piece-x) * -7px),calc(var(--piece-y) * 4px),0);
}
.panel-side i{
  min-height:30px;
  background:linear-gradient(135deg,#2f7bff,#8edcff);
}
.panel-topline i{
  height:10px;
  background:#e8f1fb;
}
.panel-chart{
  height:35%;
  margin:26px 0 22px;
}
.panel-chart span{
  border-radius:12px;
  background:linear-gradient(180deg,#2f7bff,#91dfff);
}
.panel-chart span:nth-child(3){
  background:linear-gradient(180deg,#22b981,#9af1cc);
}
.panel-grid{
  gap:12px;
}
.panel-grid b{
  min-height:66px;
  background:#f7fbff;
  border-color:#e3edf7;
  color:#2f7bff;
  box-shadow:none;
}
.crafted-badge{
  left:auto;
  right:4%;
  top:8%;
  min-width:230px;
  max-width:260px;
  z-index:5;
  border-color:#dbe7f3;
  border-radius:12px;
  box-shadow:0 18px 44px rgba(35,79,130,.1);
  transform:translate3d(calc(var(--piece-x) * 6px),calc(var(--piece-y) * -4px),0);
}
.crafted-badge strong{
  font-size:28px;
}
.crafted-badge span{
  font-size:14px;
}
.crafted-dock{
  right:2%;
  bottom:10%;
  min-width:318px;
  z-index:5;
  border-color:#dbe7f3;
  border-radius:12px;
  box-shadow:0 18px 44px rgba(35,79,130,.1);
  transform:translate3d(calc(var(--piece-x) * 5px),calc(var(--piece-y) * 4px),0);
}
.crafted-dock span{
  background:#f3f8fe;
  color:#2b587d;
}
.showcase-shell{
  border-color:#dbe7f3;
  background:linear-gradient(180deg,#fff,#f5faff);
  box-shadow:0 24px 70px rgba(35,79,130,.12);
}
.hero-motion-scene .crafted-scene{
  width:100%;
}
@media(max-width:1180px){
  .auth-screen{
    grid-template-columns:1fr;
  }
  .auth-visual.motion-scene{
    min-height:500px;
  }
}
@media(max-width:760px){
  .auth-visual.motion-scene{
    display:none;
  }
}

/* FINAL OVERRIDE: login is untouched; homepage visual applies only after auth. */
body.auth-locked{
  background:#050710!important;
  color:#f8fbff!important;
}
body.auth-locked .auth-screen{
  position:relative!important;
  z-index:80!important;
  min-height:100svh!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  justify-content:normal!important;
  gap:0!important;
  padding:28px!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.auth-locked .auth-screen::before,
body.auth-locked .auth-screen::after,
body.auth-locked .auth-visual,
body.auth-locked .auth-visual.static-hero-visual,
body.auth-locked .static-hero-visual,
body.auth-locked .overhouse-clean-3d-hero{
  display:none!important;
}
body.auth-locked .auth-card{
  width:min(510px,100%)!important;
  max-width:calc(100vw - 32px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.5)!important;
  backdrop-filter:blur(18px)!important;
  padding:30px!important;
  color:#f8fbff!important;
}
body.auth-locked .auth-mark{
  width:60px!important;
  height:60px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#5c8dff,#4ce9ff)!important;
  color:#fff!important;
}
body.auth-locked .auth-card p{color:#4ce9ff!important}
body.auth-locked .auth-card h1{color:#f8fbff!important}
body.auth-locked .auth-card>span{color:rgba(248,251,255,.68)!important}
body.auth-locked .auth-card label{color:rgba(248,251,255,.82)!important}
body.auth-locked .auth-card input{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
  color:#f8fbff!important;
}
body.auth-locked .auth-card form button{
  border-radius:12px!important;
  background:linear-gradient(135deg,#4ce9ff,#dfff57)!important;
  color:#08111f!important;
}
body.auth-locked .auth-switch{
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(248,251,255,.68)!important;
}
body.auth-locked .auth-legal{color:rgba(248,251,255,.6)!important}
body.auth-locked .auth-legal a{color:rgba(248,251,255,.76)!important}

/* FINAL homepage proportional scaling. Keep last: homepage grows with viewport while auth remains fixed. */
body:not(.auth-locked) .hero-rebuild{
  width:min(1780px,calc(100% - clamp(72px,9vw,220px)))!important;
  margin-left:clamp(88px,8vw,170px)!important;
  margin-right:clamp(24px,3vw,64px)!important;
  grid-template-columns:minmax(500px,.9fr) minmax(560px,1.1fr)!important;
  gap:clamp(34px,3.2vw,74px)!important;
  padding-top:clamp(116px,8vw,168px)!important;
  padding-bottom:clamp(64px,5vw,110px)!important;
}
body:not(.auth-locked) .hero-copy{
  max-width:min(760px,44vw)!important;
}
body:not(.auth-locked) .hero-copy h1{
  max-width:none!important;
  font-size:clamp(46px,4.35vw,88px)!important;
  line-height:1.08!important;
}
body:not(.auth-locked) .hero-description{
  max-width:72ch!important;
  font-size:clamp(18px,1.08vw,23px)!important;
  line-height:1.78!important;
}
body:not(.auth-locked) .overline{
  font-size:clamp(13px,.82vw,16px)!important;
}
body:not(.auth-locked) .hero-actions{
  gap:clamp(10px,.9vw,18px)!important;
  margin-top:clamp(28px,2vw,42px)!important;
}
body:not(.auth-locked) .primary-action,
body:not(.auth-locked) .secondary-action{
  min-height:clamp(54px,3.2vw,68px)!important;
  padding-inline:clamp(18px,1.45vw,30px)!important;
  font-size:clamp(15px,.9vw,18px)!important;
}
body:not(.auth-locked) .quick-numbers{
  max-width:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(12px,1vw,22px)!important;
  margin-top:clamp(34px,2.5vw,54px)!important;
}
body:not(.auth-locked) .quick-numbers article{
  padding:clamp(18px,1.3vw,30px)!important;
}
body:not(.auth-locked) .quick-numbers strong{
  font-size:clamp(28px,2vw,42px)!important;
}
body:not(.auth-locked) .quick-numbers span{
  font-size:clamp(14px,.86vw,17px)!important;
}
body:not(.auth-locked) .showcase-shell{
  width:clamp(760px,44vw,1040px)!important;
  height:clamp(690px,42vw,920px)!important;
  justify-self:end!important;
  background:transparent!important;
  display:block!important;
  place-items:normal!important;
}
body:not(.auth-locked) .deck-card{
  width:clamp(520px,30vw,720px)!important;
  height:clamp(410px,24vw,580px)!important;
  padding:clamp(24px,1.5vw,34px)!important;
}
body:not(.auth-locked) .deck-card h2{
  font-size:clamp(42px,2.6vw,58px)!important;
}
body:not(.auth-locked) .deck-card p,
body:not(.auth-locked) .deck-card header span{
  font-size:clamp(14px,.86vw,17px)!important;
}
body:not(.auth-locked) .ui-preview{
  height:clamp(278px,16.5vw,386px)!important;
}
body:not(.auth-locked) .stage-floor{
  width:clamp(560px,32vw,760px)!important;
  height:clamp(155px,9vw,220px)!important;
}
body:not(.auth-locked) .core-object{
  width:clamp(230px,14vw,330px)!important;
  height:clamp(230px,14vw,330px)!important;
}
body:not(.auth-locked) .workflow-section,
body:not(.auth-locked) .products-section,
body:not(.auth-locked) .link-section,
body:not(.auth-locked) .assistant-section,
body:not(.auth-locked) .hub-section,
body:not(.auth-locked) .readiness-section,
body:not(.auth-locked) .faq-section,
body:not(.auth-locked) .contact-section{
  width:min(1720px,calc(100% - clamp(40px,7vw,140px)))!important;
  padding-top:clamp(110px,7vw,164px)!important;
}
body:not(.auth-locked) .section-heading{
  max-width:min(1120px,74vw)!important;
  margin-bottom:clamp(38px,3vw,64px)!important;
}
body:not(.auth-locked) .section-heading h2{
  font-size:clamp(38px,3.7vw,70px)!important;
}
body:not(.auth-locked) .workflow-line,
body:not(.auth-locked) .product-wall,
body:not(.auth-locked) .service-detail-board,
body:not(.auth-locked) .link-grid,
body:not(.auth-locked) .hub-grid,
body:not(.auth-locked) .readiness-grid,
body:not(.auth-locked) .faq-grid{
  gap:clamp(18px,1.35vw,30px)!important;
}
body:not(.auth-locked) .workflow-line article,
body:not(.auth-locked) .product-tile,
body:not(.auth-locked) .link-card,
body:not(.auth-locked) .assistant-card,
body:not(.auth-locked) .hub-card,
body:not(.auth-locked) .readiness-card,
body:not(.auth-locked) .faq-card,
body:not(.auth-locked) .contact-panel{
  padding:clamp(28px,2vw,46px)!important;
}
@media(max-width:1180px){
  body:not(.auth-locked) .hero-rebuild,
  body:not(.auth-locked) .workflow-section,
  body:not(.auth-locked) .products-section,
  body:not(.auth-locked) .link-section,
  body:not(.auth-locked) .assistant-section,
  body:not(.auth-locked) .hub-section,
  body:not(.auth-locked) .readiness-section,
  body:not(.auth-locked) .faq-section,
  body:not(.auth-locked) .contact-section{
    width:min(100% - 32px,1180px)!important;
    margin-inline:auto!important;
  }
  body:not(.auth-locked) .hero-rebuild{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .hero-copy{
    max-width:780px!important;
  }
  body:not(.auth-locked) .showcase-shell{
    width:min(880px,100%)!important;
    height:680px!important;
    justify-self:center!important;
  }
}
@media(max-width:760px){
  body:not(.auth-locked) .hero-copy h1{
    font-size:clamp(42px,12vw,56px)!important;
  }
  body:not(.auth-locked) .showcase-shell{
    height:590px!important;
  }
}

/* FINAL dark theme rollback: keep auth fixes, restore the original dark visual system. */
:root{
  --bg:#050710!important;
  --panel:#0f172c!important;
  --panel2:#141d34!important;
  --line:rgba(255,255,255,.12)!important;
  --line-soft:rgba(255,255,255,.07)!important;
  --text:#f8fbff!important;
  --muted:rgba(248,251,255,.68)!important;
  --blue:#5c8dff!important;
  --cyan:#4ce9ff!important;
  --violet:#a77cff!important;
  --pink:#ff72b6!important;
  --lime:#dfff57!important;
  --green:#36eda3!important;
  --shadow:0 34px 110px rgba(0,0,0,.5)!important;
}
body{
  background:#050710!important;
  color:#f8fbff!important;
}
.scene-canvas{
  display:block!important;
}
.grain{
  display:block!important;
}
.top-dock{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(8,12,24,.56)!important;
  box-shadow:none!important;
}
.top-dock nav,
.side-rail nav a,
.side-rail nav a::after{
  color:rgba(248,251,255,.68)!important;
}
.top-dock a:hover,
.side-rail nav a.active,
.side-rail nav a.active::after{
  color:#fff!important;
}
.side-rail{
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(8,12,24,.78),rgba(8,12,24,.5))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
.side-rail:hover,
.side-rail:focus-within{
  background:linear-gradient(180deg,rgba(8,12,24,.9),rgba(8,12,24,.68))!important;
  box-shadow:0 28px 86px rgba(0,0,0,.38)!important;
}
.rail-logo,
.side-rail button{
  border-color:rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.04)!important;
  color:#4ce9ff!important;
}
.side-rail nav a.active{
  background:rgba(76,233,255,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(76,233,255,.2)!important;
}
.hero-copy h1,
.section-heading h2,
.workflow-line h3,
.product-tile h3,
.link-card h3,
.assistant-card h2,
.contact-panel h2,
.hub-card h3,
.readiness-card h3,
.faq-card h3,
.quick-numbers strong,
.hub-card li b,
.deployment-panel strong,
.service-health-panel strong{
  color:#f8fbff!important;
}
.overline,
.section-heading p,
.workflow-line span,
.product-tile span,
.link-card span,
.assistant-card p:first-child,
.contact-panel p:first-child,
.hub-card.visual span,
.readiness-card span,
.faq-card span{
  color:#4ce9ff!important;
}
.glow-word{
  background:linear-gradient(135deg,#fff 0%,#4ce9ff 45%,#dfff57 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:0 0 60px rgba(76,233,255,.12)!important;
}
.hero-description,
.workflow-line p,
.product-tile p,
.link-card p,
.assistant-card span,
.contact-panel span,
.readiness-card p,
.faq-card p,
.quick-numbers span,
.hub-card li,
.readiness-lane span,
.service-health-panel p,
.native-status-entry p{
  color:rgba(248,251,255,.68)!important;
}
.quick-numbers article,
.workflow-line article,
.product-tile,
.link-card,
.assistant-card,
.hub-card,
.readiness-card,
.readiness-lane,
.faq-card,
.contact-panel,
.deployment-panel article,
.service-health-panel article,
.native-status-panel{
  border-radius:26px!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.5)!important;
}
.primary-action,
.dock-cta,
.contact-panel button{
  border-radius:16px!important;
  background:linear-gradient(135deg,#5c8dff,#a77cff)!important;
  color:#fff!important;
  box-shadow:0 24px 54px rgba(92,141,255,.22)!important;
}
.secondary-action,
.dock-logout,
.support-action{
  border-radius:16px!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.035)!important;
  color:#f8fbff!important;
}
.dock-link,
.tile-link,
.readiness-card b{
  border-radius:999px!important;
  background:linear-gradient(135deg,#4ce9ff,#dfff57)!important;
  color:#08111f!important;
}
.showcase-shell{
  position:relative!important;
  z-index:1!important;
  justify-self:end!important;
  width:min(760px,100%)!important;
  height:690px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  perspective:1700px!important;
  transform-style:preserve-3d!important;
  overflow:visible!important;
  display:block!important;
  place-items:normal!important;
}
.showcase-shell::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:-70px!important;
  top:42px!important;
  bottom:64px!important;
  width:110px!important;
  z-index:18!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(5,7,16,.96),rgba(5,7,16,.58) 45%,transparent)!important;
}
.showcase-shell > *{
  display:block!important;
}
.showcase-shell > .hero-motion-scene.static-hero-visual,
.showcase-shell .overhouse-clean-3d-hero{
  display:none!important;
}
.deck-card{
  border-radius:30px!important;
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.5)!important;
  color:#fff!important;
}
.motion-strip{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.035)!important;
}
.motion-strip span{
  color:rgba(255,255,255,.65)!important;
}
.contact-panel input,
.contact-panel textarea{
  border-radius:14px!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}

.auth-dialog[hidden]{
  display:none!important;
}
.auth-dialog{
  position:fixed;
  inset:0;
  z-index:220;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(4,8,18,.62);
  backdrop-filter:blur(14px);
}
.auth-dialog-panel{
  position:relative;
  width:min(420px,100%);
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
  box-shadow:0 30px 90px rgba(0,0,0,.46);
  color:#f8fbff;
  padding:28px;
}
.auth-dialog-panel::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at 18% 0%,rgba(76,233,255,.24),transparent 34%);
}
.auth-dialog-kicker,
.auth-dialog-panel strong,
.auth-dialog-panel p{
  position:relative;
}
.auth-dialog-kicker{
  display:block;
  margin-bottom:10px;
  color:#4ce9ff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
}
.auth-dialog-panel strong{
  display:block;
  color:#fff;
  font-size:1.28rem;
  line-height:1.3;
}
.auth-dialog-panel p{
  margin:10px 0 0;
  color:rgba(248,251,255,.78);
  line-height:1.65;
}
.auth-dialog-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:1;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
}
.auth-dialog-close:focus-visible{
  outline:2px solid #4ce9ff;
  outline-offset:2px;
}

/* FINAL login restore: login page stays as the original single centered auth card. */
body.auth-locked{
  background:#050710!important;
  color:#f8fbff!important;
}
body.auth-locked .auth-screen{
  position:relative!important;
  z-index:80!important;
  min-height:100svh!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  justify-content:normal!important;
  gap:0!important;
  padding:28px!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.auth-locked .auth-screen::before,
body.auth-locked .auth-screen::after{
  display:none!important;
}
body.auth-locked .auth-visual,
body.auth-locked .auth-visual.static-hero-visual,
body.auth-locked .static-hero-visual,
body.auth-locked .overhouse-clean-3d-hero{
  display:none!important;
}
body.auth-locked .auth-card{
  width:min(510px,100%)!important;
  max-width:calc(100vw - 32px)!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.5)!important;
  backdrop-filter:blur(18px)!important;
  padding:30px!important;
  color:#f8fbff!important;
}
body.auth-locked .auth-mark{
  width:60px!important;
  height:60px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#5c8dff,#4ce9ff)!important;
  color:#fff!important;
}
body.auth-locked .auth-card p{
  color:#4ce9ff!important;
}
body.auth-locked .auth-card h1{
  color:#f8fbff!important;
}
body.auth-locked .auth-card>span{
  color:rgba(248,251,255,.68)!important;
}
body.auth-locked .auth-card label{
  color:rgba(248,251,255,.82)!important;
}
body.auth-locked .auth-card input{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
  color:#f8fbff!important;
}
body.auth-locked .auth-card form button{
  border-radius:12px!important;
  background:linear-gradient(135deg,#4ce9ff,#dfff57)!important;
  color:#08111f!important;
  box-shadow:none!important;
}
body.auth-locked .auth-switch{
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(248,251,255,.68)!important;
}
body.auth-locked .auth-legal{
  color:rgba(248,251,255,.6)!important;
}
body.auth-locked .auth-legal a{
  color:rgba(248,251,255,.76)!important;
}

/* Static image hard stop: no scene motion, no rotation, no animation. */
.static-hero-visual,
.static-hero-visual *,
.auth-visual,
.showcase-shell,
.hero-motion-scene,
.overhouse-clean-3d-hero{
  animation:none!important;
  transition:none!important;
}
.static-hero-visual,
.auth-visual.static-hero-visual,
.showcase-shell,
.hero-motion-scene.static-hero-visual,
.overhouse-clean-3d-hero{
  transform:none!important;
  rotate:none!important;
  scale:1!important;
  translate:none!important;
}
.auth-visual.static-hero-visual{
  width:min(760px,100%);
  min-height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:default;
}
.auth-visual.static-hero-visual::before,
.auth-visual.static-hero-visual::after,
.hero-motion-scene.static-hero-visual::before,
.hero-motion-scene.static-hero-visual::after{
  display:none!important;
}
.static-hero-visual .crafted-scene{
  display:none!important;
}
.static-hero-visual .overhouse-clean-3d-hero{
  display:block!important;
  width:min(100%,760px);
  height:auto;
  filter:none!important;
  box-shadow:none!important;
  border-radius:0;
}
.showcase-shell > .hero-motion-scene.static-hero-visual{
  display:flex!important;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
}

/* Right-side image bleed: the visual fills the right field and fades into the login copy. */
.auth-screen{
  grid-template-columns:minmax(360px,430px) minmax(560px,1fr);
  gap:clamp(42px,6vw,86px);
  justify-content:center;
  background:
    linear-gradient(90deg,#ffffff 0%,#ffffff 35%,rgba(246,250,255,.7) 58%,#f6faff 100%);
}
.auth-card{
  z-index:2;
}
.auth-visual.static-hero-visual{
  position:relative;
  width:min(880px,100%);
  min-height:620px;
  justify-content:flex-end;
  overflow:visible;
}
.auth-visual.static-hero-visual::before{
  content:"";
  position:absolute;
  inset:7% -6% 5% -18%;
  display:block!important;
  z-index:-1;
  border-radius:0;
  background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.42) 24%,rgba(239,248,255,.72) 62%,rgba(239,248,255,.9) 100%);
  pointer-events:none;
}
.auth-visual.static-hero-visual .overhouse-clean-3d-hero{
  width:min(980px,112%);
  max-width:none;
  margin-left:-120px;
  object-fit:contain;
  object-position:right center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 10%,#000 28%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 10%,#000 28%,#000 100%);
}
.showcase-shell .overhouse-clean-3d-hero{
  width:min(980px,112%);
  margin-left:-90px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 10%,#000 28%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 10%,#000 28%,#000 100%);
}
@media(max-width:1180px){
  .auth-screen{
    grid-template-columns:1fr;
    gap:24px;
  }
  .auth-visual.static-hero-visual{
    min-height:420px;
    justify-content:center;
  }
  .auth-visual.static-hero-visual .overhouse-clean-3d-hero{
    width:min(100%,760px);
    margin-left:0;
    -webkit-mask-image:none;
    mask-image:none;
  }
}
@media(max-width:760px){
  .auth-visual.static-hero-visual{
    display:none;
  }
}

/* Larger seamless right hero image. */
.auth-screen{
  grid-template-columns:minmax(360px,430px) minmax(660px,1fr);
  gap:clamp(20px,3vw,48px);
  padding-right:0;
  background:
    linear-gradient(90deg,#ffffff 0%,#ffffff 34%,rgba(247,251,255,.78) 48%,#f5faff 100%);
}
.auth-visual.static-hero-visual{
  width:min(1040px,100%);
  min-height:680px;
  justify-content:flex-end;
}
.auth-visual.static-hero-visual::before{
  inset:0 -8vw 0 -20%;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.55) 18%,rgba(245,250,255,.18) 42%,rgba(245,250,255,.58) 100%);
}
.auth-visual.static-hero-visual .overhouse-clean-3d-hero{
  width:min(1180px,128%);
  max-width:none;
  margin-left:-210px;
  margin-right:-18px;
  mix-blend-mode:multiply;
  opacity:.98;
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 8%,rgba(0,0,0,.78) 18%,#000 31%,#000 88%,rgba(0,0,0,.72) 96%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 9%,#000 90%,transparent 100%);
  mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 8%,rgba(0,0,0,.78) 18%,#000 31%,#000 88%,rgba(0,0,0,.72) 96%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 9%,#000 90%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
@media(max-width:1180px){
  .auth-screen{
    padding-right:18px;
  }
  .auth-visual.static-hero-visual{
    width:min(860px,100%);
    min-height:480px;
  }
  .auth-visual.static-hero-visual .overhouse-clean-3d-hero{
    width:min(100%,860px);
    margin:0;
    mix-blend-mode:normal;
    opacity:1;
    -webkit-mask-image:none;
    mask-image:none;
  }
}

/* FINAL homepage image layout override. Keep this at the end of the file. */
body.auth-locked{
  background:#f7fbff!important;
}
body.auth-locked .auth-screen{
  grid-template-columns:minmax(360px,430px) minmax(680px,1fr)!important;
  justify-content:center!important;
  gap:clamp(12px,2vw,36px)!important;
  padding:44px 0 44px clamp(22px,5vw,72px)!important;
  background:linear-gradient(90deg,#fff 0%,#fff 35%,#f7fbff 52%,#f3f9ff 100%)!important;
  overflow:hidden!important;
}
body.auth-locked .auth-card{
  position:relative!important;
  z-index:3!important;
}
body.auth-locked .auth-visual.static-hero-visual{
  position:relative!important;
  z-index:1!important;
  width:min(1080px,100%)!important;
  min-width:680px!important;
  min-height:680px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  overflow:visible!important;
  transform:none!important;
  animation:none!important;
}
body.auth-locked .auth-visual.static-hero-visual::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0 -10vw 0 -34%!important;
  z-index:-1!important;
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.62) 22%,rgba(246,251,255,.2) 45%,rgba(244,250,255,.7) 100%)!important;
  pointer-events:none!important;
}
body.auth-locked .auth-visual.static-hero-visual::after,
body.auth-locked .auth-visual.static-hero-visual .crafted-scene{
  display:none!important;
}
body.auth-locked .auth-visual.static-hero-visual .overhouse-clean-3d-hero{
  display:block!important;
  width:min(1220px,135%)!important;
  max-width:none!important;
  height:auto!important;
  margin-left:-250px!important;
  margin-right:-28px!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
  mix-blend-mode:multiply!important;
  opacity:.98!important;
  object-fit:contain!important;
  object-position:right center!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 7%,rgba(0,0,0,.82) 17%,#000 29%,#000 92%,rgba(0,0,0,.7) 98%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 7%,rgba(0,0,0,.82) 17%,#000 29%,#000 92%,rgba(0,0,0,.7) 98%,transparent 100%)!important;
}
@media(max-width:1180px){
  body.auth-locked .auth-screen{
    grid-template-columns:1fr!important;
    padding:24px 18px!important;
  }
  body.auth-locked .auth-visual.static-hero-visual{
    width:min(860px,100%)!important;
    min-width:0!important;
    min-height:430px!important;
    justify-content:center!important;
  }
  body.auth-locked .auth-visual.static-hero-visual .overhouse-clean-3d-hero{
    width:min(100%,860px)!important;
    margin:0!important;
    mix-blend-mode:normal!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}
@media(max-width:760px){
  body.auth-locked .auth-visual.static-hero-visual{
    display:none!important;
  }
}

/* Image-only pass: no faux 3D framing, no extra scene elements. */
.auth-visual.motion-scene{
  min-height:auto;
  width:min(760px,100%);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  overflow:visible;
  transform:none!important;
  cursor:default;
}
.auth-visual.motion-scene::before,
.auth-visual.motion-scene::after,
.motion-scene::after{
  display:none!important;
}
.overhouse-clean-3d-hero{
  width:min(100%,760px);
  height:auto;
  border-radius:0;
  filter:none;
  box-shadow:none;
  transform:none!important;
}
.auth-visual.motion-scene:hover .overhouse-clean-3d-hero{
  filter:none;
}
.auth-visual.motion-scene .crafted-scene,
.hero-motion-scene .crafted-scene{
  display:none!important;
}
.showcase-shell{
  border:0;
  background:transparent;
  box-shadow:none;
  display:grid;
  place-items:center;
}
.showcase-shell > .hero-motion-scene{
  display:flex!important;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
}
.hero-motion-scene .overhouse-clean-3d-hero{
  width:min(100%,760px);
}

/* Clean generated 3D hero image pass. */
.auth-visual.motion-scene{
  width:min(820px,100%);
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:none!important;
}
.overhouse-clean-3d-hero{
  display:block;
  width:min(100%,820px);
  height:auto;
  border-radius:12px;
  filter:drop-shadow(0 28px 64px rgba(35,79,130,.14));
  transform:translate3d(calc(var(--piece-x,0) * -5px),calc(var(--piece-y,0) * -4px),0);
  transition:filter .25s ease;
}
.auth-visual.motion-scene:hover .overhouse-clean-3d-hero{
  filter:drop-shadow(0 34px 74px rgba(35,79,130,.18));
}
.auth-visual.motion-scene .crafted-scene,
.hero-motion-scene .crafted-scene{
  display:none!important;
}
.showcase-shell{
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#fff,#f5faff);
}
.showcase-shell > .hero-motion-scene{
  display:flex!important;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
}
.hero-motion-scene .overhouse-clean-3d-hero{
  width:min(96%,820px);
}
@media(max-width:1180px){
  .auth-visual.motion-scene{
    min-height:500px;
  }
}
@media(max-width:760px){
  .auth-visual.motion-scene{
    display:none;
  }
}

/* FINAL OVERRIDE: login stays original; homepage visual applies after auth only. */
body.auth-locked{
  background:#050710!important;
  color:#f8fbff!important;
}
body.auth-locked .auth-screen{
  position:relative!important;
  z-index:80!important;
  min-height:100svh!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  justify-content:normal!important;
  gap:0!important;
  padding:28px!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.auth-locked .auth-screen::before,
body.auth-locked .auth-screen::after,
body.auth-locked .auth-visual,
body.auth-locked .auth-visual.static-hero-visual,
body.auth-locked .static-hero-visual,
body.auth-locked .overhouse-clean-3d-hero{
  display:none!important;
}
body.auth-locked .auth-card{
  width:min(510px,100%)!important;
  max-width:calc(100vw - 32px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.5)!important;
  backdrop-filter:blur(18px)!important;
  padding:30px!important;
  color:#f8fbff!important;
}
body.auth-locked .auth-mark{
  width:60px!important;
  height:60px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#5c8dff,#4ce9ff)!important;
  color:#fff!important;
}
body.auth-locked .auth-card p{color:#4ce9ff!important}
body.auth-locked .auth-card h1{color:#f8fbff!important}
body.auth-locked .auth-card>span{color:rgba(248,251,255,.68)!important}
body.auth-locked .auth-card label{color:rgba(248,251,255,.82)!important}
body.auth-locked .auth-card input{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
  color:#f8fbff!important;
}
body.auth-locked .auth-card form button{
  border-radius:12px!important;
  background:linear-gradient(135deg,#4ce9ff,#dfff57)!important;
  color:#08111f!important;
}
body.auth-locked .auth-switch{
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(248,251,255,.68)!important;
}
body.auth-locked .auth-legal{color:rgba(248,251,255,.6)!important}
body.auth-locked .auth-legal a{color:rgba(248,251,255,.76)!important}

/* ABSOLUTE FINAL homepage proportional scaling. */
body:not(.auth-locked) .hero-rebuild{
  width:min(3200px,calc(100% - clamp(96px,9vw,420px)))!important;
  margin-left:clamp(88px,6vw,260px)!important;
  margin-right:clamp(72px,5vw,240px)!important;
  grid-template-columns:minmax(500px,.88fr) minmax(560px,1.12fr)!important;
  gap:clamp(34px,3.2vw,124px)!important;
  padding-top:clamp(116px,7vw,250px)!important;
  padding-bottom:clamp(64px,4.8vw,170px)!important;
}
body:not(.auth-locked) .hero-copy{
  --hero-title-size:clamp(46px,4.15vw,140px);
  --hero-body-size:clamp(18px,1.02vw,32px);
  width:calc(var(--hero-title-size) * 10.75)!important;
  max-width:min(44vw,calc(var(--hero-title-size) * 10.75))!important;
}
body:not(.auth-locked) .hero-copy h1{max-width:10.75em!important;font-size:var(--hero-title-size)!important;line-height:1.08!important}
body:not(.auth-locked) .hero-description{max-width:35.5em!important;font-size:var(--hero-body-size)!important;line-height:1.78!important}
body:not(.auth-locked) .primary-action,
body:not(.auth-locked) .secondary-action{min-height:clamp(54px,3vw,92px)!important;padding-inline:clamp(18px,1.35vw,46px)!important;font-size:clamp(15px,.82vw,24px)!important}
body:not(.auth-locked) .quick-numbers{max-width:none!important;gap:clamp(12px,1vw,36px)!important;margin-top:clamp(34px,2.5vw,84px)!important}
body:not(.auth-locked) .quick-numbers article{padding:clamp(18px,1.25vw,48px)!important}
body:not(.auth-locked) .quick-numbers strong{font-size:clamp(28px,1.9vw,64px)!important}
body:not(.auth-locked) .showcase-shell{--stage-tilt-x:-2.5deg;--stage-tilt-y:0deg;width:clamp(760px,43vw,1660px)!important;height:clamp(690px,41vw,1540px)!important;justify-self:end!important;transform:translateX(clamp(-100px,-2.6vw,-28px)) perspective(1900px) rotateX(var(--stage-tilt-x)) rotateY(var(--stage-tilt-y))!important;transform-origin:center center!important;background:transparent!important;display:block!important;place-items:normal!important;overflow:visible!important;isolation:isolate!important}
body:not(.auth-locked) .showcase-shell::before,
body:not(.auth-locked) .floating-stat{display:none!important}
body:not(.auth-locked) .showcase-shell > .hero-motion-scene.static-hero-visual{background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible!important}
body:not(.auth-locked) .showcase-shell .overhouse-clean-3d-hero{display:none!important}
body:not(.auth-locked) .scene-lights{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important}
body:not(.auth-locked) .stage-floor{z-index:1!important;left:50%!important;bottom:clamp(88px,6vw,150px)!important;width:clamp(620px,34vw,1180px)!important;height:clamp(150px,8vw,280px)!important;opacity:.78!important}
body:not(.auth-locked) .core-object{z-index:2!important;left:50%!important;top:43%!important;width:clamp(160px,8.8vw,300px)!important;height:clamp(160px,8.8vw,300px)!important;opacity:.72!important;filter:saturate(.9)!important}
body:not(.auth-locked) .core-center{inset:clamp(28px,1.8vw,54px)!important}
body:not(.auth-locked) .core-center b{font-size:clamp(28px,1.45vw,48px)!important}
body:not(.auth-locked) .core-center span{font-size:clamp(11px,.6vw,18px)!important;margin-top:clamp(-36px,-1.7vw,-16px)!important}
body:not(.auth-locked) .deck3d{position:absolute!important;z-index:5!important;inset:clamp(34px,3vw,86px) clamp(26px,2.2vw,76px) clamp(104px,6vw,168px)!important;transform-style:preserve-3d!important;overflow:visible!important}
body:not(.auth-locked) .deck-card{left:50%!important;top:50%!important;width:clamp(500px,26vw,920px)!important;height:clamp(440px,24vw,760px)!important;padding:clamp(22px,1.2vw,42px)!important;border-radius:clamp(22px,1.4vw,34px)!important;background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(10,16,32,.82))!important;border-color:rgba(148,180,255,.18)!important;box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;overflow:hidden!important}
body:not(.auth-locked) .deck-card h2{font-size:clamp(34px,1.9vw,66px)!important;line-height:1.03!important}
body:not(.auth-locked) .deck-card p{font-size:clamp(14px,.74vw,22px)!important;line-height:1.48!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
body:not(.auth-locked) .deck-card header{gap:clamp(5px,.35vw,10px)!important;margin-bottom:clamp(14px,.9vw,26px)!important}
body:not(.auth-locked) .deck-card header span{font-size:clamp(12px,.62vw,18px)!important}
body:not(.auth-locked) .deck-card.active{opacity:1!important;filter:none!important;z-index:30!important;transform:translate(-50%,-50%) translateZ(115px) rotateX(3deg) rotateY(-4deg)!important}
body:not(.auth-locked) .deck-card.next{opacity:.78!important;filter:saturate(.82) brightness(.88)!important;z-index:18!important;transform:translate(19%,-51%) translateZ(14px) rotateX(2deg) rotateY(-13deg) scale(.72)!important}
body:not(.auth-locked) .deck-card.prev{opacity:.68!important;filter:saturate(.78) brightness(.82)!important;z-index:16!important;transform:translate(-119%,-50%) translateZ(8px) rotateX(2deg) rotateY(13deg) scale(.68)!important}
body:not(.auth-locked) .deck-card.far{opacity:.36!important;filter:saturate(.65) brightness(.72)!important;z-index:8!important;transform:translate(28%,-20%) translateZ(-96px) rotateY(-16deg) scale(.52)!important}
body:not(.auth-locked) .deck-card.tail{opacity:.22!important;filter:saturate(.58) brightness(.68)!important;z-index:6!important;transform:translate(7%,-13%) translateZ(-150px) rotateY(-18deg) scale(.46)!important}
body:not(.auth-locked) .deck-card.back{opacity:.30!important;filter:saturate(.58) brightness(.68)!important;z-index:7!important;transform:translate(-112%,-19%) translateZ(-104px) rotateY(16deg) scale(.5)!important}
body:not(.auth-locked) .ui-preview{height:clamp(278px,14.5vw,520px)!important;border-radius:clamp(16px,.95vw,28px)!important;background:linear-gradient(180deg,rgba(2,6,23,.62),rgba(15,23,42,.44))!important}
body:not(.auth-locked) .monitor-grid{gap:clamp(7px,.45vw,14px)!important}
body:not(.auth-locked) .monitor-grid span{height:clamp(58px,3.3vw,118px)!important}
body:not(.auth-locked) .node{font-size:clamp(11px,.56vw,17px)!important;padding:clamp(7px,.45vw,12px) clamp(9px,.56vw,16px)!important}
body:not(.auth-locked) .route-box{right:clamp(14px,.8vw,26px)!important;bottom:clamp(14px,.8vw,26px)!important;padding:clamp(11px,.7vw,20px)!important}
body:not(.auth-locked) .product-switcher{z-index:45!important;bottom:clamp(28px,2vw,58px)!important;gap:clamp(5px,.4vw,10px)!important;padding:clamp(6px,.42vw,12px)!important;background:rgba(3,7,18,.72)!important}
body:not(.auth-locked) .product-switcher button{min-width:clamp(56px,3vw,96px)!important;min-height:clamp(36px,2vw,56px)!important;padding:0 clamp(10px,.7vw,20px)!important;font-size:clamp(12px,.62vw,18px)!important}
body:not(.auth-locked) .workflow-section,
body:not(.auth-locked) .products-section,
body:not(.auth-locked) .link-section,
body:not(.auth-locked) .assistant-section,
body:not(.auth-locked) .hub-section,
body:not(.auth-locked) .readiness-section,
body:not(.auth-locked) .faq-section,
body:not(.auth-locked) .contact-section{width:min(3120px,calc(100% - clamp(40px,6vw,240px)))!important;padding-top:clamp(110px,6.2vw,238px)!important}
body:not(.auth-locked) .section-heading{
  --section-title-size:clamp(38px,3.35vw,118px);
  max-width:min(74vw,calc(var(--section-title-size) * 16.5))!important;
  margin-bottom:clamp(38px,3vw,104px)!important;
}
body:not(.auth-locked) .section-heading h2{font-size:var(--section-title-size)!important;max-width:16.5em!important;margin-inline:auto!important}
body:not(.auth-locked) .workflow-line,
body:not(.auth-locked) .product-wall,
body:not(.auth-locked) .link-grid,
body:not(.auth-locked) .hub-grid,
body:not(.auth-locked) .readiness-grid,
body:not(.auth-locked) .faq-grid{gap:clamp(18px,1.3vw,52px)!important}
body:not(.auth-locked) .workflow-line article,
body:not(.auth-locked) .product-tile,
body:not(.auth-locked) .link-card,
body:not(.auth-locked) .assistant-card,
body:not(.auth-locked) .hub-card,
body:not(.auth-locked) .readiness-card,
body:not(.auth-locked) .faq-card,
body:not(.auth-locked) .contact-panel{padding:clamp(28px,1.9vw,74px)!important}
@media(max-width:1180px){
  body:not(.auth-locked) .hero-rebuild,
  body:not(.auth-locked) .workflow-section,
  body:not(.auth-locked) .products-section,
  body:not(.auth-locked) .link-section,
  body:not(.auth-locked) .assistant-section,
  body:not(.auth-locked) .hub-section,
  body:not(.auth-locked) .readiness-section,
  body:not(.auth-locked) .faq-section,
  body:not(.auth-locked) .contact-section{width:min(100% - 32px,1180px)!important;margin-inline:auto!important}
  body:not(.auth-locked) .hero-rebuild{grid-template-columns:1fr!important}
  body:not(.auth-locked) .hero-copy{max-width:780px!important}
  body:not(.auth-locked) .showcase-shell{width:min(880px,100%)!important;height:680px!important;justify-self:center!important}
}
@media(max-width:760px){
  body:not(.auth-locked) .hero-copy h1{font-size:clamp(42px,12vw,56px)!important}
  body:not(.auth-locked) .showcase-shell{height:590px!important}
}

/* Product-grade hero card internals. */
body:not(.auth-locked) .ui-preview{
  border:1px solid rgba(148,180,255,.16)!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(76,233,255,.13),transparent 34%),
    linear-gradient(180deg,rgba(8,14,30,.96),rgba(9,16,33,.84))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body:not(.auth-locked) .preview-head,
body:not(.auth-locked) .chat-head{
  min-height:clamp(34px,1.8vw,54px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  color:#f8fbff!important;
}
body:not(.auth-locked) .preview-head b,
body:not(.auth-locked) .chat-head b{
  font-size:clamp(13px,.72vw,22px)!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .preview-head em,
body:not(.auth-locked) .chat-head em{
  border:1px solid rgba(54,237,163,.22)!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  background:rgba(54,237,163,.11)!important;
  color:#9ff5cd!important;
  font-size:clamp(10px,.52vw,15px)!important;
  font-style:normal!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body:not(.auth-locked) .ui-remote{
  grid-template-columns:clamp(112px,5.5vw,178px) 1fr!important;
}
body:not(.auth-locked) .ui-remote aside{
  padding:clamp(14px,.8vw,24px)!important;
  gap:clamp(8px,.48vw,14px)!important;
  border-right-color:rgba(148,180,255,.13)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
}
body:not(.auth-locked) .ui-remote aside b{
  margin-bottom:6px!important;
  font-size:clamp(12px,.65vw,18px)!important;
  color:#f8fbff!important;
}
body:not(.auth-locked) .ui-remote aside i{
  height:clamp(28px,1.45vw,44px)!important;
  border-radius:12px!important;
  background:rgba(148,180,255,.09)!important;
  position:relative!important;
}
body:not(.auth-locked) .ui-remote aside i::after{
  content:"Device group";
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(248,251,255,.58);
  font-size:clamp(9px,.48vw,14px);
  font-weight:800;
  white-space:nowrap;
}
body:not(.auth-locked) .ui-remote aside i.on{
  background:linear-gradient(135deg,rgba(76,233,255,.26),rgba(92,141,255,.18))!important;
}
body:not(.auth-locked) .ui-remote aside i.on::after{content:"Live devices";color:#dffbff}
body:not(.auth-locked) .ui-remote section{padding:clamp(14px,.85vw,26px)!important}
body:not(.auth-locked) .monitor-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body:not(.auth-locked) .monitor-grid span{
  position:relative!important;
  display:block!important;
  height:clamp(62px,3.1vw,112px)!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(92,141,255,.22),rgba(76,233,255,.08)),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
  border:1px solid rgba(148,180,255,.18)!important;
  overflow:hidden!important;
}
body:not(.auth-locked) .monitor-grid span::before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:18%;
  height:38%;
  border-radius:10px;
  background:linear-gradient(135deg,rgba(76,233,255,.62),rgba(92,141,255,.2));
}
body:not(.auth-locked) .monitor-grid span::after{
  content:"ONLINE";
  position:absolute;
  left:12%;
  bottom:14%;
  color:rgba(248,251,255,.72);
  font-size:clamp(8px,.42vw,12px);
  font-weight:950;
  letter-spacing:.08em;
}
body:not(.auth-locked) .ui-studio{
  background:
    linear-gradient(90deg,rgba(148,180,255,.08) 1px,transparent 1px),
    linear-gradient(180deg,rgba(148,180,255,.08) 1px,transparent 1px),
    linear-gradient(180deg,rgba(8,14,30,.96),rgba(9,16,33,.84))!important;
  background-size:clamp(28px,1.4vw,46px) clamp(28px,1.4vw,46px),clamp(28px,1.4vw,46px) clamp(28px,1.4vw,46px),auto!important;
}
body:not(.auth-locked) .ui-studio svg{opacity:.28!important}
body:not(.auth-locked) .ui-studio path{
  stroke:rgba(167,124,255,.42)!important;
  stroke-width:2.5!important;
}
body:not(.auth-locked) .node{
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055))!important;
  border-color:rgba(167,124,255,.22)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  color:#f8fbff!important;
  font-weight:900!important;
}
body:not(.auth-locked) .node::before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:8px;
  border-radius:50%;
  background:#a77cff;
  box-shadow:0 0 18px rgba(167,124,255,.78);
}
body:not(.auth-locked) .ui-link{
  grid-template-columns:clamp(78px,4.4vw,132px) 1fr!important;
}
body:not(.auth-locked) .ui-link aside{
  padding:clamp(14px,.75vw,22px)!important;
  gap:clamp(9px,.5vw,15px)!important;
  border-right-color:rgba(148,180,255,.13)!important;
  background:rgba(255,255,255,.035)!important;
}
body:not(.auth-locked) .ui-link aside i{
  height:clamp(26px,1.3vw,40px)!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.045))!important;
}
body:not(.auth-locked) .ui-link section{padding:clamp(14px,.85vw,26px)!important}
body:not(.auth-locked) .msg{
  max-width:78%!important;
  border:1px solid rgba(148,180,255,.14)!important;
  border-radius:16px!important;
  padding:clamp(9px,.58vw,16px) clamp(12px,.72vw,20px)!important;
  background:rgba(255,255,255,.07)!important;
  color:rgba(248,251,255,.8)!important;
  font-size:clamp(11px,.58vw,17px)!important;
  line-height:1.35!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body:not(.auth-locked) .msg.right{
  border-color:rgba(76,233,255,.18)!important;
  background:linear-gradient(135deg,rgba(76,233,255,.18),rgba(92,141,255,.12))!important;
  color:#f8fbff!important;
}
body:not(.auth-locked) .input-line{
  left:clamp(96px,5.4vw,154px)!important;
  right:clamp(14px,.8vw,26px)!important;
  bottom:clamp(14px,.8vw,24px)!important;
  height:clamp(36px,1.9vw,54px)!important;
  border:1px solid rgba(148,180,255,.14)!important;
  background:rgba(255,255,255,.055)!important;
}
body:not(.auth-locked) .input-line::after{
  content:"Message or file update";
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(248,251,255,.38);
  font-size:clamp(10px,.52vw,15px);
  font-weight:800;
}
body:not(.auth-locked) .ui-net{
  background:
    radial-gradient(circle at 50% 48%,rgba(76,233,255,.16),transparent 31%),
    linear-gradient(180deg,rgba(8,14,30,.96),rgba(9,16,33,.84))!important;
}
body:not(.auth-locked) .ui-net svg{opacity:.34!important}
body:not(.auth-locked) .ui-net path{stroke:rgba(76,233,255,.32)!important;stroke-width:2.5!important}
body:not(.auth-locked) .ui-net i{
  width:clamp(12px,.7vw,22px)!important;
  height:clamp(12px,.7vw,22px)!important;
  border:3px solid rgba(5,7,16,.72)!important;
  background:#4ce9ff!important;
}
body:not(.auth-locked) .route-box{
  min-width:clamp(150px,8vw,250px)!important;
  border-color:rgba(76,233,255,.18)!important;
  background:rgba(3,7,18,.58)!important;
  backdrop-filter:blur(16px)!important;
}
body:not(.auth-locked) .route-box b{
  color:#f8fbff!important;
  font-size:clamp(12px,.65vw,18px)!important;
}
body:not(.auth-locked) .route-box span{
  color:rgba(248,251,255,.62)!important;
  font-size:clamp(10px,.52vw,15px)!important;
}
body:not(.auth-locked) .ui-hub{
  grid-template-columns:1fr 1fr 1.1fr!important;
  gap:clamp(10px,.6vw,18px)!important;
  padding:clamp(14px,.85vw,26px)!important;
}
body:not(.auth-locked) .ui-hub section{
  border-color:rgba(148,180,255,.15)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  border-radius:16px!important;
  padding:clamp(13px,.75vw,22px)!important;
}
body:not(.auth-locked) .ui-hub b{
  color:#f8fbff!important;
  font-size:clamp(12px,.65vw,18px)!important;
}
body:not(.auth-locked) .ui-hub i{
  height:clamp(28px,1.55vw,48px)!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,rgba(223,255,87,.17),rgba(255,255,255,.055))!important;
}
body:not(.auth-locked) .ui-hub section:nth-child(3){
  display:grid!important;
  align-content:center!important;
  text-align:left!important;
  background:linear-gradient(135deg,rgba(223,255,87,.16),rgba(76,233,255,.08))!important;
}
body:not(.auth-locked) .ui-hub section:nth-child(3)::after{
  content:"128 resolved posts";
  margin-top:clamp(26px,1.6vw,52px);
  color:#dfff57;
  font-size:clamp(18px,1.35vw,42px);
  font-weight:950;
  line-height:1;
}

/* Final polish for Net and Hub cards: replace placeholder shapes with product UI. */
body:not(.auth-locked) .ui-net,
body:not(.auth-locked) .ui-hub{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(14px,.85vw,26px)!important;
}
body:not(.auth-locked) .ui-net > svg,
body:not(.auth-locked) .ui-net > i,
body:not(.auth-locked) .ui-net > .route-box,
body:not(.auth-locked) .ui-hub > section{
  display:none!important;
}
body:not(.auth-locked) .ui-net::before{
  content:"Secure Network";
  position:absolute;
  left:clamp(16px,1vw,30px);
  top:clamp(14px,.9vw,28px);
  right:clamp(16px,1vw,30px);
  height:clamp(38px,2vw,62px);
  display:flex;
  align-items:center;
  padding:0 clamp(14px,.8vw,24px);
  border:1px solid rgba(76,233,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  color:#f8fbff;
  font-size:clamp(13px,.72vw,22px);
  font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
body:not(.auth-locked) .ui-net::after{
  content:"HEALTHY";
  position:absolute;
  right:clamp(30px,1.8vw,58px);
  top:clamp(23px,1.34vw,44px);
  border:1px solid rgba(54,237,163,.22);
  border-radius:999px;
  padding:6px 10px;
  background:rgba(54,237,163,.11);
  color:#9ff5cd;
  font-size:clamp(9px,.48vw,14px);
  font-weight:950;
}
body:not(.auth-locked) .ui-net .net-map{
  display:block!important;
  position:absolute!important;
  left:clamp(16px,1vw,30px)!important;
  right:clamp(16px,1vw,30px)!important;
  top:clamp(72px,4.2vw,128px)!important;
  bottom:clamp(18px,1vw,32px)!important;
  border:1px solid rgba(148,180,255,.13)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(76,233,255,.18),transparent 30%),
    linear-gradient(90deg,rgba(148,180,255,.08) 1px,transparent 1px),
    linear-gradient(180deg,rgba(148,180,255,.08) 1px,transparent 1px),
    rgba(2,6,23,.2)!important;
  background-size:auto,clamp(34px,1.8vw,58px) clamp(34px,1.8vw,58px),clamp(34px,1.8vw,58px) clamp(34px,1.8vw,58px),auto!important;
}
body:not(.auth-locked) .ui-net .net-map::before,
body:not(.auth-locked) .ui-net .net-map::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  top:50%;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(76,233,255,.62),transparent);
}
body:not(.auth-locked) .ui-net .net-map::after{
  left:50%;
  right:auto;
  top:14%;
  bottom:14%;
  width:2px;
  height:auto;
  background:linear-gradient(180deg,transparent,rgba(76,233,255,.5),transparent);
}
body:not(.auth-locked) .ui-net .net-node{
  position:absolute!important;
  display:grid!important;
  place-items:center!important;
  min-width:clamp(68px,3.6vw,120px)!important;
  min-height:clamp(38px,2vw,62px)!important;
  border:1px solid rgba(76,233,255,.2)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.72))!important;
  color:#f8fbff!important;
  font-size:clamp(10px,.54vw,16px)!important;
  font-weight:950!important;
  box-shadow:0 18px 42px rgba(0,0,0,.25)!important;
}
body:not(.auth-locked) .ui-net .net-node.hub{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;background:linear-gradient(135deg,rgba(76,233,255,.28),rgba(92,141,255,.2))!important}
body:not(.auth-locked) .ui-net .net-node.n-a{left:12%!important;top:16%!important}
body:not(.auth-locked) .ui-net .net-node.n-b{right:12%!important;top:18%!important}
body:not(.auth-locked) .ui-net .net-node.n-c{left:12%!important;bottom:16%!important}
body:not(.auth-locked) .ui-net .net-node.n-d{right:12%!important;bottom:16%!important}
body:not(.auth-locked) .ui-hub::before{
  content:"Hub";
  position:absolute;
  left:clamp(14px,.8vw,24px);
  top:clamp(14px,.8vw,24px);
  bottom:clamp(14px,.8vw,24px);
  width:clamp(96px,5vw,162px);
  border:1px solid rgba(148,180,255,.14);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.032));
  color:#f8fbff;
  padding:clamp(18px,1vw,30px);
  font-size:clamp(15px,.8vw,24px);
  font-weight:950;
}
body:not(.auth-locked) .ui-hub::after{
  content:"Notice\A Guides\A Scripts";
  white-space:pre-line;
  position:absolute;
  left:clamp(32px,1.8vw,58px);
  top:clamp(72px,4vw,122px);
  color:rgba(248,251,255,.62);
  font-size:clamp(11px,.58vw,17px);
  font-weight:850;
  line-height:2.25;
}
body:not(.auth-locked) .ui-hub .hub-feed:first-child{
  display:grid!important;
  position:absolute!important;
  left:clamp(126px,6.8vw,218px)!important;
  right:clamp(14px,.8vw,24px)!important;
  top:clamp(14px,.8vw,24px)!important;
  bottom:clamp(14px,.8vw,24px)!important;
  grid-template-rows:auto repeat(3,1fr)!important;
  gap:clamp(9px,.5vw,15px)!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
}
body:not(.auth-locked) .ui-hub .hub-feed:first-child b{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  color:#f8fbff!important;
  font-size:clamp(14px,.72vw,22px)!important;
}
body:not(.auth-locked) .ui-hub .hub-feed:first-child b::after{
  content:"LIVE";
  border:1px solid rgba(54,237,163,.22);
  border-radius:999px;
  padding:5px 9px;
  background:rgba(54,237,163,.11);
  color:#9ff5cd;
  font-size:clamp(8px,.42vw,12px);
}
body:not(.auth-locked) .ui-hub .hub-feed:first-child span{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid rgba(148,180,255,.14)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;
  padding:0 clamp(13px,.7vw,22px)!important;
  color:rgba(248,251,255,.82)!important;
  font-size:clamp(11px,.58vw,17px)!important;
  font-weight:850!important;
}
body:not(.auth-locked) .ui-hub .hub-feed:first-child span::after{
  content:"Open";
  color:#dfff57;
  font-size:clamp(9px,.48vw,14px);
  font-weight:950;
}

/* Generated product preview images grounded in the actual Over product UIs. */
body:not(.auth-locked) .deck-card .ui-preview{
  padding:0!important;
  background:#050b18!important;
  border-color:rgba(148,180,255,.18)!important;
  overflow:hidden!important;
}
body:not(.auth-locked) .deck-card .ui-preview > *{
  display:none!important;
}
body:not(.auth-locked) .deck-card .ui-preview::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  white-space:normal!important;
  display:block!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  filter:saturate(1.03) contrast(1.02)!important;
}
body:not(.auth-locked) .deck-card .ui-preview::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  white-space:normal!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%,transparent 78%,rgba(0,0,0,.16)),
    radial-gradient(circle at 50% 0%,rgba(76,233,255,.14),transparent 42%)!important;
}
body:not(.auth-locked) .deck-card[data-product="OverView"] .ui-preview::before{
  background-image:url("../assets/hero-card-overview-v2.png?v=20260529-img2")!important;
}
body:not(.auth-locked) .deck-card[data-product="OverStudio"] .ui-preview::before{
  background-image:url("../assets/hero-card-overstudio-v2.png?v=20260529-img2")!important;
}
body:not(.auth-locked) .deck-card[data-product="OverLink"] .ui-preview::before{
  background-image:url("../assets/hero-card-overlink-v2.png?v=20260529-img2")!important;
}
body:not(.auth-locked) .deck-card[data-product="OverNet"] .ui-preview::before{
  background-image:url("../assets/hero-card-overnet-v3.png?v=20260529-img3")!important;
}
body:not(.auth-locked) .deck-card[data-product="OverHub"] .ui-preview::before{
  background-image:url("../assets/hero-card-overhub-v3.png?v=20260529-img3")!important;
}
body:not(.auth-locked) .deck-card[data-product="OverDev"] .ui-preview::before{
  background-image:url("../assets/hero-card-overdev-v1.png?v=20260601-overdev1")!important;
}
body:not(.auth-locked) .deck-card[data-product="OverRent"] .ui-preview::before{
  background-image:url("../assets/hero-card-overrent-v1.png?v=20260530-rent1")!important;
}

/* Usability pass: clamp transformed homepage surfaces to the real viewport. */
html,
body{
  max-width:100%;
  overflow-x:clip!important;
}
.top-dock nav a,
.auth-legal a,
.deployment-panel strong a,
.service-health-panel a,
.service-health-panel button{
  min-height:34px;
  display:inline-flex;
  align-items:center;
}
.top-dock nav a{
  padding:0 8px;
  border-radius:999px;
}
body:not(.auth-locked) .hero-rebuild{
  max-width:calc(100vw - 2px)!important;
}
body:not(.auth-locked) .hero-copy,
body:not(.auth-locked) .quick-numbers,
body:not(.auth-locked) .hero-actions{
  min-width:0!important;
}
body:not(.auth-locked) .showcase-shell,
body:not(.auth-locked) .deck3d{
  max-width:100%!important;
}
body:not(.auth-locked) .product-switcher{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  max-width:calc(100% - 24px)!important;
}
body:not(.auth-locked) .product-switcher button{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  .top-dock{
    min-width:0;
  }
  .top-dock nav{
    min-width:0;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .top-dock nav::-webkit-scrollbar{
    display:none;
  }
  body:not(.auth-locked) .showcase-shell{
    overflow:hidden!important;
    transform:none!important;
  }
  body:not(.auth-locked) .deck-card.prev,
  body:not(.auth-locked) .deck-card.tail,
  body:not(.auth-locked) .deck-card.back{
    opacity:.24!important;
  }
}

@media(max-width:760px){
  .top-dock{
    left:12px!important;
    right:12px!important;
    top:12px!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    border-radius:20px!important;
    padding:8px!important;
  }
  .top-dock nav{
    order:4;
    display:flex!important;
    flex:1 1 100%;
    gap:6px!important;
    padding-top:4px;
  }
  .top-dock nav a{
    flex:0 0 auto;
    min-height:36px;
    padding:0 10px;
    background:rgba(255,255,255,.055);
    font-size:12px;
  }
  .top-dock .nav-icon{
    width:14px;
    height:14px;
  }
  .dock-logout,
  .dock-cta,
  .dock-link{
    flex:1 1 calc(33.333% - 8px);
    min-width:0!important;
    min-height:40px!important;
    justify-content:center!important;
    padding:0 10px!important;
    white-space:nowrap;
  }
  body:not(.auth-locked) .hero-rebuild{
    width:calc(100% - 24px)!important;
    margin-inline:auto!important;
    padding-top:168px!important;
    gap:28px!important;
  }
  body:not(.auth-locked) .hero-copy{
    width:100%!important;
    max-width:100%!important;
  }
  body:not(.auth-locked) .hero-description{
    max-width:100%!important;
  }
  body:not(.auth-locked) .hero-actions .primary-action,
  body:not(.auth-locked) .hero-actions .secondary-action{
    flex:1 1 150px;
    min-width:0!important;
  }
  body:not(.auth-locked) .quick-numbers{
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:26px!important;
  }
  body:not(.auth-locked) .quick-numbers article{
    min-height:92px;
    padding:16px 18px!important;
  }
  body:not(.auth-locked) .quick-numbers strong{
    font-size:28px!important;
    line-height:1.05;
  }
  body:not(.auth-locked) .quick-numbers span{
    font-size:14px!important;
    line-height:1.45;
  }
  body:not(.auth-locked) .showcase-shell{
    width:100%!important;
    height:460px!important;
    overflow:hidden!important;
    transform:none!important;
  }
  body:not(.auth-locked) .deck3d{
    inset:18px 0 78px!important;
  }
  body:not(.auth-locked) .deck-card{
    width:min(100% - 28px,440px)!important;
    height:330px!important;
  }
  body:not(.auth-locked) .deck-card.active{
    transform:translate(-50%,-50%) translateZ(60px) rotateX(2deg) rotateY(-2deg)!important;
  }
  body:not(.auth-locked) .deck-card.next{
    transform:translate(-12%,-50%) translateZ(0) rotateY(-7deg) scale(.74)!important;
  }
  body:not(.auth-locked) .deck-card.prev,
  body:not(.auth-locked) .deck-card.far,
  body:not(.auth-locked) .deck-card.tail,
  body:not(.auth-locked) .deck-card.back{
    opacity:0!important;
    pointer-events:none!important;
  }
  body:not(.auth-locked) .ui-preview{
    height:190px!important;
  }
  body:not(.auth-locked) .product-switcher{
    left:50%!important;
    right:auto!important;
    bottom:14px!important;
    width:max-content!important;
    max-width:calc(100% - 24px)!important;
    transform:translateX(-50%)!important;
    border-radius:18px!important;
  }
  body:not(.auth-locked) .product-switcher button{
    min-width:56px!important;
    min-height:38px!important;
    padding:0 10px!important;
  }
  .motion-strip div{
    gap:24px!important;
  }
  .deployment-panel strong a{
    padding-inline:6px;
  }
}

@media(max-width:420px){
  .dock-logout,
  .dock-cta,
  .dock-link{
    font-size:12px!important;
  }
  body:not(.auth-locked) .hero-copy h1{
    font-size:clamp(34px,11vw,46px)!important;
  }
  body:not(.auth-locked) .showcase-shell{
    height:420px!important;
  }
}

/* Sales-page copy and alignment pass. */
body:not(.auth-locked) .hero-copy h1,
body:not(.auth-locked) .section-heading h2,
body:not(.auth-locked) .workflow-line h3,
body:not(.auth-locked) .product-tile h3,
body:not(.auth-locked) .link-card h3,
body:not(.auth-locked) .assistant-card h2,
body:not(.auth-locked) .hub-card h3,
body:not(.auth-locked) .readiness-card h3,
body:not(.auth-locked) .faq-card h3,
body:not(.auth-locked) .contact-panel h2{
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  text-wrap:balance;
}
body:not(.auth-locked) .workflow-line p,
body:not(.auth-locked) .product-tile p,
body:not(.auth-locked) .link-card p,
body:not(.auth-locked) .assistant-card span,
body:not(.auth-locked) .hub-card li,
body:not(.auth-locked) .readiness-card p,
body:not(.auth-locked) .readiness-lane span,
body:not(.auth-locked) .faq-card p,
body:not(.auth-locked) .contact-panel span{
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  text-wrap:pretty;
}
body:not(.auth-locked) .section-heading{
  max-width:min(980px,76vw)!important;
}
body:not(.auth-locked) .section-heading h2{
  max-width:13.2em!important;
}
body:not(.auth-locked) .workflow-line article,
body:not(.auth-locked) .product-tile,
body:not(.auth-locked) .link-card,
body:not(.auth-locked) .hub-card,
body:not(.auth-locked) .readiness-card,
body:not(.auth-locked) .faq-card{
  display:flex!important;
  flex-direction:column!important;
}
body:not(.auth-locked) .workflow-line h3,
body:not(.auth-locked) .product-tile h3,
body:not(.auth-locked) .link-card h3,
body:not(.auth-locked) .hub-card h3,
body:not(.auth-locked) .readiness-card h3,
body:not(.auth-locked) .faq-card h3{
  margin-bottom:clamp(10px,.7vw,18px)!important;
}
body:not(.auth-locked) .workflow-line p,
body:not(.auth-locked) .product-tile p,
body:not(.auth-locked) .link-card p,
body:not(.auth-locked) .readiness-card p,
body:not(.auth-locked) .faq-card p{
  max-width:34em!important;
}
body:not(.auth-locked) .quick-numbers article{
  min-height:clamp(120px,7vw,180px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
body:not(.auth-locked) .quick-numbers strong{
  max-width:100%!important;
  white-space:nowrap!important;
  font-size:clamp(26px,1.55vw,48px)!important;
}
body:not(.auth-locked) .quick-numbers span{
  word-break:keep-all!important;
  line-height:1.45!important;
}
body:not(.auth-locked) .link-flow div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body:not(.auth-locked) .link-flow span{
  word-break:keep-all!important;
  text-wrap:pretty;
}
body:not(.auth-locked) .reveal,
body:not(.auth-locked) .reveal.on{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

/* Anchor and copy rhythm polish. */
html{
  scroll-padding-top:clamp(104px,7vw,150px);
}
body:not(.auth-locked) .workflow-section,
body:not(.auth-locked) .products-section,
body:not(.auth-locked) .link-section,
body:not(.auth-locked) .assistant-section,
body:not(.auth-locked) .hub-section,
body:not(.auth-locked) .readiness-section,
body:not(.auth-locked) .faq-section,
body:not(.auth-locked) .contact-section{
  scroll-margin-top:clamp(104px,7vw,150px);
}
body:not(.auth-locked) .section-heading{
  --section-title-size:clamp(36px,2.72vw,84px)!important;
  max-width:min(1280px,86vw)!important;
  margin-bottom:clamp(34px,2.5vw,84px)!important;
}
body:not(.auth-locked) .section-heading h2{
  max-width:20em!important;
  line-height:1.12!important;
}
body:not(.auth-locked) .workflow-line h3,
body:not(.auth-locked) .product-tile h3,
body:not(.auth-locked) .link-card h3,
body:not(.auth-locked) .hub-card h3,
body:not(.auth-locked) .readiness-card h3,
body:not(.auth-locked) .faq-card h3{
  line-height:1.16!important;
}
body:not(.auth-locked) .workflow-line p,
body:not(.auth-locked) .product-tile p,
body:not(.auth-locked) .link-card p,
body:not(.auth-locked) .readiness-card p,
body:not(.auth-locked) .faq-card p{
  max-width:40em!important;
}
body:not(.auth-locked) .faq-card{
  min-height:clamp(220px,12vw,320px)!important;
}
body:not(.auth-locked) .deployment-panel strong a,
body:not(.auth-locked) .service-health-panel button,
body:not(.auth-locked) .service-health-panel a{
  min-height:34px!important;
  border:1px solid rgba(76,233,255,.22)!important;
  border-radius:999px!important;
  background:rgba(76,233,255,.08)!important;
  color:#dffbff!important;
  padding:0 12px!important;
  text-decoration:none!important;
  font-weight:900!important;
}
body:not(.auth-locked) .deployment-panel strong a:hover,
body:not(.auth-locked) .service-health-panel button:hover,
body:not(.auth-locked) .service-health-panel a:hover{
  border-color:rgba(76,233,255,.5)!important;
  background:rgba(76,233,255,.14)!important;
}

/* Keep content groups at a commercial landing-page reading width. */
body:not(.auth-locked) .workflow-line,
body:not(.auth-locked) .product-wall,
body:not(.auth-locked) .link-grid,
body:not(.auth-locked) .link-flow,
body:not(.auth-locked) .hub-grid,
body:not(.auth-locked) .readiness-grid,
body:not(.auth-locked) .readiness-lane,
body:not(.auth-locked) .deployment-panel,
body:not(.auth-locked) .service-health-panel,
body:not(.auth-locked) .faq-grid,
body:not(.auth-locked) .contact-panel{
  width:100%!important;
  margin-inline:auto!important;
}
body:not(.auth-locked) .workflow-line{
  max-width:1500px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
body:not(.auth-locked) .product-wall{
  max-width:1260px!important;
  gap:clamp(18px,1.35vw,28px)!important;
}
body:not(.auth-locked) .service-detail-board{
  max-width:1260px!important;
  margin:clamp(54px,4vw,92px) auto 0!important;
  padding:clamp(22px,1.35vw,38px)!important;
}
body:not(.auth-locked) .service-board-head{
  max-width:760px!important;
  margin-inline:auto!important;
  margin-bottom:clamp(18px,1.2vw,32px)!important;
  text-align:center!important;
}
body:not(.auth-locked) .service-board-head h3{
  font-size:clamp(28px,2vw,44px)!important;
  word-break:keep-all!important;
  text-wrap:balance;
}
body:not(.auth-locked) .service-board-head span{
  max-width:54ch!important;
  margin-inline:auto!important;
}
body:not(.auth-locked) .service-board-list{
  max-width:1120px!important;
  margin-inline:auto!important;
  gap:14px!important;
}
body:not(.auth-locked) .service-detail-board{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(76,233,255,.18),transparent 32%),
    radial-gradient(circle at 86% 0%,rgba(223,255,87,.12),transparent 26%),
    linear-gradient(135deg,rgba(14,24,44,.86),rgba(10,13,28,.88))!important;
}
body:not(.auth-locked) .service-detail-board::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:
    linear-gradient(90deg,rgba(76,233,255,.06) 1px,transparent 1px),
    linear-gradient(180deg,rgba(76,233,255,.045) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  mask-image:radial-gradient(circle at center,#000,transparent 76%)!important;
  opacity:.55!important;
}
body:not(.auth-locked) .service-board-shell{
  display:grid!important;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  gap:clamp(18px,1.6vw,30px)!important;
  max-width:1160px!important;
  margin-inline:auto!important;
  align-items:stretch!important;
}
body:not(.auth-locked) .service-board-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  max-width:none!important;
  margin:0!important;
}
body:not(.auth-locked) .service-board-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:4px 12px!important;
  align-items:center!important;
  min-height:76px!important;
  border:1px solid rgba(148,180,255,.15)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.034))!important;
  color:#f8fbff!important;
  padding:14px 16px!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
body:not(.auth-locked) .service-board-item:hover,
body:not(.auth-locked) .service-board-item.active{
  transform:translateX(6px)!important;
  border-color:rgba(76,233,255,.54)!important;
  background:linear-gradient(135deg,rgba(76,233,255,.18),rgba(167,124,255,.11))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22),0 0 0 1px rgba(76,233,255,.09) inset!important;
}
body:not(.auth-locked) .service-board-index{
  grid-row:1 / span 2!important;
  width:40px!important;
  height:40px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(76,233,255,.11)!important;
  color:var(--cyan)!important;
  font-weight:950!important;
}
body:not(.auth-locked) .service-board-item b{
  font-size:18px!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .service-board-item small{
  color:rgba(248,251,255,.58)!important;
  font-size:13px!important;
  font-weight:850!important;
}
body:not(.auth-locked) .service-board-preview{
  position:relative!important;
  border:1px solid rgba(148,180,255,.16)!important;
  border-radius:24px!important;
  padding:clamp(24px,1.8vw,38px)!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(76,233,255,.18),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
body:not(.auth-locked) .service-preview-topline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
body:not(.auth-locked) .service-preview-topline span{
  color:var(--cyan)!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
}
body:not(.auth-locked) .service-preview-topline b{
  border:1px solid rgba(223,255,87,.2)!important;
  border-radius:999px!important;
  background:rgba(223,255,87,.08)!important;
  color:#eaff9b!important;
  padding:7px 10px!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
body:not(.auth-locked) .service-board-preview h4{
  margin:2px 0 0!important;
  max-width:16em!important;
  font-size:clamp(26px,2.15vw,44px)!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  word-break:keep-all!important;
  text-wrap:balance!important;
  color:transparent!important;
  background:linear-gradient(135deg,#f8fbff 0%,#dffbff 52%,#eaff9b 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:0 16px 42px rgba(76,233,255,.12)!important;
}
body:not(.auth-locked) .service-board-preview p{
  margin:18px 0 0!important;
  max-width:64ch!important;
  color:rgba(248,251,255,.7)!important;
  line-height:1.75!important;
  word-break:keep-all!important;
}
body:not(.auth-locked) .service-preview-highlights{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:20px!important;
}
body:not(.auth-locked) .service-preview-highlights span{
  border:1px solid rgba(76,233,255,.22)!important;
  border-radius:999px!important;
  background:rgba(76,233,255,.08)!important;
  color:#dffbff!important;
  padding:8px 11px!important;
  font-size:13px!important;
  font-weight:900!important;
}
body:not(.auth-locked) .service-preview-flow{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:22px!important;
}
body:not(.auth-locked) .service-preview-flow div{
  min-height:154px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:18px!important;
  background:rgba(3,7,18,.2)!important;
  padding:16px!important;
}
body:not(.auth-locked) .service-preview-flow i{
  display:block!important;
  font-style:normal!important;
  color:var(--cyan)!important;
  font-weight:950!important;
  margin-bottom:12px!important;
}
body:not(.auth-locked) .service-preview-flow strong{
  display:block!important;
  font-size:17px!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .service-preview-flow span{
  display:block!important;
  margin-top:8px!important;
  color:rgba(248,251,255,.6)!important;
  font-size:13px!important;
  line-height:1.55!important;
  word-break:keep-all!important;
}
body:not(.auth-locked) .service-board-preview .service-board-open{
  margin:24px 0 0!important;
}
body:not(.auth-locked) .link-grid,
body:not(.auth-locked) .link-flow{
  max-width:1320px!important;
}
body:not(.auth-locked) .hub-grid,
body:not(.auth-locked) .readiness-grid,
body:not(.auth-locked) .readiness-lane,
body:not(.auth-locked) .deployment-panel,
body:not(.auth-locked) .service-health-panel,
body:not(.auth-locked) .faq-grid,
body:not(.auth-locked) .contact-panel{
  max-width:1480px!important;
}
body:not(.auth-locked) .product-tile.wide{
  grid-column:span 3!important;
}
body:not(.auth-locked) .hub-card.visual{
  display:block!important;
  text-align:left!important;
  padding:clamp(24px,1.7vw,42px)!important;
}
body:not(.auth-locked) .hub-grid{
  max-width:1260px!important;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)!important;
  gap:clamp(22px,1.8vw,34px)!important;
}
body:not(.auth-locked) .hub-card{
  min-height:clamp(430px,26vw,560px)!important;
  border-color:rgba(148,180,255,.16)!important;
}
body:not(.auth-locked) .hub-card-primary{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(30px,2.2vw,54px)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(76,233,255,.18),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.032))!important;
}
body:not(.auth-locked) .hub-card-primary::after{
  content:""!important;
  position:absolute!important;
  right:-80px!important;
  bottom:-100px!important;
  width:240px!important;
  height:240px!important;
  border:1px solid rgba(76,233,255,.18)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(76,233,255,.1),transparent 62%)!important;
}
body:not(.auth-locked) .hub-kicker{
  display:block!important;
  color:var(--cyan)!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
  margin-bottom:18px!important;
}
body:not(.auth-locked) .hub-card-primary h3{
  max-width:11em!important;
  font-size:clamp(34px,2.8vw,58px)!important;
  line-height:1.08!important;
  margin:0!important;
  word-break:keep-all!important;
  text-wrap:balance!important;
}
body:not(.auth-locked) .hub-card-primary p{
  max-width:52ch!important;
  color:rgba(248,251,255,.68)!important;
  line-height:1.75!important;
  margin:20px 0 0!important;
  word-break:keep-all!important;
}
body:not(.auth-locked) .hub-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:clamp(26px,2vw,44px)!important;
}
body:not(.auth-locked) .hub-feature-grid div{
  min-height:126px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:18px!important;
  background:rgba(3,7,18,.22)!important;
  padding:16px!important;
}
body:not(.auth-locked) .hub-feature-grid svg{
  color:var(--cyan)!important;
  width:24px!important;
  height:24px!important;
  margin-bottom:14px!important;
}
body:not(.auth-locked) .hub-feature-grid b,
body:not(.auth-locked) .hub-feature-grid span{
  display:block!important;
}
body:not(.auth-locked) .hub-feature-grid b{
  font-size:17px!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .hub-feature-grid span{
  margin-top:8px!important;
  color:rgba(248,251,255,.58)!important;
  font-size:13px!important;
  line-height:1.45!important;
}
body:not(.auth-locked) .hub-card.visual > span{
  position:static!important;
  display:block!important;
  margin-bottom:18px!important;
  color:var(--cyan)!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
body:not(.auth-locked) .orbital-market,
body:not(.auth-locked) .hub-card.visual > b{
  display:none!important;
}
body:not(.auth-locked) .hub-preview-panel{
  position:relative!important;
  border:1px solid rgba(148,180,255,.16)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(76,233,255,.18),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;
  padding:clamp(20px,1.5vw,30px)!important;
  min-height:100%!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body:not(.auth-locked) .hub-preview-panel span,
body:not(.auth-locked) .hub-preview-panel b,
body:not(.auth-locked) .hub-preview-panel strong{
  position:static!important;
  inset:auto!important;
}
body:not(.auth-locked) .hub-preview-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
}
body:not(.auth-locked) .hub-preview-head b{
  display:block!important;
  font-size:clamp(30px,2.2vw,46px)!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .hub-preview-head em{
  font-style:normal!important;
  border:1px solid rgba(54,237,163,.22)!important;
  border-radius:999px!important;
  background:rgba(54,237,163,.1)!important;
  color:#9ff5cd!important;
  padding:6px 10px!important;
  font-size:12px!important;
  font-weight:950!important;
}
body:not(.auth-locked) .hub-preview-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-top:22px!important;
}
body:not(.auth-locked) .hub-preview-tabs i{
  font-style:normal!important;
  min-height:36px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(76,233,255,.08)!important;
  color:#dffbff!important;
  font-size:13px!important;
  font-weight:900!important;
}
body:not(.auth-locked) .hub-preview-list{
  display:grid!important;
  gap:12px!important;
  margin-top:18px!important;
}
body:not(.auth-locked) .hub-preview-list p{
  margin:0!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:16px!important;
  background:rgba(3,7,18,.2)!important;
  padding:16px!important;
}
body:not(.auth-locked) .hub-preview-list strong,
body:not(.auth-locked) .hub-preview-list span{
  display:block!important;
  position:static!important;
}
body:not(.auth-locked) .hub-preview-list strong{
  color:#f8fbff!important;
  font-size:16px!important;
}
body:not(.auth-locked) .hub-preview-list span{
  margin-top:6px!important;
  color:rgba(248,251,255,.62)!important;
  font-size:13px!important;
  line-height:1.5!important;
  word-break:keep-all!important;
}
body:not(.auth-locked) .hub-preview-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:18px!important;
}
body:not(.auth-locked) .hub-preview-metrics span{
  border:1px solid rgba(76,233,255,.18)!important;
  border-radius:16px!important;
  background:rgba(76,233,255,.07)!important;
  padding:13px!important;
}
body:not(.auth-locked) .hub-preview-metrics b,
body:not(.auth-locked) .hub-preview-metrics small{
  display:block!important;
}
body:not(.auth-locked) .hub-preview-metrics b{
  color:#f8fbff!important;
  font-size:20px!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .hub-preview-metrics small{
  margin-top:3px!important;
  color:rgba(248,251,255,.58)!important;
  font-size:12px!important;
  font-weight:850!important;
}
@media(max-width:1180px){
  body:not(.auth-locked) .workflow-line,
  body:not(.auth-locked) .product-wall,
  body:not(.auth-locked) .service-detail-board,
  body:not(.auth-locked) .link-grid,
  body:not(.auth-locked) .link-flow,
  body:not(.auth-locked) .hub-grid,
  body:not(.auth-locked) .readiness-grid,
  body:not(.auth-locked) .readiness-lane,
  body:not(.auth-locked) .deployment-panel,
  body:not(.auth-locked) .service-health-panel,
  body:not(.auth-locked) .faq-grid{
    grid-template-columns:1fr!important;
    max-width:820px!important;
  }
  body:not(.auth-locked) .hub-grid{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .hub-feature-grid,
  body:not(.auth-locked) .hub-preview-metrics{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .service-board-list{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .service-board-shell{
    grid-template-columns:1fr!important;
    max-width:820px!important;
  }
  body:not(.auth-locked) .service-preview-flow{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .product-tile,
  body:not(.auth-locked) .product-tile.wide{
    grid-column:span 1!important;
  }
}
@media(max-width:760px){
  html{
    scroll-padding-top:252px;
  }
  body:not(.auth-locked) .workflow-section,
  body:not(.auth-locked) .products-section,
  body:not(.auth-locked) .link-section,
  body:not(.auth-locked) .assistant-section,
  body:not(.auth-locked) .hub-section,
  body:not(.auth-locked) .readiness-section,
  body:not(.auth-locked) .faq-section,
  body:not(.auth-locked) .contact-section{
    scroll-margin-top:252px;
  }
  body:not(.auth-locked) .section-heading{
    --section-title-size:clamp(38px,10.4vw,54px)!important;
    max-width:100%!important;
  }
  body:not(.auth-locked) .product-tile h3,
  body:not(.auth-locked) .faq-card h3{
    font-size:clamp(32px,8.4vw,42px)!important;
    line-height:1.18!important;
  }
}

/* Compact homepage polish pass. */
/* Mobile reading pass: tighter hierarchy and cleaner card rhythm. */
@media(max-width:760px){
  html{
    scroll-padding-top:104px!important;
  }
  body:not(.auth-locked) .workflow-section,
  body:not(.auth-locked) .products-section,
  body:not(.auth-locked) .link-section,
  body:not(.auth-locked) .hub-section,
  body:not(.auth-locked) .readiness-section,
  body:not(.auth-locked) .faq-section,
  body:not(.auth-locked) .contact-section{
    width:calc(100% - 28px)!important;
    scroll-margin-top:104px!important;
    padding-block:clamp(58px,14vw,82px)!important;
  }
  .top-dock{
    left:10px!important;
    right:10px!important;
    top:10px!important;
    padding:7px!important;
    gap:6px!important;
    border-radius:18px!important;
  }
  .top-dock nav{
    display:none!important;
  }
  .dock-logout,
  .dock-cta,
  .dock-link{
    min-height:36px!important;
    font-size:12px!important;
    padding:0 9px!important;
  }
  .dock-cta,
  .dock-link{
    flex:0 1 auto!important;
  }
  body:not(.auth-locked) .hero-rebuild{
    width:calc(100% - 28px)!important;
    padding-top:112px!important;
    gap:22px!important;
  }
  body:not(.auth-locked) .hero-copy h1{
    font-size:clamp(38px,11vw,50px)!important;
    line-height:1.04!important;
  }
  body:not(.auth-locked) .hero-actions{
    gap:8px!important;
    margin-top:22px!important;
  }
  body:not(.auth-locked) .hero-actions .primary-action,
  body:not(.auth-locked) .hero-actions .secondary-action{
    flex:1 1 100%!important;
    min-height:44px!important;
  }
  body:not(.auth-locked) .quick-numbers{
    margin-top:20px!important;
    gap:8px!important;
  }
  body:not(.auth-locked) .quick-numbers article{
    min-height:76px!important;
    padding:14px 16px!important;
  }
  body:not(.auth-locked) .quick-numbers strong{
    font-size:22px!important;
  }
  body:not(.auth-locked) .showcase-shell{
    height:390px!important;
  }
  body:not(.auth-locked) .deck-card{
    height:300px!important;
  }
  body:not(.auth-locked) .ui-preview{
    height:164px!important;
  }
  .motion-strip{
    margin-top:28px!important;
  }
  body:not(.auth-locked) .section-heading{
    --section-title-size:clamp(29px,8.1vw,38px)!important;
    margin-bottom:24px!important;
  }
  body:not(.auth-locked) .section-heading p{
    gap:8px!important;
    font-size:12px!important;
    letter-spacing:.08em!important;
  }
  body:not(.auth-locked) .section-heading h2{
    max-width:12.5em!important;
    line-height:1.14!important;
  }
  body:not(.auth-locked) .workflow-line,
  body:not(.auth-locked) .product-wall,
  body:not(.auth-locked) .link-grid,
  body:not(.auth-locked) .hub-grid,
  body:not(.auth-locked) .readiness-grid,
  body:not(.auth-locked) .faq-grid{
    gap:14px!important;
    max-width:100%!important;
  }
  body:not(.auth-locked) .workflow-line article,
  body:not(.auth-locked) .product-tile,
  body:not(.auth-locked) .link-card,
  body:not(.auth-locked) .hub-card,
  body:not(.auth-locked) .readiness-card,
  body:not(.auth-locked) .faq-card{
    min-height:0!important;
    padding:22px!important;
    border-radius:22px!important;
  }
  body:not(.auth-locked) .workflow-line h3,
  body:not(.auth-locked) .product-tile h3,
  body:not(.auth-locked) .link-card h3,
  body:not(.auth-locked) .hub-card h3,
  body:not(.auth-locked) .readiness-card h3,
  body:not(.auth-locked) .faq-card h3{
    font-size:clamp(25px,7.1vw,32px)!important;
    line-height:1.14!important;
    margin:14px 0 10px!important;
  }
  body:not(.auth-locked) .workflow-line p,
  body:not(.auth-locked) .product-tile p,
  body:not(.auth-locked) .link-card p,
  body:not(.auth-locked) .hub-card p,
  body:not(.auth-locked) .readiness-card p,
  body:not(.auth-locked) .faq-card p{
    font-size:14px!important;
    line-height:1.68!important;
  }
  body:not(.auth-locked) .tile-icon,
  body:not(.auth-locked) .panel-icon{
    width:42px!important;
    height:42px!important;
  }
  body:not(.auth-locked) .tile-link,
  body:not(.auth-locked) .primary-action,
  body:not(.auth-locked) .secondary-action,
  body:not(.auth-locked) .service-board-open{
    width:100%!important;
    min-height:44px!important;
    white-space:normal!important;
    text-align:center!important;
  }
  body:not(.auth-locked) .service-detail-board{
    margin:34px auto 0!important;
    padding:18px!important;
    border-radius:24px!important;
  }
  body:not(.auth-locked) .service-board-head{
    margin-bottom:16px!important;
  }
  body:not(.auth-locked) .service-board-head h3{
    font-size:clamp(24px,7vw,31px)!important;
    line-height:1.18!important;
  }
  body:not(.auth-locked) .service-board-head span{
    font-size:14px!important;
    line-height:1.65!important;
  }
  body:not(.auth-locked) .service-board-shell{
    gap:14px!important;
  }
  body:not(.auth-locked) .service-board-item{
    min-height:0!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  body:not(.auth-locked) .service-board-item:hover,
  body:not(.auth-locked) .service-board-item.active{
    transform:none!important;
  }
  body:not(.auth-locked) .service-board-index{
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
  }
  body:not(.auth-locked) .service-board-preview{
    padding:20px!important;
    border-radius:20px!important;
  }
  body:not(.auth-locked) .service-board-preview h4{
    font-size:clamp(25px,7.4vw,34px)!important;
    max-width:11.5em!important;
  }
  body:not(.auth-locked) .service-board-preview p{
    font-size:14px!important;
    line-height:1.68!important;
  }
  body:not(.auth-locked) .service-preview-flow div{
    min-height:0!important;
    padding:14px!important;
  }
  body:not(.auth-locked) .link-flow{
    max-width:100%!important;
    padding:16px!important;
    gap:10px!important;
    border-radius:22px!important;
  }
  body:not(.auth-locked) .link-flow div{
    min-height:96px!important;
    padding:16px!important;
  }
  body:not(.auth-locked) .hub-card-primary{
    padding:24px!important;
  }
  body:not(.auth-locked) .hub-card-primary::after{
    width:150px!important;
    height:150px!important;
    right:-54px!important;
    bottom:-64px!important;
  }
  body:not(.auth-locked) .hub-card-primary h3{
    max-width:12em!important;
  }
  body:not(.auth-locked) .hub-feature-grid{
    gap:8px!important;
    margin-top:20px!important;
  }
  body:not(.auth-locked) .hub-feature-grid div{
    min-height:0!important;
    padding:14px!important;
  }
  body:not(.auth-locked) .hub-card.visual{
    padding:22px!important;
  }
  body:not(.auth-locked) .hub-preview-panel{
    min-height:0!important;
    padding:18px!important;
    border-radius:18px!important;
  }
  body:not(.auth-locked) .hub-preview-head{
    align-items:flex-start!important;
  }
  body:not(.auth-locked) .hub-preview-head b{
    font-size:28px!important;
  }
  body:not(.auth-locked) .hub-preview-tabs{
    margin-top:16px!important;
  }
  body:not(.auth-locked) .hub-preview-list p{
    padding:13px!important;
  }
  body:not(.auth-locked) .hub-preview-metrics{
    gap:8px!important;
  }
  body:not(.auth-locked) .hub-actions{
    margin-top:18px!important;
  }
  body:not(.auth-locked) .readiness-lane{
    gap:10px!important;
    margin-top:16px!important;
  }
  body:not(.auth-locked) .readiness-lane div{
    min-height:92px!important;
    padding:16px!important;
  }
  body:not(.auth-locked) .deployment-panel{
    margin-top:18px!important;
  }
  body:not(.auth-locked) .deployment-panel article,
  body:not(.auth-locked) .service-health-panel article{
    padding:16px!important;
  }
  body:not(.auth-locked) .deployment-panel strong,
  body:not(.auth-locked) .service-health-panel p{
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }
}

@media(max-width:420px){
  body:not(.auth-locked) .workflow-section,
  body:not(.auth-locked) .products-section,
  body:not(.auth-locked) .link-section,
  body:not(.auth-locked) .hub-section,
  body:not(.auth-locked) .readiness-section,
  body:not(.auth-locked) .faq-section,
  body:not(.auth-locked) .contact-section,
  body:not(.auth-locked) .hero-rebuild{
    width:calc(100% - 24px)!important;
  }
  body:not(.auth-locked) .section-heading{
    --section-title-size:clamp(28px,8.3vw,34px)!important;
  }
  body:not(.auth-locked) .workflow-line article,
  body:not(.auth-locked) .product-tile,
  body:not(.auth-locked) .link-card,
  body:not(.auth-locked) .hub-card,
  body:not(.auth-locked) .readiness-card,
  body:not(.auth-locked) .faq-card{
    padding:20px!important;
  }
}

/* OverHub live highlight carousel. */
body:not(.auth-locked) .hub-highlight-stage{
  position:relative!important;
  min-height:252px!important;
  margin-top:22px!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
body:not(.auth-locked) .hub-highlight-card{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  min-height:252px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;
  padding:22px!important;
  opacity:0!important;
  transform:translateY(18px) scale(.98)!important;
  transition:opacity .48s ease,transform .48s ease!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 22px 54px rgba(0,0,0,.22)!important;
}
body:not(.auth-locked) .hub-highlight-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  border-radius:inherit!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.02)),
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.22),transparent 24%)!important;
}
body:not(.auth-locked) .hub-highlight-card.hot-post{
  background:linear-gradient(140deg,rgba(76,233,255,.22),rgba(91,113,255,.12) 56%,rgba(3,7,18,.28))!important;
}
body:not(.auth-locked) .hub-highlight-card.hot-user{
  background:linear-gradient(140deg,rgba(54,237,163,.2),rgba(76,233,255,.1) 54%,rgba(3,7,18,.28))!important;
}
body:not(.auth-locked) .hub-highlight-card.mvp-user{
  background:linear-gradient(140deg,rgba(223,255,87,.18),rgba(167,124,255,.14) 56%,rgba(3,7,18,.28))!important;
}
body:not(.auth-locked) .hub-highlight-card.is-active{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
}
body:not(.auth-locked) .hub-highlight-card span,
body:not(.auth-locked) .hub-highlight-card strong,
body:not(.auth-locked) .hub-highlight-card small{
  position:static!important;
  display:block!important;
}
body:not(.auth-locked) .hub-highlight-card span{
  align-self:flex-start!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(3,7,18,.24)!important;
  color:#dffbff!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  margin-bottom:auto!important;
}
body:not(.auth-locked) .hub-highlight-card strong{
  max-width:12em!important;
  color:#f8fbff!important;
  font-size:clamp(26px,2vw,40px)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  word-break:keep-all!important;
  text-wrap:balance!important;
}
body:not(.auth-locked) .hub-highlight-card p{
  max-width:42ch!important;
  margin:12px 0 0!important;
  color:rgba(248,251,255,.7)!important;
  font-size:14px!important;
  line-height:1.62!important;
  word-break:keep-all!important;
}
body:not(.auth-locked) .hub-highlight-card small{
  margin-top:16px!important;
  color:#eaff9b!important;
  font-size:13px!important;
  font-weight:900!important;
}
body:not(.auth-locked) .hub-highlight-dots{
  display:flex!important;
  gap:8px!important;
  margin-top:14px!important;
}
body:not(.auth-locked) .hub-highlight-dots i{
  width:28px!important;
  height:5px!important;
  border-radius:999px!important;
  background:rgba(248,251,255,.18)!important;
  transition:width .28s ease,background .28s ease!important;
}
body:not(.auth-locked) .hub-highlight-dots i.is-active{
  width:44px!important;
  background:var(--cyan)!important;
}
@media(max-width:760px){
  body:not(.auth-locked) .hub-highlight-stage{
    min-height:236px!important;
    margin-top:18px!important;
  }
  body:not(.auth-locked) .hub-highlight-card{
    min-height:236px!important;
    padding:18px!important;
  }
  body:not(.auth-locked) .hub-highlight-card strong{
    font-size:clamp(24px,7vw,30px)!important;
  }
  body:not(.auth-locked) .hub-highlight-card p{
    font-size:13px!important;
  }
}

/* Login persistence control and narrow hero metric fit. */
body.auth-locked .auth-remember{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0 2px!important;
  margin:-2px 0 0!important;
  color:rgba(248,251,255,.62)!important;
  font-size:12px!important;
  font-weight:900!important;
}
body.auth-locked .auth-remember input{
  appearance:auto!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  border-radius:4px!important;
  accent-color:#4ce9ff!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  flex:0 0 auto!important;
  cursor:pointer!important;
}
body.auth-locked .auth-remember input::after{
  content:none!important;
  display:none!important;
}
body.auth-locked .auth-remember span{
  margin:0!important;
  line-height:1.2!important;
  color:inherit!important;
}
body:not(.auth-locked) .quick-numbers strong{
  font-size:clamp(20px,1.75vw,42px)!important;
  line-height:1.02!important;
  white-space:nowrap!important;
}
@media(max-width:1120px){
  body:not(.auth-locked) .quick-numbers{
    gap:10px!important;
  }
  body:not(.auth-locked) .quick-numbers article{
    padding:16px!important;
  }
  body:not(.auth-locked) .quick-numbers strong{
    font-size:clamp(18px,2.6vw,28px)!important;
  }
}
@media(max-width:860px){
  body:not(.auth-locked) .quick-numbers{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body:not(.auth-locked) .quick-numbers article{
    min-height:74px!important;
  }
  body:not(.auth-locked) .quick-numbers strong{
    font-size:clamp(12px,3.3vw,28px)!important;
  }
}

/* Final narrow-window pass: keep hero metrics in one row and keep ticker perfectly level. */
body:not(.auth-locked) .motion-strip,
body:not(.auth-locked) .motion-strip div{
  transform:none!important;
  rotate:0deg!important;
}
body:not(.auth-locked) .motion-strip{
  margin:18px 0!important;
}
body:not(.auth-locked) .quick-numbers{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body:not(.auth-locked) .quick-numbers article{
  overflow:hidden!important;
}
body:not(.auth-locked) .quick-numbers strong{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:clamp(12px,1.75vw,42px)!important;
}
@media(max-width:1120px){
  body:not(.auth-locked) .quick-numbers strong{
    font-size:clamp(11px,1.75vw,20px)!important;
  }
}
@media(max-width:760px){
  body:not(.auth-locked) .quick-numbers{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body:not(.auth-locked) .quick-numbers article{
    min-height:74px!important;
    padding:12px 10px!important;
  }
  body:not(.auth-locked) .quick-numbers strong{
    font-size:clamp(10px,3.05vw,22px)!important;
  }
  body:not(.auth-locked) .quick-numbers span{
    font-size:clamp(10px,2.75vw,14px)!important;
    line-height:1.35!important;
  }
}
@media(max-width:420px){
  body:not(.auth-locked) .quick-numbers strong{
    font-size:clamp(10px,2.85vw,12px)!important;
  }
}

/* Final text integrity pass: never split complete words inside commercial copy. */
body:not(.auth-locked) h1,
body:not(.auth-locked) h2,
body:not(.auth-locked) h3,
body:not(.auth-locked) h4,
body:not(.auth-locked) p,
body:not(.auth-locked) a,
body:not(.auth-locked) button,
body:not(.auth-locked) strong,
body:not(.auth-locked) span,
body:not(.auth-locked) small,
body:not(.auth-locked) li,
body:not(.auth-locked) em,
body.auth-locked .auth-card,
body.auth-locked .auth-card *{
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
body:not(.auth-locked) .deployment-panel strong,
body:not(.auth-locked) .service-health-panel p,
body:not(.auth-locked) .native-package{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

/* Product support feedback modal. */
.support-modal[hidden]{
  display:none!important;
}
.support-modal{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(2,6,18,.72);
  backdrop-filter:blur(18px);
}
.support-modal-panel{
  position:relative;
  width:min(560px,100%);
  border:1px solid rgba(148,180,255,.2);
  border-radius:24px;
  background:
    radial-gradient(circle at 85% 10%,rgba(76,233,255,.14),transparent 30%),
    linear-gradient(145deg,rgba(15,23,42,.98),rgba(5,10,22,.98));
  box-shadow:0 32px 90px rgba(0,0,0,.46);
  padding:30px;
  color:#f8fbff;
}
.support-modal-close{
  position:absolute;
  top:18px;
  right:18px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:rgba(255,255,255,.07);
  color:#f8fbff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.support-modal-close:hover,
.support-modal-close:focus-visible{
  border-color:rgba(76,233,255,.55);
  background:rgba(76,233,255,.12);
  outline:none;
}
.support-modal-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(76,233,255,.28);
  border-radius:999px;
  background:rgba(76,233,255,.08);
  color:#8ff3ff;
  padding:7px 10px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
}
.support-modal-panel h2{
  margin:18px 48px 10px 0;
  font-size:clamp(24px,3vw,34px);
  line-height:1.15;
  letter-spacing:0;
}
.support-modal-panel p{
  max-width:44ch;
  margin:0 0 22px;
  color:rgba(248,251,255,.7);
  font-size:15px;
  line-height:1.65;
}
.support-modal-panel form{
  display:grid;
  gap:14px;
}
.support-modal-panel label{
  display:grid;
  gap:8px;
  color:rgba(248,251,255,.78);
  font-size:13px;
  font-weight:900;
}
.support-modal-panel input,
.support-modal-panel textarea{
  width:100%;
  border:1px solid rgba(148,180,255,.18);
  border-radius:14px;
  background:rgba(255,255,255,.065);
  color:#f8fbff;
  padding:13px 14px;
  font:inherit;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.support-modal-panel input[readonly]{
  color:#dffbff;
  background:rgba(76,233,255,.08);
}
.support-modal-panel textarea{
  min-height:132px;
  resize:vertical;
  line-height:1.55;
}
.support-modal-panel input:focus,
.support-modal-panel textarea:focus{
  border-color:rgba(76,233,255,.58);
  box-shadow:0 0 0 4px rgba(76,233,255,.1);
}
.support-modal-panel button[type="submit"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#4ce9ff,#dfff57);
  color:#06111f;
  font-weight:950;
  cursor:pointer;
}
.support-modal-result{
  margin-top:14px;
  border:1px solid rgba(223,255,87,.26);
  border-radius:14px;
  background:rgba(223,255,87,.09);
  color:#f6ffd4;
  padding:12px 14px;
  font-size:13px;
  font-weight:850;
  line-height:1.5;
}
/* Compact bottom contact section. */
body:not(.auth-locked) .contact-section{
  padding-top:clamp(78px,4.6vw,118px)!important;
}
body:not(.auth-locked) .contact-panel.contact-compact{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:1480px!important;
  margin:0 auto clamp(28px,2.4vw,44px)!important;
  align-items:start!important;
  grid-template-columns:minmax(360px,.74fr) minmax(420px,1fr)!important;
  gap:clamp(18px,1.5vw,28px)!important;
  padding:clamp(18px,1.45vw,28px)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 7% 8%,rgba(76,233,255,.11),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.03))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-copy{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  column-gap:13px!important;
  align-items:start!important;
  align-content:start!important;
  padding:2px 0!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-emblem{
  position:relative!important;
  grid-row:1 / 3!important;
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(76,233,255,.2)!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 32% 20%,rgba(255,255,255,.18),transparent 30%),
    linear-gradient(145deg,rgba(76,233,255,.18),rgba(255,255,255,.045))!important;
  color:#8ff3ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
  margin:2px 0 0!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-emblem svg{
  width:58%!important;
  height:58%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-emblem i{
  position:absolute!important;
  right:5px!important;
  bottom:5px!important;
  width:9px!important;
  height:9px!important;
  border:2px solid rgba(7,16,31,.95)!important;
  border-radius:50%!important;
  background:#36eda3!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  margin:1px 0 6px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  padding:0!important;
  color:#8ff3ff!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-kicker .section-icon{
  width:14px!important;
  height:14px!important;
}
body:not(.auth-locked) .contact-panel.contact-compact h2{
  grid-column:2!important;
  max-width:none!important;
  font-size:clamp(27px,1.9vw,34px)!important;
  line-height:1.14!important;
  margin-top:0!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-route{
  grid-column:1 / -1!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:clamp(18px,1.45vw,24px)!important;
  padding-top:0!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-route div{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-height:50px!important;
  border:1px solid rgba(148,180,255,.13)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(3,7,18,.2),rgba(255,255,255,.035))!important;
  padding:8px 10px!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-route-icon{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(76,233,255,.16)!important;
  border-radius:12px!important;
  background:rgba(76,233,255,.075)!important;
  color:#8ff3ff!important;
  padding:8px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-route span{
  min-width:0!important;
  display:block!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-route b{
  color:#f8fbff!important;
  font-size:13px!important;
  letter-spacing:0!important;
  line-height:1.1!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-route small{
  color:rgba(248,251,255,.58)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.3!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-form{
  align-self:start!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:auto auto auto auto!important;
  align-content:start!important;
  gap:9px!important;
  border:1px solid rgba(148,180,255,.14)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(3,7,18,.23),rgba(255,255,255,.035))!important;
  padding:clamp(12px,.9vw,16px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-form-head{
  grid-column:1 / -1!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:3px!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-form-head strong,
body:not(.auth-locked) .contact-panel.contact-compact .contact-form-head small{
  display:block!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-form-head strong{
  color:#f8fbff!important;
  font-size:16px!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-form-head small{
  max-width:18em!important;
  color:rgba(248,251,255,.58)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.35!important;
  text-align:right!important;
}
body:not(.auth-locked) .contact-panel.contact-compact input,
body:not(.auth-locked) .contact-panel.contact-compact textarea{
  border-color:rgba(148,180,255,.16)!important;
  background:rgba(255,255,255,.06)!important;
  min-height:44px!important;
  padding:11px 12px!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body:not(.auth-locked) .contact-panel.contact-compact input[name="name"]{
  grid-column:1!important;
}
body:not(.auth-locked) .contact-panel.contact-compact input[name="email"]{
  grid-column:2!important;
}
body:not(.auth-locked) .contact-panel.contact-compact textarea{
  grid-column:1 / -1!important;
  min-height:78px!important;
  height:auto!important;
  resize:vertical!important;
}
body:not(.auth-locked) .contact-panel.contact-compact button{
  grid-column:1 / -1!important;
  min-height:44px!important;
  align-self:end!important;
  background:linear-gradient(135deg,#4ce9ff,#dfff57)!important;
  color:#06111f!important;
  font-weight:950!important;
  box-shadow:0 22px 58px rgba(76,233,255,.16)!important;
}
@media(max-width:1180px){
  body:not(.auth-locked) .contact-panel.contact-compact{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact .contact-copy{
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact .contact-emblem{
    width:48px!important;
    height:48px!important;
  }
}
@media(max-width:620px){
  body:not(.auth-locked) .contact-panel.contact-compact{
    padding:16px!important;
    border-radius:20px!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact .contact-copy{
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact .contact-route{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact .contact-route div{
    min-height:0!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    padding:10px 11px!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact .contact-form{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact input[name="name"],
  body:not(.auth-locked) .contact-panel.contact-compact input[name="email"]{
    grid-column:1!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact .contact-form-head{
    display:grid!important;
    justify-content:start!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact .contact-form-head small{
    text-align:left!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact .contact-emblem{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }
}

/* FAQ is secondary support content, so keep it compact. */
body:not(.auth-locked) .faq-section{
  padding-top:clamp(58px,3.2vw,84px)!important;
}
body:not(.auth-locked) .faq-section .section-heading{
  margin-bottom:clamp(18px,1.4vw,30px)!important;
}
body:not(.auth-locked) .faq-section .section-heading h2{
  max-width:16em!important;
  font-size:clamp(28px,2.1vw,44px)!important;
}
body:not(.auth-locked) .faq-grid{
  gap:clamp(10px,.9vw,16px)!important;
}
body:not(.auth-locked) .faq-card{
  min-height:clamp(132px,7.5vw,180px)!important;
  padding:clamp(16px,1.1vw,22px)!important;
  border-radius:18px!important;
}
body:not(.auth-locked) .faq-card .panel-icon{
  width:26px!important;
  height:26px!important;
}
body:not(.auth-locked) .faq-card span{
  font-size:11px!important;
}
body:not(.auth-locked) .faq-card h3{
  margin:18px 0 8px!important;
  font-size:clamp(20px,1.35vw,26px)!important;
  line-height:1.18!important;
}
body:not(.auth-locked) .faq-card p{
  max-width:48em!important;
  font-size:13px!important;
  line-height:1.55!important;
}
@media(max-width:760px){
  body:not(.auth-locked) .faq-section{
    padding-top:46px!important;
  }
  body:not(.auth-locked) .faq-card{
    padding:16px!important;
  }
}
.floating-contact{
  position:fixed;
  right:clamp(18px,2vw,34px);
  bottom:clamp(18px,2vw,34px);
  z-index:88;
  display:grid;
  justify-items:end;
  gap:12px;
  pointer-events:none;
}
.floating-contact-panel[hidden]{
  display:none!important;
}
.floating-contact-panel{
  width:min(398px,calc(100vw - 36px));
  border:1px solid rgba(148,180,255,.22);
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 0%,rgba(76,233,255,.2),transparent 34%),
    radial-gradient(circle at 0% 92%,rgba(223,255,87,.1),transparent 34%),
    linear-gradient(145deg,rgba(15,23,42,.985),rgba(5,10,22,.97));
  box-shadow:0 28px 80px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.08);
  padding:18px;
  pointer-events:auto;
  transform-origin:100% 100%;
  animation:contactPanelIn .24s cubic-bezier(.2,.9,.2,1) both;
}
@keyframes contactPanelIn{
  from{
    opacity:0;
    transform:translateY(14px) scale(.96);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}
.floating-contact-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding:2px 2px 10px;
}
.floating-contact-head span{
  display:block;
  color:#8ff3ff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
}
.floating-contact-head strong{
  display:block;
  margin-top:7px;
  color:#f8fbff;
  font-size:22px;
  line-height:1.18;
  letter-spacing:0;
}
.floating-contact-head em{
  flex:0 0 auto;
  border:1px solid rgba(54,237,163,.24);
  border-radius:999px;
  background:rgba(54,237,163,.1);
  color:#9ff5cd;
  padding:7px 10px;
  font-style:normal;
  font-size:12px;
  font-weight:950;
}
.floating-contact-copy{
  margin:0 0 14px;
  color:rgba(248,251,255,.64);
  font-size:13px;
  font-weight:800;
  line-height:1.58;
  word-break:keep-all;
}
.floating-contact-tags{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-bottom:12px;
}
.floating-contact-tags span{
  min-height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:rgba(248,251,255,.74);
  font-size:12px;
  font-weight:900;
}
.floating-contact-item{
  width:100%;
  min-height:70px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  color:#f8fbff;
  padding:12px;
  text-align:left;
  font:inherit;
  text-decoration:none;
  cursor:pointer;
}
.floating-contact-item.primary{
  min-height:86px;
  border-color:rgba(76,233,255,.25);
  background:
    radial-gradient(circle at 14% 50%,rgba(76,233,255,.18),transparent 34%),
    linear-gradient(135deg,rgba(76,233,255,.11),rgba(255,255,255,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.floating-contact-channel-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.floating-contact-channel-grid .floating-contact-item{
  min-height:116px;
  grid-template-columns:1fr;
  justify-items:center;
  align-content:center;
  gap:9px;
  padding:12px 8px;
  text-align:center;
}
.floating-contact-item i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(76,233,255,.18),rgba(223,255,87,.12));
  color:#8ff3ff;
  font-style:normal;
  font-size:13px;
  font-weight:950;
}
.floating-contact-item i svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.floating-contact-channel-grid .floating-contact-item > svg{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  padding:9px;
  fill:currentColor;
}
.floating-contact-item b,
.floating-contact-item small{
  display:block;
}
.floating-contact-item b{
  font-size:15px;
  line-height:1.25;
  letter-spacing:0;
}
.floating-contact-item small{
  margin-top:4px;
  color:rgba(248,251,255,.56);
  font-size:12px;
  font-weight:850;
  line-height:1.35;
}
.floating-contact-item:hover,
.floating-contact-item:focus-visible{
  border-color:rgba(76,233,255,.46);
  background:rgba(76,233,255,.08);
  outline:none;
}
.floating-contact-item.kakao > svg{
  background:#fee500;
  color:#191919;
}
.floating-contact-item.telegram > svg{
  background:#2aabee;
  color:#fff;
}
.floating-contact-item.platform > svg{
  background:rgba(223,255,87,.14);
  color:#dfff57;
}
.floating-contact-item.is-disabled{
  opacity:.6;
  cursor:default;
}
.floating-contact-foot{
  margin-top:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  padding:10px 12px;
}
.floating-contact-foot span{
  display:block;
  color:rgba(248,251,255,.52);
  font-size:12px;
  font-weight:850;
  line-height:1.45;
}
.floating-contact-trigger{
  position:relative;
  width:76px;
  height:76px;
  min-width:76px;
  min-height:76px;
  display:grid;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:24px;
  background:transparent;
  color:#f8fbff;
  padding:0;
  font-weight:950;
  box-shadow:0 18px 52px rgba(76,233,255,.2),0 14px 42px rgba(0,0,0,.36);
  cursor:pointer;
  pointer-events:auto;
  transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;
}
.floating-contact-trigger::after{
  content:"문의하기";
  position:absolute;
  top:50%;
  right:calc(100% + 12px);
  min-width:max-content;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(5,10,22,.9));
  box-shadow:0 16px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  color:rgba(248,251,255,.9);
  padding:10px 14px;
  font-size:13px;
  font-weight:950;
  line-height:1;
  letter-spacing:0;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transform:translate(10px,-50%) scale(.96);
  transition:opacity .2s ease,transform .2s ease;
}
.floating-contact:hover .floating-contact-trigger,
.floating-contact-trigger:hover,
.floating-contact-trigger.is-hovered,
.floating-contact-trigger:focus-visible,
.floating-contact.is-open .floating-contact-trigger{
  transform:translateY(-2px);
  filter:saturate(1.08) brightness(1.06);
  box-shadow:0 22px 62px rgba(76,233,255,.28),0 18px 52px rgba(0,0,0,.42);
}
.floating-contact:hover .floating-contact-trigger::after,
.floating-contact-trigger:hover::after,
.floating-contact-trigger.is-hovered::after,
.floating-contact-trigger:focus-visible::after,
.floating-contact.is-open .floating-contact-trigger::after{
  opacity:1;
  transform:translate(0,-50%) scale(1);
}
.contact-trigger-icon{
  position:relative;
  width:76px;
  height:76px;
  display:block;
  border-radius:24px;
  overflow:hidden;
  background:rgba(5,10,22,.72);
  transition:transform .22s ease,box-shadow .22s ease;
}
.contact-trigger-icon::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(125deg,transparent 34%,rgba(255,255,255,.2) 48%,transparent 62%);
  opacity:0;
  transform:translateX(-80%);
  transition:opacity .22s ease,transform .42s ease;
}
.contact-trigger-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.floating-contact:hover .contact-trigger-icon,
.floating-contact-trigger:hover .contact-trigger-icon,
.floating-contact-trigger.is-hovered .contact-trigger-icon,
.floating-contact.is-open .contact-trigger-icon{
  transform:scale(1.035);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}
.floating-contact:hover .contact-trigger-icon::after,
.floating-contact-trigger:hover .contact-trigger-icon::after,
.floating-contact-trigger.is-hovered .contact-trigger-icon::after,
.floating-contact.is-open .contact-trigger-icon::after{
  opacity:.9;
  transform:translateX(86%);
}
.floating-contact-trigger:focus-visible{
  outline:3px solid rgba(255,255,255,.42);
  outline-offset:4px;
}
@media(max-width:560px){
  .support-modal{
    align-items:end;
    padding:12px;
  }
  .support-modal-panel{
    border-radius:22px;
    padding:24px 18px 18px;
  }
  .support-modal-close{
    top:14px;
    right:14px;
  }
  .floating-contact{
    right:12px;
    bottom:12px;
  }
  .floating-contact-panel{
    width:calc(100vw - 24px);
    padding:12px;
  }
  .floating-contact-channel-grid{
    grid-template-columns:1fr;
  }
  .floating-contact-channel-grid .floating-contact-item{
    min-height:62px;
    grid-template-columns:42px minmax(0,1fr);
    justify-items:stretch;
    text-align:left;
  }
  .floating-contact-trigger{
    min-width:62px;
    width:62px;
    height:62px;
    min-height:62px;
    padding:0;
  }
  .floating-contact-trigger::after{
    display:none;
  }
  .contact-trigger-icon{
    width:62px;
    height:62px;
    border-radius:20px;
  }
}

/* Concise definitions inside the service-flow guide. */
body:not(.auth-locked) .service-preview-definition,
body:not(.auth-locked) .service-definition{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  border:1px solid rgba(76,233,255,.24)!important;
  border-radius:999px!important;
  background:rgba(76,233,255,.075)!important;
  color:rgba(230,250,255,.88)!important;
  padding:7px 11px!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
body:not(.auth-locked) .service-preview-definition{
  margin:14px 0 12px!important;
}
body:not(.auth-locked) .service-definition{
  margin:10px 0 16px!important;
}
body:not(.auth-locked) .service-board-item small{
  line-height:1.35!important;
  word-break:keep-all!important;
}
@media(max-width:560px){
  body:not(.auth-locked) .service-preview-definition,
  body:not(.auth-locked) .service-definition{
    font-size:12px!important;
    padding:6px 10px!important;
  }
}

/* Refined OverHub community snapshot. */
body:not(.auth-locked) .hub-card.visual{
  align-items:stretch!important;
  justify-items:stretch!important;
  text-align:left!important;
}
body:not(.auth-locked) .hub-card.visual > span{
  width:max-content!important;
  margin:0 0 14px!important;
  border:1px solid rgba(76,233,255,.24)!important;
  border-radius:999px!important;
  background:rgba(76,233,255,.07)!important;
  padding:7px 11px!important;
  font-size:12px!important;
  letter-spacing:.1em!important;
}
body:not(.auth-locked) .hub-preview-panel{
  display:grid!important;
  gap:14px!important;
  min-height:100%!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(76,233,255,.16),transparent 32%),
    radial-gradient(circle at 88% 18%,rgba(223,255,87,.1),transparent 28%),
    linear-gradient(180deg,rgba(12,20,36,.92),rgba(7,12,24,.92))!important;
}
body:not(.auth-locked) .hub-preview-head{
  gap:14px!important;
  align-items:flex-start!important;
}
body:not(.auth-locked) .hub-preview-head div{
  min-width:0!important;
}
body:not(.auth-locked) .hub-preview-head b{
  position:static!important;
  display:block!important;
  color:#f8fbff!important;
  font-size:clamp(24px,1.7vw,34px)!important;
  line-height:1.1!important;
}
body:not(.auth-locked) .hub-preview-head small{
  display:block!important;
  margin-top:6px!important;
  color:rgba(248,251,255,.58)!important;
  font-size:13px!important;
  font-weight:800!important;
}
body:not(.auth-locked) .hub-preview-head em{
  flex:0 0 auto!important;
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-color:rgba(54,237,163,.28)!important;
  background:rgba(54,237,163,.1)!important;
  color:#9ff5cd!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:950!important;
}
body:not(.auth-locked) .hub-preview-toolbar{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
body:not(.auth-locked) .hub-preview-toolbar span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(248,251,255,.68)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
body:not(.auth-locked) .hub-highlight-stage{
  min-height:286px!important;
  margin-top:0!important;
}
body:not(.auth-locked) .hub-highlight-card{
  gap:0!important;
  padding:20px!important;
  border-radius:20px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;
}
body:not(.auth-locked) .hub-highlight-card.hot-post{
  background:linear-gradient(145deg,rgba(76,233,255,.14),rgba(255,255,255,.04))!important;
}
body:not(.auth-locked) .hub-highlight-card.hot-user{
  background:linear-gradient(145deg,rgba(54,237,163,.13),rgba(255,255,255,.04))!important;
}
body:not(.auth-locked) .hub-highlight-card.mvp-user{
  background:linear-gradient(145deg,rgba(223,255,87,.12),rgba(255,255,255,.04))!important;
}
body:not(.auth-locked) .hub-highlight-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:18px!important;
}
body:not(.auth-locked) .hub-highlight-top span{
  margin:0!important;
  border-color:rgba(76,233,255,.28)!important;
  background:rgba(76,233,255,.08)!important;
  color:#8ff3ff!important;
}
body:not(.auth-locked) .hub-highlight-top small{
  margin:0!important;
  color:rgba(248,251,255,.58)!important;
  font-size:12px!important;
  font-weight:900!important;
}
body:not(.auth-locked) .hub-highlight-card strong{
  max-width:15em!important;
  font-size:clamp(24px,1.55vw,32px)!important;
  line-height:1.12!important;
}
body:not(.auth-locked) .hub-highlight-card p{
  max-width:48ch!important;
  min-height:44px!important;
  margin-top:10px!important;
  font-size:13px!important;
  line-height:1.55!important;
}
body:not(.auth-locked) .hub-preview-thread,
body:not(.auth-locked) .hub-user-row,
body:not(.auth-locked) .hub-mvp-score{
  margin-top:auto!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:16px!important;
  background:rgba(3,7,18,.24)!important;
}
body:not(.auth-locked) .hub-preview-thread{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px 12px!important;
  padding:14px!important;
}
body:not(.auth-locked) .hub-preview-thread b,
body:not(.auth-locked) .hub-user-row b,
body:not(.auth-locked) .hub-mvp-score b{
  position:static!important;
  color:#f8fbff!important;
  font-size:14px!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .hub-preview-thread em,
body:not(.auth-locked) .hub-user-row em,
body:not(.auth-locked) .hub-mvp-score em{
  font-style:normal!important;
  color:rgba(248,251,255,.58)!important;
  font-size:12px!important;
  font-weight:850!important;
}
body:not(.auth-locked) .hub-user-row{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:3px 12px!important;
  align-items:center!important;
  padding:14px!important;
}
body:not(.auth-locked) .hub-user-row i{
  grid-row:1 / span 2!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#4ce9ff,#dfff57)!important;
  color:#06111f!important;
  font-style:normal!important;
  font-weight:950!important;
}
body:not(.auth-locked) .hub-mvp-score{
  display:flex!important;
  align-items:end!important;
  gap:10px!important;
  padding:14px!important;
}
body:not(.auth-locked) .hub-mvp-score b{
  font-size:34px!important;
  line-height:.9!important;
}
body:not(.auth-locked) .hub-preview-metrics{
  margin-top:0!important;
}
@media(max-width:760px){
  body:not(.auth-locked) .hub-preview-toolbar{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .hub-highlight-stage{
    min-height:316px!important;
  }
  body:not(.auth-locked) .hub-highlight-card{
    min-height:316px!important;
  }
}

/* Refined OverHub support workspace. */
body:not(.auth-locked) .hub-card-primary{
  display:flex!important;
  flex-direction:column!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(76,233,255,.18),transparent 30%),
    radial-gradient(circle at 82% 16%,rgba(223,255,87,.1),transparent 26%),
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.032))!important;
}
body:not(.auth-locked) .hub-support-head{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:22px!important;
}
body:not(.auth-locked) .hub-support-head .hub-kicker{
  margin:0!important;
  width:max-content!important;
  border:1px solid rgba(76,233,255,.24)!important;
  border-radius:999px!important;
  background:rgba(76,233,255,.07)!important;
  padding:7px 11px!important;
  color:#8ff3ff!important;
  font-size:12px!important;
}
body:not(.auth-locked) .hub-support-head em{
  flex:0 0 auto!important;
  font-style:normal!important;
  color:rgba(248,251,255,.62)!important;
  font-size:13px!important;
  font-weight:850!important;
}
body:not(.auth-locked) .hub-card-primary h3{
  position:relative!important;
  z-index:1!important;
  max-width:14em!important;
  font-size:clamp(30px,2.35vw,48px)!important;
  line-height:1.12!important;
}
body:not(.auth-locked) .hub-card-primary p{
  position:relative!important;
  z-index:1!important;
  max-width:58ch!important;
  margin-top:16px!important;
  font-size:15px!important;
  line-height:1.7!important;
}
body:not(.auth-locked) .hub-support-flow{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  gap:10px!important;
  margin-top:clamp(24px,1.9vw,38px)!important;
}
body:not(.auth-locked) .hub-support-flow div{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:4px 12px!important;
  align-items:center!important;
  min-height:74px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:18px!important;
  background:rgba(3,7,18,.22)!important;
  padding:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body:not(.auth-locked) .hub-support-flow i{
  grid-row:1 / span 2!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(76,233,255,.22),rgba(223,255,87,.14))!important;
  color:#dffbff!important;
  font-style:normal!important;
  font-size:12px!important;
  font-weight:950!important;
}
body:not(.auth-locked) .hub-support-flow strong{
  position:static!important;
  color:#f8fbff!important;
  font-size:16px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .hub-support-flow span{
  position:static!important;
  color:rgba(248,251,255,.58)!important;
  font-size:13px!important;
  line-height:1.45!important;
}
body:not(.auth-locked) .hub-support-strip{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:auto!important;
  padding-top:22px!important;
}
body:not(.auth-locked) .hub-support-strip span{
  position:static!important;
  display:block!important;
  border:1px solid rgba(76,233,255,.16)!important;
  border-radius:16px!important;
  background:rgba(76,233,255,.06)!important;
  padding:13px!important;
}
body:not(.auth-locked) .hub-support-strip b,
body:not(.auth-locked) .hub-support-strip small{
  display:block!important;
  position:static!important;
}
body:not(.auth-locked) .hub-support-strip b{
  color:#f8fbff!important;
  font-size:15px!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .hub-support-strip small{
  margin-top:4px!important;
  color:rgba(248,251,255,.55)!important;
  font-size:12px!important;
  font-weight:850!important;
}
@media(max-width:760px){
  body:not(.auth-locked) .hub-support-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  body:not(.auth-locked) .hub-support-strip{
    grid-template-columns:1fr!important;
  }
}

/* OverHub card fit corrections. */
body:not(.auth-locked) .hub-card-primary::after{
  content:none!important;
  display:none!important;
}
body:not(.auth-locked) .hub-card.visual{
  overflow:visible!important;
  min-height:auto!important;
}
body:not(.auth-locked) .hub-preview-panel{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding-bottom:clamp(24px,1.8vw,34px)!important;
}
body:not(.auth-locked) .hub-highlight-stage{
  min-height:clamp(252px,17.5vw,286px)!important;
}
body:not(.auth-locked) .hub-highlight-card{
  min-height:clamp(252px,17.5vw,286px)!important;
}
body:not(.auth-locked) .hub-preview-metrics{
  align-self:end!important;
  margin-bottom:0!important;
}
@media(max-width:760px){
  body:not(.auth-locked) .hub-highlight-stage,
  body:not(.auth-locked) .hub-highlight-card{
    min-height:300px!important;
  }
}

/* Compact homepage polish pass. */
body:not(.auth-locked){
  --compact-shell:min(1180px,calc(100% - clamp(32px,4.4vw,76px)));
  --compact-wide:min(1460px,calc(100% - clamp(40px,7vw,176px)));
  --compact-card:14px;
  --compact-panel:18px;
}
body:not(.auth-locked) .top-dock{
  top:16px!important;
  left:auto!important;
  right:clamp(16px,4.5vw,72px)!important;
  width:max-content!important;
  max-width:calc(100% - clamp(32px,9vw,144px))!important;
  min-height:54px!important;
  transform:none!important;
  padding:8px 10px!important;
  gap:10px!important;
  justify-content:flex-end!important;
  border-radius:18px!important;
}
body:not(.auth-locked) .top-dock nav{
  gap:6px!important;
}
body:not(.auth-locked) .top-dock nav a{
  min-height:34px!important;
  padding:0 11px!important;
  font-size:12px!important;
}
body:not(.auth-locked) .dock-logout,
body:not(.auth-locked) .dock-cta{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:12px!important;
}
body:not(.auth-locked) .side-rail{
  width:54px!important;
  left:18px!important;
  top:92px!important;
  bottom:auto!important;
  height:auto!important;
  padding:10px 8px!important;
  border-radius:18px!important;
}
body:not(.auth-locked) .side-rail:hover,
body:not(.auth-locked) .side-rail:focus-within{
  width:126px!important;
}
body:not(.auth-locked) .hero-rebuild{
  width:var(--compact-wide)!important;
  min-height:auto!important;
  grid-template-columns:minmax(330px,.72fr) minmax(500px,1.18fr)!important;
  gap:clamp(22px,3.4vw,70px)!important;
  align-items:center!important;
  padding:clamp(96px,6.8vw,132px) 0 clamp(40px,3.3vw,64px)!important;
}
body:not(.auth-locked) .hero-copy{
  max-width:clamp(440px,34vw,590px)!important;
}
body:not(.auth-locked) .overline{
  margin-bottom:12px!important;
  font-size:12px!important;
  letter-spacing:.12em!important;
}
body:not(.auth-locked) .hero-copy h1{
  font-size:clamp(46px,6.2vw,108px)!important;
  line-height:.96!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .hero-actions{
  margin-top:24px!important;
  gap:9px!important;
}
body:not(.auth-locked) .primary-action,
body:not(.auth-locked) .secondary-action{
  min-height:42px!important;
  padding:0 15px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
body:not(.auth-locked) .quick-numbers{
  max-width:clamp(470px,37vw,600px)!important;
  margin-top:clamp(18px,1.6vw,24px)!important;
  gap:clamp(7px,.75vw,10px)!important;
}
body:not(.auth-locked) .quick-numbers article{
  min-height:clamp(68px,5.6vw,84px)!important;
  padding:clamp(10px,.9vw,14px)!important;
  border-radius:14px!important;
}
body:not(.auth-locked) .quick-numbers strong{
  font-size:clamp(15px,1.24vw,24px)!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
body:not(.auth-locked) .quick-numbers span{
  margin-top:6px!important;
  font-size:12px!important;
}
body:not(.auth-locked) .showcase-shell{
  justify-self:end!important;
  width:clamp(500px,43vw,860px)!important;
  height:clamp(410px,36vw,660px)!important;
  transform:translateX(clamp(10px,2.2vw,78px)) perspective(1700px) rotateX(var(--stage-tilt-x)) rotateY(var(--stage-tilt-y))!important;
}
body:not(.auth-locked) .stage-floor{
  bottom:clamp(58px,4.2vw,112px)!important;
  width:clamp(410px,30vw,780px)!important;
  height:clamp(86px,5.4vw,170px)!important;
  opacity:.55!important;
}
body:not(.auth-locked) .core-object{
  width:clamp(96px,6.4vw,190px)!important;
  height:clamp(96px,6.4vw,190px)!important;
  opacity:.48!important;
}
body:not(.auth-locked) .deck3d{
  inset:clamp(22px,2.2vw,54px) clamp(18px,1.7vw,46px) clamp(68px,4.6vw,118px)!important;
}
body:not(.auth-locked) .deck-card{
  width:clamp(350px,25vw,640px)!important;
  height:clamp(300px,20.5vw,510px)!important;
  padding:clamp(15px,1vw,26px)!important;
  border-radius:18px!important;
}
body:not(.auth-locked) .deck-card h2{
  font-size:clamp(25px,1.62vw,44px)!important;
}
body:not(.auth-locked) .deck-card p{
  font-size:clamp(12px,.68vw,16px)!important;
  line-height:1.46!important;
}
body:not(.auth-locked) .deck-card header{
  margin-bottom:13px!important;
}
body:not(.auth-locked) .ui-preview{
  height:clamp(184px,12.3vw,330px)!important;
  border-radius:14px!important;
}
body:not(.auth-locked) .product-switcher{
  bottom:clamp(18px,1.35vw,34px)!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  padding:6px!important;
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  overflow:hidden!important;
}
body:not(.auth-locked) .product-switcher button{
  min-width:52px!important;
  min-height:32px!important;
  padding:0 10px!important;
  font-size:12px!important;
}
body:not(.auth-locked) .motion-strip{
  margin-top:0!important;
}
body:not(.auth-locked) .motion-strip div{
  padding:10px 0!important;
  gap:30px!important;
}
body:not(.auth-locked) .motion-strip span{
  font-size:11px!important;
  letter-spacing:.1em!important;
}
body:not(.auth-locked) .workflow-section,
body:not(.auth-locked) .products-section,
body:not(.auth-locked) .link-section,
body:not(.auth-locked) .hub-section,
body:not(.auth-locked) .readiness-section,
body:not(.auth-locked) .faq-section,
body:not(.auth-locked) .contact-section{
  width:var(--compact-shell)!important;
  padding-top:clamp(66px,4.4vw,88px)!important;
}
body:not(.auth-locked) .section-heading{
  max-width:720px!important;
  margin:0 auto clamp(22px,1.8vw,30px)!important;
}
body:not(.auth-locked) .section-heading p{
  margin-bottom:8px!important;
  font-size:12px!important;
  letter-spacing:.09em!important;
}
body:not(.auth-locked) .section-heading h2{
  font-size:clamp(30px,2.55vw,42px)!important;
  line-height:1.12!important;
  text-wrap:balance!important;
}
body:not(.auth-locked) .workflow-line,
body:not(.auth-locked) .product-wall,
body:not(.auth-locked) .link-grid,
body:not(.auth-locked) .hub-grid,
body:not(.auth-locked) .readiness-grid,
body:not(.auth-locked) .faq-grid{
  max-width:var(--compact-shell)!important;
  gap:12px!important;
}
body:not(.auth-locked) .workflow-line article,
body:not(.auth-locked) .product-tile,
body:not(.auth-locked) .link-card,
body:not(.auth-locked) .hub-card,
body:not(.auth-locked) .readiness-card,
body:not(.auth-locked) .faq-card,
body:not(.auth-locked) .readiness-lane,
body:not(.auth-locked) .service-health-panel article,
body:not(.auth-locked) .service-detail-board,
body:not(.auth-locked) .contact-panel{
  border-radius:var(--compact-panel)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body:not(.auth-locked) .workflow-line article{
  min-height:150px!important;
  padding:16px!important;
}
body:not(.auth-locked) .workflow-line h3{
  margin:20px 0 8px!important;
  font-size:22px!important;
}
body:not(.auth-locked) .workflow-line p{
  font-size:13px!important;
  line-height:1.55!important;
}
body:not(.auth-locked) .panel-icon,
body:not(.auth-locked) .tile-icon{
  width:36px!important;
  height:36px!important;
}
body:not(.auth-locked) .product-wall{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body:not(.auth-locked) .product-tile,
body:not(.auth-locked) .product-tile.wide{
  grid-column:span 1!important;
  min-height:196px!important;
  padding:18px!important;
}
body:not(.auth-locked) .product-tile span,
body:not(.auth-locked) .link-card span,
body:not(.auth-locked) .readiness-card span,
body:not(.auth-locked) .faq-card span{
  margin-top:12px!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
}
body:not(.auth-locked) .product-tile h3,
body:not(.auth-locked) .link-card h3,
body:not(.auth-locked) .readiness-card h3{
  margin:16px 0 9px!important;
  font-size:clamp(23px,1.55vw,28px)!important;
  line-height:1.12!important;
}
body:not(.auth-locked) .product-tile p,
body:not(.auth-locked) .link-card p,
body:not(.auth-locked) .readiness-card p{
  font-size:13px!important;
  line-height:1.6!important;
}
body:not(.auth-locked) .tile-link,
body:not(.auth-locked) .service-board-open{
  min-height:38px!important;
  margin-top:16px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  font-size:12px!important;
}
body:not(.auth-locked) .service-detail-board{
  max-width:var(--compact-shell)!important;
  margin:28px auto 0!important;
  padding:20px!important;
}
body:not(.auth-locked) .service-board-head{
  max-width:680px!important;
  margin:0 auto 18px!important;
  text-align:center!important;
}
body:not(.auth-locked) .service-board-head h3{
  font-size:clamp(26px,2.2vw,36px)!important;
}
body:not(.auth-locked) .service-board-head span{
  max-width:48ch!important;
  font-size:14px!important;
  line-height:1.55!important;
}
body:not(.auth-locked) .service-board-shell{
  max-width:1060px!important;
  grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr)!important;
  gap:14px!important;
}
body:not(.auth-locked) .service-board-item{
  min-height:62px!important;
  padding:11px 12px!important;
  border-radius:14px!important;
}
body:not(.auth-locked) .service-board-index{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
}
body:not(.auth-locked) .service-board-item b{
  font-size:15px!important;
}
body:not(.auth-locked) .service-board-item small{
  font-size:12px!important;
}
body:not(.auth-locked) .service-board-preview{
  padding:20px!important;
  border-radius:16px!important;
}
body:not(.auth-locked) .service-preview-topline{
  margin-bottom:12px!important;
}
body:not(.auth-locked) .service-board-preview h4{
  max-width:15em!important;
  font-size:clamp(24px,1.85vw,34px)!important;
}
body:not(.auth-locked) .service-board-preview p{
  margin-top:12px!important;
  font-size:13px!important;
  line-height:1.6!important;
}
body:not(.auth-locked) .service-preview-highlights{
  margin-top:14px!important;
}
body:not(.auth-locked) .service-preview-highlights span{
  padding:6px 9px!important;
  font-size:12px!important;
}
body:not(.auth-locked) .service-preview-flow{
  gap:8px!important;
  margin-top:16px!important;
}
body:not(.auth-locked) .service-preview-flow div{
  min-height:112px!important;
  padding:12px!important;
  border-radius:14px!important;
}
body:not(.auth-locked) .service-preview-flow strong{
  font-size:15px!important;
}
body:not(.auth-locked) .service-preview-flow span{
  font-size:12px!important;
  line-height:1.45!important;
}
body:not(.auth-locked) .link-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body:not(.auth-locked) .link-card{
  min-height:196px!important;
  padding:18px!important;
}
body:not(.auth-locked) .link-flow{
  max-width:var(--compact-shell)!important;
  margin-top:12px!important;
  padding:12px!important;
  border-radius:16px!important;
}
body:not(.auth-locked) .link-flow div{
  min-height:86px!important;
  padding:14px!important;
  border-radius:14px!important;
}
body:not(.auth-locked) .link-flow strong{
  margin-top:8px!important;
  font-size:20px!important;
}
body:not(.auth-locked) .link-flow span{
  margin-top:5px!important;
  font-size:13px!important;
}
body:not(.auth-locked) .hub-grid{
  max-width:var(--compact-shell)!important;
  grid-template-columns:minmax(0,.96fr) minmax(390px,1.04fr)!important;
  gap:14px!important;
}
body:not(.auth-locked) .hub-card{
  min-height:0!important;
  padding:22px!important;
}
body:not(.auth-locked) .hub-support-head{
  margin-bottom:16px!important;
}
body:not(.auth-locked) .hub-card-primary h3{
  max-width:13em!important;
  font-size:clamp(27px,2.2vw,38px)!important;
}
body:not(.auth-locked) .hub-card-primary p{
  margin-top:12px!important;
  font-size:14px!important;
  line-height:1.58!important;
}
body:not(.auth-locked) .hub-support-flow{
  margin-top:20px!important;
  gap:8px!important;
}
body:not(.auth-locked) .hub-support-flow div{
  min-height:62px!important;
  padding:11px!important;
  border-radius:14px!important;
}
body:not(.auth-locked) .hub-support-flow i{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
}
body:not(.auth-locked) .hub-support-strip{
  gap:8px!important;
  padding-top:16px!important;
}
body:not(.auth-locked) .hub-support-strip span{
  padding:10px!important;
  border-radius:12px!important;
}
body:not(.auth-locked) .hub-card.visual > span{
  margin-bottom:10px!important;
  padding:6px 9px!important;
}
body:not(.auth-locked) .hub-preview-panel{
  gap:10px!important;
  padding:18px!important;
  border-radius:16px!important;
}
body:not(.auth-locked) .hub-preview-head b{
  font-size:clamp(22px,1.55vw,28px)!important;
}
body:not(.auth-locked) .hub-preview-head small{
  margin-top:4px!important;
  font-size:12px!important;
}
body:not(.auth-locked) .hub-preview-toolbar span{
  min-height:30px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
body:not(.auth-locked) .hub-highlight-stage,
body:not(.auth-locked) .hub-highlight-card{
  min-height:222px!important;
}
body:not(.auth-locked) .hub-highlight-card{
  padding:16px!important;
  border-radius:14px!important;
}
body:not(.auth-locked) .hub-highlight-top{
  margin-bottom:12px!important;
}
body:not(.auth-locked) .hub-highlight-card strong{
  font-size:clamp(21px,1.35vw,26px)!important;
}
body:not(.auth-locked) .hub-highlight-card p{
  min-height:0!important;
  margin-top:8px!important;
  font-size:12px!important;
  line-height:1.48!important;
}
body:not(.auth-locked) .hub-preview-thread,
body:not(.auth-locked) .hub-user-row,
body:not(.auth-locked) .hub-mvp-score{
  padding:11px!important;
  border-radius:12px!important;
}
body:not(.auth-locked) .hub-preview-metrics{
  gap:8px!important;
}
body:not(.auth-locked) .hub-preview-metrics span{
  min-height:54px!important;
  padding:10px!important;
  border-radius:12px!important;
}
body:not(.auth-locked) .readiness-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body:not(.auth-locked) .readiness-card{
  min-height:178px!important;
  padding:18px!important;
}
body:not(.auth-locked) .readiness-card b{
  padding:6px 10px!important;
  font-size:12px!important;
}
body:not(.auth-locked) .readiness-lane{
  max-width:var(--compact-shell)!important;
  margin-top:12px!important;
  padding:12px!important;
  gap:8px!important;
  border-radius:16px!important;
}
body:not(.auth-locked) .readiness-lane div{
  min-height:70px!important;
  padding:12px!important;
  border-radius:12px!important;
}
body:not(.auth-locked) .service-health-panel{
  max-width:var(--compact-shell)!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}
body:not(.auth-locked) .service-health-panel article{
  padding:12px!important;
  border-radius:14px!important;
}
body:not(.auth-locked) .service-health-panel strong{
  margin-top:5px!important;
  font-size:13px!important;
}
body:not(.auth-locked) .service-health-panel p{
  margin:4px 0 0!important;
  font-size:11px!important;
  line-height:1.4!important;
}
body:not(.auth-locked) .faq-section{
  padding-top:clamp(50px,3.2vw,68px)!important;
}
body:not(.auth-locked) .faq-grid{
  max-width:var(--compact-shell)!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body:not(.auth-locked) .faq-card{
  min-height:126px!important;
  padding:16px!important;
  border-radius:14px!important;
}
body:not(.auth-locked) .faq-card h3{
  margin:14px 0 7px!important;
  font-size:clamp(18px,1.1vw,21px)!important;
}
body:not(.auth-locked) .faq-card p{
  font-size:12px!important;
  line-height:1.48!important;
}
body:not(.auth-locked) .contact-section{
  padding-top:clamp(56px,3.6vw,78px)!important;
}
body:not(.auth-locked) .contact-panel.contact-compact{
  max-width:var(--compact-shell)!important;
  grid-template-columns:minmax(330px,.72fr) minmax(420px,1fr)!important;
  gap:14px!important;
  padding:18px!important;
  border-radius:16px!important;
  margin-bottom:32px!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-copy{
  grid-template-columns:42px minmax(0,1fr)!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-emblem{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
}
body:not(.auth-locked) .contact-panel.contact-compact h2{
  font-size:clamp(25px,1.55vw,30px)!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-route{
  gap:8px!important;
  margin-top:16px!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-route div{
  min-height:46px!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  padding:7px 9px!important;
  border-radius:12px!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-route-icon{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
}
body:not(.auth-locked) .contact-panel.contact-compact .contact-form{
  gap:8px!important;
  padding:12px!important;
  border-radius:14px!important;
}
body:not(.auth-locked) .contact-panel.contact-compact input,
body:not(.auth-locked) .contact-panel.contact-compact textarea{
  min-height:40px!important;
  padding:10px 11px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
body:not(.auth-locked) .contact-panel.contact-compact textarea{
  min-height:68px!important;
}
body:not(.auth-locked) .contact-panel.contact-compact button{
  min-height:40px!important;
  border-radius:10px!important;
}

@media(max-width:1180px){
  body:not(.auth-locked){
    --compact-shell:min(100% - 32px,960px);
    --compact-wide:min(100% - 32px,980px);
  }
  body:not(.auth-locked) .side-rail{
    display:none!important;
  }
  body:not(.auth-locked) .hero-rebuild{
    grid-template-columns:1fr!important;
    align-items:start!important;
    padding-top:98px!important;
  }
  body:not(.auth-locked) .hero-copy{
    max-width:680px!important;
  }
  body:not(.auth-locked) .showcase-shell{
    justify-self:center!important;
    width:min(100%,760px)!important;
    transform:none!important;
  }
  body:not(.auth-locked) .workflow-line{
    grid-template-columns:repeat(5,minmax(150px,1fr))!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
  }
  body:not(.auth-locked) .workflow-line article{
    min-width:150px!important;
  }
  body:not(.auth-locked) .product-wall{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body:not(.auth-locked) .service-board-shell,
  body:not(.auth-locked) .hub-grid,
  body:not(.auth-locked) .contact-panel.contact-compact{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .service-health-panel,
  body:not(.auth-locked) .faq-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  body:not(.auth-locked){
    --compact-shell:calc(100% - 28px);
    --compact-wide:calc(100% - 28px);
  }
  body:not(.auth-locked) .top-dock{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    left:10px!important;
    right:auto!important;
    transform:none!important;
    justify-content:space-between!important;
    min-height:48px!important;
    top:10px!important;
    padding:6px!important;
  }
  body:not(.auth-locked) .hero-rebuild{
    padding-top:86px!important;
    gap:18px!important;
  }
  body:not(.auth-locked) .hero-copy h1{
    font-size:clamp(40px,12vw,54px)!important;
  }
  body:not(.auth-locked) .hero-actions{
    margin-top:18px!important;
  }
  body:not(.auth-locked) .quick-numbers{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body:not(.auth-locked) .quick-numbers article{
    min-height:70px!important;
    padding:10px 8px!important;
  }
  body:not(.auth-locked) .quick-numbers strong{
    font-size:clamp(15px,4.4vw,19px)!important;
  }
  body:not(.auth-locked) .quick-numbers span{
    font-size:11px!important;
  }
  body:not(.auth-locked) .showcase-shell{
    height:390px!important;
  }
  body:not(.auth-locked) .deck-card{
    width:min(100% - 20px,430px)!important;
    height:304px!important;
  }
  body:not(.auth-locked) .ui-preview{
    height:166px!important;
  }
  body:not(.auth-locked) .product-wall,
  body:not(.auth-locked) .link-grid,
  body:not(.auth-locked) .readiness-grid,
  body:not(.auth-locked) .faq-grid,
  body:not(.auth-locked) .service-health-panel{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .workflow-section,
  body:not(.auth-locked) .products-section,
  body:not(.auth-locked) .link-section,
  body:not(.auth-locked) .hub-section,
  body:not(.auth-locked) .readiness-section,
  body:not(.auth-locked) .faq-section,
  body:not(.auth-locked) .contact-section{
    padding-top:54px!important;
  }
  body:not(.auth-locked) .workflow-line{
    grid-template-columns:1fr!important;
    overflow:visible!important;
  }
  body:not(.auth-locked) .workflow-line article,
  body:not(.auth-locked) .product-tile,
  body:not(.auth-locked) .link-card,
  body:not(.auth-locked) .hub-card,
  body:not(.auth-locked) .readiness-card,
  body:not(.auth-locked) .faq-card{
    min-height:0!important;
    padding:16px!important;
  }
  body:not(.auth-locked) .service-preview-flow,
  body:not(.auth-locked) .readiness-lane{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact .contact-route,
  body:not(.auth-locked) .contact-panel.contact-compact .contact-form{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .contact-panel.contact-compact input[name="name"],
  body:not(.auth-locked) .contact-panel.contact-compact input[name="email"]{
    grid-column:1!important;
  }
}

/* Phase 62 unified platform top bar and compact UX finish. */
body:not(.auth-locked){
  --compact-shell:min(1120px,calc(100% - clamp(32px,5vw,96px)));
  --compact-wide:min(1380px,calc(100% - clamp(32px,5.6vw,128px)));
}
body:not(.auth-locked) .top-dock{
  top:10px!important;
  left:50%!important;
  right:auto!important;
  width:min(1240px,calc(100% - 24px))!important;
  max-width:min(1240px,calc(100% - 24px))!important;
  height:44px!important;
  min-height:44px!important;
  padding:4px 6px!important;
  display:grid!important;
  flex-wrap:nowrap!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:normal!important;
  gap:8px!important;
  border-radius:12px!important;
  border-color:rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,rgba(12,17,31,.88),rgba(8,12,24,.74))!important;
  box-shadow:0 18px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
  transform:translateX(-50%)!important;
  backdrop-filter:blur(18px)!important;
}
body:not(.auth-locked) .top-dock:hover,
body:not(.auth-locked) .top-dock:focus-within{
  transform:translateX(-50%)!important;
  background:linear-gradient(180deg,rgba(14,20,36,.94),rgba(9,14,28,.82))!important;
  box-shadow:0 22px 68px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body:not(.auth-locked) .dock-brand{
  order:0!important;
  flex:0 0 auto!important;
  min-width:0!important;
  height:36px!important;
  padding:0 10px 0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border-radius:8px!important;
  color:#f8fbff!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body:not(.auth-locked) .dock-brand-mark{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 32px!important;
  border-radius:8px!important;
  border:1px solid rgba(76,233,255,.22)!important;
  background:linear-gradient(135deg,rgba(76,233,255,.16),rgba(223,255,87,.08))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body:not(.auth-locked) .dock-brand strong{
  min-width:0!important;
  color:#f8fbff!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  line-height:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav{
  order:0!important;
  flex:1 1 auto!important;
  min-width:0!important;
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  color:rgba(248,251,255,.68)!important;
  scrollbar-width:none!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav::-webkit-scrollbar{
  display:none!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav a{
  height:32px!important;
  min-height:32px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  border-radius:8px!important;
  color:rgba(248,251,255,.74)!important;
  font-size:12px!important;
  font-weight:780!important;
  letter-spacing:0!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav a::after{
  content:none!important;
  display:none!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav a:hover,
body:not(.auth-locked) .top-dock .dock-service-nav a:focus-visible{
  color:#fff!important;
  background:rgba(255,255,255,.075)!important;
  transform:translateY(-1px)!important;
  outline:none!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .dock-charge-link{
  color:#f8fbff!important;
  border:1px solid rgba(223,255,87,.18)!important;
  background:linear-gradient(135deg,rgba(76,233,255,.1),rgba(223,255,87,.1))!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .dock-charge-link:hover,
body:not(.auth-locked) .top-dock .dock-service-nav .dock-charge-link:focus-visible{
  border-color:rgba(223,255,87,.32)!important;
  background:linear-gradient(135deg,rgba(76,233,255,.16),rgba(223,255,87,.18))!important;
}
body:not(.auth-locked) .dock-actions{
  order:0!important;
  flex:0 0 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
}
body:not(.auth-locked) .dock-window-controls{
  width:auto!important;
  height:32px!important;
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  flex:0 0 auto!important;
}
body:not(.auth-locked) .dock-window-button{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  background:rgba(255,255,255,.04)!important;
  color:rgba(248,251,255,.78)!important;
  text-decoration:none!important;
}
body:not(.auth-locked) .dock-window-button:hover:not(:disabled),
body:not(.auth-locked) .dock-window-button:focus-visible:not(:disabled){
  color:#fff!important;
  border-color:rgba(76,233,255,.24)!important;
  background:rgba(76,233,255,.11)!important;
  outline:2px solid rgba(76,233,255,.26)!important;
  outline-offset:2px!important;
}
body:not(.auth-locked) .dock-window-button{
  appearance:none!important;
  cursor:pointer!important;
}
body:not(.auth-locked) .dock-window-button:disabled{
  cursor:default!important;
  opacity:.34!important;
  background:rgba(255,255,255,.025)!important;
}
body:not(.auth-locked) .dock-logout{
  flex:0 0 auto!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  line-height:1!important;
}
body:not(.auth-locked) .nav-icon{
  width:15px!important;
  height:15px!important;
}
body:not(.auth-locked) .dock-window-button .nav-icon{
  width:16px!important;
  height:16px!important;
}
body:not(.auth-locked) .hero-rebuild{
  padding-top:clamp(86px,6.2vw,112px)!important;
}
body:not(.auth-locked) .showcase-shell{
  transform:translateX(clamp(-64px,-3vw,-22px)) perspective(1700px) rotateX(var(--stage-tilt-x)) rotateY(var(--stage-tilt-y))!important;
}
body:not(.auth-locked) .workflow-line,
body:not(.auth-locked) .product-wall,
body:not(.auth-locked) .link-grid,
body:not(.auth-locked) .hub-grid,
body:not(.auth-locked) .readiness-grid,
body:not(.auth-locked) .faq-grid,
body:not(.auth-locked) .contact-panel.contact-compact{
  max-width:var(--compact-shell)!important;
}
body:not(.auth-locked) .workflow-line article,
body:not(.auth-locked) .product-tile,
body:not(.auth-locked) .link-card,
body:not(.auth-locked) .readiness-card,
body:not(.auth-locked) .faq-card{
  background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.034))!important;
}
body:not(.auth-locked) .product-tile:hover,
body:not(.auth-locked) .link-card:hover,
body:not(.auth-locked) .workflow-line article:hover{
  border-color:rgba(76,233,255,.2)!important;
  box-shadow:0 22px 62px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.075)!important;
}

@media(max-width:1180px){
  body:not(.auth-locked) .top-dock{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
  }
  body:not(.auth-locked) .top-dock .dock-service-nav{
    justify-content:flex-start!important;
  }
  body:not(.auth-locked) .showcase-shell{
    width:min(100%,700px)!important;
    height:clamp(380px,56vw,560px)!important;
  }
}

@media(max-width:760px){
  body:not(.auth-locked) .top-dock{
    top:8px!important;
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    height:48px!important;
    min-height:48px!important;
    padding:6px!important;
    grid-template-columns:auto minmax(54px,1fr) auto!important;
    gap:6px!important;
    border-radius:12px!important;
  }
  body:not(.auth-locked) .dock-brand{
    height:36px!important;
    max-width:122px!important;
    padding-right:7px!important;
    gap:7px!important;
  }
  body:not(.auth-locked) .dock-brand strong{
    font-size:14px!important;
  }
  body:not(.auth-locked) .top-dock .dock-service-nav{
    display:flex!important;
    height:36px!important;
    gap:3px!important;
    justify-content:flex-start!important;
  }
  body:not(.auth-locked) .top-dock .dock-service-nav a{
    height:32px!important;
    min-height:32px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
  body:not(.auth-locked) .dock-actions{
    gap:3px!important;
  }
  body:not(.auth-locked) .logout-label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
  }
  body:not(.auth-locked) .dock-logout{
    width:32px!important;
    min-width:32px!important;
    padding:0!important;
  }
  body:not(.auth-locked) .hero-rebuild{
    padding-top:76px!important;
  }
  body:not(.auth-locked) .section-heading{
    margin-bottom:18px!important;
  }
  body:not(.auth-locked) .workflow-line,
  body:not(.auth-locked) .product-wall,
  body:not(.auth-locked) .link-grid,
  body:not(.auth-locked) .hub-grid,
  body:not(.auth-locked) .readiness-grid,
  body:not(.auth-locked) .faq-grid{
    gap:10px!important;
  }
}

@media(max-width:430px){
  body:not(.auth-locked) .dock-brand{
    max-width:126px!important;
  }
  body:not(.auth-locked) .top-dock{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  body:not(.auth-locked) .top-dock .dock-service-nav a{
    width:32px!important;
    min-width:32px!important;
    padding:0!important;
    gap:0!important;
    font-size:0!important;
  }
}

/* Platform guide refresh: left project list, platform overview modal, compact preview. */
body:not(.auth-locked) .service-detail-board{
  max-width:min(1180px,calc(100% - 32px))!important;
  margin:clamp(34px,3.4vw,62px) auto 0!important;
  padding:clamp(18px,2.1vw,30px)!important;
  border-radius:24px!important;
  border:1px solid rgba(120,180,255,.16)!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(76,233,255,.14),transparent 34%),
    radial-gradient(circle at 100% 12%,rgba(223,255,87,.1),transparent 28%),
    linear-gradient(140deg,rgba(12,20,36,.9),rgba(6,10,22,.92))!important;
}
body:not(.auth-locked) .service-board-head{
  max-width:none!important;
  margin:0 0 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px 18px!important;
  align-items:end!important;
  text-align:left!important;
}
body:not(.auth-locked) .service-board-head p,
body:not(.auth-locked) .service-board-head h3,
body:not(.auth-locked) .service-board-head span{
  margin-inline:0!important;
}
body:not(.auth-locked) .service-board-head h3{
  max-width:820px!important;
  font-size:clamp(28px,2.35vw,40px)!important;
}
body:not(.auth-locked) .service-board-head span{
  max-width:68ch!important;
  color:rgba(248,251,255,.68)!important;
}
body:not(.auth-locked) .platform-detail-button{
  width:auto!important;
  justify-self:start!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(76,233,255,.34)!important;
  border-radius:13px!important;
  padding:0 15px!important;
  background:linear-gradient(135deg,rgba(76,233,255,.16),rgba(223,255,87,.1))!important;
  color:#f8fbff!important;
  font-size:13px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body:not(.auth-locked) .platform-detail-button:hover,
body:not(.auth-locked) .platform-detail-button:focus-visible{
  border-color:rgba(76,233,255,.58)!important;
  background:linear-gradient(135deg,rgba(76,233,255,.24),rgba(223,255,87,.16))!important;
  outline:none!important;
}
body:not(.auth-locked) .platform-detail-button.secondary{
  background:rgba(255,255,255,.055)!important;
}
body:not(.auth-locked) .platform-summary-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 14px!important;
}
body:not(.auth-locked) .platform-summary-strip article{
  min-height:86px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.048)!important;
  padding:15px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body:not(.auth-locked) .platform-summary-strip strong{
  display:block!important;
  color:var(--cyan)!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.07em!important;
}
body:not(.auth-locked) .platform-summary-strip span{
  display:block!important;
  margin-top:9px!important;
  color:rgba(248,251,255,.66)!important;
  font-size:13px!important;
  line-height:1.55!important;
  word-break:keep-all!important;
}
body:not(.auth-locked) .service-board-shell{
  max-width:none!important;
  grid-template-columns:minmax(260px,.52fr) minmax(0,1fr)!important;
  gap:14px!important;
}
body:not(.auth-locked) .service-board-list-wrap{
  min-width:0!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:20px!important;
  background:rgba(0,0,0,.16)!important;
  padding:12px!important;
}
body:not(.auth-locked) .service-list-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:6px 6px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  margin-bottom:10px!important;
}
body:not(.auth-locked) .service-list-title span{
  color:var(--cyan)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
}
body:not(.auth-locked) .service-list-title strong{
  color:#fff!important;
  font-size:15px!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
body:not(.auth-locked) .service-board-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
body:not(.auth-locked) .service-board-item{
  min-height:58px!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  padding:10px 11px!important;
  border-radius:14px!important;
}
body:not(.auth-locked) .service-board-item:hover,
body:not(.auth-locked) .service-board-item.active{
  transform:none!important;
}
body:not(.auth-locked) .service-board-index{
  width:31px!important;
  height:31px!important;
  border-radius:10px!important;
  font-size:12px!important;
}
body:not(.auth-locked) .service-board-item b{
  font-size:15px!important;
  line-height:1.15!important;
}
body:not(.auth-locked) .service-board-item small{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body:not(.auth-locked) .service-board-preview{
  min-width:0!important;
  padding:clamp(20px,2vw,30px)!important;
  border-radius:20px!important;
}
body:not(.auth-locked) .service-board-preview h4{
  max-width:18em!important;
  font-size:clamp(28px,2.5vw,42px)!important;
}
body:not(.auth-locked) .service-preview-flow{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
body:not(.auth-locked) .service-preview-flow div{
  min-height:128px!important;
  padding:14px!important;
}
body:not(.auth-locked) .service-preview-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:20px!important;
}
body:not(.auth-locked) .service-preview-actions .service-board-open,
body:not(.auth-locked) .service-preview-actions .platform-detail-button{
  margin:0!important;
}
body:not(.auth-locked) .service-overlay-panel{
  width:min(1040px,100%)!important;
}
body:not(.auth-locked) .platform-modal-copy span{
  display:block!important;
  color:var(--cyan)!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
body:not(.auth-locked) .platform-modal-copy h2{
  margin:10px 0 12px!important;
  max-width:760px!important;
  font-size:clamp(30px,3vw,48px)!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  text-wrap:balance!important;
}
body:not(.auth-locked) .platform-modal-copy p{
  margin:0!important;
  max-width:72ch!important;
  color:rgba(248,251,255,.72)!important;
  font-size:16px!important;
  line-height:1.75!important;
  word-break:keep-all!important;
}
body:not(.auth-locked) .platform-modal-pillars,
body:not(.auth-locked) .platform-modal-flow,
body:not(.auth-locked) .platform-modal-projects{
  display:grid!important;
  gap:10px!important;
}
body:not(.auth-locked) .platform-modal-pillars{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body:not(.auth-locked) .platform-modal-flow{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body:not(.auth-locked) .platform-modal-projects{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body:not(.auth-locked) .platform-modal-pillars article,
body:not(.auth-locked) .platform-modal-flow article,
body:not(.auth-locked) .platform-modal-projects span{
  min-width:0!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.052)!important;
  padding:15px!important;
}
body:not(.auth-locked) .platform-modal-flow i{
  display:block!important;
  color:var(--cyan)!important;
  font-style:normal!important;
  font-weight:950!important;
  margin-bottom:10px!important;
}
body:not(.auth-locked) .platform-modal-pillars strong,
body:not(.auth-locked) .platform-modal-flow strong,
body:not(.auth-locked) .platform-modal-projects b{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.25!important;
}
body:not(.auth-locked) .platform-modal-pillars span,
body:not(.auth-locked) .platform-modal-flow span,
body:not(.auth-locked) .platform-modal-projects small{
  display:block!important;
  margin-top:8px!important;
  color:rgba(248,251,255,.66)!important;
  font-size:13px!important;
  line-height:1.55!important;
  word-break:keep-all!important;
}

@media(max-width:980px){
  body:not(.auth-locked) .service-board-head,
  body:not(.auth-locked) .service-board-shell,
  body:not(.auth-locked) .platform-summary-strip,
  body:not(.auth-locked) .platform-modal-pillars,
  body:not(.auth-locked) .platform-modal-flow,
  body:not(.auth-locked) .platform-modal-projects{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .service-board-head{
    align-items:start!important;
  }
  body:not(.auth-locked) .platform-detail-button{
    width:max-content!important;
    max-width:100%!important;
  }
  body:not(.auth-locked) .service-board-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  body:not(.auth-locked) .service-detail-board{
    max-width:calc(100% - 24px)!important;
    padding:16px!important;
    border-radius:20px!important;
  }
  body:not(.auth-locked) .service-board-head h3{
    font-size:clamp(25px,7.5vw,34px)!important;
  }
  body:not(.auth-locked) .service-board-list{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .service-board-item{
    min-height:66px!important;
    align-items:center!important;
  }
  body:not(.auth-locked) .service-board-item small{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
    line-height:1.4!important;
  }
  body:not(.auth-locked) .service-board-preview h4{
    font-size:clamp(25px,7vw,34px)!important;
  }
  body:not(.auth-locked) .service-preview-flow{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .service-overlay{
    padding:10px!important;
  }
}

/* Platform guide v2: make the redesigned guide the primary service-map surface. */
body:not(.auth-locked) #products .section-heading{
  margin-bottom:clamp(16px,1.4vw,24px)!important;
}
body:not(.auth-locked) #products{
  position:relative!important;
  z-index:8!important;
}
body:not(.auth-locked) #products .section-heading h2{
  max-width:900px!important;
}
body:not(.auth-locked) #serviceDetailBoard{
  scroll-margin-top:108px!important;
  margin:clamp(18px,1.7vw,28px) auto clamp(26px,2.4vw,42px)!important;
  padding-top:clamp(28px,2.6vw,42px)!important;
  overflow:visible!important;
  position:relative!important;
  z-index:9!important;
  clip-path:none!important;
}
body:not(.auth-locked) #serviceDetailBoard::before{
  border-radius:inherit!important;
  overflow:hidden!important;
}
body:not(.auth-locked) #serviceDetailBoard .service-board-head{
  min-height:0!important;
  padding-top:0!important;
}
body:not(.auth-locked) #serviceDetailBoard .service-board-head h3{
  line-height:1.18!important;
  overflow:visible!important;
}
body:not(.auth-locked) #serviceDetailBoard + .product-wall{
  margin-top:clamp(24px,2.4vw,40px)!important;
}

@media(max-width:620px){
  body:not(.auth-locked) #serviceDetailBoard{
    scroll-margin-top:86px!important;
    margin-top:14px!important;
    padding-top:24px!important;
  }
  body:not(.auth-locked) #serviceDetailBoard .service-board-head{
    gap:10px!important;
  }
}

/* Platform guide v3: left OverPlatform product list with a dedicated detail surface. */
body:not(.auth-locked) #serviceDetailBoard{
  max-width:min(1240px,calc(100% - clamp(28px,7vw,176px)))!important;
  padding:clamp(18px,2vw,26px)!important;
}
body:not(.auth-locked) .platform-catalog-shell{
  display:grid!important;
  position:relative!important;
  z-index:2!important;
  grid-template-columns:minmax(310px,.42fr) minmax(0,1fr)!important;
  gap:clamp(14px,1.4vw,20px)!important;
  align-items:stretch!important;
}
body:not(.auth-locked) .platform-catalog-panel{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 0 0,rgba(76,233,255,.18),transparent 44%),
    linear-gradient(145deg,rgba(11,22,38,.92),rgba(8,11,24,.88))!important;
  padding:clamp(14px,1.35vw,18px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075)!important;
}
body:not(.auth-locked) .platform-catalog-brand{
  min-width:0!important;
  padding:4px 4px 10px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
body:not(.auth-locked) .platform-catalog-brand h3{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  color:#f8fbff!important;
  font-size:clamp(28px,2.55vw,40px)!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:0!important;
  text-shadow:0 12px 34px rgba(76,233,255,.2)!important;
}
body:not(.auth-locked) .platform-catalog-brand span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  margin-top:10px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(76,233,255,.12)!important;
  color:var(--cyan)!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
body:not(.auth-locked) .platform-catalog-brand p{
  margin:11px 0 0!important;
  color:rgba(248,251,255,.68)!important;
  font-size:13px!important;
  line-height:1.58!important;
  word-break:keep-all!important;
}
body:not(.auth-locked) .platform-catalog-panel .service-board-list{
  gap:9px!important;
}
body:not(.auth-locked) .platform-catalog-panel .service-board-item{
  min-height:64px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.045)!important;
}
body:not(.auth-locked) .platform-catalog-panel .service-board-item.active{
  background:linear-gradient(135deg,rgba(76,233,255,.16),rgba(117,102,255,.1))!important;
}
body:not(.auth-locked) .platform-catalog-open{
  width:100%!important;
  margin-top:auto!important;
}
body:not(.auth-locked) .platform-product-preview{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:560px!important;
  background:
    radial-gradient(circle at 0 0,rgba(76,233,255,.16),transparent 38%),
    linear-gradient(135deg,rgba(22,33,54,.88),rgba(12,15,29,.92))!important;
}
body:not(.auth-locked) .platform-preview-intro{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:clamp(18px,1.8vw,28px)!important;
}
body:not(.auth-locked) .platform-preview-intro span{
  color:var(--cyan)!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
body:not(.auth-locked) .platform-product-preview .service-preview-topline{
  margin-bottom:18px!important;
}
body:not(.auth-locked) .platform-product-preview h4{
  max-width:15em!important;
}
body:not(.auth-locked) #serviceDetailBoard .platform-summary-strip{
  margin:clamp(14px,1.3vw,18px) 0 0!important;
}
body:not(.auth-locked) #serviceDetailBoard + .product-wall{
  opacity:.92!important;
}

@media(max-width:980px){
  body:not(.auth-locked) .platform-catalog-shell{
    grid-template-columns:1fr!important;
  }
  body:not(.auth-locked) .platform-product-preview{
    min-height:0!important;
  }
  body:not(.auth-locked) .platform-preview-intro{
    align-items:flex-start!important;
  }
}

@media(max-width:620px){
  body:not(.auth-locked) #serviceDetailBoard{
    max-width:calc(100% - 24px)!important;
  }
  body:not(.auth-locked) .platform-catalog-brand h3{
    font-size:clamp(28px,8.6vw,36px)!important;
  }
  body:not(.auth-locked) .platform-preview-intro{
    flex-direction:column!important;
  }
  body:not(.auth-locked) .platform-preview-intro .platform-detail-button{
    width:100%!important;
  }
}

/* OverDev static marketplace integration. */
body:not(.auth-locked) .product-switcher button{
  min-width:clamp(42px,3vw,52px)!important;
}
@media(max-width:520px){
  body:not(.auth-locked) .product-switcher{
    gap:2px!important;
    padding:4px!important;
  }
  body:not(.auth-locked) .product-switcher button{
    min-width:40px!important;
    padding:0 7px!important;
    font-size:11px!important;
  }
}

/* Product identity icons: keep every service/site icon pinned to the left edge. */
body:not(.auth-locked) .service-product-icon{
  width:22px!important;
  height:22px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body:not(.auth-locked) .platform-catalog-panel .service-board-item{
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 12px!important;
}
body:not(.auth-locked) .service-board-icon{
  position:relative!important;
  width:44px!important;
  height:44px!important;
  grid-row:1!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(76,233,255,.24)!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 35% 25%,rgba(76,233,255,.25),transparent 58%),
    rgba(76,233,255,.08)!important;
  color:var(--cyan)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body:not(.auth-locked) .service-board-icon i{
  position:absolute!important;
  right:-5px!important;
  bottom:-5px!important;
  min-width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:8px!important;
  background:#08111f!important;
  color:rgba(248,251,255,.76)!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:950!important;
  line-height:1!important;
}
body:not(.auth-locked) .service-board-copy{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}
body:not(.auth-locked) .service-board-copy b,
body:not(.auth-locked) .service-board-copy small{
  min-width:0!important;
}
body:not(.auth-locked) .service-board-item.active .service-board-icon,
body:not(.auth-locked) .service-board-item:hover .service-board-icon{
  border-color:rgba(223,255,87,.34)!important;
  color:#eaff9b!important;
  background:
    radial-gradient(circle at 35% 25%,rgba(223,255,87,.28),transparent 58%),
    rgba(76,233,255,.12)!important;
}
body:not(.auth-locked) .service-preview-title,
body:not(.auth-locked) .service-modal-title{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}
body:not(.auth-locked) .service-preview-icon,
body:not(.auth-locked) .service-modal-icon,
body:not(.auth-locked) .platform-project-icon{
  flex:0 0 auto!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(76,233,255,.24)!important;
  border-radius:14px!important;
  background:rgba(76,233,255,.08)!important;
  color:var(--cyan)!important;
}
body:not(.auth-locked) .service-modal-title{
  margin-bottom:10px!important;
}
body:not(.auth-locked) .service-modal-title > span:last-child{
  color:var(--cyan)!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
body:not(.auth-locked) .platform-modal-projects span{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
}
body:not(.auth-locked) .platform-modal-projects .platform-project-icon{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
}
body:not(.auth-locked) .product-tile{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  column-gap:16px!important;
  align-items:start!important;
}
body:not(.auth-locked) .product-tile > .tile-icon{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  width:48px!important;
  height:48px!important;
  padding:11px!important;
  border:1px solid rgba(76,233,255,.24)!important;
  border-radius:16px!important;
  background:rgba(76,233,255,.08)!important;
  color:var(--cyan)!important;
  box-sizing:border-box!important;
}
body:not(.auth-locked) .product-tile > span,
body:not(.auth-locked) .product-tile > h3,
body:not(.auth-locked) .product-tile > p,
body:not(.auth-locked) .product-tile > .tile-link,
body:not(.auth-locked) .product-tile > .service-detail-button{
  grid-column:2!important;
  min-width:0!important;
}
body:not(.auth-locked) .product-tile > span{
  margin-top:0!important;
}
body:not(.auth-locked) .product-tile > h3{
  margin-top:8px!important;
}
body:not(.auth-locked) .product-tile > .tile-link,
body:not(.auth-locked) .product-tile > .service-detail-button{
  justify-self:start!important;
}
@media(max-width:620px){
  body:not(.auth-locked) .platform-catalog-panel .service-board-item{
    grid-template-columns:44px minmax(0,1fr)!important;
  }
  body:not(.auth-locked) .service-board-icon{
    width:40px!important;
    height:40px!important;
  }
  body:not(.auth-locked) .product-tile{
    grid-template-columns:46px minmax(0,1fr)!important;
    column-gap:13px!important;
  }
  body:not(.auth-locked) .product-tile > .tile-icon{
    width:42px!important;
    height:42px!important;
    padding:9px!important;
  }
}

/* Top service tabs: product icon sits on the left side of every web tab. */
body:not(.auth-locked) .top-dock .dock-service-nav{
  justify-content:flex-start!important;
  padding-inline:2px!important;
  scroll-padding-inline:2px!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav a{
  min-width:max-content!important;
  padding:0 clamp(8px,.62vw,10px)!important;
  gap:6px!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav a .nav-icon{
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  order:-1!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-service-link="link"][data-service-path*="overstudio"] .nav-icon{
  color:#d8c6ff!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-service-path*="overnet"] .nav-icon{
  color:#8df4ff!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-service-link="overdesk"] .nav-icon,
body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-service-link="overview"] .nav-icon{
  color:#9fb7ff!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-service-kind]{
  border:1px solid rgba(255,255,255,.075)!important;
  background:rgba(255,255,255,.028)!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-service-kind="web"]{
  border-color:rgba(76,233,255,.14)!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-service-kind="program"]{
  border-color:rgba(245,158,11,.16)!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-service-kind]::after{
  content:attr(data-service-kind-label)!important;
  display:inline-grid!important;
  place-items:center!important;
  height:16px!important;
  min-width:24px!important;
  padding:0 5px!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(248,251,255,.62)!important;
  font-family:var(--font-mono,ui-monospace,Menlo,monospace)!important;
  font-size:8px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:0!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-service-kind="web"]::after{
  color:rgba(143,243,255,.82)!important;
  background:rgba(76,233,255,.1)!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-service-kind="program"]::after{
  color:rgba(255,207,138,.86)!important;
  background:rgba(245,158,11,.11)!important;
}
body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-focus-service="OverProtect"] .nav-icon{
  color:#ffc66d!important;
}
@media(max-width:760px){
  body:not(.auth-locked) .top-dock .dock-service-nav a{
    padding:0 8px!important;
  }
  body:not(.auth-locked) .top-dock .dock-service-nav a .nav-icon{
    flex-basis:14px!important;
    width:14px!important;
    height:14px!important;
  }
  body:not(.auth-locked) .top-dock .dock-service-nav .nav-service-link[data-service-kind]::after{
    display:none!important;
    content:none!important;
  }
}
@media(max-width:430px){
  body:not(.auth-locked) .top-dock .dock-service-nav a{
    width:32px!important;
    min-width:32px!important;
    padding:0!important;
  }
}

.native-proof-gap-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.native-proof-gap{
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(255,255,255,.045);
  padding:10px 11px;
}
.native-proof-gap span{
  display:block;
  color:var(--cyan);
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.native-proof-gap strong{
  display:block;
  margin:5px 0 3px;
  color:#fff;
  font-size:13px;
  line-height:1.35;
}
.native-proof-gap small,
.native-proof-gap em{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-style:normal;
  line-height:1.45;
}
.native-proof-gap em{
  margin-top:4px;
}