:root{--ink:#13283c;--blue:#1559e6;--blue2:#0a3cae;--lime:#d7ff63;--cream:#f5f1e9;--soft:#f6f8fb;--line:#dce3ea;--muted:#607184;--white:#fff;--orange:#ff7548}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5;background:#fff}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
button,input,textarea{font:inherit}
.topbar{height:34px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#cfdae3;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.topbar b,.topbar a{color:var(--lime)}
header{height:78px;padding:0 max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;position:sticky;top:0;background:rgba(255,255,255,.97);z-index:50;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:10px;font-size:20px}
.brand i{font-style:normal;width:38px;height:38px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:7px;font-weight:900;box-shadow:5px 5px 0 var(--lime)}
nav{display:flex;justify-content:center;gap:30px;font-size:12px;font-weight:700}
.navcta,.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:12px;font-weight:900;border-radius:5px}
.navcta{height:46px;padding:0 18px;background:var(--blue);color:#fff}
.navcta b{color:var(--lime)}
.hero{padding:68px max(24px,calc((100vw - 1240px)/2)) 64px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;background:linear-gradient(120deg,#fff 0,#f6f8ff 70%,#edf3ff 100%);min-height:650px}
.kicker{display:flex;gap:8px;margin-bottom:23px}
.kicker span,.kicker b{padding:7px 11px;border-radius:4px;font-size:9px;letter-spacing:.1em}
.kicker span{background:var(--ink);color:#fff}
.kicker b{background:#e8efc4;color:#324400}
h1{font-family:Georgia,serif;font-size:clamp(60px,6.2vw,90px);line-height:.93;letter-spacing:-.055em;margin:0 0 25px;max-width:760px}
em{font-style:normal;color:var(--blue)}
.lead{font-size:18px;color:var(--muted);max-width:710px}
.hero-buttons{display:flex;gap:10px;margin:31px 0 21px}
.button{min-height:53px;padding:0 22px;border:1px solid var(--blue)}
.button.primary{background:var(--blue);color:#fff}
.button.primary b{color:var(--lime)}
.button.ghost{background:white;color:var(--ink)}
.button.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.button.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.checks{display:flex;gap:23px;font-size:11px;font-weight:700}
.checks span{white-space:nowrap}
.checks span::first-letter{color:#179665}
.proof{background:var(--ink);color:white;border-radius:12px;box-shadow:18px 18px 0 var(--lime);overflow:hidden}
.proof-head{padding:20px 23px;display:flex;justify-content:space-between;border-bottom:1px solid #365065;font-size:9px;letter-spacing:.1em}
.proof-head i{font-style:normal;color:#9eb0bf}
.proof-grid{display:grid;grid-template-columns:1fr 1fr}
.proof-grid article{padding:31px 25px;border-right:1px solid #365065;border-bottom:1px solid #365065;min-height:155px}
.proof-grid article:nth-child(even){border-right:0}
.proof-grid strong{display:block;font-family:Georgia,serif;font-size:48px;line-height:1;color:var(--lime);letter-spacing:-.05em}
.proof-grid span{display:block;color:#aebdcc;font-size:11px;max-width:150px;margin-top:10px}
.proof-foot{display:flex;align-items:center;padding:22px 25px}
.proof-foot p{margin:0;font-size:11px;color:#b7c5d0}
.proof-foot p b{color:white}
.avatars{display:flex;margin-right:16px}
.avatars i{font-style:normal;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--blue);border:2px solid var(--ink);margin-left:-7px;font-size:9px;font-weight:900}
.avatars i:first-child{margin:0}
.category-strip{padding:23px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center;gap:22px;white-space:nowrap;overflow:hidden;border-bottom:1px solid var(--line);color:#8794a0}
.category-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.category-strip b{font-family:Georgia,serif;font-size:14px;color:#586a7b}
.price-section,.difference,.founder,.faq{padding:105px max(24px,calc((100vw - 1240px)/2))}
.section-intro{max-width:850px}
.label{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--blue)}
.label.light{color:var(--lime)}
h2{font-family:Georgia,serif;font-size:clamp(45px,4.8vw,68px);line-height:1.01;letter-spacing:-.045em;margin:15px 0 20px}
.section-intro>p{color:var(--muted);max-width:650px}
.price-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:22px;margin-top:50px}
.plans{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.plans article{min-height:142px;padding:24px;display:grid;grid-template-columns:1fr 145px 140px;gap:25px;align-items:center;border-bottom:1px solid var(--line);position:relative}
.plans article:last-child{border:0}
.plans article.popular{background:#f0f5ff;border-left:4px solid var(--blue)}
.plans span{font-size:8px;color:var(--blue);font-weight:900;letter-spacing:.1em}
.plans h3{font-size:18px;margin:6px 0 3px}
.plans p{margin:0;color:var(--muted);font-size:11px}
.plans strong{font-family:Georgia,serif;font-size:27px;text-align:center}
.plans strong small{font-family:Arial;font-size:7px;display:block;color:#83909c;letter-spacing:.1em}
.plans a{font-size:11px;font-weight:900;color:var(--blue);text-align:right}
.badge{position:absolute!important;right:16px;top:0;background:var(--blue);color:white!important;padding:4px 7px;font-size:7px!important}
.included{background:var(--cream);border-radius:10px;padding:30px}
.included h3{font-family:Georgia,serif;font-size:30px;margin:12px 0}
.included ul{list-style:none;padding:0;margin:20px 0}
.included li{font-size:12px;border-bottom:1px solid #d9d2c7;padding:10px 0}
.included li:before{content:'✓';color:#13855e;font-weight:900;margin-right:9px}
.included a{display:block;margin-top:20px;color:var(--blue);font-size:11px;font-weight:900}
.inventory{padding:100px max(24px,calc((100vw - 1240px)/2));background:var(--blue);color:white}
.inventory-head{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}
.inventory h2{color:white}
.inventory-head p{color:#c9d8f9;font-size:13px}
.filters{display:flex;gap:8px;margin:38px 0 18px;overflow:auto}
.filters button{border:1px solid #6e92e8;background:transparent;color:white;border-radius:30px;padding:9px 14px;white-space:nowrap;font-size:10px;font-weight:800;cursor:pointer}
.filters button.active{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.table-wrap{overflow:auto;border-radius:9px;background:white;color:var(--ink)}
table{border-collapse:collapse;width:100%;min-width:850px}
th{text-align:left;background:#edf2f8;padding:13px 18px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#718092}
td{padding:17px 18px;border-bottom:1px solid var(--line);font-size:11px}
tbody tr:last-child td{border:0}
td b{font-size:12px}
td small{display:block;color:#8c99a5;font-size:8px}
td span{display:inline-block;background:#eef3ff;color:var(--blue);padding:4px 7px;border-radius:20px;margin-right:5px;font-size:8px;font-weight:800}
td strong{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--lime)}
td a{color:var(--blue);font-weight:900}
.inventory-cta{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.inventory-cta p{margin:0;color:#dce6fb;font-size:12px}
.difference{background:var(--soft)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:50px}
.feature-grid article{background:white;border:1px solid var(--line);border-radius:9px;padding:27px;min-height:250px}
.feature-grid article>b{font-family:Georgia,serif;font-size:37px;color:var(--blue)}
.feature-grid h3{font-size:19px;margin:58px 0 8px}
.feature-grid p{color:var(--muted);font-size:12px}
.process{padding:105px max(24px,calc((100vw - 1240px)/2));background:var(--ink);color:white;display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}
.process h2{color:white}
.process-title p{color:#aebcca}
.steps{border-top:1px solid #3a5266}
.steps article{display:grid;grid-template-columns:55px 1fr;padding:24px 0;border-bottom:1px solid #3a5266;gap:18px}
.steps article>b{font-family:Georgia,serif;font-size:24px;color:var(--lime)}
.steps span{font-size:8px;letter-spacing:.1em;color:#8fa8bc}
.steps h3{margin:5px 0;font-size:19px}
.steps p{margin:0;color:#aebcca;font-size:12px}
.agency{padding:105px max(24px,calc((100vw - 1240px)/2));background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.agency>div>p{color:var(--muted);font-size:16px}
.agency ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:25px 0}
.agency li{font-size:11px;background:white;border:1px solid #ded8ce;border-radius:5px;padding:11px}
.agency li:before{content:'✓';color:#11835f;margin-right:6px}
.agency-card{background:white;border:1px solid #d8d1c5;border-radius:12px;padding:25px;box-shadow:15px 15px 0 var(--blue)}
.card-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;padding-bottom:17px;border-bottom:1px solid var(--line)}
.card-top span{color:var(--blue)}
.campaign{display:grid;grid-template-columns:43px 1fr auto;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
.campaign i{font-style:normal;width:42px;height:42px;border-radius:6px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-size:9px;font-weight:900}
.campaign p{margin:0;font-size:11px}
.campaign small{display:block;color:#8a97a2}
.campaign>span{font-size:8px;background:#edf3ff;color:var(--blue);padding:5px 7px;border-radius:20px}
.report{text-align:center;background:#edf2f6;border-radius:6px;margin-top:18px;padding:12px;font-size:9px;color:#647687}
.founder{display:grid;grid-template-columns:330px 1fr;gap:90px;align-items:center}
.founder-mark{height:390px;border-radius:10px;background:var(--blue);color:white;display:grid;place-items:center;font-family:Georgia,serif;font-size:105px;box-shadow:16px 16px 0 var(--lime)}
.founder blockquote{font-family:Georgia,serif;font-size:22px;line-height:1.4;margin:18px 0;color:var(--blue)}
.founder p{color:var(--muted)}
.team{display:flex;gap:12px}
.team span{border:1px solid var(--line);border-radius:7px;padding:13px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;min-width:220px}
.team i{font-style:normal;grid-row:1/3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-size:9px}
.team b{font-size:11px}
.team small{font-size:9px;color:var(--muted)}
.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;background:var(--soft)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;padding:21px 0;display:flex;justify-content:space-between;cursor:pointer;font-weight:900;font-size:14px}
summary::-webkit-details-marker{display:none}
details p{color:var(--muted);font-size:12px;padding:0 30px 18px 0}
.brief{padding:105px max(24px,calc((100vw - 1240px)/2));background:var(--blue);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}
.brief h2{color:white}
.brief>div>p{color:#cbdafa}
.brief>div>a{font-weight:900;color:var(--lime)}
.brief form{background:white;color:var(--ink);border-radius:10px;padding:29px;display:grid;gap:13px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.brief label{display:grid;gap:5px;font-size:8px;text-transform:uppercase;font-weight:900;color:#5f6f7d}
.brief input,.brief textarea{padding:12px;border:1px solid var(--line);border-radius:5px;font-size:12px}
.brief button{height:50px;border:0;border-radius:5px;background:var(--ink);color:white;padding:0 17px;display:flex;justify-content:space-between;align-items:center;font-weight:900}
.brief button b{color:var(--lime)}
.brief form small{color:#8995a1;font-size:8px}
footer{padding:60px max(24px,calc((100vw - 1240px)/2));background:#0b1a27;color:white;display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:60px}
footer>div{display:flex;flex-direction:column;gap:7px}
footer p{color:#8296a7;font-size:11px}
footer>div>b{color:var(--lime);font-size:9px;text-transform:uppercase}
footer>div>a{font-size:11px}
footer>small{grid-column:1/-1;border-top:1px solid #304251;padding-top:21px;color:#6e8292;font-size:8px}

@media(max-width:900px){.topbar span:first-child{display:none}
header{height:68px;padding:0 18px;grid-template-columns:1fr auto}
nav{display:none}
.navcta{width:46px;font-size:0;padding:0}
.navcta b{font-size:16px}
.hero{grid-template-columns:1fr;padding:55px 21px 70px;gap:45px;min-height:auto}
.kicker{flex-wrap:wrap}
h1{font-size:54px}
.hero-buttons{flex-direction:column}
.checks{flex-direction:column;gap:6px}
.proof{box-shadow:8px 8px 0 var(--lime)}
.category-strip{justify-content:flex-start}
.price-section,.difference,.founder,.faq{padding:75px 21px}
.price-layout,.inventory-head,.process,.agency,.founder,.faq,.brief{grid-template-columns:1fr;gap:48px}
.plans article{grid-template-columns:1fr auto;padding:20px}
.plans article a{grid-column:1/-1;text-align:left}
.inventory,.process,.agency,.brief{padding:75px 21px}
.inventory-cta{align-items:flex-start;gap:20px;flex-direction:column}
.feature-grid{grid-template-columns:1fr 1fr}
.feature-grid h3{margin-top:25px}
.agency ul,.two{grid-template-columns:1fr}
.founder-mark{height:280px;max-width:330px}
.team{flex-direction:column}
footer{grid-template-columns:1fr}
.topbar{padding:0 18px}
}
@media(max-width:520px){.proof-grid,.feature-grid{grid-template-columns:1fr}
.proof-grid article{border-right:0}
.category-strip{gap:25px}
.plans article{grid-template-columns:1fr}
.plans strong{text-align:left}
.agency-card{box-shadow:7px 7px 0 var(--blue)}
h2{font-size:42px}
}

/* UpBrandix growth-B identity */
.brand{gap:11px;font-size:22px;letter-spacing:-.04em}
.brand>strong{font-weight:700}
.brand>strong span{color:var(--blue);font-weight:900}
.brand .growth-b{font-style:normal;position:relative;width:40px;height:40px;display:block;background:var(--blue);border-radius:9px;box-shadow:5px 5px 0 var(--lime);overflow:hidden}
.brand .growth-b:before{content:"B";position:absolute;left:8px;top:1px;color:white;font-size:28px;line-height:38px;font-weight:900;letter-spacing:-.12em}
.brand .growth-b span{position:absolute;width:25px;height:4px;left:9px;bottom:10px;background:var(--lime);border-radius:4px;transform:rotate(-38deg);box-shadow:0 0 0 2px var(--blue)}
.brand .growth-b span:after{content:"";position:absolute;right:-2px;top:-4px;width:9px;height:9px;border-top:4px solid var(--lime);border-right:4px solid var(--lime);transform:rotate(38deg)}
footer .brand>strong{color:white}

/* UB monogram: the U holds the brand; the rising path passes through B */
.brand .ub-mark{font-style:normal;position:relative;width:44px;height:44px;display:block;flex:0 0 44px;background:var(--ink);border-radius:10px;box-shadow:5px 5px 0 var(--lime);overflow:hidden}
.brand .ub-mark:before{content:"U";position:absolute;left:5px;top:5px;color:white;font-size:25px;line-height:34px;font-weight:900;letter-spacing:-.12em}
.brand .ub-mark:after{content:"B";position:absolute;right:5px;top:5px;color:var(--lime);font-size:25px;line-height:34px;font-weight:900;letter-spacing:-.12em}
.brand .ub-mark span{position:absolute;z-index:2;width:27px;height:3px;left:10px;bottom:10px;background:var(--blue);border-radius:4px;transform:rotate(-39deg);box-shadow:0 0 0 2px var(--ink)}
.brand .ub-mark span:after{content:"";position:absolute;right:-2px;top:-4px;width:8px;height:8px;border-top:3px solid var(--blue);border-right:3px solid var(--blue);transform:rotate(39deg)}

/* Interactive guest-post plan builder */
.planner{background:var(--ink);color:white;border-radius:12px;box-shadow:18px 18px 0 var(--lime);padding:25px;overflow:hidden}
.planner-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #385064}
.planner-head span{font-size:8px;letter-spacing:.13em;color:var(--lime);font-weight:900}
.planner-head h2{font-family:Arial,Helvetica,sans-serif;font-size:24px;line-height:1.1;letter-spacing:-.03em;color:white;margin:7px 0 0}
.planner-head>b{font-size:7px;letter-spacing:.1em;background:#284257;color:#b9cad8;border-radius:20px;padding:6px 8px;white-space:nowrap}
.planner form{display:grid;gap:12px;padding-top:18px}
.planner label{display:grid;gap:5px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#b7c7d4}
.planner label small{font-size:7px;font-weight:400;text-transform:none;letter-spacing:0;color:#8198a9}
.planner input,.planner select{width:100%;height:42px;border:1px solid #496175;background:#1a3449;color:white;border-radius:5px;padding:0 11px;font-size:11px;outline:none}
.planner input:focus,.planner select:focus{border-color:var(--lime)}
.planner input::placeholder{color:#7890a2}
.planner-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.planner button{height:49px;margin-top:2px;border:0;border-radius:5px;background:var(--lime);color:var(--ink);font-weight:900;padding:0 15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.planner-note{display:block;color:#7f95a6;font-size:7px;margin-top:11px;text-align:center}
.plan-result{padding-top:20px}
.result-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #385064;padding-bottom:18px}
.result-top>span{font-size:8px;letter-spacing:.12em;color:var(--lime);font-weight:900}
.result-top strong{font-family:Georgia,serif;font-size:36px;line-height:.9;color:var(--lime);text-align:right}
.result-top strong small{display:block;font-family:Arial;font-size:7px;color:#aebfcb;letter-spacing:.05em;margin-top:6px}
.mix{display:grid;gap:12px;margin:20px 0}
.mix span{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:9px;color:#b6c5d1}
.mix span:before{content:"";grid-column:1/-1;grid-row:2;height:5px;background:#294459;border-radius:4px}
.mix i{grid-column:1/-1;grid-row:2;z-index:1;height:5px;background:var(--lime);border-radius:4px}
.mix b{color:white}
.plan-result p{font-size:10px;color:#aebfcb}
.plan-result>a{display:block;border-top:1px solid #385064;padding-top:15px;color:var(--lime);font-size:10px;font-weight:900}
@media(max-width:900px){.planner{box-shadow:8px 8px 0 var(--lime)}}
@media(max-width:420px){.planner-two{grid-template-columns:1fr}.planner-head h2{font-size:21px}}

/* Readability scale — minimum comfortable sizes across desktop and mobile */
.topbar{font-size:11px}
nav{font-size:14px}
.navcta,.button{font-size:13px}
.kicker span,.kicker b{font-size:11px}
.checks{font-size:13px}
.proof-head,.category-strip span{font-size:11px}
.category-strip b{font-size:15px}
.label{font-size:11px}
.section-intro>p{font-size:16px}
.plans span{font-size:10px}
.plans p,.plans a{font-size:13px}
.plans strong small{font-size:9px}
.included li{font-size:14px}
.included a{font-size:13px}
.inventory-head p{font-size:15px}
.filters button{font-size:12px}
th{font-size:10px}
td{font-size:13px}
td b{font-size:14px}
td small,td span{font-size:10px}
.inventory-cta p{font-size:14px}
.feature-grid p,.steps p{font-size:14px}
.steps span{font-size:10px}
.agency li{font-size:13px}
.campaign p{font-size:13px}
.campaign small,.campaign>span,.report{font-size:10px}
.team b{font-size:13px}
.team small{font-size:11px}
summary{font-size:16px}
details p{font-size:14px}
.brief label{font-size:11px}
.brief input,.brief textarea{font-size:14px}
.brief form small{font-size:10px}
footer p,footer>div>a{font-size:13px}
footer>div>b{font-size:11px}
footer>small{font-size:10px}
.planner-head span{font-size:10px}
.planner-head>b{font-size:9px}
.planner label{font-size:11px}
.planner label small{font-size:10px}
.planner input,.planner select{font-size:14px}
.planner button{font-size:14px}
.planner-note{font-size:10px;line-height:1.45}
.result-top>span{font-size:10px}
.result-top strong small{font-size:10px}
.mix span{font-size:12px}
.plan-result p,.plan-result>a{font-size:13px}
@media(max-width:900px){nav{font-size:14px}.topbar{font-size:10px}.category-strip span{font-size:10px}}

/* Live Ahrefs DR lookup */
.planner input[readonly]{background:#142d40;color:var(--lime);font-weight:900}
.planner button:disabled{opacity:.72;cursor:wait}
.planner-error{margin:0!important;padding:9px 11px;border-radius:5px;background:#562b31;color:#ffd9dd!important;font-size:12px!important}
.dr-live{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 18px;padding:17px 0;border-bottom:1px solid #385064}
.dr-live>span{font-size:10px;letter-spacing:.12em;color:#aebfcb;font-weight:900}
.dr-live>strong{grid-row:1/3;grid-column:2;font-family:Georgia,serif;font-size:52px;line-height:1;color:var(--lime)}
.dr-live>small{font-size:10px;color:#859cad}
.dr-live a{text-decoration:underline;text-underline-offset:2px}

/* Link Growth Scorecard — high-visibility interactive result */
.planner{position:relative;background:radial-gradient(circle at 100% 0,#204a66 0,transparent 35%),linear-gradient(145deg,#10293d,#0b1d2b);box-shadow:18px 18px 0 var(--lime),0 30px 80px rgba(15,42,65,.22)}
.planner:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(215,255,99,.08);filter:blur(3px);right:-90px;top:70px;pointer-events:none}
.planner-head>b{display:flex;align-items:center;gap:6px;background:rgba(215,255,99,.12);color:var(--lime)}
.planner-head>b i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(215,255,99,.65);animation:livePulse 1.8s infinite}
.planner form>label:first-child input{height:52px;font-size:16px;border-color:#668095;background:#fff;color:var(--ink);font-weight:700}
.planner form>label:first-child input::placeholder{color:#718293}
.planner form>button{background:linear-gradient(90deg,var(--lime),#bffb45);box-shadow:0 10px 25px rgba(193,255,62,.17);transition:transform .2s ease,box-shadow .2s ease}
.planner form>button:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(193,255,62,.25)}
.plan-result{animation:resultReveal .55s cubic-bezier(.2,.75,.2,1)}
.scorecard{display:grid;grid-template-columns:145px 1fr;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid #385064}
.dr-gauge{--score:10deg;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) var(--score),#29475d 0);position:relative;box-shadow:0 0 35px rgba(215,255,99,.12)}
.dr-gauge:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#10283b;box-shadow:inset 0 0 0 1px #38566d}
.dr-gauge div{position:relative;text-align:center;display:flex;align-items:baseline;gap:3px}
.dr-gauge strong{font-family:Georgia,serif;font-size:52px;line-height:1;color:white}
.dr-gauge span{font-size:11px;color:var(--lime);font-weight:900}
.score-copy>span,.mix-title span{font-size:9px;letter-spacing:.13em;color:var(--lime);font-weight:900}
.score-copy h3{font-family:Georgia,serif;font-size:27px;margin:5px 0 7px;color:white}
.score-copy p{font-size:12px;color:#b4c5d1;margin-bottom:8px}
.score-copy small{font-size:9px;color:#8298a8}
.score-copy a{text-decoration:underline;text-underline-offset:2px}
.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0 22px}
.roadmap article{position:relative;overflow:hidden;border:1px solid #3b566b;background:#163247;border-radius:7px;padding:12px}
.roadmap article:after{content:"";position:absolute;width:38px;height:38px;border:1px solid rgba(215,255,99,.18);border-radius:50%;right:-14px;top:-13px}
.roadmap span{display:block;font-size:8px;letter-spacing:.1em;color:#89a1b3}
.roadmap b{display:block;font-family:Georgia,serif;font-size:29px;line-height:1.1;color:var(--lime);margin:7px 0 2px}
.roadmap small{font-size:9px;color:#c1ced7}
.mix-title{display:flex;justify-content:space-between;align-items:center}
.mix-title b{font-size:9px;color:white;background:#24465c;border-radius:20px;padding:4px 7px}
.plan-result>p{padding:12px;border-left:3px solid var(--lime);background:#163247;border-radius:0 5px 5px 0}
.result-action{margin:17px -25px -20px;padding:20px 25px;background:var(--lime);color:var(--ink)}
.result-action>span{display:block;font-size:9px;letter-spacing:.12em;font-weight:900;margin-bottom:7px}
.result-action>a{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:900}
.result-action>a b{font-size:18px}
.result-action button{height:auto;margin:10px 0 0;padding:0;background:none!important;box-shadow:none!important;color:#42531a;text-decoration:underline;font-size:10px;font-weight:700}
@keyframes livePulse{70%{box-shadow:0 0 0 7px rgba(215,255,99,0)}}
@keyframes resultReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:520px){.scorecard{grid-template-columns:110px 1fr;gap:14px}.dr-gauge{width:104px;height:104px}.dr-gauge strong{font-size:42px}.score-copy h3{font-size:23px}.roadmap{grid-template-columns:1fr}.roadmap article{display:grid;grid-template-columns:1fr auto;align-items:center}.roadmap b{grid-row:1/3;grid-column:2}.roadmap small{grid-column:1}}