/*! tailwindcss v4.1.11 | 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-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-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:rgb(255, 163, 164);--color-amber-100:rgb(254, 243, 198);--spacing:.25rem;--container-sm:24rem;--container-xl:36rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-3xl:1.875rem;--text-5xl:3rem;--font-weight-bold:700;--font-weight-black:900;--leading-tight:1.2;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ivory:#fffdf5;--color-antiqueWhite:#f2edd9;--color-shipGrey:#46393d;--color-raspberry:#d80e4b;--color-graphite:#260d14;--color-pastelBlue:#afbbf2;--color-purpleBlue:#4424fd;--font-montserrat:"Montserrat";--font-hindMadurai:"Hind Madurai";--leading-none:1;--ease-spring:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--color-surface:var(--color-ivory);--color-title:var(--color-graphite);--color-body:var(--color-shipGrey);--color-accent:var(--color-raspberry);--color-accessibility-outline:var(--color-purpleBlue);--color-bg-buttonPrimary:var(--color-graphite);--color-text-buttonPrimary:var(--color-ivory);--color-stroke-mutted:var(--color-antiqueWhite);--font-title:var(--font-montserrat),Montserrat-fallback;--spacing-main:calc(var(--spacing)*4);--container-wraperMain:80rem;--time-animation-short:.15s}@supports (color: color(display-p3 0 0 0%)){:root,:host{--color-red-300:rgb(255, 163, 164)}@media (color-gamut: p3){:root,:host{--color-red-300:color(display-p3 .95692 .65189 .64512)}}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-family:var(--default-font-family,ui-sans-serif,system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:normal;font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:normal;font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:normal;font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:normal;font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select[multiple]) optgroup{font-weight:bolder}:where(select[size]) optgroup{font-weight:bolder}:where(select[multiple]) optgroup option{padding-left:20px}:where(select[size]) optgroup option{padding-left:20px}::file-selector-button{margin-right:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background:#fffdf5;background:var(--color-surface);color:#46393d;color:var(--color-body);padding-left:1rem;padding-right:1rem;padding-left:var(--spacing-main);padding-right:var(--spacing-main)}*{outline-offset:.25rem;outline-offset:var(--spacing);outline-color:#4424fd;outline-color:var(--color-accessibility-outline)}html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components;@layer utilities{.invisible{visibility:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.right-0{right:0rem;right:calc(var(--spacing)*0)}.bottom-0{bottom:0rem;bottom:calc(var(--spacing)*0)}.left-0{left:0rem;left:calc(var(--spacing)*0)}.-z-\[1\]{z-index:-1}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-wraperMain{max-width:80rem;max-width:var(--container-wraperMain)}.grow{flex-grow:1}.transform{transform:;transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.italic{font-style:italic}.filter{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-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:.15s;transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-300{transition-delay:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media not all and (min-width:64em){.max-fromDesktop\:hidden{display:none}}@media (min-width:64em){.fromDesktop\:hidden{display:none}}}@font-face{font-family:Montserrat-fallback;size-adjust:113.31%;ascent-override:80%;src:local(Arial)}@font-face{font-family:Hind Madurai-fallback;size-adjust:96.69%;ascent-override:119%;src:local(Arial)}@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-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-duration{syntax:"*";inherits:false}.header{display:flex;padding-top:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 3);align-items:center;gap:calc(var(--spacing) * 4)}.header-skipsLinks{background:var(--color-graphite);position:absolute;inset:0 0 auto;display:flex;justify-content:center;translate:0 -100%;padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 2);transition:var(--time-animation-short) var(--ease-spring) transform}.header-skipsLinks:focus-within{translate:0 0}.header-skipsLinks a{display:block;color:var(--color-surface);padding:var(--spacing) calc(var(--spacing) * 2)}.header-skipsLinks a:focus-visible{-webkit-text-decoration:underline;text-decoration:underline}.header-brand{display:grid;align-items:center;grid-template:"brandLogo brandName" 1fr "brandLogo brandBaseline" 1fr / 32px auto;grid-column-gap:calc(var(--spacing) * 2);-moz-column-gap:calc(var(--spacing) * 2);column-gap:calc(var(--spacing) * 2);line-height:var(--leading-none)}.header-brandLogo{grid-area:brandLogo}.header-brandName{font-family:var(--font-title);font-weight:var(--font-weight-bold);color:var(--color-title);grid-area:brandName}.header-brandBaseline{grid-area:brandBaseline;-webkit-text-decoration:none;text-decoration:none;color:var(--color-accent)}.header-divider{flex-grow:1;height:1px;border-color:var(--color-stroke-mutted)}.header-cta{border-radius:var(--radius-lg);background:linear-gradient(var(--color-accent),var(--color-accent)) bottom left / 100% 0 no-repeat var(--color-bg-buttonPrimary);color:var(--color-text-buttonPrimary);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);transition:.2s var(--ease-spring) background-size,var(--time-animation-short) var(--ease-spring) scale;font-size:var(--text-sm)}.header-cta:hover,.header-cta:focus-visible{background-size:100% 100%}.header-cta:active{scale:.95}@media (min-width:48em){.header-cta{font-size:var(--text-base)}}.homeHero{display:grid;grid-template-columns:minmax(0,1fr);padding:calc(var(--spacing) * 8) var(--spacing-main);margin-left:calc(var(--spacing-main) * -1);margin-right:calc(var(--spacing-main) * -1);overflow-x:clip;max-width:var(--container-wraperMain)}.homeHero .content{display:grid;grid-gap:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 2);text-align:center;opacity:.66;scale:.66;clip-path:circle(0% at 100% 0);animation:elementIn .6s var(--ease-spring) forwards}.homeHero .content-title{color:var(--color-accent)}.homeHero .content-title abbr{-webkit-text-decoration:none;text-decoration:none}.homeHero .arrow{position:absolute;bottom:100%;left:50%;z-index:10;width:32px;height:auto;translate:50% 50%;clip-path:circle(0% at 100% 0%);animation:elementIn .3s var(--ease-spring) forwards 1.2s}.homeHero .content-description{color:var(--color-title);font-family:var(--font-title);font-size:var(--text-3xl);font-weight:var(--font-weight-black);line-height:var(--leading-tight);text-wrap:balance}.homeHero .illustration{isolation:isolate;display:grid;justify-content:center;grid-template:"image" / minmax(0,1fr);max-width:var(--container-xl);margin-left:auto;margin-right:auto;position:relative}.homeHero .illustration>*{grid-area:image}.homeHero .illustration-blob{z-index:-1;translate:0 10%;animation:elementIn 1s var(--ease-spring) forwards;opacity:.66;scale:.66;clip-path:circle(0% at 50% 0)}.homeHero .illustration-portrait{opacity:.66;scale:.66;clip-path:circle(0% at 50% 0);animation:elementIn 1s var(--ease-spring) forwards}.homeHero .codeEditor{position:relative;z-index:2;max-width:var(--container-sm);margin:-40vw auto 0;width:100%}.homeHero .codeEditor .widget{opacity:.66;scale:.66;clip-path:circle(0% at 50% 0);animation:elementIn 1s var(--ease-spring) forwards .3s,codeEditorInMobile .4s ease-in forwards 1.4s;filter:drop-shadow(0 -1px 1px hsl(0,0%,18%)) drop-shadow(0 -1px 1px hsl(0,0%,18%))}@media (min-width:48em){.homeHero .content-description{font-size:var(--text-5xl)}.homeHero .codeEditor{margin-top:-200px;translate:100px 0}}@media (min-width:64em){.homeHero{display:grid;grid-template:"illustration content" auto "illustration sandbox" 1fr / 40% 1fr;margin-left:auto;margin-right:auto;grid-column-gap:calc(var(--spacing) * 16);-moz-column-gap:calc(var(--spacing) * 16);column-gap:calc(var(--spacing) * 16)}.homeHero .content{grid-area:content;align-self:self-end;text-align:left;margin-bottom:calc(var(--spacing) * 8)}.homeHero .arrow{bottom:0;left:0;width:100px;translate:-119% -16%;rotate:56deg;clip-path:circle(0% at 0% 100%)}.homeHero .illustration{grid-area:illustration;z-index:3}.homeHero .content-title{display:flex;gap:var(--spacing);align-items:center;font-size:var(--text-lg)}.homeHero .content-title .icon-hello{height:1lh;margin:0}.homeHero .codeEditor{grid-area:sandbox;translate:0 0;margin:0;position:relative;isolation:isolate}.homeHero .codeEditor .widget{filter:initial;scale:.66;clip-path:circle(0% at 50% 0);opacity:0;animation-play-state:running,paused}.homeHero .arrow{grid-area:sandbox;width:128px;translate:-100px 0}}@media (min-width:80em){.homeHero .arrow{bottom:0;left:0;width:150px;translate:-50% -50%;clip-path:circle(0% at 0% 100%);rotate:0deg;animation-duration:.5s}.homeHero .codeEditor .widget{animation:elementIn 1s var(--ease-spring) forwards .3s,codeEditorInDesktop .4s ease-in forwards 1.3s}}@keyframes elementIn{to{opacity:1;scale:1 1;clip-path:circle(120% at 50% 0%)}}@keyframes fadeIn{to{opacity:1}}@keyframes codeEditorInMobile{0%,to{translate:0 0}50%{translate:-8px 0}}@keyframes codeEditorInDesktop{0%,to{rotate:0deg}50%{rotate:3deg}}.homeHeroBlob{position:relative;animation:blob-turn 60s ease infinite;fill:var(--color-accent);transform-origin:center}.homeHeroBlob svg{animation:blob-skew 15s linear 0s infinite;transform-origin:center;aspect-ratio:1 / 1}.homeHeroBlob path{animation:blob-scale 15s ease-in-out 0s infinite;transform-origin:center}@keyframes blob-turn{0%{rotate:0deg}to{rotate:360deg}}@keyframes blob-skew{0%{transform:skew(0)}13%{transform:skew(0,3.6deg)}18%{transform:skew(0,4.4deg)}24%{transform:skew(0,4.96deg)}25%{transform:skew(0,5deg)}26%{transform:skew(0,4.96deg)}32%{transform:skew(0,4.4deg)}37%{transform:skew(0,3.6deg)}50%{transform:skew(0)}63%{transform:skew(0,-3.6deg)}68%{transform:skew(0,-4.4deg)}74%{transform:skew(0,-4.96deg)}75%{transform:skew(0,-5deg)}76%{transform:skew(0,-4.96deg)}82%{transform:skew(0,-4.4deg)}87%{transform:skew(0,-3.6deg)}to{transform:skew(0)}}@keyframes blob-scale{0%{scale:.9 1}25%{scale:.9 .9}50%{scale:1 .9}75%{scale:.9 .9}to{scale:.9 1}}.homeHeroCodeEditor{--color-syntax-selector: #FFCB6B;--color-syntax-brace: #8addff;font-size:var(--text-sm);font-family:var(--font-mono)}.homeHeroCodeEditor .filename{color:var(--color-ivory);background:linear-gradient(var(--color-accent),var(--color-accent)) bottom center / 5ch 2px no-repeat #212121;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);width:-moz-fit-content;width:fit-content}.homeHeroCodeEditor .rules{color:var(--color-ivory);background:#212121;border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);display:grid;grid-gap:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4)}.homeHeroCodeEditor .rule:after{content:"}";color:var(--color-syntax-brace)}.homeHeroCodeEditor .selector{color:var(--color-syntax-selector)}.homeHeroCodeEditor .selector:after{content:"{";margin-left:1ch;color:var(--color-syntax-brace)}.homeHeroCodeEditor .datalist{position:absolute;inset:100% 0 auto;background:#404040;min-width:15ch;width:-moz-fit-content;width:fit-content;border-radius:var(--radius-lg);z-index:2;overflow:clip}.homeHeroCodeEditor .datalist li{padding:var(--spacing) calc(var(--spacing) * 2);cursor:pointer;white-space:nowrap}.homeHeroCodeEditor .datalist li[aria-selected=true],.homeHeroCodeEditor .datalist li:hover{background:#666}.homeHeroCodeEditor .property{margin-left:2ch;display:flex;gap:1ch;align-items:center}.homeHeroCodeEditor .propertyName{color:var(--color-red-300);display:flex;white-space:nowrap}.homeHeroCodeEditor .propertyName:after{content:":"}.homeHeroCodeEditor .propertyValue{color:var(--color-amber-100);min-width:4ch;width:-moz-fit-content;width:fit-content;cursor:pointer;padding:var(--spacing);border-radius:var(--radius-md);outline:0}.homeHeroCodeEditor .propertyValue:focus{border:2px solid hsla(0,0%,100%,.2)}.homeHeroCodeEditor .rule-tooltip{--tooltip-height: 8px;position:absolute;left:0;top:calc(100% + 4px);top:calc(100% + var(--tooltip-height) / 2);background-color:var(--color-accent);border-radius:var(--radius-md);padding:var(--spacing);min-width:30ch;font-size:var(--text-xs);clip-path:inset(100% 0 0 0);animation:tooltipIn .5s var(--ease-spring) forwards,tooltipTextIn .5s var(--ease-spring) forwards .3s;opacity:0;color:var(--color-accent);scale:.66}.homeHeroCodeEditor .rule-tooltip.isOnboarding{animation-delay:1.5s,1.6s}.homeHeroCodeEditor .rule-tooltip:before{--triangleClipPath: polygon(50% 0%, 0% 100%, 100% 100%);content:"";background-color:inherit;width:1em;height:var(--tooltip-height);position:absolute;bottom:100%;left:1em;clip-path:polygon(50% 0%,0% 100%,100% 100%);clip-path:var(--triangleClipPath);translate:0 100%;animation:tooltipMarkerIn .2s var(--ease-spring) forwards .5s}@media (min-width:48em){.sandbox{font-size:var(--text-base)}}@keyframes tooltipIn{to{opacity:1;scale:1;clip-path:inset(-32px 0 0 0)}}@keyframes tooltipTextIn{to{color:inherit}}@keyframes tooltipMarkerIn{to{translate:0 0}}