.codeyy-made-with_footer__l5ry8{display:flex;position:fixed;inset-inline-end:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:2147483647;justify-content:center;padding:0;box-sizing:border-box;width:max-content;max-width:calc(100vw - 24px);direction:inherit}.codeyy-made-with_link__x44Yx{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 11px;border:1px solid #dfe1ee;border-radius:999px;background:#fff;color:#33354a;font:500 12px/1.5 system-ui,sans-serif;text-decoration:none}.codeyy-made-with_link__x44Yx:focus-visible{outline:2px solid #1e24ea;outline-offset:3px}.codeyy-made-with_icon__RU0Cy{display:block;flex-shrink:0;width:22px;height:22px;object-fit:contain}.codeyy-made-with_ar__slmk1{display:none}.codeyy-made-with_footer__l5ry8:lang(ar) .codeyy-made-with_ar__slmk1{display:inline}.codeyy-made-with_footer__l5ry8:lang(ar) .codeyy-made-with_en__dZnaS{display:none}@media (prefers-color-scheme:dark){.codeyy-made-with_link__x44Yx{background:#20212a;color:#f0f0f7;border-color:#444654}.codeyy-made-with_icon__RU0Cy{background:#fff;border-radius:6px}}.dark .codeyy-made-with_link__x44Yx{background:#20212a;color:#f0f0f7;border-color:#444654}.dark .codeyy-made-with_icon__RU0Cy{background:#fff;border-radius:6px}@font-face{font-family:displayFont;src:url(/_next/static/media/38cb5fe9ace0f53c-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:displayFont;src:url(/_next/static/media/e68b50f94eeab685-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:displayFont Fallback;src:local("Arial");ascent-override:104.98%;descent-override:56.05%;line-gap-override:0.00%;size-adjust:97.06%}.__className_3cefcc{font-family:displayFont,displayFont Fallback}.__variable_3cefcc{--font-display-ar:"displayFont","displayFont Fallback"}@font-face{font-family:bodyFont;src:url(/_next/static/media/e00482a9a4a2194f-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:bodyFont;src:url(/_next/static/media/39b9c9899d6aeea0-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:bodyFont;src:url(/_next/static/media/71dc6430467c7530-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:bodyFont Fallback;src:local("Arial");ascent-override:107.29%;descent-override:41.04%;line-gap-override:0.00%;size-adjust:101.13%}.__className_1c53ed{font-family:bodyFont,bodyFont Fallback}.__variable_1c53ed{--font-body-ar:"bodyFont","bodyFont Fallback"}@font-face{font-family:ruqaa;src:url(/_next/static/media/a0edf8ed364aff1d-s.p.woff2) format("woff2");font-display:swap}@font-face{font-family:ruqaa Fallback;src:local("Arial");ascent-override:124.92%;descent-override:24.96%;line-gap-override:10.03%;size-adjust:97.74%}.__className_305a7e{font-family:ruqaa,ruqaa Fallback}.__variable_305a7e{--font-ruqaa:"ruqaa","ruqaa Fallback"}@font-face{font-family:reem;src:url(/_next/static/media/4f46f02db7afe9df-s.p.woff2) format("woff2");font-display:swap}@font-face{font-family:reem Fallback;src:local("Arial");ascent-override:110.59%;descent-override:40.22%;line-gap-override:0.00%;size-adjust:99.46%}.__className_367ce0{font-family:reem,reem Fallback}.__variable_367ce0{--font-reem:"reem","reem Fallback"}@font-face{font-family:tajawal;src:url(/_next/static/media/d6f1e323af4831f6-s.p.woff2) format("woff2");font-display:swap}@font-face{font-family:tajawal Fallback;src:local("Arial");ascent-override:68.09%;descent-override:37.80%;line-gap-override:21.18%;size-adjust:94.43%}.__className_63ccd4{font-family:tajawal,tajawal Fallback}.__variable_63ccd4{--font-tajawal:"tajawal","tajawal Fallback"}@font-face{font-family:markazi;src:url(/_next/static/media/7b5a23db8734d45f-s.p.woff2) format("woff2");font-display:swap}@font-face{font-family:markazi Fallback;src:local("Arial");ascent-override:110.90%;descent-override:47.77%;line-gap-override:0.00%;size-adjust:75.64%}.__className_3c5ff4{font-family:markazi,markazi Fallback}.__variable_3c5ff4{--font-markazi:"markazi","markazi Fallback"}

/*! tailwindcss v4.3.3 | 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)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--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-outline-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-snug:1.375;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-app);--default-mono-font-family:var(--font-mono);--color-background:var(--background);--color-foreground:var(--foreground);--color-primary:var(--primary);--color-border:var(--border);--color-ring:var(--ring)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-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 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,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border)}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-role-body);font-size:var(--type-body);line-height:var(--leading-body);font-weight:var(--weight-body);letter-spacing:var(--tracking-body);font-variant-numeric:var(--numeric-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4{text-wrap:balance}h1{font-family:var(--font-role-h1);font-size:var(--type-h1);line-height:var(--leading-h1);font-weight:var(--weight-h1);letter-spacing:var(--tracking-h1)}h2{font-family:var(--font-role-h2);font-size:var(--type-h2);line-height:var(--leading-h2);font-weight:var(--weight-h2);letter-spacing:var(--tracking-h2)}h3{font-size:var(--type-h3)}h3,h4{font-family:var(--font-role-h3);line-height:var(--leading-h3);font-weight:var(--weight-h3);letter-spacing:var(--tracking-h3)}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}::selection{background:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in oklch,var(--color-primary) 18%,transparent)}}[dir=rtl] :is(input[type=tel],input[type=email],input[type=url],input[type=number]){text-align:end;direction:ltr}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:767px),(pointer:coarse){:where(button,[role=button],header a[href],nav a[href],footer a[href],a[href][class~=inline-flex],a[href][class~=flex],[class~=flex]>a[href],[class~=inline-flex]>a[href],input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea,label:has(>input[type=checkbox]),label:has(>input[type=radio])){min-height:44px}:where(button,[role=button],header a[href],nav a[href],footer a[href],a[href][class~=inline-flex],a[href][class~=flex],[class~=flex]>a[href],[class~=inline-flex]>a[href]){min-width:44px}:where(header a[href],nav a[href],footer a[href],label:has(>input[type=checkbox]),label:has(>input[type=radio])):where(:not([class~=block],[class~=inline-block],[class~=inline],[class~=flex],[class~=inline-flex],[class~=grid],[class~=inline-grid],[class~=contents],[class~=flow-root],[class~=table],[class~=hidden])){align-content:center}:where(header a[href],nav a[href],footer a[href],label:has(>input[type=checkbox]),label:has(>input[type=radio])){display:inline-block}}*,:after,:before{box-sizing:border-box}body,html{min-inline-size:0}:where(img,video,canvas){max-inline-size:100%;height:auto}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.h-\[1\.15rem\]{height:1.15rem}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-\[60vh\]{min-height:60vh}.w-8{width:calc(var(--spacing) * 8)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.min-w-11{min-width:calc(var(--spacing) * 11)}.shrink-0{flex-shrink:0}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pt-0{padding-top:0}.text-center{text-align:center}.font-display{font-family:var(--font-headline)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.shadow-sm{--tw-shadow:var(--shadow-soft)}.shadow-sm,.shadow-xs{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\,border-color\,box-shadow\,transform\]{transition-property:color,background-color,border-color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\]{transition-property:margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring) 30%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring) 50%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[state\=checked\]\:ms-\[calc\(100\%-1rem\)\][data-state=checked]{margin-inline-start:calc(100% - 1rem)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=unchecked\]\:ms-0[data-state=unchecked]{margin-inline-start:0}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--input) 80%,transparent)}}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\+input\[type\=checkbox\]\[aria-hidden\=true\]\[style\*\=\'translateX\(-100\%\)\'\]\]\:size-0\!+input[type=checkbox][aria-hidden=true][style*="translateX(-100%)"]{width:0!important;height:0!important}.\[\&\+input\[type\=checkbox\]\[aria-hidden\=true\]\[style\*\=\'translateX\(-100\%\)\'\]\]\:transform-none\!+input[type=checkbox][aria-hidden=true][style*="translateX(-100%)"]{transform:none!important}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.text-display{font-family:var(--font-role-display);font-variant-numeric:var(--numeric-display)}.text-h1{font-family:var(--font-role-h1);font-variant-numeric:var(--numeric-h1)}.text-h2{font-family:var(--font-role-h2);font-variant-numeric:var(--numeric-h2)}.text-h3{font-family:var(--font-role-h3);font-variant-numeric:var(--numeric-h3)}.text-body{font-family:var(--font-role-body);font-variant-numeric:var(--numeric-body)}.text-caption{font-family:var(--font-role-caption);font-variant-numeric:var(--numeric-caption)}.text-numerals{font-family:var(--font-role-numerals);font-variant-numeric:var(--numeric-numerals)}.text-price{font-family:var(--font-role-price);font-variant-numeric:var(--numeric-price)}.text-small{font-family:var(--font-role-caption);font-variant-numeric:var(--numeric-caption)}.page-container{inline-size:100%;min-inline-size:0;max-inline-size:72rem;padding-inline:var(--space-gutter,1rem);margin-inline:auto}.content-container,.table-scroll{min-inline-size:0;max-inline-size:100%}.table-scroll{overflow-x:auto}}:root{--radius:.75rem;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--pill:999px;--logo-height:48px;--card-pink:#f3d9dc;--card-mint:#d6ebe2;--card-cream:#faf3e6;--card-lavender:#e4ddf2;--card-sky:#dceaf5;--card-peach:#f8dfcf;--card-ink:#3a2f3d;--card-sunset:linear-gradient(135deg,var(--card-peach),var(--card-pink));--card-dream:linear-gradient(135deg,var(--card-sky),var(--card-lavender));--preview-text:1.35rem;--preview-line:1.6;--canvas-size:500px;--collection-width:360px;--overlay:oklch(20% .02 320/.5);--motion-fast:.18s;--panel-mobile-max:44vh;--canvas-mobile-max:55vh;--canvas-story-width:300px;--canvas-landscape-width:600px;--dialog-width:460px;--space-tab-fallback:80px;--card-dot:radial-gradient(var(--border) 1px,transparent 1px);--dot-step:16px;--handle-size:44px;--background:#faf6f0;--foreground:#3a2f3d;--card:#fff;--card-foreground:#3a2f3d;--popover:#fff;--popover-foreground:#3a2f3d;--primary:#a24e66;--primary-foreground:#fff;--secondary:#fff;--secondary-foreground:#3a2f3d;--muted:#fff;--muted-foreground:#6b5f6e;--accent:#7fbfa8;--accent-foreground:#3a2f3d;--destructive:#b3261e;--destructive-foreground:#fff;--border:#eadfd8;--input:#eadfd8;--ring:#a24e66;--shadow-soft:0 1px 2px oklch(20% .012 260/.06);--shadow-card:0 2px 8px oklch(20% .012 260/.06),0 1px 2px oklch(20% .012 260/.04);--shadow-float:0 12px 32px oklch(20% .012 260/.1);--type-display:clamp(2rem,1.3rem + 2.6vw,3rem);--leading-display:1.35;--weight-display:700;--tracking-display:0;--font-role-display:var(--font-headline);--numeric-display:normal;--type-h1:clamp(2rem,5vw,3.25rem);--leading-h1:1.3;--weight-h1:700;--tracking-h1:0em;--font-role-h1:var(--font-headline);--numeric-h1:normal;--type-h2:clamp(1.5rem,3vw,2.25rem);--leading-h2:1.3;--weight-h2:700;--tracking-h2:0em;--font-role-h2:var(--font-headline);--numeric-h2:normal;--type-h3:1.25rem;--leading-h3:1.5;--weight-h3:500;--tracking-h3:0;--font-role-h3:var(--font-headline);--numeric-h3:normal;--type-body:clamp(1rem,.97rem + .15vw,1.0625rem);--leading-body:1.6;--weight-body:400;--tracking-body:0em;--font-role-body:var(--font-app);--numeric-body:normal;--type-caption:.8125rem;--leading-caption:1.6;--weight-caption:400;--tracking-caption:0;--font-role-caption:var(--font-app);--numeric-caption:normal;--type-numerals:.9375rem;--leading-numerals:1.5;--weight-numerals:500;--tracking-numerals:0;--font-role-numerals:var(--font-app);--numeric-numerals:tabular-nums;--type-price:1.125rem;--leading-price:1.4;--weight-price:700;--tracking-price:0;--font-role-price:var(--font-app);--numeric-price:tabular-nums;--type-small:.8125rem;--space-section:clamp(3.5rem,6vw,5.5rem);--space-gutter:clamp(1rem,4vw,2.5rem);--font-app:var(--font-body-ar),system-ui,sans-serif;--font-headline:var(--font-display-ar),var(--font-body-ar),system-ui,sans-serif;--success:#2e7d5b;--warning:#9a6412;--space-unit:8px;--space-section-block:clamp(48px,6vw,72px);--space-container:1200px;--space-page-inline:clamp(16px,4vw,32px);--space-tool-panel:340px;--space-header-height:72px;--space-radius-card:16px;--space-radius-field:12px;--space-radius-hero:28px;--space-hit-target:44px;--type-card-title:clamp(1.0625rem,1rem + .3vw,1.1875rem);--weight-card-title:500;--leading-card-title:1.5;--tracking-card-title:0em;--font-role-card-title:var(--font-app);--numeric-card-title:normal;--type-tool-label:.875rem;--weight-tool-label:500;--leading-tool-label:1.5;--tracking-tool-label:0em;--font-role-tool-label:var(--font-app);--numeric-tool-label:normal;--type-date:.875rem;--weight-date:400;--leading-date:1.5;--tracking-date:0em;--font-role-date:var(--font-app);--numeric-date:tabular-nums;--type-nav:1rem;--weight-nav:500;--leading-nav:1.5;--tracking-nav:0em;--font-role-nav:var(--font-app);--numeric-nav:normal}.dark{--background:#1e1921;--foreground:#f6eff2;--card:#29222d;--card-foreground:#f6eff2;--popover:#29222d;--popover-foreground:#f6eff2;--primary:#e08aa3;--primary-foreground:#2a1f2c;--secondary:#332a37;--secondary-foreground:#f6eff2;--muted:#332a37;--muted-foreground:#bfb2c2;--accent:#7fbfa8;--accent-foreground:#1e1921;--destructive:#f2867e;--destructive-foreground:#1e1921;--border:#43394a;--input:#43394a;--ring:#e08aa3;--shadow-soft:0 1px 2px oklch(0% 0 0/.35);--shadow-card:0 2px 10px oklch(0% 0 0/.4);--shadow-float:0 16px 40px oklch(0% 0 0/.55);--success:#6fc79d;--warning:#e0a64f}.container{inline-size:100%;max-inline-size:var(--space-container);padding-inline:var(--space-page-inline);margin-inline:auto}.section{padding-block:var(--space-section-block)}.site-header{z-index:40;background:var(--card);border-block-end:1px solid var(--border);position:sticky;inset-block-start:0}.site-header[data-scrolled=true]{box-shadow:var(--shadow-soft)}.header-inner{min-block-size:var(--space-header-height);justify-content:space-between;align-items:center;gap:var(--space-3);grid-template-columns:1fr auto 1fr;display:grid}.header-inner .brand{justify-self:start}.header-cta{justify-self:end}.header-inner .desktop-nav{grid-column:2}.brand{flex-shrink:0;align-items:center;display:flex}.brand img{block-size:var(--logo-height);object-fit:contain;inline-size:auto;max-inline-size:100%}.site-nav{gap:var(--space-4)}.site-nav,.site-nav a{align-items:center;display:flex}.site-nav a{min-block-size:var(--space-hit-target);position:relative}.site-nav a[aria-current=page]{color:var(--primary)}.site-nav a[aria-current=page]:after{content:"";border-radius:var(--pill);background:var(--accent);block-size:3px;position:absolute;inset-block-end:0;inset-inline:0}.menu-button,.mobile-menu{display:none}.pill{border-radius:var(--pill);min-block-size:var(--space-6);padding-inline:var(--space-4);font-size:var(--type-nav);line-height:var(--leading-nav)}.pill[data-variant=outline]{color:var(--primary)}.hero{align-items:center;gap:var(--space-6);padding-block:var(--space-section-block);grid-template-columns:1.1fr .9fr;display:grid}.hero-copy{min-inline-size:0}.eyebrow{color:var(--primary);font-size:var(--type-tool-label);font-weight:var(--weight-tool-label);margin-block-end:var(--space-2)}.hero h1{margin-block-end:var(--space-3)}.hero-description{max-inline-size:30em;color:var(--muted-foreground)}.hero-actions{gap:var(--space-2);margin-block:var(--space-4) var(--space-3);display:flex}.quiet-note{color:var(--muted-foreground);gap:var(--space-1);font-size:var(--type-tool-label);align-items:center;display:flex}.quiet-note svg{inline-size:var(--space-2);block-size:var(--space-2)}.hero-art{min-inline-size:0;position:relative}.hero-art>img:first-child{border-radius:var(--space-radius-hero);aspect-ratio:4/3;object-fit:cover;inline-size:100%}.hero-heart{inline-size:20%;position:absolute;inset-block-start:-8%;inset-inline-end:0;transform:rotate(-15deg)}.hero-star{inline-size:18%;position:absolute;inset-block-end:-8%;inset-inline-start:0;transform:rotate(15deg)}.steps{gap:var(--space-4);border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.step{align-items:flex-start;gap:var(--space-2);display:flex}.step-number{background:var(--accent);color:var(--accent-foreground);border-radius:var(--pill);inline-size:var(--space-6);block-size:var(--space-6);flex-shrink:0;place-items:center;display:grid}.example-info h3,.saved-card h3,.step h3{font-family:var(--font-app);font-size:var(--type-card-title);font-weight:var(--weight-card-title);line-height:var(--leading-card-title)}.step p{color:var(--muted-foreground);margin-block-start:var(--space-1)}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-3);margin-block-end:var(--space-4);display:flex}.section-heading>p{color:var(--muted-foreground)}.example-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid}.example-card,.saved-card{background:var(--card);min-inline-size:0;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--space-radius-card)}.simple-preview{aspect-ratio:1;border-radius:var(--space-radius-field);justify-content:center;align-items:center;gap:var(--space-2);color:var(--card-ink);text-align:center;padding:var(--space-2);flex-direction:column;display:flex}.simple-preview p{font-family:var(--font-headline);font-size:var(--preview-text)}.preset-sunset{background:var(--card-sunset)}.preset-lavender{background:var(--card-lavender)}.preset-sky{background:var(--card-sky)}.preset-mint{background:var(--card-mint)}.example-card>.card-canvas{border-radius:var(--space-radius-field);box-shadow:none}.example-info{justify-content:space-between;align-items:center;gap:var(--space-1);margin-block-start:var(--space-2);display:flex}.cta-box{border:1px solid var(--border);border-radius:var(--space-radius-card);background:var(--card);padding:var(--space-6);text-align:center;justify-items:center;gap:var(--space-3);display:grid}.site-footer{border-block-start:1px solid var(--border);padding-block:var(--space-4);color:var(--muted-foreground)}.footer-inner{gap:var(--space-3);display:grid}.footer-links{gap:var(--space-4);color:var(--foreground);display:flex}.footer-links a{min-block-size:var(--space-hit-target);align-items:center;display:flex}.notice{padding:var(--space-2);border:1px solid var(--border);background:var(--card);border-radius:var(--space-radius-field);color:var(--success);margin-block:var(--space-2)}.notice[data-error=true]{color:var(--destructive)}[data-design-type=card-title]{font-family:var(--font-app);font-size:var(--type-card-title);font-weight:var(--weight-card-title);line-height:var(--leading-card-title);letter-spacing:var(--tracking-card-title)}[data-design-type=tool-label]{font-family:var(--font-app);font-size:var(--type-tool-label);font-weight:var(--weight-tool-label);line-height:var(--leading-tool-label);letter-spacing:var(--tracking-tool-label)}[data-design-type=date]{font-family:var(--font-app);font-size:var(--type-date);font-weight:var(--weight-date);line-height:var(--leading-date);letter-spacing:var(--tracking-date);font-variant-numeric:tabular-nums}a,button,input,select,textarea{transition:background-color var(--motion-fast),border-color var(--motion-fast)}a:hover,button:hover:not(:disabled){-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}button[aria-pressed=true],button[aria-selected=true]{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.designer-page{padding-block-end:var(--space-4)}.designer-toolbar{justify-content:space-between;padding-block:var(--space-2);z-index:25;background:var(--background);position:sticky;inset-block-start:var(--space-header-height)}.designer-toolbar,.toolbar-main{gap:var(--space-2);display:flex}.designer-toolbar button{border-radius:var(--pill);font-size:var(--type-tool-label);min-block-size:var(--space-6)}.designer-layout{grid-template-columns:var(--space-tool-panel) minmax(0,1fr);gap:var(--space-3);align-items:start;display:grid}.tool-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--space-radius-card);min-inline-size:0}.desktop-tabs{border-block-end:1px solid var(--border);padding:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.desktop-tabs button{white-space:normal;gap:var(--space-1);padding:var(--space-1);font-size:var(--type-tool-label);flex-direction:column;display:flex}.tool-panel-content{padding:var(--space-3);max-block-size:75vh;overflow-y:auto}.panel-stack{gap:var(--space-3);min-inline-size:0;display:grid}.color-grid{gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.color-choice{gap:var(--space-1);block-size:auto;padding:var(--space-1);font-size:var(--type-tool-label);flex-direction:column;display:flex}.swatch{inline-size:var(--space-5);block-size:var(--space-5);border-radius:var(--pill);border:1px solid var(--border)}.field-label{gap:var(--space-1);font-size:var(--type-tool-label);font-weight:var(--weight-tool-label);display:grid}.field-label input[type=color]{inline-size:100%;padding:var(--space-1);cursor:pointer}.field-label input[type=color],select{min-block-size:var(--space-6);border:1px solid var(--border);border-radius:var(--space-radius-field);background:var(--card)}select{color:var(--foreground);padding-inline:var(--space-2);max-inline-size:100%}input[type=range]{inline-size:100%;min-block-size:var(--space-hit-target);accent-color:var(--primary)}.phrase-choice,.size-choice{text-align:start;align-items:flex-start;gap:var(--space-1);white-space:normal;block-size:auto;padding:var(--space-2);font-size:var(--type-tool-label);flex-direction:column;display:flex}.phrase-list{gap:var(--space-1);display:grid}.phrase-choice>span:first-child{color:var(--muted-foreground)}.alignment-options{gap:var(--space-1);flex-wrap:wrap;display:flex}.alignment-options button{padding-inline:var(--space-1);flex:1}.sticker-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sticker-choice{block-size:auto;padding:var(--space-1);white-space:normal;flex-direction:column;min-inline-size:0;display:flex}.sticker-choice img{aspect-ratio:1;object-fit:contain;inline-size:100%;max-inline-size:88px}.design-stage{background-image:var(--card-dot);background-size:var(--dot-step) var(--dot-step);border:1px solid var(--border);border-radius:var(--space-radius-card);min-inline-size:0;padding:var(--space-4);justify-items:center;gap:var(--space-3);display:grid}.canvas-wrap{inline-size:100%;max-inline-size:var(--canvas-size);padding:var(--space-1)}.canvas-wrap.size-story{max-inline-size:var(--canvas-story-width)}.canvas-wrap.size-landscape{max-inline-size:var(--canvas-landscape-width)}.card-canvas{inline-size:100%;box-shadow:var(--shadow-card);color:var(--card-ink);position:relative;container-type:inline-size}.card-canvas.editable{touch-action:none;-webkit-user-select:none;user-select:none}.rendered-card{block-size:100%;inline-size:100%}.card-fallback,.rendered-card{pointer-events:none;position:absolute;inset:0}.fallback-element{line-height:var(--preview-line);overflow-wrap:anywhere;position:absolute}.fallback-element img{inline-size:100%}.selection-box{border:1px dashed var(--primary);pointer-events:none;position:absolute}.handle{inline-size:var(--handle-size);block-size:var(--handle-size);min-inline-size:var(--handle-size);border:1px solid var(--primary);background:var(--card);color:var(--primary);border-radius:var(--pill);pointer-events:auto;touch-action:none;place-items:center;display:grid;position:absolute}.handle svg{inline-size:var(--space-2);block-size:var(--space-2)}.resize-handle{inset-block-end:calc(var(--handle-size) / -2);inset-inline-end:calc(var(--handle-size) / -2)}.rotate-handle{inset-block-start:calc(var(--handle-size) / -2);inset-inline-start:calc(var(--handle-size) / -2)}.canvas-hint{align-items:center;gap:var(--space-1);color:var(--muted-foreground);font-size:var(--type-tool-label);display:flex}.canvas-hint svg{inline-size:var(--space-2);block-size:var(--space-2)}.element-actions{justify-content:center;gap:var(--space-1);flex-wrap:wrap;inline-size:100%;display:flex}.element-actions button{font-size:var(--type-tool-label);padding-inline:var(--space-2)}.canvas-error,.error-text{color:var(--destructive);font-size:var(--type-tool-label)}.muted-copy{color:var(--muted-foreground);font-size:var(--type-tool-label)}.app-dialog{inline-size:calc(100% - var(--space-4));max-inline-size:var(--dialog-width);border:1px solid var(--border);border-radius:var(--space-radius-card);padding:var(--space-4);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-float);margin:auto}.app-dialog::backdrop{background:var(--overlay)}.app-dialog form{gap:var(--space-2);display:grid}.dialog-heading{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.dialog-actions{gap:var(--space-2);margin-block-start:var(--space-2);display:flex}.dialog-actions button{flex:1}.mobile-panel-heading,.mobile-tool-tabs{display:none}[dir=rtl] .directional-icon{transform:scaleX(-1)}.cards-page{padding-block:var(--space-section-block)}.cards-page h1{margin-block-end:var(--space-2)}.collection-intro{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-end:var(--space-4);display:flex}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),var(--collection-width)));gap:var(--space-3);display:grid}.saved-card{align-content:start;gap:var(--space-2);display:grid}.card-preview{inline-size:100%;max-inline-size:var(--collection-width);margin-inline:auto}.card-preview .card-canvas{box-shadow:none}.saved-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.saved-actions>*{flex:1}.saved-actions a,.saved-actions button{font-size:var(--type-tool-label);padding-inline:var(--space-1)}.delete-action{color:var(--destructive)}.empty-cards{text-align:center;justify-items:center;gap:var(--space-3);padding-block:var(--space-6);display:grid}.empty-cards img{object-fit:contain;block-size:120px;inline-size:120px}.loading-cards{padding-block:var(--space-6);color:var(--muted-foreground)}@media (max-width:1023px){body:has(.designer-page) .site-footer{padding-block-end:calc(var(--space-4) + var(--designer-bar-height,var(--space-tab-fallback)))}.designer-page{padding-block-end:var(--space-3)}.designer-layout{grid-template-columns:minmax(0,1fr)}.tool-panel{display:none}.tool-panel[data-open=true]{inset-inline:var(--space-2);z-index:35;box-shadow:var(--shadow-float);max-block-size:var(--panel-mobile-max);display:block;position:fixed;inset-block-end:calc(var(--tab-height,var(--space-tab-fallback)) + var(--space-1));overflow-y:auto}.mobile-panel-heading{padding:var(--space-1) var(--space-2);border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.desktop-tabs{display:none}.tool-panel-content{max-block-size:none;padding:var(--space-2)}.mobile-tool-tabs{z-index:36;padding:var(--space-1) var(--space-2);border-block-start:1px solid var(--border);background:var(--card);grid-template-columns:repeat(4,minmax(0,1fr));padding-block-end:calc(var(--space-1) + env(safe-area-inset-bottom));display:grid;position:fixed;inset-block-end:0;inset-inline:0}.mobile-tool-tabs button{white-space:normal;font-size:var(--type-tool-label);padding:var(--space-1);flex-direction:column}.canvas-wrap{max-inline-size:min(var(--canvas-size),55vh)}.canvas-wrap.size-story{max-inline-size:calc(var(--canvas-mobile-max) * 9 / 16)}.canvas-wrap.size-landscape{max-inline-size:min(var(--canvas-landscape-width),77vh)}.design-stage{padding:var(--space-3) var(--space-2)}.phrase-list{grid-template-columns:repeat(2,minmax(0,1fr))}.color-grid,.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.color-choice{padding:var(--space-1) 0}.canvas-hint{text-align:center}.collection-intro{flex-direction:column;align-items:start}}@media (max-width:480px){.designer-toolbar,.toolbar-main{gap:var(--space-1)}.toolbar-main{flex:1}.designer-toolbar button{padding-inline:var(--space-1);white-space:normal;min-inline-size:0}.toolbar-main button{flex:1}.designer-toolbar svg{display:none}.canvas-hint{font-size:var(--type-tool-label)}.element-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.element-actions button{padding-inline:var(--space-1)}.cards-grid{grid-template-columns:minmax(0,1fr)}.card-preview{max-inline-size:min(var(--collection-width),calc(40vh * var(--preview-ratio,1)))}.empty-cards .pill{inline-size:100%}.section-heading{text-wrap:pretty}.app-dialog{padding:var(--space-3)}.color-grid,.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023px){.hero{gap:var(--space-4)}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav{gap:var(--space-2)}}@media (max-width:767px){.desktop-nav,.header-cta{display:none}.menu-button{display:inline-flex}.header-inner{gap:var(--space-1);display:flex}.brand{min-inline-size:0;max-inline-size:calc(100% - var(--space-hit-target) - var(--space-2))}.mobile-menu{gap:var(--space-1);background:var(--card);padding:var(--space-3);border-block-end:1px solid var(--border);box-shadow:var(--shadow-float);display:grid;position:absolute;inset-block-start:100%;inset-inline:0}.mobile-menu a{min-block-size:52px;padding-inline:var(--space-2);border-radius:var(--space-radius-field);align-items:center;display:flex}.mobile-menu a[aria-current=page]{background:var(--accent);color:var(--accent-foreground)}.hero{gap:var(--space-5);grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions>*{inline-size:100%}.hero-art>img:first-child{max-block-size:40vh}.steps{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-block-start:var(--space-2)}.cta-box{padding:var(--space-4) var(--space-3)}.cta-box>a{inline-size:100%}.footer-links{flex-wrap:wrap}.example-grid{grid-template-columns:1fr}.simple-preview{max-block-size:40vh}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}