:root{--bg: #f4f7fb;--surface: #ffffff;--surface-alt: #eef3f8;--surface-soft: rgba(255,255,255,.72);--text: #0f172a;--muted: #64748b;--line: #d9e2ec;--line-strong: #c5d1df;--sidebar: #121a27;--sidebar-soft: #182233;--sidebar-line: #233146;--green: #277b4b;--green-soft: #e3f5eb;--blue: #1887d8;--blue-soft: #e3f2ff;--gold: #f0a128;--gold-soft: #fff2da;--red: #e53935;--red-soft: #ffe7e6;--purple: #7b61ff;--purple-soft: #efeaff;--shadow: 0 18px 50px rgba(15, 23, 42, .08);--shadow-soft: 0 10px 30px rgba(15, 23, 42, .06);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(39,123,75,.08),transparent 24%),linear-gradient(180deg,#f7fafc,#f2f6fb)}body.mobile-menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}input,textarea,select{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:14px;padding:.95rem 1rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}input:focus,textarea:focus,select:focus{border-color:#277b4b99;box-shadow:0 0 0 4px #277b4b14}textarea{min-height:130px;resize:vertical}.button,.auth-button{border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.25rem;background:var(--green);color:#fff;font-weight:700;box-shadow:0 10px 24px #277b4b3d;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,background .18s ease}.button:hover,.auth-button:hover{transform:translateY(-1px);box-shadow:0 16px 28px #277b4b33}.button:active,.auth-button:active{transform:translateY(0)}.button[disabled],.auth-button[disabled]{opacity:.7;cursor:not-allowed}.button.button-ghost,.button.ghost{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:none}.button.button-secondary{background:#213042;box-shadow:none}.button.small{padding:.72rem .95rem;font-size:.92rem}.icon-button,.app-icon-button{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text);display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.icon-button:hover,.app-icon-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft);border-color:var(--line-strong)}.btn-spinner{width:1rem;height:1rem;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;animation:spin .8s linear infinite}.button.ghost .btn-spinner,.button.button-ghost .btn-spinner{border-color:#0f172a24}.marketing-shell,.workspace-content{width:min(1180px,calc(100vw - 48px));margin:0 auto}.mobile-only{display:none}.public-shell{min-height:100vh}.public-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffc;border-bottom:1px solid rgba(201,213,225,.8)}.public-header-bar{width:min(1280px,calc(100vw - 32px));margin:0 auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.public-brand{display:inline-flex;align-items:center;gap:.9rem;font-family:Space Grotesk,Inter,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.public-brand img,.workspace-logo-row img{width:30px;height:30px;object-fit:contain}.public-nav,.public-header-actions{display:flex;align-items:center;gap:1rem}.public-nav a{padding:.65rem .8rem;border-radius:999px;color:var(--muted);font-weight:600}.public-nav a.active,.public-nav a:hover{background:#edf4ff;color:var(--text)}.public-main{padding-top:1.5rem}.hero-shell{width:min(1280px,calc(100vw - 32px));margin:0 auto;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#151d2d,#1e2c3d 48%,#1f3446);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 70px #0f172a33;position:relative}.hero-shell:before,.hero-shell:after{content:"";position:absolute;border-radius:999px;filter:blur(70px);opacity:.35}.hero-shell:before{width:380px;height:380px;background:#1fa9682e;top:-120px;right:-80px}.hero-shell:after{width:300px;height:300px;background:#1887d824;bottom:-100px;left:-60px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .9fr;gap:2rem;padding:4.4rem}.hero-badge,.public-status-pill,.assist-badge,.copilot-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.56rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffc7;font-size:.84rem;font-weight:700}.public-status-pill{background:#277b4b14;color:var(--green);border-color:#277b4b1f}.hero-copy h1,.page-intro h1,.auth-title,.section-head h2{font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.05em}.hero-copy h1{font-size:clamp(3.2rem,8vw,5.5rem);line-height:.98;margin:1.4rem 0 1.2rem}.hero-copy h1 span{background:linear-gradient(90deg,#4ee188,#40bad9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:720px;color:#ffffffa8;font-size:1.18rem;line-height:1.7}.hero-actions,.page-actions,.auth-links,.surface-actions{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.hero-copy .hero-actions{margin-top:2rem}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.4rem}.hero-metric{padding:1rem 1.1rem;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.hero-metric strong{display:block;font-size:1.9rem;margin-bottom:.25rem}.hero-metric span{color:#ffffffa6;font-size:.92rem}.dashboard-preview{border-radius:26px;padding:1rem;background:linear-gradient(180deg,#ffffff1a,#ffffff08);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff14}.dashboard-preview-browser{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem .9rem}.browser-dot{width:9px;height:9px;border-radius:999px;background:#ffffff2e}.preview-content{border-radius:20px;background:#f5f8fcf5;padding:1.1rem;color:var(--text)}.preview-topline,.preview-chart,.preview-side-panel,.preview-kpi{border-radius:16px;background:#fff;border:1px solid #e5edf5}.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}.preview-kpi{min-height:88px}.preview-lower{display:grid;grid-template-columns:1.35fr .75fr;gap:.85rem}.preview-chart{min-height:250px;padding:1rem}.preview-chart-bars{height:180px;display:flex;align-items:end;gap:.65rem;padding-top:1rem}.preview-chart-bars span{flex:1;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#277b4beb,#1887d8b3);animation:rise .9s ease both}.preview-side-panel{min-height:250px;padding:1rem}.preview-side-panel div{height:54px;border-radius:14px;background:#eff4fa;margin-bottom:.75rem}.marketing-section{padding:5.5rem 0}.marketing-section-dark{color:#fff}.section-head{text-align:center;max-width:820px;margin:0 auto 2.6rem}.section-eyebrow,.page-eyebrow,.surface-eyebrow,.card-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--green);font-size:.78rem;font-weight:800;margin-bottom:1rem}.section-head h2,.page-intro h1{font-size:clamp(2.4rem,4vw,4rem);line-height:1.02;margin-bottom:1rem}.section-head p,.page-description,.surface-subtitle,.muted{color:var(--muted);line-height:1.7}.public-band{width:min(1280px,calc(100vw - 32px));margin:0 auto;border-radius:28px;padding:3.4rem 2rem;background:linear-gradient(135deg,#151d2d,#1f2e42);color:#fff;border:1px solid rgba(255,255,255,.08)}.public-band .section-head p,.public-band .section-eyebrow{color:#ffffffb8}.grid,.feature-grid,.suite-grid,.ai-grid,.testimonial-grid,.pricing-grid,.persona-grid,.story-layout,.dashboard-grid,.metrics,.ops-grid,.admin-grid,.student-grid,.dual-grid,.info-grid{display:grid;gap:1.25rem}.feature-grid,.suite-grid,.ai-grid,.testimonial-grid,.pricing-grid,.persona-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-layout,.ops-grid,.dual-grid{grid-template-columns:1.2fr .8fr}.dashboard-grid,.admin-grid,.student-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.metrics,.modern-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.surface-card,.card,.metric-card,.auth-form-card,.auth-intro-card,.comparison-card,.plan-notice,.metric-strip,.timeline-shell{background:var(--surface-soft);border:1px solid rgba(201,213,225,.92);border-radius:24px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.surface-card,.card,.auth-form-card,.auth-intro-card,.plan-notice{padding:1.45rem}.surface-card:hover,.card:hover,.metric-card:hover,.pricing-card:hover,.persona-card:hover,.quote-card:hover,.ai-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.metric-card{padding:1.35rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.metric-card h3{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em;margin:.5rem 0}.metric-label,.metric-meta,.metric-trend,.stat-meta,.stat-footnote{color:var(--muted)}.metric-trend{font-weight:700}.metric-trend.negative{color:var(--red)}.metric-icon-wrap{display:flex;justify-content:space-between}.metric-icon,.icon-badge,.feature-pill-icon,.empty-icon{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-alt);color:var(--green)}.metric-card-blue .metric-icon,.tone-blue,.status-pill.tone-blue{color:var(--blue)}.metric-card-gold .metric-icon,.tone-gold,.status-pill.tone-gold{color:var(--gold)}.metric-card-purple .metric-icon,.tone-purple,.status-pill.tone-purple{color:var(--purple)}.surface-head,.module-head-row,.page-intro,.auth-form-header,.modal-top,.workspace-topbar,.workspace-logo-row,.workspace-user-chip,.public-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.surface-head,.module-head-row{margin-bottom:1rem}.surface-head h3,.module-head-row h3,.auth-form-title,.modal-top h3{font-size:1.55rem;line-height:1.1;letter-spacing:-.03em}.surface-card.table-card,.table-wrap{overflow:hidden}.search-field{position:relative;display:flex;align-items:center}.search-field svg{position:absolute;left:14px;color:var(--muted)}.search-field input{padding-left:2.8rem}.status-pill,.tag,.data-pill,.plan-badge,.mini-status-tag{display:inline-flex;align-items:center;justify-content:center;padding:.34rem .72rem;border-radius:999px;font-size:.86rem;font-weight:700;border:1px solid transparent}.status-pill.tone-emerald,.data-pill,.plan-badge{background:var(--green-soft);color:var(--green);border-color:#277b4b29}.status-pill.tone-blue{background:var(--blue-soft);border-color:#1887d829}.status-pill.tone-gold{background:var(--gold-soft);border-color:#f0a1282e}.status-pill.tone-red{background:var(--red-soft);color:var(--red);border-color:#e5393526}.status-pill.tone-purple{background:var(--purple-soft);border-color:#7b61ff24}.status-pill.tone-slate{background:#eff4fa;color:#4f6480;border-color:#dae3ee}.class-pill-list,.detail-list,.comparison-table,.copilot-list,.timeline-list,.compact-list,.support-lane-list,.faq-list{display:grid;gap:.8rem}.detail-list{padding-left:1.05rem}.detail-list li{color:var(--muted);line-height:1.6}.comparison-table{gap:0}.comparison-row{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:center}.comparison-row:last-child{border-bottom:0}.comparison-head{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.pricing-card{position:relative;overflow:hidden}.pricing-card-featured{border-color:#277b4b42;box-shadow:0 20px 42px #277b4b29}.pricing-topline{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:.75rem}.plan-accent{width:48px;height:6px;border-radius:999px}.plan-accent-mint{background:linear-gradient(90deg,#39a86b,#66d59e)}.plan-accent-blue{background:linear-gradient(90deg,#1d7fd5,#60b7ff)}.plan-accent-gold{background:linear-gradient(90deg,#e4931f,#ffc35f)}.price{font-family:Space Grotesk,Inter,sans-serif;font-size:2.4rem;letter-spacing:-.04em;margin:.8rem 0}.price span{font-size:1rem;color:var(--muted)}.pricing-cta{margin-top:1.2rem;width:100%}.quote-card p{color:var(--muted);line-height:1.75}.quote-mark{color:var(--green);font-size:2.6rem;line-height:1}.quote-meta,.support-lane,.timeline-item,.compact-list-row,.toast,.workspace-secondary-link{display:flex;gap:.75rem}.quote-meta{flex-direction:column;margin-top:1.25rem}.support-lane,.timeline-item,.compact-list-row,.toast{align-items:flex-start}.timeline-dot,.copilot-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto;margin-top:.42rem;background:var(--green)}.copilot-surface{background:linear-gradient(180deg,#ffffffdb,#f1faf6db);border-color:#277b4b2e}.copilot-badge,.assist-badge{background:#277b4b14;color:var(--green);border-color:#277b4b1f}.copilot-item p,.timeline-item p,.compact-list-row span,.support-lane p,.faq-item p{color:var(--muted);line-height:1.6}.compact-list-row{justify-content:space-between;padding:.95rem 0;border-bottom:1px solid var(--line)}.compact-list-row:last-child{border-bottom:0}.compact-list-row>div{display:grid;gap:.25rem}.empty-state,.empty-lite{padding:2rem 1rem;display:grid;justify-items:center;gap:.65rem;text-align:center;color:var(--muted)}.auth-shell{width:min(1220px,calc(100vw - 32px));margin:2rem auto 5rem}.auth-card-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:1.3rem}.auth-intro-card{min-height:720px;padding:0;overflow:hidden;background:linear-gradient(135deg,#151d2d,#1f3044);color:#fff}.auth-hero-card{height:100%;padding:3rem;display:grid;align-content:start;gap:1.3rem}.auth-title{font-size:clamp(2.7rem,5vw,4.4rem);line-height:.98}.auth-subtitle,.auth-form-subtitle{color:#ffffffad;line-height:1.7}.auth-form-subtitle{color:var(--muted)}.auth-form-card{min-height:720px;display:grid;align-content:start}.auth-feature-list,.auth-form{display:grid;gap:1rem}.feature-item{display:grid;grid-template-columns:50px 1fr;gap:.9rem;padding:1rem;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.feature-icon{width:50px;height:50px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14}.form-group,.form-grid label{display:grid;gap:.45rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid .full{grid-column:1 / -1}.form-label{font-size:.92rem;color:var(--muted);font-weight:700}.error-message{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border-radius:16px;background:var(--red-soft);border:1px solid rgba(229,57,53,.14);color:var(--red)}.password-field{position:relative}.password-lock,.password-toggle{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.password-lock{left:6px}.password-lock svg,.password-toggle svg{width:18px;height:18px;fill:currentColor}.password-field .form-input{padding-left:2.9rem;padding-right:3rem}.password-toggle{right:6px;background:transparent;border:0}.workspace-shell{min-height:100vh;display:grid;grid-template-columns:268px 1fr}.workspace-sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);color:#fff;padding:1rem 1rem 1.2rem;display:grid;grid-template-rows:auto auto 1fr auto;gap:1rem;border-right:1px solid rgba(255,255,255,.05)}.workspace-brand,.workspace-sidebar-footer{border:1px solid rgba(255,255,255,.08);background:#ffffff05;border-radius:22px}.workspace-brand{padding:1rem}.workspace-logo-row strong{display:block;font-size:1.45rem;font-family:Space Grotesk,Inter,sans-serif}.workspace-logo-row span,.workspace-user-chip small{color:#ffffff85}.workspace-copilot-pill{display:inline-flex;align-items:center;gap:.6rem;padding:1rem;border-radius:16px;background:#1aba781f;color:#45d592;border:1px solid rgba(69,213,146,.2);font-weight:700}.workspace-nav{display:grid;align-content:start;gap:.35rem}.workspace-nav a,.workspace-secondary-link{min-height:46px;padding:.8rem .9rem;border-radius:16px;align-items:center;color:#ffffffad;font-weight:600}.workspace-nav a:hover,.workspace-secondary-link:hover{background:#ffffff0d;color:#fff}.workspace-nav a.active{background:#277b4b38;color:#33d382}.workspace-sidebar-footer{padding:.8rem}.workspace-secondary-link{display:flex;width:100%;background:transparent;border:0}.student-user-footer{gap:.65rem}.workspace-main{min-width:0}.workspace-topbar{position:sticky;top:0;z-index:30;min-height:74px;padding:0 1.25rem;border-bottom:1px solid rgba(201,213,225,.78);background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.workspace-topbar-url{flex:1;max-width:520px;height:44px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f7fafceb}.workspace-topbar-right,.workspace-user-chip{display:flex;align-items:center;gap:.75rem}.workspace-user-chip{padding:.45rem .65rem .45rem .45rem;border-radius:999px;border:1px solid var(--line);background:#fff}.workspace-user-chip span{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e6f0ff;color:var(--blue);font-weight:800}.workspace-user-chip strong{display:block}.workspace-user-chip small{color:var(--muted)}.workspace-user-chip-block{width:100%;border-color:#ffffff14;background:#ffffff08}.workspace-content{padding:1.7rem 0 2.5rem}.page-intro{margin-bottom:1.4rem}.page-description{max-width:760px}.admin-grid .span-8,.dashboard-grid .span-8,.student-grid .span-8{grid-column:span 8}.admin-grid .span-7,.dashboard-grid .span-7,.student-grid .span-7{grid-column:span 7}.admin-grid .span-6,.dashboard-grid .span-6,.student-grid .span-6{grid-column:span 6}.admin-grid .span-5,.dashboard-grid .span-5,.student-grid .span-5{grid-column:span 5}.admin-grid .span-4,.dashboard-grid .span-4,.student-grid .span-4{grid-column:span 4}.admin-grid .span-3,.dashboard-grid .span-3,.student-grid .span-3{grid-column:span 3}.admin-grid .span-12,.dashboard-grid .span-12,.student-grid .span-12{grid-column:1 / -1}.surface-chart,.chart-placeholder,.analytics-chart-placeholder{min-height:280px;border-radius:20px;border:1px dashed #dce6ef;background:linear-gradient(180deg,#fbfdff,#f3f7fb);padding:1rem}.analytics-chart-placeholder,.branch-bars,.student-bars{display:flex;align-items:end;gap:.75rem;height:220px}.analytics-chart-placeholder span,.branch-bars span,.student-bars span{flex:1;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#277b4bf2,#1887d8b3)}.table-wrap{overflow-x:auto;border-radius:20px;border:1px solid #dfe7ef}.data-table{width:100%;border-collapse:collapse;min-width:720px;background:#ffffffb3}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid #e4ebf2;vertical-align:top}.data-table thead th{background:#f6f9fc;color:#62738a;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.data-table tbody tr:hover{background:#eff5fbad}.table-avatar,.avatar-badge{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e8f1ec;color:var(--green);font-weight:800;margin-right:.8rem}.inline-person{display:flex;align-items:center;min-width:220px}.inline-person div{display:grid;gap:.15rem}.inline-person small{color:var(--muted)}.toolbar-row,.filter-row,.form-actions,.modal-actions,.row-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.toolbar-row{justify-content:space-between;margin-bottom:1rem}.filter-pack{display:flex;gap:.85rem;flex-wrap:wrap}.filter-select,.range-pill-group{min-width:160px}.range-pill-group{display:inline-flex;padding:.25rem;border-radius:14px;background:#eef3f7;gap:.2rem}.range-pill-group button{min-width:52px;padding:.62rem .8rem;border-radius:12px;border:0;background:transparent;color:var(--muted);font-weight:700}.range-pill-group button.active{background:#fff;color:var(--text);box-shadow:0 6px 18px #0f172a12}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080f1b8f;display:grid;place-items:center;z-index:80;padding:1rem}.modal-shell,.modal-card{width:min(560px,calc(100vw - 24px));background:#fffffff5;border:1px solid rgba(201,213,225,.96);border-radius:24px;box-shadow:0 28px 90px #080f1b4d;padding:1.5rem}.modal-top{margin-bottom:1rem}.toast-viewport{position:fixed;right:18px;bottom:18px;z-index:120;width:min(360px,calc(100vw - 24px));display:grid;gap:.7rem}.toast{justify-content:space-between;padding:1rem;border-radius:18px;background:#121a27f0;color:#fff;box-shadow:0 20px 40px #0f172a3d}.toast p{color:#ffffffb3;margin-top:.25rem}.toast-success{border-left:4px solid #33d382}.toast-error{border-left:4px solid #ff6b6b}.toast-info{border-left:4px solid #60b7ff}.toast-close{border:0;background:transparent;color:#ffffffb3;font-size:1.15rem}.public-footer{background:#141b29;color:#ffffffb8;margin-top:4rem}.public-footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:2rem;padding:3rem 0 2rem}.public-brand-footer span,.public-footer h4{color:#fff}.public-footer-brand p,.public-footer-links a,.public-footer-bottom span{color:#fff9;line-height:1.7}.public-footer-links{display:grid;gap:.75rem;margin-top:1rem}.public-footer-links a:hover{color:#fff}.public-footer-bottom{padding:1rem 0 2rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.08)}.public-drawer-backdrop,.workspace-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080f1b75;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:50}.public-drawer-backdrop.open,.workspace-backdrop.open{opacity:1;pointer-events:auto}.public-drawer{position:fixed;top:0;right:0;height:100vh;width:min(360px,100vw);background:#fff;transform:translate(100%);transition:transform .22s ease;z-index:60;padding:1rem;display:grid;grid-template-rows:auto 1fr auto;gap:1rem;border-left:1px solid var(--line)}.public-drawer.open{transform:translate(0)}.public-drawer-nav,.public-drawer-actions{display:grid;gap:.65rem}.public-drawer-nav a{padding:.9rem 1rem;border-radius:16px;background:#f5f8fc;font-weight:700}.note-card,.sidebar-summary-card,.workspace-summary{padding:1rem;border-radius:18px;background:#f5f8fc;color:var(--muted)}.note-card strong{color:var(--text)}.public-mini-hero{width:min(1280px,calc(100vw - 32px));margin:0 auto}.public-mini-hero .public-band{margin-bottom:2rem}.student-dashboard-shell .surface-card,.student-dashboard-shell .metric-card,.student-workspace .workspace-sidebar{transition:transform .18s ease,box-shadow .18s ease}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.feature-grid,.suite-grid,.ai-grid,.testimonial-grid,.pricing-grid,.persona-grid,.metrics,.modern-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid,.story-layout,.ops-grid,.dual-grid,.auth-card-wrap,.public-footer-grid{grid-template-columns:1fr}.admin-grid .span-8,.admin-grid .span-7,.admin-grid .span-6,.admin-grid .span-5,.admin-grid .span-4,.admin-grid .span-3,.dashboard-grid .span-8,.dashboard-grid .span-7,.dashboard-grid .span-6,.dashboard-grid .span-5,.dashboard-grid .span-4,.dashboard-grid .span-3,.student-grid .span-8,.student-grid .span-7,.student-grid .span-6,.student-grid .span-5,.student-grid .span-4,.student-grid .span-3{grid-column:span 12}}@media (max-width: 980px){.desktop-only{display:none!important}.mobile-only{display:inline-flex}.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{position:fixed;top:0;left:0;width:min(290px,84vw);transform:translate(-100%);transition:transform .22s ease;z-index:70}.workspace-open .workspace-sidebar{transform:translate(0)}.workspace-content,.marketing-shell{width:min(100vw - 24px,1180px)}.hero-shell,.public-band,.public-mini-hero{width:min(100vw - 24px,1280px)}.hero-grid{padding:2rem}.public-header-bar{width:min(100vw - 24px,1280px)}.workspace-topbar{padding-inline:.8rem}}@media (max-width: 720px){.feature-grid,.suite-grid,.ai-grid,.testimonial-grid,.pricing-grid,.persona-grid,.metrics,.modern-metrics,.form-grid{grid-template-columns:1fr}.hero-copy h1,.page-intro h1,.section-head h2,.auth-title{font-size:2.35rem}.hero-metrics,.preview-grid,.preview-lower,.public-footer-bottom,.surface-head,.page-intro,.workspace-topbar,.toolbar-row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.hero-grid,.auth-hero-card,.auth-form-card,.surface-card,.card,.metric-card{padding:1.1rem}.workspace-topbar-url{max-width:none;width:100%}.comparison-row{grid-template-columns:1.6fr repeat(3,minmax(0,1fr));font-size:.88rem}}
