:root{
  --ink:#07121f;
  --ink-2:#122033;
  --blue:#006ff0;
  --blue-2:#51a8ff;
  --mint:#15c7a7;
  --coral:#ff6b5a;
  --cream:#f7fafc;
  --paper:#ffffff;
  --muted:#607086;
  --line:#d9e2ec;
  --shadow:0 24px 70px rgba(7,18,31,.14);
  --heading:'Fredoka',sans-serif;
  --body:'Nunito',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--cream);line-height:1.5}
a{color:inherit;text-decoration:none}
.site-header{height:82px;padding:0 clamp(20px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(217,226,236,.8)}
.brand{display:flex;flex-direction:column;line-height:1.05}
.brand strong{font-family:var(--heading);font-size:1.75rem;letter-spacing:.08em;color:var(--blue)}
.brand span{font-size:.78rem;color:var(--muted);font-weight:700}
.site-header nav{display:flex;align-items:center;gap:28px;font-weight:800;color:#33445a}
.site-header nav a:hover{color:var(--blue)}
.header-cta,.button,.pricing-band a{border-radius:999px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.header-cta{padding:11px 18px;border:1px solid var(--blue);color:var(--blue);background:white}
.header-cta:hover,.button:hover,.pricing-band a:hover{transform:translateY(-2px)}
.hero{min-height:760px;padding:92px clamp(20px,5vw,86px) 86px;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(430px,1.08fr);align-items:center;gap:54px;background:linear-gradient(140deg,#f8fbff 0%,#eef7ff 48%,#f7fbf7 100%)}
.hero-copy{max-width:720px}
.eyebrow{margin:0 0 14px;color:var(--blue);font-weight:900;text-transform:uppercase;font-size:.78rem;letter-spacing:.12em}
h1,h2,h3,p{overflow-wrap:anywhere}
h1,.section-heading h2,.results h2,.demo h2{font-family:var(--heading);letter-spacing:0;line-height:.95}
h1{font-size:clamp(3.5rem,6.2vw,6.8rem);margin:0 0 24px;color:var(--ink)}
.lead{font-size:1.24rem;color:#40536b;max-width:650px;margin:0 0 30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:32px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 22px}
.button.primary{background:var(--blue);color:white;box-shadow:0 18px 42px rgba(0,111,240,.22)}
.button.secondary{background:white;color:var(--ink);border:1px solid var(--line)}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0}
.hero-metrics div{padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.74)}
.hero-metrics dt{font-family:var(--heading);font-size:1.8rem;color:var(--blue)}
.hero-metrics dd{margin:4px 0 0;color:var(--muted);font-size:.92rem}
.product-preview{border:1px solid rgba(13,85,153,.16);border-radius:18px;background:white;box-shadow:var(--shadow);overflow:hidden}
.preview-top{height:54px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line);background:#f8fbff}
.preview-top span{width:10px;height:10px;border-radius:50%;background:#cbd7e4}.preview-top span:nth-child(1){background:var(--coral)}.preview-top span:nth-child(2){background:#f5bf42}.preview-top span:nth-child(3){background:var(--mint)}
.preview-top strong{margin-left:10px;font-family:var(--heading);color:var(--blue)}
.preview-grid{display:grid;grid-template-columns:170px 1fr;min-height:520px}
.preview-sidebar{padding:22px;background:#07121f;color:white;display:flex;flex-direction:column;gap:12px}
.preview-sidebar b{font-family:var(--heading);font-size:1.35rem;margin-bottom:10px}
.preview-sidebar a{padding:10px 12px;border-radius:8px;color:#c9d7e7;font-weight:800}.preview-sidebar a.active{background:var(--blue);color:white}
.preview-main{padding:24px;display:grid;gap:18px;background:linear-gradient(180deg,#ffffff,#f7fbff)}
.child-row{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:white}
.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-family:var(--heading);font-size:1.35rem}
.child-row div{display:flex;flex-direction:column}.child-row span{color:var(--muted);font-size:.9rem}.child-row em{margin-left:auto;font-style:normal;color:#087e66;background:#e9fbf7;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}
.daily-card{padding:22px;border:1px solid #bad7ff;border-radius:12px;background:#f9fcff}
.daily-card h3{font-family:var(--heading);font-size:1.7rem;margin:0 0 10px}.daily-card p{color:#40536b;font-size:1.05rem}
.approval{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.approval button{border:0;border-radius:999px;background:var(--blue);color:white;font-weight:900;padding:12px 18px;cursor:pointer}.approval button:disabled{background:var(--mint)}.approval span{color:var(--muted);font-weight:800}
.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-cards article{padding:16px;border:1px solid var(--line);border-radius:8px;background:white}.mini-cards span{display:block;color:var(--muted);font-size:.82rem}.mini-cards b{font-size:1.1rem}
.trust-strip{padding:30px clamp(20px,5vw,86px);background:var(--ink);color:white}.trust-strip p{max-width:1120px;margin:0 auto;font-size:1.1rem}.trust-strip strong{color:#7fc1ff}
.pain,.features,.pricing,.security,.results,.demo{padding:88px clamp(20px,5vw,86px)}
.section-heading{max-width:900px;margin-bottom:38px}.section-heading h2,.results h2,.demo h2{font-size:clamp(2.5rem,4.5vw,4.8rem);margin:0;color:var(--ink)}.section-heading p:not(.eyebrow){color:var(--muted)}
.pain{background:white}.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pain-grid article,.feature-list article,.result-cards article,.security-lines article{border:1px solid var(--line);border-radius:10px;background:white;padding:22px}.pain-grid span{font-family:var(--heading);color:var(--blue);font-size:1.5rem}.pain-grid h3,.feature-list h3{font-family:var(--heading);font-size:1.45rem;margin:14px 0 8px}.pain-grid p,.feature-list p,.security-lines p,.result-cards p{color:var(--muted);margin:0}
.features{background:#f4f8fc}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-list article{min-height:190px}
.results{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;background:white}.result-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-cards b{font-family:var(--heading);font-size:1.5rem}.result-cards .after{background:#eef8ff;border-color:#9bcfff}
.security{background:var(--ink);color:white}.security .section-heading h2{color:white}.security .eyebrow{color:#7fc1ff}.security-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.security-lines article{background:#0e1d30;border-color:#243951}.security-lines span{display:block;font-family:var(--heading);font-size:1.4rem;color:#7fc1ff;margin-bottom:8px}
.pricing{background:#f8fbff}.pricing-band{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing-band article{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:0 14px 38px rgba(7,18,31,.06)}.pricing-band article.featured{border:2px solid var(--blue);box-shadow:0 22px 60px rgba(0,111,240,.14)}.pricing-band h3{font-family:var(--heading);font-size:1.7rem;margin:0}.price{font-family:var(--heading);font-size:4rem;color:var(--ink);margin:18px 0}.price small{font:800 1rem var(--body);color:var(--muted)}.pricing-band ul{list-style:none;padding:0;margin:0 0 24px;min-height:126px}.pricing-band li{padding:7px 0;color:#394b61}.pricing-band li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint);margin-right:9px}.pricing-band a{display:block;text-align:center;background:var(--blue);color:white;padding:14px 16px}
.demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start;background:white}.demo>div p:not(.eyebrow){font-size:1.1rem;color:var(--muted);max-width:560px}.demo form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:26px;border:1px solid var(--line);border-radius:12px;background:#f8fbff}.demo label{font-weight:900;color:#394b61}.demo input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:13px;font:inherit}.demo button{grid-column:1/-1;border:0;border-radius:999px;background:var(--blue);color:white;padding:15px;font:900 1rem var(--body);cursor:pointer}.demo button:disabled{opacity:.65;cursor:wait}.demo #form-status{grid-column:1/-1;margin:0;color:#087e66;font-weight:900}
footer{padding:36px clamp(20px,5vw,86px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);background:white}footer div{display:flex;gap:22px;font-weight:800;color:#40536b}footer p{color:var(--muted);margin:0}
@media(max-width:1050px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.product-preview{max-width:760px}.pain-grid,.feature-list,.pricing-band,.security-lines{grid-template-columns:1fr 1fr}.results,.demo{grid-template-columns:1fr}}
@media(max-width:680px){.site-header{height:72px;padding:0 16px}.brand strong{font-size:1.25rem}.brand span{display:none}.header-cta{padding:9px 12px;font-size:.85rem}.hero{padding:52px 16px 62px;gap:34px}h1{font-size:3.25rem}.lead{font-size:1.04rem}.hero-metrics{grid-template-columns:1fr}.preview-grid{grid-template-columns:1fr}.preview-sidebar{display:none}.preview-main{padding:16px}.mini-cards{grid-template-columns:1fr}.pain,.features,.pricing,.security,.results,.demo{padding:64px 16px}.pain-grid,.feature-list,.pricing-band,.security-lines,.result-cards{grid-template-columns:1fr}.demo form{grid-template-columns:1fr;padding:18px}footer{align-items:flex-start;flex-direction:column}footer div{flex-wrap:wrap}.section-heading h2,.results h2,.demo h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}