:root{--coral:oklch(74% .13 42);--rose:oklch(67% .15 12);--violet:oklch(60% .14 312);--sky:oklch(66% .12 258);--ink:oklch(28% .012 290);--muted:oklch(48% .015 290);--paper:oklch(99.5% .002 290);--grad:linear-gradient(120deg, var(--coral), var(--rose) 38%, var(--violet) 68%, var(--sky));--font-display:"Fredoka", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}::selection{background:oklch(74% .13 42/.3)}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-weight:600;line-height:1.12}section{padding-block:clamp(72px,11vw,132px);position:relative}.wrap{width:min(1120px,100% - 48px);margin-inline:auto}.sec-head{text-align:center;max-width:62ch;margin-inline:auto}.sec-head h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}.sec-head p{color:var(--muted);text-wrap:pretty;margin-top:14px;font-size:clamp(.98rem,1.4vw,1.08rem)}.btn{font:600 15.5px var(--font-body);background:var(--grad);color:#fff;transition:transform .3s var(--ease-out), box-shadow .3s;will-change:transform;border-radius:999px;align-items:center;gap:9px;padding:13px 26px;display:inline-flex;box-shadow:0 6px 20px oklch(62% .14 20/.3),inset 0 1px oklch(100% 0 0/.25)}.btn:hover{box-shadow:0 14px 32px oklch(62% .14 20/.38),inset 0 1px oklch(100% 0 0/.25)}.btn:active{transform:scale(.97)}.btn.ghost{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(100% 0 0/.65);border:1px solid oklch(92% .006 290);box-shadow:0 2px 10px oklch(30% .02 290/.06)}.noise{z-index:30;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.1s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,1.4%)}50%{transform:translate(1.6%,-1%)}75%{transform:translate(-1%,-1.8%)}to{transform:translate(0)}}.progress{z-index:20;background:var(--grad);transform-origin:0;height:2.5px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}::view-transition-old(root){animation-duration:.22s;animation-timing-function:ease-out}::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease-out}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}.noise{animation:none}}