:root { --navy:#0d2b45; --navy-2:#152f48; --teal:#1a7080; --cyan:#2ab5a0; --gold:#c9a025; --gold-light:#ebcb67; --ink:#102d46; --muted:#6b8299; --line:#d5e4ee; --mist:#f4f8fa; --white:#fff; --paper:#fbfcfd; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:Manrope,Arial,sans-serif; color:var(--ink); background:var(--paper); font-size:16px; line-height:1.55; }
a { color:inherit; text-decoration:none; } button,input,textarea { font:inherit; } button { cursor:pointer; } .skip-link { position:absolute; z-index:10; transform:translateY(-120%); background:var(--gold); color:var(--navy); padding:.75rem 1rem; font-weight:800; } .skip-link:focus { transform:translateY(0); }
.site-header { height:84px; max-width:1280px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:0 48px; }
.brand { display:inline-flex; align-items:baseline; letter-spacing:-.07em; font-size:19px; font-weight:800; white-space:nowrap; } .brand-exam{ color:var(--navy) }.brand-tracker{ color:var(--teal) }.brand-dot{ width:5px;height:5px;background:var(--gold);border-radius:50%;margin-left:3px;display:inline-block; }
nav { display:flex; align-items:center; gap:30px; margin-left:auto; margin-right:32px; } nav a { font-size:13px; font-weight:700; color:#496278; transition:color .2s; } nav a:hover { color:var(--teal); }
.header-actions { display:flex; align-items:center; gap:17px; }.language-toggle { border:0; background:transparent; padding:4px; display:flex; align-items:center; gap:7px; color:#8395a5; font-family:'DM Mono',monospace; font-size:11px; }.language-toggle .language-el{ color:var(--navy); font-weight:500; }.toggle-track{ width:25px; height:14px; background:#dce8ee; display:block; border-radius:99px; padding:2px; }.toggle-track span{ width:10px;height:10px;background:var(--teal);border-radius:50%;display:block;transition:transform .2s; }.language-toggle[aria-pressed="true"] .toggle-track span{ transform:translateX(11px); }.language-toggle[aria-pressed="true"] .language-el{ color:#8395a5;font-weight:400;}.language-toggle[aria-pressed="true"] .language-en{ color:var(--navy);font-weight:500; }
.button { background:var(--gold); color:var(--navy); display:inline-flex; align-items:center; justify-content:center; gap:30px; min-height:50px; padding:0 22px; border:0; border-radius:0; font-weight:800; font-size:13px; transition:transform .2s, background .2s; }.button:hover{ background:var(--gold-light); transform:translateY(-2px); }.button-small{ min-height:39px;padding:0 15px;font-size:12px; }
.hero { max-width:1280px; min-height:635px; margin:auto; display:grid; grid-template-columns:42% 58%; padding:78px 48px 62px; overflow:hidden; }.hero-copy { position:relative; z-index:1; padding-top:38px; }.eyebrow { font-family:'DM Mono',monospace; font-size:10px; font-weight:500; letter-spacing:.08em; color:var(--teal); display:flex; align-items:center; gap:9px; margin:0 0 17px; }.eyebrow>span:first-child{width:23px;height:1px;background:var(--gold);display:block;}
h1,h2,h3,p { margin-top:0; } h1,h2,h3{letter-spacing:-.045em;line-height:1.1;} h1 { font-size:clamp(42px,4vw,61px); margin:0 0 21px; font-weight:800; } h1 em,h2 em { font-family:Georgia,serif; font-weight:400; color:var(--teal); }.hero-lede{ max-width:432px;color:#536d82;font-size:16px;line-height:1.75;margin-bottom:28px;}.hero-actions{display:flex;align-items:center;gap:23px;}.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--teal);font-size:13px;font-weight:800;border-bottom:1px solid #b3d8dc;padding-bottom:2px;}.open-source-note{display:flex;align-items:center;gap:8px;margin-top:58px;color:#738a9d;font-size:11px;font-weight:700;}.code-mark{font-family:'DM Mono';color:var(--gold);font-size:15px;}
.product-scene { position:relative; min-height:470px; padding:9px 0 0 54px; }.orbit { position:absolute; border:1px solid #d5e6e9; border-radius:50%; pointer-events:none; }.orbit-one{height:615px;width:615px;right:-94px;top:-72px}.orbit-two{height:455px;width:455px;right:17px;top:12px;border-color:#e9f0f2}.app-window{position:relative;z-index:1;width:min(674px,100%);height:412px;background:#fff;box-shadow:0 26px 65px rgba(13,43,69,.16);border:1px solid #e3edf1;overflow:hidden;}.app-topbar{height:47px;background:var(--navy);display:flex;justify-content:space-between;align-items:center;padding:0 19px;color:#fff}.app-logo{font-size:10px;letter-spacing:-.05em}.app-logo span{color:var(--cyan);font-weight:800}.app-user{font-size:8px;color:#c5d5de;display:flex;align-items:center;gap:5px}.status-dot{width:5px;height:5px;background:var(--cyan);border-radius:50%}.app-shell{display:flex;height:365px}.app-sidebar{width:130px;background:var(--navy);color:#c3d1dc;padding:18px 0;position:relative}.app-side-label{display:block;color:#728ca2;font-family:'DM Mono';font-size:7px;letter-spacing:.12em;padding:0 16px 8px}.app-nav{height:32px;display:flex;align-items:center;gap:9px;padding:0 16px;font-size:8px}.app-nav.active{background:#1c425f;color:#fff;border-left:3px solid var(--gold);padding-left:13px}.app-nav span:first-child{font-size:11px;color:#87b9c1}.app-side-foot{position:absolute;bottom:13px;left:16px;display:flex;align-items:center;gap:5px;font-size:6px;color:#7490a5}.app-avatar{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:8px}.app-content{background:#f5f8fa;flex:1;padding:23px 25px}.app-content-head{display:flex;justify-content:space-between;align-items:start}.app-content-head p{font-family:'DM Mono';font-size:7px;color:var(--teal);letter-spacing:.08em;margin:0 0 4px}.app-content-head h2{font-size:17px;margin:0}.mini-date{background:#fff;border:1px solid #dae6ed;width:34px;height:36px;text-align:center;font-size:16px;font-weight:800;line-height:19px;padding-top:2px}.mini-date span{display:block;font-size:6px;font-family:'DM Mono';color:#7990a1;line-height:8px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.metric-card{height:69px;background:#fff;border:1px solid #e1ebf0;padding:10px 11px;position:relative}.metric-card p{font-family:'DM Mono';color:#8499a9;font-size:6px;margin:0 0 2px;letter-spacing:.04em}.metric-card strong{font-size:20px;letter-spacing:-.07em;line-height:22px}.metric-card>span{position:absolute;right:9px;bottom:11px;font-family:'DM Mono';font-size:7px;color:#8798a7}.metric-card .metric-up{color:var(--cyan)}.gold-card{border-top:2px solid var(--gold);padding-top:9px}.data-row{display:grid;grid-template-columns:58% 1fr;gap:9px;margin-top:10px}.chart-card,.student-card{background:#fff;border:1px solid #e1ebf0;height:176px;padding:12px}.card-heading{display:flex;justify-content:space-between;font-size:8px;font-weight:800}.dots{color:#a4b4c0;letter-spacing:1px}.bars{height:108px;display:flex;align-items:end;gap:10px;padding:19px 11px 0;border-bottom:1px solid #eaf0f3;background:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,#f0f4f6 27px)}.bars i{display:block;background:var(--cyan);width:15px;opacity:.9}.bars i:nth-child(2n){background:#94d6cf}.chart-labels{display:flex;justify-content:space-around;font-family:'DM Mono';font-size:5px;color:#9aaaB5;padding-top:5px}.student-profile{display:flex;gap:8px;align-items:center;margin-top:17px}.student-avatar{width:29px;height:29px;border-radius:50%;background:#dcecf0;color:var(--teal);display:grid;place-items:center;font-weight:800;font-size:10px}.student-profile strong{font-size:9px;display:block}.student-profile small{font-size:7px;color:#8296a6;display:block;margin-top:1px}.student-score{margin-top:17px;border-top:1px solid #e5edf1;padding-top:9px;display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#8296a6}.student-score strong{font-size:17px;color:var(--navy);letter-spacing:-.07em}.floating-note{position:absolute;z-index:2;left:2px;bottom:5px;background:#fff;width:267px;box-shadow:0 12px 30px rgba(13,43,69,.14);padding:16px 17px;display:flex;gap:10px;font-size:9px;line-height:1.45;color:#8195a4}.floating-note>span{color:var(--gold);font-size:14px}.floating-note p{margin:0}.floating-note strong{color:var(--navy);font-size:9px;}
.trust-strip{background:var(--navy);min-height:83px;padding:0 max(48px,calc((100vw - 1184px)/2));display:flex;align-items:center;justify-content:space-between;color:#c6d5df}.trust-strip p{font-family:'DM Mono';font-size:9px;letter-spacing:.06em;margin:0}.trust-strip div{display:flex;align-items:center;gap:17px;color:#fff;font-size:11px;font-weight:700}.trust-strip i{width:4px;height:4px;border-radius:50%;background:var(--gold);}
.section{max-width:1184px;margin:auto;padding:115px 0;}.features{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.section-intro h2,.workflow h2,.contact h2{font-size:43px;margin:0}.section-copy{color:#657e91;font-size:15px;line-height:1.8;max-width:420px;margin-top:35px}.feature-grid{grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:13px;margin-top:62px}.feature-card{min-height:386px;background:#fff;border:1px solid #ddeaf0;padding:25px;position:relative;overflow:hidden}.feature-card-wide{background:var(--navy);color:#fff}.feature-number{font-family:'DM Mono';font-size:10px;color:#8ba0b0;margin-bottom:37px}.feature-card-wide .feature-number{color:#a3b6c4}.feature-icon{width:37px;height:37px;display:grid;place-items:center;background:#e7f5f3;color:var(--teal);font-weight:800;font-size:18px;margin-bottom:20px;position:relative}.icon-chart{background:transparent;display:flex;align-items:end;gap:3px;padding:7px}.icon-chart span,.icon-chart i,.icon-chart b{display:block;width:8px;background:var(--cyan)}.icon-chart span{height:13px}.icon-chart i{height:23px}.icon-chart b{height:30px}.icon-pay{background:#f9f0d5;color:#af8212;font-family:Georgia,serif}.feature-card h3{font-size:21px;margin:0 0 12px}.feature-card p{color:#71879a;font-size:12px;line-height:1.65;margin:0;max-width:250px}.feature-card-wide p{color:#b9c9d4;max-width:280px}.feature-line-chart{position:absolute;bottom:0;left:0;width:100%;height:125px}.feature-line-chart svg{position:absolute;bottom:0;width:100%;height:100%}.chart-grid-lines{position:absolute;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,rgba(175,205,217,.12) 30px)}.feature-line-chart>span{position:relative;z-index:1;top:103px;margin-left:27px;color:#93aebd;font-family:'DM Mono';font-size:6px}.entry-preview,.payment-preview{position:absolute;bottom:25px;left:25px;right:25px;border-top:1px solid #e3edf1;padding-top:14px}.entry-preview{display:grid;grid-template-columns:1fr 1fr;gap:9px}.entry-preview small{display:block;font-family:'DM Mono';font-size:7px;color:#8ba0ad;margin-bottom:3px}.entry-preview b{font-size:10px}.entry-preview strong{font-size:18px;letter-spacing:-.06em}.entry-preview strong span{font-size:8px;color:#8798a7}.success-pill{grid-column:1/-1;display:inline-block;font-size:8px;font-weight:800;color:var(--teal);background:#e9f7f4;padding:5px 8px;width:max-content}.payment-preview>div:first-child{display:flex;justify-content:space-between;align-items:center}.payment-preview span:first-child{font-family:'DM Mono';color:#8ba0ad;font-size:7px}.payment-preview strong{font-size:16px;letter-spacing:-.06em}.payment-progress{height:5px;background:#edf2f4;margin-top:14px}.payment-progress i{display:block;width:94%;height:100%;background:var(--gold)}.payment-preview>span:last-child{font-size:8px;font-weight:700;color:var(--teal);display:block;margin-top:5px}
.workflow{background:#eaf4f3;max-width:none;padding-left:max(48px,calc((100vw - 1184px)/2));padding-right:max(48px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:38% 1fr;gap:80px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:22px}.steps article{border-top:1px solid #a9d3d0;padding-top:15px;position:relative}.steps article>span{font-family:'DM Mono';font-size:9px;color:var(--teal)}.step-symbol{font-size:29px;color:var(--gold);height:53px;padding-top:10px}.steps h3{font-size:15px;margin:0 0 7px}.steps p{font-size:11px;color:#698595;line-height:1.65;margin:0}
.contact{max-width:1184px;margin:auto;padding:116px 0;display:grid;grid-template-columns:1fr 1fr;gap:110px}.contact-copy>p:not(.eyebrow){margin-top:25px;color:#657e91;font-size:14px;max-width:410px;line-height:1.8}.contact-mini{display:flex;align-items:center;gap:10px;margin-top:27px;font-size:11px;color:var(--teal);font-weight:800}.contact-mini-icon{width:24px;height:24px;background:#e2f2f0;display:grid;place-items:center;font-size:14px}.contact-form{background:#fff;border:1px solid #dce8ee;padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;font-family:'DM Mono';font-size:9px;color:#59778c;letter-spacing:.03em;margin-bottom:18px}.contact-form input,.contact-form textarea{display:block;width:100%;background:#f7fafb;border:1px solid #d9e6ec;border-radius:0;color:var(--navy);margin-top:7px;padding:10px;font-family:Manrope;font-size:13px;outline-color:var(--teal);resize:vertical}.contact-form textarea{min-height:99px}.form-footer{display:flex;justify-content:space-between;align-items:center}.form-footer .button{min-width:165px}.form-status{font-size:11px;margin:0;color:var(--teal);max-width:190px}.form-status.error{color:#b5453d}footer{border-top:1px solid #dce8ee;max-width:1184px;margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between}footer p,footer a:not(.brand){font-size:11px;color:#71899a;margin:0}footer a:not(.brand){font-weight:800;color:var(--teal)}
@media (max-width: 900px){.site-header{padding:0 24px}.site-header nav{display:none}.hero{padding:45px 24px 65px;grid-template-columns:1fr;gap:48px}.hero-copy{padding-top:0}.product-scene{padding-left:24px;min-height:390px}.app-window{height:380px}.app-shell{height:333px}.app-content{padding:17px}.app-sidebar{width:112px}.trust-strip{padding:22px 24px;display:block}.trust-strip div{margin-top:10px}.section{padding:82px 24px}.features{column-gap:30px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card-wide{grid-column:1/-1}.workflow{padding:82px 24px;grid-template-columns:1fr;gap:20px}.contact{padding:82px 24px;gap:50px}.floating-note{left:0}.app-content-head h2{font-size:15px}}
@media (max-width: 600px){.site-header{height:70px}.header-actions .button-small{display:none}.hero{padding-top:34px}.hero-actions{gap:15px}.hero-lede{font-size:14px}.product-scene{padding-left:0;min-height:335px}.app-window{height:320px}.app-topbar{height:38px;padding:0 12px}.app-shell{height:282px}.app-sidebar{width:82px;padding-top:10px}.app-side-label,.app-nav span:last-child,.app-side-foot span:last-child{display:none}.app-nav{padding:0;justify-content:center;height:30px}.app-nav.active{padding:0;border-left-width:2px}.app-content{padding:13px 11px}.app-content-head p{font-size:5px}.app-content-head h2{font-size:11px}.mini-date{display:none}.metric-grid{gap:5px;margin-top:10px}.metric-card{height:55px;padding:7px}.metric-card strong{font-size:16px}.metric-card>span{font-size:5px;bottom:7px;right:5px}.metric-card p{font-size:5px}.data-row{gap:5px;margin-top:5px}.chart-card,.student-card{height:145px;padding:7px}.card-heading{font-size:6px}.bars{height:91px;gap:5px;padding:16px 5px 0}.bars i{width:10px}.student-profile{margin-top:10px;gap:5px}.student-avatar{width:22px;height:22px;font-size:7px}.student-profile strong{font-size:7px}.student-profile small{font-size:5px}.student-score{margin-top:13px;padding-top:6px;font-size:5px}.student-score strong{font-size:12px}.floating-note{display:none}.orbit-one{width:450px;height:450px}.orbit-two{width:330px;height:330px}.trust-strip div{font-size:9px;gap:9px;flex-wrap:wrap}.section-intro h2,.workflow h2,.contact h2{font-size:34px}.features{display:block}.section-copy{margin-top:22px}.feature-grid{grid-template-columns:1fr;margin-top:36px}.feature-card-wide{grid-column:auto}.feature-card{min-height:330px}.steps{grid-template-columns:1fr;gap:35px}.steps article{display:grid;grid-template-columns:34px 45px 1fr;column-gap:12px}.steps article>span{grid-column:1}.step-symbol{grid-column:2;grid-row:1/3;padding:0;height:auto}.steps h3{grid-column:3;grid-row:1;margin:0}.steps p{grid-column:3;grid-row:2}.contact{grid-template-columns:1fr;padding-top:76px}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.form-footer{align-items:flex-end;gap:13px}.form-footer .button{min-width:145px}footer{margin:0 24px;min-height:75px}.brand{font-size:16px}footer p{display:none}}