/* AndraFlow 1.0 – standalone, no frontend dependencies */
:root{--navy:#112a49;--navy-2:#0b2240;--blue:#146fdf;--blue-2:#0d5fd0;--mint:#159f82;--teal:#27baa1;--soft:#f5faff;--page:#fff;--muted:#65768d;--text:#162e4b;--border:#e4ecf6;--card:#fff;--shadow:0 24px 62px rgba(28,73,126,.10);--radius:22px;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,"Segoe UI",Aptos,system-ui,-apple-system,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}img{display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.037em}h1{line-height:1.12}h2{font-size:clamp(2rem,3.7vw,3.55rem);line-height:1.18;margin:15px 0 18px;font-weight:800}h2 span{color:var(--blue)}p{line-height:1.76}.container{width:min(1200px,calc(100% - 52px));margin-inline:auto}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.skip-link{position:fixed;z-index:1000;top:-100px;left:16px;background:var(--blue);color:#fff;border-radius:6px;padding:12px 18px}.skip-link:focus{top:16px}:focus-visible{outline:3px solid #ffa94d;outline-offset:3px}
/* Navigation */
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(219,231,244,.7);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:210px;height:auto}.primary-nav{display:flex;align-items:center;gap:27px;margin-left:auto}.primary-nav a{font-size:13.5px;font-weight:650;white-space:nowrap;color:#344660;transition:color .2s}.primary-nav a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:12px;padding:12px 19px;white-space:nowrap;min-height:44px;font-weight:720;font-size:13.5px;line-height:1.3;transition:transform .25s var(--ease),background .25s,box-shadow .25s,color .25s}.btn:hover{transform:translateY(-2px)}.btn .icon{width:17px;height:17px}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(20,111,223,.19)}.btn-primary:hover{background:#075fcb;box-shadow:0 13px 30px rgba(20,111,223,.29)}.btn-outline{background:#fff;border-color:#c9dbef;color:#1b426f}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.btn-lg{min-height:55px;padding:16px 23px;font-size:14px}.btn-light{background:#fff;color:#0d5fd0;font-weight:800}.btn-light:hover{background:#e8f3ff}.btn-block{width:100%}.menu-button{display:none;width:43px;height:43px;align-items:center;justify-content:center;color:var(--navy);background:#f0f6fc;border:1px solid var(--border);border-radius:12px}.menu-button .close-icon{display:none}.menu-button[aria-expanded=true] .menu-icon{display:none}.menu-button[aria-expanded=true] .close-icon{display:block}
/* Hero */
.hero{position:relative;background:linear-gradient(124deg,#fff 8%,#f1f9ff 62%,#eefaf6 108%);overflow:hidden;padding-top:86px}.hero::before{content:"";position:absolute;inset:auto -15% -38% -15%;height:300px;background:radial-gradient(ellipse,#daecff99,transparent 67%);pointer-events:none}.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}.glow-a{width:490px;height:490px;right:-200px;top:15px;background:radial-gradient(circle,#b7e7e4bb,transparent 68%)}.glow-b{width:320px;height:320px;left:-250px;top:25px;background:radial-gradient(circle,#c8e9ff,transparent 70%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;position:relative;padding-bottom:92px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#1d597a;font-weight:750;font-size:11.5px;letter-spacing:.014em;background:#e1f6f0;border:1px solid #c5e9e4;padding:10px 13px;border-radius:100px}.eyebrow-dot{height:7px;width:7px;border-radius:100%;background:#17a987;box-shadow:0 0 0 4px #17a98722}.hero h1{font-size:clamp(3.5rem,5.65vw,6rem);margin:24px 0 19px;color:var(--navy);font-weight:840;letter-spacing:-.064em}.hero h1 span{color:#0c6bd8}.hero-lead{font-size:17px;color:#61738b;line-height:1.78;max-width:530px;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:23px;flex-wrap:wrap;margin-top:29px}.hero-proof span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:650;color:#3b5470}.hero-proof .icon{width:16px;height:16px;color:#12a181;stroke-width:3}.hero-product{min-width:0;position:relative;filter:drop-shadow(0 30px 40px rgba(35,72,111,.12))}.product-glow{position:absolute;inset:-17% -8% -9% -7%;background:radial-gradient(ellipse,#b8e7ffb8,transparent 60%);z-index:-1}.window-shell{position:relative;width:100%;border:1px solid rgba(107,149,194,.34);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 78px rgba(15,61,115,.19),0 5px 15px rgba(15,61,115,.09);transform:rotate(-1deg)}.window-top{height:35px;display:flex;align-items:center;gap:14px;background:#f8fbff;border-bottom:1px solid #e6edf5;padding:0 14px;color:#7c8ca3;font-size:9.5px;font-weight:650}.window-top .icon{width:13px;height:13px;margin-left:auto}.traffic,.dots{display:flex;gap:4px}.traffic i,.dots i{display:block;width:7px;height:7px;border-radius:50%;background:#ffbfb6}.traffic i:nth-child(2),.dots i:nth-child(2){background:#ffdb93}.traffic i:nth-child(3),.dots i:nth-child(3){background:#8ce0c0}.app-ui{display:grid;grid-template-columns:133px minmax(0,1fr);min-height:353px}.app-side{background:#102a49;padding:15px 8px;display:flex;flex-direction:column;gap:5px}.mini-brand{display:flex;align-items:center;gap:6px;margin:0 0 21px 4px;color:#fff;font-weight:850;letter-spacing:-.04em;font-size:13px}.mini-brand img{width:25px;height:25px}.mini-brand span span{color:#5ce3b7}.mini-nav{display:flex;align-items:center;gap:9px;color:#a9c0da;font-size:10.5px;font-weight:620;padding:9px 8px;border-radius:7px}.mini-nav .icon{width:15px;height:15px}.mini-nav.active{background:#176fe0;color:#fff}.app-content{padding:22px 21px 18px;background:#f6f9fd;min-width:0}.app-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.app-top strong{font-size:15px;display:block;color:#172b44}.app-top span{display:block;color:#9aa8b9;font-size:10px;margin-top:4px}.app-top .wave{display:inline;color:#20a98a;font-size:14px}.avatar{width:27px;height:27px;display:grid;place-items:center;background:#d9eefe;color:#1771c4;border-radius:50%;font-size:10px;font-weight:750}.app-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.app-stat{background:#fff;border:1px solid #e9f0f6;border-radius:10px;padding:11px 10px;min-width:0}.stat-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;margin-bottom:7px}.stat-icon .icon{width:14px;height:14px}.stat-icon.blue{background:#e9f3ff;color:#1b79e5}.stat-icon.teal{background:#e2f8ef;color:#149d7f}.stat-icon.purple{background:#f2ebff;color:#9062dc}.app-stat strong{display:block;font-size:18px;color:#263854;line-height:1.1}.app-stat>span{display:block;font-size:9.5px;color:#8b9ab0;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-lower{display:grid;grid-template-columns:1.1fr 1fr;gap:9px;margin-top:10px}.app-panel{min-width:0;background:white;border:1px solid #e8eef7;border-radius:10px;padding:12px 10px 9px}.app-panel-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:12px}.app-panel-head strong{font-size:11px}.app-panel-head span{font-size:9px;color:#8ca1b8}.time-item{display:flex;align-items:center;gap:7px;padding:8px 0;border-top:1px solid #f1f4f7}.time-item b{font-size:9.5px;color:#2178d5}.time-item div{min-width:0;flex:1}.time-item strong,.alert-mini strong{display:block;font-size:9.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-item small,.alert-mini small{display:block;font-size:8px;color:#97a6b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.time-item i{width:6px;height:6px;border-radius:50%;background:#32c8a5}.alert-mini{display:flex;align-items:flex-start;gap:7px;padding:8px 0;border-top:1px solid #f1f4f7;min-width:0}.alert-mini>div{min-width:0}.alert-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:none}.alert-icon .icon{width:13px;height:13px}.alert-icon.green{background:#e6f9ee;color:#10a67b}.alert-icon.orange{background:#fff2e5;color:#ef985a}.alert-icon.blue{background:#e8f3ff;color:#2682e0}.float-card{position:absolute;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e5edf4;border-radius:12px;padding:11px 12px;box-shadow:0 13px 30px rgba(15,60,97,.12);z-index:3}.float-card strong{font-size:10.5px;display:block;white-space:nowrap}.float-card small{font-size:9px;color:#8291a7;display:block;margin-top:2px;white-space:nowrap}.float-icon{width:29px;height:29px;border-radius:9px;background:#dcf9ef;display:grid;place-items:center;color:#0aa17d}.float-icon.blue{background:#e1efff;color:#1772dc}.float-icon .icon{width:16px;height:16px}.float-doc{left:-42px;bottom:76px;transform:rotate(2deg)}.float-cal{right:-24px;top:63px;transform:rotate(3deg)}.demo-disclaimer{position:absolute;bottom:-24px;right:15px;color:#8c9cb0;font-size:10px}.confidence-row{position:relative;display:flex;align-items:center;justify-content:center;gap:38px;padding:21px 0 23px;color:#657e97;border-top:1px solid #dfebf6;font-size:12px;font-weight:680}.confidence-row i{width:4px;height:4px;border-radius:50%;background:#2fc1a2}
/* Shared sections */
.section{padding:108px 0}.section-header{max-width:660px;margin-bottom:44px}.section-header.centered{text-align:center;margin-inline:auto;max-width:750px}.section-header p{font-size:16px;color:var(--muted);margin:0}.kicker{font-size:11px;letter-spacing:.16em;font-weight:850;color:var(--blue);text-transform:uppercase}.intro-section{background:#fff;padding-top:115px;padding-bottom:110px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit-card{border:1px solid var(--border);border-radius:21px;background:#fff;padding:30px 29px 26px;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 27px rgba(27,78,138,.035)}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.benefit-icon{display:grid;place-items:center;height:52px;width:52px;border-radius:16px;margin-bottom:24px}.benefit-icon .icon{width:25px;height:25px}.cyan{background:#e5f3ff;color:#1678df}.mint{background:#e6faf0;color:#139e7d}.lilac{background:#f0ecff;color:#8d65d4}.benefit-card h3{font-size:19px;margin-bottom:10px}.benefit-card p{color:var(--muted);font-size:14px;margin-bottom:0;line-height:1.76}
/* Features */
.features-section{background:#f6faff;border-top:1px solid #eef4fa;border-bottom:1px solid #edf3fa}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{background:#fff;border:1px solid #e6eef7;border-radius:20px;padding:29px 27px;min-height:244px;display:flex;flex-direction:column;box-shadow:0 9px 27px rgba(20,73,133,.035);transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(26,73,120,.1)}.feature-icon{height:52px;width:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:21px}.feature-icon .icon{height:25px;width:25px}.f-blue{background:#e4f1ff;color:#1476df}.f-green{background:#e2f8ed;color:#10a47c}.f-purple{background:#f1ebff;color:#8d65d7}.f-amber{background:#fff2df;color:#db9331}.f-cyan{background:#e6f8fb;color:#1b9fbb}.f-pink{background:#ffeaf1;color:#d76b95}.feature-card h3{font-size:19px;margin-bottom:10px}.feature-card p{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:18px}.feature-tag{margin-top:auto;align-self:start;font-size:10px;font-weight:800;letter-spacing:.015em;color:#3b79b3;background:#edf6ff;padding:7px 10px;border-radius:8px}
/* Portal showcase */
.showcase-section{padding-bottom:95px}.portal-switch{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 auto 27px;flex-wrap:wrap}.portal-tab{border:1px solid #e4edf7;background:#f6faff;color:#647b94;padding:13px 20px;display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:760;border-radius:11px;transition:background .2s,color .2s,border-color .2s}.portal-tab .icon{width:17px;height:17px}.portal-tab:hover{color:var(--blue)}.portal-tab.is-active{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 8px 18px #136cda24}.portal-stage{background:linear-gradient(110deg,#f8fbff,#eef8ff);border:1px solid #e0ecf7;border-radius:27px;min-height:454px;box-shadow:0 16px 55px rgba(26,76,137,.065);overflow:hidden}.portal-panel{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:38px;padding:48px;min-height:454px}.portal-panel[hidden]{display:none}.portal-copy{max-width:388px}.small-label{color:#1470de;letter-spacing:.09em;font-weight:850;font-size:10px;margin-bottom:16px}.portal-copy h3{font-size:clamp(1.7rem,2.9vw,2.45rem);line-height:1.18;margin-bottom:16px;color:#142e4e}.portal-copy>p{font-size:14.5px;color:#66788e;margin-bottom:21px}.tick-list{padding:0;list-style:none;margin:0 0 26px}.tick-list li{position:relative;padding-left:27px;margin:12px 0;color:#45627e;font-size:13.5px;line-height:1.5}.tick-list li:before{content:"✓";position:absolute;left:0;top:1px;font-size:10px;font-weight:900;color:#099f7f;background:#def7ed;border-radius:50%;height:18px;width:18px;display:grid;place-items:center}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:800}.text-link .icon{width:16px;height:16px;transition:transform .2s}.text-link:hover .icon{transform:translateX(4px)}.portal-visual{min-width:0}.example-browser{background:#fff;border:1px solid #dae5f2;border-radius:16px;box-shadow:0 20px 45px rgba(40,80,120,.12);overflow:hidden;transform:rotate(1deg)}.browser-title{height:37px;background:#fff;border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:12px;padding:0 14px}.browser-title b{font-size:10px;color:#71839b}.browser-title .dots i{height:7px;width:7px}.example-inner{padding:24px;background:#fbfdff;min-height:304px}.ex-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:17px}.ex-heading strong{font-size:16px}.ex-heading>span{font-size:10px;color:#7396bd;background:#e7f3ff;border-radius:6px;padding:6px 10px}.ex-search{display:flex;align-items:center;gap:8px;color:#91a2b6;border:1px solid #e6edf5;border-radius:8px;padding:9px 11px;font-size:10px;margin-bottom:13px;background:#fff}.ex-search .icon{width:13px;height:13px}.ex-table{border:1px solid #e8eef5;border-radius:8px;overflow:hidden;background:#fff}.ex-row{display:grid;grid-template-columns:1.2fr 1.1fr .65fr;align-items:center;gap:9px;min-height:39px;padding:7px 10px;border-bottom:1px solid #eff3f7;font-size:10px;color:#5b6e84}.ex-row:last-child{border-bottom:0}.ex-row>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-row>span:first-child{display:flex;align-items:center;gap:8px}.ex-row-head{min-height:28px;background:#f8fafc;color:#a0adbc;font-weight:750;font-size:9px}.circle-avatar{font-size:8px;display:grid;place-items:center;height:22px;width:22px;flex:none;border-radius:7px;font-weight:800}.blue-a{background:#dcefff;color:#1780d6}.teal-a{background:#dcf8ef;color:#13a080}.lilac-a{background:#f1eaff;color:#936cd7}.orange-a{background:#fff1df;color:#d38c37}.pill{font-style:normal;display:inline-flex;padding:4px 7px;font-weight:800;font-size:9px;border-radius:5px}.pill.green{color:#139b77;background:#def8ed}.pill.orange{color:#c48630;background:#fff2e0}.teacher-card{display:flex;align-items:center;gap:12px;border:1px solid #e9f0f7;background:#fff;border-radius:11px;padding:13px;margin-bottom:10px}.teacher-date{display:grid;place-items:center;border-radius:8px;background:#e9f3ff;color:#1d7bdd;width:47px;height:46px;flex:none}.teacher-date strong{font-size:20px;line-height:1}.teacher-date small{font-weight:750;font-size:8px}.teacher-date.teal-date{background:#e2f8f0;color:#159c80}.teacher-card>div{display:flex;flex-direction:column;gap:4px;min-width:0}.teacher-card>div strong{font-size:12px}.teacher-card>div span{font-size:9.5px;color:#899cb0}.small-status{font-size:9px;color:#5586bd;background:#edf5fc;border-radius:6px;padding:5px 7px;margin-left:auto;white-space:nowrap}.teacher-check{display:flex;gap:12px;border:1px dashed #97d5c0;background:#edf9f4;border-radius:11px;padding:15px;margin-top:20px}.teacher-check .icon{width:19px;height:19px;background:#0ea47b;color:#fff;padding:3px;border-radius:50%}.teacher-check strong{font-size:12px}.teacher-check p{font-size:10.5px;color:#668479;margin:4px 0 0}.student-hero{display:flex;align-items:center;gap:11px;padding:17px;background:linear-gradient(120deg,#e6f2ff,#e7f9f1);border-radius:11px}.student-hero-icon{width:44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#1576d8}.student-hero-icon .icon{width:25px;height:25px}.student-hero>div{display:flex;flex:1;flex-direction:column;gap:3px}.student-hero strong{font-size:13px}.student-hero small{font-size:10px;color:#7c92a9}.student-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.student-tiles>div{border:1px solid #e6edf4;border-radius:10px;padding:15px 12px;background:#fff;display:flex;flex-direction:column;gap:7px}.student-tiles .icon{color:#1875d5}.student-tiles strong{font-size:11px}.student-tiles small{font-size:9px;color:#8c9db1}.student-note{margin-top:17px;padding:11px 13px;background:#f0f7fe;border-radius:9px;display:flex;align-items:center;gap:8px;font-size:10px;color:#5f7b99}.student-note .icon{height:16px;width:16px;color:#247cdb}.visual-note{text-align:center;color:#95a3b2;font-size:11px;margin:15px 0 0}
/* Journey */
.journey-section{background:#f6faff;padding:100px 0}.journey-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;position:relative;margin-top:52px}.journey-line:before{content:"";position:absolute;left:10%;right:10%;top:31px;border-top:2px dashed #bcd9f2}.journey-step{text-align:center;position:relative;display:flex;align-items:center;flex-direction:column;gap:8px}.journey-step>span{width:63px;height:63px;border:2px solid #d8e9f9;border-radius:50%;background:#fff;display:grid;place-items:center;position:relative;z-index:1;color:#176ed0;font-weight:850;font-size:17px;box-shadow:0 12px 26px #1c76b611}.journey-step>.icon{margin-top:13px;height:25px;width:25px;color:#2a8ce1}.journey-step strong{font-size:13px}.journey-step small{font-size:11px;color:#8091a8}
/* Record section */
.records-section{background:linear-gradient(122deg,#0d2849,#102d51 65%,#123b59);color:#fff;position:relative;overflow:hidden;padding-top:113px;padding-bottom:72px}.records-section:after{content:"";height:450px;width:450px;border-radius:50%;position:absolute;right:-150px;top:-150px;background:radial-gradient(circle,#2771a855,transparent 66%);pointer-events:none}.records-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}.records-copy .kicker{color:#63dbc3}.records-copy h2{font-size:clamp(2.05rem,3.8vw,3.75rem);line-height:1.17}.records-copy h2 span{color:#60ddc0}.records-copy>p{font-size:15.5px;color:#bad0e5;max-width:530px}.records-copy .tick-list li{color:#d3e1ef;font-size:14px}.records-copy .tick-list li:before{background:#155e62;color:#81e8c2}.records-copy .btn{margin-top:3px}.records-visual{position:relative}.records-document{background:#fff;border-radius:20px;color:#223953;border:1px solid #dce6f2;box-shadow:0 25px 70px #001a346e;padding:24px;transform:rotate(2deg)}.record-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf3;padding-bottom:16px;gap:8px}.record-head>div{display:flex;flex-direction:column;gap:7px}.record-head span{font-size:10px;color:#8d9baf}.record-head strong{font-size:18px}.record-stamp{display:inline-flex;align-items:center;gap:5px;padding:8px;border-radius:8px;color:#189679!important;background:#e7f8f1;font-size:9px!important;font-weight:800;white-space:nowrap}.record-stamp .icon{height:14px;width:14px}.record-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;padding:20px 0;border-bottom:1px solid #e9eef4}.record-fields div{display:flex;flex-direction:column;gap:5px}.record-fields small{color:#96a5b6;font-size:10px}.record-fields strong{font-size:11px}.record-attendance{padding-top:17px}.record-attendance>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.record-attendance>div:first-child strong{font-size:13px}.record-attendance>div:first-child span{font-size:10px;color:#a4b1c0}.attendance-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #f0f3f7;font-size:11px}.attendance-row em{font-style:normal;background:#e6f8ef;color:#168e71;border-radius:6px;font-size:9px;font-weight:750;padding:6px 10px}.attendance-row em.absent{background:#fff2e6;color:#c98a3b}.record-footer{margin-top:17px;display:flex;align-items:center;gap:7px;color:#238e77;font-size:10px;font-weight:750}.record-footer .icon{width:15px;height:15px}.legal-note{position:relative;z-index:1;margin-top:56px;padding:21px 24px;border:1px solid #2a4c70;background:#ffffff0b;border-radius:15px;display:flex;gap:14px;align-items:flex-start}.legal-note>.icon{height:23px;width:23px;flex:none;color:#63ddc3}.legal-note p{font-size:12.5px;color:#bdd0e4;margin:0}.legal-note strong{color:#fff}.legal-note a{color:#94e6d3;text-decoration:underline;text-underline-offset:3px}
/* Roles */
.audiences-section{background:#fff}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.audience-card{padding:26px 22px 23px;background:#fff;border:1px solid #e6eef7;border-radius:18px;transition:transform .25s,box-shadow .25s}.audience-card:hover{transform:translateY(-4px);box-shadow:0 15px 38px #27476814}.audience-icon{display:grid;place-items:center;height:49px;width:49px;border:1px solid #d9eafb;color:#1b75d8;background:#f0f8ff;border-radius:14px;margin-bottom:22px}.audience-icon .icon{width:23px;height:23px}.audience-icon .fallback-icon{display:none}.audience-card h3{font-size:16px;margin-bottom:10px;letter-spacing:-.025em}.audience-card p{font-size:13px;line-height:1.75;color:#6c8096;margin:0}
/* Launch */
.launch-section{padding-top:10px;padding-bottom:105px}.launch-box{background:linear-gradient(125deg,#eef7ff,#edf8f5);border:1px solid #dcebf1;border-radius:24px;padding:54px;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.launch-box h2{font-size:clamp(1.7rem,2.7vw,2.65rem);line-height:1.2}.launch-box p{font-size:14px;color:#667c92;margin-bottom:0}.launch-steps{display:flex;flex-direction:column;gap:13px}.launch-steps>div{background:#fff;border:1px solid #e5eff5;border-radius:13px;padding:13px;display:flex;align-items:center;gap:14px;box-shadow:0 6px 15px #294b6110}.launch-steps>div>span{border-radius:10px;height:38px;width:38px;display:grid;place-items:center;background:#e5f3ff;color:#126fda;font-weight:850}.launch-steps p{display:flex;flex-direction:column;gap:3px;margin:0}.launch-steps strong{font-size:12px;color:#25405e}.launch-steps small{font-size:11px;color:#899bab}
/* FAQ */
.faq-section{background:#f7fbff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq-heading h2{font-size:clamp(2rem,3.1vw,3.15rem)}.faq-heading p{color:var(--muted);font-size:14.5px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:#fff;border:1px solid #e2ecf7;border-radius:13px;overflow:hidden}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;cursor:pointer;font-weight:750;font-size:13.5px;line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open]{box-shadow:0 11px 26px #244d7310}.faq-toggle{height:27px;width:27px;background:#eff7ff;border-radius:9px;color:#1876d9;display:grid;place-items:center;flex:none}.faq-toggle .icon{height:15px;width:15px;transition:transform .2s}.faq-item[open] .faq-toggle .icon{transform:rotate(45deg)}.faq-item p{padding:0 20px 19px;font-size:13px;color:#677b92;margin:0;line-height:1.75}
/* Contact */
.contact-section{background:linear-gradient(135deg,#102e52,#0d2443 73%);color:#fff;padding:110px 0;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;right:-180px;bottom:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#0c888055,transparent 68%)}.contact-grid{position:relative;display:grid;grid-template-columns:.86fr 1.14fr;gap:95px;align-items:center}.kicker-white{color:#78ebce}.contact-copy h2{font-size:clamp(2.3rem,4vw,4.1rem);line-height:1.15;color:#fff;margin-top:19px}.contact-copy>p{color:#b6cde3;font-size:15px}.contact-perks{display:flex;flex-direction:column;gap:14px;margin:27px 0}.contact-perks span{display:flex;align-items:center;gap:11px;font-weight:650;font-size:13px;color:#dbe9f5}.contact-perks .icon{color:#6cdbbd;width:18px;height:18px}.contact-email{font-size:12.5px!important;margin-top:32px}.contact-email a{color:#8cefd3;text-decoration:underline;text-underline-offset:3px}.contact-card{background:#fff;color:#1e3b5a;padding:34px;border:1px solid #e5ebf3;border-radius:23px;box-shadow:0 30px 75px #071b3980}.contact-card-heading h3{font-size:24px;margin-bottom:6px}.contact-card-heading p{font-size:12.5px;color:#7b8da3;margin-bottom:22px}.contact-card form{display:flex;flex-direction:column;gap:8px}.contact-card label{font-size:11px;font-weight:760;margin-top:8px;color:#2f4866}.contact-card label span{color:#e17a53}.contact-card label .optional{color:#91a1b3;font-weight:500}.contact-card input,.contact-card textarea{width:100%;border:1px solid #dee7f0;border-radius:9px;padding:12px 13px;color:#1f3651;background:#fbfdff;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.contact-card input:focus,.contact-card textarea:focus{border-color:#2c80e0;box-shadow:0 0 0 4px #167ade18}.contact-card input::placeholder,.contact-card textarea::placeholder{color:#a9b5c4}.contact-card textarea{resize:vertical;min-height:80px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-fields>div{display:flex;flex-direction:column;gap:8px}.contact-card form .btn{margin-top:12px;border:0}.form-disclaimer{font-size:10.5px;color:#8b9bb0;margin:10px 0 0;line-height:1.65}.form-disclaimer a{color:var(--blue);text-decoration:underline}.form-feedback{font-size:11.5px;border-radius:9px;color:#276d5d;background:#e5f8ef;border:1px solid #bbebdc;padding:12px;margin-top:7px}.form-feedback[hidden]{display:none}
/* Footer */
.site-footer{background:#07192f;color:#b7c7db}.footer-top{padding:65px 0 48px;display:grid;grid-template-columns:2.1fr 1fr 1fr;gap:50px}.footer-brand img{width:205px;height:auto}.footer-brand p{max-width:325px;color:#90a6be;font-size:13px;margin-top:18px}.footer-col{display:flex;flex-direction:column;gap:13px}.footer-col strong{color:#fff;font-size:13px;margin-bottom:7px}.footer-col a{font-size:12.5px;transition:color .2s}.footer-col a:hover{color:#87e7cf}.footer-bottom{border-top:1px solid #1d344f;display:flex;justify-content:space-between;gap:18px;padding:20px 0 24px;font-size:11.5px;color:#7d95af}
/* Motion */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1150px){.header-inner{gap:14px}.brand img{width:180px}.primary-nav{gap:17px}.nav-cta{font-size:12px;padding:11px 13px}.hero-grid{gap:24px}.hero h1{font-size:clamp(3.4rem,5.5vw,5.3rem)}.float-doc{left:-13px;bottom:55px}.float-cal{right:-10px;top:40px}.app-ui{grid-template-columns:110px 1fr}.mini-nav{font-size:9px}.mini-nav .icon{width:13px;height:13px}.app-content{padding:16px 13px}.app-lower{grid-template-columns:1fr 1fr}.portal-panel{padding:38px;gap:24px}.records-grid{gap:44px}.contact-grid{gap:50px}}
@media(max-width:900px){.header-inner{height:75px}.primary-nav{position:absolute;top:75px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px max(24px,calc((100vw - 1200px)/2)) 25px;border-bottom:1px solid #e0eaf3;box-shadow:0 20px 30px #123b6820}.primary-nav.is-open{display:flex}.primary-nav a{padding:15px 0;font-size:15px}.menu-button{display:flex}.nav-cta{margin-left:auto}.hero{padding-top:65px}.hero-grid{grid-template-columns:1fr;gap:68px;padding-bottom:70px}.hero-copy{text-align:center;max-width:700px;margin:auto}.hero-lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-product{max-width:730px;margin-inline:auto;width:100%}.float-doc{left:-20px;bottom:70px}.float-cal{right:-13px;top:55px}.confidence-row{gap:22px;flex-wrap:wrap}.section{padding:84px 0}.benefit-grid{gap:15px}.benefit-card{padding:24px 20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.portal-panel{grid-template-columns:1fr;gap:36px;padding:40px}.portal-copy{max-width:none}.portal-visual{max-width:640px;width:100%;margin:auto}.records-grid{grid-template-columns:1fr;gap:48px}.records-copy{max-width:680px}.records-visual{max-width:630px;width:100%;margin:0 auto}.audience-grid{grid-template-columns:repeat(2,1fr)}.launch-box{grid-template-columns:1fr;gap:30px;padding:36px}.faq-grid{grid-template-columns:1fr;gap:26px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-copy{max-width:680px}.contact-card{max-width:730px;width:100%}.footer-top{gap:30px}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.brand img{width:166px}.header-inner{height:70px}.nav-cta{display:none}.primary-nav{top:70px;padding:10px 25px 24px}.hero{padding-top:53px}.hero h1{font-size:clamp(2.85rem,11.5vw,4.4rem);letter-spacing:-.055em}.hero-lead{font-size:14.5px}.hero-grid{gap:54px;padding-bottom:60px}.eyebrow{font-size:10px;padding:9px 10px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-proof{gap:13px;justify-content:center;margin-top:24px}.hero-proof span{font-size:11px}.window-shell{transform:none}.app-ui{grid-template-columns:52px 1fr;min-height:285px}.app-side{padding:9px 4px;gap:2px}.mini-brand{margin:0 0 14px 9px}.mini-brand img{width:24px;height:24px}.mini-brand>span{display:none}.mini-nav{justify-content:center;padding:8px 5px}.mini-nav>span{display:none}.mini-nav .icon{width:16px;height:16px}.app-content{padding:12px 9px 10px}.app-top strong{font-size:12px}.app-top span{font-size:8px}.app-top{margin-bottom:11px}.app-stats{gap:5px}.app-stat{padding:7px 5px}.stat-icon{width:21px;height:21px;margin-bottom:6px;border-radius:6px}.stat-icon .icon{width:12px;height:12px}.app-stat strong{font-size:13px}.app-stat>span{font-size:7px}.app-lower{gap:5px;margin-top:6px}.app-panel{padding:9px 6px}.app-panel-head strong{font-size:9px}.app-panel-head span{font-size:7px}.time-item{gap:4px;padding:6px 0}.time-item b{font-size:7.5px}.time-item strong,.alert-mini strong{font-size:8px}.time-item small,.alert-mini small{font-size:7px}.alert-mini{gap:4px;padding:6px 0}.alert-icon{width:16px;height:16px}.alert-icon .icon{height:10px;width:10px}.float-card{display:none}.demo-disclaimer{font-size:9px;right:1px;bottom:-19px}.confidence-row{padding:18px 0;gap:12px;font-size:10px}.confidence-row i{display:none}.confidence-row span{background:#fff9;border:1px solid #e4eff6;border-radius:20px;padding:6px 9px}.section{padding:68px 0}.section-header{margin-bottom:29px}.section-header p{font-size:14px}.kicker{font-size:10px}.benefit-grid,.feature-grid{grid-template-columns:1fr}.benefit-card{padding:23px}.benefit-icon{margin-bottom:15px}.feature-card{min-height:auto;padding:23px}.feature-icon{margin-bottom:17px}.portal-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.portal-tab{justify-content:center;flex-direction:column;gap:6px;padding:12px 5px;font-size:10px;min-width:0}.portal-tab .icon{width:17px;height:17px}.portal-stage{border-radius:18px}.portal-panel{padding:25px 15px 25px;min-height:auto;gap:27px}.portal-copy{padding:0 5px}.portal-copy h3{font-size:25px}.example-inner{padding:13px 9px;min-height:250px}.ex-heading strong{font-size:13px}.ex-row{grid-template-columns:1.05fr .9fr .6fr;padding:7px 5px;gap:4px;font-size:8px}.ex-row-head{font-size:8px}.ex-row>span:first-child{gap:4px}.circle-avatar{height:16px;width:16px;font-size:6px;border-radius:5px}.pill{font-size:7px;padding:4px}.student-tiles{gap:5px}.student-tiles>div{padding:10px 7px}.student-tiles strong{font-size:9px}.student-tiles small{font-size:8px}.student-hero{padding:11px;gap:6px}.student-hero .pill{display:none}.teacher-card{gap:7px;padding:8px}.teacher-date{width:37px;height:38px}.teacher-date strong{font-size:16px}.small-status{display:none}.journey-line{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.journey-line:before{top:23px}.journey-step{gap:6px}.journey-step>span{width:47px;height:47px;font-size:13px}.journey-step>.icon{width:18px;height:18px}.journey-step strong{font-size:9px;letter-spacing:-.02em}.journey-step small{font-size:8px}.records-section{padding-top:76px}.records-copy h2{font-size:2.2rem}.records-document{padding:15px;transform:none;border-radius:12px}.record-head strong{font-size:14px}.record-stamp{font-size:7px!important;padding:5px}.record-fields{gap:12px}.record-fields strong{font-size:10px}.legal-note{margin-top:34px;padding:15px;gap:9px}.legal-note p{font-size:11px}.audience-grid{grid-template-columns:1fr}.audience-card{padding:22px}.audience-icon{margin-bottom:14px}.launch-box{padding:24px}.launch-box h2{font-size:1.8rem}.faq-heading h2{font-size:2rem}.faq-item summary{font-size:12.5px;padding:16px}.faq-item p{padding:0 16px 18px}.contact-card{padding:24px 19px}.contact-fields{grid-template-columns:1fr;gap:5px}.contact-section{padding:74px 0}.contact-copy h2{font-size:2.35rem}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding:42px 0}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;font-size:10px}.form-disclaimer{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}