:root{--ink:#152442;--muted:#64768d;--primary:#4b72f5;--cyan:#30bfdc;--violet:#7457e9;--surface:#f6f8fc;--night:#101b34;--ease:cubic-bezier(.22,.8,.28,1)}body{color:var(--ink)}h1,h2{letter-spacing:-1.1px}.button{background:var(--primary);border-radius:10px;transition:transform .25s var(--ease),box-shadow .25s,background .25s}.button:hover{background:#355de3}.button:active{transform:translateY(1px) scale(.98)}.button.secondary{background:#fff;color:var(--ink)}.button.light{background:#fff;color:#365bd9}.button.ghost{background:transparent}.brand-mark{background:var(--primary)}header{transition:box-shadow .3s,background .3s}.nav{min-height:84px;transition:min-height .3s}.header-compact{box-shadow:0 5px 30px #13275b09;background:#fffffff0}.header-compact .nav{min-height:68px}.nav nav a[aria-current=page]{color:var(--primary);font-weight:700}.nav-actions{gap:15px}.hero{padding-top:65px;background:radial-gradient(ellipse at 80% 5%,#e9efff,transparent 55%),radial-gradient(ellipse at 10% 35%,#e7faff,transparent 50%),#f7f9fd;position:relative}.hero:before{content:"";position:absolute;inset:0 0 35%;background-image:linear-gradient(#779add09 1px,transparent 1px),linear-gradient(90deg,#779add09 1px,transparent 1px);background-size:42px 42px;pointer-events:none;mask-image:linear-gradient(black,transparent)}.hero-top{grid-template-columns:1fr 1fr;gap:50px}.hero h1{font-size:clamp(3rem,4.7vw,4.4rem);line-height:1.45;font-weight:850;letter-spacing:-1.8px}.hero-line{display:block}.cloud-word{background:linear-gradient(100deg,#406de9,#22acce,#7457e9,#406de9);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;animation:cloud-color 8s ease-in-out infinite;position:relative}.hero-copy{max-width:520px;font-size:1.05rem;line-height:2}.hero .eyebrow{font-size:.76rem;border-color:#d5e1f7}.hero .actions{flex-wrap:wrap}.hero-app-link{font-size:.85rem;color:#617caa;flex-basis:100%;padding-top:5px}.cloud-art{margin:0;position:relative}.cloud-art img{border-radius:22px}.cloud-art figcaption{color:#748bac}.hero-product{max-width:1020px;margin-top:55px;padding:0 45px 40px;--rx:0deg;--ry:0deg;transform:perspective(1500px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .28s ease-out;will-change:auto}.hero-product .browser{transform:none!important;box-shadow:0 25px 60px #2c53881b;border:1px solid #c5d6ed}.hero-device{position:absolute;width:120px;border:5px solid #233a60;border-radius:19px;overflow:hidden;bottom:5px;right:6px;background:white;box-shadow:0 12px 30px #1327512b;transform:rotate(5deg);z-index:3}.hero-device img{width:100%}.note-one{right:-35px;top:25px}.note-two{left:-30px;bottom:58px}.product-caption{display:flex;justify-content:space-between;font-size:.72rem;color:#8798b1;padding:16px 15px 0 0;max-width:750px;margin:auto}.hero-labels{padding:20px 0 38px}.section{padding:90px 0}.onboarding-band{background:#fff;border-bottom:1px solid #e4ebf7;border-top:0}.onboarding-band .kicker{color:var(--primary)}.problem{background:#fff}.problem .index{color:#7894bd}.statement{background:#eef3ff;border-color:var(--primary)}.cloud-campus{background:var(--night);color:#fff;overflow:hidden;position:relative}.cloud-campus:after{content:"";position:absolute;width:450px;height:450px;left:-150px;top:0;border-radius:50%;background:radial-gradient(#25487766,transparent 68%);pointer-events:none}.cloud-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.cloud-campus .kicker{color:#79dce9}.cloud-campus p{color:#b2c3dc;margin-top:20px}.cloud-campus .text-link{color:#8fbaff}.cloud-description{min-height:82px;border-right:2px solid #566dde;padding-right:17px;font-size:.95rem}.campus-map{position:relative;aspect-ratio:600/440;width:100%;min-width:0}.connection-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connection-lines path{fill:none;stroke:#426185;stroke-width:1.5;stroke-dasharray:5 9;animation:data-flow 12s linear infinite;transition:stroke .3s,stroke-width .3s}.connection-lines path.active{stroke:#54d9ed;stroke-width:2.5}.campus-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:135px;height:125px;background:#385dd3;border:1px solid #7594f2;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 0 13px #738dff09,0 0 0 30px #738dff04;font-size:.82rem}.campus-center img{width:75px;height:auto}.campus-node{position:absolute;background:#1b2d4c;border:1px solid #40577b;color:#e3edff;border-radius:13px;width:143px;padding:14px 7px;font-weight:600;font-size:.86rem;transition:transform .3s,border-color .3s,background .3s;z-index:2}.campus-node small{display:block;font-size:.69rem;color:#95aecd;font-weight:400;margin-top:4px}.campus-node:hover,.campus-node[aria-pressed=true],.campus-node:focus-visible{border-color:#49c8e2;background:#21436a;transform:translateY(-3px)}.node-student{left:2%;top:7%}.node-parent{right:2%;top:7%}.node-teacher{left:2%;bottom:7%}.node-manager{right:2%;bottom:7%}.campus-bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.campus-bento .feature{padding:25px;display:flex;flex-direction:column;min-width:0;border-radius:17px;background:#fff}.campus-bento .bento-wide{grid-column:span 2;background:linear-gradient(150deg,#fff,#edf4ff);padding-bottom:0}.campus-bento .bento-wide:nth-child(6){background:linear-gradient(145deg,#fff,#eefbf9)}.campus-bento .feature h3{font-size:1.06rem}.campus-bento .feature p{font-size:.88rem}.bento-scene{margin:23px -4px 0;max-height:160px;overflow:hidden;border-radius:10px 10px 0 0;border:1px solid #dae5f3;border-bottom:0;box-shadow:0 5px 20px #25447412;transition:transform .5s}.bento-scene img{width:100%;height:160px;object-fit:cover;object-position:top right;transition:transform .6s}.feature:hover .bento-scene{transform:translateY(-5px)}.feature:hover .bento-scene img{transform:scale(1.025)}.bento-tokens{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:23px}.bento-tokens span{font-size:.72rem;background:#eff4fb;color:#6b81a0;border:1px solid #e3ebf7;padding:4px 9px;border-radius:7px}.campus-bento .feature:nth-child(3n) .bento-tokens span{background:#f3effd;color:#8567ad}.role-story{position:relative;display:grid;grid-template-columns:1fr 270px;gap:40px;align-items:start}.role-stage{position:sticky;top:100px;grid-template-columns:1fr;gap:15px}.role-stage .role-tabs{display:flex;flex-direction:row;gap:8px}.role-stage .role-tabs button{flex:1;padding:12px 10px;font-size:.83rem;justify-content:center}.role-stage .role-tabs span{display:none}.role-stage .role-panel{padding:25px;background:#f0f5fc;border:1px solid #dae6f7}.role-stage .role-panel img{height:280px;object-fit:contain;object-position:top;aspect-ratio:2.05}.role-stage .role-panel h3{font-size:1.3rem}.role-stage .role-panel p{font-size:.92rem;margin:10px 0 20px}.role-stage .role-panel small{font-size:.73rem;min-height:24px}.story-step{min-height:440px;padding:60px 5px 70px;opacity:.46;transition:opacity .4s}.story-step.is-current{opacity:1}.story-step>span{color:var(--primary);display:block;font-size:2.2rem;font-weight:300;border-bottom:2px solid #e3eaf7;margin-bottom:18px;padding-bottom:12px}.story-step.is-current>span{border-color:var(--primary)}.story-step h3{font-size:1.35rem;margin-bottom:14px}.story-step p{font-size:.92rem}.finance{background:#14213d}.analytics-section{background:#fff}.academic-screen{box-shadow:0 15px 45px #23446c0f}.mobile-section{background:linear-gradient(135deg,#f0f5ff,#f8fbff 55%,#edf9fb)}.mobile-layout{grid-template-columns:1fr 340px .7fr;gap:40px}.phone-stage{padding-right:25px;padding-left:20px}.phone-stage>.phone{position:relative;z-index:2;max-width:235px;border-width:6px}.app-detail{position:absolute;left:-30px;top:60px;width:140px;height:285px;overflow:hidden;border:5px solid #294c72;border-radius:25px;background:#fff;transform:rotate(7deg);box-shadow:0 15px 30px #204f791a;z-index:1}.app-detail img{width:100%;height:100%;object-fit:cover;object-position:center 75%}.app-detail>span{position:absolute;bottom:0;background:#ffffffee;font-size:.62rem;padding:8px;right:0;left:0;color:#5c7795}.mobile-copy h2{font-size:2.7rem}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource-grid>a,.resource-grid>article{display:block;border:1px solid #dfe7f3;border-radius:16px;padding:27px;background:white;transition:transform .3s,border-color .3s}.resource-grid>a:hover{transform:translateY(-5px);border-color:#a8bef3}.resource-grid span{display:block;color:#8c9eba;font-size:.8rem;margin-bottom:20px}.resource-grid h3{font-size:1.2rem;color:var(--ink)}.resource-grid p{font-size:.9rem;margin-top:13px}.resource-grid b{display:block;font-size:.85rem;color:var(--primary);margin-top:25px}.next-pages{background:#f6f8fc}.final-cta{background:radial-gradient(ellipse at 0 100%,#224c76,transparent 60%),#101b34;border:1px solid #334f77;margin-top:65px;border-radius:21px}.final-cta .button.light{color:#3d5acf}.final-cta .ghost:hover{background:#ffffff12}.support-section{background:#fff;padding-top:0}.support-section .kicker{color:var(--primary)}.support-cards .contact-icon{font-size:1rem}.contact-icon svg{width:23px;height:23px}.inner-hero{background:radial-gradient(ellipse at 15% 15%,#e1f4fb,transparent 50%),#f2f6fd;padding:45px 0 70px;border-bottom:1px solid #e0e9f7}.inner-hero .breadcrumb{display:block;color:#8c9db7;font-size:.78rem;margin-bottom:35px}.inner-hero h1{font-size:clamp(2.5rem,4vw,3.6rem);font-weight:800;line-height:1.5;margin:10px 0 20px}.inner-hero p{max-width:660px;font-size:1.05rem}.subpage .nav nav{font-size:.85rem}.inner-cta{background:#14243f;color:white;border-radius:20px;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:65px}.inner-cta h2{font-size:1.6rem}.inner-cta p{color:#a5bad7;margin-top:10px}.pricing-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.pricing-layout h2{font-size:2rem}.pricing-layout p{margin-top:20px}.pricing-status{background:#f5f8ff;border:1px solid #dbe5f6;padding:35px;border-radius:18px}.status-label{display:inline-block;background:#e8f0ff;color:#4f74c5;padding:5px 13px;border-radius:6px;font-size:.83rem;margin-bottom:22px}.pricing-status .button{margin-top:28px}.pricing-status .text-link{display:block;margin-top:20px;font-size:.88rem}.plain-list{list-style:none;padding:0;margin:25px 0}.plain-list li{padding:12px 0;border-bottom:1px solid #e1e9f3;color:#566e8b;position:relative;padding-right:21px}.plain-list li:before{content:"";width:6px;height:6px;border-radius:2px;position:absolute;right:0;top:24px;background:#6b8beb}.app-page-layout{display:grid;grid-template-columns:330px 1fr;gap:95px;align-items:center;max-width:990px}.app-page-layout .phone{max-width:270px;animation:none}.app-page-layout h2{font-size:2.2rem}.app-page-layout p{margin-top:20px}.small-note{font-size:.83rem!important;color:#7e92ad}.help-layout{display:grid;grid-template-columns:220px 1fr;gap:60px;align-items:start}.help-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:9px}.help-nav a{padding:12px 17px;border-radius:9px;background:#f3f7fd;color:#5c78a1;font-size:.9rem}.help-nav a:hover{background:#e7efff;color:#3e69d8}.guide-block{margin-bottom:60px;scroll-margin-top:100px}.guide-block h2{font-size:2rem;margin-bottom:22px}.guide-block p{margin:14px 0;line-height:2.1}.guide-block img{width:100%;height:auto;border-radius:12px;border:1px solid #d6e3f5;margin:25px 0}.guide-steps{list-style:persian;padding-right:25px}.guide-steps li{padding:12px 12px 22px;border-bottom:1px solid #e1eaf7}.guide-steps li::marker{color:#5179d9;font-size:1.15rem}.guide-steps h3{font-size:1.12rem}.guide-block details{border-bottom:1px solid #dce6f3;padding:15px 0}.guide-block summary{cursor:pointer;font-weight:600;color:#48658a}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.contact-grid article{padding:30px;border:1px solid #dce7f6;border-radius:15px;background:#f8fbff}.contact-grid h2{font-size:1.6rem}.contact-grid p,.contact-grid address{margin-top:15px;font-size:.94rem;color:#6d84a1;line-height:2;font-style:normal}.contact-grid .text-link{display:inline-block;margin-top:20px}.contact-advice{max-width:800px;margin:65px auto 0;padding:30px;border-right:3px solid #88a5ef;background:#f5f8fe}.contact-advice h2{font-size:1.6rem}.contact-advice p{margin:15px 0 25px}.narrow{max-width:850px}.subpage main{min-height:60vh}.subpage .footer-main{font-size:.85rem}.subpage .nav-actions .login{display:inline-flex}.subpage a[href^="tel:"]{display:inline-block;color:#3f70db;font-weight:700}.campus-node:focus-visible{outline:3px solid #ffce77}.motion-paused .hero-product{transform:none!important}.motion-paused .connection-lines path{animation-play-state:paused}.motion-paused .cloud-word{animation-play-state:paused}.hero-product:focus-within{transform:none}@keyframes cloud-color{50%{background-position:100% 50%}}@keyframes data-flow{to{stroke-dashoffset:-140}}
@media(max-width:1150px){.hero h1{font-size:3.5rem}.hero-top{gap:20px}.campus-bento{grid-template-columns:repeat(3,minmax(0,1fr))}.role-story{grid-template-columns:1fr 220px;gap:25px}.mobile-layout{grid-template-columns:1fr 300px .7fr;gap:25px}.cloud-layout{gap:35px}.campus-node{width:125px;font-size:.8rem}.campus-center{width:110px;height:110px}.nav nav{gap:13px}.nav{gap:15px}.pricing-layout{gap:35px}}
@media(max-width:900px){.section{padding:65px 0}.hero h1{font-size:2.8rem}.hero-copy{font-size:.95rem}.hero-product{padding-inline:25px}.hero-device{width:95px;right:5px}.floating-note{display:none}.cloud-layout{grid-template-columns:1fr}.campus-map{max-width:600px;margin:auto}.campus-node{width:145px}.campus-center{width:135px;height:125px}.campus-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.role-story{display:block}.role-stage{position:static}.role-story-steps{display:none}.role-stage .role-panel img{height:auto;max-height:370px}.mobile-layout{grid-template-columns:1fr 300px}.mobile-aside{grid-column:1/-1}.resource-grid{gap:15px}.resource-grid>a,.resource-grid>article{padding:22px}.resource-grid h3{font-size:1.03rem}.pricing-layout{grid-template-columns:1fr}.help-layout{grid-template-columns:180px 1fr;gap:30px}.app-page-layout{grid-template-columns:260px 1fr;gap:40px}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid article:last-child{grid-column:1/-1}.inner-cta h2{font-size:1.4rem}.inner-cta{padding:30px}.subpage .nav nav{font-size:.85rem}}
@media(max-width:600px){.hero{padding-top:35px}.hero-top{display:flex;flex-direction:column;gap:5px}.hero h1{font-size:2.8rem;letter-spacing:-1px}.hero-copy{font-size:.95rem}.hero .actions{gap:10px}.hero-app-link{font-size:.8rem}.hero-device{width:68px;border-width:3px;border-radius:12px;right:0;bottom:16px}.hero-product{padding:0 12px 32px;margin-top:25px}.product-caption{font-size:.57rem;padding-right:65px;gap:10px}.product-caption span:last-child{display:none}.hero-labels{font-size:.7rem}.hero .cloud-art img{max-height:250px}.cloud-layout{gap:25px}.cloud-campus{padding:55px 0}.cloud-campus h2{font-size:2rem}.cloud-description{font-size:.85rem;min-height:80px}.campus-node{width:108px;font-size:.75rem;padding:10px 5px}.campus-node small{font-size:.58rem}.campus-center{width:85px;height:90px;border-radius:17px;font-size:.68rem;gap:5px}.campus-center img{width:52px}.campus-map{min-height:285px;aspect-ratio:1.15}.node-student,.node-parent{top:5%}.node-manager,.node-teacher{bottom:5%}.campus-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.campus-bento .feature{padding:18px 14px}.campus-bento .feature h3{font-size:.96rem}.campus-bento .feature p{font-size:.82rem}.campus-bento .bento-wide{padding-bottom:0}.bento-scene{max-height:140px;margin-top:20px}.bento-scene img{height:140px}.bento-tokens{gap:4px;padding-top:17px}.bento-tokens span{font-size:.63rem;padding:4px 6px}.role-stage .role-tabs{display:grid;grid-template-columns:1fr 1fr}.role-stage .role-tabs button{font-size:.82rem}.role-stage .role-panel{padding:17px}.role-stage .role-panel h3{font-size:1.15rem}.role-stage .role-panel p{font-size:.86rem}.role-stage .role-panel img{height:auto}.mobile-layout{grid-template-columns:1fr;gap:40px}.phone-stage{max-width:290px;margin:auto;padding-left:30px}.phone-stage>.phone{width:215px}.app-detail{left:-3px;width:130px;height:260px;top:50px}.mobile-copy h2{font-size:2rem}.mobile-aside{display:block}.mobile-aside .icon{margin-bottom:15px}.mobile-aside h3{margin-bottom:15px}.resource-grid{grid-template-columns:1fr}.resource-grid>a,.resource-grid>article{padding:24px}.resource-grid h3{font-size:1.2rem}.resource-grid span{margin-bottom:12px}.inner-hero{padding:25px 0 45px}.inner-hero h1{font-size:2.3rem}.inner-hero .breadcrumb{margin-bottom:25px;font-size:.72rem}.inner-hero p{font-size:.94rem}.pricing-status{padding:25px}.pricing-layout h2{font-size:1.7rem}.inner-cta{display:block;padding:25px;margin-bottom:45px}.inner-cta .button{margin-top:23px}.app-page-layout{display:flex;flex-direction:column-reverse;gap:45px}.app-page-layout h2{font-size:1.8rem}.app-page-layout .phone{max-width:235px}.help-layout{display:block}.help-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:40px}.help-nav a{font-size:.8rem;padding:10px}.guide-block h2{font-size:1.65rem}.guide-block{margin-bottom:40px}.guide-block p{font-size:.94rem}.contact-grid{grid-template-columns:1fr}.contact-grid article:last-child{grid-column:auto}.contact-grid article{padding:25px}.contact-advice{margin-top:40px;padding:22px}.contact-advice h2{font-size:1.4rem}.subpage .nav-actions{gap:8px}.nav{min-height:72px}.header-compact .nav{min-height:64px}.next-pages{padding:55px 0}.final-cta{margin-top:45px}.hero .micro{font-size:.73rem}.subpage .brand small{display:none}}
@media(prefers-reduced-motion:reduce){.cloud-word{animation:none;background-position:50%}.connection-lines path{animation:none;stroke-dasharray:none}.hero-product{transform:none!important}.role-stage{position:static}.role-story{display:block}.role-story-steps{display:none}.campus-node,.button{transition:none}}
/* Keep pointer movement independent from the initial entrance animation. */
.hero-product{animation:none}.connection-lines{pointer-events:none}.campus-bento .feature:focus-within{border-color:#a9bff4}.subpage .guide-block{overflow-wrap:anywhere}
/* Keep CTA labels readable despite the global anchor hover rule. */
a.button:not(.secondary):not(.light):not(.ghost):is(:hover,:focus-visible,:active){color:#fff}
a.button.secondary:is(:hover,:focus-visible,:active){color:#19395f;background:#edf4ff}
a.button.light:is(:hover,:focus-visible,:active){color:#244fc5;background:#edf4ff}
a.button.ghost:is(:hover,:focus-visible,:active){color:#fff;background:#ffffff18}
/* Photography keeps its natural colors and a steady frame. */
.cloud-art img{mix-blend-mode:normal;animation:none;aspect-ratio:3/2;object-fit:cover;border-radius:20px;box-shadow:0 14px 40px #203e7010}
.family-art{aspect-ratio:3/2;object-fit:cover;border-radius:20px}