/*! 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-divide-y-reverse:0;--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-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;--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}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-50{z-index:50}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.h-\[2px\]{height:2px}.h-\[42px\]{height:42px}.h-\[48px\]{height:48px}.h-\[52px\]{height:52px}.h-\[55vh\]{height:55vh}.h-\[60px\]{height:60px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[42px\]{width:42px}.w-\[48px\]{width:48px}.w-\[60px\]{width:60px}.w-\[400px\]{width:400px}.w-full{width:100%}.max-w-\[85\%\]{max-width:85%}.max-w-\[1200px\]{max-width:1200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[\#C9A84C\]\/20{border-color:oklab(74.3201% .000998646 .117047/.2)}.border-\[\#C9A84C\]\/25{border-color:oklab(74.3201% .000998646 .117047/.25)}.border-\[\#C9A84C\]\/30{border-color:oklab(74.3201% .000998646 .117047/.3)}.border-\[\#E87070\]\/20{border-color:oklab(68.6632% .138687 .0553447/.2)}.border-\[\#E87070\]\/30{border-color:oklab(68.6632% .138687 .0553447/.3)}.border-\[rgba\(201\,168\,76\,0\.15\)\]{border-color:#c9a84c26}.border-transparent{border-color:#0000}.bg-\[\#0D3320\]{background-color:#0d3320}.bg-\[\#092618\]{background-color:#092618}.bg-\[\#092618\]\/50{background-color:oklab(24.1897% -.041325 .0156148/.5)}.bg-\[\#C9A84C\]{background-color:#c9a84c}.bg-\[\#C9A84C\]\/10{background-color:oklab(74.3201% .000998646 .117047/.1)}.bg-\[\#E87070\]\/10{background-color:oklab(68.6632% .138687 .0553447/.1)}.bg-transparent{background-color:#0000}.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))}.text-center{text-align:center}.text-left{text-align:left}.font-\[\'Inter\'\]{font-family:Inter}.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-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[\#7A8A7B\]{color:#7a8a7b}.text-\[\#092618\]{color:#092618}.text-\[\#C9A84C\]{color:#c9a84c}.text-\[\#E8C96A\]{color:#e8c96a}.text-\[\#E87070\]{color:#e87070}.text-\[\#F5F2EA\]{color:#f5f2ea}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-50{opacity:.5}.shadow-\[\#C9A84C\]\/10{--tw-shadow-color:#c9a84c1a}@supports (color:color-mix(in lab, red, red)){.shadow-\[\#C9A84C\]\/10{--tw-shadow-color:color-mix(in oklab, oklab(74.3201% .000998646 .117047/.1) var(--tw-shadow-alpha), transparent)}}.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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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\:bg-\[\#C9A84C\]\/20:hover{background-color:oklab(74.3201% .000998646 .117047/.2)}.hover\:bg-\[\#E8C96A\]:hover{background-color:#e8c96a}.hover\:bg-\[\#E87070\]\/10:hover{background-color:oklab(68.6632% .138687 .0553447/.1)}.hover\:text-\[\#F5F2EA\]:hover{color:#f5f2ea}}.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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-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}@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}: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}