:root {
  --bg: #07111f;
  --bg-deep: #030912;
  --bg-soft: #0b1728;
  --surface: rgba(255,255,255,.06);
  --surface-strong: rgba(255,255,255,.09);
  --line: rgba(255,255,255,.12);
  --line-soft: rgba(255,255,255,.07);
  --text: #f7fbff;
  --muted: #9eb0c5;
  --muted-2: #71849b;
  --brand: #52a7ff;
  --brand-2: #6d7cff;
  --sales: #10b981;
  --team: #2563eb;
  --kids: #8b5cf6;
  --fit: #f97316;
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --shadow: 0 30px 80px rgba(0,0,0,.34);
  --container: 1320px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--text); background: var(--bg); line-height: 1.6; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img, svg { max-width: 100%; }
::selection { background: rgba(82,167,255,.35); color: #fff; }

.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: 12px; transform: translateY(-150%); background: #fff; color: #07111f; padding: 10px 16px; border-radius: 8px; z-index: 200; font-weight: 800; }
.skip-link:focus { transform: translateY(0); }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; transition: .35s ease; }
.site-header.is-scrolled { background: rgba(3,9,18,.82); border-bottom: 1px solid var(--line-soft); backdrop-filter: blur(16px); }
.header-inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; transition: .35s ease; }
.site-header.is-scrolled .header-inner { min-height: 68px; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: -.03em; }
.brand-word { font-size: 1.22rem; }
.brand-mark { width: 30px; height: 30px; display: inline-grid; grid-template-columns: repeat(3,1fr); gap: 3px; align-items: end; padding: 4px; border: 1px solid rgba(255,255,255,.22); border-radius: 9px; background: linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.02)); box-shadow: inset 0 1px 0 rgba(255,255,255,.16); }
.brand-mark i { display: block; border-radius: 4px 4px 2px 2px; background: linear-gradient(180deg,#78c4ff,#536cff); }
.brand-mark i:nth-child(1) { height: 42%; }
.brand-mark i:nth-child(2) { height: 76%; }
.brand-mark i:nth-child(3) { height: 100%; }
.brand-mark.small { width: 25px; height: 25px; }
.brand-mark.large { width: 58px; height: 58px; border-radius: 16px; padding: 8px; }
.site-nav { display: flex; align-items: center; gap: 26px; color: #c2d0df; font-size: .94rem; font-weight: 650; }
.site-nav > a { transition: color .2s ease; }
.site-nav > a:hover, .site-nav > a:focus-visible { color: #fff; }
.nav-actions { display: flex; align-items: center; gap: 16px; margin-left: 8px; }
.text-link { color: #fff; }
.nav-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); background: var(--surface); color: #fff; border-radius: 12px; align-items: center; justify-content: center; flex-direction: column; gap: 4px; }
.nav-toggle span:not(.sr-only) { width: 18px; height: 2px; background: currentColor; border-radius: 2px; }

.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border: 1px solid transparent; border-radius: 13px; background: linear-gradient(135deg,#4fa9ff,#6475ff); color: #fff; font-weight: 800; letter-spacing: -.01em; box-shadow: 0 14px 34px rgba(82,125,255,.27), inset 0 1px 0 rgba(255,255,255,.25); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.button:hover, .button:focus-visible { transform: translateY(-2px); box-shadow: 0 20px 42px rgba(82,125,255,.34), inset 0 1px 0 rgba(255,255,255,.25); }
.button-small { min-height: 42px; padding-inline: 17px; font-size: .88rem; border-radius: 11px; }
.button-ghost { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.16); box-shadow: none; color: #edf6ff; }
.button-ghost:hover { border-color: rgba(255,255,255,.34); box-shadow: none; }
.button-light { background: #f8fbff; color: #091321; box-shadow: 0 14px 34px rgba(0,0,0,.2); }

.hero { min-height: 960px; position: relative; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 75% 32%,rgba(53,107,255,.16),transparent 33%), linear-gradient(180deg,#050d18 0%,#07111f 70%,#081421 100%); }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 190px; background: linear-gradient(180deg,transparent,var(--bg)); pointer-events: none; }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .95fr 1.15fr; align-items: center; gap: 56px; padding-top: 94px; }
.hero-copy { max-width: 640px; }
.eyebrow { margin: 0 0 24px; display: flex; align-items: center; gap: 10px; color: #88bfff; text-transform: uppercase; letter-spacing: .16em; font-size: .76rem; font-weight: 850; }
.eyebrow span { width: 28px; height: 1px; background: currentColor; box-shadow: 0 0 12px currentColor; }
.hero h1 { margin: 0; font-size: clamp(3.4rem,6vw,6.7rem); line-height: .96; letter-spacing: -.066em; font-weight: 650; max-width: 760px; }
.hero h1 strong { color: transparent; background: linear-gradient(95deg,#fff 2%,#7fbeff 58%,#727bff); -webkit-background-clip: text; background-clip: text; font-weight: 850; }
.hero-lead { margin: 32px 0 10px; max-width: 620px; color: #d9e5f2; font-size: clamp(1.15rem,1.55vw,1.35rem); line-height: 1.55; }
.hero-support { margin: 0; max-width: 590px; color: var(--muted); font-size: 1.02rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.microcopy { display: flex; gap: 9px; align-items: flex-start; margin: 22px 0 0; color: var(--muted-2); font-size: .83rem; max-width: 590px; }
.microcopy span { color: #63b2ff; font-size: .55rem; padding-top: .28rem; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(20px); opacity: .3; pointer-events: none; }
.hero-glow-a { width: 460px; height: 460px; right: 4%; top: 13%; background: rgba(30,92,255,.28); }
.hero-glow-b { width: 420px; height: 420px; left: -9%; bottom: 7%; background: rgba(0,164,255,.12); }
.hero-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom,rgba(0,0,0,.75),transparent 84%); }

.product-stage { position: relative; min-height: 650px; perspective: 1400px; }
.product-window { position: absolute; background: linear-gradient(155deg,rgba(18,35,58,.97),rgba(7,17,31,.98)); border: 1px solid rgba(255,255,255,.13); border-radius: 24px; box-shadow: 0 55px 110px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08); overflow: hidden; }
.main-window { width: 90%; height: 520px; left: 4%; top: 68px; transform: rotateY(-8deg) rotateX(3deg) rotateZ(-1deg); }
.window-topbar { height: 46px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.035); border-bottom: 1px solid rgba(255,255,255,.08); }
.mini-brand { font-size: .78rem; letter-spacing: -.03em; color: #dbe9f8; }
.mini-brand b { color: #6ebcff; }
.window-actions { display: flex; gap: 5px; }
.window-actions i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.22); }
.dashboard-shell { height: calc(100% - 46px); display: grid; grid-template-columns: 58px 1fr; }
.dashboard-nav { display: flex; flex-direction: column; align-items: center; gap: 16px; padding-top: 24px; border-right: 1px solid rgba(255,255,255,.07); background: rgba(0,0,0,.12); }
.dashboard-nav span { width: 22px; height: 22px; border-radius: 7px; background: rgba(255,255,255,.07); }
.dashboard-nav span.active { background: linear-gradient(135deg,#4daeff,#6075ff); box-shadow: 0 0 20px rgba(77,174,255,.38); }
.dashboard-main { padding: 24px 25px; }
.dashboard-heading { display: flex; justify-content: space-between; align-items: center; }
.dashboard-heading div { display: grid; gap: 2px; }
.dashboard-heading small { color: #7190aa; font-size: .66rem; }
.dashboard-heading b { font-size: 1rem; }
.dashboard-heading > span { font-size: .65rem; color: #b9caDA; padding: 6px 10px; border-radius: 8px; border: 1px solid rgba(255,255,255,.09); }
.metric-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 20px; }
.metric-row div { padding: 13px; border-radius: 12px; border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.035); display: grid; }
.metric-row small { color: #7690aa; font-size: .58rem; }.metric-row b { font-size: .93rem; }.metric-row em { color: #5de3b1; font-size: .56rem; font-style: normal; }
.chart-card { position: relative; height: 190px; margin-top: 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: linear-gradient(180deg,rgba(38,105,184,.08),rgba(255,255,255,.015)); overflow: hidden; }
.chart-card::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px); background-size: 100% 38px; }
.chart-bars { position: absolute; inset: 26px 28px 20px; display: flex; gap: 13px; align-items: end; }
.chart-bars span { flex: 1; height: var(--h); background: linear-gradient(180deg,rgba(74,165,255,.68),rgba(92,107,255,.18)); border-radius: 4px 4px 1px 1px; box-shadow: 0 0 18px rgba(74,165,255,.14); }
.chart-line { position: absolute; left: 28px; right: 28px; top: 46%; height: 2px; background: linear-gradient(90deg,#44d7a1,#74c6ff); transform: rotate(-7deg); box-shadow: 0 0 14px rgba(78,224,174,.45); }
.status-row { display: grid; grid-template-columns: 1.4fr 1fr .7fr; gap: 10px; margin-top: 13px; }
.status-row span { height: 48px; border-radius: 11px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); }
.floating-card { position: absolute; z-index: 4; min-width: 230px; display: flex; gap: 11px; align-items: center; padding: 13px 15px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(10,22,38,.88); backdrop-filter: blur(16px); box-shadow: 0 20px 48px rgba(0,0,0,.37); }
.floating-card div { display: grid; }.floating-card small { color: #7f95ad; font-size: .62rem; }.floating-card b { font-size: .76rem; }.floating-card em { margin-left: auto; color: #5ce5b0; font-size: .66rem; font-style: normal; }
.card-sales { top: 8px; right: 0; }.card-team { left: 0; bottom: 18px; }.card-fit { right: 4px; bottom: 70px; }
.module-dot { width: 11px; height: 11px; border-radius: 4px; display: inline-block; box-shadow: 0 0 16px currentColor; }
.module-dot.sales, .tenant-apps .sales { background: var(--sales); color: var(--sales); }.module-dot.team, .tenant-apps .team { background: var(--team); color: var(--team); }.module-dot.fit, .tenant-apps .fit { background: var(--fit); color: var(--fit); }.module-dot.kids, .tenant-apps .kids { background: var(--kids); color: var(--kids); }
.stage-orbit { position: absolute; border: 1px solid rgba(91,137,255,.12); border-radius: 50%; }
.orbit-one { width: 560px; height: 560px; right: 1%; top: 54px; }.orbit-two { width: 430px; height: 430px; right: 10%; top: 116px; border-color: rgba(69,196,255,.09); }

.section { position: relative; padding: 145px 0; }
.section-copy h2, .section-heading h2 { margin: 0 0 24px; font-size: clamp(2.7rem,4.4vw,5.1rem); line-height: 1.02; letter-spacing: -.055em; }
.section-copy > p:not(.eyebrow):not(.strong-copy), .section-heading > p:not(.eyebrow), .split-heading > p { color: var(--muted); font-size: 1.06rem; }
.section-copy blockquote { margin: 30px 0 0; padding: 0 0 0 20px; border-left: 2px solid #5daeff; color: #dce8f5; font-size: 1.08rem; font-weight: 650; }
.section-heading { max-width: 890px; margin-bottom: 64px; }
.section-heading.centered { text-align: center; margin-inline: auto; }
.section-heading.centered .eyebrow { justify-content: center; }
.section-heading.centered > p:last-child { max-width: 760px; margin-inline: auto; }
.two-column { display: grid; grid-template-columns: .9fr 1.1fr; gap: 84px; }.align-center { align-items: center; }

.section-fragmented { background: linear-gradient(180deg,#081421,#07111f); }
.fragment-visual { position: relative; min-height: 560px; }
.tool-card { position: absolute; min-width: 116px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.11); border-radius: 13px; background: rgba(255,255,255,.045); color: #bccbda; font-weight: 750; text-align: center; box-shadow: 0 18px 40px rgba(0,0,0,.18); }
.tool-a { left: 4%; top: 15%; }.tool-b { right: 12%; top: 7%; }.tool-c { left: 0; top: 48%; }.tool-d { right: 0; top: 42%; }.tool-e { left: 15%; bottom: 5%; }.tool-f { right: 17%; bottom: 8%; }
.suite-core { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 170px; height: 170px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(92,155,255,.34); background: radial-gradient(circle at 35% 25%,rgba(96,172,255,.25),rgba(11,27,47,.96) 60%); box-shadow: 0 0 80px rgba(57,116,255,.2), inset 0 1px 0 rgba(255,255,255,.14); }
.suite-core b { margin-top: 9px; font-size: 1.3rem; }.suite-core small { color: #7ea0bd; }
.connector-lines { position: absolute; inset: 0; background: linear-gradient(31deg,transparent 49.7%,rgba(80,151,255,.15) 50%,transparent 50.3%),linear-gradient(-30deg,transparent 49.7%,rgba(80,151,255,.15) 50%,transparent 50.3%),linear-gradient(90deg,transparent 49.8%,rgba(80,151,255,.1) 50%,transparent 50.2%); mask-image: radial-gradient(circle at center,#000 0 44%,transparent 73%); }

.section-contrast { background: #f4f7fb; color: #0f172a; }
.section-contrast .eyebrow { color: #2563eb; }.section-contrast .section-heading > p:last-child { color: #64748b; }
.compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.compare-card { min-height: 490px; border-radius: 26px; padding: 38px; border: 1px solid #dbe3ee; background: #fff; box-shadow: 0 24px 70px rgba(15,23,42,.08); }
.compare-card.governance-card { background: linear-gradient(145deg,#0c1728,#101f35); color: #fff; border-color: rgba(255,255,255,.08); }
.compare-icon { width: 64px; height: 64px; border-radius: 18px; margin-bottom: 32px; position: relative; }
.admin-icon { background: #eef2f7; border: 1px solid #dbe3ee; padding: 13px; display: grid; gap: 5px; }.admin-icon span { display: block; height: 7px; border-radius: 4px; background: #a7b6c7; }
.governance-icon { background: rgba(82,167,255,.13); border: 1px solid rgba(82,167,255,.28); }.governance-icon span { position: absolute; width: 10px; height: 10px; background: #65b8ff; border-radius: 50%; box-shadow: 0 0 13px rgba(101,184,255,.7); }.governance-icon span:nth-child(1){left:12px;top:27px}.governance-icon span:nth-child(2){left:28px;top:12px}.governance-icon span:nth-child(3){right:10px;top:30px}.governance-icon span:nth-child(4){left:28px;bottom:10px}.governance-icon::before,.governance-icon::after{content:"";position:absolute;left:17px;right:15px;top:31px;height:1px;background:#65b8ff;transform:rotate(-28deg);opacity:.6}.governance-icon::after{transform:rotate(30deg)}
.card-kicker { margin: 0 0 6px; color: #6b7b8d; font-weight: 850; text-transform: uppercase; letter-spacing: .12em; font-size: .73rem; }.governance-card .card-kicker { color: #7fbaff; }
.compare-card h3 { margin: 0 0 24px; font-size: 2rem; letter-spacing: -.04em; }
.feature-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.feature-list li { padding: 12px 14px; border-radius: 11px; background: rgba(82,167,255,.08); border: 1px solid rgba(82,167,255,.15); font-weight: 720; }.muted-list li { background: #f5f7fa; border-color: #e6ebf1; color: #64748b; }
.statement { max-width: 1040px; margin: 60px auto 0; text-align: center; font-size: clamp(1.8rem,3.1vw,3.5rem); line-height: 1.18; letter-spacing: -.045em; color: #334155; }.statement strong { color: #0f172a; }

.section-category { background: linear-gradient(180deg,#07111f,#091727); }
.principles-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.principle-card { min-height: 290px; padding: 28px; border: 1px solid var(--line-soft); border-radius: 20px; background: rgba(255,255,255,.025); }
.principle-card > span { color: #5caeff; font-size: .72rem; font-weight: 850; letter-spacing: .14em; }.principle-card h3 { margin: 48px 0 12px; font-size: 1.45rem; }.principle-card p { margin: 0; color: var(--muted); }
.governance-flow { margin: 60px auto 0; display: flex; align-items: center; justify-content: center; gap: 18px; color: #dbe9f7; font-weight: 800; }.governance-flow i { width: 54px; height: 1px; background: linear-gradient(90deg,#4daeff,#6b75ff); position: relative; }.governance-flow i::after { content:""; position:absolute; right:-1px; top:-3px; width:7px;height:7px;border-top:1px solid #7885ff;border-right:1px solid #7885ff;transform:rotate(45deg); }

.section-ecosystem { background: #050d18; overflow: hidden; }.ecosystem-glow { position: absolute; width: 760px; height: 760px; border-radius: 50%; left: 50%; top: 200px; transform: translateX(-50%); background: rgba(49,101,255,.12); filter: blur(110px); }
.ecosystem-map { width: 760px; height: 520px; position: relative; margin: 0 auto 60px; }
.ecosystem-map::before { content:""; position:absolute; inset:50px 100px; border:1px solid rgba(92,152,255,.15); border-radius:50%; }.ecosystem-map::after { content:""; position:absolute; inset:115px 190px; border:1px solid rgba(84,195,255,.11); border-radius:50%; }
.ecosystem-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,rgba(94,173,255,.27),rgba(8,20,35,.98) 63%);border:1px solid rgba(96,159,255,.34);box-shadow:0 0 90px rgba(48,104,255,.25);z-index:3 }.ecosystem-core b{font-size:1.35rem;margin-top:8px}.ecosystem-core small{color:#78a1c1}
.app-node { position:absolute; z-index:4; min-width:160px; padding:15px 17px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(9,22,38,.9); box-shadow:0 18px 45px rgba(0,0,0,.3); display:grid; grid-template-columns:auto 1fr; column-gap:10px; align-items:center; }.app-node span{grid-row:1/3;width:10px;height:10px;border-radius:4px}.app-node b{font-size:.92rem}.app-node small{color:#7890a7;font-size:.7rem}.node-sales{left:12px;top:60px}.node-team{right:10px;top:65px}.node-fit{left:40px;bottom:50px}.node-kids{right:35px;bottom:45px}.node-sales span{background:var(--sales)}.node-team span{background:var(--team)}.node-fit span{background:var(--fit)}.node-kids span{background:var(--kids)}
.apps-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.app-card { min-height:500px; padding:30px; border-radius:24px; border:1px solid var(--line-soft); background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); overflow:hidden; position:relative; }.app-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-90px;filter:blur(50px);opacity:.13}.app-sales::after{background:var(--sales)}.app-team::after{background:var(--team)}.app-fit::after{background:var(--fit)}.app-kids::after{background:var(--kids)}
.app-card-top{display:flex;align-items:center;gap:10px}.app-card-top small{color:#8ca1b6;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.68rem}.app-card h3{margin:28px 0 3px;font-size:2.35rem;letter-spacing:-.05em}.app-promise{font-size:1.18rem;color:#dce7f3;margin:0 0 11px}.app-card>p:not(.app-promise){color:var(--muted);max-width:500px}.app-card>a{position:absolute;left:30px;bottom:28px;font-weight:800}.app-card>a span{margin-left:8px}.app-ui{height:180px;margin-top:28px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);position:relative;overflow:hidden}.app-ui::before{content:"";position:absolute;left:0;top:0;bottom:0;width:48px;background:rgba(0,0,0,.18);border-right:1px solid rgba(255,255,255,.05)}.app-ui i{position:absolute;left:67px;right:18px;height:26px;border-radius:8px;background:rgba(255,255,255,.06)}.app-ui i:nth-child(1){top:20px}.app-ui i:nth-child(2){top:58px;right:46%}.app-ui i:nth-child(3){top:58px;left:56%;right:18px}.app-ui b{position:absolute;bottom:18px;width:35%;height:72px;border-radius:10px;background:rgba(255,255,255,.045)}.app-ui b:nth-of-type(1){left:67px}.app-ui b:nth-of-type(2){right:18px}.sales-ui{box-shadow:inset 0 2px 0 var(--sales)}.team-ui{box-shadow:inset 0 2px 0 var(--team)}.fit-ui{box-shadow:inset 0 2px 0 var(--fit)}.kids-ui{box-shadow:inset 0 2px 0 var(--kids)}

.section-process{background:#0a1727}.split-heading{max-width:none;display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:end}.split-heading>p{max-width:480px;margin-bottom:30px}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.process-line::before{content:"";position:absolute;left:9%;right:9%;top:29px;height:1px;background:linear-gradient(90deg,#4eacff,#6676ff)}.process-step{position:relative;padding:0 22px 0 0}.process-step>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(98,160,255,.35);background:#0a1727;color:#79bcff;font-weight:850;font-size:.75rem;position:relative;z-index:2}.process-step h3{margin:28px 0 10px;font-size:1.45rem}.process-step p{color:var(--muted);margin:0;max-width:260px}

.section-dashboard{background:linear-gradient(180deg,#081421,#06101c)}.dashboard-showcase-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:center}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tag-list span{padding:7px 10px;border-radius:8px;border:1px solid var(--line);color:#9db1c5;font-size:.72rem;font-weight:750}.showcase-window{position:relative;min-height:610px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,#111f33,#07111e);box-shadow:var(--shadow);overflow:visible}.showcase-top{height:52px;padding:0 18px;display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(255,255,255,.07)}.showcase-top b{font-size:.85rem}.showcase-top span{color:#718ba3;font-size:.68rem}.showcase-top i{margin-left:auto;width:68px;height:24px;border-radius:8px;background:rgba(255,255,255,.05)}.showcase-body{height:558px;display:grid;grid-template-columns:60px 1fr;overflow:hidden;border-radius:0 0 24px 24px}.showcase-body>aside{border-right:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.13);display:flex;flex-direction:column;align-items:center;padding-top:22px;gap:16px}.showcase-body>aside span{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.06)}.showcase-body>aside .active{background:linear-gradient(135deg,#4baeff,#6175ff)}.showcase-content{padding:24px}.showcase-title{display:flex;justify-content:space-between;align-items:center}.showcase-title>div{display:grid}.showcase-title small{color:#7590aa;font-size:.63rem}.showcase-title b{font-size:1.05rem}.showcase-title button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#8da4ba;border-radius:8px;padding:7px 10px;font-size:.62rem}.showcase-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.showcase-metrics>div{padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.025);display:grid}.showcase-metrics small{color:#718aa2;font-size:.53rem}.showcase-metrics b{font-size:.76rem}.showcase-metrics em{color:#57dbaa;font-style:normal;font-size:.52rem}.showcase-grid-inner{display:grid;grid-template-columns:1.5fr .8fr;gap:10px;margin-top:10px}.showcase-chart,.priority-panel{height:205px;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.02)}.chart-title{font-size:.62rem;color:#9bb1c5;font-weight:750}.line-visual{position:relative;height:150px;margin-top:10px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 32px}.line-visual i,.line-visual b{position:absolute;left:8px;right:8px;height:2px;top:58%;transform:rotate(-8deg);background:linear-gradient(90deg,#4eaaff,#6576ff);box-shadow:0 0 12px rgba(78,170,255,.3)}.line-visual b{top:68%;transform:rotate(5deg);background:linear-gradient(90deg,#23c98c,#63e0b2)}.priority-panel p{display:flex;align-items:center;gap:7px;margin:12px 0;color:#7f95ab;font-size:.58rem}.priority-panel p b{color:#e7f2fc}.priority-panel p i{width:7px;height:7px;border-radius:50%}.warn{background:#f59e0b}.ok{background:#10b981}.info{background:#3b82f6}.consultant-row{height:49px;margin-top:9px;border:1px solid rgba(255,255,255,.055);border-radius:10px;display:flex;align-items:center;padding:0 11px;gap:9px}.consultant-row>span{width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,#415b79,#23354b)}.consultant-row>div{display:grid}.consultant-row b{font-size:.64rem}.consultant-row small{font-size:.51rem;color:#6f879d}.consultant-row em{margin-left:auto;font-style:normal;font-size:.64rem}.consultant-row>i{width:46px;height:5px;border-radius:4px;background:linear-gradient(90deg,#4eaaff 80%,rgba(255,255,255,.06) 80%)}.detail-card{position:absolute;z-index:4;min-width:174px;padding:14px 15px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(10,23,39,.9);box-shadow:0 18px 50px rgba(0,0,0,.34);backdrop-filter:blur(14px);display:grid}.detail-card small{color:#7f96ad;font-size:.58rem}.detail-card b{font-size:1.3rem}.detail-card span{color:#55dfad;font-size:.55rem}.detail-a{left:-32px;bottom:85px}.detail-b{right:-28px;top:140px}

.section-roles{background:#f4f7fb;color:#0f172a}.section-roles .eyebrow{color:#2563eb}.section-roles .section-heading>p:last-child{color:#64748b}.roles-shell{border:1px solid #dbe3ee;border-radius:24px;background:#fff;box-shadow:0 25px 70px rgba(15,23,42,.08);overflow:hidden}.role-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #e4e9ef}.role-tabs button{min-height:66px;border:0;border-right:1px solid #edf0f4;background:#fff;color:#64748b;font-weight:800;cursor:pointer}.role-tabs button:last-child{border-right:0}.role-tabs button.active{color:#0f172a;background:#f7faff;box-shadow:inset 0 -3px 0 #2563eb}.role-content{min-height:480px;padding:48px;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.role-label{color:#2563eb;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:850}.role-copy h3{font-size:2.4rem;line-height:1.05;letter-spacing:-.045em;margin:12px 0 18px}.role-copy>p:not(.role-label){color:#64748b}.role-copy ul{padding-left:20px;color:#334155}.role-screen{height:350px;border-radius:17px;border:1px solid #dfe6ee;background:#f7f9fc;box-shadow:0 18px 45px rgba(15,23,42,.08);padding:18px}.role-screen-top{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.role-screen-top span{color:#8291a3}.role-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.role-kpis i{height:65px;border-radius:10px;background:#fff;border:1px solid #e4eaf0}.role-chart{height:140px;margin-top:10px;border:1px solid #e4eaf0;border-radius:10px;background:#fff;position:relative;overflow:hidden;display:flex;align-items:end;gap:14px;padding:22px}.role-chart b{position:absolute;left:20px;right:20px;top:50%;height:2px;background:linear-gradient(90deg,#2563eb,#60a5fa);transform:rotate(-5deg)}.role-chart span{flex:1;background:#dce9f7;border-radius:4px 4px 0 0}.role-chart span:nth-child(2){height:35%}.role-chart span:nth-child(3){height:56%}.role-chart span:nth-child(4){height:48%}.role-chart span:nth-child(5){height:76%}.role-list{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin-top:10px}.role-list i{height:58px;border-radius:10px;background:#fff;border:1px solid #e4eaf0}

.section-academy{background:linear-gradient(145deg,#172947,#0c1b30 62%,#101f38);overflow:hidden}.academy-glow{position:absolute;width:650px;height:650px;border-radius:50%;right:-180px;top:-180px;background:rgba(53,126,255,.18);filter:blur(100px)}.academy-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:78px;align-items:center}.section-academy .section-copy>p:not(.eyebrow){color:#b7c9da}.microcopy.light{color:#839cb5}.featured-video{border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.035);padding:10px;box-shadow:var(--shadow)}.video-cover{display:block;min-height:440px;border-radius:17px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 24%,rgba(80,150,255,.35),transparent 30%),linear-gradient(145deg,#142d4a,#0b1728)}.video-cover::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;opacity:.35}.video-ui{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:118px;height:78px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(7,17,31,.67);display:grid;place-items:center;box-shadow:0 20px 45px rgba(0,0,0,.25)}.video-ui i{position:absolute;inset:12px;border:1px solid rgba(255,255,255,.09);border-radius:10px}.video-ui b{font-size:1.3rem}.video-overlay{position:absolute;left:28px;right:28px;bottom:25px}.video-overlay small{color:#78baff;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:850}.video-overlay h3{font-size:2rem;margin:5px 0 2px;letter-spacing:-.04em}.video-overlay p{margin:0;color:#afc1d2}.video-overlay>span{display:inline-block;margin-top:11px;font-size:.72rem;color:#7f98b0}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.video-card{display:block;padding:10px 10px 20px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035);transition:.2s ease}.video-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.055)}.video-thumb{height:140px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px}.video-thumb i{width:42px;height:42px;border-radius:50%;background:rgba(4,12,23,.68);display:grid;place-items:center;font-style:normal;font-size:.72rem;border:1px solid rgba(255,255,255,.15)}.thumb-sales{background:linear-gradient(145deg,rgba(16,185,129,.4),#0b1f26)}.thumb-team{background:linear-gradient(145deg,rgba(37,99,235,.45),#101d37)}.thumb-fit{background:linear-gradient(145deg,rgba(249,115,22,.42),#261710)}.thumb-kids{background:linear-gradient(145deg,rgba(139,92,246,.42),#20152e)}.video-card small{color:#82a0ba;font-size:.66rem}.video-card h3{font-size:1rem;margin:5px 4px 0;line-height:1.3}.academy-message{margin-top:46px;padding:25px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);text-align:center;font-size:1.25rem;color:#b5c8da}

.section-fitness{background:#07111f}.strong-copy{font-weight:800;color:#e4eef8;font-size:1.15rem}.fitness-system{position:relative;min-height:560px}.fitness-system::before,.fitness-system::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(82,167,255,.14);border-radius:50%}.fitness-system::before{width:460px;height:460px}.fitness-system::after{width:330px;height:330px}.fitness-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,rgba(88,169,255,.23),#0c1d31 65%);border:1px solid rgba(98,167,255,.3);box-shadow:0 0 80px rgba(55,113,255,.17);z-index:2}.fitness-core b{font-size:1.15rem}.fitness-core small{color:#7594ae}.fitness-node{position:absolute;padding:12px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#bed0df;font-weight:750;font-size:.82rem}.n1{left:3%;top:18%}.n2{right:9%;top:10%}.n3{left:0;top:53%}.n4{right:0;top:53%}.n5{left:17%;bottom:7%}.n6{right:18%;bottom:10%}

.section-manifesto{min-height:1100px;background:#03070d;overflow:hidden}.manifesto-noise{position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle at 20% 20%,rgba(82,167,255,.22),transparent 22%),radial-gradient(circle at 80% 70%,rgba(87,97,255,.18),transparent 28%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,100% 5px}.manifesto-container{position:relative}.manifesto-title{max-width:1100px;margin:0;font-size:clamp(4rem,7vw,8.2rem);line-height:.94;letter-spacing:-.07em;font-weight:540}.manifesto-title strong{font-weight:850;color:transparent;background:linear-gradient(100deg,#fff,#83bdff 56%,#6f79ff);-webkit-background-clip:text;background-clip:text}.manifesto-copy{max-width:720px;margin:90px 0 0 35%}.manifesto-copy p{color:#9eb0c2;font-size:1.15rem}.manifesto-copy h3{font-size:clamp(2.4rem,4vw,4.8rem);line-height:1;margin:64px 0 0;letter-spacing:-.055em}.manifesto-copy h3.accent-line{margin-top:9px;color:#73b8ff}.invisible-losses{margin:100px 0 100px 8%;display:grid;gap:9px}.invisible-losses p{margin:0;color:#8193a5;font-size:clamp(1.5rem,2.8vw,3rem);letter-spacing:-.035em}.invisible-losses p:nth-child(2){margin-left:10%}.invisible-losses p:nth-child(3){margin-left:20%}.invisible-losses p:nth-child(4){margin-left:30%}.manifesto-declaration{padding:85px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.manifesto-declaration p{margin:0;font-size:clamp(2.8rem,5.8vw,6.8rem);line-height:.96;letter-spacing:-.062em;font-weight:820}.manifesto-declaration p+ p{margin-top:45px;color:#81bfff;font-size:clamp(2rem,4.2vw,4.8rem);max-width:1050px}.manifesto-close{max-width:870px;margin:80px auto 0;text-align:center;color:#a8b8c7;font-size:1.55rem}.manifesto-close strong{color:#fff}

.section-saas{background:#f4f7fb;color:#0f172a}.section-saas .eyebrow{color:#2563eb}.section-saas .section-heading>p:last-child{color:#64748b}.saas-card{padding:38px;border-radius:26px;background:#fff;border:1px solid #dbe3ee;box-shadow:0 25px 70px rgba(15,23,42,.08);display:grid;grid-template-columns:1fr 1fr;gap:38px}.tenant-window{border:1px solid #dfe6ee;border-radius:17px;background:#f8fafc;padding:22px}.tenant-head{display:flex;align-items:center;gap:11px;padding-bottom:17px;border-bottom:1px solid #e7ebf0}.tenant-head>div{display:grid}.tenant-head small{color:#7a8a9b}.tenant-head em{margin-left:auto;font-style:normal;font-size:.7rem;color:#047857;background:#d1fae5;padding:5px 8px;border-radius:7px}.tenant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}.tenant-grid span{padding:14px;border-radius:10px;background:#fff;border:1px solid #e5eaf0;color:#475569;font-weight:720;font-size:.82rem}.tenant-apps{display:flex;gap:10px;margin-top:16px}.tenant-apps i{width:36px;height:36px;border-radius:10px;display:block;opacity:.85}.saas-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.saas-points article{padding:20px;border:1px solid #e3e8ee;border-radius:14px}.saas-points b{font-size:.95rem}.saas-points p{color:#64748b;font-size:.84rem;margin:8px 0 0}.technical-note{text-align:center;color:#94a3b8;font-size:.78rem;margin:25px 0 0}

.section-cta{min-height:760px;display:flex;align-items:center;background:radial-gradient(circle at 50% 30%,rgba(53,113,255,.2),transparent 30%),#06101c;overflow:hidden}.cta-glow{position:absolute;width:820px;height:820px;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid rgba(85,151,255,.1);box-shadow:0 0 120px rgba(50,108,255,.12),inset 0 0 100px rgba(42,96,255,.08)}.cta-inner{text-align:center;position:relative}.cta-inner .brand-mark{margin-bottom:30px}.cta-inner h2{margin:0;font-size:clamp(3rem,6vw,7rem);line-height:.96;letter-spacing:-.067em}.cta-inner>p{max-width:760px;margin:30px auto 0;color:#a7bacb;font-size:1.15rem}.centered-actions{justify-content:center}.cta-inner>small{display:block;margin-top:22px;color:#71879d}

.site-footer{background:#030912;border-top:1px solid rgba(255,255,255,.07);padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:55px}.footer-brand p{max-width:330px;color:#7f94a9;margin-top:18px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-grid h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;color:#8196ab;margin:3px 0 12px}.footer-grid a:not(.brand){color:#a4b5c6;font-size:.9rem}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:28px;margin-top:55px;border-top:1px solid rgba(255,255,255,.07);color:#61778c;font-size:.76rem}.footer-bottom>div{display:flex;gap:20px}

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1180px) {
  .site-nav { gap: 17px; font-size: .86rem; }
  .hero-layout { grid-template-columns: 1fr 1fr; gap: 20px; }
  .hero h1 { font-size: clamp(3.6rem,6.2vw,5.4rem); }
  .product-stage { transform: scale(.9); transform-origin: center; }
  .principles-grid { grid-template-columns: repeat(2,1fr); }
  .dashboard-showcase-grid { grid-template-columns: 1fr; }
  .showcase-window { max-width: 850px; margin: 0 auto; width: 100%; }
}

@media (max-width: 980px) {
  .container { width: min(calc(100% - 36px), var(--container)); }
  .nav-toggle { display: flex; z-index: 102; }
  .site-nav { position: fixed; inset: 0; padding: 110px 24px 36px; background: rgba(3,9,18,.97); backdrop-filter: blur(18px); flex-direction: column; align-items: stretch; gap: 0; transform: translateX(100%); transition: transform .28s ease; font-size: 1.2rem; }
  .site-nav.is-open { transform: translateX(0); }
  .site-nav > a { padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .nav-actions { margin: 26px 0 0; flex-direction: column; align-items: stretch; gap: 12px; }.nav-actions .text-link{padding:12px 0}.nav-actions .button{width:100%}
  body.nav-open { overflow: hidden; }
  .hero { min-height: auto; padding: 155px 0 110px; }
  .hero-layout { grid-template-columns: 1fr; }
  .hero-copy { max-width: 760px; }
  .product-stage { min-height: 590px; transform: none; margin-top: 25px; }
  .main-window { width: 86%; left: 7%; }
  .two-column, .academy-layout, .saas-card { grid-template-columns: 1fr; }
  .fragment-visual { min-height: 520px; }
  .apps-grid { grid-template-columns: 1fr; }.app-card{min-height:470px}
  .process-line { grid-template-columns: 1fr 1fr; gap: 35px 18px; }.process-line::before{display:none}
  .split-heading { grid-template-columns: 1fr; gap: 5px; }
  .role-content { grid-template-columns: 1fr; }.role-screen{height:320px}
  .video-grid { grid-template-columns: 1fr 1fr; }
  .manifesto-copy { margin-left: 15%; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }.footer-grid>div:last-child{grid-column:2/4}
}

@media (max-width: 720px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .header-inner { min-height: 68px; }
  .section { padding: 92px 0; }
  .section-copy h2, .section-heading h2 { font-size: clamp(2.45rem,12vw,4rem); }
  .section-heading { margin-bottom: 42px; }
  .hero { padding-top: 125px; }
  .hero h1 { font-size: clamp(3.1rem,14vw,4.8rem); }
  .hero-actions { flex-direction: column; }.hero-actions .button{width:100%}
  .product-stage { min-height: 410px; margin-inline: -8px; }
  .main-window { width: 100%; left: 0; top: 40px; height: 360px; transform: rotateY(-4deg) rotateX(2deg); }
  .dashboard-shell { grid-template-columns: 42px 1fr; }.dashboard-main{padding:15px}.dashboard-nav{padding-top:16px;gap:12px}.dashboard-nav span{width:17px;height:17px}.metric-row{gap:6px}.metric-row div{padding:8px}.metric-row b{font-size:.7rem}.chart-card{height:120px}.status-row{display:none}.floating-card{min-width:170px;padding:9px 10px}.floating-card b{font-size:.58rem}.card-sales{top:0}.card-team{bottom:0}.card-fit{display:none}.stage-orbit{display:none}
  .fragment-visual { min-height: 480px; }.tool-card{min-width:98px;padding:11px;font-size:.78rem}.suite-core{width:135px;height:135px}.tool-a{left:0}.tool-b{right:0}.tool-c{left:0}.tool-d{right:0}.tool-e{left:2%}.tool-f{right:2%}
  .compare-grid { grid-template-columns: 1fr; }.compare-card{min-height:auto;padding:28px}.feature-list{grid-template-columns:1fr 1fr}.statement{font-size:2rem}
  .principles-grid { grid-template-columns: 1fr; }.principle-card{min-height:230px}.principle-card h3{margin-top:28px}.governance-flow{flex-direction:column}.governance-flow i{width:1px;height:34px}.governance-flow i::after{right:-3px;top:auto;bottom:-1px;transform:rotate(135deg)}
  .ecosystem-map { width:100%;height:480px; }.ecosystem-map::before{inset:55px 15px}.ecosystem-map::after{inset:105px 65px}.ecosystem-core{width:135px;height:135px}.app-node{min-width:132px;padding:11px}.node-sales{left:0;top:60px}.node-team{right:0;top:60px}.node-fit{left:0;bottom:55px}.node-kids{right:0;bottom:55px}.app-card{padding:24px}.app-card>a{left:24px}.app-card h3{font-size:2rem}
  .process-line { grid-template-columns: 1fr; }.process-step{display:grid;grid-template-columns:58px 1fr;column-gap:16px}.process-step h3{margin:2px 0 5px}.process-step p{grid-column:2;max-width:none}
  .showcase-window { min-height:470px }.showcase-body{grid-template-columns:42px 1fr;height:420px}.showcase-content{padding:13px}.showcase-metrics{grid-template-columns:1fr 1fr}.showcase-grid-inner{grid-template-columns:1fr}.priority-panel{display:none}.showcase-chart{height:150px}.consultant-row{height:42px}.detail-card{display:none}
  .role-tabs { grid-template-columns:1fr; }.role-tabs button{min-height:48px;border-right:0;border-bottom:1px solid #edf0f4}.role-content{padding:26px}.role-copy h3{font-size:2rem}.role-screen{height:260px}.role-chart{height:100px}.role-list{display:none}
  .academy-layout{gap:45px}.video-cover{min-height:360px}.video-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.video-card{min-width:82%;scroll-snap-align:start}.academy-message{font-size:1.05rem}
  .fitness-system{min-height:460px}.fitness-system::before{width:360px;height:360px}.fitness-system::after{width:260px;height:260px}.fitness-core{width:150px;height:150px}.fitness-node{padding:9px 10px;font-size:.7rem}.n1{left:0}.n2{right:0}.n3{left:0}.n4{right:0}.n5{left:5%}.n6{right:5%}
  .manifesto-title { font-size: clamp(3.6rem,16vw,5.6rem); }.manifesto-copy{margin:70px 0 0}.manifesto-copy h3{font-size:2.5rem}.invisible-losses{margin:70px 0}.invisible-losses p:nth-child(n){margin-left:0}.manifesto-declaration{padding:60px 0}.manifesto-declaration p{font-size:3rem}.manifesto-declaration p+p{font-size:2.2rem}.manifesto-close{font-size:1.25rem}
  .saas-card{padding:18px}.saas-points{grid-template-columns:1fr}
  .section-cta{min-height:650px}.cta-inner h2{font-size:3.5rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.footer-bottom>div{flex-wrap:wrap}
}

@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; }
}


/* GoSuite v0.36.0 · Public home integration */
.brand-logo { display: block; width: 166px; height: auto; }
.site-nav > a.is-active { color: #fff; }
.site-nav > a.is-active::after { opacity: 1; transform: scaleX(1); }
.site-nav > a { position: relative; }
.site-nav > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -9px; height: 2px; border-radius: 2px; background: linear-gradient(90deg,var(--brand),var(--brand-2)); opacity: 0; transform: scaleX(.35); transition: .2s ease; }
.button-disabled { cursor: default; opacity: .88; box-shadow: none; }
.video-card { position: relative; }
.video-status { display: inline-flex; margin: 14px 4px 0; padding: 5px 8px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #9fb6cb; font-size: .63rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.cta-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(390px,.75fr); gap: 72px; align-items: center; }
.cta-inner { text-align: left; }
.cta-inner .eyebrow { justify-content: flex-start; margin-top: 24px; }
.cta-inner h2 { font-size: clamp(3.2rem,5.5vw,6.4rem); }
.cta-inner > p { margin-inline: 0; max-width: 720px; }
.cta-brand-icon { width: 64px; height: 64px; border-radius: 16px; box-shadow: 0 22px 55px rgba(37,99,235,.3); }
.demo-form { padding: 30px; border: 1px solid rgba(255,255,255,.13); border-radius: 25px; background: rgba(8,20,36,.78); box-shadow: 0 34px 90px rgba(0,0,0,.34); backdrop-filter: blur(18px); }
.demo-form-heading > span { color: #83bdff; font-size: .7rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.demo-form-heading h3 { margin: 5px 0 5px; font-size: 1.65rem; letter-spacing: -.035em; }
.demo-form-heading p { margin: 0 0 21px; color: #8fa5ba; font-size: .82rem; }
.demo-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.demo-fields label, .demo-consent { display: grid; gap: 7px; }
.demo-fields label > span { color: #c9d7e4; font-size: .74rem; font-weight: 780; }
.demo-fields input, .demo-fields select, .demo-fields textarea { width: 100%; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: rgba(255,255,255,.055); color: #fff; padding: 11px 12px; outline: none; transition: .2s ease; }
.demo-fields textarea { resize: vertical; min-height: 106px; }
.demo-fields select { color-scheme: dark; }
.demo-fields input:focus, .demo-fields select:focus, .demo-fields textarea:focus { border-color: #66adff; box-shadow: 0 0 0 3px rgba(82,167,255,.14); background: rgba(255,255,255,.075); }
.demo-wide { grid-column: 1 / -1; }
.demo-consent { grid-template-columns: auto 1fr; align-items: start; margin: 17px 0; color: #879db1; font-size: .72rem; line-height: 1.45; }
.demo-consent input { margin-top: 3px; accent-color: #4fa9ff; }
.demo-consent a { color: #bcdcff; text-decoration: underline; text-underline-offset: 2px; }
.demo-submit { width: 100%; }
.demo-status { min-height: 1.4em; margin: 12px 0 0; color: #a9c9e7; font-size: .75rem; }
.demo-honeypot { display: none !important; position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(105,180,255,.72); outline-offset: 3px; }

@media (max-width: 980px) {
  .cta-grid { grid-template-columns: 1fr; gap: 46px; }
  .cta-inner { text-align: center; }
  .cta-inner .eyebrow { justify-content: center; }
  .cta-inner > p { margin-inline: auto; }
  .cta-inner .hero-actions { justify-content: center; }
  .brand-logo { width: 150px; }
}
@media (max-width: 620px) {
  .demo-form { padding: 22px 17px; border-radius: 20px; }
  .demo-fields { grid-template-columns: 1fr; }
  .demo-wide { grid-column: auto; }
  .brand-logo { width: 140px; }
}
@media print {
  .site-header, .section-cta, .site-footer, .nav-toggle { display: none !important; }
  body { background: #fff; color: #111; }
  .section { break-inside: avoid; }
}

/* GoSuite v0.37.0 · Home editoriale */
.hero-editorial { min-height: 900px; }
.hero-editorial .hero-layout { grid-template-columns: minmax(0,1.05fr) minmax(430px,.95fr); }
.hero-editorial h1 { font-size: clamp(3.7rem,5.7vw,6.4rem); max-width: 820px; }
.hero-editorial .hero-support { margin-top: 18px; color: #d9e5f2; font-size: 1.08rem; }

.governance-stage { position: relative; min-height: 590px; padding: 28px; border: 1px solid rgba(255,255,255,.13); border-radius: 28px; background: linear-gradient(155deg,rgba(18,35,58,.91),rgba(5,15,28,.96)); box-shadow: 0 50px 110px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08); overflow: hidden; }
.governance-stage::before { content:""; position:absolute; width:420px; height:420px; right:-120px; top:-150px; border-radius:50%; background:rgba(59,116,246,.13); filter:blur(15px); }
.governance-stage::after { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px); background-size:46px 46px; opacity:.5; pointer-events:none; }
.governance-stage-head { position:relative; z-index:2; display:flex; align-items:end; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.08); }
.governance-stage-head span { font-size:1.18rem; font-weight:850; letter-spacing:-.035em; }
.governance-stage-head small { color:#758ba1; font-size:.72rem; }
.governance-lanes { position:relative; z-index:2; display:grid; gap:11px; margin-top:24px; }
.lane-card { display:flex; align-items:center; gap:14px; min-height:74px; padding:13px 16px; border-radius:15px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); }
.lane-card div { display:grid; gap:2px; }
.lane-card small { color:#7c93aa; font-size:.67rem; text-transform:uppercase; letter-spacing:.08em; }
.lane-card b { color:#d9e5f0; font-size:.87rem; font-weight:720; }
.lane-dot { width:12px; height:44px; flex:0 0 12px; border-radius:999px; box-shadow:0 0 22px currentColor; }
.lane-dot.sales { color:var(--sales); background:var(--sales); }.lane-dot.team{color:var(--team);background:var(--team)}.lane-dot.fit{color:var(--fit);background:var(--fit)}.lane-dot.kids{color:var(--kids);background:var(--kids)}
.stage-decision { position:relative; z-index:2; margin-top:20px; padding:19px; border-radius:17px; border:1px solid rgba(96,167,255,.2); background:linear-gradient(135deg,rgba(71,139,255,.13),rgba(107,91,255,.08)); }
.stage-decision > div:first-child { display:grid; }
.stage-decision small { color:#81bfff; font-size:.67rem; text-transform:uppercase; letter-spacing:.1em; }
.stage-decision b { margin-top:2px; font-size:1.1rem; }
.decision-pills { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }
.decision-pills span { padding:6px 9px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); color:#a9bfd2; font-size:.66rem; font-weight:750; }

.section-editorial-intro { background:#07111f; }
.editorial-intro-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:90px; align-items:start; }
.editorial-copy { max-width:760px; }
.editorial-copy p { margin:0 0 22px; color:#a8bacb; font-size:1.12rem; line-height:1.75; }
.editorial-copy strong { color:#fff; }
.editorial-copy .editorial-highlight { margin-top:32px; padding:22px 24px; border-left:2px solid #62afff; background:linear-gradient(90deg,rgba(82,167,255,.09),transparent); color:#dbeaff; font-size:1.24rem; font-weight:730; }
.governance-questions { margin-top:74px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.governance-questions article { min-height:170px; padding:22px; border:1px solid rgba(255,255,255,.09); border-radius:17px; background:rgba(255,255,255,.028); }
.governance-questions span { color:#65b2ff; font-size:.66rem; font-weight:900; letter-spacing:.12em; }
.governance-questions p { margin:46px 0 0; color:#d7e3ee; font-size:1.02rem; font-weight:720; line-height:1.35; }

.section-gestionale .section-heading { max-width:980px; }
.compare-grid-editorial .compare-card { min-height:460px; }
.compare-explainer { color:#879cb0; font-size:.92rem; max-width:470px; }
.statement-box { margin-top:34px; padding:34px 38px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(255,255,255,.035); display:grid; grid-template-columns:1fr 1fr; gap:38px; }
.statement-box p { margin:0; font-size:1.16rem; color:#9eb1c2; }
.statement-box strong { color:#fff; }

.section-real-flow { background:#f4f7fb; color:#0f172a; }
.section-real-flow .eyebrow { color:#2563eb; }
.section-real-flow .split-heading > p { color:#64748b; }
.real-flow { margin-top:60px; display:grid; gap:0; border-top:1px solid #d9e1ea; }
.real-flow-step { display:grid; grid-template-columns:90px minmax(0,1fr); gap:28px; padding:34px 0; border-bottom:1px solid #d9e1ea; }
.real-flow-step > span { color:#2563eb; font-size:.72rem; font-weight:900; letter-spacing:.14em; padding-top:7px; }
.real-flow-step small { color:#64748b; text-transform:uppercase; letter-spacing:.09em; font-size:.67rem; font-weight:820; }
.real-flow-step h3 { margin:4px 0 6px; font-size:1.65rem; letter-spacing:-.035em; }
.real-flow-step p { margin:0; max-width:800px; color:#64748b; }

.apps-editorial-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.app-editorial-card { position:relative; overflow:hidden; min-height:450px; padding:34px; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:rgba(255,255,255,.035); }
.app-editorial-card::after { content:""; position:absolute; width:220px; height:220px; right:-80px; top:-90px; border-radius:50%; opacity:.12; filter:blur(8px); }
.app-editorial-card.app-sales::after{background:var(--sales)}.app-editorial-card.app-team::after{background:var(--team)}.app-editorial-card.app-fit::after{background:var(--fit)}.app-editorial-card.app-kids::after{background:var(--kids)}
.app-editorial-head { display:flex; align-items:center; gap:14px; }
.app-editorial-head .module-dot { width:14px; height:46px; border-radius:999px; }
.app-editorial-head small { color:#8199b0; text-transform:uppercase; font-size:.65rem; letter-spacing:.1em; font-weight:820; }
.app-editorial-head h3 { margin:0; font-size:2rem; letter-spacing:-.045em; }
.app-editorial-promise { margin:28px 0 26px; max-width:560px; font-size:1.22rem; line-height:1.45; color:#dce8f2; font-weight:700; }
.app-editorial-card dl { margin:0; display:grid; gap:0; }
.app-editorial-card dl > div { display:grid; grid-template-columns:120px 1fr; gap:18px; padding:15px 0; border-top:1px solid rgba(255,255,255,.08); }
.app-editorial-card dt { color:#7890a7; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; font-weight:850; }
.app-editorial-card dd { margin:0; color:#aebfce; font-size:.9rem; }

.section-day { background:#091625; }
.day-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:90px; align-items:start; }
.day-timeline { border-top:1px solid rgba(255,255,255,.1); }
.day-timeline article { display:grid; grid-template-columns:86px 1fr; gap:20px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.day-timeline time { color:#66b2ff; font-size:.74rem; font-weight:900; letter-spacing:.07em; }
.day-timeline b { display:block; margin-bottom:4px; font-size:1.05rem; color:#edf6ff; }
.day-timeline p { margin:0; color:#879db1; font-size:.9rem; }

.section-questions { background:#07111f; }
.decision-question-list { display:grid; gap:0; margin-top:30px; border-top:1px solid rgba(255,255,255,.1); }
.decision-question-list p { margin:0; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.08); color:#c7d6e3; font-weight:690; }
.decision-board { padding:24px; border:1px solid rgba(255,255,255,.11); border-radius:24px; background:linear-gradient(145deg,rgba(16,34,57,.94),rgba(6,16,29,.98)); box-shadow:var(--shadow); }
.decision-board-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.08); }
.decision-board-top span { font-weight:850; }
.decision-board-top small { color:#7189a0; }
.decision-board-card { margin-top:13px; padding:20px; border:1px solid rgba(255,255,255,.08); border-radius:15px; background:rgba(255,255,255,.03); }
.decision-board-card small { color:#6fb7ff; font-size:.65rem; text-transform:uppercase; letter-spacing:.1em; font-weight:850; }
.decision-board-card h3 { margin:3px 0 5px; font-size:1.15rem; }
.decision-board-card p { margin:0; color:#8fa5b9; font-size:.86rem; }
.decision-board-card > span { display:inline-block; margin-top:12px; color:#cfe3f5; font-size:.68rem; font-weight:800; }

.academy-benefits { display:flex; flex-wrap:wrap; gap:8px; margin:26px 0; }
.academy-benefits span { padding:7px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.04); color:#b7cada; font-size:.69rem; font-weight:750; }
.section-fitness-editorial .section-copy p { max-width:680px; }

.manifesto-teaser { min-height:auto; padding:150px 0; }
.manifesto-teaser-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(380px,.65fr); gap:80px; align-items:end; }
.manifesto-teaser .manifesto-title { font-size:clamp(3.7rem,6.4vw,7.1rem); }
.manifesto-teaser-copy p { color:#9cadbc; font-size:1.03rem; }
.manifesto-teaser-line { margin:34px 0 26px !important; color:#fff !important; font-size:1.4rem !important; font-weight:800; letter-spacing:-.025em; }
.button-manifesto { background:#f5f8fc; color:#08111e; box-shadow:0 16px 40px rgba(0,0,0,.25); }
.button-manifesto:hover { box-shadow:0 20px 48px rgba(0,0,0,.32); }

.saas-points-standalone { grid-template-columns:repeat(4,1fr); }
.saas-points-standalone article { background:#fff; }

@media (max-width: 1180px) {
  .hero-editorial .hero-layout { grid-template-columns:1fr 1fr; }
  .governance-questions { grid-template-columns:repeat(2,1fr); }
  .manifesto-teaser-grid { grid-template-columns:1fr; align-items:start; }
  .manifesto-teaser-copy { max-width:760px; }
  .saas-points-standalone { grid-template-columns:1fr 1fr; }
}

@media (max-width: 980px) {
  .hero-editorial .hero-layout, .editorial-intro-grid, .day-layout { grid-template-columns:1fr; gap:48px; }
  .hero-editorial .hero-copy { max-width:800px; }
  .governance-stage { min-height:auto; }
  .statement-box { grid-template-columns:1fr; gap:16px; }
  .apps-editorial-grid { grid-template-columns:1fr; }
  .manifesto-teaser { padding:120px 0; }
}

@media (max-width: 720px) {
  .hero-editorial h1 { font-size:clamp(3rem,13vw,4.6rem); }
  .governance-stage { padding:18px; border-radius:22px; }
  .governance-stage-head { align-items:start; flex-direction:column; gap:4px; }
  .lane-card { min-height:68px; }
  .governance-questions { grid-template-columns:1fr; }
  .governance-questions article { min-height:130px; }
  .governance-questions p { margin-top:26px; }
  .real-flow-step { grid-template-columns:50px 1fr; gap:12px; }
  .real-flow-step h3 { font-size:1.35rem; }
  .app-editorial-card { min-height:auto; padding:24px; }
  .app-editorial-card dl > div { grid-template-columns:1fr; gap:5px; }
  .day-timeline article { grid-template-columns:64px 1fr; gap:12px; }
  .decision-board { padding:16px; }
  .manifesto-teaser { padding:100px 0; }
  .manifesto-teaser .manifesto-title { font-size:clamp(3.2rem,15vw,5.2rem); }
  .saas-points-standalone { grid-template-columns:1fr; }
}

/* Manifesto v0.37.0 */
.manifesto-page { background:#03070d; }
.manifesto-page .site-header { background:rgba(3,7,13,.35); }
.manifesto-hero { position:relative; min-height:940px; display:flex; align-items:center; overflow:hidden; background:radial-gradient(circle at 70% 28%,rgba(73,112,255,.17),transparent 30%),linear-gradient(180deg,#02060b,#050b13 72%,#03070d); }
.manifesto-hero::after { content:""; position:absolute; inset:auto 0 0; height:180px; background:linear-gradient(180deg,transparent,#03070d); }
.manifesto-hero-inner { position:relative; z-index:2; padding-top:100px; }
.manifesto-hero h1 { margin:0; font-size:clamp(5rem,10vw,11rem); line-height:.84; letter-spacing:-.075em; font-weight:600; }
.manifesto-hero h1 strong { color:transparent; background:linear-gradient(100deg,#fff,#87c0ff 55%,#707aff); -webkit-background-clip:text; background-clip:text; font-weight:900; }
.manifesto-hero-lead { max-width:820px; margin:50px 0 0; color:#a6b7c7; font-size:1.28rem; line-height:1.7; }
.manifesto-hero-statement { margin:64px 0 0; font-size:clamp(2rem,4vw,4.6rem); line-height:1.03; letter-spacing:-.05em; color:#dce9f3; }
.manifesto-hero-statement b { color:#7bbaff; }
.manifesto-scroll { display:inline-flex; align-items:center; gap:12px; margin-top:44px; color:#d8e6f1; font-weight:780; border-bottom:1px solid rgba(255,255,255,.25); padding-bottom:5px; }

.manifesto-article { background:#f4f7fb; color:#111827; }
.manifesto-opening, .manifesto-chapter { padding:120px 0; }
.manifesto-opening { padding-top:150px; }
.manifesto-reading-grid { display:grid; grid-template-columns:90px minmax(0,820px); gap:70px; justify-content:center; }
.manifesto-index { margin:0; color:#2563eb; font-size:.76rem; font-weight:900; letter-spacing:.14em; padding-top:8px; }
.manifesto-reading { min-width:0; }
.manifesto-reading .chapter-kicker { margin:0 0 12px; color:#2563eb; text-transform:uppercase; letter-spacing:.12em; font-size:.7rem; font-weight:900; }
.manifesto-reading h2 { margin:0 0 34px; font-size:clamp(3rem,5vw,5.8rem); line-height:.98; letter-spacing:-.06em; }
.manifesto-reading > p { margin:0 0 24px; color:#526274; font-size:1.1rem; line-height:1.82; }
.manifesto-reading .manifesto-deck { color:#182334; font-size:1.55rem; line-height:1.6; letter-spacing:-.02em; }
.manifesto-reading strong { color:#111827; }
.manifesto-reading blockquote { margin:52px 0 0; padding:28px 0 0; border-top:1px solid #cbd5e1; font-size:1.7rem; line-height:1.45; letter-spacing:-.035em; font-weight:760; color:#111827; }
.manifesto-emphasis { margin-top:40px !important; padding:25px 28px; border-left:3px solid #2563eb; background:#eaf1ff; color:#1d3558 !important; font-size:1.28rem !important; font-weight:700; }
.manifesto-chapter-dark { background:#07111f; color:#f8fbff; }
.manifesto-chapter-dark .manifesto-index, .manifesto-chapter-dark .chapter-kicker { color:#75b8ff; }
.manifesto-chapter-dark .manifesto-reading h2, .manifesto-chapter-dark .manifesto-reading strong { color:#fff; }
.manifesto-chapter-dark .manifesto-reading > p { color:#9fb2c4; }
.manifesto-chapter-dark .manifesto-reading blockquote { border-color:rgba(255,255,255,.12); color:#e8f2fb; }
.manifesto-chapter-dark .manifesto-emphasis { border-color:#70b5ff; background:rgba(82,167,255,.09); color:#dcecff !important; }
.manifesto-loss-grid { margin:50px 0; display:grid; gap:0; border-top:1px solid #d3dbe5; }
.manifesto-loss-grid span { padding:17px 0; border-bottom:1px solid #d3dbe5; color:#253449; font-size:1.35rem; font-weight:720; }
.manifesto-final { position:relative; overflow:hidden; padding:150px 0; background:#02060b; color:#fff; }
.manifesto-final::before { content:""; position:absolute; width:850px; height:850px; left:50%; top:20%; transform:translate(-50%,-50%); border-radius:50%; border:1px solid rgba(86,149,255,.12); box-shadow:0 0 130px rgba(72,109,255,.12),inset 0 0 110px rgba(58,114,255,.08); }
.manifesto-final .container { position:relative; z-index:2; }
.manifesto-final p { margin:0; font-size:clamp(3rem,6vw,7rem); line-height:.95; letter-spacing:-.065em; font-weight:780; }
.manifesto-final p strong { color:#77b8ff; }
.manifesto-final p + p { margin-top:48px; max-width:1100px; color:#9fc7ee; font-size:clamp(2rem,4.6vw,5.2rem); }
.manifesto-final-rule { height:1px; background:rgba(255,255,255,.12); margin:90px 0 70px; }
.manifesto-final h2 { max-width:1050px; margin:0; font-size:clamp(2.5rem,4.5vw,5rem); line-height:1.04; letter-spacing:-.055em; }
.manifesto-final h2 strong { color:#fff; }
.manifesto-signature { display:block; margin-top:46px; color:#738aa1; font-size:.78rem; text-transform:uppercase; letter-spacing:.12em; font-weight:820; }
.manifesto-final-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:45px; }

@media (max-width: 820px) {
  .manifesto-hero { min-height:auto; padding:150px 0 110px; }
  .manifesto-hero h1 { font-size:clamp(4rem,18vw,7rem); }
  .manifesto-hero-lead { font-size:1.1rem; }
  .manifesto-reading-grid { grid-template-columns:1fr; gap:18px; }
  .manifesto-index { padding-top:0; }
  .manifesto-opening, .manifesto-chapter { padding:90px 0; }
  .manifesto-reading h2 { font-size:clamp(2.8rem,12vw,4.5rem); }
  .manifesto-reading .manifesto-deck { font-size:1.28rem; }
  .manifesto-reading blockquote { font-size:1.4rem; }
  .manifesto-final { padding:110px 0; }
  .manifesto-final p { font-size:clamp(2.8rem,12vw,4.9rem); }
  .manifesto-final p + p { font-size:clamp(2.1rem,9vw,3.8rem); }
}

/* v0.37.1 — accesso, manifesto e visual real-style per ruolo */
.button-login {
  min-height: 42px;
  padding: 0 18px;
  border-color: rgba(107,184,255,.62);
  background: linear-gradient(135deg,rgba(42,119,255,.24),rgba(92,87,255,.30));
  box-shadow: 0 0 0 1px rgba(74,151,255,.08), 0 10px 28px rgba(32,104,255,.20), inset 0 1px 0 rgba(255,255,255,.16);
  color:#fff;
  font-size:.88rem;
}
.button-login:hover,.button-login:focus-visible {
  border-color:#78bdff;
  background:linear-gradient(135deg,#287ff0,#5e69f3);
  box-shadow:0 14px 34px rgba(45,113,255,.34),inset 0 1px 0 rgba(255,255,255,.18);
}
.nav-manifesto-link {
  color:#ffd89a !important;
  padding:8px 11px;
  border:1px solid rgba(245,171,71,.30);
  border-radius:999px;
  background:rgba(245,142,36,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.nav-manifesto-link:hover,.nav-manifesto-link:focus-visible {
  color:#fff3de !important;
  border-color:rgba(255,180,75,.62);
  background:rgba(245,142,36,.14);
}
.nav-manifesto-link::after { display:none !important; }
.manifesto-eyebrow { color:#ffb95f; }
.manifesto-eyebrow span { box-shadow:0 0 16px rgba(255,166,70,.72); }
.manifesto-teaser {
  background:
    radial-gradient(circle at 18% 28%,rgba(255,137,45,.11),transparent 25%),
    radial-gradient(circle at 82% 70%,rgba(78,101,255,.16),transparent 28%),
    #03070d;
}
.manifesto-teaser::after {
  content:"";
  position:absolute;
  inset:28px;
  border:1px solid rgba(255,170,75,.11);
  border-radius:30px;
  pointer-events:none;
}
.manifesto-teaser-line {
  padding-left:18px;
  border-left:3px solid #f4a044;
  color:#fff7ec !important;
}
.button-manifesto {
  min-height:58px;
  padding-inline:28px;
  background:linear-gradient(135deg,#ffb454,#f2792d);
  color:#1b0c03;
  border-color:rgba(255,210,145,.70);
  box-shadow:0 18px 50px rgba(218,100,24,.25),inset 0 1px 0 rgba(255,255,255,.45);
}
.button-manifesto:hover,.button-manifesto:focus-visible {
  box-shadow:0 22px 58px rgba(232,112,26,.36),inset 0 1px 0 rgba(255,255,255,.5);
}
.footer-manifesto-link { color:#ffc278 !important; font-weight:800; }

.role-screen-real {
  position:relative;
  height:auto;
  min-height:350px;
  padding:10px;
  overflow:hidden;
  background:linear-gradient(145deg,#07111f,#0d1b2e);
  border-color:#cfd9e5;
  display:flex;
  align-items:center;
  justify-content:center;
}
.role-screen-real img {
  display:block;
  width:100%;
  height:auto;
  max-height:390px;
  object-fit:contain;
  border-radius:12px;
  box-shadow:0 22px 55px rgba(2,8,18,.35);
}
.role-screen-badge {
  position:absolute;
  left:20px;
  bottom:18px;
  padding:7px 10px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(4,12,22,.82);
  backdrop-filter:blur(12px);
  color:#eef7ff;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}

@media (max-width: 980px) {
  .site-nav .nav-manifesto-link { margin-top:8px; text-align:center; border-bottom:1px solid rgba(245,171,71,.30); }
  .nav-actions .button-login { width:100%; }
  .role-screen-real { min-height:300px; }
}
@media (max-width: 640px) {
  .role-screen-real { min-height:220px; padding:7px; }
  .role-screen-real img { max-height:260px; }
  .role-screen-badge { left:14px; bottom:13px; }
  .manifesto-teaser::after { inset:14px; border-radius:22px; }
}


/* v0.37.2 — CRO & Trust */
.hero-copy h1 { max-width: 860px; }
.hero-trust { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0; }
.hero-trust span { display:inline-flex; align-items:center; min-height:32px; padding:6px 10px; border-radius:999px; border:1px solid rgba(122,183,255,.16); background:rgba(77,143,237,.065); color:#a9bfd3; font-size:.68rem; font-weight:760; }
.hero-trust span::before { content:""; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#62b1ff; box-shadow:0 0 12px rgba(85,172,255,.48); }

.section-mid-cta { padding:54px 0; background:linear-gradient(180deg,#081421,#0a1726); border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); }
.mid-cta { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:48px; align-items:center; padding:34px 38px; border:1px solid rgba(99,171,255,.18); border-radius:24px; background:radial-gradient(circle at 80% 10%,rgba(67,125,255,.13),transparent 30%),rgba(255,255,255,.025); box-shadow:0 26px 70px rgba(0,0,0,.2); }
.mid-cta h2 { margin:7px 0 8px; max-width:900px; font-size:clamp(1.8rem,3vw,3.1rem); line-height:1.04; letter-spacing:-.045em; }
.mid-cta p:not(.eyebrow) { margin:0; max-width:820px; color:#94a9bd; }
.mid-cta > .button { white-space:nowrap; min-height:54px; padding-inline:25px; }

.section-faq { background:#091523; }
.faq-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:80px; align-items:start; }
.faq-layout .section-copy { position:sticky; top:120px; }
.faq-list { display:grid; gap:10px; }
.faq-list details { border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(255,255,255,.028); overflow:hidden; transition:border-color .2s ease,background .2s ease; }
.faq-list details[open] { border-color:rgba(104,177,255,.22); background:rgba(74,139,219,.055); }
.faq-list summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 22px; color:#e9f2fb; font-size:.96rem; font-weight:820; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; flex:0 0 auto; width:27px; height:27px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.12); color:#78b9ff; font-size:1.1rem; font-weight:500; }
.faq-list details[open] summary::after { content:"–"; }
.faq-list details p { margin:0; padding:0 22px 22px; max-width:820px; color:#91a8bd; font-size:.9rem; line-height:1.7; }

.demo-topics { border:0; padding:0; margin:0; }
.demo-topics legend { display:block; width:100%; margin:0 0 10px; color:#c8d6e4; font-size:.72rem; font-weight:820; }
.demo-topics legend small { margin-left:6px; color:#758ea6; font-size:.65rem; font-weight:650; }
.demo-topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.demo-topic-grid label { position:relative; display:block; cursor:pointer; }
.demo-topic-grid input { position:absolute; opacity:0; pointer-events:none; }
.demo-topic-grid span { min-height:45px; display:flex; align-items:center; padding:10px 12px 10px 34px; border:1px solid rgba(255,255,255,.10); border-radius:11px; background:rgba(255,255,255,.035); color:#afc1d2; font-size:.76rem; font-weight:720; transition:.18s ease; }
.demo-topic-grid span::before { content:""; position:absolute; left:12px; width:13px; height:13px; border-radius:4px; border:1px solid rgba(139,181,224,.55); background:#0b1828; }
.demo-topic-grid input:checked + span { border-color:rgba(82,157,255,.55); background:rgba(53,126,255,.12); color:#eef7ff; }
.demo-topic-grid input:checked + span::before { border-color:#63adff; background:#3587ef; box-shadow:inset 0 0 0 3px #0d1b2b; }
.demo-topic-grid input:focus-visible + span { outline:2px solid #69b1ff; outline-offset:2px; }
.demo-other { display:block !important; margin-top:10px; }
.demo-other > span { display:block; margin-bottom:6px; color:#829ab0; font-size:.68rem; font-weight:720; }
.demo-other input { width:100%; }

.section-editorial-intro .editorial-copy p, .section-day .section-copy > p, .compare-explainer { line-height:1.75; }
.governance-questions { margin-top:58px; }

@media (max-width:980px) {
  .mid-cta { grid-template-columns:1fr; gap:24px; }
  .mid-cta > .button { width:max-content; }
  .faq-layout { grid-template-columns:1fr; gap:42px; }
  .faq-layout .section-copy { position:static; }
}
@media (max-width:640px) {
  .hero-trust { gap:6px; }
  .hero-trust span { width:100%; border-radius:10px; }
  .section-mid-cta { padding:36px 0; }
  .mid-cta { padding:24px 20px; border-radius:18px; }
  .mid-cta > .button { width:100%; }
  .demo-topic-grid { grid-template-columns:1fr; }
  .faq-list summary { padding:18px; font-size:.9rem; }
  .faq-list details p { padding:0 18px 19px; }
}