:root{
  --ink:#071d31;--ink2:#0c2b40;--navy:#061c2d;--navy2:#0a3048;
  --teal:#0d9caf;--teal2:#13b7c1;--red:#ed1c24;--muted:#637789;
  --line:#dfe8ed;--paper:#fff;--soft:#f7fafc;--shadow:0 16px 42px rgba(9,37,56,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}.container{width:min(1180px,calc(100% - 48px));margin:auto}.red{color:var(--red)!important}.teal{color:var(--teal)!important}
.site-header{height:84px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(8,37,56,.05);backdrop-filter:blur(12px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);min-width:270px}.brand img{width:62px;height:56px;object-fit:contain}.brand-title{display:flex;align-items:baseline;gap:4px;font-size:23px}.brand-title strong{font-weight:800}.brand-title span{font-weight:500}.main-nav{display:flex;align-items:center;justify-content:center;gap:34px;flex:1}.main-nav a{font-size:12px;text-transform:uppercase;text-decoration:none;color:#071523;font-weight:700;padding:31px 0 27px;position:relative}.main-nav a.active:after,.main-nav a:hover:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:19px;background:var(--teal)}.btn-login{display:flex;align-items:center;gap:8px;padding:13px 22px;border-radius:26px;background:linear-gradient(90deg,#098c9f,#13b8c4);color:white;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;white-space:nowrap}.btn-login svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.menu-toggle{display:none;background:none;border:0;width:40px;height:40px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px auto}
.hero{position:relative;min-height:510px;background:radial-gradient(circle at 72% 35%,rgba(19,183,193,.08),transparent 30%),linear-gradient(115deg,#fff 0%,#fff 56%,#f8fbfc 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:46% 54%;min-height:510px;align-items:center}.hero-copy{padding:28px 0 34px;z-index:2}.eyebrow{color:var(--teal);font-size:12px;letter-spacing:.08em;font-weight:700;margin-bottom:17px}.hero h1{font-size:42px;line-height:1.08;letter-spacing:-1.7px;margin:0 0 18px;font-weight:800}.hero-copy>p{max-width:530px;font-size:14px;line-height:1.65;color:#263a4a;margin:0 0 25px}.journey-mini{display:flex;align-items:center;gap:12px;margin:8px 0 30px}.mini-step{display:flex;align-items:center;gap:8px}.mini-step strong{font-size:11px}.mini-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:white;font-size:20px;box-shadow:0 6px 18px rgba(13,156,175,.18)}.teal-bg{background:#078ca0}.teal-bg.alt{background:#15b3bd}.red-bg{background:var(--red)}.mini-arrow{font-size:22px;color:#28758b}.btn-primary{display:inline-flex;align-items:center;gap:24px;border-radius:7px;background:linear-gradient(90deg,#078ba0,#12b4bf);color:#fff;text-decoration:none;font-size:12px;font-weight:700;padding:14px 22px;box-shadow:0 10px 22px rgba(9,157,177,.2)}.btn-primary.small{padding:12px 18px;margin-top:20px}.hero-visual{height:100%;min-height:510px;position:relative}.hero-photo{position:absolute;inset:18px -72px -5px -25px;background:url('../images/hero-reference.png') 63% 58%/151% auto no-repeat;mask-image:linear-gradient(to left,#000 82%,transparent 99%),linear-gradient(to top,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to left,#000 82%,transparent 99%);opacity:.98}.ui-panel{position:absolute;background:rgba(255,255,255,.95);border:1px solid rgba(8,39,57,.06);border-radius:10px;box-shadow:var(--shadow);padding:15px 16px;z-index:4}.ui-panel small{font-weight:700;font-size:10px}.performance-panel{width:230px;right:2px;top:20px}.performance-flex{display:flex;align-items:center;gap:14px;margin-top:9px}.ring{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0 78%,#dcebee 78%);position:relative}.ring:before{content:"";position:absolute;width:47px;height:47px;border-radius:50%;background:white}.ring span{position:relative;font-weight:800;font-size:18px}.line-chart{width:120px;height:55px;color:#f35c5c}.trend{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#778795;margin-top:4px}.trend strong{font-size:11px;color:#1a9a77}.focus-panel{width:184px;right:0;top:158px}.focus-panel small{display:block;margin-bottom:12px}.focus-row{display:flex;justify-content:space-between;font-size:8px;margin:8px 0 4px}.bar{height:4px;border-radius:10px;background:#edf1f3}.bar i{display:block;height:100%;border-radius:inherit;background:#f14343}.bar.orange i{background:#f4a33c}.bar.tealbar i{background:var(--teal)}.focus-panel a{display:block;text-align:center;color:var(--teal);font-size:8px;text-decoration:none;font-weight:700;border-top:1px solid #edf1f3;margin-top:10px;padding-top:8px}.dot-grid{position:absolute;width:130px;height:130px;background-image:radial-gradient(var(--teal) 1.3px,transparent 1.3px);background-size:12px 12px;opacity:.45}.hero-dots-a{right:2%;top:90px}.hero-dots-b{right:2%;bottom:-20px}
.overview{position:relative;margin-top:-2px;padding:0 0 22px;background:linear-gradient(#fff,#f8fbfc)}.overview-grid{background:white;border-radius:20px;box-shadow:0 10px 35px rgba(7,32,48,.09);display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;position:relative}.overview-item{min-height:210px;position:relative;padding:28px 23px 20px 34px;display:grid;grid-template-columns:48px 1fr;gap:13px;overflow:hidden}.overview-item+.overview-item{border-left:1px solid #edf1f3}.icon-circle{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#11aab7;color:white;font-size:22px;position:relative;z-index:3}.icon-circle.dark{background:#167c98}.icon-circle.red-icon{background:var(--red)}.overview-copy{position:relative;z-index:3;max-width:160px}.overview-copy h3{margin:10px 0 9px;color:#078ea3;font-size:15px}.overview-copy p{font-size:10.5px;line-height:1.65;color:#243848;margin:0}.photo-slice{position:absolute;right:-2px;bottom:-4px;width:48%;height:95%;background-image:url('../images/master-reference.png');background-repeat:no-repeat;filter:saturate(.95);mask-image:linear-gradient(to right,transparent,#000 26%);-webkit-mask-image:linear-gradient(to right,transparent,#000 26%)}.slice-homework{background-size:325% auto;background-position:33% 24%}.slice-improvement{background-size:325% auto;background-position:92% 24%}.monitor-widget{position:absolute;right:22px;bottom:24px;width:128px;height:134px;background:#f5fbfd;border-radius:8px;box-shadow:0 8px 18px rgba(8,53,73,.09);padding:10px;color:#1e829c}.monitor-top{height:12px;border-radius:3px;background:#e2eff2;margin-bottom:6px}.monitor-widget svg{width:100%;height:58px}.donut{width:42px;height:42px;border-radius:50%;background:conic-gradient(var(--teal) 0 65%,#86d5de 65% 82%,#e1eef0 82%);position:absolute;left:15px;bottom:9px}.donut:after{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}
.journey-section{position:relative;background:radial-gradient(circle at 50% 10%,#0a344d 0,#061c2d 48%,#031827 100%);color:white;padding:24px 0 34px;overflow:hidden;min-height:455px}.journey-glow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,156,175,.05),transparent 25%,transparent 75%,rgba(13,156,175,.05));pointer-events:none}.section-heading{text-align:center;margin:0 0 14px}.section-heading span{font-size:9px;letter-spacing:.1em;color:#14b7c3;font-weight:700}.section-heading h2{margin:6px 0 0;font-size:22px}.journey-grid{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;gap:12px;max-width:820px;margin:auto;position:relative;z-index:3}.journey-card{padding:0 13px 0;min-height:330px}.step-no{font-size:47px;line-height:1;color:transparent;-webkit-text-stroke:1px #0ca4b6;opacity:.85}.step-head{display:flex;gap:9px;align-items:center;margin-bottom:12px}.round-small{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0f9caf;font-size:17px}.step-head b{color:#15b8c4;font-size:11px}.step-head h3{font-size:14px;margin:2px 0 0}.red-step b{color:#ff4448}.red-step .round-small{color:var(--red)}.journey-card>p{font-size:9px;line-height:1.55;color:#dbe7ed;min-height:70px}.flow-arrow{font-size:42px;color:#0bb0bd;align-self:center;transform:translateY(20px)}.dark-demo{border:1px solid #30576b;background:rgba(12,43,64,.86);border-radius:8px;padding:11px 12px;height:120px;font-size:8px}.dark-demo>span,.light-demo>span{display:block;font-weight:700;margin-bottom:9px}.list-demo ol{padding:0 0 0 15px;margin:0}.list-demo li{padding:3px 0;display:flex;justify-content:space-between}.list-demo b{background:#0c94a6;color:white;border-radius:4px;padding:1px 5px}.chart-demo{position:relative}.chart-demo svg{width:68%;height:70px}.score-dark{position:absolute;right:10px;bottom:22px;text-align:right}.score-dark small{display:block;font-size:6px}.score-dark strong{font-size:22px;display:block}.score-dark b{color:#2be09f}.light-demo{background:white;color:#0a2335;border-radius:8px;padding:11px 12px;height:120px;font-size:8px}.light-demo>div{display:flex;justify-content:space-between;padding:4px 0}.light-demo>div b{color:#e53b3f}.light-demo button{width:100%;border:0;border-radius:5px;background:#12aab7;color:white;font-size:8px;padding:6px;margin-top:5px}.journey-photo{position:absolute;bottom:-14px;width:250px;height:340px;background-image:url('../images/master-reference.png');background-repeat:no-repeat;background-size:410% auto;z-index:1;opacity:.94;filter:saturate(.95)}.journey-photo.left{left:-48px;background-position:2% 52%;mask-image:linear-gradient(to right,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 70%,transparent 100%)}.journey-photo.right{right:-38px;background-position:99% 52%;mask-image:linear-gradient(to left,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to left,#000 70%,transparent 100%)}
.metrics{background:#f8fafb;padding:0 0 20px}.metrics-grid{transform:translateY(-1px);background:white;border-radius:20px;box-shadow:0 10px 30px rgba(8,37,55,.08);display:grid;grid-template-columns:repeat(4,1fr);padding:22px 18px}.metric{display:flex;align-items:center;gap:14px;padding:0 20px}.metric+.metric{border-left:1px solid #dce5e9}.metric-icon{width:46px;height:46px;border-radius:50%;border:1px solid #c9e8ec;display:grid;place-items:center;color:#0aa1b3;font-size:25px}.metric small{font-size:8px;font-weight:700}.metric strong{display:block;font-size:24px;color:#0d9caf;margin:3px 0}.metric p{margin:0;font-size:8px;color:#4d6271}
.parent-section{background:linear-gradient(120deg,#fff 10%,#f5f8fa 100%);padding:22px 0 16px;overflow:hidden}.parent-grid{display:grid;grid-template-columns:31% 45% 24%;min-height:270px;align-items:center}.parent-photo{height:260px;background:url('../images/master-reference.png') 1% 78%/315% auto no-repeat;mask-image:linear-gradient(to right,#000 80%,transparent 100%),linear-gradient(to top,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 80%,transparent 100%)}.parent-copy{padding:0 28px}.parent-copy h2{font-size:21px;margin:7px 0 10px}.parent-copy>p{font-size:11px;line-height:1.65;color:#304454;max-width:500px}.parent-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.parent-features div{text-align:center;color:#0f4260}.parent-features span{display:block;font-size:24px;margin-bottom:5px}.parent-features small{font-size:8px}.phone-mock{width:132px;height:250px;border:8px solid #0b0b0c;border-radius:30px;background:#111;margin:auto;transform:rotate(5deg);box-shadow:0 12px 24px rgba(0,0,0,.2);padding:5px}.phone-notch{position:absolute;width:55px;height:13px;border-radius:0 0 11px 11px;background:#0b0b0c;top:0;left:50%;transform:translateX(-50%);z-index:2}.phone-screen{height:100%;background:#f9fbfc;border-radius:18px;padding:22px 9px 8px;color:#1b2c37;font-size:6px}.phone-screen>small{font-size:6px}.phone-score{background:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(8,38,54,.08);padding:8px;margin-top:10px}.phone-score span{display:block}.phone-score strong{font-size:20px;color:#0b96a8;display:inline-block;margin-right:7px}.phone-score b{color:#1aae78}.phone-topic{background:#fff;border-radius:8px;padding:8px;margin-top:8px}.phone-topic>span{font-weight:700;display:block;margin-bottom:5px}.phone-topic div{display:flex;justify-content:space-between;padding:3px 0}.phone-topic b{color:#dd4040}.phone-nav{text-align:center;margin-top:10px;color:#0b91a4}
.final-cta{background:#f7f9fa;padding:0 18px 18px}.cta-inner{background:linear-gradient(110deg,#071d31,#0a3048);border-radius:0 0 18px 18px;color:#fff;min-height:112px;display:grid;grid-template-columns:86px 1fr 280px;align-items:center;padding:18px 28px}.cta-logo{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center}.cta-logo img{width:46px;height:46px;object-fit:contain}.cta-copy h3{font-size:18px;margin:0 0 4px}.cta-copy>div{display:flex;gap:10px;align-items:center;color:#12acba}.cta-copy strong{font-size:18px}.cta-copy p{font-size:10px;margin:6px 0 0;color:#dce6eb}.btn-cta{height:42px;border-radius:25px;background:linear-gradient(90deg,#0795a7,#16bdc7);display:flex;align-items:center;justify-content:center;gap:20px;color:white;text-decoration:none;font-size:10px;font-weight:700}
.compare-button{position:fixed;right:18px;bottom:18px;z-index:90;border:0;border-radius:22px;background:#071d31;color:#fff;font-weight:800;font-size:10px;letter-spacing:.08em;padding:12px 16px;box-shadow:0 7px 20px rgba(0,0,0,.22);cursor:pointer}.compare-overlay{position:fixed;inset:0;background:rgba(2,16,25,.93);z-index:120;display:none;padding:18px}.compare-overlay.open{display:flex;flex-direction:column}.compare-toolbar{display:flex;align-items:center;gap:18px;color:#fff;padding:0 0 10px}.compare-toolbar span{font-size:11px;color:#9eb7c4}.compare-toolbar button{margin-left:auto;background:#fff;color:#082033;border:0;border-radius:6px;padding:8px 14px;cursor:pointer}.compare-stage{position:relative;flex:1;overflow:auto;text-align:center}.compare-stage img{max-width:min(100%,1050px);height:auto;opacity:.5;transition:opacity .15s}.compare-stage input{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);width:min(560px,70vw);z-index:3}
.reveal{opacity:0;transform:translateY(16px);transition:.65s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media(max-width:1050px){.main-nav{gap:18px}.brand{min-width:230px}.hero h1{font-size:36px}.journey-photo{opacity:.5}.overview-copy{max-width:145px}.cta-inner{grid-template-columns:70px 1fr 230px}}
@media(max-width:860px){.site-header{height:72px}.nav-wrap{justify-content:space-between}.brand{min-width:0}.brand img{width:52px;height:46px}.brand-title{font-size:20px}.menu-toggle{display:block;margin-left:auto}.main-nav{position:absolute;top:72px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 18px;box-shadow:0 12px 25px rgba(0,0,0,.08)}.main-nav.open{display:flex}.main-nav a{padding:13px 0}.main-nav a:after{display:none}.btn-login{padding:10px 15px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center;padding-top:45px}.hero-copy>p{margin-left:auto;margin-right:auto}.journey-mini{justify-content:center}.hero-visual{min-height:440px}.hero-photo{inset:0 -120px -15px -80px;background-position:62% 57%;background-size:145% auto}.performance-panel{right:7%;top:12px}.focus-panel{right:5%;top:158px}.overview-grid{grid-template-columns:1fr}.overview-item+.overview-item{border-left:0;border-top:1px solid #edf1f3}.overview-item{min-height:190px}.overview-copy{max-width:45%}.photo-slice{width:46%}.monitor-widget{right:9%;width:150px}.journey-grid{grid-template-columns:1fr;max-width:560px}.flow-arrow{transform:rotate(90deg);justify-self:center;margin:-8px 0}.journey-card{min-height:auto}.journey-photo{display:none}.metrics-grid{grid-template-columns:1fr 1fr;gap:20px}.metric:nth-child(3){border-left:0}.parent-grid{grid-template-columns:1fr 1.3fr}.phone-mock{display:none}.parent-photo{height:250px}.cta-inner{grid-template-columns:58px 1fr;gap:14px}.btn-cta{grid-column:1/-1;margin-top:5px}.cta-copy strong{font-size:15px}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.brand-copy{display:none}.btn-login{font-size:0;width:42px;height:42px;padding:0;justify-content:center}.btn-login svg{width:18px;height:18px}.hero h1{font-size:32px}.hero-copy>p{font-size:13px}.journey-mini{gap:7px;flex-wrap:wrap}.mini-step strong{font-size:9px}.mini-arrow{font-size:18px}.hero-visual{min-height:390px}.hero-photo{inset:35px -150px -5px -90px;background-size:160% auto}.performance-panel{width:190px;left:0;right:auto;top:0}.focus-panel{width:165px;right:0;top:145px}.overview-copy{max-width:58%}.photo-slice{width:42%}.monitor-widget{right:4%;width:120px}.metrics-grid{grid-template-columns:1fr;padding:16px}.metric+.metric{border-left:0;border-top:1px solid #e3eaed;padding-top:14px}.parent-grid{grid-template-columns:1fr}.parent-photo{height:220px;background-size:300% auto}.parent-copy{padding:12px 0 15px;text-align:center}.parent-features{grid-template-columns:1fr 1fr}.cta-inner{padding:18px;grid-template-columns:1fr;text-align:center}.cta-logo{margin:auto}.cta-copy>div{justify-content:center;flex-wrap:wrap}.btn-cta{grid-column:auto}.compare-button{right:10px;bottom:10px}.compare-overlay{padding:10px}}