.home-hero{position:relative;overflow:hidden;padding:86px 0 70px;background:linear-gradient(180deg,#fff 0%,#fbfefd 100%)}
.home-orbits{position:absolute;z-index:0;top:20px;right:-180px;width:760px;height:620px;opacity:.62;background:repeating-radial-gradient(ellipse at center,transparent 0 55px,rgba(30,185,144,.09) 56px 58px,transparent 59px 82px);pointer-events:none}
.home-orbits:after{content:"";position:absolute;inset:12% 18%;background:radial-gradient(circle,rgba(48,200,160,.18) 0 2px,transparent 3px);background-size:92px 72px}
.home-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);gap:74px;align-items:center}
.home-hero-grid>*{min-width:0}
.home-hero-copy h1{max-width:610px;margin:0 0 24px;color:#0a2133;font-size:clamp(48px,5.7vw,75px);line-height:.99;letter-spacing:-.057em}
.home-hero-copy h1 span{display:block;color:var(--brand)}
.home-hero-copy .lead{max-width:600px;font-size:19px;line-height:1.75}
.eyebrow-pill{padding:6px 13px;border-radius:99px;background:#e8f8f3;font-size:11px;letter-spacing:.07em}
.eyebrow-pill:before{display:none}
.button-play span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #aebdb8;border-radius:50%;font-size:8px;color:var(--brand)}
.hero-assurances{display:flex;gap:25px;flex-wrap:wrap;margin:0;padding:0;list-style:none;color:#51635d;font-size:12px;font-weight:650}
.hero-assurances li{display:flex;align-items:center;gap:7px}
.hero-assurances li>span{color:var(--brand);font-weight:900}
.audit-preview{padding:27px;border:1px solid #d7e4df;border-radius:21px;background:rgba(255,255,255,.97);box-shadow:0 26px 65px rgba(10,61,49,.13)}
.audit-preview-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:19px}
.audit-preview-head>div{display:grid;gap:2px}.preview-kicker{color:#21372f;font-size:17px;font-weight:750}.audit-preview-head strong{color:#80918b;font-size:11px;font-weight:650}
.preview-status{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:99px;background:#eaf8f3;color:var(--brand-dark);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.preview-status>span{width:6px;height:6px;border-radius:50%;background:#1bb487}
.audit-preview-main{display:grid;grid-template-columns:145px 1fr;gap:25px;padding:15px 0 21px;border-top:1px solid #edf2f0}
.audit-score{display:grid;justify-items:center;align-content:start;padding-right:20px;border-right:1px solid #e6eeeb}
.audit-score>span{justify-self:start;margin-bottom:17px;padding:4px 9px;border-radius:99px;background:#eaf8f3;color:var(--brand);font-size:9px;font-weight:800}
.score-ring-82{width:112px;height:112px;background:conic-gradient(var(--brand) 0 82%,#e1eeea 82%)}
.score-ring-82 strong{font-size:35px;color:#10283b}.score-ring-82 small{position:absolute;z-index:1;margin:42px 0 0 51px;font-size:12px}
.audit-categories{display:grid;gap:9px;margin:0;padding:0;list-style:none}.audit-categories li{display:grid;grid-template-columns:1fr 25px 12px;gap:5px;align-items:center;color:#263b34;font-size:10px}
.audit-categories li>span{display:flex;align-items:center;gap:7px}.audit-categories i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#e6f6f0;color:var(--brand);font-size:8px;font-style:normal}
.audit-categories strong{font-size:10px}.audit-categories b{color:var(--brand);font-size:10px}.warning{color:#e58a11!important}
.audit-summary{display:flex;align-items:center;gap:16px;padding:15px 17px;border-radius:11px;background:#eaf5f1}.audit-summary>div{display:grid;margin-right:auto}
.audit-summary strong{font-size:11px}.audit-summary span{color:#63766f;font-size:9px}.mini-button{display:flex;align-items:center;gap:10px;padding:9px 12px!important;border:1px solid var(--brand);border-radius:8px;background:#fff;color:var(--brand-dark)!important;font-weight:800}.mini-button b{font-size:17px;line-height:1}
.audit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:21px}.audit-stats>div{position:relative;display:grid;min-width:0;padding:15px 13px;border:1px solid #dce6e2;border-radius:11px}
.audit-stats span{overflow:hidden;color:#61726c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.audit-stats strong{color:#087353;font-size:25px;line-height:1.3}.audit-stats i{position:absolute;right:13px;bottom:17px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e8f7f2;color:var(--brand);font-size:11px;font-style:normal}
.principles{padding:24px 0 27px;border-block:1px solid #e3ebe8;background:#fff}.principles-title{margin:0 0 20px;text-align:center;color:var(--brand);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.principle{display:flex;align-items:center;justify-content:center;gap:12px}.principle-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #cee0d9;border-radius:50%;color:var(--brand);font-size:19px}.principle>div{display:grid}.principle strong{font-size:12px}.principle div>span{color:#6a7a74;font-size:10px}
.home-features{padding-top:76px}.home-features .section-heading{margin-bottom:36px}.home-features .section-heading h2{color:#0a2133;font-size:39px}.home-features .section-heading .lead{font-size:15px;line-height:1.7}
.home-features .feature-grid{max-width:920px;margin-inline:auto;gap:20px}.home-features .feature-card{min-height:235px;padding:27px 24px;border-color:#dce7e3;border-radius:17px;transition:transform .18s ease,box-shadow .18s ease}.home-features .feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(18,49,38,.08)}
.home-features .icon-tile{width:54px;height:54px;border-radius:50%;font-size:28px}.home-features .feature-card h3{color:#0b2133;font-size:17px}.home-features .feature-card p{font-size:13px;line-height:1.7}
.home-process{position:relative;overflow:hidden;padding:68px 0 65px;border-radius:20px 20px 0 0;background:linear-gradient(115deg,#edf8f5,#f9fcfb 52%,#edf8f5)}
.home-process .section-heading{margin-bottom:35px}.home-process .section-heading h2{font-size:37px;color:#0a2133}.home-process .process{position:relative;max-width:940px;margin-inline:auto;gap:60px}.home-process .process:before{content:"";position:absolute;top:57px;left:22%;right:22%;border-top:1px dashed #91bbb0}
.home-process .process-step{z-index:1;padding:0;border:0;text-align:center}.home-process .process-step:before{position:absolute;top:2px;left:23%;z-index:2;display:grid;place-items:center;width:28px;height:28px;margin:0;border-radius:50%;background:var(--brand);color:#fff;font-size:0;letter-spacing:0}
.home-process .process-step:nth-child(1):before{content:"1";font-size:12px}.home-process .process-step:nth-child(2):before{content:"2";font-size:12px}.home-process .process-step:nth-child(3):before{content:"3";font-size:12px}
.process-visual{position:relative;display:grid;place-items:center;width:130px;height:91px;margin:12px auto 25px;border:1px solid #d4e3de;border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(21,75,61,.08)}
.process-visual>em{position:absolute;right:13px;bottom:9px;display:grid;place-items:center;width:40px;height:40px;border:5px solid #fff;border-radius:50%;background:#e8f7f2;color:var(--brand);font:800 22px/1 inherit}
.browser-mini{display:flex;align-content:start;align-items:start;flex-wrap:wrap;width:87px;height:49px;padding:8px;border:1px solid #bcd3cb;border-radius:4px;text-align:left}.browser-mini i{width:4px;height:4px;margin-right:3px;border-radius:50%;background:#7bc4ad}.browser-mini b{flex-basis:100%;margin-top:7px;color:#18a77d;font-size:10px}.report-mini{color:#72bca6;font-size:43px}
.home-process .process-step h3{font-size:16px}.home-process .process-step p{max-width:250px;margin-inline:auto;font-size:12px;line-height:1.65}
.home-cta-section{padding:27px 0 31px}.home-cta{min-height:172px;padding:30px 45px;border-radius:20px;background:radial-gradient(circle at 15% 60%,rgba(38,210,158,.2),transparent 22%),linear-gradient(105deg,#073f34,#052c26);box-shadow:0 16px 30px rgba(5,44,38,.13)}
.home-cta>img{width:145px;height:105px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.2))}.home-cta h2{font-size:30px}.home-cta .button{min-width:220px}.site-footer{background:radial-gradient(circle at 75% 50%,rgba(8,127,91,.16),transparent 36%),#062e28}
@media(max-width:1000px){.home-hero-grid{grid-template-columns:1fr 1fr;gap:38px}.home-hero-copy h1{font-size:clamp(45px,6vw,62px)}.audit-preview{padding:21px}.audit-preview-main{grid-template-columns:125px 1fr;gap:18px}.score-ring-82{width:96px;height:96px}.audit-categories{gap:7px}.principles-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.home-hero{padding:62px 0 55px}.home-hero-grid{grid-template-columns:minmax(0,1fr)}.home-hero-copy{text-align:center}.home-hero-copy h1,.home-hero-copy .lead{margin-inline:auto}.home-hero-copy .hero-actions,.hero-assurances{justify-content:center}.audit-preview{width:min(100%,560px);min-width:0;margin-inline:auto}.home-process .process{gap:30px}.home-process .process:before{display:none}.home-process .process-step:before{left:calc(50% - 78px)}.home-cta{padding:35px;flex-wrap:wrap}.home-cta>img{width:100px}.home-cta>div{margin-right:0;flex:1}.home-cta .button{width:100%}}
@media(max-width:600px){.home-hero-copy h1{font-size:clamp(38px,11vw,45px);overflow-wrap:anywhere}.home-hero-copy .lead{font-size:17px}.hero-assurances{display:grid;gap:9px;text-align:left}.hero-actions .button{width:100%}.audit-preview{padding:17px}.audit-preview-head{margin-bottom:10px}.preview-status{display:none}.audit-preview-main{grid-template-columns:minmax(0,1fr);padding-top:12px}.audit-score{padding:0 0 17px;border-right:0;border-bottom:1px solid #e6eeeb}.audit-score>span{justify-self:center}.audit-categories{padding-inline:5px}.audit-summary{display:grid}.mini-button{justify-content:center}.audit-stats{gap:7px}.audit-stats>div{padding:11px 8px}.audit-stats strong{font-size:21px}.audit-stats i{display:none}.principles-grid{grid-template-columns:1fr;gap:18px}.principle{justify-content:start}.principles-title{text-align:left}.home-features .section-heading h2,.home-process .section-heading h2{font-size:31px}.home-features .section-heading h2 br{display:none}.home-cta{text-align:center;justify-content:center}.home-cta>div{flex-basis:100%}.home-cta h2{font-size:27px}}
.process-visual>.icon{color:#62bca1}.process-visual-badge{position:absolute;right:13px;bottom:9px;display:grid;place-items:center;width:40px;height:40px;border:5px solid #fff;border-radius:50%;background:#e8f7f2;color:var(--brand)}
