:root{--brand:#e2571f;--brand2:#ff7a3d;--ink:#0d0f12;--panel:#14171c;--panel2:#1a1e24;
--line:#252a32;--txt:#e8eaed;--mut:#98a0ab;--ok:#33c46b;--warn:#f0a91e}
*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:hidden}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--ink);color:var(--txt);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
/* header */
header{position:sticky;top:0;z-index:60;background:rgba(13,15,18,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:9px;font-weight:900;font-size:21px;letter-spacing:-.4px;white-space:nowrap}
.logo .r{color:var(--brand)}
.logo .tag{font-size:9.5px;letter-spacing:2.4px;color:var(--mut);font-weight:700;border-left:1px solid var(--line);padding-left:9px}
.navlinks{display:flex;gap:26px;align-items:center;font-size:14.5px;font-weight:600}
.navlinks a:hover{color:var(--brand2)}
.navr{display:flex;gap:10px;align-items:center}
.cartbtn{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:10px 17px;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit}
.cartbtn:hover{background:var(--brand2)}
.mbtn{display:none;background:none;border:1px solid var(--line);border-radius:9px;color:var(--txt);padding:8px 12px;font-size:17px;cursor:pointer}
/* hero */
.hero{position:relative;padding:76px 0 64px;background:radial-gradient(1100px 460px at 76% 12%,rgba(226,87,31,.20),transparent 62%),linear-gradient(180deg,#101317,#0d0f12)}
.kicker{color:var(--brand);font-weight:800;letter-spacing:2.6px;font-size:11.5px;text-transform:uppercase;margin-bottom:15px}
h1{font-size:clamp(36px,5.6vw,62px);line-height:1.04;font-weight:900;letter-spacing:-1.6px;max-width:16ch}
h1 .g{background:linear-gradient(100deg,var(--brand),var(--brand2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sub{color:#b6bdc7;font-size:17.5px;max-width:56ch;margin:20px 0 28px}
.btns{display:flex;gap:13px;flex-wrap:wrap}
.btn{background:var(--brand);color:#fff;padding:14px 27px;border-radius:10px;font-weight:800;font-size:15px;display:inline-block;border:0;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--brand2)}
.btn.gho{background:transparent;border:1px solid #39414c}
.btn.gho:hover{border-color:var(--brand);background:rgba(226,87,31,.08)}
.trust{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;font-size:13.5px;color:#aab2bd;font-weight:600}
.trust b{color:var(--txt)}
/* fitment bar */
.fitbar{background:linear-gradient(135deg,#191d23,#13161b);border:1px solid var(--line);border-radius:15px;padding:22px;margin:34px 0 0}
.fitbar h3{font-size:16px;font-weight:800;margin-bottom:4px}
.fitbar p{color:var(--mut);font-size:13.5px;margin-bottom:15px}
.fitgrid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:11px}
select,input[type=search]{width:100%;background:#0f1216;border:1px solid #2c323b;color:var(--txt);padding:13px 14px;border-radius:9px;font-size:14.5px;font-family:inherit;font-weight:600}
select:focus,input:focus{outline:0;border-color:var(--brand)}
/* sections */
section{padding:62px 0}
.shead{margin-bottom:30px}
.shead h2{font-size:clamp(25px,3.3vw,36px);font-weight:900;letter-spacing:-1px}
.shead p{color:var(--mut);margin-top:8px;max-width:60ch;font-size:15px}
/* category tiles */
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}
.cat{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:20px;transition:.18s;display:block}
.cat:hover{border-color:var(--brand);transform:translateY(-3px);background:var(--panel2)}
.cat b{display:block;font-size:15.5px;margin-bottom:3px;font-weight:800}
.cat span{color:var(--mut);font-size:12.5px;font-weight:600}
/* product grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;transition:.18s}
.card:hover{border-color:#3b434f;transform:translateY(-3px)}
.thumb{aspect-ratio:4/3;background:#fff;overflow:hidden;position:relative;display:block}
.thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}
.card:hover .thumb img{transform:scale(1.045)}
.badge{position:absolute;top:9px;left:9px;background:rgba(13,15,18,.86);color:var(--ok);font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:20px;letter-spacing:.5px}
.badge.out{color:var(--mut)}
.cbody{padding:15px;display:flex;flex-direction:column;gap:7px;flex:1}
.brand{color:var(--brand);font-size:10.5px;font-weight:800;letter-spacing:1.4px}
.cbody h3{font-size:14.5px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fitline{color:var(--mut);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.crow{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;padding-top:11px}
.price{font-size:19px;font-weight:900;letter-spacing:-.5px}
.add{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:9px 14px;font-weight:800;font-size:12.5px;cursor:pointer;font-family:inherit;white-space:nowrap}
.add:hover{background:var(--brand2)}
.add.added{background:#2c333d}
/* product page */
.pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:46px;padding:38px 0 10px}
.gal .main{background:#fff;border-radius:14px;overflow:hidden;aspect-ratio:4/3}
.gal .main img{width:100%;height:100%;object-fit:cover}
.gal .thumbs{display:flex;gap:9px;margin-top:11px;flex-wrap:wrap}
.gal .thumbs img{width:74px;height:58px;object-fit:cover;background:#fff;border-radius:7px;cursor:pointer;border:2px solid transparent}
.gal .thumbs img.on{border-color:var(--brand)}
.pdp h1{font-size:29px;letter-spacing:-.9px;max-width:none;line-height:1.2}
.sku{color:var(--mut);font-size:13px;font-weight:600;margin:9px 0 17px}
.pricebox{display:flex;align-items:baseline;gap:13px;margin:6px 0 5px}
.pricebox .big{font-size:36px;font-weight:900;letter-spacing:-1.4px}
.stockline{font-size:13.5px;font-weight:700;color:var(--ok);margin-bottom:19px}
.stockline.out{color:var(--warn)}
.buy{display:flex;gap:11px;margin:22px 0}
.buy .btn{flex:1;text-align:center;padding:15px}
.specs{border-top:1px solid var(--line);margin-top:23px;padding-top:19px}
.specs h4{font-size:13px;letter-spacing:1.4px;color:var(--mut);text-transform:uppercase;margin-bottom:12px;font-weight:800}
.specs dl{display:grid;grid-template-columns:auto 1fr;gap:9px 20px;font-size:14px}
.specs dt{color:var(--mut);font-weight:600}
.specs dd{font-weight:600}
.prose{color:#c2c9d3;font-size:14.5px;line-height:1.72;white-space:pre-line}
.fitlist{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.fitchip{background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:12.5px;color:#c2c9d3;font-weight:600}
/* install */
.local{background:linear-gradient(135deg,#191d23,#12151a);border:1px solid var(--line);border-radius:17px;padding:40px;display:grid;grid-template-columns:1.15fr 1fr;gap:38px;align-items:center}
.local h2{font-size:29px;font-weight:900;letter-spacing:-1px;margin-bottom:13px}
.local p{color:#b6bdc7;font-size:15.5px}
.lstat{display:flex;gap:30px;margin-top:22px}
.lstat b{display:block;font-size:26px;font-weight:900;color:var(--brand)}
.lstat span{font-size:12.5px;color:var(--mut);font-weight:600}
/* cart */
.ov{position:fixed;inset:0;background:rgba(0,0,0,.62);opacity:0;pointer-events:none;transition:.25s;z-index:99}
.ov.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;height:100%;width:395px;max-width:92vw;background:var(--panel);border-left:1px solid var(--line);z-index:100;display:none;flex-direction:column}
.drawer.open{display:flex;animation:sl .28s ease}
@keyframes sl{from{transform:translateX(100%)}to{transform:none}}
.dh{padding:19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.dh h3{font-size:18px;font-weight:800}
.dh button{background:none;border:0;color:var(--mut);font-size:25px;cursor:pointer;line-height:1}
.ditems{flex:1;overflow-y:auto;padding:15px}
.ci{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #1e222a}
.ci img{width:62px;height:62px;object-fit:cover;background:#fff;border-radius:8px;flex-shrink:0}
.ci h5{font-size:13px;font-weight:700;line-height:1.35;margin-bottom:3px}
.ci .p{color:var(--brand);font-weight:800;font-size:14px}
.ci .rm{background:none;border:0;color:var(--mut);cursor:pointer;font-size:17px;align-self:flex-start}
.df{padding:19px;border-top:1px solid var(--line)}
.sub2{display:flex;justify-content:space-between;font-size:17px;font-weight:900;margin-bottom:14px}
.checkout{width:100%;background:var(--brand);color:#fff;border:0;padding:15px;border-radius:10px;font-weight:800;font-size:15.5px;cursor:pointer;font-family:inherit}
.checkout:hover{background:var(--brand2)}
.note{font-size:11.5px;color:var(--mut);text-align:center;margin-top:10px;line-height:1.5}
.empty{text-align:center;color:var(--mut);padding:42px 18px;font-size:14px}
/* faq + footer */
.faq{max-width:800px}
.q{border-bottom:1px solid var(--line);padding:19px 0}
.q h4{font-size:16px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:14px}
.q p{color:var(--mut);font-size:14.5px;margin-top:11px;display:none;line-height:1.7}
.q.on p{display:block}
.q h4 span{color:var(--brand);transition:.2s;flex-shrink:0}
.q.on h4 span{transform:rotate(45deg)}
footer{border-top:1px solid var(--line);padding:46px 0 30px;color:var(--mut);font-size:13.5px;background:#0a0c0e}
.fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:34px;margin-bottom:30px}
.fgrid h5{color:var(--txt);font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:13px}
.fgrid a{display:block;margin-bottom:8px}
.fgrid a:hover{color:var(--brand2)}
.fbot{border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px}
.crumb{color:var(--mut);font-size:13px;padding:19px 0 0;font-weight:600}
.crumb a:hover{color:var(--brand2)}
.pager{display:flex;gap:8px;justify-content:center;margin-top:38px;flex-wrap:wrap}
.pager a,.pager span{padding:9px 14px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;font-weight:700}
.pager .cur{background:var(--brand);border-color:var(--brand);color:#fff}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--panel2);border:1px solid var(--brand);color:var(--txt);padding:13px 22px;border-radius:11px;font-weight:700;font-size:14px;z-index:120;opacity:0;transition:.28s}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:900px){.pdp{grid-template-columns:1fr;gap:28px}.local{grid-template-columns:1fr;padding:28px}.fgrid{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:760px){
 .navlinks{position:absolute;top:68px;left:0;right:0;background:var(--panel);border-bottom:1px solid var(--line);flex-direction:column;gap:0;display:none;padding:8px 20px}
 .navlinks.show{display:flex}
 .navlinks a{padding:13px 0;border-bottom:1px solid #1e222a;width:100%}
 .mbtn{display:inline-block}.logo .tag{display:none}.logo{font-size:18px}
 .fitgrid{grid-template-columns:1fr}
 .drawer{width:100%}
 section{padding:44px 0}
 .lstat{gap:20px}
 .fgrid{grid-template-columns:1fr}
}

/* ── business site layer ───────────────────────────────────────── */
.svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;transition:.2s}
.svc:hover{border-color:var(--brand);transform:translateY(-3px)}
.svc .st{color:var(--brand);font-size:10.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.svc b{display:block;font-size:19px;font-weight:800;letter-spacing:-.4px;margin:9px 0 8px}
.svc span{display:block;color:var(--mut);font-size:14.5px;line-height:1.6}
.svc .go{display:inline-block;margin-top:14px;color:var(--brand2);font-weight:800;font-size:13.5px}
.rvws{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rvw{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column}
.rvw p{font-size:15px;line-height:1.65;color:#d6dae0}
.rvw .who{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--mut);font-weight:700}
.rvw .who b{color:var(--txt);display:block;font-size:14.5px;margin-bottom:2px}
.stars{color:#f5b301;font-size:15px;letter-spacing:2px;margin-bottom:12px}
.ratebox{display:flex;align-items:center;gap:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 26px;flex-wrap:wrap;margin-bottom:26px}
.ratebox .big{font-size:44px;font-weight:900;letter-spacing:-2px;line-height:1}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:22px 0}
.checks div{position:relative;padding-left:28px;font-size:15.5px;color:#d6dae0;line-height:1.55}
.checks div:before{content:"\2713";position:absolute;left:0;top:0;color:var(--brand);font-weight:900}
.hrs{width:100%;border-collapse:collapse;font-size:14.5px}
.hrs td{padding:8px 0;border-bottom:1px solid var(--line)}
.hrs td:last-child{text-align:right;color:var(--mut);font-weight:700}
.mapwrap{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;line-height:0;background:var(--panel)}
.mapfb{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:26px;line-height:1.6;background:linear-gradient(140deg,#14171c,#0f1216);z-index:0}
.mapfb b{font-size:18px;font-weight:800}
.mapfb span{color:var(--mut);font-size:14.5px;margin-top:8px}
.mapwrap iframe{position:relative;z-index:1}
.mapcap{position:relative;z-index:2;display:block;line-height:1.5;padding:13px 18px;font-size:13.5px;font-weight:700;color:var(--brand2);border-top:1px solid var(--line);background:var(--panel)}
.mapcap:hover{background:var(--panel2)}
.mapwrap iframe{width:100%;height:340px;border:0;filter:grayscale(.3) contrast(1.05);display:block}
.area{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.area span{border:1px solid var(--line);border-radius:100px;padding:7px 14px;font-size:13px;color:var(--mut);font-weight:700}
.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ccard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}
.ccard h4{font-size:12px;letter-spacing:1.4px;color:var(--mut);text-transform:uppercase;font-weight:800;margin-bottom:12px}
@media(max-width:980px){.svcs,.rvws{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.svcs,.rvws,.checks,.contactgrid{grid-template-columns:1fr}.ratebox .big{font-size:36px}}

/* ---------- Shop filter / search bar ---------- */
.fbar{background:linear-gradient(135deg,#191d23,#13161b);border:1px solid var(--line);border-radius:15px;padding:16px;margin:0 0 22px}
.fbar .r1{display:grid;grid-template-columns:1fr 210px;gap:11px}
.fbar .r2{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:11px;margin-top:11px}
.fbar .r3{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.fbar input[type=search],.fbar input[type=number],.fbar select{width:100%;background:#0f1216;border:1px solid #2c323b;color:var(--txt);padding:12px 13px;border-radius:9px;font-size:14.5px;font-family:inherit;font-weight:600}
.fbar input::placeholder{color:#6d757f;font-weight:600}
.fbar input:focus,.fbar select:focus{outline:0;border-color:var(--brand)}
.prange{display:grid;grid-template-columns:1fr 12px 1fr;align-items:center;gap:6px}
.prange span{color:var(--mut);text-align:center;font-weight:800}
.fbtns{display:flex;gap:9px}
.fbar .clr{background:none;border:1px solid #2c323b;color:var(--mut);border-radius:9px;padding:12px 16px;font-weight:800;font-size:13.5px;cursor:pointer;font-family:inherit;white-space:nowrap}
.fbar .clr:hover{border-color:var(--brand);color:var(--brand2)}
.chk{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:13.5px;font-weight:700;cursor:pointer;user-select:none}
.chk input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer}
.fcount{color:var(--mut);font-size:13.5px;font-weight:700;margin-left:auto}
.fcount b{color:var(--txt)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.chip{display:inline-flex;align-items:center;gap:7px;background:rgba(226,87,31,.12);border:1px solid rgba(226,87,31,.45);color:var(--brand2);border-radius:100px;padding:6px 13px;font-size:12.5px;font-weight:800;cursor:pointer;font-family:inherit}
.chip:hover{background:rgba(226,87,31,.22)}
.chip i{font-style:normal;font-size:14px;line-height:1}
.nores{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:40px 26px;text-align:center}
.nores h3{font-size:19px;font-weight:800;margin-bottom:8px}
.nores p{color:var(--mut);font-size:14.5px;max-width:48ch;margin:0 auto 18px}
.moreb{display:block;margin:26px auto 0}
@media(max-width:900px){.fbar .r1{grid-template-columns:1fr}.fbar .r2{grid-template-columns:1fr 1fr}.fbar .fbtns{grid-column:1/-1}.fbar .clr{width:100%}}
@media(max-width:560px){.fbar .r2{grid-template-columns:1fr}.fcount{margin-left:0;width:100%}}

/* Footer credit — real gold Rooster mark, links to roosteragents.ai */
.rby{display:inline-flex;align-items:center;gap:9px;color:#d6a33a;font-weight:800;letter-spacing:.2px;text-decoration:none}
.rby img{height:30px;width:auto;display:block}
.rby span{background:linear-gradient(100deg,#c8912c,#f2c25a 55%,#d6a33a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rby:hover span{background:linear-gradient(100deg,#f2c25a,#ffe0a3 55%,#f2c25a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.co{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:start;padding:34px 0 60px}
@media(max-width:860px){.co{grid-template-columns:1fr;gap:24px}}
.co h1{font-size:31px;letter-spacing:-1.1px;margin:0 0 6px}
.co .lede{color:#98a0ab;font-size:14.5px;margin:0 0 22px}
.fld{margin-bottom:14px}
.fld label{display:block;font-size:12.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#98a0ab;margin-bottom:6px}
.fnote{margin:7px 0 0;font-size:11.5px;line-height:1.5;color:#8d95a0}
.fld input{width:100%;background:#0f1216;border:1px solid #252a32;border-radius:9px;padding:12px 13px;color:#e8eaed;font-size:15px;font-family:inherit}
.fld input:focus{outline:0;border-color:#e2571f}
.fld input::placeholder{color:#5c646f}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row3{display:grid;grid-template-columns:2fr .7fr 1fr;gap:12px}
@media(max-width:560px){.row3{grid-template-columns:1fr}}
.panel{background:#0f1216;border:1px solid #252a32;border-radius:14px;padding:24px}
.panel h3{font-size:13px;letter-spacing:1.1px;text-transform:uppercase;color:#98a0ab;margin:0 0 16px}
.sum .li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #1c2027;font-size:14px}
.sum .li:last-of-type{border-bottom:0}
.sum .li img{width:52px;height:52px;object-fit:cover;border-radius:7px;background:#1a1e24;flex:none}
.sum .li b{display:block;font-weight:700;line-height:1.35;font-size:13.5px}
.sum .li span{color:#98a0ab;font-size:12.5px}
.sum .li .amt{margin-left:auto;font-weight:800;white-space:nowrap}
.tot{border-top:1px solid #252a32;margin-top:14px;padding-top:14px}
.tot div{display:flex;justify-content:space-between;font-size:14px;padding:4px 0;color:#98a0ab}
.tot div.g{color:#e8eaed;font-size:20px;font-weight:900;padding-top:9px}
/* Card field is deliberately a LIGHT surface with BLACK text. Chrome autofill
   repaints inputs inside Square's iframe with its own pale background, which
   made near-white card text unreadable. A light field is autofill-proof. */
#card{background:#fff;border:1px solid #d6dae0;border-radius:9px;padding:5px 10px;min-height:52px}
#card.is-focus{border-color:#e2571f;box-shadow:0 0 0 3px rgba(226,87,31,.18)}
.paybtn{width:100%;background:#e2571f;color:#fff;border:0;padding:16px;border-radius:10px;font-weight:900;
  font-size:16px;cursor:pointer;font-family:inherit;margin-top:16px;letter-spacing:.2px}
.paybtn:hover{background:#ff6a2c}
.paybtn:disabled{opacity:.55;cursor:not-allowed}
.err{background:#2a1416;border:1px solid #5c2027;color:#ffb4b4;border-radius:9px;padding:12px 14px;
  font-size:14px;margin-top:14px;display:none;line-height:1.5}
.err.on{display:block}
.trust{color:#7f8792;font-size:12.5px;line-height:1.75;margin-top:15px;text-align:center}
.done{text-align:center;padding:64px 20px;max-width:560px;margin:0 auto}
.done .ck{width:66px;height:66px;border-radius:50%;background:#12351d;color:#4ade80;font-size:34px;
  display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.done h1{font-size:31px;letter-spacing:-1px;margin-bottom:12px}
.done p{color:#98a0ab;font-size:15.5px;line-height:1.75}