:root{--navy:#101d48;--navy2:#16265b;--green:#16a85a;--green2:#0f9b50;--muted:#65708d;--line:#e6ebf3;--blue:#1757d5;--bg:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--navy);background:#fff}.container{width:min(1400px,calc(100% - 160px));margin:0 auto}a{text-decoration:none;color:inherit}.site-header{height:88px;border-bottom:1px solid #edf1f6;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;min-width:205px}.brand-logo{display:block;width:190px;height:auto;line-height:0}.brand-logo img{display:block;width:100%;height:auto}.brand-text{display:none}.main-nav{display:flex;align-items:center;justify-content:center;gap:29px;flex:1}.main-nav a{font-size:14px;font-weight:650;color:#182654;white-space:nowrap}.nav-chevron{font-size:13px;margin-left:3px}.nav-actions{display:flex;align-items:center;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:12px 20px;font-size:14px;font-weight:750;transition:.2s ease;border:1px solid transparent;cursor:pointer}.btn-primary{background:#0c54d8;color:#fff;box-shadow:0 5px 14px rgba(12,84,216,.16)}.btn-primary:hover{background:#0847ba;transform:translateY(-1px)}.btn-outline{border-color:#9bb5eb;color:#1651c6;background:#fff}.btn-outline:hover{background:#f4f8ff}.language-picker{position:relative}.language-btn{height:42px;padding:0 15px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#1b2850;font-weight:650;font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer}.globe{font-size:16px}.language-menu{position:absolute;right:0;top:43px;width:145px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 35px rgba(24,43,86,.14);display:none}.language-menu.open{display:block}.language-menu a{display:block;padding:8px 10px;border-radius:7px;font-size:12px}.language-menu a:hover,.language-menu a.active{background:#eef7f1;color:var(--green);font-weight:700}.mobile-menu{display:none;border:0;background:none;padding:5px}.mobile-menu span{display:block;width:23px;height:2px;background:var(--navy);margin:4px;border-radius:2px}
.hero{position:relative;overflow:hidden;min-height:575px;background:radial-gradient(circle at 82% 38%,rgba(219,248,236,.78) 0,rgba(219,248,236,.25) 22%,transparent 43%),radial-gradient(circle at 8% 55%,rgba(224,237,255,.85) 0,rgba(224,237,255,.28) 30%,transparent 52%),linear-gradient(135deg,#f7fbff 0%,#fff 50%,#f5fbf8 100%);border-bottom-left-radius:50% 5%;border-bottom-right-radius:50% 5%;padding:56px 0 55px}.hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-60px;height:95px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}.hero-grid{display:grid;grid-template-columns:minmax(500px,.92fr) minmax(650px,1.28fr);gap:44px;align-items:center;position:relative;z-index:2}.hero-copy{padding-left:1px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#e5f8ee;color:#11854b;padding:9px 15px;border-radius:20px;font-size:13px;font-weight:800}.hero-copy h1{font-size:52px;line-height:1.08;letter-spacing:-2px;margin:22px 0 20px;color:#101d48}.hero-copy h1 span{color:#16a85a}.hero-text{max-width:600px;color:#56637f;font-size:17px;line-height:1.65;margin:0}.hero-benefits{display:flex;gap:30px;margin-top:28px;flex-wrap:wrap}.hero-benefits>div{display:flex;gap:8px;align-items:flex-start}.hero-benefits b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#17a85a;color:#fff;font-size:12px}.hero-benefits span{display:flex;flex-direction:column}.hero-benefits strong{font-size:14px;color:#162452}.hero-benefits small{font-size:11px;color:#73809c;margin-top:4px;white-space:nowrap}.hero-actions{display:flex;gap:16px;margin-top:30px}.btn-large{padding:15px 30px;min-width:210px;font-size:15px}.btn-large span{font-size:17px}.btn-watch{background:#fff;border:1px solid #dfe5ee;color:#142453;min-width:145px}.play{font-size:10px}.no-card{margin-top:16px;color:#687590;font-size:13px}.no-card span{color:#64799b;font-size:15px;vertical-align:-1px}.hero-product{position:relative;min-height:382px}.dashboard-window{position:relative;background:#fff;border:1px solid #e2e7ef;border-radius:11px;box-shadow:0 15px 38px rgba(31,55,105,.10);height:365px;overflow:hidden;display:flex}.dash-sidebar{width:112px;border-right:1px solid #edf0f5;padding:12px 8px;background:#fff}.dash-brand{font-size:8px;font-weight:800;color:#162452;margin:1px 3px 14px;display:flex;align-items:center;gap:3px}.dash-brand span{color:#19a95b;font-size:10px}.dash-brand i{margin-left:auto;color:#8390a9;font-style:normal}.dash-nav{height:28px;display:flex;align-items:center;gap:7px;padding:0 8px;border-radius:5px;color:#66718c;font-size:9px;margin-bottom:3px}.dash-nav.active{background:#edf4ff;color:#205bc7;font-weight:750}.dash-main{flex:1;padding:13px 14px;background:#fff}.dash-top{height:22px;display:flex;justify-content:flex-end;align-items:center;gap:13px;color:#65708b;font-size:12px}.notification{position:relative}.notification em{position:absolute;top:-6px;right:-6px;width:10px;height:10px;border-radius:50%;background:#e54848;color:#fff;font-size:6px;text-align:center;line-height:10px;font-style:normal}.avatar{width:20px;height:20px;border-radius:50%;background:#2a395d;color:#fff;font-size:8px;display:grid;place-items:center}.dash-welcome h3{font-size:12px;margin:7px 0 2px;color:#142453}.dash-welcome p{font-size:7px;color:#6c7890;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.metric{border:1px solid #e9edf3;border-radius:6px;padding:8px;background:#fff}.metric small{display:block;color:#7a8499;font-size:6px}.metric strong{display:block;color:#182654;font-size:12px;margin-top:5px}.metric em{font-size:6px;font-style:normal;display:block;margin-top:3px}.metric .up{color:#17a85a}.metric .down{color:#ef4d55}.dash-panels{display:grid;grid-template-columns:1.35fr .8fr;gap:8px;margin-top:8px}.revenue-card,.classes-card{border:1px solid #e9edf3;border-radius:7px;padding:9px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading strong{font-size:7px}.panel-heading span,.panel-heading a{font-size:6px;color:#77839b}.chart{height:175px;position:relative;margin-top:8px;padding-top:7px}.chart-grid{position:absolute;inset:8px 0 20px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{height:1px;background:#eef1f5;width:100%}.chart svg{position:absolute;left:0;right:0;top:8px;width:100%;height:145px}.chart-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:6px;color:#9099ac}.class-row{display:flex;gap:7px;margin-top:11px;align-items:flex-start}.class-row b{width:18px;height:18px;background:#e8f7ef;border-radius:4px;color:#149f55;font-size:9px;display:grid;place-items:center}.class-row span{font-size:6.5px;font-weight:750;color:#253153}.class-row small{display:block;font-size:5.5px;color:#8a94a7;margin-top:2px;font-weight:500}.hero-person{position:absolute;right:-3px;bottom:-31px;width:130px;height:115px;z-index:5}.person-head{position:absolute;width:29px;height:31px;border-radius:45% 45% 48% 48%;background:#d99b70;left:52px;top:3px;z-index:3}.person-hair{position:absolute;width:34px;height:32px;border-radius:50% 55% 30% 35%;background:#17264c;left:48px;top:0;z-index:4;transform:rotate(-8deg)}.person-body{position:absolute;width:72px;height:76px;border-radius:35px 35px 5px 5px;background:#17aa5c;left:37px;top:28px}.person-arm{position:absolute;width:58px;height:18px;background:#17aa5c;border-radius:20px;left:57px;top:67px;transform:rotate(14deg);z-index:3}.laptop{position:absolute;width:86px;height:48px;background:#3b465b;left:11px;bottom:0;transform:skew(-9deg);border-radius:4px}.laptop:after{content:"";position:absolute;left:-10px;bottom:-5px;width:106px;height:8px;background:#8991a0;border-radius:50%}.laptop span{position:absolute;width:7px;height:7px;border-radius:50%;background:#dfe5ef;left:40px;top:20px}.floating-leaf{position:absolute;right:-6px;bottom:15px;color:#18a95c;font-size:28px;z-index:6}.trusted{padding:18px 0 19px;border-bottom:1px solid #f0f2f6;background:#fff}.trusted p{text-align:center;font-size:11px;color:#7d879c;font-weight:700;margin:0 0 13px}.logo-row{display:flex;justify-content:space-between;align-items:center;color:#8993a8}.logo-row span{font-size:11px;display:grid;grid-template-columns:18px auto;align-items:center;column-gap:3px;line-height:1.05;opacity:.8}.logo-row span:first-letter{font-size:17px}.logo-row b{font-size:10px;letter-spacing:.4px}.logo-row small{grid-column:2;font-size:6px;letter-spacing:1px}.features-section{padding:34px 0 30px}.section-heading{text-align:center}.section-heading>span{font-size:9px;font-weight:800;color:#13a057}.section-heading h2{font-size:24px;letter-spacing:-.5px;margin:7px 0 5px}.section-heading p{font-size:11px;color:#707b94;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:23px}.feature-card{min-height:107px;border:1px solid #e4e9f1;border-radius:9px;padding:15px;display:flex;gap:13px;align-items:flex-start;background:#fff}.feature-card:hover{box-shadow:0 8px 22px rgba(32,55,100,.07);transform:translateY(-2px);transition:.2s}.feature-card .icon{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:17px;flex:none}.icon.green{background:#e7f8ee;color:#18a65a}.icon.blue{background:#e7f0ff;color:#2d6ce5}.icon.purple{background:#eee9ff;color:#7a4be4}.icon.yellow{background:#fff4db;color:#d49a11}.icon.red{background:#ffe9e9;color:#ef6b70}.icon.cyan{background:#ddf5f5;color:#21a2a3}.feature-card h3{font-size:12px;margin:2px 0 7px}.feature-card p{font-size:10px;line-height:1.5;color:#6e7993;margin:0}.stats-section{padding:5px 0 26px}.stats-bar{min-height:76px;border:1px solid #dceee5;border-radius:13px;background:linear-gradient(100deg,#eefbf4,#eef7ff);display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;align-items:center;padding:0 36px}.stats-bar>div{display:grid;grid-template-columns:45px 1fr;align-items:center;column-gap:7px}.stats-bar i{grid-row:1/3;width:38px;height:38px;border-radius:10px;background:#dff6e8;color:#14a15a;display:grid;place-items:center;font-style:normal}.stats-bar strong{font-size:23px;color:#13a057;line-height:1}.stats-bar span{font-size:9px;color:#77829a;margin-top:3px}.stats-bar>div:nth-of-type(2) strong{color:#1855d1}.stats-bar>div:nth-of-type(4) strong{color:#123d83}.stats-bar>div:nth-of-type(3) strong{color:#159b61}.stats-bar>b{height:34px;background:#d8e6e4}.cta-section{padding:0 0 35px}.cta-card{min-height:138px;border:1px solid #e1e9f1;border-radius:14px;background:linear-gradient(100deg,#f7fcff,#f3fbf7);display:grid;grid-template-columns:220px 1fr 170px;align-items:center;overflow:hidden}.cta-illustration{height:138px;position:relative}.cta-person{position:absolute;width:70px;height:90px;background:#1aae61;border-radius:35px 35px 0 0;left:37px;bottom:-2px}.cta-person:before{content:"";position:absolute;width:28px;height:30px;background:#d99b70;border-radius:50%;left:22px;top:-13px}.cta-person:after{content:"";position:absolute;width:34px;height:20px;background:#17264c;border-radius:50% 50% 30% 30%;left:19px;top:-18px}.cta-laptop{position:absolute;width:92px;height:43px;background:#3c4658;left:90px;bottom:8px;transform:skew(-8deg);border-radius:4px}.cta-check{position:absolute;left:135px;top:19px;background:#fff;border-radius:9px;padding:8px;color:#18a85c;font-size:18px;box-shadow:0 6px 18px #cfe3d7}.cta-plant{position:absolute;right:3px;bottom:10px;color:#17a85a;font-size:25px}.cta-copy h2{font-size:20px;margin:0 0 5px}.cta-copy p{font-size:10px;color:#68758f;margin:0;line-height:1.5}.cta-actions{display:flex;gap:25px;align-items:center;margin-top:14px}.cta-actions .btn{min-width:185px}.demo-link{font-size:10px;color:#159b61;font-weight:750}.cta-points{display:flex;flex-direction:column;gap:12px}.cta-points span{font-size:10px;color:#17a85a}.cta-points b{color:#52627e;margin-left:6px}.site-footer{border-top:1px solid #eef1f5;padding-top:27px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr) 1.5fr;gap:24px;padding-bottom:25px}.footer-grid h4{font-size:10px;margin:3px 0 13px}.footer-grid>div:not(.footer-brand):not(.subscribe) a{display:block;font-size:9px;color:#69758e;margin-bottom:9px}.footer-brand .brand{margin-bottom:13px}.footer-brand p{font-size:9px;color:#707b92;line-height:1.6;max-width:210px}.socials{display:flex;gap:9px;margin-top:12px}.socials a{width:20px;height:20px;border-radius:50%;background:#edf1f7;display:grid;place-items:center;font-size:9px;color:#66728b}.subscribe{background:#f5faf7;border:1px solid #e4f0e9;border-radius:8px;padding:12px}.subscribe p{font-size:8px;color:#78849a;line-height:1.45}.subscribe form{display:flex;margin-top:8px}.subscribe input{width:100%;min-width:0;border:1px solid #dde6e2;border-radius:5px 0 0 5px;padding:8px;font-size:8px;outline:none}.subscribe button{width:30px;border:0;border-radius:0 5px 5px 0;background:#17a85a;color:#fff}.footer-bottom{border-top:1px solid #eef1f5;padding:12px 0 14px;display:flex;justify-content:space-between;color:#78839a;font-size:8px}.footer-bottom a{color:#68758f}.sr-only-section{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.demo-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center}.demo-modal.open{display:flex}.demo-backdrop{position:absolute;inset:0;background:rgba(10,23,52,.45);backdrop-filter:blur(3px)}.demo-dialog{position:relative;width:min(410px,calc(100% - 35px));background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 25px 70px rgba(10,30,70,.25);z-index:1}.demo-dialog h2{margin:10px 0 6px;font-size:22px}.demo-dialog p{font-size:13px;line-height:1.6;color:#68758f}.demo-icon{margin:auto;width:44px;height:44px;border-radius:50%;background:#e9f8ef;color:#16a85a;display:grid;place-items:center}.demo-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:26px;color:#68758f;cursor:pointer}.demo-dialog .btn{margin-top:10px}.menu-open .main-nav{display:flex}
@media(max-width:1050px){.main-nav{gap:17px}.nav-actions{gap:9px}.hero-grid{grid-template-columns:1fr 1.15fr}.hero-copy h1{font-size:32px}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}}
@media(max-width:850px){.site-header{height:68px}.container{width:min(100% - 34px,700px)}.mobile-menu{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 25px rgba(20,40,80,.08);padding:15px 25px;flex-direction:column;align-items:flex-start;gap:0}.main-nav a{padding:11px 0}.nav-actions{display:none}.hero{padding:30px 0}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-text{margin-left:auto;margin-right:auto}.hero-benefits{justify-content:center}.hero-actions{justify-content:center}.no-card{text-align:center}.hero-product{margin-top:15px;min-height:330px}.dashboard-window{height:320px}.dash-sidebar{width:90px}.dash-nav{font-size:8px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dash-panels{grid-template-columns:1.2fr .8fr}.feature-grid{grid-template-columns:1fr 1fr}.stats-bar{padding:16px;grid-template-columns:1fr 1fr;gap:18px}.stats-bar>b{display:none}.cta-card{grid-template-columns:150px 1fr;padding-right:15px}.cta-points{display:none}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:20px}.subscribe{grid-column:span 2}.logo-row{flex-wrap:wrap;gap:20px;justify-content:center}}
@media(max-width:560px){.container{width:calc(100% - 26px)}.brand{min-width:0}.brand-text strong{font-size:18px}.hero-copy h1{font-size:30px}.hero-benefits{gap:11px;flex-wrap:wrap}.hero-benefits small{font-size:8px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:210px}.hero-product{min-height:235px}.dashboard-window{height:245px}.dash-sidebar{width:66px;padding:8px 5px}.dash-brand{font-size:6px}.dash-nav{height:24px;font-size:6px;padding:0 4px;gap:3px}.dash-nav span{display:none}.dash-main{padding:8px}.dash-welcome h3{font-size:9px}.dash-welcome p{font-size:5px}.metric{padding:5px}.metric small{font-size:5px}.metric strong{font-size:9px}.dash-panels{grid-template-columns:1fr}.classes-card{display:none}.chart{height:115px}.chart svg{height:95px}.hero-person{transform:scale(.7);transform-origin:right bottom}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:95px}.stats-bar{grid-template-columns:1fr 1fr}.stats-bar strong{font-size:17px}.stats-bar span{font-size:8px}.cta-card{grid-template-columns:1fr;padding:20px}.cta-illustration{display:none}.cta-copy{text-align:center}.cta-actions{flex-direction:column;gap:10px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand,.subscribe{grid-column:span 2}.footer-bottom{flex-direction:column;gap:8px}.logo-row{display:grid;grid-template-columns:repeat(2,1fr);text-align:center}.logo-row span{justify-content:center}.site-footer{padding-top:22px}}

/* ===== Landing page refinement: match supplied reference ===== */
@media (min-width: 851px) {
  .container {
    width: min(1400px, calc(100% - 160px));
  }
  .nav-wrap { gap: 34px; }
  .brand { min-width: 215px; }
  .brand-text strong { font-size: 24px; }
  .brand-text small { font-size: 11px; }
  .main-nav { gap: 34px; }
  .main-nav a { font-size: 14px; }
  .nav-actions { gap: 16px; }
  .language-btn { height: 42px; padding: 0 15px; font-size: 14px; }
  .language-menu { top: 50px; width: 170px; }
  .language-menu a { padding: 10px 12px; font-size: 14px; }
  .btn { padding: 12px 20px; font-size: 14px; }

  .hero { min-height: 610px; padding: 52px 0 58px; }
  .hero-grid { grid-template-columns: 0.92fr 1.08fr; gap: 50px; }
  .eyebrow { padding: 8px 14px; font-size: 12px; }
  .hero-copy h1 { font-size: clamp(44px, 4vw, 58px); line-height: 1.12; letter-spacing: -2px; margin: 22px 0 18px; }
  .hero-text { max-width: 610px; font-size: 17px; line-height: 1.7; }
  .hero-benefits { gap: 32px; margin-top: 30px; }
  .hero-benefits b { width: 21px; height: 21px; font-size: 13px; }
  .hero-benefits strong { font-size: 14px; }
  .hero-benefits small { font-size: 12px; margin-top: 4px; }
  .hero-actions { gap: 16px; margin-top: 30px; }
  .btn-large { min-width: 205px; padding: 15px 30px; font-size: 14px; }
  .no-card { margin-top: 17px; font-size: 12px; }

  .hero-product { min-height: 440px; }
  .dashboard-window { height: 425px; border-radius: 13px; }
  .dash-sidebar { width: 130px; padding: 16px 10px; }
  .dash-brand { font-size: 10px; margin: 2px 4px 18px; }
  .dash-nav { height: 32px; font-size: 11px; gap: 8px; padding: 0 9px; }
  .dash-main { padding: 16px 18px; }
  .dash-top { height: 27px; font-size: 14px; }
  .avatar { width: 24px; height: 24px; font-size: 10px; }
  .dash-welcome h3 { font-size: 15px; margin-top: 9px; }
  .dash-welcome p { font-size: 9px; }
  .metric-grid { gap: 9px; margin-top: 16px; }
  .metric { padding: 10px; border-radius: 7px; }
  .metric small { font-size: 8px; }
  .metric strong { font-size: 15px; margin-top: 6px; }
  .metric em { font-size: 8px; }
  .dash-panels { gap: 10px; margin-top: 10px; }
  .revenue-card,.classes-card { padding: 11px; }
  .panel-heading strong { font-size: 9px; }
  .panel-heading span,.panel-heading a { font-size: 8px; }
  .chart { height: 205px; }
  .chart svg { height: 170px; }
  .chart-labels { font-size: 8px; }
  .class-row { gap: 8px; margin-top: 13px; }
  .class-row b { width: 21px; height: 21px; font-size: 10px; }
  .class-row span { font-size: 8px; }
  .class-row small { font-size: 7px; }

  .trusted { padding: 24px 0 25px; }
  .trusted p { font-size: 13px; margin-bottom: 18px; }
  .logo-row b { font-size: 12px; }
  .logo-row small { font-size: 7px; }

  .features-section { padding: 48px 0 40px; }
  .section-heading>span { font-size: 11px; }
  .section-heading h2 { font-size: 31px; margin: 9px 0 7px; }
  .section-heading p { font-size: 14px; }
  .feature-grid { gap: 16px; margin-top: 30px; }
  .feature-card { min-height: 130px; padding: 20px; gap: 16px; border-radius: 11px; }
  .feature-card .icon { width: 46px; height: 46px; border-radius: 11px; font-size: 20px; }
  .feature-card h3 { font-size: 15px; margin: 2px 0 8px; }
  .feature-card p { font-size: 12px; line-height: 1.6; }

  .stats-section { padding: 7px 0 34px; }
  .stats-bar { min-height: 92px; padding: 0 42px; }
  .stats-bar>div { grid-template-columns: 50px 1fr; column-gap: 10px; }
  .stats-bar i { width: 44px; height: 44px; }
  .stats-bar strong { font-size: 28px; }
  .stats-bar span { font-size: 11px; }

  .cta-section { padding-bottom: 48px; }
  .cta-card { min-height: 170px; grid-template-columns: 260px 1fr 205px; }
  .cta-illustration { height: 170px; }
  .cta-copy h2 { font-size: 26px; }
  .cta-copy p { font-size: 13px; }
  .cta-actions { margin-top: 17px; }
  .demo-link { font-size: 12px; }
  .cta-points { gap: 15px; }
  .cta-points span { font-size: 12px; }

  .site-footer { padding-top: 34px; }
  .footer-grid { gap: 30px; padding-bottom: 32px; }
  .footer-grid h4 { font-size: 12px; margin-bottom: 15px; }
  .footer-grid>div:not(.footer-brand):not(.subscribe) a { font-size: 11px; margin-bottom: 11px; }
  .footer-brand p { font-size: 11px; }
  .footer-bottom { padding: 15px 0 18px; font-size: 10px; }
}

/* Keep the requested 80px side breathing room on desktop, while avoiding overflow. */
@media (min-width: 1200px) {
  .container { width: min(1400px, calc(100% - 160px)); }
}

@media (min-width: 851px) and (max-width: 1050px) {
  .container { width: calc(100% - 120px); }
  .hero-copy h1 { font-size: 43px; }
  .hero-text { font-size: 15px; }
  .hero-benefits { gap: 18px; }
  .hero-benefits strong { font-size: 12px; }
  .hero-benefits small { font-size: 10px; }
  .dashboard-window { height: 380px; }
  .hero-product { min-height: 395px; }
}

@media (max-width: 850px) {
  .language-menu { z-index: 100; }
  .language-btn { height: 40px; font-size: 13px; }
}

.hero-dashboard-image{position:relative;width:100%;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(226,231,239,.9);box-shadow:0 28px 65px rgba(31,55,105,.16),0 6px 20px rgba(22,168,90,.07)}
.hero-dashboard-image>img:first-child{display:block;width:100%;height:auto}
.hero-dashboard-logo{position:absolute;left:25px;top:17px;width:88px;height:auto;max-height:28px;object-fit:contain;object-position:left center}

@media (max-width:1200px){
  .container{width:min(1180px,calc(100% - 96px))}
  .hero-grid{grid-template-columns:1fr 1.1fr;gap:28px}
  .hero-copy h1{font-size:45px}
}
@media (max-width:900px){
  .container{width:calc(100% - 40px)}
  .site-header{height:72px}
  .main-nav{display:none}
  .nav-actions{margin-left:auto}
  .mobile-menu{display:block;order:3}
  .hero{padding:45px 0 50px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-copy h1{font-size:43px}
  .hero-product{min-height:auto}
}
@media (max-width:600px){
  .container{width:calc(100% - 28px)}
  .brand-logo{width:155px}
  .nav-actions .language-picker{display:none}
  .nav-actions .btn-outline{display:none}
  .hero-copy h1{font-size:36px;letter-spacing:-1.3px}
  .hero-text{font-size:15px}
  .hero-benefits{gap:14px}
  .hero-actions{flex-direction:column}
  .btn-large,.btn-watch{width:100%}
  .hero-dashboard-logo{left:15px;top:11px;width:68px}
}


/* ===== Kaiay Hero V2 ===== */
.hero-v2{
position:relative;
overflow:hidden;
isolation:isolate;
padding:54px 0 62px;
min-height:560px;
background:
radial-gradient(700px 430px at 92% 55%,rgba(190,246,222,.36),transparent 68%),
radial-gradient(650px 420px at 5% 72%,rgba(211,229,255,.48),transparent 70%),
linear-gradient(180deg,#fbfdff 0%,#f7fbff 48%,#fff 100%);
}
.hero-v2:before{
content:"";
position:absolute;
width:620px;height:620px;
right:-360px;top:-250px;
border-radius:50%;
background:rgba(215,249,233,.34);
filter:blur(8px);
z-index:-2;
}
.hero-v2:after{
content:"";
position:absolute;
left:-5%;right:-5%;bottom:-74px;height:128px;
background:#fff;
border-radius:50% 50% 0 0/55% 55% 0 0;
z-index:-1;
}
.hero-v2-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);
align-items:center;
gap:54px;
min-height:480px;
}
.hero-v2-copy{position:relative;z-index:3;padding-top:2px}
.hero-v2-badge{
display:inline-flex;align-items:center;gap:8px;
background:#ddf8eb;color:#087f46;
border:1px solid #d0f0df;
border-radius:999px;
padding:9px 16px;
font-size:13px;font-weight:800;
}
.hero-v2-copy h1{
font-size:clamp(48px,4vw,64px);
line-height:1.07;
letter-spacing:-2.6px;
color:#101d48;
margin:22px 0 20px;
font-weight:800;
max-width:650px;
}
.hero-v2-copy h1 span{color:#11a75a;position:relative;white-space:nowrap}
.hero-v2-copy h1 span:after{
content:"";position:absolute;left:2px;right:0;bottom:-7px;
height:4px;background:#11a75a;border-radius:100%;
transform:rotate(-2deg);
}
.hero-v2-text{
max-width:650px;margin:0;
color:#526281;font-size:17px;line-height:1.65;
}
.hero-v2-benefits{
display:flex;align-items:center;flex-wrap:wrap;
gap:14px 28px;margin-top:27px;
color:#506281;font-size:15px;font-weight:650;
}
.hero-v2-benefits span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.hero-v2-benefits b{
display:grid;place-items:center;width:20px;height:20px;
border-radius:50%;background:#12a95c;color:#fff;font-size:12px;
}
.hero-v2-actions{display:flex;align-items:center;gap:16px;margin-top:29px}
.hero-v2-primary{
min-width:248px;justify-content:center;
padding:15px 28px;font-size:15px;font-weight:750;
border-radius:8px;
background:#0fa95b;
box-shadow:0 9px 24px rgba(15,169,91,.20);
}
.hero-v2-primary:hover{background:#0b914d}
.hero-v2-primary span{font-size:19px;margin-left:6px}
.hero-v2-demo{
min-width:225px;justify-content:center;
padding:14px 25px;font-size:15px;
border:1px solid #dce4ef;background:#fff;
border-radius:8px;
box-shadow:0 5px 17px rgba(30,55,95,.06);
color:#12214b;
}
.hero-v2-calendar{font-size:17px;margin-right:5px}
.hero-v2-note{
display:flex;align-items:center;gap:8px;
margin-top:16px;color:#63718a;font-size:13px;
}
.hero-v2-note span{
display:grid;place-items:center;width:19px;height:19px;
border:2px solid #10a95c;border-radius:50%;
color:#10a95c;font-weight:800;font-size:10px;
}
.hero-v2-visual{
position:relative;
min-width:0;
padding:4px 0 25px;
}
.hero-v2-dashboard{
position:relative;
width:100%;
border-radius:17px;
background:#fff;
border:1px solid #e4eaf1;
overflow:hidden;
box-shadow:0 24px 65px rgba(28,55,102,.15),0 8px 24px rgba(20,170,92,.07);
}
.hero-v2-dashboard>img:first-child{
display:block;width:100%;height:auto;
}
.hero-v2-logo-cover{
position:absolute;
left:0;top:0;
width:20.2%;height:13.6%;
background:#fff;
display:flex;align-items:center;
padding:0 13px;
border-right:1px solid rgba(228,235,240,.8);
}
.hero-v2-logo-cover img{
width:90%;max-width:132px;height:auto;
object-fit:contain;object-position:left center;
}
.hero-v2-arrow{
position:absolute;
left:-45px;top:-34px;
width:68px;height:72px;
color:#0aa85a;font-size:68px;line-height:1;
transform:rotate(-18deg);
font-family:Georgia,serif;
z-index:4;
}
.hero-v2-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}
.hero-v2-glow-a{
width:520px;height:520px;right:-210px;top:15px;
background:radial-gradient(circle,rgba(91,225,166,.18),rgba(91,225,166,0) 68%);
}
.hero-v2-glow-b{
width:560px;height:380px;left:-260px;bottom:-180px;
background:radial-gradient(circle,rgba(99,176,255,.14),rgba(99,176,255,0) 70%);
}
.hero-v2-dots{
position:absolute;right:18px;top:19px;width:78px;height:78px;
opacity:.42;
background-image:radial-gradient(#18b972 1.7px,transparent 1.7px);
background-size:14px 14px;
z-index:1;
}
@media(max-width:1250px){.hero-v2-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}.hero-v2-copy h1{font-size:52px}.hero-v2-text{font-size:16px}.hero-v2-benefits{gap:15px 20px}.hero-v2-arrow{left:-30px;font-size:60px}}
@media(max-width:950px){.hero-v2{padding:48px 0 55px}.hero-v2-grid{grid-template-columns:1fr;gap:42px}.hero-v2-copy{text-align:center}.hero-v2-badge,.hero-v2-benefits,.hero-v2-actions,.hero-v2-note{justify-content:center}.hero-v2-text{margin-left:auto;margin-right:auto}.hero-v2-arrow{left:4%;top:-35px}.hero-v2-dashboard{max-width:760px;margin:0 auto}.hero-v2-logo-cover{width:19%;}.hero-v2-dots{right:4%;top:28px}}
@media(max-width:600px){.hero-v2{padding:38px 0 45px}.hero-v2-grid{gap:30px}.hero-v2-badge{font-size:12px;padding:8px 13px}.hero-v2-copy h1{font-size:36px;letter-spacing:-1.5px;line-height:1.1;margin:19px 0}.hero-v2-copy h1 span:after{height:3px;bottom:-5px}.hero-v2-text{font-size:14px;line-height:1.6}.hero-v2-benefits{font-size:12px;gap:12px 15px}.hero-v2-benefits b{width:18px;height:18px;font-size:10px}.hero-v2-actions{flex-direction:column;gap:10px}.hero-v2-primary,.hero-v2-demo{width:100%;max-width:330px}.hero-v2-note{font-size:12px}.hero-v2-arrow{display:none}.hero-v2-dots{display:none}.hero-v2-logo-cover{padding:0 7px}.hero-v2-logo-cover img{max-width:78px}}

/* ===== FINAL REFERENCE MATCH ===== */
@media (min-width: 851px){
  .container{width:calc(100% - 160px);max-width:none}

  .site-header{height:102px;position:relative}
  .nav-wrap{gap:32px}
  .brand{min-width:225px}
  .brand-logo{width:190px}
  .main-nav{gap:38px}
  .main-nav a{font-size:14px}
  .nav-actions{gap:18px}
  .language-btn{height:52px;padding:0 18px;font-size:15px;border-radius:9px}
  .language-menu{top:58px;width:175px}
  .language-menu a{font-size:14px;padding:10px 12px}
  .nav-actions .btn{height:52px;padding:0 22px;font-size:15px;border-radius:9px}
  .nav-actions .btn-primary{min-width:142px}

  .hero-v2{
    min-height:548px;
    padding:25px 0 34px;
    background:
      radial-gradient(620px 360px at 91% 56%,rgba(202,247,226,.48),transparent 72%),
      radial-gradient(580px 390px at 7% 65%,rgba(222,236,255,.62),transparent 73%),
      linear-gradient(180deg,#fbfdff 0%,#f8fbff 56%,#fff 100%);
  }
  .hero-v2:after{bottom:-48px;height:82px}
  .hero-v2-grid{
    grid-template-columns:minmax(550px,.9fr) minmax(700px,1.1fr);
    gap:34px;
    min-height:488px;
    align-items:center;
  }
  .hero-v2-copy{padding-top:0}
  .hero-v2-badge{padding:8px 15px;font-size:13px}
  .hero-v2-copy h1{
    font-size:50px;
    line-height:1.10;
    letter-spacing:-2.2px;
    margin:21px 0 18px;
    max-width:620px;
  }
  .hero-v2-copy h1 span:after{height:3px;bottom:-6px}
  .hero-v2-text{
    max-width:590px;
    font-size:17px;
    line-height:1.62;
  }
  .hero-v2-benefits{
    gap:12px 28px;
    margin-top:25px;
    font-size:15px;
  }
  .hero-v2-benefits b{width:19px;height:19px;font-size:11px}
  .hero-v2-actions{margin-top:27px;gap:15px}
  .hero-v2-primary,.hero-v2-demo{
    min-width:222px;
    height:51px;
    padding:0 24px;
    font-size:15px;
  }
  .hero-v2-primary{min-width:222px}
  .hero-v2-note{margin-top:14px;font-size:13px}

  .hero-v2-visual{padding:0;align-self:center}
  .hero-v2-dashboard{
    width:100%;
    max-width:820px;
    margin-left:auto;
    border-radius:16px;
  }
  .hero-v2-logo-cover{padding:0 13px}
  .hero-v2-logo-cover img{max-width:130px}
  .hero-v2-arrow{
    left:-54px;top:-30px;
    font-size:62px;
  }
  .hero-v2-dots{right:-1px;top:4px}

  .trusted{padding:20px 0 22px}
  .trusted p{font-size:12px;margin-bottom:14px}
  .logo-row{gap:24px}
  .logo-row b{font-size:11px}
  .logo-row small{font-size:6.5px}

  .features-section{padding:32px 0 34px}
  .section-heading>span{font-size:10px}
  .section-heading h2{font-size:30px;margin:7px 0 6px}
  .section-heading p{font-size:13px}
  .feature-grid{gap:14px;margin-top:25px}
  .feature-card{min-height:118px;padding:17px;gap:14px}
  .feature-card .icon{width:43px;height:43px;font-size:19px}
  .feature-card h3{font-size:14px;margin:2px 0 7px}
  .feature-card p{font-size:11px;line-height:1.5}

  .stats-section{padding:3px 0 28px}
  .stats-bar{min-height:82px}
  .cta-section{padding-bottom:40px}
}

/* At medium desktop widths, keep the hero proportions from collapsing. */
@media (min-width:851px) and (max-width:1500px){
  .hero-v2-grid{
    grid-template-columns:minmax(500px,.92fr) minmax(0,1.08fr);
    gap:30px;
  }
  .hero-v2-copy h1{font-size:46px}
  .hero-v2-text{font-size:16px}
  .hero-v2-benefits{gap:10px 20px;font-size:14px}
  .hero-v2-dashboard{max-width:820px}
  .main-nav{gap:25px}
}

/* Match the reference at the common 1366-1600px desktop range. */
@media (min-width:1200px) and (max-width:1700px){
  .hero-v2-grid{
    grid-template-columns:minmax(540px, .9fr) minmax(680px, 1.1fr);
  }
  .hero-v2-copy h1{font-size:49px}
}

@media (min-width:1400px){
  .hero-v2-grid{grid-template-columns:550px minmax(0,1fr);gap:34px}
}
@media (min-width:1700px){
  .hero-v2-grid{grid-template-columns:590px minmax(0,820px);justify-content:space-between}
}


/* ===== HERO FINAL - reference lock ===== */
@media (min-width: 1200px) {
  .site-header { height: 102px !important; }
  .site-header .container { width: calc(100% - 160px) !important; max-width: none !important; }
  .hero-v2 {
    min-height: 535px !important;
    height: 535px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
  }
  .hero-v2-grid {
    width: calc(100% - 160px) !important;
    max-width: none !important;
    min-height: 535px !important;
    height: 535px !important;
    margin: 0 auto !important;
    grid-template-columns: 650px minmax(0, 1fr) !important;
    gap: 42px !important;
    align-items: center !important;
  }
  .hero-v2-copy { padding: 0 !important; margin: 0 !important; }
  .hero-v2-badge {
    display: inline-flex !important;
    font-size: 13px !important;
    line-height: 1 !important;
    padding: 9px 15px !important;
    margin: 0 !important;
  }
  .hero-v2-copy h1 {
    font-size: 54px !important;
    line-height: 1.08 !important;
    letter-spacing: -2.4px !important;
    margin: 22px 0 17px !important;
    max-width: 650px !important;
    white-space: nowrap !important;
  }
  .hero-v2-text {
    max-width: 620px !important;
    font-size: 17px !important;
    line-height: 1.62 !important;
    margin: 0 !important;
  }
  .hero-v2-benefits {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 29px !important;
    margin-top: 25px !important;
    font-size: 15px !important;
    white-space: nowrap !important;
  }
  .hero-v2-benefits b { width: 20px !important; height: 20px !important; font-size: 11px !important; }
  .hero-v2-actions { margin-top: 26px !important; gap: 15px !important; }
  .hero-v2-primary, .hero-v2-demo {
    height: 53px !important;
    min-width: 220px !important;
    padding: 0 24px !important;
    font-size: 15px !important;
  }
  .hero-v2-note { margin-top: 13px !important; font-size: 13px !important; }
  .hero-v2-visual { min-width: 0 !important; width: 100% !important; align-self: center !important; }
  .hero-v2-dashboard {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 0 0 auto !important;
    border-radius: 16px !important;
  }
  .hero-v2-dashboard > img:first-child { width: 100% !important; height: auto !important; display: block !important; }
  .hero-v2-logo-cover { width: 20.2% !important; height: 13.6% !important; }
  .hero-v2-arrow { left: -55px !important; top: -28px !important; font-size: 58px !important; }
  .hero-v2-dots { right: 0 !important; top: 12px !important; }
  .hero-v2-glow-a { width: 560px !important; height: 560px !important; right: -180px !important; top: -40px !important; }
  .hero-v2-glow-b { width: 600px !important; height: 420px !important; left: -300px !important; bottom: -220px !important; }

  .trusted { padding: 19px 0 22px !important; }
  .trusted .container { width: calc(100% - 160px) !important; max-width: none !important; }
  .features-section { padding: 34px 0 38px !important; }
  .features-section .container { width: calc(100% - 160px) !important; max-width: none !important; }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .hero-v2-grid { grid-template-columns: 590px minmax(0, 1fr) !important; gap: 30px !important; }
  .hero-v2-copy h1 { font-size: 48px !important; letter-spacing: -2px !important; }
  .hero-v2-text { font-size: 16px !important; }
  .hero-v2-benefits { gap: 0 20px !important; font-size: 14px !important; }
  .hero-v2-dashboard { max-width: 820px !important; }
}

@media (max-width: 1199px) and (min-width: 851px) {
  .hero-v2-copy h1 { font-size: 44px !important; white-space: normal !important; }
}

/* ==========================================================
   Dynamic Pricing — driven by Super Admin Plans & Promotions
   ========================================================== */
.pricing-section{padding:96px 0 72px;background:#f8f9ff;position:relative;overflow:hidden}
.pricing-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(99,102,241,.08);top:-180px;right:-120px;pointer-events:none}
.pricing-heading{margin-bottom:42px}
.pricing-heading>span{color:#6366f1;font-weight:800;letter-spacing:.12em}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:30px;position:relative;display:flex;flex-direction:column;box-shadow:0 12px 32px rgba(15,23,42,.06);transition:transform .2s ease,box-shadow .2s ease}
.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(15,23,42,.1)}
.pricing-card.featured{border:2px solid #6366f1;box-shadow:0 18px 46px rgba(79,70,229,.16)}
.pricing-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#6366f1;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;padding:6px 14px;border-radius:999px;white-space:nowrap}
.pricing-offer{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;border-radius:10px;padding:9px 11px;margin-bottom:18px;font-size:12px;font-weight:700}
.pricing-offer b{background:#10b981;color:#fff;border-radius:999px;padding:4px 7px;font-size:10px;white-space:nowrap}
.pricing-card-top h3{font-size:22px;margin:0 0 8px;color:#111827}.pricing-card-top p{font-size:13px;line-height:1.6;color:#6b7280;min-height:42px;margin:0}
.pricing-price{display:flex;align-items:baseline;margin:25px 0 3px;color:#111827}.pricing-price .currency{font-size:20px;font-weight:800;margin-right:2px}.pricing-price strong{font-size:42px;line-height:1;font-weight:800;letter-spacing:-.04em}.pricing-price .cycle{font-size:13px;color:#6b7280;margin-left:6px}
.pricing-original{font-size:12px;color:#9ca3af;min-height:18px}.pricing-original del{margin-right:7px}.pricing-original span{color:#059669;font-weight:700}
.pricing-features{list-style:none;margin:24px 0 28px;padding:0;display:grid;gap:12px}.pricing-features li{display:flex;gap:9px;font-size:13px;color:#374151;line-height:1.4}.pricing-features li span{color:#10b981;font-weight:900}.pricing-btn{width:100%;justify-content:center;margin-top:auto}.pricing-note{text-align:center;color:#9ca3af;font-size:11px;margin-top:12px}
.pricing-empty{background:#fff;border:1px dashed #c7d2fe;border-radius:20px;padding:52px 20px;text-align:center;max-width:680px;margin:0 auto}.pricing-empty-icon{width:48px;height:48px;border-radius:14px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;margin:0 auto 14px;font-weight:800}.pricing-empty h3{margin:0 0 7px}.pricing-empty p{color:#6b7280;margin:0 0 20px}.pricing-cta{padding-top:28px}
@media(max-width:980px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.pricing-section{padding:70px 0 52px}.pricing-grid{grid-template-columns:1fr;gap:18px}.pricing-card{padding:24px}.pricing-card.featured{order:-1}.pricing-price strong{font-size:38px}}

/* =========================================================
   Landing Pricing — matches the logged-in Business/Teacher
   subscription cards and keeps pricing database-driven.
   ========================================================= */
.landing-cycle-note{display:flex;gap:24px;flex-wrap:wrap;color:#66748e;font-size:13px;margin:20px 0 24px}.landing-cycle-note span{background:#fff;border:1px solid #e9edf4;border-radius:999px;padding:7px 12px}
.landing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.landing-plan-card{position:relative;background:#fff;border:1px solid #e5eaf2;border-radius:20px;padding:25px;box-shadow:0 12px 35px rgba(28,47,80,.06);display:flex;flex-direction:column;min-width:0}
.landing-plan-card.featured{border:2px solid #18a974;box-shadow:0 18px 40px rgba(24,169,116,.12)}
.landing-plan-popular{position:absolute;right:18px;top:0;transform:translateY(-50%);background:#18a974;color:#fff;padding:6px 11px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.landing-plan-top h3{margin:0;color:#18243b;font-size:25px;line-height:1.2}.landing-plan-top p{margin:7px 0 0;color:#78859b;font-size:14px;line-height:1.5;min-height:42px}
.landing-billing-switch{display:flex;gap:4px;background:#f4f7fb;border-radius:10px;padding:4px;margin-top:18px}.landing-billing-switch button{flex:1;border:0;background:transparent;border-radius:7px;padding:9px 4px;font-size:13px;font-weight:700;color:#738198;cursor:pointer}.landing-billing-switch button.active{background:#fff;color:#168e63;box-shadow:0 2px 6px rgba(25,45,75,.08)}
.landing-price{margin:22px 0 18px;color:#18243b;line-height:1}.landing-price>div{display:flex;align-items:baseline}.landing-price>div>span{font-size:22px;font-weight:800;vertical-align:top;margin-right:2px}.landing-price b{font-size:48px;font-weight:800;letter-spacing:-.04em}.landing-price small{font-size:14px;color:#8792a8;font-weight:500;margin-left:5px}.landing-normal-price{display:block;color:#8a9691;font-size:14px;margin-bottom:6px}.landing-price em{display:block;color:#168653;font-size:11px;font-style:normal;font-weight:700;margin-top:7px;min-height:14px}
.landing-plan-features{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:11px;flex:1}.landing-plan-features li{font-size:14px;color:#596982;line-height:1.4}.landing-plan-features li span{color:#18a974;font-weight:800;margin-right:8px}
.landing-plan-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;border:1px solid #dfe6ef;background:#fff;color:#1e304a;border-radius:10px;padding:13px;font-weight:700;text-decoration:none}.landing-plan-btn.primary{background:#18a974;border-color:#18a974;color:#fff}.landing-plan-note{text-align:center;color:#8792a8;font-size:12px;margin-top:10px}
@media(max-width:980px){.landing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-plan-card.featured{order:-1}}
@media(max-width:680px){.landing-cycle-note{gap:8px}.landing-cycle-note span{font-size:12px}.landing-plan-grid{grid-template-columns:1fr}.landing-plan-card{padding:22px}.landing-plan-top p{min-height:0}.landing-price b{font-size:44px}}