/* === Shared Base (nav, footer, layout) === */

*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f9f9f9;color:#121212;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}[data-mono]{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,SF Mono,Consolas,monospace}.nav{position:sticky;top:0;z-index:50;width:100%;background:#f9f9f9cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05)}.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:80px}.logo{font-size:1.25rem;font-weight:900;color:#121212;text-decoration:none;letter-spacing:-.03em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.logo-dot{display:inline-block;width:12px;height:12px;background:#d90000;box-shadow:0 0 15px #d9000066}.nav-center{display:flex;align-items:center;gap:.25rem}.nav-link{padding:.5rem 1.25rem;border-radius:6px;font-size:.8125rem;font-weight:900;color:#121212;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;background:#fff;border:1px solid #121212;transition:background .15s}.nav-link:hover{background:#f2f2f2}.nav-actions{display:flex;align-items:center;gap:.25rem}.nav-icon-btn{padding:.5rem;color:#4a4a4a;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:color .15s;text-decoration:none}.nav-icon-btn:hover{color:#d90000}.nav-dark{background:#121212cc;border-bottom-color:#222}.nav-dark .logo{color:#fff}.nav-dark .nav-link{color:#121212;border-color:#121212;background:#fff}.nav-dark .nav-link:hover{background:#f2f2f2}.nav-dark .nav-link-active,.nav-dark .nav-link-active:hover{color:#121212;border-color:#121212;background:#fff}.nav-dark .nav-icon-btn{color:#888}.nav-dark .nav-icon-btn:hover{color:#d90000}.footer-dark{background:#121212;border-top-color:#222}.footer-dark .footer-logo{color:#121212}.footer-dark .footer-brand p{color:#aaa}.footer-dark .footer-col-title{color:#888}.footer-dark .footer-col a{color:#888}.footer-col a:hover{color:#EF233C}.footer-dark .footer-col a:hover{color:#EF233C}.footer-dark .footer-bottom{border-top-color:#222;color:#555}.footer-dark .footer-badge{background:#1a1a1a;border-color:#333;color:#ccc}main{min-height:calc(100vh - 200px)}.footer{background:#f9f9f9;border-top:1px solid #e0e0e0;padding:8rem 1.5rem}.footer-inner{max-width:1280px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:5rem;margin-bottom:7rem}.footer-brand{max-width:320px}.footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:900;color:#121212;margin-bottom:2.5rem;letter-spacing:-.02em;text-transform:uppercase}.fl-dot{display:inline-block;width:16px;height:16px;background:#d90000;box-shadow:0 0 15px #d9000080;flex-shrink:0}.footer-brand p{margin:0;font-size:1.25rem;line-height:1.7;color:#4a4a4a;font-weight:500}.footer-col{display:flex;flex-direction:column;gap:1.5rem}.footer-col-title{font-size:.6875rem;font-weight:900;color:#4a4a4a;text-transform:uppercase;letter-spacing:.4em;margin-bottom:.5rem}.footer-col a{color:#121212;text-decoration:none;font-size:1.125rem;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;transition:color .15s}.footer-col a:hover{color:#d90000}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding-top:4rem;border-top:1px solid #e0e0e0;font-size:.8125rem;color:#4a4a4a80;font-family:JetBrains Mono,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.footer-badge{font-size:.6875rem;font-weight:900;text-transform:uppercase;letter-spacing:.3em;padding:.75rem 1.5rem;background:#fff;border:2px solid #121212;border-radius:.5rem;color:#121212;box-shadow:0 20px 40px -10px #0000001a}a{color:inherit}@media(max-width:768px){.footer-top{grid-template-columns:1fr;gap:3rem}.footer-bottom{flex-direction:column;text-align:center;gap:1rem}.nav-inner{height:64px;padding:0 1rem}.logo{font-size:1rem}}
.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.4em;color:#4a4a4a;margin-bottom:1.25rem}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;color:#121212;letter-spacing:-.02em;line-height:1.15;margin:0}.section-desc{font-size:1.125rem;font-weight:500;color:#4a4a4a;line-height:1.65;margin-top:.75rem;max-width:480px}.section-desc:empty{display:none}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.container-sm{max-width:900px}.container-wide{max-width:100%}.sec{padding:6rem 0;background:#f9f9f9}.sec-alt{background:#fff}.sec-head{margin-bottom:4rem;max-width:640px}.sec-head-center{margin-left:auto;margin-right:auto;text-align:center}.hero{position:relative;min-height:95vh;background:#fff;display:flex;align-items:center;overflow:hidden;padding:8rem 1.5rem 0}.hero-inner{max-width:1280px;margin:0 auto;width:100%;position:relative;z-index:10}.hero-text{max-width:720px}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.3em;color:#4a4a4a;margin-bottom:2rem}.eyebrow-dot{display:inline-block;width:8px;height:8px;background:#d90000;box-shadow:0 0 12px #d9000080;flex-shrink:0}.hero-title{font-size:clamp(2.5rem,5.5vw,5.5rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;color:#121212;margin:0 0 1.5rem}.hero-accent{color:#d90000}.hero-sub{font-size:1.125rem;font-weight:500;color:#4a4a4a;line-height:1.7;max-width:580px;margin:0 0 2.5rem}.hero-sub strong{color:#121212;font-weight:900}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-network{position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:clamp(300px,40vw,600px);pointer-events:none;z-index:5;animation:float 6s ease-in-out infinite;opacity:.9}@keyframes float{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(calc(-50% - 20px)) translate(10px)}}#hero-glow{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:0;transition:opacity .5s}.stats-bar{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fff}.stats-inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap}.stat-item{flex:1;min-width:140px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:2.25rem 1.5rem;border-right:1px solid #e0e0e0;transition:color .2s}.stat-item:last-child{border-right:none}.stat-item:hover .stat-num{color:#d90000}.stat-num{font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:700;color:#121212;transition:color .2s}.stat-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#4a4a4a;text-align:center}.bento{display:grid;gap:1.5rem}.bento-card{background:#fff;border:1px solid #e0e0e0;border-radius:1rem;padding:2rem;position:relative;box-shadow:0 2px 8px #0000000a;transition:box-shadow .35s,transform .3s,border-color .3s;text-decoration:none;display:flex;flex-direction:column;gap:1rem;will-change:transform}.bento-card:hover{box-shadow:0 20px 60px -10px #0000001a;transform:translateY(-4px) scale(1.01);border-color:#d90000}.card-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:#d900001a;color:#d90000;flex-shrink:0}.card-icon svg{width:24px;height:24px}.card-title{font-size:1.125rem;font-weight:900;color:#121212;text-transform:uppercase;letter-spacing:-.01em;margin:0}.card-text{font-size:.9375rem;font-weight:500;color:#4a4a4a;line-height:1.65;margin:0}.btn-primary-3d{display:inline-flex;align-items:center;gap:.5rem;background:#d90000;color:#fff;font-weight:900;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem 2rem;border-radius:.5rem;text-decoration:none;box-shadow:0 6px #900,0 8px 20px #d900004d;transition:box-shadow .15s,transform .15s;transform:translateY(0);cursor:pointer;border:none}.btn-primary-3d:hover{box-shadow:0 4px #900,0 12px 30px #d9000059;transform:translateY(-2px)}.btn-primary-3d:active{box-shadow:0 1px #900,0 4px 10px #d9000033;transform:translateY(4px)}.btn-lg{padding:1.25rem 2.5rem;font-size:1.125rem}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;border:2px solid #121212;color:#121212;font-weight:900;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem 2rem;border-radius:.5rem;text-decoration:none;transition:background .2s,color .2s}.btn-secondary:hover{background:#121212;color:#fff}.how-grid{display:grid;grid-template-columns:1fr;gap:2rem}.how-step{text-align:center}.how-circle{width:80px;height:80px;border-radius:50%;background:#fff;border:3px solid #121212;display:inline-flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;color:#121212;margin-bottom:1.5rem;box-shadow:0 10px 30px -5px #00000014;transition:box-shadow .3s,border-color .3s}.how-circle:hover{border-color:#d90000;box-shadow:0 10px 30px -5px #d9000026}.how-title{font-size:1.25rem;font-weight:900;color:#121212;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 .75rem}.how-text{font-size:1rem;font-weight:500;color:#4a4a4a;line-height:1.65;margin:0 auto;max-width:280px}.comp{border:1px solid #e0e0e0;border-radius:1rem;overflow:hidden}.comp-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:#121212;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.comp-header span{padding:1rem 1.25rem;display:flex;align-items:center}.comp-header span:not(:first-child){justify-content:center;text-align:center}.comp-workremotelynow{font-weight:900}.comp-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #e0e0e0;transition:background .15s}.comp-row:last-child{border-bottom:none}.comp-row:hover{background:#fff}.comp-label{padding:1rem 1.25rem;font-size:.875rem;font-weight:600;color:#121212}.comp-cell{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;text-align:center;color:silver}.comp-cell-red{background:#d90000;color:#fff!important;font-weight:900}.country-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.country-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:1px solid #e0e0e0;border-radius:.75rem;text-decoration:none;box-shadow:0 2px 8px #0000000a;transition:box-shadow .35s,transform .3s,border-color .3s}.country-card:hover{box-shadow:0 20px 60px -10px #0000001a;transform:translateY(-4px) scale(1.01);border-color:#d90000}.country-card:hover .country-arrow{color:#d90000;transform:translate(4px)}.country-flag{font-size:2rem;line-height:1;flex-shrink:0}.country-info{flex:1;min-width:0}.country-name{font-size:.875rem;font-weight:900;color:#121212;text-transform:uppercase;letter-spacing:-.01em}.country-count{font-size:11px;font-weight:700;color:#4a4a4a;margin-top:.125rem}.country-arrow{color:silver;flex-shrink:0;transition:color .2s,transform .2s}.testimonial-sec,.marquee{overflow:hidden}.marquee-track{display:flex;gap:1rem;width:max-content;animation:marquee 80s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonial-card{background:#fff;border:1px solid #e0e0e0;border-radius:1rem;padding:1.5rem;width:360px;flex-shrink:0;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 10px 40px -10px #00000014}.testimonial-text{font-size:.875rem;font-weight:500;color:#4a4a4a;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.testimonial-by{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#4a4a4a;flex-wrap:wrap;font-weight:600}.testimonial-by strong{color:#121212;font-weight:900}.testimonial-by .dot{color:silver}.testimonial-by .muted{color:#4a4a4a}.cta-section{padding:8rem 1.5rem;background:#121212;position:relative;overflow:hidden}.cta-bg{position:absolute;inset:0;opacity:.04;background-image:url(https://lh3.googleusercontent.com/aida/ALB-2SQJ6dFvhX4j6kMa2SxF6u2v0mPlJL43tF-wMZ9eB2T6cJsx9oMhqRs_h8NqY1u9rzX0Bw=w1200);background-size:cover;background-position:center}.cta-inner{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:10}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:#fff;line-height:1.2;margin:0 0 1.5rem}.cta-text{font-size:1.125rem;font-weight:500;color:#a0a0a0;line-height:1.7;margin:0 0 2.5rem}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.active{opacity:1;transform:translateY(0)}@media(min-width:768px){.bento{grid-template-columns:repeat(6,1fr)}.bento-large{grid-column:span 4;grid-row:span 2}.bento-sm{grid-column:span 2}.bento-wide{grid-column:span 4}.how-grid{grid-template-columns:repeat(3,1fr);gap:3rem}.country-grid{grid-template-columns:repeat(2,1fr)}.sec{padding:8rem 0}.hero-title{font-size:clamp(2.5rem,5.5vw,5.5rem)}.hero-sub{font-size:1.25rem}}@media(min-width:1024px){.country-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.hero-network{opacity:.3}}@media(max-width:768px){.stat-item{border-right:none;border-bottom:1px solid #e0e0e0}.stat-item:last-child{border-bottom:none}.comp-header,.comp-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.comp-header span,.comp-cell,.comp-label{padding:.75rem .5rem;font-size:.7rem}.hero-network{display:none}.hero{padding:6rem 1.5rem 0;min-height:auto}.hero-title{font-size:clamp(2rem,8vw,3rem)}.cta-section{padding:5rem 1.5rem}.cta-title{font-size:2rem}}

/* ── NEW HOMEPAGE STYLES ── */
.sp-section{display:block;width:100%;padding:5rem 0}
.sp-section-white{background:#fff}
.sp-section-gray{background:#f9f9f9}
.sp-section-dark{background:#121212;color:#fff}
.sp-section-pastel{background:radial-gradient(75% 60% at 20% 8%,rgba(255,255,255,.85),transparent 55%),linear-gradient(180deg,#f4f8ff 0%,#e2edfc 60%,#cfe2f9 100%)}
.sp-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem}
.sp-head{text-align:center;margin-bottom:3.5rem}
.sp-label{display:inline-block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.4em;margin-bottom:1.25rem}
.sp-label-gray{color:#4a4a4a}
.sp-label-light{color:#888}
.sp-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0 0 .75rem}
.sp-title-dark{color:#121212}
.sp-title-light{color:#fff}
.sp-desc{font-size:1.125rem;font-weight:500;line-height:1.65;margin:0 auto;max-width:580px}
.sp-desc-dark{color:#4a4a4a}
.sp-desc-light{color:#aaa}

/* Hero */
.sp-hero{position:relative;min-height:100vh;background:radial-gradient(75% 60% at 80% 8%,rgba(255,255,255,.85),transparent 55%),radial-gradient(60% 50% at 10% 92%,rgba(26,84,153,.5),transparent 60%),linear-gradient(180deg,#ffffff 0%,#e8f3fe 22%,#c0dcfa 48%,#8ab8f0 72%,#2c63a6 100%);display:flex;align-items:center;overflow:hidden;width:100%;padding:8rem 1.5rem 0}
.sp-hero-inner{max-width:1280px;margin:0 auto;width:100%;position:relative;z-index:10}
.sp-hero-text{max-width:760px}
.sp-hero-eyebrow{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.3em;color:#d90000;margin-bottom:2rem}
.sp-hero-title{font-size:clamp(2.5rem,5.5vw,5.5rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;color:#121212;margin:0 0 1.5rem}
.sp-hero-accent{color:#EF233C}
.sp-hero-sub{font-size:1.125rem;font-weight:500;color:#4a4a4a;line-height:1.7;max-width:580px;margin:0 0 2.5rem}
.sp-hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}
.sp-hero-actions .sp-btn{padding:1.15rem 3rem;font-size:.95rem;border-radius:10px}
.sp-hero-actions .sp-btn-outline{padding:1.05rem 2.2rem;border-radius:10px;background:rgba(255,255,255,.85);border:1px solid rgba(18,18,18,.18);box-shadow:0 2px 10px rgba(18,18,18,.05)}
.sp-hero-actions .sp-btn-outline:hover{background:#fff;border-color:#121212;transform:translateY(-1px);box-shadow:0 6px 16px rgba(18,18,18,.08)}
.sp-hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.35);padding-top:2rem}
.sp-hstat{display:flex;flex-direction:column;gap:.25rem}
.sp-hstat-num{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:1.5rem;font-weight:700;color:#fff}
.sp-hstat-label{font-size:.75rem;font-weight:600;color:#cfe3f8;text-transform:uppercase;letter-spacing:.1em}
.sp-hero-glow{position:absolute;top:-40%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.5),transparent 60%);pointer-events:none;z-index:1}
.sp-hero-glow2{position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(26,84,153,.55),transparent 60%);pointer-events:none;z-index:1}

/* Problem Grid */
.sp-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.sp-pcard{background:#fff;border:1px solid #e0e0e0;padding:2rem}
.sp-pstat{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:3.5rem;font-weight:700;color:#d90000;line-height:1;margin-bottom:.5rem}
.sp-pslabel{font-size:.75rem;font-weight:900;color:#4a4a4a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}
.sp-pcard p{font-size:.9375rem;color:#4a4a4a;line-height:1.65;margin:0}

/* Comparison table */
.sp-ctable{width:100%;border-collapse:collapse;font-size:.9375rem;background:#1a1a1a;border:1px solid #222}
.sp-ctable th,.sp-ctable td{padding:1.1rem 1.25rem;text-align:left;border-bottom:1px solid #333}
.sp-ctable th{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#888;background:#1a1a1a}
.sp-ctable td:first-child{color:#ccc;font-weight:600}
.sp-ctable .sp-check{color:#d90000;font-weight:900}
.sp-ctable .sp-cross{color:#555}

/* Solution Grid */
.sp-why-head{max-width:720px;margin:0 auto 4rem;text-align:center}
.sp-why-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.sp-why-step{position:relative;padding:0 2.2rem}
.sp-why-step:first-child{padding-left:0}
.sp-why-step:last-child{padding-right:0}
.sp-why-step::before{content:"";position:absolute;top:1.05rem;width:calc(100% - 4.4rem);height:1px;background:#e4e4e4;left:2.2rem}
.sp-why-step:first-child::before{display:none}
.sp-why-num{position:relative;z-index:1;display:inline-block;font-family:JetBrains Mono,monospace;font-weight:700;font-size:1.05rem;color:#d90000;background:#fff;padding:.2rem .7rem;margin-bottom:1.4rem;border-radius:6px}
.sp-why-step h3{font-size:1.3rem;font-weight:900;letter-spacing:-.015em;line-height:1.25;color:#121212;margin:0 0 .8rem}
.sp-why-step p{font-size:.95rem;line-height:1.7;color:#4a4a4a;margin:0}
@media (max-width:860px){.sp-why-flow{grid-template-columns:1fr;gap:2.5rem}.sp-why-step{padding:0}.sp-why-step::before{display:none}}
.sp-sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.sp-scard{position:relative;background:#fff;border:1px solid rgba(18,18,18,.08);border-radius:18px;padding:2.5rem 2rem;text-align:center;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 36px rgba(0,0,0,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.sp-scard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#d90000,transparent);opacity:0;transition:opacity .3s}
.sp-scard:hover{transform:translateY(-6px);border-color:rgba(217,0,0,.22);box-shadow:0 2px 4px rgba(0,0,0,.04),0 26px 60px rgba(217,0,0,.12)}
.sp-scard:hover::before{opacity:1}
.sp-scard-icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#fff6f6,#fde8e8);border:1px solid rgba(217,0,0,.16);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.4rem;box-shadow:0 10px 24px rgba(217,0,0,.1);transition:transform .25s}
.sp-scard:hover .sp-scard-icon{transform:scale(1.06) rotate(-2deg)}
.sp-scard h3{font-size:1.125rem;font-weight:900;color:#121212;margin:0 0 .75rem;letter-spacing:-.01em;text-transform:uppercase}
.sp-scard p{font-size:.9375rem;color:#4a4a4a;line-height:1.65;margin:0}

/* Trust Grid */
.sp-tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.sp-tcard{text-align:center;padding:1.5rem}
.sp-tstep{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#121212;color:#fff;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}
.sp-tcard h3{font-size:1rem;font-weight:900;color:#121212;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:-.01em}
.sp-tcard p{font-size:.875rem;color:#4a4a4a;line-height:1.65;margin:0}
.sp-badge{display:inline-flex;align-items:center;gap:.5rem;background:#121212;color:#fff;padding:.75rem 1.5rem;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}

/* CTA */
.sp-cta{background:#121212;color:#fff;text-align:center;padding:6rem 1.5rem;width:100%}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;background:#d90000;color:#fff;font-weight:900;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;padding:1.05rem 2.6rem;text-decoration:none;border:1px solid #d90000;border-radius:8px;cursor:pointer;box-shadow:0 8px 24px rgba(217,0,0,.28);transition:transform .2s,background .2s,box-shadow .2s}
.sp-btn:hover{transform:translateY(-2px) scale(1.03);background:#b80000;box-shadow:0 12px 30px rgba(217,0,0,.38)}
.sp-btn:active{transform:scale(.95)}
.sp-btn-outline{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #121212;background:#fff;color:#121212;font-weight:800;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem 2.4rem;border-radius:0;text-decoration:none;transition:background .2s,border-color .2s}
.sp-btn-outline:hover{background:#f2f2f2;border-color:#121212}

/* AI Job Matcher — homepage promo */
.sp-ai{max-width:780px;margin:0 auto}
.sp-aicard{position:relative;background:linear-gradient(180deg,#ffffff,#eef5fe);border:1px solid #cfe2f9;border-radius:20px;padding:3rem;box-shadow:0 30px 70px rgba(90,140,200,.14)}
.sp-aicard-head{display:flex;align-items:center;gap:1.25rem;margin-bottom:2.25rem}
.sp-ai-icon{width:60px;height:60px;flex-shrink:0;border-radius:16px;background:linear-gradient(180deg,#ffffff,#eceff3);border:1px solid #121212;display:flex;align-items:center;justify-content:center;color:#121212;font-family:Inter,sans-serif;font-weight:900;font-size:1.25rem;letter-spacing:.02em;box-shadow:0 5px 0 #121212,0 12px 20px rgba(18,18,18,.14)}
.sp-ai-title{font-size:1.25rem;font-weight:900;color:#121212;margin:0 0 .35rem}
.sp-ai-badge{display:inline-block;font-size:.6rem;font-weight:900;letter-spacing:.12em;color:#4a5462;background:#f8f8f6;border:1px solid #b9c2cf;padding:.25rem .7rem;border-radius:0;vertical-align:middle;margin-left:.5rem;box-shadow:0 1px 2px rgba(18,18,18,.05)}
.sp-ai-sub{font-size:.75rem;font-weight:800;color:#5a6472;text-transform:uppercase;letter-spacing:.07em}
.sp-aisteps{display:flex;flex-direction:column;gap:.85rem;margin-bottom:2.5rem}
.sp-aistep{display:flex;align-items:center;gap:1.05rem;background:#fff;border:1px solid #dbe8fa;border-radius:20px;padding:1rem 1.25rem;font-size:.9375rem;color:#3f4a5c;line-height:1.55;transition:transform .2s,border-color .2s}
.sp-aistep:hover{transform:translateY(-1px);border-color:rgba(217,0,0,.35)}
.sp-aistep b{color:#121212}
.sp-aistep-num{width:32px;height:32px;flex-shrink:0;border-radius:0;background:#d90000;color:#fff;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.8125rem}
.sp-ai-cta{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.sp-ai-trial{font-size:.8rem;color:#5a6472;font-weight:600}
.sp-aistats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}
.sp-aistat{background:#fff;border:1px solid #dbe8fa;border-radius:14px;padding:.9rem 1rem;text-align:center}
.sp-aistat-num{display:block;font-size:1.35rem;font-weight:900;color:#121212;letter-spacing:-.02em}
.sp-aistat-label{display:block;font-size:.68rem;font-weight:700;color:#5a6472;text-transform:uppercase;letter-spacing:.06em;margin-top:.3rem;line-height:1.4}
.sp-ai-demo{background:#f4f9ff;border:1px solid #d6e6f8;border-radius:18px;padding:1rem 1.1rem;margin-bottom:2rem}
.sp-ai-demo-label{font-size:.7rem;font-weight:800;color:#5a6472;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.8rem}
.sp-ai-demo-row{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #dbe8fa;border-radius:12px;padding:.85rem 1rem;margin-bottom:.6rem}
.sp-ai-demo-row:last-child{margin-bottom:0}
.sp-ai-demo-score{flex-shrink:0;width:44px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-weight:700;font-size:1.05rem;color:#121212;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.sp-ai-demo-score small{font-size:.6rem;color:#8a94a6;font-weight:700;margin-top:2px}
.sp-ai-demo-title{font-size:.8125rem;font-weight:800;color:#121212}
.sp-ai-demo-meta{font-size:.72rem;color:#5a6472;margin-top:.15rem}
.sp-ai-demo-fit{margin-left:auto;flex-shrink:0;font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8a94a6;white-space:nowrap}

/* Hero search */
.sp-hero-search{display:flex;align-items:center;gap:.5rem;max-width:660px;background:rgba(255,255,255,.65);border:1px solid rgba(18,18,18,.12);border-radius:0;padding:.4rem .4rem .4rem 1.1rem;margin:0 0 2.5rem;transition:border-color .2s}
.sp-hero-search:focus-within{border-color:#d90000}
.sp-search-icon{color:#8a94a6;flex-shrink:0}
.sp-search-input{flex:1;min-width:0;background:none;border:none;outline:none;font-family:Inter,sans-serif;font-size:.9375rem;color:#121212;padding:.55rem 0}
.sp-search-input::placeholder{color:#8a94a6}
.sp-search-btn{flex-shrink:0;border:1px solid #d90000;cursor:pointer;background:#d90000;color:#fff;font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1.6rem;border-radius:0;transition:background .15s,transform .15s,box-shadow .2s}
.sp-search-btn:hover{background:#b80000;transform:translateY(-1px);box-shadow:0 6px 16px rgba(217,0,0,.28)}
.sp-search-btn:hover{background:#f2f2f2}
.sp-hero-chips{display:flex;gap:.55rem;flex-wrap:wrap;margin:0 0 2.5rem}
.sp-chip{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;color:#3f4a5c;border:1px solid rgba(18,18,18,.08);background:#f8f8f6;padding:.45rem .95rem;border-radius:0;text-decoration:none;box-shadow:0 1px 2px rgba(18,18,18,.05);transition:border-color .2s,color .2s,background .2s}
.sp-chip:hover{color:#121212;border-color:rgba(217,0,0,.4);background:#fff}

/* Product showcase — dashboard mockup */
.sp-show{position:relative;max-width:980px;margin:0 auto}
.sp-window{background:#fff;border:1px solid #e2e2e4;border-radius:20px;overflow:hidden;box-shadow:0 50px 120px rgba(18,18,18,.12)}
.sp-window-bar{display:flex;align-items:center;gap:.45rem;padding:.8rem 1rem;background:#f7f7f8;border-bottom:1px solid #ebebed}
.sp-dot{width:11px;height:11px;border-radius:50%}
.sp-dot-r{background:#ff5f57}.sp-dot-y{background:#febc2e}.sp-dot-g{background:#28c840}
.sp-window-url{margin-left:10px;font-size:.72rem;color:#4a4a4a;background:#fff;border:1px solid #e2e2e4;padding:.3rem .8rem;border-radius:999px;max-width:340px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sp-mock{background:#fafafb;padding:1.25rem}
.sp-mock-tabs{display:flex;gap:.4rem;margin-bottom:1.1rem;flex-wrap:wrap}
.sp-mock-tab{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#4a4a4a;border:1px solid rgba(18,18,18,.08);background:#f8f8f6;border-radius:0;padding:.4rem .85rem;box-shadow:0 1px 2px rgba(18,18,18,.05)}
.sp-mock-tab-hot{background:#f8f8f6;border-color:rgba(217,0,0,.4);color:#d90000;box-shadow:none}
.sp-mock-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.1rem;align-items:stretch}
.sp-mock-cards{display:grid;gap:.7rem}
.sp-mock-card{background:#fff;border:1px solid #e8e8ea;border-radius:14px;padding:.9rem 1rem;display:flex;align-items:center;gap:.85rem;transition:border-color .2s}
.sp-mock-card:hover{border-color:#d90000}
.sp-mock-flag{font-size:1.6rem;flex-shrink:0}
.sp-mock-t b{font-size:.8rem;color:#121212;font-weight:800}
.sp-mock-rate{font-size:.65rem;color:#8a8a8a;font-weight:800;margin-left:.4rem}
.sp-mock-spec{font-size:.78rem;color:#6a6a6a;margin-top:.15rem;font-weight:500}
.sp-mock-count{font-size:.72rem;color:#d90000;font-weight:800;margin-top:.2rem}
.sp-mock-match{background:linear-gradient(160deg,#ffefef,#fffafa);border:1px solid rgba(217,0,0,.28);border-radius:14px;padding:1.1rem;display:flex;flex-direction:column;justify-content:center}
.sp-mock-match h4{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#d90000;margin:0 0 .5rem}
.sp-mock-match p{font-size:.78rem;color:#333;font-weight:600;line-height:1.55;margin:0 0 .85rem}
.sp-mock-bar{height:6px;background:#eee;border-radius:999px;overflow:hidden;margin:0 0 .35rem}
.sp-mock-bar i{display:block;height:100%;width:82%;background:linear-gradient(90deg,#ff5c5c,#d90000);border-radius:999px}
.sp-mock-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;font-size:.78rem;color:#4a4a4a;font-weight:600}
.sp-mock-pct{font-size:.9rem;font-weight:900;color:#d90000;white-space:nowrap}
.sp-float{position:absolute;display:flex;align-items:center;gap:.5rem;background:#f8f8f6;border:1px solid rgba(18,18,18,.08);border-radius:0;padding:.65rem 1.1rem;font-size:.8rem;font-weight:800;color:#121212;box-shadow:0 1px 2px rgba(18,18,18,.05);animation:sp-float 5s ease-in-out infinite}
.sp-float span{width:22px;height:22px;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;color:#fff;font-weight:900}
.sp-float-1{top:-1.4rem;right:-1rem}
.sp-float-1 span{background:#0d8a4a}
.sp-float-2{bottom:-1.4rem;left:-1rem;animation-delay:1.6s}
.sp-float-2 span{background:#d90000}
@keyframes sp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Resume Builder showcase */
.sp-rb{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);background:#fafafb}
.sp-rb-form{padding:1.4rem;display:flex;flex-direction:column;gap:.95rem;border-right:1px solid #ebebed}
.sp-rb-field label{display:block;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#8a8a8a;margin:0 0 .35rem}
.sp-rb-input,.sp-rb-select{background:#fff;border:1px solid #e2e2e4;border-radius:8px;padding:.6rem .8rem;font-size:.8rem;color:#121212;font-weight:600}
.sp-rb-select{display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.sp-rb-select span{color:#d90000;font-size:.65rem}
.sp-rb-exp{display:grid;gap:.5rem}
.sp-rb-exp-row{background:#fff;border:1px solid #e2e2e4;border-radius:8px;padding:.6rem .8rem}
.sp-rb-exp-row b{display:block;font-size:.76rem;color:#121212;margin:0 0 .1rem}
.sp-rb-exp-row span{font-size:.7rem;color:#6a6a6a}
.sp-rb-cta{margin-top:.35rem;padding-top:1.1rem;border-top:1px solid #ebebed}
.sp-rb-cta .sp-btn{display:block;text-align:center;margin:0 0 .6rem}
.sp-rb-preview{background:#fff;padding:1.5rem;display:flex;flex-direction:column;align-items:center}
.sp-rb-sheet{width:100%;max-width:430px;background:#fff;border:1px solid #e8e8ea;padding:1.3rem;box-shadow:0 24px 60px rgba(18,18,18,.1)}
.sp-rb-head{display:flex;gap:1rem;align-items:flex-start;border-bottom:2px solid #121212;padding-bottom:.85rem;margin-bottom:1rem}
.sp-rb-photo{width:64px;height:82px;background:#eef0f3;border:1px solid #d8dade;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;color:#8a8a8a;flex-shrink:0}
.sp-rb-id b{display:block;font-size:1.02rem;color:#121212;letter-spacing:-.01em;line-height:1.15;margin:0 0 .3rem}
.sp-rb-id span{display:block;font-size:.7rem;color:#4a4a4a;line-height:1.5}
.sp-rb-sec{margin:0 0 1rem}
.sp-rb-sec-t{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#d90000;border-bottom:1px solid #e2e2e4;padding-bottom:.3rem;margin:0 0 .6rem}
.sp-rb-line{height:7px;background:#eceef1;border-radius:3px;margin:0 0 .45rem}
.sp-rb-line.w100{width:100%}.sp-rb-line.w95{width:95%}.sp-rb-line.w90{width:90%}.sp-rb-line.w85{width:85%}.sp-rb-line.w80{width:80%}.sp-rb-line.w70{width:70%}.sp-rb-line.w60{width:60%}
.sp-rb-job{margin:0 0 .85rem}
.sp-rb-job b{display:block;font-size:.74rem;color:#121212;margin:0 0 .45rem}
.sp-rb-job i{font-style:normal;color:#6a6a6a;font-weight:600}
.sp-rb-chiprow{display:flex;gap:.4rem;flex-wrap:wrap}
.sp-rb-chip{font-size:.66rem;font-weight:800;color:#4a4a4a;border:1px solid #e2e2e4;background:#f8f8f6;padding:.3rem .65rem}
.sp-rb-foot{display:flex;gap:1rem;justify-content:center;margin-top:1.2rem;font-size:.72rem;font-weight:800;color:#4a4a4a;flex-wrap:wrap}
.sp-rb-foot span{display:inline-flex;align-items:center;gap:.4rem}

@media(max-width:768px){
  .sp-pgrid,.sp-sgrid,.sp-tgrid{grid-template-columns:1fr}
  .sp-hero-stats{gap:1.5rem}
  .sp-pstat{font-size:2.5rem}
  .sp-hero-title{font-size:clamp(2rem,10vw,3rem)}
  .sp-mock-body{grid-template-columns:1fr}
  .sp-float{display:none}
  .sp-hero-search{padding:.35rem .35rem .35rem .9rem}
  .sp-search-btn{font-size:.7rem;padding:.65rem 1rem}
  .sp-aistats{grid-template-columns:repeat(2,1fr)}
  .sp-ai-demo-fit{display:none}
  .sp-rb{grid-template-columns:1fr}
  .sp-rb-form{border-right:none;border-bottom:1px solid #ebebed}
}

.cp-hero{background:#fff;padding:2rem 2rem 1.75rem;border-bottom:1px solid #e0e0e0}.cp-hero-inner{max-width:1280px;margin:0 auto}.cp-breadcrumb{display:flex;align-items:center;gap:.35rem;font-size:11px;font-weight:900;color:#4a4a4a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.cp-breadcrumb a{color:#4a4a4a;text-decoration:none}.cp-breadcrumb a:hover{color:#d90000}.cp-breadcrumb svg{flex-shrink:0;color:#4a4a4a}.cp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.cp-header-left{display:flex;align-items:center;gap:1rem}.cp-flag{font-size:2.5rem;line-height:1}.cp-header-left h1{font-size:1.75rem;font-weight:900;margin:0 0 .2rem;color:#121212;letter-spacing:-.02em;text-transform:uppercase}.cp-verified{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:#4a4a4a}.cp-verified-dot{display:inline-block;width:6px;height:6px;background:#d90000;box-shadow:0 0 8px #d9000066;border-radius:0;flex-shrink:0}.cp-register{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:900;color:#121212;text-transform:uppercase;letter-spacing:.05em;border:2px solid #121212;padding:.5rem 1rem;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.cp-register:hover{background:#121212;color:#fff}.cp-metrics{background:#f9f9f9;border-bottom:1px solid #e0e0e0;padding:.75rem 0}.cp-metrics-inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:.35rem;padding:0 2rem}.cp-metric{padding:.75rem 1rem;background:#fff;border:1px solid #e0e0e0;display:flex;align-items:center;gap:1.5rem;transition:border-color .2s}.cp-metric:hover{border-color:#d90000}.cp-metric-label{font-size:11px;font-weight:900;color:#4a4a4a;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;min-width:9rem}.cp-metric-value{font-size:.875rem;font-weight:700;color:#121212;line-height:1.4;word-break:break-word}.cp-metric-value[data-mono]{font-family:JetBrains Mono,monospace;letter-spacing:-.01em}.cp-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:2rem;padding:2rem 2rem 4rem}.cp-section-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem}.cp-section-head h2{font-size:1.05rem;font-weight:900;margin:0;color:#121212;text-transform:uppercase;letter-spacing:-.01em}.cp-count{font-size:.8rem;font-weight:700;font-family:JetBrains Mono,monospace;color:#121212;background:#f0f0f0;border:1px solid #e0e0e0;padding:.2rem .55rem}.cp-agencies{display:flex;flex-direction:column;gap:1.25rem}.cp-agency{display:flex;align-items:stretch;background:#fff;border:1px solid #e0e0e0;overflow:hidden;transition:box-shadow .35s,border-color .3s,transform .3s;will-change:transform}.cp-agency:hover{border-color:#d90000;box-shadow:0 20px 60px -10px #0000001a;transform:translateY(-2px)}.cp-agency-body{flex:1;padding:1.35rem;display:flex;flex-direction:column;gap:.5rem;min-width:0}.cp-agency-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cp-agency-name-wrap{display:flex;align-items:center;gap:.6rem;min-width:0}.cp-agency-name-wrap h3{font-size:1.05rem;font-weight:900;margin:0;color:#121212;text-transform:uppercase;letter-spacing:-.01em}.cp-rating{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;color:#d90000;background:#d900000f;border:1px solid rgba(217,0,0,.15);padding:.15rem .5rem;flex-shrink:0}.cp-rating svg{width:12px;height:12px;flex-shrink:0}.cp-verified-tag{font-size:11px;font-weight:900;color:#d90000;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.cp-spec{font-size:.875rem;color:#4a4a4a;font-weight:500;line-height:1.4}.cp-details{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;margin-top:.15rem}.cp-details span{font-size:.8125rem;color:#121212;font-weight:600;display:flex;align-items:center;gap:.25rem}.cp-dl{font-size:11px;font-weight:900;color:#4a4a4a;text-transform:uppercase;letter-spacing:.04em;margin-right:.15rem}.cp-visit{display:inline-flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:900;color:#121212;text-transform:uppercase;letter-spacing:.05em;padding:0 1.75rem;text-decoration:none;white-space:nowrap;border-left:1px solid #e0e0e0;transition:background .15s,color .15s}.cp-visit:hover{background:#d90000;color:#fff}.cp-sidebar{display:flex;flex-direction:column;gap:1rem}.cp-card{background:#fff;border:1px solid #e0e0e0;padding:1.25rem;box-shadow:0 2px 8px #0000000a;transition:box-shadow .35s,border-color .3s}.cp-card:hover{box-shadow:0 20px 60px -10px #0000001a;border-color:#d90000}.cp-card-warn{background:#f9f9f9}.cp-card-warn:hover{border-color:#d90000}.cp-card-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:900;color:#121212;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:.5rem}.cp-card-title svg{flex-shrink:0}.cp-card-sub{font-size:.8125rem;font-weight:500;color:#4a4a4a;margin:0 0 .75rem;line-height:1.5}.cp-checklist{display:flex;flex-direction:column}.cp-check{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;cursor:pointer;transition:background .1s}.cp-check:hover{background:#f5f5f5}.cp-check-input{position:absolute;opacity:0;width:0;height:0}.cp-check-box{width:18px;height:18px;border:2px solid #c0c0c0;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s}.cp-check-box svg{width:11px;height:11px;color:#fff;opacity:0;transition:opacity .12s}.cp-check-input:checked+.cp-check-box{background:#d90000;border-color:#d90000}.cp-check-input:checked+.cp-check-box svg{opacity:1}.cp-check-input:checked~.cp-check-text{opacity:.35;text-decoration:line-through}.cp-check:has(.cp-check-input:checked){background:#f5f5f5}.cp-check-text{font-size:.8rem;color:#444;font-weight:500;transition:opacity .15s}.cp-progress{border-top:1px solid #e0e0e0;margin-top:.75rem;padding-top:.75rem}.cp-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;color:#4a4a4a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem}.cp-progress-num{color:#121212;font-weight:700}.cp-progress-track{height:4px;background:#e0e0e0;overflow:hidden}.cp-progress-fill{height:100%;background:#d90000;transition:width .3s}.cp-warn{margin:.5rem 0 .75rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.cp-warn li{font-size:.8125rem;color:#4a4a4a;font-weight:500;line-height:1.5;padding-left:.85rem;position:relative}.cp-warn li:before{content:"–";position:absolute;left:.05rem;color:#d90000;font-weight:900}.cp-warn-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:900;color:#121212;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}.cp-warn-link:hover{color:#d90000}.cp-facts{margin:.75rem 0 0;display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem}.cp-facts dt{font-size:11px;font-weight:900;color:#4a4a4a;text-transform:uppercase;letter-spacing:.05em}.cp-facts dd{margin:0;font-size:.85rem;font-weight:700;color:#121212;text-align:right}.maroon{color:#d90000!important;font-weight:900}.cp-tpl-links{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.cp-tpl-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:900;color:#121212;text-transform:uppercase;letter-spacing:.05em;background:#f5f5f5;border:1px solid #e0e0e0;padding:.55rem .9rem;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.cp-tpl-btn:hover{background:#d90000;border-color:#d90000;color:#fff}.cp-tpl-btn svg{flex-shrink:0}.modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;transition:opacity .2s}.modal.visible{opacity:1}.modal-bg{position:absolute;inset:0;background:#00000080}.modal-box{position:relative;background:#fff;border:1px solid #e0e0e0;padding:2rem;max-width:420px;width:100%;text-align:center;transform:scale(.96);transition:transform .2s;box-shadow:0 20px 60px -10px #00000026}.modal.visible .modal-box{transform:scale(1)}.modal-shield{margin-bottom:.75rem}.modal-title{font-size:1.1rem;font-weight:900;margin:0 0 .25rem;color:#121212;text-transform:uppercase;letter-spacing:-.01em}.modal-sub{font-size:.85rem;font-weight:500;color:#4a4a4a;margin:0 0 .4rem}.modal-url-display{font-size:.8125rem;color:#121212;font-weight:700;word-break:break-all;margin-bottom:1rem}.modal-notes{display:flex;flex-direction:column;gap:.5rem;text-align:left;margin-bottom:1.5rem}.modal-note{display:flex;align-items:flex-start;gap:.4rem;font-size:.8125rem;color:#4a4a4a;font-weight:500;line-height:1.5}.modal-actions{display:flex;gap:.5rem;justify-content:center}.btn{font-size:.8125rem;font-weight:900;padding:.55rem 1.2rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;text-decoration:none;transition:background .15s;display:inline-flex;align-items:center}.btn-ghost{background:#e0e0e0;color:#121212}.btn-ghost:hover{background:silver}.btn-solid{background:#d90000;color:#fff}.btn-solid:hover{background:#b30000}@media(max-width:860px){.cp-layout{grid-template-columns:1fr}.cp-sidebar{margin-top:1.5rem;border-top:1px solid #e8e8e8;padding-top:1.5rem}}@media(max-width:640px){.cp-header-left{flex-direction:column;align-items:flex-start;gap:.5rem}.cp-flag{font-size:2rem}.cp-header-left h1{font-size:1.35rem}.cp-register{white-space:normal;text-align:center;width:100%;justify-content:center}.cp-visit{padding:0 1rem}.cp-hero{padding:1.5rem 1rem 1.25rem}.cp-layout{padding:1rem}.cp-metrics-inner{padding:0 1rem}.sp-filter-bar{flex-direction:column;align-items:stretch}.sp-filter-input,.sp-filter-select{width:100%;min-width:auto}}

.cp-cand-row{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1.25rem 1rem;margin-top:-.35rem}
.cp-cand{display:inline-block;font-size:.68rem;font-weight:800;padding:.2rem .5rem;border-radius:4px;border:1px solid transparent}
.cp-cand-worldwide{background:#e7f6ec;border-color:#b7e4c5;color:#1a7f37}
.cp-cand-eu{background:#e8f0fb;border-color:#c3d7f2;color:#1a56a8}
.cp-cand-selected{background:#fdf3e1;border-color:#f0ddb4;color:#92600a}
.cp-cand-local{background:#fdeaea;border-color:#f3c4c4;color:#a83232}

.sp-filter-bar{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}
.sp-filter-input{flex:1;min-width:180px;padding:.6rem .75rem;border:1px solid #e0e0e0;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;color:#121212;background:#fff;outline:none}
.sp-filter-input:focus{border-color:#d90000}
.sp-filter-input::placeholder{color:#aaa}
.sp-filter-select{padding:.6rem .75rem;border:1px solid #e0e0e0;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;color:#121212;background:#fff;outline:none;min-width:130px;cursor:pointer}
.sp-filter-select:focus{border-color:#d90000}
.sp-filter-clear{display:inline-flex;align-items:center;gap:.3rem;padding:.6rem 1rem;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#4a4a4a;border:1px solid #e0e0e0;background:#fff;cursor:pointer;transition:background .15s,color .15s}
.sp-filter-clear:hover{background:#d90000;border-color:#d90000;color:#fff}
.sp-filter-count{font-size:.75rem;font-weight:600;color:#4a4a4a;margin-left:auto}
@media(max-width:600px){.sp-filter-select{min-width:100px}}

.vs-hero{background:#121212;color:#fff;padding:4rem 1.5rem;text-align:center}.vs-hero-inner{max-width:720px;margin:0 auto}.vs-hero h1{font-size:clamp(1.75rem,3.5vw,3rem);font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0 0 1rem}.vs-hero p{font-size:1.0625rem;color:#aaa;line-height:1.7;margin:0 0 2rem}.vs-hero .vs-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#d90000;margin-bottom:1.5rem}.vs-hero .vs-badge-dot{display:inline-block;width:8px;height:8px;background:#d90000;box-shadow:0 0 12px #d9000080}.vs-section{max-width:900px;margin:0 auto;padding:4rem 1.5rem}.vs-section h2{font-size:1.5rem;font-weight:900;letter-spacing:-.01em;color:#121212;margin:0 0 .5rem}.vs-section .vs-sub{font-size:1rem;color:#4a4a4a;line-height:1.6;margin:0 0 2rem}.vs-compare{width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:2rem}.vs-compare th,.vs-compare td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid #e0e0e0}.vs-compare th{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#4a4a4a;background:#f5f5f5}.vs-compare th:first-child{width:34%}.vs-compare td:first-child{font-weight:700;color:#121212}.vs-check{color:#d90000;font-weight:900}.vs-cross{color:#bbb;font-size:.8rem}.vs-partial{color:#e68a00}.vs-tag{display:inline-block;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .4rem}.vs-tag-win{background:#d90000;color:#fff}.vs-tag-tie{background:#4a4a4a;color:#fff}.vs-verdict{background:#fff;border:1px solid #e0e0e0;padding:2rem;margin-top:2rem}.vs-verdict h3{font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:#121212;margin:0 0 .75rem}.vs-verdict p{font-size:.9375rem;color:#4a4a4a;line-height:1.7;margin:0 0 1rem}.vs-verdict p:last-child{margin:0}.vs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.vs-card{background:#fff;border:1px solid #e0e0e0;padding:1.75rem}.vs-card h3{font-size:.8125rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.vs-card ul{list-style:none;padding:0;margin:0}.vs-card li{font-size:.875rem;color:#4a4a4a;line-height:1.65;padding:.25rem 0;padding-left:1.25rem;position:relative}.vs-card li:before{content:"→";position:absolute;left:0;color:#d90000;font-weight:700}.vs-cta{display:block;max-width:320px;margin:2rem auto 0;padding:1rem 2rem;background:#d90000;color:#fff;text-align:center;font-weight:900;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:background .15s}.vs-cta:hover{background:#c00000}.vs-note{font-size:.8125rem;color:#888;text-align:center;margin-top:1rem}@media(max-width:640px){.vs-two-col{grid-template-columns:1fr}.vs-section{padding:3rem 1rem}.vs-hero{padding:3rem 1rem}.vs-compare{font-size:.75rem}.vs-compare th,.vs-compare td{padding:.6rem .5rem}}

/* === FAQ Accordion (vs-faq) === */

.vs-faq{max-width:720px;margin:0 auto}
.vs-faq h2{font-size:1.25rem;font-weight:900;letter-spacing:-.01em;color:#121212;margin:0 0 1.25rem}
.vs-faq-item{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:.75rem;background:#fff;overflow:hidden}
.vs-faq-q{padding:1rem 1.25rem;font-size:.9375rem;font-weight:800;color:#121212;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;user-select:none}
.vs-faq-q:hover{background:#fafafa}
.vs-faq-q::after{content:"+";font-size:1.1rem;color:#d90000;font-weight:900;flex-shrink:0;transition:transform .2s}
.vs-faq-q.open::after{content:"\2212"}
.vs-faq-a{display:none;padding:0 1.25rem 1.1rem;font-size:.9375rem;color:#4a4a4a;line-height:1.7}
.vs-faq-a.open{display:block}

.blog-faq{max-width:720px;margin:0 auto}
.blog-faq h2{font-size:1.25rem;font-weight:900;letter-spacing:-.01em;color:#121212;margin:0 0 1.25rem}
.blog-faq-item{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:.75rem;background:#fff;overflow:hidden}
.blog-faq-q{padding:1rem 1.25rem;font-size:.9375rem;font-weight:800;color:#121212;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;user-select:none}
.blog-faq-q:hover{background:#fafafa}
.blog-faq-q::after{content:"+";font-size:1.1rem;color:#d90000;font-weight:900;flex-shrink:0;transition:transform .2s}
.blog-faq-q.open::after{content:"\2212"}
.blog-faq-a{display:none;padding:0 1.25rem 1.1rem;font-size:.9375rem;color:#4a4a4a;line-height:1.7}
.blog-faq-a.open{display:block}



.blog-hero{background:#121212;color:#fff;padding:4rem 1.5rem;text-align:center}.blog-hero-inner{max-width:720px;margin:0 auto}.blog-hero h1{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0 0 .75rem}.blog-hero .blog-meta{font-size:.8rem;color:#888;margin:0 0 1.5rem}.blog-hero .blog-meta span{margin:0 .5rem}.blog-hero p{font-size:1.0625rem;color:#aaa;line-height:1.7;margin:0 0 .5rem}.blog-hero .blog-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#d90000;margin-bottom:1.5rem}.blog-hero .blog-badge-dot{display:inline-block;width:8px;height:8px;background:#d90000;box-shadow:0 0 12px #d9000080;border-radius:50%}.blog-section{max-width:720px;margin:0 auto;padding:3rem 1.5rem}.blog-section h2{font-size:1.4rem;font-weight:900;letter-spacing:-.01em;color:#121212;margin:2.5rem 0 .75rem}.blog-section h3{font-size:1.1rem;font-weight:700;color:#121212;margin:1.5rem 0 .5rem}.blog-section p{font-size:.9375rem;color:#4a4a4a;line-height:1.8;margin:0 0 1.25rem}.blog-section ul,.blog-section ol{font-size:.9375rem;color:#4a4a4a;line-height:1.8;padding-left:1.25rem;margin:0 0 1.25rem}.blog-section li{margin-bottom:.35rem}.blog-section a{color:#d90000;font-weight:600;text-decoration:none}.blog-section a:hover{text-decoration:underline}.blog-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-bottom:2rem}.blog-table th,.blog-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid #e0e0e0}.blog-table th{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#4a4a4a;background:#f5f5f5}.blog-table td:first-child{font-weight:600;color:#121212}.blog-table td{color:#4a4a4a}.blog-cta{background:#121212;color:#fff;text-align:center;padding:3rem 1.5rem;border-radius:12px;margin:2.5rem 0}.blog-cta h3{color:#fff;font-size:1.3rem;font-weight:900;margin:0 0 .5rem}.blog-cta p{color:#aaa;font-size:.9375rem;margin:0 0 1.5rem}.blog-cta a{display:inline-block;background:#d90000;color:#fff;font-weight:700;font-size:.875rem;padding:.75rem 2rem;border-radius:8px;text-decoration:none;transition:background .2s}.blog-cta a:hover{background:#b00000;text-decoration:none}.blog-toc{background:#f0f0f0;border-radius:10px;padding:1.5rem;margin-bottom:2rem}.blog-toc h3{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#121212;margin:0 0 .75rem}.blog-toc a{display:block;font-size:.85rem;padding:.25rem 0;color:#4a4a4a;text-decoration:none}.blog-toc a:hover{color:#d90000}.blog-faq h2{font-size:1.4rem;font-weight:900;margin:2.5rem 0 1rem}.blog-faq-item{border-bottom:1px solid #e0e0e0;padding:1rem 0}.blog-faq-q{font-weight:700;font-size:.9375rem;color:#121212;margin:0 0 .35rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.blog-faq-q:after{content:'+';font-size:1.25rem;color:#d90000;font-weight:700}.blog-faq-q.open:after{content:'−'}.blog-faq-a{font-size:.875rem;color:#4a4a4a;line-height:1.7;margin:.35rem 0 0;display:none}.blog-faq-a.open{display:block}.blog-related{margin:3rem 0;padding-top:1.5rem;border-top:1px solid #e0e0e0}.blog-related h3{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#121212;margin:0 0 1rem}.blog-related a{display:inline-block;margin-right:1rem;margin-bottom:.5rem;font-size:.875rem}@media(max-width:640px){.blog-section{padding:2rem 1rem}.blog-hero{padding:3rem 1rem}.blog-table{font-size:.7rem}.blog-table th,.blog-table td{padding:.5rem .5rem}}@media print{html,body{background:#fff}.blog-hero{background:#121212 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.legal{max-width:720px;margin:0 auto;padding:4rem 2rem 6rem}.legal-header{margin-bottom:2rem}.legal h1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;color:#121212;letter-spacing:-.02em;line-height:1.15;margin:0 0 .5rem}.legal h2{font-size:1.125rem;font-weight:900;color:#121212;text-transform:uppercase;letter-spacing:-.01em;margin:2.5rem 0 .75rem}.legal p{font-size:1.0625rem;font-weight:500;color:#4a4a4a;line-height:1.7;margin:0 0 1rem}.legal a{color:#d90000;text-decoration:underline;font-weight:700}.legal a:hover{color:#121212}.legal-date{font-size:.9375rem;color:#888;font-weight:500;margin-bottom:2rem!important}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.4em;color:#4a4a4a;margin-bottom:1rem}.section-label:before{content:"";display:inline-block;width:8px;height:8px;background:#d90000;box-shadow:0 0 12px #d9000080}
@media(max-width:640px){.legal{padding:2rem 1rem 3rem}}
/* ── Dashboard ── */

/* Hero — matches homepage hero */
.dash-hero{background:#121212;padding:7rem 1.5rem 5rem;position:relative;overflow:hidden}
.dash-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(217,0,0,.12),transparent 60%)}
.dash-hero-inner{max-width:1280px;margin:0 auto;position:relative}
.dash-breadcrumb{font-size:.75rem;font-weight:600;color:#666;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}
.dash-breadcrumb a{color:#666;text-decoration:none}
.dash-breadcrumb a:hover{color:#fff}
.dash-hero-eyebrow{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.3em;color:#d90000;display:block;margin-bottom:1.25rem}
.dash-hero-title{font-size:clamp(2.5rem,5.5vw,5.5rem);font-weight:900;color:#fff;margin:0 0 .75rem;letter-spacing:-.03em;line-height:1.05}
.dash-hero-sub{font-size:1.125rem;color:#aaa;margin:0;max-width:640px;line-height:1.65}

/* Body — dark background matching homepage hero */
.dash-body{background:#121212;padding:2rem 1.5rem 5rem}
.dash-body-inner{max-width:1280px;margin:0 auto}

/* Tabs — dark pill strip */
.dash-tabbar{display:flex;gap:.35rem;margin-bottom:2rem;overflow-x:auto;background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:.4rem}
.dash-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.8125rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#888;cursor:pointer;border:none;background:none;border-radius:8px;transition:all .2s;white-space:nowrap}
.dash-tab:hover{color:#ccc;background:rgba(255,255,255,.04)}
.dash-tab.active{background:#d90000;color:#fff}
.dash-tab svg{flex-shrink:0}
.dash-tab-count{font-size:.65rem;background:#333;padding:.2rem .5rem;border-radius:4px;font-weight:800;color:#888}
.dash-tab.active .dash-tab-count{background:rgba(255,255,255,.15);color:#fff}

/* Panels — white cards on dark background */
.dash-panel{display:none;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2.5rem;box-shadow:0 2px 16px rgba(0,0,0,.15)}
.dash-panel.active{display:block}
.dash-panel + .dash-panel{margin-top:0}
.dash-panel + .dash-dl-box{margin-top:2rem}

/* Controls bar inside panels */
.dash-controls{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-bottom:1.5rem;background:#f7f7f7;padding:.85rem 1rem;border-radius:8px}
.dash-search{padding:.6rem .85rem;border:1px solid #ddd;font-family:Inter,sans-serif;font-size:.875rem;flex:1;min-width:200px;background:#fff;color:#121212;outline:none;border-radius:6px;transition:border-color .2s}
.dash-search:focus{border-color:#d90000}
.dash-select{padding:.6rem .75rem;border:1px solid #ddd;font-family:Inter,sans-serif;font-size:.8125rem;background:#fff;color:#121212;outline:none;cursor:pointer;border-radius:6px;min-width:140px;transition:border-color .2s}
.dash-select:focus{border-color:#d90000}
.dash-fav-toggle{padding:.55rem 1rem;font-size:.8rem;font-weight:700;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:6px;color:#4a4a4a;transition:all .2s}
.dash-fav-toggle:hover{border-color:#d90000;color:#d90000}
.dash-fav-active{background:#d90000!important;color:#fff!important;border-color:#d90000!important}
.dash-count{font-size:.8125rem;font-weight:600;color:#4a4a4a;margin-left:auto}

/* Agency cards — homepage card style */
.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}
.dash-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:1.5rem;position:relative;transition:box-shadow .25s,border-color .25s;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.dash-card:hover{border-color:#d90000;box-shadow:0 8px 24px rgba(0,0,0,.1)}
.dash-card-fav{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.125rem;cursor:pointer;color:#ccc;transition:color .15s;padding:.25rem;z-index:1}
.dash-card-fav:hover,.dash-card-fav.dash-fav-active{color:#d90000}
.dash-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}
.dash-card-name{font-size:1rem;font-weight:800;color:#121212;margin-bottom:.15rem;padding-right:1.25rem}
.dash-card-country{font-size:.8rem;color:#4a4a4a;font-weight:500}
.dash-card-rating{display:flex;align-items:center;gap:.2rem;flex-shrink:0}
.dash-card-rating span{font-size:.75rem;font-weight:700;color:#4a4a4a}
.dash-card-spec{font-size:.75rem;color:#6a6a6a;margin-bottom:.75rem;line-height:1.55}
.dash-card-details{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-bottom:.85rem;align-items:center}
.dash-card-dl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#4a4a4a;margin-right:.2rem}
.dash-card-details span{font-size:.75rem;color:#121212}
.dash-card-global{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#d90000;border:1px solid #d90000;padding:.15rem .4rem;border-radius:3px}
.dash-card-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem;align-items:center}
.dash-chip{font-size:.68rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;background:#f2f2f2;border:1px solid #e0e0e0;color:#4a4a4a}
.dash-cand-chip{font-size:.68rem;font-weight:800;padding:.2rem .5rem;border-radius:4px;border:1px solid transparent}
.dash-cand-worldwide{background:#e7f6ec;border-color:#b7e4c5;color:#1a7f37}
.dash-cand-eu{background:#e8f0fb;border-color:#c3d7f2;color:#1a56a8}
.dash-cand-selected{background:#fdf3e1;border-color:#f0ddb4;color:#92600a}
.dash-cand-local{background:#fdeaea;border-color:#f3c4c4;color:#a83232}
.dash-card-url{display:block;text-align:center;padding:.6rem;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#121212;text-decoration:none;border-radius:6px;transition:background .2s}
.dash-card-url:hover{background:#d90000}
.dash-empty{text-align:center;padding:3rem 1rem;color:#4a4a4a;font-size:.9375rem}

/* Pagination */
.dash-pagination{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:1.5rem;flex-wrap:wrap}
.dash-page-btn{padding:.5rem .85rem;font-size:.8rem;font-weight:700;border:1px solid #ddd;background:#fff;color:#121212;cursor:pointer;border-radius:6px;transition:all .15s}
.dash-page-btn:hover:not(:disabled){border-color:#121212;background:#f5f5f5}
.dash-page-btn:disabled{opacity:.35;cursor:default}
.dash-page-active{background:#121212!important;color:#fff!important;border-color:#121212!important}

/* Jobs intro */
.dash-jobs-intro{font-size:.9375rem;color:#4a4a4a;margin:0 0 1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #eee;line-height:1.65}
.dash-jobs-intro strong{color:#121212;font-weight:800}

/* Job cards — homepage card system */
.dash-job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}
.dash-job-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:1.5rem;transition:box-shadow .3s,border-color .3s;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.dash-job-card:hover{border-color:#d90000;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.dash-job-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem;gap:.5rem}
.dash-job-card-agency{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#d90000}
.dash-job-card-date{font-size:.7rem;color:#888;white-space:nowrap;margin-top:.1rem}
.dash-job-card-title{font-size:1rem;font-weight:800;color:#121212;margin-bottom:.4rem;line-height:1.4;letter-spacing:-.01em}
.dash-job-card-meta{font-size:.8125rem;color:#4a4a4a;margin-bottom:1.25rem}
.dash-job-card-apply{display:block;text-align:center;padding:.6rem;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#d90000;text-decoration:none;border-radius:6px;transition:background .15s;box-shadow:0 4px #900,0 6px 16px rgba(217,0,0,.25)}
.dash-job-card-apply:hover{background:#b30000}

@media(max-width:640px){
  .dash-job-grid{grid-template-columns:1fr}
}

/* Eligibility badges */
.dash-badge{font-size:.65rem;font-weight:800;padding:.25rem .55rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}
.dash-badge-likely{background:#e6f7e6;color:#1a6b1a}
.dash-badge-maybe{background:#fff4e6;color:#b85c00}
.dash-badge-unlikely{background:#fde6e6;color:#b33c3c}

/* Action buttons — used by AI matcher */
.dash-tracker-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;background:#d90000;color:#fff;font-weight:900;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:6px;cursor:pointer;transition:background .15s;box-shadow:0 4px #900,0 6px 16px rgba(217,0,0,.25)}
.dash-tracker-btn:hover{background:#b30000}

/* Download box — white card */
.dash-dl-box{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;box-shadow:0 2px 16px rgba(0,0,0,.15)}
.dash-dl-title{font-size:1rem;font-weight:900;margin:0 0 .25rem;color:#121212}
.dash-dl-sub{font-size:.875rem;color:#4a4a4a;margin:0 0 1.25rem}
.dash-dl-controls{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}
.dash-dl-controls label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#4a4a4a;display:block;margin-bottom:.35rem}
.dash-dl-select{padding:.6rem .75rem;border:1px solid #ddd;font-family:Inter,sans-serif;font-size:.8125rem;border-radius:6px;min-width:220px;cursor:pointer;background:#fff;color:#121212;transition:border-color .2s}
.dash-dl-select:focus{border-color:#d90000}
.dash-dl-action{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;background:#d90000;color:#fff;font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border-radius:6px;transition:background .15s;box-shadow:0 4px #900,0 6px 16px rgba(217,0,0,.25)}
.dash-dl-action:hover{background:#b30000}
.dash-dl-action-sec{background:#fff;color:#121212;border:2px solid #121212;box-shadow:none}
.dash-dl-action-sec:hover{background:#121212;color:#fff}

/* AI Job Matcher box */
.dash-ai-box{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;box-shadow:0 2px 16px rgba(0,0,0,.15)}
.dash-ai-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.dash-ai-spark{margin-right:.25rem}
.dash-ai-badge{margin-left:.6rem;font-size:.6rem;font-weight:900;background:#121212;color:#fff;padding:.25rem .55rem;border-radius:4px;text-transform:uppercase;letter-spacing:.08em;vertical-align:middle}
.dash-ai-badge-premium{background:#d90000}
.dash-ai-trials{font-size:.75rem;font-weight:800;color:#4a4a4a;background:#f5f5f5;border:1px solid #e5e5e5;padding:.4rem .75rem;border-radius:999px;white-space:nowrap}
.dash-ai-form{margin-top:1.25rem}
.dash-ai-form textarea{width:100%;min-height:140px;padding:1rem;border:1px solid #ddd;border-radius:8px;font-family:Inter,sans-serif;font-size:.9375rem;line-height:1.6;color:#121212;resize:vertical;outline:none;box-sizing:border-box;transition:border-color .2s}
.dash-ai-form textarea:focus{border-color:#d90000}
.dash-ai-examples{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.85rem}
.dash-ai-examples-label{font-size:.72rem;font-weight:800;color:#6a6a6a;text-transform:uppercase;letter-spacing:.05em}
.dash-ai-example{font-size:.75rem;font-weight:700;color:#4a4a4a;background:#fff;border:1px solid #ddd;border-radius:999px;padding:.4rem .85rem;cursor:pointer;transition:border-color .15s,color .15s;font-family:Inter,sans-serif}
.dash-ai-example:hover{color:#d90000;border-color:#d90000}
.dash-ai-controls{display:flex;gap:.75rem;align-items:center;margin-top:1rem;flex-wrap:wrap}
.dash-ai-login{margin-top:1.25rem;padding:1rem 1.25rem;background:#121212;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.dash-ai-login p{margin:0;font-size:.875rem;color:#ddd}
.dash-ai-upgrade{display:inline-block;padding:.6rem 1.25rem;background:#d90000;color:#fff;font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border-radius:6px;box-shadow:0 4px #900;transition:background .15s}
.dash-ai-upgrade:hover{background:#b30000}
.dash-ai-error{margin-top:1.25rem;padding:.85rem 1.1rem;background:#fdf2f2;border:1px solid #f3c6c6;color:#b33c3c;border-radius:8px;font-size:.875rem;line-height:1.5}
.dash-ai-note{font-size:.8125rem;color:#4a4a4a;margin:1.25rem 0 .75rem}
.dash-ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}
.dash-ai-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee;border-radius:.75rem;overflow:hidden;transition:border-color .18s}
.dash-ai-card:hover{border-color:#d9d9d9}
.dash-ai-card-body{padding:1rem;display:flex;flex-direction:column;flex:1;min-width:0}
.dash-ai-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.dash-ai-card-text{flex:1;min-width:0}
.dash-ai-card-title{font-size:.875rem;font-weight:600;color:#111827;line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-ai-card-company{font-size:.75rem;color:#6b7280;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-ai-card-badges{display:flex;flex-shrink:0;align-items:center;gap:.35rem;margin-left:.5rem}
.dash-ai-card-score{font-size:.6875rem;font-weight:700;padding:.2rem .4rem;border:1px solid #d9d9d9;border-radius:2px;color:#121212;line-height:1;letter-spacing:-.01em}
.dash-ai-card-score-lbl{font-weight:500;color:#9ca3af;letter-spacing:0}
.dash-ai-card-meta{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#6b7280;margin-top:.75rem}
.dash-ai-card-reason{font-size:.75rem;color:#6b7280;line-height:1.55;margin:.6rem 0 0}
.dash-ai-card-actions{display:flex;align-items:center;gap:.5rem;margin-top:1rem}
.dash-ai-card-open{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;background:#111827;color:#fff;text-decoration:none;transition:background .15s}
.dash-ai-card-open:hover{background:#1f2937}
.dash-ai-card-copy{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:.5rem;border:1px solid #e5e7eb;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#374151;background:#fff;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:Inter,sans-serif}
.dash-ai-card-copy:hover{background:#f9fafb}
.dash-ai-card-copy.copied{color:#128a4e;border-color:#b8e6cd}
.dash-ai-card-foot{padding:.5rem 1rem;font-size:.75rem;color:#9ca3af;border-top:1px solid #f3f4f6;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){.dash-ai-grid{grid-template-columns:1fr}}

/* Wizard section — dark */
.dash-wizard{background:#121212;border-top:1px solid #222;border-bottom:1px solid #222;padding:5rem 1.5rem}
.dash-wizard-inner{max-width:800px;margin:0 auto}
.dash-wizard-head{text-align:center;margin-bottom:2.5rem}
.dash-wizard-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.3em;color:#d90000;display:block;margin-bottom:1.25rem}
.dash-wizard-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;color:#fff;margin:0 0 .75rem;letter-spacing:-.02em;line-height:1.15}
.dash-wizard-desc{font-size:1.125rem;color:#aaa;margin:0 auto;max-width:580px;line-height:1.65}

/* Wizard form — white card on dark */
.sp-wizard{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;box-shadow:0 2px 16px rgba(0,0,0,.15)}
.sp-wizard-row{display:flex;gap:1.5rem;margin-bottom:1rem}
.sp-wizard-row > div{flex:1}
.sp-wizard-row label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#4a4a4a;display:block;margin-bottom:.35rem}
.sp-wizard-row select{width:100%;padding:.65rem .75rem;border:1px solid #ddd;font-family:Inter,sans-serif;font-size:.875rem;border-radius:6px;background:#fff;color:#121212;cursor:pointer;outline:none;transition:border-color .2s}
.sp-wizard-row select:focus{border-color:#d90000}
.sp-wizard-btn{display:block;width:100%;padding:1rem;margin-top:1.25rem;background:#d90000;color:#fff;font-weight:900;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif;border:none;border-radius:8px;cursor:pointer;transition:background .15s;box-shadow:0 6px #900,0 8px 20px rgba(217,0,0,.3)}
.sp-wizard-btn:hover{background:#b30000}

/* Wizard result grid (sp-* classes generated by JS) */
.sp-wizresult{display:none;margin-top:1.5rem}
.sp-wizresult.show{display:block}
.sp-wizresult-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}
.sp-wizresult-card{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;border-radius:8px;text-decoration:none;transition:box-shadow .2s;border:1px solid #eee;background:#fff}
.sp-wizresult-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}
.sp-wizflag{font-size:1.25rem;line-height:1}
.sp-wizname{font-size:.8125rem;font-weight:700;color:#121212}
.sp-wizvisa{font-size:.65rem;color:#6a6a6a}
.sp-wizbadge{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-left:auto;white-space:nowrap;padding:.2rem .45rem;border-radius:4px}
.sp-wiz-likely .sp-wizbadge{background:#e6f7e6;color:#1a6b1a}
.sp-wiz-maybe .sp-wizbadge{background:#fff4e6;color:#b85c00}
.sp-wiz-unlikely .sp-wizbadge{background:#fde6e6;color:#b33c3c}
.sp-wiz-likely{border-left:3px solid #2d7d2d}
.sp-wiz-maybe{border-left:3px solid #b85c00}
.sp-wiz-unlikely{border-left:3px solid #b33c3c}

/* CTA section — matches homepage sp-cta */
.dash-cta{background:#121212;color:#fff;text-align:center;padding:6rem 1.5rem;width:100%}
.dash-cta-inner{max-width:640px;margin:0 auto}
.dash-cta-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;color:#fff;margin:0 0 .75rem;letter-spacing:-.02em;line-height:1.15}
.dash-cta-desc{font-size:1.125rem;color:#aaa;margin:0 0 2.5rem;line-height:1.65}
.dash-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:.875rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#ccc;border:2px solid #555;text-decoration:none;border-radius:8px;transition:all .2s}
.dash-cta-btn:hover{background:#fff;color:#121212}

@media(max-width:768px){
  .dash-hero{padding:4rem 1.25rem 3rem}
  .dash-hero-title{font-size:clamp(2rem,10vw,3rem)}
  .dash-body{padding:1.25rem 1rem 3rem}
  .dash-body-inner{padding:0}
  .dash-panel{padding:1.5rem}
  .dash-tab{gap:.35rem;padding:.6rem 1rem;font-size:.75rem}
  .dash-tabbar{gap:.25rem;padding:.3rem}
  .dash-controls{flex-direction:column;align-items:stretch;padding:.65rem}
  .dash-grid{grid-template-columns:1fr}
  .sp-wizard-row{flex-direction:column;gap:.75rem}
  .sp-wizresult-grid{grid-template-columns:1fr}
  .dash-cta{padding:4rem 1.25rem}
}
/* From Uiverse.io by pradip_1434 */
.loader-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  user-select: none;
  gap: 10px;
}

.loader {
  width: 20px;
  height: 20px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background-color: transparent;
  animation: loader-rotate 1.5s linear infinite;
  z-index: 0;
}

@keyframes loader-rotate {
  0% {
    transform: rotate(90deg);
    box-shadow:
      0 1px 1px 0 #fff inset,
      0 3px 5px 0 #ff5f9f inset,
      0 4px 4px 0 #0693ff inset;
  }
  50% {
    transform: rotate(270deg);
    background: #7c0911;
    box-shadow:
      0 1px 1px 0 #fff inset,
      0 3px 5px 0 #d60a47 inset,
      0 4px 4px 0 #fbef19 inset;
  }
  100% {
    transform: rotate(450deg);
    box-shadow:
      0 1px 1px 0 #fff inset,
      0 3px 5px 0 #ff5f9f inset,
      0 4px 4px 0 #28a9ff inset;
  }
}
.letter-wrapper {
  display: flex;
  gap: 1px;
}
.loader-letter {
  display: inline-block;
  opacity: 0.4;
  transform: translateY(0);
  animation: loader-letter-anim 2s infinite;
  z-index: 1;
  border-radius: 50ch;
  border: none;
}

.loader-letter:nth-child(1) {
  animation-delay: 0s;
}
.loader-letter:nth-child(2) {
  animation-delay: 0.1s;
}
.loader-letter:nth-child(3) {
  animation-delay: 0.2s;
}
.loader-letter:nth-child(4) {
  animation-delay: 0.3s;
}
.loader-letter:nth-child(5) {
  animation-delay: 0.4s;
}
.loader-letter:nth-child(6) {
  animation-delay: 0.5s;
}
.loader-letter:nth-child(7) {
  animation-delay: 0.6s;
}
.loader-letter:nth-child(8) {
  animation-delay: 0.7s;
}
.loader-letter:nth-child(9) {
  animation-delay: 0.8s;
}
.loader-letter:nth-child(10) {
  animation-delay: 0.9s;
}

@keyframes loader-letter-anim {
  0%,
  100% {
    opacity: 0.4;
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: scale(1.15);
  }
  40% {
    opacity: 0.7;
    transform: translateY(0);
  }
}
.dash-ai-controls .loader-wrapper {
  color: #121212;
}
@media(max-width:640px){.nav-center{display:none}.nav-inner{gap:.5rem}.nav-actions .workremotelynow-auth-btn{padding:.5rem .95rem!important;letter-spacing:.03em}.nav-actions>span{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-icon-btn{padding:.4rem}.nav-logo-text{font-size:.875rem;letter-spacing:-.01em}}