:root {
    --ink: #071a2f;
    --ink-2: #0a2948;
    --ink-3: #0d375f;
    --panel: #0b223c;
    --orange: #ff8a1f;
    --orange-2: #ffb13b;
    --cyan: #35d5f2;
    --green: #30cf83;
    --blue: #4aa8ff;
    --white: #fff;
    --cloud: #f4f8fc;
    --line: #dbe7f1;
    --text: #10243b;
    --muted: #61748a;
    --muted-dark: #a9bdd0;
    --danger: #d83d54;
    --shadow: 0 24px 80px rgba(5, 28, 52, .14);
    --shadow-lg: 0 40px 120px rgba(1, 15, 31, .28);
    --radius: 24px;
    --radius-sm: 14px;
    --shell: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--text);
    background: var(--white);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
body.nav-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { color: var(--ink); letter-spacing: -.035em; line-height: 1.08; }
h1 { font-size: clamp(2.8rem, 6vw, 6rem); }
h2 { font-size: clamp(2.15rem, 4vw, 4.25rem); }
h3 { font-size: clamp(1.15rem, 2vw, 1.55rem); }
::selection { color: var(--ink); background: var(--orange-2); }

.shell { width: min(calc(100% - 40px), var(--shell)); margin-inline: auto; }
.section { position: relative; padding: 112px 0; }
.section-sm { padding: 72px 0; }
.section-dark { color: var(--white); background: var(--ink); }
.section-dark h2, .section-dark h3 { color: var(--white); }
.section-soft { background: var(--cloud); }
.section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr); gap: 50px; align-items: end; margin-bottom: 54px; }
.section-heading.center { display: block; max-width: 820px; margin: 0 auto 54px; text-align: center; }
.section-heading h2 { margin-bottom: 0; }
.section-heading p { margin-bottom: 4px; color: var(--muted); font-size: 1.08rem; }
.section-dark .section-heading p { color: var(--muted-dark); }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px; color: #ca5b00; font-size: .78rem; font-weight: 850; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow::before { width: 28px; height: 2px; content: ""; background: var(--orange); }
.eyebrow.light { color: var(--orange-2); }
.kicker { color: var(--cyan); font-size: .75rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.lede { color: var(--muted); font-size: clamp(1.05rem, 1.6vw, 1.28rem); line-height: 1.75; }
.muted { color: var(--muted); }
.text-gradient { color: transparent; background: linear-gradient(100deg, var(--orange-2), var(--orange) 48%, #ff6847); -webkit-background-clip: text; background-clip: text; }

.skip-link { position: fixed; z-index: 9999; top: 12px; left: 12px; padding: 10px 16px; color: var(--white); background: var(--ink); border-radius: 10px; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid rgba(53, 213, 242, .8); outline-offset: 3px; }

.top-rail { position: relative; z-index: 80; color: #d5e5f2; background: #031120; border-bottom: 1px solid rgba(255, 255, 255, .08); font-size: .76rem; }
.top-rail-inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.top-rail-inner > span, .top-contact, .top-contact a { display: flex; align-items: center; gap: 8px; }
.top-contact { gap: 18px; }
.top-contact a { color: #c0d2e1; }
.top-contact a:hover { color: var(--orange-2); }
.status-dot { width: 7px; height: 7px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(48, 207, 131, .12); }
.icon { width: 22px; height: 22px; flex: 0 0 auto; }
.icon-xs { width: 16px; height: 16px; flex: 0 0 auto; }

.site-header { position: sticky; z-index: 70; top: 0; background: rgba(255, 255, 255, .94); border-bottom: 1px solid rgba(10, 41, 72, .08); backdrop-filter: blur(18px); transition: box-shadow .25s ease, transform .25s ease; }
.site-header.scrolled { box-shadow: 0 12px 35px rgba(8, 34, 62, .1); }
.nav-shell { min-height: 86px; display: flex; align-items: center; gap: 24px; }
.brand { min-width: 230px; display: inline-flex; align-items: center; gap: 13px; }
.brand img { width: 138px; height: auto; }
.brand-product { padding-left: 13px; border-left: 1px solid var(--line); line-height: 1.2; }
.brand-product b { display: block; color: var(--orange); font-size: .87rem; letter-spacing: .13em; }
.brand-product small { display: block; max-width: 115px; margin-top: 4px; color: var(--muted); font-size: .61rem; }
.main-nav { margin-left: auto; display: flex; align-items: center; gap: 19px; }
.main-nav a { position: relative; padding: 31px 0; color: #2a415a; font-size: .79rem; font-weight: 760; white-space: nowrap; }
.main-nav a::after { position: absolute; right: 0; bottom: 21px; left: 0; height: 2px; content: ""; background: var(--orange); transform: scaleX(0); transform-origin: right; transition: transform .25s ease; }
.main-nav a:hover, .main-nav a[aria-current="page"] { color: var(--ink); }
.main-nav a:hover::after, .main-nav a[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }
.nav-actions { display: flex; align-items: center; gap: 8px; }
.nav-toggle { display: none; width: 44px; height: 44px; place-items: center; padding: 0; color: var(--ink); background: var(--cloud); border: 1px solid var(--line); border-radius: 12px; }
.menu-close { display: none; }

.btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 20px; border: 1px solid transparent; border-radius: 13px; font-weight: 820; line-height: 1.15; cursor: pointer; transition: transform .22s ease, color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: #0d2035; background: linear-gradient(135deg, var(--orange-2), var(--orange)); box-shadow: 0 12px 30px rgba(255, 138, 31, .24); }
.btn-primary:hover { box-shadow: 0 16px 38px rgba(255, 138, 31, .33); }
.btn-ghost { color: var(--ink); background: transparent; border-color: #cbdbe8; }
.btn-ghost:hover { background: var(--cloud); }
.btn-dark { color: var(--white); background: var(--ink); }
.btn-light { color: var(--ink); background: var(--white); }
.btn-sm { min-height: 42px; padding: 10px 14px; font-size: .78rem; border-radius: 11px; }
.btn-lg { min-height: 58px; padding: 16px 25px; }
.btn-wide { width: 100%; }
.btn[disabled] { opacity: .65; cursor: wait; transform: none; }

.hero { position: relative; min-height: 760px; display: flex; align-items: center; padding: 94px 0 105px; color: var(--white); background: #06182c; overflow: hidden; }
.hero::before { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, #05172b 0%, rgba(5, 23, 43, .97) 45%, rgba(5, 23, 43, .7) 100%), url("../img/hero-command.webp") center right / cover no-repeat; }
.hero::after { position: absolute; inset: 0; content: ""; opacity: .18; background-image: linear-gradient(rgba(53, 213, 242, .16) 1px, transparent 1px), linear-gradient(90deg, rgba(53, 213, 242, .16) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to right, transparent, #000); }
.hero-glow { position: absolute; z-index: 1; width: 520px; height: 520px; top: -260px; left: 38%; background: rgba(255, 138, 31, .18); border-radius: 50%; filter: blur(90px); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .98fr) minmax(480px, 1.02fr); gap: 62px; align-items: center; }
.hero-copy h1 { max-width: 720px; margin-bottom: 25px; color: var(--white); font-size: clamp(3rem, 5vw, 5.35rem); }
.hero-copy .lede { max-width: 680px; color: #c9d9e8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 32px 0; }
.hero-note { display: flex; flex-wrap: wrap; gap: 10px 22px; color: #aac1d4; font-size: .84rem; }
.hero-note span { display: inline-flex; align-items: center; gap: 7px; }
.hero-note .icon-xs { color: var(--green); }
.signal-tag { width: fit-content; display: flex; align-items: center; gap: 10px; margin-bottom: 24px; padding: 8px 13px; color: #d6e9f5; background: rgba(3, 18, 34, .68); border: 1px solid rgba(102, 202, 234, .24); border-radius: 999px; font-size: .76rem; font-weight: 720; letter-spacing: .06em; }
.signal-tag i { width: 9px; height: 9px; background: var(--cyan); border-radius: 50%; box-shadow: 0 0 0 6px rgba(53, 213, 242, .1), 0 0 25px var(--cyan); animation: pulse 2s infinite; }

.product-stage { position: relative; perspective: 1400px; }
.product-stage::before { position: absolute; z-index: -1; inset: 13% -4% -10% 12%; content: ""; background: rgba(35, 171, 222, .2); border-radius: 50%; filter: blur(60px); }
.browser-frame { overflow: hidden; background: #edf4fa; border: 1px solid rgba(187, 222, 240, .34); border-radius: 21px; box-shadow: var(--shadow-lg); transform: rotateY(-5deg) rotateX(2deg); transition: transform .5s ease; }
.product-stage:hover .browser-frame { transform: rotateY(-2deg) rotateX(0); }
.browser-top { height: 42px; display: flex; align-items: center; gap: 7px; padding: 0 14px; background: #f9fcff; border-bottom: 1px solid #d4e4ef; }
.browser-top i { width: 9px; height: 9px; background: #ff746b; border-radius: 50%; }
.browser-top i:nth-child(2) { background: #ffbd4a; }
.browser-top i:nth-child(3) { background: #45d483; }
.browser-address { width: 48%; height: 20px; margin-left: 10px; background: #edf3f7; border-radius: 6px; }
.app-view { min-height: 470px; display: grid; grid-template-columns: 134px 1fr; color: var(--text); }
.app-side { padding: 22px 13px; color: #c2d5e4; background: #071c32; }
.app-side-logo { margin-bottom: 24px; color: var(--orange); font-weight: 900; letter-spacing: .12em; }
.app-side span { display: block; margin-bottom: 9px; padding: 8px 9px; font-size: .6rem; border-radius: 7px; }
.app-side span.active { color: var(--white); background: rgba(255, 138, 31, .2); border-left: 2px solid var(--orange); }
.app-main { padding: 20px; background: #f4f8fc; }
.app-main-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.app-main-head b { color: var(--ink); font-size: 1rem; }
.app-main-head small { color: var(--muted); }
.mini-chip { padding: 5px 9px; color: #08754a; background: #dff8ec; border: 1px solid #bfead7; border-radius: 999px; font-size: .58rem; font-weight: 800; }
.stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-bottom: 13px; }
.stat-box { min-width: 0; padding: 13px 11px; background: var(--white); border: 1px solid #dce8f1; border-radius: 11px; box-shadow: 0 5px 14px rgba(11, 49, 81, .05); }
.stat-box span { display: block; color: var(--muted); font-size: .52rem; }
.stat-box b { display: block; margin-top: 5px; color: var(--ink); font-size: .84rem; white-space: nowrap; }
.app-panels { display: grid; grid-template-columns: 1.3fr .7fr; gap: 10px; }
.app-panel { padding: 14px; background: var(--white); border: 1px solid #dce8f1; border-radius: 12px; }
.app-panel-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; color: var(--ink); font-size: .66rem; font-weight: 800; }
.bar-chart { height: 150px; display: flex; align-items: end; gap: 8px; padding-top: 18px; border-bottom: 1px solid #dce8f1; background-image: linear-gradient(#edf3f7 1px, transparent 1px); background-size: 100% 36px; }
.bar-chart i { flex: 1; height: var(--bar, 40%); background: linear-gradient(to top, #146ea8, var(--cyan)); border-radius: 5px 5px 0 0; }
.bar-chart i:nth-child(2) { --bar: 58%; }
.bar-chart i:nth-child(3) { --bar: 76%; }
.bar-chart i:nth-child(4) { --bar: 66%; }
.bar-chart i:nth-child(5) { --bar: 88%; background: linear-gradient(to top, #e56609, var(--orange-2)); }
.mini-list { display: grid; gap: 8px; }
.mini-list div { padding: 10px; background: #f5f9fc; border-radius: 8px; }
.mini-list span { display: block; color: var(--muted); font-size: .5rem; }
.mini-list b { color: var(--ink); font-size: .65rem; }
.float-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 12px 14px; color: var(--ink); background: rgba(255, 255, 255, .96); border: 1px solid #d8e8f1; border-radius: 13px; box-shadow: 0 18px 40px rgba(2, 21, 39, .24); animation: float 5s ease-in-out infinite; }
.float-card b { display: block; font-size: .74rem; }
.float-card small { display: block; color: var(--muted); font-size: .58rem; }
.float-card .icon { color: var(--orange); }
.float-one { right: -18px; bottom: 56px; }
.float-two { top: 62px; left: -35px; animation-delay: -2.2s; }

.trust-strip { position: relative; z-index: 4; margin-top: -44px; }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--white); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); }
.trust-item { min-height: 96px; display: flex; align-items: center; gap: 14px; padding: 21px 24px; border-right: 1px solid var(--line); }
.trust-item:last-child { border-right: 0; }
.trust-item .icon { color: var(--orange); }
.trust-item b, .trust-item small { display: block; }
.trust-item b { color: var(--ink); font-size: .92rem; }
.trust-item small { margin-top: 3px; color: var(--muted); font-size: .74rem; }

.flow-line { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.flow-line::before { position: absolute; top: 27px; right: 10%; left: 10%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, var(--orange), var(--cyan), transparent); }
.flow-step { position: relative; z-index: 1; text-align: center; }
.flow-step b { width: 56px; height: 56px; display: grid; place-items: center; margin: 0 auto 16px; color: var(--ink); background: var(--white); border: 2px solid var(--orange); border-radius: 50%; box-shadow: 0 9px 24px rgba(255, 138, 31, .17); }
.flow-step strong { display: block; color: var(--ink); font-size: .94rem; }
.flow-step small { display: block; margin-top: 7px; color: var(--muted); }

.bento { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }
.bento-card { position: relative; min-height: 260px; padding: 30px; overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 14px 45px rgba(7, 36, 66, .08); }
.bento-card.span-7 { grid-column: span 7; }
.bento-card.span-5 { grid-column: span 5; }
.bento-card.span-4 { grid-column: span 4; }
.bento-card.dark { color: #d4e4f0; background: var(--ink); border-color: #173b5d; }
.bento-card.dark h3 { color: var(--white); }
.bento-card.orange { color: #2f1a08; background: linear-gradient(145deg, #ffca70, var(--orange)); border: 0; }
.bento-card.orange h3 { color: #251506; }
.bento-card h3 { max-width: 440px; margin-bottom: 12px; font-size: clamp(1.5rem, 2.7vw, 2.3rem); }
.bento-card p { max-width: 560px; margin-bottom: 20px; color: var(--muted); }
.bento-card.dark p { color: #afc4d7; }
.bento-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.bento-tags span { padding: 7px 10px; color: #31516e; background: #edf4f9; border: 1px solid #d8e7f1; border-radius: 999px; font-size: .68rem; font-weight: 750; }
.dark .bento-tags span { color: #c8ddeb; background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .1); }
.orange .bento-tags span { color: #3c2209; background: rgba(255, 255, 255, .42); border-color: rgba(255, 255, 255, .44); }
.bento-visual { position: absolute; right: 22px; bottom: 18px; width: 42%; min-height: 112px; padding: 13px; background: rgba(255, 255, 255, .92); border: 1px solid rgba(31, 76, 112, .12); border-radius: 15px; box-shadow: 0 15px 34px rgba(5, 28, 50, .18); transform: rotate(-2deg); }
.bento-visual .line { height: 8px; margin-bottom: 8px; background: #dfebf3; border-radius: 5px; }
.bento-visual .line:nth-child(2) { width: 68%; }
.bento-visual .line:nth-child(3) { width: 84%; background: #ffe2bf; }
.bento-visual .visual-foot { display: flex; justify-content: space-between; margin-top: 15px; color: #33516b; font-size: .6rem; }

.module-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.module-card { position: relative; min-height: 265px; display: flex; flex-direction: column; padding: 26px; background: var(--white); border: 1px solid var(--line); border-radius: 20px; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.module-card:hover { z-index: 1; transform: translateY(-6px); border-color: #b8d5e7; box-shadow: 0 20px 50px rgba(6, 39, 69, .12); }
.module-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.module-icon { width: 46px; height: 46px; display: grid; place-items: center; color: var(--orange); background: #fff3e6; border-radius: 13px; }
.module-no { color: #a9bdcd; font-size: .78rem; font-weight: 850; letter-spacing: .13em; }
.module-card h3 { margin-bottom: 11px; }
.module-card p { margin-bottom: 22px; color: var(--muted); font-size: .91rem; }
.module-card .text-link { margin-top: auto; }
.text-link { width: fit-content; display: inline-flex; align-items: center; gap: 8px; color: #bf4e00; font-size: .82rem; font-weight: 850; }
.text-link:hover { color: var(--ink); }

.product-split { display: grid; grid-template-columns: minmax(0, .88fr) minmax(480px, 1.12fr); gap: 76px; align-items: center; }
.product-split.reverse > :first-child { order: 2; }
.feature-list { display: grid; gap: 13px; margin: 28px 0 32px; }
.feature-item { display: grid; grid-template-columns: 36px 1fr; gap: 13px; align-items: start; }
.feature-item > span { width: 34px; height: 34px; display: grid; place-items: center; color: #05754a; background: #dff8eb; border-radius: 10px; }
.feature-item b { display: block; margin: 2px 0 4px; color: var(--ink); }
.feature-item small { color: var(--muted); font-size: .88rem; }
.section-dark .feature-item b { color: var(--white); }
.section-dark .feature-item small { color: var(--muted-dark); }

.ui-window { position: relative; padding: 14px; background: #eaf2f8; border: 1px solid #cfe0eb; border-radius: 23px; box-shadow: var(--shadow); }
.ui-window::before { height: 26px; display: block; content: "•••"; padding-left: 8px; color: #91a8ba; font-size: 22px; letter-spacing: 4px; line-height: 12px; }
.ui-screen { min-height: 420px; padding: 25px; background: #f9fcfe; border-radius: 15px; overflow: hidden; }
.ui-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.ui-head h3 { margin: 0; font-size: 1.15rem; }
.ui-head small { color: var(--muted); }
.ui-button { padding: 7px 11px; color: var(--white); background: var(--ink-2); border-radius: 8px; font-size: .65rem; font-weight: 800; }
.ui-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 15px; }
.ui-card { padding: 14px; background: var(--white); border: 1px solid #dce8f0; border-radius: 11px; }
.ui-card small { display: block; color: var(--muted); font-size: .58rem; }
.ui-card strong { display: block; margin-top: 5px; color: var(--ink); }
.ui-table { background: var(--white); border: 1px solid #dce8f0; border-radius: 12px; overflow: hidden; }
.ui-row { min-height: 42px; display: grid; grid-template-columns: 1.3fr .8fr .8fr .7fr; align-items: center; gap: 8px; padding: 8px 13px; border-bottom: 1px solid #e8f0f5; color: #5b7288; font-size: .62rem; }
.ui-row:last-child { border: 0; }
.ui-row.head { color: #8399aa; background: #f1f6f9; font-size: .55rem; font-weight: 800; text-transform: uppercase; }
.ui-row b { color: var(--ink); }
.status-pill { width: fit-content; padding: 4px 7px; color: #08774c; background: #ddf8eb; border-radius: 999px; font-size: .52rem; font-weight: 800; }
.status-pill.warn { color: #8d5006; background: #fff0d2; }
.ui-bars { display: flex; align-items: end; gap: 10px; height: 175px; padding: 18px 12px 0; background-image: linear-gradient(#e9f0f5 1px, transparent 1px); background-size: 100% 35px; border-bottom: 1px solid #dce8f0; }
.ui-bars i { flex: 1; height: 40%; background: linear-gradient(to top, #0e6b9d, #36d1e9); border-radius: 6px 6px 0 0; }
.ui-bars i:nth-child(2) { height: 64%; }
.ui-bars i:nth-child(3) { height: 49%; }
.ui-bars i:nth-child(4) { height: 82%; background: linear-gradient(to top, #db670b, var(--orange-2)); }
.ui-bars i:nth-child(5) { height: 70%; }
.ui-bars i:nth-child(6) { height: 91%; }

.page-hero { position: relative; padding: 92px 0 82px; color: var(--white); background: var(--ink); overflow: hidden; }
.page-hero::before { position: absolute; inset: 0; content: ""; opacity: .24; background-image: radial-gradient(circle at 84% 20%, rgba(53, 213, 242, .55), transparent 28%), radial-gradient(circle at 5% 100%, rgba(255, 138, 31, .42), transparent 26%), linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px); background-size: auto, auto, 48px 48px, 48px 48px; }
.page-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .58fr); gap: 70px; align-items: center; }
.page-hero h1 { max-width: 850px; margin-bottom: 22px; color: var(--white); font-size: clamp(2.65rem, 5vw, 5.1rem); }
.page-hero p { max-width: 760px; color: #c2d4e3; font-size: 1.12rem; }
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-bottom: 27px; color: #9eb8cc; font-size: .75rem; }
.breadcrumb a:hover { color: var(--orange-2); }
.page-orbit { position: relative; width: 290px; height: 290px; display: grid; place-items: center; margin-left: auto; border: 1px solid rgba(53, 213, 242, .24); border-radius: 50%; }
.page-orbit::before, .page-orbit::after { position: absolute; content: ""; border: 1px solid rgba(255, 255, 255, .12); border-radius: 50%; }
.page-orbit::before { inset: 34px; }
.page-orbit::after { inset: 70px; }
.orbit-core { width: 108px; height: 108px; display: grid; place-items: center; color: var(--orange-2); background: rgba(4, 21, 38, .8); border: 1px solid rgba(255, 173, 57, .3); border-radius: 32px; box-shadow: 0 0 60px rgba(255, 138, 31, .22); transform: rotate(45deg); }
.orbit-core .icon { width: 44px; height: 44px; transform: rotate(-45deg); }
.orbit-node { position: absolute; width: 12px; height: 12px; background: var(--cyan); border: 3px solid var(--ink); border-radius: 50%; box-shadow: 0 0 18px var(--cyan); animation: orbit 10s linear infinite; }
.orbit-node.two { background: var(--orange); animation-duration: 14s; animation-direction: reverse; }

.subnav { position: sticky; z-index: 40; top: 86px; background: rgba(255, 255, 255, .96); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.subnav .shell { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.subnav a { padding: 16px 13px; color: var(--muted); font-size: .78rem; font-weight: 780; white-space: nowrap; }
.subnav a:hover { color: var(--ink); }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.feature-card { padding: 27px; background: var(--white); border: 1px solid var(--line); border-radius: 19px; }
.feature-card .module-icon { margin-bottom: 22px; }
.feature-card p { margin: 0; color: var(--muted); font-size: .91rem; }
.section-dark .feature-card h3 { color: var(--ink); }
.feature-card ul { margin: 18px 0 0; padding: 0; list-style: none; }
.feature-card li { position: relative; margin-top: 8px; padding-left: 18px; color: #4f667b; font-size: .84rem; }
.feature-card li::before { position: absolute; top: .62em; left: 0; width: 6px; height: 6px; content: ""; background: var(--orange); border-radius: 50%; }

.compare-table { display: grid; grid-template-columns: 1fr 1fr; background: var(--white); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; box-shadow: var(--shadow); }
.compare-col { padding: 35px; }
.compare-col:first-child { background: #f3f7fa; border-right: 1px solid var(--line); }
.compare-col h3 { display: flex; align-items: center; gap: 10px; }
.compare-list { display: grid; gap: 11px; margin-top: 24px; }
.compare-list div { display: flex; gap: 10px; color: var(--muted); }
.compare-list .icon-xs { margin-top: 5px; color: var(--orange); }
.compare-col:last-child .compare-list .icon-xs { color: var(--green); }

.image-card { overflow: hidden; background: var(--ink); border-radius: 25px; box-shadow: var(--shadow); }
.image-card img { width: 100%; aspect-ratio: 1200 / 630; object-fit: cover; }
.image-caption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; color: #c6d7e5; font-size: .8rem; }
.image-caption b { color: var(--white); }

.security-stack { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.security-card { display: grid; grid-template-columns: 46px 1fr; gap: 16px; padding: 23px; background: var(--white); border: 1px solid var(--line); border-radius: 17px; }
.security-card .module-icon { width: 44px; height: 44px; }
.security-card h3 { margin: 2px 0 7px; font-size: 1.02rem; }
.security-card p { margin: 0; color: var(--muted); font-size: .84rem; }

.faq-wrap { max-width: 900px; margin-inline: auto; }
.faq-item { background: var(--white); border-bottom: 1px solid var(--line); }
.faq-item:first-child { border-top: 1px solid var(--line); }
.faq-item summary { position: relative; padding: 24px 52px 24px 4px; color: var(--ink); font-size: 1.02rem; font-weight: 820; cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { position: absolute; top: 23px; right: 6px; width: 27px; height: 27px; display: grid; place-items: center; content: "+"; color: var(--orange); background: #fff2e5; border-radius: 8px; font-size: 1.2rem; }
.faq-item[open] summary::after { content: "−"; }
.faq-answer { max-width: 780px; padding: 0 52px 25px 4px; color: var(--muted); }

.form-section { padding: 84px 0 110px; background: var(--cloud); }
.form-layout { display: grid; grid-template-columns: minmax(0, .65fr) minmax(560px, 1fr); gap: 50px; align-items: start; }
.form-aside { position: sticky; top: 132px; padding: 34px; color: #c8daea; background: var(--ink); border-radius: 24px; overflow: hidden; }
.form-aside::before { position: absolute; width: 230px; height: 230px; right: -100px; bottom: -100px; content: ""; background: rgba(53, 213, 242, .16); border-radius: 50%; filter: blur(30px); }
.form-aside h2 { color: var(--white); font-size: 2rem; }
.form-aside p { color: #adc2d5; }
.form-aside .feature-list { margin-bottom: 0; }
.form-aside .feature-item b { color: var(--white); }
.form-card { padding: 38px; background: var(--white); border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); }
.form-head { margin-bottom: 28px; }
.form-head h1 { margin-bottom: 12px; font-size: clamp(2rem, 4vw, 3.25rem); }
.form-head p { color: var(--muted); }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.field { display: grid; gap: 7px; }
.field.full { grid-column: 1 / -1; }
.field label, .group-label { color: var(--ink); font-size: .82rem; font-weight: 800; }
.field label span, .group-label span { color: var(--danger); }
.field input, .field select, .field textarea { width: 100%; min-height: 50px; padding: 12px 14px; color: var(--text); background: #fbfdff; border: 1px solid #cfdfea; border-radius: 11px; outline: 0; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.field textarea { min-height: 132px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { background: var(--white); border-color: var(--blue); box-shadow: 0 0 0 4px rgba(74, 168, 255, .12); }
.field small { color: var(--muted); font-size: .72rem; }
.choice-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
.choice { min-height: 45px; display: flex; align-items: center; gap: 9px; padding: 10px 12px; color: #3c566e; background: #f7fafc; border: 1px solid #dbe7ef; border-radius: 10px; cursor: pointer; }
.choice:hover { border-color: #abc9dd; }
.choice input { width: 17px; height: 17px; accent-color: var(--orange); }
.choice span { font-size: .78rem; font-weight: 700; }
.consent { grid-column: 1 / -1; display: grid; grid-template-columns: 19px 1fr; gap: 10px; align-items: start; margin-top: 4px; color: var(--muted); font-size: .78rem; }
.consent input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--orange); }
.consent a { color: #a64400; text-decoration: underline; }
.form-status { grid-column: 1 / -1; display: none; padding: 13px 15px; border-radius: 10px; font-size: .82rem; }
.form-status.show { display: block; }
.form-status.error { color: #8f2435; background: #fff0f2; border: 1px solid #f5cad1; }
.hp-field { position: absolute !important; width: 1px !important; height: 1px !important; left: -10000px !important; overflow: hidden !important; opacity: 0 !important; }
.form-submit-row { grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; margin-top: 5px; }
.form-submit-row .btn { min-width: 220px; }
.form-submit-row small { color: var(--muted); }

.success-overlay { position: fixed; z-index: 999; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(3, 17, 31, .78); backdrop-filter: blur(10px); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }
.success-overlay.show { opacity: 1; visibility: visible; }
.success-card { width: min(100%, 500px); padding: 42px; text-align: center; background: var(--white); border-radius: 24px; box-shadow: var(--shadow-lg); }
.success-mark { width: 72px; height: 72px; display: grid; place-items: center; margin: 0 auto 22px; color: #057a4c; background: #dcf8ea; border-radius: 50%; }
.success-mark .icon { width: 34px; height: 34px; }
.success-card h2 { margin-bottom: 11px; font-size: 2rem; }
.success-card p { color: var(--muted); }
.countdown { color: #b84a00; font-weight: 850; }

.thankyou-page { min-height: 70vh; display: grid; place-items: center; padding: 80px 20px; background: var(--cloud); }
.thankyou-card { width: min(100%, 680px); padding: 50px; text-align: center; background: var(--white); border: 1px solid var(--line); border-radius: 26px; box-shadow: var(--shadow); }
.thankyou-card .success-mark { margin-bottom: 24px; }
.thankyou-card h1 { font-size: clamp(2.2rem, 5vw, 4rem); }

.final-cta { position: relative; padding: 70px 0; color: #d4e3ef; background: linear-gradient(110deg, #0b2e50, #07192d 68%); overflow: hidden; }
.final-cta::after { position: absolute; width: 420px; height: 420px; right: -180px; bottom: -290px; content: ""; background: var(--orange); border-radius: 50%; filter: blur(85px); opacity: .28; }
.final-cta-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; gap: 55px; align-items: center; }
.final-cta h2 { max-width: 720px; margin-bottom: 12px; color: var(--white); font-size: clamp(2rem, 4vw, 3.5rem); }
.final-cta p { max-width: 780px; margin-bottom: 0; color: #b2c7d8; }
.cta-actions { display: flex; flex-direction: column; gap: 10px; min-width: 240px; }

.site-footer { padding: 75px 0 22px; color: #9fb4c6; background: #030f1d; }
.footer-grid { display: grid; grid-template-columns: 1.45fr .75fr .75fr 1fr; gap: 54px; }
.footer-grid h3 { margin-bottom: 19px; color: var(--white); font-size: .9rem; letter-spacing: .04em; }
.footer-grid a { width: fit-content; display: flex; align-items: center; gap: 8px; margin-bottom: 10px; color: #9fb4c6; font-size: .81rem; }
.footer-grid a:hover { color: var(--orange-2); }
.footer-brand img { width: 205px; height: auto; margin-bottom: 22px; }
.footer-brand p { max-width: 390px; font-size: .84rem; }
.footer-badges { display: flex; flex-wrap: wrap; gap: 7px; }
.footer-badges span { padding: 5px 8px; color: #b6c8d6; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); border-radius: 999px; font-size: .64rem; }
.footer-contact p { color: #7890a4; font-size: .78rem; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 56px; padding-top: 21px; border-top: 1px solid rgba(255, 255, 255, .08); font-size: .72rem; }
.footer-bottom p { margin: 0; }
.footer-bottom div { display: flex; gap: 18px; }
.footer-bottom a { margin: 0; }

.floating-actions { position: fixed; z-index: 60; right: 17px; bottom: 17px; display: flex; align-items: center; padding: 5px; color: var(--white); background: rgba(6, 27, 48, .96); border: 1px solid rgba(255, 255, 255, .14); border-radius: 999px; box-shadow: 0 12px 35px rgba(3, 17, 31, .27); backdrop-filter: blur(12px); }
.floating-actions a { min-height: 37px; display: grid; place-items: center; padding: 0 12px; border-radius: 999px; font-size: .7rem; font-weight: 820; }
.floating-actions a:first-child { color: var(--ink); background: var(--orange-2); }
.floating-actions .whatsapp { background: #0a8f56; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s ease, transform .65s ease; }
.reveal.in { opacity: 1; transform: translateY(0); }
@keyframes pulse { 50% { opacity: .55; transform: scale(.8); } }
@keyframes float { 50% { transform: translateY(-10px); } }
@keyframes orbit { from { transform: rotate(0deg) translateX(144px) rotate(0deg); } to { transform: rotate(360deg) translateX(144px) rotate(-360deg); } }

@media (max-width: 1180px) {
    .nav-actions .btn-ghost { display: none; }
    .main-nav { gap: 13px; }
    .main-nav a { font-size: .72rem; }
    .brand { min-width: 205px; }
    .brand img { width: 120px; }
    .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr); gap: 38px; }
    .app-view { grid-template-columns: 110px 1fr; }
    .float-two { left: -10px; }
}

@media (max-width: 1020px) {
    .top-contact { display: none; }
    .nav-shell { min-height: 76px; }
    .nav-toggle { display: grid; margin-left: auto; }
    .nav-actions { display: none; }
    .main-nav { position: fixed; z-index: 75; top: 110px; right: 0; bottom: 0; width: min(88vw, 390px); display: block; padding: 24px; background: var(--white); box-shadow: -25px 40px 70px rgba(5, 25, 45, .2); transform: translateX(105%); transition: transform .28s ease; }
    .main-nav a { display: block; padding: 15px 6px; font-size: .92rem; border-bottom: 1px solid var(--line); }
    .main-nav a::after { display: none; }
    .nav-open .main-nav { transform: translateX(0); }
    .nav-open .menu-open { display: none; }
    .nav-open .menu-close { display: block; }
    .hero { min-height: auto; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-copy { max-width: 800px; }
    .product-stage { max-width: 760px; margin: 5px auto 0; }
    .browser-frame { transform: none; }
    .trust-grid { grid-template-columns: repeat(2, 1fr); }
    .trust-item:nth-child(2) { border-right: 0; }
    .trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
    .product-split, .form-layout { grid-template-columns: 1fr; gap: 45px; }
    .product-split.reverse > :first-child { order: initial; }
    .form-aside { position: relative; top: auto; }
    .module-grid, .feature-grid { grid-template-columns: repeat(2, 1fr); }
    .page-hero-grid { grid-template-columns: 1fr; }
    .page-orbit { display: none; }
    .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
    .footer-contact { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .shell { width: min(calc(100% - 28px), var(--shell)); }
    .section { padding: 78px 0; }
    .section-sm { padding: 55px 0; }
    .top-rail-inner { min-height: 30px; font-size: .64rem; }
    .brand img { width: 105px; }
    .brand-product { display: none; }
    .main-nav { top: 106px; }
    .hero { padding: 70px 0 84px; }
    .hero::before { background: linear-gradient(rgba(5, 23, 43, .94), rgba(5, 23, 43, .94)), url("../img/hero-command.webp") 60% center / cover no-repeat; }
    .hero-copy h1 { font-size: clamp(2.65rem, 13vw, 4.5rem); }
    .hero-actions { display: grid; }
    .hero-actions .btn { width: 100%; }
    .app-view { min-height: 390px; grid-template-columns: 78px 1fr; }
    .app-side { padding: 15px 8px; }
    .app-side span { padding: 7px 5px; font-size: .49rem; }
    .app-main { padding: 13px; }
    .stat-strip { grid-template-columns: repeat(2, 1fr); }
    .app-panels { grid-template-columns: 1fr; }
    .app-panels .app-panel:last-child { display: none; }
    .float-card { display: none; }
    .trust-strip { margin-top: -30px; }
    .trust-item { padding: 18px 15px; }
    .trust-item b { font-size: .78rem; }
    .trust-item small { font-size: .63rem; }
    .section-heading { display: block; }
    .section-heading p { margin-top: 18px; }
    .flow-line { grid-template-columns: 1fr; gap: 14px; }
    .flow-line::before { display: none; }
    .flow-step { display: grid; grid-template-columns: 46px 1fr; gap: 13px; text-align: left; }
    .flow-step b { width: 44px; height: 44px; grid-row: span 2; margin: 0; }
    .flow-step small { margin: 0; }
    .bento { grid-template-columns: 1fr; }
    .bento-card.span-7, .bento-card.span-5, .bento-card.span-4 { grid-column: auto; }
    .bento-card { min-height: 0; padding: 25px; }
    .bento-visual { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 20px; transform: none; }
    .module-grid, .feature-grid, .security-stack { grid-template-columns: 1fr; }
    .module-card { min-height: 0; }
    .product-split { gap: 36px; }
    .ui-window { padding: 8px; border-radius: 17px; }
    .ui-screen { min-height: 360px; padding: 14px; }
    .ui-cards { grid-template-columns: repeat(2, 1fr); }
    .ui-card:last-child { grid-column: 1 / -1; }
    .ui-row { grid-template-columns: 1.2fr .8fr .7fr; }
    .ui-row > :nth-child(3) { display: none; }
    .page-hero { padding: 64px 0 60px; }
    .page-hero h1 { font-size: clamp(2.5rem, 12vw, 4.4rem); }
    .subnav { top: 76px; }
    .compare-table { grid-template-columns: 1fr; }
    .compare-col:first-child { border-right: 0; border-bottom: 1px solid var(--line); }
    .form-section { padding: 56px 0 80px; }
    .form-card, .form-aside { padding: 25px; }
    .form-grid, .choice-grid { grid-template-columns: 1fr; }
    .field.full, .choice-grid, .consent, .form-status, .form-submit-row { grid-column: auto; }
    .form-submit-row { display: grid; }
    .form-submit-row .btn { width: 100%; }
    .final-cta-grid { grid-template-columns: 1fr; gap: 30px; }
    .cta-actions { width: 100%; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px 22px; }
    .footer-brand, .footer-contact { grid-column: 1 / -1; }
    .footer-bottom { align-items: flex-start; flex-direction: column; margin-top: 38px; }
    .floating-actions { right: 9px; bottom: 9px; }
}

@media (max-width: 480px) {
    .trust-grid { grid-template-columns: 1fr; }
    .trust-item { border-right: 0; border-bottom: 1px solid var(--line); }
    .trust-item:last-child { border-bottom: 0; }
    .browser-top { height: 34px; }
    .app-view { grid-template-columns: 62px 1fr; }
    .app-side-logo { font-size: .7rem; }
    .app-side span { overflow: hidden; white-space: nowrap; }
    .ui-row { grid-template-columns: 1.2fr .8fr; }
    .ui-row > :nth-child(4) { display: none; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-brand, .footer-contact { grid-column: auto; }
    .success-card, .thankyou-card { padding: 30px 22px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .reveal { opacity: 1; transform: none; }
}

/* =========================================================
   SEA DIGITAL IK · r2 ENTERPRISE PRODUCT EXPERIENCE · 2026-09-06
   Recruitment · HR Tech · AI · Workforce Management
   ========================================================= */

.btn-glass { color: #eef7ff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); backdrop-filter: blur(12px); }
.btn-glass:hover { color: var(--white); background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.32); }
.center-actions { display:flex; justify-content:center; gap:12px; margin-top:36px; }

.hero-v2 { min-height: 830px; padding: 92px 0 120px; background: radial-gradient(circle at 82% 34%, #0d3e69 0, #071c34 35%, #041220 72%); }
.hero-v2::before { background: linear-gradient(90deg, rgba(4,18,32,.98), rgba(5,23,43,.94) 46%, rgba(6,28,50,.76)); }
.hero-v2::after { opacity: .24; background-size: 62px 62px; mask-image: linear-gradient(90deg, rgba(0,0,0,.25), #000 55%, rgba(0,0,0,.55)); }
.hero-grid-mesh { position:absolute; inset:0; z-index:0; opacity:.12; background-image: radial-gradient(circle at center, rgba(53,213,242,.85) 1px, transparent 1.3px); background-size: 24px 24px; mask-image: radial-gradient(circle at 75% 45%, #000, transparent 55%); }
.hero-orb { position:absolute; z-index:1; border-radius:50%; filter:blur(90px); pointer-events:none; }
.hero-orb-one { width:460px; height:460px; right:1%; top:1%; background:rgba(53,213,242,.14); }
.hero-orb-two { width:380px; height:380px; left:28%; bottom:-180px; background:rgba(255,138,31,.12); }
.hero-grid-v2 { grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr); gap:52px; }
.hero-v2 .hero-copy h1 { font-size:clamp(3.2rem,5.35vw,5.7rem); max-width:790px; }
.hero-v2 .hero-copy .lede { max-width:710px; font-size:clamp(1.05rem,1.45vw,1.25rem); }
.hero-proof-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-width:690px; margin-top:30px; }
.hero-proof-grid div { padding:13px 15px; background:rgba(255,255,255,.045); border:1px solid rgba(145,199,226,.14); border-radius:13px; }
.hero-proof-grid b,.hero-proof-grid small { display:block; }
.hero-proof-grid b { color:#f4faff; font-size:.8rem; }
.hero-proof-grid small { margin-top:2px; color:#91adc3; font-size:.67rem; }

.command-stage { position:relative; min-height:580px; display:flex; align-items:center; perspective:1400px; }
.command-window { position:relative; width:100%; overflow:hidden; color:#17324a; background:#edf5fa; border:1px solid rgba(185,221,240,.25); border-radius:24px; box-shadow:0 42px 120px rgba(0,9,22,.52); transform:rotateY(-4deg) rotateX(1deg); transition:.45s ease; }
.command-stage:hover .command-window { transform:rotateY(-1.5deg) rotateX(0); }
.command-bar { height:43px; display:grid; grid-template-columns:95px 1fr auto; align-items:center; padding:0 14px; color:#597188; background:#f9fcfe; border-bottom:1px solid #d6e5ee; font-size:.52rem; font-weight:850; letter-spacing:.11em; }
.command-bar > span { text-align:center; }
.command-bar > b { padding:4px 7px; color:#06794d; background:#dff8ec; border-radius:999px; font-size:.48rem; }
.window-dots { display:flex; gap:6px; }
.window-dots i { width:8px; height:8px; background:#ff6b66; border-radius:50%; }
.window-dots i:nth-child(2){background:#ffbd4a}.window-dots i:nth-child(3){background:#45d483}
.command-body { min-height:500px; display:grid; grid-template-columns:126px 1fr; }
.command-nav { padding:20px 12px; color:#9cb5c8; background:linear-gradient(180deg,#071b31,#082541); }
.command-nav strong { display:block; margin:0 8px 22px; color:var(--orange); font-size:.78rem; letter-spacing:.12em; }
.command-nav span { display:block; margin-bottom:6px; padding:8px 9px; border-radius:8px; font-size:.56rem; }
.command-nav span.active { color:#fff; background:linear-gradient(90deg,rgba(255,138,31,.2),rgba(255,138,31,.04)); border-left:2px solid var(--orange); }
.command-main { padding:19px; background:#f3f8fb; }
.command-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:15px; }
.command-head small { color:#7890a4; font-size:.52rem; letter-spacing:.12em; font-weight:800; }
.command-head h3 { margin:3px 0 0; font-size:1.05rem; }
.live-pill { padding:5px 8px; color:#08754a; background:#e0f8ed; border:1px solid #c1ead8; border-radius:999px; font-size:.48rem; font-weight:800; }
.command-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.command-kpis>div { padding:11px; background:#fff; border:1px solid #dce8f0; border-radius:11px; box-shadow:0 5px 16px rgba(11,49,81,.04); }
.command-kpis small,.command-kpis b,.command-kpis em { display:block; }
.command-kpis small { color:#8194a7; font-size:.47rem; }
.command-kpis b { margin-top:4px; color:#0a2a47; font-size:.73rem; }
.command-kpis em { margin-top:2px; color:#9aabba; font-size:.42rem; font-style:normal; }
.command-grid { display:grid; grid-template-columns:1.18fr .82fr; gap:9px; margin-top:9px; }
.command-chart-card,.ai-console { min-height:246px; padding:13px; background:#fff; border:1px solid #dbe8f0; border-radius:12px; }
.command-card-head { display:flex; align-items:center; justify-content:space-between; color:#17344d; font-size:.58rem; }
.command-card-head span { color:#8ca0b1; font-size:.45rem; }
.command-chart { height:155px; display:flex; align-items:end; gap:7px; padding:18px 2px 0; border-bottom:1px solid #dce8ef; background-image:linear-gradient(#eef4f7 1px,transparent 1px); background-size:100% 36px; }
.command-chart i { flex:1; height:43%; background:linear-gradient(180deg,#35d5f2,#197bb1); border-radius:4px 4px 0 0; }
.command-chart i:nth-child(2){height:56%}.command-chart i:nth-child(3){height:48%}.command-chart i:nth-child(4){height:69%}.command-chart i:nth-child(5){height:62%}.command-chart i:nth-child(6){height:78%}.command-chart i:nth-child(7){height:88%;background:linear-gradient(180deg,#ffb13b,#e8690d)}
.chart-legend { display:flex; gap:14px; margin-top:9px; color:#74899b; font-size:.44rem; }
.chart-legend span { display:flex; align-items:center; gap:4px; }
.chart-legend i { width:6px; height:6px; background:#28add5; border-radius:50%; }.chart-legend span:last-child i{background:var(--orange)}
.ai-console { background:linear-gradient(155deg,#081f38,#0c3254); color:#dcebf5; border-color:#174769; }
.ai-console-head { display:flex; align-items:center; gap:8px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.08); }
.ai-console-head .icon { color:#66e0f5; width:20px; }
.ai-console-head b,.ai-console-head small { display:block; }.ai-console-head b{font-size:.57rem;color:#fff}.ai-console-head small{font-size:.42rem;color:#7fa0b8}
.ai-question { margin:13px 0 10px; padding:9px 10px; color:#dbe9f4; background:rgba(255,255,255,.06); border-radius:8px; font-size:.51rem; line-height:1.5; }
.ai-answer { display:grid; gap:6px; }.ai-answer span{height:6px;background:linear-gradient(90deg,rgba(53,213,242,.55),rgba(53,213,242,.08));border-radius:99px}.ai-answer .short{width:67%}
.ai-source { margin-top:15px; color:#6e91aa; font-size:.42rem; }
.stage-chip { position:absolute; z-index:3; display:flex; align-items:center; gap:9px; padding:11px 13px; color:#0a2842; background:rgba(255,255,255,.97); border:1px solid rgba(198,226,240,.8); border-radius:13px; box-shadow:0 18px 40px rgba(0,14,29,.32); animation:float 5s ease-in-out infinite; }
.stage-chip .icon{color:var(--orange)}.stage-chip b,.stage-chip small{display:block}.stage-chip b{font-size:.68rem}.stage-chip small{color:#698095;font-size:.5rem}
.stage-chip-ai { right:-17px; bottom:39px; }.stage-chip-mobile { left:-24px; top:64px; animation-delay:-2.4s; }

.platform-rail { position:relative; z-index:5; margin-top:-48px; }
.platform-rail-grid { display:grid; grid-template-columns:repeat(6,1fr); overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:0 24px 70px rgba(5,28,52,.14); }
.platform-rail-grid>div { min-height:102px; display:flex; align-items:center; gap:11px; padding:18px 16px; border-right:1px solid var(--line); }
.platform-rail-grid>div:last-child{border-right:0}.platform-rail-grid .icon{color:var(--orange);width:20px}.platform-rail-grid b,.platform-rail-grid small{display:block}.platform-rail-grid b{font-size:.77rem}.platform-rail-grid small{color:var(--muted);font-size:.61rem}

.section-lifecycle { padding-top:125px; }
.lifecycle-track { position:relative; display:grid; grid-template-columns:repeat(8,1fr); gap:12px; }
.lifecycle-track::before { position:absolute; top:28px; left:5%; right:5%; height:2px; content:""; background:linear-gradient(90deg,var(--orange),#f6b14a,#49bfd6,var(--cyan)); opacity:.55; }
.lifecycle-node { position:relative; z-index:1; min-width:0; text-align:center; }
.lifecycle-node>span { width:56px; height:56px; display:grid; place-items:center; margin:0 auto 13px; color:#fff; background:var(--ink); border:4px solid #fff; border-radius:50%; box-shadow:0 0 0 2px var(--orange),0 10px 25px rgba(7,26,47,.15); font-size:.7rem; font-weight:900; }
.lifecycle-node>div { min-height:145px; padding:17px 10px 14px; background:#fff; border:1px solid var(--line); border-radius:16px; }
.lifecycle-node .icon{width:20px;color:var(--orange);margin:0 auto 8px}.lifecycle-node b,.lifecycle-node small{display:block}.lifecycle-node b{font-size:.76rem}.lifecycle-node small{margin-top:6px;color:var(--muted);font-size:.63rem;line-height:1.45}

.ai-section { color:#d9e9f4; background:radial-gradient(circle at 20% 20%,#153f65,#071a2f 52%,#04111e); overflow:hidden; }
.ai-section::before { position:absolute; inset:0; content:""; opacity:.11; background-image:linear-gradient(rgba(53,213,242,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(53,213,242,.22) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.ai-showcase { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(480px,.92fr); gap:78px; align-items:center; }
.ai-copy h2 { color:#fff; }.ai-copy h2 span{color:#68ddf1}.ai-copy .lede{color:#afc4d5}
.ai-principles { display:grid; gap:10px; margin:27px 0 30px; }
.ai-principles>div { display:grid; grid-template-columns:42px 1fr; gap:13px; align-items:start; padding:13px 14px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:13px; }
.ai-principles .icon{color:var(--orange-2)}.ai-principles b,.ai-principles small{display:block}.ai-principles b{color:#f4fbff;font-size:.82rem}.ai-principles small{color:#91acc0;font-size:.7rem}
.ai-chat-card { padding:18px; background:linear-gradient(160deg,#f9fcff,#eaf3f8); border:1px solid rgba(211,232,242,.9); border-radius:24px; box-shadow:0 35px 90px rgba(0,10,24,.34); }
.ai-chat-top { display:flex; align-items:center; gap:11px; padding:7px 7px 16px; border-bottom:1px solid #d8e5ed; }.ai-mark{width:38px;height:38px;display:grid;place-items:center;color:#06223d;background:linear-gradient(135deg,var(--cyan),#8bf0ff);border-radius:11px;font-size:.67rem;font-weight:950}.ai-chat-top div:nth-child(2){flex:1}.ai-chat-top b,.ai-chat-top small{display:block}.ai-chat-top b{color:#082842;font-size:.78rem}.ai-chat-top small{color:#758b9e;font-size:.6rem}.ai-chat-top>span{padding:4px 7px;color:#08754a;background:#dff8ec;border-radius:999px;font-size:.5rem;font-weight:850}
.chat-message { max-width:87%; margin:17px 0; padding:14px 15px; border-radius:14px; font-size:.75rem; line-height:1.6; }.chat-message.user{margin-left:auto;color:#fff;background:#0b3153;border-bottom-right-radius:4px}.chat-message.assistant{color:#314c64;background:#fff;border:1px solid #dce8ef;border-bottom-left-radius:4px}
.typing-line{height:7px;margin:8px 0;background:linear-gradient(90deg,#cbdde8,#edf4f8);border-radius:99px}.w96{width:96%}.w90{width:90%}.w78{width:78%}.w64{width:64%}
.insight-row{display:flex;justify-content:space-between;gap:15px;margin-top:10px;padding:9px 10px;background:#f3f8fb;border-radius:8px}.insight-row span{color:#7b91a3;font-size:.53rem}.insight-row b{color:#173d5c;font-size:.58rem}.source-pill{width:fit-content;margin-top:14px;padding:6px 8px;color:#08734a;background:#e3f8ee;border-radius:999px;font-size:.5rem;font-weight:800}.suggestion-row{display:flex;flex-wrap:wrap;gap:7px;padding-top:8px;border-top:1px solid #d8e5ed}.suggestion-row span{padding:7px 9px;color:#4b657b;background:#fff;border:1px solid #dbe8ef;border-radius:999px;font-size:.52rem}

.mobile-section { overflow:hidden; background:linear-gradient(180deg,#fff,#f5f9fc); }
.mobile-layout { display:grid; grid-template-columns:minmax(480px,.9fr) minmax(0,1fr); gap:85px; align-items:center; }
.phone-stage { position:relative; min-height:640px; }
.phone { position:absolute; width:270px; height:548px; padding:11px; background:#081726; border:1px solid #243e52; border-radius:41px; box-shadow:0 35px 70px rgba(7,26,47,.25); }
.phone-front { z-index:2; right:58px; top:30px; transform:rotate(4deg); }.phone-back { z-index:1; left:42px; top:76px; transform:rotate(-7deg) scale(.93); opacity:.94; }
.phone-notch { position:absolute; z-index:4; top:17px; left:50%; width:88px; height:22px; background:#06101a; border-radius:0 0 14px 14px; transform:translateX(-50%); }
.phone-screen { position:relative; height:100%; padding:35px 16px 16px; overflow:hidden; color:#142d44; background:linear-gradient(180deg,#f8fcff,#ecf4f8); border-radius:31px; }
.app-home-head{display:flex;align-items:center;gap:9px}.app-mini-logo{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0a3155,#0e5a89);border-radius:10px;font-size:.57rem;font-weight:950}.app-home-head div{flex:1}.app-home-head small,.app-home-head b{display:block}.app-home-head small{color:#8b9dad;font-size:.48rem}.app-home-head b{font-size:.68rem}.app-home-head i{width:8px;height:8px;background:#35cf83;border-radius:50%}
.app-home-card{margin:19px 0 14px;padding:16px;color:#fff;background:linear-gradient(135deg,#092a49,#0d4e78);border-radius:17px;box-shadow:0 15px 30px rgba(8,48,79,.18)}.app-home-card small,.app-home-card b,.app-home-card span{display:block}.app-home-card small{color:#72dff1;font-size:.46rem;letter-spacing:.12em}.app-home-card b{margin:7px 0 4px;font-size:.82rem}.app-home-card span{color:#abc4d6;font-size:.49rem}
.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.app-grid div{min-height:64px;display:grid;place-items:center;padding:8px;color:#31506a;background:#fff;border:1px solid #dce8ef;border-radius:12px;font-size:.56rem;font-weight:800;box-shadow:0 6px 15px rgba(10,47,78,.04)}.app-bottom-nav{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-around;padding:10px;background:#fff;border:1px solid #dce8ef;border-radius:15px}.app-bottom-nav i{width:17px;height:5px;background:#c2d3de;border-radius:99px}.app-bottom-nav i:first-child{background:var(--orange)}
.phone-screen-pdks { text-align:center; color:#dcebf4; background:radial-gradient(circle at 50% 35%,#11486e,#071d34 70%); }.phone-screen-pdks>.app-mini-logo{margin:4px auto 4px}.phone-screen-pdks>small{color:#86a8bf;font-size:.54rem}.geo-ring{width:158px;height:158px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:68px auto 42px;border:1px solid rgba(53,213,242,.55);border-radius:50%;box-shadow:0 0 0 18px rgba(53,213,242,.06),0 0 0 38px rgba(53,213,242,.035)}.geo-ring i{width:17px;height:17px;margin-bottom:12px;background:#35d5f2;border:5px solid #b8f3fb;border-radius:50%;box-shadow:0 0 20px #35d5f2}.geo-ring b,.geo-ring span{display:block}.geo-ring b{font-size:.72rem}.geo-ring span{margin-top:4px;color:#84a8bf;font-size:.52rem}.phone-screen-pdks button{width:100%;padding:12px;color:#0a2237;background:linear-gradient(135deg,var(--orange-2),var(--orange));border:0;border-radius:13px;font-size:.67rem;font-weight:900}
.mobile-security-badge{position:absolute;z-index:4;right:0;bottom:48px;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 20px 50px rgba(7,26,47,.18)}.mobile-security-badge .icon{color:#0c8b5b}.mobile-security-badge b,.mobile-security-badge small{display:block}.mobile-security-badge b{font-size:.7rem}.mobile-security-badge small{color:var(--muted);font-size:.55rem}
.mobile-feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:28px 0; }.mobile-feature-grid>div{display:grid;grid-template-columns:36px 1fr;gap:0 10px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.mobile-feature-grid .icon{grid-row:1/3;color:var(--orange);width:23px}.mobile-feature-grid b,.mobile-feature-grid small{display:block}.mobile-feature-grid b{font-size:.78rem}.mobile-feature-grid small{color:var(--muted);font-size:.63rem}
.store-status-row { display:flex; flex-wrap:wrap; gap:9px; }.store-badge{min-width:165px;padding:10px 13px;background:#071a2f;border:1px solid #183d5d;border-radius:11px}.store-badge span,.store-badge b{display:block}.store-badge span{color:#7f9bb1;font-size:.48rem;letter-spacing:.12em}.store-badge b{margin-top:3px;color:#fff;font-size:.66rem}.store-badge.active{background:#fff;border-color:#cddfe9}.store-badge.active span{color:#8a9daf}.store-badge.active b{color:#153650}

.analytics-board { display:grid; grid-template-columns:160px 1fr; overflow:hidden; background:#f4f8fb; border:1px solid #cfdee8; border-radius:23px; box-shadow:0 30px 80px rgba(6,35,62,.13); }
.analytics-sidebar{padding:25px 13px;color:#a7bfd1;background:#071d33}.analytics-sidebar b{display:block;margin:0 10px 20px;color:var(--orange);font-size:.72rem;letter-spacing:.12em}.analytics-sidebar span{display:block;margin-bottom:5px;padding:9px 10px;border-radius:8px;font-size:.61rem}.analytics-sidebar span.active{color:#fff;background:rgba(255,138,31,.18);border-left:2px solid var(--orange)}
.analytics-main{padding:24px}.analytics-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.analytics-head small{color:#8094a6;font-size:.54rem;letter-spacing:.13em;font-weight:850}.analytics-head h3{margin:4px 0 0;font-size:1.25rem}.period-chip{padding:7px 10px;color:#416279;background:#fff;border:1px solid #d5e4ed;border-radius:999px;font-size:.56rem;font-weight:750}
.analytics-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.analytics-kpis>div{padding:13px;background:#fff;border:1px solid #d8e5ed;border-radius:11px}.analytics-kpis span,.analytics-kpis b,.analytics-kpis small{display:block}.analytics-kpis span{color:#8a9dad;font-size:.44rem;letter-spacing:.08em}.analytics-kpis b{margin:5px 0 2px;color:#17344c;font-size:.72rem}.analytics-kpis small{color:#9aacba;font-size:.45rem}
.analytics-panels{display:grid;grid-template-columns:1.45fr .55fr;gap:10px;margin-top:10px}.trend-panel,.risk-panel{min-height:260px;padding:15px;background:#fff;border:1px solid #d8e5ed;border-radius:13px}.panel-label{display:flex;justify-content:space-between;gap:10px;font-size:.62rem}.panel-label span{color:#8da0af}.trend-panel svg{width:100%;height:205px;margin-top:7px}.risk-panel{display:flex;flex-direction:column}.risk-item{display:flex;align-items:center;gap:9px;margin-top:14px;padding:10px;background:#f5f9fb;border-radius:9px}.risk-item>i{width:8px;height:8px;flex:0 0 auto;border-radius:50%}.risk-item .high{background:#f0566e}.risk-item .medium{background:#f4a940}.risk-item .low{background:#37bd7d}.risk-item b,.risk-item small{display:block}.risk-item b{font-size:.58rem}.risk-item small{color:#8195a6;font-size:.46rem}

.workflow-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr); gap:75px; align-items:center; }.feature-list.compact{margin-bottom:0}.workflow-canvas{position:relative;min-height:510px;padding:22px;background:#f6f9fb;border:1px solid var(--line);border-radius:23px;box-shadow:0 25px 70px rgba(7,36,66,.12);overflow:hidden}.wf-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #dbe7ef}.wf-top b{font-size:.8rem}.wf-top span{padding:5px 8px;color:#08764b;background:#def8eb;border-radius:999px;font-size:.48rem;font-weight:850}.wf-lines{position:absolute;inset:65px 0 0;background-image:linear-gradient(rgba(20,95,140,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(20,95,140,.06) 1px,transparent 1px);background-size:28px 28px}.wf-node{position:absolute;z-index:2;width:180px;padding:13px 14px;background:#fff;border:1px solid #cfe0ea;border-left:4px solid var(--blue);border-radius:12px;box-shadow:0 12px 28px rgba(7,36,66,.12)}.wf-node::after{position:absolute;content:"";width:50px;height:2px;right:-51px;top:50%;background:#90b7cc}.wf-node small,.wf-node b,.wf-node span{display:block}.wf-node small{color:#7c94a6;font-size:.43rem;letter-spacing:.09em}.wf-node b{margin:5px 0 2px;font-size:.67rem}.wf-node span{color:#8297a8;font-size:.48rem}.wf-node.trigger{left:30px;top:116px;border-left-color:var(--orange)}.wf-node.approval{left:260px;top:116px}.wf-node.task{left:260px;top:282px;border-left-color:#8b72e8}.wf-node.learning{right:28px;top:282px;border-left-color:#36b879}.wf-node.notify{right:28px;top:116px;border-left-color:#35d5f2}.wf-node.notify::after,.wf-node.learning::after{display:none}.wf-node.approval::before{position:absolute;content:"";width:2px;height:103px;left:50%;bottom:-104px;background:#90b7cc}.wf-node.task::after{width:59px;right:-60px}

.capabilities-section { background:radial-gradient(circle at 80% 10%,#123f63,#071a2f 48%,#04111f); }.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.capability-card{min-height:345px;display:flex;flex-direction:column;padding:24px;background:rgba(255,255,255,.045);border:1px solid rgba(171,208,228,.12);border-radius:18px;transition:.25s ease}.capability-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.07);border-color:rgba(255,177,59,.3)}.capability-icon{width:45px;height:45px;display:grid;place-items:center;margin-bottom:18px;color:var(--orange-2);background:rgba(255,138,31,.1);border:1px solid rgba(255,177,59,.17);border-radius:12px}.capability-card>small{color:#6ebdd0;font-size:.58rem;font-weight:850;letter-spacing:.12em}.capability-card h3{margin:8px 0 9px;color:#fff;font-size:1.12rem}.capability-card p{color:#9fb7c9;font-size:.76rem}.capability-tags{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0 19px}.capability-tags span{padding:5px 7px;color:#b9ccda;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:999px;font-size:.5rem}.capability-card>a{margin-top:auto;display:flex;align-items:center;gap:7px;color:var(--orange-2);font-size:.67rem;font-weight:850}

.ecosystem-layout { display:grid; grid-template-columns:minmax(480px,.9fr) minmax(0,1fr); gap:90px; align-items:center; }.ecosystem-visual{position:relative;min-height:500px}.eco-core{position:absolute;z-index:4;left:50%;top:50%;width:160px;height:160px;display:grid;place-items:center;align-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 35% 25%,#175783,#071c32);border:1px solid #2d698f;border-radius:50%;box-shadow:0 25px 60px rgba(5,35,59,.28);transform:translate(-50%,-50%)}.eco-core span{color:var(--orange);font-size:.8rem;font-weight:950;letter-spacing:.16em}.eco-core b{font-size:1.05rem}.eco-core small{margin-top:5px;color:#90adc1;font-size:.53rem}.eco-ring{position:absolute;left:50%;top:50%;border:1px dashed #91b7ca;border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:300px;height:300px}.ring-two{width:440px;height:440px;opacity:.55}.eco-satellite{position:absolute;z-index:3;min-width:80px;padding:10px 12px;text-align:center;color:#294a64;background:#fff;border:1px solid #cfe0e9;border-radius:11px;box-shadow:0 12px 30px rgba(6,38,65,.12);font-size:.55rem;font-weight:900;letter-spacing:.08em}.sat-api{left:2%;top:42%}.sat-sso{left:19%;top:10%}.sat-webhook{right:6%;top:19%}.sat-mobile{right:0;bottom:25%}.sat-pdks{left:17%;bottom:6%}.sat-finance{right:28%;bottom:0}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.tech-tags span{padding:8px 10px;color:#3b586e;background:#f5f9fb;border:1px solid #d8e6ee;border-radius:999px;font-size:.68rem;font-weight:800}

.security-pillars { display:grid; grid-template-columns:repeat(5,1fr); overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:0 20px 55px rgba(6,36,65,.08); }.security-pillars>div{min-height:170px;padding:24px;border-right:1px solid var(--line)}.security-pillars>div:last-child{border-right:0}.security-pillars .icon{color:var(--orange);margin-bottom:19px}.security-pillars b,.security-pillars small{display:block}.security-pillars b{font-size:.82rem}.security-pillars small{margin-top:6px;color:var(--muted);font-size:.68rem}

.demo-premium { padding:92px 0; background:#071a2f; }.demo-premium-card{position:relative;padding:55px;color:#d7e6f0;background:linear-gradient(135deg,#0c3153,#071b31 64%,#0b2945);border:1px solid #214a6a;border-radius:28px;overflow:hidden}.demo-premium-card::after{position:absolute;width:420px;height:420px;right:-170px;bottom:-250px;content:"";background:rgba(255,138,31,.25);border-radius:50%;filter:blur(60px)}.demo-premium-card>div{position:relative;z-index:1}.demo-premium-card h2{max-width:920px;color:#fff;font-size:clamp(2rem,4vw,3.7rem)}.demo-premium-card p{max-width:850px;color:#aec4d5}.demo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.demo-steps>div{padding:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:14px}.demo-steps span,.demo-steps b,.demo-steps small{display:block}.demo-steps span{color:var(--orange-2);font-size:.58rem;font-weight:900}.demo-steps b{margin:5px 0 3px;color:#fff;font-size:.82rem}.demo-steps small{color:#8facbf;font-size:.64rem}.demo-premium-actions{display:flex;flex-wrap:wrap;gap:10px}

/* New product detail pages */
.subhero { position:relative; min-height:650px; display:flex; align-items:center; padding:95px 0 105px; color:#fff; background:radial-gradient(circle at 78% 40%,#12456e,#071a2f 49%,#04111e); overflow:hidden; }
.subhero::after{position:absolute;inset:0;content:"";opacity:.16;background-image:linear-gradient(rgba(53,213,242,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(53,213,242,.15) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000)}
.subhero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);gap:75px;align-items:center}.subhero h1{max-width:800px;color:#fff;font-size:clamp(3rem,5.1vw,5.4rem)}.subhero .lede{color:#bfd1df}.hero-ai-card{box-shadow:0 40px 100px rgba(0,8,18,.45)}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.principle-grid>div{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px rgba(7,36,66,.06)}.principle-grid .icon{color:var(--orange);margin-bottom:18px}.principle-grid b,.principle-grid small{display:block}.principle-grid b{font-size:.86rem}.principle-grid small{margin-top:7px;color:var(--muted);font-size:.7rem}
.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.question-grid>div{position:relative;min-height:135px;padding:24px 22px 22px 52px;color:#234158;background:#fff;border:1px solid var(--line);border-radius:16px;font-weight:730}.question-grid>div::before{position:absolute;left:19px;top:20px;content:"AI";width:24px;height:24px;display:grid;place-items:center;color:#07233d;background:#a8f0fb;border-radius:7px;font-size:.49rem;font-weight:950}
.metric-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric-wall>div{min-height:140px;padding:20px;background:linear-gradient(145deg,#0a2d4c,#071a2f);border:1px solid #184a70;border-radius:15px}.metric-wall span,.metric-wall b,.metric-wall small{display:block}.metric-wall span{color:#65d9ee;font-size:.52rem;letter-spacing:.12em}.metric-wall b{margin:8px 0 4px;color:#fff;font-size:1.05rem}.metric-wall small{color:#8eaabe;font-size:.65rem}
.hero-store{margin-top:30px}.hero-phone{min-height:555px}.hero-phone .phone-front{top:0;right:calc(50% - 135px);transform:rotate(3deg)}
.mobile-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mobile-cap-grid>div{min-height:175px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:17px}.mobile-cap-grid .icon{color:var(--orange);margin-bottom:18px}.mobile-cap-grid b,.mobile-cap-grid small{display:block}.mobile-cap-grid b{font-size:.84rem}.mobile-cap-grid small{margin-top:6px;color:var(--muted);font-size:.68rem}
.pdks-map-board{display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;background:#0a2947;border:1px solid #204b6a;border-radius:23px}.pdks-map{position:relative;min-height:500px;overflow:hidden;background:radial-gradient(circle at 55% 45%,rgba(27,115,156,.4),transparent 26%),#061a2e}.map-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(82,169,205,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(82,169,205,.18) 1px,transparent 1px);background-size:36px 36px;transform:perspective(500px) rotateX(28deg) scale(1.35)}.geo{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:7px 9px;color:#d9eaf4;background:rgba(7,31,52,.85);border:1px solid #2a6483;border-radius:9px;font-size:.5rem;font-weight:850}.geo i{width:10px;height:10px;background:var(--orange);border:3px solid #ffd6a4;border-radius:50%;box-shadow:0 0 15px var(--orange)}.geo-a{left:22%;top:29%}.geo-b{right:18%;top:51%}.geo-c{left:37%;bottom:19%}.route-line{position:absolute;left:26%;top:34%;width:48%;height:40%;border:2px dashed rgba(53,213,242,.55);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(18deg)}.pdks-list{padding:26px;background:#071c31}.pdks-list>div{display:grid;grid-template-columns:35px 1fr;gap:2px 10px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.pdks-list>div:last-child{border-bottom:0}.pdks-list span{grid-row:1/3;color:var(--orange-2);font-size:.63rem;font-weight:900}.pdks-list b{color:#fff;font-size:.78rem}.pdks-list small{color:#8faabe;font-size:.63rem}
.security-device{max-width:420px;margin:auto;padding:35px;text-align:center;background:#071d33;border:1px solid #194c70;border-radius:24px;box-shadow:0 30px 70px rgba(5,30,54,.22)}.device-shield{width:82px;height:82px;display:grid;place-items:center;margin:0 auto 20px;color:#58df9c;background:rgba(48,207,131,.08);border:1px solid rgba(48,207,131,.25);border-radius:24px}.device-shield .icon{width:42px;height:42px}.security-device>b,.security-device>small{display:block}.security-device>b{color:#fff;font-size:1.2rem}.security-device>small{margin-top:5px;color:#86a2b7}.security-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:24px}.security-checks span{padding:9px;color:#a9c1d1;background:rgba(255,255,255,.04);border-radius:9px;font-size:.63rem}
.code-window{overflow:hidden;background:#061523;border:1px solid #1c4867;border-radius:22px;box-shadow:0 35px 90px rgba(0,8,18,.45)}.code-top{height:42px;display:flex;align-items:center;gap:6px;padding:0 13px;background:#0b253b;border-bottom:1px solid #173d57}.code-top span{width:8px;height:8px;background:#f56c66;border-radius:50%}.code-top span:nth-child(2){background:#f2b545}.code-top span:nth-child(3){background:#42c982}.code-top b{margin-left:auto;color:#789db5;font-size:.54rem;letter-spacing:.12em}.code-window pre{margin:0;padding:34px;white-space:pre-wrap;color:#9bdff0;font:600 .78rem/1.85 ui-monospace,SFMono-Regular,Consolas,monospace}.code-window code{font:inherit}.api-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.api-feature-grid>div{min-height:185px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}.api-feature-grid .icon{color:var(--orange);margin-bottom:18px}.api-feature-grid b,.api-feature-grid small{display:block}.api-feature-grid b{font-size:.9rem}.api-feature-grid small{margin-top:6px;color:var(--muted);font-size:.7rem}
.integration-list{display:grid;gap:9px;margin-top:28px}.integration-list>div{display:grid;grid-template-columns:36px 1fr;gap:2px 10px;padding:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px}.integration-list span{grid-row:1/3;color:var(--orange-2);font-size:.58rem;font-weight:900}.integration-list b{color:#fff;font-size:.76rem}.integration-list small{color:#91aabd;font-size:.62rem}.integration-hub-visual{position:relative;min-height:480px}.hub-core{position:absolute;left:50%;top:50%;z-index:4;width:130px;height:130px;display:grid;place-items:center;align-content:center;text-align:center;color:#fff;background:linear-gradient(145deg,#0e557f,#082139);border:1px solid #3c84a8;border-radius:50%;box-shadow:0 0 0 45px rgba(53,213,242,.035),0 0 0 105px rgba(53,213,242,.02);transform:translate(-50%,-50%);font-size:.7rem}.hub-core b{font-size:1.2rem}.hub-node{position:absolute;z-index:3;min-width:90px;padding:11px;text-align:center;color:#d7e8f2;background:#0d314e;border:1px solid #2d6381;border-radius:10px;font-size:.55rem;font-weight:900}.n1{left:5%;top:44%}.n2{left:22%;top:9%}.n3{right:20%;top:11%}.n4{right:2%;top:48%}.n5{right:22%;bottom:9%}.n6{left:22%;bottom:8%}

@media (max-width: 1220px) {
  .hero-grid-v2{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:38px}
  .platform-rail-grid{grid-template-columns:repeat(3,1fr)}.platform-rail-grid>div:nth-child(3){border-right:0}.platform-rail-grid>div:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .lifecycle-track{grid-template-columns:repeat(4,1fr);gap:18px}.lifecycle-track::before{display:none}
  .capability-grid{grid-template-columns:repeat(2,1fr)}
  .security-pillars{grid-template-columns:repeat(3,1fr)}.security-pillars>div{border-bottom:1px solid var(--line)}
}

@media (max-width: 1020px) {
  .hero-v2{min-height:auto;padding:72px 0 92px}.hero-grid-v2,.ai-showcase,.mobile-layout,.workflow-layout,.ecosystem-layout,.subhero-grid{grid-template-columns:1fr;gap:55px}.hero-v2 .hero-copy{max-width:800px}.command-stage{max-width:760px;min-height:520px;margin:auto}.platform-rail{margin-top:-30px}
  .mobile-layout{gap:20px}.phone-stage{width:min(100%,620px);margin:auto}.mobile-layout>div:last-child{max-width:800px;margin:auto}
  .analytics-board{grid-template-columns:120px 1fr}.analytics-kpis{grid-template-columns:repeat(3,1fr)}.analytics-panels{grid-template-columns:1fr}.risk-panel{min-height:auto}
  .workflow-canvas{max-width:700px;width:100%;margin:auto}
  .security-pillars{grid-template-columns:repeat(2,1fr)}
  .principle-grid,.mobile-cap-grid{grid-template-columns:repeat(2,1fr)}.question-grid{grid-template-columns:repeat(2,1fr)}
  .pdks-map-board{grid-template-columns:1fr}.pdks-map{min-height:380px}.subhero{min-height:auto;padding:75px 0}.hero-phone{min-height:550px}.code-window{max-width:650px}
}

@media (max-width: 760px) {
  .hero-v2 .hero-copy h1,.subhero h1{font-size:clamp(2.55rem,13vw,4.15rem)}
  .hero-proof-grid{grid-template-columns:1fr}.hero-grid-v2{gap:35px}.command-stage{min-height:420px}.command-window{transform:none}.command-body{grid-template-columns:88px 1fr;min-height:360px}.command-nav{padding:14px 7px}.command-nav strong{margin:0 5px 15px;font-size:.6rem}.command-nav span{padding:6px 5px;font-size:.44rem}.command-main{padding:11px}.command-kpis{grid-template-columns:repeat(2,1fr)}.command-kpis>div:nth-child(n+3){display:none}.command-grid{grid-template-columns:1fr}.ai-console{display:none}.command-chart-card{min-height:190px}.command-chart{height:115px}.stage-chip{display:none}
  .platform-rail-grid{grid-template-columns:repeat(2,1fr)}.platform-rail-grid>div{min-height:88px;border-bottom:1px solid var(--line)}.platform-rail-grid>div:nth-child(odd){border-right:1px solid var(--line)}.platform-rail-grid>div:nth-child(even){border-right:0}.platform-rail-grid>div:nth-last-child(-n+2){border-bottom:0}
  .lifecycle-track{grid-template-columns:repeat(2,1fr)}.lifecycle-node>div{min-height:130px}
  .ai-chat-card{padding:13px}.chat-message{max-width:95%}
  .phone-stage{min-height:550px;transform:scale(.88);transform-origin:center top;margin-bottom:-50px}.phone-front{right:5%}.phone-back{left:3%}.mobile-security-badge{right:3%}
  .mobile-feature-grid{grid-template-columns:1fr}.store-status-row{display:grid;grid-template-columns:1fr 1fr}.store-badge{min-width:0}.store-badge.active{grid-column:1/-1}
  .analytics-board{display:block}.analytics-sidebar{display:none}.analytics-main{padding:14px}.analytics-kpis{grid-template-columns:repeat(2,1fr)}.analytics-kpis>div:last-child{grid-column:1/-1}.trend-panel svg{height:160px}
  .workflow-canvas{min-height:650px}.wf-node{width:calc(100% - 54px);left:27px!important;right:auto!important}.wf-node.trigger{top:88px}.wf-node.approval{top:195px}.wf-node.task{top:302px}.wf-node.learning{top:409px}.wf-node.notify{top:516px}.wf-node::after{width:2px!important;height:30px!important;left:50%!important;right:auto!important;top:auto!important;bottom:-31px!important}.wf-node.approval::before{display:none}.wf-node.notify::after{display:none!important}
  .capability-grid{grid-template-columns:1fr}.capability-card{min-height:auto}
  .ecosystem-visual{min-height:410px;transform:scale(.82);margin:-35px}.security-pillars{grid-template-columns:1fr}.security-pillars>div{min-height:auto;border-right:0}.demo-premium-card{padding:32px 24px}.demo-steps{grid-template-columns:1fr}.demo-premium-actions{display:grid}.demo-premium-actions .btn{width:100%}
  .principle-grid,.question-grid,.mobile-cap-grid,.api-feature-grid{grid-template-columns:1fr}.metric-wall{grid-template-columns:1fr}.pdks-map{min-height:320px}.security-checks{grid-template-columns:1fr}.code-window pre{padding:24px 18px;font-size:.68rem}
}

@media (max-width: 480px) {
  .hero-v2{padding-top:60px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.platform-rail-grid{grid-template-columns:1fr}.platform-rail-grid>div{border-right:0!important}.platform-rail-grid>div:last-child{border-bottom:0}.lifecycle-track{grid-template-columns:1fr}.lifecycle-node{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;text-align:left}.lifecycle-node>span{width:48px;height:48px;margin:0}.lifecycle-node>div{min-height:0;padding:13px;text-align:left}.lifecycle-node .icon{margin:0 0 6px}.phone-stage{margin-left:-32px;width:calc(100% + 64px)}.phone{width:238px;height:490px}.phone-front{right:4%}.phone-back{left:2%}.app-grid div{min-height:55px}.store-status-row{grid-template-columns:1fr}.store-badge.active{grid-column:auto}.analytics-kpis{grid-template-columns:1fr}.analytics-kpis>div:last-child{grid-column:auto}.ecosystem-visual{transform:scale(.68);margin:-75px}.subhero{padding:60px 0 72px}.subhero-grid{gap:40px}
}
.light-capabilities .capability-card{background:#fff;border-color:var(--line);box-shadow:0 12px 35px rgba(7,36,66,.05)}
.light-capabilities .capability-card:hover{background:#fff;border-color:#bed9e8}
.light-capabilities .capability-card>small{color:#2f8da6}.light-capabilities .capability-card h3{color:var(--ink)}.light-capabilities .capability-card p{color:var(--muted)}
.light-capabilities .capability-tags span{color:#49657b;background:#f4f8fb;border-color:#dbe7ef}.light-capabilities .capability-card>a{color:#bd4d00}

/* r3 · visual product story and knowledge center */
:focus-visible{outline:3px solid #ff9b30;outline-offset:4px;border-radius:6px}
.product-film-section{overflow:hidden;background:linear-gradient(180deg,#fff 0,#f2f8fc 100%)}
.product-film-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(38px,7vw,96px);align-items:center}
.film-points{display:grid;gap:12px;margin-top:28px}.film-points>div{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:15px;border:1px solid #dce8f0;border-radius:16px;background:#fff}.film-points span{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:#09243e;border-radius:12px;font-size:.75rem;font-weight:900}.film-points p{margin:0;color:#587086;font-size:.9rem}.film-points b{display:block;margin-bottom:3px;color:#0b2942;font-size:1rem}
.product-film{position:relative;overflow:hidden;border:1px solid #1f4f70;border-radius:26px;background:#061728;box-shadow:0 35px 85px rgba(6,31,53,.25)}.product-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#061728}.film-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 17px;color:#d8e9f4;background:#071d33}.film-caption span{color:#69dff0;font-size:.72rem;font-weight:850;letter-spacing:.1em}.film-caption b{font-size:.85rem}
.product-gallery{display:grid;grid-template-columns:1.7fr .65fr .65fr;gap:18px;margin-top:70px}.product-gallery figure{position:relative;min-height:420px;margin:0;overflow:hidden;border-radius:22px;background:#071a2f;box-shadow:0 22px 50px rgba(7,31,53,.15)}.product-gallery img{width:100%;height:100%;object-fit:cover}.product-gallery figcaption{position:absolute;right:14px;bottom:14px;left:14px;padding:10px 13px;color:#fff;background:rgba(5,21,37,.8);border:1px solid rgba(255,255,255,.2);border-radius:11px;backdrop-filter:blur(10px);font-size:.82rem;font-weight:800}.gallery-wide img{object-position:center top}
.knowledge-preview{background:#f5f9fc}.topic-cloud{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px}.topic-cloud a{display:flex;align-items:center;gap:8px;padding:10px 13px;color:#163850;background:#fff;border:1px solid #d9e7ef;border-radius:999px;text-decoration:none;font-size:.82rem;font-weight:800;transition:.2s}.topic-cloud a:hover{color:#a84300;border-color:#ffaf61;transform:translateY(-2px)}
.knowledge-hero{position:relative;overflow:hidden;padding:80px 0;background:radial-gradient(circle at 80% 35%,rgba(20,174,210,.22),transparent 30%),linear-gradient(135deg,#061728,#0a3151);color:#d9edf7}.knowledge-hero::before,.guide-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(65,178,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(65,178,209,.055) 1px,transparent 1px);background-size:42px 42px}.knowledge-hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .55fr;gap:72px;align-items:center}.knowledge-hero h1,.guide-hero h1{max-width:850px;margin:18px 0;font-size:clamp(2.6rem,5vw,5rem);line-height:.98;letter-spacing:-.05em;color:#fff}.knowledge-hero h1 span,.guide-hero h1 span{color:#ff942b}.knowledge-hero p{max-width:760px;color:#aac4d4;font-size:1.12rem}.knowledge-stats{display:flex;gap:14px;margin-top:32px}.knowledge-stats div{min-width:125px;padding:14px;border:1px solid rgba(151,221,240,.18);border-radius:14px;background:rgba(255,255,255,.045)}.knowledge-stats b,.knowledge-stats span{display:block}.knowledge-stats b{color:#fff;font-size:1.5rem}.knowledge-stats span{color:#91afc1;font-size:.75rem}.knowledge-hero-image{position:relative;height:460px;margin:0;overflow:hidden;border:1px solid rgba(135,222,240,.28);border-radius:28px;box-shadow:0 35px 80px rgba(0,0,0,.35)}.knowledge-hero-image img{width:100%;height:100%;object-fit:cover}.knowledge-hero-image figcaption{position:absolute;right:14px;bottom:14px;left:14px;padding:10px 12px;color:#fff;background:rgba(4,23,39,.82);border-radius:10px;font-size:.8rem}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px;color:#91afc1;font-size:.8rem}.breadcrumbs a{color:#b9d9e8;text-decoration:none}.breadcrumbs a:hover{color:#ffad58}
.knowledge-index{background:#f6f9fb}.knowledge-filter{display:grid;grid-template-columns:1.2fr 1fr auto auto;gap:14px;align-items:end;margin-top:-92px;margin-bottom:62px;padding:22px;background:#fff;border:1px solid #dce8ef;border-radius:20px;box-shadow:0 25px 70px rgba(7,38,65,.16)}.knowledge-filter label{display:grid;gap:7px;color:#213f56;font-size:.78rem;font-weight:850}.knowledge-filter input,.knowledge-filter select{width:100%;min-height:50px;padding:0 14px;color:#15364e;background:#f7fafc;border:1px solid #d7e4ec;border-radius:11px;font:inherit;font-size:.95rem}.filter-clear{align-self:center;color:#8d3a00;font-size:.82rem;font-weight:800}.knowledge-result-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.knowledge-result-head h2{margin:7px 0 0;font-size:clamp(1.8rem,3vw,3rem)}.knowledge-result-head p{color:#6a8294}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{overflow:hidden;background:#fff;border:1px solid #dce8ef;border-radius:20px;box-shadow:0 12px 35px rgba(7,36,60,.06);transition:.25s}.article-card:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(7,36,60,.12)}.article-image{display:block;overflow:hidden;aspect-ratio:16/9;background:#071a2f}.article-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.article-card:hover .article-image img{transform:scale(1.035)}.article-card-body{padding:22px}.article-meta,.article-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.article-meta,.article-kicker{color:#29758a;font-size:.7rem;font-weight:900;letter-spacing:.04em}.article-meta time{color:#8093a2}.article-card h3{margin:10px 0;font-size:1.25rem;line-height:1.25}.article-card h3 a{color:#102d44;text-decoration:none}.article-card p{color:#647b8d;font-size:.9rem}.article-foot{margin-top:18px;padding-top:15px;border-top:1px solid #e5edf2;color:#758a9a;font-size:.75rem}.article-foot a{display:flex;align-items:center;gap:5px;color:#a84300;font-weight:900;text-decoration:none}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:42px}.pagination a,.pagination span{padding:11px 16px;border-radius:11px}.pagination a{color:#fff;background:#0a2d4b;text-decoration:none;font-weight:850}.pagination span{color:#516b7e;background:#e8f0f5}.empty-state{padding:60px 24px;text-align:center;background:#fff;border:1px solid #dce8ef;border-radius:20px}.empty-state p{color:#657d8f}
.guide-hero{position:relative;overflow:hidden;padding:64px 0 72px;background:radial-gradient(circle at 82% 30%,rgba(39,191,221,.2),transparent 31%),linear-gradient(135deg,#061728,#0b3150);color:#d7e9f3}.guide-hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .72fr;gap:64px;align-items:center}.guide-hero h1{font-size:clamp(2.25rem,4.6vw,4.4rem)}.guide-hero p{max-width:760px;color:#aac2d2;font-size:1.05rem}.guide-hero figure{height:410px;margin:0;overflow:hidden;border:1px solid rgba(130,221,240,.25);border-radius:24px;background:#071a2f}.guide-hero figure img{width:100%;height:100%;object-fit:cover}.guide-hero figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.guide-byline{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.guide-byline span,.guide-byline time{padding:7px 10px;color:#b6d2df;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:.74rem}
.guide-layout{display:grid;grid-template-columns:260px minmax(0,820px);gap:66px;align-items:start;padding-top:58px;padding-bottom:70px}.guide-toc{position:sticky;top:110px;display:grid;gap:2px;padding:18px;background:#f4f8fb;border:1px solid #dbe7ef;border-radius:16px}.guide-toc>b{margin:0 8px 9px;color:#0a2c48}.guide-toc a{padding:8px;color:#587084;border-radius:8px;text-decoration:none;font-size:.8rem;line-height:1.3}.guide-toc a:hover{color:#9a3d00;background:#fff}.guide-toc .toc-cta{margin-top:10px;color:#fff;background:#ef7810;text-align:center;font-weight:850}.guide-content{min-width:0}.guide-intro{padding:24px 26px;background:#fff7ed;border-left:4px solid #ff861b;border-radius:0 14px 14px 0}.guide-intro strong{display:block;margin-bottom:6px;color:#a03d00}.guide-content section{scroll-margin-top:110px;padding:32px 0;border-bottom:1px solid #e2eaf0}.guide-content h2{margin:0 0 18px;color:#0b2d46;font-size:clamp(1.55rem,2.5vw,2.2rem);line-height:1.15}.guide-content p{color:#455f73;font-size:1.04rem;line-height:1.85}.check-list{display:grid;gap:10px;padding:0;list-style:none}.check-list li{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:13px 15px;color:#355268;background:#f4f8fb;border-radius:10px}.check-list svg{color:#0f8b69}.guide-inline-figure{margin:30px 0 4px;overflow:hidden;border-radius:18px;background:#061728}.guide-inline-figure img{display:block;width:100%;height:auto}.guide-inline-figure figcaption{padding:12px 15px;color:#aec5d3;background:#08233d;font-size:.8rem}.guide-faq details{margin-bottom:10px;padding:16px;background:#f5f9fc;border:1px solid #dce7ee;border-radius:12px}.guide-faq summary{cursor:pointer;color:#173c56;font-weight:850}.guide-author{display:grid!important;grid-template-columns:80px 1fr;gap:20px;padding:28px!important;background:#08243e;border:0!important;border-radius:18px}.guide-author h2,.guide-author p{color:#fff}.guide-author p{color:#adc4d2}.guide-author a{color:#ffad58;font-weight:850}.author-mark{display:grid;place-items:center;width:72px;height:72px;color:#071a2f;background:#ff962b;border-radius:18px;font-weight:950}.related-guides{background:#f4f8fb}
@media(max-width:1100px){.main-nav{gap:13px}.main-nav a{font-size:.7rem}.nav-actions .btn-ghost{display:none}.product-film-grid,.knowledge-hero-grid,.guide-hero-grid{grid-template-columns:1fr}.knowledge-hero-image,.guide-hero figure{height:390px}.product-gallery{grid-template-columns:1.4fr .7fr}.product-gallery figure:last-child{display:none}.knowledge-filter{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:36px}}
@media(max-width:760px){.product-film-grid{gap:32px}.product-gallery{grid-template-columns:1fr;margin-top:42px}.product-gallery figure{min-height:300px}.product-gallery figure:not(.gallery-wide){min-height:480px}.knowledge-hero{padding:56px 0 110px}.knowledge-hero-grid{gap:34px}.knowledge-hero-image{height:320px}.knowledge-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.knowledge-stats div{min-width:0;padding:10px}.knowledge-filter{grid-template-columns:1fr;margin-top:-86px}.knowledge-result-head{align-items:start}.article-grid{grid-template-columns:1fr}.guide-hero{padding:45px 0}.guide-hero-grid{gap:28px}.guide-hero figure{height:280px}.guide-layout{display:block;padding-top:30px}.guide-toc{position:relative;top:0;margin-bottom:25px}.guide-content p{font-size:1rem}.guide-author{grid-template-columns:1fr}.floating-actions{bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-width:430px){.knowledge-stats{grid-template-columns:1fr}.knowledge-hero h1{font-size:2.45rem}.product-gallery figure:not(.gallery-wide){min-height:390px}.film-caption{align-items:flex-start;flex-direction:column;gap:4px}.guide-hero h1{font-size:2.3rem}.guide-byline{display:grid}.knowledge-result-head{display:block}}

/* r4 · premium product access, video, trust and resource experience */
.btn-login{color:#dff7ff;background:#0c3557;border-color:#1b577f}.btn-login:hover{color:#fff;background:#12486f}
.video-selector{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#173a56;border-top:1px solid #244c69}.video-selector button{display:grid;gap:3px;padding:16px 18px;text-align:left;color:#91afc1;background:#071a2f;border:0;cursor:pointer;font:inherit;transition:.2s}.video-selector button+button{border-left:1px solid #244c69}.video-selector button b{color:#e9f6fb;font-size:.76rem}.video-selector button small{font-size:.62rem}.video-selector button:hover,.video-selector button.active{background:#0c3352}.video-selector button.active b{color:#ffad5d}.product-film:has(.video-selector button:nth-child(2).active) video{object-fit:contain}
.instant-access-section{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(28,185,220,.13),transparent 30%),linear-gradient(180deg,#f4f9fc,#fff)}.instant-access-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(42px,7vw,90px);align-items:center}.instant-bullets{display:grid;gap:12px;margin:28px 0}.instant-bullets>div{display:flex;gap:12px;align-items:flex-start}.instant-bullets .icon-xs{flex:0 0 24px;width:24px;height:24px;padding:4px;color:#087a54;background:#e3faef;border-radius:50%}.instant-bullets b,.instant-bullets small{display:block}.instant-bullets b{font-size:.89rem}.instant-bullets small{margin-top:2px;color:var(--muted);font-size:.74rem}.access-console{overflow:hidden;background:#061a2d;border:1px solid #1b4b6b;border-radius:26px;box-shadow:0 35px 90px rgba(5,35,59,.23)}.access-console-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#a8c6d8;background:#08253e;border-bottom:1px solid #1c4663;font-size:.7rem;font-weight:850;letter-spacing:.08em}.access-console-head b{padding:6px 9px;color:#9af0cc;background:#0d513f;border-radius:999px;font-size:.58rem;letter-spacing:0}.access-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.access-choice article{min-height:260px;padding:24px 19px;color:#a9c1d1;background:#0a2740;border:1px solid #194563;border-radius:17px}.access-choice article.featured{background:linear-gradient(155deg,#104568,#082338);border-color:#3ba4c3}.access-choice .icon{width:31px;height:31px;color:#4fdaed}.access-choice small{display:block;margin-top:28px;color:#6f9aae;font-size:.58rem;font-weight:900;letter-spacing:.12em}.access-choice h3{margin:7px 0 8px;color:#fff;font-size:1rem}.access-choice p{min-height:70px;color:#91adbe;font-size:.72rem}.access-choice a,.access-choice article>span{color:#ffae62;font-size:.7rem;font-weight:850;text-decoration:none}
.audience-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 14px}.audience-switch>div{padding:12px 14px;background:#eaf4fa;border:1px solid #d4e5ef;border-radius:12px}.audience-switch span,.audience-switch b{display:block}.audience-switch span{color:#22718f;font-size:.54rem;font-weight:900;letter-spacing:.11em}.audience-switch b{margin-top:5px;color:#1c4058;font-size:.68rem;line-height:1.45}.store-badge{position:relative;text-decoration:none}.store-badge .icon-xs{position:absolute;top:13px;right:13px;width:18px;color:#67dff0}.store-badge small{display:block;margin-top:4px;color:#7594a8;font-size:.53rem}.store-badge.active small{color:#718898}.store-official:hover,.store-badge.active:hover{transform:translateY(-2px);border-color:#46c5e0}
.compliance-section{position:relative;overflow:hidden;color:#dcecf5;background:radial-gradient(circle at 12% 0,rgba(255,141,42,.2),transparent 28%),linear-gradient(135deg,#061729,#0b3351)}.compliance-section:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(92,185,210,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(92,185,210,.05) 1px,transparent 1px);background-size:48px 48px}.compliance-section .shell{position:relative}.compliance-head{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.compliance-head h2{max-width:840px;margin:10px 0;color:#fff}.compliance-head p{max-width:820px;color:#a9c3d2}.compliance-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:36px}.compliance-grid article{min-height:285px;padding:24px 20px;background:rgba(255,255,255,.055);border:1px solid rgba(151,215,232,.16);border-radius:18px;backdrop-filter:blur(8px)}.iso-seal{width:78px;height:78px;display:grid;place-content:center;margin-bottom:28px;text-align:center;color:#fff;border:2px solid #55cfe7;border-radius:50%;box-shadow:inset 0 0 0 5px #0c3855,0 0 35px rgba(75,210,234,.12)}.iso-seal b,.iso-seal span{display:block}.iso-seal b{font-size:1.05rem;letter-spacing:.08em}.iso-seal span{color:#7fe7f4;font-size:.64rem;font-weight:900}.compliance-grid h3{color:#fff;font-size:.95rem}.compliance-grid p{color:#a8c0cf;font-size:.7rem}.compliance-grid article>small{display:block;margin-top:18px;color:#ffb36d;font-size:.53rem;font-weight:900;letter-spacing:.1em}.compliance-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:23px 0 0;color:#8caabd;font-size:.68rem;text-align:center}.compliance-note .icon-xs{color:#65d8eb}
.resource-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:38px}.resource-card{position:relative;min-height:290px;padding:25px 23px;background:#fff;border:1px solid #d9e6ed;border-radius:19px;box-shadow:0 15px 45px rgba(10,48,77,.06);transition:.25s}.resource-card:hover{transform:translateY(-5px);border-color:#f4a050;box-shadow:0 23px 55px rgba(10,48,77,.12)}.resource-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:24px;color:#0a789e;background:#e8f8fb;border-radius:14px}.resource-icon .icon{width:25px}.resource-card>small{color:#d96a0e;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.resource-card h3{margin:8px 0 9px;font-size:1.15rem}.resource-card p{color:var(--muted);font-size:.76rem}.resource-card a{position:absolute;right:23px;bottom:23px;left:23px;display:flex;align-items:center;justify-content:space-between;color:#174058;text-decoration:none;font-size:.72rem;font-weight:900}.resource-card a .icon-xs{color:#e77619}.resource-hub-preview .topic-cloud{margin-top:10px}
.resource-intro{background:linear-gradient(180deg,#f5fafc,#fff)}.resource-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.resource-feature figure{min-height:450px;margin:0;overflow:hidden;border-radius:25px;background:#071a2f;box-shadow:0 30px 70px rgba(9,43,68,.17)}.resource-feature img{width:100%;height:100%;min-height:450px;object-fit:cover}.resource-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.resource-stat-row div{padding:15px;background:#fff;border:1px solid var(--line);border-radius:13px}.resource-stat-row b,.resource-stat-row small{display:block}.resource-stat-row b{color:#103a57;font-size:1.2rem}.resource-stat-row small{color:var(--muted);font-size:.62rem}
@media(max-width:1100px){.instant-access-grid,.resource-feature{grid-template-columns:1fr}.compliance-grid{grid-template-columns:repeat(3,1fr)}.resource-card-grid{grid-template-columns:repeat(2,1fr)}.access-choice article{min-height:230px}}
@media(max-width:760px){.video-selector,.access-choice,.audience-switch,.resource-card-grid,.compliance-grid{grid-template-columns:1fr}.video-selector button+button{border-left:0;border-top:1px solid #244c69}.access-choice article{min-height:0}.access-choice article p{min-height:0}.compliance-head{grid-template-columns:1fr;align-items:start}.compliance-grid article{min-height:0}.resource-feature figure,.resource-feature img{min-height:320px}.resource-stat-row{grid-template-columns:1fr}.nav-actions .btn-login{display:none}}

/* r5 · conversion studio, interactive demo, ROI, package builder and sectors */
.sales-tools-section{background:#fff}.sales-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sales-tool-card{position:relative;min-height:315px;padding:27px 24px;background:linear-gradient(160deg,#fff,#f5fafc);border:1px solid #d8e6ee;border-radius:20px;box-shadow:0 18px 45px rgba(8,44,70,.07);transition:.25s}.sales-tool-card:hover{transform:translateY(-6px);border-color:#f4a05b;box-shadow:0 26px 60px rgba(8,44,70,.13)}.sales-tool-no{position:absolute;top:22px;right:22px;color:#c9dae4;font-size:1rem;font-weight:900}.sales-tool-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:28px;color:#087c9e;background:#e7f8fb;border-radius:16px}.sales-tool-icon .icon{width:29px}.sales-tool-card h3{font-size:1.12rem}.sales-tool-card p{color:var(--muted);font-size:.88rem}.sales-tool-card a{position:absolute;right:24px;bottom:24px;left:24px;display:flex;justify-content:space-between;align-items:center;color:#143d57;text-decoration:none;font-size:.82rem;font-weight:900}.sales-tool-card a .icon-xs{color:#ed7417}

.demo-lab-hero,.tool-hero,.builder-hero,.sector-hero,.sector-detail-hero{position:relative;overflow:hidden;color:#dcecf6;background:radial-gradient(circle at 82% 25%,rgba(27,198,228,.2),transparent 28%),radial-gradient(circle at 18% 0,rgba(255,137,36,.13),transparent 28%),linear-gradient(135deg,#051625,#0b3453)}.demo-lab-hero:before,.tool-hero:before,.builder-hero:before,.sector-hero:before,.sector-detail-hero:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(87,191,219,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(87,191,219,.055) 1px,transparent 1px);background-size:44px 44px}.demo-lab-heading,.tool-hero-grid,.sector-hero-grid,.sector-detail-grid{position:relative}.demo-lab-heading{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end;padding-top:82px;padding-bottom:150px}.demo-lab-heading h1,.tool-hero h1,.builder-hero h1,.sector-hero h1,.sector-detail-hero h1{max-width:900px;margin:16px 0 20px;color:#fff;font-size:clamp(2.6rem,5.4vw,5.4rem);line-height:.98;letter-spacing:-.055em}.demo-lab-heading h1 span,.tool-hero h1 span,.builder-hero h1 span,.sector-hero h1 span{color:#ff982f}.demo-lab-heading p,.tool-hero p,.builder-hero p,.sector-hero p,.sector-detail-hero p{max-width:800px;color:#a7c2d2;font-size:1.08rem}.demo-lab-proof{display:grid;gap:10px;min-width:280px}.demo-lab-proof span,.tool-trust span{display:flex;gap:8px;align-items:center;padding:10px 12px;color:#c8dfeb;background:rgba(255,255,255,.055);border:1px solid rgba(143,214,231,.17);border-radius:10px;font-size:.78rem;font-weight:800}.demo-lab-proof .icon-xs,.tool-trust .icon-xs{color:#64ddef}
.demo-lab-section{position:relative;margin-top:-96px;padding-bottom:90px}.demo-app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:760px;overflow:hidden;background:#f4f8fb;border:1px solid #264f6b;border-radius:27px;box-shadow:0 40px 100px rgba(4,30,50,.24)}.demo-app-nav{display:flex;flex-direction:column;padding:20px 14px;color:#b6cfdd;background:#061b2d}.demo-app-brand{display:flex;align-items:center;gap:11px;padding:7px 8px 20px;border-bottom:1px solid #173b54}.demo-app-brand>span{width:43px;height:43px;display:grid;place-items:center;color:#071a2c;background:#ff982f;border-radius:12px;font-weight:950}.demo-app-brand b,.demo-app-brand small{display:block}.demo-app-brand b{color:#fff;font-size:.82rem}.demo-app-brand small{color:#7193a8;font-size:.7rem}.demo-progress{padding:20px 7px}.demo-progress>span,.demo-progress>b{display:block}.demo-progress>span{color:#6f94aa;font-size:.68rem}.demo-progress>b{margin-top:4px;color:#d9ebf4;font-size:.82rem}.demo-progress>div{height:4px;margin-top:9px;overflow:hidden;background:#15384e;border-radius:999px}.demo-progress>div i{display:block;width:12.5%;height:100%;background:linear-gradient(90deg,#ff922b,#27c7e1);transition:.35s}.demo-app-nav nav{display:grid;gap:5px}.demo-app-nav nav button{display:flex;align-items:center;gap:10px;width:100%;padding:12px;color:#8dabbd;background:transparent;border:1px solid transparent;border-radius:10px;text-align:left;cursor:pointer;font:inherit;font-size:.78rem;font-weight:800}.demo-app-nav nav button:hover,.demo-app-nav nav button.active{color:#fff;background:#0e3551;border-color:#1f5272}.demo-app-nav nav button.active .icon-xs{color:#ff9f46}.demo-app-cta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:12px;color:#082139;background:#ff982f;border-radius:11px;text-decoration:none;font-size:.78rem;font-weight:900}.demo-app-main{min-width:0;padding:27px}.demo-panel{animation:demoIn .28s ease}.demo-panel[hidden]{display:none}.demo-panel>header{display:flex;justify-content:space-between;gap:30px}.demo-panel>header>div{max-width:760px}.demo-panel>header small{color:#2f7894;font-size:.7rem;font-weight:900;letter-spacing:.09em}.demo-panel>header h2{margin:7px 0 8px;font-size:clamp(1.7rem,3vw,2.7rem)}.demo-panel>header p{color:var(--muted);font-size:.9rem}.demo-live{height:max-content;display:flex;gap:7px;align-items:center;padding:8px 10px;color:#08704b;background:#e4f8ee;border-radius:999px;font-size:.66rem;font-weight:900}.demo-live i{width:7px;height:7px;background:#16ad72;border-radius:50%}.demo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.demo-metrics article{padding:17px;background:#fff;border:1px solid #d9e5ec;border-radius:14px}.demo-metrics small,.demo-metrics b,.demo-metrics span{display:block}.demo-metrics small{color:#688397;font-size:.68rem}.demo-metrics b{margin:7px 0 3px;color:#0c3552;font-size:1.15rem}.demo-metrics span{color:#8297a6;font-size:.67rem}.demo-data-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:12px}.demo-trend-card,.demo-action-card{padding:20px;background:#fff;border:1px solid #d9e5ec;border-radius:16px}.demo-card-title{display:flex;justify-content:space-between;gap:20px}.demo-card-title b{font-size:.84rem}.demo-card-title span{color:#7b94a5;font-size:.7rem}.demo-trend-card svg{display:block;width:100%;height:290px;margin-top:10px}.demo-months{display:flex;justify-content:space-between;color:#8298a8;font-size:.68rem}.demo-action-card>button{width:100%;display:grid;grid-template-columns:31px 1fr 18px;gap:9px;align-items:center;padding:13px 0;color:#24465e;background:transparent;border:0;border-bottom:1px solid #e1eaf0;text-align:left;cursor:pointer}.demo-action-card>button>span{color:#e9781c;font-size:.67rem;font-weight:900}.demo-action-card>button b{font-size:.75rem}.demo-ai-note{display:flex;gap:11px;margin-top:18px;padding:13px;color:#b8d2df;background:#082d48;border-radius:12px}.demo-ai-note .icon{flex:0 0 27px;color:#55d9ed}.demo-ai-note small,.demo-ai-note b{display:block}.demo-ai-note small{color:#5ddbed;font-size:.61rem;font-weight:900}.demo-ai-note b{margin-top:4px;color:#e6f3f8;font-size:.69rem}.demo-panel>footer{display:flex;justify-content:space-between;gap:20px;margin-top:15px;color:#6f8899;font-size:.72rem}.demo-panel>footer span,.demo-panel>footer a{display:flex;align-items:center;gap:6px}.demo-panel>footer a{color:#17445f;font-weight:900;text-decoration:none}@keyframes demoIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.demo-next-section{background:#fff}

.tool-hero-grid{display:grid;grid-template-columns:1fr 290px;gap:60px;align-items:end;padding-top:82px;padding-bottom:125px}.tool-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.tool-hero-score{padding:26px;color:#b5cedb;background:rgba(255,255,255,.06);border:1px solid rgba(144,218,235,.2);border-radius:21px;backdrop-filter:blur(9px)}.tool-hero-score small,.tool-hero-score b,.tool-hero-score span{display:block}.tool-hero-score small{color:#65ddec;font-size:.68rem;font-weight:900;letter-spacing:.1em}.tool-hero-score b{margin:9px 0 2px;color:#fff;font-size:2.5rem}.tool-hero-score span{font-size:.75rem}.tool-hero-score>div{display:flex;gap:5px;margin-top:28px}.tool-hero-score i{height:42px;flex:1;background:linear-gradient(180deg,#26c9e3,#0e789c);border-radius:6px}.tool-hero-score i:nth-child(2){height:58px;margin-top:-16px}.tool-hero-score i:nth-child(3){height:74px;margin-top:-32px}.tool-hero-score i:nth-child(4){height:88px;margin-top:-46px}.tool-hero-score i:nth-child(5){height:104px;margin-top:-62px;background:linear-gradient(180deg,#ffad5d,#e16b13)}.roi-section{margin-top:-65px;padding-bottom:90px;position:relative}.roi-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:16px}.roi-inputs,.roi-results{padding:29px;background:#fff;border:1px solid #d7e5ed;border-radius:23px;box-shadow:0 25px 70px rgba(6,41,65,.12)}.roi-form-head,.roi-result-head{display:flex;align-items:center;gap:13px;margin-bottom:25px}.roi-form-head>span,.roi-result-head>span{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:#0c4769;border-radius:12px;font-size:.75rem;font-weight:900}.roi-form-head small,.roi-result-head small{color:#36809c;font-size:.65rem;font-weight:900;letter-spacing:.1em}.roi-form-head h2,.roi-result-head h2{margin:3px 0;font-size:1.3rem}.roi-inputs>label{display:grid;gap:9px;margin:20px 0}.roi-inputs>label>span{display:flex;justify-content:space-between;gap:20px;color:#314f64;font-size:.8rem;font-weight:800}.roi-inputs>label>span b{color:#e26f17}.roi-inputs input[type=range]{width:100%;accent-color:#ef7d24}.roi-number{display:grid;grid-template-columns:1fr auto;overflow:hidden;background:#f5f9fb;border:1px solid #d5e3eb;border-radius:11px}.roi-number input{min-width:0;padding:13px;border:0;background:transparent;font:inherit;font-weight:800}.roi-number em{display:grid;place-items:center;padding:0 13px;color:#6d8799;background:#e9f1f5;font-size:.72rem;font-style:normal}.roi-assumption{padding:11px 13px;color:#6d8291;background:#f7fafc;border-left:3px solid #f08a32;font-size:.7rem}.roi-results{color:#d7e9f2;background:linear-gradient(145deg,#071d31,#0c3856);border-color:#1d5372}.roi-results .roi-result-head h2{color:#fff}.roi-results .roi-result-head small{color:#60d9eb}.roi-primary{padding:24px;background:linear-gradient(135deg,rgba(31,193,220,.15),rgba(255,143,44,.12));border:1px solid #285d78;border-radius:17px}.roi-primary small,.roi-primary b,.roi-primary span{display:block}.roi-primary small{color:#75dfee;font-size:.67rem;font-weight:900;letter-spacing:.1em}.roi-primary b{margin:7px 0;color:#fff;font-size:clamp(2rem,4vw,3.5rem)}.roi-primary span{color:#93b2c2;font-size:.72rem}.roi-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.roi-result-grid article{padding:16px;background:rgba(255,255,255,.045);border:1px solid #1d4b67;border-radius:13px}.roi-result-grid small,.roi-result-grid b,.roi-result-grid span{display:block}.roi-result-grid small{color:#7fa4b8;font-size:.67rem}.roi-result-grid b{margin:7px 0;color:#fff;font-size:1.05rem}.roi-result-grid span{color:#7293a6;font-size:.65rem}.roi-breakdown{padding:17px;background:#061827;border-radius:14px}.roi-breakdown h3{margin:0 0 12px;color:#fff;font-size:.85rem}.roi-breakdown>div{display:flex;justify-content:space-between;padding:6px 0;color:#8eacbc;font-size:.72rem}.roi-breakdown>div b{color:#d6e9f2}.roi-breakdown>small{display:block;margin-top:10px;color:#698798;font-size:.65rem}.roi-actions{display:flex;gap:9px;margin-top:14px}.roi-results .btn-ghost{color:#dcebf3;border-color:#315d76}.value-quadrants{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.value-quadrants article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:17px}.value-quadrants .icon{color:#ed771c}.value-quadrants h3{margin:18px 0 8px}.value-quadrants p{color:var(--muted);font-size:.8rem}

.builder-hero{padding:82px 0 120px}.builder-hero .shell{position:relative}.builder-section{position:relative;margin-top:-65px;padding-bottom:90px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.builder-controls{display:grid;gap:15px}.builder-step{padding:27px;background:#fff;border:1px solid #d7e4ec;border-radius:22px;box-shadow:0 20px 60px rgba(7,43,68,.08)}.builder-step>header{display:flex;gap:12px;align-items:center;margin-bottom:23px}.builder-step>header>span{width:40px;height:40px;display:grid;place-items:center;color:#fff;background:#0b4567;border-radius:11px;font-size:.72rem;font-weight:900}.builder-step>header small{color:#3d819a;font-size:.66rem;font-weight:900;letter-spacing:.1em}.builder-step>header h2{margin:2px 0;font-size:1.35rem}.builder-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.builder-profile label{display:grid;gap:6px;color:#38566a;font-size:.74rem;font-weight:850}.builder-profile select{width:100%;padding:12px;color:#173c55;background:#f7fafc;border:1px solid #d7e4eb;border-radius:10px;font:inherit;font-size:.76rem}.builder-group{margin-top:23px}.builder-group h3{font-size:.86rem}.builder-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.builder-options label{cursor:pointer}.builder-options input{position:absolute;opacity:0;pointer-events:none}.builder-options label>span{display:grid;grid-template-columns:25px 1fr;gap:2px 9px;padding:13px;color:#536e80;background:#f8fafc;border:1px solid #dbe6ec;border-radius:11px;transition:.18s}.builder-options .icon-xs{grid-row:1/3;color:#7894a6}.builder-options b,.builder-options small{display:block}.builder-options b{color:#27475c;font-size:.75rem}.builder-options small{font-size:.66rem}.builder-options input:checked+span{color:#0d6e90;background:#eaf9fc;border-color:#4cc5dc;box-shadow:inset 3px 0 #f18a32}.builder-options input:checked+span .icon-xs{color:#e9761b}.builder-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.builder-presets button{padding:9px 11px;color:#255069;background:#eef5f8;border:1px solid #d5e4eb;border-radius:999px;cursor:pointer;font:inherit;font-size:.7rem;font-weight:850}.builder-presets button:hover{color:#9a4100;border-color:#f0a360}.builder-summary{position:sticky;top:104px;padding:24px;color:#dbeaf2;background:linear-gradient(150deg,#061a2c,#0c3a59);border:1px solid #1d536f;border-radius:23px;box-shadow:0 28px 75px rgba(5,36,57,.22)}.builder-summary-top{display:flex;justify-content:space-between;gap:15px}.builder-summary-top small{color:#6fdbea;font-size:.65rem;font-weight:900;letter-spacing:.1em}.builder-summary-top span{padding:5px 8px;color:#9ceac9;background:#10503d;border-radius:999px;font-size:.59rem;font-weight:900}.builder-package-name{margin:26px 0;padding-bottom:22px;border-bottom:1px solid #1d4a65}.builder-package-name span{color:#809fb0;font-size:.64rem;font-weight:900}.builder-package-name h2{margin:5px 0;color:#fff;font-size:2rem}.builder-package-name p{color:#91afbf;font-size:.73rem}.builder-score>div:first-child{display:flex;justify-content:space-between;color:#93adbc;font-size:.7rem}.builder-score>div:first-child b{color:#fff}.builder-score>div:last-child{height:7px;margin-top:7px;overflow:hidden;background:#143e57;border-radius:999px}.builder-score i{display:block;width:0;height:100%;background:linear-gradient(90deg,#25c8e3,#ff952e);transition:.3s}.builder-selection{margin:22px 0}.builder-selection h3{display:flex;justify-content:space-between;color:#fff;font-size:.82rem}.builder-selection h3 span{color:#ffae61}.builder-selection ul{max-height:205px;margin:10px 0 0;padding:0;overflow:auto;list-style:none}.builder-selection li{display:flex;gap:7px;padding:6px 0;color:#adc5d2;border-bottom:1px solid #123d57;font-size:.69rem}.builder-selection li span{color:#44d7b0}.builder-selection li.empty{color:#7895a6}.builder-includes{display:grid;gap:9px;margin:18px 0}.builder-includes>div{display:flex;gap:9px}.builder-includes .icon-xs{color:#54dcb8}.builder-includes b,.builder-includes small{display:block}.builder-includes b{color:#fff;font-size:.72rem}.builder-includes small{color:#7f9dad;font-size:.64rem}.builder-summary>.btn{width:100%;margin-top:8px}.builder-disclaimer{display:block;margin-top:14px;color:#6f8d9e;font-size:.62rem}.phase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.phase-grid article{padding:24px;background:#fff;border:1px solid #d9e5ec;border-radius:17px}.phase-grid span{color:#df6d17;font-size:.67rem;font-weight:900;letter-spacing:.1em}.phase-grid h3{margin:13px 0 7px;font-size:1rem}.phase-grid p{color:var(--muted);font-size:.75rem}

.sector-hero-grid,.sector-detail-grid{display:grid;grid-template-columns:1fr .78fr;gap:75px;align-items:center;padding-top:85px;padding-bottom:100px}.sector-map{position:relative;min-height:500px}.sector-map-core{position:absolute;top:50%;left:50%;z-index:3;width:150px;height:150px;display:grid;place-content:center;transform:translate(-50%,-50%);text-align:center;color:#061b2d;background:linear-gradient(145deg,#ffae58,#ff8420);border-radius:50%;box-shadow:0 0 0 20px rgba(255,145,41,.09),0 0 0 65px rgba(56,198,223,.045),0 30px 80px rgba(0,0,0,.28)}.sector-map-core b,.sector-map-core span{display:block}.sector-map-core b{font-size:2rem}.sector-map-core span{font-size:.67rem;font-weight:900}.sector-map:before,.sector-map:after{position:absolute;top:50%;left:50%;content:"";border:1px solid rgba(97,215,236,.18);border-radius:50%;transform:translate(-50%,-50%)}.sector-map:before{width:330px;height:330px}.sector-map:after{width:470px;height:470px}.sector-map-node{position:absolute;z-index:2;padding:10px 12px;color:#d5e9f2;background:#0a314e;border:1px solid #2a607e;border-radius:10px;font-size:.7rem;font-weight:850}.sector-map-node.n1{top:4%;left:38%}.sector-map-node.n2{top:26%;right:0}.sector-map-node.n3{right:4%;bottom:18%}.sector-map-node.n4{bottom:2%;left:35%}.sector-map-node.n5{bottom:20%;left:0}.sector-map-node.n6{top:25%;left:0}.sector-index{background:#f5f9fc}.sector-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.sector-card{position:relative;min-height:345px;padding:25px;background:#fff;border:1px solid #d9e5ec;border-radius:19px;box-shadow:0 17px 45px rgba(7,42,65,.06);transition:.25s}.sector-card:hover{transform:translateY(-5px);border-color:#f1a15f;box-shadow:0 24px 55px rgba(7,42,65,.12)}.sector-card-icon{width:50px;height:50px;display:grid;place-items:center;color:#0b829f;background:#e7f8fb;border-radius:14px}.sector-card>small{display:block;margin-top:24px;color:#d96916;font-size:.63rem;font-weight:900;letter-spacing:.1em}.sector-card h2{margin:7px 0 8px;font-size:1.25rem}.sector-card p{color:var(--muted);font-size:.8rem}.sector-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.sector-card-tags span{padding:5px 7px;color:#577184;background:#f1f6f8;border-radius:7px;font-size:.62rem}.sector-card>a{position:absolute;right:25px;bottom:24px;left:25px;display:flex;justify-content:space-between;align-items:center;color:#173e57;text-decoration:none;font-size:.76rem;font-weight:900}.sector-compare,.sector-outcomes{color:#dceaf2;background:linear-gradient(135deg,#061829,#0c3653)}.sector-compare .section-heading h2,.sector-outcomes h2{color:#fff}.sector-foundation{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sector-foundation>div{padding:22px;background:rgba(255,255,255,.045);border:1px solid #1b4a66;border-radius:15px}.sector-foundation .icon{color:#54d9eb}.sector-foundation b,.sector-foundation small{display:block}.sector-foundation b{margin-top:20px;color:#fff;font-size:.8rem}.sector-foundation small{margin-top:4px;color:#7899aa;font-size:.67rem}.back-link{display:inline-block;margin-bottom:28px;color:#7edfed;text-decoration:none;font-size:.76rem;font-weight:850}.sector-detail-hero h1{font-size:clamp(2.5rem,4.8vw,4.8rem)}.sector-command{overflow:hidden;background:#f6fafc;border:1px solid #2c6480;border-radius:23px;box-shadow:0 35px 80px rgba(0,0,0,.27)}.sector-command-top{display:flex;justify-content:space-between;padding:15px 18px;color:#9db9c8;background:#08253d;font-size:.65rem;font-weight:900;letter-spacing:.06em}.sector-command-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce8ef}.sector-command-kpis>div{padding:17px;background:#fff}.sector-command-kpis small,.sector-command-kpis b{display:block}.sector-command-kpis small{color:#748d9d;font-size:.6rem}.sector-command-kpis b{margin-top:5px;color:#0b3b58;font-size:.88rem}.sector-command-flow{padding:14px}.sector-command-flow>div{display:grid;grid-template-columns:32px 1fr 70px;align-items:center;gap:10px;padding:12px;color:#315267;border-bottom:1px solid #dce7ed}.sector-command-flow span{color:#e4751d;font-size:.66rem;font-weight:900}.sector-command-flow b{font-size:.73rem}.sector-command-flow i{height:5px;background:linear-gradient(90deg,#22bdd9,#dce8ee);border-radius:999px}.sector-problem-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.problem-list{display:grid;gap:9px}.problem-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:17px;background:#fff;border:1px solid #d9e5ec;border-radius:13px;box-shadow:0 10px 30px rgba(7,41,64,.05)}.problem-list span{color:#e16f18;font-size:.68rem;font-weight:900}.problem-list b{font-size:.8rem}.sector-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sector-module-grid article{position:relative;min-height:230px;padding:24px;background:#fff;border:1px solid #dae6ed;border-radius:17px}.sector-module-grid article>span{position:absolute;top:20px;right:20px;color:#c8d8e1;font-size:.8rem;font-weight:900}.sector-module-grid .icon{color:#1283a1}.sector-module-grid h3{margin:28px 0 8px;font-size:1rem}.sector-module-grid p{color:var(--muted);font-size:.75rem}.outcome-list{display:grid;gap:9px}.outcome-list>div{display:flex;gap:11px;padding:16px;color:#d2e5ee;background:rgba(255,255,255,.05);border:1px solid #1b4b67;border-radius:12px;font-size:.78rem}.outcome-list .icon-xs{flex:0 0 20px;color:#50dcb3}

@media(max-width:1200px){.sales-tool-grid,.sector-card-grid{grid-template-columns:repeat(2,1fr)}.demo-app{grid-template-columns:220px minmax(0,1fr)}.demo-metrics{grid-template-columns:repeat(2,1fr)}.sector-foundation{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.demo-lab-heading,.tool-hero-grid,.sector-hero-grid,.sector-detail-grid,.roi-layout,.builder-layout,.sector-problem-grid{grid-template-columns:1fr}.demo-lab-proof{grid-template-columns:repeat(3,1fr)}.demo-app{display:block}.demo-app-nav{display:block}.demo-app-nav nav{grid-template-columns:repeat(4,1fr)}.demo-app-cta{margin-top:14px}.builder-summary{position:relative;top:0}.sector-map{min-height:460px;max-width:620px;width:100%;margin:auto}.sector-module-grid{grid-template-columns:repeat(2,1fr)}.phase-grid,.value-quadrants{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sales-tool-grid,.sector-card-grid,.sector-module-grid,.phase-grid,.value-quadrants,.sector-foundation,.demo-metrics,.roi-result-grid,.builder-profile,.builder-options{grid-template-columns:1fr}.demo-lab-heading{padding-top:55px;padding-bottom:125px}.demo-lab-proof{grid-template-columns:1fr}.demo-app{border-radius:19px}.demo-app-nav nav{display:flex;overflow:auto;padding-bottom:5px}.demo-app-nav nav button{flex:0 0 175px}.demo-app-main{padding:18px 13px}.demo-panel>header{display:block}.demo-live{display:inline-flex;margin-top:12px}.demo-data-grid{grid-template-columns:1fr}.demo-trend-card svg{height:210px}.demo-panel>footer{display:grid}.tool-hero-grid{padding-top:55px;padding-bottom:100px}.tool-hero-score{display:none}.roi-section,.builder-section{margin-top:-45px}.roi-inputs,.roi-results,.builder-step,.builder-summary{padding:20px 16px}.roi-actions{display:grid}.builder-hero{padding:55px 0 95px}.sector-hero-grid,.sector-detail-grid{padding-top:55px;padding-bottom:70px}.sector-map{min-height:350px;transform:scale(.78);margin:-40px auto}.sector-map:after{width:420px;height:420px}.sector-map-node.n2,.sector-map-node.n3{right:-8%}.sector-map-node.n5,.sector-map-node.n6{left:-8%}.sector-module-grid article{min-height:0}}
.demo-action-card>button.selected{color:#a74700;background:#fff5ea}
@media(max-width:1180px) and (min-width:1021px){.nav-actions .btn-login{display:none}.main-nav{gap:9px}.main-nav a{font-size:.67rem}.brand{min-width:175px}.brand-product small{display:none}}
@media(prefers-reduced-motion:reduce){.article-card,.article-image img,.topic-cloud a{transition:none!important}.article-card:hover,.topic-cloud a:hover{transform:none}}
.mobile-product-story{overflow:hidden;background:linear-gradient(180deg,#fff,#f1f7fb)}.mobile-story-grid{display:grid;grid-template-columns:.65fr 1fr;gap:clamp(36px,8vw,110px);align-items:center}.mobile-poster{height:680px;margin:0;overflow:hidden;border:1px solid #d8e4eb;border-radius:30px;background:#080d12;box-shadow:0 35px 80px rgba(8,34,55,.2)}.mobile-poster img{width:100%;height:100%;object-fit:cover}.mobile-video{width:min(360px,100%);margin-top:28px;overflow:hidden;border:1px solid #264e6a;border-radius:22px;background:#071a2f;box-shadow:0 20px 50px rgba(7,32,53,.2)}.mobile-video video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}@media(max-width:760px){.mobile-story-grid{grid-template-columns:1fr}.mobile-poster{height:520px}.mobile-video{margin-inline:auto}}
.panel-workspaces-section{overflow:hidden;background:radial-gradient(circle at 12% 0%,rgba(53,213,242,.10),transparent 28%),linear-gradient(180deg,#071a2f 0,#0b2945 100%);color:#d9edf5}.panel-workspaces-section h2{color:#fff}.panel-workspaces-section .section-heading p{color:#a9c2d1}.panel-workspace-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.panel-workspace-card{min-height:390px;display:flex;flex-direction:column;padding:24px;background:rgba(255,255,255,.055);border:1px solid rgba(177,220,233,.15);border-radius:20px;transition:.25s ease}.panel-workspace-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.09);border-color:rgba(255,177,59,.42);box-shadow:0 26px 60px rgba(0,0,0,.18)}.panel-workspace-head{display:flex;align-items:center;gap:12px;min-height:52px}.panel-workspace-icon{width:48px;height:48px;display:grid;place-items:center;color:#ffae58;background:rgba(255,138,31,.12);border:1px solid rgba(255,177,59,.2);border-radius:14px}.panel-workspace-head small{color:#73d9e8;font-size:.59rem;font-weight:900;letter-spacing:.1em;line-height:1.35}.panel-workspace-card h3{margin:22px 0 10px;color:#fff;font-size:1.12rem;line-height:1.18}.panel-workspace-card p{margin:0;color:#a8c1d0;font-size:.78rem;line-height:1.65}.panel-workspace-list{display:grid;gap:8px;margin:20px 0;padding:0;list-style:none}.panel-workspace-list li{display:flex;gap:8px;align-items:flex-start;color:#c7dbe5;font-size:.71rem;line-height:1.35}.panel-workspace-list .icon-xs{flex:0 0 17px;margin-top:1px;color:#51d9ae}.panel-workspace-card>a{display:flex;align-items:center;gap:7px;margin-top:auto;color:#ffb35f;font-size:.72rem;font-weight:900}.panel-workspace-card>a:hover{color:#fff}.panel-workspace-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.panel-workspace-proof>div{padding:17px 18px;background:rgba(255,255,255,.045);border:1px solid rgba(177,220,233,.12);border-radius:14px}.panel-workspace-proof b,.panel-workspace-proof small{display:block}.panel-workspace-proof b{color:#fff;font-size:.86rem}.panel-workspace-proof small{margin-top:4px;color:#91b1c2;font-size:.68rem;line-height:1.45}.panel-journey-section{background:#f4f8fb}.panel-journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.panel-journey-card{position:relative;padding:30px 26px 25px;background:#fff;border:1px solid #d9e6ee;border-radius:20px;box-shadow:0 18px 45px rgba(7,36,60,.07)}.panel-journey-card>span{position:absolute;top:19px;right:21px;color:#c3d5df;font-size:.8rem;font-weight:950}.panel-journey-card>.icon{width:34px;height:34px;color:#0d88a4}.panel-journey-card h3{margin:22px 0 8px;font-size:1.25rem}.panel-journey-card p{min-height:76px;margin:0;color:#61788a;font-size:.84rem}.journey-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:19px}.journey-tags b{padding:6px 8px;color:#31556d;background:#eff6f9;border-radius:7px;font-size:.63rem}.ai-readonly-note{display:flex;gap:10px;align-items:flex-start;margin:24px 0 15px;padding:13px 15px;color:#d7f1f5;background:rgba(255,255,255,.055);border:1px solid rgba(127,224,235,.2);border-radius:13px}.ai-readonly-note .icon-xs{flex:0 0 19px;margin-top:2px;color:#6be1ee}.ai-readonly-note b,.ai-readonly-note small{display:block}.ai-readonly-note b{font-size:.76rem}.ai-readonly-note small{margin-top:3px;color:#91c3ce;font-size:.68rem;line-height:1.45}.ai-question-cloud{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}.ai-question-cloud span{padding:7px 9px;color:#b8d8e3;background:rgba(255,255,255,.045);border:1px solid rgba(177,220,233,.14);border-radius:999px;font-size:.64rem}.seo-content-section{background:linear-gradient(180deg,#fff 0,#f5f9fc 100%)}.seo-topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.seo-topic-card{padding:25px 22px;background:#fff;border:1px solid #dbe7ee;border-radius:18px;box-shadow:0 14px 38px rgba(8,43,67,.06)}.seo-topic-card>span{width:45px;height:45px;display:grid;place-items:center;color:#0a86a2;background:#e7f8fb;border-radius:13px}.seo-topic-card h3{margin:20px 0 9px;font-size:1.08rem}.seo-topic-card p{margin:0;color:#63798a;font-size:.79rem;line-height:1.68}.seo-content-copy{max-width:950px;margin:36px auto 0;padding:27px 30px;background:#fff;border-left:4px solid var(--orange);border-radius:0 18px 18px 0;box-shadow:0 13px 34px rgba(8,43,67,.05)}.seo-content-copy p{margin:0;color:#4d687b;font-size:.94rem;line-height:1.8}.seo-content-copy p+p{margin-top:15px}@media(max-width:1180px){.panel-workspace-grid,.seo-topic-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.panel-workspace-grid,.seo-topic-grid,.panel-journey-grid{grid-template-columns:1fr}.panel-workspace-card{min-height:0}.panel-workspace-proof{grid-template-columns:1fr}.panel-journey-card p{min-height:0}.seo-content-copy{padding:23px 20px}}@media(max-width:520px){.panel-workspace-card{padding:21px}.panel-workspace-head{align-items:flex-start}.panel-workspace-head small{font-size:.55rem}.ai-question-cloud span{font-size:.6rem}.seo-topic-card{padding:22px 19px}}