/* ---------- v3: full nav, rig art, calculator ---------- */
.nav{min-height:68px}
nav.main{gap:20px}
.dd{position:relative;padding:22px 0}
.dd>a{display:inline-flex;align-items:center;gap:6px}
.dd>a:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.7}
.ddm{display:none;position:absolute;top:100%;left:-16px;background:var(--ink);border:1px solid #333a41;border-radius:12px;padding:8px;min-width:270px;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.dd:hover .ddm,.dd:focus-within .ddm{display:flex}
nav.main .ddm a{padding:10px 12px;border-radius:8px;opacity:1;font-weight:600}
nav.main .ddm a small{display:block;font-weight:400;color:#9aa3ad;font-size:13px;margin-top:2px}
nav.main .ddm a:hover{background:#22272c;color:#fff}
nav.main .ddm a:hover small{color:#c5cbd1}
nav.main .ddm a[aria-current]{color:var(--accent)}
details.m div{max-height:78vh;overflow:auto;min-width:250px}
details.m div b{display:block;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);padding:12px 12px 4px}
details.m div b:first-child{padding-top:6px}
@media (max-width:1100px){nav.main .lk{display:none}details.m{display:block}nav.main{gap:12px}}
@media (max-width:1100px){.hphone{display:none}}

/* rig illustrations */
.rigs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.rigs{grid-template-columns:1fr}}
.rig{background:#1d2125;border:1px solid #2c3238;border-radius:var(--radius);padding:18px 18px 20px;color:#fff;text-decoration:none;display:block}
a.rig:hover{border-color:var(--accent)}
.rig h3{margin:10px 0 4px;font-size:19px}
.rig p{margin:0;color:#b8bfc6;font-size:15px}
.rig-note{font-size:13px;color:#8d969f;margin-top:16px}
section.dark .sec-head .sub{color:#b8bfc6}

/* price strip */
.price-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:6px 0 28px}
@media (max-width:820px){.price-strip{grid-template-columns:1fr}}
.price-strip div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.price-strip b{display:block;font-family:Archivo,Inter,sans-serif;font-size:34px;line-height:1.1;color:var(--ink)}
.price-strip span{color:var(--muted);font-size:15px}

/* calculator */
.calc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(20,23,26,.06);color:var(--ink)}
.calc h3{margin-bottom:14px}
.rigpick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.rigpick label{cursor:pointer;margin:0}
.rigpick input{position:absolute;opacity:0;width:1px;height:1px}
.rigpick span{display:block;border:2px solid var(--line);border-radius:12px;padding:8px 8px 10px;text-align:center;font-weight:700;font-size:14px;background:#14171a;color:#fff}
.rigpick svg{display:block;width:100%;height:auto;margin-bottom:4px}
.rigpick input:checked+span{border-color:var(--accent)}
.rigpick input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.lenrow{display:flex;gap:14px;align-items:center;margin:8px 0 6px}
.lenrow input[type=range]{flex:1;accent-color:var(--accent)}
.lenrow input[type=number]{width:96px;font:inherit;font-size:18px;font-weight:700;padding:9px 10px;border:1px solid #cfd4d9;border-radius:9px;text-align:center}
.calc-out{background:var(--ink);color:#fff;border-radius:12px;padding:20px 22px;margin:18px 0 16px}
.calc-out .big{font-family:Archivo,Inter,sans-serif;font-size:44px;font-weight:800;line-height:1.05}
.calc-out .how{color:#b8bfc6;font-size:15px;margin-top:6px}
.calc .note{margin:12px 0 0}

/* misc */
.lead-dark{color:#d6dadf}
.pill{display:inline-block;background:rgba(242,106,27,.14);color:var(--accent);font-weight:700;font-size:13px;border-radius:999px;padding:5px 12px;margin-bottom:14px}
.area-list{columns:3;column-gap:24px;padding:0;list-style:none;margin:0}
.area-list li{padding:6px 0;border-bottom:1px solid var(--line);break-inside:avoid}
@media (max-width:640px){.area-list{columns:2}}
.guide-list .card h3{margin-bottom:8px}
.fcols{grid-template-columns:1.6fr 1fr 1fr 1fr}
@media (max-width:900px){.fcols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fcols{grid-template-columns:1fr}}
.hero-art{position:relative}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px}
.kv div{border-top:3px solid var(--accent);padding-top:12px}
.kv b{display:block;margin-bottom:4px}
.kv span{color:var(--muted);font-size:16px}
section.dark .kv span{color:#b8bfc6}
.chips label{position:relative}
form.tr .chips input{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;margin:0;border:0;opacity:0}
.svc-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}