:root{--sp-orange:#f97316;--sp-orange-dark:#ea580c;--sp-ink:#0f172a;--sp-night:#050b18;--sp-navy:#101a2e;--sp-muted:#64748b;--sp-line:#dfe5ec;--sp-cream:#fff8f1;--sp-green:#34d399;--sp-blue:#60a5fa}
html{scroll-behavior:smooth}.sp-page{overflow:hidden;background:var(--sp-cream);color:var(--sp-ink);font-family:Inter,system-ui,sans-serif}.sp-page *,.sp-page *:before,.sp-page *:after{box-sizing:border-box}.sp-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.sp-section{padding:94px 0}.sp-skip{position:fixed;left:16px;top:-80px;z-index:99999;padding:12px 18px;border-radius:12px;background:#fff;color:var(--sp-ink);font-weight:800}.sp-skip:focus{top:16px}.sp-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px;color:#c2410c;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.sp-eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.sp-section-head{max-width:900px;margin-bottom:44px}.sp-section-head h2,.sp-split-head h2,.sp-map-head h2,.sp-limits h2,.sp-final h2{margin:0;font-size:clamp(34px,4.4vw,52px);font-weight:720;line-height:1.06;letter-spacing:-.045em}.sp-section-head>p{max-width:750px;margin:18px 0 0;color:var(--sp-muted);font-size:18px;line-height:1.65}.sp-center{margin-inline:auto;text-align:center}.sp-center .sp-eyebrow{justify-content:center}.sp-split-head,.sp-map-head{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);gap:70px;align-items:end;margin-bottom:46px}.sp-split-head>p,.sp-map-head>p{margin:0;color:var(--sp-muted);font-size:17px;line-height:1.7}.sp-btn{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:12px;padding:0 26px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:750;letter-spacing:.035em;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}.sp-btn:hover{transform:translateY(-2px)}.sp-btn:focus-visible,.sp-page a:focus-visible,.sp-matrix-scroll:focus-visible,.sp-faq-list summary:focus-visible{outline:3px solid #fb923c;outline-offset:4px}.sp-btn-primary{background:var(--sp-orange);color:#fff;box-shadow:0 18px 38px -22px #f97316}.sp-btn-primary:hover{background:var(--sp-orange-dark)}.sp-btn-secondary{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#e2e8f0}

/* Hero */
.sp-hero{position:relative;isolation:isolate;overflow:hidden;padding:148px 0 62px;background:radial-gradient(circle at 16% 10%,rgba(249,115,22,.12),transparent 34%),radial-gradient(circle at 88% 58%,rgba(37,99,235,.11),transparent 34%),var(--sp-night);color:#fff}.sp-hero-grid{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(148,163,184,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.13) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse 80% 68% at 50% 25%,#000 35%,transparent 92%)}.sp-hero-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(490px,.98fr);gap:54px;align-items:center}.sp-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:8px 13px;border:1px solid rgba(148,163,184,.22);border-radius:999px;background:rgba(15,23,42,.58);color:#cbd5e1;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sp-kicker span{width:7px;height:7px;border-radius:50%;background:var(--sp-green);box-shadow:0 0 13px rgba(52,211,153,.65)}.sp-hero h1{max-width:710px;margin:0;font-size:clamp(48px,5.5vw,72px);font-weight:420;line-height:1.02;letter-spacing:-.058em}.sp-hero-line{max-width:720px;margin:20px 0 0;font-size:clamp(28px,3.5vw,47px);font-weight:620;line-height:1.08;letter-spacing:-.05em}.sp-hero-line em{font-style:normal;background:linear-gradient(90deg,#fde68a,#fbbf24,#fdba74);-webkit-background-clip:text;background-clip:text;color:transparent}.sp-hero-lead{max-width:710px;margin:26px 0 0;color:#aab5c6;font-size:18px;line-height:1.65}.sp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.sp-hero-proof{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;margin-top:30px;padding:12px 16px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(15,23,42,.58);color:#94a3b8;font-size:10px}.sp-hero-proof strong{color:#f8fafc;font-size:11px}.sp-hero-proof small{padding-left:14px;border-left:1px solid rgba(148,163,184,.18)}
.sp-ecosystem{position:relative;min-height:510px;margin:0;overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:34px;background:linear-gradient(145deg,rgba(15,23,42,.85),rgba(7,16,31,.68));box-shadow:0 34px 75px -45px #000}.sp-ecosystem:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(148,163,184,.16) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(circle,#000,transparent 78%)}.sp-eco-orbit{position:absolute;left:50%;top:50%;border:1px dashed rgba(148,163,184,.22);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:310px;height:310px}.orbit-two{width:430px;height:430px;opacity:.5}.sp-eco-brand{position:absolute;left:50%;top:50%;z-index:4;display:grid;width:132px;height:132px;place-content:center;transform:translate(-50%,-50%);border:1px solid rgba(251,146,60,.65);border-radius:50%;background:linear-gradient(145deg,#fb923c,#ea580c);text-align:center;box-shadow:0 0 0 18px rgba(249,115,22,.07),0 0 55px rgba(249,115,22,.24)}.sp-eco-brand small,.sp-eco-brand span{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sp-eco-brand strong{margin:5px 0;font-size:17px;letter-spacing:.12em}.sp-eco-node{position:absolute;z-index:3;min-width:96px;padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(2,6,23,.82);color:#e2e8f0;font-size:11px;font-weight:750;text-align:center;box-shadow:0 15px 30px rgba(0,0,0,.2)}.n-google{left:7%;top:16%}.n-maps{right:9%;top:16%}.n-reddit{left:2%;top:45%}.n-youtube{right:2%;top:45%}.n-reviews{left:14%;bottom:13%}.n-ai{right:14%;bottom:13%}.n-media{left:50%;top:5%;transform:translateX(-50%)}.sp-query-cloud span{position:absolute;z-index:2;padding:6px 9px;border:1px solid rgba(96,165,250,.16);border-radius:999px;background:rgba(30,41,59,.72);color:#718096;font-size:8px}.sp-query-cloud span:nth-child(1){left:30%;top:25%}.sp-query-cloud span:nth-child(2){right:27%;top:30%}.sp-query-cloud span:nth-child(3){left:28%;bottom:26%}.sp-query-cloud span:nth-child(4){right:29%;bottom:31%}.sp-query-cloud span:nth-child(5){left:43%;bottom:8%}.sp-ecosystem figcaption{position:absolute;left:0;right:0;bottom:17px;color:#718096;font-size:9px;font-weight:750;letter-spacing:.08em;text-align:center;text-transform:uppercase}.sp-hero-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:54px;padding-top:28px;border-top:1px solid rgba(148,163,184,.16)}.sp-hero-rail div{display:flex;align-items:center;gap:12px;padding:8px 22px;border-left:1px solid rgba(148,163,184,.13)}.sp-hero-rail div:first-child{border-left:0}.sp-hero-rail b{color:#fb923c;font-size:10px}.sp-hero-rail span{color:#a7b3c5;font-size:11px;font-weight:700}

/* Journey and situations */
.sp-journey{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.sp-journey:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(148,163,184,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:48px 48px;opacity:.42;mask-image:linear-gradient(to bottom,transparent 4%,#000 34%,#000 82%,transparent 100%)}
.sp-journey .sp-split-head{align-items:start;margin-bottom:72px}.sp-journey .sp-split-head>div{max-width:690px}.sp-journey .sp-split-head>p{max-width:470px;justify-self:end}
.sp-journey-line{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:290px;margin:0;padding:0;list-style:none}
.sp-journey-line:before{content:"";position:absolute;left:10%;right:10%;top:70px;height:90px;background:linear-gradient(90deg,#b8c4d2 0%,#7f8da2 36%,var(--sp-orange) 52%,#7f8da2 68%,#b8c4d2 100%);clip-path:polygon(0 35%,25% 0,50% 79%,75% 44%,100% 12%,100% 16%,75% 48%,50% 84%,25% 5%,0 40%)}
.sp-journey-line li{--node-y:102px;position:relative;min-width:0;min-height:275px;padding:0 18px;text-align:center;transition:opacity .22s ease}
.sp-journey-line li:nth-child(2){--node-y:70px}.sp-journey-line li:nth-child(3){--node-y:141px}.sp-journey-line li:nth-child(4){--node-y:110px}.sp-journey-line li:nth-child(5){--node-y:82px}
.sp-journey-line li:before{content:"";position:absolute;left:50%;top:calc(var(--node-y) - 7px);z-index:2;width:14px;height:14px;transform:translateX(-50%);border:3px solid #fff;border-radius:50%;background:#64748b;box-shadow:0 0 0 1px #94a3b8;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.sp-journey-line li:after{display:none}
.sp-journey-line b,.sp-journey-line strong,.sp-journey-line span{position:absolute;left:8px;right:8px;display:block}
.sp-journey-line b{top:calc(var(--node-y) - 61px);color:#cbd5e1;font-size:clamp(35px,3.6vw,50px);font-weight:650;line-height:1;letter-spacing:-.07em;transition:color .22s ease}
.sp-journey-line strong{top:calc(var(--node-y) + 29px);color:var(--sp-ink);font-size:21px;font-weight:720;line-height:1.2;letter-spacing:-.025em;transition:color .22s ease,transform .22s ease}
.sp-journey-line span{top:calc(var(--node-y) + 65px);color:#475569;font-size:13px;font-weight:620;line-height:1.5;transition:color .22s ease}
.sp-journey-line li:nth-child(3):before{width:18px;height:18px;top:calc(var(--node-y) - 9px);background:var(--sp-orange);box-shadow:0 0 0 5px rgba(249,115,22,.11)}.sp-journey-line li:nth-child(3) b{color:#fdba74}.sp-journey-line li:nth-child(3) strong{color:#9a3412}
.sp-journey-line li:nth-child(5):before{width:18px;height:18px;top:calc(var(--node-y) - 9px);background:var(--sp-orange);border-color:#fff;box-shadow:0 0 0 2px var(--sp-orange),0 0 0 7px rgba(249,115,22,.1)}.sp-journey-line li:nth-child(5) b{color:#fb923c}.sp-journey-line li:nth-child(5) strong{color:#9a3412;font-size:22px;font-weight:790}.sp-journey-line li:nth-child(5) span{color:#334155}
.sp-journey-line:hover li:not(:hover){opacity:.82}.sp-journey-line li:hover{opacity:1}.sp-journey-line li:hover:before{transform:translateX(-50%) scale(1.15);background:var(--sp-orange);box-shadow:0 0 0 5px rgba(249,115,22,.12)}.sp-journey-line li:hover b{color:#94a3b8}.sp-journey-line li:hover strong{color:#9a3412;transform:translateY(-2px)}.sp-journey-line li:hover span{color:#334155}
.sp-situations{position:relative;background:#edf2f6}.sp-risk-landscape{position:relative;overflow:hidden;border:1px solid #c9d3de;border-radius:30px;background:#d7e0e9}.sp-risk-landscape:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(100,116,139,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.045) 1px,transparent 1px);background-size:36px 36px;opacity:.58}.sp-risk-system{position:relative;z-index:2;display:grid;grid-template-columns:max-content minmax(130px,1fr) max-content;gap:18px;align-items:center;min-height:58px;padding:0 26px;border-bottom:1px solid #c9d3de;background:#e7edf2;color:#536174;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sp-risk-system strong{color:#9a3412;font-size:10px;letter-spacing:.14em}.sp-risk-system-path{display:grid;grid-template-columns:repeat(6,8px);justify-content:center;gap:22px;position:relative}.sp-risk-system-path:before{content:"";position:absolute;left:4px;right:4px;top:3px;border-top:1px solid #9aa8b8}.sp-risk-system-path:after{content:"";position:absolute;left:42%;width:18%;top:1px;height:5px;background:#e7edf2}.sp-risk-system-path i{position:relative;z-index:1;width:7px;height:7px;border:1px solid #8795a6;border-radius:50%;background:#edf2f6}.sp-risk-system-path i:nth-child(3),.sp-risk-system-path i:nth-child(5){border-color:#f97316;background:#fff7ed}.sp-risk-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"one one one one one one one two two two two two" "four four four four three three three three three three three three" "five five five five five six six six six six six six";gap:1px;background:#cbd5df}.sp-risk-zone{--zone-accent:#94a3b8;position:relative;display:flex;min-width:0;min-height:236px;flex-direction:column;padding:27px 29px 24px;background:#f8fafc;outline:0;transition:background-color .22s ease,opacity .22s ease}.risk-01{grid-area:one}.risk-02{grid-area:two;background:#f3f6f9}.risk-03{grid-area:three}.risk-04{grid-area:four}.risk-05{grid-area:five;background:#f3f6f9}.risk-06{grid-area:six}.sp-risk-zone:before{content:"";position:absolute;left:0;top:26px;width:3px;height:38px;background:var(--zone-accent);opacity:.72;transition:height .22s ease,background-color .22s ease}.sp-risk-zone:after{content:"";position:absolute;right:20px;top:20px;width:34px;height:20px;border-top:1px solid #bac5d1;border-right:1px solid #bac5d1;opacity:.55}.sp-risk-zone.is-primary{--zone-accent:#f97316;min-height:278px}.risk-03{background:#101a2e;color:#f8fafc}.risk-03:after{border-color:#64748b}.risk-04{--zone-accent:#d97706;background:#fff8f1}.risk-06{background:#e4ebf1}.sp-risk-number{display:flex;align-items:center;gap:10px;color:#9a3412;font-size:11px;font-weight:850;letter-spacing:.13em}.sp-risk-number:after{content:"";display:block;width:38px;border-top:1px solid currentColor;opacity:.34}.risk-03 .sp-risk-number{color:#fdba74}.sp-risk-copy{max-width:620px;margin-top:31px}.sp-risk-copy h3{max-width:560px;margin:0;font-size:clamp(20px,1.8vw,26px);font-weight:760;letter-spacing:-.025em;line-height:1.2}.sp-risk-copy p{max-width:580px;margin:11px 0 0;color:#64748b;font-size:13px;line-height:1.62}.risk-03 .sp-risk-copy p{color:#aeb9c8}.sp-risk-outcome{display:block;margin-top:auto;padding-top:20px;color:#334155;font-size:12px;font-weight:780;line-height:1.45}.sp-risk-outcome:before{content:"";display:block;width:100%;margin-bottom:13px;border-top:1px solid rgba(100,116,139,.2)}.sp-risk-outcome span{margin-right:7px;color:#f97316}.risk-03 .sp-risk-outcome{color:#f8fafc}.risk-03 .sp-risk-outcome:before{border-color:rgba(148,163,184,.22)}.sp-risk-platforms,.sp-risk-streams{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.sp-risk-platforms span,.sp-risk-streams span{padding:6px 9px;border:1px solid rgba(148,163,184,.22);color:#cbd5e1;font-size:9px;font-weight:750;letter-spacing:.04em}.sp-risk-streams{position:relative;gap:14px}.sp-risk-streams:before{content:"";position:absolute;left:9px;right:9px;top:50%;border-top:1px dashed #9aa8b8}.sp-risk-streams:after{content:"";position:absolute;left:48%;top:calc(50% - 4px);width:28px;height:9px;background:#e4ebf1}.sp-risk-streams span{position:relative;z-index:1;border-color:#bbc6d1;background:#e4ebf1;color:#475569}.sp-risk-states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:20px;border-top:1px solid #d7dee6;border-left:1px solid #d7dee6}.sp-risk-states span{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-right:1px solid #d7dee6;border-bottom:1px solid #d7dee6;color:#64748b;font-size:8px;font-weight:750;text-transform:uppercase}.sp-risk-states b{color:#9a3412;font-size:8px}.sp-risk-zone:focus-visible{z-index:3;box-shadow:inset 0 0 0 3px #2563eb}.sp-risk-landscape:hover .sp-risk-zone:not(:hover){opacity:.84}.sp-risk-zone:hover{background-color:#fff}.risk-03:hover{background-color:#152238}.risk-04:hover{background-color:#fffaf5}.risk-06:hover{background-color:#edf2f6}.sp-risk-zone:hover:before,.sp-risk-zone:focus-visible:before{height:64px;background:#f97316}

/* Intent, platforms and matrix */
.sp-intents{background:var(--sp-cream)}.sp-platforms{background:#fff}
.sp-map-section{background:#0b1322;color:#fff}.sp-map-section .sp-eyebrow{color:#fdba74}.sp-map-head>p{color:#94a3b8}.sp-map-shell{overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:30px;background:#101a2e;box-shadow:0 35px 80px -54px #000}.sp-map-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid rgba(148,163,184,.14);color:#e2e8f0;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sp-map-top strong{color:#fdba74;font-size:9px}.sp-matrix-scroll{overflow-x:auto}.sp-matrix{width:100%;min-width:850px;border-collapse:collapse}.sp-matrix th,.sp-matrix td{padding:17px 16px;border-bottom:1px solid rgba(148,163,184,.11);border-left:1px solid rgba(148,163,184,.09);text-align:center}.sp-matrix th:first-child,.sp-matrix td:first-child{border-left:0}.sp-matrix thead th{color:#7f8ca1;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sp-matrix tbody th{color:#e2e8f0;font-size:12px;text-align:left}.sp-matrix td{color:#64748b;font-size:13px}.sp-matrix td.yes{color:#6ee7b7}.sp-matrix td.unknown{color:#fbbf24}.sp-matrix td span{position:relative;display:block;padding:7px 4px;overflow:hidden;border-radius:8px;background:rgba(148,163,184,.1);color:#fff;font-size:10px}.sp-matrix td span:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--coverage);background:rgba(249,115,22,.26)}.sp-map-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:21px 23px}.sp-map-foot p{max-width:670px;margin:0;color:#94a3b8;font-size:12px;line-height:1.55}.sp-map-foot p b{color:#fff}.sp-map-foot>div{display:flex;gap:14px}.sp-map-foot span{display:flex;align-items:center;gap:5px;color:#7f8ca1;font-size:9px}.sp-map-foot i{width:7px;height:7px;border-radius:50%;background:#475569}.sp-map-foot i.on{background:#34d399}.sp-map-foot i.check{background:#fbbf24}

/* Tools and coverage */
.sp-tools{background:#fff}

/* Product architecture and roadmap */
.sp-products{background:var(--sp-cream)}.sp-product-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid #dddfe5;border-radius:30px;background:#dddfe5;gap:1px}.sp-product-compare article{min-height:250px;padding:28px;background:#fff}.sp-product-compare article.active{background:#0f172a;color:#fff}.sp-product-compare span{color:#c2410c;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.sp-product-compare .active span{color:#fdba74}.sp-product-compare h3{margin:32px 0 12px;font-size:22px}.sp-product-compare p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.sp-product-compare .active p{color:#94a3b8}.sp-product-compare a,.sp-product-compare strong{display:block;margin-top:25px;color:#c2410c;font-size:11px;font-weight:800;text-decoration:none}.sp-product-compare .active strong{color:#f8fafc}.sp-product-note{max-width:780px;margin:20px auto 0;color:#64748b;font-size:12px;text-align:center}.sp-roadmap{background:#fff}.sp-roadmap-line{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;overflow:hidden;border:1px solid var(--sp-line);border-radius:28px;background:var(--sp-line);list-style:none}.sp-roadmap-line li{position:relative;min-height:265px;padding:23px 19px;background:#fff}.sp-roadmap-line li:nth-child(4){background:#fff7ed}.sp-roadmap-line b{display:grid;width:33px;height:33px;place-items:center;border-radius:10px;background:#fff1e7;color:#c2410c;font-size:9px}.sp-roadmap-line small{display:block;margin-top:28px;color:#94a3b8;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sp-roadmap-line h3{margin:10px 0;font-size:16px;line-height:1.25}.sp-roadmap-line p{margin:0;color:#64748b;font-size:11px;line-height:1.55}

/* Deliverables, fit, cases, trust */
.sp-deliverables{background:#0b1322;color:#fff}.sp-deliverables .sp-eyebrow{color:#fdba74}.sp-deliverables .sp-split-head>p{color:#94a3b8}.sp-dashboard{display:grid;grid-template-columns:310px minmax(0,1fr);overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:30px;background:#101a2e}.sp-dashboard>aside{padding:30px;background:linear-gradient(145deg,rgba(249,115,22,.14),transparent 60%)}.sp-dashboard aside small{color:#fdba74;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.sp-dashboard aside>strong{display:block;margin-top:18px;font-size:25px;line-height:1.15}.sp-dashboard aside>p{margin:25px 0 0;color:#94a3b8;font-size:11px;line-height:1.6}.sp-score{display:flex;align-items:center;gap:12px;margin-top:45px;padding-top:24px;border-top:1px solid rgba(148,163,184,.16)}.sp-score b{font-size:42px}.sp-score span{max-width:110px;color:#94a3b8;font-size:10px}.sp-deliverable-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:rgba(148,163,184,.14);gap:1px}.sp-deliverable-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:20px;background:#101a2e}.sp-deliverable-list article>b{color:#fb923c;font-size:10px}.sp-deliverable-list h3{margin:0;font-size:14px}.sp-deliverable-list p{margin:5px 0 0;color:#7f8ca1;font-size:10px}.sp-deliverable-list article>span{color:#64748b;font-size:8px;font-weight:800}.sp-kpi-strip{display:grid;grid-template-columns:repeat(6,1fr);margin-top:14px;overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:22px;background:rgba(148,163,184,.13);gap:1px}.sp-kpi-strip span{padding:17px 14px;background:#101a2e;color:#718096;font-size:9px;line-height:1.45}.sp-kpi-strip b{display:block;margin-bottom:7px;color:#e2e8f0;font-size:10px}.sp-kpi-note{margin:17px 0 0;color:#7f8ca1;font-size:11px;text-align:center}.sp-fit{background:#fff}.sp-fit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid var(--sp-line);border-radius:24px;background:var(--sp-line);gap:1px}.sp-fit-grid article{padding:22px 18px;background:#fff}.sp-fit-grid b{font-size:14px}.sp-fit-grid p{margin:12px 0 0;color:#64748b;font-size:11px;line-height:1.55}.sp-commercial{display:grid;grid-template-columns:1fr 1.25fr auto;gap:28px;align-items:center;margin-top:20px;padding:23px 25px;border:1px solid #fed7aa;border-radius:22px;background:#fff7ed}.sp-commercial small{color:#c2410c;font-size:9px;text-transform:uppercase}.sp-commercial h3{margin:7px 0 0;font-size:20px}.sp-commercial p{margin:0;color:#64748b;font-size:12px;line-height:1.55}.sp-text-link{color:#c2410c;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}.sp-cases{background:#edf2f6}.sp-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sp-case-grid a{display:flex;min-height:320px;padding:27px;flex-direction:column;border:1px solid #d7e0e8;border-radius:26px;background:#fff;color:#0f172a;text-decoration:none;transition:transform .2s,border-color .2s}.sp-case-grid a:hover{transform:translateY(-3px);border-color:#fb923c}.sp-case-grid span{color:#c2410c;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.sp-case-grid strong{margin-top:38px;font-size:43px;letter-spacing:-.05em}.sp-case-grid h3{margin:4px 0 12px;font-size:19px}.sp-case-grid p{margin:0;color:#64748b;font-size:12px;line-height:1.6}.sp-case-grid i{margin-top:auto;color:#9a3412;font-size:10px;font-style:normal;font-weight:800}.sp-limits{background:#101820;color:#fff}.sp-limits .sp-eyebrow{color:#fdba74}.sp-limits-shell{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.sp-limits h2{font-size:clamp(34px,4.1vw,50px)}.sp-limits p{max-width:560px;margin:20px 0 0;color:#94a3b8;font-size:15px;line-height:1.7}.sp-limits ul{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:0;padding:0;list-style:none}.sp-limits li{padding:13px 14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:rgba(255,255,255,.035);color:#cbd5e1;font-size:11px;line-height:1.45}.sp-limits li:before{content:"–";margin-right:7px;color:#fb923c}

/* FAQ and form */
.sp-faq{background:var(--sp-cream)}.sp-faq-list{overflow:hidden;border:1px solid #e1d9d0;border-radius:28px;background:#fff}.sp-faq-list details{border-top:1px solid #ece5de}.sp-faq-list details:first-child{border-top:0}.sp-faq-list summary{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:15px;align-items:center;min-height:70px;padding:16px 22px;cursor:pointer;font-size:14px;font-weight:750;list-style:none}.sp-faq-list summary::-webkit-details-marker{display:none}.sp-faq-list summary span{color:#c2410c;font-size:10px}.sp-faq-list summary i{position:relative;width:18px;height:18px}.sp-faq-list summary i:before,.sp-faq-list summary i:after{content:"";position:absolute;left:3px;right:3px;top:8px;height:2px;background:#94a3b8}.sp-faq-list summary i:after{transform:rotate(90deg);transition:transform .2s}.sp-faq-list details[open] summary i:after{transform:rotate(0)}.sp-faq-list details p{max-width:820px;margin:0;padding:0 64px 22px;color:#64748b;font-size:13px;line-height:1.7}.sp-final{padding:90px 0 50px;background:var(--sp-cream);text-align:center}.sp-final-copy{max-width:880px}.sp-final .sp-eyebrow{justify-content:center}.sp-final p{max-width:760px;margin:22px auto 0;color:#64748b;font-size:18px;line-height:1.65}.sp-form-anchor{position:relative;top:-90px;height:1px}.sp-form-shell{background:var(--sp-cream);font-family:Inter,system-ui,sans-serif}.sp-form-shell #form{padding-top:35px!important}.sp-form-shell #form>div>div>div{border-color:rgba(15,23,42,.1)!important}.sp-form-shell #leadForm input,.sp-form-shell #leadForm select{font-size:15px}.sp-form-shell #leadForm button{background:#f97316}.sp-form-shell #leadForm button:hover{background:#ea580c}

@media(max-width:1080px){.sp-hero-layout{grid-template-columns:1fr;gap:44px}.sp-hero-copy{text-align:center}.sp-hero h1,.sp-hero-line,.sp-hero-lead{margin-left:auto;margin-right:auto}.sp-actions{justify-content:center}.sp-hero-proof{margin-left:auto;margin-right:auto}.sp-ecosystem{width:min(100%,680px);margin-inline:auto}.sp-roadmap-line{grid-template-columns:repeat(3,1fr)}.sp-fit-grid{grid-template-columns:repeat(3,1fr)}.sp-kpi-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.sp-section{padding:72px 0}.sp-split-head,.sp-map-head,.sp-limits-shell{grid-template-columns:1fr;gap:22px}.sp-journey .sp-split-head{margin-bottom:48px}.sp-journey .sp-split-head>p{max-width:650px;justify-self:start}.sp-journey-line{display:block;min-height:0;padding:6px 0 0}.sp-journey-line:before{left:53px;right:auto;top:17px;bottom:22px;width:2px;height:auto;background:linear-gradient(180deg,#b8c4d2 0%,#7f8da2 42%,var(--sp-orange) 58%,#7f8da2 78%,#b8c4d2 100%);clip-path:none}.sp-journey-line li{min-height:116px;padding:0 0 22px 84px;text-align:left;opacity:1!important;transition:none}.sp-journey-line li:before{left:47px;top:8px;transform:none}.sp-journey-line li:after{display:none}.sp-journey-line b,.sp-journey-line strong,.sp-journey-line span{position:static;display:block}.sp-journey-line b{position:absolute;left:0;right:auto;top:0;width:34px;font-size:27px}.sp-journey-line strong{margin:0;font-size:21px}.sp-journey-line span{margin-top:9px;font-size:13px}.sp-journey-line li:nth-child(3):before{left:45px;top:6px}.sp-journey-line li:nth-child(5):before{left:45px;top:7px}.sp-journey-line li:hover:before{transform:none}.sp-journey-line li:hover strong{transform:none}.sp-situation-board article{grid-template-columns:38px 1fr}.sp-situation-board article>strong{grid-column:2}.sp-product-compare,.sp-case-grid{grid-template-columns:1fr}.sp-dashboard{grid-template-columns:1fr}.sp-dashboard>aside{display:grid;grid-template-columns:1fr auto;gap:10px}.sp-score{grid-row:1/4;grid-column:2;margin:0;padding:0 0 0 20px;border-top:0;border-left:1px solid rgba(148,163,184,.16)}.sp-dashboard aside>p{margin-top:10px}.sp-commercial{grid-template-columns:1fr}.sp-fit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.sp-wrap{width:min(100% - 22px,1180px)}.sp-section{padding:58px 0}.sp-section-head h2,.sp-split-head h2,.sp-map-head h2,.sp-limits h2,.sp-final h2{font-size:34px}.sp-section-head{margin-bottom:30px}.sp-hero{padding:118px 0 48px}.sp-hero h1{font-size:43px}.sp-hero-line{font-size:29px}.sp-hero-lead{font-size:16px}.sp-actions{display:grid}.sp-btn{width:100%;padding-inline:16px}.sp-hero-proof{display:grid;width:100%;gap:5px}.sp-hero-proof small{padding:0;border:0}.sp-ecosystem{min-height:430px}.orbit-one{width:245px;height:245px}.orbit-two{width:350px;height:350px}.sp-eco-node{min-width:78px;padding:8px;font-size:9px}.sp-eco-brand{width:112px;height:112px}.n-google{left:3%}.n-maps{right:3%}.n-reddit{left:1%}.n-youtube{right:1%}.n-reviews{left:6%}.n-ai{right:6%}.sp-query-cloud{display:none}.sp-hero-rail{grid-template-columns:repeat(2,1fr);margin-top:35px}.sp-hero-rail div:nth-child(3){border-left:0}.sp-hero-rail div{padding:11px 9px}.sp-situation-board article{padding:18px 14px;gap:12px}.sp-situation-board p{font-size:12px}.sp-map-top,.sp-map-foot{align-items:flex-start;flex-direction:column}.sp-map-foot>div{flex-wrap:wrap}.sp-roadmap-line{grid-template-columns:1fr}.sp-roadmap-line li{min-height:0;padding:17px;display:grid;grid-template-columns:35px 1fr;gap:4px 12px}.sp-roadmap-line small,.sp-roadmap-line h3,.sp-roadmap-line p{grid-column:2;margin:0}.sp-deliverable-list{grid-template-columns:1fr}.sp-dashboard>aside{display:block}.sp-score{display:flex;grid-row:auto;grid-column:auto;margin-top:24px;padding:18px 0 0;border-top:1px solid rgba(148,163,184,.16);border-left:0}.sp-kpi-strip{grid-template-columns:repeat(2,1fr)}.sp-fit-grid{grid-template-columns:1fr}.sp-limits ul{grid-template-columns:1fr}.sp-faq-list summary{grid-template-columns:30px minmax(0,1fr) 20px;padding:14px;font-size:13px}.sp-faq-list details p{padding:0 44px 19px;font-size:12px}.sp-final{padding-top:65px}.sp-form-shell #form{padding-top:15px!important}}
@media(max-width:360px){.sp-hero h1{font-size:37px}.sp-hero-line{font-size:26px}.sp-ecosystem{min-height:390px}.orbit-two{width:310px;height:310px}.sp-eco-node{min-width:70px;font-size:8px}.sp-hero-rail{grid-template-columns:1fr}.sp-hero-rail div{border-left:0;border-top:1px solid rgba(148,163,184,.12)}.sp-hero-rail div:first-child{border-top:0}.sp-kpi-strip{grid-template-columns:1fr}}
@media(max-width:620px){.sp-journey .sp-split-head{margin-bottom:40px}.sp-journey .sp-split-head>p{font-size:16px;line-height:1.65}.sp-journey-line:before{left:43px}.sp-journey-line li{min-height:108px;padding-left:72px}.sp-journey-line li:before{left:37px}.sp-journey-line li:nth-child(3):before,.sp-journey-line li:nth-child(5):before{left:35px}.sp-journey-line b{font-size:24px}.sp-journey-line strong{font-size:20px}.sp-journey-line li:nth-child(5) strong{font-size:21px}.sp-journey-line span{font-size:12px}}
@media(max-width:1040px){.sp-risk-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"one two" "three three" "four five" "six six"}.sp-risk-zone{min-height:226px}.sp-risk-zone.is-primary{min-height:250px}.sp-risk-copy h3{font-size:22px}.sp-risk-system{padding-inline:22px}}
@media(max-width:680px){.sp-risk-landscape{border-radius:22px}.sp-risk-system{grid-template-columns:1fr max-content;gap:8px 14px;min-height:70px;padding:14px 18px}.sp-risk-system-path{grid-row:2;grid-column:1/-1;justify-content:start}.sp-risk-grid{display:block;background:transparent}.sp-risk-zone{min-height:0;padding:24px 19px 22px 54px;border-top:1px solid #cbd5df}.sp-risk-zone:first-child{border-top:0}.sp-risk-zone.is-primary{min-height:0}.sp-risk-zone:before{left:28px;top:0;width:1px;height:100%;background:#a9b5c2}.sp-risk-zone:after{display:none}.sp-risk-number{position:relative;margin-left:-37px}.sp-risk-number:before{content:"";width:9px;height:9px;margin-right:8px;border:2px solid #edf2f6;border-radius:50%;background:var(--zone-accent);box-shadow:0 0 0 1px #9aa8b8}.sp-risk-number:after{width:25px}.sp-risk-copy{margin-top:20px}.sp-risk-copy h3{font-size:21px}.sp-risk-copy p{font-size:13px}.sp-risk-platforms,.sp-risk-streams,.sp-risk-states{margin-top:16px}.sp-risk-outcome{padding-top:17px}.sp-risk-landscape:hover .sp-risk-zone:not(:hover){opacity:1}.sp-risk-zone:hover:before,.sp-risk-zone:focus-visible:before{height:100%}.risk-03{background:#101a2e}.risk-06{background:#e4ebf1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sp-page *{scroll-behavior:auto!important;transition:none!important}.sp-journey-line li:before,.sp-journey-line li:after{transition:none!important}}

/* Home-inspired Search Presence hero */
.sp-home-inspired{padding:148px 0 76px;background:radial-gradient(circle at 24% 8%,rgba(234,88,12,.17),transparent 31%),radial-gradient(circle at 92% 66%,rgba(37,99,235,.12),transparent 34%),#020617}.sp-home-inspired .sp-hero-grid{opacity:.2;background-size:24px 24px;mask-image:radial-gradient(ellipse 66% 56% at 50% 0,#000 65%,transparent 100%)}.sp-hero-glow{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(110px)}.sp-glow-orange{top:-240px;left:23%;width:600px;height:600px;background:rgba(234,88,12,.15)}.sp-glow-blue{right:-220px;bottom:-190px;width:560px;height:560px;background:rgba(37,99,235,.09)}.sp-home-hero-inner{text-align:center}.sp-home-status{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 20px;padding:7px 14px;border:1px solid rgba(100,116,139,.45);border-radius:999px;background:rgba(15,23,42,.62);box-shadow:0 12px 36px -24px #000;color:#aab5c6;font-size:10px;letter-spacing:.04em}.sp-home-status>span{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 14px rgba(52,211,153,.7)}.sp-home-status b{color:#6ee7b7;font-weight:700}.sp-home-status small{font-size:inherit}.sp-home-inspired .sp-kicker{margin-bottom:28px}.sp-home-inspired h1{max-width:940px;margin-inline:auto;font-size:clamp(42px,5.1vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.055em}.sp-home-inspired .sp-hero-line{max-width:1020px;margin:20px auto 0;font-size:clamp(30px,4vw,52px);font-weight:560;line-height:1.08}.sp-home-inspired .sp-hero-line em{position:relative;display:inline-block;padding-bottom:7px}.sp-home-inspired .sp-hero-line em:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#fde68a,#facc15,#fdba74);box-shadow:0 8px 24px rgba(250,204,21,.2)}.sp-home-inspired .sp-hero-lead{max-width:900px;margin:28px auto 0;color:#9aa6b9;font-size:19px;line-height:1.7}.sp-home-inspired .sp-actions{justify-content:center;margin-top:36px}.sp-home-inspired .sp-btn{min-height:58px;padding-inline:31px}.sp-home-inspired .sp-btn-primary{position:relative;overflow:hidden}.sp-home-inspired .sp-btn-primary:before{content:"";position:absolute;inset:0;transform:translateX(-125%);background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.24) 50%,transparent 75%);transition:transform .75s}.sp-home-inspired .sp-btn-primary:hover:before{transform:translateX(125%)}
.sp-home-ecosystem{max-width:1120px;margin:68px auto 0;overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:30px;background:rgba(15,23,42,.72);box-shadow:0 36px 100px -62px #000;backdrop-filter:blur(18px);text-align:left}.sp-home-eco-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 22px;border-bottom:1px solid rgba(148,163,184,.14)}.sp-home-eco-head span{display:block;color:#fb923c;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.sp-home-eco-head strong{display:block;margin-top:5px;color:#e2e8f0;font-size:14px}.sp-home-eco-head p{margin:0;color:#94a3b8;font-size:10px;font-weight:750}.sp-home-eco-head i{padding-inline:5px;color:#f97316;font-style:normal}.sp-home-eco-body{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) 170px minmax(0,1.1fr);gap:30px;align-items:center;padding:28px}.sp-home-eco-body:before,.sp-home-eco-body:after{content:"";position:absolute;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.52),transparent)}.sp-home-eco-body:before{left:28%;width:17%}.sp-home-eco-body:after{right:30%;width:17%}.sp-home-queries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sp-home-queries span,.sp-home-platforms span{min-width:0;padding:10px 11px;border:1px solid rgba(148,163,184,.14);border-radius:11px;background:rgba(2,6,23,.5);color:#aab5c6;font-size:10px;font-weight:680;text-align:center}.sp-home-queries span:last-child{grid-column:1/-1}.sp-home-brand{position:relative;z-index:2;display:flex;width:150px;height:150px;align-items:center;justify-content:center;flex-direction:column;margin:auto;border:1px solid rgba(251,146,60,.72);border-radius:50%;background:linear-gradient(145deg,#fb923c,#ea580c);box-shadow:0 0 0 13px rgba(249,115,22,.055),0 22px 45px -24px rgba(249,115,22,.8);text-align:center}.sp-home-brand small,.sp-home-brand span{font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sp-home-brand strong{margin:7px 0;color:#fff;font-size:19px;letter-spacing:.14em}.sp-home-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sp-home-platforms span:first-child,.sp-home-platforms span:nth-child(6){border-color:rgba(96,165,250,.28);color:#dbeafe}.sp-home-platforms span:nth-child(3),.sp-home-platforms span:nth-child(5){border-color:rgba(52,211,153,.23);color:#d1fae5}.sp-home-ecosystem figcaption{padding:13px 20px;border-top:1px solid rgba(148,163,184,.12);color:#718096;font-size:9px;font-weight:750;letter-spacing:.08em;text-align:center;text-transform:uppercase}.sp-home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1120px;margin:48px auto 0;padding-top:38px;border-top:1px solid rgba(148,163,184,.15)}.sp-home-metrics div{min-height:142px;padding:23px;border:1px solid rgba(255,255,255,.06);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);text-align:left;transition:border-color .25s,transform .25s}.sp-home-metrics div:hover{transform:translateY(-2px);border-color:rgba(249,115,22,.25)}.sp-home-metrics strong{display:block;color:#f8fafc;font-size:42px;font-weight:720;line-height:1;letter-spacing:-.05em}.sp-home-metrics span{display:flex;align-items:center;gap:8px;margin-top:13px;color:#8d99ac;font-size:11px;font-weight:620;line-height:1.45}.sp-home-metrics span:before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#34d399}
@media(max-width:900px){.sp-home-eco-body{grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);gap:18px;padding:23px}.sp-home-brand{width:126px;height:126px}.sp-home-eco-body:before,.sp-home-eco-body:after{display:none}.sp-home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.sp-home-inspired{padding:118px 0 52px}.sp-home-status{max-width:100%;flex-wrap:wrap;line-height:1.35}.sp-home-status small{width:100%}.sp-home-inspired h1{font-size:40px}.sp-home-inspired .sp-hero-line{font-size:29px}.sp-home-inspired .sp-hero-lead{font-size:16px;line-height:1.62}.sp-home-inspired .sp-actions{display:grid}.sp-home-inspired .sp-btn{min-height:55px;width:100%;padding-inline:16px}.sp-home-ecosystem{margin-top:42px;border-radius:24px}.sp-home-eco-head{align-items:flex-start;flex-direction:column;padding:15px 16px}.sp-home-eco-head p{font-size:9px}.sp-home-eco-body{grid-template-columns:1fr;gap:14px;padding:14px}.sp-home-queries{order:1}.sp-home-queries span:nth-child(n+4){display:none}.sp-home-brand{order:2;width:100px;height:100px}.sp-home-platforms{order:3;grid-template-columns:repeat(3,minmax(0,1fr))}.sp-home-platforms span:last-child{grid-column:1/-1}.sp-home-ecosystem figcaption{padding:10px;font-size:8px;line-height:1.5}.sp-home-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:30px;padding-top:24px}.sp-home-metrics div{min-height:104px;padding:15px 13px;border-radius:17px}.sp-home-metrics strong{font-size:31px}.sp-home-metrics span{font-size:10px}}
@media(max-width:360px){.sp-home-inspired h1{font-size:35px}.sp-home-inspired .sp-hero-line{font-size:26px}.sp-home-queries{grid-template-columns:1fr}.sp-home-queries span:last-child{grid-column:auto}.sp-home-metrics{grid-template-columns:1fr}.sp-home-metrics div{min-height:96px}.sp-home-status b{font-size:9px}}

/* Search Presence hero: one concise headline with a gold service accent. */
.sp-home-inspired h1 em{position:relative;display:inline-block;padding-bottom:8px;background:linear-gradient(90deg,#fde68a,#facc15,#fdba74);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.sp-home-inspired h1 em:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#fde68a,#facc15,#fdba74);box-shadow:0 8px 24px rgba(250,204,21,.2)}
.sp-home-main-proof{margin-top:64px}
@media(max-width:620px){.sp-home-main-proof{margin-top:44px}}

/* Visual QA: Business Risk Landscape */
.sp-risk-system-path:before{height:1px;border:0;background:linear-gradient(90deg,#9aa8b8 0 25%,transparent 25% 34%,#9aa8b8 34% 63%,transparent 63% 73%,#9aa8b8 73% 100%)}
.sp-risk-system-path:after{display:none}
.sp-risk-zone:after{display:none}
.sp-risk-copy p{font-size:14px;color:#596779}
.sp-risk-outcome{font-size:13px}
.sp-risk-platforms span,.sp-risk-streams span{font-size:10px}
.sp-risk-states span,.sp-risk-states b{font-size:9px}
.risk-06{background:#d9e4ec}
.risk-06 .sp-risk-copy h3{font-size:clamp(22px,2vw,27px)}
.risk-06 .sp-risk-outcome{color:#0f172a}
.risk-06 .sp-risk-streams:before{border-color:#aab7c5;opacity:.68}
.risk-06 .sp-risk-streams:after,.risk-06 .sp-risk-streams span{background:#d9e4ec}
.sp-risk-states{border-color:#cbd5df;opacity:.82}
.sp-risk-states span{border-color:#cbd5df}
.sp-risk-landscape:hover .sp-risk-zone:not(:hover){opacity:1}
.sp-risk-zone:hover .sp-risk-outcome,.sp-risk-zone:focus-visible .sp-risk-outcome{color:#0f172a}
.risk-03:hover .sp-risk-outcome,.risk-03:focus-visible .sp-risk-outcome{color:#fff}
@media(min-width:681px){.sp-risk-zone.is-primary:after{display:block}.sp-risk-zone.is-primary:after{content:"";position:absolute;right:20px;top:20px;width:34px;height:20px;border-top:1px solid #94a3b8;border-right:1px solid #94a3b8;opacity:.62}.risk-03.is-primary:after{border-color:#64748b}}
@media(max-width:680px){.sp-risk-zone{padding-top:21px;padding-bottom:19px}.sp-risk-copy{margin-top:16px}.sp-risk-copy p{font-size:14px;line-height:1.56}.sp-risk-platforms,.sp-risk-streams,.sp-risk-states{margin-top:13px}.sp-risk-outcome{padding-top:14px}.sp-risk-outcome:before{margin-bottom:10px}.risk-06{background:#dce6ee}.risk-06 .sp-risk-copy h3{font-size:22px}.sp-risk-platforms span,.sp-risk-streams span{font-size:10px}.sp-risk-states span,.sp-risk-states b{font-size:9px}}

/* Heat ladder: search intent ranked by distance to the deal */
.sp-heat {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--sp-cream);
}
.sp-heat__head {
  max-width: 860px;
  margin: 0 0 44px;
}
.sp-heat__head h2 {
  margin: 0;
}
.sp-heat__head p {
  max-width: 700px;
  margin: 18px 0 0;
  color: var(--sp-muted);
  font-size: 17px;
  line-height: 1.65;
}
.sp-heat__ladder {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sp-heat__step {
  --heat: #64748b;
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: 172px minmax(0,1fr) minmax(240px,.62fr);
  align-items: center;
  gap: 26px;
  padding: 24px 28px 24px 26px;
  overflow: hidden;
  border: 1px solid #e7ded4;
  border-radius: 20px;
  background: #fff;
  transition: border-color .2s ease, transform .2s ease;
}
.sp-heat__step::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--heat);
}
.sp-heat__step:hover {
  transform: translateX(2px);
  border-color: #d9cdc0;
}
.sp-heat__step.is-h1 { --heat: #dc2626; }
.sp-heat__step.is-h2 { --heat: #ea580c; }
.sp-heat__step.is-h3 { --heat: #f59e0b; }
.sp-heat__step.is-h4 { --heat: #94a3b8; }

.sp-heat__rank {
  display: grid;
  min-width: 0;
  gap: 7px;
}
.sp-heat__rank b {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--heat);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .13em;
}
.sp-heat__gauge {
  display: flex;
  gap: 3px;
}
.sp-heat__gauge i {
  height: 5px;
  flex: 1;
  border-radius: 999px;
  background: #e8e1d9;
}
.sp-heat__gauge i.on {
  background: var(--heat);
}
.sp-heat__rank span {
  color: #334155;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.01em;
}

.sp-heat__body {
  min-width: 0;
}
.sp-heat__body h3 {
  margin: 0;
  color: var(--sp-ink);
  font-size: clamp(19px,1.7vw,23px);
  font-weight: 760;
  line-height: 1.25;
  letter-spacing: -.03em;
}
.sp-heat__body p {
  margin: 8px 0 0;
  color: var(--sp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.sp-heat__where {
  min-width: 0;
  padding-left: 22px;
  border-left: 1px solid #ece4db;
}
.sp-heat__where small {
  display: block;
  color: #94a3b8;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sp-heat__where span {
  display: block;
  margin-top: 7px;
  color: #334155;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}
.sp-heat__where i {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(220,38,38,.09);
  color: #b91c1c;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.3;
}
.sp-heat__step.is-covered .sp-heat__where i {
  background: rgba(5,150,105,.1);
  color: #047857;
}

.sp-heat__verdict {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 28px;
  align-items: center;
  margin: 16px 0 0;
  padding: 26px 30px;
  border: 1px solid #fed7aa;
  border-radius: 20px;
  background: #fff7ed;
}
.sp-heat__verdict p {
  margin: 0;
  color: #1e293b;
  font-size: 16px;
  line-height: 1.6;
}
.sp-heat__verdict p b {
  color: #9a3412;
}
.sp-heat__verdict .sp-text-link {
  font-size: 12px;
  white-space: nowrap;
}

@media(max-width:1050px) {
  .sp-heat__step {grid-template-columns:150px minmax(0,1fr) minmax(200px,.6fr);gap:20px;padding:22px 22px 22px 24px}
  .sp-heat__where {padding-left:18px}
}
@media(max-width:900px) {
  .sp-heat__step {
    grid-template-columns: minmax(0,1fr) minmax(210px,.72fr);
    grid-template-areas: "rank rank" "body where";
    row-gap: 16px;
  }
  .sp-heat__rank {
    grid-area: rank;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 6px 14px;
  }
  .sp-heat__rank b {grid-row:1}
  .sp-heat__gauge {grid-row:1;max-width:120px}
  .sp-heat__rank span {grid-column:1/-1}
  .sp-heat__body {grid-area:body}
  .sp-heat__where {grid-area:where}
}
@media(max-width:680px) {
  .sp-heat__head {margin-bottom:28px}
  .sp-heat__head p {font-size:15px;line-height:1.6}
  .sp-heat__step {
    grid-template-columns: minmax(0,1fr);
    grid-template-areas: "rank" "body" "where";
    gap: 0;
    padding: 17px 16px 17px 19px;
    border-radius: 16px;
  }
  .sp-heat__step:hover {transform:none}
  .sp-heat__rank {gap:5px 12px}
  .sp-heat__gauge {max-width:96px}
  .sp-heat__body {margin-top:10px}
  .sp-heat__body h3 {font-size:19px}
  .sp-heat__body p {margin-top:6px;font-size:13px;line-height:1.5}
  .sp-heat__where {
    margin-top: 12px;
    padding: 11px 0 0;
    border-left: 0;
    border-top: 1px solid #ece4db;
  }
  .sp-heat__where span {margin-top:5px;font-size:12px}
  .sp-heat__where i {margin-top:9px}
  .sp-heat__verdict {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 22px 20px;
  }
  .sp-heat__verdict p {font-size:15px}
  .sp-heat__verdict .sp-text-link {white-space:normal}
}
@media(prefers-reduced-motion:reduce) {
  .sp-heat__step {transition:none}
  .sp-heat__step:hover {transform:none}
}


/* Lost deal timeline: one buyer, five searches, one decision */
.sp-lost-deal {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: 92px;
  background: #07101f;
  color: #f8fafc;
}
.sp-lost-deal::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 10%, rgba(249,115,22,.13), transparent 30%),
    radial-gradient(circle at 90% 78%, rgba(248,113,113,.09), transparent 34%),
    linear-gradient(rgba(148,163,184,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.03) 1px, transparent 1px);
  background-size: auto, auto, 48px 48px, 48px 48px;
  mask-image: linear-gradient(to bottom, #000, rgba(0,0,0,.4) 78%, transparent);
}
.sp-lost-deal__head {
  max-width: 760px;
  margin: 0 0 46px;
}
.sp-lost-deal__head .sp-eyebrow {
  color: #fb923c;
}
.sp-lost-deal__head h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(32px,4vw,48px);
  font-weight: 740;
  line-height: 1.1;
  letter-spacing: -.04em;
}
.sp-lost-deal__head p {
  max-width: 680px;
  margin: 18px 0 0;
  color: #aeb9c8;
  font-size: 17px;
  line-height: 1.65;
}

.sp-lost-deal__log {
  position: relative;
  max-width: 980px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
}
.sp-lost-deal__log::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, transparent, rgba(148,163,184,.2) 11.5%, rgba(148,163,184,.2) 88.5%, transparent);
}
.sp-lost-deal__row {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: 38px 146px minmax(0,1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px 0 18px 30px;
  border-bottom: 1px solid rgba(148,163,184,.1);
}
.sp-lost-deal__ico {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(148,163,184,.09);
  color: #94a3b8;
}
.sp-lost-deal__ico svg {
  width: 18px;
  height: 18px;
}
.is-found .sp-lost-deal__ico {
  border-color: rgba(52,211,153,.32);
  background: rgba(52,211,153,.12);
  color: #6ee7b7;
}
.is-weak .sp-lost-deal__ico {
  border-color: rgba(251,191,36,.32);
  background: rgba(251,191,36,.12);
  color: #fbbf24;
}
.is-gap .sp-lost-deal__ico {
  border-color: rgba(248,113,113,.32);
  background: rgba(248,113,113,.12);
  color: #f87171;
}
.sp-lost-deal__row:last-child {
  border-bottom: 0;
}
.sp-lost-deal__row::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  border: 2px solid #07101f;
  border-radius: 50%;
  background: #64748b;
}
.sp-lost-deal__row.is-found::before { background: #34d399; }
.sp-lost-deal__row.is-weak::before { background: #fbbf24; }
.sp-lost-deal__row.is-gap::before { background: #f87171; }
.sp-lost-deal__meta {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 9px;
}
.sp-lost-deal__meta b {
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size: 13px;
  font-weight: 700;
  color: #8593a7;
  letter-spacing: -.01em;
}
.sp-lost-deal__meta i {
  font-style: normal;
  font-size: 14.5px;
  font-weight: 820;
  color: #e2e8f0;
  letter-spacing: .01em;
}
.sp-lost-deal__query {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #c2ccd9;
  font-size: 16px;
  font-style: italic;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sp-lost-deal__status {
  justify-self: end;
  padding: 7px 15px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .01em;
  white-space: nowrap;
}
.is-found .sp-lost-deal__status { background: rgba(52,211,153,.14); color: #6ee7b7; }
.is-weak .sp-lost-deal__status { background: rgba(251,191,36,.14); color: #fbbf24; }
.is-gap .sp-lost-deal__status { background: rgba(248,113,113,.14); color: #f87171; }

.sp-lost-deal__verdict {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 30px;
  align-items: center;
  max-width: 980px;
  margin-top: 36px;
  padding: 30px 32px;
  border: 1px solid rgba(248,113,113,.32);
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(248,113,113,.1), rgba(15,23,42,.4));
}
.sp-lost-deal__gauge {
  position: relative;
  display: grid;
  width: 132px;
  justify-items: center;
}
.sp-lost-deal__gauge svg {
  width: 118px;
  height: 118px;
  display: block;
}
.sp-lost-deal__gauge b {
  position: absolute;
  top: 59px;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 36px;
  font-weight: 830;
  line-height: 1;
  letter-spacing: -.04em;
  text-align: center;
  transform: translateY(-50%);
}
.sp-lost-deal__gauge b small {
  color: #7d8b9f;
  font-size: 17px;
  font-weight: 700;
}
.sp-lost-deal__gauge span {
  margin-top: 10px;
  color: #94a3b8;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .09em;
  text-align: center;
  text-transform: uppercase;
}
.sp-lost-deal__verdict p {
  margin: 0;
  color: #e2e8f0;
  font-size: 15px;
  line-height: 1.62;
}
.sp-lost-deal__verdict p b {
  color: #fff;
}
.sp-lost-deal__verdict .sp-btn {
  white-space: nowrap;
}

@media(max-width:1050px) {
  .sp-lost-deal__row {grid-template-columns:38px 134px minmax(0,1fr) auto;gap:14px}
}
@media(max-width:820px) {
  .sp-lost-deal {padding-block:72px}
  .sp-lost-deal__log {max-width:none}
  .sp-lost-deal__row {
    grid-template-columns: 38px minmax(0,1fr) auto;
    grid-template-areas: "ico meta status" "ico query query";
    row-gap: 6px;
    column-gap: 14px;
    padding: 16px 0 16px 26px;
  }
  .sp-lost-deal__ico {grid-area:ico;align-self:center}
  .sp-lost-deal__meta {grid-area:meta}
  .sp-lost-deal__status {grid-area:status}
  .sp-lost-deal__query {
    grid-area: query;
    overflow: visible;
    white-space: normal;
  }
  .sp-lost-deal__verdict {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 18px;
    padding: 26px 24px;
  }
  .sp-lost-deal__verdict .sp-btn {justify-self: center}
}
@media(max-width:620px) {
  .sp-lost-deal {padding-block:56px}
  .sp-lost-deal__head h2 {font-size:30px}
  .sp-lost-deal__head p {font-size:15px;line-height:1.6}
  .sp-lost-deal__row {
    grid-template-columns: 34px minmax(0,1fr) auto;
    column-gap: 12px;
    padding: 14px 0 14px 22px;
  }
  .sp-lost-deal__row::before {left:-4px;width:10px;height:10px}
  .sp-lost-deal__ico {width:34px;height:34px;border-radius:11px}
  .sp-lost-deal__ico svg {width:16px;height:16px}
  .sp-lost-deal__meta i {font-size:13.5px}
  .sp-lost-deal__meta b {font-size:12px}
  .sp-lost-deal__query {font-size:14.5px}
  .sp-lost-deal__status {padding:6px 12px;font-size:11.5px}
  .sp-lost-deal__gauge {width:112px}
  .sp-lost-deal__gauge svg {width:100px;height:100px}
  .sp-lost-deal__gauge b {top:50px;font-size:31px}
  .sp-lost-deal__gauge b small {font-size:15px}
}
@media(prefers-reduced-motion:reduce) {
  .sp-lost-deal .sp-btn {transition:none}
}

/* Turf: nested territory frames. Your ground is the small core, everything else surrounds it. */
.sp-turf {
  background: #fff;
}
.sp-turf__map {
  margin-top: 6px;
}
.sp-turf__layer {
  position: relative;
  border-radius: 22px;
  padding: 22px 24px 24px;
}
.sp-turf__layer.is-foreign {
  border: 1px solid #dbe3ea;
  background: #eff3f7;
}
.sp-turf__layer.is-shared {
  margin-top: 16px;
  border: 1px solid #d2dde6;
  background: #e4ebf2;
}
.sp-turf__layer.is-own {
  margin-top: 16px;
  border: 1px solid #fdba74;
  background: #fff;
  box-shadow: 0 14px 34px -26px rgba(249,115,22,.75);
}
.sp-turf__layer-head {
  display: flex;
  align-items: baseline;
  gap: 14px;
}
.sp-turf__tag {
  color: #536174;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
  white-space: nowrap;
}
.is-own .sp-turf__tag {
  color: #c2410c;
}
.sp-turf__layer-head i {
  height: 1px;
  flex: 1;
  background: repeating-linear-gradient(90deg,#b6c2ce 0 3px,transparent 3px 7px);
  opacity: .8;
}
.is-own .sp-turf__layer-head i {
  background: repeating-linear-gradient(90deg,#fdba74 0 3px,transparent 3px 7px);
}
.sp-turf__ctrl {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.is-own .sp-turf__ctrl {
  color: #9a3412;
}
.sp-turf__plat {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 16px 0 0;
}
.sp-turf__plat span {
  padding: 6px 11px;
  border: 1px solid #ccd6df;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  color: #475569;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.3;
}
.is-own .sp-turf__plat span {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}
.sp-turf__name {
  margin: 15px 0 0;
  color: var(--sp-ink);
  font-size: clamp(20px,1.9vw,26px);
  font-weight: 770;
  line-height: 1.2;
  letter-spacing: -.03em;
}
.sp-turf__take {
  max-width: 62ch;
  margin: 9px 0 0;
  color: #55637a;
  font-size: 14px;
  line-height: 1.6;
}
.sp-turf__take b {
  color: #1e293b;
  font-weight: 780;
}

.sp-turf__scope {
  display: grid;
  grid-template-columns: 4px minmax(0,1fr);
  gap: 22px;
  margin-top: 30px;
  padding-left: 0;
}
.sp-turf__scope::before {
  content: "";
  border-radius: 999px;
  background: linear-gradient(180deg,#fdba74,#f97316);
}
.sp-turf__scope div {
  min-width: 0;
}
.sp-turf__scope strong {
  display: block;
  margin-bottom: 8px;
  color: #c2410c;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.sp-turf__scope p {
  max-width: 84ch;
  margin: 0;
  color: #475569;
  font-size: 15px;
  line-height: 1.65;
}
.sp-turf__scope p b {
  color: var(--sp-ink);
  font-weight: 780;
}

@media(min-width:901px) {
  .sp-turf__layer.is-foreign {padding:26px 28px 28px}
  .sp-turf__layer.is-shared {margin:18px 0 0;padding:24px 26px 26px}
  .sp-turf__layer.is-own {margin:18px 0 0}
}
@media(max-width:900px) {
  .sp-turf__layer {padding:20px 18px 20px}
  .sp-turf__layer.is-shared,
  .sp-turf__layer.is-own {margin-top:13px}
  .sp-turf__layer-head {flex-wrap:wrap;gap:6px 12px}
  .sp-turf__layer-head i {display:none}
  .sp-turf__ctrl {white-space:normal}
  .sp-turf__name {font-size:21px}
  .sp-turf__take {font-size:13.5px;line-height:1.55}
  .sp-turf__scope {grid-template-columns:3px minmax(0,1fr);gap:16px;margin-top:24px}
  .sp-turf__scope p {font-size:14px}
}
@media(max-width:620px) {
  .sp-turf__layer {padding:17px 15px 18px;border-radius:16px}
  .sp-turf__plat {margin-top:13px}
  .sp-turf__plat span {padding:5px 9px;font-size:11px}
  .sp-turf__name {margin-top:13px;font-size:20px}
}

/* Blueprint: the map as four scannable rows — query, place, what the client sees now, priority. */
.sp-bp__board {
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 24px;
  background: #101a2e;
  box-shadow: 0 35px 80px -54px #000;
}
.sp-bp__head,
.sp-bp__row {
  display: grid;
  grid-template-columns: 3px minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1.05fr) minmax(0,118px);
  gap: 0 24px;
  padding: 0 24px;
}
.sp-bp__head {
  padding-block: 14px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}
.sp-bp__head span {
  color: #64748b;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sp-bp__head span:first-child {grid-column: 2}
.sp-bp__head span:last-child {text-align: right}
.sp-bp__rows {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sp-bp__row {
  grid-template-areas: "bar q where now pri";
  align-items: center;
  padding-block: 17px;
  border-bottom: 1px solid rgba(148,163,184,.1);
}
.sp-bp__row::before {
  content: "";
  grid-area: bar;
  align-self: stretch;
  border-radius: 999px;
  background: #f97316;
}
.sp-bp__row.is-weak::before {background: #fbbf24}
.sp-bp__row.is-ok::before {background: #34d399}
.sp-bp__q {
  grid-area: q;
  color: #fff;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: -.015em;
}
.sp-bp__where {
  grid-area: where;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.sp-bp__where span {
  padding: 3px 10px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 999px;
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}
.sp-bp__now {
  grid-area: now;
  color: #fca5a5;
  font-size: 13.5px;
  font-style: normal;
  line-height: 1.45;
}
.is-weak .sp-bp__now {color: #fcd34d}
.is-ok .sp-bp__now {color: #6ee7b7}
.sp-bp__pri {
  grid-area: pri;
  justify-self: end;
  padding: 4px 11px;
  border-radius: 999px;
  background: rgba(249,115,22,.16);
  color: #fdba74;
  font-size: 9.5px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.is-weak .sp-bp__pri {background: rgba(251,191,36,.14);color: #fcd34d}
.is-ok .sp-bp__pri {background: rgba(52,211,153,.14);color: #6ee7b7}
.sp-bp__demo {
  margin: 0;
  padding: 13px 24px;
  border-top: 1px solid rgba(148,163,184,.14);
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
}
.sp-bp__read {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin-top: 18px;
}
.sp-bp__read article {
  padding: 18px 20px 19px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.03);
}
.sp-bp__read span {
  display: block;
  margin-bottom: 8px;
  color: #fdba74;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.sp-bp__read p {
  margin: 0;
  color: #cbd5e1;
  font-size: 14px;
  line-height: 1.5;
}

@media(max-width:900px) {
  .sp-bp__head {display: none}
  .sp-bp__row {
    grid-template-columns: 3px minmax(0,1fr) auto;
    grid-template-areas:
      "bar q pri"
      "bar now now"
      "bar where where";
    align-items: start;
    gap: 9px 16px;
    padding: 16px 18px;
  }
  .sp-bp__pri {align-self: start}
  .sp-bp__demo {padding-inline: 18px}
  .sp-bp__read {grid-template-columns: 1fr}
}
@media(max-width:620px) {
  .sp-bp__board {border-radius: 16px}
  .sp-bp__row {padding: 15px}
  .sp-bp__q {font-size: 14.5px}
  .sp-bp__now {font-size: 13px}
  .sp-bp__where span {padding: 3px 9px;font-size: 10.5px}
  .sp-bp__demo {padding: 12px 15px;font-size: 10.5px}
  .sp-bp__read article {padding: 16px 16px 17px}
  .sp-bp__read p {font-size: 13.5px}
}
/* Fix recipes: a symptom in the client's own words, then what actually closes it */
.sp-fix {
  background: #fff;
}
.sp-fix__head {
  max-width: 820px;
  margin-bottom: 40px;
}
.sp-fix__head p {
  max-width: 700px;
  margin: 18px 0 0;
  color: var(--sp-muted);
  font-size: 17px;
  line-height: 1.65;
}
.sp-fix__grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}
.sp-fix__card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 28px 30px 26px;
  border: 1px solid #e8ebf0;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 20px 46px -40px rgba(15,23,42,.55);
}
.sp-fix__num {
  color: #c2410c;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .14em;
}
.sp-fix__symptom {
  margin: 14px 0 0;
  color: var(--sp-ink);
  font-size: clamp(20px,1.85vw,25px);
  font-weight: 760;
  line-height: 1.24;
  letter-spacing: -.03em;
}
.sp-fix__split {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 22px 0 20px;
}
.sp-fix__split::before,
.sp-fix__split::after {
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(100,116,139,.16);
}
.sp-fix__split span {
  display: grid;
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #fed7aa;
  border-radius: 50%;
  background: #fff7ed;
  color: #ea580c;
  font-size: 13px;
  font-weight: 800;
}
.sp-fix__do {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sp-fix__do li {
  position: relative;
  padding: 0 0 0 24px;
  color: #475569;
  font-size: 14px;
  line-height: 1.55;
}
.sp-fix__do li + li {
  margin-top: 11px;
}
.sp-fix__do li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 2px solid #fb923c;
}
.sp-fix__do b {
  color: var(--sp-ink);
  font-weight: 780;
}
.sp-fix__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 22px;
}
.sp-fix__links a {
  padding: 8px 14px;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  background: #fff7ed;
  color: #9a3412;
  font-size: 12px;
  font-weight: 780;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease;
}
.sp-fix__links a:hover {
  border-color: #fb923c;
  background: #ffedd5;
}

@media(max-width:900px) {
  .sp-fix__grid {grid-template-columns:1fr}
  .sp-fix__card {padding:24px 22px 22px}
  .sp-fix__head {margin-bottom:30px}
  .sp-fix__head p {font-size:15px;line-height:1.6}
}
@media(max-width:620px) {
  .sp-fix__card {padding:21px 18px 20px;border-radius:18px}
  .sp-fix__symptom {font-size:20px}
  .sp-fix__split {margin:18px 0 16px}
  .sp-fix__do li {font-size:13.5px;padding-left:22px}
  .sp-fix__links {padding-top:18px;gap:7px}
  .sp-fix__links a {padding:7px 12px;font-size:11.5px}
}
@media(prefers-reduced-motion:reduce) {
  .sp-fix__links a {transition:none}
}

/* Ledger spread: no cards, no boxes. Two columns of plain type split by one hairline. */
.sp-bill {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0b1322;
  color: #f8fafc;
}
.sp-bill::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 12%, rgba(249,115,22,.1), transparent 34%),
    linear-gradient(rgba(148,163,184,.028) 1px, transparent 1px);
  background-size: auto, 100% 44px;
  mask-image: linear-gradient(to bottom, #000, rgba(0,0,0,.35) 82%, transparent);
}
.sp-bill__head {
  max-width: 880px;
  margin-bottom: 52px;
}
.sp-bill__head .sp-eyebrow {
  color: #fb923c;
}
.sp-bill__head h2 {
  color: #f8fafc;
}
.sp-bill__head p {
  max-width: 740px;
  margin: 18px 0 0;
  color: #aeb9c8;
  font-size: 17px;
  line-height: 1.65;
}

.sp-bill__split {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0 56px;
}
.sp-bill__col {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.sp-bill__col.is-right {
  padding-left: 56px;
  border-left: 1px solid rgba(148,163,184,.2);
}
.sp-bill__label {
  display: block;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(148,163,184,.28);
  color: #7f8ca1;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.is-right .sp-bill__label {
  color: #fb923c;
  border-bottom-color: rgba(249,115,22,.45);
}

.sp-bill__items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sp-bill__items li {
  padding: 16px 0;
  border-bottom: 1px solid rgba(148,163,184,.11);
}
.sp-bill__line {
  display: flex;
  align-items: baseline;
  gap: 9px;
}
.sp-bill__line em {
  min-width: 0;
  color: #cbd5e1;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
}
.is-right .sp-bill__line em {
  color: #f8fafc;
  font-weight: 760;
}
.sp-bill__line i {
  min-width: 12px;
  flex: 1;
  border-bottom: 1px dotted rgba(148,163,184,.4);
  transform: translateY(-4px);
}
.sp-bill__line b {
  flex: 0 0 auto;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size: 15px;
  font-weight: 700;
  color: #77869a;
  letter-spacing: -.02em;
}
.is-right .sp-bill__line b {
  color: #fdba74;
}
.sp-bill__for {
  display: block;
  margin-top: 7px;
  color: #8b98ab;
  font-size: 13px;
  line-height: 1.5;
}
.sp-bill__for b {
  color: #d8dfe8;
  font-weight: 720;
}

.sp-bill__result {
  margin-top: auto;
  padding-top: 26px;
}
.sp-bill__result strong {
  display: block;
  color: #64748b;
  font-size: clamp(38px,4.6vw,60px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.055em;
}
.is-right .sp-bill__result strong {
  color: #f97316;
}
.sp-bill__result span {
  display: block;
  margin-top: 12px;
  color: #77869a;
  font-size: 11px;
  font-weight: 820;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sp-bill__foot {
  max-width: 46ch;
  margin: 18px 0 0;
  color: #8b98ab;
  font-size: 13.5px;
  line-height: 1.6;
}
.sp-bill__foot b {
  color: #e2e8f0;
  font-weight: 760;
}
.sp-bill__note {
  max-width: 92ch;
  margin: 46px 0 0;
  padding-top: 22px;
  border-top: 1px solid rgba(148,163,184,.16);
  color: #77869a;
  font-size: 13px;
  line-height: 1.6;
}

@media(max-width:900px) {
  .sp-bill__head {margin-bottom:34px}
  .sp-bill__head p {font-size:15px;line-height:1.6}
  .sp-bill__split {grid-template-columns:1fr;gap:0}
  .sp-bill__col.is-right {
    margin-top: 34px;
    padding-top: 34px;
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid rgba(148,163,184,.2);
  }
  .sp-bill__result {padding-top:22px}
  .sp-bill__foot {max-width:none}
  .sp-bill__note {margin-top:32px}
}
@media(max-width:620px) {
  .sp-bill__items li {padding:13px 0}
  .sp-bill__line em {font-size:14px}
  .sp-bill__line b {font-size:14px}
  .sp-bill__for {font-size:12.5px}
  .sp-bill__result strong {font-size:38px}
  .sp-bill__result span {margin-top:9px}
  .sp-bill__foot {font-size:13px}
  .sp-bill__note {font-size:12.5px;margin-top:26px}
}

/* Gap cards: основное действие — к нам, отдельные инструменты — вторично */
.sp-fix__act {
  margin-top: auto;
  padding-top: 24px;
}
.sp-fix__cta {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border-radius: 999px;
  background: var(--sp-ink);
  color: #fff;
  font-size: 13px;
  font-weight: 760;
  text-decoration: none;
  transition: background-color .18s ease, transform .18s ease;
}
.sp-fix__cta:hover {
  background: var(--sp-orange);
  transform: translateY(-1px);
}
.sp-fix__links {
  margin-top: 0;
  padding-top: 14px;
  align-items: center;
}
.sp-fix__links-label {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
}
.sp-fix__links a {
  padding: 6px 12px;
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #64748b;
  font-size: 11.5px;
  font-weight: 720;
}
.sp-fix__links a:hover {
  border-color: #fdba74;
  background: #fff7ed;
  color: #9a3412;
}

/* Самопроверка: восемь симптомов, живой счётчик и переход в заявку */
.sp-check {
  background: var(--sp-cream);
}
.sp-check__head {
  max-width: 820px;
}
.sp-check__head p {
  max-width: 720px;
  margin: 18px 0 0;
  color: var(--sp-muted);
  font-size: 17px;
  line-height: 1.65;
}
.sp-check__body {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(300px,.85fr);
  gap: 26px;
  align-items: start;
}
.sp-check__list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sp-check__item {
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 16px 18px;
  border: 1px solid #e8ebf0;
  border-radius: 16px;
  background: #fff;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.sp-check__item:hover {
  border-color: #fdba74;
}
.sp-check__item input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.sp-check__box {
  display: grid;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  place-items: center;
  border: 2px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  transition: border-color .18s ease, background-color .18s ease;
}
.sp-check__box::after {
  content: "";
  width: 10px;
  height: 6px;
  border-left: 2.5px solid #fff;
  border-bottom: 2.5px solid #fff;
  opacity: 0;
  transform: rotate(-45deg) translateY(-2px);
}
.sp-check__item input:checked ~ .sp-check__box {
  border-color: var(--sp-orange);
  background: var(--sp-orange);
}
.sp-check__item input:checked ~ .sp-check__box::after {
  opacity: 1;
}
.sp-check__item input:focus-visible ~ .sp-check__box {
  outline: 2px solid var(--sp-orange);
  outline-offset: 3px;
}
.sp-check__text {
  color: #475569;
  font-size: 14.5px;
  line-height: 1.55;
}
.sp-check__item input:checked ~ .sp-check__text {
  color: var(--sp-ink);
  font-weight: 640;
}
.sp-check__result {
  position: sticky;
  top: 24px;
  padding: 28px 26px 26px;
  border: 1px solid #fed7aa;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 54px -44px rgba(15,23,42,.6);
}
.sp-check__count {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.sp-check__count b {
  color: var(--sp-orange);
  font-size: 52px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: -.05em;
}
.sp-check__count small {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 820;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sp-check__verdict {
  min-height: 92px;
  margin: 20px 0 18px;
  color: var(--sp-ink);
  font-size: 15px;
  line-height: 1.6;
}
.sp-check__cta {
  width: 100%;
}
.sp-check__note {
  display: block;
  margin-top: 16px;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.55;
}

/* Пример документа: показываем сам файл, а не описание файла */
.sp-sample {
  background: var(--sp-cream);
}
.sp-sample__doc {
  margin: 0;
  overflow: hidden;
  border: 1px solid #dfe5ec;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 30px 70px -52px rgba(15,23,42,.65);
}
.sp-sample__bar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 20px;
  border-bottom: 1px solid #eef1f5;
  background: #f8fafc;
}
.sp-sample__dots {
  display: flex;
  gap: 6px;
}
.sp-sample__dots i {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #dbe2ea;
}
.sp-sample__bar b {
  color: var(--sp-ink);
  font-size: 13px;
  font-weight: 760;
}
.sp-sample__bar small {
  margin-left: auto;
  color: #94a3b8;
  font-size: 11px;
}
.sp-sample__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 12px 16px 0;
  border-bottom: 1px solid #eef1f5;
}
.sp-sample__tabs span {
  padding: 9px 14px;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 720;
}
.sp-sample__tabs .is-active {
  border-color: #eef1f5;
  background: #fff;
  color: var(--sp-ink);
}
.sp-sample__row {
  display: grid;
  grid-template-columns: minmax(0,2.1fr) .9fr 1.15fr .8fr .7fr;
  gap: 16px;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #f1f4f8;
  color: #475569;
  font-size: 13.5px;
}
.sp-sample__row.is-head {
  background: #fcfdfe;
  color: #94a3b8;
  font-size: 10.5px;
  font-weight: 840;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.sp-sample__row:not(.is-head) span:first-child {
  display: flex;
  gap: 12px;
  align-items: baseline;
  color: var(--sp-ink);
  font-weight: 640;
}
.sp-sample__row b {
  color: #fb923c;
  font-size: 11px;
  font-weight: 850;
}
.sp-sample__st {
  justify-self: start;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 780;
}
.sp-sample__st.is-work {
  background: #fff7ed;
  color: #c2410c;
}
.sp-sample__st.is-done {
  background: #ecfdf5;
  color: #047857;
}
.sp-sample__st.is-queue {
  background: #f1f5f9;
  color: #64748b;
}
.sp-sample__foot {
  margin: 0;
  padding: 16px 20px;
  color: #94a3b8;
  font-size: 12.5px;
  line-height: 1.6;
}
.sp-sample__use {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin-top: 16px;
}
.sp-sample__use article {
  padding: 22px 24px;
  border: 1px solid #e8ebf0;
  border-radius: 20px;
  background: #fff;
}
.sp-sample__use b {
  color: #c2410c;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sp-sample__use p {
  margin: 11px 0 0;
  color: #475569;
  font-size: 14px;
  line-height: 1.6;
}

/* Кому не подходит: отсекаем чужие лиды до звонка */
.sp-nofit {
  display: grid;
  grid-template-columns: minmax(200px,.55fr) minmax(0,1.45fr);
  gap: 28px;
  margin-top: 22px;
  padding: 26px 28px;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  background: #f8fafc;
}
.sp-nofit__head small {
  color: #94a3b8;
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.sp-nofit__head h3 {
  margin: 10px 0 0;
  font-size: 21px;
  font-weight: 760;
  letter-spacing: -.03em;
}
.sp-nofit ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sp-nofit li {
  position: relative;
  padding-left: 26px;
  color: #475569;
  font-size: 14px;
  line-height: 1.55;
}
.sp-nofit li::before {
  content: "×";
  position: absolute;
  left: 7px;
  top: -1px;
  color: #f87171;
  font-weight: 850;
}
.sp-nofit a {
  color: #c2410c;
  font-weight: 760;
  text-decoration: underline;
}

/* Бюджет: ориентиры до созвона, а не после третьего письма */
.sp-price {
  background: var(--sp-cream);
}
.sp-price__head {
  max-width: 840px;
}
.sp-price__head p {
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--sp-muted);
  font-size: 17px;
  line-height: 1.65;
}
.sp-price__grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}
.sp-price__card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 30px 28px 26px;
  border: 1px solid #e8ebf0;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 20px 46px -42px rgba(15,23,42,.55);
}
.sp-price__card.is-featured {
  border-color: #fdba74;
  background: linear-gradient(180deg,#fff7ed 0%,#fff 46%);
  box-shadow: 0 30px 62px -40px rgba(249,115,22,.45);
}
.sp-price__label {
  color: #c2410c;
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.sp-price__card h3 {
  margin: 12px 0 0;
  font-size: 22px;
  font-weight: 760;
  line-height: 1.2;
  letter-spacing: -.03em;
}
.sp-price__num {
  display: block;
  margin-top: 16px;
  color: var(--sp-ink);
  font-size: clamp(21px,2.2vw,31px);
  font-weight: 760;
  line-height: 1.15;
  letter-spacing: -.045em;
}
.sp-price__num i {
  color: #94a3b8;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.01em;
}
.sp-price__note {
  margin: 12px 0 0;
  color: var(--sp-muted);
  font-size: 13.5px;
  line-height: 1.6;
}
.sp-price__card ul {
  display: grid;
  gap: 11px;
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #eef1f5;
  list-style: none;
}
.sp-price__card li {
  position: relative;
  padding-left: 24px;
  color: #475569;
  font-size: 13.5px;
  line-height: 1.5;
}
.sp-price__card li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 7px;
  width: 7px;
  height: 7px;
  border: 2px solid #fb923c;
  border-radius: 50%;
}
.sp-price__out {
  margin: auto 0 0;
  padding-top: 20px;
  color: #94a3b8;
  font-size: 12.5px;
  line-height: 1.55;
}
.sp-price__factors {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 32px;
  align-items: center;
  margin-top: 16px;
  padding: 26px 28px;
  border: 1px solid #fed7aa;
  border-radius: 22px;
  background: #fff7ed;
}
.sp-price__factors h3 {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 760;
}
.sp-price__factors ul {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 9px 26px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sp-price__factors li {
  color: #78716c;
  font-size: 13px;
  line-height: 1.5;
}
.sp-price__factors b {
  color: var(--sp-ink);
  font-weight: 780;
}

/* Возражение «у нас уже есть SEO»: кто за какую точку отвечает */
.sp-versus {
  background: #fff;
}
.sp-versus__head {
  max-width: 820px;
}
.sp-versus__head p {
  max-width: 700px;
  margin: 18px 0 0;
  color: var(--sp-muted);
  font-size: 17px;
  line-height: 1.65;
}
.sp-versus__table {
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
}
.sp-versus__row {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) repeat(3,minmax(0,1fr));
}
.sp-versus__row + .sp-versus__row {
  border-top: 1px solid #eef1f5;
}
.sp-versus__row span {
  padding: 16px 18px;
  color: #64748b;
  font-size: 13.5px;
  line-height: 1.5;
}
.sp-versus__row span:first-child {
  color: var(--sp-ink);
  font-weight: 680;
}
.sp-versus__row.is-head span {
  background: #f8fafc;
  color: #94a3b8;
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.sp-versus__row.is-head span:last-child {
  background: #ffedd5;
  color: #9a3412;
}
.sp-versus__row .is-us {
  background: #fff7ed;
  color: #9a3412;
  font-weight: 740;
}
.sp-versus__foot {
  max-width: 84ch;
  margin: 22px 0 0;
  color: var(--sp-muted);
  font-size: 14.5px;
  line-height: 1.65;
}

/* Что дальше после заявки: снимаем страх перед кнопкой */
.sp-next {
  background: #fff;
}
.sp-next__head {
  margin-bottom: 40px;
}
.sp-next__head p {
  max-width: 620px;
  margin: 16px auto 0;
  color: var(--sp-muted);
  font-size: 16px;
  line-height: 1.6;
}
.sp-next__steps {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sp-next__steps li {
  padding: 26px 24px;
  border: 1px solid #e8ebf0;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 44px -42px rgba(15,23,42,.5);
}
.sp-next__steps b {
  color: #fb923c;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .14em;
}
.sp-next__steps h3 {
  margin: 12px 0 0;
  font-size: 17px;
  font-weight: 760;
  line-height: 1.25;
  letter-spacing: -.02em;
}
.sp-next__steps p {
  margin: 10px 0 0;
  color: var(--sp-muted);
  font-size: 13.5px;
  line-height: 1.6;
}
.sp-next__trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}
.sp-next__trust li {
  padding: 9px 15px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}
.sp-next__trust li::before {
  content: "✓";
  margin-right: 8px;
  color: #10b981;
  font-weight: 850;
}

/* Плавающая кнопка на мобильных */
.sp-sticky {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid rgba(148,163,184,.2);
  background: rgba(2,6,23,.95);
  font-family: Inter, system-ui, sans-serif;
  opacity: 0;
  transform: translateY(115%);
  pointer-events: none;
  transition: transform .28s ease, opacity .28s ease;
}
.sp-sticky, .sp-sticky * {
  box-sizing: border-box;
}
.sp-sticky[hidden] {
  display: none;
}
.sp-sticky.is-on {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.sp-sticky__in {
  display: flex;
  align-items: center;
  gap: 14px;
  width: min(1180px,100%);
  margin-inline: auto;
}
.sp-sticky__copy {
  display: grid;
  min-width: 0;
}
.sp-sticky__copy b {
  overflow: hidden;
  color: #f8fafc;
  font-size: 13px;
  font-weight: 740;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sp-sticky__copy small {
  color: #94a3b8;
  font-size: 11px;
}
.sp-sticky__btn {
  flex: 0 0 auto;
  padding: 13px 18px;
  border-radius: 999px;
  background: var(--sp-orange);
  color: #fff;
  font-size: 12.5px;
  font-weight: 780;
  text-decoration: none;
  white-space: nowrap;
}

@media(min-width:901px) {
  .sp-sticky {display:none!important}
}
@media(max-width:1040px) {
  .sp-price__grid {grid-template-columns:1fr}
  .sp-price__card.is-featured {order:-1}
  .sp-next__steps {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px) {
  .sp-check__body {grid-template-columns:1fr}
  .sp-check__result {position:static;margin-top:6px}
  .sp-check__verdict {min-height:0}
  .sp-check__head p {font-size:15px;line-height:1.6}
  .sp-sample__row {grid-template-columns:minmax(0,1.6fr) 1fr auto;gap:12px}
  .sp-sample__row span:nth-child(3), .sp-sample__row span:nth-child(4) {display:none}
  .sp-sample__use {grid-template-columns:1fr}
  .sp-nofit {grid-template-columns:1fr;gap:18px;padding:22px}
  .sp-price__head p {font-size:15px;line-height:1.6}
  .sp-price__factors {grid-template-columns:1fr;gap:20px;padding:22px}
  .sp-price__factors ul {grid-template-columns:1fr}
  .sp-price__factors .sp-btn {width:100%}
  .sp-versus__head p {font-size:15px;line-height:1.6}
  .sp-versus__row.is-head {display:none}
  .sp-versus__row {grid-template-columns:1fr;padding:8px 0}
  .sp-versus__row + .sp-versus__row {border-top:1px solid #e2e8f0}
  .sp-versus__row span {display:grid;grid-template-columns:minmax(0,96px) minmax(0,1fr);gap:12px;padding:8px 16px}
  .sp-versus__row span::before {content:attr(data-l);color:#94a3b8;font-size:10.5px;font-weight:840;letter-spacing:.08em;text-transform:uppercase}
  .sp-versus__row .is-us {background:transparent;color:#9a3412}
  .sp-versus__foot {font-size:14px}
}
@media(max-width:620px) {
  .sp-check__item {padding:14px 15px;border-radius:14px;gap:12px}
  .sp-check__text {font-size:13.5px}
  .sp-check__result {padding:22px 20px 20px;border-radius:20px}
  .sp-check__count b {font-size:42px}
  .sp-check__verdict {font-size:14px;margin:16px 0 14px}
  .sp-sample__doc {border-radius:18px}
  .sp-sample__bar {padding:13px 15px}
  .sp-sample__bar b {font-size:12px}
  .sp-sample__bar small {display:none}
  .sp-sample__tabs {padding:10px 12px 0;gap:2px}
  .sp-sample__tabs span {padding:8px 10px;font-size:11px}
  .sp-sample__row {grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:13px 15px}
  .sp-sample__row span:nth-child(2) {display:none}
  .sp-sample__row.is-head {display:none}
  .sp-sample__foot {padding:14px 15px;font-size:12px}
  .sp-sample__use article {padding:18px}
  .sp-price__card {padding:24px 20px 22px;border-radius:20px}
  .sp-price__card h3 {font-size:20px}
  .sp-price__card li {font-size:13px}
  .sp-versus__row span {grid-template-columns:1fr;gap:3px;padding:7px 14px}
  .sp-next__steps {grid-template-columns:1fr}
  .sp-next__steps li {padding:20px 18px;border-radius:18px}
  .sp-next__head {margin-bottom:28px}
  .sp-next__trust li {font-size:11.5px;padding:8px 13px}
  .sp-fix__cta {min-height:46px;width:100%;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce) {
  .sp-check__item, .sp-check__box, .sp-fix__cta, .sp-sticky {transition:none}
}

/* Поле «коротко о ситуации» в форме страницы */
.sp-form-shell .orm-form-context {
  margin-top: 4px;
}
.sp-form-shell .orm-form-optional {
  margin-left: 5px;
  color: #94a3b8;
  font-size: .9em;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

/* Уплотнение страницы: блоки, переехавшие внутрь соседних секций */
.sp-heat__turf-intro {
  max-width: 760px;
  margin: 54px 0 22px;
  padding-top: 34px;
  border-top: 1px solid rgba(100,116,139,.18);
}
.sp-heat__turf-intro h3 {
  margin: 0;
  font-size: clamp(24px,2.6vw,32px);
  font-weight: 720;
  line-height: 1.15;
  letter-spacing: -.035em;
}
.sp-heat__turf-intro p {
  margin: 14px 0 0;
  color: var(--sp-muted);
  font-size: 16px;
  line-height: 1.65;
}
.sp-price__fit {
  margin-bottom: 30px;
}
.sp-price__fit h3 {
  margin: 0 0 14px;
  color: var(--sp-ink);
  font-size: 18px;
  font-weight: 760;
  letter-spacing: -.02em;
}
.sp-roadmap .sp-dashboard {
  margin-top: 18px;
}
.sp-products {
  background: #fff;
}

@media(max-width:900px) {
  .sp-heat__turf-intro {margin:40px 0 18px;padding-top:26px}
  .sp-price__fit {margin-bottom:24px}
  .sp-roadmap .sp-dashboard {margin-top:14px}
}

/* Читаемость блока «рабочая карта присутствия»: было 8–11px и низкий контраст */
.sp-roadmap-line li {
  min-height: 0;
  padding: 24px 20px 26px;
}
.sp-roadmap-line b {
  width: 36px;
  height: 36px;
  font-size: 13px;
  font-weight: 820;
}
.sp-roadmap-line small {
  margin-top: 22px;
  font-size: 10.5px;
  letter-spacing: .1em;
}
.sp-roadmap-line h3 {
  margin: 9px 0 8px;
  font-size: 18px;
  font-weight: 740;
  line-height: 1.25;
}
.sp-roadmap-line p {
  color: #56637a;
  font-size: 13.5px;
  line-height: 1.55;
}
.sp-dashboard aside small {
  font-size: 11px;
}
.sp-dashboard aside > strong {
  font-size: 26px;
  line-height: 1.2;
}
.sp-dashboard aside > p {
  margin-top: 22px;
  color: #a7b3c4;
  font-size: 13.5px;
  line-height: 1.6;
}
.sp-score b {
  font-size: 44px;
}
.sp-score span {
  max-width: 150px;
  color: #a7b3c4;
  font-size: 12px;
  line-height: 1.4;
}
.sp-deliverable-list article {
  grid-template-columns: 34px minmax(0,1fr) auto;
  gap: 14px;
  padding: 22px 24px;
}
.sp-deliverable-list article > b {
  font-size: 12.5px;
}
.sp-deliverable-list h3 {
  font-size: 16.5px;
  font-weight: 740;
  line-height: 1.3;
}
.sp-deliverable-list p {
  margin-top: 7px;
  color: #9aa7ba;
  font-size: 13px;
  line-height: 1.55;
}
.sp-deliverable-list article > span {
  color: #8794a8;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.sp-kpi-strip span {
  padding: 18px 16px;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.5;
}
.sp-kpi-strip b {
  margin-bottom: 8px;
  font-size: 12.5px;
}
.sp-kpi-note {
  margin-top: 18px;
  color: var(--sp-muted);
  font-size: 13px;
  line-height: 1.6;
}

@media(max-width:900px) {
  .sp-roadmap-line li {padding:22px 18px 24px}
  .sp-roadmap-line small {margin-top:18px}
  .sp-deliverable-list article {padding:20px}
}
@media(max-width:620px) {
  .sp-roadmap-line h3 {font-size:17px}
  .sp-roadmap-line p {font-size:13px}
  .sp-dashboard aside > strong {font-size:23px}
  .sp-deliverable-list h3 {font-size:16px}
  .sp-kpi-strip span {padding:16px 14px;font-size:11.5px}
  .sp-kpi-note {font-size:12.5px}
}

/* Тезис «не объём, а покрытие» — переехал в блок цены отдельной строкой */
.sp-price__thesis {
  max-width: 88ch;
  margin: 0 0 20px;
  padding: 16px 20px;
  border-left: 3px solid var(--sp-orange);
  border-radius: 0 14px 14px 0;
  background: #fff7ed;
  color: #475569;
  font-size: 14.5px;
  line-height: 1.6;
}

@media(max-width:620px) {
  .sp-price__thesis {padding:14px 16px;font-size:13.5px}
}

/* После удаления соседних секций подряд шли три кремовых экрана */
.sp-sample {
  background: #fff;
}

/* Хроника «наезжает» панелью на первый экран: стык вместо шва.
   Первому экрану добавлено 40px снизу, хроника поднята на те же 40px —
   видимый отступ остался прежним, а из-под скруглённых углов виден его фон. */
.sp-home-inspired {
  padding-bottom: 116px;
}
.sp-lost-deal {
  position: relative;
  z-index: 1;
  margin-top: -40px;
  border-top: 1px solid rgba(148,163,184,.16);
  border-radius: 34px 34px 0 0;
  background: #101c2f;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 -26px 54px -34px rgba(0,0,0,.65);
}

@media(max-width:620px) {
  .sp-home-inspired {padding-bottom:82px}
  .sp-lost-deal {margin-top:-30px;border-radius:24px 24px 0 0}
}

/* FAQ в две колонки на десктопе: ответы короткие, в один столбец блок растягивался */
@media(min-width:901px) {
  .sp-faq-list {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    align-items: start;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .sp-faq-list details,
  .sp-faq-list details:first-child {
    overflow: hidden;
    border: 1px solid #e1d9d0;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 40px -40px rgba(15,23,42,.5);
  }
  .sp-faq-list summary {
    min-height: 66px;
  }
  .sp-faq-list details p {
    max-width: none;
    padding: 0 24px 20px 64px;
  }
}

/* Строка-обещание под заголовком: заметно меньше h1, чтобы не спорить с ним */
.sp-home-inspired .sp-hero-line {
  max-width: 880px;
  margin: 18px auto 0;
  color: #dbe3ee;
  font-size: clamp(24px,2.9vw,36px);
  font-weight: 520;
  line-height: 1.18;
  letter-spacing: -.03em;
}
.sp-home-inspired .sp-hero-lead {
  margin-top: 22px;
}

@media(max-width:620px) {
  .sp-home-inspired .sp-hero-line {font-size:22px;margin-top:14px}
  .sp-home-inspired .sp-hero-lead {margin-top:18px}
}

/* Строка-обещание и лид срывались на вторую строку: тексту не хватало ширины контейнера */
.sp-home-inspired .sp-hero-line {
  max-width: 1040px;
  text-wrap: balance;
}
.sp-home-inspired .sp-hero-lead {
  max-width: 1000px;
  text-wrap: balance;
}

@media(max-width:900px) {
  .sp-home-inspired .sp-hero-line,
  .sp-home-inspired .sp-hero-lead {max-width:38ch}
}

/* Команда в блоке «Что произойдёт после заявки» — размеры и подписи как на странице ORM */
.sp-team {
  display: grid;
  gap: 18px;
  margin-top: 40px;
  padding-top: 36px;
  border-top: 1px solid #e8ebf0;
}
.sp-team__head {
  max-width: 720px;
  margin-inline: auto;
  text-align: center;
}
.sp-team__head h3 {
  margin: 0;
  font-size: clamp(22px,2.4vw,28px);
  font-weight: 740;
  line-height: 1.18;
  letter-spacing: -.03em;
}
.sp-team__head p {
  margin: 12px 0 0;
  color: var(--sp-muted);
  font-size: 15px;
  line-height: 1.6;
}
.sp-team__hint {
  display: none;
  margin: 0;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
}
.sp-team__track {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}
.sp-team__person {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  aspect-ratio: 4/5;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 30px;
  background: #162137;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 28px 65px -44px rgba(15,23,42,.9);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.sp-team__person::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: inherit;
  pointer-events: none;
}
.sp-team__person img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s cubic-bezier(.2,.7,.2,1), filter .3s ease;
}
.sp-team__person.is-olena img {object-position: 50% 40%}
.sp-team__person.is-lada img {object-position: 50% 37%}
.sp-team__person.is-anton img {object-position: 50% 40%}
.sp-team__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg,rgba(7,16,31,.03) 26%,rgba(7,16,31,.18) 50%,rgba(7,16,31,.94) 100%);
}
.sp-team__badge {
  position: absolute;
  right: 18px;
  top: 18px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  background: rgba(7,16,31,.58);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  backdrop-filter: blur(12px);
}
.sp-team__badge b {
  display: grid;
  width: 17px;
  height: 17px;
  place-items: center;
  border-radius: 5px;
  background: #0a66c2;
  font-size: 9px;
}
.sp-team__badge i,
.sp-team__info i {
  font-style: normal;
}
.sp-team__info {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  padding: 30px;
}
.sp-team__info small {
  display: block;
  color: #fdba74;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.sp-team__info strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: clamp(24px,2vw,28px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.035em;
}
.sp-team__info > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  color: #d5ddea;
  font-size: 12px;
  font-weight: 750;
}
.sp-team__person:hover {
  transform: translateY(-5px);
  border-color: rgba(249,115,22,.5);
  box-shadow: 0 34px 75px -38px rgba(15,23,42,.9);
}
.sp-team__person:hover img {
  transform: scale(1.04);
  filter: saturate(1.05);
}
.sp-team__person:focus-visible {
  outline: 3px solid #f97316;
  outline-offset: 4px;
}

@media(max-width:900px) {
  .sp-team {margin-top:32px;padding-top:28px}
  .sp-team__head {text-align:left}
  .sp-team__hint {display:block}
  .sp-team__track {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: min(72vw,340px);
    gap: 14px;
    margin-inline: -14px;
    padding: 9px 14px 16px;
    overflow-x: auto;
    scroll-padding-inline: 14px;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
  .sp-team__track::-webkit-scrollbar {display: none}
  .sp-team__person {scroll-snap-align:start;scroll-snap-stop:always}
}
@media(max-width:760px) {
  .sp-team {gap:14px}
  .sp-team__track {grid-auto-columns:min(82vw,320px)}
  .sp-team__person {border-radius:25px}
  .sp-team__info {padding:23px}
  .sp-team__info strong {font-size:24px}
  .sp-team__badge {right:14px;top:14px}
}
@media(max-width:420px) {
  .sp-team__track {grid-auto-columns:min(86vw,310px)}
}
@media(prefers-reduced-motion:reduce) {
  .sp-team__person, .sp-team__person img {transition:none}
  .sp-team__person:hover {transform:none}
  .sp-team__person:hover img {transform:none}
}

/* Первый экран на высоту окна: содержимое центрируется, верхний отступ учитывает шапку */
.sp-home-inspired {
  display: flex;
  min-height: 100vh;
  min-height: 100svh;
  flex-direction: column;
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 100px;
}
/* Факты в трастовой панели: три колонки вместо двух — два ряда вместо трёх */
.sp-home-main-proof .grid-cols-3 > div {
  display: flex;
  align-items: center;
  line-height: 1.35;
}

@media(max-width:1080px) {
  .sp-home-inspired {min-height:auto;padding-top:118px;padding-bottom:96px}
}
@media(max-width:620px) {
  .sp-home-inspired {padding-top:104px;padding-bottom:84px}
}

/* ------------------------------------------------------------------
   Трастовая панель первого экрана: рейтинги в фирменном виде площадок,
   факты отдельной полосой. Сетка своя, без зависимости от сборки Tailwind.
   ------------------------------------------------------------------ */
.sp-trust {
  display: grid;
  gap: 10px;
  width: min(1020px,100%);
  margin: 44px auto 0;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 26px;
  background: rgba(255,255,255,.03);
}
.sp-trust__ratings {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}
.sp-trust__card {
  display: grid;
  gap: 13px;
  align-content: center;
  padding: 16px 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(2,6,23,.5);
  text-decoration: none;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}
.sp-trust__card:hover {
  border-color: rgba(249,115,22,.45);
  background: rgba(2,6,23,.72);
  transform: translateY(-2px);
}
.sp-trust__card:focus-visible {
  outline: 3px solid #fb923c;
  outline-offset: 3px;
}
.sp-trust__brand {
  display: flex;
  align-items: center;
  gap: 9px;
}
.sp-trust__brand b {
  color: #f8fafc;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: -.015em;
}
.sp-trust__logo {
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 7px;
}
.sp-trust__logo.is-tp {
  background: #00b67a;
  color: #fff;
}
.sp-trust__logo.is-tp svg {
  width: 15px;
  height: 15px;
}
.sp-trust__logo.is-clutch {
  border: 1px solid rgba(255,255,255,.16);
  background: #17181c;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}
.sp-trust__row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sp-trust__stars {
  display: flex;
  gap: 3px;
}
.sp-trust__stars i {
  display: block;
  width: 19px;
  height: 19px;
}
/* Trustpilot: зелёные квадраты с белой звездой, последний наполовину */
.sp-trust__stars.is-tp i {
  border-radius: 4px;
  background-color: #00b67a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2l2.8 6.4 7 .6-5.3 4.6 1.6 6.8-6.1-3.6-6.1 3.6 1.6-6.8L2.2 9l7-.6L12 2z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 72%;
}
.sp-trust__stars.is-tp i.is-half {
  background-color: transparent;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2l2.8 6.4 7 .6-5.3 4.6 1.6 6.8-6.1-3.6-6.1 3.6 1.6-6.8L2.2 9l7-.6L12 2z'/%3E%3C/svg%3E"),
    linear-gradient(90deg,#00b67a 0 50%,rgba(148,163,184,.3) 50% 100%);
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-size: 72%, 100%;
}
/* Clutch: красные звёзды */
.sp-trust__stars.is-clutch i {
  background: #ff3d2e;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.8 6.4 7 .6-5.3 4.6 1.6 6.8-6.1-3.6-6.1 3.6 1.6-6.8L2.2 9l7-.6L12 2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.8 6.4 7 .6-5.3 4.6 1.6 6.8-6.1-3.6-6.1 3.6 1.6-6.8L2.2 9l7-.6L12 2z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.sp-trust__score {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin-left: auto;
}
.sp-trust__score b {
  color: #fff;
  font-size: 20px;
  font-weight: 780;
  letter-spacing: -.03em;
}
.sp-trust__score small {
  color: #8d99ac;
  font-size: 11px;
  font-weight: 650;
}
.sp-trust__facts {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
}
.sp-trust__facts span {
  display: flex;
  align-items: center;
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background: rgba(255,255,255,.03);
  color: #c3cddb;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .045em;
  line-height: 1.3;
  text-transform: uppercase;
}

@media(max-width:900px) {
  .sp-trust {margin-top:34px;padding:10px;border-radius:22px}
  .sp-trust__facts {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px) {
  .sp-trust__ratings {grid-template-columns:1fr}
  .sp-trust__card {padding:14px 16px;gap:11px}
  .sp-trust__facts {grid-template-columns:1fr}
  .sp-trust__facts span {font-size:10px;padding:8px 12px}
  .sp-trust__stars i {width:17px;height:17px}
  .sp-trust__score b {font-size:18px}
}
@media(prefers-reduced-motion:reduce) {
  .sp-trust__card {transition:none}
  .sp-trust__card:hover {transform:none}
}

/* Карточки рейтингов компактнее: фиксированные 300px и по центру полосы */
.sp-trust {
  width: min(960px,100%);
}
.sp-trust__ratings {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.sp-trust__card {
  width: min(300px,100%);
  gap: 10px;
  padding: 14px 16px;
}
.sp-trust__stars i {
  width: 17px;
  height: 17px;
}
.sp-trust__score b {
  font-size: 18px;
}

@media(max-width:620px) {
  .sp-trust__card {width:100%}
}

/* ------------------------------------------------------------------
   Живой фон первого экрана: летящие световые лучи, дрейф пятен,
   зерно и подсветка за курсором. Композиция и цвета прежние.
   ------------------------------------------------------------------ */

/* Зерно: тёмная поверхность перестаёт быть плоской заливкой */
.sp-home-inspired::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .55;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");
}

/* Подсветка за курсором */
.sp-hero-spot {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(620px circle at var(--sp-x,50%) var(--sp-y,40%), rgba(249,115,22,.13), rgba(37,99,235,.06) 42%, transparent 66%);
  transition: opacity .6s ease;
}
.sp-hero-spot.is-on {
  opacity: 1;
}

/* На мобильных слои неподвижны: анимация размытых пятен дорога по батарее */
@media(max-width:900px) {
  .sp-hero-spot, .sp-hero-beams {display: none}
  .sp-home-inspired::after {opacity: .45}
}
@media(pointer: coarse) {
  .sp-hero-spot {display: none}
}

/* ------------------------------------------------------------------
   Плотный живой фон: вертикальные и горизонтальные лучи, пылинки,
   пульсирующие узлы. Позиции и периоды приходят из разметки в --d/--t.
   ------------------------------------------------------------------ */
.sp-hero-beams,
.sp-hero-hbeams,
.sp-hero-dust,
.sp-hero-nodes {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
.sp-hero-beams,
.sp-hero-hbeams,
.sp-hero-dust {
  -webkit-mask-image: linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%);
  mask-image: linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%);
}

/* Вертикальные лучи */
.sp-hero-beams i {
  position: absolute;
  top: -40vh;
  width: 1px;
  height: 38vh;
  opacity: 0;
  background: linear-gradient(180deg,transparent,rgba(251,146,60,.5),rgba(255,255,255,.85),transparent);
  box-shadow: 0 0 16px rgba(251,146,60,.55);
}
.sp-hero-beams i.is-dim {
  height: 26vh;
  background: linear-gradient(180deg,transparent,rgba(251,146,60,.26),rgba(255,255,255,.4),transparent);
  box-shadow: 0 0 10px rgba(251,146,60,.28);
}
.sp-hero-beams i.is-blue {
  background: linear-gradient(180deg,transparent,rgba(96,165,250,.45),rgba(255,255,255,.8),transparent);
  box-shadow: 0 0 16px rgba(96,165,250,.5);
}

/* Горизонтальные лучи: вторая ось движения */
.sp-hero-hbeams i {
  position: absolute;
  left: -34vw;
  width: 32vw;
  height: 1px;
  opacity: 0;
  background: linear-gradient(90deg,transparent,rgba(148,197,255,.3),rgba(255,255,255,.55),transparent);
  box-shadow: 0 0 12px rgba(96,165,250,.3);
}

/* Пылинки, всплывающие снизу */
.sp-hero-dust i {
  position: absolute;
  top: 100%;
  width: var(--s,2px);
  height: var(--s,2px);
  border-radius: 50%;
  background: rgba(226,232,240,.85);
  box-shadow: 0 0 8px rgba(148,163,184,.55);
  opacity: 0;
}

/* Узлы: точки, которые периодически загораются */
.sp-hero-nodes i {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(251,146,60,.8);
  box-shadow: 0 0 10px rgba(251,146,60,.7);
}
.sp-hero-nodes i::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px;
  border: 1px solid rgba(251,146,60,.55);
  border-radius: 50%;
  opacity: 0;
}

@media(prefers-reduced-motion: no-preference) and (min-width: 901px) {
  .sp-glow-orange {animation: sp-drift-a 17s ease-in-out infinite alternate}
  .sp-glow-blue {animation: sp-drift-b 23s ease-in-out infinite alternate}
  .sp-hero-beams i,
  .sp-hero-hbeams i,
  .sp-hero-dust i,
  .sp-hero-nodes i::after {
    animation-duration: var(--d,10s);
    animation-delay: var(--t,0s);
    animation-iteration-count: infinite;
  }
  .sp-hero-beams i {animation-name: sp-beam; animation-timing-function: linear}
  .sp-hero-hbeams i {animation-name: sp-hbeam; animation-timing-function: linear}
  .sp-hero-dust i {animation-name: sp-dust; animation-timing-function: linear}
  .sp-hero-nodes i::after {animation-name: sp-node; animation-timing-function: ease-out}

  @keyframes sp-beam {
    0% {transform: translate3d(0,0,0); opacity: 0}
    6% {opacity: 1}
    72% {opacity: 1}
    100% {transform: translate3d(0,185vh,0); opacity: 0}
  }
  @keyframes sp-hbeam {
    0% {transform: translate3d(0,0,0); opacity: 0}
    10% {opacity: 1}
    76% {opacity: 1}
    100% {transform: translate3d(180vw,0,0); opacity: 0}
  }
  @keyframes sp-dust {
    0% {transform: translate3d(0,0,0); opacity: 0}
    12% {opacity: .85}
    76% {opacity: .6}
    100% {transform: translate3d(var(--x,0),-118vh,0); opacity: 0}
  }
  @keyframes sp-node {
    0% {transform: scale(.4); opacity: 0}
    18% {opacity: .75}
    100% {transform: scale(1.9); opacity: 0}
  }
}

@media(max-width:900px) {
  .sp-hero-beams, .sp-hero-hbeams, .sp-hero-dust, .sp-hero-nodes, .sp-hero-spot {display: none}
}

@media(prefers-reduced-motion: no-preference) and (min-width: 901px) {
  @keyframes sp-drift-a {
    from {transform: translate3d(-90px,-40px,0) scale(1)}
    to {transform: translate3d(120px,90px,0) scale(1.25)}
  }
  @keyframes sp-drift-b {
    from {transform: translate3d(80px,50px,0) scale(1.15)}
    to {transform: translate3d(-110px,-70px,0) scale(.88)}
  }
}

/* Три контура влияния: цветовая шкала от чужого к своему.
   Чем больше контроля, тем теплее слой — раньше два внешних были почти одинаковыми. */
.sp-turf__layer.is-foreign {
  border-color: #b9cbe2;
  background: #dbe6f4;
}
.sp-turf__layer.is-foreign > .sp-turf__layer-head .sp-turf__tag {color: #2f4f7d}
.sp-turf__layer.is-foreign > .sp-turf__layer-head .sp-turf__ctrl {color: #46618c}
.sp-turf__layer.is-foreign > .sp-turf__layer-head i {
  background: repeating-linear-gradient(90deg,#9db4d1 0 3px,transparent 3px 7px);
}
.sp-turf__layer.is-foreign > .sp-turf__plat span {
  border-color: #aec3dc;
  background: rgba(255,255,255,.82);
  color: #3a5680;
}
.sp-turf__layer.is-shared {
  border-color: #f0d3ad;
  background: #fbe9d4;
}
.sp-turf__layer.is-shared > .sp-turf__layer-head .sp-turf__tag {color: #8a561a}
.sp-turf__layer.is-shared > .sp-turf__layer-head .sp-turf__ctrl {color: #9a6b28}
.sp-turf__layer.is-shared > .sp-turf__layer-head i {
  background: repeating-linear-gradient(90deg,#dcbb92 0 3px,transparent 3px 7px);
}
.sp-turf__layer.is-shared > .sp-turf__plat span {
  border-color: #eccea4;
  background: rgba(255,255,255,.88);
  color: #7c521c;
}
.sp-turf__layer.is-own {
  border: 1px solid #fb923c;
  box-shadow: 0 18px 40px -26px rgba(249,115,22,.85);
}
.sp-turf__layer.is-own > .sp-turf__layer-head i {
  background: repeating-linear-gradient(90deg,#fbbf24 0 3px,transparent 3px 7px);
}

/* Карточки рейтингов в одну строку: логотип, название, звёзды и оценка.
   Двухрядная раскладка оставляла внутри много пустого места. */
.sp-trust__card {
  display: flex;
  width: min(268px,100%);
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 14px;
}
.sp-trust__brand {
  gap: 7px;
}
.sp-trust__brand b {
  font-size: 12.5px;
}
.sp-trust__logo {
  width: 21px;
  height: 21px;
  border-radius: 6px;
}
.sp-trust__logo.is-tp svg {
  width: 13px;
  height: 13px;
}
.sp-trust__logo.is-clutch {
  font-size: 11px;
}
.sp-trust__row {
  margin-left: auto;
  gap: 9px;
}
.sp-trust__stars {
  gap: 2px;
}
.sp-trust__stars i {
  width: 14px;
  height: 14px;
}
.sp-trust__score b {
  font-size: 15px;
}
.sp-trust__score small {
  display: none;
}
.sp-trust {
  padding: 10px;
}
.sp-trust__ratings {
  gap: 10px;
}

/* Карточки кейсов компактнее: убран лишний воздух между подписью и цифрой */
.sp-case-grid a {
  min-height: 0;
  padding: 24px 26px;
}
.sp-case-grid strong {
  margin-top: 18px;
  font-size: 38px;
}
.sp-case-grid i {
  margin-top: 18px;
}

/* Финал и форма читаются одним экраном, а не двумя блоками через шов */
.sp-final {
  padding: 84px 0 26px;
}
.sp-form-shell #form {
  padding-top: 6px !important;
}

/* Появление карточек при прокрутке: только когда движение не отключено.
   Класс вешает скрипт — без JS всё видно сразу. */
@media(prefers-reduced-motion: no-preference) {
  .sp-reveal {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .55s ease, transform .55s cubic-bezier(.22,.68,.32,1);
    transition-delay: var(--rv,0s);
  }
  .sp-reveal.is-in {
    opacity: 1;
    transform: none;
  }
}

/* Контуры влияния как светофор риска: чем меньше контроля, тем тревожнее слой.
   Красный: сделку решают без вас. Янтарный: правила задаёт площадка. Зелёный: под контролем. */
.sp-turf__layer.is-foreign {
  border-color: #f3c1b8;
  background: #fdeae6;
}
.sp-turf__layer.is-foreign > .sp-turf__layer-head .sp-turf__tag {color: #b3362a}
.sp-turf__layer.is-foreign > .sp-turf__layer-head i {
  background: repeating-linear-gradient(90deg,#e2a89e 0 3px,transparent 3px 7px);
}
.sp-turf__layer.is-foreign > .sp-turf__plat span {
  border-color: #efc4bb;
  background: rgba(255,255,255,.85);
  color: #9a3d31;
}
.sp-turf__layer.is-shared > .sp-turf__layer-head .sp-turf__tag {color: #92610f}

/* Уровень контроля: из серой подписи в плашку-индикатор */
.sp-turf__ctrl {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.sp-turf__ctrl::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: currentColor;
}
.sp-turf__layer.is-foreign > .sp-turf__layer-head .sp-turf__ctrl {
  border: 1px solid #f0b6ac;
  background: #fff;
  color: #c2382a;
  box-shadow: 0 0 0 4px rgba(220,68,50,.07);
}
.sp-turf__layer.is-shared > .sp-turf__layer-head .sp-turf__ctrl {
  border: 1px solid #ecca94;
  background: #fff;
  color: #a16207;
}
.sp-turf__layer.is-own > .sp-turf__layer-head .sp-turf__ctrl {
  border: 1px solid #a7e3c3;
  background: #ecfdf5;
  color: #047857;
}

/* Строка риска: что теряет бизнес в этом контуре */
.sp-turf__risk {
  display: flex;
  align-items: baseline;
  gap: 9px;
  max-width: 62ch;
  margin: 14px 0 0;
  font-size: 13px;
  line-height: 1.5;
}
.sp-turf__risk b {
  flex: 0 0 auto;
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.sp-turf__layer.is-foreign > .sp-turf__risk {color: #8c3a2f}
.sp-turf__layer.is-foreign > .sp-turf__risk b {color: #c2382a}
.sp-turf__layer.is-shared > .sp-turf__risk {color: #7d5a1d}
.sp-turf__layer.is-shared > .sp-turf__risk b {color: #a16207}
.sp-turf__layer.is-own > .sp-turf__risk {color: #3f6212}
.sp-turf__layer.is-own > .sp-turf__risk b {color: #047857}

@media(max-width:760px) {
  .sp-turf__ctrl {padding:5px 10px;font-size:10px}
  .sp-turf__risk {font-size:12.5px}
}

/* Строка риска в одну строку: метка внутри текста, а не отдельной колонкой */
.sp-turf__risk {
  display: block;
  max-width: none;
}
.sp-turf__risk b {
  margin-right: 4px;
}

/* Усиление контуров: иконка уровня, шкала контроля в бейдже, цветовое ребро слева */
.sp-turf__name {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sp-turf__ico {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 13px;
}
.sp-turf__ico svg {
  width: 21px;
  height: 21px;
}
.sp-turf__layer.is-foreign > .sp-turf__name .sp-turf__ico {
  background: #f6d3cc;
  color: #b3362a;
  box-shadow: 0 0 0 5px rgba(220,68,50,.08);
}
.sp-turf__layer.is-shared > .sp-turf__name .sp-turf__ico {
  background: #f3dfba;
  color: #92610f;
  box-shadow: 0 0 0 5px rgba(180,120,20,.08);
}
.sp-turf__layer.is-own > .sp-turf__name .sp-turf__ico {
  background: #d3f3e0;
  color: #047857;
  box-shadow: 0 0 0 5px rgba(5,150,105,.09);
}

/* Шкала контроля вместо точки: сколько сегментов из трёх ваши */
.sp-turf__ctrl::before {
  width: 25px;
  height: 7px;
  border-radius: 2px;
}
.sp-turf__layer.is-foreign > .sp-turf__layer-head .sp-turf__ctrl::before {
  background: linear-gradient(90deg,#c2382a 0 7px,transparent 7px 9px,#ebd6d0 9px 16px,transparent 16px 18px,#ebd6d0 18px 25px);
}
.sp-turf__layer.is-shared > .sp-turf__layer-head .sp-turf__ctrl::before {
  background: linear-gradient(90deg,#b45309 0 7px,transparent 7px 9px,#b45309 9px 16px,transparent 16px 18px,#ead8b8 18px 25px);
}
.sp-turf__layer.is-own > .sp-turf__layer-head .sp-turf__ctrl::before {
  background: linear-gradient(90deg,#059669 0 7px,transparent 7px 9px,#059669 9px 16px,transparent 16px 18px,#059669 18px 25px);
}

/* Ребро слева: аварийная лента у красной зоны, ровный цвет у остальных */
.sp-turf__layer::after {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  width: 4px;
  border-radius: 0 4px 4px 0;
  pointer-events: none;
}
.sp-turf__layer.is-foreign::after {
  background: repeating-linear-gradient(135deg,#d24a3a 0 7px,#f2b9af 7px 14px);
}
.sp-turf__layer.is-shared::after {
  background: #d99a2b;
  opacity: .75;
}
.sp-turf__layer.is-own::after {
  background: #10b981;
}

@media(max-width:760px) {
  .sp-turf__ico {width:34px;height:34px;border-radius:11px}
  .sp-turf__ico svg {width:18px;height:18px}
  .sp-turf__name {gap:10px}
}

/* ------------------------------------------------------------------
   Второй слой жизни фона: аврора, сетка у курсора, комета, параллакс.
   ------------------------------------------------------------------ */
/* Подсветка теперь включается классом на секции, переменные тоже на ней */
.sp-home-inspired.is-live .sp-hero-spot {
  opacity: 1;
}

/* Сетка, проявляющаяся у курсора: копия сетки ярче, видна только вокруг мыши */
.sp-hero-grid--live {
  opacity: 0;
  background-image:
    linear-gradient(rgba(251,146,60,.28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(251,146,60,.28) 1px, transparent 1px);
  background-size: 24px 24px;
  -webkit-mask-image: radial-gradient(230px circle at var(--sp-x,50%) var(--sp-y,40%), #000 0%, transparent 72%);
  mask-image: radial-gradient(230px circle at var(--sp-x,50%) var(--sp-y,40%), #000 0%, transparent 72%);
  transition: opacity .5s ease;
}
.sp-home-inspired.is-live .sp-hero-grid--live {
  opacity: 1;
}

/* Аврора: две широкие размытые ленты, вращающиеся навстречу друг другу */
.sp-hero-aurora {
  position: absolute;
  inset: -30% -12% auto;
  z-index: -1;
  height: 82%;
  overflow: visible;
  pointer-events: none;
  opacity: .8;
  -webkit-mask-image: linear-gradient(to bottom,#000 42%,transparent 96%);
  mask-image: linear-gradient(to bottom,#000 42%,transparent 96%);
}
.sp-hero-aurora i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 130vw;
  height: 130vw;
  margin: -65vw 0 0 -65vw;
  border-radius: 50%;
  background: conic-gradient(from 0deg,transparent 0 14%,rgba(249,115,22,.10) 22%,rgba(251,191,36,.05) 32%,transparent 40%,rgba(37,99,235,.09) 58%,rgba(147,197,253,.04) 66%,transparent 74%);
  filter: blur(58px);
}
.sp-hero-aurora i:nth-child(2) {
  background: conic-gradient(from 140deg,transparent 0 18%,rgba(37,99,235,.08) 27%,transparent 38%,rgba(249,115,22,.07) 55%,transparent 66%);
  filter: blur(74px);
}

/* Комета: редкий штрих с хвостом по диагонали */
.sp-hero-comet {
  position: absolute;
  left: -12%;
  top: 12%;
  z-index: -1;
  width: 190px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg,transparent,rgba(251,191,36,.4),#fff);
  box-shadow: 0 0 14px rgba(251,191,36,.6), 0 0 40px rgba(249,115,22,.3);
  opacity: 0;
  pointer-events: none;
  transform: rotate(16deg);
}

@media(prefers-reduced-motion: no-preference) and (min-width: 901px) {
  .sp-hero-aurora i {animation: sp-aurora 46s linear infinite}
  .sp-hero-aurora i:nth-child(2) {animation: sp-aurora-r 61s linear infinite}
  .sp-hero-comet {animation: sp-comet 24s ease-in 6s infinite}
  @keyframes sp-aurora {to {transform: rotate(1turn)}}
  @keyframes sp-aurora-r {to {transform: rotate(-1turn)}}
  @keyframes sp-comet {
    0% {transform: rotate(16deg) translate3d(0,0,0); opacity: 0}
    2% {opacity: 1}
    7% {transform: rotate(16deg) translate3d(120vw,0,0); opacity: 0}
    100% {transform: rotate(16deg) translate3d(120vw,0,0); opacity: 0}
  }
  /* Параллакс: слои уезжают с разной скоростью при прокрутке */
  .sp-hero-grid {transform: translate3d(0,calc(var(--pr,0px) * .12),0)}
  .sp-hero-aurora {transform: translate3d(0,calc(var(--pr,0px) * .2),0)}
  .sp-hero-beams {transform: translate3d(0,calc(var(--pr,0px) * .28),0)}
  .sp-hero-dust {transform: translate3d(0,calc(var(--pr,0px) * .38),0)}
  .sp-hero-nodes {transform: translate3d(0,calc(var(--pr,0px) * .22),0)}
}

@media(max-width:900px) {
  .sp-hero-grid--live, .sp-hero-comet {display: none}
  .sp-hero-aurora {opacity: .55}
}

/* Тёмная шапка переехала в header.php: она нужна на всех страницах,
   а не только здесь, и держать её в одном месте проще. */


/* ------------------------------------------------------------------
   Search Presence: следующая секция (.sp-lost-deal) намеренно наезжает
   на первый экран сверху на 40px, поэтому её край было видно до линии
   сгиба и первый экран казался ниже окна. Добавляем эти 40px к высоте
   первого экрана, чтобы видимый стык совпал с нижней границей окна —
   как на странице ORM, где следующая секция идёт без перекрытия.
   Селектор бьёт только по search-presence: её main имеет класс sp-page,
   у ORM это rh-page. Правило живёт внутри того же брейкпоинта, в котором
   первый экран вообще растягивается на высоту окна.
   ------------------------------------------------------------------ */
@media(min-width:1081px) {
  .sp-page > .sp-home-inspired {
    min-height: 100vh;
    min-height: 100svh;
  }
  /* Плюс 40px нужны только там, где следующая секция намеренно наезжает
     на первый экран (.sp-lost-deal с margin-top:-40px). На страницах услуг
     без такого наезда лишняя высота уводила бы стык под сгиб. */
  .sp-page > .sp-home-inspired:has(+ .sp-lost-deal) {
    min-height: calc(100vh + 40px);
    min-height: calc(100svh + 40px);
  }
}

/* ==================================================================
   ГЛАВНАЯ СТРАНИЦА (/ru/, /ua/, /en/)
   Блоки ниже используются только на главной. Первый экран, тёмная
   панель, цены, кейсы, команда, FAQ и футер-CTA переиспользуются
   со страницы Search Presence и своих стилей не требуют.
   ================================================================== */

/* --- Что клиент проверяет до контакта. Живёт внутри тёмной панели --- */
.sp-scan__grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sp-scan__card {
  display: flex;
  flex-direction: column;
  padding: 26px 22px 24px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 22px;
  background: rgba(255,255,255,.045);
}
.sp-scan__num {
  margin-bottom: 18px;
  color: rgba(148,163,184,.5);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
}
.sp-scan__card h3 {
  margin: 0;
  color: #f8fafc;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.025em;
}
.sp-scan__query {
  margin: 12px 0 0;
  color: #fdba74;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}
.sp-scan__take {
  margin: 14px 0 0;
  color: #9fabbd;
  font-size: 14px;
  line-height: 1.6;
}
.sp-scan__note {
  max-width: 780px;
  margin: 26px 0 0;
  padding-left: 18px;
  border-left: 2px solid rgba(249,115,22,.55);
  color: #cbd5e1;
  font-size: 15px;
  line-height: 1.65;
}

/* --- Разница в подходе: как покупают обычно и как работаем мы --- */
.sp-vs__grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  align-items: start;
}
.sp-vs__col {
  padding: 30px 28px 28px;
  border: 1px solid #d7e0e8;
  border-radius: 26px;
  background: #fff;
}
.sp-vs__col.is-usual {
  border-style: dashed;
  border-color: #c8d2dd;
  background: #f4f6f9;
}
.sp-vs__col.is-us {
  border-color: #fbcfa4;
  box-shadow: 0 26px 60px -44px rgba(124,45,18,.5);
}
.sp-vs__tag {
  display: inline-flex;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.sp-vs__col.is-usual .sp-vs__tag {
  background: #e2e8f0;
  color: #64748b;
}
.sp-vs__col.is-us .sp-vs__tag {
  background: #fff1e4;
  color: #c2410c;
}
.sp-vs__head h3 {
  margin: 14px 0 0;
  font-size: 25px;
  font-weight: 740;
  line-height: 1.2;
  letter-spacing: -.035em;
}
.sp-vs__col.is-usual .sp-vs__head h3 {color: #57657a}
.sp-vs__list {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}
.sp-vs__list li {
  position: relative;
  padding: 12px 0 12px 34px;
  border-top: 1px solid rgba(148,163,184,.22);
  font-size: 15px;
  line-height: 1.55;
}
.sp-vs__list li:first-child {border-top: 0}
.sp-vs__list li::before {
  position: absolute;
  left: 0;
  top: 12px;
  display: grid;
  width: 21px;
  height: 21px;
  place-items: center;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}
.sp-vs__col.is-usual .sp-vs__list li {color: #64748b}
.sp-vs__col.is-usual .sp-vs__list li::before {
  content: "×";
  background: #dfe5ec;
  color: #7d8b9d;
}
.sp-vs__col.is-us .sp-vs__list li {color: #334155}
.sp-vs__col.is-us .sp-vs__list li::before {
  content: "✓";
  background: #fff1e4;
  color: #ea580c;
}

/* --- Три комплексные программы: центральный блок страницы --- */
.sp-tri__grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
  align-items: stretch;
}
.sp-tri__card {
  display: flex;
  flex-direction: column;
  padding: 30px 26px 26px;
  border: 1px solid #d7e0e8;
  border-radius: 28px;
  background: #fff;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.sp-tri__card:hover {
  transform: translateY(-4px);
  border-color: #fbcfa4;
  box-shadow: 0 30px 66px -46px rgba(124,45,18,.55);
}
.sp-tri__card.is-featured {
  border-color: #f9a45c;
  box-shadow: 0 26px 60px -44px rgba(124,45,18,.45);
}
.sp-tri__label {
  color: #c2410c;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.sp-tri__name {
  margin: 14px 0 0;
  font-size: 27px;
  font-weight: 760;
  line-height: 1.14;
  letter-spacing: -.04em;
}
.sp-tri__symptom {
  margin: 16px 0 0;
  padding: 14px 16px;
  border-radius: 16px;
  background: #f6f8fb;
  color: #475569;
  font-size: 15px;
  font-style: italic;
  line-height: 1.5;
}
.sp-tri__do {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.sp-tri__do li {
  position: relative;
  padding: 9px 0 9px 22px;
  color: #334155;
  font-size: 15px;
  line-height: 1.55;
}
.sp-tri__do li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sp-orange);
}
.sp-tri__foot {
  margin-top: auto;
  padding-top: 22px;
}
.sp-tri__cta {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #ea580c;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
  transition: gap .2s ease;
}
.sp-tri__cta:hover {gap: 14px}
.sp-tri__tools {
  margin: 14px 0 0;
  padding-top: 14px;
  border-top: 1px solid #e6ebf2;
  color: #7c8899;
  font-size: 12px;
  line-height: 1.5;
}
.sp-tri__tools span {
  display: block;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sp-tri__note {
  max-width: 820px;
  margin: 26px auto 0;
  color: var(--sp-muted);
  font-size: 15px;
  line-height: 1.65;
  text-align: center;
}

/* --- Многовекторность: путь клиента и программы поверх него --- */
.sp-mesh__track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sp-mesh__track::before {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  top: 34px;
  height: 2px;
  background: linear-gradient(90deg,rgba(249,115,22,.15),rgba(249,115,22,.6),rgba(249,115,22,.15));
}
.sp-mesh__stage {
  position: relative;
  padding: 0 14px;
}
.sp-mesh__step {
  position: relative;
  z-index: 1;
  display: grid;
  width: 46px;
  height: 46px;
  margin-bottom: 26px;
  place-items: center;
  border: 1px solid rgba(249,115,22,.45);
  border-radius: 50%;
  background: #101c2f;
  color: #fdba74;
  font-size: 13px;
  font-weight: 800;
}
.sp-mesh__stage h3 {
  margin: 0;
  color: #f8fafc;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.025em;
}
.sp-mesh__stage p {
  margin: 10px 0 0;
  color: #9fabbd;
  font-size: 14px;
  line-height: 1.6;
}
.sp-mesh__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 16px;
}
.sp-mesh__tags span {
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 750;
}
.sp-mesh__tags .is-r {background: rgba(248,113,113,.14); color: #fca5a5}
.sp-mesh__tags .is-s {background: rgba(96,165,250,.14); color: #93c5fd}
.sp-mesh__tags .is-c {background: rgba(52,211,153,.14); color: #6ee7b7}
.sp-mesh__notes {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin-top: 40px;
  padding-top: 34px;
  border-top: 1px solid rgba(148,163,184,.18);
}
.sp-mesh__notes b {
  display: block;
  color: #f8fafc;
  font-size: 16px;
  font-weight: 740;
  letter-spacing: -.02em;
}
.sp-mesh__notes p {
  margin: 9px 0 0;
  color: #9fabbd;
  font-size: 14px;
  line-height: 1.6;
}

/* --- Кому подходит: ниши в единой гамме --- */
.sp-who__grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}
.sp-who__card {
  padding: 26px 24px 24px;
  border: 1px solid #d7e0e8;
  border-radius: 24px;
  background: #fff;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.sp-who__card:hover {
  transform: translateY(-3px);
  border-color: #fbcfa4;
  box-shadow: 0 26px 56px -44px rgba(124,45,18,.5);
}
.sp-who__card.is-agency {
  border-style: dashed;
  background: #fffaf4;
}
.sp-who__tag {
  display: inline-flex;
  padding: 6px 12px;
  border-radius: 999px;
  background: #fff1e4;
  color: #c2410c;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.sp-who__card h3 {
  margin: 16px 0 0;
  font-size: 21px;
  font-weight: 730;
  line-height: 1.2;
  letter-spacing: -.03em;
}
.sp-who__card p {
  margin: 11px 0 0;
  color: var(--sp-muted);
  font-size: 15px;
  line-height: 1.6;
}

/* --- Отзывы клиентов со скриншотами оригинала --- */
/* Отзывы листаются слайдером: на тач-устройствах свайпом, на десктопе
   стрелками и точками. Прокрутка нативная, со снапом по слайду.
   Скриншот показываем целиком: обрезка (object-fit:cover) здесь недопустима,
   от отзыва остаётся середина строк без начала и конца. */
.sp-review__slider {
  position: relative;
}
.sp-review__viewport {
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 26px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sp-review__viewport::-webkit-scrollbar {display: none}
.sp-review__viewport:focus-visible {
  outline: 3px solid #fb923c;
  outline-offset: 4px;
}
.sp-review__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
}
.sp-review__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 24px;
}
.sp-review__arrow {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid #d7e0e8;
  border-radius: 50%;
  background: #fff;
  color: #0f172a;
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease, opacity .2s ease;
}
.sp-review__arrow:hover:not(:disabled) {
  border-color: #f9a45c;
  color: #ea580c;
}
.sp-review__arrow:disabled {
  opacity: .32;
  cursor: default;
}
.sp-review__arrow:focus-visible {
  outline: 3px solid #fb923c;
  outline-offset: 3px;
}
.sp-review__dots {
  display: flex;
  gap: 8px;
}
.sp-review__dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #cbd5e1;
  cursor: pointer;
  transition: width .25s ease, background .25s ease;
}
.sp-review__dot.is-on {
  width: 28px;
  background: var(--sp-orange-dark);
}
.sp-review__dot:focus-visible {
  outline: 3px solid #fb923c;
  outline-offset: 3px;
}
@media(prefers-reduced-motion: reduce) {
  .sp-review__viewport {scroll-behavior: auto}
}
.sp-review__card {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: grid;
  grid-template-columns: minmax(0,540px) minmax(0,1fr);
  overflow: hidden;
  border: 1px solid #d7e0e8;
  border-radius: 26px;
  background: #fff;
}
.sp-review__proof {
  position: relative;
  display: block;
  overflow: hidden;
  border-right: 1px solid #e6ebf2;
  background: #f4f6f9;
  text-decoration: none;
}
.sp-review__proof img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.sp-review__bar {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(7,16,31,.78);
  color: #fff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.sp-review__bar b {font-size: 11px; font-weight: 800}
.sp-review__bar small {color: #b6c1d0; font-size: 10px}
.sp-review__open {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 26px 14px 13px;
  background: linear-gradient(180deg,transparent,rgba(7,16,31,.9));
  color: #fff;
  font-size: 11px;
  font-weight: 750;
  text-align: center;
}
.sp-review__body {padding: 26px 26px 24px}
.sp-review__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  justify-content: space-between;
}
.sp-review__rate {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.sp-review__rate i {
  color: #f59e0b;
  font-size: 14px;
  font-style: normal;
  letter-spacing: .08em;
}
.sp-review__rate i em {color: #dfe5ec; font-style: normal}
.sp-review__rate b {font-size: 14px; font-weight: 800}
.sp-review__who {text-align: right}
.sp-review__who strong {display: block; font-size: 14px; font-weight: 750}
.sp-review__who small {color: #7c8899; font-size: 12px}
.sp-review__tag {
  display: inline-flex;
  margin-top: 16px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: 11px;
  font-weight: 750;
}
.sp-review__result {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  align-items: baseline;
  margin-top: 16px;
  padding: 13px 16px;
  border-radius: 15px;
  background: #fff1e4;
}
.sp-review__result strong {
  color: #c2410c;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.sp-review__result i {font-style: normal}
.sp-review__result span {color: #9a5330; font-size: 12px}
.sp-review__body h3 {
  margin: 18px 0 0;
  font-size: 20px;
  font-weight: 740;
  line-height: 1.25;
  letter-spacing: -.03em;
}
.sp-review__body > p {
  margin: 11px 0 0;
  color: var(--sp-muted);
  font-size: 14px;
  line-height: 1.65;
}
.sp-review__note {
  margin-top: 16px !important;
  padding: 13px 15px;
  border-left: 3px solid #34d399;
  border-radius: 0 13px 13px 0;
  background: #f2fbf7;
  color: #3f6b58 !important;
  font-size: 13px !important;
}
.sp-review__note.is-honest {
  border-left-color: #fbbf24;
  background: #fffaf0;
  color: #7a6234 !important;
}
.sp-review__note b {color: inherit}

/* --- Адаптив главной --- */
@media(max-width:1040px) {
  .sp-scan__grid {grid-template-columns: repeat(2,minmax(0,1fr))}
  .sp-tri__grid {grid-template-columns: 1fr; max-width: 620px; margin-inline: auto}
  .sp-mesh__track {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 14px}
  .sp-mesh__track::before {display: none}
  .sp-mesh__notes {grid-template-columns: 1fr}
  .sp-who__grid {grid-template-columns: repeat(2,minmax(0,1fr))}
  .sp-review__card {grid-template-columns: minmax(0,380px) minmax(0,1fr)}
}
@media(max-width:900px) {
  .sp-vs__grid {grid-template-columns: 1fr}
  .sp-vs__col {padding: 26px 22px 24px}
  /* Узкая колонка сплющила бы скриншот до нечитаемого: уводим его наверх во всю ширину */
  .sp-review__card {grid-template-columns: 1fr}
  .sp-review__proof {border-right: 0; border-bottom: 1px solid #e6ebf2}
  .sp-review__body {padding: 22px}
}
@media(max-width:620px) {
  .sp-scan__grid {grid-template-columns: 1fr}
  .sp-scan__card {padding: 22px 19px 20px}
  .sp-scan__card h3 {font-size: 18px}
  .sp-scan__note {font-size: 14px}
  .sp-vs__head h3 {font-size: 22px}
  .sp-vs__list li {font-size: 14px; padding-left: 30px}
  .sp-tri__card {padding: 26px 21px 22px}
  .sp-tri__name {font-size: 24px}
  .sp-tri__symptom {font-size: 14px}
  .sp-tri__do li {font-size: 14px}
  .sp-tri__note {font-size: 14px; text-align: left}
  .sp-mesh__track {grid-template-columns: 1fr; gap: 26px}
  .sp-mesh__step {width: 40px; height: 40px; margin-bottom: 18px}
  .sp-mesh__stage {padding: 0}
  .sp-who__grid {grid-template-columns: 1fr}
  .sp-who__card {padding: 22px 19px 20px}
  .sp-who__card h3 {font-size: 19px}
  .sp-review__who {text-align: left}
  .sp-review__body h3 {font-size: 18px}
}

/* ------------------------------------------------------------------
   Три двери на первом экране главной (.sp-doors).
   Каждая плитка отвечает одному глаголу из заголовка и ведёт на свою
   программу: посетитель с конкретной болью попадает туда сразу, не
   пролистывая страницу до блока с программами.
   ------------------------------------------------------------------ */
.sp-doors {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 34px;
}
.sp-doors__item {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 4px 12px;
  align-items: center;
  padding: 17px 20px;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  text-align: left;
  text-decoration: none;
  transition: transform .22s ease, border-color .22s ease, background-color .22s ease;
}
.sp-doors__item:hover {
  transform: translateY(-3px);
  border-color: rgba(251,146,60,.55);
  background: rgba(255,255,255,.085);
}
.sp-doors__when {
  grid-column: 1;
  color: #93a2b8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sp-doors__name {
  grid-column: 1;
  color: #f8fafc;
  font-size: 18px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -.025em;
}
.sp-doors__go {
  grid-column: 2;
  grid-row: 1 / span 2;
  color: #64748b;
  font-size: 17px;
  font-style: normal;
  transition: transform .22s ease, color .22s ease;
}
.sp-doors__item:hover .sp-doors__go {
  transform: translateX(3px);
  color: #fb923c;
}

@media(max-width:900px) {
  .sp-doors {grid-template-columns: 1fr; gap: 10px; margin-top: 28px}
  .sp-doors__item {padding: 15px 18px}
  .sp-doors__name {font-size: 17px}
}

/* Невысокие ноутбуки (720-840px по высоте): три двери добавили экрану
   примерно 110px, и на таких мониторах трастовая панель уезжала под сгиб.
   Поджимаем отступы и оставляем три факта из шести. Класс has-doors есть
   только у главной, поэтому страницы услуг это не затрагивает. */
@media(min-width:1081px) and (max-height:840px) {
  .sp-home-inspired.has-doors {
    padding-top: 92px;
    padding-bottom: 64px;
  }
  .sp-home-inspired.has-doors .sp-kicker {margin-bottom: 16px}
  .sp-home-inspired.has-doors h1 {font-size: clamp(32px,3.2vw,42px)}
  .sp-home-inspired.has-doors .sp-hero-line {
    margin-top: 12px;
    font-size: clamp(20px,1.9vw,25px);
  }
  .sp-home-inspired.has-doors .sp-hero-lead {
    margin-top: 14px;
    font-size: 16px;
  }
  .sp-home-inspired.has-doors .sp-actions {margin-top: 22px}
  .sp-home-inspired.has-doors .sp-btn {min-height: 50px}
  .sp-home-inspired.has-doors .sp-doors {margin-top: 20px}
  .sp-home-inspired.has-doors .sp-doors__item {padding: 13px 17px}
  .sp-home-inspired.has-doors .sp-doors__name {font-size: 16px}
  .sp-home-inspired.has-doors .sp-trust {margin-top: 20px}
  .sp-home-inspired.has-doors .sp-trust__facts span:nth-child(n+4) {display: none}
}

/* ------------------------------------------------------------------
   Блок "Когда мы не подойдём" (.sp-limits).
   Пункты были 11px серым по тёмному и читались как мелкий шрифт из
   договора. Увеличиваем текст, поднимаем контраст карточек и меняем
   маркер-дефис на понятный крестик: список говорит "нет", маркер тоже.
   Правила идут в конце файла и перекрывают базовые с тем же весом.
   ------------------------------------------------------------------ */
.sp-limits-shell {
  grid-template-columns: minmax(0,0.82fr) minmax(0,1.18fr);
  gap: 56px;
}
.sp-limits p {
  max-width: 480px;
  font-size: 17px;
}
.sp-limits ul {
  gap: 12px;
}
.sp-limits li {
  display: flex;
  gap: 13px;
  /* Карточки в строке тянутся до одной высоты, поэтому короткий пункт
     центрируем: иначе текст висел бы у верхнего края пустой карточки */
  align-items: center;
  padding: 18px 20px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 16px;
  background: rgba(255,255,255,.055);
  color: #e8edf4;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -.01em;
  transition: border-color .2s ease, background-color .2s ease;
}
.sp-limits li:hover {
  border-color: rgba(248,113,113,.5);
  background: rgba(255,255,255,.085);
}
.sp-limits li:before {
  content: "\2715";
  display: grid;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  margin: 0;
  place-items: center;
  border-radius: 50%;
  background: rgba(248,113,113,.16);
  color: #fca5a5;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

@media(max-width:1040px) {
  .sp-limits-shell {gap: 44px}
  .sp-limits li {padding: 16px 17px; font-size: 15px}
}
@media(max-width:820px) {
  .sp-limits-shell {grid-template-columns: 1fr}
  .sp-limits p {max-width: none}
}
@media(max-width:620px) {
  .sp-limits li {padding: 15px 16px; font-size: 15px}
  .sp-limits li:before {width: 20px; height: 20px; font-size: 10px}
}

/* ==================================================================
   СТРАНИЦЫ УСЛУГ В СТИЛЕ ГЛАВНОЙ (первой переведена /serm/).
   Контент страницы остался прежним, поменялась только подача:
   тот же тёмный первый экран, те же карточки и типографика, что на главной.
   ================================================================== */

/* --- Четыре решения: сетка с иконками --- */
.sp-solutions__grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
}
.sp-solutions__card {
  display: flex;
  flex-direction: column;
  padding: 28px 24px 26px;
  border: 1px solid #d7e0e8;
  border-radius: 26px;
  background: #fff;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.sp-solutions__card:hover {
  transform: translateY(-4px);
  border-color: #fbcfa4;
  box-shadow: 0 28px 62px -46px rgba(124,45,18,.55);
}
.sp-solutions__ico {
  display: grid;
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
  place-items: center;
  border-radius: 14px;
  background: #fff1e4;
  color: #ea580c;
}
.sp-solutions__card h3 {
  margin: 0;
  font-size: 19px;
  font-weight: 740;
  line-height: 1.25;
  letter-spacing: -.03em;
}
.sp-solutions__card p {
  margin: 12px 0 0;
  color: var(--sp-muted);
  font-size: 14px;
  line-height: 1.6;
}

/* --- Переключатель региона в ценах --- */
.sp-region {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 26px 0 18px;
}
.sp-region__label {
  color: #7c8899;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sp-region__switch {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 30px;
  cursor: pointer;
}
.sp-region__switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.sp-region__track {
  display: block;
  width: 54px;
  height: 30px;
  border: 1px solid #d7e0e8;
  border-radius: 999px;
  background: #eef2f7;
  transition: background .2s ease, border-color .2s ease;
}
.sp-region__track:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 8px rgba(15,23,42,.25);
  transition: transform .22s ease;
}
.sp-region__switch input:checked + .sp-region__track {
  border-color: #f9a45c;
  background: var(--sp-orange);
}
.sp-region__switch input:checked + .sp-region__track:after {transform: translateX(24px)}
.sp-region__switch input:focus-visible + .sp-region__track {
  outline: 3px solid #fb923c;
  outline-offset: 3px;
}
.sp-region__note {
  max-width: 780px;
  margin: 0 auto;
  color: var(--sp-muted);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

/* Цены двух регионов: показываем только выбранный */
.price-usa {display: none}
.is-usa .price-cis {display: none}
.is-usa .price-usa {display: block}

/* --- Карточка обязательного аудита перед стартом --- */
.sp-setup {
  max-width: 640px;
  margin: 30px auto 34px;
  padding: 26px 28px;
  border: 1px solid #fbcfa4;
  border-radius: 24px;
  background: #fff7ef;
  text-align: center;
}
.sp-setup h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 740;
  letter-spacing: -.03em;
}
.sp-setup__price {
  display: block;
  margin: 10px 0 12px;
  color: #ea580c;
  font-size: 38px;
  font-weight: 780;
  letter-spacing: -.05em;
}
.sp-setup p {
  margin: 0;
  color: #6b5647;
  font-size: 14px;
  line-height: 1.65;
}

/* --- Дополнения к карточке пакета --- */
.sp-pkg__row {
  margin-top: 12px;
  padding: 13px 15px;
  border-radius: 15px;
  background: #f6f8fb;
}
.sp-pkg__row small {
  display: block;
  margin-bottom: 5px;
  color: #7c8899;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sp-pkg__row p {
  margin: 0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
}
.sp-price__card.is-featured .sp-pkg__row {background: #fff4ea}
.sp-pkg__more {
  margin-top: 14px;
  padding: 12px 15px;
  border: 1px solid #e6ebf2;
  border-radius: 15px;
}
.sp-pkg__more summary {
  cursor: pointer;
  color: #334155;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  list-style: none;
  text-transform: uppercase;
}
.sp-pkg__more summary::-webkit-details-marker {display: none}
.sp-pkg__more summary:after {content: " \25BE"; color: #94a3b8}
.sp-pkg__more[open] summary:after {content: " \25B4"}
.sp-pkg__more ul {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.sp-pkg__more li {
  position: relative;
  padding: 7px 0 7px 18px;
  color: #475569;
  font-size: 14px;
  line-height: 1.5;
}
.sp-pkg__more li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sp-orange);
}
.sp-pkg__cta {
  width: 100%;
  margin-top: 18px;
}

/* --- Цена бездействия: тёмная панель с тремя цифрами --- */
.sp-cost {
  margin-top: 44px;
  padding: 40px 36px;
  border-radius: 30px;
  background: #101820;
  color: #fff;
}
.sp-cost__head {
  max-width: 640px;
  margin: 0 auto 28px;
  text-align: center;
}
.sp-cost__head h3 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(24px,2.6vw,30px);
  font-weight: 740;
  letter-spacing: -.035em;
}
.sp-cost__head p {
  margin: 10px 0 0;
  color: #9fabbd;
  font-size: 15px;
  line-height: 1.6;
}
.sp-cost__grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}
.sp-cost__card {
  padding: 26px 22px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 20px;
  background: rgba(255,255,255,.05);
  text-align: center;
}
.sp-cost__num {
  display: block;
  font-size: 38px;
  font-weight: 780;
  letter-spacing: -.05em;
}
.sp-cost__card.is-bad .sp-cost__num {color: #f87171}
.sp-cost__card.is-good .sp-cost__num {color: #6ee7b7}
.sp-cost__card b {
  display: block;
  margin: 10px 0 8px;
  color: #e8edf4;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.sp-cost__card p {
  margin: 0;
  color: #9fabbd;
  font-size: 13px;
  line-height: 1.6;
}

/* --- Пример трекинга позиций --- */
.sp-track__head {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}
.sp-track__badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 16px;
  border: 1px solid #fbcfa4;
  border-radius: 999px;
  background: #fff7ef;
  color: #c2410c;
  font-size: 12px;
  font-weight: 750;
}
.sp-track__badge i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sp-orange);
  font-style: normal;
}
.sp-track__wrap {
  overflow-x: auto;
  border: 1px solid #d7e0e8;
  border-radius: 24px;
  background: #fff;
}
.sp-track__wrap table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.sp-track__wrap th {
  padding: 18px 22px;
  border-bottom: 1px solid #e6ebf2;
  background: #f6f8fb;
  color: #7c8899;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}
.sp-track__wrap td {
  padding: 20px 22px;
  border-bottom: 1px solid #eef2f7;
  font-size: 14px;
  font-weight: 650;
  white-space: nowrap;
}
.sp-track__wrap tr:last-child td {border-bottom: 0}
.sp-track__wrap td.is-neg {color: #dc2626}
.sp-track__wrap td.is-pos {color: #0f9d63}
.sp-track__tag {
  display: inline-flex;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.sp-track__tag.is-down {background: #e7f8ef; color: #0f9d63}
.sp-track__tag.is-up {background: #fff1e4; color: #c2410c}

/* --- Группы вопросов в FAQ --- */
.sp-faq-group + .sp-faq-group {margin-top: 32px}
.sp-faq-group__title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  color: #c2410c;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.sp-faq-group__title:before {
  content: "";
  width: 26px;
  height: 2px;
  background: currentColor;
}

/* --- Адаптив страниц услуг --- */
@media(max-width:1040px) {
  .sp-solutions__grid {grid-template-columns: repeat(2,minmax(0,1fr))}
  .sp-cost__grid {grid-template-columns: 1fr}
  .sp-cost {padding: 32px 24px}
}
@media(max-width:620px) {
  .sp-solutions__grid {grid-template-columns: 1fr}
  .sp-solutions__card {padding: 24px 20px 22px}
  .sp-setup {padding: 22px 20px}
  .sp-setup__price {font-size: 32px}
  .sp-region {flex-wrap: wrap; gap: 10px}
  .sp-track__head {flex-direction: column; align-items: flex-start}
  .sp-track__wrap td, .sp-track__wrap th {padding: 14px 16px}
}

/* Полоса метрик в первом экране страниц услуг: исходные размеры делали
   первый экран выше окна, поэтому поджимаем отступы и высоту карточек. */
.sp-home-metrics {margin-top: 28px; padding-top: 26px}
.sp-home-metrics div {min-height: 112px; padding: 18px 20px}
.sp-home-metrics strong {font-size: 34px}
@media(max-width:900px) {
  .sp-home-metrics {grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 22px}
  .sp-home-metrics div {min-height: 96px}
  .sp-home-metrics strong {font-size: 28px}
}