/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-inline:auto}.mb-\[8px\]{margin-bottom:8px}.mb-\[24px\]{margin-bottom:24px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[2px\]{height:2px}.h-\[52px\]{height:52px}.h-\[70px\]{height:70px}.min-h-screen{min-height:100vh}.w-\[52px\]{width:52px}.w-\[70px\]{width:70px}.w-full{width:100%}.max-w-\[700px\]{max-width:700px}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[rgba\(99\,153\,34\,0\.28\)\]{border-color:#63992247}.border-\[rgba\(201\,168\,76\,0\.4\)\]{border-color:#c9a84c66}.border-\[rgba\(201\,168\,76\,0\.25\)\]{border-color:#c9a84c40}.border-\[rgba\(255\,255\,255\,0\.1\)\]{border-color:#ffffff1a}.bg-\[\#0D3320\]{background-color:#0d3320}.bg-\[\#092618\]{background-color:#092618}.bg-\[rgba\(99\,153\,34\,0\.1\)\]{background-color:#6399221a}.bg-\[rgba\(201\,168\,76\,0\.05\)\]{background-color:#c9a84c0d}.bg-\[rgba\(201\,168\,76\,0\.12\)\]{background-color:#c9a84c1f}.bg-\[rgba\(255\,255\,255\,0\.02\)\]{background-color:#ffffff05}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#0D3320\]{--tw-gradient-from:#0d3320;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#C9A84C\]{--tw-gradient-via:#c9a84c;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0D3320\]{--tw-gradient-to:#0d3320;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.px-\[16px\]{padding-inline:16px}.text-center{text-align:center}.text-left{text-align:left}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[\#7A8A7B\]{color:#7a8a7b}.text-\[\#7DC144\]{color:#7dc144}.text-\[\#C9A84C\]{color:#c9a84c}.text-\[\#F5F2EA\]{color:#f5f2ea}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:border-\[\#C9A84C\]:hover{border-color:#c9a84c}.hover\:bg-\[rgba\(201\,168\,76\,0\.2\)\]:hover{background-color:#c9a84c33}}.focus\:border-\[\#C9A84C\]:focus{border-color:#c9a84c}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[\#C9A84C\]:focus{--tw-ring-color:#c9a84c}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}body{color:#fff;background-color:#0b0f19;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}:root{--ascon-forest:#092618;--ascon-forest-mid:#0d3320;--ascon-gold:#c9a84c;--ascon-gold-light:#e8c96a;--ascon-text-main:#f5f2ea;--ascon-text-muted:#7a8a7b;--ascon-error:#e87070;--ascon-success:#7dc144;--ascon-warning:#e8a835}.counter{color:var(--ascon-gold);letter-spacing:.02em;cursor:pointer;background:#d4af371a;border:1.5px solid #0000;border-radius:6px;margin-bottom:28px;padding:8px 20px;font-size:15px;font-weight:500;transition:border-color .3s,background .3s;display:inline-block}.counter:hover{border-color:var(--ascon-gold-dark);background:#d4af3729}.counter:focus-visible{outline:2px solid var(--ascon-gold);outline-offset:3px}.hero{position:relative}.hero .base{z-index:0;filter:drop-shadow(0 4px 24px #d4af372e);width:170px;position:relative}.hero .framework,.hero .vite{margin:0 auto;position:absolute;inset-inline:0}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:28px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{text-align:left;background:#ffffff08;border-top:1px solid #d4af3740;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;color:var(--ascon-gold);margin-bottom:16px}#next-steps h2{color:var(--ascon-white);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:500}#next-steps p{color:var(--ascon-slate);font-size:14px;line-height:1.7}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid #d4af3726}@media (width<=1024px){#docs{border-bottom:1px solid #d4af3726;border-right:none}}#next-steps ul{gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--ascon-gold-light);letter-spacing:.01em;background:#d4af3714;border:1px solid #d4af372e;border-radius:6px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;text-decoration:none;transition:background .25s,border-color .25s,color .25s;display:flex}#next-steps ul a:hover{border-color:var(--ascon-gold);color:var(--ascon-white);background:#d4af372e}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid #d4af3726;height:88px;position:relative;overflow:hidden}#spacer:before{content:"";background:linear-gradient(#0000004d 0%,#0000 100%);position:absolute;inset:0}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--ascon-gold-dark);left:0}.ticks:after{border-right-color:var(--ascon-gold-dark);right:0}.ribbon-divider{background:linear-gradient(90deg, transparent 0%, var(--ascon-gold-dark) 20%, var(--ascon-gold) 50%, var(--ascon-gold-dark) 80%, transparent 100%);width:100%;height:1px;position:relative}.ribbon-divider:before{content:"";background:inherit;filter:blur(3px);opacity:.35;position:absolute;inset:-1px 0}.bg-dark-ui{background-color:var(--ascon-forest);background-image:radial-gradient(at 80% 10%,#d4af370f 0%,#0000 60%)}.bg-dark-surface{background:#ffffff0a;position:relative;overflow:hidden}.bg-dark-surface:before{content:"";background:linear-gradient(90deg, var(--ascon-ink) 0%, var(--ascon-gold) 50%, var(--ascon-ink) 100%);z-index:1;height:2px;position:absolute;top:0;left:0;right:0}