/* ==========================================================================
   DSH Deck · skillry-structure rebuild (2026-11)
   Geometry and rhythm follow skillry.dev 1:1; palette stays paper/ink/lime.
   ========================================================================== */
@font-face{
  font-family:"Bricolage";
  src:url("fonts/bricolage.woff2") format("woff2");
  font-weight:200 800;font-style:normal;font-display:swap;
}
:root{
  --paper:#f1efe5;
  --paper-2:#fbfaf6;
  --ink:#11130d;
  --muted:#5f6355;
  --lime:#c7f24a;
  --line:rgba(17,19,13,.13);
  --r-lg:24px;
  --r-md:20px;
  --r-sm:12px;
  --pad:24px;
  --max:1392px;
  --disp:"Bricolage","PingFang SC","Hiragino Sans GB",system-ui,sans-serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4,p{margin:0}
ul{margin:0;padding:0;list-style:none}
.shell{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.disp{font-family:var(--disp);letter-spacing:-.03em}

/* ── announce ─────────────────────────────────────────────────────────── */
.announce{background:var(--ink);color:#f5f3ea;min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;position:relative;padding:6px 44px;white-space:nowrap}
.announce .tag{background:var(--lime);color:var(--ink);font-weight:700;font-size:11px;letter-spacing:.02em;padding:3px 8px;border-radius:999px}
.announce a{display:inline-flex;align-items:center;gap:6px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.45)}
.announce .clock{margin-left:8px;font-variant-numeric:tabular-nums;opacity:.7;font-size:12px;letter-spacing:.05em}
@media (max-width:1180px){.announce .clock{display:none}}
.announce .x{position:absolute;right:16px;top:50%;transform:translateY(-50%);opacity:.6;font-size:18px;line-height:1}
.announce .x:hover{opacity:1}
body.no-announce .announce{display:none}

/* ── header ───────────────────────────────────────────────────────────── */
.hdr{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}
.hdr__in{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:20px;padding:0 var(--pad);height:64px}
.brand{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.brand__mark{width:32px;height:32px;border-radius:9px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:17px}
.brand__name{font-family:var(--disp);font-weight:700;font-size:18px;letter-spacing:-.02em}
.nav{display:flex;align-items:center;gap:22px;font-size:14px}
.nav a{opacity:.82;display:inline-flex;align-items:center;gap:5px}
.nav a:hover{opacity:1}
.nav svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;opacity:.5}
.search{margin-left:auto;display:flex;align-items:center;gap:9px;height:40px;width:250px;padding:0 14px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line)}
.search svg{width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:2;flex:0 0 auto}
.search input{border:0;background:none;outline:none;font:inherit;font-size:13px;width:100%;color:var(--ink)}
.hdr__tools{display:flex;align-items:center;gap:8px}
.chip{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);border:1px solid var(--line)}
.chip svg{width:16px;height:16px;fill:none;stroke:var(--ink);stroke-width:1.7}
.chip:hover{background:#fff}
.chip--lime{background:var(--lime);border-color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font-size:13.5px;font-weight:600;white-space:nowrap;transition:transform .2s,background-color .2s,color .2s}
.btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.btn--ink{background:var(--ink);color:#fbfaf2}
.btn--ink:hover{background:var(--lime);color:var(--ink)}
.btn--paper{background:var(--paper-2);border:1px solid var(--line);color:var(--ink)}
.btn--paper:hover{background:var(--ink);color:var(--paper-2);border-color:var(--ink)}
.btn--lime{background:var(--lime);color:var(--ink)}
.btn--lime:hover{background:var(--ink);color:var(--lime)}
.btn--lg{height:46px;padding:0 24px;font-size:14.5px}
.btn--sm{height:34px;padding:0 14px;font-size:12.5px}

/* ── hero ─────────────────────────────────────────────────────────────── */
.hero{padding:46px 0 0;text-align:center;overflow:hidden}
.hero h1{font-family:var(--disp);font-weight:700;font-size:clamp(38px,5.1vw,74px);line-height:1.02;letter-spacing:-.045em;max-width:1100px;margin:0 auto;padding:0 var(--pad)}
.hero h1 em{font-style:normal;position:relative;white-space:nowrap}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:.09em;background:var(--lime);z-index:-1}
.hero__sub{margin:16px auto 0;max-width:560px;font-size:15px;color:var(--muted);padding:0 var(--pad)}
.hero__ctas{display:flex;justify-content:center;gap:10px;margin-top:26px;flex-wrap:wrap}
.hero__works{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:10px}
.hero__works .lb{font-size:10.5px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.hero__works .row{display:flex;gap:8px}
.hero__works .row a{width:34px;height:34px;border-radius:10px;background:var(--paper-2);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.hero__works .row img{width:100%;height:100%;object-fit:cover;display:block}
.hero__works .row a:hover{background:var(--lime)}
.hero__wall{margin-top:24px;display:flex;flex-direction:column;gap:8px;padding:0}
.hw-row{display:flex;gap:8px;width:max-content;animation:hw-scroll 64s linear infinite}
.hw-row:nth-child(2){animation-direction:reverse;animation-duration:78s;margin-left:-70px}
.hero__wall:hover .hw-row{animation-play-state:paused}
.hw-tile{width:106px;height:106px;border-radius:19px;overflow:hidden;position:relative;flex:0 0 auto;background:var(--paper-2)}
.hw-tile img{width:100%;height:100%;object-fit:cover;display:block}
.hw-tile::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(17,19,13,.1);pointer-events:none}
.hw-tile .cv{position:absolute;inset:0}
.cv{position:absolute;inset:0;display:block;background:#ded9c9}
.cv img{width:100%;height:100%;object-fit:cover;object-position:top left}
.cv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .4s ease}
.cv video.is-on{opacity:1}
.hw-tile--mark{display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:30px;letter-spacing:-.04em}
.hw-tile--lime{background:var(--lime);color:var(--ink)}
.hw-tile--ink{background:var(--ink);color:var(--lime)}
.hw-tile--a{background:var(--lime);color:var(--ink)}
.hw-tile--b{background:var(--ink);color:var(--lime)}
.hw-tile--c{background:var(--paper-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.hw-tile--d{background:#e5dfcd;color:var(--ink)}
@keyframes hw-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── rails ────────────────────────────────────────────────────────────── */
.sec{padding:88px 0 0}
.sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.sec__title{font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.sec__sub{margin-top:4px;font-size:13.5px;color:var(--muted)}
.sec__all{display:inline-flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}
.sec__all:hover{opacity:.6}
.sec__all svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.rail{position:relative}
.rail__track{display:flex;gap:20px;overflow-x:auto;padding:2px var(--pad) 8px;scrollbar-width:none;scroll-behavior:smooth}
.rail__track::-webkit-scrollbar{display:none}
.rail__arrow{position:absolute;right:26px;top:110px;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px -12px rgba(0,0,0,.4);display:grid;place-items:center;z-index:3}
.rail__arrow svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:2}
.rail--sm .rail__arrow{top:104px}
.rail--sm .skill-card{flex-basis:280px}
.rail--sm .skill-card__cover{aspect-ratio:16/9}

/* skill card (nine parts) */
.skill-card{flex:0 0 280px;display:flex;flex-direction:column;gap:8px;position:relative;transition:transform .25s}
.skill-card:hover{transform:translateY(-2px)}
.skill-card__cover{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#ded9c9}
.skill-card__cover .cv img,.skill-card__cover .cv video{width:100%;height:100%;object-fit:cover;object-position:top left}
.skill-card__cover::after{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(17,19,13,.09);pointer-events:none}
.sc-new{position:absolute;left:9px;top:9px;background:rgba(17,19,13,.82);color:#fff;font-size:10px;font-weight:600;padding:3px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}
.sc-new--free{background:var(--lime);color:var(--ink)}
.sc-tools{position:absolute;left:9px;bottom:9px;display:flex}
.sc-tools span{width:22px;height:22px;border-radius:50%;background:var(--paper-2);border:1px solid rgba(17,19,13,.14);display:grid;place-items:center;font-size:10px;font-weight:700;margin-left:-6px}
.sc-tools span:first-child{margin-left:0}
.sc-out{position:absolute;right:9px;bottom:9px;background:rgba(17,19,13,.72);color:#fff;font-size:10px;padding:3px 7px;border-radius:999px;backdrop-filter:blur(4px)}
.skill-card__cap{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.skill-card__stats{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--muted);padding:0 2px}
.skill-card__stats .l{display:inline-flex;align-items:center;gap:5px}
.skill-card__stats svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}
.skill-card__acts{position:absolute;right:8px;top:8px;display:flex;gap:6px;opacity:0;transition:opacity .2s}
.skill-card:hover .skill-card__acts{opacity:1}
.skill-card__acts button{width:26px;height:26px;border-radius:50%;background:rgba(251,250,246,.92);display:grid;place-items:center}
.skill-card__acts svg{width:13px;height:13px;fill:none;stroke:var(--ink);stroke-width:1.8}

/* deck card */
.deck-card{flex:0 0 300px;display:flex;flex-direction:column;gap:8px}
.deck-card__cover{aspect-ratio:16/9;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#ded9c9}
.deck-card__cover img{width:100%;height:100%;object-fit:cover;object-position:top left}
.deck-card__cover img:last-child:nth-child(odd){grid-column:span 2}
.deck-card__cap{font-size:13.5px;font-weight:600}
.deck-card__meta{font-size:11.5px;color:var(--muted)}

/* topic rails (trending block) */
.topic{margin-top:34px}
.topic__h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.topic__h h3{font-family:var(--disp);font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px}
.topic__h h3 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.cat-cta{flex:0 0 280px;border:1px dashed var(--line);border-radius:16px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);background:transparent}
.cat-cta span{font-size:11.5px;font-weight:400;color:var(--muted)}
.cat-cta:hover{background:var(--lime);border-color:transparent}

/* ── editorial split ──────────────────────────────────────────────────── */
.made{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:56px;align-items:center;padding:96px 0 0}
.made h2{font-family:var(--disp);font-weight:700;font-size:clamp(28px,3.2vw,42px);line-height:1.08;letter-spacing:-.035em}
.made p{margin-top:14px;font-size:14px;line-height:1.7;color:var(--muted);max-width:38em}
.made ul{margin-top:18px;display:grid;gap:8px}
.made li{display:flex;gap:9px;font-size:13.5px;align-items:flex-start}
.made li i{width:16px;height:16px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:700;flex:0 0 auto;margin-top:2px}
.made__block{aspect-ratio:4/3;border-radius:var(--r-lg);background:var(--ink);color:var(--lime);padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.made__block b{font-family:var(--disp);font-size:clamp(56px,7vw,96px);line-height:.86;letter-spacing:-.05em;font-weight:700}
.made__block span{font-size:12.5px;color:rgba(199,242,74,.72);line-height:1.6}
.made__block::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(199,242,74,.12)}
.made__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:44px}
.made__cell{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:20px}
.made__cell i{font-style:normal;font-size:10.5px;letter-spacing:.1em;color:var(--muted)}
.made__cell h3{font-size:14.5px;font-weight:650;margin:10px 0 6px}
.made__cell p{font-size:12.5px;line-height:1.65;color:var(--muted)}

/* ── terminal ─────────────────────────────────────────────────────────── */
.term{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:96px 0 0}
.term h2{font-family:var(--disp);font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.03em}
.term p{margin-top:12px;font-size:14px;line-height:1.7;color:var(--muted);max-width:34em}
.term__list{margin-top:18px;display:grid;gap:8px;font-size:13px;color:var(--muted)}
.section-anchor{position:absolute;scroll-margin-top:100px}
.term,.sec{position:relative}
.term__list li{display:flex;gap:8px}
.term__list b{color:var(--ink);font-weight:600}
.term__card{background:var(--ink);border-radius:var(--r-lg);overflow:hidden;color:#ece9df}
.term__bar{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)}
.term__dots{display:flex;gap:5px}
.term__dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22)}
.term__tabs{margin-left:auto;display:flex;gap:2px}
.term__tabs button{font-size:11px;padding:4px 9px;border-radius:6px;color:rgba(255,255,255,.55)}
.term__tabs button[aria-selected="true"]{background:rgba(255,255,255,.1);color:#fff}
.term__body{padding:16px;font-family:var(--mono);font-size:11.5px;line-height:1.9;min-height:196px}
.term__body .ln{white-space:pre-wrap;word-break:break-word}
.term__body .pr{color:var(--lime)}
.term__body .cm{color:rgba(255,255,255,.5)}
.term__prog{margin-top:14px;height:4px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
.term__prog i{display:block;height:100%;width:34%;background:var(--lime);border-radius:4px;animation:prog 2.6s linear infinite}
@keyframes prog{0%{transform:translateX(-100%)}100%{transform:translateX(320%)}}
.term__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:rgba(255,255,255,.55)}
.term__foot button{font-size:11px;color:var(--ink);background:var(--lime);border-radius:999px;padding:5px 10px;font-weight:600}

/* ── proof wall ───────────────────────────────────────────────────────── */
.proof{padding:96px 0 0}
.proof__h{text-align:center;max-width:640px;margin:0 auto}
.proof__h h2{font-family:var(--disp);font-weight:700;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em}
.proof__h p{margin-top:10px;font-size:13.5px;color:var(--muted)}
.proof__wall{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:520px;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 70px,#000 calc(100% - 70px),transparent)}
.proof__col{display:flex;flex-direction:column;gap:14px;will-change:transform}
.proof__col:nth-child(2){margin-top:34px}
.proof__col:nth-child(3){margin-top:-20px}
.proof__col--a{animation:drift 58s linear infinite}
.proof__col--b{animation:drift 70s linear infinite reverse}
.proof__col--c{animation:drift 64s linear infinite}
@keyframes drift{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.pcard{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;display:flex;flex-direction:column;gap:8px}
.pcard__top{display:flex;align-items:center;gap:9px}
.pcard__av{width:28px;height:28px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:12px;flex:0 0 auto}
.pcard__top b{font-size:12px;font-weight:650;display:block}
.pcard__top span{font-size:10.5px;color:var(--muted)}
.pcard p{font-size:12px;line-height:1.6;color:var(--ink)}
.pcard__foot{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);margin-top:auto}
.pcard--shot{padding:8px}
.pcard--shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:10px}
.pcard--shot .pcard__foot{padding:2px 6px 4px}
.pcard--stat{background:var(--lime);border-color:transparent;justify-content:center;gap:2px}
.pcard--stat b{font-family:var(--disp);font-size:30px;letter-spacing:-.04em}
.pcard--stat span{font-size:11px;color:rgba(17,19,13,.7)}

/* ── pricing ──────────────────────────────────────────────────────────── */
.plans{padding:96px 0 0}
.plans__h{text-align:center}
.plans__h h2{font-family:var(--disp);font-weight:700;font-size:clamp(34px,4.2vw,58px);letter-spacing:-.04em;line-height:1.02}
.plans__h p{margin-top:12px;font-size:13.5px;color:var(--muted)}
.plans__bar{margin-top:26px;background:var(--ink);color:#f6f4ea;border-radius:var(--r-lg);padding:16px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.plans__bar .tag{background:var(--lime);color:var(--ink);font-weight:700;font-size:11px;padding:4px 9px;border-radius:999px}
.plans__bar b{font-family:var(--disp);font-weight:600;font-size:16px}
.plans__bar .stats{margin-left:auto;display:flex;gap:22px}
.plans__bar .stat{text-align:center;min-width:44px}
.plans__bar .stat b{display:block;font-size:20px;letter-spacing:-.02em}
.plans__bar .stat span{font-size:9.5px;letter-spacing:.08em;color:rgba(246,244,234,.55);text-transform:uppercase}
.plans__grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.plan{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);display:flex;flex-direction:column;overflow:hidden}
.plan__band{background:var(--ink);color:#f6f4ea;text-align:center;font-size:11px;font-weight:600;padding:7px}
.plan__body{padding:20px;display:flex;flex-direction:column;gap:14px}
.plan--hot{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
.plan__name{font-size:13px;color:var(--muted)}
.plan__price{font-family:var(--disp);font-size:34px;font-weight:700;letter-spacing:-.04em;line-height:1}
.plan__price small{font-family:var(--sans);font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}
.plan__desc{font-size:12px;color:var(--muted);line-height:1.6}
.plan ul{display:grid;gap:7px;font-size:12px;color:var(--ink);margin-top:2px}
.plan li{display:flex;gap:8px;align-items:flex-start}
.plan li svg{width:13px;height:13px;fill:none;stroke:var(--ink);stroke-width:2.2;flex:0 0 auto;margin-top:2px}
.plan .btn{margin-top:4px;width:100%}
.plan__note{text-align:center;font-size:10.5px;color:var(--muted)}
.plans__foot{margin-top:14px;text-align:center;font-size:11.5px;color:var(--muted)}

/* ── FAQ ──────────────────────────────────────────────────────────────── */
.faq{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:56px;padding:96px 0 0;align-items:start}
.faq h2{font-family:var(--disp);font-weight:700;font-size:clamp(32px,3.6vw,46px);letter-spacing:-.035em}
.faq p{margin-top:10px;font-size:13px;color:var(--muted);max-width:26em}
.faq__more{margin-top:18px;display:inline-flex;gap:6px;font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:2px;white-space:nowrap}
.faq__list{border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 2px;font-size:13.5px;font-weight:600}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:2;transition:transform .25s}
.faq__item[open] summary svg{transform:rotate(45deg)}
.faq__item p{padding:0 2px 18px;font-size:12.5px;line-height:1.7;color:var(--muted);max-width:44em}

/* ── closing CTA ──────────────────────────────────────────────────────── */
.close{padding:96px 0 0}
.close__panel{background:var(--lime);border-radius:var(--r-lg);padding:clamp(28px,3.4vw,48px);position:relative;overflow:hidden}
.close__top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.close h2{font-family:var(--disp);font-weight:700;font-size:clamp(32px,3.8vw,52px);letter-spacing:-.04em;line-height:1.02;max-width:16em}
.close p{margin-top:10px;font-size:13.5px;color:rgba(17,19,13,.68)}
.close__wall{margin-top:26px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}
.close__tile{aspect-ratio:1/1;border-radius:12px;display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:13px;background:rgba(17,19,13,.1);color:var(--ink);overflow:hidden}
.close__tile{position:relative;padding:0;overflow:hidden}
.close__tile img{width:100%;height:100%;object-fit:cover;display:block}
.close__tile .cv img,.close__tile .cv video{width:100%;height:100%;object-fit:cover;object-position:top left}

/* ── footer ───────────────────────────────────────────────────────────── */
.foot{padding:56px 0 24px;margin-top:96px;background:var(--paper)}
.foot__top{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:24px}
.foot__brand{display:flex;flex-direction:column;gap:12px;max-width:280px}
.foot__brand p{font-size:12px;color:var(--muted)}
.foot__social{display:flex;gap:10px;margin-top:4px}
.foot__social a{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}
.foot__social svg{width:13px;height:13px;fill:currentColor}
.foot h4{font-size:12px;font-weight:650;margin-bottom:10px}
.foot a,.foot span{display:block;font-size:12px;padding:4px 0;color:var(--muted)}
.foot a:hover{color:var(--ink)}
.foot__row2{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:24px;margin-top:36px}
.foot__row2 .spacer{}
.foot__bottom{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}

/* ── responsive ───────────────────────────────────────────────────────── */
@media (max-width:1200px){
  .made,.term{grid-template-columns:minmax(0,1fr);gap:32px}
  .made__block{aspect-ratio:16/7}
  .made__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plans__grid{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}
  .faq{grid-template-columns:minmax(0,1fr);gap:24px}
  .foot__top,.foot__row2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot__brand{grid-column:1/-1;max-width:none}
  .proof__wall{height:480px}
  .close__wall{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:980px){
  .nav{display:none}
  .search{width:200px}
  .hw-tile{width:96px;height:96px;border-radius:16px}
  .plans__bar .stats{margin-left:0}
  .sec{padding-top:64px}
  .made,.term,.proof,.plans,.faq,.close{padding-top:64px}
}
@media (max-width:720px){
  :root{--pad:16px}
  .hdr__in{gap:10px;height:58px}
  .brand__name{font-size:16px}
  .search{display:none}
  .hdr__tools .chip{display:none}
  .hero{padding-top:40px}
  .hero h1{font-size:clamp(30px,8.6vw,40px)}
  .hw-tile{width:78px;height:78px;border-radius:14px}
  .hw-row{gap:8px}
  .hero__wall{gap:8px}
  .skill-card{flex-basis:74vw}
  .rail--sm .skill-card{flex-basis:74vw}
  .deck-card{flex-basis:78vw}
  .rail__arrow{display:none}
  .sec__title{font-size:18px}
  .sec__head{flex-direction:column;align-items:flex-start;gap:8px}
  .proof__wall{grid-template-columns:minmax(0,1fr);height:460px}
  .proof__col:nth-child(n+2){display:none}
  .made__grid{grid-template-columns:minmax(0,1fr)}
  .plans__bar .stats{display:none}
  .close__top{flex-direction:column;align-items:flex-start}
  .close__wall{grid-template-columns:repeat(6,minmax(0,1fr))}
  .topic__h{flex-direction:column;align-items:flex-start;gap:4px}
  .topic__h h3{flex-wrap:wrap;font-size:14px}
  .plans__grid{gap:12px}
  .foot{padding-top:40px;margin-top:64px}
  .plans__h h2{font-size:32px}
}