/* Holiday campaign heroes and top bar (approved designs: Home B "Lemon timer", Domains C "Your name, big").
   Year-agnostic: js/promo.js reads the campaign theme, phase and dates from the app's public feed and
   swaps these in over the normal hero, which stays the default and the fallback.
   Phase looks: Black Friday = lemon; Cyber Monday = ice mint; last chance = pulp; ended = muted. */
.cmp,.cmp-bar{--night:#07150F;--night-2:#0B1F18;--deal:#FFC93C;--deal-ink:#123529;--deal-rgb:255,201,60}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cmp{--night:#050F0B;--night-2:#08170F}}
:root[data-theme="dark"] .cmp{--night:#050F0B;--night-2:#08170F}
[data-cmp-phase="cyber"]{--deal:#CFE7DD;--deal-ink:#0B241C;--deal-rgb:207,231,221}
[data-cmp-phase="last"]{--deal:#FF8551;--deal-ink:#1A0D06;--deal-rgb:255,133,81}
[data-cmp-phase="ended"]{--deal:#A9C6B8;--deal-ink:#123529;--deal-rgb:169,198,184}
html[data-cmp-wait] [data-cmp-default],html[data-cmp-wait] .announce{visibility:hidden}
[data-cmp-when][hidden]{display:none!important}

/* ---------- the top bar, while a campaign is on ---------- */
.announce.cmp-bar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;line-height:1.35;font-weight:700}
.bn-fine{font-size:.82em;font-weight:600;opacity:.78;white-space:nowrap}
.bn-ico{flex:none;display:inline-block;width:16px;height:16px}
.bn-cd{display:inline-flex;align-items:center;gap:6px;background:rgba(18,53,41,.1);border-radius:var(--pill);padding:2px 10px 2px 8px;font-variant-numeric:tabular-nums;font-weight:800;font-size:.92em;white-space:nowrap}
.bn-cd i{width:6px;height:6px;border-radius:50%;background:#123529;animation:cmpPulse 2s ease-in-out infinite}
@keyframes cmpPulse{50%{opacity:.25}}
.cmp-bar[data-cmp-phase="cyber"]{background:#CFE7DD;color:#0B241C}
.cmp-bar[data-cmp-phase="last"]{background:var(--squeeze);color:#123529}
.cmp-bar[data-cmp-phase="last"] .bn-cd{background:#F0662F;color:#1A0D06}
.cmp-bar[data-cmp-phase="last"] .bn-cd i{background:#1A0D06}
.cmp-bar[data-cmp-phase="ended"]{background:#123529;color:#EAF3EE}
.cmp-bar[data-cmp-phase="ended"] a{color:#FFC93C}
@media (max-width:620px){.announce.cmp-bar{font-size:12px;padding-block:9px;gap:6px 8px}.bn-ico{display:none}.bn-cd{font-size:11.5px}}

/* ---------- shared hero bits ---------- */
.bfh{position:relative;overflow:hidden;background:var(--night);color:#EAF3EE;isolation:isolate;margin:0}
.bfh h1{font-size:clamp(34px,5.4vw,66px);font-weight:800;letter-spacing:-.04em;line-height:1.02;margin:0 0 clamp(14px,2.2vw,22px);color:#fff;text-wrap:balance}
.bfh .sub{font-size:clamp(15.5px,1.8vw,18.5px);color:#C9DED3;max-width:48ch;margin:0 0 clamp(22px,3vw,30px);text-wrap:pretty}
.bfh .sub b{color:#fff;font-weight:800}
.cmp .cmp-tag{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(16px,2.4vw,24px);border-radius:var(--pill);padding:6px 15px 6px 8px;font-size:13px;font-weight:750;background:rgba(var(--deal-rgb),.12);border:1px solid rgba(var(--deal-rgb),.32);color:#EAF3EE}
.cmp .cmp-tag i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--deal)}
.cmp .cmp-tag i::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--deal-ink);animation:cmpPulse 1.8s ease-in-out infinite}
.cmp[data-cmp-phase="ended"] .cmp-tag i::after{animation:none}
.cmp .trust{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:13.5px;font-weight:600;color:#9DBCAC;margin:18px 0 0;padding:0;list-style:none}
.cmp .trust li::before{content:"\2713";margin-right:6px;color:#8FE0AC;font-weight:800}
.cmp .fine{font-size:12px;line-height:1.5;color:#7FA795;margin:16px 0 0;max-width:64ch}
.cmp .struck{text-decoration:line-through;text-decoration-thickness:.06em;opacity:.45}
.btn-deal{background:var(--deal);color:var(--deal-ink)}
.btn-deal:hover{filter:brightness(1.06)}

/* search box (as on /domains/) */
.cmp .sbox{display:flex;align-items:center;gap:8px;background:#FFFFFF;border:1px solid #D3E2DA;border-radius:999px;padding:7px 7px 7px 20px;box-shadow:0 2px 6px rgba(0,0,0,.12),0 22px 50px -20px rgba(0,0,0,.55);max-width:680px;color:#123529}
.cmp .sbox:focus-within{border-color:#FFC93C;box-shadow:0 0 0 3px rgba(255,201,60,.55),0 22px 50px -20px rgba(0,0,0,.55)}
.cmp .sbox svg{flex:none}
.cmp .sbox input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:18px;font-weight:650;color:#123529;padding:10px 4px;color-scheme:light}
.cmp .sbox input::placeholder{color:#47685B;font-weight:500;opacity:1}
.cmp .sbox .btn{padding:14px 26px;font-size:16px;background:#FFC93C;color:#123529}
.cmp[data-cmp-phase="cyber"] .sbox .btn{background:#CFE7DD;color:#0B241C}
@media (max-width:520px){.cmp .sbox{padding-left:14px}.cmp .sbox input{font-size:16px}.cmp .sbox .btn{padding:12px 18px;font-size:15px}}

/* Cyber Monday pixel field */
.cmp .pix{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background-image:radial-gradient(rgba(207,231,221,.32) 1px,transparent 1.4px);background-size:14px 14px;mask-image:radial-gradient(70% 90% at 70% 30%,#000,transparent 75%)}
.cmp[data-cmp-phase="cyber"] .pix{opacity:1}
.cmp .scan{position:absolute;left:0;right:0;height:120px;top:-120px;z-index:-1;pointer-events:none;display:none;background:linear-gradient(180deg,transparent,rgba(207,231,221,.07),transparent)}
.cmp[data-cmp-phase="cyber"] .scan{display:block}
@media (prefers-reduced-motion:no-preference){.cmp[data-cmp-phase="cyber"] .scan{animation:cmpScan 6s linear infinite}}
@keyframes cmpScan{to{top:100%}}

/* campaign rail (the phases, widths by time) */
.cmp-rail{position:relative;padding-top:4px}
.rail-bar{display:flex;gap:4px;position:relative}
.rail-seg{position:relative;padding-top:16px;min-width:0}
.rail-seg::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:6px;background:rgba(207,231,221,.14)}
.rail-fill{position:absolute;left:0;top:0;height:6px;border-radius:6px;background:#FFC93C;width:0;transition:width .6s ease}
.rail-seg[data-k="cyber"] .rail-fill{background:#CFE7DD}
.rail-seg[data-k="last"] .rail-fill{background:#FF8551}
.rail-n{display:block;font-size:12.5px;font-weight:750;color:#9DBCAC;line-height:1.2;padding-right:6px;margin-bottom:2px}
.rail-d{display:block;font-size:11.5px;color:#6F8F80;white-space:nowrap;line-height:1.3}
.rail-seg.is-now .rail-n{color:#fff}
.rail-seg.is-now .rail-d{color:#C9DED3}
.rail-seg.is-done .rail-n{color:#6F8F80}
.rail-now{position:absolute;top:-4px;width:14px;height:14px;border-radius:50%;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 4px rgba(var(--deal-rgb),.35),0 0 18px rgba(var(--deal-rgb),.7);transition:left .6s ease}
.cmp-rail.is-ended .rail-fill{background:#47685B!important}
.rail-cap{display:none;margin:12px 0 0;font-size:13px;font-weight:700;color:#C9DED3}.on-paper .rail-cap{color:#47685B}
@media (max-width:900px){.rail-n,.rail-d{display:none}.rail-seg{padding-top:6px}.rail-cap{display:block}}
.on-paper .rail-seg::before{background:rgba(18,53,41,.1)}
.on-paper .rail-n{color:#47685B}.on-paper .rail-d{color:#789085}
.on-paper .rail-seg.is-now .rail-n{color:#123529}.on-paper .rail-seg.is-now .rail-d{color:#47685B}
.on-paper .rail-seg.is-done .rail-n{color:#789085}
.on-paper .rail-fill{background:#E9AE12}
.on-paper .rail-seg[data-k="cyber"] .rail-fill{background:#6FBF9E}
.on-paper .rail-seg[data-k="last"] .rail-fill{background:#F0662F}
.on-paper .rail-now{background:#123529}

/* ---------- Year end (theme year-end; approved designs Home B "The new year list" and Domains C "First light").
   Paper in light, night in dark (js/promo.js sets ye-paper / ye-night). Phase colour: deal starts = lemon,
   last days = pulp, ended = muted sage (the [data-cmp-phase] tokens above). ---------- */
.cmp-bar[data-cmp-theme="year-end"] .bn-ico{width:18px;height:18px}
.cmp-bar[data-cmp-theme="year-end"] .bn-fine{font-size:.84em;opacity:.8;white-space:normal}
.cmp-bar[data-cmp-theme="year-end"][data-cmp-page="domains"]{background:linear-gradient(90deg,#FFE08A,#FFC93C 48%,#FFB47E);color:#123529}
.cmp-bar[data-cmp-theme="year-end"][data-cmp-page="domains"][data-cmp-phase="last"]{background:linear-gradient(90deg,#FFC93C,#FF9A62 60%,#F0662F)}
.cmp-bar[data-cmp-theme="year-end"][data-cmp-page="domains"][data-cmp-phase="last"] .bn-cd{background:rgba(26,13,6,.14);color:inherit}
.cmp-bar[data-cmp-theme="year-end"][data-cmp-phase="ended"]{background:#123529;color:#EAF3EE}
@media (max-width:620px){.cmp-bar[data-cmp-theme="year-end"]{font-size:12.5px;gap:4px 8px}.cmp-bar[data-cmp-theme="year-end"] .bn-fine{display:block;width:100%}}

.yeh{--deal-text:#8A5F00;position:relative;overflow:hidden;isolation:isolate;margin:0;background:var(--h-bg);color:var(--h-ink)}
.yeh[data-cmp-phase="last"]{--deal-text:#B8410F}
.yeh[data-cmp-phase="ended"]{--deal-text:#47685B}
.yeh.ye-night{--h-bg:#07150F;--h-ink:#FFFFFF;--h-soft:#C9DED3;--h-faint:#8FB0A1;--h-line:rgba(207,231,221,.16)}
.yeh.ye-paper{--h-bg:#EDF3EF;--h-ink:#123529;--h-soft:#47685B;--h-faint:#5B7468;--h-line:#D3E2DA}
.yeh h1{font-size:clamp(34px,5vw,62px);font-weight:900;letter-spacing:-.035em;line-height:1.02;margin:0 0 clamp(14px,2vw,20px);text-wrap:balance;color:var(--h-ink)}
.yeh .ye-sub{font-size:clamp(15.5px,1.7vw,18px);color:var(--h-soft);max-width:50ch;margin:0 0 clamp(20px,2.6vw,28px);text-wrap:pretty}
.yeh .ye-sub b{color:var(--h-ink);font-weight:800}
.ye-tag{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(16px,2.2vw,22px);border-radius:var(--pill);padding:6px 15px 6px 8px;font-size:13.5px;font-weight:800;background:rgba(var(--deal-rgb),.14);border:1px solid rgba(var(--deal-rgb),.4);color:var(--h-ink)}
.ye-tag i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--deal)}
.ye-tag i::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--deal-ink)}
@media (prefers-reduced-motion:no-preference){.yeh:not([data-cmp-phase="ended"]) .ye-tag i::after{animation:cmpPulse 1.8s ease-in-out infinite}}
.ye-ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.yeh .btn-lg{padding:15px 30px;font-size:16.5px}
.yeh[data-cmp-phase="ended"] .btn-deal{background:#FFC93C;color:#123529}
.ye-ghost{border-color:var(--h-line);color:var(--h-ink);background:transparent}
.ye-ghost:hover{border-color:var(--h-soft)}
.ye-trust{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:14px;font-weight:650;color:var(--h-faint);margin:18px 0 0;padding:0;list-style:none}
.ye-trust li::before{content:"\2713";margin-right:6px;color:#2E8B57;font-weight:900}
.ye-night .ye-trust li::before{color:#8FE0AC}
.ye-fine{font-size:12.5px;line-height:1.5;color:var(--h-faint);margin:14px 0 0;max-width:66ch}
.ye-near{font-size:13px;font-weight:700;color:var(--h-soft);line-height:1.35}
.ye-struck{text-decoration:line-through;text-decoration-thickness:.07em;opacity:.45}
.ye-mail{display:flex;gap:12px;align-items:flex-start;margin:18px 0 0;max-width:58ch;font-size:14.5px;line-height:1.5;color:var(--h-soft)}
.ye-mail b{color:var(--h-ink);font-weight:800}
.ye-mail svg{flex:none;margin-top:1px;width:34px;height:34px;padding:7px;border-radius:10px;background:rgba(var(--deal-rgb),.16);color:var(--h-ink)}
.ye-sbox{display:flex;align-items:center;gap:8px;background:#FFFFFF;border:1px solid #D3E2DA;border-radius:999px;padding:7px 7px 7px 20px;box-shadow:0 2px 6px rgba(18,53,41,.08),0 22px 50px -24px rgba(18,53,41,.45);max-width:680px;color:#123529}
.ye-sbox:focus-within{border-color:#E9AE12;box-shadow:0 0 0 3px rgba(255,201,60,.55),0 22px 50px -20px rgba(0,0,0,.45)}
.ye-sbox svg{flex:none}
.ye-sbox input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:18px;font-weight:650;color:#123529;padding:10px 4px;color-scheme:light}
.ye-sbox input::placeholder{color:#47685B;font-weight:500;opacity:1}
.ye-sbox .btn{padding:14px 26px;font-size:16px;background:#FFC93C;color:#123529}
@media (max-width:620px){.ye-ctas{flex-direction:column;align-items:stretch}.ye-ctas .btn{width:100%}}
@media (max-width:520px){.ye-sbox{padding-left:14px}.ye-sbox input{font-size:16px}.ye-sbox .btn{padding:12px 18px;font-size:15px}}

/* Home B: the new year list. A resolutions card whose three items tick themselves off once on load. */
.yb-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(46% 66% at 76% 50%,rgba(var(--deal-rgb),.22),transparent 72%)}
.ye-paper .yb-bg{background:radial-gradient(46% 66% at 76% 50%,rgba(255,201,60,.32),transparent 72%)}
.yb-in{padding-block:clamp(46px,7vw,96px) clamp(70px,8.4vw,116px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);align-items:center}
.yb-in>*{min-width:0}
.ye-list{position:relative;max-width:520px;margin-inline:auto;width:100%;border-radius:26px;padding:clamp(22px,2.8vw,34px) clamp(20px,2.6vw,32px) clamp(18px,2.2vw,24px);transform:rotate(-1.4deg);background:#FFFFFF;color:#123529;box-shadow:0 2px 4px rgba(18,53,41,.06),0 40px 80px -36px rgba(18,53,41,.5);background-image:repeating-linear-gradient(180deg,transparent 0 47px,rgba(18,53,41,.07) 47px 48px);background-position:0 70px}
.ye-night .ye-list{background-color:#10251D;color:#EAF3EE;box-shadow:0 0 0 1px rgba(207,231,221,.1),0 40px 80px -30px rgba(0,0,0,.9);background-image:repeating-linear-gradient(180deg,transparent 0 47px,rgba(207,231,221,.07) 47px 48px)}
.ye-list::before{content:"";position:absolute;top:-12px;left:50%;width:110px;height:26px;margin-left:-55px;border-radius:6px;background:rgba(255,201,60,.72);transform:rotate(2deg)}
.ye-list h2{font-size:clamp(20px,2vw,24px);font-weight:900;letter-spacing:-.02em;margin:0 0 14px;line-height:1.2;color:inherit}
.ye-list ol{list-style:none;margin:0;padding:0}
.ye-li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:14px 0;border-top:1px solid rgba(18,53,41,.1)}
.ye-night .ye-li{border-color:rgba(207,231,221,.12)}
.ye-box{width:30px;height:30px;border-radius:50%;border:2.5px solid currentColor;opacity:.9;display:grid;place-items:center;transition:background .3s,border-color .3s}
.ye-box svg{width:18px;height:18px}
.ye-box path{stroke:#123529;stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .45s cubic-bezier(.6,0,.2,1)}
.ye-li.on .ye-box{background:var(--deal);border-color:var(--deal)}
.ye-li.on .ye-box path{stroke:var(--deal-ink);stroke-dashoffset:0}
.ye-li-t{font-size:clamp(17px,1.7vw,20px);font-weight:850;letter-spacing:-.015em;line-height:1.25;overflow-wrap:anywhere}
.ye-li-t span{background:linear-gradient(rgba(255,201,60,.55),rgba(255,201,60,.55)) 0 88%/0 40% no-repeat;transition:background-size .6s cubic-bezier(.6,0,.2,1) .15s;padding:0 .08em}
.yeh[data-cmp-phase="last"] .ye-li-t span{background-image:linear-gradient(rgba(255,133,81,.45),rgba(255,133,81,.45))}
.ye-li.on .ye-li-t span{background-size:100% 40%}
.ye-li-s{grid-column:2/4;font-size:13px;font-weight:650;color:#5B7468;line-height:1.4;margin-top:-2px}
.ye-night .ye-li-s{color:#9DBCAC}
.ye-chip{font-size:15px;font-weight:900;border-radius:999px;padding:5px 12px;background:#123529;color:#FFC93C;white-space:nowrap;letter-spacing:-.01em}
.ye-night .ye-chip{background:rgba(255,201,60,.14);color:#FFD35C;box-shadow:inset 0 0 0 1px rgba(255,201,60,.35)}
.yeh[data-cmp-phase="last"] .ye-chip.deal{background:#F0662F;color:#1A0D06;box-shadow:none}
.ye-list-f{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding-top:14px;border-top:1px dashed rgba(18,53,41,.2);font-size:14px;font-weight:700;color:#47685B}
.ye-night .ye-list-f{border-color:rgba(207,231,221,.2);color:#A9C6B8}
.ye-list-f b{font-weight:900;font-variant-numeric:tabular-nums;color:#123529}
.ye-night .ye-list-f b{color:#fff}
.ye-list-f svg{width:30px;height:30px;flex:none;display:block}
@media (max-width:900px){.yb-in{grid-template-columns:1fr}.ye-list{transform:rotate(-1deg)}}

/* Domains C: first light. The brand slice is the first sunrise of the year: it rises over the horizon on
   load, and sits higher the closer the deal is to its end (--sun-v from js/promo.js). */
.yc{text-align:center;--sun-s:clamp(200px,24vw,360px);--sun-v:.36}
.yc-sky{position:relative;overflow:hidden;isolation:isolate;padding-top:clamp(40px,5vw,72px);padding-bottom:calc(var(--sun-s) * var(--sun-v) + clamp(20px,2.4vw,34px))}
.ye-paper .yc-sky{background:linear-gradient(180deg,#E3EFE9 0%,#EEF3EC 38%,#FFF0C2 82%,#FFE08A 100%)}
.ye-night .yc-sky{background:linear-gradient(180deg,#040D09 0%,#07150F 42%,#0E2A1F 76%,#3A3A16 100%)}
.yc-in{position:relative;z-index:2;max-width:1000px;margin-inline:auto}
.yc h1{font-size:clamp(32px,4vw,56px)}
.yc .ye-sub{margin-inline:auto}
.yc .ye-sbox{margin-inline:auto;text-align:left}
.yc .ye-trust{justify-content:center}
.yc-sun{position:absolute;left:50%;bottom:0;width:var(--sun-s);height:var(--sun-s);margin-left:calc(var(--sun-s) / -2);z-index:0;transform:translateY(calc((1 - var(--sun-v)) * 100%));transition:transform 2.8s cubic-bezier(.16,1,.3,1)}
.yc-sun.pre{transform:translateY(calc((1 - var(--sun-v)) * 100% + 30%))}
.yc-sun svg{width:100%;height:100%;display:block}
@media (prefers-reduced-motion:no-preference){.yc-sun svg{animation:ycSpin 160s linear infinite}}
@keyframes ycSpin{to{transform:rotate(360deg)}}
.yc-sun::before{content:"";position:absolute;inset:-45%;border-radius:50%;background:radial-gradient(circle,rgba(255,201,60,.5),rgba(255,201,60,.14) 40%,transparent 66%);z-index:-1}
.ye-night .yc-sun::before{background:radial-gradient(circle,rgba(255,201,60,.34),rgba(255,201,60,.08) 42%,transparent 66%)}
.yc-stars{position:absolute;inset:0;z-index:-1;pointer-events:none;display:none}
.ye-night .yc-stars{display:block}
.yc-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#EAF3EE;opacity:.5}
@media (prefers-reduced-motion:no-preference){.yc-stars i{animation:ycTw 5s ease-in-out infinite}}
@keyframes ycTw{50%{opacity:.12}}
.yc-ground{position:relative;z-index:3;background:#123529;color:#EAF3EE;border-top:2px solid rgba(255,201,60,.7)}
.ye-night .yc-ground{background:#0B1F18}
.yc-ground-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:18px 48px;align-items:center;padding-block:clamp(22px,2.8vw,32px) clamp(64px,7vw,96px);text-align:left}
.yc-ground .ye-mail{margin:0;color:#C9DED3}.yc-ground .ye-mail b{color:#fff}.yc-ground .ye-mail svg{color:#fff;background:rgba(255,201,60,.2)}
.yc-ground .ye-fine{color:#8FB0A1;grid-column:1/-1;margin:0}
.yc-cd{justify-self:end;text-align:right;font-size:14px;font-weight:750;color:#A9C6B8;line-height:1.3;margin:0}
.yc-cd b{display:block;font-size:clamp(26px,2.8vw,36px);font-weight:900;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;margin-top:4px}
.ycd-row{display:flex;justify-content:center;align-items:center;gap:12px 18px;flex-wrap:wrap;margin-top:18px}
.ycd-p{font-size:clamp(36px,3.6vw,46px);font-weight:900;letter-spacing:-.05em;line-height:1;color:var(--h-ink)}
.ye-night .ycd-p{color:#FFD35C}
.ycd-row .ye-near{text-align:left;max-width:28ch;border-left:2px solid rgba(var(--deal-rgb),.6);padding-left:14px}
.ycd-or{font-size:15px;font-weight:700;color:var(--h-soft)}.ycd-or b{color:var(--h-ink)}
@media (max-width:760px){.yc-ground-in{grid-template-columns:1fr}.yc-cd{justify-self:start;text-align:left}}
@media (max-width:620px){.ycd-row .ye-near{border:0;padding:0;text-align:center}}

/* ---------- Home B: Lemon timer. The brand's lemon slice is the clock: the flesh drains clockwise as the phase runs out. ---------- */
.hb-in{position:relative;z-index:2;padding-block:clamp(48px,7.4vw,100px) clamp(70px,8.6vw,120px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(30px,5vw,72px);align-items:center}
.hb-in>*{min-width:0}
.hb-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(48% 70% at 24% 50%,rgba(var(--deal-rgb),.16),transparent 70%)}
.dial{position:relative;width:min(100%,520px);aspect-ratio:1;margin-inline:auto}
.dial svg{width:100%;height:100%;display:block;overflow:visible}
.dial .flesh{fill:rgb(var(--deal-rgb))}
.dial .flesh-bg{fill:rgba(var(--deal-rgb),.1)}
.dial .rind{fill:none;stroke:rgb(var(--deal-rgb));stroke-width:9}
.dial .pith{fill:none;stroke:rgba(255,255,255,.75);stroke-width:3;opacity:.35}
.dial .spoke{stroke:var(--night);stroke-width:7;stroke-linecap:round}
.dial .tick{stroke:rgba(207,231,221,.22);stroke-width:2}
.dial .tick.on{stroke:#fff;stroke-width:3}
.dial-c{position:absolute;inset:31%;border-radius:50%;background:var(--night);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 1px rgba(var(--deal-rgb),.25),0 20px 50px -10px rgba(0,0,0,.8)}
.dial-p{font-size:clamp(40px,5.6vw,74px);font-weight:800;letter-spacing:-.05em;color:#fff;line-height:.9}
.dial-k{font-size:clamp(11px,1.1vw,13px);font-weight:700;color:#9DBCAC;margin-top:8px;line-height:1.3;max-width:15ch}
@media (prefers-reduced-motion:no-preference){.dial{animation:hbIn 1.2s cubic-bezier(.16,1,.3,1) backwards}}
@keyframes hbIn{from{opacity:0;transform:rotate(-40deg) scale(.86)}}
.hb-read{display:flex;justify-content:center;align-items:baseline;gap:12px;margin:clamp(14px,2vw,22px) 0 0;color:#9DBCAC;font-size:14px;font-weight:700;flex-wrap:wrap;text-align:center}
.hb-read b{font-size:clamp(24px,2.6vw,32px);font-weight:800;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cmp[data-cmp-phase="cyber"] .hb-read b{color:#CFE7DD;text-shadow:0 0 22px rgba(207,231,221,.5)}
.hb-copy h1{font-size:clamp(32px,4.6vw,58px)}
.hb-alt{margin:14px 0 0;font-size:14.5px;color:#C9DED3;font-weight:600}
.hb-alt b{color:#fff}
@media (max-width:900px){.hb-in{grid-template-columns:1fr}.hb-copy{order:-1}.dial{width:min(84vw,380px)}}

/* ---------- Domains C: Your name, big. The search box is the headline: paper in light mode, night in dark. ---------- */
.dc{padding-block:clamp(44px,6.6vw,92px) clamp(56px,7vw,100px)}
.dc.on-paper{background:#EDF3EF;color:#123529;border-bottom:1px solid #D3E2DA}
.dc.on-paper h1{color:#123529}
.dc.on-paper .sub{color:#47685B}.dc.on-paper .sub b{color:#123529}
.dc.on-paper .trust{color:#61766D}.dc.on-paper .trust li::before{color:#2E8B57}
.dc.on-paper .fine{color:#61766D}
.dc.on-paper .cmp-tag{background:#fff;border-color:#D3E2DA;color:#123529}
.cmp-dc-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 40px;flex-wrap:wrap}
.cmp-dc-top h1{font-size:clamp(26px,3.2vw,40px);margin:0;max-width:22ch}
.cmp-dc-top .sub{margin:0;max-width:46ch;font-size:clamp(15px,1.5vw,17px)}
.big{position:relative;margin:clamp(26px,4vw,52px) 0 clamp(18px,2.4vw,28px);display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;border-radius:28px;padding:clamp(16px,2.4vw,28px) clamp(18px,2.6vw,34px);background:rgba(255,255,255,.05);border:1.5px solid rgba(207,231,221,.16);cursor:text;transition:border-color .2s,box-shadow .2s}
.dc.on-paper .big{background:#fff;border-color:#D3E2DA;box-shadow:0 1px 2px rgba(18,53,41,.06),0 24px 60px -30px rgba(18,53,41,.35)}
.big:focus-within{border-color:var(--deal);box-shadow:0 0 0 4px rgba(var(--deal-rgb),.25)}
.dc.on-paper .big:focus-within{border-color:#E9AE12}
.big-f{position:relative;flex:1 1 360px;min-width:0;display:flex;align-items:baseline;font-size:clamp(40px,7.4vw,112px);font-weight:800;letter-spacing:-.05em;line-height:1.05}
.big-f input{flex:0 1 auto;min-width:1ch;width:9ch;border:0;outline:0;background:transparent;font:inherit;letter-spacing:inherit;color:#fff;padding:0;caret-color:var(--deal)}
.dc.on-paper .big-f input{color:#123529;caret-color:#E9AE12}
.big-f input::placeholder{color:rgba(207,231,221,.32)}
.dc.on-paper .big-f input::placeholder{color:#B9CEC3}
.big-f span{color:var(--deal)}
.big-f .mir{position:absolute;left:0;top:0;visibility:hidden;white-space:pre;color:transparent}
.dc.on-paper .big-f span{color:#C98F00}
.dc.on-paper[data-cmp-phase="cyber"] .big-f span{color:#3E9C7A}
.dc.on-paper[data-cmp-phase="last"] .big-f span{color:#D9531F}
.big-r{display:flex;align-items:center;gap:16px;flex:none}
.cmp-sticker{position:relative;width:118px;height:118px;border-radius:50%;background:var(--deal);color:var(--deal-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.05;box-shadow:inset 0 0 0 5px rgba(0,0,0,.08),0 18px 40px -16px rgba(0,0,0,.6);transform:rotate(-8deg)}
.dc.on-paper .cmp-sticker{background:#FFC93C;color:#123529}
.dc.on-paper[data-cmp-phase="cyber"] .cmp-sticker{background:#CFE7DD}
.dc.on-paper[data-cmp-phase="last"] .cmp-sticker{background:#F0662F;color:#1A0D06}
.cmp-sticker small{font-size:11px;font-weight:800}
.cmp-sticker b{font-size:30px;font-weight:800;letter-spacing:-.04em;margin:2px 0}
@media (prefers-reduced-motion:no-preference){.cmp-sticker{animation:dcPop .9s cubic-bezier(.3,1.6,.5,1) .5s backwards}}
@keyframes dcPop{from{transform:rotate(-40deg) scale(0)}}
.big-r .btn{padding:16px 30px;font-size:16.5px}
.dc-alt{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-size:14.5px;font-weight:650;color:#C9DED3;margin-bottom:clamp(26px,3.4vw,40px)}
.dc.on-paper .dc-alt{color:#47685B}
.dc-alt b{color:#fff}.dc.on-paper .dc-alt b{color:#123529}
.dc-cdi{font-variant-numeric:tabular-nums;font-weight:800}
@media (max-width:620px){.big{border-radius:20px}.big-r{width:100%;justify-content:space-between}.cmp-sticker{width:92px;height:92px}.cmp-sticker b{font-size:24px}.big-r .btn{flex:1}}

@media (prefers-reduced-motion:reduce){.cmp *,.cmp *::before,.cmp *::after,.cmp-bar *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.cmp .trust a{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* Phones: the home stat tiles stay two to a row, like the approved Black Friday design (site.css drops to one at 400px). */
@media (max-width:400px){.specs{grid-template-columns:repeat(2,1fr)}}