:root{--ink:#082f49;--muted:#5d6b74;--green:#159447;--green-dark:#0c7435;--cream:#fbfaf6;--line:#dce5e2;--white:#fff;--shadow:0 24px 70px rgba(8,47,73,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;color:var(--ink);font-weight:850;font-size:21px;text-decoration:none;letter-spacing:-.7px}.brand span:last-child{color:var(--green)}.mark{display:grid;place-items:center;width:34px;height:34px;margin-right:9px;border-radius:12px;background:var(--green);color:#fff!important;font-weight:900;transform:rotate(-5deg)}nav{display:flex;gap:26px;align-items:center}nav a,nav .link{color:var(--ink);text-decoration:none;font-weight:650;background:none;border:0;font:inherit;cursor:pointer}.primary,.secondary{border:0;border-radius:11px;padding:14px 20px;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center}.primary{background:var(--green);color:#fff;box-shadow:0 9px 23px rgba(21,148,71,.21)}.primary:hover{background:var(--green-dark)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.small{padding:10px 15px}.hero{max-width:1180px;margin:auto;padding:88px 24px 72px;display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}.eyebrow{color:var(--green);font-weight:850;font-size:12px;letter-spacing:1.7px}.hero h1{font-size:62px;line-height:1.02;letter-spacing:-3.4px;margin:15px 0 22px;max-width:670px}.hero h1 em{font-style:normal;color:var(--green)}.lead{font-size:20px;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;margin:32px 0 12px}.fine{font-size:12px;color:var(--muted)}.comparison{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow);transform:rotate(1deg)}.comp-head{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.comp-head b,.badge{color:var(--green);background:#e9f7ee;padding:4px 9px;border-radius:999px}.comparison h3{font-size:22px;margin:18px 0}.price-row{display:flex;gap:12px;align-items:center;padding:14px 10px;border-top:1px solid #edf0ef}.price-row span{flex:1;font-weight:700}.price-row small{display:block;color:var(--muted);font-weight:450}.price-row strong{font-size:18px}.price-row.best{background:#effaf2;border:1px solid #bce2c7;border-radius:12px}.dot{width:10px;height:10px;border-radius:50%}.blue{background:#246b98}.green{background:var(--green)}.red{background:#d95151}.notice{font-size:11px;color:var(--muted);margin:14px 4px 0}.trust{border-block:1px solid var(--line);padding:20px 24px;display:flex;justify-content:center;gap:48px;color:var(--muted);font-size:13px;font-weight:700}.trust span:before{content:'✓';color:var(--green);margin-right:7px}.section{max-width:1100px;margin:auto;padding:92px 24px}.section>h2{font-size:42px;letter-spacing:-2px;margin:8px 0 40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article,.plans article{background:#fff;border:1px solid var(--line);padding:28px;border-radius:18px}.steps b{color:var(--green);font-size:13px}.steps h3{margin:34px 0 8px}.steps p,.plans li,.legal-note p{color:var(--muted)}.pricing{text-align:center}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,370px));justify-content:center;gap:20px;text-align:left}.plans .featured{border:2px solid var(--green);position:relative;box-shadow:var(--shadow)}.badge{position:absolute;right:20px;top:20px;font-size:12px;font-weight:800}.amount{font-size:34px;font-weight:900;margin:10px 0}.plans ul{list-style:'✓  ';padding-left:22px;min-height:150px}.plans li{padding:5px}.full{width:100%}.legal-note{max-width:900px;margin:0 auto 90px;background:#eaf3f4;border-radius:16px;padding:26px;display:grid;grid-template-columns:220px 1fr;gap:24px}.legal-note p{margin:0}footer{border-top:1px solid var(--line);padding:38px max(24px,calc((100% - 1132px)/2));display:flex;align-items:center;gap:30px;color:var(--muted)}footer p{flex:1}footer div{display:flex;gap:18px}footer div a{color:var(--muted)}dialog{width:min(440px,calc(100% - 30px));border:0;border-radius:20px;padding:30px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(5,36,54,.55);backdrop-filter:blur(4px)}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:26px;cursor:pointer}.tabs{display:flex;gap:6px;margin-bottom:24px}.tabs button{border:0;background:#edf3f2;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:700}form label{display:grid;gap:6px;margin:15px 0;font-weight:700;font-size:14px}input{border:1px solid #bdcac7;border-radius:9px;padding:12px;font:inherit}.form-error{color:#a52626;min-height:24px;font-size:13px}@media(max-width:800px){nav>a{display:none}.hero{grid-template-columns:1fr;padding-top:55px;gap:35px}.hero h1{font-size:43px;letter-spacing:-2.2px}.trust{overflow:auto;justify-content:flex-start}.steps{grid-template-columns:1fr}.section{padding-block:65px}.plans{grid-template-columns:1fr}.legal-note{grid-template-columns:1fr;margin-inline:20px}footer{align-items:flex-start;flex-direction:column}footer div{flex-wrap:wrap}}@media(max-width:520px){.nav{height:68px}.nav nav{gap:8px}.nav .link{display:none}.brand{font-size:18px}.hero h1{font-size:37px}.actions{flex-direction:column}.comparison{padding:17px}.price-row{padding-inline:3px}.section>h2{font-size:34px}.hero{padding-inline:18px}}
.carousel{transform:none;position:relative;overflow:hidden}.carousel #carousel-content{min-height:350px}.carousel-kicker{margin:16px 0 4px;color:var(--green);font-size:11px;font-weight:850;letter-spacing:.1em}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px}.carousel-controls>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);cursor:pointer}.carousel-controls>div{display:flex;gap:6px}.carousel-dot{width:8px!important;height:8px!important;padding:0;border:0!important;border-radius:50%!important;background:#b9c7c3!important}.carousel-dot.active{width:24px!important;border-radius:999px!important;background:var(--green)!important}.site-footer{display:grid;grid-template-columns:1.7fr repeat(3,1fr);align-items:start;gap:48px;background:#082f49;color:#d5e4e4;padding-block:58px;border:0}.site-footer .brand{color:#fff}.site-footer>div{display:grid;gap:9px}.site-footer b{color:#fff;margin-bottom:6px}.site-footer a,.site-footer span,.site-footer p{color:#b9cccc;text-decoration:none;margin:0;font-size:14px}.site-footer a:hover{color:#fff}.footer-brand{max-width:290px}.footer-contact{font-weight:750}.footer-status{display:flex!important;align-items:center;gap:7px!important}.footer-status i{width:8px;height:8px;border-radius:50%;background:#35cf75;box-shadow:0 0 0 5px rgba(53,207,117,.14)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding:18px max(24px,calc((100% - 1132px)/2));background:#06283e;color:#9fb5b7;font-size:12px}@media(max-width:850px){.site-footer{grid-template-columns:1fr 1fr;flex-direction:initial}.footer-brand{max-width:none}.carousel #carousel-content{min-height:320px}}@media(max-width:520px){.site-footer{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column}.carousel #carousel-content{min-height:365px}}
.social-auth{margin-top:18px}.social-auth>div:first-child{display:grid;gap:10px}.social-provider{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:12px 16px;border:1px solid #bdcac7;border-radius:10px;background:#fff;color:var(--ink);font-weight:800;text-decoration:none}.social-provider:hover{border-color:#7d9690;background:#f7faf9}.social-provider-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf3f2;font-size:13px}.social-legal{color:var(--muted);font-size:11px;line-height:1.45;text-align:center}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin:17px 0 2px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-divider span{white-space:nowrap}
#legal-consent{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;margin:18px 0 16px;font-size:13px;font-weight:550;line-height:1.55;color:var(--muted)}#legal-consent[hidden]{display:none!important}#legal-consent input{width:18px;height:18px;min-height:0;margin:2px 0 0;padding:0;accent-color:var(--green)}#legal-consent span{min-width:0}#legal-consent a{color:var(--ink);font-weight:750;text-underline-offset:2px}

/* Responsive baseline shared by every public and authenticated screen. */
html{overflow-x:clip}
body{min-width:0;overflow-wrap:anywhere}
img,svg,video,canvas{max-width:100%}
.nav{height:auto;min-height:78px;gap:18px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
nav{min-width:0}
nav a{white-space:nowrap}
dialog{max-height:calc(100dvh - 30px);overflow:auto}
button,.primary,.secondary,input:not([type=radio]):not([type=checkbox]),select,textarea{min-height:44px}
button,.primary,.secondary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@media(max-width:800px){
  nav>a{display:initial}
  .landing-nav>a{display:none}
  .nav:not(.landing-header){align-items:flex-start;flex-wrap:wrap;padding-block:12px}
  .nav:not(.landing-header) nav{order:2;width:100%;justify-content:flex-start;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:2px}
  .nav:not(.landing-header) nav::-webkit-scrollbar{display:none}
  .nav:not(.landing-header) nav>a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:8px 11px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--white);
  }
}
@media(max-width:600px){
  body{font-size:15px}
  input,select,textarea{font-size:16px}
  .section,.shell{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .section>h1,.shell>h1{overflow-wrap:anywhere}
  .primary,.secondary{padding-inline:16px}
  dialog{padding:24px 20px}
  .tabs{overflow-x:auto;scrollbar-width:none}
  .site-footer,.footer-bottom{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
}
@media(max-width:520px){
  .nav{min-height:68px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .landing-header{height:68px;flex-wrap:nowrap}
  .landing-header nav{width:auto;gap:8px;overflow:visible}
  .landing-header .theme-toggle,.landing-header .primary{display:none}
  .landing-header .link{display:inline-flex;align-items:center;min-height:44px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-weight:800}
  .brand{flex:0 0 auto}
}
@media(max-width:380px){
  .landing-header .brand{font-size:16px}
  .landing-header .mark{width:30px;height:30px;margin-right:6px}
  .hero h1{font-size:33px}
  .section>h2{font-size:30px}
}

/* Mobile navigation: keep identity readable and make every action easy to tap. */
.account-email{display:block;min-width:0;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){
  .nav:not(.landing-header) nav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    overflow:visible;
  }
  .nav:not(.landing-header) nav>a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:8px 11px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--white);
  }
  .nav:not(.landing-header) nav>.secondary{min-height:44px;padding:8px 12px}
  .nav:not(.landing-header) .account-email{
    order:-1;
    flex:1 0 100%;
    max-width:100%;
    padding:2px 1px 4px;
  }
  .trust{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px 18px;
    overflow:visible;
    padding:20px max(18px,env(safe-area-inset-left));
  }
}
@media(max-width:350px){
  .trust{grid-template-columns:1fr}
}
