.home{--home-orange: oklch(.68 .19 43);--home-ink: oklch(.2 .015 55);--home-paper: oklch(.97 .018 80);--home-soft: oklch(.95 .008 75);overflow:clip}.dark .home{--home-soft: oklch(.19 .01 75)}.home-width{width:min(100% - 96px,1232px);margin-inline:auto}.home h1,.home h2,.home h3{font-family:var(--font-heading)}.home a,.home button{-webkit-tap-highlight-color:transparent}.home a:focus-visible,.home button:focus-visible{outline:3px solid var(--primary);outline-offset:6px}.home-hero{min-height:740px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;padding-block:56px 110px}.home-intro{position:relative;z-index:1}.home-kicker{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;margin-bottom:29px}.home-kicker>span{width:7px;height:7px;background:var(--home-orange);border-radius:50%}.home h1{font-size:clamp(68px,7.5vw,108px);letter-spacing:-.075em;line-height:.97;font-weight:650}.home h1>span{color:var(--muted-foreground)}.home-description{font-size:19px;line-height:1.6;max-width:370px;margin-top:31px;color:var(--muted-foreground);text-wrap:pretty}.home-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:32px}.home-cta{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 22px;border-radius:8px;background:var(--foreground);color:var(--background);font-size:14px;font-weight:600;transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s}.home-cta:hover{transform:translateY(-3px)}.home-cta svg{width:20px;height:20px}.home-text-link{display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:500;text-underline-offset:5px}.home-text-link:hover{text-decoration:underline}.home-text-link svg{width:16px;height:16px;transition:transform .2s}.home-text-link:hover svg{transform:translate(2px,-2px)}.home-free{font-size:12px;margin-top:18px;color:var(--muted-foreground)}.home-stage{position:relative;padding:40px 12px 0}.home-source-slip{position:absolute;z-index:2;top:0;left:-10px;right:24px;transform:rotate(-5deg);background:var(--home-paper);color:var(--home-ink);padding:19px 20px;display:flex;align-items:center;gap:15px;box-shadow:0 3px 8px #1a15120f;border:1px solid oklch(.2 .01 55 / 10%);border-radius:8px}.home-source-slip>svg{color:#62488c;width:24px;height:24px}.home-source-slip div>span{font-size:10px;display:block;opacity:.7;margin-bottom:5px}.home-source-slip strong{display:block;font-weight:600;font-size:13px}.home-source-slip strong span{font-weight:400;opacity:.6}.home-merged{margin-left:auto;font-size:10px;color:#62488c;background:#e4ddf3;padding:4px 8px;border-radius:20px}.home-sleeve{aspect-ratio:1;position:relative;overflow:hidden;background:var(--home-orange);color:var(--home-ink);transform:rotate(3deg);border-radius:3px;box-shadow:12px 22px 45px #140b0629,inset 0 0 0 1px #1a151217}.home-sleeve-top,.home-sleeve-bottom{position:absolute;z-index:1;inset-inline:26px;display:flex;justify-content:space-between;font-size:10px;font-weight:500}.home-sleeve-top{top:24px}.home-sleeve-bottom{bottom:23px}.home-sleeve-title{position:relative;z-index:1;font-family:var(--font-heading);font-size:clamp(44px,5.6vw,78px);font-weight:700;line-height:.94;letter-spacing:-.065em;padding:70px 26px 0}.track-art{display:block;width:100%;height:100%}.home-sleeve>.track-art{position:absolute;width:105%;height:76%;bottom:-16%;left:-3%;color:var(--home-paper)}.home-featured-player{position:relative;z-index:3;display:flex;align-items:center;gap:17px;padding:20px 22px;margin:-22px -12px 0 35px;border:1px solid var(--border);background:var(--card);border-radius:12px;box-shadow:0 14px 32px #0f0a0714}.home-featured-player>div:nth-child(2){min-width:0}.home-featured-player>div>span{font-size:10px;display:block;color:var(--muted-foreground);margin-bottom:4px}.home-featured-player a{font-family:var(--font-heading);font-weight:600;font-size:17px}.home-featured-player a:hover{text-decoration:underline}.home .home-play{width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--foreground);flex-shrink:0;transition:background .2s,transform .2s}.home .home-play:hover{background:var(--muted);transform:scale(1.05)}.home .home-play--large{width:52px;height:52px;background:var(--foreground);color:var(--background);border:none}.home .home-play--large:hover{background:var(--foreground)}.home-play-loading{font-size:20px}.home-levels{display:flex;align-items:center;gap:3px;height:24px;margin-left:auto;padding-left:10px;color:var(--home-orange)}.home-levels i{width:3px;height:15px;background:currentColor;border-radius:3px;transform:scaleY(.35)}.home-levels i:nth-child(2n){height:24px}[data-playing=true] .home-levels i{animation:home-level .65s ease-in-out infinite alternate}@keyframes home-level{to{transform:scaleY(1)}}.home-examples{padding-block:62px 40px;border-top:1px solid var(--border);scroll-margin-top:25px}.home-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.home-section-label{font-size:12px;margin-bottom:15px;color:var(--muted-foreground)}.home h2{font-size:clamp(34px,3.6vw,50px);line-height:1.08;letter-spacing:-.055em;font-weight:600}.home-section-heading>p{font-size:13px;line-height:1.7;color:var(--muted-foreground);padding-bottom:4px}.home-track{display:grid;grid-template-columns:86px minmax(200px,1fr) 112px 95px 35px 44px;gap:23px;align-items:center;border-top:1px solid var(--border);padding-block:24px}.home-track:last-child{border-bottom:1px solid var(--border)}.home-track-art{width:86px;height:86px;overflow:hidden;border-radius:3px}.home-track-art--hooks{background:var(--home-orange);color:var(--home-paper)}.home-track-art--rails{background:#afc17b;color:#253522}.home-track-art--vue{background:#bfb5d4;color:#422b5b}.home-track-art .track-art{transition:transform .4s cubic-bezier(.16,1,.3,1)}.home-track:hover .track-art{transform:scale(1.09)}.home-track-origin{font-size:10px;color:var(--muted-foreground);margin-bottom:5px}.home-track-origin span{margin-inline:5px;opacity:.5}.home-track h3{font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.035em}.home-track h3 a:hover{text-decoration:underline;text-underline-offset:4px}.home-track-story{font-size:12px;margin-top:6px;color:var(--muted-foreground)}.home-pr-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted-foreground)}.home-pr-link svg{width:13px;height:13px}.home-pr-link:hover{color:var(--foreground)}.home-track-genre{font-size:11px;background:var(--home-soft);padding:6px 10px;border-radius:20px;text-align:center}.home-track-duration{color:var(--muted-foreground);font-size:11px;font-variant-numeric:tabular-nums}.home-browse{margin-top:24px}.home-workflow{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-block:105px 120px;align-items:center}.home-process ol{padding:0;list-style:none;display:grid;gap:30px;margin-top:40px}.home-process li{display:flex;gap:22px}.home-process li>span{font-size:11px;color:var(--muted-foreground);padding-top:5px}.home-process h3{font-size:18px;font-weight:600;letter-spacing:-.025em}.home-process li p{font-size:13px;color:var(--muted-foreground);margin-top:5px;line-height:1.7}.home-github{border-radius:14px;border:1px solid var(--border);background:var(--home-soft);overflow:hidden}.home-comment-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:19px 24px;font-size:11px;color:var(--muted-foreground)}.home-comment-head svg{width:16px;height:16px}.home-comment-body{display:flex;gap:13px;padding:28px 26px 20px}.home-comment-avatar{width:32px;height:32px;border-radius:50%;background:var(--border);display:grid;place-items:center;font-size:9px}.home-comment-body div>span{font-size:10px;color:var(--muted-foreground)}.home-comment-body code{display:block;margin-top:9px;font-size:22px;font-weight:500;letter-spacing:-.05em}.home-bot-reply{display:flex;gap:13px;padding:0 26px 32px;font-size:13px;align-items:center}.home-bot-mark{width:32px;height:32px;border-radius:8px;background:var(--home-orange);color:var(--home-ink);display:grid;place-items:center}.home-bot-mark svg{width:15px;height:15px}.home-bot-reply small{display:block;font-size:10px;color:var(--muted-foreground);margin-top:3px}.home-github-copy{padding:28px 26px 26px;border-top:1px solid var(--border)}.home-github-copy h3{font-size:23px;letter-spacing:-.035em;font-weight:600}.home-github-copy p{font-size:13px;line-height:1.7;margin-block:10px 20px;color:var(--muted-foreground)}.home-github-copy>small{display:block;font-size:10px;color:var(--muted-foreground);margin-top:19px}.home-finale{background:var(--home-orange);color:var(--home-ink)}.home-finale-inner{display:flex;justify-content:space-between;align-items:center;gap:60px;padding-block:75px 85px}.home-finale p{font-size:13px;margin-bottom:20px}.home-finale h2{font-size:clamp(58px,6vw,84px);line-height:.98;letter-spacing:-.065em}.home-finale .home-cta{background:var(--home-ink);color:var(--home-paper)}.home-finale-action{display:flex;flex-direction:column;align-items:start;gap:18px}.home-finale-action>span{font-size:11px}.home-finale-action .home-text-link{margin-top:9px;font-size:12px}.home-finale a:focus-visible{outline-color:var(--home-ink)}@media(min-width:1500px){.home-hero{padding-block:80px 130px}}@media(max-width:1100px){.home-width{width:calc(100% - 64px)}.home-hero{gap:32px;min-height:670px}.home h1{font-size:8vw}.home-track{grid-template-columns:72px minmax(200px,1fr) 90px 35px 44px;gap:18px}.home-track-art{width:72px;height:72px}.home-pr-link{display:none}.home-workflow{gap:50px}.home-sleeve-title{font-size:6vw;padding-top:62px}.home-sleeve-top,.home-sleeve-bottom{font-size:9px}}@media(max-width:760px){.home-width{width:calc(100% - 40px)}.home-hero{grid-template-columns:1fr;padding-block:35px 70px;gap:55px;min-height:auto}.home h1{font-size:clamp(68px,13vw,94px)}.home-kicker{margin-bottom:22px}.home-description{font-size:17px;margin-top:24px;max-width:350px}.home-actions{gap:20px;margin-top:26px}.home-cta{gap:22px;padding:16px 18px;font-size:13px}.home-text-link{font-size:12px}.home-free{font-size:11px}.home-stage{width:min(100% - 14px,440px);margin-inline:auto}.home-source-slip{left:-2px;right:15px;padding:16px}.home-sleeve-title{font-size:clamp(46px,12vw,66px);padding-top:62px}.home-sleeve-top,.home-sleeve-bottom{inset-inline:22px}.home-featured-player{padding:16px;margin-left:8px}.home-section-heading{display:block;margin-bottom:30px}.home-section-heading>p{margin-top:20px;font-size:12px}.home-examples{padding-top:40px}.home-track{grid-template-columns:58px minmax(0,1fr) 44px;gap:14px;padding-block:22px}.home-track-art{width:58px;height:68px}.home-track h3{font-size:19px}.home-track-origin{font-size:9px;line-height:1.5}.home-track-origin span{margin-inline:2px}.home-track-story{font-size:11px;line-height:1.5}.home-track-genre,.home-track-duration{display:none}.home-workflow{grid-template-columns:1fr;gap:45px;padding-block:55px 70px}.home-process ol{gap:25px;margin-top:30px}.home-finale-inner{display:block;padding-block:50px 56px}.home-finale h2{font-size:64px}.home-finale-action{margin-top:32px;gap:14px}}@media(max-width:380px){.home h1{font-size:58px}.home-finale h2{font-size:50px}.home-source-slip{padding:12px;gap:10px}.home-source-slip>svg{width:20px;height:20px;flex-shrink:0}.home-source-slip div>span{font-size:9px}.home-source-slip strong{font-size:12px}.home-merged{font-size:9px;padding:4px 6px}.home-sleeve-top{font-size:8px}.home-featured-player{padding:12px;gap:12px}.home-featured-player a{font-size:14px}.home-featured-player>div>span{font-size:9px}}@media(prefers-reduced-motion:no-preference){.home-intro{animation:home-arrive .75s cubic-bezier(.16,1,.3,1) both}.home-stage{animation:home-arrive .9s .08s cubic-bezier(.16,1,.3,1) both}@keyframes home-arrive{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}}