
/* Clickronix SEO Authority Layer — additive only */
.seo-authority-section{padding:96px 0;position:relative;overflow:hidden;background:#111113;color:#fff}
.seo-authority-section.light{background:#fff4ef;color:#151518}
.seo-authority-section .seo-kicker{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#ff6b16;margin-bottom:12px;display:block}
.seo-authority-section h2{font-size:clamp(2rem,3.4vw,3.85rem);max-width:880px}
.seo-authority-section h3{letter-spacing:-.025em}
.seo-authority-section p{color:#bdbdc2}
.seo-authority-section.light p{color:#666a73}
.seo-authority-section .seo-copy{max-width:760px}
.seo-legacy-headline{font-size:1.05rem;font-weight:750;color:#ff7a22!important;margin:-6px 0 18px;letter-spacing:-.015em}
.seo-note{font-size:.82rem;color:#96969d!important;margin-top:15px}
.seo-grid-bg{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px}
.seo-orange-wash:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 22%,rgba(255,98,0,.35),transparent 34%),radial-gradient(circle at 20% 90%,rgba(190,45,0,.22),transparent 35%);pointer-events:none}

/* Reference 1: network / connected engine */
.seo-network-wrap{min-height:470px;border:1px solid rgba(255,255,255,.09);border-radius:28px;position:relative;overflow:hidden;background:#18181a;box-shadow:0 30px 110px rgba(0,0,0,.25)}
.seo-network-wrap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}
.seo-network-lines{position:absolute;inset:0;width:100%;height:100%}
.seo-network-lines path{fill:none;stroke:#ff641b;stroke-width:1.5;opacity:.62;stroke-dasharray:8 10;animation:seoDash 8s linear infinite}
.seo-engine{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;min-height:125px;border:1px solid rgba(255,112,35,.42);background:rgba(20,20,22,.93);display:grid;place-items:center;text-align:center;padding:25px;border-radius:5px;box-shadow:0 0 55px rgba(255,91,0,.13)}
.seo-engine strong{font-size:1.35rem}.seo-engine small{display:block;color:#ff7b2c;margin-top:5px}
.seo-signal-node{position:absolute;min-width:128px;padding:14px 16px;border:1px solid rgba(255,255,255,.09);background:#2a2a2d;box-shadow:0 10px 30px rgba(0,0,0,.18);font-weight:750;font-size:.88rem}
.seo-signal-node b{display:block;color:#ff7628;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:2px}
.seo-node-a{left:8%;top:18%}.seo-node-b{left:10%;bottom:15%}.seo-node-c{right:8%;top:16%}.seo-node-d{right:9%;bottom:14%}.seo-node-e{left:42%;top:7%}.seo-node-f{left:42%;bottom:6%}
@keyframes seoDash{to{stroke-dashoffset:-180}}

/* Reference 2: large bordered columns on orange/black wash */
.seo-model-panel{position:relative;padding:48px;border-radius:28px;background:radial-gradient(circle at 54% 60%,rgba(255,91,0,.5),transparent 31%),linear-gradient(125deg,#111 28%,#3b1209 65%,#ff5b00 145%);border:1px solid rgba(255,255,255,.08)}
.seo-model-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:end;margin-bottom:34px}.seo-model-head p{margin:0;text-align:right}
.seo-model-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.5);border-radius:8px;overflow:hidden}.seo-model-cell{padding:28px;text-align:center;min-height:235px}.seo-model-cell+ .seo-model-cell{border-left:1px solid rgba(255,255,255,.5)}.seo-model-cell h3{font-size:1.1rem;margin-bottom:18px}.seo-model-cell p{font-size:.92rem}

/* Reference 3: projection chart */
.seo-chart-panel{display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;padding:52px;border-radius:28px;background:radial-gradient(circle at 53% 0%,rgba(255,94,9,.72),transparent 55%),linear-gradient(110deg,#111115,#351109);border:1px solid rgba(255,255,255,.07)}
.seo-chart-copy{display:flex;flex-direction:column;justify-content:space-between;min-height:360px}.seo-chart-copy h2{max-width:400px}.seo-chart{position:relative;height:360px;border-left:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);margin:15px 10px 35px 45px}
.seo-chart:before,.seo-chart:after{content:"";position:absolute;left:0;right:0;border-top:1px solid rgba(255,255,255,.08)}.seo-chart:before{top:33%}.seo-chart:after{top:66%}
.seo-chart-line{position:absolute;inset:0}.seo-chart-line svg{width:100%;height:100%;overflow:visible}.seo-chart-line polyline{fill:rgba(255,255,255,.08);stroke:#fff;stroke-width:2}.seo-chart-line .orange-line{fill:none;stroke:#ff6b18;opacity:.75}.seo-chart-point{fill:#fff}.seo-chart-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:absolute;left:0;right:0;bottom:-34px;font-size:.76rem;color:#c4c4c7;text-align:center}

/* Reference 4: cinematic orange dome */
.seo-cinematic{min-height:540px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(#8e1600 0%,#ff4d00 52%,#ff7a00 100%);display:flex;align-items:flex-end;padding:52px;isolation:isolate}
.seo-cinematic:before{content:"";position:absolute;left:9%;right:9%;top:-13%;height:52%;border-radius:0 0 50% 50%;background:radial-gradient(ellipse at center,#ffd247 0%,#ff8500 48%,#ff4b00 70%,#681100 100%);box-shadow:0 34px 45px rgba(68,7,0,.45);z-index:-1}
.seo-cinematic:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-28%;height:56%;border-radius:50% 50% 0 0;background:linear-gradient(#b52000,#5c0c00);box-shadow:inset 0 24px 60px rgba(0,0,0,.22);z-index:-1}
.seo-gateway{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);width:84px;height:145px;border-radius:5px 5px 0 0;background:linear-gradient(#ff9a15,#ff4d00);box-shadow:0 0 45px rgba(255,178,47,.8)}
.seo-gateway:after{content:"";position:absolute;width:14px;height:36px;border-radius:12px 12px 4px 4px;background:#111;left:50%;bottom:15px;transform:translateX(-50%)}
.seo-cinematic-copy{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:end;width:100%;gap:40px}.seo-cinematic-copy h2{font-size:clamp(2.6rem,5vw,5.2rem);max-width:620px}.seo-cinematic-copy p{color:#fff;text-align:right;max-width:520px;margin-left:auto}

/* Reference 5: chevron process */
.seo-process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px}.seo-process-step{position:relative;padding:38px 22px 28px;text-align:center;background:#fff;color:#151518;border:1px solid #c9c9cc;min-height:190px}.seo-process-step:not(:last-child):after{content:"";position:absolute;right:-18px;top:50%;width:34px;height:34px;background:#fff;border-top:1px solid #c9c9cc;border-right:1px solid #c9c9cc;transform:translateY(-50%) rotate(45deg);z-index:2}.seo-process-step:nth-child(2){background:#ff641b;color:#fff}.seo-process-step:nth-child(2):after{background:#ff641b}.seo-process-step .num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;margin:0 auto 14px;background:#151518;color:#fff;font-weight:800}.seo-process-step:nth-child(2) .num{background:#fff;color:#ff641b}

/* Reference 6: circular arrows */
.seo-cycle{display:grid;grid-template-columns:1fr 380px 1fr;align-items:center;gap:36px}.seo-cycle-ring{width:330px;height:330px;border-radius:50%;position:relative;margin:auto;background:conic-gradient(#ff661d 0 29%,transparent 29% 35%,#222 35% 64%,transparent 64% 70%,#a3a3a8 70% 94%,transparent 94%);mask:radial-gradient(circle,transparent 0 47%,#000 48% 68%,transparent 69%)}.seo-cycle-ring:after{content:"MULTI-SIGNAL\A CORRELATION";white-space:pre;position:absolute;inset:0;display:grid;place-items:center;text-align:center;mask:none;color:#151518;font-weight:850;line-height:1.15}.seo-cycle-stat strong{font-size:2.6rem;display:block;color:#ff641b}.seo-cycle-stat p{max-width:260px}

/* Reference 7: concentric market circles */
.seo-concentric{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;min-height:470px;border-radius:28px;overflow:hidden;background:#1a1a1d;border:1px solid rgba(255,255,255,.08)}.seo-concentric-copy{padding:48px}.seo-concentric-visual{height:100%;min-height:470px;position:relative;overflow:hidden}.seo-circle{position:absolute;border-radius:50%;left:50%;transform:translateX(-50%);bottom:-25%;display:flex;justify-content:center;padding-top:45px;font-weight:800}.seo-circle.one{width:520px;height:520px;background:#f45110;color:#fff}.seo-circle.two{width:390px;height:390px;background:#ff825b;bottom:-18%;z-index:2}.seo-circle.three{width:270px;height:270px;background:#efaa98;bottom:-10%;z-index:3}.seo-circle small{display:block;font-weight:500;opacity:.8}

/* Reference 8: split solutions */
.seo-solutions-split{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}.seo-photo-block{height:480px;border-radius:18px;background:linear-gradient(135deg,#ff641b,#242428);position:relative;overflow:hidden}.seo-photo-block:after{content:"";position:absolute;inset:12% 14%;border:1px solid rgba(255,255,255,.45);border-radius:12px;background:radial-gradient(circle at 45% 65%,#111 0 7%,transparent 7.5%),linear-gradient(135deg,rgba(255,255,255,.1),rgba(0,0,0,.25))}.seo-solution-item{display:grid;grid-template-columns:56px 1fr;gap:17px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.12)}.seo-solution-item span{font-size:1.65rem;color:#ff641b;font-weight:850}

/* Reference 9: baseline bars */
.seo-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end;margin-top:40px;min-height:320px}.seo-bar-card{display:flex;flex-direction:column;justify-content:flex-end;height:var(--h,220px);background:linear-gradient(to top,#f1541b 0 62%,#fff4ef 62%);border:1px solid #c8c8cb;color:#17171a;padding:20px}.seo-bar-card strong{font-size:1.55rem}.seo-bar-card small{font-weight:750}.seo-bar-card p{color:#fff!important;margin:40px 0 0}

/* Reference 10/11: table + map */
.seo-data-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:42px}.seo-data-table{border-collapse:collapse;width:100%;font-size:.87rem}.seo-data-table th,.seo-data-table td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}.seo-data-table th{color:#fff}.seo-data-table td{color:#bbb}.seo-data-table td:last-child{color:#ff6b18;font-weight:800}.seo-map{min-height:410px;border-radius:20px;position:relative;background:#fff4ef;color:#222;overflow:hidden;background-image:linear-gradient(28deg,transparent 48%,rgba(255,101,27,.18) 49% 51%,transparent 52%),linear-gradient(-22deg,transparent 48%,rgba(0,0,0,.06) 49% 51%,transparent 52%)}.seo-map:before{content:"";position:absolute;inset:15% 10%;border:2px solid rgba(255,101,27,.35);border-radius:45% 53% 48% 56% / 55% 43% 54% 46%;transform:rotate(-6deg)}.seo-pin{position:absolute;width:18px;height:18px;border-radius:50%;background:#ff641b;box-shadow:0 0 0 7px rgba(255,100,27,.14)}

/* Reference 12-16: clean coral editorial shapes */
.seo-editorial{background:#fff4ef;color:#18181b}.seo-editorial p{color:#67676c}.seo-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.seo-target{width:330px;height:330px;margin:auto;border-radius:50%;background:radial-gradient(circle,#ff6b2c 0 8%,transparent 8.5% 19%,#ffd6c8 19.5% 20.5%,transparent 21% 36%,#ffc3af 36.5% 37.5%,transparent 38% 55%,#ffad91 55.5% 56.5%,transparent 57%)}.seo-pill-card{background:#ff6b2c;color:#fff;padding:26px;border-radius:14px}.seo-number-orbit{display:flex;justify-content:center;align-items:center;gap:14px}.seo-number-orbit div{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:#ffd6c8;color:#ff5f1a;font-size:2rem;font-weight:850}.seo-number-orbit div:nth-child(2){transform:translateY(-42px)}.seo-editorial-list{border-top:2px solid #ff641b}.seo-editorial-item{display:grid;grid-template-columns:95px 1fr 64px;gap:18px;padding:20px 0;border-bottom:1px solid #f0c5b5}.seo-editorial-item strong{color:#ff641b}

.seo-authority-faq{max-width:930px;margin:0 auto}.seo-authority-faq details{padding:19px 0;border-bottom:1px solid rgba(255,255,255,.12)}.seo-authority-faq summary{font-weight:750;cursor:pointer}.seo-authority-faq p{margin:12px 0 0}
.seo-authority-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seo-authority-link{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px;background:rgba(255,255,255,.03);transition:.25s}.seo-authority-link:hover{border-color:#ff641b;transform:translateY(-3px)}.seo-authority-link b{display:block;margin-bottom:6px}
.seo-article-meta{display:flex;gap:14px;flex-wrap:wrap;color:#999;font-size:.88rem;margin:10px 0 25px}.seo-article{max-width:900px;margin:auto}.seo-article h2{margin-top:52px;font-size:2rem}.seo-article h3{margin-top:32px;font-size:1.35rem}.seo-article p,.seo-article li{color:#4f5057;line-height:1.8}.seo-article .callout{border-left:4px solid #ff641b;background:#fff1ea;padding:22px;margin:28px 0}.seo-article table{width:100%;border-collapse:collapse;margin:26px 0}.seo-article th,.seo-article td{padding:14px;border:1px solid #ddd;text-align:left}.seo-article th{background:#fff4ef}

@media(max-width:900px){.seo-model-head,.seo-chart-panel,.seo-concentric,.seo-solutions-split,.seo-editorial-grid,.seo-data-layout{grid-template-columns:1fr}.seo-model-grid{grid-template-columns:1fr}.seo-model-cell+ .seo-model-cell{border-left:0;border-top:1px solid rgba(255,255,255,.5)}.seo-process-row{grid-template-columns:1fr}.seo-process-step:not(:last-child):after{display:none}.seo-cycle{grid-template-columns:1fr}.seo-cycle-ring{width:280px;height:280px}.seo-bars{grid-template-columns:1fr 1fr}.seo-cinematic-copy{grid-template-columns:1fr}.seo-cinematic-copy p{text-align:left;margin:0}.seo-network-wrap{min-height:620px}.seo-node-a{left:5%;top:15%}.seo-node-b{left:5%;bottom:14%}.seo-node-c{right:5%;top:15%}.seo-node-d{right:5%;bottom:14%}.seo-node-e{left:36%;top:5%}.seo-node-f{left:36%;bottom:5%}.seo-engine{width:220px}.seo-authority-link-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.seo-authority-section{padding:72px 0}.seo-model-panel,.seo-chart-panel{padding:26px}.seo-model-head{gap:18px}.seo-model-head p{text-align:left}.seo-bars{grid-template-columns:1fr}.seo-authority-link-grid{grid-template-columns:1fr}.seo-network-wrap{min-height:720px}.seo-signal-node{min-width:112px;font-size:.76rem}.seo-node-e,.seo-node-f{left:33%}.seo-engine{top:50%;width:190px}.seo-cinematic{padding:28px;min-height:480px}.seo-cinematic-copy h2{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){.seo-network-lines path{animation:none}}
