:root {
  --ink: #07101f;
  --ink-2: #0b1729;
  --ink-3: #101f36;
  --panel: rgba(17, 32, 54, .76);
  --panel-solid: #111f34;
  --line: rgba(158, 181, 216, .15);
  --muted: #8fa2bd;
  --text: #f7f9fd;
  --blue: #3a7bfd;
  --blue-2: #68a5ff;
  --cyan: #69e7de;
  --red: #ff7e8b;
  --green: #54e39e;
  --container: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; background: var(--ink); color: var(--text); font-family: "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { display: block; max-width: 100%; }
.page-shell { overflow: hidden; }
.container { width: min(var(--container), calc(100% - 48px)); margin: 0 auto; }
.section { padding: 128px 0; position: relative; }
.section-grid { position: relative; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 72px 72px; }
.section-grid::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent, var(--ink) 95%); pointer-events: none; }

.site-header { height: 80px; border-bottom: 1px solid var(--line); background: rgba(7,16,31,.8); backdrop-filter: blur(18px); position: absolute; top: 0; left: 0; right: 0; z-index: 30; }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-size: .88rem; font-weight: 800; letter-spacing: .18em; white-space: nowrap; }
.brand img { width: 30px; height: 20px; object-fit: contain; }
.nav-links { display: flex; gap: 34px; color: #bac6d8; font-size: .94rem; }
.nav-links a, .text-link { transition: color .2s ease; }
.nav-links a:hover, .text-link:hover { color: white; }
.header-actions { display: flex; align-items: center; gap: 24px; font-size: .94rem; }
.text-link { color: #bac6d8; }
.button { min-height: 54px; padding: 0 25px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(105,167,255,.55); border-radius: 14px; background: linear-gradient(135deg, #3375fa, #4a8cff); color: white; font-weight: 700; letter-spacing: -.01em; box-shadow: 0 12px 38px rgba(58,123,253,.2), inset 0 1px rgba(255,255,255,.16); transition: transform .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 18px 46px rgba(58,123,253,.3), inset 0 1px rgba(255,255,255,.16); }
.button-small { min-height: 42px; padding: 0 18px; border-radius: 11px; }
.button-secondary { background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.13); box-shadow: inset 0 1px rgba(255,255,255,.07); color: #dce5f2; }
.play { color: var(--blue-2); font-size: .72rem; }
.menu-button, .mobile-nav { display: none; }

.hero { min-height: 940px; padding: 156px 0 50px; isolation: isolate; }
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 74% 38%, rgba(45,116,249,.16), transparent 30%), radial-gradient(circle at 18% 18%, rgba(88,228,216,.06), transparent 24%); z-index: -1; }
.hero-glow { position: absolute; border-radius: 999px; filter: blur(10px); opacity: .2; z-index: -1; }
.hero-glow-a { width: 420px; height: 420px; right: 4%; top: 15%; background: #225fd0; }
.hero-glow-b { width: 260px; height: 260px; left: 4%; top: 24%; background: #177f8c; opacity: .09; }
.hero-layout { min-height: 660px; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 54px; position: relative; z-index: 2; }
.hero-copy { padding: 12px 0 40px; position: relative; z-index: 4; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; border: 1px solid rgba(116,170,255,.19); background: rgba(48,102,188,.08); border-radius: 99px; padding: 9px 14px; color: #afc3df; font-size: .76rem; font-weight: 700; letter-spacing: .105em; text-transform: uppercase; }
.eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 16px var(--cyan); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin: 27px 0 26px; font-size: clamp(3.15rem, 5vw, 5.15rem); line-height: .99; letter-spacing: -.058em; font-weight: 750; }
h1 span, .centered-heading h2 span, .final-cta h2 span { color: var(--blue-2); }
.hero-lead { max-width: 610px; color: #acbbcf; font-size: 1.16rem; line-height: 1.65; }
.hero-buttons { margin-top: 34px; display: flex; gap: 12px; flex-wrap: wrap; }
.trust-strip { margin-top: 38px; display: grid; gap: 11px; color: #9eafc5; font-size: .88rem; }
.trust-strip div { display: flex; gap: 10px; align-items: center; }
.check { width: 19px; height: 19px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--cyan); background: rgba(105,231,222,.08); border: 1px solid rgba(105,231,222,.18); font-size: .7rem; font-weight: 800; }

.hero-product { position: relative; min-width: 0; transform: perspective(1400px) rotateY(-2.5deg) rotateX(1.6deg); transform-origin: center; }
.dashboard-window { min-width: 720px; border: 1px solid rgba(120,159,220,.2); border-radius: 22px; overflow: hidden; background: #0b1729; box-shadow: 0 50px 90px rgba(0,0,0,.48), 0 0 0 7px rgba(255,255,255,.018), inset 0 1px rgba(255,255,255,.06); }
.window-topbar { height: 50px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(16,31,53,.96); }
.window-brand { display: flex; align-items: center; gap: 8px; font-size: .58rem; letter-spacing: .16em; font-weight: 800; }
.window-brand img { width: 21px; height: 14px; object-fit: contain; }
.window-period { display: flex; align-items: center; gap: 8px; color: #7e93ae; font-size: .63rem; }
.window-period > span { color: var(--green); font-size: .55rem; }
.window-period b { margin-left: 5px; color: #bdcadc; font-weight: 600; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; padding: 5px 8px; }
.dashboard-body { display: flex; min-height: 505px; }
.dashboard-sidebar { width: 55px; padding: 18px 0; display: flex; flex-direction: column; align-items: center; gap: 14px; border-right: 1px solid rgba(255,255,255,.06); background: rgba(5,12,23,.45); }
.side-icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: #66809f; font-size: .77rem; border-radius: 8px; }
.side-icon.active { color: #fff; background: linear-gradient(145deg, #3677f9, #285fd0); box-shadow: 0 8px 24px rgba(58,123,253,.3); }
.side-bottom { margin-top: auto; }
.dashboard-main { flex: 1; padding: 22px; min-width: 0; }
.dashboard-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.dashboard-heading small { color: #5276ab; font-size: .57rem; letter-spacing: .18em; font-weight: 800; }
.dashboard-heading h3 { margin: 2px 0 0; font-size: 1.08rem; letter-spacing: -.02em; }
.discipline-score { display: flex; align-items: baseline; gap: 4px; }
.discipline-score span { margin-right: 7px; color: #7f92ac; font-size: .61rem; }
.discipline-score strong { font-size: 1.06rem; }
.discipline-score i { color: #60728b; font-size: .61rem; font-style: normal; }
.metric-grid { display: grid; grid-template-columns: 1.25fr 1.25fr .8fr; gap: 10px; }
.metric-card { min-height: 86px; padding: 14px; border: 1px solid rgba(255,255,255,.06); border-radius: 12px; display: flex; flex-direction: column; background: rgba(255,255,255,.025); }
.metric-card.accent { border-color: rgba(255,126,139,.14); background: linear-gradient(140deg, rgba(255,126,139,.055), rgba(255,255,255,.018)); }
.metric-card span { color: #8092aa; font-size: .61rem; }
.metric-card strong { margin-top: 5px; font-size: 1.08rem; letter-spacing: -.02em; }
.metric-card small { margin-top: auto; color: #5d708a; font-size: .55rem; }
.positive { color: var(--green) !important; }
.negative { color: var(--red) !important; }
.chart-card { margin-top: 10px; padding: 13px 14px 8px; border: 1px solid rgba(255,255,255,.06); border-radius: 12px; background: rgba(255,255,255,.02); }
.chart-head { display: flex; align-items: center; justify-content: space-between; font-size: .61rem; color: #a7b6c9; }
.chart-head div { color: #667a95; font-size: .51rem; }
.legend { display: inline-block; width: 6px; height: 6px; border-radius: 2px; margin: 0 3px 0 7px; }
.legend.blue { background: var(--blue); }.legend.red { background: var(--red); }
.line-chart { width: 100%; height: 153px; margin-top: 6px; overflow: visible; }
.grid-lines line { stroke: rgba(255,255,255,.055); stroke-width: 1; }
.area { fill: url(#blueFill); }
.actual-line { fill: none; stroke: var(--blue-2); stroke-width: 3; stroke-linecap: round; }
.violation-line { fill: none; stroke: rgba(255,126,139,.8); stroke-width: 2; stroke-dasharray: 5 6; }
.chart-axis { display: flex; justify-content: space-between; color: #50647d; font-size: .46rem; }
.violation-list { margin-top: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.violation-list > div { min-width: 0; padding: 9px; border: 1px solid rgba(255,255,255,.055); border-radius: 10px; background: rgba(255,255,255,.018); display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 7px; }
.violation-list span { min-width: 0; display: flex; flex-direction: column; }
.violation-list b { font-size: .5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.violation-list small { color: #667a94; font-size: .45rem; }
.violation-list strong { grid-column: 2; color: var(--red); font-size: .58rem; }
.violation-icon { grid-row: span 2; width: 23px; height: 23px; border-radius: 7px; display: grid; place-items: center; color: var(--red); background: rgba(255,126,139,.09); font-size: .63rem; font-style: normal; }
.floating-card { position: absolute; background: rgba(19,37,62,.94); border: 1px solid rgba(145,180,230,.2); border-radius: 14px; box-shadow: 0 24px 56px rgba(0,0,0,.42); backdrop-filter: blur(14px); }
.float-score { left: -46px; bottom: 42px; width: 174px; padding: 15px; }
.float-score span { display: block; color: #93a8c4; font-size: .58rem; }
.float-score strong { display: block; font-size: 1.35rem; margin-top: 4px; }.float-score small{font-size:.57rem;color:#71839c}
.score-bar { height: 4px; margin-top: 10px; border-radius: 8px; background: rgba(255,255,255,.08); overflow: hidden; }.score-bar i{display:block;width:78%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));}
.float-alert { right: -26px; top: 84px; display: flex; gap: 10px; padding: 12px 14px; align-items: center; }
.float-alert > i { width: 27px; height: 27px; border-radius: 9px; display: grid; place-items: center; color: var(--red); background: rgba(255,126,139,.1); font-style: normal; font-weight: 800; }
.float-alert div{display:flex;flex-direction:column}.float-alert span{color:#93a6bf;font-size:.52rem}.float-alert b{font-size:.64rem}
.product-proof { position: relative; z-index: 3; margin-top: 30px; min-height: 78px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: center; gap: 24px; color: #8395ae; font-size: .79rem; text-align: center; }
.product-proof i { width: 3px; height: 3px; border-radius: 50%; background: #3d5370; }

.section-heading h2 { margin: 10px 0 0; font-size: clamp(2.6rem, 4.5vw, 4.35rem); line-height: 1.08; letter-spacing: -.052em; font-weight: 720; }
.kicker { color: var(--blue-2); font-size: .72rem; letter-spacing: .2em; font-weight: 800; }
.split-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: end; }
.split-heading > p { max-width: 460px; margin: 0 0 6px; color: #93a5bc; font-size: 1.06rem; line-height: 1.75; }
.problem { background: #081222; }
.comparison-grid { margin-top: 70px; display: grid; grid-template-columns: .92fr 1.08fr; gap: 18px; }
.comparison-card { min-height: 330px; padding: 33px; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; position: relative; }
.muted-card { background: rgba(255,255,255,.02); }
.focus-card { background: linear-gradient(135deg, rgba(48,104,207,.18), rgba(15,30,51,.86)); border-color: rgba(75,139,255,.26); box-shadow: inset 0 1px rgba(255,255,255,.05), 0 24px 70px rgba(0,0,0,.18); }
.card-label { color: #627996; font-size: .64rem; letter-spacing: .18em; font-weight: 800; }
.plain-number { margin-top: 40px; display: flex; flex-direction: column; }.plain-number span{color:#7f91aa;font-size:.76rem}.plain-number strong{font-size:2.4rem;letter-spacing:-.04em;margin-top:4px}
.simple-chart { height: 68px; margin: 24px 0; display: flex; gap: 9px; align-items: end; }.simple-chart i{flex:1;height:var(--h,40%);border-radius:5px 5px 2px 2px;background:#243650}.simple-chart i:nth-child(1){height:36%}.simple-chart i:nth-child(2){height:54%}.simple-chart i:nth-child(3){height:45%}.simple-chart i:nth-child(4){height:74%}.simple-chart i:nth-child(5){height:61%}.simple-chart i:nth-child(6){height:86%}.simple-chart i:nth-child(7){height:78%}
.comparison-card p { margin: 0; color: #7f91aa; font-size: .91rem; }
.insight-row { min-height: 57px; border-bottom: 1px solid rgba(255,255,255,.07); display: flex; justify-content: space-between; align-items: center; color: #9eafc4; font-size: .82rem; }.insight-row:first-of-type{margin-top:22px}.insight-row strong{color:#f5f8fc;font-size:1rem}.insight-row.warning strong{color:var(--red)}
.progress { height: 6px; border-radius: 9px; background: rgba(255,255,255,.08); margin: 24px 0 20px; overflow: hidden; }.progress i{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit}
.benefit-grid { margin-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.benefit-grid article { padding: 29px; border-top: 1px solid var(--line); }
.benefit-num { color: #506b91; font-size: .72rem; font-weight: 800; }.benefit-grid h3{font-size:1.05rem;margin:20px 0 10px;letter-spacing:-.02em}.benefit-grid p{margin:0;color:#8193ac;font-size:.88rem}

.feature-showcase { background-color: #07101f; }
.centered-heading { max-width: 800px; margin: 0 auto; text-align: center; position:relative;z-index:2; }.centered-heading p{max-width:650px;margin:22px auto 0;color:#92a4bb;font-size:1.03rem}
.tabs { margin: 52px auto 28px; width: fit-content; padding: 5px; display: flex; gap: 5px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); position:relative;z-index:2; }
.tab { min-height: 43px; padding: 0 18px; color: #7f92aa; background: transparent; border: 0; border-radius: 10px; cursor: pointer; font-size: .84rem; font-weight: 650; }.tab.active{color:white;background:#142640;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.product-stage { min-height: 535px; border: 1px solid rgba(112,151,210,.18); border-radius: 26px; background: linear-gradient(135deg, rgba(17,34,59,.92), rgba(9,20,36,.76)); display: grid; grid-template-columns: .72fr 1.28fr; overflow: hidden; position:relative;z-index:2;box-shadow:0 35px 100px rgba(0,0,0,.25)}
.stage-copy { padding: 58px 46px; border-right: 1px solid var(--line); position:relative; }
.stage-panel { display:none }.stage-panel.active{display:block;animation:fadeIn .25s ease both}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.stage-index { color: #5c779a; font-size: .68rem; font-weight: 800; letter-spacing: .15em; }.stage-panel h3{margin:24px 0 16px;font-size:2rem;line-height:1.18;letter-spacing:-.04em}.stage-panel>p{color:#8fa1b9;line-height:1.75;font-size:.94rem}.stage-panel ul{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:15px;color:#bdc9d9;font-size:.88rem}.stage-panel li{display:flex;gap:10px}.stage-panel li span{color:var(--cyan)}
.stage-ui { min-width:0;padding:52px 0 0 45px;display:flex;align-items:flex-end; }
.stage-browser { width: 690px; height: 448px; border: 1px solid rgba(138,171,223,.2); border-radius: 18px 0 0 0; overflow:hidden;background:#091527;box-shadow:-20px 30px 70px rgba(0,0,0,.35)}
.stage-browser-bar{height:36px;padding:0 12px;display:flex;align-items:center;gap:6px;background:#13233a;border-bottom:1px solid rgba(255,255,255,.06)}.stage-browser-bar>span{width:6px;height:6px;border-radius:50%;background:#3a4d67}.stage-browser-bar div{margin-left:8px;width:52%;height:18px;border-radius:6px;background:#0c192b;color:#4f6582;font-size:.5rem;display:flex;align-items:center;padding:0 9px}
.stage-browser-content{display:flex;height:calc(100% - 36px)}.ui-side{width:46px;padding:15px 0;display:flex;flex-direction:column;align-items:center;gap:16px;border-right:1px solid rgba(255,255,255,.06)}.ui-side b{font-size:.58rem;letter-spacing:-.05em}.ui-side i{width:20px;height:20px;border-radius:6px;background:#152843}.ui-side i.on{background:var(--blue)}
.ui-content{flex:1;padding:25px}.ui-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ui-title span{font-weight:700;font-size:.91rem}.ui-title small{padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#7e91aa;font-size:.52rem}
.ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ui-metrics>div{min-height:70px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.02);display:flex;flex-direction:column}.ui-metrics small{color:#70839d;font-size:.5rem}.ui-metrics b{margin-top:6px;font-size:.9rem}
.ui-layout{margin-top:9px;display:grid;grid-template-columns:.82fr 1.18fr;gap:9px}.ui-donut,.ui-bars{min-height:230px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.018)}.ui-donut{display:grid;place-items:center}.ui-donut>div{width:128px;height:128px;border-radius:50%;background:conic-gradient(var(--red) 0 37%,#1c2d46 37%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.ui-donut>div::after{content:"";position:absolute;inset:15px;border-radius:50%;background:#0e1c30}.ui-donut b,.ui-donut small{position:relative;z-index:1}.ui-donut b{font-size:1.35rem}.ui-donut small{color:#7286a0;font-size:.49rem}
.ui-bars{padding:20px;display:grid;align-content:center;gap:15px}.ui-bars span{display:grid;grid-template-columns:78px 1fr 66px;gap:9px;align-items:center}.ui-bars b{font-size:.48rem;color:#8294ac}.ui-bars i{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--red) var(--w),#1a2b43 var(--w));}.ui-bars em{font-style:normal;text-align:right;color:#a7b5c8;font-size:.5rem}
.feature-card-grid{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:2}.feature-card-grid article{min-height:220px;padding:27px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(58,123,253,.12);border:1px solid rgba(58,123,253,.18);color:var(--blue-2);font-size:1.1rem}.feature-card-grid h3{margin:26px 0 10px;font-size:1rem}.feature-card-grid p{margin:0;color:#7e91aa;font-size:.83rem}

.how-section { background:#091423; }
.steps { margin-top: 76px; display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line) }.steps article{min-height:310px;padding:30px;border-right:1px solid var(--line)}.steps article:last-child{border-right:0}.step-top{display:flex;justify-content:space-between;align-items:center}.step-top>span{font-size:.7rem;color:#597291;font-weight:800}.step-top i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#122640;color:var(--blue-2);font-style:normal}.steps h3{margin:68px 0 13px;font-size:1.08rem;line-height:1.35}.steps p{margin:0;color:#7e91a9;font-size:.86rem}

.security-section { background: radial-gradient(circle at 26% 50%, rgba(37,100,205,.14), transparent 28%), #07101f; }
.security-layout { display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center }.security-visual{height:520px;position:relative;display:grid;place-items:center}.shield-ring{position:absolute;border-radius:50%;border:1px solid rgba(100,151,230,.13)}.ring-outer{width:430px;height:430px}.ring-mid{width:300px;height:300px;box-shadow:0 0 80px rgba(42,107,221,.12)}.shield-core{width:178px;height:178px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:linear-gradient(145deg,#152c4d,#0b192d);border:1px solid rgba(109,160,238,.28);box-shadow:0 25px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08)}.shield-core img{width:82px;height:53px;object-fit:contain}.shield-core span{font-size:.55rem;letter-spacing:.24em;color:#7187a5;font-weight:800}.security-pill{position:absolute;min-height:44px;padding:0 15px 0 8px;display:flex;align-items:center;gap:10px;border:1px solid rgba(130,165,218,.16);background:rgba(15,31,53,.9);border-radius:99px;color:#aebdd0;font-size:.72rem;box-shadow:0 14px 34px rgba(0,0,0,.26)}.security-pill span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(58,123,253,.13);color:var(--blue-2);font-size:.55rem;font-weight:800}.pill-a{top:54px;left:30px}.pill-b{right:10px;top:180px}.pill-c{left:16px;bottom:60px}
.security-copy h2{margin:13px 0 23px;font-size:clamp(2.8rem,4.3vw,4.2rem);line-height:1.06;letter-spacing:-.052em}.security-copy>p{max-width:530px;color:#8fa2ba;font-size:1.02rem}.security-points{margin-top:40px;display:grid}.security-points>div{min-height:91px;border-top:1px solid var(--line);display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center}.security-points>div:last-child{border-bottom:1px solid var(--line)}.security-points>div>span{color:#557295;font-size:.65rem;font-weight:800}.security-points p{margin:0;display:flex;flex-direction:column;gap:5px}.security-points b{font-size:.9rem}.security-points small{font-size:.75rem;color:#72859e}

.focus-section{padding-top:20px;background:#07101f}.focus-layout{min-height:440px;border:1px solid rgba(110,155,222,.17);border-radius:28px;padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:linear-gradient(120deg,rgba(19,38,65,.65),rgba(10,22,39,.82));box-shadow:inset 0 1px rgba(255,255,255,.04)}.focus-copy h2{margin:14px 0 20px;font-size:3.45rem;line-height:1.08;letter-spacing:-.052em}.focus-copy p{max-width:470px;margin:0;color:#889bb4}.focus-widget{padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0d1b2f;box-shadow:0 28px 70px rgba(0,0,0,.25)}.focus-top{display:flex;justify-content:space-between;color:#8295ad;font-size:.67rem}.focus-top i{font-style:normal;color:#607693}.focus-widget h3{margin:17px 0 24px;font-size:1.15rem}.focus-days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.focus-days>div{height:66px;border:1px solid rgba(255,255,255,.06);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:rgba(255,255,255,.018)}.focus-days b{font-size:.53rem;color:#677b95}.focus-days span{font-size:.72rem}.focus-days .done span{color:var(--green)}.focus-days .miss{border-color:rgba(255,126,139,.18);background:rgba(255,126,139,.04)}.focus-days .miss span{color:var(--red)}.focus-result{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between}.focus-result>div{display:flex;flex-direction:column}.focus-result small{color:#70839c;font-size:.57rem}.focus-result b{margin-top:4px;font-size:.9rem}

.faq-section{background:#081220}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq-intro h2{font-size:3.4rem;letter-spacing:-.05em;margin:12px 0 16px}.faq-intro p{color:#8295ae}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{min-height:80px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-weight:650;font-size:1rem}summary::-webkit-details-marker{display:none}summary span{font-size:1.35rem;color:#5f7b9f;font-weight:300;transition:transform .2s}details[open] summary span{transform:rotate(45deg);color:var(--blue-2)}details p{padding:0 55px 26px 0;margin:0;color:#7f91aa;font-size:.9rem;line-height:1.7}

.final-cta{padding:145px 0;background-color:#07101f;text-align:center;overflow:hidden;isolation:isolate}.final-cta::after{background:linear-gradient(180deg,var(--ink) 0%,transparent 50%,var(--ink) 100%);z-index:-1}.cta-glow{position:absolute;width:620px;height:350px;left:50%;top:50%;transform:translate(-50%,-50%);background:#235ec5;filter:blur(90px);opacity:.2;z-index:-2}.cta-inner{position:relative;z-index:2}.mini-brand{display:flex;align-items:center;justify-content:center;gap:10px;color:#b7c6d9;font-size:.67rem;font-weight:800;letter-spacing:.2em}.mini-brand img{width:28px;height:18px;object-fit:contain}.final-cta h2{margin:30px 0 22px;font-size:clamp(2.7rem,5vw,4.7rem);line-height:1.08;letter-spacing:-.055em}.final-cta p{color:#8ea1ba;font-size:1.05rem}.centered-buttons{justify-content:center}
.site-footer{padding:70px 0 28px;background:#050c17;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start}.footer-brand{margin-bottom:18px}.footer-top>div>p{color:#667a95;font-size:.82rem}.footer-links{display:flex;gap:95px}.footer-links>div{display:flex;flex-direction:column;gap:10px;min-width:110px}.footer-links b{font-size:.77rem;margin-bottom:6px}.footer-links a{color:#768aa4;font-size:.8rem}.footer-bottom{margin-top:55px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;color:#516780;font-size:.68rem}.footer-bottom p{margin:0;text-align:right;max-width:650px}

@media (max-width: 1080px) {
  .hero { min-height:auto; }
  .hero-layout { grid-template-columns:1fr; padding-top:40px; }
  .hero-copy { max-width:760px; }
  .hero-product { max-width:780px; margin:0 auto; transform:none; width:100%; }
  .dashboard-window { min-width:0; }
  .split-heading { grid-template-columns:1fr; gap:26px; align-items:start; }
  .feature-card-grid { grid-template-columns:repeat(2,1fr); }
  .security-layout { gap:40px; }
  .focus-layout { gap:40px; padding:48px; }
}

@media (max-width: 760px) {
  .container { width:min(100% - 30px, 560px); }
  .section { padding:82px 0; }
  .site-header { height:68px; }
  .nav-links,.header-actions{display:none}.menu-button{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.menu-button span{width:17px;height:1px;background:white}.mobile-nav{display:none;position:absolute;top:67px;left:0;right:0;padding:14px 20px 22px;background:#0a1627;border-bottom:1px solid var(--line);flex-direction:column}.mobile-nav.open{display:flex}.mobile-nav a{padding:10px 4px;color:#a8b8cb;font-size:.88rem}
  .brand{gap:9px;font-size:.76rem}.brand img{width:25px;height:16px}
  .hero{padding:118px 0 28px}.hero-layout{display:block;min-height:0;padding-top:0}.hero-copy{padding-bottom:58px}.eyebrow{font-size:.59rem;letter-spacing:.09em;padding:8px 11px}h1{font-size:3.16rem;margin:22px 0;line-height:1.02}.hero-lead{font-size:1rem;line-height:1.6}.hero-buttons{display:grid}.hero-buttons .button{width:100%}.trust-strip{font-size:.78rem}.hero-product{width:calc(100% + 48px);margin-left:-8px}.dashboard-window{border-radius:15px}.window-topbar{height:39px;padding:0 10px}.dashboard-body{min-height:348px}.dashboard-sidebar{width:36px;padding:12px 0;gap:9px}.side-icon{width:22px;height:22px;font-size:.55rem}.dashboard-main{padding:12px}.dashboard-heading{margin-bottom:9px}.dashboard-heading h3{font-size:.77rem}.dashboard-heading small,.discipline-score span{font-size:.42rem}.discipline-score strong{font-size:.75rem}.metric-grid{gap:5px}.metric-card{min-height:64px;padding:8px;border-radius:8px}.metric-card span{font-size:.42rem}.metric-card strong{font-size:.68rem}.metric-card small{font-size:.38rem}.chart-card{margin-top:6px;padding:8px}.chart-head{font-size:.43rem}.chart-head div{display:none}.line-chart{height:105px}.chart-axis{font-size:.32rem}.violation-list{gap:4px;margin-top:6px}.violation-list>div{padding:6px;grid-template-columns:17px 1fr;gap:4px}.violation-icon{width:17px;height:17px;font-size:.4rem}.violation-list b{font-size:.37rem}.violation-list small{font-size:.32rem}.violation-list strong{font-size:.4rem}.float-score{left:4px;bottom:-35px;width:135px;padding:11px}.float-score strong{font-size:1rem}.float-alert{right:4px;top:48px;padding:8px}.float-alert>i{width:20px;height:20px;font-size:.57rem}.product-proof{margin-top:78px;flex-direction:column;gap:8px;padding:20px 0;font-size:.72rem}.product-proof i{display:none}
  .section-heading h2{font-size:2.48rem}.split-heading>p{font-size:.94rem}.comparison-grid{grid-template-columns:1fr;margin-top:45px}.comparison-card{min-height:285px;padding:25px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{padding:25px 0}.centered-heading{text-align:left}.tabs{width:100%;overflow:auto;justify-content:flex-start;margin-top:38px}.tab{white-space:nowrap;padding:0 13px;font-size:.73rem}.product-stage{grid-template-columns:1fr}.stage-copy{padding:32px 25px;border-right:0;border-bottom:1px solid var(--line);min-height:360px}.stage-panel h3{font-size:1.85rem}.stage-ui{padding:28px 0 0 18px}.stage-browser{width:600px;height:365px}.feature-card-grid{grid-template-columns:1fr}.feature-card-grid article{min-height:190px}.steps{grid-template-columns:1fr}.steps article{min-height:205px;border-right:0;border-bottom:1px solid var(--line);padding:27px 5px}.steps article:last-child{border-bottom:0}.steps h3{margin:34px 0 10px}.security-layout{grid-template-columns:1fr}.security-copy{order:1}.security-visual{order:2;height:420px}.security-copy h2{font-size:2.6rem}.ring-outer{width:340px;height:340px}.ring-mid{width:240px;height:240px}.shield-core{width:146px;height:146px}.shield-core img{width:67px}.security-pill{font-size:.61rem}.pill-a{top:40px;left:-2px}.pill-b{right:-4px;top:151px}.pill-c{left:0;bottom:35px}.focus-section{padding-top:0}.focus-layout{grid-template-columns:1fr;padding:38px 24px;gap:40px}.focus-copy h2{font-size:2.45rem}.focus-widget{padding:20px}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-intro h2{font-size:2.5rem}summary{font-size:.92rem}.final-cta{padding:100px 0}.final-cta h2{font-size:2.55rem}.footer-top{display:grid;gap:46px}.footer-links{gap:50px}.footer-bottom{display:grid;gap:12px}.footer-bottom p{text-align:left}.stage-browser{transform:scale(.72);transform-origin:left bottom;margin-right:-180px}.ui-layout{grid-template-columns:.72fr 1.28fr}
}

/* Dedicated narrow export for the browser screenshot without device emulation. */
.mobile-export { width: 390px; min-width:390px; max-width:390px; overflow-x:hidden; }
.mobile-export .container { width:calc(100% - 30px); }
.mobile-export .section { padding:82px 0; }
.mobile-export .site-header { height:68px; width:390px; }
.mobile-export .nav-links,.mobile-export .header-actions{display:none}.mobile-export .menu-button{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.mobile-export .menu-button span{width:17px;height:1px;background:white}.mobile-export .mobile-nav{width:390px;display:none;position:absolute;top:67px;left:0;padding:14px 20px 22px;background:#0a1627;border-bottom:1px solid var(--line);flex-direction:column}.mobile-export .mobile-nav.open{display:flex}.mobile-export .mobile-nav a{padding:10px 4px;color:#a8b8cb;font-size:.88rem}
.mobile-export .brand{gap:9px;font-size:.76rem}.mobile-export .brand img{width:25px;height:16px}
.mobile-export .hero{padding:118px 0 28px;min-height:auto}.mobile-export .hero-layout{display:block;min-height:0;padding-top:0}.mobile-export .hero-copy{padding-bottom:58px}.mobile-export .eyebrow{font-size:.59rem;letter-spacing:.09em;padding:8px 11px}.mobile-export h1{font-size:3.16rem;margin:22px 0;line-height:1.02}.mobile-export .hero-lead{font-size:1rem;line-height:1.6}.mobile-export .hero-buttons{display:grid}.mobile-export .hero-buttons .button{width:100%}.mobile-export .trust-strip{font-size:.78rem}.mobile-export .hero-product{width:calc(100% + 48px);margin-left:-8px;transform:none}.mobile-export .dashboard-window{min-width:0;border-radius:15px}.mobile-export .window-topbar{height:39px;padding:0 10px}.mobile-export .dashboard-body{min-height:348px}.mobile-export .dashboard-sidebar{width:36px;padding:12px 0;gap:9px}.mobile-export .side-icon{width:22px;height:22px;font-size:.55rem}.mobile-export .dashboard-main{padding:12px}.mobile-export .dashboard-heading{margin-bottom:9px}.mobile-export .dashboard-heading h3{font-size:.77rem}.mobile-export .dashboard-heading small,.mobile-export .discipline-score span{font-size:.42rem}.mobile-export .discipline-score strong{font-size:.75rem}.mobile-export .metric-grid{gap:5px}.mobile-export .metric-card{min-height:64px;padding:8px;border-radius:8px}.mobile-export .metric-card span{font-size:.42rem}.mobile-export .metric-card strong{font-size:.68rem}.mobile-export .metric-card small{font-size:.38rem}.mobile-export .chart-card{margin-top:6px;padding:8px}.mobile-export .chart-head{font-size:.43rem}.mobile-export .chart-head div{display:none}.mobile-export .line-chart{height:105px}.mobile-export .chart-axis{font-size:.32rem}.mobile-export .violation-list{gap:4px;margin-top:6px}.mobile-export .violation-list>div{padding:6px;grid-template-columns:17px 1fr;gap:4px}.mobile-export .violation-icon{width:17px;height:17px;font-size:.4rem}.mobile-export .violation-list b{font-size:.37rem}.mobile-export .violation-list small{font-size:.32rem}.mobile-export .violation-list strong{font-size:.4rem}.mobile-export .float-score{left:4px;bottom:-35px;width:135px;padding:11px}.mobile-export .float-score strong{font-size:1rem}.mobile-export .float-alert{right:4px;top:48px;padding:8px}.mobile-export .float-alert>i{width:20px;height:20px;font-size:.57rem}.mobile-export .product-proof{margin-top:78px;flex-direction:column;gap:8px;padding:20px 0;font-size:.72rem}.mobile-export .product-proof i{display:none}
.mobile-export .section-heading h2{font-size:2.48rem}.mobile-export .split-heading{grid-template-columns:1fr;gap:26px;align-items:start}.mobile-export .split-heading>p{font-size:.94rem}.mobile-export .comparison-grid{grid-template-columns:1fr;margin-top:45px}.mobile-export .comparison-card{min-height:285px;padding:25px}.mobile-export .benefit-grid{grid-template-columns:1fr}.mobile-export .benefit-grid article{padding:25px 0}.mobile-export .centered-heading{text-align:left}.mobile-export .tabs{width:100%;overflow:hidden;justify-content:flex-start;margin-top:38px}.mobile-export .tab{white-space:nowrap;padding:0 11px;font-size:.68rem}.mobile-export .product-stage{grid-template-columns:1fr}.mobile-export .stage-copy{padding:32px 25px;border-right:0;border-bottom:1px solid var(--line);min-height:360px}.mobile-export .stage-panel h3{font-size:1.85rem}.mobile-export .stage-ui{padding:28px 0 0 18px}.mobile-export .stage-browser{width:600px;height:365px;transform:scale(.72);transform-origin:left bottom;margin-right:-180px}.mobile-export .feature-card-grid{grid-template-columns:1fr}.mobile-export .feature-card-grid article{min-height:190px}.mobile-export .steps{grid-template-columns:1fr}.mobile-export .steps article{min-height:205px;border-right:0;border-bottom:1px solid var(--line);padding:27px 5px}.mobile-export .steps article:last-child{border-bottom:0}.mobile-export .steps h3{margin:34px 0 10px}.mobile-export .security-layout{grid-template-columns:1fr;gap:40px}.mobile-export .security-copy{order:1}.mobile-export .security-visual{order:2;height:420px}.mobile-export .security-copy h2{font-size:2.6rem}.mobile-export .ring-outer{width:340px;height:340px}.mobile-export .ring-mid{width:240px;height:240px}.mobile-export .shield-core{width:146px;height:146px}.mobile-export .shield-core img{width:67px}.mobile-export .security-pill{font-size:.61rem}.mobile-export .pill-a{top:40px;left:-2px}.mobile-export .pill-b{right:-4px;top:151px}.mobile-export .pill-c{left:0;bottom:35px}.mobile-export .focus-section{padding-top:0}.mobile-export .focus-layout{grid-template-columns:1fr;padding:38px 24px;gap:40px}.mobile-export .focus-copy h2{font-size:2.45rem}.mobile-export .focus-widget{padding:20px}.mobile-export .faq-layout{grid-template-columns:1fr;gap:35px}.mobile-export .faq-intro h2{font-size:2.5rem}.mobile-export summary{font-size:.92rem}.mobile-export .final-cta{padding:100px 0}.mobile-export .final-cta h2{font-size:2.55rem}.mobile-export .footer-top{display:grid;gap:46px}.mobile-export .footer-links{gap:50px}.mobile-export .footer-bottom{display:grid;gap:12px}.mobile-export .footer-bottom p{text-align:left}.mobile-export .ui-layout{grid-template-columns:.72fr 1.28fr}

/* Light narrative flow: the dark hero opens into a clear analytical workspace. */
.light-flow{--light-ink:#0a1930;--light-muted:#607289;--light-line:#dfe6f0;color:var(--light-ink);background:#f7f9fc;position:relative}.light-flow::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 83% 7%,rgba(58,123,253,.1),transparent 24%),radial-gradient(circle at 8% 31%,rgba(105,231,222,.08),transparent 20%)}.light-flow .section{position:relative;z-index:1}.light-flow .kicker{color:#2868de}.light-flow .section-heading h2,.light-flow .psychology-copy h2,.light-flow .ranking-copy h2,.light-flow .security-copy h2,.light-flow .focus-copy h2{color:var(--light-ink)}.light-flow h2 span{color:#3978ee}.light-flow .split-heading>p,.light-flow .centered-heading>p{color:var(--light-muted)}.light-flow .positive{color:#158f67!important}.light-flow .negative{color:#df5363!important}

.value-section{background:#fff}.value-section .split-heading{align-items:center}.value-comparison{margin-top:72px;display:grid;grid-template-columns:.88fr 1.12fr;gap:18px}.value-card{min-height:410px;padding:38px;border:1px solid var(--light-line);border-radius:26px;position:relative;overflow:hidden}.value-card .card-label{color:#6f8097}.value-before{display:flex;flex-direction:column;background:linear-gradient(145deg,#f5f7fa,#eef2f7)}.value-before::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;bottom:-100px;border:44px solid rgba(115,133,158,.07)}.value-before h3{max-width:430px;margin:58px 0 42px;font-size:1.75rem;line-height:1.3;letter-spacing:-.035em;color:#35465c}.value-lines{margin-top:auto;display:grid;gap:12px}.value-lines span{display:flex;align-items:center;gap:10px;color:#7a899c;font-size:.9rem}.value-lines span::before{content:"×";width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#a1adbc;background:#e2e7ed;font-size:.72rem;font-weight:800}.value-after{color:#fff;background:radial-gradient(circle at 83% 10%,rgba(105,231,222,.2),transparent 28%),linear-gradient(138deg,#164b9d,#2470e6 65%,#3f8cff);border-color:#2f74e7;box-shadow:0 28px 70px rgba(42,100,196,.24)}.value-after::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(120deg,transparent,#000);pointer-events:none}.value-after .card-label{color:#c6dcff}.value-badge{position:absolute;top:27px;right:28px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:99px;color:#d9e8ff;background:rgba(255,255,255,.08);font-size:.58rem;font-weight:800;letter-spacing:.13em}.value-result{margin:34px 0 27px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.15);display:flex;align-items:end;justify-content:space-between;gap:20px;position:relative;z-index:1}.value-result span{color:#bed5f8;font-size:.86rem}.value-result strong{font-size:2.25rem;letter-spacing:-.045em}.value-insights{display:grid;gap:10px;position:relative;z-index:1}.value-insights>div{min-height:66px;padding:11px 14px;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.08)}.value-insights i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.1);color:#bcd5ff;font-style:normal;font-size:.58rem;font-weight:800}.value-insights span{display:flex;flex-direction:column}.value-insights b{font-size:.9rem}.value-insights small{margin-top:3px;color:#bdd2ef;font-size:.7rem}.outcome-grid{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.outcome-grid article{min-height:225px;padding:28px;border:1px solid var(--light-line);border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(25,47,80,.045)}.outcome-grid>article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf4ff;color:#3978ee;font-size:.62rem;font-weight:800}.outcome-grid h3{margin:46px 0 10px;font-size:1.04rem;line-height:1.35;letter-spacing:-.02em}.outcome-grid p{margin:0;color:#697b91;font-size:.82rem}

.psychology-section{background:linear-gradient(180deg,#f0f5ff,#f7f9fc);overflow:hidden}.psychology-section::after{content:"";position:absolute;width:560px;height:560px;right:-250px;top:-230px;border-radius:50%;border:95px solid rgba(58,123,253,.045);pointer-events:none}.psychology-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.psychology-copy h2,.ranking-copy h2{margin:17px 0 24px;font-size:clamp(2.75rem,4.15vw,4.05rem);line-height:1.06;letter-spacing:-.052em}.psychology-lead{max-width:560px;color:var(--light-muted);font-size:1.02rem;line-height:1.72}.psychology-points{margin-top:34px;border-top:1px solid #d4deec}.psychology-points>div{min-height:86px;padding:14px 0;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;border-bottom:1px solid #d4deec}.psychology-points>div>span{color:#3978ee;font-size:.63rem;font-weight:800}.psychology-points p{margin:0;display:flex;flex-direction:column;gap:4px}.psychology-points b{font-size:.9rem}.psychology-points small{color:#6d7e93;font-size:.76rem;line-height:1.5}.psychology-note{margin-top:25px;padding:15px 17px;border:1px solid #d8e3f2;border-radius:14px;background:rgba(255,255,255,.7);color:#687a90;font-size:.75rem;line-height:1.55}.psychology-note b{color:#274565}.mind-dashboard{min-width:0;padding:28px;border:1px solid #d8e2ef;border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 34px 90px rgba(48,75,115,.16);position:relative;z-index:2}.mind-dashboard::before{content:"";position:absolute;inset:-9px;border:1px solid rgba(58,123,253,.12);border-radius:31px;z-index:-1}.mind-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.mind-top>div{display:flex;flex-direction:column;gap:3px}.mind-top small{color:#3978ee;font-size:.54rem;font-weight:800;letter-spacing:.14em}.mind-top b{font-size:1rem}.mind-top>span{padding:7px 9px;border:1px solid #dfe6ef;border-radius:8px;color:#738399;background:#f8fafc;font-size:.62rem}.mind-metrics{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mind-metrics article{min-height:104px;padding:15px;border:1px solid #e2e8f0;border-radius:14px;background:#fbfcfe;display:flex;flex-direction:column}.mind-metrics small{color:#79899c;font-size:.6rem}.mind-metrics strong{margin-top:8px;font-size:1.32rem;letter-spacing:-.03em}.mind-metrics em{margin-top:auto;color:#8493a6;font-size:.58rem;font-style:normal}.mind-chart-card{margin-top:10px;padding:20px;border:1px solid #e0e7f0;border-radius:16px;background:#fff}.mind-chart-head{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.mind-chart-head b{font-size:.76rem}.mind-chart-head small{color:#8a98aa;font-size:.58rem}.emotion-row{display:grid;grid-template-columns:130px 1fr 38px;gap:10px;align-items:center;margin-top:14px}.emotion-row>span{color:#5c6f85;font-size:.66rem}.emotion{margin-right:6px;font-style:normal}.emotion.calm{color:#2d74e7}.emotion.focus{color:#54b6da}.emotion.tired{color:#f1a545}.emotion.fomo{color:#eb6474}.emotion-row>div{height:7px;border-radius:8px;background:#edf1f6;overflow:hidden}.emotion-row>div b{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#3978ee,#62a4ff)}.emotion-row strong{text-align:right;color:#53667c;font-size:.64rem}.trigger-card{margin-top:10px;padding:16px;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;border:1px solid #dce6f3;border-radius:16px;background:linear-gradient(120deg,#f3f7ff,#edf4ff)}.trigger-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#3978ee;box-shadow:0 6px 18px rgba(33,76,141,.1)}.trigger-card>div{display:flex;flex-direction:column}.trigger-card small{color:#6982a2;font-size:.5rem;letter-spacing:.1em;font-weight:800}.trigger-card b{margin-top:3px;font-size:.72rem}.trigger-card p{margin:3px 0 0;color:#df5363;font-size:.62rem}.trigger-card em{color:#3978ee;font-size:.61rem;font-style:normal;font-weight:700}

.light-flow .feature-showcase{background:#fff}.light-flow .centered-heading>p{max-width:680px}.light-flow .centered-heading h2 span{color:#3978ee}.light-flow .tabs{border-color:#dce4ef;background:#f2f5f9;box-shadow:inset 0 1px rgba(255,255,255,.7)}.light-flow .tab{color:#718198}.light-flow .tab.active{color:#fff;background:#3978ee;box-shadow:0 8px 22px rgba(57,120,238,.23)}.light-flow .product-stage{border-color:#d9e2ef;box-shadow:0 34px 90px rgba(20,48,91,.13)}.light-flow .feature-card-grid article{border-color:#dfe6ef;background:#f9fbfd;box-shadow:0 12px 35px rgba(21,44,78,.04)}.light-flow .feature-card-grid h3{color:#13233a}.light-flow .feature-card-grid p{color:#6b7d92}.light-flow .feature-icon{background:#eaf2ff;border-color:#d4e3fb;color:#3978ee}

.ranking-section{background:linear-gradient(180deg,#f6f8fb,#eef3f9)}.ranking-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:center}.kicker-row{display:flex;align-items:center;gap:12px}.kicker-row span{padding:6px 9px;border-radius:99px;background:#dce9ff;color:#2868de;font-size:.55rem;letter-spacing:.1em}.ranking-copy>p{max-width:520px;color:var(--light-muted);line-height:1.72}.ranking-benefits{margin-top:35px;display:grid;gap:10px}.ranking-benefits>div{padding:15px;display:grid;grid-template-columns:35px 1fr;gap:12px;align-items:center;border:1px solid #dfe6ef;border-radius:15px;background:rgba(255,255,255,.7)}.ranking-benefits i{color:#3978ee;font-style:normal;font-size:.6rem;font-weight:800}.ranking-benefits span{display:flex;flex-direction:column;gap:3px}.ranking-benefits b{font-size:.85rem}.ranking-benefits small{color:#6c7d91;font-size:.72rem}.ranking-disclaimer{margin-top:20px!important;padding-left:15px;border-left:2px solid #7ba4ed;color:#77879a!important;font-size:.72rem}.leaderboard-card{padding:26px;border:1px solid #dce4ee;border-radius:25px;background:#fff;box-shadow:0 34px 90px rgba(37,61,96,.14)}.leaderboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid #e3e9f1}.leaderboard-head>div{display:flex;flex-direction:column;gap:3px}.leaderboard-head small{color:#3978ee;font-size:.55rem;letter-spacing:.13em;font-weight:800}.leaderboard-head b{font-size:1rem}.leaderboard-head>span{padding:7px 10px;border:1px solid #dde5ef;border-radius:8px;color:#728399;background:#f7f9fc;font-size:.63rem}.leaderboard-columns,.leader-row{display:grid;grid-template-columns:1.3fr .75fr .8fr .9fr;gap:12px;align-items:center}.leaderboard-columns{padding:18px 13px 9px;color:#8b99aa;font-size:.55rem}.leader-row{min-height:70px;padding:8px 13px;border-top:1px solid #edf1f5}.leader-row>div{display:flex;align-items:center;gap:10px}.leader-row i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f0f3f7;color:#77899e;font-size:.58rem;font-style:normal;font-weight:800}.leader-row b{font-size:.77rem}.leader-row>strong{color:#2868de;font-size:1rem}.leader-row>span{color:#53677d;font-size:.7rem}.leader-row>em{width:fit-content;padding:5px 8px;border-radius:99px;background:#e6f7ef;color:#21815f;font-size:.55rem;font-style:normal}.leader-first{margin-top:3px;border:1px solid #d4e2f8;border-radius:12px;background:#f4f8ff}.leader-first i{background:#3978ee;color:#fff}.current-user{margin-top:8px;border:1px solid #9ec0f7;border-radius:12px;background:linear-gradient(90deg,#edf4ff,#f8fbff)}.current-user i{background:#dce9ff;color:#2868de}.current-user em{background:#e9f1ff;color:#2868de}.leaderboard-foot{margin-top:18px;padding-top:17px;border-top:1px solid #e3e9f1;display:flex;justify-content:space-between;gap:20px;color:#8392a5;font-size:.58rem}.leaderboard-foot b{color:#3978ee}

.progress-section{background:#fff}.compact-heading{align-items:center}.progress-journey{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dde5ef;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px rgba(24,50,88,.07)}.progress-journey article{min-height:290px;padding:32px;border-right:1px solid #dde5ef;background:linear-gradient(180deg,#fff,#fafbfd)}.progress-journey article:last-child{border-right:0}.journey-top{display:flex;justify-content:space-between;align-items:center;color:#6f8197;font-size:.58rem;letter-spacing:.1em;font-weight:800}.journey-top i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf4ff;color:#3978ee;font-size:.62rem;font-style:normal}.progress-journey h3{margin:72px 0 13px;font-size:1.25rem;letter-spacing:-.025em}.progress-journey p{margin:0;color:#6c7d91;font-size:.85rem}

.light-flow .how-section{background:#f3f6fa}.light-flow .steps,.light-flow .steps article{border-color:#d7e0eb}.light-flow .step-top>span{color:#6f8197}.light-flow .step-top i{background:#e4efff;color:#3978ee}.light-flow .steps h3{color:#12233a}.light-flow .steps p{color:#687a90}

.light-flow .security-section{background:radial-gradient(circle at 27% 50%,rgba(58,123,253,.13),transparent 28%),#fff}.light-flow .shield-ring{border-color:rgba(58,123,253,.15)}.light-flow .ring-mid{box-shadow:0 0 90px rgba(58,123,253,.12)}.light-flow .security-pill{border-color:#d5e0ee;background:rgba(255,255,255,.94);color:#53677f;box-shadow:0 14px 34px rgba(25,56,99,.1)}.light-flow .security-pill span{background:#e6f0ff;color:#3978ee}.light-flow .security-copy>p{color:#667990}.light-flow .security-points>div{border-color:#dce4ed}.light-flow .security-points>div>span{color:#3978ee}.light-flow .security-points b{color:#15263c}.light-flow .security-points small{color:#708197}

.light-flow .focus-section{padding-top:20px;background:#fff}.light-flow .focus-layout{border-color:#d4e2f5;background:radial-gradient(circle at 88% 10%,rgba(104,165,255,.19),transparent 28%),linear-gradient(120deg,#f3f7ff,#e8f1ff);box-shadow:0 28px 80px rgba(35,76,137,.1)}.light-flow .focus-copy p{color:#687b92}.light-flow .focus-widget{border-color:#d7e2ef;background:#fff;box-shadow:0 25px 65px rgba(34,70,121,.13)}.light-flow .focus-top{color:#61758e}.light-flow .focus-top i{color:#7b8ca0}.light-flow .focus-days>div{border-color:#dfe6ef;background:#f7f9fc}.light-flow .focus-days b{color:#7b8a9d}.light-flow .focus-days .done span{color:#158f67}.light-flow .focus-days .miss{border-color:#f0c7cd;background:#fff5f6}.light-flow .focus-days .miss span{color:#df5363}.light-flow .focus-result{border-color:#dfe6ef}.light-flow .focus-result small{color:#76879b}

.light-flow .faq-section{background:#f5f7fa}.light-flow .faq-intro p{color:#6f8197}.light-flow .faq-list,.light-flow details{border-color:#d8e1ec}.light-flow summary{color:#17283e}.light-flow summary span{color:#7d8ea2}.light-flow details[open] summary span{color:#3978ee}.light-flow details p{color:#64778e}

@media (max-width:1080px){.value-comparison,.psychology-layout,.ranking-layout{grid-template-columns:1fr}.outcome-grid{grid-template-columns:repeat(2,1fr)}.psychology-copy,.ranking-copy{max-width:760px}.mind-dashboard,.leaderboard-card{max-width:850px;width:100%;margin:0 auto}}
@media (max-width:760px){.value-comparison{margin-top:45px}.value-card{min-height:350px;padding:25px}.value-before h3{margin:45px 0 35px;font-size:1.45rem}.value-result{display:grid}.value-result strong{font-size:1.9rem}.outcome-grid{grid-template-columns:1fr}.outcome-grid article{min-height:190px}.outcome-grid h3{margin-top:34px}.psychology-layout,.ranking-layout{gap:42px}.psychology-copy h2,.ranking-copy h2{font-size:2.5rem}.mind-dashboard,.leaderboard-card{padding:18px;border-radius:19px}.mind-top{align-items:flex-start}.mind-top>span{display:none}.mind-metrics{grid-template-columns:1fr}.mind-metrics article{min-height:82px}.emotion-row{grid-template-columns:103px 1fr 34px}.trigger-card{grid-template-columns:36px 1fr}.trigger-card>em{grid-column:2}.leaderboard-columns{display:none}.leader-row{grid-template-columns:1.45fr .6fr .72fr}.leader-row>em{display:none}.leaderboard-foot{display:grid}.progress-journey{grid-template-columns:1fr}.progress-journey article{min-height:230px;border-right:0;border-bottom:1px solid #dde5ef}.progress-journey article:last-child{border-bottom:0}.progress-journey h3{margin-top:48px}}

.light-flow .product-stage{color:#f7f9fd}.light-flow .stage-panel h3{color:#f7f9fd}.light-flow .stage-panel>p{color:#8fa1b9}.light-flow .stage-panel ul{color:#bdc9d9}

/* Same responsive rules for the dedicated 390px design export. */
.mobile-export .value-comparison,.mobile-export .psychology-layout,.mobile-export .ranking-layout{grid-template-columns:1fr;gap:42px}.mobile-export .value-comparison{margin-top:45px}.mobile-export .value-card{min-height:350px;padding:25px}.mobile-export .value-before h3{margin:45px 0 35px;font-size:1.45rem}.mobile-export .value-result{display:grid}.mobile-export .value-result strong{font-size:1.9rem}.mobile-export .outcome-grid{grid-template-columns:1fr}.mobile-export .outcome-grid article{min-height:190px}.mobile-export .outcome-grid h3{margin-top:34px}.mobile-export .psychology-copy h2,.mobile-export .ranking-copy h2{font-size:2.5rem}.mobile-export .mind-dashboard,.mobile-export .leaderboard-card{padding:18px;border-radius:19px}.mobile-export .mind-top{align-items:flex-start}.mobile-export .mind-top>span{display:none}.mobile-export .mind-metrics{grid-template-columns:1fr}.mobile-export .mind-metrics article{min-height:82px}.mobile-export .emotion-row{grid-template-columns:103px 1fr 34px}.mobile-export .trigger-card{grid-template-columns:36px 1fr}.mobile-export .trigger-card>em{grid-column:2}.mobile-export .leaderboard-columns{display:none}.mobile-export .leader-row{grid-template-columns:1.45fr .6fr .72fr}.mobile-export .leader-row>em{display:none}.mobile-export .leaderboard-foot{display:grid}.mobile-export .progress-journey{grid-template-columns:1fr}.mobile-export .progress-journey article{min-height:230px;border-right:0;border-bottom:1px solid #dde5ef}.mobile-export .progress-journey article:last-child{border-bottom:0}.mobile-export .progress-journey h3{margin-top:48px}

/* White conversion-first edition */
.white-theme,.white-theme .page-shell{background:#fff;color:#0a1930}.white-theme .site-header{background:rgba(255,255,255,.9);border-color:#dfe7f1}.white-theme .nav-links,.white-theme .text-link{color:#607289}.white-theme .nav-links a:hover,.white-theme .text-link:hover{color:#0a1930}.white-theme .menu-button span{background:#0a1930}.white-theme .mobile-nav{background:#fff;border-color:#dfe7f1;color:#0a1930}.white-theme .hero{background:#fff;color:#0a1930}.white-theme .hero::before{background:radial-gradient(circle at 74% 35%,rgba(58,123,253,.1),transparent 32%),radial-gradient(circle at 14% 22%,rgba(105,231,222,.08),transparent 25%)}.white-theme .section-grid{background-image:linear-gradient(rgba(58,123,253,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(58,123,253,.055) 1px,transparent 1px)}.white-theme .section-grid::after{background:linear-gradient(180deg,transparent,#fff 97%)}.white-theme .hero-glow{opacity:.065}.white-theme .hero-glow-b{opacity:.045}.white-theme .eyebrow{border-color:#d6e4fa;background:#f2f7ff;color:#335579}.white-theme .hero-lead{color:#607289}.white-theme .button-secondary{background:#fff;border-color:#d3deeb;color:#28415f;box-shadow:0 8px 24px rgba(29,55,91,.06)}.white-theme .trust-strip{color:#587087}.white-theme .check{color:#137e70;background:#eaf8f5;border-color:#c8ebe4}.white-theme .product-proof{color:#667a92;border-color:#dce5f0}.white-theme .product-proof i{background:#9eb0c4}.white-theme .light-flow{background:#fff}.white-theme .light-flow::before{opacity:.45}.white-theme .value-section,.white-theme .psychology-section,.white-theme .ranking-section,.white-theme .progress-section,.white-theme .light-flow .how-section,.white-theme .light-flow .security-section,.white-theme .light-flow .focus-section,.white-theme .light-flow .faq-section{background:#fff}.white-theme .psychology-section,.white-theme .ranking-section,.white-theme .how-section,.white-theme .faq-section{border-top:1px solid #edf1f6}.white-theme .final-cta{background:radial-gradient(circle at 50% 10%,rgba(58,123,253,.12),transparent 40%),#fff;color:#0a1930;border-top:1px solid #e2e9f2}.white-theme .final-cta::after{background:linear-gradient(180deg,transparent,#fff 98%)}.white-theme .final-cta h2{color:#0a1930}.white-theme .final-cta p{color:#607289}.white-theme .mini-brand{color:#0a1930}.white-theme .site-footer{background:#f7f9fc;border-color:#dce5f0;color:#0a1930}.white-theme .footer-top>div>p,.white-theme .footer-links a,.white-theme .footer-bottom{color:#6b7d92}.white-theme .footer-links b{color:#18304d}

.trial-section{padding:34px 0 92px;background:#fff;position:relative}.trial-shell{padding:54px;display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center;border:1px solid #ccdcf0;border-radius:30px;background:radial-gradient(circle at 10% 0,rgba(105,231,222,.12),transparent 30%),linear-gradient(130deg,#f8fbff,#edf4ff);box-shadow:0 28px 80px rgba(31,67,119,.13);position:relative;overflow:hidden}.trial-shell::after{content:"14";position:absolute;right:-20px;bottom:-115px;color:rgba(58,123,253,.045);font-size:25rem;line-height:1;font-weight:800;letter-spacing:-.12em;pointer-events:none}.trial-copy,.trial-results{position:relative;z-index:1}.trial-label{display:flex;align-items:center;gap:10px;color:#47627f;font-size:.72rem;font-weight:800;letter-spacing:.12em}.trial-label span{padding:7px 10px;border-radius:8px;background:#3978ee;color:#fff;box-shadow:0 8px 22px rgba(57,120,238,.22)}.trial-copy h2{margin:20px 0 20px;color:#0a1930;font-size:clamp(2.7rem,4.6vw,4.65rem);line-height:1;letter-spacing:-.058em}.trial-copy h2 span{color:#3978ee}.trial-copy>p{max-width:560px;color:#5f738b;font-size:1rem;line-height:1.72}.trial-audience{margin:27px 0 30px;display:flex;gap:8px;flex-wrap:wrap}.trial-audience span{padding:8px 11px;border:1px solid #d5e1f0;border-radius:99px;background:rgba(255,255,255,.8);color:#526b86;font-size:.68rem;font-weight:700}.trial-button{min-height:58px}.trial-note{display:block;max-width:530px;margin-top:14px;color:#70839a;font-size:.64rem;line-height:1.5}.trial-note b{color:#2868de}.trial-results{padding:18px;border:1px solid #d8e3f1;border-radius:23px;background:rgba(255,255,255,.88);box-shadow:0 20px 55px rgba(34,68,115,.1);backdrop-filter:blur(8px)}.trial-result{padding:19px;display:grid;grid-template-columns:38px 1fr;gap:14px;border-bottom:1px solid #e2e9f2}.trial-result:last-of-type{border-bottom:0}.result-number{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf4ff;color:#3978ee;font-size:.62rem;font-weight:800}.trial-result small{color:#6f86a4;font-size:.54rem;font-weight:800;letter-spacing:.11em}.trial-result h3{margin:4px 0 5px;color:#122942;font-size:1.05rem}.trial-result strong{display:block;margin:3px 0 5px;color:#df5363;font-size:1.85rem;letter-spacing:-.04em}.trial-result p{margin:0;color:#667a91;font-size:.76rem;line-height:1.55}.primary-result{margin-bottom:8px;border:1px solid #bad0ee;border-radius:16px;background:linear-gradient(120deg,#f3f7ff,#fff)}.primary-result+.trial-result{border-top:0}.trial-demo{margin:12px 10px 2px;color:#8493a6;font-size:.6rem;line-height:1.45}

.data-gap{max-width:590px;margin:24px 0 0;padding:11px 14px;border:1px dashed #b8cae1;border-radius:12px;background:#f8fbff;color:#6b7d92;font-size:.68rem;line-height:1.5}.data-gap b,.cta-data-gap b{color:#2868de}.hero-data-gap{position:relative;z-index:4}

.conversion-band{padding:26px 0;background:#fff}.conversion-band-inner{padding:36px 40px;display:grid;grid-template-columns:1.5fr .5fr;gap:44px;align-items:center;border:1px solid #d9e4f2;border-radius:24px;background:radial-gradient(circle at 90% 20%,rgba(105,231,222,.13),transparent 26%),linear-gradient(120deg,#f8fbff,#eef5ff);box-shadow:0 20px 55px rgba(31,66,115,.08)}.conversion-band-inner>div>span{color:#2868de;font-size:.62rem;font-weight:800;letter-spacing:.14em}.conversion-band h2{margin:10px 0 8px;font-size:clamp(1.65rem,2.8vw,2.65rem);line-height:1.1;letter-spacing:-.042em}.conversion-band p{margin:0;max-width:720px;color:#64778e}.conversion-action{display:flex;flex-direction:column;align-items:stretch;gap:12px}.conversion-action small{color:#70839a;font-size:.64rem;line-height:1.45;text-align:center}.conversion-action small b{color:#2868de}

.proof-section{background:#fff}.proof-grid{margin-top:62px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.proof-grid article{min-height:390px;padding:30px;display:flex;flex-direction:column;border:1px solid #dfe7f1;border-radius:22px;background:linear-gradient(180deg,#fff,#f9fbfe);box-shadow:0 18px 48px rgba(26,51,86,.06)}.placeholder-tag{width:fit-content;padding:6px 9px;border:1px solid #c7d8ee;border-radius:99px;background:#edf4ff;color:#2868de;font-size:.52rem;font-weight:800;letter-spacing:.09em}.proof-grid>article>strong{margin-top:54px;color:#2868de;font-size:2.2rem;letter-spacing:-.045em}.proof-grid h3{margin:9px 0 14px;font-size:1.08rem;line-height:1.35}.proof-grid p{color:#5f738b;font-size:.86rem;line-height:1.65}.proof-grid small{margin-top:auto;padding-top:20px;border-top:1px solid #e7ecf3;color:#8190a3;font-size:.64rem;line-height:1.5}.proof-disclaimer{margin:20px 0 0;padding:17px 19px;border:1px dashed #b9cbe2;border-radius:14px;background:#f8fbff;color:#6b7d92;font-size:.72rem}.proof-disclaimer b{color:#2868de}

.access-section{background:#fff;border-top:1px solid #edf1f6}.pricing-grid{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.price-card{padding:30px;display:flex;flex-direction:column;border:1px solid #dce5f0;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(28,52,84,.065);position:relative}.price-card.featured{border-color:#7ba7ef;background:radial-gradient(circle at 100% 0,rgba(58,123,253,.12),transparent 35%),#fff;box-shadow:0 28px 70px rgba(46,105,198,.16);transform:translateY(-10px)}.popular{position:absolute;top:27px;right:26px;color:#2868de;font-size:.5rem;font-weight:800;letter-spacing:.08em}.price-card h3{margin:30px 0 6px;font-size:1.48rem;letter-spacing:-.035em}.price-card>p{min-height:48px;color:#687b91;font-size:.82rem}.price{margin:22px 0;padding:22px 0;border-top:1px solid #e3eaf2;border-bottom:1px solid #e3eaf2;display:flex;align-items:baseline;gap:8px}.price strong{font-size:2.15rem;letter-spacing:-.05em}.price span{color:#7c8da1;font-size:.67rem}.price-card ul{margin:0 0 28px;padding:0;display:grid;gap:12px;list-style:none;color:#425a75;font-size:.8rem}.price-card li{display:flex;align-items:center;gap:9px}.price-card li::before{content:"✓";width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#e9f3ff;color:#2868de;font-size:.62rem;font-weight:800}.price-card .button{margin-top:auto}.button-outline{background:#fff;border-color:#b9cce5;color:#255083;box-shadow:none}.price-card>small{margin-top:12px;color:#8594a6;text-align:center;font-size:.6rem}.data-notice{margin-top:22px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr;gap:16px;border:1px dashed #abc2df;border-radius:15px;background:#f5f9ff;color:#687b91;font-size:.72rem;line-height:1.55}.data-notice b{color:#2868de;white-space:nowrap}

.cta-data-gap{max-width:700px;margin:23px auto 0;padding:12px 16px;border:1px dashed #b9cbe2;border-radius:12px;background:rgba(248,251,255,.88);color:#6d7f94;font-size:.66rem;line-height:1.5;position:relative;z-index:2}.white-theme .final-cta .hero-buttons{position:relative;z-index:2}

@media (max-width:1080px){.trial-shell{grid-template-columns:1fr}.trial-copy{max-width:760px}.conversion-band-inner{grid-template-columns:1fr}.conversion-action{max-width:360px}.proof-grid,.pricing-grid{grid-template-columns:1fr}.proof-grid article{min-height:320px}.price-card.featured{transform:none}}
@media (max-width:760px){.trial-section{padding:20px 0 70px}.trial-shell{padding:28px 22px;gap:32px;border-radius:22px}.trial-shell::after{font-size:15rem;bottom:-70px}.trial-copy h2{font-size:2.7rem}.trial-label{align-items:flex-start;flex-direction:column}.trial-button{width:100%;text-align:center}.trial-results{padding:10px}.trial-result{padding:16px 11px;grid-template-columns:32px 1fr}.trial-result strong{font-size:1.55rem}.conversion-band-inner{padding:28px 23px;gap:26px}.conversion-action{max-width:none}.proof-grid{margin-top:42px}.proof-grid article{min-height:330px;padding:24px}.pricing-grid{margin-top:44px}.price-card{padding:24px}.popular{position:static;margin:12px 0 0}.data-notice{grid-template-columns:1fr}.data-notice b{white-space:normal}.hero-data-gap{font-size:.62rem}.white-theme .site-header{background:rgba(255,255,255,.95)}}

@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto} *{animation:none!important;transition:none!important} }

/* Compact mobile conversion path: keep the desktop story intact, remove repeated sections on phones. */
@media (max-width:760px){
  .conversion-band,.feature-showcase,.proof-section,.progress-section,.how-section,.focus-section,.faq-section,.site-footer{display:none}
  .section{padding:58px 0}
  .site-header{position:absolute}
  .mobile-nav a[href="#features"],.mobile-nav a[href="#how"],.mobile-nav a[href="#faq"]{display:none}
  .hero{padding:102px 0 12px}
  .hero-copy{padding-bottom:34px}
  h1{font-size:2.72rem;margin:18px 0;line-height:1.01}
  .hero-lead{font-size:.94rem;line-height:1.52}
  .hero-buttons{margin-top:24px}
  .hero-buttons .button-secondary{display:none}
  .trust-strip{margin-top:23px;gap:7px}
  .hero-product{width:calc(100% + 28px);margin-left:-14px}
  .dashboard-body{min-height:286px}
  .line-chart{height:76px}
  .violation-list>div:nth-child(3){display:none}
  .violation-list{grid-template-columns:repeat(2,1fr)}
  .float-alert{display:none}
  .product-proof{margin-top:58px;padding:14px 0;font-size:.68rem}

  .trial-section{padding:10px 0 46px}
  .trial-shell{padding:24px 19px;gap:22px}
  .trial-copy h2{font-size:2.25rem;margin:16px 0}
  .trial-copy>p{font-size:.88rem;line-height:1.58}
  .trial-audience{display:none}
  .trial-button{margin-top:7px}
  .trial-result:nth-child(3){display:none}
  .trial-results{padding:8px}
  .trial-demo{font-size:.58rem}

  .value-section .split-heading>p,.value-before,.outcome-grid article:nth-child(n+3){display:none}
  .value-comparison{grid-template-columns:1fr;margin-top:28px}
  .value-card{min-height:0;padding:22px}
  .value-result{margin:28px 0 20px}
  .value-insights>div{min-height:58px}
  .outcome-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
  .outcome-grid article{min-height:145px;padding:18px}
  .outcome-grid h3{margin:24px 0 8px;font-size:.9rem}
  .outcome-grid p{font-size:.72rem}

  .psychology-layout,.ranking-layout{gap:26px}
  .psychology-copy h2,.ranking-copy h2{font-size:2.18rem;margin:12px 0 15px}
  .psychology-lead,.ranking-copy>p{font-size:.86rem;line-height:1.58}
  .psychology-points,.psychology-note,.mind-metrics,.ranking-benefits{display:none}
  .mind-chart-card{margin-top:16px;padding:15px}
  .trigger-card{padding:13px}

  .ranking-disclaimer{margin-top:12px!important}
  .leaderboard-card{padding:15px}
  .leader-row{min-height:56px;padding:6px 8px}
  .leaderboard-foot span{display:none}

  .security-layout{gap:10px}
  .security-copy h2{font-size:2.18rem;margin:12px 0 15px}
  .security-copy>p{font-size:.86rem}
  .security-points{margin-top:22px}
  .security-points>div{min-height:72px}
  .security-points small{display:none}
  .security-visual{height:285px}
  .ring-outer{width:250px;height:250px}.ring-mid{width:185px;height:185px}.shield-core{width:118px;height:118px}.shield-core img{width:54px}
  .security-pill{min-height:36px;font-size:.56rem}.security-pill span{width:24px;height:24px}.pill-a{top:19px}.pill-b{top:105px}.pill-c{bottom:15px}

  .access-section .centered-heading>p{font-size:.86rem}
  .pricing-grid{display:flex;grid-template-columns:none;overflow-x:auto;gap:12px;margin:30px -15px 0;padding:10px 15px 24px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .pricing-grid::-webkit-scrollbar{display:none}
  .price-card{flex:0 0 87%;padding:22px;scroll-snap-align:center}
  .price-card.featured{order:-1}
  .price-card h3{margin:16px 0 5px}
  .price-card>p{min-height:0}
  .price{margin:16px 0;padding:16px 0}
  .price strong{font-size:1.95rem}
  .price-card ul{gap:9px;margin-bottom:20px;font-size:.76rem}
  .data-notice{margin-top:4px;padding:14px;font-size:.66rem}

  .final-cta{padding:70px 0}
  .final-cta h2{font-size:2.22rem;margin:22px 0 16px}
  .final-cta p{font-size:.9rem}
  .final-cta .button-secondary,.cta-data-gap{display:none}
}