:root{--serif:"Fraunces", serif;--sans:"Hanken Grotesk", sans-serif;--mono:"IBM Plex Mono", monospace;--ink:#1c1917;--mid:#78716c;--faint:#d6d3cd;--accent:#8b7355;--bg:#f6f2ec;--card:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg)}::selection{color:var(--ink);background:#8b735526}@keyframes br{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes ng{0%,to{opacity:.12}50%{opacity:.5}}@keyframes fc{0%,to{stroke-opacity:.04}50%{stroke-opacity:.14}}@keyframes sp{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dd{0%{stroke-dashoffset:0}to{stroke-dashoffset:-80px}}@keyframes rip{0%{opacity:.35;transform:scale(.8)}to{opacity:0;transform:scale(3)}}@keyframes orb{0%{transform:rotate(0deg) translateX(var(--oR,60px)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--oR,60px)) rotate(-360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}8%{opacity:var(--pk,.12)}85%{opacity:calc(var(--pk,.12) * .4)}to{transform:translateY(-100vh) translateX(var(--dr,20px)) scale(.3);opacity:0}}@keyframes sw{0%,to{stroke-opacity:0;transform:translateY(0)}30%{stroke-opacity:.08}to{transform:translateY(-12px)}}@keyframes wf{0%,to{d:path("M15,110 Q65,92 120,110 Q175,128 225,110")}50%{d:path("M15,110 Q65,128 120,110 Q175,92 225,110")}}@keyframes fn{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes lf{0%,to{fill-opacity:.35}50%{fill-opacity:.05}}@keyframes gp{0%,to{box-shadow:0 0 #1c191700}50%{box-shadow:0 16px 60px #1c191714}}@keyframes scrollHint{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.7;transform:translateY(8px)}}@keyframes enso{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}@keyframes rake{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes inkSpread{0%{r:2px;opacity:.4}50%{r:18px;opacity:.15}to{r:30px;opacity:0}}@keyframes breathCirc{0%,to{r:28px;opacity:.06}50%{r:42px;opacity:.12}}@keyframes floatUp{0%{opacity:0;transform:translateY(8px)}50%{opacity:.12}to{opacity:0;transform:translateY(-8px)}}@keyframes drawLine{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}@keyframes fadeRotate{0%{opacity:.06;transform:rotate(0)}50%{opacity:.12}to{opacity:.06;transform:rotate(360deg)}}.btn{color:var(--ink);font-family:var(--sans);letter-spacing:3px;cursor:pointer;text-transform:uppercase;background:#1c191708;border:1px solid #1c191714;border-radius:100px;align-items:center;gap:12px;padding:20px 48px;font-size:16px;font-weight:300;transition:all .5s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:hover{background:#1c19170f;border-color:#1c191724;transform:translateY(-2px)}.lang-btn:hover{opacity:.8!important;border-color:#1c19172e!important}.card{background:var(--card);text-align:center;border:1px solid #1c19170a;border-radius:24px;padding:clamp(32px,4vw,56px) clamp(24px,3vw,44px);transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #1c191705}.card:hover{border-color:#1c191714;transform:translateY(-3px);box-shadow:0 12px 40px #1c19170f}.code-box{font-family:var(--mono);color:#1c191773;white-space:pre-wrap;word-break:break-word;text-align:left;background:#faf9f7;border:1px solid #1c19170f;border-radius:20px;max-height:340px;padding:clamp(24px,3vh,36px) clamp(20px,3vw,32px);font-size:clamp(12px,1.2vw,14px);line-height:1.7;position:relative;overflow:hidden}.code-box:after{content:"";pointer-events:none;background:linear-gradient(#0000,#faf9f7);border-radius:0 0 20px 20px;height:70px;position:absolute;bottom:0;left:0;right:0}.lb{font-family:var(--mono);letter-spacing:5px;text-transform:uppercase;color:var(--mid);opacity:.45;font-size:14px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1024px){.g3{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.g3{grid-template-columns:1fr!important}.temp-row{flex-wrap:wrap;gap:12px!important}.temp-left{text-align:left!important;justify-content:flex-start!important;width:auto!important;min-width:auto!important}.temp-right{width:auto!important;min-width:auto!important}}