:root{--bg:#08090b;--bg2:#0b0c0f;--panel:#0f1014;--panel2:#121419;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.14);--text:#f5f5f6;--muted:#9a9ca4;--muted2:#6f727a;--white:#fff;--shell:1180px;--radius:16px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.018em;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.section-pad{padding:112px 0}.site-header{height:64px;position:sticky;top:0;z-index:1000;background:rgba(8,9,11,.82);border-bottom:1px solid rgba(255,255,255,.045);backdrop-filter:blur(18px) saturate(120%)}.header-inner{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{justify-self:start;width:29px;height:31px;display:grid;place-items:center}.brand img{width:28px;height:28px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:4px}.nav-trigger{border:0;background:transparent;padding:9px 12px;border-radius:8px;font-size:13px;color:#d6d6d9;cursor:pointer;transition:.18s}.nav-trigger:hover,.nav-trigger[aria-expanded="true"]{background:rgba(255,255,255,.055);color:#fff}.nav-trigger span{color:#72757e;font-size:11px;margin-left:3px}.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}.header-ghost{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#aeb0b6;font-size:19px}.header-ghost:hover{background:rgba(255,255,255,.05);color:#fff}.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:520;transition:.2s var(--ease);border:1px solid var(--line2)}.pill:hover{transform:translateY(-1px)}.pill-dark{background:#111216;color:#ececef}.pill-dark:hover{background:#17181d}.pill-light{background:#f5f5f6;color:#101114;border-color:#f5f5f6}.pill-light:hover{background:#fff}.mobile-menu-button{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:#101115;align-items:center;justify-content:center;gap:5px;flex-direction:column}.mobile-menu-button span{display:block;width:16px;height:1px;background:#e8e8ea}.menu-layer{position:absolute;left:0;right:0;top:64px;z-index:999}.menu-layer[hidden]{display:none}.menu-popover{margin:10px auto 0;background:rgba(14,15,18,.98);border:1px solid var(--line2);box-shadow:0 24px 70px rgba(0,0,0,.45);border-radius:14px;padding:18px;display:grid;gap:20px;animation:menuIn .16s var(--ease)}.menu-wide{width:min(850px,calc(100% - 40px));grid-template-columns:repeat(4,1fr)}.menu-medium{width:min(680px,calc(100% - 40px));grid-template-columns:repeat(3,1fr)}.menu-compact{width:300px;margin-left:auto;margin-right:max(24px,calc((100% - var(--shell))/2));gap:4px}.menu-column{min-width:0}.menu-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#686b74;margin:3px 7px 8px}.menu-column a,.menu-compact a{display:block;padding:7px;border-radius:7px;font-size:13px;color:#c7c8cd;transition:.15s}.menu-column a:hover,.menu-compact a:hover{background:rgba(255,255,255,.055);color:#fff}.menu-compact a{display:flex;justify-content:space-between;padding:10px}.menu-footer-link{grid-column:1/-1;border-top:1px solid var(--line);padding:14px 7px 2px!important;margin-top:2px;font-size:12px!important;color:#8e9199!important}.menu-footer-link span{float:right}@keyframes menuIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.mobile-drawer{display:none}.hero{padding-top:104px!important;overflow:hidden;background:radial-gradient(800px 430px at 50% 32%,rgba(255,255,255,.035),transparent 70%)}.hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}.signal{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);padding:6px 9px;border-radius:999px;color:#8e9199;font-size:11px;margin-bottom:28px;background:rgba(255,255,255,.018)}.signal span{width:6px;height:6px;border-radius:50%;background:#cfd1d5;box-shadow:0 0 12px rgba(255,255,255,.4)}h1{font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-.058em;font-weight:520;margin:0;max-width:980px}h1 em{font-style:normal;color:#8d8f96}.hero-copy>p{max-width:650px;color:#9c9ea5;font-size:17px;line-height:1.6;margin:24px 0 0}.hero-buttons{display:flex;align-items:center;gap:22px;margin-top:30px}.plain-link{display:inline-flex;align-items:center;gap:10px;color:#d7d8dc;font-size:13px}.plain-link:hover{color:#fff}.product-stage{margin-top:74px;position:relative}.stage-glow{position:absolute;left:50%;top:-75px;transform:translateX(-50%);width:80%;height:180px;background:radial-gradient(ellipse,rgba(255,255,255,.08),transparent 67%);filter:blur(12px);pointer-events:none}.stage-window{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:16px 16px 0 0;background:linear-gradient(180deg,#111216,#0c0d10);box-shadow:0 -20px 80px rgba(255,255,255,.025),0 30px 100px rgba(0,0,0,.55);overflow:hidden;min-height:590px}.stage-topbar{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 15px;gap:16px}.stage-logo{width:25px;height:25px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;background:#15161b}.stage-logo img{width:16px}.stage-tabs{display:flex;gap:2px}.stage-tabs button{border:0;background:transparent;color:#777a82;padding:7px 10px;border-radius:7px;font-size:11px;cursor:pointer}.stage-tabs button.active{background:#1a1b20;color:#e5e5e8}.stage-status{margin-left:auto;font-size:10px;color:#747780;display:flex;align-items:center;gap:6px}.stage-status i{width:6px;height:6px;border-radius:50%;background:#aab0aa}.stage-body{display:grid;grid-template-columns:180px 1fr;min-height:535px}.stage-sidebar{border-right:1px solid var(--line);padding:18px 10px;display:flex;flex-direction:column;gap:2px}.stage-sidebar button{border:0;background:transparent;color:#777a82;text-align:left;padding:8px 10px;border-radius:7px;font-size:11px}.stage-sidebar button.active{background:#17181d;color:#dddde0}.stage-side-title{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#555860;padding:5px 10px 7px}.stage-side-second{margin-top:17px}.stage-content{padding:30px 32px 36px;background:radial-gradient(700px 300px at 62% 0%,rgba(255,255,255,.025),transparent 65%)}.stage-content-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px}.stage-content-head h3{font-size:22px;font-weight:510;margin:5px 0 0;letter-spacing:-.03em}.micro{font-size:9px;letter-spacing:.12em;color:#5e6169}.stage-badge{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#757981;font-size:9px}.stage-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.stage-card{border:1px solid var(--line);background:#111216;border-radius:11px;padding:17px;min-height:150px}.stage-card-wide{min-height:210px}.mini-head{display:flex;justify-content:space-between;font-size:10px;color:#6e7179;margin-bottom:18px}.service-list{display:flex;flex-direction:column}.service-list div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid rgba(255,255,255,.055);font-size:11px;color:#b1b3b8}.service-list i{width:6px;height:6px;border-radius:50%;background:#969b95}.service-list b{font-weight:500;color:#777b83;font-size:10px}.metric{display:block;font-size:37px;font-weight:500;letter-spacing:-.05em;margin-top:28px}.spark{height:48px;display:flex;align-items:flex-end;gap:4px;margin-top:14px}.spark span{width:100%;background:#4e5158;border-radius:3px 3px 0 0}.spark span:nth-child(1){height:22%}.spark span:nth-child(2){height:42%}.spark span:nth-child(3){height:35%}.spark span:nth-child(4){height:67%}.spark span:nth-child(5){height:54%}.spark span:nth-child(6){height:82%}.spark span:nth-child(7){height:72%}.shield-ui{font-size:54px;color:#7b7e85;text-align:center;margin:19px 0 8px}.stage-card p{font-size:10px;color:#666a72;text-align:center}.activity div{display:grid;grid-template-columns:48px 1fr;border-top:1px solid rgba(255,255,255,.055);padding:10px 0;align-items:center}.activity span{font-size:9px;color:#585b63}.activity p{text-align:left;font-size:10px;color:#9b9ea5}.partner-band{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:104px;display:flex;align-items:center;background:#090a0c}.partner-track{display:flex;width:max-content;animation:marquee 34s linear infinite}.partner-set{display:flex;align-items:center;gap:64px;padding-right:64px}.partner-set img{width:95px;height:34px;object-fit:contain;filter:grayscale(1) brightness(2.15) contrast(.55);opacity:.55}.partner-track:hover{animation-play-state:paused}.partner-fade{position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.partner-fade.left{left:0;background:linear-gradient(90deg,#090a0c,transparent)}.partner-fade.right{right:0;background:linear-gradient(-90deg,#090a0c,transparent)}@keyframes marquee{to{transform:translateX(-50%)}}.split-heading{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start}.split-heading>span{font-size:12px;color:#696c74;padding-top:8px}.split-heading h2,.story-copy h2,.microsoft-grid h2,.final-card h2{font-size:clamp(34px,4.4vw,55px);line-height:1.05;font-weight:500;letter-spacing:-.045em;margin:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:70px;border-top:1px solid var(--line);padding-top:26px}.principles article>span{font-size:10px;color:#555860}.principles h3{font-size:16px;font-weight:500;margin:22px 0 9px}.principles p{color:#858890;font-size:13px;line-height:1.65;margin:0}.story{border-top:1px solid var(--line)}.story-dark{background:#0a0b0e}.story-grid{display:grid;grid-template-columns:.8fr 1.35fr;gap:90px;align-items:center}.story-reverse{grid-template-columns:1.35fr .8fr}.story-copy{max-width:440px}.chapter{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#666a72;margin-bottom:18px}.story-copy p{font-size:15px;line-height:1.7;color:#8d9098;margin:22px 0 25px}.story-surface{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#111216,#0c0d10);min-height:430px;box-shadow:0 22px 70px rgba(0,0,0,.3);overflow:hidden}.surface-head,.migration-head{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px;color:#8c8f97}.surface-head small,.migration-head small{font-size:9px;color:#555860}.product-rows{padding:14px}.product-rows a{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:17px 13px;border-bottom:1px solid rgba(255,255,255,.055);border-radius:9px;transition:.16s}.product-rows a:hover{background:rgba(255,255,255,.035)}.product-rows a:last-child{border-bottom:0}.row-icon{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:#83868d}.product-rows b{font-size:13px;font-weight:500;display:block}.product-rows span{font-size:10px;color:#666a72;display:block;margin-top:5px}.product-rows i{font-style:normal;color:#747780}.solution-surface{display:grid;place-items:center}.solution-canvas{width:100%;height:100%;min-height:430px;position:relative;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.045),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.center-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:#17181d;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(255,255,255,.015)}.center-mark img{width:35px}.flow-line{position:absolute;left:18%;right:18%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#4f5158 18%,#6b6e75 50%,#4f5158 82%,transparent)}.solution-node{position:absolute;width:170px;padding:14px;border:1px solid var(--line);border-radius:11px;background:rgba(15,16,20,.92)}.solution-node small{font-size:8px;color:#555860;text-transform:uppercase;letter-spacing:.1em}.solution-node b{font-size:11px;font-weight:500;display:block;margin:5px 0}.solution-node span{font-size:9px;color:#6d7078}.n1{left:8%;top:14%}.n2{right:7%;top:15%}.n3{left:9%;bottom:14%}.n4{right:7%;bottom:14%}.compact-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0}.compact-list span{font-size:11px;color:#93969d;border-top:1px solid var(--line);padding-top:10px}.migration-surface{min-height:390px}.migration-flow{display:grid;grid-template-columns:1fr .8fr 1fr;align-items:center;min-height:270px;padding:28px}.migration-source,.migration-target{border:1px solid var(--line);border-radius:11px;padding:16px;background:#101115}.migration-source small,.migration-target small{font-size:9px;color:#5f6269;text-transform:uppercase;letter-spacing:.1em}.migration-source div,.migration-target div{font-size:11px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.migration-source div:last-child{border-bottom:0}.migration-target span{display:block;font-size:9px;color:#686b73;margin-top:10px}.migration-middle{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.migration-middle span{color:#60636b}.migration-middle .migration-lockup{width:132px;height:auto;display:block;filter:brightness(1) contrast(1.02)}.migration-middle small{font-size:8px;color:#5f6269}.migration-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-top:1px solid var(--line);background:var(--line)}.migration-checks span{background:#0f1014;text-align:center;padding:14px 8px;font-size:9px;color:#6f7279}.microsoft-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0b0c0f,#090a0c)}.microsoft-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}.microsoft-grid>p{margin:30px 0 0;color:#8b8e96;font-size:15px;line-height:1.7}.ms-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:25px}.ms-chips span{font-size:11px;color:#9699a0;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:#0e0f12}.microsoft-grid>.plain-link{grid-column:1/-1}.process{border-bottom:1px solid var(--line)}.process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:62px;position:relative}.process-line:before{content:"";position:absolute;top:17px;left:4%;right:4%;height:1px;background:var(--line)}.process-line article{position:relative;padding-right:22px}.process-line i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #45484f;background:#0b0c0f;font-size:9px;color:#979aa1;position:relative;z-index:1}.process-line b{display:block;font-size:12px;font-weight:500;margin:18px 0 6px}.process-line p{margin:0;color:#6f7279;font-size:11px}.resources{background:#090a0c}.resource-list{margin-top:58px;border-top:1px solid var(--line)}.resource-list a{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:40px;padding:25px 4px;border-bottom:1px solid var(--line);transition:.16s}.resource-list a:hover{padding-left:12px}.resource-list small{display:block;color:#5f6269;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}.resource-list b{font-size:14px;font-weight:500}.resource-list p{margin:0;color:#777a82;font-size:12px}.final-cta{padding-bottom:90px!important}.final-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#111216,#0b0c0f);padding:64px}.final-card h2{max-width:760px}.final-card>p{color:#858890;font-size:14px;margin:20px 0 28px}.final-card>div:last-child{display:flex;align-items:center;gap:22px}.final-orbit{position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.1);right:-190px;top:-280px;box-shadow:inset 0 0 80px rgba(255,255,255,.025)}.footer{border-top:1px solid var(--line);padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:50px}.footer-brand img{width:36px;height:36px;margin-bottom:17px}.footer-brand p{margin:0;color:#70737a;font-size:11px;line-height:1.6}.footer-grid>div>b{display:block;font-size:11px;font-weight:500;margin-bottom:13px}.footer-grid a{display:block;font-size:10px;color:#73767e;line-height:2}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;color:#54575e;font-size:9px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}
@media(max-width:980px){.section-pad{padding:88px 0}.desktop-nav{display:none}.header-inner{grid-template-columns:1fr auto}.header-actions{grid-column:2}.header-ghost,.header-actions>.pill{display:none}.mobile-menu-button{display:flex}.mobile-drawer{position:absolute;top:64px;left:0;right:0;background:rgba(10,11,14,.98);border-bottom:1px solid var(--line);padding:12px 0 20px}.mobile-drawer[hidden]{display:none}.mobile-drawer:not([hidden]){display:block}.mobile-drawer-inner{width:min(calc(100% - 32px),var(--shell));margin:auto}.mobile-drawer details{border-bottom:1px solid var(--line);padding:2px 0}.mobile-drawer summary{list-style:none;padding:14px 2px;font-size:14px;cursor:pointer}.mobile-drawer summary::-webkit-details-marker{display:none}.mobile-drawer a:not(.mobile-cta){display:block;padding:8px 12px;color:#898c94;font-size:12px}.mobile-cta{margin-top:18px;width:100%}.story-grid,.story-reverse{grid-template-columns:1fr;gap:50px}.story-copy{max-width:620px}.story-reverse .story-copy{order:-1}.split-heading{grid-template-columns:1fr;gap:16px}.principles{gap:24px}.process-line{grid-template-columns:repeat(3,1fr);row-gap:38px}.process-line:before{display:none}.footer-grid{grid-template-columns:1.3fr repeat(2,1fr);row-gap:36px}.stage-window{min-height:540px}.stage-body{grid-template-columns:145px 1fr}.stage-content{padding:25px 20px}.microsoft-grid{grid-template-columns:1fr;gap:22px}.microsoft-grid>p{margin:0}}
@media(max-width:680px){.shell{width:min(calc(100% - 28px),var(--shell))}.section-pad{padding:72px 0}.hero{padding-top:76px!important}.signal{margin-bottom:22px}h1{font-size:42px;line-height:1.04}.hero-copy>p{font-size:15px}.hero-buttons{flex-direction:column;gap:15px;width:100%}.hero-buttons .pill{width:100%}.product-stage{margin-top:52px;width:100%;padding:0 14px}.stage-window{min-height:auto;border-radius:13px}.stage-topbar{height:48px}.stage-tabs button:nth-child(n+3){display:none}.stage-status{display:none}.stage-body{display:block}.stage-sidebar{display:none}.stage-content{padding:20px 14px}.stage-content-head h3{font-size:17px}.stage-badge{display:none}.stage-grid{grid-template-columns:1fr}.stage-card{min-height:125px}.stage-card-wide{min-height:190px}.stage-grid .stage-card:nth-child(3){display:none}.partner-band{height:86px}.partner-set{gap:44px;padding-right:44px}.partner-set img{width:76px;height:28px}.partner-fade{width:55px}.principles{grid-template-columns:1fr;margin-top:45px}.story-surface{min-height:360px}.solution-canvas{min-height:380px}.solution-node{width:130px;padding:11px}.n1{left:5%;top:10%}.n2{right:5%;top:10%}.n3{left:5%;bottom:10%}.n4{right:5%;bottom:10%}.center-mark{width:58px;height:58px}.center-mark img{width:27px}.migration-flow{grid-template-columns:1fr;padding:18px;gap:12px}.migration-middle{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px 12px}.migration-middle .migration-lockup{width:116px}.migration-middle small{display:none}.migration-checks{grid-template-columns:1fr 1fr}.compact-list{grid-template-columns:1fr}.process-line{grid-template-columns:1fr 1fr}.resource-list a{grid-template-columns:1fr auto;gap:14px}.resource-list p{grid-column:1/-1;grid-row:2}.final-card{padding:38px 24px}.final-card>div:last-child{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.partner-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* V4.1 — requested brand/menu refinements */
.brand{width:auto;height:34px;display:flex;align-items:center;justify-self:start}
.brand img{width:auto;height:34px;max-width:165px;object-fit:contain}
.footer-brand img{width:auto;height:44px;max-width:215px;margin-bottom:17px;object-fit:contain}
.stage-logo span{font-size:14px;color:#a8abb2;line-height:1}
.center-mark span{font-size:31px;color:#bbbfc6;line-height:1;font-weight:300}
.menu-layer .menu-popover{position:absolute;top:10px;margin:0!important;transform:none!important}
.menu-layer[data-panel="contact"] .menu-popover{margin:0!important}
@media(max-width:680px){.brand img{height:31px;max-width:145px}.footer-brand img{height:40px;max-width:190px}}


/* V4.3 — submenu navigation fix
   The popover now touches the header (no hover gap) and remains interactive
   while the pointer moves from the menu trigger into the submenu. */
.menu-layer .menu-popover{
  top:0!important;
  pointer-events:auto;
}
.nav-trigger{
  position:relative;
  z-index:2;
}


/* ================================
   V4.5 — Internal product pages
   ================================ */
.detail-page{background:radial-gradient(760px 420px at 50% 13%,rgba(255,255,255,.035),transparent 70%),var(--bg)}
.detail-hero{padding:118px 0 84px;border-bottom:1px solid var(--line);overflow:hidden}
.detail-hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}
.detail-hero-copy .chapter{margin-bottom:22px}
.detail-hero h1{max-width:900px;font-size:clamp(46px,6vw,74px)}
.detail-hero p{max-width:660px;color:#9699a1;font-size:16px;line-height:1.7;margin:24px 0 0}
.detail-actions{display:flex;align-items:center;gap:22px;margin-top:30px}
.detail-stage{margin-top:76px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(180deg,#111216,#0b0c0f);box-shadow:0 28px 100px rgba(0,0,0,.45);overflow:hidden}
.license-top{height:55px;border-bottom:1px solid var(--line);padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#8c8f97;font-size:11px}
.license-top small{font-size:9px;color:#565961}
.license-layout{display:grid;grid-template-columns:210px 1fr;min-height:450px}
.license-nav{border-right:1px solid var(--line);padding:19px 12px}
.license-nav span{display:block;color:#555961;font-size:9px;text-transform:uppercase;letter-spacing:.13em;padding:6px 10px 9px}
.license-nav a{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;color:#797c84;font-size:11px}
.license-nav a.active,.license-nav a:hover{background:#17181d;color:#e1e2e5}
.license-content{padding:30px 32px 34px;background:radial-gradient(600px 280px at 70% 0%,rgba(255,255,255,.026),transparent 70%)}
.license-content-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}
.license-content-head h3{font-size:22px;font-weight:510;margin:6px 0 0;letter-spacing:-.03em}
.status-pill{font-size:9px;color:#7c8088;border:1px solid var(--line);border-radius:999px;padding:6px 9px;white-space:nowrap}
.license-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}
.license-panel{border:1px solid var(--line);border-radius:11px;background:#101115;padding:17px;min-height:160px}
.license-panel.wide{grid-row:span 2;min-height:334px}
.panel-label{display:flex;justify-content:space-between;color:#62656d;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
.license-product{padding:13px 0;border-top:1px solid rgba(255,255,255,.055);display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center}
.license-product i{width:6px;height:6px;border-radius:50%;background:#979c97}
.license-product b{font-size:11px;font-weight:500;color:#bfc1c6}
.license-product span{font-size:9px;color:#60636a}
.big-number{font-size:43px;letter-spacing:-.06em;font-weight:500;display:block;margin:25px 0 7px}
.muted-copy{font-size:10px;color:#62656d;line-height:1.6}
.detail-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}
.detail-intro p{margin:0;color:#888b93;font-size:15px;line-height:1.75;max-width:610px}
.detail-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:64px;border-top:1px solid var(--line);padding-top:26px}
.detail-principles article span{font-size:10px;color:#53565e}
.detail-principles h3{font-size:16px;font-weight:500;margin:21px 0 8px}
.detail-principles p{font-size:13px;line-height:1.65;color:#80838b;margin:0}
.product-section{border-top:1px solid var(--line)}
.product-section.alt{background:#0a0b0e}
.product-split{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}
.product-split.reverse{grid-template-columns:1.18fr .82fr}
.product-copy h2{font-size:clamp(34px,4.2vw,54px);line-height:1.05;font-weight:500;letter-spacing:-.045em;margin:0}
.product-copy p{font-size:15px;line-height:1.72;color:#898c94;margin:22px 0 25px}
.product-copy ul{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.product-copy li{border-top:1px solid var(--line);padding-top:10px;font-size:11px;color:#92959d}
.product-visual{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#111216,#0c0d10);min-height:390px;padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.3)}
.stack-head{height:36px;display:flex;align-items:center;justify-content:space-between;color:#696c74;font-size:9px;border-bottom:1px solid var(--line);margin:-2px -2px 16px;padding:0 5px 13px}
.stack-list{display:flex;flex-direction:column}
.stack-item{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:15px 8px;border-bottom:1px solid rgba(255,255,255,.055)}
.stack-item:last-child{border-bottom:0}
.stack-icon{width:39px;height:39px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:#8b8e95;background:#101115}
.stack-item b{font-size:12px;font-weight:500;display:block}
.stack-item small{display:block;color:#62656d;font-size:9px;margin-top:4px}
.stack-item em{font-style:normal;font-size:9px;color:#70737a;border:1px solid var(--line);padding:5px 7px;border-radius:999px}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;height:100%}
.security-tile{border:1px solid var(--line);border-radius:11px;background:#0f1014;padding:17px;display:flex;flex-direction:column;justify-content:space-between;min-height:160px}
.security-tile small{font-size:9px;color:#5c5f67;text-transform:uppercase;letter-spacing:.1em}
.security-tile b{font-size:14px;font-weight:500}.security-tile p{font-size:10px;line-height:1.55;color:#696c74;margin:8px 0 0}
.license-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:58px;position:relative}
.license-steps:before{content:"";position:absolute;top:17px;left:5%;right:5%;height:1px;background:var(--line)}
.license-steps article{position:relative;padding-right:28px}
.license-steps i{font-style:normal;width:34px;height:34px;border-radius:50%;border:1px solid #45484f;background:#0b0c0f;display:grid;place-items:center;font-size:9px;color:#979aa1;position:relative;z-index:1}
.license-steps b{display:block;font-size:12px;font-weight:500;margin:18px 0 6px}.license-steps p{margin:0;color:#6f7279;font-size:11px;line-height:1.55}
.detail-cta{padding-bottom:90px!important}
.detail-cta-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#111216,#0b0c0f);padding:58px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;position:relative;overflow:hidden}
.detail-cta-card:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.08);right:-180px;top:-250px}
.detail-cta-card h2{font-size:clamp(31px,4vw,48px);line-height:1.07;font-weight:500;letter-spacing:-.045em;margin:0;max-width:700px;position:relative;z-index:1}
.detail-cta-card p{color:#7f828a;font-size:13px;margin:14px 0 0;position:relative;z-index:1}
.detail-cta-card .pill{position:relative;z-index:1}
@media(max-width:980px){.detail-intro,.product-split,.product-split.reverse{grid-template-columns:1fr;gap:45px}.detail-principles{grid-template-columns:1fr 1fr}.license-grid{grid-template-columns:1fr}.license-panel.wide{grid-row:auto}.license-steps{grid-template-columns:1fr 1fr}.detail-cta-card{grid-template-columns:1fr}.license-layout{grid-template-columns:160px 1fr}}
@media(max-width:680px){.detail-hero{padding:84px 0 58px}.detail-hero h1{font-size:42px}.detail-actions{width:100%;flex-direction:column}.detail-actions .pill{width:100%}.detail-stage{margin-top:48px}.license-layout{display:block}.license-nav{display:none}.license-content{padding:20px 14px}.license-content-head h3{font-size:18px}.license-grid{grid-template-columns:1fr}.detail-principles{grid-template-columns:1fr}.product-copy ul{grid-template-columns:1fr}.product-visual{min-height:auto}.security-grid{grid-template-columns:1fr}.license-steps{grid-template-columns:1fr 1fr}.detail-cta-card{padding:38px 24px}}