@layer components{.draftout-sys{--sys-color--primary:#0b57d0;--sys-color--on-primary:#fff;--sys-color--primary-container:#d3e3fd;--sys-color--on-primary-container:#0842a0;--sys-color--secondary:#00639b;--sys-color--secondary-container:#c2e7ff;--sys-color--tertiary:#146c2e;--sys-color--tertiary-container:#c4eed0;--sys-color--error:#b3261e;--sys-color--error-container:#f9dedc;--sys-color--surface:#fff;--sys-color--surface-bright:#fff;--sys-color--surface-container-lowest:#fff;--sys-color--surface-container-low:#f8fafd;--sys-color--surface-container-highest:#dde3ea;--sys-color--surface-variant:#e1e3e1;--sys-color--on-surface:#1f1f1f;--sys-color--on-surface-variant:#444746;--sys-color--on-surface-low:#727676;--sys-color--outline:#747775;--sys-color--outline-variant:#c4c7c5;--sys-color--outline-low:#e1e3e1;--sys-color--inverse-surface:#0d1b3a;--sys-color--inverse-surface-raised:#152549;--sys-color--inverse-outline:#24356b;--sys-color--inverse-on-surface:#e8edf7;--sys-color--inverse-on-surface-low:#a9b6d4;--sys-color--inverse-primary:#a8c7fa;--sys-color--pass:var(--sys-color--tertiary);--sys-color--fail:var(--sys-color--error);--sys-color--warn:#a66a00;--sys-color--glow-blue-1:#4c8df6;--sys-shape--extra-small:4px;--sys-shape--small:8px;--sys-shape--medium:12px;--sys-shape--large:16px;--sys-shape--large-increased:20px;--sys-shape--large-max:24px;--sys-shape--extra-large:28px;--sys-shape--extra-large-max:40px;--sys-shape--extra-extra-large:48px;--sys-shape--extra-extra-large-increased:56px;--sys-shape--full:9999px;--sys-elevation--subtle:#3c40434d 0 1px 2px 0, #3c404326 0 1px 3px 1px;--sys-elevation--card:#00000029 0 2px 8px -2px;--sys-state--hover:.08;--sys-state--pressed:.12;--sys-motion--easing-standard:cubic-bezier(.2, 0, 0, 1);--sys-motion--duration-short:.2s;--sys-motion--duration-medium:.3s;--sys-layout--container:1120px;--sys-layout--measure:720px;--bg:var(--sys-color--surface);--surface:var(--sys-color--surface-container-low);--surface-2:var(--sys-color--surface-container-highest);--ink-900:var(--sys-color--on-surface);--ink-700:var(--sys-color--on-surface-variant);--ink-500:var(--sys-color--on-surface-low);--ink-300:var(--sys-color--inverse-on-surface-low);--accent-hover:var(--sys-color--on-primary-container);--accent-soft:var(--sys-color--primary-container);--on-accent:var(--sys-color--on-primary);--pass:var(--sys-color--pass);--warn:var(--sys-color--warn);--fail:var(--sys-color--fail);--band:var(--sys-color--inverse-surface);--band-raised:var(--sys-color--inverse-surface-raised);--band-outline:var(--sys-color--inverse-outline);--band-ink:var(--sys-color--inverse-on-surface);--band-ink-low:var(--sys-color--inverse-on-surface-low);--band-accent:var(--sys-color--inverse-primary);--ease:var(--sys-motion--easing-standard);--dur:var(--sys-motion--duration-short);--accent:var(--sys-color--primary);--accent-foreground:var(--sys-color--on-primary);--border:var(--sys-color--outline-variant);--radius-step-xs:var(--sys-shape--extra-small);--radius-step-sm:var(--sys-shape--small);--radius-step-md:var(--sys-shape--medium);--radius-step-lg:var(--sys-shape--large);--radius-step-xl:var(--sys-shape--extra-large);--radius-step-2xl:var(--sys-shape--extra-large-max);--radius-step-3xl:var(--sys-shape--extra-extra-large);--radius-step-4xl:var(--sys-shape--extra-extra-large-increased);background:var(--bg);color:var(--ink-900);font-family:var(--font-geist-sans), "Plus Jakarta Sans", system-ui, sans-serif;font-weight:400}.draftout-sys :where(a,button,[role=button],[tabindex]):focus-visible{outline:3px solid var(--sys-color--outline);outline-offset:2px}.draftout-sys .elev-subtle{box-shadow:var(--sys-elevation--subtle)}.draftout-sys .elev-card{box-shadow:var(--sys-elevation--card)}.draftout-sys .nav-scrolled{box-shadow:var(--sys-elevation--subtle)}.draftout-sys .hero-wash{background:radial-gradient(140% 90% at 50% 22%, var(--sys-color--glow-blue-1) 0%, transparent 62%);opacity:.18}.draftout-sys .hero-shell{flex-direction:column;align-items:center;padding-top:40px;padding-bottom:48px;display:flex}@media (min-width:1024px){.draftout-sys .hero-shell{justify-content:center;min-height:min(100svh - 72px,940px);padding-top:clamp(40px,6vh,72px);padding-bottom:clamp(48px,8vh,96px)}}.draftout-sys .marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 80px calc(100% - 80px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 80px calc(100% - 80px),#0000 100%)}.draftout-sys .marquee__track{align-items:center;gap:64px;width:max-content;animation:40s linear infinite marquee-scroll;display:flex}.draftout-sys .marquee:hover .marquee__track{animation-play-state:paused}.draftout-sys .marquee__logo{white-space:nowrap;height:56px;color:var(--ink-700);transition:color var(--dur) var(--ease);align-items:center;display:inline-flex}.draftout-sys .marquee__logo:hover{color:var(--ink-900)}.draftout-sys .uni-lockup{align-items:center;gap:10px;display:inline-flex}.draftout-sys .uni-lockup__mark{filter:grayscale();opacity:.85;width:auto;height:26px;transition:filter var(--dur) var(--ease), opacity var(--dur) var(--ease);display:block}.draftout-sys .marquee__logo:hover .uni-lockup__mark{filter:grayscale(0);opacity:1}.draftout-sys .uni-lockup__name{font-family:var(--font-geist-sans), system-ui, sans-serif;letter-spacing:-.01em;font-size:19px;font-weight:600}.draftout-theme{--draft-bg:#fff;--draft-surface:#f8fafd;--draft-surface-2:#dde3ea;--draft-border:#c4c7c5;--draft-ink-900:#1f1f1f;--draft-ink-700:#444746;--draft-ink-500:#727676;--draft-accent:#0b57d0;--draft-accent-hover:#0842a0;--draft-pass:#146c2e;--draft-warn:#a66a00;--draft-band:#0d1b3a;font-family:var(--font-geist-sans), "Plus Jakarta Sans", system-ui, sans-serif}.draftout-theme .draft-container{width:100%;max-width:70rem;margin-inline:auto;padding-inline:1.5rem}.draftout-theme .draft-body-lg{font-size:1.125rem;font-weight:400;line-height:1.55}.draftout-theme .draft-label{font-size:.9375rem;font-weight:500;line-height:1.35}.draftout-theme .draft-small{font-size:.875rem;font-weight:400;line-height:1.45}.draftout-theme .draft-hero-wash{background:radial-gradient(circle at 50% 32%,#d2e1ff9e,#0000 38%),linear-gradient(#edf3ff 0%,#f5f8fe 74%,#fff 100%)}.draftout-auth-theme{--primary:#0b57d0;--primary-foreground:#fff;--ring:#4d8eea;--border:#c4c7c5;--input:#c4c7c5;--muted-foreground:#727676}.draftout-app-theme{--primary:#0b57d0;--primary-foreground:#fff;--ring:#4d8eea;--border:#dfe4ed;--input:#d9dfeb;--muted:#f1f4f9;--muted-foreground:#6c7482}@media (min-width:64rem){.draftout-theme .draft-container{padding-inline:2.5rem}}}.draftout-sys .t-display-xl{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(2.5rem,min(5.6vw,9vh),4.5rem);font-weight:280;line-height:1.06}.draftout-sys .t-display{letter-spacing:-.015em;font-size:42px;font-weight:280;line-height:48px}.draftout-sys .t-h2{letter-spacing:-.005em;font-size:32px;font-weight:360;line-height:38px}.draftout-sys .t-h3{letter-spacing:0;font-size:20px;font-weight:470;line-height:24px}.draftout-sys .t-title-l{letter-spacing:0;font-size:22px;font-weight:500;line-height:28px}.draftout-sys .t-body-lg{font-size:17px;font-weight:450;line-height:24px}.draftout-sys .t-body{font-size:15px;font-weight:450;line-height:20px}.draftout-sys .t-small{font-size:13px;font-weight:450;line-height:17px}.draftout-sys .t-label{font-size:15px;font-weight:420;line-height:20px}.draftout-sys .t-mono{font-family:var(--font-geist-mono), ui-monospace, monospace;font-feature-settings:"tnum" 1}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 32px))}}@media (prefers-reduced-motion:reduce){.draftout-sys *,.draftout-sys :before,.draftout-sys :after,.draftout-theme *,.draftout-theme :before,.draftout-theme :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.draftout-sys .marquee__track{animation:none!important;transform:none!important}}