/* Web247IQ positioning & delivery standards — deliberate, evidence-led differentiation */
.positioning-section{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,9vw,118px) 0;background:#080d19;color:#f5f8ff}
.positioning-section:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 12%,rgba(47,111,245,.2),transparent 34%),radial-gradient(ellipse at 7% 84%,rgba(58,210,184,.10),transparent 31%),linear-gradient(145deg,#0a1020,#080d19 62%,#0e1423)}
.positioning-section:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.15;pointer-events:none;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:56px 56px;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.positioning-head{display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:end;margin-bottom:42px}
.positioning-eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(200,255,118,.24);background:rgba(200,255,118,.07);border-radius:99px;padding:7px 12px;color:#d8ff9a;font-size:.8rem;font-weight:800}
.positioning-eyebrow .dot{width:7px;height:7px;background:#d5ff71;border-radius:50%;box-shadow:0 0 0 4px #d5ff711e}
.positioning-title{font-size:clamp(2.05rem,4.2vw,3.55rem);font-weight:900;letter-spacing:-.8px;line-height:1.18;color:#fff;margin:17px 0 0}
.positioning-title .accent{background:linear-gradient(105deg,#d5ff71,#91f5cf 52%,#a4c8ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.positioning-lead{font-size:1.08rem;line-height:1.95;color:#b8c5dc;margin:0;max-width:640px}
.positioning-truthline{display:flex;align-items:flex-start;gap:12px;margin-top:19px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#dfe7f5;font-size:.92rem;line-height:1.8}
.positioning-truthline svg{width:20px;height:20px;flex:0 0 auto;color:#d5ff71;margin-top:3px}
.positioning-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.positioning-panel{position:relative;min-width:0;border-radius:24px;border:1px solid rgba(255,255,255,.12);padding:25px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 24px 70px rgba(0,0,0,.14);overflow:hidden}
.positioning-panel:after{content:"";position:absolute;inset:auto -55px -92px auto;width:210px;height:210px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 24px rgba(255,255,255,.018),0 0 0 48px rgba(255,255,255,.012);pointer-events:none}
.positioning-panel--accent{background:linear-gradient(150deg,rgba(17,45,75,.92),rgba(12,25,44,.95));border-color:rgba(139,188,255,.32);box-shadow:0 24px 70px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06)}
.positioning-panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.1)}
.positioning-panel-top h3{font-size:1.28rem;margin:0;color:#fff}
.positioning-label{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;line-height:1.4;font-weight:900;padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.07);color:#c6d1e2;border:1px solid rgba(255,255,255,.09)}
.positioning-panel--accent .positioning-label{background:rgba(213,255,113,.09);border-color:rgba(213,255,113,.2);color:#d5ff71}
.positioning-intro{color:#b7c4d9;line-height:1.8;margin:16px 0 14px;position:relative;z-index:1}
.positioning-points{padding:0;margin:0;list-style:none;display:grid;gap:12px;position:relative;z-index:1}
.positioning-points li{display:grid;grid-template-columns:23px minmax(0,1fr);gap:10px;align-items:start;color:#dce5f3;line-height:1.7;font-size:.94rem}
.positioning-points svg{width:19px;height:19px;color:#91a4c2;margin-top:3px}
.positioning-panel--accent .positioning-points svg{color:#d5ff71}
.positioning-bottom{margin-top:16px;padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border:1px solid rgba(213,255,113,.2);background:linear-gradient(100deg,rgba(213,255,113,.075),rgba(94,162,255,.06));border-radius:20px}
.positioning-bottom strong{display:block;font-size:1.1rem;color:#fff;margin-bottom:4px}
.positioning-bottom p{margin:0;color:#bac8df;line-height:1.8;font-size:.94rem;max-width:720px}
.positioning-bottom .btn{white-space:nowrap}
.positioning-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:22px}
.positioning-signal{padding:16px 15px 17px;border-radius:17px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.028);min-width:0;transition:transform .3s,border-color .3s,background .3s}
.positioning-signal:hover{transform:translateY(-4px);border-color:rgba(155,191,255,.35);background:rgba(255,255,255,.05)}
.positioning-signal .signal-no{font:800 .72rem/1 Arial,sans-serif;color:#d5ff71;letter-spacing:.07em;direction:ltr;display:block;margin-bottom:15px}
.positioning-signal strong{display:block;color:#fff;margin-bottom:5px;font-size:.97rem}
.positioning-signal span{display:block;color:#aebdd4;font-size:.83rem;line-height:1.65}
.method-page-hero{padding-bottom:76px}
.method-page-hero .inner-hero-copy{max-width:720px}
.method-page-hero .inner-proof{flex-wrap:wrap}
.method-page-section{padding:clamp(58px,7vw,88px) 0}
.method-page-section.dark{background:#080d19;color:#fff}
.method-page-section.dark .section-heading{color:#fff}
.method-page-section.dark .section-intro{color:#aebdd4}
.method-page-section.dark .insight-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.method-page-section.dark .insight-card h3{color:#fff}
.method-page-section.dark .insight-card p{color:#b6c4da}
.method-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:35px}
.method-step{border:1px solid #263650;background:linear-gradient(160deg,#111d32,#0c1425);border-radius:19px;padding:19px 17px;min-height:200px;position:relative;overflow:hidden}
.method-step:before{content:"";position:absolute;width:100px;height:100px;left:-45px;bottom:-48px;border-radius:50%;border:1px solid rgba(145,187,255,.12);box-shadow:0 0 0 18px rgba(145,187,255,.025)}
.method-step-number{font:900 2rem/1 Arial,sans-serif;color:#d5ff71;direction:ltr;display:block;margin-bottom:25px;letter-spacing:-1px}
.method-step h3{font-size:1.03rem;color:#fff;margin:0 0 8px;position:relative}
.method-step p{font-size:.86rem;color:#b4c2d8;line-height:1.75;margin:0;position:relative}
.method-standard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:30px}
.method-standard{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:19px;border-radius:17px;background:#fff;border:1px solid #dfe8f5;box-shadow:0 10px 28px rgba(17,43,82,.045)}
.method-standard-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e8f2ff;color:#0866e8}
.method-standard-icon .icon{width:20px;height:20px}
.method-standard h3{font-size:1.02rem;margin:1px 0 5px;color:#14213b}
.method-standard p{margin:0;color:#62708a;font-size:.91rem;line-height:1.75}
.method-fairness{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:27px}
.method-fairness-card{border:1px solid #dce6f3;border-radius:19px;padding:21px;background:#f8fbff}
.method-fairness-card.featured{background:linear-gradient(145deg,#eef6ff,#fff);border-color:#afcff8;box-shadow:0 14px 38px rgba(20,80,160,.09)}
.method-fairness-card .small-label{color:#1762b6;font-size:.77rem;font-weight:900;letter-spacing:.03em}
.method-fairness-card h3{font-size:1.22rem;margin:8px 0;color:#12213d}
.method-fairness-card p{color:#61708a;line-height:1.8;margin:0}
/* Keep the sample CTA high-contrast on pale cards. */
.method-fairness-card .btn-glass{background:#101d39;border-color:#101d39;color:#fff;box-shadow:0 9px 24px rgba(16,29,57,.16)}
.method-fairness-card .btn-glass:hover{background:#1a2b4d;border-color:#1a2b4d;color:#fff}
.method-fairness-card .btn-glass .icon{color:#c8ff76}

.method-scope{margin-top:23px;border-radius:20px;border:1px solid #d9e6f5;background:#fff;overflow:hidden;box-shadow:0 16px 38px rgba(18,48,90,.06)}
.method-scope-head{padding:19px 22px;background:#eef5ff;display:flex;gap:12px;align-items:center;border-bottom:1px solid #d9e6f5}
.method-scope-head .icon{color:#0866e8;width:23px;height:23px}
.method-scope-head strong{font-size:1.05rem;color:#14213b}
.method-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.method-scope-item{padding:18px 20px;border-left:1px solid #edf1f7}
.method-scope-item:last-child{border-left:0}
.method-scope-item span{font-size:.74rem;color:#1762b6;font-weight:900;display:block;margin-bottom:5px}
.method-scope-item strong{display:block;color:#192945;font-size:.95rem;margin-bottom:4px}
.method-scope-item p{margin:0;color:#68768c;font-size:.85rem;line-height:1.7}
@media(max-width:980px){.positioning-head{grid-template-columns:1fr;gap:18px}.positioning-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.method-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.positioning-section{padding:65px 0}.positioning-head{margin-bottom:26px}.positioning-title{font-size:2.1rem}.positioning-lead{font-size:.98rem}.positioning-compare,.positioning-bottom,.method-fairness{grid-template-columns:1fr}.positioning-panel{padding:20px;border-radius:20px}.positioning-panel-top{align-items:flex-start;flex-direction:column}.positioning-bottom{padding:18px}.positioning-bottom .btn{width:100%}.positioning-signals{grid-template-columns:1fr 1fr;gap:8px}.positioning-signal{padding:13px}.positioning-signal strong{font-size:.88rem}.positioning-signal span{font-size:.77rem}.method-steps{grid-template-columns:1fr 1fr}.method-step{min-height:175px;padding:16px 14px}.method-step-number{margin-bottom:19px}.method-standard-grid{grid-template-columns:1fr}.method-scope-grid{grid-template-columns:1fr}.method-scope-item{border-left:0;border-bottom:1px solid #edf1f7;padding:15px 18px}.method-scope-item:last-child{border-bottom:0}}
@media(max-width:420px){.method-steps{grid-template-columns:1fr}.method-step{min-height:0}.positioning-signals{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.positioning-signal{transition:none!important;transform:none!important}}