:root{--ink:#07111F;--navy:#0B1D36;--deep:#102A54;--blue:#2F66D8;--cyan:#14B8A6;--lime:#B7F34B;--paper:#EEF3F8;--white:#fff;--muted:#667085;--text:#2D3A4A;--line:#D8E0EE;--soft:#E2ECF8;--shadow:0 22px 60px rgba(7,17,31,.14);--shadow-soft:0 12px 34px rgba(7,17,31,.09);--radius:24px;--radius-xl:34px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--paper);color:var(--text);line-height:1.65}a{text-decoration:none;color:inherit}p{margin:0 0 1rem}h1,h2,h3,h4{margin:0 0 1rem;color:var(--ink);letter-spacing:-.045em}h1{font-size:clamp(2.75rem,5.8vw,4.9rem);line-height:1;font-weight:900}h2{font-size:clamp(1.9rem,3.8vw,3.15rem);line-height:1.08;font-weight:900}h3{font-size:1.25rem;line-height:1.22}.container{max-width:1200px;margin:0 auto;padding:0 32px}.narrow{max-width:900px}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,249,252,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,224,238,.82)}.header-inner{height:78px;display:flex;align-items:center;gap:30px;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 12px 30px rgba(47,102,216,.28)}.brand strong{display:block;color:var(--ink);font-weight:900;line-height:1.1}.brand small{display:block;color:var(--muted);font-size:.78rem;line-height:1.15}.desktop-nav{display:flex;gap:38px;align-items:center;margin-left:auto;font-size:.84rem;color:var(--muted);font-weight:750}.desktop-nav a{padding:9px 0;border-bottom:2px solid transparent}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink);border-bottom-color:var(--blue)}.nav-cta{background:var(--ink);color:white;border-radius:999px;padding:9px 13px;font-weight:850;font-size:.84rem}.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;padding:8px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}.mobile-nav{display:none;background:white;border-top:1px solid var(--line);padding:14px 24px}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:10px 0;font-weight:750;color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 23px;font-weight:850;border:1px solid transparent;transition:.22s ease;cursor:pointer}.button-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;box-shadow:0 16px 34px rgba(47,102,216,.24)}.button-secondary{background:white;color:var(--ink);border-color:var(--line)}.button-dark{background:white;color:var(--ink)}.button:hover{transform:translateY(-2px)}.eyebrow{display:inline-flex;color:var(--blue);font-size:.75rem;text-transform:uppercase;letter-spacing:.095em;font-weight:900;margin-bottom:14px}.eyebrow.light{color:#8EEBFF}.section{padding:90px 0}.section-soft{background:var(--soft)}.section-deep{background:linear-gradient(135deg,#07111F,#102A54);color:white}.section-heading{text-align:center;max-width:900px;margin:0 auto 42px}.section-heading.left{text-align:left;margin-left:0}.section-heading p{font-size:1.08rem;color:var(--muted)}.hero{padding:92px 0 76px;background:radial-gradient(circle at top right,rgba(20,184,166,.20),transparent 32%),linear-gradient(180deg,#EEF3F8 0%,#E2ECF8 100%)}.hero-grid{display:grid;grid-template-columns:1fr .98fr;gap:52px;align-items:center}.hero-subtitle{font-size:1.25rem;line-height:1.62;max-width:780px;color:#36465A}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 22px}.trust-lines{display:grid;gap:8px;font-size:.97rem;color:var(--muted);border-left:4px solid var(--blue);padding-left:16px}.trust-lines p{margin:0}.two-phase-panel{background:#0B1D36;color:white;border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1)}.panel-top{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:20px}.dash-label{font-size:.78rem;color:#8EEBFF;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.panel-top h3{color:white;font-size:1.7rem}.live-pill{background:rgba(183,243,75,.15);color:var(--lime);border:1px solid rgba(183,243,75,.35);border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:900}.phase-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.phase-card{background:white;border-radius:24px;padding:20px;color:var(--text)}.phase-card span{display:block;color:var(--blue);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.mini-status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.mini-status div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px}.mini-status strong{display:block;color:white;font-size:1.5rem}.mini-status span{display:block;color:#B8C7DD;font-size:.78rem}ul{margin:0;padding:0;list-style:none}.phase-card li,.problem-card li,.support-card li,.package-card li,.contact-aside li{position:relative;padding-left:24px;margin:9px 0;color:var(--text)}.phase-card li:before,.problem-card li:before,.support-card li:before,.package-card li:before,.contact-aside li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.problem-columns,.why-grid,.support-grid,.process-grid,.package-mini-grid,.different-grid{display:grid;gap:22px}.problem-columns{grid-template-columns:1fr 1fr}.problem-card,.why-card,.support-card,.process-card,.package-mini-card,.different-card,.package-card,.pricing-summary,.pricing-confirmation,.after-submit,.contact-form,.choose-card,.integration-note,.communication-card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.problem-card,.why-card,.support-card,.process-card,.package-mini-card,.different-card,.choose-card{padding:26px}.card-label{display:inline-flex;color:var(--blue);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.why-section,.different-section,.audience-section{background:linear-gradient(135deg,#fff,#E2ECF8)}.why-grid,.different-grid{grid-template-columns:repeat(4,1fr)}.why-card p,.different-card p,.process-card p,.support-card p,.package-mini-card p,.choose-card p{color:var(--muted)}.package-mini-grid{grid-template-columns:repeat(5,1fr)}.center-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px}.pricing-link-note{text-align:center;color:var(--muted);margin:22px auto 0;max-width:720px;font-weight:650}.process-grid{grid-template-columns:repeat(5,1fr)}.process-card span{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:white;border-radius:13px;font-weight:900;margin-bottom:16px}.support-grid{grid-template-columns:repeat(3,1fr)}.audience-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;background:white;border:1px solid var(--line);border-radius:34px;padding:42px;box-shadow:var(--shadow-soft)}.audience-grid{display:flex;flex-wrap:wrap;gap:12px}.audience-grid span,.addons-grid span{background:#F0F5FF;border:1px solid #D8E6FF;color:var(--ink);border-radius:999px;padding:12px 15px;font-weight:850}.final-cta{padding:90px 0;background:linear-gradient(135deg,#07111F,#102A54);text-align:center}.final-cta h2,.final-cta p{color:white}.final-cta p{font-size:1.12rem;max-width:780px;margin:0 auto 24px;color:#D8EAFE}.page-hero,.contact-hero{padding:88px 0 48px;text-align:center;background:linear-gradient(180deg,#EEF3F8,#E2ECF8)}.page-hero p,.contact-hero p{font-size:1.16rem;color:var(--muted)}.pricing-summary{padding:30px;margin-bottom:32px}.summary-table{display:grid;gap:10px}.summary-table div{display:grid;grid-template-columns:1.1fr 1.6fr .65fr;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.summary-table b{color:var(--blue);text-align:right}.package-list{display:grid;gap:24px}.package-card{padding:32px}.package-card-top{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:start}.package-card-top p,.pricing-confirmation p{color:var(--muted)}.package-price{display:inline-flex;background:var(--ink);color:white;border-radius:999px;padding:12px 18px;white-space:nowrap}.best-for{background:#F0F5FF;border:1px solid #D8E6FF;border-radius:16px;padding:14px;margin:6px 0 16px}.core-result{background:#ECFDF6;border:1px solid #BDEFD9;border-radius:16px;padding:14px;margin:0 0 20px;color:#115E4B}.scoped-separately{background:#F8FAFD;border:1px solid var(--line);border-radius:18px;padding:18px;margin:22px 0 0}.scoped-separately p{color:var(--muted);margin-bottom:10px}.scoped-separately li:before{content:'—';color:var(--muted)}.scoped-separately li{color:var(--muted)}.package-note{background:#FFF7E8;border:1px solid #FEDF9B;color:#684B15;border-radius:16px;padding:14px;margin:18px 0}.choose-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.addons-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pricing-confirmation,.integration-note{padding:42px;max-width:900px;margin:0 auto;text-align:center}.faq-list{max-width:920px;margin:0 auto;display:grid;gap:14px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft);overflow:hidden}.faq-item summary{cursor:pointer;padding:20px 22px;color:var(--ink);font-weight:850}.faq-item p{padding:0 22px 20px;color:var(--muted)}.after-submit{padding:34px}.after-grid,.communication-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.communication-grid{grid-template-columns:repeat(5,1fr)}.after-grid article,.communication-grid article{background:#F8FAFD;border:1px solid var(--line);border-radius:18px;padding:18px}.bot-note,.required-note{background:#E7F8FF;border:1px solid #CFE8FF;border-radius:18px;padding:16px;margin:20px 0 0!important;color:#115E71!important}.communication-section{padding-top:70px;padding-bottom:0}.contact-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:start}.contact-form{padding:32px}.form-banner{background:linear-gradient(135deg,#E7F8FF,#F0F5FF);border:1px solid #CFE8FF;border-radius:20px;padding:18px;margin-bottom:22px}.contact-form label{display:block;font-weight:800;color:var(--ink);margin-bottom:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:15px;padding:13px 14px;font:inherit;color:var(--ink);background:#F8FAFD}.contact-form textarea{min-height:140px;resize:vertical}.required{color:#D92D20}.required-note{background:#FFF7E8;border-color:#FEDF9B;color:#684B15!important}.form-note{font-size:.86rem;color:var(--muted)}.contact-aside{background:linear-gradient(135deg,#07111F,#102A54);color:white;border-radius:30px;padding:32px;box-shadow:var(--shadow)}.contact-aside h2,.contact-aside p{color:white}.contact-aside li{color:#D8EAFE}.contact-aside li:before{color:#8EEBFF}.contact-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:18px;margin-top:22px}.contact-box.soft{background:rgba(183,243,75,.1)}.site-footer{background:white;border-top:1px solid var(--line);padding:58px 0 26px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr .9fr;gap:32px}.footer-grid h4{font-size:1rem}.footer-grid a{display:block;color:var(--muted);margin:8px 0;font-weight:650}.footer-grid p{color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1100px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}.hero-grid,.audience-wrap,.contact-grid{grid-template-columns:1fr}.why-grid,.different-grid,.package-mini-grid,.process-grid,.after-grid,.communication-grid,.choose-grid{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{padding:0 18px}.hero{padding:62px 0 54px}.section{padding:62px 0}.hero-actions,.center-actions{flex-direction:column}.button{width:100%}.phase-grid,.mini-status,.problem-columns,.why-grid,.different-grid,.package-mini-grid,.process-grid,.after-grid,.communication-grid,.choose-grid,.footer-grid,.summary-table div{grid-template-columns:1fr}.package-card-top{display:block}.summary-table b{text-align:left}.audience-wrap,.pricing-confirmation,.after-submit,.contact-form,.contact-aside,.integration-note,.communication-card{padding:24px}.footer-bottom{flex-direction:column}.header-inner{height:68px}}


/* v7.1 menu and background refinement */
.desktop-nav{
  flex:1;
  justify-content:center;
  max-width:720px;
}
.desktop-nav a{
  white-space:nowrap;
}
.site-header{
  background:rgba(238,243,248,.94);
}
.hero{
  background:radial-gradient(circle at top right,rgba(0,194,209,.18),transparent 32%),linear-gradient(180deg,#EEF3F8 0%,#E2ECF8 100%);
}
.page-hero,
.contact-hero{
  background:linear-gradient(180deg,#EEF3F8,#E2ECF8);
}


/* v7.2 full homepage background and real nav spacing refinement */

/* Calm, slightly darker institutional background across all normal sections */
body{
  background:#E8EEF6;
}
.section{
  background:#E8EEF6;
}
.section-soft{
  background:#DDE8F5;
}
.why-section,
.audience-section,
.different-section{
  background:linear-gradient(135deg,#E8EEF6,#DDE8F5);
}
.problem-section{
  background:#E8EEF6;
}
.site-footer{
  background:#E8EEF6;
}
.page-hero,
.contact-hero{
  background:linear-gradient(180deg,#E8EEF6,#DDE8F5);
}
.hero{
  background:radial-gradient(circle at top right,rgba(0,194,209,.16),transparent 32%),linear-gradient(180deg,#E8EEF6 0%,#DDE8F5 100%);
}

/* Cards remain white for contrast and readability */
.problem-card,
.why-card,
.different-card,
.outcome-card,
.step-card,
.support-card,
.package-mini-card,
.package-card,
.process-card,
.pricing-summary,
.pricing-confirmation,
.after-submit,
.trust-card,
.contact-form,
.choose-card,
.integration-note,
.communication-card{
  background:#FFFFFF;
}

/* Header: give the navigation real breathing room */
.header-inner{
  gap:22px;
}
.desktop-nav{
  flex:1 1 auto;
  justify-content:space-evenly;
  gap:46px;
  max-width:none;
  margin-left:28px;
  margin-right:24px;
  letter-spacing:.01em;
}
.desktop-nav a{
  white-space:nowrap;
  padding-left:4px;
  padding-right:4px;
}
.nav-cta{
  flex:0 0 auto;
  padding:9px 13px;
  font-size:.82rem;
}
.brand{
  flex:0 0 auto;
}
.site-header{
  background:rgba(232,238,246,.96);
}

/* On medium screens, keep readable spacing before switching to mobile */
@media(max-width:1180px){
  .desktop-nav{
    gap:30px;
    margin-left:18px;
    margin-right:16px;
  }
}