:root{
  --ink:#17150F; --ink-soft:#3A342A; --ink-mute:#6B6355;
  --amber:#BA7517; --amber-deep:#8A560F; --amber-lt:#D9922C;
  --paper:#FBFAF7; --sand:#EFE7D9; --sand-deep:#E2D6C1;
  --rule:rgba(23,21,15,.13);
  --f:'Archivo',system-ui,sans-serif; --q:'Newsreader',Georgia,serif;
  --bar:84px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.6;padding-bottom:var(--bar);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2.5px solid var(--amber);outline-offset:3px;border-radius:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 26px}
h1{font-size:54px;line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:0 0 22px;max-width:14ch}
h2{font-size:38px;line-height:1.09;letter-spacing:-.03em;font-weight:800;margin:0 0 16px;max-width:17ch}
.intro{font-size:19px;color:var(--ink-soft);max-width:56ch;margin:0 0 44px}
.band{padding:74px 0;border-top:1px solid var(--rule)}
.band:first-child{border-top:0}
.band-sand{background:var(--sand);border-top:0}
.muted{color:var(--ink-mute);font-size:15px}
.pill{display:inline-block;font-family:var(--f);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;padding:11px 22px;border-radius:100px;border:2px solid var(--ink);background:none;color:var(--ink);transition:background .16s,color .16s,border-color .16s}
.pill:hover{background:var(--ink);color:var(--paper)}
.pill-solid{background:var(--ink);color:var(--paper)}
.pill-solid:hover{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.btns{display:flex;gap:12px;flex-wrap:wrap}

/* nav */
.nav{position:sticky;top:0;z-index:40;background:rgba(251,250,247,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.nav-in{max-width:1080px;margin:0 auto;padding:13px 26px;display:flex;align-items:center;gap:22px;position:relative}
.mark{display:flex;align-items:center;gap:11px;text-decoration:none}
.mark svg{width:30px;height:34px;display:block}
.mark-t{font-weight:700;font-size:21px;letter-spacing:-.025em}
.mark-t i{font-style:normal;color:var(--amber)}
.nav-l{display:flex;gap:20px;margin-left:auto;align-items:center}
.nav-l a:not(.pill){font-size:15px;font-weight:500;text-decoration:none;color:var(--ink-soft)}
.nav-l a:not(.pill):hover,.nav-l a:not(.pill)[aria-current="page"]{color:var(--amber)}
.nav-l a.pill-solid[aria-current="page"]{color:var(--paper)}
.nav-l a.pill-solid:hover,.nav-l a.pill-solid[aria-current="page"]:hover{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.nav-l a.pill{font-size:15.5px;font-weight:700;padding:12px 25px;letter-spacing:-.01em}
.nav-l a.more{display:none}
.burger{display:none;margin-left:auto;background:none;border:2px solid var(--ink);border-radius:12px;width:46px;height:42px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.burger i{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px}

/* hero */
.hero-in{max-width:1080px;margin:0 auto;padding:66px 26px 74px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.say{font-size:20px;line-height:1.55;color:var(--ink-soft);margin:0 0 30px;max-width:42ch}
.live-strip{display:flex;align-items:center;gap:11px;margin-top:30px;font-size:14.5px;color:var(--ink-soft);cursor:pointer;background:none;border:0;padding:0;font-family:var(--f);text-align:left}
.live-strip b{font-weight:600;color:var(--ink)}
.dot{width:9px;height:9px;border-radius:50%;background:var(--amber);flex:0 0 auto}

/* photo frames */
.shot{position:relative;border-radius:26px;overflow:hidden;background:var(--sand);border:1px solid var(--sand-deep);display:flex;align-items:center;justify-content:center;text-align:center}
.shot::after{content:attr(data-note);position:absolute;left:20px;right:20px;bottom:16px;font-size:12px;line-height:1.4;color:var(--amber-deep);font-weight:500}
.shot svg{width:50px;height:58px;opacity:.28;margin-bottom:24px}
.shot.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.shot.has-img::after,.shot.has-img svg{display:none}
.shot-hero{aspect-ratio:4/5}
.shot-track{aspect-ratio:5/4;margin-bottom:18px}
.shot-wide{aspect-ratio:16/7}

/* grids */
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.svc-i{border-top:3px solid var(--amber);padding-top:18px}
.svc-i h3{font-size:21px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}
.svc-i p{margin:0;font-size:16px;color:var(--ink-soft)}
.rung{background:var(--paper);border-radius:20px;padding:25px 21px;border:1px solid var(--sand-deep)}
.meter{display:flex;align-items:flex-end;gap:4px;height:34px;margin-bottom:17px}
.meter i{width:6px;border-radius:2px;background:#D3C3A6;display:block}
.meter i.on{background:var(--amber)}
.rung h3{font-size:19px;font-weight:700;margin:0 0 7px}
.rung p{margin:0;font-size:15.5px;color:var(--ink-soft)}
.rung .who{display:block;margin-top:13px;font-size:13.5px;font-weight:600;color:var(--amber-deep)}
.track h3{font-size:23px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}
.track .age{font-size:14.5px;font-weight:600;color:var(--amber-deep);margin:0 0 12px}
.track p{margin:0 0 13px;font-size:16px;color:var(--ink-soft)}
.track ul{margin:0;padding-left:19px;font-size:15.5px;color:var(--ink-soft);line-height:1.75}
.part h3{font-size:20px;font-weight:700;margin:0 0 9px}
.part p{margin:0;font-size:15.5px;color:var(--ink-soft)}
.cmp-c{border-radius:22px;padding:30px 28px;border:2px solid var(--ink)}
.cmp-c.alt{border-color:var(--sand-deep);background:var(--sand)}
.cmp-c h3{font-size:23px;font-weight:800;letter-spacing:-.025em;margin:0 0 6px}
.cmp-c .lede{font-size:15.5px;color:var(--ink-soft);margin:0 0 18px}
.cmp-c ul{margin:0;padding-left:19px;font-size:15.5px;line-height:1.8;color:var(--ink-soft)}
.cmp-c ul b{color:var(--ink);font-weight:600}

/* pricing */
.price-h{font-size:15px;font-weight:700;margin:36px 0 16px;color:var(--amber-deep)}
.plan{border:2px solid var(--sand-deep);border-radius:20px;padding:24px 21px;background:var(--paper);display:flex;flex-direction:column}
.plan.pick{border-color:var(--ink)}
.plan h3{font-size:17px;font-weight:700;margin:0 0 4px}
.plan .amt{font-size:29px;font-weight:800;letter-spacing:-.03em;margin:8px 0 3px}
.plan .per{font-size:13.5px;color:var(--ink-mute);margin:0 0 16px}
.plan ul{margin:0 0 20px;padding-left:18px;font-size:14.5px;line-height:1.7;color:var(--ink-soft)}
.plan .pill{margin-top:auto;text-align:center}
.note{font-size:14.5px;color:var(--ink-mute);margin-top:22px;max-width:62ch}

/* quote + faq */
.quote{max-width:44ch;margin:56px auto 0;text-align:center}
.quote q{font-family:var(--q);font-style:italic;font-size:27px;line-height:1.4;quotes:none}
.quote span{display:block;margin-top:16px;font-size:14.5px;color:var(--ink-soft)}
.faq{max-width:760px}
.qa{border-bottom:1px solid var(--rule)}
.qa button{width:100%;text-align:left;background:none;border:0;padding:20px 0;font-family:var(--f);font-size:18px;font-weight:600;color:var(--ink);cursor:pointer;display:flex;gap:16px;align-items:center}
.qa button span{margin-left:auto;color:var(--amber);font-size:22px;line-height:1}
.qa div{display:none;padding:0 0 22px;color:var(--ink-soft);font-size:16px;max-width:66ch}
.qa.open div{display:block}

/* close + footer */
.close{background:var(--ink);color:var(--paper);padding:80px 0}
.close h2{color:var(--paper)}
.close .intro{color:#B6AE9F}
.close .pill{border-color:var(--paper);color:var(--paper)}
.close .pill:hover{background:var(--amber);border-color:var(--amber);color:var(--ink)}
footer{padding:38px 0 52px;font-size:14px;color:var(--ink-soft);border-top:1px solid var(--rule)}
.fin{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.fin a{text-decoration:none}
.fin a:hover{color:var(--amber)}

/* ---------- modal ---------- */
.modal{position:fixed;inset:0;z-index:90;display:none}
.modal.show{display:block}
.modal-bg{position:absolute;inset:0;background:rgba(23,21,15,.55);backdrop-filter:blur(3px)}
.modal-box{position:relative;max-width:640px;margin:6vh auto;background:var(--paper);border-radius:26px;padding:36px 34px;max-height:82vh;overflow-y:auto}
.modal-x{position:absolute;top:16px;right:18px;background:none;border:2px solid var(--sand-deep);border-radius:50%;width:38px;height:38px;font-size:20px;cursor:pointer;color:var(--ink)}
.modal-x:hover{border-color:var(--amber);color:var(--amber)}
.modal-box h2{font-size:27px;margin:0 0 18px;max-width:none}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld.full{grid-column:1/-1}
.fld label{font-size:14px;font-weight:600}
.fld input,.fld select,.fld textarea{font-family:var(--f);font-size:16px;padding:12px 14px;border:2px solid var(--sand-deep);border-radius:12px;background:var(--paper);color:var(--ink);width:100%}
.fld textarea{min-height:92px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--amber);outline:none}
.err{font-size:13.5px;color:#A8321C;display:none;margin-bottom:8px}
.err.show{display:block}
.done{text-align:center;padding:14px 0}
.done h3{margin:0 0 8px;font-size:21px}
.done p{margin:0;color:var(--ink-soft)}

/* ---------- player bar ---------- */
.player{position:fixed;left:0;right:0;bottom:0;height:var(--bar);background:var(--ink);color:var(--paper);z-index:70}
.pl-in{max-width:1080px;margin:0 auto;padding:0 26px;height:100%;display:flex;align-items:center;gap:16px}
.pp{width:48px;height:48px;flex:0 0 auto;border-radius:50%;background:var(--amber);border:0;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.pp:hover{background:var(--amber-lt)}
.pp svg{width:17px;height:17px}
.pl-t{min-width:0;cursor:pointer;background:none;border:0;color:inherit;font-family:var(--f);text-align:left;padding:0}
.pl-t b{font-size:15.5px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-t span{font-size:13.5px;color:#948B7C;display:flex;align-items:center;gap:9px}
.pl-eq,.seq{display:flex;align-items:flex-end;gap:2.5px;height:19px}
.pl-eq i,.seq i{width:3px;background:var(--amber);height:3px;border-radius:1px;display:block}
.on .pl-eq i,.on .seq i{animation:eq .85s ease-in-out infinite}
.pl-eq i:nth-child(2),.seq i:nth-child(2){animation-delay:.18s}
.pl-eq i:nth-child(3),.seq i:nth-child(3){animation-delay:.42s}
.pl-eq i:nth-child(4),.seq i:nth-child(4){animation-delay:.1s}
@keyframes eq{0%,100%{height:3px}50%{height:17px}}
.pl-r{margin-left:auto;display:flex;align-items:center;gap:14px}
.el{font-size:13px;color:#948B7C;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.04em}
.vol{width:88px;accent-color:var(--amber)}
.expand{background:none;border:2px solid rgba(251,250,247,.3);color:var(--paper);border-radius:100px;padding:8px 16px;font-family:var(--f);font-size:14px;font-weight:600;cursor:pointer}
.expand:hover{border-color:var(--amber);color:var(--amber)}

/* ---------- drawer ---------- */
.drawer{position:fixed;left:0;right:0;bottom:var(--bar);top:0;background:var(--ink);color:var(--paper);z-index:65;display:none;overflow-y:auto}
.drawer.show{display:block}
.dr-in{max-width:1080px;margin:0 auto;padding:30px 26px 44px}
.dr-top{display:flex;align-items:center;margin-bottom:24px}
.dr-top h2{color:var(--paper);font-size:25px;margin:0}
.dr-close{margin-left:auto;background:none;border:2px solid rgba(251,250,247,.3);color:var(--paper);border-radius:100px;width:42px;height:42px;font-size:19px;cursor:pointer}
.dr-close:hover{border-color:var(--amber);color:var(--amber)}

/* tuner */
.tuner{margin-bottom:30px}
.tuner-win{position:relative;height:92px;border-radius:16px;background:rgba(251,250,247,.06);border:1px solid rgba(251,250,247,.14);overflow:hidden}
.ticks{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(251,250,247,.16) 0 1px,transparent 1px 26px);opacity:.7}
.needle{position:absolute;top:0;bottom:0;width:2px;background:var(--amber);left:6%;transition:left .45s cubic-bezier(.3,.8,.3,1);box-shadow:0 0 12px rgba(186,117,23,.85)}
.tuner-st{position:absolute;top:16px;transform:translateX(-50%);background:none;border:0;color:#948B7C;font-family:var(--f);cursor:pointer;text-align:center;padding:4px 6px;line-height:1.2}
.tuner-st b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em}
.tuner-st em{font-style:normal;font-size:10.5px;letter-spacing:.09em}
.tuner-st[aria-current="true"]{color:var(--amber-lt)}
.tuner-read{margin:12px 0 0;font-size:13px;color:#948B7C;letter-spacing:.09em;font-weight:600}

.dr-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.dr-now{background:rgba(251,250,247,.06);border-radius:22px;padding:26px}
.dr-now .tag{font-size:13px;font-weight:700;color:var(--amber);margin:0 0 12px;letter-spacing:.07em;display:flex;align-items:center;gap:8px}
.onair-dot{width:8px;height:8px;border-radius:50%;background:#6E6659}
.on .onair-dot{background:#C4341F;animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.dr-now h3{font-size:26px;font-weight:800;letter-spacing:-.025em;margin:0 0 6px}
.dr-now p{margin:0 0 18px;color:#948B7C;font-size:15px}
.song{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid rgba(251,250,247,.12);margin-bottom:16px}
.song b{display:block;font-size:16px}
.song em{font-style:normal;font-size:13.5px;color:#948B7C}
.state{background:rgba(186,117,23,.13);border:1px solid rgba(186,117,23,.4);border-radius:14px;padding:15px 17px;font-size:14.5px;color:#E6C58C}
.state code{font-size:13px;background:rgba(0,0,0,.3);padding:2px 6px;border-radius:5px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.facts div{font-size:14px}
.facts span{display:block;color:#6E6659;font-size:12px;letter-spacing:.05em;font-weight:600}
.dr-list h4,.dr-sched h4{font-size:14px;font-weight:700;margin:0 0 13px;color:#948B7C;letter-spacing:.05em}
.dr-list button{display:flex;align-items:center;gap:13px;width:100%;background:none;border:0;border-bottom:1px solid rgba(251,250,247,.11);padding:14px 2px;color:#CFC8BB;font-family:var(--f);font-size:15.5px;text-align:left;cursor:pointer}
.dr-list button:hover{color:var(--paper)}
.dr-list button[aria-current="true"]{color:var(--amber-lt)}
.dr-list .st{margin-left:auto;font-size:12.5px;color:#6E6659}
.dr-sched{margin-top:30px}
.dr-sched .row{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid rgba(251,250,247,.09);font-size:15px;color:#CFC8BB}
.dr-sched .row.now{color:var(--amber-lt)}
.dr-sched time{color:#948B7C;font-variant-numeric:tabular-nums;flex:0 0 74px}
.drawer .muted{color:#6E6659}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:940px){
  .hero-in{grid-template-columns:1fr;gap:34px;padding:42px 26px 54px}
  h1{font-size:37px}h2{font-size:28px}
  .g2,.g3,.g4,.fields,.dr-grid{grid-template-columns:1fr;gap:22px}
  .band{padding:52px 0}
  .burger{display:flex}
  .nav-l{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--rule);flex-direction:column;align-items:stretch;gap:0;padding:6px 26px 20px;margin:0;display:none;box-shadow:0 14px 26px rgba(23,21,15,.09)}
  .nav-l.open{display:flex}
  .nav-l a.more{display:block}
  .nav-l a:not(.pill){padding:15px 2px;font-size:17px;border-bottom:1px solid var(--rule)}
  .nav-l a.pill{margin-top:16px;text-align:center}
  .el,.vol{display:none}
  .quote q{font-size:22px}
  .modal-box{margin:0;border-radius:0;max-height:100vh;min-height:100vh;padding:70px 24px 40px}
  .tuner-win{height:86px}
}