.op-hero{padding:80px 0 96px;position:relative;overflow:hidden;background:#0b1220;color:#e2e8f0}.op-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 80% 20%,rgba(42,111,219,.18),transparent 60%),radial-gradient(600px 300px at 10% 90%,rgba(244,165,116,.1),transparent 60%);pointer-events:none}.op-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;position:relative}.op-hero .eyebrow{color:#7fb1ff}.op-hero .eyebrow:before{background:#7fb1ff}.op-hero h1{color:#fff;font-family:var(--sans);font-weight:500;font-size:76px;line-height:1;letter-spacing:-.035em;margin:24px 0 28px;text-wrap:balance}.op-hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:#7fb1ff}.op-hero .lead{font-size:19.5px;line-height:1.5;color:#cbd5e1;max-width:520px;margin-bottom:36px}.op-hero-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.op-hero-cta .btn-light{background:#fff;color:#0b1220}.op-hero-cta .btn-light:hover{background:#e2e8f0;transform:translateY(-1px)}.op-hero-cta .btn-outline{color:#fff;border:1px solid rgba(255,255,255,.25);background:transparent}.op-hero-cta .btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.04)}.op-hero-cta .small{color:#94a3b8;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;margin-left:6px}.roi-card{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:32px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 16px 40px -12px rgba(0,0,0,.4);position:relative}.roi-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.06)}.roi-head .l{letter-spacing:.14em;text-transform:uppercase;color:#7fb1ff}.roi-head .l,.roi-head .r{font-family:var(--mono);font-size:11px}.roi-head .r{color:#64748b;letter-spacing:.04em}.roi-rows{display:flex;flex-direction:column;gap:18px}.roi-row{display:flex;justify-content:space-between;align-items:baseline}.roi-row .lbl{font-size:14px;color:#94a3b8}.roi-row .val{font-family:var(--mono);font-size:18px;color:#fff;font-feature-settings:"tnum"}.roi-row .val.acc{color:#7fb1ff}.roi-row.tot{padding-top:18px;border-top:1px dashed rgba(255,255,255,.12)}.roi-row.tot .lbl{font-size:15px;color:#fff;font-weight:500}.roi-row.tot .val{font-size:32px;color:#fff;font-weight:600;letter-spacing:-.01em}.roi-footnote{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);font-size:12.5px;color:#94a3b8;line-height:1.55}.roi-toggle{position:absolute;top:-14px;right:24px;background:#7fb1ff;color:#0b1220;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:999px;font-weight:600}.strip{padding:36px 0;border-bottom:1px solid rgba(255,255,255,.06);background:#0b1220}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:48px;flex-wrap:wrap}.strip .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#64748b;flex-shrink:0}.strip-logos{display:flex;gap:40px;flex-wrap:wrap}.strip-logos span{font-family:var(--sans);font-weight:600;color:#94a3b8;font-size:18px;letter-spacing:-.02em;opacity:.85}.op-section{padding:120px 0;position:relative;background:#0b1220;color:#e2e8f0}.op-section h2{color:#fff;font-family:var(--sans);font-weight:500;font-size:46px;line-height:1.05;letter-spacing:-.025em;text-wrap:balance}.op-section h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:#7fb1ff}.op-section .lead{color:#cbd5e1}.op-section .eyebrow{color:#7fb1ff}.op-section .eyebrow:before{background:#7fb1ff}.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}.gain,.pain{padding:36px;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.08)}.pain{background:rgba(196,62,62,.06);border-color:rgba(196,62,62,.18)}.gain{background:rgba(34,197,94,.04);border-color:rgba(34,197,94,.18)}.gain h3,.pain h3{color:#fff;font-size:22px;font-weight:600;margin-bottom:18px;letter-spacing:-.015em;display:flex;align-items:center;gap:10px}.gain h3 .ico,.pain h3 .ico{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:14px;font-weight:600}.pain h3 .ico{background:rgba(196,62,62,.18);color:#f87171}.gain h3 .ico{background:rgba(34,197,94,.18);color:#4ade80}.gain ul,.pain ul{display:flex;flex-direction:column;gap:14px}.gain li,.pain li{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;color:#cbd5e1}.pain li:before{content:"×";color:#f87171;font-size:18px;font-weight:600;line-height:1.1}.gain li:before{content:"✓";color:#4ade80;font-size:14px;font-weight:600;line-height:1.3}.gain li:before,.pain li:before{display:inline-block}.op-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:56px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);overflow:hidden}.op-step{padding:36px 28px;background:#0f172a;display:flex;flex-direction:column;gap:14px;min-height:280px}.op-step .n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:#7fb1ff}.op-step h3{font-size:20px;font-weight:600;color:#fff;letter-spacing:-.015em;line-height:1.25}.op-step p{font-size:14px;color:#94a3b8;line-height:1.55}.op-step .visual{margin-top:auto;padding-top:18px;border-top:1px dashed rgba(255,255,255,.1);font-family:var(--mono);font-size:11px;color:#64748b;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.op-step .visual .dot{width:6px;height:6px;border-radius:999px;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.18)}.integ-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.integ{padding:28px 24px;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);background:#0f172a;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.integ .logo-block{width:48px;height:48px;border-radius:12px;background:rgba(127,177,255,.1);color:#7fb1ff;display:grid;place-items:center;font-weight:700;font-size:18px;letter-spacing:-.02em}.integ .name{font-size:15px;font-weight:600;color:#fff}.integ .desc{font-size:12px;color:#64748b;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}.integ-foot{margin-top:24px;font-size:13px;color:#94a3b8;text-align:center}.integ-foot a{color:#7fb1ff}.pricing-block{margin-top:56px;background:linear-gradient(180deg,#0f172a,#1a2540);border:1px solid rgba(127,177,255,.18);border-radius:var(--r-xl);padding:56px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.pb-num{font-family:var(--sans);font-weight:500;font-size:160px;line-height:.9;color:#fff;letter-spacing:-.05em}.pb-num em{font-family:var(--serif);font-style:italic;font-weight:400;color:#7fb1ff}.pb-right h3{font-size:30px;color:#fff;font-weight:500;letter-spacing:-.02em;margin-bottom:14px}.pb-right p{font-size:16px;color:#cbd5e1;line-height:1.55;margin-bottom:18px}.pb-right ul{display:flex;flex-direction:column;gap:10px}.pb-right li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:flex-start;font-size:14.5px;color:#cbd5e1}.pb-right li:before{content:"✓";color:#4ade80;font-weight:600}.compare{margin-top:56px;background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);overflow:hidden}.compare table{width:100%;border-collapse:collapse}.compare td,.compare th{padding:18px 24px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:14.5px}.compare th{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#64748b;font-weight:500;background:rgba(255,255,255,.02)}.compare td.us,.compare th.us{background:rgba(127,177,255,.05)}.compare th.us{color:#7fb1ff;font-weight:600}.compare td.row-lbl{color:#94a3b8;font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}.compare td.val{color:#cbd5e1}.compare td.val.us{color:#fff;font-weight:500}.compare td.val.bad{color:#94a3b8}.compare tr:last-child td{border-bottom:0}.quote{margin-top:96px;display:grid;grid-template-columns:120px 1fr;gap:36px;align-items:center;max-width:920px}.quote .av{width:120px;height:120px;border-radius:999px;background:linear-gradient(135deg,#334155,#1e293b);display:grid;place-items:center;color:#7fb1ff;font-size:34px;font-weight:500;border:1px solid rgba(255,255,255,.08)}.quote .av,.quote blockquote{font-family:var(--serif);font-style:italic}.quote blockquote{margin:0;font-size:30px;line-height:1.3;color:#fff;font-weight:400;letter-spacing:-.01em}.quote .attrib{margin-top:18px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 56px;margin-top:48px}.faq h3{font-size:17px;font-weight:600;color:#fff;margin-bottom:10px;letter-spacing:-.005em}.faq p{font-size:14.5px;color:#94a3b8;line-height:1.6}.final-cta-wrap{background:#0b1220;padding:0 0 120px}.final-cta{margin:80px 0 0;padding:80px 64px;background:linear-gradient(135deg,#7fb1ff,#5a8fdb);border-radius:var(--r-xl);text-align:center;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(400px 200px at 20% 80%,rgba(255,255,255,.15),transparent 60%),radial-gradient(300px 150px at 80% 20%,rgba(255,255,255,.1),transparent 60%);pointer-events:none}.final-cta-inner{position:relative;max-width:680px;margin:0 auto}.final-cta h2{color:#0b1220;font-family:var(--sans);font-weight:500;font-size:56px;line-height:1;letter-spacing:-.03em;margin-bottom:18px;text-wrap:balance}.final-cta h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:#0b1220}.final-cta p{font-size:18px;color:rgba(11,18,32,.75);max-width:480px;margin:0 auto 32px;line-height:1.5}.final-cta .btn-dark{background:#0b1220;color:#fff}.final-cta .btn-dark:hover{background:#000}.final-cta .small{display:block;margin-top:18px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:rgba(11,18,32,.55)}@media (max-width:980px){.op-hero-grid{grid-template-columns:1fr;gap:48px}.op-hero h1{font-size:48px}.faq-grid,.pain-grid,.pricing-block{grid-template-columns:1fr;gap:24px}.integ-grid,.op-steps{grid-template-columns:1fr 1fr}.final-cta h2{font-size:38px}.pb-num{font-size:110px}.quote{grid-template-columns:1fr}}