@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-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--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-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--radius-lg:1.5rem;--radius-xl:2rem;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#a5d6d9;--color-primary-strong:#95cccf;--color-primary-soft:#f5fafa;--color-secondary:#98d8b6;--color-accent:#ffb088;--color-accent-soft:#ffb5b5;--color-danger:#ff9b9b;--color-text:#1a1a1a;--color-text-muted:#4a5568;--color-text-subtle:#718096;--color-heading:#2d3748;--color-bg:#fff;--color-bg-soft:#f5fafa;--color-surface:#f4f4f5;--color-border:#ececee;--font-heading:"Fredoka", "Nunito", sans-serif;--font-body:"Nunito", sans-serif;--radius-pill:999px;--shadow-soft:0 4px 20px #0000000f;--shadow-card:0 8px 30px #00000014}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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{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: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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);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:0}.z-10{z-index:10}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-px{height:1px}.min-h-20{min-height:calc(var(--spacing) * 20)}.w-3\/4{width:75%}.w-5\/6{width:83.3333%}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-72{min-width:calc(var(--spacing) * 72)}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border{border-color:var(--color-border)}.border-primary\/40{border-color:#a5d6d966}@supports (color:color-mix(in lab, red, red)){.border-primary\/40{border-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-accent-soft\/35{background-color:#ffb5b559}@supports (color:color-mix(in lab, red, red)){.bg-accent-soft\/35{background-color:color-mix(in oklab, var(--color-accent-soft) 35%, transparent)}}.bg-accent\/30{background-color:#ffb0884d}@supports (color:color-mix(in lab, red, red)){.bg-accent\/30{background-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}.bg-border{background-color:var(--color-border)}.bg-primary-soft{background-color:var(--color-primary-soft)}.bg-primary-soft\/40{background-color:#f5fafa66}@supports (color:color-mix(in lab, red, red)){.bg-primary-soft\/40{background-color:color-mix(in oklab, var(--color-primary-soft) 40%, transparent)}}.bg-primary-soft\/55{background-color:#f5fafa8c}@supports (color:color-mix(in lab, red, red)){.bg-primary-soft\/55{background-color:color-mix(in oklab, var(--color-primary-soft) 55%, transparent)}}.bg-primary-soft\/60{background-color:#f5fafa99}@supports (color:color-mix(in lab, red, red)){.bg-primary-soft\/60{background-color:color-mix(in oklab, var(--color-primary-soft) 60%, transparent)}}.bg-primary\/30{background-color:#a5d6d94d}@supports (color:color-mix(in lab, red, red)){.bg-primary\/30{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.bg-primary\/35{background-color:#a5d6d959}@supports (color:color-mix(in lab, red, red)){.bg-primary\/35{background-color:color-mix(in oklab, var(--color-primary) 35%, transparent)}}.bg-secondary\/30{background-color:#98d8b64d}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/30{background-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}}.bg-secondary\/35{background-color:#98d8b659}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/35{background-color:color-mix(in oklab, var(--color-secondary) 35%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/12{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.bg-white\/12{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-accent-soft\/55{--tw-gradient-from:#ffb5b58c}@supports (color:color-mix(in lab, red, red)){.from-accent-soft\/55{--tw-gradient-from:color-mix(in oklab, var(--color-accent-soft) 55%, transparent)}}.from-accent-soft\/55{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-accent\/35{--tw-gradient-via:#ffb08859}@supports (color:color-mix(in lab, red, red)){.via-accent\/35{--tw-gradient-via:color-mix(in oklab, var(--color-accent) 35%, transparent)}}.via-accent\/35{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-secondary\/45{--tw-gradient-to:#98d8b673}@supports (color:color-mix(in lab, red, red)){.to-secondary\/45{--tw-gradient-to:color-mix(in oklab, var(--color-secondary) 45%, transparent)}}.to-secondary\/45{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.font-heading{font-family:var(--font-heading)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.text-heading{color:var(--color-heading)}.text-primary-strong{color:var(--color-primary-strong)}.text-text-muted{color:var(--color-text-muted)}.text-text-subtle{color:var(--color-text-subtle)}.text-white{color:var(--color-white)}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.uppercase{text-transform:uppercase}.shadow-card{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-soft{--tw-shadow:0 4px 20px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@media (hover:hover){.hover\:bg-primary-soft:hover{background-color:var(--color-primary-soft)}.hover\:text-primary-strong:hover{color:var(--color-primary-strong)}}@media (min-width:40rem){.sm\:mb-20{margin-bottom:calc(var(--spacing) * 20)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-24{gap:calc(var(--spacing) * 24)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:px-12{padding-inline:calc(var(--spacing) * 12)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:py-28{padding-block:calc(var(--spacing) * 28)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[1\.5fr_1fr_1fr_1fr\]{grid-template-columns:1.5fr 1fr 1fr 1fr}}@media (min-width:64rem){.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:flex{display:flex}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[0\.7fr_1\.3fr\]{grid-template-columns:.7fr 1.3fr}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[1\.1fr_1fr\]{grid-template-columns:1.1fr 1fr}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:p-16{padding:calc(var(--spacing) * 16)}.lg\:py-28{padding-block:calc(var(--spacing) * 28)}}}@media (prefers-reduced-motion:reduce){:root{--animate-shimmer:none}}@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/comfortaa-latin.woff2)format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/nunito-italic-latin.woff2)format("woff2")}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}html{scrollbar-gutter:stable}html,body{background-color:var(--color-bg-soft);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-heading)}:root{--marketing-ink:var(--color-heading);--marketing-teal:var(--color-primary-strong);--marketing-teal-deep:var(--color-heading)}html{scroll-behavior:smooth}body{background:var(--color-bg);margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-shell{width:min(1180px,100% - 2rem);margin-inline:auto}.marketing-header{z-index:50;border-bottom:1px solid #a5d6d959;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.marketing-header{border-bottom:1px solid color-mix(in srgb, var(--color-primary) 35%, transparent)}}.marketing-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb}.brand-logo{align-items:center;line-height:0;display:inline-flex}.brand-logo-image{object-fit:cover;object-position:center 54%;width:6.15rem;height:2.75rem}.marketing-nav-link{color:var(--color-text-muted);border-radius:999px;padding:.55rem .8rem;font-weight:700;transition:color .18s,background .18s}.marketing-nav-link:hover,.marketing-nav-link:focus-visible{color:var(--marketing-teal-deep);background:var(--color-primary-soft)}.marketing-button{border-radius:1rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.85rem;padding:.78rem 1.2rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.marketing-button:hover{transform:translateY(-2px)}.marketing-button-primary{color:#fff;background:linear-gradient(135deg, var(--marketing-teal), var(--color-secondary));box-shadow:var(--shadow-card)}.marketing-button-secondary{border:1px solid var(--color-border);color:var(--marketing-ink);box-shadow:var(--shadow-soft);background:#fff}.hero-section{background:radial-gradient(circle at 8% 18%, #ffb0883d, transparent 22rem), radial-gradient(circle at 88% 8%, #98d8b647, transparent 26rem), linear-gradient(180deg, var(--color-bg) 0%, var(--color-primary-soft) 100%);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero-section{background:radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--color-accent) 24%, transparent), transparent 22rem), radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--color-secondary) 28%, transparent), transparent 26rem), linear-gradient(180deg, var(--color-bg) 0%, var(--color-primary-soft) 100%)}}.hero-section:before,.hero-section:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.hero-section:before{border:1.25rem solid #ffb5b552;width:7rem;height:7rem;top:8rem;left:-3rem}@supports (color:color-mix(in lab, red, red)){.hero-section:before{border:1.25rem solid color-mix(in srgb, var(--color-accent-soft) 32%, transparent)}}.hero-section:after{background:#ffb08852;width:3rem;height:3rem;bottom:2rem;right:4%}@supports (color:color-mix(in lab, red, red)){.hero-section:after{background:color-mix(in srgb, var(--color-accent) 32%, transparent)}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--marketing-teal-deep);background:#a5d6d947;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.eyebrow{background:color-mix(in srgb, var(--color-primary) 28%, transparent)}}.section-title{max-width:760px;font-family:var(--font-heading);letter-spacing:-.035em;color:var(--marketing-ink);font-size:clamp(2.15rem,5vw,4.4rem);font-weight:650;line-height:1.03}.section-copy{max-width:680px;color:var(--color-text-muted);font-size:clamp(1.02rem,1.8vw,1.2rem);line-height:1.75}.product-demo{--demo-cycle:30s;--demo-ease:cubic-bezier(.45, .05, .25, 1);--demo-spring:cubic-bezier(.34, 1.56, .64, 1);min-height:545px;position:relative}.product-demo:before{content:"";background:linear-gradient(135deg,#ffb5b58c,#a5d6d940);border-radius:3rem;position:absolute;inset:3rem .5rem 2rem 1rem}@supports (color:color-mix(in lab, red, red)){.product-demo:before{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 55%, transparent), color-mix(in srgb, var(--color-primary) 25%, transparent))}}.demo-stepper{z-index:5;gap:.35rem;margin-bottom:.45rem;display:flex;position:relative;overflow:hidden}.demo-progress{z-index:5;background:#2d37481a;border-radius:999px;height:3px;margin:0 .2rem .85rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.demo-progress{background:color-mix(in srgb, var(--color-heading) 10%, transparent)}}.demo-progress>i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));animation:demo-progress var(--demo-cycle) linear infinite;position:absolute;inset:0;transform:scaleX(0)}.demo-step{min-width:0;color:var(--color-text-subtle);opacity:.58;background:#ffffffd1;border:1px solid #0000;border-radius:999px;flex:1;align-items:center;gap:.3rem;padding:.35rem .45rem;font-size:.58rem;font-weight:900;display:flex;transform:scale(.97)}.demo-step i{color:#fff;background:var(--color-primary-strong);border-radius:999px;flex:none;place-items:center;width:1.15rem;height:1.15rem;font-style:normal;display:grid;position:relative}.demo-step i:after{content:"✓";opacity:0;color:#fff;background:var(--color-secondary);border-radius:999px;place-items:center;display:grid;position:absolute;inset:0;transform:scale(.4)}.demo-step b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-step-1{animation:demo-step-1 var(--demo-cycle) cubic-bezier(.4, 0, .2, 1) infinite}.demo-step-2{animation:demo-step-2 var(--demo-cycle) cubic-bezier(.4, 0, .2, 1) infinite}.demo-step-3{animation:demo-step-3 var(--demo-cycle) cubic-bezier(.4, 0, .2, 1) infinite}.demo-step-4{animation:demo-step-4 var(--demo-cycle) cubic-bezier(.4, 0, .2, 1) infinite}.demo-step-5{animation:demo-step-5 var(--demo-cycle) cubic-bezier(.4, 0, .2, 1) infinite}.demo-step-1 i:after{animation:demo-step-check-1 var(--demo-cycle) var(--demo-spring) infinite}.demo-step-2 i:after{animation:demo-step-check-2 var(--demo-cycle) var(--demo-spring) infinite}.demo-step-3 i:after{animation:demo-step-check-3 var(--demo-cycle) var(--demo-spring) infinite}.demo-step-4 i:after{animation:demo-step-check-4 var(--demo-cycle) var(--demo-spring) infinite}.demo-step-5 i:after{animation:demo-step-check-5 var(--demo-cycle) var(--demo-spring) infinite}.demo-desktop{z-index:2;border:1px solid #a5d6d98c;width:88%;height:470px;position:absolute;top:3rem;left:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.demo-desktop{border:1px solid color-mix(in srgb, var(--color-primary) 55%, transparent)}}.demo-desktop{box-shadow:var(--shadow-card);background:#fff;border-radius:1.8rem;animation:16s ease-in-out infinite demo-desktop-float;transform:perspective(1000px)rotateY(2deg)rotate(-.4deg)}.demo-browser-bar{background:var(--color-bg-soft);align-items:center;gap:.3rem;height:2rem;padding:0 .8rem;display:flex}.demo-browser-bar>i{background:var(--color-accent-soft);border-radius:999px;width:.45rem;height:.45rem}.demo-browser-bar>i:nth-child(2){background:var(--color-primary)}.demo-browser-bar>i:nth-child(3){background:var(--color-secondary)}.demo-browser-bar>span{color:var(--color-text-subtle);margin-left:auto;font-size:.58rem;font-weight:800}.demo-desktop-body{background:var(--color-bg-soft);height:calc(100% - 2rem);position:relative;overflow:hidden}.demo-app-header{z-index:10;box-shadow:var(--shadow-soft);animation:demo-class-header var(--demo-cycle) ease infinite;background:#fff;border-radius:1rem;align-items:center;gap:.65rem;padding:.65rem .8rem;display:flex;position:absolute;top:.65rem;left:.65rem;right:.65rem}.demo-app-header>i,.demo-phone-screen>header>i{color:#fff;background:var(--color-primary);border-radius:.75rem;place-items:center;width:2rem;height:2rem;font-style:normal;font-weight:900;display:grid}.demo-brand-mark{object-fit:contain;background:#fff;border-radius:.75rem;flex-shrink:0;width:2rem;height:2rem;display:block}.platform-logo{background:#eff8f8;border-radius:1rem;place-items:center;width:3.5rem;height:3.5rem;margin-inline:auto;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.platform-logo{background:color-mix(in srgb, var(--color-primary) 18%, white)}}.platform-logo{box-shadow:var(--shadow-soft)}.platform-logo img{object-fit:contain;width:2.75rem;height:2.75rem}.demo-app-header>span,.demo-phone-screen>header>span{display:grid}.demo-app-header b,.demo-phone-screen>header b{font-family:var(--font-heading);color:var(--color-heading);font-size:.78rem}.demo-app-header small,.demo-phone-screen>header small{color:var(--color-text-subtle);font-size:.58rem}.demo-app-header em{color:var(--color-text-subtle);margin-left:auto;font-style:normal;font-weight:900}.demo-scene{opacity:0;pointer-events:none;will-change:opacity, transform, filter;position:absolute;inset:5.2rem 1rem 1rem}.demo-scene h3{font-family:var(--font-heading);color:var(--color-heading);margin-bottom:.75rem;font-size:1rem;font-weight:800}.demo-scene-create{animation:demo-scene-create var(--demo-cycle) var(--demo-ease) infinite}.demo-scene-students{animation:demo-scene-students var(--demo-cycle) var(--demo-ease) infinite}.demo-scene-events{animation:demo-scene-events var(--demo-cycle) var(--demo-ease) infinite}.demo-scene-publish{animation:demo-scene-publish var(--demo-cycle) var(--demo-ease) infinite}.demo-form-card,.demo-composer,.demo-published-post{border:1px solid var(--color-border);box-shadow:var(--shadow-soft);background:#fff;border-radius:1.25rem;padding:1rem}.demo-form-card{gap:.55rem;max-width:23rem;margin:.2rem auto 0;padding:.9rem;display:grid;position:relative}.demo-form-heading{gap:.12rem;display:grid}.demo-form-heading b{font-family:var(--font-heading);color:var(--color-heading);font-size:.92rem}.demo-form-heading small{color:var(--color-text-muted);font-size:.58rem}.demo-form-field{gap:.25rem;display:grid}.demo-form-field>b{color:var(--color-heading);font-size:.58rem}.demo-form-field>span{border:1px solid var(--color-border);color:var(--color-heading);background:#fff;border-radius:.65rem;padding:.55rem .65rem;font-size:.64rem;font-weight:700}.demo-form-option{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.65rem;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.55rem .65rem;display:flex}.demo-form-option>span{gap:.1rem;min-width:0;display:grid}.demo-form-option b{font-family:var(--font-heading);color:var(--color-heading);font-size:.58rem}.demo-form-option small{color:var(--color-text-muted);font-size:.49rem;line-height:1.35}.demo-form-option>i{border:1px solid var(--color-border);background:#fff;border-radius:.28rem;flex:none;width:1rem;height:1rem}.demo-form-note{color:var(--color-text-muted);font-size:.48rem;line-height:1.35}.demo-primary-button{width:fit-content;font-family:var(--font-heading);color:#fff;background:var(--color-primary-strong);border-radius:.65rem;justify-content:center;padding:.55rem .8rem;font-size:.62rem;font-weight:800;display:inline-flex;position:relative}.demo-form-card>.demo-primary-button{width:100%;animation:demo-button-press-create var(--demo-cycle) ease infinite}.demo-complete{white-space:nowrap;color:var(--color-heading);box-shadow:var(--shadow-soft);background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.65rem;font-weight:900;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.demo-complete i{color:#fff;background:var(--color-secondary);border-radius:999px;place-items:center;width:1.2rem;height:1.2rem;font-style:normal;display:grid}.demo-scene-create .demo-complete{opacity:0;animation:demo-confirm-create var(--demo-cycle) var(--demo-spring) infinite}.demo-scene-students .demo-complete{opacity:0;animation:demo-confirm-students var(--demo-cycle) var(--demo-spring) infinite}.demo-scene-events .demo-complete{opacity:0;animation:demo-confirm-events var(--demo-cycle) var(--demo-spring) infinite}.demo-upload-stage{max-width:23rem;height:6.6rem;margin:.25rem auto;position:relative}.demo-upload{border:2px dashed #a5d6d999;justify-content:center;align-items:center;gap:.8rem;width:15rem;height:5.6rem;margin-left:-7.5rem;display:flex;position:absolute;top:0;left:50%}@supports (color:color-mix(in lab, red, red)){.demo-upload{border:2px dashed color-mix(in srgb, var(--color-primary) 60%, transparent)}}.demo-upload{background:#fff;border-radius:1.1rem;padding:.9rem}.demo-upload>i{color:#fff;background:var(--color-primary-strong);border-radius:999px;flex:none;place-items:center;width:2.4rem;height:2.4rem;font-style:normal;display:grid}.demo-upload>span{min-width:0;display:grid}.demo-upload b{text-overflow:ellipsis;white-space:nowrap;color:var(--color-heading);font-size:.68rem;overflow:hidden}.demo-upload small{color:var(--color-text-subtle);font-size:.55rem}.demo-upload em{background:var(--color-surface);border-radius:999px;height:.3rem;position:absolute;bottom:.55rem;left:4rem;right:.8rem;overflow:hidden}.demo-upload u{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));width:100%;height:100%;display:block;transform:translate(-100%)}.demo-scene-students .demo-upload u{animation:demo-upload-students var(--demo-cycle) ease-in-out infinite}.demo-scene-events .demo-upload u{animation:demo-upload-events var(--demo-cycle) ease-in-out infinite}.demo-scene-students .demo-upload{animation:demo-dropzone-students var(--demo-cycle) var(--demo-ease) infinite}.demo-scene-events .demo-upload{animation:demo-dropzone-events var(--demo-cycle) var(--demo-ease) infinite}.demo-upload-drag{z-index:3;opacity:0;position:absolute;top:.8rem;left:-.2rem}.demo-upload-drag>.demo-drag-file{border:1px solid var(--color-border);width:8.8rem;box-shadow:var(--shadow-card);background:#fff;border-radius:.75rem;align-items:center;gap:.45rem;padding:.65rem;display:flex;transform:rotate(-4deg)}.demo-upload-drag>.demo-drag-file i{width:1.6rem;height:1.8rem;color:var(--color-primary-strong);background:var(--color-primary-soft);border-radius:.4rem;flex:none;place-items:center;font-style:normal;display:grid}.demo-upload-drag>.demo-drag-file b{text-overflow:ellipsis;white-space:nowrap;color:var(--color-heading);font-size:.52rem;overflow:hidden}.demo-scene-students .demo-upload-drag{animation:demo-drag-students var(--demo-cycle) cubic-bezier(.65, 0, .35, 1) infinite}.demo-scene-events .demo-upload-drag{animation:demo-drag-events var(--demo-cycle) cubic-bezier(.65, 0, .35, 1) infinite}.demo-student-results{grid-template-columns:repeat(4,1fr);gap:.45rem;max-width:20rem;margin:.5rem auto;display:grid}.demo-student-results>span{--demo-item:0;opacity:0;height:3.2rem;box-shadow:var(--shadow-soft);animation:demo-student-pop var(--demo-cycle) var(--demo-spring) calc(var(--demo-item) * 90ms) infinite;background:#fff;border-radius:.75rem;place-items:center;display:grid;position:relative}.demo-student-results>span>i{background:linear-gradient(var(--color-accent-soft) 45%, var(--color-primary-soft) 46%);border-radius:999px 999px .5rem .5rem;width:1.35rem;height:1.35rem}.demo-student-results>span>b{color:#fff;background:var(--color-secondary);border-radius:999px;place-items:center;width:1rem;height:1rem;font-size:.55rem;display:grid;position:absolute;bottom:-.1rem;right:-.1rem}.demo-mini-calendar{max-width:16rem;box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;margin:.4rem auto;overflow:hidden}.demo-calendar-head{background:var(--color-primary-strong);justify-content:space-around;align-items:center;height:1.8rem;display:flex}.demo-calendar-head i{background:#fff;border-radius:999px;width:.35rem;height:.75rem}.demo-calendar-grid{grid-template-columns:repeat(5,1fr);gap:.35rem;padding:.65rem;display:grid}.demo-calendar-grid span{--demo-item:0;aspect-ratio:1;opacity:0;background:var(--color-bg-soft);animation:demo-event-pop var(--demo-cycle) var(--demo-spring) calc(var(--demo-item) * 45ms) infinite;border-radius:.3rem}.demo-calendar-grid .has-event{background:linear-gradient(145deg, var(--color-accent-soft), var(--color-secondary))}.demo-composer{max-width:23rem;animation:demo-composer-out var(--demo-cycle) var(--demo-ease) infinite;gap:.65rem;margin:0 auto;padding:.85rem;display:grid;position:relative}.demo-composer-top{align-items:flex-start;gap:.65rem;display:flex}.demo-composer-avatar,.demo-post-avatar{background:var(--color-accent-soft);border-radius:999px;flex:none;width:2rem;height:2rem}.demo-typing-text{--type-size:.58rem;min-height:3.3rem;color:var(--color-text-muted);background:var(--color-surface);border:0;border-radius:.65rem;flex:1;padding:.55rem .65rem;font-size:.58rem;line-height:1.45}.demo-typing-text>span{opacity:0;animation:demo-type-character var(--demo-cycle) steps(1, end) calc(var(--demo-char) * 25ms) infinite;font-size:0}.demo-typing-text>i{vertical-align:-.08rem;background:var(--color-heading);width:1px;height:.7rem;margin-left:1px;animation:.55s step-end infinite demo-caret;display:inline-block}.demo-composer-photos{gap:.4rem;height:3rem;padding-left:2.65rem;display:flex}.demo-composer-photos i{border:1px solid var(--color-border);opacity:0;background:linear-gradient(145deg, var(--color-primary-soft), var(--color-accent-soft));width:3rem;animation:demo-photo-add var(--demo-cycle) cubic-bezier(.34, 1.56, .64, 1) calc(var(--demo-photo) * .12s) infinite;border-radius:.55rem;transform:scale(.6)translateY(.4rem)}.demo-composer-photos i:nth-child(2n){background:linear-gradient(145deg, var(--color-accent-soft), var(--color-secondary))}.demo-composer-actions{border-top:1px solid var(--color-border);align-items:center;gap:.3rem;padding-top:.65rem;display:flex}.demo-media-icon{width:1.8rem;height:1.8rem;color:var(--color-text-muted);background:var(--color-surface);border-radius:999px;place-items:center;font-size:.65rem;font-weight:800;display:grid}.demo-audience{border:1px solid var(--color-border);min-width:0;height:1.8rem;color:var(--color-heading);background:#fff;border-radius:.55rem;align-items:center;gap:.35rem;margin-left:auto;padding:0 .55rem;font-size:.52rem;display:flex}.demo-audience i{color:var(--color-text-subtle);font-style:normal}.demo-composer-actions .demo-primary-button{height:1.8rem;animation:demo-button-press-publish var(--demo-cycle) ease infinite;align-items:center;padding:0 .7rem}.demo-published-post{opacity:0;animation:demo-post-in var(--demo-cycle) var(--demo-ease) infinite;padding:0;position:absolute;inset:1.7rem 1rem 0}.demo-post-header{align-items:center;gap:.55rem;padding:.75rem .85rem 0;display:flex}.demo-post-header>span{min-width:0;display:grid}.demo-post-header b{color:var(--color-heading);font-size:.62rem}.demo-post-header small{color:var(--color-text-subtle);font-size:.48rem}.demo-post-header em{color:var(--color-primary-strong);background:var(--color-primary-soft);border-radius:999px;padding:.18rem .4rem;font-size:.44rem;font-style:normal;font-weight:800}.demo-post-header strong{color:var(--color-text-subtle);margin-left:auto;font-size:.58rem}.demo-published-post p{color:var(--color-text-muted);padding:.55rem .85rem 0;font-size:.62rem;font-weight:600}.demo-post-media{grid-template-columns:repeat(2,1fr);gap:.25rem;height:6.3rem;margin:.5rem .85rem 0;display:grid}.demo-post-media i{background:linear-gradient(145deg, var(--color-primary-soft), var(--color-accent-soft));border-radius:.7rem}.demo-post-media i:nth-child(2n){background:linear-gradient(145deg, var(--color-accent-soft), var(--color-secondary))}.demo-post-actions{border-top:1px solid var(--color-border);color:var(--color-text-subtle);gap:.8rem;margin-top:.5rem;padding:.45rem .85rem;font-size:.5rem;font-weight:800;display:flex}.demo-post-actions span{align-items:center;gap:.2rem;display:inline-flex}.demo-post-actions b{font-size:inherit}.demo-like{animation:demo-like var(--demo-cycle) ease infinite}.demo-comment-list{gap:.28rem;padding:0 .85rem;display:grid}.demo-comment-list p{opacity:0;color:var(--color-text-muted);background:var(--color-surface);animation:demo-comment-in var(--demo-cycle) var(--demo-spring) infinite;border-radius:.5rem;align-items:center;gap:.35rem;padding:.3rem .45rem;font-size:.45rem;display:flex}.demo-comment-list p:nth-child(2){animation-delay:.6s}.demo-comment-list i{background:var(--color-primary-soft);border-radius:999px;flex:none;width:.85rem;height:.85rem}.demo-message-preview{opacity:0;width:fit-content;color:var(--color-primary-strong);background:var(--color-primary-soft);animation:demo-message-in var(--demo-cycle) var(--demo-spring) infinite;border-radius:.65rem;align-items:center;gap:.35rem;margin:.35rem .85rem .65rem auto;padding:.35rem .55rem;display:flex}.demo-message-preview i{font-style:normal}.demo-message-preview>span{display:grid}.demo-message-preview b{font-size:.43rem}.demo-message-preview small{color:var(--color-text-muted);font-size:.39rem}.demo-notification-toast{z-index:24;border:1px solid var(--color-border);opacity:0;width:15rem;box-shadow:var(--shadow-card);animation:demo-notification-in var(--demo-cycle) var(--demo-spring) infinite;background:#fff;border-radius:.85rem;align-items:center;gap:.55rem;padding:.65rem;display:flex;position:absolute;top:.45rem;right:.55rem}.demo-notification-toast>i{color:#fff;background:var(--color-danger);border-radius:999px;flex:none;place-items:center;width:1.7rem;height:1.7rem;font-style:normal;font-weight:900;display:grid}.demo-notification-toast>span{min-width:0;display:grid}.demo-notification-toast b{color:var(--color-heading);font-size:.52rem}.demo-notification-toast small{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:.43rem;overflow:hidden}.demo-notification-toast em{color:var(--color-text-subtle);margin-left:auto;font-size:.4rem;font-style:normal}.demo-one-to-one-chat{z-index:23;border:1px solid var(--color-border);opacity:0;background:var(--color-bg-soft);box-shadow:var(--shadow-card);animation:demo-private-chat-in var(--demo-cycle) var(--demo-ease) infinite;border-radius:1.15rem;flex-direction:column;gap:.55rem;padding:.8rem;display:flex;position:absolute;inset:1.7rem 1rem .4rem}.demo-one-to-one-chat>header{border-bottom:1px solid var(--color-border);align-items:center;gap:.55rem;padding-bottom:.6rem;display:flex}.demo-one-to-one-chat>header>i,.demo-mobile-chat-card>header>i{background:var(--color-accent-soft);border-radius:999px;flex:none;width:1.8rem;height:1.8rem}.demo-one-to-one-chat>header>span,.demo-mobile-chat-card>header>span{display:grid}.demo-one-to-one-chat>header b,.demo-mobile-chat-card>header b{color:var(--color-heading);font-size:.58rem}.demo-one-to-one-chat>header small,.demo-mobile-chat-card>header small{color:var(--color-text-subtle);font-size:.45rem}.demo-one-to-one-chat>header em{color:var(--color-text-subtle);margin-left:auto;font-style:normal}.demo-private-bubble{width:fit-content;max-width:78%;color:var(--color-heading);box-shadow:var(--shadow-soft);background:#fff;border-radius:.75rem .75rem .2rem;padding:.55rem .7rem;font-size:.53rem;line-height:1.4}.demo-private-bubble.educator{color:#fff;background:var(--color-primary-strong);border-radius:.75rem .75rem .75rem .2rem;align-self:flex-end}.demo-private-bubble.parent{opacity:0;transform-origin:0 100%;animation:demo-bubble-parent var(--demo-cycle) var(--demo-spring) infinite}.demo-private-bubble.educator{opacity:0;transform-origin:100% 100%;animation:demo-bubble-educator var(--demo-cycle) var(--demo-spring) infinite}.demo-one-to-one-chat>footer,.demo-mobile-chat-card>footer{color:var(--color-text-subtle);background:#fff;border-radius:999px;justify-content:space-between;align-items:center;margin-top:auto;padding:.35rem .4rem .35rem .65rem;display:flex}.demo-one-to-one-chat>footer i,.demo-mobile-chat-card>footer i{color:#fff;background:var(--color-primary-strong);border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;font-style:normal;display:grid}.demo-phone{z-index:8;border:5px solid var(--color-heading);background:var(--color-heading);width:31%;min-width:155px;height:350px;box-shadow:var(--shadow-card);border-radius:2rem;padding:.35rem;animation:13s ease-in-out -4s infinite demo-phone-float;position:absolute;bottom:0;right:-.2rem;transform:rotate(2deg)}.demo-phone-speaker{z-index:4;background:var(--color-heading);border-radius:999px;width:2.8rem;height:.35rem;position:absolute;top:.55rem;left:50%;transform:translate(-50%)}.demo-phone-screen{background:var(--color-bg-soft);border-radius:1.55rem;height:100%;position:relative;overflow:hidden}.demo-phone-screen>header{animation:demo-class-header var(--demo-cycle) ease infinite;background:#fff;align-items:center;gap:.45rem;padding:1.45rem .65rem .55rem;display:flex}.demo-phone-screen>header>i{border-radius:.55rem;width:1.6rem;height:1.6rem;font-size:.58rem}.demo-phone-screen>header b{font-size:.62rem}.demo-phone-screen>header small{font-size:.48rem}.demo-phone-screen nav{z-index:5;color:var(--color-text-subtle);background:#fff;justify-content:space-around;padding:.5rem;font-size:.6rem;display:flex;position:absolute;bottom:0;left:0;right:0}.demo-mobile-scene{opacity:0;will-change:opacity, transform, filter;position:absolute;inset:4.2rem .55rem 2rem;overflow:hidden}.demo-mobile-scene>strong{font-family:var(--font-heading);color:var(--color-heading);margin-bottom:.5rem;font-size:.7rem;display:block}.demo-mobile-create{animation:demo-mobile-create var(--demo-cycle) var(--demo-ease) infinite}.demo-mobile-students{animation:demo-mobile-students var(--demo-cycle) var(--demo-ease) infinite}.demo-mobile-calendar{animation:demo-mobile-calendar var(--demo-cycle) var(--demo-ease) infinite}.demo-mobile-compose{animation:demo-mobile-compose var(--demo-cycle) var(--demo-ease) infinite}.demo-mobile-feed{animation:demo-mobile-feed var(--demo-cycle) var(--demo-ease) infinite}.demo-mobile-chat-one{z-index:20;background:var(--color-bg-soft);animation:demo-mobile-chat-one var(--demo-cycle) var(--demo-ease) infinite}.demo-mobile-create-card{box-shadow:var(--shadow-soft);background:#fff;border-radius:.8rem;gap:.4rem;padding:.7rem;display:grid}.demo-mobile-create-card b{color:var(--color-heading);font-size:.5rem}.demo-mobile-create-card span{border:1px solid var(--color-border);color:var(--color-heading);border-radius:.5rem;padding:.5rem;font-size:.52rem}.demo-mobile-create-card em{text-align:center;color:#fff;background:var(--color-primary-strong);border-radius:.5rem;padding:.5rem;font-size:.5rem;font-style:normal;font-weight:800}.demo-mobile-student-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.demo-mobile-student-grid i{opacity:0;background:linear-gradient(var(--color-accent-soft) 42%, white 43%);height:3.5rem;box-shadow:var(--shadow-soft);animation:demo-mobile-item-pop var(--demo-cycle) var(--demo-spring) infinite;border-radius:.65rem}.demo-mobile-student-grid i:nth-child(2){animation-delay:80ms}.demo-mobile-student-grid i:nth-child(3){animation-delay:.16s}.demo-mobile-student-grid i:nth-child(4){animation-delay:.24s}.demo-mobile-student-grid i:nth-child(5){animation-delay:.32s}.demo-mobile-student-grid i:nth-child(6){animation-delay:.4s}.demo-mobile-students>small,.demo-mobile-calendar>small{text-align:center;color:var(--color-heading);box-shadow:var(--shadow-soft);background:#fff;border-radius:999px;margin-top:.6rem;padding:.4rem .55rem;font-size:.48rem;font-weight:800;display:block}.demo-mobile-students>small{opacity:0;animation:demo-mobile-confirm-students var(--demo-cycle) ease infinite}.demo-mobile-calendar>small{opacity:0;animation:demo-mobile-confirm-events var(--demo-cycle) ease infinite}.demo-mobile-calendar-card{box-shadow:var(--shadow-soft);background:#fff;border-radius:.8rem;overflow:hidden}.demo-mobile-calendar-card>div{background:var(--color-primary-strong);justify-content:space-around;align-items:center;height:1.6rem;display:flex}.demo-mobile-calendar-card>div i{background:#fff;border-radius:999px;width:.3rem;height:.65rem}.demo-mobile-calendar-card>section{grid-template-columns:repeat(5,1fr);gap:.3rem;padding:.55rem;display:grid}.demo-mobile-calendar-card>section span{aspect-ratio:1;background:var(--color-bg-soft);border-radius:.3rem}.demo-mobile-calendar-card>section .has-event{background:linear-gradient(145deg, var(--color-accent-soft), var(--color-secondary));animation:demo-mobile-event-pop var(--demo-cycle) var(--demo-spring) infinite}.demo-mobile-calendar-card>section .has-event:nth-child(2n){animation-delay:.12s}.demo-mobile-calendar-card>section .has-event:nth-child(3n){animation-delay:.24s}.demo-mobile-composer{box-shadow:var(--shadow-soft);background:#fff;border-radius:.8rem;grid-template-columns:1.4rem 1fr;gap:.45rem;padding:.6rem;display:grid;position:relative}.demo-mobile-composer>i{background:var(--color-accent-soft);border-radius:999px;width:1.4rem;height:1.4rem}.demo-mobile-composer .demo-typing-text{--type-size:.47rem;min-width:0;min-height:3rem;padding:.45rem;font-size:.47rem}.demo-mobile-composer>div{grid-column:2;gap:.25rem;display:flex}.demo-mobile-composer>div span{opacity:0;background:linear-gradient(145deg, var(--color-primary-soft), var(--color-accent-soft));width:2.3rem;height:2.3rem;animation:demo-photo-add var(--demo-cycle) var(--demo-spring) infinite;border-radius:.4rem;transform:scale(.6)translateY(.4rem)}.demo-mobile-composer>div span:nth-child(2){animation-delay:.14s}.demo-mobile-composer>div span:nth-child(3){animation-delay:.28s}.demo-mobile-composer>div span:nth-child(2n){background:linear-gradient(145deg, var(--color-accent-soft), var(--color-secondary))}.demo-mobile-composer>em{color:#fff;background:var(--color-primary-strong);border-radius:.45rem;grid-column:2;justify-self:end;padding:.4rem .6rem;font-size:.46rem;font-style:normal;font-weight:800}.demo-mobile-post{box-shadow:var(--shadow-soft);background:#fff;border-radius:.8rem;padding:.55rem}.demo-mobile-post>span{color:var(--color-heading);align-items:center;gap:.35rem;font-size:.52rem;display:flex}.demo-mobile-post>span i{background:var(--color-accent-soft);border-radius:999px;width:1.2rem;height:1.2rem}.demo-mobile-post>span em{color:var(--color-primary-strong);background:var(--color-primary-soft);border-radius:999px;margin-left:auto;padding:.18rem .3rem;font-size:.38rem;font-style:normal}.demo-mobile-post p{color:var(--color-text-muted);margin-top:.45rem;font-size:.52rem;line-height:1.4}.demo-mobile-media{grid-template-columns:repeat(2,1fr);gap:.2rem;height:4.4rem;margin-top:.4rem;display:grid}.demo-mobile-media i{background:linear-gradient(145deg, var(--color-primary-soft), var(--color-accent-soft));border-radius:.4rem}.demo-mobile-media i:nth-child(2n){background:linear-gradient(145deg, var(--color-accent-soft), var(--color-secondary))}.demo-mobile-actions{border-top:1px solid var(--color-border);color:var(--color-text-subtle);gap:.65rem;margin-top:.35rem;padding-top:.35rem;font-size:.42rem;font-weight:800;display:flex}.demo-mobile-comment{opacity:0;color:var(--color-text-muted);background:var(--color-surface);animation:demo-comment-in var(--demo-cycle) var(--demo-spring) infinite;border-radius:.45rem;align-items:center;gap:.25rem;margin-top:.35rem;padding:.3rem;font-size:.38rem;display:flex}.demo-mobile-comment i{background:var(--color-primary-soft);border-radius:999px;flex:none;width:.7rem;height:.7rem}.demo-mobile-post .demo-mobile-message{opacity:0;width:fit-content;max-width:90%;color:var(--color-primary-strong);background:var(--color-primary-soft);animation:demo-message-in var(--demo-cycle) var(--demo-spring) infinite;border-radius:.5rem;gap:.08rem;margin:.3rem 0 0 auto;padding:.25rem .4rem;display:grid}.demo-mobile-message b{font-size:.36rem}.demo-mobile-message span{color:var(--color-text-muted);font-size:.34rem}.demo-mobile-notification{z-index:24;border:1px solid var(--color-border);opacity:0;box-shadow:var(--shadow-card);animation:demo-notification-in var(--demo-cycle) var(--demo-spring) infinite;background:#fff;border-radius:.65rem;align-items:center;gap:.4rem;padding:.45rem;display:flex;position:absolute;top:1.05rem;left:.4rem;right:.4rem}.demo-mobile-notification>i{color:#fff;background:var(--color-danger);border-radius:999px;flex:none;place-items:center;width:1.35rem;height:1.35rem;font-size:.5rem;font-style:normal;font-weight:900;display:grid}.demo-mobile-notification>span{min-width:0;display:grid}.demo-mobile-notification b{color:var(--color-heading);font-size:.45rem}.demo-mobile-notification small{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:.36rem;overflow:hidden}.demo-mobile-chat-card{height:calc(100% - 1.2rem);box-shadow:var(--shadow-soft);background:#fff;border-radius:.75rem;flex-direction:column;gap:.45rem;padding:.55rem;display:flex}.demo-mobile-chat-card>header{border-bottom:1px solid var(--color-border);align-items:center;gap:.4rem;padding-bottom:.45rem;display:flex}.demo-mobile-chat-card>header>i{width:1.45rem;height:1.45rem}.demo-mobile-chat-card>header b{font-size:.46rem}.demo-mobile-chat-card>header small{font-size:.37rem}.demo-mobile-chat-card .demo-private-bubble{max-width:88%;padding:.45rem .5rem;font-size:.42rem}.demo-mobile-chat-card>footer{padding:.28rem .3rem .28rem .5rem;font-size:.42rem}.demo-mobile-chat-card>footer i{width:1.25rem;height:1.25rem}.demo-hand-pointer{z-index:30;opacity:0;filter:drop-shadow(0 4px 5px #232f452e);transform-origin:45% 20%;width:2.65rem;height:3.2rem;display:block;position:absolute}.demo-hand-pointer>svg{width:100%;height:100%;display:block;overflow:visible}.demo-hand-pointer>svg path{fill:#fff;stroke:var(--color-heading);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.demo-hand-pointer>i{border:2px solid var(--color-primary-strong);opacity:0;border-radius:999px;width:1.6rem;height:1.6rem;position:absolute;top:-.35rem;left:.75rem}.demo-pointer-create{animation:demo-pointer-create var(--demo-cycle) cubic-bezier(.3, 0, .2, 1) infinite;top:40%;left:54%}.demo-pointer-create>i{animation:demo-click-create var(--demo-cycle) ease-out infinite}.demo-pointer-upload{opacity:1;bottom:-1.2rem;right:-1.2rem}.demo-pointer-publish{animation:demo-pointer-publish var(--demo-cycle) cubic-bezier(.3, 0, .2, 1) infinite;top:40%;left:54%}.demo-pointer-publish>i{animation:demo-click-publish var(--demo-cycle) ease-out infinite}@keyframes demo-progress{0%{opacity:1;transform:scaleX(0)}97.6%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes demo-desktop-float{0%,to{transform:perspective(1000px)rotateY(2deg)rotate(-.4deg)translateY(0)}50%{transform:perspective(1000px)rotateY(1.3deg)rotate(-.2deg)translateY(-6px)}}@keyframes demo-phone-float{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(1.1deg)translateY(-7px)}}@keyframes demo-scene-create{0%{opacity:0;filter:blur(6px);transform:translateY(1rem)scale(.98)}2.4%,16.4%{opacity:1;filter:blur();transform:translateY(0)scale(1)}19.6%,to{opacity:0;filter:blur(6px);transform:translateY(-.75rem)scale(.99)}}@keyframes demo-scene-students{0%,16.4%{opacity:0;filter:blur(6px);transform:translateY(1rem)scale(.98)}19.6%,36.4%{opacity:1;filter:blur();transform:translateY(0)scale(1)}39.6%,to{opacity:0;filter:blur(6px);transform:translateY(-.75rem)scale(.99)}}@keyframes demo-scene-events{0%,36.4%{opacity:0;filter:blur(6px);transform:translateY(1rem)scale(.98)}39.6%,56.4%{opacity:1;filter:blur();transform:translateY(0)scale(1)}59.6%,to{opacity:0;filter:blur(6px);transform:translateY(-.75rem)scale(.99)}}@keyframes demo-scene-publish{0%,56.4%{opacity:0;filter:blur(6px);transform:translateY(1rem)scale(.98)}59.6%,97.4%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(6px);transform:translateY(-.75rem)scale(.99)}}@keyframes demo-step-1{0%{color:var(--color-text-subtle);opacity:.6;box-shadow:none;background:#ffffffd1;border-color:#0000;transform:scale(.97)}1.4%,17.2%{border-color:var(--color-primary);color:#fff;opacity:1;background:var(--color-heading);box-shadow:var(--shadow-soft);transform:translateY(-2px)scale(1.02)}18.8%,98.6%{border-color:color-mix(in srgb, var(--color-secondary) 45%, transparent);color:var(--color-heading);opacity:.92;background:color-mix(in srgb, var(--color-secondary) 14%, white);box-shadow:none;transform:scale(1)}to{color:var(--color-text-subtle);opacity:.6;box-shadow:none;background:#ffffffd1;border-color:#0000;transform:scale(.97)}}@keyframes demo-step-2{0%,17.2%{color:var(--color-text-subtle);opacity:.6;box-shadow:none;background:#ffffffd1;border-color:#0000;transform:scale(.97)}18.8%,37.2%{border-color:var(--color-primary);color:#fff;opacity:1;background:var(--color-heading);box-shadow:var(--shadow-soft);transform:translateY(-2px)scale(1.02)}38.8%,98.6%{border-color:color-mix(in srgb, var(--color-secondary) 45%, transparent);color:var(--color-heading);opacity:.92;background:color-mix(in srgb, var(--color-secondary) 14%, white);box-shadow:none;transform:scale(1)}to{color:var(--color-text-subtle);opacity:.6;box-shadow:none;background:#ffffffd1;border-color:#0000;transform:scale(.97)}}@keyframes demo-step-3{0%,37.2%{color:var(--color-text-subtle);opacity:.6;box-shadow:none;background:#ffffffd1;border-color:#0000;transform:scale(.97)}38.8%,57.2%{border-color:var(--color-primary);color:#fff;opacity:1;background:var(--color-heading);box-shadow:var(--shadow-soft);transform:translateY(-2px)scale(1.02)}58.8%,98.6%{border-color:color-mix(in srgb, var(--color-secondary) 45%, transparent);color:var(--color-heading);opacity:.92;background:color-mix(in srgb, var(--color-secondary) 14%, white);box-shadow:none;transform:scale(1)}to{color:var(--color-text-subtle);opacity:.6;box-shadow:none;background:#ffffffd1;border-color:#0000;transform:scale(.97)}}@keyframes demo-step-4{0%,57.2%{color:var(--color-text-subtle);opacity:.6;box-shadow:none;background:#ffffffd1;border-color:#0000;transform:scale(.97)}58.8%,77.2%{border-color:var(--color-primary);color:#fff;opacity:1;background:var(--color-heading);box-shadow:var(--shadow-soft);transform:translateY(-2px)scale(1.02)}78.8%,98.6%{border-color:color-mix(in srgb, var(--color-secondary) 45%, transparent);color:var(--color-heading);opacity:.92;background:color-mix(in srgb, var(--color-secondary) 14%, white);box-shadow:none;transform:scale(1)}to{color:var(--color-text-subtle);opacity:.6;box-shadow:none;background:#ffffffd1;border-color:#0000;transform:scale(.97)}}@keyframes demo-step-5{0%,77.2%{color:var(--color-text-subtle);opacity:.6;box-shadow:none;background:#ffffffd1;border-color:#0000;transform:scale(.97)}78.8%,96.4%{border-color:var(--color-primary);color:#fff;opacity:1;background:var(--color-heading);box-shadow:var(--shadow-soft);transform:translateY(-2px)scale(1.02)}97.6%,98.6%{border-color:color-mix(in srgb, var(--color-secondary) 45%, transparent);color:var(--color-heading);opacity:.92;background:color-mix(in srgb, var(--color-secondary) 14%, white);box-shadow:none;transform:scale(1)}to{color:var(--color-text-subtle);opacity:.6;box-shadow:none;background:#ffffffd1;border-color:#0000;transform:scale(.97)}}@keyframes demo-step-check-1{0%,18.4%{opacity:0;transform:scale(.4)}19.6%,98.6%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes demo-step-check-2{0%,38.4%{opacity:0;transform:scale(.4)}39.6%,98.6%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes demo-step-check-3{0%,58.4%{opacity:0;transform:scale(.4)}59.6%,98.6%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes demo-step-check-4{0%,78.4%{opacity:0;transform:scale(.4)}79.6%,98.6%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes demo-step-check-5{0%,97.2%{opacity:0;transform:scale(.4)}98.2%,98.8%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes demo-class-header{0%,17%{opacity:0;transform:translateY(-.6rem)}19.6%,98.2%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.2rem)}}@keyframes demo-pointer-create{0%,3.6%{opacity:0;transform:translate(2.2rem,2.6rem)rotate(-18deg)}5.8%{opacity:1;transform:translate(-.7rem,-.35rem)rotate(-13deg)}6.8%{transform:translate(-.95rem,-.5rem)rotate(-15deg)}7.8%{opacity:1;transform:translate(-.9rem,-.45rem)rotate(-15deg)scale(1)}8.4%{transform:translate(-.9rem,-.45rem)rotate(-15deg)scale(.88)}9.2%,12.6%{opacity:1;transform:translate(-.9rem,-.45rem)rotate(-15deg)scale(1)}15%,to{opacity:0;transform:translate(.5rem,1.4rem)rotate(-17deg)}}@keyframes demo-click-create{0%,8.2%{opacity:0;transform:scale(.35)}8.8%{opacity:.85;transform:scale(1)}10.4%,to{opacity:0;transform:scale(1.8)}}@keyframes demo-button-press-create{0%,8.2%,9.8%,to{transform:scale(1)}8.8%{transform:scale(.95)}}@keyframes demo-confirm-create{0%,9.2%{opacity:0;transform:translate(-50%)translateY(.7rem)scale(.9)}10.6%,16.2%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}18.6%,to{opacity:0;transform:translate(-50%)translateY(0)scale(.96)}}@keyframes demo-drag-students{0%,20.6%{opacity:0;left:-.2rem;transform:translateY(.9rem)scale(.97)}21.8%{opacity:1;left:-.2rem;transform:translateY(0)scale(1)}22.6%{opacity:1;left:.2rem;transform:translateY(-.2rem)rotate(1deg)}25.2%{opacity:1;left:calc(50% - 4.4rem);transform:translateY(-.25rem)rotate(2deg)}26%{opacity:1;left:calc(50% - 4.4rem);transform:translateY(0)rotate(0)scale(.9)}27.4%,to{opacity:0;left:calc(50% - 4.4rem);transform:scale(.6)}}@keyframes demo-dropzone-students{0%,23.2%{border-color:color-mix(in srgb, var(--color-primary) 60%, transparent);background:#fff;transform:scale(1)}24.8%,26%{border-color:var(--color-primary-strong);background:var(--color-primary-soft);transform:scale(1.04)}27.6%,to{border-color:color-mix(in srgb, var(--color-primary) 60%, transparent);background:#fff;transform:scale(1)}}@keyframes demo-upload-students{0%,26.2%{transform:translate(-101%)}29.6%,to{transform:translate(0)}}@keyframes demo-student-pop{0%,29.4%{opacity:0;transform:scale(.5)translateY(.3rem)}30.8%,38.8%{opacity:1;transform:scale(1)translateY(0)}39.8%,to{opacity:0;transform:scale(.96)}}@keyframes demo-confirm-students{0%,33.6%{opacity:0;transform:translate(-50%)translateY(.7rem)scale(.9)}35%,38.2%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}39.6%,to{opacity:0;transform:translate(-50%)scale(.96)}}@keyframes demo-mobile-confirm-students{0%,33.6%{opacity:0;transform:translateY(.4rem)scale(.94)}35%,38.2%{opacity:1;transform:translateY(0)scale(1)}39.6%,to{opacity:0}}@keyframes demo-mobile-item-pop{0%,29.6%{opacity:0;transform:scale(.6)translateY(.3rem)}31%,38.8%{opacity:1;transform:scale(1)translateY(0)}39.8%,to{opacity:0}}@keyframes demo-drag-events{0%,40.6%{opacity:0;left:-.2rem;transform:translateY(.9rem)scale(.97)}41.8%{opacity:1;left:-.2rem;transform:translateY(0)scale(1)}42.6%{opacity:1;left:.2rem;transform:translateY(-.2rem)rotate(1deg)}45.2%{opacity:1;left:calc(50% - 4.4rem);transform:translateY(-.25rem)rotate(2deg)}46%{opacity:1;left:calc(50% - 4.4rem);transform:translateY(0)rotate(0)scale(.9)}47.4%,to{opacity:0;left:calc(50% - 4.4rem);transform:scale(.6)}}@keyframes demo-dropzone-events{0%,43.2%{border-color:color-mix(in srgb, var(--color-primary) 60%, transparent);background:#fff;transform:scale(1)}44.8%,46%{border-color:var(--color-primary-strong);background:var(--color-primary-soft);transform:scale(1.04)}47.6%,to{border-color:color-mix(in srgb, var(--color-primary) 60%, transparent);background:#fff;transform:scale(1)}}@keyframes demo-upload-events{0%,46.2%{transform:translate(-101%)}49.6%,to{transform:translate(0)}}@keyframes demo-event-pop{0%,49.4%{opacity:0;transform:scale(.4)}50.8%,58.8%{opacity:1;transform:scale(1)}59.8%,to{opacity:0}}@keyframes demo-confirm-events{0%,53.6%{opacity:0;transform:translate(-50%)translateY(.7rem)scale(.9)}55%,58.2%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}59.6%,to{opacity:0;transform:translate(-50%)scale(.96)}}@keyframes demo-mobile-confirm-events{0%,53.6%{opacity:0;transform:translateY(.4rem)scale(.94)}55%,58.2%{opacity:1;transform:translateY(0)scale(1)}59.6%,to{opacity:0}}@keyframes demo-mobile-event-pop{0%,49.6%{opacity:0;transform:scale(.5)}51%,58.8%{opacity:1;transform:scale(1)}59.8%,to{opacity:0}}@keyframes demo-type-character{0%,61.2%{opacity:0;font-size:0}61.5%,73%{opacity:1;font-size:var(--type-size)}74.5%,to{opacity:0;font-size:0}}@keyframes demo-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes demo-photo-add{0%,64.4%{opacity:0;transform:scale(.6)translateY(.4rem)}65.6%,72.4%{opacity:1;transform:scale(1)translateY(0)}74%,to{opacity:0}}@keyframes demo-pointer-publish{0%,65.8%{opacity:0;transform:translate(2rem,2.2rem)rotate(-18deg)}67.6%{opacity:1;transform:translate(-.7rem,-.3rem)rotate(-13deg)}68.6%{transform:translate(-.95rem,-.5rem)rotate(-15deg)}69.2%{transform:translate(-.9rem,-.45rem)rotate(-15deg)scale(.88)}70%,70.8%{opacity:1;transform:translate(-.9rem,-.45rem)rotate(-15deg)scale(1)}72.4%,to{opacity:0;transform:translate(.4rem,1.2rem)rotate(-17deg)}}@keyframes demo-click-publish{0%,69%{opacity:0;transform:scale(.35)}69.6%{opacity:.85;transform:scale(1)}71%,to{opacity:0;transform:scale(1.8)}}@keyframes demo-button-press-publish{0%,69%,70.4%,to{transform:scale(1)}69.6%{transform:scale(.95)}}@keyframes demo-composer-out{0%,70.6%{opacity:1;filter:blur();transform:translateY(0)scale(1)}73%,to{opacity:0;filter:blur(5px);transform:translateY(-.6rem)scale(.985)}}@keyframes demo-post-in{0%,71.4%{opacity:0;filter:blur(5px);transform:translateY(1rem)scale(.985)}73.8%,97.2%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0}}@keyframes demo-like{0%,75.4%{color:var(--color-text-subtle);transform:scale(1)}76.2%{color:var(--color-danger);transform:scale(1.35)}77.2%,97%{color:var(--color-danger);transform:scale(1)}to{color:var(--color-text-subtle);transform:scale(1)}}@keyframes demo-comment-in{0%,78.4%{opacity:0;transform:translateY(.4rem)scale(.96)}79.8%,96.8%{opacity:1;transform:translateY(0)scale(1)}98.6%,to{opacity:0}}@keyframes demo-message-in{0%,81.6%{opacity:0;transform:translateY(.35rem)scale(.94)}83%,96.8%{opacity:1;transform:translateY(0)scale(1)}98.6%,to{opacity:0}}@keyframes demo-notification-in{0%,83.4%{opacity:0;transform:translateY(-.8rem)scale(.95)}84.8%,87.4%{opacity:1;transform:translateY(0)scale(1)}88.8%,to{opacity:0;transform:translateY(-.4rem)scale(.97)}}@keyframes demo-private-chat-in{0%,87.6%{opacity:0;filter:blur(4px);transform:translateY(1.1rem)scale(.99)}89.4%,97.8%{opacity:1;filter:blur();transform:translateY(0)scale(1)}99.8%,to{opacity:0;filter:blur(3px);transform:translateY(-.4rem)}}@keyframes demo-bubble-parent{0%,90%{opacity:0;transform:translateY(.4rem)scale(.9)}91.2%,99%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0}}@keyframes demo-bubble-educator{0%,92.6%{opacity:0;transform:translateY(.4rem)scale(.9)}93.8%,99%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0}}@keyframes demo-mobile-create{0%{opacity:0;filter:blur(4px);transform:translate(.9rem)scale(.98)}2.4%,16.4%{opacity:1;filter:blur();transform:translate(0)scale(1)}19.6%,to{opacity:0;filter:blur(4px);transform:translate(-.7rem)scale(.98)}}@keyframes demo-mobile-students{0%,16.4%{opacity:0;filter:blur(4px);transform:translate(.9rem)scale(.98)}19.6%,36.4%{opacity:1;filter:blur();transform:translate(0)scale(1)}39.6%,to{opacity:0;filter:blur(4px);transform:translate(-.7rem)scale(.98)}}@keyframes demo-mobile-calendar{0%,36.4%{opacity:0;filter:blur(4px);transform:translate(.9rem)scale(.98)}39.6%,56.4%{opacity:1;filter:blur();transform:translate(0)scale(1)}59.6%,to{opacity:0;filter:blur(4px);transform:translate(-.7rem)scale(.98)}}@keyframes demo-mobile-compose{0%,56.4%{opacity:0;filter:blur(4px);transform:translate(.9rem)scale(.98)}59.6%,70.6%{opacity:1;filter:blur();transform:translate(0)scale(1)}73.4%,to{opacity:0;filter:blur(4px);transform:translate(-.7rem)scale(.98)}}@keyframes demo-mobile-feed{0%,70.8%{opacity:0;filter:blur(4px);transform:translate(.9rem)scale(.98)}73.6%,87%{opacity:1;filter:blur();transform:translate(0)scale(1)}89.6%,to{opacity:0;filter:blur(4px);transform:translate(-.7rem)scale(.98)}}@keyframes demo-mobile-chat-one{0%,87.2%{opacity:0;filter:blur(4px);transform:translate(.9rem)scale(.98)}89.8%,97.8%{opacity:1;filter:blur();transform:translate(0)scale(1)}to{opacity:0;filter:blur(4px);transform:translate(-.7rem)scale(.98)}}@media (max-width:640px){.product-demo{min-height:500px}.demo-step b{display:none}.demo-step{justify-content:center}.demo-desktop{width:92%;height:420px}.demo-phone{width:36%;min-width:135px;height:305px}.demo-student-results{grid-template-columns:repeat(4,1fr)}.demo-mobile-scene{inset:4rem .4rem 1.8rem}.demo-mobile-scene>strong{margin-bottom:.35rem;font-size:.58rem}.demo-mobile-post{padding:.42rem}.demo-mobile-post p{margin-top:.3rem;font-size:.43rem}.demo-mobile-media{height:3rem;margin-top:.3rem}.demo-mobile-actions{margin-top:.25rem;padding-top:.25rem}.demo-mobile-comment{margin-top:.25rem;padding:.22rem;font-size:.33rem}.demo-mobile-post .demo-mobile-message{margin-top:.22rem;padding:.2rem .3rem}.demo-mobile-message b{font-size:.32rem}.demo-mobile-message span{font-size:.3rem}}@media (prefers-reduced-motion:reduce){.product-demo *,.product-demo :before,.product-demo :after{animation:none!important}.demo-step{opacity:1;transform:none}.demo-progress>i{transform:scaleX(1)}.demo-app-header,.demo-phone-screen>header,.demo-scene-publish,.demo-mobile-feed,.demo-published-post,.demo-typing-text>span,.demo-composer-photos i,.demo-comment-list p,.demo-message-preview,.demo-mobile-comment,.demo-mobile-message,.demo-private-bubble,.demo-mobile-student-grid i,.demo-mobile-composer>div span,.demo-student-results>span,.demo-calendar-grid span{opacity:1;filter:none;transform:none}.demo-typing-text>span{font-size:var(--type-size)}.demo-phone{opacity:1;transform:rotate(2deg)}.demo-upload-drag,.demo-hand-pointer,.demo-notification-toast,.demo-mobile-notification,.demo-one-to-one-chat,.demo-mobile-chat-one{display:none}}.sd-step-chip{border:1px solid #a5d6d973;align-items:center;gap:.55rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.sd-step-chip{border:1px solid color-mix(in srgb, var(--color-primary) 45%, transparent)}}.sd-step-chip{font-family:var(--font-heading);color:var(--color-heading);background:var(--color-primary-soft);border-radius:999px;padding:.3rem .95rem .3rem .35rem;font-size:.85rem;font-weight:800}.sd-step-chip>i{color:#fff;background:var(--color-primary-strong);border-radius:999px;place-items:center;width:1.6rem;height:1.6rem;font-style:normal;display:grid}.sd-point{color:var(--color-text-muted);align-items:flex-start;gap:.65rem;font-weight:600;line-height:1.6;display:flex}.sd-point>i{color:#fff;background:var(--color-secondary);border-radius:999px;flex:none;place-items:center;width:1.3rem;height:1.3rem;margin-top:.15rem;font-size:.72rem;font-style:normal;font-weight:900;display:grid}.sd-stage{--sd-cycle:9s;--demo-ease:cubic-bezier(.45, .05, .25, 1);--demo-spring:cubic-bezier(.34, 1.56, .64, 1);border:1px solid #a5d6d96b;place-items:center;min-height:27rem;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.sd-stage{border:1px solid color-mix(in srgb, var(--color-primary) 42%, transparent)}}.sd-stage{background:radial-gradient(circle at 80% 0%, #ffb5b58c, transparent 60%), linear-gradient(150deg, white, var(--color-primary-soft));border-radius:2rem;padding:2rem 1.4rem}@supports (color:color-mix(in lab, red, red)){.sd-stage{background:radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--color-accent-soft) 55%, transparent), transparent 60%), linear-gradient(150deg, white, var(--color-primary-soft))}}.sd-stage{box-shadow:var(--shadow-card)}.sd-stage:before{content:"";opacity:.35;background-image:radial-gradient(var(--color-primary) 1px, transparent 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.sd-inner{z-index:1;zoom:1.15;width:100%;max-width:24rem;position:relative}.sd-stage .demo-complete{opacity:0;width:fit-content;margin:1.1rem auto 0;position:static;transform:none}.sd-create .demo-form-card{animation:sd-create-card var(--sd-cycle) var(--demo-ease) infinite}.sd-create .demo-typing-text{--type-size:.64rem;min-height:0;font-size:inherit;font-weight:inherit;color:inherit;background:0 0;flex:none;padding:0}.sd-create .demo-typing-text>span{animation:sd-create-type var(--sd-cycle) steps(1, end) calc(var(--demo-char) * 90ms) infinite}.sd-create .demo-form-card>.demo-primary-button{animation:sd-create-press var(--sd-cycle) ease infinite}.sd-pointer-create{animation:sd-create-pointer var(--sd-cycle) cubic-bezier(.3, 0, .2, 1) infinite;top:40%;left:54%}.sd-pointer-create>i{animation:sd-create-click var(--sd-cycle) ease-out infinite}.sd-success{text-align:center;opacity:0;animation:sd-create-success var(--sd-cycle) var(--demo-spring) infinite;align-content:center;place-items:center;gap:.9rem;display:grid;position:absolute;inset:0}.sd-success>i{color:#fff;background:var(--color-secondary);width:3.2rem;height:3.2rem;box-shadow:var(--shadow-soft);border-radius:999px;place-items:center;font-size:1.4rem;font-style:normal;font-weight:900;display:grid}.sd-success>b{font-family:var(--font-heading);color:var(--color-heading);font-size:1.05rem;font-weight:800}.sd-students .demo-upload-drag,.sd-events .demo-upload-drag{animation:sd-import-drag var(--sd-cycle) cubic-bezier(.65, 0, .35, 1) infinite}.sd-students .demo-upload,.sd-events .demo-upload{animation:sd-import-dropzone var(--sd-cycle) var(--demo-ease) infinite}.sd-students .demo-upload u,.sd-events .demo-upload u{animation:sd-import-fill var(--sd-cycle) ease-in-out infinite}.sd-students .demo-complete,.sd-events .demo-complete{animation:sd-import-toast var(--sd-cycle) var(--demo-spring) infinite}.sd-students .demo-student-results{margin-top:1rem}.sd-students .demo-student-results>span{animation:sd-students-pop var(--sd-cycle) var(--demo-spring) calc(var(--demo-item) * .12s) infinite}.sd-events .demo-mini-calendar{margin-top:1rem}.sd-events .demo-calendar-grid span{animation:sd-events-pop var(--sd-cycle) var(--demo-spring) calc(var(--demo-item) * 50ms) infinite}.sd-publish{--sd-cycle:11s}.sd-publish .sd-inner{align-items:center;min-height:20rem;display:grid}.sd-publish .demo-composer{width:100%;animation:sd-publish-composer var(--sd-cycle) var(--demo-ease) infinite}.sd-publish .demo-typing-text>span{animation:sd-publish-type var(--sd-cycle) steps(1, end) calc(var(--demo-char) * 50ms) infinite}.sd-publish .demo-composer-photos i{animation:sd-publish-photo var(--sd-cycle) var(--demo-spring) calc(var(--demo-photo) * .18s) infinite}.sd-publish .demo-composer-actions .demo-primary-button{animation:sd-publish-press var(--sd-cycle) ease infinite}.sd-pointer-publish{animation:sd-publish-pointer var(--sd-cycle) cubic-bezier(.3, 0, .2, 1) infinite;top:40%;left:54%}.sd-pointer-publish>i{animation:sd-publish-click var(--sd-cycle) ease-out infinite}.sd-publish .demo-published-post{width:min(23rem,100%);height:fit-content;animation:sd-publish-post var(--sd-cycle) var(--demo-ease) infinite;margin:auto;position:absolute;inset:0}.sd-publish .demo-comment-list{padding-bottom:.85rem}.sd-publish .demo-like{animation:sd-publish-like var(--sd-cycle) ease infinite}.sd-publish .demo-comment-list p{animation:sd-publish-comment var(--sd-cycle) var(--demo-spring) infinite}.sd-publish .demo-comment-list p:nth-child(2){animation-delay:.66s}.sd-parent{--sd-cycle:10s;min-height:30rem}.sd-parent .sd-inner{zoom:1.3;width:fit-content;max-width:none}.sd-phone{border:5px solid var(--color-heading);background:var(--color-heading);width:14.5rem;height:23.5rem;box-shadow:var(--shadow-card);border-radius:2rem;padding:.35rem;animation:12s ease-in-out infinite sd-parent-float;position:relative}.sd-parent .demo-phone-screen>header{opacity:1;animation:none}.sd-parent .demo-mobile-feed{animation:sd-parent-feed var(--sd-cycle) var(--demo-ease) infinite}.sd-parent .demo-mobile-chat-one{animation:sd-parent-chat var(--sd-cycle) var(--demo-ease) infinite}.sd-parent .demo-mobile-notification{animation:sd-parent-notif var(--sd-cycle) var(--demo-spring) infinite}.sd-parent .demo-mobile-comment,.sd-parent .demo-mobile-post .demo-mobile-message{opacity:1;animation:none}.sd-parent .demo-like{color:var(--color-danger);animation:none}.sd-parent .demo-private-bubble.parent{animation:sd-parent-bubble-parent var(--sd-cycle) var(--demo-spring) infinite}.sd-parent .demo-private-bubble.educator{animation:sd-parent-bubble-educator var(--sd-cycle) var(--demo-spring) infinite}@keyframes sd-create-card{0%,.5%{opacity:0;filter:blur(3px);transform:translateY(.4rem)scale(.99)}4%,53%{opacity:1;filter:blur();transform:translateY(0)scale(1)}59%,to{opacity:0;filter:blur(4px);transform:translateY(-.5rem)scale(.98)}}@keyframes sd-create-type{0%,8%{opacity:0;font-size:0}8.3%,84%{opacity:1;font-size:var(--type-size)}86%,to{opacity:0;font-size:0}}@keyframes sd-create-pointer{0%,34%{opacity:0;transform:translate(2.2rem,2.6rem)rotate(-18deg)}44%{opacity:1;transform:translate(-.9rem,-.45rem)rotate(-15deg)}49%{transform:translate(-.9rem,-.45rem)rotate(-15deg)scale(.88)}52%,60%{opacity:1;transform:translate(-.9rem,-.45rem)rotate(-15deg)scale(1)}68%,to{opacity:0;transform:translate(.6rem,1.5rem)rotate(-17deg)}}@keyframes sd-create-click{0%,48%{opacity:0;transform:scale(.35)}50%{opacity:.85;transform:scale(1)}53.5%,to{opacity:0;transform:scale(1.8)}}@keyframes sd-create-press{0%,48%,52.5%,to{transform:scale(1)}50%{transform:scale(.96)}}@keyframes sd-create-success{0%,58%{opacity:0;transform:scale(.75)translateY(.5rem)}63%,88%{opacity:1;transform:scale(1)translateY(0)}93%,to{opacity:0;transform:scale(.96)}}@keyframes sd-import-drag{0%,4%{opacity:0;left:-.2rem;transform:translateY(.9rem)scale(.97)}9%{opacity:1;left:-.2rem;transform:translateY(0)scale(1)}11%{opacity:1;left:.2rem;transform:translateY(-.2rem)rotate(1deg)}22%{opacity:1;left:calc(50% - 4.4rem);transform:translateY(-.25rem)rotate(2deg)}25%{opacity:1;left:calc(50% - 4.4rem);transform:translateY(0)rotate(0)scale(.9)}30%,to{opacity:0;left:calc(50% - 4.4rem);transform:scale(.6)}}@keyframes sd-import-dropzone{0%,17%{border-color:color-mix(in srgb, var(--color-primary) 60%, transparent);background:#fff;transform:scale(1)}22%,25%{border-color:var(--color-primary-strong);background:var(--color-primary-soft);transform:scale(1.04)}30%,to{border-color:color-mix(in srgb, var(--color-primary) 60%, transparent);background:#fff;transform:scale(1)}}@keyframes sd-import-fill{0%,26%{transform:translate(-101%)}44%,89%{transform:translate(0)}95%,to{transform:translate(-101%)}}@keyframes sd-students-pop{0%,45%{opacity:0;transform:scale(.5)translateY(.3rem)}49.5%,87%{opacity:1;transform:scale(1)translateY(0)}90%,to{opacity:0;transform:scale(.95)}}@keyframes sd-events-pop{0%,45%{opacity:0;transform:scale(.4)}48.5%,86%{opacity:1;transform:scale(1)}89%,to{opacity:0}}@keyframes sd-import-toast{0%,63%{opacity:0;transform:translateY(.6rem)scale(.9)}67.5%,88%{opacity:1;transform:translateY(0)scale(1)}93%,to{opacity:0;transform:scale(.97)}}@keyframes sd-publish-composer{0%,1.5%{opacity:0;filter:blur(4px);transform:translateY(.6rem)}5%,50%{opacity:1;filter:blur();transform:translateY(0)}55%,to{opacity:0;filter:blur(5px);transform:translateY(-.6rem)scale(.985)}}@keyframes sd-publish-type{0%,6%{opacity:0;font-size:0}6.3%,52%{opacity:1;font-size:var(--type-size)}56%,to{opacity:0;font-size:0}}@keyframes sd-publish-photo{0%,30%{opacity:0;transform:scale(.6)translateY(.4rem)}33%,52%{opacity:1;transform:scale(1)translateY(0)}56%,to{opacity:0}}@keyframes sd-publish-pointer{0%,36%{opacity:0;transform:translate(2rem,2.2rem)rotate(-18deg)}43%{opacity:1;transform:translate(-.9rem,-.45rem)rotate(-15deg)}45.5%{transform:translate(-.9rem,-.45rem)rotate(-15deg)scale(.88)}47.5%,49%{opacity:1;transform:translate(-.9rem,-.45rem)rotate(-15deg)scale(1)}53%,to{opacity:0;transform:translate(.4rem,1.2rem)rotate(-17deg)}}@keyframes sd-publish-click{0%,44.5%{opacity:0;transform:scale(.35)}46%{opacity:.85;transform:scale(1)}49.5%,to{opacity:0;transform:scale(1.8)}}@keyframes sd-publish-press{0%,44.5%,48%,to{transform:scale(1)}46%{transform:scale(.96)}}@keyframes sd-publish-post{0%,52%{opacity:0;filter:blur(5px);transform:translateY(1rem)scale(.985)}57.5%,94%{opacity:1;filter:blur();transform:translateY(0)scale(1)}99%,to{opacity:0;transform:translateY(-.5rem)}}@keyframes sd-publish-like{0%,63%{color:var(--color-text-subtle);transform:scale(1)}65%{color:var(--color-danger);transform:scale(1.35)}67%,94%{color:var(--color-danger);transform:scale(1)}99%,to{color:var(--color-text-subtle);transform:scale(1)}}@keyframes sd-publish-comment{0%,72%{opacity:0;transform:translateY(.4rem)scale(.96)}75.5%,94%{opacity:1;transform:translateY(0)scale(1)}99%,to{opacity:0}}@keyframes sd-parent-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes sd-parent-feed{0%,2%{opacity:0;filter:blur(4px);transform:translate(.9rem)scale(.98)}7%,40%{opacity:1;filter:blur();transform:translate(0)scale(1)}46%,to{opacity:0;filter:blur(4px);transform:translate(-.7rem)scale(.98)}}@keyframes sd-parent-notif{0%,9%{opacity:0;transform:translateY(-.8rem)scale(.95)}13%,34%{opacity:1;transform:translateY(0)scale(1)}39%,to{opacity:0;transform:translateY(-.4rem)scale(.97)}}@keyframes sd-parent-chat{0%,42%{opacity:0;filter:blur(4px);transform:translate(.9rem)scale(.98)}48%,94%{opacity:1;filter:blur();transform:translate(0)scale(1)}to{opacity:0;filter:blur(4px);transform:translate(-.7rem)scale(.98)}}@keyframes sd-parent-bubble-parent{0%,52%{opacity:0;transform:translateY(.4rem)scale(.9)}56%,95%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0}}@keyframes sd-parent-bubble-educator{0%,64%{opacity:0;transform:translateY(.4rem)scale(.9)}68%,95%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0}}@media (max-width:640px){.sd-inner{zoom:1}.sd-parent .sd-inner{zoom:1.05}.sd-stage{min-height:24rem;padding:1.6rem 1rem}}@media (prefers-reduced-motion:reduce){.sd-stage *,.sd-stage :before,.sd-stage :after{animation:none!important}.sd-stage .demo-typing-text>span,.sd-stage .demo-student-results>span,.sd-stage .demo-calendar-grid span,.sd-stage .demo-composer-photos i,.sd-stage .demo-complete,.sd-publish .demo-published-post,.sd-parent .demo-mobile-feed,.sd-parent .demo-mobile-chat-one,.sd-stage .demo-private-bubble,.sd-publish .demo-comment-list p{opacity:1;filter:none;transform:none}.sd-stage .demo-typing-text>span{font-size:var(--type-size)}.sd-publish .demo-composer{opacity:0}.sd-stage .demo-upload u{transform:none}.sd-stage .demo-upload-drag,.sd-stage .demo-hand-pointer,.sd-parent .demo-mobile-notification{display:none}}.feature-card{border:1px solid #a5d6d94d;min-height:245px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.feature-card{border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent)}}.feature-card{box-shadow:var(--shadow-soft);background:#fff;border-radius:1.65rem;padding:1.65rem;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:var(--shadow-card);transform:translateY(-5px)}.feature-icon{width:3.15rem;height:3.15rem;font-family:var(--font-heading);color:var(--marketing-ink);border-radius:1.05rem;place-items:center;font-size:1.25rem;font-weight:700;display:grid}.soft-grid{background-image:linear-gradient(#a5d6d917 1px,#0000 1px),linear-gradient(90deg,#a5d6d917 1px,#0000 1px)}@supports (color:color-mix(in lab, red, red)){.soft-grid{background-image:linear-gradient(color-mix(in srgb, var(--color-primary) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 9%, transparent) 1px, transparent 1px)}}.soft-grid{background-size:28px 28px}.ai-section{background:radial-gradient(circle at 15% 15%, #ffb08833, transparent 20rem), linear-gradient(135deg, var(--color-primary-soft), var(--color-bg))}@supports (color:color-mix(in lab, red, red)){.ai-section{background:radial-gradient(circle at 15% 15%, color-mix(in srgb, var(--color-accent) 20%, transparent), transparent 20rem), linear-gradient(135deg, var(--color-primary-soft), var(--color-bg))}}.ai-import-card{--ai-delay:0s;border:1px solid #a5d6d96b}@supports (color:color-mix(in lab, red, red)){.ai-import-card{border:1px solid color-mix(in srgb, var(--color-primary) 42%, transparent)}}.ai-import-card{box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:2rem;padding:clamp(1.4rem,4vw,2rem)}.ai-magic-stage{border:1px solid #a5d6d973;min-height:340px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ai-magic-stage{border:1px solid color-mix(in srgb, var(--color-primary) 45%, transparent)}}.ai-magic-stage{background:radial-gradient(circle at center, #edf7f7, transparent 55%), linear-gradient(145deg, white, var(--color-primary-soft));border-radius:1.6rem}@supports (color:color-mix(in lab, red, red)){.ai-magic-stage{background:radial-gradient(circle at center, color-mix(in srgb, var(--color-primary) 20%, white), transparent 55%), linear-gradient(145deg, white, var(--color-primary-soft))}}.ai-magic-stage:before{content:"";opacity:.45;background-image:radial-gradient(var(--color-primary) 1px, transparent 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.ai-source-file{border:1px solid var(--color-border);width:108px;min-height:126px;box-shadow:var(--shadow-card);background:#fff;border-radius:1rem;padding:1.1rem .9rem .8rem;position:relative;transform:rotate(-6deg)}.ai-source-file p{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);margin-top:1.1rem;font-size:.68rem;font-weight:800;overflow:hidden}.ai-file-corner{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);background:var(--color-primary-soft);border-radius:0 1rem 0 .6rem;width:2.1rem;height:2.1rem;position:absolute;top:0;right:0}.ai-document-line{background:#a5d6d947;border-radius:999px;height:.45rem;display:block}@supports (color:color-mix(in lab, red, red)){.ai-document-line{background:color-mix(in srgb, var(--color-primary) 28%, transparent)}}.ai-calendar-sheet{grid-template-columns:repeat(3,1fr);gap:.35rem;padding-top:.7rem;display:grid}.ai-calendar-sheet span{aspect-ratio:1.25;background:#ffece2;border-radius:.35rem}@supports (color:color-mix(in lab, red, red)){.ai-calendar-sheet span{background:color-mix(in srgb, var(--color-accent) 24%, white)}}.ai-calendar-sheet span:nth-child(2),.ai-calendar-sheet span:nth-child(5){background:#e0f3e9}@supports (color:color-mix(in lab, red, red)){.ai-calendar-sheet span:nth-child(2),.ai-calendar-sheet span:nth-child(5){background:color-mix(in srgb, var(--color-secondary) 30%, white)}}.ai-drop-zone{z-index:1;border:2px dashed #a5d6d9a6;place-items:center;width:12rem;height:8.8rem;margin-left:-6rem;display:grid;position:absolute;top:3.4rem;left:50%}@supports (color:color-mix(in lab, red, red)){.ai-drop-zone{border:2px dashed color-mix(in srgb, var(--color-primary) 65%, transparent)}}.ai-drop-zone{color:var(--color-primary-strong);background:#f7fbfb;border-radius:1.2rem}@supports (color:color-mix(in lab, red, red)){.ai-drop-zone{background:color-mix(in srgb, var(--color-primary-soft) 76%, white)}}.ai-drop-zone{animation:ai-drop-ready 10s ease var(--ai-delay) infinite}.ai-drop-arrow{color:#fff;background:var(--color-primary-strong);border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;font-size:1.4rem;display:grid}.ai-drag-group{z-index:5;animation:ai-hand-drag 10s cubic-bezier(.65, 0, .35, 1) var(--ai-delay) infinite;position:absolute;top:3.7rem;left:7%}.ai-hand-cursor{color:var(--color-heading);filter:grayscale()contrast(2);text-shadow:0 2px #fff;font-family:Arial,Helvetica,sans-serif;font-size:4.5rem;font-weight:400;line-height:1;position:absolute;bottom:-2.5rem;right:-2.6rem;transform:rotate(-18deg)}.ai-processing-panel{z-index:5;border:1px solid var(--color-border);opacity:0;width:12rem;box-shadow:var(--shadow-card);animation:ai-processing 10s ease var(--ai-delay) infinite;background:#fff;border-radius:1rem;gap:.65rem;padding:.85rem;display:grid;position:absolute;top:5.1rem;left:50%;transform:translate(-50%)scale(.82)}.ai-processing-icon{font-family:var(--font-heading);letter-spacing:.25rem;text-align:center;color:var(--color-primary-strong);font-size:1.2rem;font-weight:900}.ai-processing-track{background:var(--color-surface);border-radius:999px;height:.42rem;display:block;overflow:hidden}.ai-processing-track i{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));width:100%;height:100%;animation:ai-progress-fill 10s ease var(--ai-delay) infinite;display:block;transform:translate(-100%)}.ai-children-grid,.ai-filled-calendar{z-index:4;width:15rem;margin-left:-7.5rem;position:absolute;bottom:4.8rem;left:50%}.ai-children-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.ai-child{--item:0;border:1px solid var(--color-border);opacity:0;height:5.3rem;box-shadow:var(--shadow-soft);animation:ai-item-create 10s cubic-bezier(.22, 1, .36, 1) calc(var(--ai-delay) + var(--item) * .16s) infinite;background:#fff;border-radius:1rem;place-items:center;display:grid;position:relative;transform:translateY(1rem)scale(.5)}.ai-child-head{background:var(--color-accent-soft);border-radius:999px;width:1.55rem;height:1.55rem;position:absolute;top:.7rem}.ai-child-body{background:#d7edee;border-radius:999px 999px .6rem .6rem;width:2.8rem;height:1.9rem;position:absolute;bottom:.65rem}@supports (color:color-mix(in lab, red, red)){.ai-child-body{background:color-mix(in srgb, var(--color-primary) 45%, white)}}.ai-child b{color:#fff;background:var(--color-secondary);border-radius:999px;place-items:center;width:1.35rem;height:1.35rem;font-size:.65rem;display:grid;position:absolute;bottom:-.2rem;right:-.2rem}.ai-filled-calendar{border:1px solid var(--color-border);opacity:0;box-shadow:var(--shadow-card);animation:ai-calendar-appear 10s cubic-bezier(.22, 1, .36, 1) var(--ai-delay) infinite;background:#fff;border-radius:1.25rem;overflow:hidden;transform:scale(.75)}.ai-calendar-top{background:var(--color-primary-strong);justify-content:space-around;align-items:center;height:2.2rem;display:flex}.ai-calendar-top i{background:#fff;border-radius:999px;width:.38rem;height:.8rem}.ai-calendar-cells{grid-template-columns:repeat(5,1fr);gap:.45rem;padding:.8rem;display:grid}.ai-calendar-cells span{--item:0;aspect-ratio:1;opacity:0;background:var(--color-bg-soft);animation:ai-cell-fill 10s ease calc(var(--ai-delay) + var(--item) * 35ms) infinite;border-radius:.3rem;transform:scale(.2)}.ai-calendar-cells .ai-event-cell{background:linear-gradient(145deg, var(--color-accent-soft), var(--color-secondary))}.ai-success-pill{z-index:7;opacity:0;width:max-content;max-width:min(12.5rem,100% - 2rem);color:var(--color-heading);box-shadow:var(--shadow-card);animation:ai-success 10s cubic-bezier(.22, 1, .36, 1) var(--ai-delay) infinite;background:#fff;border-radius:999px;grid-template-columns:auto 1fr;align-items:center;gap:.35rem .45rem;padding:.45rem .7rem;font-size:.66rem;font-weight:900;display:grid;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)translateY(1rem)scale(.9)}.ai-success-pill span{color:#fff;background:var(--color-secondary);border-radius:999px;grid-row:1/3;place-items:center;width:1.2rem;height:1.2rem;display:grid}.ai-success-pill strong{font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-success-pill small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}@keyframes ai-hand-drag{0%,8%{opacity:0;left:2%;transform:translateY(1rem)rotate(-5deg)scale(.88)}14%{opacity:1;left:7%;transform:translateY(0)rotate(0)scale(1)}31%,38%{opacity:1;left:calc(50% - 54px);transform:translateY(.5rem)rotate(2deg)scale(.82)}43%,92%{opacity:0;left:calc(50% - 54px);transform:translateY(.5rem)scale(.72)}to{opacity:0;left:2%}}@keyframes ai-drop-ready{0%,14%{border-color:color-mix(in srgb, var(--color-primary) 45%, transparent);transform:scale(.96)}22%,37%{border-color:var(--color-secondary);box-shadow:0 0 1.8rem color-mix(in srgb, var(--color-secondary) 28%, transparent);transform:scale(1.04)}44%,to{opacity:0;transform:scale(.92)}}@keyframes ai-processing{0%,38%{opacity:0;transform:translate(-50%)scale(.6)}44%,51%{opacity:1;transform:translate(-50%)scale(1)}57%,to{opacity:0;transform:translate(-50%)scale(.92)}}@keyframes ai-progress-fill{0%,43%{transform:translate(-100%)}52%,to{transform:translate(0)}}@keyframes ai-item-create{0%,55%{opacity:0;transform:translateY(1rem)scale(.5)}63%,91%{opacity:1;transform:translateY(0)scale(1)}98%,to{opacity:0;transform:scale(.92)}}@keyframes ai-calendar-appear{0%,52%{opacity:0;transform:scale(.75)}60%,92%{opacity:1;transform:scale(1)}98%,to{opacity:0;transform:scale(.92)}}@keyframes ai-cell-fill{0%,59%{opacity:0;transform:scale(.2)}67%,93%{opacity:1;transform:scale(1)}98%,to{opacity:0}}@keyframes ai-success{0%,76%{opacity:0;transform:translate(-50%)translateY(1rem)scale(.9)}82%,94%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}98%,to{opacity:0;transform:translate(-50%)translateY(.5rem)scale(.95)}}@media (prefers-reduced-motion:reduce){.ai-drag-group,.ai-drop-zone,.ai-processing-panel,.ai-processing-track i,.ai-child,.ai-filled-calendar,.ai-calendar-cells span,.ai-success-pill{animation:none}.ai-drag-group,.ai-drop-zone,.ai-processing-panel{opacity:0}.ai-child,.ai-filled-calendar,.ai-calendar-cells span{opacity:1;transform:none}.ai-success-pill{opacity:1;transform:translate(-50%)}}@media (max-width:520px){.ai-magic-stage{min-height:320px}.ai-drop-zone,.ai-processing-panel{width:10rem}.ai-drop-zone{margin-left:-5rem}.ai-children-grid,.ai-filled-calendar{width:13rem;margin-left:-6.5rem}.ai-child{height:4.6rem}}.ai-marker{width:3rem;height:3rem;font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg, var(--color-primary-strong), var(--color-secondary));box-shadow:var(--shadow-soft);border-radius:1rem;flex:none;place-items:center;font-weight:700;display:grid}.step-number{width:3rem;height:3rem;font-family:var(--font-heading);color:#fff;background:var(--marketing-teal);box-shadow:var(--shadow-soft);border-radius:999px;place-items:center;font-weight:700;display:grid}.security-panel{color:#fff;background:linear-gradient(145deg, var(--color-heading), #4c6471 55%, var(--color-primary-strong));border-radius:2.5rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.security-panel{background:linear-gradient(145deg, var(--color-heading), color-mix(in srgb, var(--color-heading) 70%, var(--color-primary-strong)) 55%, var(--color-primary-strong))}}.security-panel{box-shadow:var(--shadow-card)}.security-panel h2,.security-panel h3{color:#fff}.security-panel:after{content:"";border:4rem solid #ffffff0f;width:22rem;height:22rem;position:absolute;bottom:-8rem;right:-5rem}@supports (color:color-mix(in lab, red, red)){.security-panel:after{border:4rem solid color-mix(in srgb, var(--color-bg) 6%, transparent)}}.security-panel:after{border-radius:999px}.pricing-card{border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:#fff;border-radius:2rem;padding:clamp(1.5rem,4vw,2.5rem)}.pricing-card-accent{border-color:#95cccf6b}@supports (color:color-mix(in lab, red, red)){.pricing-card-accent{border-color:color-mix(in srgb, var(--color-primary-strong) 42%, transparent)}}.pricing-card-accent{background:linear-gradient(180deg, var(--color-primary-soft), white 46%)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item summary{cursor:pointer;font-family:var(--font-heading);color:var(--marketing-ink);justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 0;font-size:1.08rem;font-weight:650;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--marketing-teal-deep);font-size:1.5rem}.faq-item[open] summary:after{content:"−"}.page-hero{background:radial-gradient(circle at 15% 20%, #ffb5b540, transparent 20rem), linear-gradient(180deg, white, var(--color-primary-soft))}@supports (color:color-mix(in lab, red, red)){.page-hero{background:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--color-accent-soft) 25%, transparent), transparent 20rem), linear-gradient(180deg, white, var(--color-primary-soft))}}.legal-copy h2{font-family:var(--font-heading);color:var(--color-heading);margin-top:2.25rem;font-size:1.45rem;font-weight:700}.legal-copy>section:first-of-type h2{margin-top:0}.legal-copy p{color:var(--color-text-muted);margin-top:.75rem;line-height:1.75}.legal-copy .legal-intro{font-size:1.05rem}.legal-copy strong{color:var(--color-heading);font-weight:700}.legal-copy .legal-contact-link{color:var(--color-primary-strong);text-underline-offset:.15em;font-weight:700;text-decoration:underline}.legal-copy .legal-contact-link:hover{color:var(--marketing-teal-deep)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important}}@media (max-width:767px){.site-shell{width:min(100% - 1.25rem,1180px)}.product-window{transform:none}.security-panel{border-radius:1.75rem}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}