div[data-shell=front]{background:var(--card);color:var(--foreground)}:root:has(div[data-shell=front]) body{background:var(--card)}@layer components{[data-shell=front] :target,[data-shell=front] .front-anchor{scroll-margin-top:88px}[data-shell=front] .front-display{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.25rem,1.35rem + 3.7vw,4.125rem);font-weight:700;line-height:1.03}[data-shell=front] .front-title{letter-spacing:-.032em;text-wrap:balance;font-size:clamp(1.75rem,1.3rem + 1.75vw,2.625rem);font-weight:680;line-height:1.1}[data-shell=front] .front-subtitle{letter-spacing:-.018em;text-wrap:balance;font-size:1.1875rem;font-weight:640;line-height:1.3}[data-shell=front] .front-lead{color:var(--muted-foreground);text-wrap:pretty;font-size:clamp(1.03rem,.98rem + .3vw,1.1875rem);line-height:1.6}[data-shell=front] .front-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);align-items:center;gap:8px;font-size:12px;font-weight:650;line-height:1.2;display:inline-flex}[data-shell=front] .front-grid{pointer-events:none;background-image:linear-gradient(to right, color-mix(in oklch, var(--rail) 7%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--rail) 7%, transparent) 1px, transparent 1px);background-position:top;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000 30%,#0000 75%)}[data-shell=front] .front-glow{pointer-events:none;background:radial-gradient(ellipse 45% 55% at 50% 0%, color-mix(in oklch, var(--primary) 16%, transparent), transparent 70%), radial-gradient(ellipse 30% 40% at 78% 18%, #00b0d624, transparent 70%);height:720px;position:absolute;inset:-20% 0 auto}@supports (color:lab(0% 0 0)){[data-shell=front] .front-glow{background:radial-gradient(ellipse 45% 55% at 50% 0%, color-mix(in oklch, var(--primary) 16%, transparent), transparent 70%), radial-gradient(ellipse 30% 40% at 78% 18%, lab(65.8669% -31.2203 -32.8264/.14), transparent 70%)}}[data-shell=front] .front-window{background:var(--card);box-shadow:0 0 0 1px color-mix(in oklch, var(--rail) 10%, transparent), 0 2px 4px #1a22300a, 0 24px 48px -16px #14213938, 0 48px 96px -32px #1421392e;border-radius:14px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){[data-shell=front] .front-window{box-shadow:0 0 0 1px color-mix(in oklch, var(--rail) 10%, transparent), 0 2px 4px lab(12.8311% -.163905 -10.8551/.04), 0 24px 48px -16px lab(12.6396% 1.09689 -17.8074/.22), 0 48px 96px -32px lab(12.6396% 1.09689 -17.8074/.18)}}[data-shell=front] .front-window-bar{background:var(--card-band);border-bottom:1px solid var(--border);align-items:center;gap:12px;height:36px;padding:0 12px;display:flex}[data-shell=front] .front-window-dots{gap:6px;display:flex}[data-shell=front] .front-window-dots>span{background:color-mix(in oklch, var(--rail) 16%, var(--card));border-radius:9999px;width:9px;height:9px}[data-shell=front] .front-float{background:var(--card);box-shadow:0 0 0 1px color-mix(in oklch, var(--rail) 10%, transparent), 0 18px 40px -12px #1421394d;border-radius:12px}@supports (color:lab(0% 0 0)){[data-shell=front] .front-float{box-shadow:0 0 0 1px color-mix(in oklch, var(--rail) 10%, transparent), 0 18px 40px -12px lab(12.6396% 1.09689 -17.8074/.3)}}[data-shell=front] .front-tile{background:var(--card);box-shadow:0 0 0 1px var(--border), var(--shadow-card);border-radius:14px;transition:box-shadow .2s;position:relative}@media (hover:hover){[data-shell=front] a.front-tile:hover{box-shadow:0 0 0 1px color-mix(in oklch, var(--primary) 35%, var(--border)), 0 12px 28px -14px #14213940}@supports (color:lab(0% 0 0)){[data-shell=front] a.front-tile:hover{box-shadow:0 0 0 1px color-mix(in oklch, var(--primary) 35%, var(--border)), 0 12px 28px -14px lab(12.6396% 1.09689 -17.8074/.25)}}}[data-shell=front] .front-icon{width:40px;height:40px;color:var(--primary);background:color-mix(in oklch, var(--primary) 9%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--primary) 16%, transparent);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}[data-shell=front] .front-navy{isolation:isolate;background:var(--rail);color:#f1f5fc;color:lab(96.4833% -.402182 -3.75502);position:relative;overflow:hidden}[data-shell=front] .front-navy:before{content:"";z-index:-1;background:radial-gradient(ellipse 55% 80% at 85% 0%, color-mix(in oklch, var(--primary) 45%, transparent), transparent 70%), radial-gradient(ellipse 40% 70% at 0% 100%, color-mix(in oklch, var(--primary) 22%, transparent), transparent 70%);position:absolute;inset:0}[data-shell=front] .front-navy:after{content:"";z-index:-1;background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-image:linear-gradient(90deg,lab(100% 0 0/.045) 1px,#0000 1px),linear-gradient(lab(100% 0 0/.045) 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}[data-shell=front] .front-segmented{background:var(--muted);box-shadow:inset 0 0 0 1px var(--border);border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}[data-shell=front] .front-segmented>button{height:34px;color:var(--muted-foreground);border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:560;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}@media (hover:hover){[data-shell=front] .front-segmented>button:hover{color:var(--foreground)}}[data-shell=front] .front-segmented>button[aria-checked=true]{background:var(--card);color:var(--foreground);box-shadow:0 0 0 1px var(--border), 0 1px 2px #1a223014}@supports (color:lab(0% 0 0)){[data-shell=front] .front-segmented>button[aria-checked=true]{box-shadow:0 0 0 1px var(--border), 0 1px 2px lab(12.8311% -.163905 -10.8551/.08)}}[data-shell=front] .front-segmented.is-small>button{height:28px;padding:0 10px;font-size:12.5px}[data-shell=front] .front-faq details[open]::details-content{margin-top:-4px}@supports not selector(::details-content){[data-shell=front] .front-faq details>:not(summary){margin-top:-4px}}[data-shell=front] .front-prose{color:color-mix(in oklch, var(--foreground) 88%, var(--muted-foreground));font-size:15.5px;line-height:1.75}[data-shell=front] .front-prose h2{letter-spacing:-.015em;color:var(--foreground);margin:2.5rem 0 .75rem;scroll-margin-top:88px;font-size:1.25rem;font-weight:650;line-height:1.35}[data-shell=front] .front-prose p{margin:0 0 1rem}[data-shell=front] .front-prose ul{margin:0 0 1rem;padding-left:1.25rem;list-style:outside}[data-shell=front] .front-prose li{margin:.35rem 0}[data-shell=front] .front-prose li::marker{color:color-mix(in oklch, var(--primary) 60%, var(--muted-foreground))}[data-shell=front] .front-prose a{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--primary) 40%, transparent);text-decoration-color:color-mix(in oklch, var(--primary) 40%, transparent);text-underline-offset:3px}@media (hover:hover){[data-shell=front] .front-prose a:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}}[data-shell=front] .front-prose strong{color:var(--foreground);font-weight:620}@media (prefers-reduced-motion:no-preference){[data-shell=front] .front-rise{animation:.7s cubic-bezier(.2,.7,.2,1) both front-rise}[data-shell=front] .front-rise-2{animation-delay:90ms}[data-shell=front] .front-rise-3{animation-delay:.18s}[data-shell=front] .front-rise-4{animation-delay:.3s}[data-shell=front] :is([data-slot=button],.front-nudge) svg[data-icon=inline-end]{transition:transform .2s cubic-bezier(.23,1,.32,1)}[data-shell=front] .front-faq details{interpolate-size:allow-keywords}[data-shell=front] .front-faq details::details-content{block-size:0;transition:block-size .26s cubic-bezier(.23, 1, .32, 1), margin-top .26s cubic-bezier(.23, 1, .32, 1), content-visibility .26s allow-discrete;overflow:clip}[data-shell=front] .front-faq details[open]::details-content{block-size:auto}}@media (hover:hover) and (prefers-reduced-motion:no-preference){[data-shell=front] :is([data-slot=button],.front-nudge):hover svg[data-icon=inline-end]{transform:translate(2px)}}@keyframes front-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
