:root{
  --ink:#071a31;--ink2:#102840;--text:#40536a;--muted:#6d7b8e;--line:#dfe8e4;--line2:#d4dfda;
  --paper:#fff;--soft:#f6faf8;--soft2:#eef8f4;--green:#0a936d;--green2:#087759;--mint:#dff8ee;
  --blue:#1f66e5;--violet:#7357d8;--amber:#c07a17;--red:#cf4545;--navy:#0d2948;
  --shadow-lg:0 34px 90px rgba(7,26,49,.13);--shadow-md:0 18px 50px rgba(7,26,49,.08);--shadow-sm:0 8px 24px rgba(7,26,49,.055)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{display:block}.shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}.hidden{display:none!important}
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,232,228,.92)}.header-in{min-height:76px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.025em}.brand-premium{min-width:max-content}.brand-symbol{width:39px;height:44px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:19px;letter-spacing:-.045em}.brand-copy strong span{color:var(--green)}.brand-copy small{margin-top:5px;font-size:7px;letter-spacing:.23em;text-transform:uppercase;color:#8a97a3;font-weight:800}.mark{width:38px;height:42px;border:0;background:url('logo-mark.svg') center/contain no-repeat!important;color:transparent!important;font-size:0!important;box-shadow:none!important;border-radius:0!important}.nav{display:flex;align-items:center;gap:26px;margin-left:auto;color:#526176;font-size:12.5px;font-weight:750}.nav a{padding:10px 0;transition:.2s}.nav a:hover{color:var(--green)}.header-actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:11px;border:1px solid #d5dfdb;background:#fff;color:var(--ink);font-weight:800;font-size:12.5px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(7,26,49,.08)}.header-login{background:#fff}.pwa-install{color:var(--green);border-color:#bde2d4;background:#f7fdfb}
.oop-hero{position:relative;overflow:hidden;padding:92px 0 79px;background:radial-gradient(circle at 88% 9%,rgba(10,147,109,.13),transparent 29%),radial-gradient(circle at 5% 2%,rgba(31,102,229,.055),transparent 25%),linear-gradient(180deg,#fff 0%,#fff 72%,#fafcfb 100%)}.oop-hero:before{content:"";position:absolute;right:-250px;top:-320px;width:700px;height:700px;border-radius:50%;border:1px solid rgba(10,147,109,.05)}.oop-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.93fr) minmax(550px,1.07fr);gap:68px;align-items:center}.oop-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.86);color:#52677a;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.oop-kicker i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(10,147,109,.09)}.oop-hero h1{margin:18px 0 22px;max-width:690px;font-size:clamp(48px,5.35vw,69px);line-height:.98;letter-spacing:-.055em;font-weight:690}.oop-hero h1 em{font-style:normal;color:#cf4545}.oop-hero h1 span{color:var(--green)}.oop-lead{margin:0;max-width:660px;color:#53657a;font-size:16.5px;line-height:1.76}.oop-lead strong{color:#2d4359}.oop-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin:30px 0 23px}.oop-primary{border-color:transparent;background:linear-gradient(135deg,#0aa779,#087759);color:#fff;box-shadow:0 14px 32px rgba(8,119,89,.22)}.oop-primary:hover{box-shadow:0 17px 36px rgba(8,119,89,.3)}.oop-primary span{font-size:17px;line-height:1}.oop-ghost{background:#fff;border-color:#cedbd6}.play{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0f7f4;color:var(--green);font-size:8px}.oop-proofline{display:flex;flex-wrap:wrap;gap:16px;color:#667689;font-size:10.5px;font-weight:700}.oop-proofline b{color:var(--green);margin-right:5px}.oop-legal-mini{max-width:620px;margin:17px 0 0;color:#929ca9;font-size:9.5px;line-height:1.55}
.oop-product-stage{position:relative;padding:16px 8px 12px}.oop-glow{position:absolute;inset:12% 5% -2%;background:rgba(10,147,109,.14);filter:blur(50px);border-radius:38px}.oop-window{position:relative;overflow:hidden;border:1px solid #d9e4df;border-radius:19px;background:#fff;box-shadow:var(--shadow-lg)}.oop-windowbar{height:42px;display:grid;grid-template-columns:68px 1fr 68px;align-items:center;padding:0 14px;border-bottom:1px solid #eaf0ed;background:#fbfcfc}.oop-dots{display:flex;gap:5px}.oop-dots i{width:6px;height:6px;border-radius:50%;background:#d3dbd8}.oop-url{justify-self:center;min-width:245px;padding:6px 12px;border:1px solid #e0e8e4;border-radius:7px;background:#fff;color:#86938f;font-size:7.5px;text-align:center}.oop-url span{margin-right:6px}.oop-secure{justify-self:end;color:#789388;font-size:6.8px;font-weight:800}.oop-app{display:grid;grid-template-columns:54px 1fr;min-height:438px}.oop-side{padding:16px 9px;background:linear-gradient(180deg,#071d34,#0c304b);display:flex;align-items:center;flex-direction:column;gap:13px}.oop-mini-logo{width:30px;height:32px;margin-bottom:4px}.oop-mini-logo img{width:100%;height:100%;object-fit:contain}.oop-side>i{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;color:#9db3c3;font-size:11px;font-style:normal}.oop-side>i.active{background:rgba(255,255,255,.12);color:#fff}.oop-appmain{padding:18px 18px 20px;min-width:0}.oop-apphead{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.oop-apphead small,.oop-apphead strong{display:block}.oop-apphead small{color:#9aa6ae;font-size:6.5px;font-weight:900;letter-spacing:.12em;margin-bottom:2px}.oop-apphead strong{font-size:14px}.oop-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#eaf8f3;color:var(--green);font-size:7px;font-weight:900}.oop-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.oop-kpis>div{padding:10px;border:1px solid #e5ece9;border-radius:10px;background:#fff;box-shadow:0 4px 10px rgba(7,26,49,.025)}.oop-kpis span,.oop-kpis b,.oop-kpis em{display:block}.oop-kpis span{height:19px;color:#8c99a4;font-size:6.3px;font-weight:750}.oop-kpis b{margin-top:3px;font-size:18px;letter-spacing:-.03em}.oop-kpis em{margin-top:1px;color:var(--green);font-size:6.2px;font-weight:800;font-style:normal}.oop-kpis em.red{color:#cf4545}.oop-kpis em.amber{color:var(--amber)}.oop-dash-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8px;margin-top:9px}.oop-feed,.oop-suppress{border:1px solid #e2eae6;border-radius:11px;background:#fff;overflow:hidden}.oop-card-title{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #edf1ef}.oop-card-title strong{font-size:8px}.oop-card-title a{color:var(--blue);font-size:6.4px;font-weight:800}.live-dot{color:var(--green);font-size:6px;font-weight:900}.oop-event{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid #f0f3f2}.oop-event:last-child{border:0}.event-icon{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:8px;font-weight:900}.event-icon.stop{background:#fff0f0;color:#d34747}.event-icon.mail{background:#edf4ff;color:#2e6bcd}.event-icon.relay{background:#f0edff;color:#7357d8}.event-icon.ok{background:#eaf8f2;color:#0a936d}.oop-event b,.oop-event small{display:block}.oop-event b{font-size:7.3px}.oop-event small{margin-top:1px;color:#97a2ab;font-size:5.9px}.oop-event em{font-style:normal;color:#6f7d88;font-size:5.8px;font-weight:800}.oop-search{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px}.oop-search span{padding:7px 8px;border:1px solid #dde6e2;border-radius:7px;background:#fafcfc;color:#667786;font-size:7px}.oop-search button{border:0;border-radius:7px;background:var(--green);color:#fff;padding:0 9px;font-size:6.3px;font-weight:900}.oop-blocked{display:grid;grid-template-columns:33px 1fr;gap:8px;margin:0 10px;padding:10px;border:1px solid #f0d2d2;border-radius:10px;background:#fff8f8}.oop-blocked>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#d94d4d;color:#fff;font-size:12px}.oop-blocked small,.oop-blocked b,.oop-blocked em{display:block}.oop-blocked small{font-size:5.5px;color:#a39a9a;font-weight:900;letter-spacing:.1em}.oop-blocked b{color:#a83434;font-size:8px}.oop-blocked em{font-style:normal;color:#987979;font-size:5.8px}.oop-relay-status{display:flex;justify-content:space-between;margin:10px;padding-top:9px;border-top:1px solid #edf1ef;color:#7d8a94;font-size:6.5px}.oop-relay-status b{color:var(--green)}.oop-float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #dbe6e1;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 16px 35px rgba(7,26,49,.12);backdrop-filter:blur(10px)}.oop-float-card small,.oop-float-card b{display:block}.oop-float-card small{font-size:5.5px;color:#9aa6aa;font-weight:900;letter-spacing:.1em}.oop-float-card b{font-size:8px}.oop-float-stop{left:-15px;bottom:1px}.oop-float-stop>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#fff0f0;color:#d34848;font-size:11px}.oop-float-pwa{right:-18px;top:4px}.oop-float-pwa img{width:28px;height:31px}
.oop-rail{border-block:1px solid #e2e9e6;background:#fbfdfc}.oop-rail-grid{display:grid;grid-template-columns:1.22fr repeat(4,1fr)}.oop-rail-grid>div{min-height:92px;padding:18px 16px;border-right:1px solid #e3eae7;display:flex;flex-direction:column;justify-content:center}.oop-rail-grid>div:last-child{border:0}.oop-rail-lead span{color:var(--green);font-size:7px;font-weight:900;letter-spacing:.12em}.oop-rail-lead strong{margin-top:4px;font-size:12px;line-height:1.3}.rail-icon{width:27px;height:27px;border:1px solid #dce8e3;border-radius:9px;display:grid;place-items:center;background:#fff;color:var(--green);font-size:11px;margin-bottom:7px}.oop-rail-grid b{font-size:9px}.oop-rail-grid small{color:#8b98a2;font-size:6.8px;margin-top:2px}
.oop-section{padding:94px 0}.oop-soft{background:linear-gradient(180deg,#f6faf8,#f9fbfa)}.oop-section-head{margin-bottom:38px}.split-head{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end}.oop-eyebrow{display:inline-block;color:var(--green);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.oop-section h2{margin:8px 0 0;font-size:clamp(36px,4.4vw,54px);line-height:1.03;letter-spacing:-.045em}.oop-section h2 span{color:var(--green)}.oop-section-head p{margin:0;color:#68788a;font-size:14px;line-height:1.8}.center-head{text-align:center;max-width:800px;margin:0 auto 42px}.center-head p{max-width:650px;margin:14px auto 0}.oop-scenarios{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.oop-scenario{position:relative;min-height:305px;padding:22px 20px 18px;border:1px solid #dfe8e4;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.oop-scenario.featured{border-color:#b8dfd0;background:linear-gradient(160deg,#f5fcf9,#fff 65%);box-shadow:0 16px 40px rgba(8,119,89,.08)}.scenario-tag{color:#87958f;font-size:6.5px;font-weight:900;letter-spacing:.11em}.featured .scenario-tag{color:var(--green)}.scenario-flow{height:76px;display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 4px}.scenario-flow span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900}.scenario-flow i{color:#9aa8a2;font-style:normal}.scenario-flow .person{background:#e8f8f1;color:#0a936d}.scenario-flow .company{background:#eaf2ff;color:#2865c9}.scenario-flow .buyer{background:#f1edff;color:#7057d2}.scenario-flow .source{background:#fff3df;color:#b2761d}.scenario-flow.compact{gap:6px}.scenario-flow.compact span{width:36px;height:36px}.oop-scenario h3{margin:7px 0 8px;font-size:16px;letter-spacing:-.02em}.oop-scenario p{margin:0;color:#6a7988;font-size:11px;line-height:1.65}.scenario-caption{margin-top:auto;padding-top:14px;color:#9aa5ad;font-size:6.7px;font-weight:900;letter-spacing:.07em;border-top:1px solid #eef2f0}
.oop-how-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:78px;align-items:center}.oop-how-copy>p{color:#667789;font-size:14px;line-height:1.8;max-width:560px}.oop-how-list{margin-top:27px;display:grid;gap:8px}.oop-how-list>div{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:12px 0;border-bottom:1px solid #e0e8e4}.oop-how-list>div>b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid #dce7e2;color:var(--green);font-size:8px}.oop-how-list p{margin:0}.oop-how-list strong,.oop-how-list span{display:block}.oop-how-list strong{font-size:11px}.oop-how-list span{margin-top:2px;color:#7d8b96;font-size:9px;line-height:1.55}.oop-stop-demo{padding:23px;border:1px solid #d8e5df;border-radius:22px;background:#fff;box-shadow:var(--shadow-md)}.demo-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #e9efec}.demo-top small,.demo-top strong{display:block}.demo-top small{color:#98a39f;font-size:6px;font-weight:900;letter-spacing:.1em}.demo-top strong{font-size:12px;margin-top:2px}.demo-status{padding:6px 8px;border-radius:999px;background:#fff0f0;color:#c63d3d;font-size:6.5px;font-weight:900}.demo-person{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #e9efec}.demo-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef7f3;color:#0a936d;font-size:8px;font-weight:900}.demo-person strong,.demo-person span{display:block}.demo-person strong{font-size:9px}.demo-person span{font-size:7px;color:#89959d}.demo-person .channel{padding:5px 7px;border-radius:7px;background:#f4f7f6;color:#60716d;font-size:6px;font-weight:800}.demo-timeline{padding:13px 0}.demo-timeline>div{position:relative;display:grid;grid-template-columns:28px 1fr;gap:9px;padding:7px 0}.demo-timeline>div:not(:last-child):after{content:"";position:absolute;left:13px;top:35px;bottom:-5px;width:1px;background:#cfe6dd}.demo-timeline i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e8f8f1;color:#0a936d;font-size:8px;font-style:normal;font-weight:900}.demo-timeline b,.demo-timeline span{display:block}.demo-timeline b{font-size:8px}.demo-timeline span{color:#8e9aa2;font-size:6.3px}.demo-proof{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:11px 13px;border:1px solid #cde4da;border-radius:11px;background:#f6fcf9}.demo-proof span{font-size:6.5px;color:#7d9189}.demo-proof strong{font-size:8px;color:#0a7a5b}.demo-proof em{grid-column:1/-1;font-style:normal;color:#9ca8a3;font-size:5.8px}
.oop-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.oop-feature-grid article{padding:24px 22px;border:1px solid #dfe7e4;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(7,26,49,.035)}.feature-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:900;margin-bottom:18px}.feature-icon.green{background:#e9f8f2;color:#0a936d}.feature-icon.blue{background:#edf3ff;color:#2864c9}.feature-icon.violet{background:#f1eeff;color:#7158d4}.feature-icon.amber{background:#fff3df;color:#b77818}.feature-icon.navy{background:#eaf0f6;color:#173a5c}.feature-icon.red{background:#fff0f0;color:#cb4545}.oop-feature-grid h3{margin:0 0 7px;font-size:15px}.oop-feature-grid p{margin:0;color:#71808f;font-size:10.5px;line-height:1.65}.oop-feature-grid small{display:block;margin-top:14px;padding-top:11px;border-top:1px solid #eef2f0;color:#99a4ab;font-size:6.7px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.oop-dark{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 12%,rgba(20,184,132,.17),transparent 30%),linear-gradient(145deg,#061629,#08233a 62%,#0a3049);color:#fff}.oop-dark:after{content:"";position:absolute;left:-180px;bottom:-280px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(44,117,181,.11),transparent 68%)}.oop-dark-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .9fr;gap:85px;align-items:center}.oop-eyebrow.light{color:#7edbb9}.oop-dark h2{color:#fff}.oop-dark h2 span{color:#64d2aa}.oop-dark p{color:#bccbd2;max-width:600px;font-size:13px;line-height:1.8}.oop-security-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.oop-security-pills span{padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);color:#d6e2e6;font-size:7px;font-weight:800}.oop-security-card{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.11);backdrop-filter:blur(14px)}.security-head{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.09)}.security-head img{width:36px;height:40px}.security-head small,.security-head strong{display:block}.security-head small{font-size:5.7px;color:#7fc9ae;font-weight:900;letter-spacing:.1em}.security-head strong{font-size:10px}.security-head>span{font-size:5.5px;color:#71d7b2}.security-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:8px;color:#b8c7cd}.security-row b{color:#eff8f5}.security-foot{margin-top:13px;color:#8da0a9;font-size:6.3px;line-height:1.5}
.oop-independent{background:#fff}.oop-independent-card{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:23px;padding:26px;border:1px solid #dce7e2;border-radius:21px;background:linear-gradient(100deg,#f6fcf9,#fff 66%);box-shadow:var(--shadow-sm)}.independent-logo{width:66px;height:66px;border-radius:17px;background:#eef9f4;display:grid;place-items:center}.independent-logo img{width:42px;height:47px}.independent-copy span{font-size:6.5px;color:#0a936d;font-weight:900;letter-spacing:.11em}.independent-copy h2{font-size:25px;margin:3px 0 4px}.independent-copy p{max-width:710px;margin:0;color:#71808f;font-size:9px;line-height:1.6}.oop-final{padding:32px 0;background:#071a31;color:#fff}.oop-final-in{display:flex;align-items:center;justify-content:space-between;gap:30px}.oop-final-in>div:first-child{display:flex;align-items:center;gap:17px}.oop-final-in img{width:52px;height:59px}.oop-final-in span{font-size:6.5px;color:#70cdb0;font-weight:900;letter-spacing:.12em}.oop-final h2{margin:2px 0 0;font-size:25px;letter-spacing:-.03em}.oop-final p{margin:2px 0 0;color:#afbec8;font-size:8px}.oop-final-actions{display:flex;gap:9px}.oop-dark-install{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.06);color:#fff}
.footer{border-top:1px solid var(--line);padding:44px 0 24px;background:#fbfcfc}.oop-footer-grid,.footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:34px}.oop-footer-brand p,.footer p{max-width:360px;color:#73818c;font-size:9.5px;line-height:1.65;margin-top:13px}.footer h4{font-size:9px;margin:0 0 10px}.footer a{display:block;color:#71808c;font-size:9px;margin:7px 0}.footer a:hover{color:var(--green)}.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#919ca5;font-size:7.5px}
/* Existing public / legal / auth components */
.section{padding:82px 0}.head{max-width:760px;margin-bottom:32px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--green);text-transform:uppercase}.head h2{font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:8px 0 12px}.head p{color:var(--muted);font-size:15px}.steps,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{position:relative;border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px;box-shadow:0 10px 30px rgba(7,26,49,.035)}.card .num{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf8f2;color:var(--green);font-size:12px;font-weight:900}.card.stop .num{background:#fff0f0;color:var(--red)}.card h3{font-size:18px;margin:18px 0 8px}.card p{font-size:14px;color:var(--muted);margin:0}.legal-note{border:1px solid #e5d8b8;background:#fffaf0;border-radius:16px;padding:17px;color:#6f5a2b;font-size:12px}.access{min-height:100vh;background:radial-gradient(circle at 10% 5%,rgba(10,147,109,.09),transparent 28%),#f6faf8;display:grid;place-items:center;padding:36px 18px}.access-frame{width:min(1000px,100%);display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:27px;overflow:hidden;box-shadow:var(--shadow-lg)}.access-intro{padding:42px;background:radial-gradient(circle at 15% 5%,rgba(12,177,127,.15),transparent 28%),linear-gradient(150deg,#071a31,#0d3549);color:#fff}.access-intro .brand{color:#fff}.access-intro .mark{filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}.access-intro h1{font-size:38px;line-height:1.05;letter-spacing:-.04em}.access-intro p{color:#c5d4db}.access-panel{padding:42px}.access-panel h2{font-size:28px;margin:0 0 8px}.access-lead{color:var(--muted);font-size:14px}.form{display:grid;gap:14px;margin-top:22px}.form label{font-size:12px;font-weight:800;color:#435168}.form input,.form select,.form textarea{width:100%;margin-top:6px;border:1px solid #cfd9d5;border-radius:12px;padding:12px 13px;background:#fff}.form textarea{min-height:90px}.alert{padding:12px 14px;border-radius:12px;font-size:13px;margin:12px 0}.alert.ok{background:#eefaf6;color:#196d56;border:1px solid #cde9df}.alert.danger{background:#fff1f1;color:#9f2929;border:1px solid #f1caca}.alert.warn{background:#fff8e8;color:#7d5d18;border:1px solid #ead9aa}.secret{padding:13px;border-radius:12px;background:#f4f7f6;border:1px solid var(--line);font-family:ui-monospace,monospace;word-break:break-all;font-size:12px}.recovery{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.recovery code{padding:9px;background:#f4f7f6;border-radius:8px;text-align:center}.copyrow{display:flex;gap:8px;align-items:center}.tiny{font-size:11px;color:#7e8a9b}
@media(max-width:1050px){.nav{display:none}.oop-hero-grid{grid-template-columns:1fr;gap:54px}.oop-product-stage{max-width:700px;margin-inline:auto;width:100%}.oop-rail-grid{grid-template-columns:1fr 1fr 1fr}.oop-rail-lead{grid-column:1/-1;border-bottom:1px solid #e3eae7}.oop-scenarios{grid-template-columns:1fr 1fr}.oop-how-grid,.oop-dark-grid{grid-template-columns:1fr;gap:48px}.oop-independent-card{grid-template-columns:64px 1fr}.oop-independent-card>.btn{grid-column:2}.split-head{grid-template-columns:1fr;gap:18px}.oop-feature-grid{grid-template-columns:1fr 1fr}.footer-grid,.oop-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.oop-footer-grid>div:nth-child(4){grid-column:2}.header-actions .pwa-install{display:none!important}}
@media(max-width:700px){.shell{width:min(100% - 26px,1220px)}.header-in{min-height:68px}.brand-symbol{width:34px;height:39px}.brand-copy strong{font-size:17px}.header-login{padding:10px 12px}.oop-hero{padding:58px 0 54px}.oop-hero h1{font-size:43px}.oop-lead{font-size:15px}.oop-hero-actions{flex-direction:column}.oop-hero-actions .btn{width:100%}.oop-proofline{display:grid;gap:7px}.oop-legal-mini{font-size:9px}.oop-product-stage{padding-inline:0}.oop-windowbar{grid-template-columns:45px 1fr}.oop-secure{display:none}.oop-url{min-width:0;width:100%}.oop-app{grid-template-columns:42px 1fr}.oop-side{padding-inline:6px}.oop-side>i{width:27px}.oop-appmain{padding:13px 10px}.oop-kpis{grid-template-columns:1fr 1fr}.oop-dash-grid{grid-template-columns:1fr}.oop-suppress{display:none}.oop-float-card{display:none}.oop-rail-grid{grid-template-columns:1fr 1fr}.oop-rail-lead{grid-column:1/-1}.oop-rail-grid>div{min-height:82px}.oop-section{padding:68px 0}.oop-section h2{font-size:37px}.oop-scenarios,.oop-feature-grid{grid-template-columns:1fr}.oop-scenario{min-height:0}.oop-independent-card{grid-template-columns:1fr;text-align:center}.independent-logo{margin:auto}.oop-independent-card>.btn{grid-column:auto}.oop-final-in{flex-direction:column;align-items:flex-start}.oop-final-actions{width:100%;flex-direction:column}.oop-final-actions .btn{width:100%}.oop-footer-grid,.footer-grid{grid-template-columns:1fr 1fr}.oop-footer-brand{grid-column:1/-1}.oop-footer-grid>div:nth-child(4){grid-column:auto}.footer-bottom{flex-direction:column}.access-frame{grid-template-columns:1fr}.access-intro,.access-panel{padding:28px}.steps,.cards{grid-template-columns:1fr}.recovery{grid-template-columns:1fr}}
@media(max-width:450px){.oop-hero h1{font-size:38px}.oop-rail-grid{grid-template-columns:1fr}.oop-rail-lead{grid-column:auto}.oop-rail-grid>div{border-right:0;border-bottom:1px solid #e3eae7}.oop-footer-grid,.footer-grid{grid-template-columns:1fr}.oop-footer-brand{grid-column:auto}.brand-copy small{font-size:6px}.oop-kpis b{font-size:16px}}
/* PWA install prompt */
.pwa-toast{position:fixed;right:20px;bottom:20px;z-index:250;display:grid;grid-template-columns:42px minmax(0,1fr) auto 24px;align-items:center;gap:10px;width:min(430px,calc(100% - 30px));padding:12px;border:1px solid #cfe2da;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 24px 60px rgba(7,26,49,.17);backdrop-filter:blur(18px);opacity:0;transform:translateY(14px);transition:.25s}.pwa-toast.show{opacity:1;transform:none}.pwa-toast img{width:38px;height:42px}.pwa-toast strong,.pwa-toast span{display:block}.pwa-toast strong{font-size:11px}.pwa-toast span{margin-top:2px;color:#73828d;font-size:8px;line-height:1.35}.pwa-toast-install{border:0;border-radius:9px;padding:9px 11px;background:#0a936d;color:#fff;font-size:8px;font-weight:900;cursor:pointer}.pwa-toast-close{border:0;background:none;color:#94a09e;font-size:18px;cursor:pointer;padding:0}@media(max-width:560px){.pwa-toast{left:15px;right:15px;bottom:15px;width:auto;grid-template-columns:38px 1fr auto}.pwa-toast img{width:34px;height:38px}.pwa-toast-close{position:absolute;right:8px;top:4px}.pwa-toast-install{margin-right:11px}}
/* Shared controls used by authentication / setup / relay pages */
.btn.primary{border-color:transparent;background:linear-gradient(135deg,#0aa779,#087759);color:#fff;box-shadow:0 12px 26px rgba(8,119,89,.18)}
.btn.primary:hover{box-shadow:0 15px 30px rgba(8,119,89,.25)}
.btn.blue{border-color:transparent;background:linear-gradient(135deg,#2f76ed,#1c59c8);color:#fff}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.86);color:#52677a;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.kicker i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(10,147,109,.09)}

/* Pricing V1.2 */
.oop-pricing-page{background:#f8fbfa}
.oop-pricing-page .nav a.active{color:var(--green);font-weight:900}
.pricing-hero{position:relative;overflow:hidden;padding:88px 0 72px;background:radial-gradient(circle at 88% 15%,rgba(10,147,109,.12),transparent 28%),radial-gradient(circle at 18% 5%,rgba(55,120,239,.06),transparent 30%),linear-gradient(180deg,#fff,#f5fbf8)}
.pricing-hero:after{content:"";position:absolute;inset:auto -8% -120px auto;width:420px;height:420px;border:1px solid rgba(10,147,109,.09);border-radius:50%;box-shadow:0 0 0 55px rgba(10,147,109,.025),0 0 0 110px rgba(10,147,109,.018);pointer-events:none}
.pricing-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.pricing-hero h1{max-width:760px;margin:17px 0 19px;font-size:clamp(45px,5.6vw,73px);line-height:.98;letter-spacing:-.055em;color:#071a31}.pricing-hero h1 span{color:var(--green)}
.pricing-hero p{max-width:760px;margin:0;color:#63727f;font-size:16px;line-height:1.75}
.pricing-meter-card{padding:28px;border:1px solid #d8e7e1;border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 30px 80px rgba(7,26,49,.1);backdrop-filter:blur(16px)}
.pricing-meter-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e7eeeb}.pricing-meter-head span{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--green)}.pricing-meter-head b{font-size:11px;color:#60717e}
.pricing-meter-card>strong{display:block;margin-top:25px;font-size:46px;line-height:1;letter-spacing:-.05em;color:#071a31}.pricing-meter-card>small{display:block;margin-top:5px;color:#7b8993;font-size:11px}
.pricing-meter{height:10px;margin-top:24px;overflow:hidden;border-radius:999px;background:#eaf0ed}.pricing-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a936d,#32b38e)}
.pricing-meter-foot{display:flex;justify-content:space-between;margin-top:9px;color:#6e7c87;font-size:10px}.pricing-meter-foot b{color:#233748}
.pricing-included-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px}.pricing-included-mini span{padding:9px 7px;border:1px solid #dce9e4;border-radius:10px;background:#f7fbf9;text-align:center;color:#31705e;font-size:8px;font-weight:800}
.pricing-section{padding:88px 0;background:#fff}.pricing-head{display:grid;grid-template-columns:1.05fr .85fr;gap:70px;align-items:end;margin-bottom:34px}.pricing-head h2{margin:7px 0 0;font-size:42px;line-height:1.03;letter-spacing:-.045em}.pricing-head h2 span{color:var(--green)}.pricing-head>p{margin:0;color:#71808c;font-size:13px;line-height:1.7}
.pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;align-items:stretch}.pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:25px 22px 22px;border:1px solid #dfe9e5;border-radius:22px;background:#fff;box-shadow:0 14px 42px rgba(7,26,49,.05);transition:.2s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(7,26,49,.09)}.pricing-card.recommended{border:1.5px solid #0a936d;box-shadow:0 24px 64px rgba(10,147,109,.14)}.pricing-card.scale{background:linear-gradient(180deg,#fbfefd,#f4faf7)}
.pricing-badge{position:absolute;top:-12px;left:20px;padding:6px 10px;border-radius:999px;background:#0a936d;color:#fff;font-size:7px;font-weight:900;letter-spacing:.12em;box-shadow:0 8px 18px rgba(10,147,109,.22)}
.pricing-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pricing-plan{color:#0a936d;font-size:8px;font-weight:950;letter-spacing:.14em}.pricing-fit{padding:5px 7px;border-radius:999px;background:#f0f5f3;color:#75827f;font-size:7px;font-weight:800}
.pricing-price{display:flex;align-items:flex-end;gap:5px;margin-top:22px}.pricing-price strong{font-size:36px;line-height:.9;letter-spacing:-.055em;color:#071a31}.pricing-price span{padding-bottom:3px;color:#81909a;font-size:9px}
.pricing-volume{margin-top:17px;padding:14px 0 13px;border-top:1px solid #e9efed;border-bottom:1px solid #e9efed}.pricing-volume b,.pricing-volume span{display:block}.pricing-volume b{font-size:19px;letter-spacing:-.03em}.pricing-volume span{margin-top:2px;color:#73818b;font-size:8px;font-weight:700}.pricing-card>p{min-height:74px;margin:16px 0 17px;color:#71808c;font-size:10px;line-height:1.65}.pricing-btn{width:100%;justify-content:space-between;margin-bottom:18px;background:#f5f8f7}.pricing-btn.primary{background:linear-gradient(135deg,#0aa779,#087759);color:#fff;border-color:transparent}.pricing-list{display:grid;gap:9px;margin:auto 0 0;padding:16px 0 0;border-top:1px solid #edf1ef;list-style:none}.pricing-list li{position:relative;padding-left:17px;color:#506270;font-size:9px}.pricing-list li:before{content:"✓";position:absolute;left:0;color:#0a936d;font-weight:950}
.enterprise-card{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:22px;margin-top:18px;padding:22px 24px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:radial-gradient(circle at 80% 0,rgba(10,167,121,.21),transparent 30%),linear-gradient(135deg,#071a31,#0b2a3d);color:#fff;box-shadow:0 22px 55px rgba(7,26,49,.14)}.enterprise-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.08)}.enterprise-icon img{width:34px}.enterprise-copy span{font-size:7px;color:#75d8b8;font-weight:950;letter-spacing:.15em}.enterprise-copy h3{margin:4px 0 5px;font-size:20px}.enterprise-copy p{margin:0;max-width:780px;color:#aabac3;font-size:9px;line-height:1.6}.enterprise-actions{display:flex;align-items:center;gap:16px}.enterprise-actions>b{font-size:17px;white-space:nowrap}
.pricing-logic-section{padding:92px 0;background:#f5f9f7}.pricing-logic-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.pricing-logic-copy h2{margin:7px 0 15px;font-size:42px;line-height:1.03;letter-spacing:-.045em}.pricing-logic-copy h2 span{color:#0a936d}.pricing-logic-copy>p{max-width:600px;color:#71808c;font-size:12px;line-height:1.7}.pricing-rule{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;margin-top:13px;padding:12px 14px;border:1px solid #dfe9e5;border-radius:14px;background:#fff}.pricing-rule>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e9f7f2;color:#0a936d;font-size:8px;font-weight:950}.pricing-rule b,.pricing-rule small{display:block}.pricing-rule b{font-size:10px}.pricing-rule small{margin-top:2px;color:#7c8991;font-size:8px}
.pricing-do-dont{display:grid;grid-template-columns:1.05fr .95fr;gap:13px}.pricing-do,.pricing-dont{border-radius:21px;padding:24px}.pricing-do{background:linear-gradient(145deg,#0a936d,#087659);color:#fff;box-shadow:0 22px 54px rgba(10,147,109,.16)}.pricing-do>span,.pricing-dont>span{font-size:7px;font-weight:950;letter-spacing:.14em}.pricing-do>span{color:#bff3de}.pricing-do h3,.pricing-dont h3{margin:7px 0 14px;font-size:19px;line-height:1.16}.pricing-do ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.pricing-do li{font-size:9px;color:#e3f5ee}.pricing-do li:before{content:"✓";margin-right:8px;font-weight:950}.pricing-dont{border:1px solid #dce7e3;background:#fff}.pricing-dont>span{color:#70808b}.pricing-dont strong{display:block;margin:22px 0 8px;font-size:18px;color:#071a31}.pricing-dont p{margin:0;color:#74838d;font-size:9px;line-height:1.65}
.pricing-faq-section{padding:84px 0;background:#fff}.pricing-head.compact{display:block;margin-bottom:28px}.pricing-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pricing-faq-grid article{padding:22px;border:1px solid #e1e9e6;border-radius:18px;background:#fbfdfc}.pricing-faq-grid h3{margin:0 0 7px;font-size:13px}.pricing-faq-grid p{margin:0;color:#75828b;font-size:10px;line-height:1.65}.pricing-final{margin-top:0}
@media(max-width:1180px){.pricing-grid{grid-template-columns:repeat(3,1fr)}.pricing-hero-grid{gap:42px}.pricing-logic-grid{gap:38px}.pricing-do-dont{grid-template-columns:1fr}}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr 1fr}.pricing-hero-grid{gap:42px}.pricing-logic-grid{gap:38px}.pricing-do-dont{grid-template-columns:1fr}}
@media(max-width:780px){.pricing-hero{padding:56px 0}.pricing-hero-grid,.pricing-head,.pricing-logic-grid{grid-template-columns:1fr;gap:28px}.pricing-hero h1{font-size:46px}.pricing-grid{grid-template-columns:1fr}.pricing-card>p{min-height:0}.enterprise-card{grid-template-columns:50px 1fr}.enterprise-actions{grid-column:1/-1;justify-content:space-between}.pricing-included-mini{grid-template-columns:1fr}.pricing-faq-grid{grid-template-columns:1fr}.pricing-logic-copy h2,.pricing-head h2{font-size:36px}}
@media(max-width:480px){.pricing-hero h1{font-size:39px}.pricing-meter-card{padding:20px}.pricing-card{padding:22px 18px}.enterprise-card{grid-template-columns:1fr;text-align:center}.enterprise-icon{margin:auto}.enterprise-actions{flex-direction:column;width:100%}.enterprise-actions .btn{width:100%}.pricing-price strong{font-size:34px}}

/* OptOutProof v1.4 - Contact premium */
.contact-main{padding:68px 0 88px;background:radial-gradient(circle at 100% 0,rgba(10,147,109,.10),transparent 31%),radial-gradient(circle at 0 70%,rgba(43,99,235,.055),transparent 26%),#fff}.contact-hero{text-align:center;max-width:860px;margin:0 auto 38px}.contact-hero h1{margin:18px auto 18px;font-size:clamp(2.55rem,5.7vw,4.9rem);line-height:.98;letter-spacing:-.058em;font-weight:720;color:#07182f}.contact-hero h1 span{color:#0A936D}.contact-hero>p{max-width:720px;margin:0 auto;color:#53637b;font-size:16px;line-height:1.72}.contact-pills{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}.contact-pills span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e0e8e5;background:#fff;border-radius:999px;color:#607088;font-size:10px;font-weight:800}.contact-pills b{color:#0A936D}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch}.contact-context,.contact-card{border:1px solid #dfe8e5;border-radius:26px;box-shadow:0 18px 50px rgba(7,24,47,.075)}.contact-context{padding:32px;background:linear-gradient(145deg,#07182f,#0b2c3f 68%,#0b4a3c);color:#fff;position:relative;overflow:hidden}.contact-context:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-145px;top:-145px;background:radial-gradient(circle,rgba(10,147,109,.54),transparent 67%)}.contact-context>*{position:relative;z-index:1}.contact-mini{color:#9eb4ba;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:9px}.contact-context h2{font-size:2rem;line-height:1.08;letter-spacing:-.045em;margin:14px 0}.contact-context>p{color:#b7c7cf;line-height:1.7;font-size:13px;margin:0 0 24px}.contact-orient{display:grid;gap:10px}.contact-orient div{padding:14px 15px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.045)}.contact-orient strong{display:block;font-size:12px}.contact-orient span{display:block;margin-top:4px;color:#aebfc9;font-size:11px;line-height:1.5}.contact-direct{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.11);font-size:11px;color:#aebfc9}.contact-direct a{color:#fff;font-weight:800}.contact-card{padding:31px;background:rgba(255,255,255,.97)}.contact-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.contact-card-head h2{font-size:1.65rem;letter-spacing:-.035em;margin:0 0 5px;color:#07182f}.contact-card-head p{margin:0;color:#6b7890;font-size:12px}.contact-card-head>span{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:#eaf8f3;color:#0A7458;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.contact-notice{padding:13px 14px;border-radius:13px;margin-bottom:16px;font-size:12px}.contact-notice.ok{background:#edf9f5;border:1px solid #cce8df;color:#176c54}.contact-notice.err{background:#fff1f1;border:1px solid #efc9c9;color:#9a2828}.contact-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-field.full{grid-column:1/-1}.contact-field label{display:block;font-size:10px;font-weight:850;color:#40516a;margin-bottom:6px}.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid #ccd9d5;border-radius:13px;padding:12px 13px;background:#fff;color:#07182f;font:inherit;font-size:12px;outline:none;transition:border-color .18s,box-shadow .18s}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#48af91;box-shadow:0 0 0 4px rgba(10,147,109,.08)}.contact-field textarea{min-height:128px;resize:vertical}.contact-captcha{margin-top:16px;display:grid;grid-template-columns:1fr 90px auto;gap:12px;align-items:center;padding:13px;border:1px solid #e0e8e5;border-radius:15px;background:#f8fbfa}.contact-captcha div span{display:block;font-size:9px;color:#7a8899;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.contact-captcha div strong{display:block;margin-top:3px;font-size:12px}.contact-captcha input{width:100%;border:1px solid #ccd9d5;border-radius:11px;padding:10px;text-align:center;font:inherit;font-weight:850}.contact-captcha small{color:#7c899a;font-size:9px;line-height:1.4}.contact-send{display:flex;align-items:center;gap:16px;margin-top:18px}.contact-send button{border:0;border-radius:13px;padding:13px 18px;background:linear-gradient(135deg,#14ae81,#0A936D 55%,#067757);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(10,147,109,.22)}.contact-send p{margin:0;color:#7c899a;font-size:9px;line-height:1.5;max-width:420px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-context{order:2}.contact-card{order:1}.contact-main{padding-top:46px}}@media(max-width:640px){.contact-fields{grid-template-columns:1fr}.contact-field.full{grid-column:auto}.contact-card,.contact-context{padding:22px;border-radius:21px}.contact-card-head{flex-direction:column}.contact-captcha{grid-template-columns:1fr 72px}.contact-captcha small{grid-column:1/-1}.contact-send{flex-direction:column;align-items:stretch}.contact-send button{width:100%}.contact-hero h1{font-size:2.65rem}}

/* OptOutProof v1.4 - plan usage */
.pricing-all-included{margin-top:22px;padding:20px 22px;border:1px solid #dfe8e5;border-radius:22px;background:linear-gradient(135deg,#f7fbfa,#fff);box-shadow:0 12px 30px rgba(7,24,47,.035)}.pricing-all-included>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:20px}.pricing-all-included h3{margin:3px 0 0;font-size:20px;letter-spacing:-.035em}.pricing-all-included p{margin:0;max-width:600px;color:#65758a;font-size:11px;line-height:1.6}.pricing-feature-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.pricing-feature-chips span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #dce8e4;border-radius:999px;background:#fff;font-size:10px;color:#42536a;font-weight:750}.pricing-feature-chips b{color:#0A936D}.pricing-card .pricing-common{color:#0A7458;font-weight:800}
@media(max-width:720px){.pricing-all-included>div:first-child{align-items:flex-start;flex-direction:column}}

/* OptOutProof v1.5 - public front polish */
.oop-svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.oop-usecase-band{position:relative;padding:22px 0;border-block:1px solid #e4ece9;background:linear-gradient(180deg,#fbfdfc,#f7fbf9)}
.oop-usecase-band .shell{display:grid;grid-template-columns:minmax(245px,.8fr) minmax(0,2.2fr);gap:30px;align-items:center}
.oop-usecase-title span{display:block;color:var(--green);font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.oop-usecase-title strong{display:block;margin-top:5px;max-width:280px;font-size:18px;line-height:1.23;letter-spacing:-.025em}
.oop-usecase-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.oop-usecase-chips>div{min-width:0;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:12px 13px;border:1px solid #dfe9e5;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(7,26,49,.035)}
.usecase-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#edf8f4;color:var(--green)}
.usecase-icon .oop-svg{width:21px;height:21px}
.oop-usecase-chips p{margin:0;min-width:0}
.oop-usecase-chips b,.oop-usecase-chips small{display:block}
.oop-usecase-chips b{font-size:11px;line-height:1.25;color:#14283f}
.oop-usecase-chips small{margin-top:3px;color:#7b8996;font-size:8.5px;line-height:1.35}
.oop-config-head{align-items:center;margin-bottom:34px}
.oop-config-head p{max-width:610px}
.oop-scenarios-premium{grid-template-columns:1fr 1fr;gap:16px}
.oop-scenarios-premium .oop-scenario{min-height:0;padding:25px 25px 21px;border-radius:22px;box-shadow:0 13px 32px rgba(7,26,49,.055)}
.oop-scenarios-premium .oop-scenario.featured{border-color:#9ed8c4;background:linear-gradient(145deg,#effaf6 0,#fff 68%);box-shadow:0 18px 42px rgba(10,147,109,.10)}
.oop-scenarios-premium .network-card{background:linear-gradient(145deg,#fff,#f8fbfa)}
.scenario-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.scenario-top .scenario-tag{font-size:8px;letter-spacing:.1em}
.scenario-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#def5ec;color:#087457;font-size:8px;font-weight:900}
.scenario-badge.neutral{background:#f0f4f2;color:#6a7883}
.scenario-flow-labels{display:grid;grid-template-columns:minmax(112px,1fr) 72px minmax(112px,1fr);gap:8px;align-items:center;margin:20px 0 18px}
.scenario-flow-labels.network{grid-template-columns:minmax(88px,1fr) 42px minmax(88px,1fr) 42px minmax(88px,1fr)}
.flow-party{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid #e0e9e5;border-radius:17px;background:#fff;text-align:center}
.flow-party>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}
.flow-party>span .oop-svg{width:20px;height:20px}
.flow-party b{font-size:10px;line-height:1.25}
.flow-party.form>span{background:#e9f8f2;color:#0a936d}
.flow-party.company>span{background:#edf4ff;color:#2f6fd3}
.flow-party.buyer>span{background:#f1eeff;color:#7057d2}
.flow-party.supplier>span{background:#fff4e4;color:#ad741d}
.scenario-flow-labels>i{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#91a09a;font-style:normal;text-align:center}
.scenario-flow-labels>i span{font-size:20px;line-height:1;color:#88a198}
.scenario-flow-labels>i small{margin-top:5px;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#a0aca7}
.oop-scenarios-premium .oop-scenario h3{margin:0 0 8px;font-size:19px;letter-spacing:-.025em}
.oop-scenarios-premium .oop-scenario p{font-size:12.5px;line-height:1.7;color:#657587}
.scenario-benefit{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #eaf0ed;color:#607268;font-size:9.5px;font-weight:750}
.scenario-benefit b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e4f7ef;color:#0a936d;font-size:10px}
.feature-icon .oop-svg{width:22px;height:22px}

/* Remove the older compact rail/scenario styling when v1.5 markup is present */
.oop-scenarios-premium .scenario-caption,.oop-scenarios-premium .scenario-flow{display:none}

@media(max-width:1050px){
  .oop-usecase-band .shell{grid-template-columns:1fr}
  .oop-usecase-title strong{max-width:none}
  .oop-usecase-chips{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .oop-usecase-band{padding:18px 0}
  .oop-usecase-band .shell{gap:16px}
  .oop-usecase-title{text-align:left}
  .oop-usecase-title strong{font-size:16px}
  .oop-usecase-chips{grid-template-columns:1fr}
  .oop-usecase-chips>div{padding:10px 11px}
  .oop-scenarios-premium{grid-template-columns:1fr;gap:12px}
  .oop-scenarios-premium .oop-scenario{padding:21px 18px 18px}
  .scenario-flow-labels{grid-template-columns:1fr 44px 1fr;margin:16px 0 15px}
  .scenario-flow-labels.network{grid-template-columns:1fr 24px 1fr 24px 1fr;gap:4px}
  .flow-party{min-height:70px;padding:9px 5px}
  .flow-party>span{width:34px;height:34px}
  .flow-party b{font-size:8.5px}
  .scenario-flow-labels>i small{display:none}
  .oop-scenarios-premium .oop-scenario h3{font-size:17px}
  .oop-scenarios-premium .oop-scenario p{font-size:11.5px}
}
.oop-url .oop-svg{display:inline-block;width:10px;height:10px;vertical-align:-2px;margin-right:4px}.oop-secure{display:flex;align-items:center;gap:5px}.oop-secure i{width:6px;height:6px;border-radius:50%;background:#1cba87;box-shadow:0 0 0 4px rgba(28,186,135,.08)}.oop-side>i .oop-svg{width:15px;height:15px}.event-icon .oop-svg{width:13px;height:13px}.oop-blocked>span .oop-svg,.oop-float-stop>span .oop-svg{width:15px;height:15px;stroke-width:2.1}


/* OptOutProof v1.10 - compact mobile footer + legal polish */
.legal-copy h3{margin-top:24px}.legal-copy h3:first-child{margin-top:0}.legal-copy p{color:#5f7081;line-height:1.72}.legal-copy a{color:var(--green);font-weight:750}
@media(max-width:700px){
  .footer{padding:28px 0 16px}
  .oop-footer-grid,.footer-grid{grid-template-columns:1fr 1fr!important;gap:20px 22px!important}
  .oop-footer-brand,.footer-grid>div:first-child{grid-column:1/-1!important}
  .oop-footer-brand p,.footer-grid>div:first-child p{margin:7px 0 0!important;max-width:none!important;font-size:9px!important}
  .footer h4{margin-bottom:7px!important}
  .footer a{margin:5px 0!important}
  .footer-trust,.oop-footer-grid>div:nth-child(4),.footer-grid>div:nth-child(4){grid-column:1/-1!important;display:flex;flex-wrap:wrap;align-items:center;gap:7px 16px}
  .footer-trust h4,.oop-footer-grid>div:nth-child(4) h4,.footer-grid>div:nth-child(4) h4{width:100%;margin:0 0 1px!important}
  .footer-trust a,.oop-footer-grid>div:nth-child(4) a,.footer-grid>div:nth-child(4) a{margin:0!important}
  .footer-bottom{margin-top:18px!important;padding-top:12px!important;flex-direction:row!important;flex-wrap:wrap!important;gap:4px 12px!important;font-size:7px!important}
}
@media(max-width:450px){
  .oop-footer-grid,.footer-grid{grid-template-columns:1fr 1fr!important;gap:17px 18px!important}
  .oop-footer-brand,.footer-grid>div:first-child{grid-column:1/-1!important}
  .footer .brand-symbol{width:31px;height:36px}.footer .brand-copy strong{font-size:16px}.footer .brand-copy small{font-size:6px}
  .oop-footer-brand p,.footer-grid>div:first-child p{display:none!important}
  .footer-bottom span:last-child{display:none}
  .pwa-toast{padding:9px 10px!important;grid-template-columns:32px 1fr auto!important;border-radius:17px!important;bottom:10px!important;left:10px!important;right:10px!important}
  .pwa-toast img{width:30px!important;height:30px!important}.pwa-toast>div>span{display:none!important}.pwa-toast strong{font-size:11px!important}.pwa-toast-install{padding:8px 10px!important;font-size:9px!important;margin-right:10px!important}.pwa-toast-close{right:5px!important;top:4px!important;padding:0!important;font-size:17px!important}
}

/* OptOutProof V1.14.4 - premium brand lockup */
.brand-premium-image{display:inline-flex;align-items:center;min-width:0;line-height:1}
.brand-premium-wordmark{display:block;width:205px;height:auto;max-height:64px;object-fit:contain}
.oop-footer .brand-premium-wordmark{width:190px}
@media(max-width:700px){.brand-premium-wordmark{width:168px;max-height:56px}.oop-footer .brand-premium-wordmark{width:170px}}
