/* Based Sites v2: tasteskill "Loud and flat", palette + type kept from BRAND.md (Kaushan dropped: the logo carries the script). */
:root{
  --bg:#0A0A0A; --surface:#141414; --s3:#1E1E1E; --s4:#262626; --ink:#ECECEC; --muted:#A8A8A8; --gold:#C8AC56; --gold-hi:#E2C77A; --on-gold:#111;
  --m:clamp(16px,2.2vw,28px); --r:6px;
  --step-small:0.9375rem;               /* 15 */
  --step-body:clamp(1.0625rem,1rem + 0.25vw,1.1875rem); /* 17-19 */
  --step-lead:clamp(1.25rem,1.1rem + 0.6vw,1.5rem);     /* 20-24 */
  --step-head:clamp(2.25rem,1.4rem + 3.4vw,4.25rem);    /* 36-68 */
  --ease:cubic-bezier(.2,.75,.2,1);
  --disp:"Bricolage Grotesque",system-ui,sans-serif; --text:"DM Sans",system-ui,sans-serif;
}
*,*::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(--text);font-size:var(--step-body);line-height:1.55}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--disp);font-weight:800;letter-spacing:-0.03em;line-height:.95;margin:0}
h2{font-size:var(--step-head)}
p{margin:0}
:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}
.vh,.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:var(--r);font:700 var(--step-small)/1 var(--text);
  text-decoration:none;cursor:pointer;transition:transform .18s var(--ease),background-color .18s}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.97)}
.btn-gold{background:var(--gold);color:var(--on-gold)}.btn-gold:hover{background:var(--gold-hi)}
.btn-chalk{background:var(--ink);color:var(--on-gold)}
.btn-ink{background:var(--bg);color:var(--ink)}
.btn.big{min-height:58px;padding:0 28px;font-size:var(--step-body)}
.btn.wide{width:100%}

/* top: logo left, one action right */
.top{position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:22px var(--m)}
.logo img{width:clamp(96px,9vw,132px)}

/* hero: the brag slides */
.hero{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,64px);align-items:center;min-height:100svh;padding:120px var(--m) 56px}
.hero h1{font-family:var(--disp);font-weight:800;font-size:clamp(46px,8vw,128px);line-height:.92;letter-spacing:-.045em;text-transform:uppercase}
.h-l1{display:block}
.slide{display:block;height:1.04em;overflow:hidden;color:var(--gold)}
.slide-in{display:block;transition:transform .7s var(--ease)}
.w{display:block;height:1.04em;line-height:1.04;white-space:nowrap}
.h-sub{font-size:var(--step-lead);max-width:36ch;margin-top:32px;line-height:1.4}
.h-start{display:flex;gap:8px;margin-top:32px;max-width:560px}
.h-start input{flex:1;min-width:0}
.h-start .btn{min-height:54px;padding:0 24px;font-size:var(--step-body)}
.h-dots{display:flex;gap:6px;list-style:none;padding:0;margin:28px 0 0}
.h-dots li{width:28px;height:4px;border-radius:2px;background:var(--s4);transition:background-color .4s,width .4s}
.h-dots li.on{background:var(--gold);width:56px}

/* the phone acts out each brag */
.h-phone{display:flex;justify-content:center}
.hp{width:min(360px,100%);background:var(--s3);border-radius:36px;padding:18px 14px 20px;transform:rotate(-3deg)}
.hp-url{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:10px;background:var(--bg);font-size:14px;font-weight:700;color:var(--muted);margin-bottom:12px;position:relative;overflow:hidden}
.hp-url i{width:9px;height:11px;border:2px solid var(--muted);border-radius:3px 3px 2px 2px;transition:border-color .4s}
.hp-url span{position:absolute;left:30px;transition:opacity .4s,transform .4s}
.hp-url .u3{opacity:0;transform:translateY(10px);color:var(--ink)}
.hp-site{position:relative;background:#f4f2ec;border-radius:16px;overflow:hidden;padding-bottom:16px;display:grid;gap:10px}
.hp-hdr{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#e9e5da;transition:background-color .6s}
.hp-hdr b{width:56px;height:12px;border-radius:3px;background:#111}.hp-hdr i{width:22px;height:10px;border-radius:3px;background:#111;opacity:.5}
.hp-hero{height:120px;margin:0 14px;border-radius:var(--r);background:#cfcabd;transform-origin:left}
.hp-h{height:20px;width:74%;margin:4px 14px 0;border-radius:3px;background:#111;transform-origin:left}
.hp-t{height:10px;width:86%;margin:0 14px;border-radius:3px;background:#cfcabd;transform-origin:left}
.hp-t.s{width:60%}
.hp-cta{justify-self:start;margin:4px 14px 0;padding:12px 18px;border-radius:var(--r);background:#111;color:#fff;font-weight:700;font-size:15px;transition:background-color .6s}
.hp-live{position:absolute;top:58px;right:22px;padding:6px 10px;border-radius:var(--r);background:#166c39;color:#fff;font-size:13px;font-weight:700;opacity:0;transform:scale(.6);transition:opacity .4s,transform .4s var(--ease)}
.hp-chat{display:grid;gap:8px;margin-top:12px;min-height:84px}
.hp-chat span{max-width:80%;padding:9px 12px;border-radius:14px;font-size:15px;line-height:1.3;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s var(--ease)}
.hp-chat .me{justify-self:end;background:var(--gold);color:var(--on-gold);font-weight:600}
.hp-chat .ai{justify-self:start;background:var(--s4)}
.h-phone[data-step="2"] .hp-chat .ai{transition-delay:.5s}
/* built free: the page draws itself */
.h-phone[data-step="0"] .hp-hero,.h-phone[data-step="0"] .hp-h,.h-phone[data-step="0"] .hp-t{animation:draw 1.1s var(--ease) both}
.h-phone[data-step="0"] .hp-h{animation-delay:.15s}.h-phone[data-step="0"] .hp-t{animation-delay:.3s}
@keyframes draw{from{transform:scaleX(0)}to{transform:none}}
/* live today */
.h-phone[data-step="1"] .hp-live{opacity:1;transform:none}
.h-phone[data-step="1"] .hp-url i{border-color:#1d8a4a}
/* edited by text */
.h-phone[data-step="2"] .hp-chat span{opacity:1;transform:none}
.h-phone[data-step="2"] .hp-hdr,.h-phone[data-step="2"] .hp-cta{background-color:#2f5fd0;transition-delay:.9s}
/* yours to own */
.h-phone[data-step="3"] .hp-url .u0{opacity:0;transform:translateY(-10px)}
.h-phone[data-step="3"] .hp-url .u3{opacity:1;transform:none}
.h-phone[data-step="3"] .hp-url i{border-color:var(--gold)}
.h-phone[data-step="3"] .hp-hdr,.h-phone[data-step="3"] .hp-cta{background-color:#2f5fd0}

/* builder: the live thing */
.builder{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,80px);padding:clamp(96px,11vw,160px) var(--m);align-items:start}
.builder h2{font-size:var(--step-head);max-width:12ch;margin-bottom:36px}
.build{background:var(--surface);border-radius:var(--r);padding:clamp(20px,2.4vw,32px)}
.prog{display:flex;gap:6px;list-style:none;margin:0 0 22px;padding:0;font-size:var(--step-small);font-weight:700}
.prog li{flex:1;padding:10px 12px;background:var(--s3);border-radius:var(--r);color:var(--muted)}
.prog li.on{background:var(--gold);color:var(--on-gold)}.prog li.ok{background:var(--s4);color:var(--ink)}
.build label{display:block;font-weight:700;margin:14px 0 8px;font-size:var(--step-small)}
.opt{color:var(--muted);font-weight:400}
.row1{display:flex;gap:8px}
input,textarea{width:100%;font:inherit;font-size:var(--step-body);color:var(--ink);background:var(--s3);border:0;border-radius:var(--r);padding:13px 14px}
input::placeholder,textarea::placeholder{color:#8a8a8a}
.row1 input{flex:1}
.err{color:#e58b84;font-size:var(--step-small);min-height:1em;margin-top:8px}
.hint{color:var(--muted);font-size:var(--step-small);margin-top:10px}
.linkbtn{background:none;border:0;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0}
.build h3{font-size:clamp(26px,2.4vw,34px);margin:8px 0 8px}
.sub{color:var(--muted);font-size:var(--step-small)}
fieldset{border:0;padding:0;margin:22px 0 0}
legend{font-family:var(--disp);font-weight:800;font-size:var(--step-lead);padding:0;margin-bottom:6px}
.swatches{display:flex;flex-wrap:wrap;gap:8px}
.swatches button{width:44px;height:44px;border-radius:var(--r);border:0;background:var(--c);cursor:pointer;transition:transform .15s var(--ease)}
.swatches button:hover{transform:scale(1.08)}
.swatches .on{outline:3px solid var(--ink);outline-offset:2px}
.pick{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:0 12px;background:var(--s3);border-radius:var(--r);cursor:pointer;font-weight:500!important}
.pick input{width:28px;height:28px;padding:0;background:none}
.pick.on{outline:3px solid var(--ink)}
.styles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.styles button{text-align:left;background:var(--s3);color:var(--ink);border:0;border-radius:var(--r);padding:14px;cursor:pointer;font:inherit;transition:background-color .15s}
.styles button:hover{background:var(--s4)}
.styles button.on{background:var(--gold);color:var(--on-gold)}
.styles b{display:block;font-size:var(--step-lead)}.styles small{font-size:var(--step-small);opacity:.8}
.f-classic{font-family:Georgia,serif}.f-playful{font-family:"Comic Sans MS","Trebuchet MS",sans-serif}
.drop{display:flex!important;align-items:center;justify-content:center;min-height:96px;background:var(--s3);border-radius:var(--r);cursor:pointer;font-weight:500!important;text-align:center;padding:12px}
.drop input{position:absolute;opacity:0;width:1px;height:1px}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:8px}
.thumbs div{position:relative;aspect-ratio:1;background:var(--s4) center/cover;border-radius:var(--r);overflow:hidden}
.thumbs span{position:absolute;left:4px;right:4px;bottom:4px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thumbs button{position:absolute;top:4px;right:4px;width:28px;height:28px;border:0;border-radius:var(--r);background:var(--bg);color:var(--ink);cursor:pointer}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.grid2 .full{grid-column:1/-1;margin-top:16px}
.pv{display:none;align-items:center;gap:12px;margin-bottom:10px}.pv.has{display:flex}
.pv i{width:52px;height:52px;border-radius:var(--r);background:var(--s4) center/cover}
.pv small{display:block;color:var(--muted);font-size:var(--step-small)}
.upl{height:8px;background:var(--s3);border-radius:4px;overflow:hidden;margin:12px 0}.upl i{display:block;height:100%;width:0;background:var(--gold);transition:width .3s}
#s3 h3{font-size:clamp(26px,2.4vw,34px)}#s3 .btn{margin-top:16px}

/* the phone: a real piece of the product */
.mock{position:sticky;top:40px}
.phone{width:min(340px,100%);margin:0 auto;background:var(--s3);border-radius:34px;padding:16px 14px 18px;transform:rotate(3deg)}
.notch{width:90px;height:8px;border-radius:4px;background:var(--bg);margin:2px auto 14px}
.mini{background:#f4f2ec;border-radius:16px;overflow:hidden;color:#111}
.mini .hdr{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#e9e5da;transition:background-color .4s}
.mini .hdr.tint{background:var(--tc)}
.mini .hdr b,.mini .hdr .lg{width:46px;height:12px;border-radius:3px;background:#111;background-size:contain;background-repeat:no-repeat}
.mini .hdr .lg{height:22px;background-color:transparent}
.mini .hdr i{width:22px;height:10px;border-radius:3px;background:#111;opacity:.5}
.mini .body{padding:12px;display:grid;gap:8px}
.mini .body span{height:10px;border-radius:3px;background:#cfcabd}
.mini .body span:first-child{height:20px;width:80%;background:#111}
.mini .body em{height:30px;border-radius:var(--r);background:#111;width:60%}
.mini .shot{height:96px;border-radius:var(--r);background:#cfcabd center/cover}
.mini .nm{height:auto!important;background:none!important;font:800 18px/1.1 var(--disp);color:#111}
.mini .ph{height:auto!important;padding:10px;border-radius:var(--r)!important;background:#111!important;color:#fff;font-weight:700;font-size:14px;text-align:center}
.mini .ph.tint{background:var(--tc)!important}
.mini.s-classic .nm{font-family:Georgia,serif}.mini.s-playful .nm{font-family:"Comic Sans MS",sans-serif}
.bub{margin-top:10px;max-width:82%;padding:10px 12px;border-radius:14px;font-size:var(--step-small);line-height:1.35}
.bub.me{margin-left:auto;background:var(--gold);color:var(--on-gold);font-weight:600}
.bub.ai{background:var(--s4);color:var(--ink)}
.prow{display:flex;gap:6px;margin-top:12px}.prow span{flex:1;text-align:center;padding:9px 0;border-radius:var(--r);background:var(--s4);font-size:13px;font-weight:700}
.prow .pub{background:var(--gold);color:var(--on-gold)}
.scrawl{text-align:center;color:var(--muted);margin-top:18px;font-size:var(--step-small)}

/* features: the spec sheet */
.feats{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,5vw,96px);padding:clamp(96px,10vw,160px) var(--m) 0;align-items:start}
.f-head{position:sticky;top:40px}
.f-head p{margin-top:20px;font-size:var(--step-lead);color:var(--muted)}
.f-head b{color:var(--gold);font-family:var(--disp);font-weight:800}
.f-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.f-list li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px;align-items:baseline;padding:26px 28px;border-radius:var(--r);background:var(--surface);transition:background-color .2s}
.f-list li:hover{background:var(--s3)}
.f-key{font:800 clamp(30px,3.4vw,52px)/1 var(--disp);letter-spacing:-.04em;color:var(--gold)}
.f-list h3{font:700 var(--step-lead)/1.2 var(--text);letter-spacing:0}
.f-list p{margin-top:6px;color:var(--muted);font-size:var(--step-body)}

/* showcase: the departure board */
.editor{padding:clamp(120px,12vw,200px) 0 clamp(96px,10vw,160px)}
.editor h2,.ed-sub{padding:0 var(--m)}
.ed-sub{font-size:var(--step-lead);color:var(--muted);max-width:44ch;margin:20px 0 40px}
.dboard{display:grid;gap:4px;padding:0 var(--m)}
.drow{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;min-height:72px;padding:0 20px;border:0;border-radius:var(--r);background:var(--surface);color:var(--ink);
  font:500 clamp(18px,2vw,28px)/1.15 var(--text);text-align:left;cursor:pointer;transition:background-color .2s}
.drow:hover{background:var(--s3)}
.d-k{color:var(--muted);font-size:var(--step-body);min-width:5.5em}
.d-s{font-size:var(--step-small);font-weight:700;padding:8px 12px;border-radius:var(--r);min-width:6.4em;text-align:center}
.d-s.live{background:var(--ink);color:var(--on-gold)}.d-s.draft{background:var(--s4);color:var(--ink)}
.d-reply{display:none}
.drow.open{min-height:200px;background:var(--gold);color:var(--on-gold);align-items:start;padding-top:24px;grid-template-rows:auto 1fr}
.drow.open .d-name{font:800 clamp(28px,3.4vw,52px)/1 var(--disp);letter-spacing:-.03em}
.drow.open .d-k{color:var(--on-gold)}.drow.open .d-s{background:var(--bg);color:var(--ink)}
.drow.open .d-reply{display:block;grid-column:1/-1;align-self:end;padding-bottom:24px;font-size:var(--step-body);font-weight:500;max-width:52ch}

/* pricing: the ticket */
.pricing{background:var(--ink);color:var(--on-gold);padding:clamp(96px,10vw,160px) var(--m)}
.ticket{position:relative;width:min(64vw,980px);margin:0 auto;display:grid;grid-template-columns:7fr 3fr;aspect-ratio:2.3;min-height:340px;background:var(--gold);border-radius:var(--r)}
.t-main{padding:40px;display:flex;flex-direction:column;justify-content:space-between}
.t-main h3{font-size:clamp(36px,4vw,64px)}
.t-main ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;font-size:var(--step-body);font-weight:500}
.t-stub{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:24px;gap:16px;
  background-image:radial-gradient(circle,var(--ink) 3px,transparent 3.5px) /* perforation dots: taste-skill-ignore */;background-size:6px 14px;background-repeat:repeat-y;background-position:0 0}
.t-price{font:800 clamp(56px,6vw,96px)/1 var(--disp);letter-spacing:-.05em;text-align:center}
.t-stub .btn{min-height:56px}
.n{position:absolute;left:70%;width:28px;height:28px;margin-left:-14px;border-radius:50%;background:var(--ink)}
.n-top{top:-14px}.n-bot{bottom:-14px}
.plans-h{font-size:clamp(28px,2.6vw,40px);width:min(64vw,980px);margin:96px auto 24px}
.plans{list-style:none;margin:0 auto;padding:0;width:min(64vw,980px);display:grid;gap:4px}
.plans li{display:grid;grid-template-columns:9rem 10rem 1fr;gap:24px;align-items:baseline;padding:22px 0}
.plans b{font:800 clamp(28px,2.6vw,40px)/1 var(--disp);letter-spacing:-.03em}
.pp{font-weight:700;font-size:var(--step-lead)}.pd{font-size:var(--step-body)}

/* proof: promises on tiles */
.steer{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:clamp(120px,12vw,200px) var(--m) 0}
.s-tile{aspect-ratio:3/2;border-radius:var(--r);background:var(--surface);padding:24px;display:flex;align-items:flex-start}
.s-tile p{font:700 clamp(20px,1.8vw,28px)/1.2 var(--disp);letter-spacing:-.01em}
.s-head{grid-column:span 2;grid-row:span 1;aspect-ratio:auto;background:var(--gold);color:var(--on-gold);flex-direction:column;justify-content:space-between;gap:16px}
.s-head h2{font-size:clamp(36px,3.4vw,56px)}
.s-head p{font:500 var(--step-body)/1.4 var(--text);max-width:40ch}

/* faq: tabbed index cards */
.faq{padding:clamp(120px,12vw,200px) var(--m)}
.faq h2{margin:0 auto 72px;width:min(66%,900px)}
.cards{width:min(66%,900px);margin:0 auto;display:grid;gap:44px}
.card{--tabx:0px;position:relative;background:var(--cbg);color:var(--cfg);border-radius:0 var(--r) var(--r) var(--r)}
.card:nth-child(2){--tabx:150px}.card:nth-child(3){--tabx:300px}.card:nth-child(4){--tabx:450px}.card:nth-child(5){--tabx:600px}
.card summary{list-style:none;cursor:pointer;display:block;padding:24px}
.card summary::-webkit-details-marker{display:none}
.tab{position:absolute;bottom:100%;left:var(--tabx);width:200px;height:40px;padding:10px 16px;border-radius:var(--r) var(--r) 0 0;background:var(--cbg);font-size:var(--step-small);font-weight:700}
.card:not(:nth-child(1)):not(:nth-child(6)){border-top-left-radius:var(--r)}
.q{display:block;font:700 var(--step-lead)/1.25 var(--disp)}
.card p{padding:0 24px 28px;max-width:60ch;font-size:var(--step-body)}
.c1{--cbg:var(--gold);--cfg:var(--on-gold)}.c2{--cbg:var(--ink);--cfg:var(--on-gold)}.c3{--cbg:var(--s3);--cfg:var(--ink)}
.card summary:hover .q{text-decoration:underline;text-underline-offset:4px}

/* cta: the question at both edges */
.ask{position:relative;height:100svh;min-height:620px;background:#050505;display:grid;grid-template-rows:auto 1fr auto;padding:32px var(--m) 24px;text-align:center}
.ask-h{font-size:clamp(76px,11vw,168px);line-height:1;letter-spacing:-.045em;display:contents}
.ask-h span{display:block;font-family:var(--disp);font-weight:800}
.ask-h span:first-child{grid-row:1;align-self:start}
.ask-h span:last-child{grid-row:3;align-self:end}
.ask-row{grid-row:2;align-self:center;display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}
.or{color:var(--muted);font-size:var(--step-body)}
.ask-note{position:absolute;left:0;right:0;top:calc(50% + 56px);color:var(--muted);font-size:var(--step-body)}

/* footer: logo half, menu half */
.foot{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;background:var(--bg)}
.f-pic{background:var(--surface);display:flex;align-items:flex-end;overflow:hidden}
.f-pic img{width:150%;max-width:none;margin:0 0 -6% -12%}
.f-menu{padding:80px var(--m) 24px;display:flex;flex-direction:column}
.f-menu nav{display:grid;gap:28px}
.f-menu nav a{font:800 clamp(30px,2.8vw,44px)/1 var(--disp);letter-spacing:-.03em;text-decoration:none;transition:transform .2s var(--ease),color .2s;width:max-content}
.f-menu nav:hover a{color:var(--muted)}.f-menu nav a:hover{color:var(--ink);transform:translateX(12px)}
.f-blocks{margin-top:64px;font-size:var(--step-body);line-height:1.8}
.f-blocks a{text-decoration:none}.f-blocks a:hover{text-decoration:underline}
.legal{margin-top:auto;color:var(--muted);font-size:13px}

/* motion */
.rise{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rise.in{opacity:1;transform:none}

@media (max-width:899px){
  .hero{grid-template-columns:1fr;padding:104px var(--m) 48px;min-height:0;gap:36px}
  .hero h1{font-size:10.6vw}
  .h-sub{font-size:var(--step-body);margin-top:20px}
  .h-start{flex-direction:column;margin-top:24px}
  .h-phone{order:-1}.hp{position:relative;width:min(230px,64%);transform:rotate(-2deg);padding:12px 10px 14px}
  .hp-hero{height:56px}.hp-site{gap:7px;padding-bottom:12px}
  .hp-chat{position:absolute;left:10px;right:10px;bottom:22px;min-height:0;margin:0}.hp-chat span{font-size:13px}
  .feats{grid-template-columns:1fr;gap:28px}.f-head{position:static}
  .f-list li{grid-template-columns:1fr;gap:10px;padding:22px 20px}
  .f-key{font-size:36px}
  .builder{grid-template-columns:1fr}
  .mock{position:static}
  .phone{transform:rotate(2deg);width:min(300px,86%)}
  .drow{grid-template-columns:1fr auto;min-height:64px;font-size:18px;gap:12px;padding:0 14px}
  .d-k{display:none}
  .drow.open{min-height:200px}.drow.open .d-name{font-size:26px}
  .ticket{width:100%;grid-template-columns:1fr;aspect-ratio:auto}
  .t-stub{order:-1}
  .t-main{padding:28px 22px}.t-main h3{font-size:9vw}.t-main ul{grid-template-columns:1fr;margin-top:20px}
  .t-stub{background-position:0 0;background-size:14px 6px;background-repeat:repeat-x;padding:28px 22px}
  .t-price{font-size:16vw}
  .n{left:auto;top:auto;margin:0}.n-top{left:-14px;top:calc(100% - 158px)}.n-bot{right:-14px;top:calc(100% - 158px)}
  .plans-h,.plans{width:100%}
  .plans li{grid-template-columns:1fr auto;gap:8px 16px}.pd{grid-column:1/-1}
  .steer{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .s-tile{aspect-ratio:auto;min-height:150px}
  .s-head{grid-column:1/-1}
  .s-tile{padding:16px}.s-tile p{font-size:17px}
  .faq h2,.cards{width:100%}
  .faq h2{font-size:9vw}
  .card{--tabx:0px!important}
  .card:nth-child(2){--tabx:48px!important}.card:nth-child(3){--tabx:96px!important}.card:nth-child(4){--tabx:144px!important}.card:nth-child(5){--tabx:192px!important}
  .tab{width:120px}
  .card p{font-size:16px;padding:0 20px 22px}
  .ask-h{font-size:12vw;display:block;grid-row:1}
  .ask-h span{white-space:nowrap}
  .ask-h span:last-child{margin-top:0}
  .ask-row{flex-direction:column;gap:12px}.ask-row .btn{width:72%}
  .ask-note{position:static;grid-row:2;align-self:end;margin-bottom:24px}
  .foot{grid-template-columns:1fr}
  .f-pic{height:50svh}
  .f-menu nav a{font-size:8vw}.f-menu nav{gap:20px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .rise{opacity:1;transform:none}
}

.cut{float:right;width:min(34vw,460px);margin:-40px var(--m) 24px 24px;transform:rotate(4deg)}
.cut img{border-radius:var(--r);aspect-ratio:4/3;object-fit:cover;width:100%}
.editor{display:flow-root}
.dboard{clear:both}
.s-pic{padding:0;overflow:hidden}.s-pic img{width:100%;height:100%;object-fit:cover}
@media (max-width:899px){.cut{float:none;width:70%;margin:0 auto 40px}}

/* intake v2 (2026-11-04): lookup wait, "Is this you?" cards, the no-listing long form */
.btn-ghost{background:var(--s3);color:var(--ink)}.btn-ghost:hover{background:var(--s4)}
.lk-wait{display:flex;gap:16px;align-items:center;padding:8px 0}
.spin{flex:none;width:36px;height:36px;border-radius:50%;border:4px solid var(--s4);border-top-color:var(--gold);animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cands{display:grid;gap:12px;margin-top:16px}
.cand{display:grid;grid-template-columns:120px 1fr;gap:14px;background:var(--s3);border-radius:var(--r);padding:12px}
.c-pic{aspect-ratio:1;border-radius:var(--r);background:var(--s4) center/cover;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.c-txt{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:var(--step-small)}
.c-txt b{font-family:var(--disp);font-size:var(--step-lead);line-height:1.1;letter-spacing:-.02em}
.c-txt span{color:var(--muted);overflow-wrap:anywhere}
.c-stars{color:var(--gold-hi)!important;font-weight:700}.c-stars small{color:var(--muted);font-weight:400}
.c-act{grid-column:1/-1;display:flex;gap:8px}.c-act .btn{flex:1;min-height:46px}
.lk-foot{margin-top:18px}
.lbl{font-weight:700;margin:14px 0 8px;font-size:var(--step-small)}
.hours{display:grid;grid-template-columns:52px 1fr;gap:6px 10px;align-items:center}
.build .hours label{margin:0}
.hours input{padding:10px 12px}
.drop.slim{min-height:56px;margin-top:10px!important}
@media (max-width:899px){.cand{grid-template-columns:88px 1fr;gap:12px}}
[hidden]{display:none!important}