@layer base{:root{--marketing-ink:#071821;--marketing-ink-soft:#0d2632;--marketing-paper:#f7f8f4;--marketing-mist:#edf4f1;--marketing-line:#0f2d3924}::selection{color:#071821;background:#a3e6356b}:where(a,button,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:2px solid #0f766e}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}}@layer components{.marketing-paper{background:var(--marketing-paper)}.marketing-display-xl{font-synthesis:none;letter-spacing:-.045em;max-width:12ch;font-family:Instrument Serif,Georgia,serif;font-size:clamp(3.65rem,7.3vw,7.4rem);font-weight:400;line-height:.91}.marketing-display-lg{font-synthesis:none;letter-spacing:-.035em;max-width:15ch;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2.65rem,4.6vw,5rem);font-weight:400;line-height:.96}.marketing-display-md{font-synthesis:none;letter-spacing:-.028em;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2.15rem,3.5vw,3.75rem);font-weight:400;line-height:1}.marketing-kicker{color:#0f766e;letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.72rem;font-weight:700;line-height:1.4;display:inline-flex}.marketing-kicker:before{content:"";opacity:.52;background:currentColor;width:1.8rem;height:1px}.marketing-kicker-on-dark{color:#a3e635}.marketing-prose{color:#52636c;max-width:64ch;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.7}.product-stage{color:#fff;background-color:#071821;background-image:radial-gradient(circle at 90% 8%,#1fbfaa29,#0000 20rem),linear-gradient(150deg,#0a202a 0%,#06171f 58%,#041119 100%);border:1px solid #ffffff1f;border-radius:.9rem;position:relative;overflow:hidden;box-shadow:0 36px 90px -45px #000000b8}.product-stage-grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px),radial-gradient(circle at 90% 8%,#1fbfaa29,#0000 20rem),linear-gradient(150deg,#0a202a 0%,#06171f 58%,#041119 100%);background-repeat:repeat,repeat,no-repeat,no-repeat;background-size:42px 42px,42px 42px,auto,auto}.code-panel--dark{--syntax-comment:#64748b;--syntax-function:#5eead4;--syntax-keyword:#c4b5fd;--syntax-literal:#fbbf24;--syntax-number:#fdba74;--syntax-operator:#94a3b8;--syntax-property:#7dd3fc;--syntax-string:#bef264}.code-panel--light{--syntax-comment:#64748b;--syntax-function:#0f766e;--syntax-keyword:#6d28d9;--syntax-literal:#a16207;--syntax-number:#c2410c;--syntax-operator:#64748b;--syntax-property:#0369a1;--syntax-string:#3f6212}.syntax-token--comment{color:var(--syntax-comment);font-style:italic}.syntax-token--function{color:var(--syntax-function)}.syntax-token--keyword{color:var(--syntax-keyword)}.syntax-token--literal{color:var(--syntax-literal)}.syntax-token--number{color:var(--syntax-number)}.syntax-token--operator{color:var(--syntax-operator)}.syntax-token--property{color:var(--syntax-property)}.syntax-token--string{color:var(--syntax-string)}.product-stage-foreground{z-index:1;position:relative}.product-surface{background:#ffffffeb;border:1px solid #0f2d3924;border-radius:.75rem}.product-surface-dark{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:.75rem}.editorial-rule{border-top:1px solid var(--marketing-line)}.editorial-index{color:#0f766e;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem}.hairline-grid{background-image:linear-gradient(#0f2d390b 1px,#0000 1px),linear-gradient(90deg,#0f2d390b 1px,#0000 1px);background-size:48px 48px}.ink-stage{background:radial-gradient(circle at 8% 0,#0f766e3d,#0000 30rem),#071821}.code-scroll{scrollbar-color:#94a3b859 transparent;scrollbar-width:thin}.code-scroll::-webkit-scrollbar{width:.45rem;height:.45rem}.code-scroll::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}}@media (width<=639px){.marketing-display-xl{letter-spacing:-.04em;font-size:clamp(3.25rem,16vw,4.7rem)}.product-stage{border-radius:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
