:root{font-family:Georgia,Times New Roman,serif;color:#24352f;background:#f4f2eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit}.site-shell{min-height:100vh;background:radial-gradient(circle at 8% 0%,#e1eadb 0,transparent 28rem),#f4f2eb}.topbar,main,footer{width:min(100% - 48px,1040px);margin:0 auto}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:-.03em;font-size:1.12rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#f4f2eb;background:#2f6047;border-radius:11px 11px 11px 3px;transform:rotate(-6deg)}.brand-mark svg{transform:rotate(6deg)}nav{display:flex;gap:26px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}nav a{color:#6e786d;text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}nav a.active,nav a:hover{color:#2f6047;border-color:#d18a54}main{padding:72px 0 74px}.page-intro{max-width:680px;margin:0 auto 54px;text-align:center;animation:rise .6s ease both}.intro-icon{display:grid;place-items:center;margin:0 auto 22px;width:48px;height:48px;color:#2f6047;background:#dce8d8;border-radius:50%}.eyebrow{margin:0 0 18px;color:#b66f3e;font:700 .72rem/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;color:#21352c;font-size:clamp(2.35rem,5vw,4.2rem);line-height:.99;letter-spacing:-.055em;font-weight:400}.intro-copy{max-width:500px;margin:22px auto 0;color:#637066;font-size:1.12rem;line-height:1.6}.updated{display:inline-flex;align-items:center;gap:6px;margin-top:22px;color:#788176;font:.72rem Arial,sans-serif}.updated svg{color:#73905f}.policy-card{max-width:760px;margin:0 auto;padding:48px 58px;background:#ffffffa6;border:1px solid rgba(79,105,79,.18);border-radius:4px;box-shadow:0 20px 60px #2f443214;animation:rise .7s .08s ease both}.policy-section+.policy-section{margin-top:35px}.policy-section h2{margin:0 0 9px;color:#2f6047;font:700 .84rem/1.3 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.policy-section p{margin:0;color:#48574d;font-size:1.04rem;line-height:1.75}.policy-section a,footer a{color:#a65f34;font-weight:700}.back-link{display:flex;align-items:center;gap:7px;width:fit-content;margin:26px auto 0;color:#617066;font:700 .8rem Arial,sans-serif;text-decoration:none}.back-link:hover{color:#2f6047}footer{display:flex;justify-content:space-between;padding:24px 0 32px;color:#899086;border-top:1px solid rgba(79,105,79,.18);font:.75rem Arial,sans-serif}footer a{text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){.topbar,main,footer{width:min(100% - 32px,1040px)}main{padding-top:44px}.policy-card{padding:32px 24px}footer{gap:12px;flex-direction:column}nav{gap:16px}}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media(max-width:1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media(max-width:1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media(max-width:1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media(max-width:1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media(max-width:1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media(max-width:1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}
