:root{--accent:#7a3cf0;--on-accent:#fbf8f3;--ink:#17181d;--ink2:#2a2c34;--paper:#fbf8f3;--paper2:#f1ebdf;--line:#17181d1a;--hot:#ff5b2e;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh}img,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}[hidden]{display:none!important}::selection{background:var(--hot);color:var(--ink)}@keyframes riseIn{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes floatY2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(8deg)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.landing{background:var(--paper);width:100%;color:var(--ink);font-family:var(--font-sans);--mock-muted:#6a6456;--ok:#1e8a5a;--ok-ink:#166b46;--warn:#b0690a;--warn-ink:#8a5208;--bad:#c2362b;--bad-ink:#a12b22;font-size:17px;line-height:1.55;position:relative;overflow-x:clip}:where(.landing a){color:inherit;text-decoration:none}.landing :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.accent{color:var(--accent)}.wrap{max-width:var(--wrap,1200px);margin-inline:auto}.section{padding:clamp(64px,10vw,120px) 20px}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:12px}.h2{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,6vw,52px);font-weight:800;line-height:1.02}.reveal{animation:.7s both riseIn;animation-timeline:view();animation-range:entry cover 20%}.reveal-2{animation-range:entry cover 26%}.reveal-3{animation-range:entry cover 30%}.rise{animation:.8s both riseIn}.rise-d1{animation-delay:50ms}.rise-d2{animation-delay:.12s}.rise-d3{animation-delay:.18s}.rise-d4{animation-delay:.2s}.rise-d5{animation-delay:.28s}.logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:9px;font-size:21px;font-weight:800;display:inline-flex}.logo__mark{background:var(--accent);width:30px;height:30px;color:var(--on-accent);box-shadow:0 6px 16px -6px var(--accent);border-radius:9px;place-items:center;font-size:22px;line-height:1;display:inline-grid}.logo--menu{color:var(--paper);font-size:22px}.logo--menu .logo__mark{box-shadow:none}.logo--footer{margin-bottom:14px;font-size:24px}.logo--footer .logo__mark{width:32px;height:32px;box-shadow:none;font-size:24px}.btn{white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn>svg{flex-shrink:0}.btn--sm{padding:11px 20px;font-size:15px}.btn--lg{gap:10px;padding:16px 28px;font-size:17px}.btn--accent{background:var(--accent);color:var(--on-accent)}.btn--ink{background:var(--ink);color:var(--paper)}.btn--outline-ink{border:1.5px solid #fbf8f373;border:1.5px solid color-mix(in oklch, var(--on-accent) 45%, transparent)}.btn--outline-ink:hover{background:#fbf8f31f;background:color-mix(in oklch, var(--on-accent) 12%, transparent)}.btn--lift:hover{transform:translateY(-3px)}.site-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fbf8f3c7;position:sticky;top:0}.site-header__nav{align-items:center;gap:16px;padding:14px 20px;display:flex}.site-header__brand{align-items:center;margin-right:auto;display:flex}.site-header .btn--accent:hover{box-shadow:0 12px 24px -12px var(--accent);transform:translateY(-2px)}@media (width<=560px){.site-header__nav{gap:8px;padding:12px 14px}.site-header .logo{gap:7px;font-size:17px}.site-header .logo__mark{width:25px;height:25px;font-size:18px}.site-header .btn--sm{gap:5px;min-height:44px;padding:8px 12px;font-size:14px}}@media (width<=400px){.site-header .btn__label{display:none}.site-header .btn--sm{justify-content:center;min-width:44px;min-height:44px;padding:8px}}.burger{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;flex:none;place-content:center;gap:5px;width:44px;height:44px;display:grid}.burger span{background:var(--ink);border-radius:2px;width:20px;height:2px;transition:transform .3s,opacity .3s;display:block}.burger[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.menu{z-index:60;background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;visibility:hidden;align-items:flex-start;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .4s,visibility .5s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-100%)}.menu[data-open=true]{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.menu__inner{gap:28px;width:100%;padding:40px 22px 48px;display:grid}.menu__top,.feature-card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu__close{height:48px;color:var(--paper);cursor:pointer;background:#fbf8f30f;border:1px solid #fbf8f347;border-radius:14px;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;transition:background .2s;display:inline-flex}.menu__close:hover{background:#fbf8f329}.menu__links{gap:4px;display:grid}.menu__links a{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(30px,8vw,52px);font-weight:700;line-height:1.1;transition:color .2s}.menu__links a:hover,.menu__links-cta{color:var(--accent)}.menu__contact{border-top:1px solid #fbf8f32e;flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.hero{align-items:center;min-height:calc(100svh - 72px);padding:clamp(32px,5vh,72px) 20px;display:flex;position:relative;overflow:clip}.hero__backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.hero__blob{filter:blur(20px);border-radius:50%;position:absolute}.hero__blob--accent{background:radial-gradient(circle, color-mix(in oklch, var(--accent) 42%, transparent), transparent 62%);width:520px;height:520px;animation:16s ease-in-out infinite drift;top:-120px;right:-60px}.hero__blob--ink{background:radial-gradient(circle,#2a2c341a,#0000 62%);width:460px;height:460px;animation:20s ease-in-out infinite reverse drift;bottom:-160px;left:-120px}.hero__plus{font-family:var(--font-display);position:absolute}.hero__plus--1{color:var(--accent);opacity:.35;font-size:44px;animation:7s ease-in-out infinite floatY2;top:16%;left:8%}.hero__plus--2{color:var(--ink);opacity:.18;font-size:26px;animation:9s ease-in-out infinite floatY;top:64%;left:14%}.hero__plus--3{color:var(--ink);opacity:.16;font-size:30px;animation:8s ease-in-out .6s infinite floatY2;top:30%;right:10%}.hero__inner{z-index:1;flex-wrap:wrap;align-items:center;gap:clamp(36px,5vw,64px);width:100%;display:flex;position:relative}.hero__copy{flex:420px;min-width:min(100%,420px)}.hero__badge{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#ffffff80;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 14px;font-size:12px;display:inline-flex}.hero__badge-icon,.hero__assurance-check{color:var(--accent);flex-shrink:0}.hero__title{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(38px,8.2vw,74px);font-weight:800;line-height:.98}.hero__lede{max-width:34ch;color:var(--ink2);margin-top:22px;font-size:clamp(17px,2.4vw,21px)}.hero__lede .accent{font-weight:600}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero__actions .btn--accent{box-shadow:0 16px 30px -14px var(--accent)}.hero__actions .btn--accent:hover{box-shadow:0 22px 40px -14px var(--accent)}.hero__assurances{color:var(--ink2);flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:14px;display:flex}.hero__assurances>span{align-items:center;gap:6px;display:inline-flex}.hero__device{flex:300px;justify-content:center;min-width:min(100%,300px);display:flex}.phone{animation:6.5s ease-in-out infinite floatY;position:relative}.phone__glow{background:radial-gradient(circle at 50% 30%, color-mix(in oklch, var(--accent) 30%, transparent), transparent 60%);filter:blur(14px);z-index:0;border-radius:52px;position:absolute;inset:-18px}.phone__body{z-index:1;aspect-ratio:9/19.2;background:var(--ink);border-radius:44px;width:clamp(248px,74vw,300px);padding:11px;position:relative;box-shadow:0 50px 90px -34px #17181d8c,inset 0 0 0 2px #ffffff0f}.phone__screen{background:var(--paper);border-radius:34px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone__notch{background:var(--ink);z-index:3;border-radius:0 0 14px 14px;width:74px;height:20px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone__header{background:var(--ink);color:var(--paper);padding:16px 16px 12px}.phone__status-bar{font-family:var(--font-mono);opacity:.6;justify-content:space-between;margin-bottom:12px;font-size:10px;display:flex}.phone__title-row{align-items:center;gap:10px;display:flex}.phone__title{flex:1;min-width:0;line-height:1.2}.phone__class{font-family:var(--font-display);font-size:17px;font-weight:700}.phone__meta{font-family:var(--font-mono);opacity:.6;letter-spacing:.05em;font-size:9.5px}.phone__quick-action{background:#fbf8f31f;border-radius:9px;flex:none;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.phone__quick-check{color:#7fd6a8}.phone__tally{border-top:1px solid #fbf8f324;align-items:center;gap:11px;margin-top:12px;padding-top:11px;display:flex}.tally{align-items:baseline;gap:4px;display:flex}.tally__num{font-family:var(--font-display);font-size:19px;font-weight:800;line-height:1}.tally__num--lg{font-size:25px}.tally__num--absent{color:#ff8a6e}.tally__num--late{color:#f0b357}.tally__label{opacity:.7;font-size:10.5px}.phone__tally-divider{background:#fbf8f32e;width:1px;height:20px}.phone__roll{font-family:var(--font-mono);opacity:.65;margin-left:auto;font-size:9.5px}.phone__list{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex;overflow:hidden}.roster-row{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:9px;padding:8px 10px;display:flex}.phone__list .roster-row:last-child{opacity:.5}.roster-row__avatar{background:color-mix(in oklch, var(--accent) 20%, var(--paper2));width:32px;height:32px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.roster-row__id{flex:1;min-width:0}.roster-row__name{font-size:13px;font-weight:600;display:block}.roster-row__roll{font-family:var(--font-mono);color:var(--mock-muted);font-size:9px;display:block}.phone__footer{border-top:1px solid var(--line);padding:9px 10px 14px}.phone__submit{background:var(--accent);height:46px;color:var(--on-accent);box-shadow:0 12px 24px -12px var(--accent);border-radius:13px;justify-content:center;align-items:center;gap:8px;font-size:14.5px;font-weight:600;display:flex}.phone__submit-count{font-family:var(--font-mono);opacity:.85;font-size:11px}.pill{border-radius:999px;flex:none;align-items:center;gap:4px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.pill--present{background:color-mix(in oklch, var(--ok) 14%, var(--paper));color:var(--ok-ink)}.pill--absent{background:color-mix(in oklch, var(--bad) 13%, var(--paper));color:var(--bad-ink)}.pill--late{background:color-mix(in oklch, var(--warn) 16%, var(--paper));color:var(--warn-ink)}.marquee{border-block:1px solid var(--line);background:var(--paper2);padding:20px 0;overflow:hidden}.marquee__label{text-align:center;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);margin-bottom:14px;font-size:11px}.marquee__rail{width:max-content;animation:28s linear infinite marquee;display:flex}.marquee:hover .marquee__rail,.marquee:focus-within .marquee__rail{animation-play-state:paused}.marquee__track{font-family:var(--font-display);white-space:nowrap;gap:44px;padding-right:44px;font-size:clamp(20px,4vw,30px);font-weight:700;display:flex}.promise{background:var(--ink);color:var(--paper);padding:clamp(64px,10vw,120px) 20px;position:relative;overflow:clip}.promise__plus{color:var(--accent);opacity:.1;font-size:200px;font-family:var(--font-display);animation:40s linear infinite spin;position:absolute;top:-40px;right:4%}.promise__inner{max-width:1000px;margin:0 auto;position:relative}.promise .eyebrow{margin-bottom:26px}.promise__title{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,6vw,58px);font-weight:700;line-height:1.04}.promise__body{color:#fbf8f3b8;max-width:60ch;margin-top:26px;font-size:clamp(17px,2.4vw,21px)}.features__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(34px,5vw,56px);display:flex}.features__head-copy{max-width:600px}.features__head-note{max-width:34ch;color:var(--ink2);font-size:15px}.features__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}.feature-card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;gap:12px;min-height:210px;padding:26px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.feature-card:hover{border-color:var(--card-border-hover,var(--accent));transform:translateY(-6px);box-shadow:0 24px 40px -24px #17181d59}.feature-card__icon{background:color-mix(in oklch, var(--accent) 13%, #fff);width:42px;height:42px;color:var(--accent);border-radius:13px;flex:none;place-items:center;display:grid}.feature-card__num{font-family:var(--font-mono);color:var(--accent);font-size:13px;font-weight:600}.feature-card__title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:auto;font-size:22px;font-weight:700}.feature-card__body{color:var(--ink2);font-size:14.5px;line-height:1.5}.feature-card--accent{background:var(--accent);color:var(--on-accent);--card-border-hover:transparent;border-color:#0000}.feature-card--accent:hover{box-shadow:none;transform:none}.feature-card--accent .feature-card__num,.feature-card--accent .feature-card__body{color:inherit}.feature-card--accent .feature-card__icon{color:inherit;background:#17181d24}.feature-card--ink .feature-card__icon{background:#fbf8f321}.feature-card--tint .feature-card__icon{background:#fff}.feature-card--ink{background:var(--ink);color:var(--paper);--card-border-hover:transparent;border-color:#0000}.feature-card--ink:hover{box-shadow:0 24px 40px -24px #17181d80}.feature-card--ink .feature-card__body{color:#fbf8f3b3}.feature-card--tint{background:color-mix(in oklch, var(--accent) 14%, var(--paper));border-color:color-mix(in oklch, var(--accent) 28%, transparent);--card-border-hover:color-mix(in oklch, var(--accent) 28%, transparent)}.roles{background:var(--paper2)}.roles__head{text-align:center;max-width:720px;margin:0 auto clamp(34px,5vw,52px)}.roles__tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;display:flex}.role-tab{cursor:pointer;font-family:var(--font-sans);color:#17181db8;background:0 0;border:1px solid #17181d24;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .25s}.role-tab--on{border-color:var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:0 12px 24px -12px var(--accent)}.role-panel:not([hidden]){animation:.4s both fadeIn}.role-panel__card{border:1px solid var(--line);background:#fff;border-radius:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:center;gap:clamp(28px,4vw,56px);padding:clamp(24px,4vw,44px);display:grid}.role-panel__kicker{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);font-size:12px}.role-panel__title{font-family:var(--font-display);letter-spacing:-.02em;margin:8px 0 18px;font-size:clamp(26px,4vw,38px);font-weight:700}.role-panel__points{gap:12px;list-style:none;display:grid}.role-panel__points li{align-items:start;gap:12px;display:flex}.role-panel__bullet{font-weight:700}.role-panel__mock{justify-content:center;display:flex}.mock{background:var(--paper);border:1px solid var(--line);border-radius:22px;width:100%;max-width:340px;padding:15px 14px 16px;box-shadow:0 26px 50px -34px #17181d80}.mock--tight{padding:14px}.mock__section-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--mock-muted);margin:13px 0 8px;font-size:9px}.mock__section-label--flush{letter-spacing:.05em;margin:0 0 8px}.mock__school{align-items:center;gap:10px;margin-bottom:14px;display:flex}.mock__school-mark{background:var(--accent);width:34px;height:34px;color:var(--on-accent);font-family:var(--font-display);border-radius:10px;flex:none;place-items:center;font-size:20px;font-weight:800;display:grid}.mock__school-id{flex:1;min-width:0;line-height:1.2}.mock__school-name{font-family:var(--font-display);font-size:15px;font-weight:700;display:block}.mock__school-meta{font-family:var(--font-mono);color:var(--mock-muted);letter-spacing:.05em;font-size:9px;display:block}.mock__avatar{background:var(--ink);width:32px;height:32px;color:var(--paper);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.mock__stats{grid-template-columns:1fr 1fr;gap:9px;display:grid}.stat{border-radius:16px;padding:14px}.stat--accent{background:var(--accent);color:var(--on-accent)}.stat--ink{background:var(--ink);color:var(--paper)}.stat__value{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1}.stat__label{opacity:.9;margin-top:4px;font-size:11px}.mock__alerts{flex-direction:column;gap:8px;margin-top:10px;display:flex}.alert{border-radius:14px;align-items:center;gap:10px;padding:11px 12px;display:flex}.alert__icon{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.alert__chevron{flex:none}.alert__text{flex:1;min-width:0}.alert__title{font-size:13px;font-weight:600;display:block}.alert__sub{color:var(--ink2);font-size:11px;display:block}.alert--bad{background:color-mix(in oklch, var(--bad) 9%, #fff);border:1px solid color-mix(in oklch, var(--bad) 24%, transparent)}.alert--bad .alert__icon{background:color-mix(in oklch, var(--bad) 16%, #fff);font-family:var(--font-mono);font-size:15px;font-weight:600}.alert--bad .alert__icon,.alert--bad .alert__chevron{color:var(--bad-ink)}.alert--warn{background:color-mix(in oklch, var(--warn) 10%, #fff);border:1px solid color-mix(in oklch, var(--warn) 24%, transparent)}.alert--warn .alert__icon{background:color-mix(in oklch, var(--warn) 16%, #fff)}.alert--warn .alert__icon,.alert--warn .alert__chevron{color:var(--warn-ink)}.mock__greeting{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:800}.mock__subline{color:var(--ink2);margin:2px 0 13px;font-size:12.5px}.now-card{background:var(--accent);color:var(--on-accent);box-shadow:0 18px 34px -22px var(--accent);border-radius:18px;padding:16px;position:relative;overflow:hidden}.now-card__plus{font-family:var(--font-display);color:#fbf8f31a;font-size:120px;font-weight:800;line-height:1;position:absolute;top:-24px;right:-16px}.now-card__inner{position:relative}.now-card__meta{font-family:var(--font-mono);letter-spacing:.1em;opacity:.85;font-size:9.5px}.now-card__class{font-family:var(--font-display);letter-spacing:-.02em;margin-top:5px;font-size:25px;font-weight:800}.now-card__note{opacity:.9;margin-top:2px;font-size:12.5px}.now-card__cta{background:var(--paper);height:50px;color:var(--ink);border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:14px;font-size:15px;font-weight:700;display:flex}.mock__periods{flex-direction:column;gap:8px;display:flex}.period{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:11px;padding:10px 12px;display:flex}.period--upcoming{opacity:.72}.period__slot{font-family:var(--font-mono);width:26px;color:var(--mock-muted);flex:none;font-size:10.5px;font-weight:600}.period__slot--now{color:#5f2bc4}.period__body{flex:1}.period__title{font-size:13px;font-weight:600;display:block}.period__time{color:var(--mock-muted);font-size:11px;display:block}.period__state{color:var(--warn-ink);font-size:11px;font-weight:600}.mock__chips{gap:7px;margin-bottom:11px;display:flex}.chip{border:1px solid var(--line);color:var(--ink2);background:#fff;border-radius:999px;padding:7px 12px;font-size:11.5px;font-weight:600}.chip--on{background:var(--accent);color:var(--on-accent);border-color:#0000}.mock__results{flex-direction:column;gap:7px;display:flex}.result{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;padding:10px 12px;display:flex}.result__subject{flex:1;font-size:13px;font-weight:600}.result__marks{font-family:var(--font-mono);font-size:13.5px;font-weight:600}.result__total{color:var(--mock-muted);font-size:10.5px}.result__grade{text-align:right;width:32px;font-family:var(--font-mono);color:var(--ink2);font-size:11.5px;font-weight:600}.result__grade--good{color:var(--ok-ink)}.result-total{background:color-mix(in oklch, var(--accent) 10%, #fff);border:1px solid color-mix(in oklch, var(--accent) 22%, transparent);border-radius:13px;align-items:center;gap:10px;margin-top:10px;padding:12px;display:flex}.result-total__body{flex:1}.result-total__label{font-family:var(--font-mono);letter-spacing:.05em;color:var(--mock-muted);font-size:8.5px;display:block}.result-total__value{font-family:var(--font-mono);color:var(--accent);font-size:15px;font-weight:600;display:block}.result-total__of{color:var(--mock-muted);font-size:11.5px}.result-total__passed{color:var(--ok-ink);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.mock__ward{align-items:center;gap:9px;margin-bottom:13px;display:flex}.mock__ward-avatar{background:color-mix(in oklch, var(--accent) 16%, #fff);width:32px;height:32px;color:var(--accent);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.mock__ward-id{flex:1;min-width:0;line-height:1.2}.mock__ward-name{font-family:var(--font-display);font-size:14.5px;font-weight:700;display:block}.mock__ward-class{font-family:var(--font-mono);color:var(--mock-muted);font-size:9px;display:block}.mock__bell{background:var(--paper2);border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid;position:relative}.mock__bell-count{background:var(--accent);min-width:15px;height:15px;color:var(--on-accent);font-size:8.5px;font-weight:700;font-family:var(--font-mono);border:1.5px solid var(--paper);border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-3px;right:-3px}.present-banner{border:1px solid color-mix(in oklch, var(--ok) 26%, transparent);background:color-mix(in oklch, var(--ok) 10%, #fff);border-radius:17px;align-items:center;gap:11px;padding:14px;display:flex}.present-banner__icon{background:color-mix(in oklch, var(--ok) 16%, #fff);width:38px;height:38px;color:var(--ok-ink);border-radius:12px;flex:none;place-items:center;display:grid}.present-banner__text{flex:1}.present-banner__title{font-family:var(--font-display);color:var(--ok-ink);font-size:15.5px;font-weight:700;line-height:1.2;display:block}.present-banner__sub{color:#4a6a58;margin-top:3px;font-size:12px;display:block}.glance{grid-template-columns:1fr 1fr;gap:8px;display:grid}.glance__tile{border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px}.glance__head{color:var(--accent);align-items:center;gap:6px;margin-bottom:6px;display:flex}.glance__label{font-family:var(--font-mono);color:var(--mock-muted);font-size:8.5px}.glance__rupee{font-family:var(--font-mono);font-size:14px;font-weight:600}.glance__value{font-size:13px;font-weight:600}.glance__value--due{color:var(--warn-ink)}.glance__note{color:var(--mock-muted);font-size:11px}.trust__head{max-width:640px;margin-bottom:clamp(34px,5vw,52px)}.trust__grid,.how__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.trust-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px}.trust-card__icon svg{width:30px;height:30px}.trust-card__icon{color:var(--accent);margin-bottom:12px;line-height:0}.trust-card__title{font-family:var(--font-display);margin-bottom:6px;font-size:19px;font-weight:700}.trust-card__inline-heart,.footer__heart{color:var(--accent);vertical-align:-.15em;display:inline}.trust-card__body{color:var(--ink2);font-size:14px}.trust-card--dark{background:var(--ink);color:var(--paper);border-color:#0000}.trust-card--dark .trust-card__body{color:#fbf8f3b3}.how{background:var(--ink);color:var(--paper);position:relative;overflow:clip}.how__head{max-width:640px;margin-bottom:clamp(38px,5vw,60px)}.step{background:#fbf8f30d;border:1px solid #fbf8f31f;border-radius:22px;padding:30px}.step__num{font-family:var(--font-display);color:var(--accent);font-size:52px;font-weight:800;line-height:1}.step__title{font-family:var(--font-display);margin:14px 0 8px;font-size:23px;font-weight:700}.step__body{color:#fbf8f3b8;font-size:15px}.step--accent{background:var(--accent);color:var(--on-accent);border-color:#0000}.step--accent .step__num,.step--accent .step__body{color:inherit}.pricing{background:var(--paper2);position:relative;overflow:clip}.pricing__inner{position:relative}.pricing__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:clamp(28px,4vw,40px);display:flex}.pricing__head-copy{max-width:620px}.pricing__head-copy .accent{white-space:nowrap}.pricing__head-note{max-width:32ch;color:var(--ink2);font-size:15px}.ladder{background:var(--ink);color:var(--paper);border-radius:clamp(22px,3vw,30px);padding:clamp(22px,3.4vw,36px);position:relative;overflow:clip}.ladder__plus{font-family:var(--font-display);color:var(--accent);opacity:.12;font-size:220px;line-height:1;position:absolute;top:-60px;right:-10px}.ladder__inner{position:relative}.ladder__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px;display:flex}.ladder__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(22px,3.4vw,30px);font-weight:700}.ladder__meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#fbf8f380;font-size:11px}.ladder__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px;display:grid}.ladder-card{background:#fbf8f30f;border:1px solid #fbf8f324;border-radius:18px;flex-direction:column;gap:12px;padding:20px;transition:background .2s,transform .2s;display:flex}.ladder-card:hover{background:#fbf8f31f;transform:translateY(-3px)}.ladder-card__step{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fbf8f380;font-size:11px}.ladder-card__line{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.25}.ladder-card__foot{flex-wrap:wrap;align-items:baseline;gap:3px 7px;margin-top:auto;display:flex}.ladder-card__plan{font-size:15px;font-weight:600}.ladder-card__price{font-family:var(--font-mono);color:#fbf8f399;white-space:nowrap;font-size:12.5px}.ladder-card--accent{background:var(--accent);color:var(--on-accent);box-shadow:0 20px 38px -22px var(--accent);border-color:#0000}.ladder-card--accent:hover{background:var(--accent);transform:translateY(-3px)}.ladder-card--accent .ladder-card__step,.ladder-card--accent .ladder-card__price{color:inherit;opacity:.8}.plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));align-items:stretch;gap:16px;margin-top:16px;display:grid}.plan{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;gap:18px;padding:clamp(24px,3vw,30px);display:flex;position:relative;overflow:clip}.plan>:not(.plan__plus){position:relative}.plan__plus{font-family:var(--font-display);color:#fbf8f31f;font-size:180px;font-weight:800;line-height:1;position:absolute;bottom:-50px;right:-24px}.plan__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.plan__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;font-weight:700}.plan__badge{background:var(--paper2);color:var(--ink2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:5px 10px;font-size:10.5px}.plan__price{align-items:baseline;gap:6px;display:flex}.plan__amount{font-family:var(--font-display);letter-spacing:-.03em;font-size:46px;font-weight:800;line-height:1}.plan__per{color:var(--ink2);font-size:13.5px}.plan__note{color:var(--ink2);margin-top:12px;font-size:14.5px}.plan__rule{background:var(--line);height:1px}.plan__list{gap:11px;font-size:14.5px;list-style:none;display:grid}.plan__item{gap:10px;display:flex}.plan__item--strong{font-weight:600}.plan__item--muted{color:#8a8474}.plan__marker{color:var(--accent);font-weight:700}.plan__item--muted .plan__marker{color:inherit}.plan__cta{border:1.5px solid var(--ink);border-radius:14px;justify-content:center;align-items:center;height:52px;margin-top:auto;font-size:15.5px;font-weight:600;transition:background .2s,color .2s,transform .2s;display:flex}.plan__cta:hover{background:var(--ink);color:var(--paper)}.plan--accent{background:var(--accent);color:var(--on-accent);box-shadow:0 34px 60px -34px var(--accent);border-color:#0000}.plan--accent .plan__badge{background:var(--ink);color:var(--paper)}.plan--accent .plan__note,.plan--accent .plan__marker{color:inherit}.plan--accent .plan__per{color:inherit;opacity:.8}.plan--accent .plan__rule{background:#fbf8f340}.plan--accent .plan__cta{background:var(--ink);color:var(--paper);border-color:#0000}.plan--accent .plan__cta:hover{transform:translateY(-2px)}.plan--ink{background:var(--ink);color:var(--paper);border-color:#0000}.plan--ink .plan__badge{color:var(--paper);background:#fbf8f31f}.plan--ink .plan__per{color:#fbf8f3a6}.plan--ink .plan__note{color:#fbf8f3b8}.plan--ink .plan__cta{color:var(--paper);border-color:#fbf8f359}.plan--ink .plan__cta:hover{color:var(--paper);background:#fbf8f31f}.whitelabel{background:#fbf8f30f;border:1px solid #fbf8f324;border-radius:18px;align-items:center;gap:11px;padding:14px;display:flex}.whitelabel__logo{width:42px;height:42px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#fbf8f38c;border:1px dashed #fbf8f366;border-radius:12px;flex:none;place-items:center;font-size:8.5px;display:grid}.whitelabel__text{flex:1;min-width:0}.whitelabel__name{font-size:14px;font-weight:600;display:block}.whitelabel__cat{color:#fbf8f38c;font-size:11.5px;display:block}.whitelabel__install{background:var(--accent);color:var(--on-accent);border-radius:999px;flex:none;padding:7px 14px;font-size:12px;font-weight:600}.pricing__notes{color:var(--ink2);flex-wrap:wrap;gap:10px 26px;margin-top:20px;font-size:14px;display:flex}.pricing__note{align-items:center;gap:7px;display:inline-flex}.pricing__note-check{color:var(--accent);flex-shrink:0}.faq{max-width:820px;margin:0 auto}.faq__head{text-align:center;margin-bottom:clamp(34px,5vw,48px)}.faq__list{gap:10px;display:grid}.faq-item{border:1px solid var(--line);background:#fff;border-radius:16px;padding:4px 20px}.faq-item__q{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:18px;font-weight:700;list-style:none;display:flex}.faq-item__q::-webkit-details-marker{display:none}.faq-item__plus{color:var(--accent);flex:none;font-size:24px;line-height:1;transition:transform .25s}.faq-item[open] .faq-item__plus{transform:rotate(45deg)}.faq-item__a{color:var(--ink2);padding:0 0 18px;font-size:15px}.onboard{padding:clamp(20px,4vw,40px) 20px}.onboard__card{background:var(--accent);color:var(--on-accent);border-radius:clamp(24px,4vw,40px);padding:clamp(40px,7vw,88px) clamp(24px,5vw,72px);position:relative;overflow:clip}.onboard__plus{color:color-mix(in oklch, var(--on-accent) 12%, transparent);font-size:280px;font-family:var(--font-display);line-height:1;animation:8s ease-in-out infinite floatY;position:absolute;bottom:-70px;right:-20px}.onboard__copy{max-width:640px;position:relative}.onboard__title{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(32px,6.5vw,60px);font-weight:800;line-height:1}.onboard__title .accent{color:var(--on-accent)}.onboard__lede{max-width:44ch;margin-top:20px;font-size:clamp(17px,2.4vw,21px)}.onboard__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.footer{background:var(--ink);color:var(--paper);padding:clamp(48px,7vw,80px) 20px 40px}.footer__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:36px 24px;display:grid}.footer__brand{grid-column:1/-1;max-width:420px}.footer__blurb{color:#fbf8f3a6;font-size:15px}.footer__label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fbf8f380;margin-bottom:14px;font-size:11px}.footer__links{flex-direction:column;gap:9px;font-size:15px;display:flex}.footer__links a{transition:color .2s}.footer__links a:hover{color:var(--accent)}.footer__base{color:#fbf8f38c;border-top:1px solid #fbf8f31f;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block:44px 0;padding-top:24px;font-size:13px;display:flex}