:root {
  --bg: #090c11;
  --bg-soft: #0d1118;
  --panel: #11161e;
  --panel-light: #161c25;
  --line: rgba(255, 255, 255, 0.1);
  --line-strong: rgba(255, 255, 255, 0.17);
  --text: #f1f1ee;
  --muted: #969da7;
  --muted-light: #bdc2c9;
  --accent: #d84d48;
  --accent-bright: #eb625b;
  --accent-dark: #7e2d2a;
  --gold: #bb9863;
  --blue: #708ea8;
  --max: 1180px;
  --ease: cubic-bezier(.2,.75,.25,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-family: Inter, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  z-index: 20;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent-bright); outline-offset: 4px; }
.container { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; }
.section-pad { padding: 132px 0; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 10;
  transition: background .3s ease, border-color .3s ease;
  border-bottom: 1px solid transparent;
}
.site-header.scrolled { background: rgba(9,12,17,.88); backdrop-filter: blur(18px); border-color: var(--line); }
.nav-wrap { height: 82px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 760; font-size: 20px; letter-spacing: .12em; }
.brand-mark { display: inline-flex; width: 24px; height: 24px; gap: 3px; align-items: flex-end; }
.brand-mark i { display: block; width: 5px; background: var(--accent); transform: skew(-18deg); }
.brand-mark i:nth-child(1) { height: 13px; }
.brand-mark i:nth-child(2) { height: 20px; }
.brand-mark i:nth-child(3) { height: 16px; }
.site-nav { display: flex; align-items: center; gap: 34px; }
.site-nav > a { color: #aeb4bd; font-size: 13px; font-weight: 600; letter-spacing: .035em; transition: color .2s; }
.site-nav > a:hover { color: #fff; }
.site-nav .nav-cta { border: 1px solid var(--line-strong); color: var(--text); padding: 11px 17px; }
.nav-cta span { color: var(--accent-bright); margin-left: 8px; }
.menu-toggle { display: none; border: 0; background: none; width: 40px; height: 40px; padding: 10px; }
.menu-toggle span { display: block; height: 1px; background: #fff; margin: 6px 0; transition: transform .25s; }

.hero { min-height: 900px; display: flex; align-items: center; padding-top: 160px; overflow: hidden; position: relative; border-bottom: 1px solid var(--line); }
.hero::after { content:""; position: absolute; inset: 0; pointer-events:none; background: linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px); background-size: calc(100% / 6) 100%; mask-image: linear-gradient(to bottom, transparent, black 20%, black 75%, transparent); }
.hero-glow { position: absolute; width: 800px; height: 800px; right: -320px; top: 10px; background: radial-gradient(circle, rgba(150,45,42,.2), transparent 67%); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .88fr 1.12fr; gap: 68px; align-items: center; }
.eyebrow { margin: 0 0 27px; color: #b5bbc3; text-transform: uppercase; font-size: 11px; letter-spacing: .18em; font-weight: 700; }
.eyebrow > span { display: inline-block; width: 23px; height: 1px; background: var(--accent); vertical-align: middle; margin: 0 10px 3px 0; }
h1, h2, h3, p { margin-top: 0; }
.hero h1 { max-width: 650px; margin-bottom: 28px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(52px, 5.2vw, 75px); line-height: 1.02; font-weight: 400; letter-spacing: -.045em; }
h1 em, .demo h2 em { color: var(--accent-bright); font-weight: 400; }
.hero-lede { max-width: 590px; margin-bottom: 36px; color: var(--muted-light); font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; gap: 13px; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 32px; padding: 0 22px; border: 1px solid transparent; font-size: 13px; font-weight: 700; letter-spacing: .025em; transition: transform .2s var(--ease), background .2s, border .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: var(--accent); }
.button-primary:hover { background: var(--accent-bright); }
.button-secondary { border-color: var(--line-strong); background: rgba(255,255,255,.025); }
.button-secondary:hover { border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.05); }
.button span { font-size: 16px; }
.hero-proof { display: flex; gap: 26px; margin-top: 46px; padding-top: 23px; border-top: 1px solid var(--line); color: #7f8791; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
.hero-proof span::before { content: ""; display: inline-block; width: 5px; height: 5px; margin: 0 8px 1px 0; border: 1px solid #656e79; transform: rotate(45deg); }

.product-frame { position: relative; margin-right: -160px; border: 1px solid var(--line-strong); background: #0c1016; box-shadow: 0 40px 90px rgba(0,0,0,.55); transform: perspective(1500px) rotateY(-3deg) rotateX(1deg); }
.product-frame::before { content:""; position:absolute; inset: -1px; pointer-events:none; box-shadow: inset 0 0 50px rgba(255,255,255,.018); }
.frame-topbar { height: 55px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-bottom:1px solid var(--line); }
.frame-brand { display:flex; align-items:center; gap:13px; }
.frame-brand b { letter-spacing:.11em; font-size:12px; }
.frame-brand span { color:#69717d; border-left:1px solid var(--line); padding-left:13px; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.frame-status { color:#808894; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.frame-status i { display:inline-block; width:5px; height:5px; margin:0 7px 1px 0; background:var(--accent); transform:rotate(45deg); }
.frame-body { display:flex; min-height: 514px; }
.frame-sidebar { width:49px; flex:0 0 49px; display:flex; flex-direction:column; align-items:center; padding-top:29px; gap:23px; border-right:1px solid var(--line); }
.frame-sidebar span { width:13px; height:13px; border:1px solid #404854; }
.frame-sidebar span:nth-child(2) { border-radius:50%; }
.frame-sidebar .active { border-color:var(--accent); box-shadow:inset 0 0 0 3px #0c1016; background:var(--accent); }
.dashboard { flex:1; padding:25px 27px 22px; min-width:0; }
.dashboard-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.dashboard small { display:block; color:#67707b; font-size:8px; letter-spacing:.12em; font-weight:700; }
.dashboard-heading h2 { margin:2px 0 0; font:400 22px Georgia,serif; }
.market-tag { padding:6px 10px; border:1px solid var(--line); color:#89919c; font-size:9px; }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-bottom:9px; }
.metric { position:relative; min-height:79px; border:1px solid var(--line); background:rgba(255,255,255,.018); padding:13px; }
.metric strong { display:block; margin-top:8px; font-size:17px; }
.trend { position:absolute; right:10px; bottom:13px; color:#7b838d; font-size:8px; text-transform:uppercase; }
.trend.up { color:#d5625d; }.trend.warn{color:#c1a16d;}
.dashboard-main { display:grid; grid-template-columns:1.45fr .9fr; gap:9px; }
.chart-card,.priorities-card { border:1px solid var(--line); background:rgba(255,255,255,.018); padding:14px; min-width:0; }
.card-title { display:flex; justify-content:space-between; font-size:10px; font-weight:700; }
.chart { position:relative; height:134px; margin-top:9px; }
.grid-lines { position:absolute; inset:0; background:repeating-linear-gradient(to bottom, transparent 0, transparent 32px, rgba(255,255,255,.055) 33px); }
.chart svg { position:absolute; width:100%; height:100%; overflow:visible; }
.chart-fill { fill:url(#chartFill); }.chart-line{fill:none;stroke:#df554f;stroke-width:2;vector-effect:non-scaling-stroke;}
.chart-dot { position:absolute; width:7px;height:7px;border-radius:50%;background:#eb625b;right:-2px;top:9px;box-shadow:0 0 0 4px rgba(235,98,91,.15);}
.chart-axis { display:flex; justify-content:space-between;color:#59616c;font-size:7px;letter-spacing:.08em; }
.priority-item { display:flex; align-items:center; gap:8px; padding:14px 0; border-bottom:1px solid var(--line); }
.priority-item:last-child{border-bottom:0}.priority-item i{width:5px;height:28px;background:#777;}.priority-item i.priority-red{background:var(--accent)}.priority-item i.priority-gold{background:var(--gold)}.priority-item i.priority-blue{background:var(--blue)}
.priority-item div{flex:1}.priority-item strong{display:block;font-size:9px;white-space:nowrap}.priority-item small{font-size:7px;margin-top:2px}.priority-item>span{font:400 16px Georgia,serif;color:#434b55}
.signal-strip { display:flex; align-items:center; gap:12px; margin-top:9px; padding:12px 14px; border:1px solid rgba(216,77,72,.3); background:rgba(216,77,72,.06); }
.signal-icon { width:25px;height:25px;display:grid;place-items:center;background:var(--accent);font-size:12px; }.signal-strip div{flex:1}.signal-strip strong{display:block;font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-arrow{color:var(--accent)}

.section-index { margin-bottom: 22px; color: var(--accent-bright); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .17em; }
.section-intro h2,.solution-copy h2,.audience-copy h2 { margin-bottom:0; font:400 clamp(38px,4.3vw,58px)/1.1 Georgia,serif; letter-spacing:-.035em; }
.section-intro h2 span { color:#757d87; }
.problem { background:#0c1016; border-bottom:1px solid var(--line); }
.problem-layout { display:grid; grid-template-columns:1fr 1fr; gap:110px; margin-top:85px; }
.problem-copy { max-width:500px; color:#aeb4bd;font-size:17px; }
.problem-copy p + p{margin-top:27px}.friction-list{border-top:1px solid var(--line-strong)}
.friction-list>div{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.friction-list span{color:var(--accent);font:400 11px Georgia,serif}.friction-list p{margin:0;color:#d9dce0;font-size:14px;font-weight:600}

.solution { position:relative; overflow:hidden; }
.solution::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 50%,rgba(78,91,108,.08),transparent 33%);pointer-events:none}
.solution-grid { display:grid;grid-template-columns:1.05fr .95fr;gap:110px;align-items:center;position:relative;z-index:1; }
.solution-visual { position:relative;height:520px;display:grid;place-items:center; }
.solution-core{position:relative;z-index:2;width:170px;height:170px;border:1px solid rgba(216,77,72,.55);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0e1218;box-shadow:0 0 70px rgba(216,77,72,.1)}
.solution-core .brand-mark{margin-bottom:10px}.solution-core b{font-size:22px;letter-spacing:.14em}.solution-core small{margin-top:5px;color:#6f7782;font-size:7px;letter-spacing:.16em}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.orbit-one{width:355px;height:355px}.orbit-two{width:500px;height:500px;border-style:dashed;opacity:.65}
.orbit-label{position:absolute;padding:8px 12px;border:1px solid var(--line);background:#0c1016;color:#a7adb5;font-size:9px;font-weight:700;letter-spacing:.11em}.orbit-label i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--accent)}
.label-one{top:52px;left:58px}.label-two{top:150px;right:25px}.label-three{bottom:115px;left:8px}.label-four{bottom:31px;right:68px}
.solution-copy h2{margin-bottom:30px}.solution-copy>p:not(.section-index){color:#a8afb8;max-width:500px;font-size:16px}.solution-copy>p + p{margin-top:20px}.text-link{display:inline-flex;gap:30px;align-items:center;margin-top:20px;padding-bottom:6px;border-bottom:1px solid #4b535e;font-size:13px;font-weight:700}.text-link span{color:var(--accent);}

.modules { background:#0c1016;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.section-intro.split{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:end}.section-intro.split>p{margin:0;color:#9ca3ad;max-width:390px}
.module-grid { display:grid;grid-template-columns:repeat(4,1fr);margin-top:68px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong); }
.module-card{position:relative;min-height:505px;padding:28px 25px 32px;border-right:1px solid var(--line);transition:background .3s,transform .3s var(--ease)}.module-card:first-child{border-left:1px solid var(--line)}.module-card:hover{background:#121821;transform:translateY(-5px)}
.module-num{color:#626a75;font:400 11px Georgia,serif}.module-icon{height:120px;display:flex;align-items:center;justify-content:center;margin:17px 0 8px;position:relative}
.module-card h3{margin-bottom:14px;font:400 22px Georgia,serif;overflow-wrap:anywhere}.module-card>p{min-height:78px;color:#8f97a2;font-size:13px;line-height:1.65}.module-card ul{list-style:none;padding:20px 0 0;margin:25px 0 0;border-top:1px solid var(--line)}.module-card li{position:relative;margin:10px 0;padding-left:14px;color:#aab0b8;font-size:11px}.module-card li::before{content:"";position:absolute;width:4px;height:4px;left:0;top:7px;background:var(--accent)}
.icon-data{gap:5px;align-items:flex-end;padding-bottom:31px}.icon-data span{width:15px;background:#39414c}.icon-data span:nth-child(1){height:25px}.icon-data span:nth-child(2){height:49px;background:var(--accent)}.icon-data span:nth-child(3){height:36px}
.icon-signal span{width:80px;height:80px;border:1px solid #39414c;border-radius:50%;box-shadow:0 0 0 17px rgba(255,255,255,.015)}.icon-signal i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);top:28px;right:78px;box-shadow:0 0 14px var(--accent)}
.icon-work span{position:absolute;width:55px;height:40px;border:1px solid #49515c;background:#151a22}.icon-work span:first-child{transform:translate(-20px,-14px)}.icon-work span:nth-child(2){transform:translate(20px,14px);border-color:#7d3635}.icon-work i{z-index:2;width:8px;height:8px;background:var(--accent);transform:rotate(45deg)}
.icon-execute span{width:79px;height:79px;border:1px solid #414954;transform:rotate(45deg)}.icon-execute i{position:absolute;width:31px;height:1px;background:var(--accent)}.icon-execute i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid var(--accent);border-top:1px solid var(--accent);transform:rotate(45deg)}

.audience-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:110px}.audience-copy h2{margin-bottom:27px}.audience-copy>p:last-child{max-width:470px;color:#979fa9}.audience-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-strong)}.audience-list>div{min-height:104px;display:flex;flex-direction:column;justify-content:center;padding:18px 24px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.audience-list>div:nth-child(even){border-right:0}.audience-list span{color:var(--accent);font-size:9px;margin-bottom:5px}.audience-list strong{font-size:14px;font-weight:600}

.value{background:#11161e;border-top:1px solid var(--line)}.value-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;margin-top:67px}.value-grid article{position:relative;padding:30px;border-top:1px solid var(--line-strong);border-right:1px solid var(--line);min-height:182px}.value-grid article>span{color:var(--accent);font:400 11px Georgia,serif}.value-grid h3{font:400 21px/1.35 Georgia,serif}.value-lead{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;min-height:364px!important;background:linear-gradient(145deg,rgba(216,77,72,.1),transparent 65%)}.value-lead h3{max-width:360px;font-size:34px;margin:15px 0}.value-lead p{color:#8f97a2;max-width:370px;font-size:14px}.value-item h3{margin:35px 0 0;max-width:260px}.value-grid article:nth-child(4),.value-grid article:nth-child(5){border-bottom:1px solid var(--line-strong)}

.demo{position:relative;min-height:570px;display:flex;align-items:center;text-align:center;overflow:hidden;background:#0a0d12}.demo::before,.demo::after{content:"";position:absolute;top:50%;width:32%;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong))}.demo::before{left:0}.demo::after{right:0;transform:rotate(180deg)}.demo-glow{position:absolute;width:600px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(130,39,37,.22),transparent 66%)}
.demo-inner{position:relative}.demo .eyebrow{margin-bottom:26px}.demo h2{margin-bottom:18px;font:400 clamp(48px,6vw,72px)/1.05 Georgia,serif;letter-spacing:-.04em}.demo p:not(.eyebrow){color:#9ca3ac;margin-bottom:28px}.demo .button{min-width:175px}
.site-footer{background:#07090d;border-top:1px solid var(--line);padding:55px 0 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;align-items:start;padding-bottom:55px}.footer-main p{color:#737b86;font-size:12px;line-height:1.55;text-transform:uppercase;letter-spacing:.08em}.footer-email{padding-bottom:7px;border-bottom:1px solid #3b424b;font-size:13px;font-weight:600}.footer-email span{color:var(--accent);margin-left:18px}.footer-bottom{display:flex;justify-content:space-between;padding-top:21px;border-top:1px solid var(--line);color:#515965;font-size:9px;text-transform:uppercase;letter-spacing:.12em}

.reveal { opacity:0; transform:translateY(24px); transition:opacity .75s var(--ease),transform .75s var(--ease); }
.reveal.visible { opacity:1;transform:none; }
.module-card:nth-child(2),.value-grid article:nth-child(2){transition-delay:.08s}.module-card:nth-child(3),.value-grid article:nth-child(3){transition-delay:.16s}.module-card:nth-child(4),.value-grid article:nth-child(4){transition-delay:.24s}.value-grid article:nth-child(5){transition-delay:.32s}

@media (max-width: 1050px) {
  .hero-grid{grid-template-columns:1fr}.hero{padding-top:150px}.hero-copy{max-width:700px}.product-frame{margin:20px 0 -220px 6%;transform:none}.hero{padding-bottom:280px}.problem-layout,.solution-grid,.audience-grid{gap:60px}.module-grid{grid-template-columns:1fr 1fr}.module-card:nth-child(2){border-right:1px solid var(--line)}.module-card:nth-child(3){border-left:1px solid var(--line)}
}

@media (max-width: 760px) {
  html{scroll-padding-top:76px}body{overflow-x:hidden}.container{width:min(calc(100% - 34px),var(--max))}.section-pad{padding:88px 0}.nav-wrap{height:68px}.menu-toggle{display:block}.site-nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 17px 22px;background:#0b0e13;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.site-nav>a{padding:15px}.site-nav .nav-cta{margin-top:8px;text-align:center}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .hero{min-height:auto;padding-top:125px;padding-bottom:90px}.hero::after{background-size:50% 100%}.hero-grid{grid-template-columns:minmax(0,1fr);gap:56px}.hero-copy{min-width:0}.hero h1{font-size:46px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:space-between}.hero-proof{display:grid;grid-template-columns:1fr;gap:12px;margin-top:35px}.product-frame{width:calc(100vw - 17px);min-width:0;margin:0;transform:none;overflow:hidden}.frame-body{min-height:450px}.dashboard{padding:20px 18px}.metric-row{grid-template-columns:repeat(3,130px)}.dashboard-main{grid-template-columns:280px 190px}.frame-body{overflow:hidden}.signal-strip{width:480px}
  .problem-layout,.solution-grid,.audience-grid,.section-intro.split{grid-template-columns:1fr;gap:48px}.problem-layout{margin-top:50px}.solution-visual{height:390px;order:2;transform:scale(.78);margin:-40px}.solution-copy{order:1}.section-intro.split{gap:24px}.module-grid{grid-template-columns:1fr;margin-top:45px}.module-card,.module-card:first-child,.module-card:nth-child(3){border-left:1px solid var(--line);min-height:445px}.module-card{border-bottom:1px solid var(--line)}.module-card>p{min-height:auto}.audience-list{grid-template-columns:1fr}.audience-list>div{border-right:0!important}.value-grid{grid-template-columns:1fr}.value-lead{min-height:310px!important}.value-grid article{border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.value-grid h3{max-width:100%}.demo{min-height:500px}.demo::before,.demo::after{display:none}.footer-main{grid-template-columns:1fr;gap:28px;padding-bottom:38px}.footer-main p{margin:0}.footer-email{justify-self:start}.footer-bottom{gap:20px;flex-wrap:wrap}
}

@media (max-width: 420px) {
  .hero h1{font-size:40px}.section-intro h2,.solution-copy h2,.audience-copy h2{font-size:38px}.frame-brand span{display:none}.solution-visual{transform:scale(.65);margin:-65px}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.module-card{transition:none}
}