.skills-index{--bg:var(--color-bg);--surface:var(--color-surface);--surface-soft:var(--color-surface-soft);--ink:var(--color-ink);--ink-mid:var(--color-ink-mid);--ink-soft:var(--color-ink-soft);--rule:var(--color-rule);--border-interactive:var(--color-border-interactive);--accent:var(--color-accent);--accent-soft:var(--color-accent-soft);--accent-deep:var(--color-accent-deep);--p1:var(--color-p1);--p1-soft:var(--color-p1-soft);--p1-ink:var(--color-p1-ink);--p2:var(--color-p2);--p2-soft:var(--color-p2-soft);--p2-ink:var(--color-p2-ink);--p3:var(--color-p3);--p3-soft:var(--color-p3-soft);--p3-ink:var(--color-p3-ink);--p4:var(--color-p4);--p4-soft:var(--color-p4-soft);--p4-ink:var(--color-p4-ink);--sans:var(--font-sans);--mono:var(--font-mono);--maxw:1200px;--ease:cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px #14110d0d;--shadow-md:0 6px 24px #14110d12, 0 1px 2px #14110d0a;--shadow-lg:0 12px 32px #14110d1a;--shadow-xl:0 24px 60px #14110d29;font-family:var(--sans);color:var(--ink);line-height:1.55}.skills-index a{color:var(--ink);text-decoration:none}.skills-index a:hover{color:var(--accent-deep)}.skills-index .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.skills-index h1,.skills-index h2,.skills-index h3{letter-spacing:-.035em;font-weight:700;line-height:1.05}.skills-index .kicker{white-space:nowrap;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-deep);align-items:center;gap:8px;font-size:.7rem;font-weight:600;display:inline-flex}.skills-index .kicker .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.skills-index .btn{font-family:var(--sans);cursor:pointer;transition:all .15s var(--ease);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.55rem;font-weight:600;display:inline-flex}.skills-index .btn-lg{border-radius:12px;padding:.95rem 1.5rem;font-size:1rem}.skills-index .btn-md{border-radius:11px;padding:.7rem 1.15rem;font-size:.9rem}.skills-index .btn-primary{background:var(--ink);color:var(--surface)}.skills-index .btn-primary:hover{background:var(--accent);color:var(--ink);transform:translateY(-1px)}.skills-index .btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--border-interactive)}.skills-index .btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.skills-index .btn[aria-disabled=true]{background:var(--surface-soft);color:var(--ink-soft);border-color:var(--rule);cursor:default;pointer-events:none}.skills-index .btn .arr{transition:transform .18s var(--ease)}.skills-index .btn:hover .arr{transform:translate(3px)}.skills-index .arrow-link{color:var(--ink);transition:gap .15s var(--ease), color .15s var(--ease);align-items:center;gap:.45rem;font-size:.95rem;font-weight:600;display:inline-flex}.skills-index .arrow-link .arr{color:var(--accent);transition:transform .18s var(--ease)}.skills-index .arrow-link:hover{color:var(--accent-deep);gap:.7rem}.skills-index .hero{border-bottom:1px solid var(--rule);background:radial-gradient(620px 560px at 92% -14%, var(--accent-soft) 0%, transparent 58%), radial-gradient(520px 520px at -6% 120%, var(--p1-soft) 0%, transparent 58%), var(--bg);padding:56px 0 72px;position:relative;overflow:hidden}.skills-index .hero-grid{z-index:1;grid-template-columns:1.02fr .98fr;align-items:center;gap:56px;display:grid;position:relative}.skills-index .hero-copy{flex-direction:column;gap:22px;display:flex}.skills-index .hero h1{letter-spacing:-.04em;text-wrap:balance;max-width:15ch;font-size:clamp(2.4rem,4.6vw,3.6rem);line-height:1.02}.skills-index .hl{background:var(--accent);color:var(--surface);border-radius:6px;padding:0 .14em;display:inline-block}.skills-index .hero .lede{color:var(--ink-mid);text-wrap:pretty;max-width:37rem;font-size:1.14rem;line-height:1.6}.skills-index .hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.skills-index .trust-row{flex-wrap:wrap;gap:8px 20px;margin-top:2px;display:flex}.skills-index .trust-item{color:var(--ink-mid);align-items:center;gap:7px;font-size:.84rem;font-weight:500;display:inline-flex}.skills-index .trust-item svg{width:15px;height:15px;color:var(--p2-ink);flex:none}.skills-index .hero-visual{position:relative}.skills-index .shelf{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-xl);transition:transform .4s var(--ease);border-radius:18px;overflow:hidden;transform:rotate(-1deg)}.skills-index .hero-visual .shelf:hover{transform:rotate(0)}.skills-index .shelf-bar{border-bottom:1px solid var(--rule);background:var(--surface-soft);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.skills-index .shelf-bar .l{font-family:var(--mono);color:var(--ink-soft);align-items:center;gap:9px;font-size:.72rem;display:flex}.skills-index .shelf-bar .l .d{background:var(--accent);border-radius:50%;width:7px;height:7px}.skills-index .shelf-bar .v{font-family:var(--mono);color:var(--ink-soft);font-size:.68rem}.skills-index .shelf-list{flex-direction:column;gap:9px;padding:14px 16px;display:flex}.skills-index .srow{border:1px solid var(--rule);background:var(--surface);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.skills-index .srow .fic{border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.skills-index .srow .fic svg{width:16px;height:16px}.skills-index .srow .nm{color:var(--ink);letter-spacing:-.01em;font-size:.9rem;font-weight:600}.skills-index .srow .ext{font-family:var(--mono);color:var(--ink-soft);font-size:.6rem}.skills-index .srow .pr{font-family:var(--mono);color:var(--accent-deep);font-size:.72rem;font-weight:600}.skills-index .fic-1{background:var(--accent-soft);color:var(--accent-deep)}.skills-index .fic-2{background:var(--p3-soft);color:var(--p3-ink)}.skills-index .fic-3{background:var(--p2-soft);color:var(--p2-ink)}.skills-index .fic-4{background:var(--p1-soft);color:var(--p1-ink)}.skills-index .fic-5{background:var(--p4-soft);color:var(--p4-ink)}.skills-index .sec-head{text-align:center;max-width:56ch;margin:0 auto}.skills-index .sec-head h2{letter-spacing:-.035em;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.08}.skills-index .sec-head .sub{color:var(--ink-mid);text-wrap:pretty;margin-top:14px;font-size:1.05rem;line-height:1.6}.skills-index .how{background:var(--surface);border-bottom:1px solid var(--rule);padding:80px 0}.skills-index .how-steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.skills-index .hstep{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);border-radius:18px;padding:28px;position:relative}.skills-index .hstep:hover{box-shadow:var(--shadow-md);border-color:var(--border-interactive);transform:translateY(-2px)}.skills-index .hstep .n{background:var(--ink);color:#fff;width:40px;height:40px;font-family:var(--mono);border-radius:11px;justify-content:center;align-items:center;margin-bottom:18px;font-size:.95rem;font-weight:600;display:flex}.skills-index .hstep h3{letter-spacing:-.02em;font-size:1.12rem}.skills-index .hstep p{color:var(--ink-mid);text-wrap:pretty;margin-top:10px;font-size:.96rem;line-height:1.6}.skills-index .how-note{text-align:center;max-width:660px;color:var(--ink-mid);justify-content:center;align-items:center;gap:10px;margin:32px auto 0;font-size:.98rem;display:flex}.skills-index .how-note svg{width:18px;height:18px;color:var(--p2-ink);flex:none}.skills-index .how-note b{color:var(--ink);font-weight:600}.skills-index .catalogue{padding:80px 0}.skills-index .cat-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px;display:flex}.skills-index .cat-head .lead{max-width:46ch}.skills-index .cat-head h2{letter-spacing:-.035em;margin-top:12px;font-size:clamp(1.8rem,3.4vw,2.5rem);line-height:1.06}.skills-index .cat-head .sub{color:var(--ink-mid);text-wrap:pretty;margin-top:12px;font-size:1.02rem;line-height:1.6}.skills-index .cat-count{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);background:var(--surface);border:1px solid var(--rule);white-space:nowrap;border-radius:100px;padding:.4rem .85rem;font-size:.68rem;font-weight:600}.skills-index .skill-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.skills-index .skill-card{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);border-radius:18px;flex-direction:column;min-height:100%;padding:28px 26px;display:flex}.skills-index .skill-card:hover{box-shadow:var(--shadow-md);border-color:var(--ink);transform:translateY(-2px)}.skills-index .skill-card .sc-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.skills-index .skill-card .sc-tile{border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.skills-index .skill-card .sc-tile svg{width:20px;height:20px}.skills-index .skill-card .sc-kind{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.6rem;font-weight:600}.skills-index .skill-card h3{letter-spacing:-.02em;font-size:1.22rem;line-height:1.15}.skills-index .skill-card .sc-desc{color:var(--ink-mid);text-wrap:pretty;flex:1;margin-top:10px;font-size:.96rem;line-height:1.58}.skills-index .skill-card .sc-foot{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding-top:18px;display:flex}.skills-index .skill-card .sc-price{align-items:baseline;gap:6px;display:flex}.skills-index .skill-card .sc-price .amt{letter-spacing:-.02em;color:var(--ink);font-size:1.2rem;font-weight:700}.skills-index .skill-card .sc-price .once{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:.6rem}.skills-index .t-coral{background:var(--accent-soft);color:var(--accent-deep)}.skills-index .t-peri{background:var(--p3-soft);color:var(--p3-ink)}.skills-index .t-mint{background:var(--p2-soft);color:var(--p2-ink)}.skills-index .t-sun{background:var(--p1-soft);color:var(--p1-ink)}.skills-index .t-apricot{background:var(--p4-soft);color:var(--p4-ink)}.skills-index .bundles{background:var(--surface-soft);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:80px 0}.skills-index .bundles-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:38px;display:grid}.skills-index .bundle-card{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-sm);min-height:260px;transition:opacity .25s var(--ease);border-radius:18px;flex-direction:column;padding:30px;display:flex;position:relative}.skills-index .bundle-card .bc-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.skills-index .bundle-card .bc-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--rule);border-radius:100px;padding:.32rem .7rem;font-size:.62rem;font-weight:600}.skills-index .bundle-card .bc-state{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--rule);white-space:nowrap;border-radius:100px;padding:.32rem .7rem;font-size:.6rem;font-weight:600}.skills-index .bundle-card h3{letter-spacing:-.025em;font-size:1.3rem}.skills-index .bundle-card .bc-desc{color:var(--ink-mid);text-wrap:pretty;margin-top:10px;font-size:.96rem;line-height:1.58}.skills-index .bundle-card .bc-items{flex-wrap:wrap;gap:8px;margin-top:16px;list-style:none;display:flex}.skills-index .bundle-card .bc-items li{color:var(--ink-mid);background:var(--bg);border:1px solid var(--rule);border-radius:100px;padding:.32rem .75rem;font-size:.82rem;font-weight:500}.skills-index .bundle-card .bc-foot{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:auto;padding-top:22px;display:flex}.skills-index .bundle-card .bc-price{align-items:baseline;gap:8px;display:flex}.skills-index .bundle-card .bc-price .amt{letter-spacing:-.03em;color:var(--ink);font-size:1.5rem;font-weight:700}.skills-index .bundle-card .bc-price .save{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--p2-ink);font-size:.64rem;font-weight:600}.skills-index .bundle-card[data-state=dormant]{opacity:.72}.skills-index .bundle-card[data-state=dormant] .bc-price .amt,.skills-index .bundle-card[data-state=dormant] .bc-price .save{color:var(--ink-soft)}.skills-index .stop{padding:88px 0}.skills-index .stop-inner{text-align:center;max-width:680px;margin:0 auto}.skills-index .stop-inner h2{letter-spacing:-.035em;margin-top:14px;font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1.1}.skills-index .stop-inner p{color:var(--ink-mid);text-wrap:pretty;margin-top:16px;font-size:1.06rem;line-height:1.65}.skills-index .stop-inner p b{color:var(--ink);font-weight:600}.skills-index .stop-inner .kicker{justify-content:center}.skills-index .stop-actions{justify-content:center;margin-top:26px;display:flex}@media (max-width:940px){.skills-index .hero-grid{grid-template-columns:1fr;gap:44px}.skills-index .hero-visual{max-width:460px}.skills-index .how-steps,.skills-index .bundles-grid{grid-template-columns:1fr}}@media (max-width:520px){.skills-index .cat-head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.skills-index .shelf{transform:none!important}}