:root{--blue:#1769b0;--blue-2:#2d9cdb;--navy:#10233f;--text:#17263c;--muted:#69778a;--line:#e6edf4;--ice:#f4f9fd;--mint:#51b88d;--yellow:#ffbd43;--orange:#ed8b45;--violet:#8d78cf;--white:#fff;--shadow:0 28px 80px rgba(28,75,113,.14);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Manrope",system-ui,-apple-system,sans-serif;color:var(--text);background:#fff;font-size:16px;line-height:1.6;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.skip-link{position:fixed;left:16px;top:-100px;background:#fff;padding:10px 16px;z-index:1000;border-radius:8px}.skip-link:focus{top:16px}.header{position:fixed;top:0;left:0;right:0;height:76px;z-index:100;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(224,233,241,.75);transition:.25s}.header.scrolled{box-shadow:0 8px 30px rgba(31,65,93,.08)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:132px;height:55px;overflow:hidden;flex:none}.brand img{width:100%;height:100%;object-fit:contain}.nav{display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:34px}.nav a{font-size:.88rem;font-weight:650;color:#4a596c;transition:.2s}.nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:20px}.language{display:flex;align-items:center;gap:5px;color:#abb4bf;font-size:.76rem;font-weight:800}.lang-btn{border:0;background:none;padding:5px 2px;cursor:pointer;color:#a2adba}.lang-btn.active{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:13px;background:var(--blue);color:#fff;font-weight:750;font-size:.93rem;box-shadow:0 12px 28px rgba(23,105,176,.23);transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(23,105,176,.29);background:#105d9f}.button svg,.text-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button-small{min-height:42px;padding:0 17px;border-radius:11px;font-size:.82rem}.menu-button{display:none;border:0;background:transparent;width:42px;height:42px;padding:11px;cursor:pointer}.menu-button span{display:block;height:2px;background:var(--navy);margin:6px 0;transition:.25s}
.hero{position:relative;padding:148px 0 0;background:linear-gradient(180deg,#f8fbfe 0%,#fff 91%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:46px;align-items:center;min-height:635px}.hero-glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.hero-glow-one{width:430px;height:430px;background:radial-gradient(circle,rgba(60,167,232,.13),rgba(60,167,232,0) 68%);right:0;top:55px}.hero-glow-two{width:330px;height:330px;background:radial-gradient(circle,rgba(78,189,143,.1),rgba(78,189,143,0) 68%);left:-100px;bottom:-50px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #dbe9f4;border-radius:100px;color:#3d6385;background:rgba(255,255,255,.72);font-size:.76rem;font-weight:750;letter-spacing:.02em}h1{margin:22px 0 22px;max-width:610px;font-size:clamp(2.8rem,4.8vw,4.5rem);line-height:1.04;letter-spacing:-.052em;color:var(--navy)}.hero-lead{font-size:1.08rem;line-height:1.75;color:var(--muted);max-width:560px;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.text-link{display:inline-flex;align-items:center;gap:10px;color:#46576b;font-weight:700;font-size:.9rem}.text-link:hover{color:var(--blue)}.hero-proof{display:flex;gap:22px;margin-top:30px}.hero-proof>span{display:flex;align-items:center;gap:7px;color:#69778a;font-size:.78rem;font-weight:650}.hero-proof svg{width:18px;height:18px;border-radius:50%;padding:3px;background:#e2f5ec;stroke:#25825e;fill:none;stroke-width:2.1}
.product-stage{position:relative;min-width:0}.dashboard-shell{height:500px;display:grid;grid-template-columns:110px 1fr;background:white;border:1px solid #e3edf5;border-radius:26px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1300px) rotateY(-2deg) rotateX(1deg);transform-origin:center}.dash-side{background:#102e4d;color:#fff;padding:22px 11px;display:flex;flex-direction:column}.mini-brand{display:flex;align-items:center;gap:7px;padding:0 7px;margin-bottom:30px}.mini-brand b{font-size:.86rem}.mini-symbol{width:25px;height:25px;border-radius:7px;background:var(--blue-2);display:grid;place-items:center;font-size:.76rem;font-weight:800}.side-menu{display:flex;flex-direction:column;gap:7px}.side-menu button{border:0;background:transparent;color:#93a9bf;border-radius:9px;display:flex;align-items:center;gap:8px;text-align:left;padding:9px 8px;font-size:.64rem;font-weight:650}.side-menu button.active{background:rgba(255,255,255,.1);color:#fff}.side-menu svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7}.side-user{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:0 5px}.side-user span{width:28px;height:28px;display:grid;place-items:center;background:#dceaf5;color:#163c5e;border-radius:50%;font-size:.58rem;font-weight:800}.side-user i{width:4px;height:4px;border-radius:50%;background:#59ce9c}.dash-main{padding:28px 27px 24px;background:#fbfdff;min-width:0}.dash-top{display:flex;justify-content:space-between;align-items:center}.dash-top small{display:block;color:#94a3b3;font-size:.5rem;font-weight:800;letter-spacing:.08em}.dash-top h3{margin:5px 0 0;font-size:1.13rem;letter-spacing:-.03em}.dash-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e9f3fa;color:var(--blue);font-weight:800;font-size:.72rem}.demo-tabs{display:flex;gap:6px;margin-top:23px;border-bottom:1px solid #e9eff4}.demo-tab{border:0;background:transparent;padding:8px 12px 10px;color:#8a98a8;font-size:.63rem;font-weight:750;cursor:pointer;border-bottom:2px solid transparent}.demo-tab.active{color:var(--blue);border-color:var(--blue)}.demo-view{display:none;animation:panel-in .35s ease}.demo-view.active{display:block}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.metric{background:#fff;border:1px solid #e9eff4;border-radius:12px;padding:12px}.metric span,.metric em{display:block;color:#8796a7;font-size:.51rem;font-style:normal}.metric strong{display:inline-block;font-size:1.33rem;margin:3px 6px 0 0;letter-spacing:-.04em}.metric strong.green{color:#3c9c77}.metric strong.orange{color:#dc7841}.metric strong.blue{color:var(--blue)}.attendance-card,.finance-chart{margin-top:12px;background:#fff;border:1px solid #e9eff4;border-radius:13px;padding:13px}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.card-heading b{font-size:.64rem}.card-heading span{font-size:.5rem;color:#5b9b80;background:#e9f7f1;padding:3px 6px;border-radius:8px}.group-row{display:grid;grid-template-columns:27px 70px 1fr 24px;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #f0f4f7}.group-badge{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:.65rem}.sun{background:#fff3cf;color:#e6a11b}.leaf{background:#e3f5ec;color:#3ea279}.cloud{background:#e8f1fd;color:#4b8aca}.group-row div:nth-child(2){display:flex;flex-direction:column}.group-row b,.group-row strong{font-size:.55rem}.group-row small{font-size:.45rem;color:#9aa7b5}.progress{height:5px;background:#edf1f4;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#2d9cdb,#51b88d);border-radius:9px}.finance-chart{height:188px}.bars{height:135px;display:flex;align-items:flex-end;gap:11px;padding:12px 5px 0}.bars i{flex:1;background:linear-gradient(#3ca7e8,#2879bc);border-radius:4px 4px 2px 2px;opacity:.82;animation:grow-bar .7s ease both}.parent-summary{display:flex;align-items:flex-start;gap:13px;background:#edf7ff;padding:16px;border-radius:13px;margin-top:16px}.parent-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;background:#fff;border-radius:10px;color:var(--blue)}.parent-icon svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.parent-summary b{font-size:.7rem}.parent-summary p{font-size:.56rem;line-height:1.5;color:#718196;margin:4px 0 0}.message-list{margin-top:10px;background:#fff;border:1px solid #e9eff4;border-radius:13px;padding:3px 13px}.message-list>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef2f5}.message-list>div:last-child{border:0}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:.48rem;font-weight:800}.avatar.sky{background:#dbeefd;color:#2673ad}.avatar.mint{background:#dff3e9;color:#348763}.message-list p{display:flex;flex-direction:column;min-width:0;margin:0;flex:1}.message-list b{font-size:.57rem}.message-list small{font-size:.49rem;color:#8794a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-list time{font-size:.45rem;color:#9eabb8}.float-note{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);border:1px solid #e5edf4;border-radius:13px;padding:10px 13px;box-shadow:0 14px 40px rgba(30,70,105,.16);animation:float 4.5s ease-in-out infinite}.float-note b,.float-note small{display:block}.float-note b{font-size:.68rem}.float-note small{font-size:.53rem;color:#8795a5}.note-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.note-icon.blue{background:#e4f2fc;color:var(--blue)}.note-icon.mint{background:#e5f6ef;color:#3a9671}.note-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.note-one{top:-25px;left:38px}.note-two{right:-20px;bottom:48px;animation-delay:-2s}.trust-line{margin-top:65px;padding:30px 0 38px;border-top:1px solid #e8eef3;display:flex;align-items:center;justify-content:space-between}.trust-line>span{font-size:.62rem;font-weight:800;color:#9aa7b5;letter-spacing:.13em}.trust-line>div{display:flex;align-items:center;gap:22px}.trust-line b{font-size:.72rem;color:#6f7c8d}.trust-line i{width:4px;height:4px;background:#d7dfe7;border-radius:50%}
.section{padding:115px 0}.section-head{max-width:720px;margin-bottom:50px}.section-kicker{display:block;color:var(--blue);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin-bottom:14px}.section h2,.contact h2{margin:0;font-size:clamp(2.1rem,4vw,3.35rem);line-height:1.13;letter-spacing:-.045em;color:var(--navy)}.section-head p,.control-copy>p,.faq-intro p{color:var(--muted);font-size:1rem;max-width:620px;margin:18px 0 0;line-height:1.75}.capabilities{background:#fff}.feature-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.feature{position:relative;min-height:250px;padding:31px;border:1px solid #e3ebf2;border-radius:var(--radius);background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.feature:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(38,78,110,.1);border-color:#d3e3ee}.feature h3{font-size:1.18rem;letter-spacing:-.025em;margin:18px 0 9px}.feature p{color:var(--muted);font-size:.88rem;line-height:1.7;max-width:510px;margin:0}.feature-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feature-icon.blue{color:#267bb9;background:#e8f4fc}.feature-icon.yellow{color:#c88c17;background:#fff3d5}.feature-icon.mint{color:#33916b;background:#e5f6ee}.feature-icon.violet{color:#795fbd;background:#eee9fb}.feature-large{grid-row:span 2;background:linear-gradient(145deg,#f7fbfe,#edf7fd);min-height:516px}.children-stack{display:flex;align-items:center;position:absolute;left:31px;bottom:35px}.children-stack span{width:52px;height:52px;border:4px solid #fff;margin-left:-8px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#33465a;font-weight:800}.children-stack span:first-child{margin-left:0}.children-stack b{font-size:.82rem;color:var(--blue);padding-left:12px}.feature-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr .86fr;gap:40px;align-items:center;background:#f9fbfd}.feature-text h3{margin-top:18px}.message-preview{background:#fff;border:1px solid #e5edf3;border-radius:15px;padding:4px 16px;box-shadow:0 14px 35px rgba(32,70,100,.08)}.message-preview>div{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #edf2f5}.message-preview>div:last-child{border:0}.message-preview>div>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e9f4fc;color:var(--blue);font-weight:800;font-size:.72rem}.message-preview p{display:flex;flex-direction:column;margin:0;flex:1}.message-preview b{font-size:.73rem}.message-preview small{font-size:.62rem;color:#8795a4}.message-preview time,.message-preview i{font-size:.58rem;color:#51a883;font-style:normal}
.control{background:#102943;color:#fff;overflow:hidden}.control-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.control .section-kicker{color:#77c4f2}.control h2{color:#fff}.control-copy>p{color:#aebdca}.control-visual{min-height:570px;position:relative;display:grid;place-items:center}.pulse-ring{position:absolute;border:1px solid rgba(94,181,232,.16);border-radius:50%}.ring-one{width:490px;height:490px}.ring-two{width:370px;height:370px}.phone-card{position:relative;z-index:2;width:270px;background:#f8fbfd;border:7px solid #fff;border-radius:36px;padding:12px 18px 24px;color:var(--text);box-shadow:0 40px 80px rgba(0,0,0,.26);transform:rotate(-2deg)}.phone-top{display:flex;justify-content:space-between;font-size:.56rem;font-weight:800}.phone-top i{display:block;width:55px;height:16px;background:#142233;border-radius:0 0 11px 11px;margin-top:-12px}.phone-title{margin-top:22px}.phone-title small{display:block;color:#7c8b9c;font-size:.62rem}.phone-title b{font-size:1rem}.phone-score{margin:23px 0 18px;padding:21px;border-radius:18px;background:linear-gradient(145deg,#1e75b8,#2a9bda);color:#fff}.phone-score span{display:block;font-size:2.7rem;line-height:1;font-weight:800;letter-spacing:-.05em}.phone-score small{font-size:.62rem;opacity:.8}.phone-list>div{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #e5ecf2}.phone-list>div:last-child{border:0}.dot{width:9px;height:9px;border-radius:3px}.green-dot{background:#57bb8e}.blue-dot{background:#4aa3de}.yellow-dot{background:#f0b541}.phone-list p{display:flex;justify-content:space-between;align-items:center;flex:1;margin:0}.phone-list b,.phone-list small{font-size:.61rem}.phone-list small{color:#657588}.control-badge{position:absolute;z-index:4;background:#fff;color:var(--text);border-radius:13px;padding:12px 16px;box-shadow:0 18px 40px rgba(0,0,0,.2)}.control-badge small{display:block;color:#7d8d9d;font-size:.55rem}.control-badge strong{font-size:1.15rem;color:var(--mint)}.badge-a{left:4%;top:25%}.badge-b{right:0;bottom:22%}.check-list{list-style:none;padding:0;margin:31px 0 0}.check-list li{display:flex;gap:16px;align-items:center;padding:17px 0;border-top:1px solid rgba(255,255,255,.1)}.check-list li>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(83,174,228,.13);color:#72c2f1;font-size:.66rem;font-weight:800}.check-list div{display:flex;flex-direction:column}.check-list b{font-size:.9rem}.check-list small{font-size:.75rem;color:#9fb0bf}
.how{background:#f5f9fc}.how .section-head{text-align:center;margin-left:auto;margin-right:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #dce6ee}.steps article{padding:34px 46px 10px 0;position:relative}.steps article:after{content:"";position:absolute;top:-5px;left:0;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 7px #e0eef8}.steps span{color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.1em}.steps h3{font-size:1.02rem;margin:17px 0 10px}.steps p{font-size:.84rem;color:var(--muted);line-height:1.7;margin:0}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:start}.faq-intro{position:sticky;top:120px}.accordion details{border-top:1px solid #dfe7ee}.accordion details:last-child{border-bottom:1px solid #dfe7ee}.accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:.94rem;font-weight:750}.accordion summary::-webkit-details-marker{display:none}.accordion summary i{width:24px;height:24px;border-radius:50%;border:1px solid #d9e3eb;position:relative;flex:none}.accordion summary i:before,.accordion summary i:after{content:"";position:absolute;left:6px;right:6px;top:11px;height:1px;background:#567085}.accordion summary i:after{transform:rotate(90deg);transition:.2s}.accordion details[open] summary i:after{transform:rotate(0)}.accordion details p{color:var(--muted);font-size:.84rem;line-height:1.75;margin:-8px 45px 25px 0}.contact{padding:10px 0 100px}.contact-card{border-radius:26px;background:linear-gradient(120deg,#1769b0,#248ecf);color:#fff;padding:60px 65px;display:flex;align-items:center;justify-content:space-between;gap:60px;overflow:hidden;position:relative}.contact-card:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:19%;top:-170px}.contact-card h2{color:#fff;max-width:720px;font-size:clamp(2rem,3.5vw,3rem)}.contact-card p{color:#d7edf9;max-width:690px;margin:16px 0 0;font-size:.9rem}.contact-pill{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:6px 10px;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}.button-white{background:#fff;color:var(--blue);box-shadow:0 18px 35px rgba(3,48,82,.22);white-space:nowrap;position:relative;z-index:2}.button-white:hover{background:#f5fbff;color:#0d5c9e}.footer{border-top:1px solid #e7edf2}.footer-inner{min-height:115px;display:flex;align-items:center;gap:34px}.footer-brand{width:110px;height:48px}.footer p{font-size:.74rem;color:#8190a0}.footer span{margin-left:auto;font-size:.7rem;color:#9aa6b3}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes grow-bar{from{height:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.float-note{animation:none}}
@media (max-width:1000px){.nav{display:none}.hero{padding-top:120px}.hero-grid{grid-template-columns:1fr;gap:60px}.hero-copy{max-width:700px;text-align:center;margin:0 auto}.hero-copy .eyebrow{margin:auto}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof{justify-content:center}.product-stage{width:min(720px,100%);margin:0 auto}.dashboard-shell{transform:none}.trust-line{flex-direction:column;gap:18px}.control-grid{grid-template-columns:1fr;gap:30px}.control-copy{grid-row:1}.control-visual{grid-row:2}.faq-grid{gap:50px}.faq-intro{position:static}.contact-card{align-items:flex-start;flex-direction:column}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-row:auto;grid-column:1/-1;min-height:370px}}
@media (max-width:700px){.container{width:min(100% - 28px,1160px)}.header{height:68px}.brand{width:108px;height:46px}.nav-actions .button-small{display:none}.menu-button{display:block}.nav.open{position:fixed;display:flex;flex-direction:column;align-items:stretch;gap:0;top:68px;left:0;right:0;background:#fff;padding:16px 20px 24px;border-bottom:1px solid #e4ebf1;box-shadow:0 18px 30px rgba(22,51,75,.1)}.nav.open a{padding:12px 5px}.menu-button.open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button.open span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{padding-top:110px}.hero-grid{min-height:auto}.hero h1{font-size:2.65rem}.hero-lead{font-size:.98rem}.hero-actions{flex-direction:column;gap:17px}.hero-proof{align-items:flex-start;flex-direction:column;gap:9px;width:max-content;margin:25px auto 0}.product-stage{margin-top:5px}.dashboard-shell{height:430px;grid-template-columns:63px 1fr;border-radius:19px}.dash-side{padding:17px 7px}.mini-brand b,.side-menu span{display:none}.mini-brand{padding:0;justify-content:center}.mini-symbol{width:28px;height:28px}.side-menu button{justify-content:center}.dash-main{padding:20px 14px}.dash-top h3{font-size:.9rem}.metric{padding:9px 7px}.metric strong{font-size:1.05rem}.metric span{font-size:.43rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-row{grid-template-columns:26px 60px 1fr 23px}.note-one{left:20px}.note-two{right:-5px;bottom:20px}.trust-line{margin-top:50px}.trust-line>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.trust-line i{display:none}.section{padding:85px 0}.section h2,.contact h2{font-size:2.15rem}.section-head{margin-bottom:35px}.feature-grid{grid-template-columns:1fr}.feature,.feature-large,.feature-wide{grid-column:auto;min-height:auto}.feature-large{min-height:340px}.feature-wide{display:block}.message-preview{margin-top:28px}.control-grid{gap:20px}.control-visual{min-height:500px;transform:scale(.9);margin:-25px 0}.pulse-ring.ring-one{width:430px;height:430px}.badge-a{left:-2%}.badge-b{right:-2%}.steps{grid-template-columns:1fr;border-top:0}.steps article{padding:17px 0 25px 38px;border-left:1px solid #dce6ee}.steps article:after{left:-5px;top:22px}.faq-grid{grid-template-columns:1fr;gap:38px}.contact{padding-bottom:60px}.contact-card{padding:37px 25px;gap:28px;border-radius:20px}.footer-inner{flex-wrap:wrap;padding:24px 0;gap:8px 20px}.footer p{order:3;width:100%;margin:0}.footer span{margin-left:auto}}
@media (max-width:420px){.hero h1{font-size:2.3rem}.dash-top small{display:none}.metric-row{gap:5px}.metric em{font-size:.42rem}.float-note{display:none}.control-visual{transform:scale(.82);margin:-45px -20px}.faq-intro p{font-size:.9rem}}

.product-stage{min-width:0}
.feature-grid{grid-template-columns:repeat(2,1fr)}
.feature,.feature-large,.feature-wide{grid-column:auto;grid-row:auto;display:block;min-height:250px}
.control-visual{min-height:510px}
@media (max-width:700px){.feature-grid{grid-template-columns:1fr}.feature,.feature-large,.feature-wide{min-height:auto}.control-visual{min-height:430px;transform:none;margin:0}}

/* Scroll motion system */
.scroll-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:250;background:linear-gradient(90deg,var(--yellow),var(--blue-2),var(--mint));transform:scaleX(var(--page-progress,0));transform-origin:left center;will-change:transform}
html:not(.js) .reveal{opacity:1;filter:none;transform:none}
.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;border-radius:2px;background:var(--blue);transition:right .35s cubic-bezier(.22,1,.36,1)}.nav a.active-section{color:var(--blue)}.nav a.active-section:after{right:0}
.reveal{opacity:0;filter:blur(5px);transform:translate3d(0,34px,0) scale(.985);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .88s cubic-bezier(.22,1,.36,1),filter .72s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}
.reveal[data-reveal="left"]{transform:translate3d(-38px,12px,0) scale(.985)}
.reveal[data-reveal="right"]{transform:translate3d(38px,12px,0) scale(.985)}
.reveal[data-reveal="scale"]{transform:translate3d(0,20px,0) scale(.95)}
.reveal.visible{opacity:1;filter:none;transform:translate3d(0,0,0) scale(1)}
.feature.reveal{transition-duration:.78s,.9s,.72s}
.feature-icon{transition:transform .55s cubic-bezier(.22,1,.36,1)}.feature.visible .feature-icon{transform:rotate(0) scale(1)}.feature:not(.visible) .feature-icon{transform:rotate(-8deg) scale(.82)}
.steps article.reveal:after{transform:scale(.25);transition:transform .55s cubic-bezier(.22,1.4,.36,1);transition-delay:calc(var(--reveal-delay,0ms) + 180ms)}.steps article.visible:after{transform:scale(1)}
.accordion.visible details{animation:accordion-in .68s cubic-bezier(.22,1,.36,1) both}.accordion.visible details:nth-child(2){animation-delay:80ms}.accordion.visible details:nth-child(3){animation-delay:160ms}.accordion.visible details:nth-child(4){animation-delay:240ms}
@keyframes accordion-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.scroll-progress{display:none}.reveal,.reveal[data-reveal="left"],.reveal[data-reveal="right"],.reveal[data-reveal="scale"]{opacity:1;filter:none;transform:none;transition:none}.dashboard-shell,.phone-card{transform:none!important;transition:none}.accordion.visible details{animation:none}.feature-icon,.steps article:after{transition:none}}
@media (max-width:700px){.nav a:after{display:none}.reveal[data-reveal="left"],.reveal[data-reveal="right"]{transform:translate3d(0,24px,0) scale(.985)}.reveal.visible{transform:none}}

/* Interactive product demo */
.dashboard-shell{transform:perspective(1300px) rotateY(calc(-2deg + var(--screen-tilt,0deg))) translate3d(0,var(--screen-shift,0px),0) scale(var(--screen-scale,1));transition:transform .12s linear,box-shadow .45s ease}
.dashboard-shell:hover{box-shadow:0 36px 90px rgba(24,68,104,.23)}
.side-menu button,.demo-tab,.attend-kid,.fin-bar,.phone-switch button{cursor:pointer;font-family:inherit}
.side-menu button{transition:background .2s ease,color .2s ease}
.side-menu button:hover{background:rgba(255,255,255,.07);color:#dce9f5}
.demo-tab{transition:color .2s ease,border-color .2s ease}
.demo-tab:hover{color:var(--blue)}
.dash-main :focus-visible,.phone-card :focus-visible{outline:2px solid var(--blue-2);outline-offset:2px;border-radius:7px}
.dash-main{display:flex;flex-direction:column}
.demo-view{flex:1;min-height:0}

/* Attendance — click to mark */
.attend-head{display:flex;align-items:center;gap:14px;margin-top:15px}
.attend-stat{display:flex;align-items:baseline;gap:5px}
.attend-stat b{font-size:1.5rem;letter-spacing:-.04em;color:#3c9c77;transition:color .25s ease}
.attend-stat.is-absent b{color:#dc7841}
.attend-stat span{font-size:.5rem;color:#8796a7;font-weight:700}
.attend-hint{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:4px 9px;border-radius:20px;background:#eef5fb;color:#5c7f9e;font-size:.47rem;font-weight:750}
.attend-hint svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.attend-progress{margin-top:11px}
.attend-progress i{width:0;transition:width .45s cubic-bezier(.22,1,.36,1)}
.attend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}
.attend-kid{display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid #e4ebf2;border-radius:10px;background:#fff;text-align:left;transition:border-color .2s ease,background .2s ease,transform .18s ease}
.attend-kid:hover{border-color:#b7d5ee;transform:translateY(-1px)}
.attend-kid span{width:21px;height:21px;flex:none;display:grid;place-items:center;border-radius:6px;background:#eef2f6;color:#8a99a9;font-size:.44rem;font-weight:800;transition:background .2s ease,color .2s ease}
.attend-kid b{font-size:.52rem;font-weight:700;color:#4a5a6d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attend-kid.present{border-color:#bfe5d3;background:#f3fbf7}
.attend-kid.present span{background:#3c9c77;color:#fff}
.attend-kid.present b{color:#23624b}

/* Finance — click a month */
.finance-head{display:flex;align-items:flex-end;justify-content:space-between;margin-top:15px}
.finance-head small{display:block;color:#8796a7;font-size:.5rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.finance-head b{font-size:1.5rem;letter-spacing:-.04em;color:var(--blue)}
.finance-chart{margin-top:10px;height:auto}
.bars{align-items:stretch;height:132px;gap:8px}
.fin-bar{position:relative;flex:1;display:flex;flex-direction:column;gap:6px;border:0;background:transparent;padding:0}
.fin-bar .track{flex:1;min-height:0;display:flex;align-items:flex-end}
.fin-bar i{display:block;width:100%;flex:none;animation:none;opacity:1;height:var(--h,40%);background:linear-gradient(#9fcdec,#7fb6dd);border-radius:5px 5px 2px 2px;transition:height .5s cubic-bezier(.22,1,.36,1),background .25s ease,transform .2s ease}
.fin-bar small{font-size:.45rem;color:#9aa7b5;font-weight:750;text-align:center}
.fin-bar:hover i{transform:translateY(-2px)}
.fin-bar.active i{background:linear-gradient(#3ca7e8,#2879bc)}
.fin-bar.active small{color:var(--blue)}

/* Phone — segmented switch */
.phone-switch{display:flex;gap:4px;margin-top:15px;padding:3px;border-radius:11px;background:#e9eff5}
.phone-switch button{flex:1;border:0;background:transparent;border-radius:8px;padding:7px 4px;color:#6b7d90;font-size:.55rem;font-weight:750;transition:background .2s ease,color .2s ease}
.phone-switch button.active{background:#fff;color:var(--blue);box-shadow:0 2px 6px rgba(23,60,95,.1)}
.phone-score span{transition:opacity .25s ease}
.phone-list>div{transition:opacity .3s ease}

@media (max-width:700px){
  .attend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .attend-hint{display:none}
  .dashboard-shell{height:470px}
  .attend-stat b,.finance-head b{font-size:1.2rem}
}
@media (prefers-reduced-motion:reduce){
  .attend-kid,.attend-progress i,.fin-bar i,.attend-stat b{transition:none}
  .bars i,.fin-bar i{animation:none}
}
.phone-card{transform:rotate(calc(-2deg + var(--screen-tilt,0deg))) translate3d(0,var(--screen-shift,0px),0);transition:transform .12s linear}

/* Demo sidebar fit-ups */
.dashboard-shell{grid-template-columns:138px 1fr}
.mini-brand b{white-space:nowrap;font-size:.78rem}
.side-menu svg{flex:none}
.side-menu button{font-size:.6rem;gap:7px}
.side-menu button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.note-one{top:-44px;left:24px}
@media (max-width:700px){.dashboard-shell{grid-template-columns:63px 1fr}.note-one{top:-30px;left:10px}}
.note-two{right:-24px;bottom:-18px}
@media (max-width:700px){.note-two{right:-6px;bottom:-14px}}

/* Demo: narrow-screen fit */
.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){
  .demo-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
  .demo-tabs::-webkit-scrollbar{display:none}
  .demo-tab{padding:8px 9px 10px;white-space:nowrap;flex:none}
  .metric{padding:9px 6px}
  .metric strong{font-size:.86rem;white-space:nowrap;letter-spacing:-.02em;margin-right:0}
  .metric span,.metric em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* Contacts */
.contacts-block{margin-top:46px}
.contacts-head{margin-bottom:22px}
.contacts-head h3{margin:8px 0 0;font-size:1.45rem;letter-spacing:-.03em;color:var(--navy)}
.contacts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.contact-item{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #e0e9f1;border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(23,60,95,.04);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.contact-item:hover{border-color:#b9d8f2;transform:translateY(-2px);box-shadow:0 14px 34px rgba(23,60,95,.1);text-decoration:none}
.contact-ico{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px}
.contact-ico svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-ico.blue{background:#e9f2ff;color:#126bea}
.contact-ico.mint{background:#e2f8ec;color:#09a960}
.contact-ico.sun{background:#fff3cf;color:#d9930f}
.contact-text{display:flex;flex-direction:column;min-width:0}
.contact-text small{color:#7f8fa3;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.contact-text b{margin-top:3px;color:var(--navy);font-size:.98rem;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer-phone{margin-left:auto;color:var(--blue);font-weight:750;font-size:.9rem;white-space:nowrap}
.footer-phone:hover{color:var(--blue-2)}
@media (max-width:1000px){.contacts-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){
  .contacts-block{margin-top:34px}
  .contacts-grid{grid-template-columns:1fr}
  .contacts-head h3{font-size:1.2rem}
  .footer-phone{margin-left:0;order:2}
  .footer span{margin-left:auto}
}