/*
Theme Name: Elite AWRS
Theme URI: https://eliteawrs.co.uk
Author: Digi Market Solutions
Description: Premium dark-and-orange theme for Elite AWRS — alloy wheel refurbishment specialists. Self-installing: activate to auto-create all pages, menu and homepage. Ported from the Next.js build.
Version: 2.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elite-awrs
*/

/* ============================== TOKENS ============================== */
:root{
  --bg:#0a0a0a; --card:#111111; --ink:#ffffff; --ink2:#c8c8c8;
  --muted:#7a7a7a; --line:#1f1f1f; --orange:#e84f1f; --orange2:#ff6a3d;
  --display:"Archivo",system-ui,sans-serif; --body:"Inter",system-ui,sans-serif;
  --max:1400px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);
  font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--orange);color:#fff}
h1,h2,h3{margin:0;font-family:var(--display);letter-spacing:-.02em}
p{margin:0}

/* ============================== UTILITIES ============================== */
.wrap{max-width:var(--max);margin:0 auto;padding-left:24px;padding-right:24px}
@media(min-width:1024px){.wrap{padding-left:40px;padding-right:40px}}
.eyebrow{font-size:11px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--orange);margin-bottom:24px}
.lead{font-size:18px;color:var(--ink2);font-weight:300;line-height:1.7}
@media(min-width:1024px){.lead{font-size:20px}}
.thin{font-weight:100}.black{font-weight:900}.center{text-align:center}
.section{position:relative;padding:96px 0}
@media(min-width:1024px){.section{padding:140px 0}}
.bg-card{background:var(--card)}
.border-y{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cta-band{background:linear-gradient(135deg,var(--bg),#1a0d05 50%,var(--bg))}

/* Display headings */
.display{font-family:var(--display);font-weight:100;color:#fff;letter-spacing:-.02em;line-height:.98}
.h-hero{font-size:56px;line-height:.95}
@media(min-width:640px){.h-hero{font-size:80px}}
@media(min-width:1024px){.h-hero{font-size:120px}}
.h-xl{font-size:clamp(44px,9vw,128px);line-height:.95}
.h-lg{font-size:clamp(40px,7vw,96px);line-height:1.0}
.h-md{font-size:clamp(34px,5vw,72px);line-height:1.05}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 32px;
  font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  transition:background .25s,border-color .25s,color .25s;cursor:pointer;border:0}
.btn-primary{background:var(--orange);color:#fff}
.btn-primary:hover{background:var(--orange2)}
.btn-ghost{border:1px solid rgba(255,255,255,.3);color:#fff;background:transparent}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.05)}
.btn-sm{height:44px;padding:0 20px;font-size:11px}
.btn-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.center .btn-row{justify-content:center}
.arrow{margin-left:12px;transition:transform .25s}
.btn:hover .arrow,a:hover .arrow{transform:translateX(4px)}

/* Grain */
.grain{position:relative}
.grain::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;z-index:1;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/></svg>")}

/* ============================== NAV ============================== */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(0,0,0,.6);backdrop-filter:blur(12px);border-bottom:1px solid rgba(31,31,31,.6)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.nav-logo img{height:36px;width:auto}
.nav-links{display:none;align-items:center;gap:32px;font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.nav-links a{color:var(--ink2);transition:color .2s;position:relative}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--orange)}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-tel{display:none;font-size:13px;font-weight:500;letter-spacing:.16em;color:var(--ink2);transition:color .2s}
.nav-tel:hover{color:#fff}
.nav-book{display:none;align-items:center;justify-content:center;height:40px;padding:0 20px;font-size:12px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--orange);color:#fff;background:rgba(232,79,31,.1);transition:background .2s}
.nav-book:hover{background:var(--orange)}
.burger{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;gap:6px;background:none;border:0;cursor:pointer}
.burger span{display:block;height:1px;width:24px;background:#fff;transition:transform .25s,opacity .25s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.drawer{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.drawer.open{display:block}
.drawer nav{display:flex;flex-direction:column;gap:16px;padding:24px;font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.drawer nav a{color:var(--ink2);padding:4px 0}
.drawer .btn{margin-top:8px}
@media(min-width:640px){.nav-tel,.nav-book{display:inline-flex}}
@media(min-width:768px){.nav-links{display:flex}.burger{display:none}}

/* ============================== HERO ============================== */
.hero{position:relative;height:100svh;min-height:760px;width:100%;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;transform:scale(1.08)}
.hero-bg video,.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-scrim-1{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.25),#000)}
.hero-scrim-2{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.65),transparent,transparent)}
.hero-inner{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:96px}
@media(min-width:1024px){.hero-inner{padding-bottom:128px}}
.hero h1{max-width:880px}
.hero p{margin-top:32px;max-width:560px;font-size:18px}
@media(min-width:640px){.hero p{font-size:20px}}
.hero .btn-row{margin-top:48px}
.scrollcue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;
  font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:rgba(200,200,200,.7)}
.scrollcue span.bar{display:block;width:1px;height:32px;background:rgba(200,200,200,.4);transform-origin:top;animation:cue 2.4s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}

/* ============================== STAT BAR ============================== */
.statbar{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 24px;padding:48px 0}
@media(min-width:768px){.statbar{grid-template-columns:repeat(4,1fr)}}
.stat{text-align:center}
.stat-num{font-family:var(--display);font-weight:900;font-size:48px;line-height:1;color:#fff}
@media(min-width:768px){.stat-num{font-size:60px}}
.stat-label{margin-top:12px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--orange)}

/* ============================== GRIDS / CARDS ============================== */
.grid{display:grid;gap:24px}
.split{display:grid;grid-template-columns:1fr;gap:48px}
@media(min-width:1024px){.split{grid-template-columns:5fr 6fr;gap:80px;align-items:start}}
.services-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
@media(min-width:768px){.services-grid{grid-template-columns:1fr 1fr}}
.service-cell{background:var(--bg);padding:40px;transition:background .25s}
@media(min-width:1024px){.service-cell{padding:56px}}
.service-cell:hover{background:var(--card)}
.service-cell .num{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--orange);margin-bottom:32px}
.service-cell h3{font-size:30px;font-weight:700;color:#fff;margin-bottom:16px;transition:color .25s}
@media(min-width:1024px){.service-cell h3{font-size:36px}}
.service-cell:hover h3{color:var(--orange2)}
.service-cell p{color:var(--ink2);font-size:15px;line-height:1.6}

.card{background:var(--card);border:1px solid var(--line);padding:40px;transition:border-color .25s}
.card:hover{border-color:var(--orange)}
@media(min-width:1024px){.card{padding:48px}}
.cards-3{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:1024px){.cards-3{grid-template-columns:repeat(3,1fr);gap:40px}}
.cards-2-3{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:768px){.cards-2-3{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.cards-2-3{grid-template-columns:repeat(3,1fr);gap:24px}}

/* Service detail rows (alternating) */
.srow{border-bottom:1px solid var(--line)}
.srow.alt{background:var(--card)}
.srow-inner{display:grid;grid-template-columns:1fr;gap:40px;padding:80px 0;align-items:center}
@media(min-width:1024px){.srow-inner{grid-template-columns:7fr 5fr;gap:64px;padding:128px 0}}
.srow.alt .srow-inner{direction:rtl}
.srow.alt .srow-inner>*{direction:ltr}
.srow video{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--card)}
@media(min-width:1024px){.srow video{aspect-ratio:3/4}}
.srow h2{font-size:36px;font-weight:700;color:#fff;line-height:1.05}
@media(min-width:1024px){.srow h2{font-size:60px}}
.srow .short{margin-top:16px;color:var(--ink2);font-weight:300;font-size:18px}
.srow .body{margin-top:32px;color:var(--ink2);line-height:1.7;max-width:520px}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;height:36px;padding:0 16px;font-size:12px;letter-spacing:.08em;
  border:1px solid var(--line);color:var(--ink2);transition:border-color .2s,color .2s}
.chip:hover{border-color:var(--orange);color:#fff}

/* Work gallery */
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:768px){.work-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.work-grid{grid-template-columns:repeat(4,1fr);gap:16px}}
.tile{position:relative;overflow:hidden;aspect-ratio:3/4;background:var(--card);border:1px solid var(--line)}
.tile video{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tile:hover video{transform:scale(1.06)}
.tile-cap{position:absolute;inset:auto 0 0 0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);z-index:2}
.tile-cap .l{font-family:var(--display);font-weight:700;color:#fff;font-size:15px}
.tile-cap .s{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-top:2px}

/* Location cards */
.loc-region{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--orange);margin-bottom:24px}
.loc-city{font-family:var(--display);font-weight:900;font-size:48px;color:#fff;line-height:1}
@media(min-width:1024px){.loc-city{font-size:60px}}
.loc-addr{margin-top:24px;color:var(--ink2);font-weight:300;line-height:1.6}
.loc-hours{margin-top:32px;padding-top:32px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px;font-size:14px}
.loc-hours .row{display:flex;align-items:center;gap:12px}
.loc-hours .k{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);width:64px}
.loc-hours .v{color:var(--ink2)}
.loc-actions{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px}
.mapwrap{border:1px solid var(--line);overflow:hidden}
.mapgrid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line)}
@media(min-width:768px){.mapgrid{grid-template-columns:repeat(3,1fr)}}
.mapgrid iframe{width:100%;height:320px;border:0;display:block;filter:grayscale(.4) contrast(1.1)}

/* Process steps */
.pstep{border-top:1px solid var(--line);padding:48px 0;display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:1024px){.pstep{grid-template-columns:200px 1fr 1fr;gap:48px;align-items:start;padding:72px 0}}
.pstep .pn{font-family:var(--display);font-weight:900;font-size:64px;color:var(--line);line-height:1}
@media(min-width:1024px){.pstep .pn{font-size:96px;color:#161616}}
.pstep h3{font-size:30px;font-weight:700;color:#fff}
@media(min-width:1024px){.pstep h3{font-size:40px}}
.pstep p{color:var(--ink2);line-height:1.7;font-weight:300}

/* Mobile-swindon steps */
.howgrid{display:grid;grid-template-columns:1fr;gap:32px;margin-top:56px}
@media(min-width:768px){.howgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.howgrid{grid-template-columns:repeat(4,1fr);gap:40px}}
.howstep .n{font-size:11px;font-weight:600;letter-spacing:.3em;color:var(--orange)}
.howstep h3{margin-top:20px;font-family:var(--display);font-size:22px;color:#fff}
.howstep p{margin-top:16px;font-size:14px;color:var(--ink2);font-weight:300;line-height:1.7}

/* ============================== FORMS ============================== */
.formwrap{background:var(--card);border:1px solid var(--line);padding:32px}
@media(min-width:1024px){.formwrap{padding:48px}}
.field{margin-bottom:20px}
.field label{display:block;font-size:10px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.field input,.field select,.field textarea{width:100%;background:#0d0d0d;border:1px solid var(--line);color:#fff;
  font-family:var(--body);font-size:15px;padding:14px 16px;transition:border-color .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--orange)}
.field textarea{min-height:130px;resize:vertical}
.field-row{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.field-row{grid-template-columns:1fr 1fr}}
.form-note{margin-top:8px;font-size:12px;color:var(--muted)}
.form-success{background:rgba(232,79,31,.1);border:1px solid var(--orange);padding:24px;color:#fff;margin-bottom:24px}

/* contact info column */
.info-block{margin-top:32px}
.info-block .k{font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.info-block .big{font-family:var(--display);font-size:30px;color:#fff;transition:color .2s}
.info-block .big:hover{color:var(--orange)}

/* ============================== FOOTER ============================== */
.footer{border-top:1px solid var(--line);background:var(--bg)}
.footer-inner{padding:80px 0}
.footer-grid{display:grid;grid-template-columns:1fr;gap:48px}
@media(min-width:768px){.footer-grid{grid-template-columns:4fr 6fr 2fr}}
.footer img{height:40px;width:auto;margin-bottom:24px}
.footer .blurb{color:var(--muted);font-size:14px;line-height:1.7;max-width:360px}
.footer .tel{display:block;font-family:var(--display);font-weight:300;font-size:24px;color:#fff;margin-top:32px;transition:color .2s}
.footer .tel:hover{color:var(--orange)}
.footer .mail{display:block;font-size:14px;color:var(--muted);margin-top:8px;transition:color .2s}
.footer .mail:hover{color:#fff}
.footer-locs{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:640px){.footer-locs{grid-template-columns:repeat(3,1fr)}}
.footer-locs .branch{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}
.footer-locs .city{font-family:var(--display);font-weight:700;font-size:20px;color:#fff;margin-bottom:8px}
.footer-locs .addr{color:var(--muted);font-size:14px;line-height:1.6}
.footer-social .h{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.footer-social a{display:block;color:var(--ink2);font-size:14px;margin-bottom:8px;transition:color .2s}
.footer-social a:hover{color:#fff}
.footer-links{margin-top:56px;padding-top:32px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 28px}
.footer-links a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);transition:color .2s}
.footer-links a:hover{color:var(--orange)}
.footer-base{margin-top:40px;padding-top:32px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;
  justify-content:space-between;gap:16px;align-items:center}
.footer-base .c{font-size:12px;color:var(--muted)}
.footer-base .tag{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

/* ============================== REVEAL ANIM ============================== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.scrollcue .bar{animation:none}}

/* ============================== EDITABLE BLOCK CONTENT ============================== */
/* The page body is now Gutenberg blocks + shortcodes inside .entry-content. */
.page-main{position:relative}
.entry-content{padding:120px 0 100px}
/* Home (and any hero-led page): pull the full-bleed hero flush under the nav */
.entry-content > .hero:first-child{margin-top:-120px}

/* Full-bleed sections (hero, service rows) manage their own width via inner .wrap.
   Everything else is constrained to a readable / centred column. */
.entry-content > :not(.hero):not(.srow){
  max-width:1180px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;
}
/* Wide grids get the full container width */
.entry-content > .statbar,
.entry-content > .work-grid,
.entry-content > .news-grid,
.entry-content > .mapwrap,
.entry-content > .bk{max-width:1400px}
/* Forms read better narrower */
.entry-content > .formwrap{max-width:780px}

/* vertical rhythm */
.entry-content > *{margin-top:26px}
.entry-content > .wp-block-heading{margin-top:8px}
.entry-content > p.eyebrow{margin-top:64px}
.entry-content > .hero:first-child + *,
.entry-content > .statbar{margin-top:0}
.entry-content > .srow{margin-top:0}
.entry-content .display strong{font-weight:900}

/* Native buttons → brand buttons (editable, still look like the design) */
.entry-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.entry-content .wp-block-button__link{
  background:var(--orange);color:#fff;border-radius:0;padding:18px 32px;
  font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
}
.entry-content .wp-block-button__link:hover{background:var(--orange2)}
.entry-content .is-style-outline .wp-block-button__link,
.entry-content .wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;
}
.entry-content .is-style-outline .wp-block-button__link:hover{border-color:#fff;background:rgba(255,255,255,.05)}
/* tidy default block heading colour/spacing */
.entry-content h1,.entry-content h2,.entry-content h3{color:#fff}
.entry-content h3{font-size:30px;font-weight:700;margin-top:40px}
.entry-content .wp-block-image img{width:100%;height:auto;display:block}

/* Honeypot (anti-spam) — visually hidden */
.elite-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}

/* ============================== BOOKING BUILDER ============================== */
.bk{display:grid;grid-template-columns:1fr;gap:40px}
@media(min-width:1024px){.bk{grid-template-columns:1fr 400px;gap:56px;align-items:start}}
.bk-right{display:flex;flex-direction:column;gap:28px}
@media(min-width:1024px){.bk-right{position:sticky;top:96px}}

.bk-svc{border:1px solid var(--line);background:rgba(17,17,17,.4);transition:border-color .2s}
.bk-svc+.bk-svc{margin-top:12px}
.bk-svc.on{border-color:var(--orange);background:var(--card)}
.bk-svc:not(.on):hover{border-color:rgba(255,255,255,.3)}
.bk-svc-head{width:100%;display:flex;align-items:center;gap:16px;padding:20px;text-align:left;background:none;border:0;cursor:pointer}
.bk-check{flex-shrink:0;width:24px;height:24px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:13px;color:transparent}
.bk-svc.on .bk-check{background:var(--orange);border-color:var(--orange);color:#fff}
.bk-svc-main{flex:1}
.bk-svc-name{display:block;font-family:var(--display);font-size:20px;color:#fff}
.bk-svc-blurb{display:block;margin-top:4px;font-size:13px;color:var(--ink2);font-weight:300}
.bk-svc-price{flex-shrink:0;text-align:right;font-size:13px;color:var(--ink2)}
.bk-svc-price strong{color:#fff;font-weight:600}
.bk-svc-price .bk-vat,.bk-poa{color:var(--muted)}
.bk-svc-body{padding:4px 20px 22px;border-top:1px solid rgba(31,31,31,.6);display:flex;flex-direction:column;gap:18px}
.bk-field label{display:block;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--orange);margin:14px 0 10px}
.bk-tiers{display:flex;flex-wrap:wrap;gap:8px}
.bk-tier{height:40px;padding:0 16px;font-size:12px;letter-spacing:.06em;border:1px solid var(--line);color:var(--ink2);background:none;cursor:pointer;transition:border-color .2s,color .2s}
.bk-tier.sel{border-color:var(--orange);color:#fff;background:rgba(232,79,31,.15)}
.bk-tier:not(.sel):hover{border-color:rgba(255,255,255,.4)}
.bk-qty{display:inline-flex;align-items:center;border:1px solid var(--line)}
.bk-qty button{width:40px;height:40px;background:none;border:0;color:#fff;font-size:18px;cursor:pointer}
.bk-qty button:hover{background:rgba(255,255,255,.05)}
.bk-qty span{width:48px;text-align:center;color:#fff}
.bk-field select,.bk-field input{width:100%;background:#0d0d0d;border:1px solid var(--line);color:#fff;font-family:var(--body);font-size:14px;padding:11px 12px}
.bk-field select:focus,.bk-field input:focus{outline:none;border-color:var(--orange)}
.bk-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* summary */
.bk-summary-card .eyebrow,.bk-form .eyebrow{margin-bottom:18px}
.bk-empty{font-size:14px;color:var(--ink2);font-weight:300}
.bk-row{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(31,31,31,.6);font-size:14px}
.bk-row span:first-child{color:var(--ink2)}
.bk-row em{font-style:normal;color:var(--muted)}
.bk-row small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.bk-row span:last-child{color:#fff;white-space:nowrap}
.bk-totals .bk-t{display:flex;justify-content:space-between;color:var(--ink2);font-size:14px;margin-bottom:6px}
.bk-total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:6px;border-top:1px solid var(--line)}
.bk-total span:first-child{color:#fff;font-weight:500;letter-spacing:.02em}
.bk-total span:last-child{color:var(--orange);font-family:var(--display);font-size:22px}
.bk-note{font-size:12px;color:var(--muted);margin-top:10px}
.bk-form .field,.bk-form .field-row{margin-bottom:16px}
.bk-form button[disabled]{opacity:.45;cursor:not-allowed}

/* Pricing */
.price-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:768px){.price-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.price-grid{grid-template-columns:repeat(3,1fr)}}
.price-card{background:var(--card);border:1px solid var(--line);padding:32px 32px 36px;transition:border-color .25s}
.price-card:hover{border-color:var(--orange)}
.price-h{font-family:var(--display);font-weight:700;font-size:24px;color:#fff;margin-bottom:20px}
.price-rows{display:flex;flex-direction:column}
.price-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.price-row:first-child{border-top:0}
.price-row .pl{color:var(--ink2);font-size:15px;font-weight:300}
.price-row .pl .pn{display:block;font-size:12px;color:var(--muted);font-style:normal;margin-top:2px}
.price-row .pp{font-family:var(--display);font-weight:700;color:#fff;font-size:20px;white-space:nowrap}
.price-row .pp em{font-style:normal;font-family:var(--body);font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* News */
.news-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:768px){.news-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.news-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
.news-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;background:var(--card);border:1px solid var(--line);padding:28px;transition:border-color .25s}
.news-card:hover{border-color:rgba(232,79,31,.6)}
.news-meta{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:flex;gap:12px;align-items:center}
.news-meta .src{color:var(--orange)}
.news-card h2{margin-top:20px;font-family:var(--display);font-weight:400;font-size:22px;color:#fff;line-height:1.3}
.news-more{margin-top:32px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink2)}