@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101a2b;--navy2:#17253a;--ink:#172236;--muted:#667085;--lime:#c5f36b;--mint:#8ce5d2;--paper:#f5f7f8;--line:#e2e7ec;--white:#fff;--radius:22px;--shadow:0 24px 70px rgba(10,22,40,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--navy);color:#eef3f8;font-family:'DM Sans',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.section{padding:104px 0}.site-header{position:sticky;top:0;z-index:20;background:rgba(16,26,43,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font:800 13px Manrope,sans-serif;letter-spacing:.09em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);color:var(--navy);border-radius:10px;font-size:19px;letter-spacing:0}.brand-light{color:#9caabe;font-weight:500}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{text-decoration:none;color:#c4ccda;font-size:13px;font-weight:600;transition:color .2s}.nav-links a:hover,.text-link:hover{color:var(--lime)}.nav-links .nav-cta{padding:11px 16px;border:1px solid #526078;border-radius:10px;color:#fff}.nav-cta span{color:var(--lime);margin-left:5px}.menu-toggle{display:none}.hero{padding:86px 0 0;overflow:hidden;background:radial-gradient(ellipse at 82% 30%,rgba(70,112,145,.17),transparent 40%),var(--navy)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:center;min-height:500px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;font-weight:700;color:#b8c4d6;margin:0 0 22px}.pulse{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px rgba(197,243,107,.1)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(42px,5vw,66px);line-height:1.07;margin-bottom:24px;font-weight:800;max-width:650px}h2{font-size:clamp(34px,4vw,48px);line-height:1.13;font-weight:800;margin-bottom:18px}.text-gradient{background:linear-gradient(100deg,var(--lime),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:17px;color:#bdc8d7;max-width:565px;line-height:1.8;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:15px 20px;border-radius:11px;text-decoration:none;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(197,243,107,.14)}.button-primary{background:var(--lime);color:#142033}.button-primary span{font-size:18px}.text-link{font-size:13px;font-weight:700;color:#d9e2ed;text-decoration:none}.trust-notes{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;color:#aab7c9;font-size:11px}.trust-notes i,.about-points i{font-style:normal;color:var(--lime);font-weight:800;margin-right:5px}.hero-visual{min-height:455px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(180,208,225,.12);border-radius:50%;aspect-ratio:1}.orbit-one{width:440px}.orbit-two{width:350px;border-style:dashed}.dashboard-card{position:relative;z-index:1;width:min(100%,420px);padding:21px;background:linear-gradient(145deg,#202f45,#162338);border:1px solid rgba(255,255,255,.13);border-radius:18px;box-shadow:var(--shadow);transform:rotate(-2deg)}.dash-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:15px}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#607086}.dash-label,.mini-label{font-size:9px;letter-spacing:.13em;color:#8e9cb1;font-weight:700}.dash-status{margin-left:auto;font-size:8px;letter-spacing:.1em;color:var(--lime)}.dash-title{font:700 19px Manrope,sans-serif;letter-spacing:-.04em;margin:20px 0}.score-row{display:flex;align-items:center;gap:14px;padding:15px;background:rgba(255,255,255,.045);border-radius:12px;margin-bottom:12px}.score-ring{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;border:3px solid var(--lime);color:var(--lime);font-size:10px;font-weight:800}.score-row strong,.check-row strong{font-size:11px}.score-row p{margin:3px 0 0;font-size:10px;color:#9eacc0}.check-row{display:flex;align-items:center;gap:10px;padding:12px 1px;border-bottom:1px solid rgba(255,255,255,.07)}.check-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(197,243,107,.1);color:var(--lime);font-size:12px}.check-row>div{flex:1}.check-row small{display:block;color:#8e9cb1;font-size:9px;margin-top:2px}.row-tag{font-size:7px;letter-spacing:.1em;color:#c7d2df;border:1px solid #4a5b71;border-radius:5px;padding:4px 5px}.dash-foot{font-size:8px;color:#8998ad;padding-top:13px;display:flex;align-items:center;gap:7px}.foot-dot{width:5px;height:5px;background:#8ce5d2;border-radius:50%}.floating-note{position:absolute;z-index:2;bottom:25px;right:-4px;display:flex;align-items:center;gap:11px;padding:13px 16px;background:#f8fafb;color:var(--ink);border-radius:13px;box-shadow:0 14px 40px #0003;transform:rotate(2deg)}.note-icon{display:grid;place-items:center;background:#eaf6d5;width:35px;height:35px;border-radius:10px;color:#39532a;font-weight:800}.floating-note strong{font-size:10px;display:block}.floating-note small{font-size:9px;color:#687487}.hero-bottom{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:28px 0 24px;border-top:1px solid rgba(255,255,255,.1);margin-top:35px;color:#aab7c9;font-size:11px}.hero-bottom>span{font-size:9px;letter-spacing:.16em;color:#728198;font-weight:800;margin-right:10px}.hero-bottom b{color:#5c6b7f}.section-light{background:var(--paper);color:var(--ink)}.section-heading{max-width:660px;margin-bottom:45px}.eyebrow-dark{color:#657386}.accent-text{color:#5a7e24}.section-heading>p:last-child,.faq-intro>p:not(.eyebrow){color:#697586;max-width:580px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{background:#fff;border:1px solid #e6eaee;border-radius:16px;padding:25px;min-height:245px;transition:transform .2s,border-color .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);border-color:#c5d89f;box-shadow:0 15px 35px rgba(30,49,70,.07)}.service-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eef5e4;color:#48672a;font:800 16px Manrope,sans-serif;margin-bottom:25px}.service-card h3{font-size:18px;line-height:1.3;margin-bottom:10px;letter-spacing:-.03em}.service-card p{color:#6b7686;font-size:13px;line-height:1.75;margin-bottom:22px}.card-number{font-size:8px;letter-spacing:.13em;color:#8994a2;font-weight:800}.scope-note{display:flex;align-items:center;gap:15px;background:#e9eef0;border-radius:14px;padding:18px 21px;margin-top:22px}.scope-star{font-size:22px;color:#668d2c}.scope-note p{font-size:12px;color:#596576;margin:0;flex:1}.scope-note a{font-size:11px;font-weight:800;color:#29431c;text-decoration:none;white-space:nowrap}.dark-section{background:linear-gradient(125deg,#111d30,#17263b)}.sample-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.section-copy{color:#afbdce;line-height:1.8;font-size:15px}.sample-disclaimer{display:inline-flex;padding:8px 10px;border:1px solid #4b5d70;border-radius:6px;color:#c6d0dc;font-size:9px;letter-spacing:.1em;font-weight:800;margin-top:12px}.audit-panel{background:#f8fafb;border-radius:18px;padding:27px;color:var(--ink);box-shadow:var(--shadow)}.audit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid #e3e8ec}.audit-head h3{font-size:20px;margin:5px 0 0}.priority{font-size:8px;font-weight:800;letter-spacing:.08em;padding:7px 8px;border-radius:6px}.priority-high{background:#f5e9c9;color:#77561b}.audit-before,.audit-after{padding:17px 0;border-bottom:1px solid #e3e8ec}.audit-before span,.audit-after span{font-size:8px;letter-spacing:.14em;font-weight:800;color:#8792a0}.audit-before p{font:600 13px monospace;background:#edf0f3;padding:12px;border-radius:8px;margin:9px 0 0;color:#596475}.audit-after p{font-size:13px;line-height:1.75;margin:9px 0 0}.audit-reason{display:flex;gap:12px;padding:18px 0 10px}.reason-icon{font-size:20px;color:#6b922f}.audit-reason p{font-size:11px;color:#687486;line-height:1.7;margin:0}.audit-reason strong{color:#243147}.audit-bottom{border-top:1px solid #e3e8ec;padding-top:15px;display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:800;color:#7b8796}.audit-check{color:#4d7129}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-step{border-top:1px solid #ccd4dc;padding-top:19px}.step-no{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e5eddb;color:#4c6b2c;font:800 13px Manrope,sans-serif;margin-bottom:22px}.process-step h3{font-size:18px;margin-bottom:10px}.process-step p{font-size:13px;line-height:1.8;color:#687586}.about-section{background:#121f32}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.portrait-wrap{position:relative;max-width:360px;margin:auto}.portrait-frame{border:1px solid rgba(255,255,255,.15);padding:10px;border-radius:22px;background:#1c2a3e;transform:rotate(-2deg)}.portrait-frame img{aspect-ratio:3/4;object-fit:cover;object-position:center 25%;border-radius:14px;filter:saturate(.92)}.portrait-caption{position:absolute;bottom:22px;left:-23px;right:-12px;display:flex;align-items:center;gap:9px;background:#f7fafb;color:#253147;border-radius:10px;padding:13px 15px;font-size:10px;font-weight:700;box-shadow:0 12px 35px #0003}.caption-dot{width:7px;height:7px;border-radius:50%;background:#79a83b}.about-copy>p:not(.eyebrow){color:#b8c5d5;font-size:14px;line-height:1.9}.about-points{display:grid;gap:9px;margin:22px 0 28px;color:#d8e0e9;font-size:12px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px}.faq-intro{position:sticky;top:115px;align-self:start}.text-link-dark{color:#263d1e;display:inline-block;margin-top:13px}.faq-list details{border-bottom:1px solid #dce2e7}.faq-list details:first-child{border-top:1px solid #dce2e7}.faq-list summary{list-style:none;cursor:pointer;position:relative;padding:20px 38px 20px 0;font:700 15px Manrope,sans-serif;letter-spacing:-.02em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:3px;top:15px;font:400 24px Manrope,sans-serif;color:#5c7e2b}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:#687586;font-size:13px;line-height:1.8;padding:0 25px 20px 0;margin:0}.final-cta{padding:76px 0;background:radial-gradient(ellipse at 75% 50%,rgba(111,153,68,.12),transparent 40%),#17263a;border-top:1px solid rgba(255,255,255,.08)}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta h2{max-width:720px}.final-cta p:not(.eyebrow){color:#b5c2d2;margin-bottom:0;font-size:14px}.button-large{white-space:nowrap;padding:18px 22px}.site-footer{background:#0c1422;padding:30px 0 18px}.footer-inner{display:flex;align-items:center;gap:24px;padding-bottom:24px}.footer-inner>p{font-size:11px;color:#8290a4;margin:0;flex:1}.back-top{font-size:11px;color:#b9c5d4;text-decoration:none}.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:17px;color:#718097;font-size:9px}.skip-link{position:absolute;top:-60px;left:12px;background:var(--lime);color:#111;padding:10px;z-index:100}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.hero-grid{gap:20px;grid-template-columns:1fr 1fr}.hero-visual{min-height:390px}.dashboard-card{padding:17px}.orbit-one{width:350px}.orbit-two{width:285px}.floating-note{right:-6px;bottom:8px}.nav-links{gap:15px}.nav-links a{font-size:12px}.sample-grid,.about-grid{gap:45px}.faq-grid{gap:45px}.service-card{padding:20px}.service-card h3{font-size:16px}}
@media(max-width:700px){.container{width:min(100% - 34px,540px)}.section{padding:75px 0}.nav-wrap{min-height:68px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:1px solid #425169;border-radius:9px;padding:10px;background:transparent}.menu-toggle span:not(.sr-only){display:block;width:19px;height:2px;background:#fff}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 22px 22px;background:#101a2b;border-bottom:1px solid #334156;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 0;font-size:14px}.nav-links .nav-cta{margin-top:8px;padding:12px 14px;text-align:center}.hero{padding-top:63px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:9px;margin-bottom:17px}h1{font-size:clamp(42px,11vw,58px)}.hero-lead{font-size:15px}.hero-actions{gap:18px}.button{padding:14px 16px;font-size:12px}.trust-notes{gap:10px 15px;font-size:10px}.hero-visual{min-height:370px;margin-top:4px}.dashboard-card{width:min(100% - 15px,390px);transform:rotate(-1deg)}.orbit-one{width:330px}.orbit-two{width:270px}.floating-note{right:0;bottom:3px}.hero-bottom{margin-top:22px;gap:9px 12px;font-size:10px}.hero-bottom>span{width:100%;margin-bottom:2px}.section-heading{margin-bottom:30px}.service-grid{grid-template-columns:1fr 1fr;gap:11px}.service-card{min-height:unset;padding:17px}.service-icon{width:37px;height:37px;margin-bottom:18px}.service-card h3{font-size:15px}.service-card p{font-size:12px}.card-number{font-size:7px}.scope-note{align-items:flex-start;flex-wrap:wrap;padding:16px}.scope-note p{min-width:calc(100% - 40px)}.scope-note a{margin-left:39px}.sample-grid,.about-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.sample-grid h2,.about-copy h2{font-size:36px}.audit-panel{padding:19px}.audit-head h3{font-size:17px}.process-grid{grid-template-columns:1fr 1fr;gap:18px}.process-step{padding-top:15px}.step-no{margin-bottom:15px}.portrait-wrap{width:min(78%,300px)}.portrait-caption{left:-14px;right:-14px}.faq-intro{position:static}.faq-list summary{font-size:14px}.final-cta{padding:58px 0}.final-cta-inner{align-items:flex-start;flex-direction:column;gap:25px}.final-cta h2{font-size:35px}.footer-inner{flex-wrap:wrap;gap:15px}.footer-inner>p{order:3;flex-basis:100%}.copyright{flex-direction:column;gap:6px}}
@media(max-width:390px){.service-grid{grid-template-columns:1fr}.service-card{padding:20px}.service-card h3{font-size:17px}.service-card p{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:350px}.dashboard-card{padding:14px}.floating-note{right:-4px}.process-grid{grid-template-columns:1fr}.audit-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Hide profile image section on mobile */
@media (max-width: 768px) {
  .portrait-wrap {
    display: none;
  }
}


/* Compact, premium profile portrait */
.portrait-wrap {
  position: relative;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding: 0 0 18px 12px;
}

.portrait-frame {
  position: relative;
  padding: 7px;
  border-radius: 20px;
  background: linear-gradient(
    145deg,
    rgba(197, 243, 107, 0.7),
    rgba(140, 229, 210, 0.2) 45%,
    rgba(255, 255, 255, 0.08)
  );
  border: 1px solid rgba(255, 255, 255, 0.14);
  transform: rotate(-2deg);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

.portrait-frame img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 25%;
  border-radius: 14px;
  filter: saturate(0.95);
}

.portrait-caption {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: -8px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 13px;
  background: #f7fafb;
  color: #253147;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 11px;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.caption-dot {
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #79a83b;
  box-shadow: 0 0 0 4px rgba(121, 168, 59, 0.13);
}

/* Keep the portrait compact on tablets */
@media (min-width: 701px) and (max-width: 900px) {
  .portrait-wrap {
    max-width: 240px;
  }
}

/* Hide portrait on mobile, as in your current design */
@media (max-width: 700px) {
  .portrait-wrap {
    display: none;
  }
}