@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/open-sans-latin.woff2) format('woff2')}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/open-sans-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--ink:#152a38;--muted:#60717a;--green:#067457;--green-dark:#05684f;--mint:#e9f5ef;--line:#e2e8e5;--paper:#f6f8f6;--navy:#112e30;--radius:16px;--container:1392px}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'Open Sans',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}button{color:inherit}img{display:block;max-width:100%;height:auto}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}h2{font-size:clamp(32px,3.5vw,49px);font-weight:650}h3{font-size:23px;font-weight:650}p{color:var(--muted)}.container{width:calc(100% - 96px);max-width:var(--container);margin-inline:auto}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-70px;left:20px;background:var(--green);color:white;padding:12px 20px;z-index:100}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #39ad92;outline-offset:5px;border-radius:4px}.topbar{background:var(--paper);border-bottom:1px solid var(--line);font-size:12px}.topbar-inner{height:39px;display:flex;align-items:center;justify-content:space-between;color:#64736e}.topbar a{display:flex;align-items:center;gap:12px}.topbar img{width:111px;max-height:23px}.topbar .icon{width:13px;height:13px}.header{background:#ffffffed;backdrop-filter:blur(14px);position:sticky;top:0;z-index:30;border-bottom:1px solid #e9eeeb}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:24px;line-height:1.3;font-weight:750;letter-spacing:-1.3px;white-space:nowrap}.brand-light{font-weight:450;margin-left:5px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;font-weight:650;margin-top:4px}.brand-mark{background:var(--green);color:#fff;width:43px;height:48px;border-radius:12px;display:grid;place-items:center}.brand-mark .icon{width:32px;height:32px}.header nav{display:flex;gap:28px;font-size:13px;font-weight:600}.header nav a{padding:12px 0;transition:color .2s}.header nav a:hover{color:var(--green)}.header-contact{display:flex;gap:13px;align-items:center;border:1px solid #ced9d2;border-radius:7px;padding:11px 16px;font-size:13px;font-weight:650}.header-contact:hover{background:var(--mint)}.menu-toggle{display:none}.hero{overflow:hidden;background:linear-gradient(110deg,#fff 43%,#f5f9f5 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;padding-top:77px;padding-bottom:76px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green);font-size:11px;letter-spacing:1.7px;font-weight:750;margin-bottom:25px}.tiny-shield{display:grid;place-items:center}.tiny-shield .icon{height:19px;width:19px}h1{font-size:clamp(49px,4.8vw,73px);font-weight:650;line-height:1.09;letter-spacing:-3.8px}h1>span{color:var(--green)}.hero-lead{font-size:16px;line-height:1.85;margin-top:26px}.audit-form{display:flex;background:white;padding:6px;border:1px solid #ccd8d0;border-radius:9px;margin-top:28px;box-shadow:0 4px 12px #113c2310;gap:4px;max-width:610px}.domain-input{display:flex;align-items:center;gap:11px;min-width:0;flex:1;padding-left:11px}.domain-input>.icon{color:#6e8077;width:19px}.domain-input input{width:100%;min-width:0;padding:8px 0;border:0;background:none;outline-offset:1px;font-size:13px;color:var(--ink)}.domain-input input::placeholder{color:#77877e}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:12px 20px;border-radius:7px;font-size:13px;font-weight:650;line-height:1.5;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:white}.primary:hover{background:var(--green-dark)}.button .icon{width:18px;height:18px}.hero-benefits{display:flex;gap:24px;margin-top:17px;font-size:12px;color:#587167}.hero-benefits span{display:flex;align-items:center;gap:6px}.hero-benefits .icon{width:15px;height:15px;color:var(--green)}.scope-note{font-size:11px;line-height:1.7;margin-top:11px;color:#748279}.text-button{display:inline-flex;gap:12px;align-items:center;background:none;padding:0 0 5px;border-bottom:1px solid #aac7bb;color:var(--ink);font-size:12px;font-weight:650;margin-top:26px}.text-button:hover{color:var(--green)}.text-button .icon{width:17px;height:17px}.form-message{font-size:13px;color:#a13f2d;margin-top:8px}.form-message:empty{display:none}.hero-visual{position:relative;padding:45px 19px 42px 9px;isolation:isolate}.visual-grid{position:absolute;inset:-90px -80px;z-index:-2;background-image:radial-gradient(#97b9a455 .85px,transparent .85px);background-size:19px 19px;mask-image:radial-gradient(ellipse,black,transparent 73%)}.orbit{position:absolute;border:1px solid #c4ded154;border-radius:50%;z-index:-1;top:-6%;left:-6%;width:110%;aspect-ratio:1}.orbit-two{inset:9% 0 auto 9%;width:80%;border-color:#c4ded170}.report-window{position:relative;background:#fff;border:1px solid #dce6df;border-radius:13px;box-shadow:0 25px 65px #244e3620,0 2px 5px #244e3610;transform:none}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f7faf7;border-bottom:1px solid #e8ede9;border-radius:13px 13px 0 0;padding:14px 17px;font-size:10px;color:#7b8a82}.window-bar>span:nth-child(2){display:flex;align-items:center;gap:5px}.window-bar .icon{width:11px;height:11px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#ced7d0;border-radius:50%}.demo-tag{font-size:8px;letter-spacing:1px;background:#e9efea;padding:2px 6px;border-radius:3px}.preview-content{padding:25px 29px 0}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.mini-brand{display:flex;align-items:center;font-size:11px;font-weight:650;gap:7px}.mini-brand .icon{color:var(--green);width:20px;height:20px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:600;letter-spacing:0;line-height:1.5}.soft{background:#f2f5f2;color:#738279}.green{background:#e9f6ee;color:#26795c}.preview-content>h2{font-size:23px;letter-spacing:-.6px;margin-top:24px}.preview-subtitle{font-size:11px;margin-top:5px}.preview-summary{display:flex;align-items:center;gap:27px;margin:20px 0 23px}.score-ring{width:127px;aspect-ratio:1;position:relative;flex-shrink:0;display:grid;place-items:center}.score-ring>svg{position:absolute;inset:0;transform:rotate(-90deg)}.score-ring circle{fill:none;stroke-width:7}.ring-track{stroke:#e8f0e9}.ring-fill{stroke:#209b76;stroke-dasharray:256 321;stroke-linecap:round}.score-ring>span{text-align:center;line-height:1.2}.score-ring strong{font-size:37px;font-weight:650;letter-spacing:-2px}.score-ring strong span{font-size:16px;color:#849188;letter-spacing:-1px}.score-ring small{display:block;font-size:11px;color:#839087;margin-top:4px}.preview-summary h3{font-size:22px;line-height:1.3;margin-top:8px;letter-spacing:-.7px}.preview-summary p{font-size:11px;margin-top:6px}.preview-rows>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #edf0ed;font-size:11px}.preview-rows>div>span{display:flex;gap:10px;align-items:center}.preview-rows .icon{width:17px;height:17px;color:#62746a}.preview-rows b{display:grid;place-items:center;border-radius:50%;width:17px;height:17px;font-size:10px}.status-good{color:#2a8b67}.status-good b{background:#e4f5e9}.status-warning{color:#aa781a}.status-warning b{background:#fff3d5}.status-muted{color:#758078}.status-muted b{background:#edf0ed}.preview-footer{display:flex;align-items:center;justify-content:space-between;width:calc(100% + 58px);margin:3px -29px 0;padding:16px 29px;background:#f7faf7;border-top:1px solid #e8ede9;border-radius:0 0 13px 13px;font-size:11px;color:var(--green);font-weight:650}.preview-footer .icon{width:17px;height:17px}.floating-note{position:absolute;right:-9px;bottom:5px;display:flex;align-items:center;gap:12px;background:white;border:1px solid #dbe7df;border-radius:10px;box-shadow:0 15px 35px #234d3315;padding:18px 21px;transform:none}.note-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e6f5eb;color:var(--green)}.floating-note strong{display:block;font-size:12px}.floating-note small{display:block;font-size:10px;color:#7a887f;margin-top:2px}.visual-caption{position:absolute;bottom:-24px;left:35px;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.3px;color:#7c9385}.visual-caption span{width:16px;height:1px;background:#87aa95}.principles{border-block:1px solid var(--line)}.principles-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:29px;color:#66766d}.principles-inner>span:first-child{font-size:11px;line-height:1.7}.principles-inner strong{color:var(--ink);font-weight:600}.platform{font-size:20px;font-weight:650;letter-spacing:-.7px}.wordpress{font-family:Georgia,serif;font-weight:500}.prestashop{font-size:18px}.shopify{font-style:italic;font-weight:750}.bxm-platform{font-size:24px;font-weight:750;display:flex;align-items:center;gap:5px}.bxm-platform small{font-size:7px;letter-spacing:1px}.custom-platform{font-size:13px;display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:0}.principles-end{font-size:10px;line-height:1.7;padding-left:20px;border-left:1px solid var(--line)}
@media(min-width:1800px){:root{--container:1600px}.hero-grid{gap:85px;padding-block:105px}.hero h1{font-size:84px}.hero-lead{font-size:18px}.hero-visual{max-width:660px;width:100%;justify-self:end}.header nav{font-size:15px;gap:35px}.preview-content{padding-top:32px}.preview-rows>div{padding-block:17px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.header nav{gap:17px;font-size:12px}.header-contact{display:none}.hero-grid{gap:22px}.hero h1{font-size:53px;letter-spacing:-2.8px}.hero-lead{font-size:14px}.audit-form{flex-wrap:wrap}.audit-form .button{width:100%;min-height:43px}.domain-input{min-height:42px}.preview-content{padding-inline:20px}.preview-footer{width:calc(100% + 40px);margin-inline:-20px;padding-inline:20px}.preview-summary{gap:14px}.score-ring{width:107px}.preview-summary h3{font-size:20px}.floating-note{right:-5px;padding:14px}.principles-end{display:none}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.topbar-inner{height:34px}.topbar-inner>span{font-size:10px}.topbar img{width:97px}.header-inner{height:76px}.brand{font-size:22px}.brand-mark{height:42px;width:38px}.brand small{font-size:7px;letter-spacing:1.4px}.menu-toggle{display:grid;place-items:center;background:var(--paper);width:44px;height:44px;border-radius:8px}.header nav{display:none;position:absolute;inset:76px 0 auto;background:white;padding:20px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #142e1510;font-size:15px}.header nav.is-open{display:grid;gap:5px}.header nav a{padding:12px}.hero-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:62px;gap:30px}.hero-copy{max-width:600px}.eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:1.3px}.hero h1{font-size:clamp(43px,8.3vw,66px);letter-spacing:-2.5px}.hero-lead{font-size:15px;margin-top:23px}.audit-form{flex-wrap:nowrap;max-width:600px}.audit-form .button{width:auto;font-size:12px}.hero-benefits{font-size:11px;gap:15px}.scope-note{font-size:10px}.hero-visual{max-width:525px;width:calc(100% - 20px);justify-self:center;padding:25px 12px 35px 0}.preview-content{padding:22px 23px 0}.preview-footer{width:calc(100% + 46px);margin-inline:-23px;padding-inline:23px}.preview-summary{gap:23px}.score-ring{width:115px}.floating-note{bottom:2px;right:-8px}.visual-caption{bottom:-19px;left:10px}.principles-inner{flex-wrap:wrap;justify-content:center;gap:19px 28px;padding-block:24px}.principles-inner>span:first-child{width:100%;text-align:center}.principles-inner>span:first-child br{display:none}.platform{font-size:18px}.bxm-platform{font-size:22px}.custom-platform{font-size:12px}}
@media(max-width:420px){.hero h1{font-size:43px}.audit-form{flex-wrap:wrap}.audit-form .button{width:100%}.hero-benefits{gap:14px;font-size:10px}.desktop-break{display:none}.preview-header{gap:4px}.preview-header .badge{font-size:8px}.mini-brand{font-size:10px}.preview-summary{gap:15px}.preview-summary h3{font-size:20px}.preview-content>h2{font-size:21px}.preview-rows>div{font-size:10px}.hero-visual{width:100%}.preview-content{padding-inline:18px}.preview-footer{width:calc(100% + 36px);margin-inline:-18px;padding-inline:18px}.floating-note{right:-4px;padding:12px 14px}.score-ring{width:108px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.section{padding:102px 0;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.section-heading .eyebrow,.center-heading .eyebrow{margin-bottom:16px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:490px}.section-heading .text-button{margin-top:14px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.feature-card{position:relative;padding:30px 30px 22px;border:1px solid var(--line);border-radius:12px;transition:border-color .2s,box-shadow .2s;background:#fff}.feature-card:hover{border-color:#b6d1c2;box-shadow:0 9px 35px #173f1e06}.feature-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;color:var(--green);background:var(--mint);margin-bottom:28px}.feature-icon .icon{width:25px;height:25px}.feature-number{position:absolute;top:34px;right:29px;font-size:11px;color:#9daaa1}.feature-card h3{font-size:20px;letter-spacing:-.6px}.feature-card p{font-size:13px;line-height:1.85;margin-top:13px;max-width:340px}.feature-scope{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf0ec;margin-top:23px;padding-top:15px;color:var(--green);font-size:10px;font-weight:650}.feature-scope .icon{width:15px;height:15px}.muted-scope{color:#7e8a81}.section-footnote{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:11px;margin-top:26px;line-height:1.8;text-align:center}.section-footnote>.icon{width:15px;height:15px}.inline-button{padding:0;border:0;background:none;font-size:inherit;color:var(--green);font-weight:650;text-align:left}.inline-button:hover{text-decoration:underline}.inline-button .icon{width:16px;height:16px;margin-left:6px}.process-section{background:var(--paper);border-block:1px solid var(--line);padding-block:78px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:70px}.step-count{display:flex;align-items:center;gap:22px;font-size:35px;font-weight:350;letter-spacing:-2px;color:var(--green);margin-bottom:22px}.step-count span{height:1px;background:#d3dfd7;flex:1}.steps h3{font-size:19px}.steps p{font-size:13px;margin-top:13px;line-height:1.85;max-width:330px}.report-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.green-text{color:var(--green)}.section-lead{font-size:14px;line-height:1.9;margin-top:22px;max-width:430px}.check-list{list-style:none;padding:0;margin:27px 0;display:grid;gap:14px;font-size:12px;color:#5d6e63}.check-list li{display:flex;align-items:flex-start;gap:10px}.check-list .icon{color:var(--green);width:17px;height:17px;margin-top:1px}.small-note{font-size:10px;margin-top:13px;line-height:1.7}.recommendation-card{background:white;border:1px solid #dbe5dd;border-radius:14px;box-shadow:0 18px 60px #204f2e09;overflow:hidden}.recommendation-head{padding:20px 26px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.recommendation-head>span:first-child{display:flex;gap:9px;align-items:center;font-weight:650}.recommendation-head .icon{width:18px;height:18px;color:var(--green)}.sample-tabs{display:flex;padding:0 25px;border-bottom:1px solid var(--line);gap:25px}.sample-tabs button{background:none;padding:17px 0 13px;font-size:11px;color:#7c8981;border-bottom:2px solid transparent}.sample-tabs button[aria-selected=true]{border-color:var(--green);color:var(--green);font-weight:650}.recommendation-body{padding:28px}.priority-pill{display:inline-block;padding:4px 7px;background:#fff4da;color:#8a6721;font-size:8px;letter-spacing:1px;border-radius:3px;font-weight:650}.recommendation-body h3{font-size:21px;margin-top:14px;line-height:1.35}.recommendation-body code{display:block;font-size:10px;color:#829086;margin-top:6px;overflow-wrap:anywhere}.recommendation-explanation{margin-top:24px}.recommendation-explanation strong{font-size:12px;font-weight:650}.recommendation-explanation p,.recommendation-fix p{font-size:12px;line-height:1.8;margin-top:6px}.recommendation-fix{padding:17px;background:#eff7f1;border-radius:8px;margin-top:21px}.recommendation-fix>span{font-size:11px;font-weight:650;color:var(--green);display:flex;gap:7px;align-items:center}.recommendation-fix .icon{width:16px;height:16px}.recommendation-body>.inline-button{font-size:11px;margin-top:21px}.showcase-section{background:var(--paper);border-top:1px solid var(--line)}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0}.project-preview{position:relative;display:block;width:100%;aspect-ratio:1.3;border-radius:12px;background:#e4edf0;overflow:hidden;padding:0;isolation:isolate}.project-beige .project-preview{background:#eee8df}.project-lilac .project-preview{background:#e9e8f0}.desktop-device{position:absolute;top:20%;left:7%;width:77%;height:58%;background:#fff;border:5px solid #1e2b31;border-bottom-width:10px;border-radius:8px;box-shadow:4px 12px 22px #24302f30;transform:none;overflow:hidden;transition:transform .4s}.device-browser{display:flex;align-items:center;gap:3px;height:14px;background:#f3f5f5;padding:0 5px;position:relative}.device-browser i{width:3px;height:3px;border-radius:50%;background:#bfc7c5}.device-browser>span{position:absolute;left:27%;right:15%;text-align:center;top:1px;font-size:5px;color:#84908b}.device-screen{display:block;height:calc(100% - 14px);overflow:hidden;background:white}.device-screen img{width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 4s}.phone-device{position:absolute;right:8%;bottom:11%;width:23%;height:56%;background:#15222a;border:4px solid #15222a;border-radius:13px;overflow:hidden;box-shadow:4px 8px 18px #24302f30;transform:none;transition:transform .4s}.phone-device img{width:100%;height:100%;object-fit:cover;object-position:24% top}.phone-notch{position:absolute;top:0;left:25%;width:50%;height:7px;background:#15222a;border-radius:0 0 8px 8px;z-index:1}.project-expand{position:absolute;right:14px;top:14px;background:#ffffffad;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.project-expand .icon{width:16px;height:16px}.project-preview:hover .desktop-device{transform:none}.project-preview:hover .phone-device{transform:none}.project-preview:hover .device-screen img{object-position:bottom}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:22px 3px 0}.project-caption>div>span{font-size:9px;letter-spacing:1.1px;color:#748079}.project-caption h3{font-size:22px;margin-top:8px}.project-index{color:#95a29a;font-size:12px}.certificate-section{padding:95px 0;background:var(--navy);color:#fff;overflow:hidden}.certificate-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.certificate-section .eyebrow{color:#8ad2ad}.certificate-section h2{line-height:1.2}.certificate-section .certificate-grid>div>p:not(.eyebrow){color:#abc0b8;font-size:14px;line-height:1.9;max-width:440px;margin-top:22px}.certificate-section .check-list{color:#d5e4dc}.certificate-section .check-list .icon{color:#76c5a6}.light-button{background:#e7f6ec;color:#174939}.light-button:hover{background:#fff}.certificate-section .certificate-grid>div>p.certificate-disclaimer{font-size:10px;margin-top:18px;color:#91aaa0}.certificate-display{position:relative;padding:20px;max-width:480px;width:100%;justify-self:center}.certificate-outline{position:absolute;inset:0;border:1px solid #61857850;border-radius:20px;transform:none;pointer-events:none}.certificate-paper{background:#fbfcf7;padding:29px 32px 23px;border-radius:10px;transform:none;color:var(--ink);box-shadow:0 25px 45px #00171350;text-align:center;position:relative;z-index:1}.certificate-paper::after{content:'';position:absolute;inset:10px;border:1px solid #dce7db;border-radius:5px;pointer-events:none}.certificate-top{display:flex;align-items:center;justify-content:space-between}.certificate-top>.mini-brand{font-size:10px;color:var(--green)}.certificate-top>span:last-child{font-size:8px;color:#7f8e82;letter-spacing:1.3px}.certificate-seal{display:grid;place-items:center;background:#e5f1e4;color:var(--green);width:76px;height:84px;border-radius:25px;margin:29px auto 22px}.certificate-seal .icon{width:54px;height:54px;stroke-width:1.1}.certificate-label{font-size:7px;letter-spacing:1.5px;color:#818f80}.certificate-paper h3{font-size:26px;line-height:1.3;margin-top:12px;font-weight:550}.certificate-domain{display:block;margin:17px auto 22px;font-size:14px;font-weight:650;color:var(--green)}.certificate-details{display:flex;justify-content:space-between;gap:10px;padding:15px 0;border-block:1px solid #dfe7db;text-align:left}.certificate-details span{font-size:8px;color:#8a9585}.certificate-details strong{display:block;font-size:9px;color:#5c6c59;margin-top:3px;font-weight:600}.certificate-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:20px}.certificate-bottom img{width:95px}.certificate-bottom>span{font-size:7px;color:#909a8b;text-align:right}.center-heading{text-align:center;max-width:730px;margin:0 auto 45px}.center-heading .eyebrow{justify-content:center}.center-heading>p:last-child{font-size:14px;margin-top:21px;line-height:1.9}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pricing-card{padding:30px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.plan-label{font-size:9px;font-weight:650;letter-spacing:1px;color:#7f8b83}.pricing-card h3{font-size:23px;margin-top:18px}.pricing-card>p{font-size:12px;margin-top:12px}.price{font-size:38px;letter-spacing:-1.4px;font-weight:550;line-height:1.25;margin-top:29px;min-height:48px;display:flex;gap:12px;align-items:center}.price>span{font-size:10px;letter-spacing:0;color:#849087;font-weight:400}.price-text{font-size:20px;letter-spacing:-.5px;max-width:250px}.pricing-card .check-list{padding-top:25px;border-top:1px solid var(--line);font-size:11px;gap:13px;margin:22px 0 30px;flex:1}.pricing-card .button{width:100%;font-size:12px}.outline-button{background:#fff;border:1px solid #d3dfd5;color:var(--ink)}.outline-button:hover{background:var(--mint);border-color:#b0cdba}.featured{background:#f4faf5;border-color:#8cbca1;position:relative}.featured .plan-label{color:var(--green)}.monitoring-note{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:27px}.monitoring-note p{font-size:11px}.monitoring-note .badge{white-space:nowrap;font-size:8px;letter-spacing:.5px}.faq-section{background:var(--paper);border-block:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.faq-grid>div>p:not(.eyebrow){font-size:14px;margin-top:24px;line-height:1.9}.faq-list{border-top:1px solid #d9e3dc}.faq-list details{border-bottom:1px solid #d9e3dc;padding:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 0;font-size:14px;font-weight:650;line-height:1.65}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{position:relative;width:14px;height:14px;flex-shrink:0}.faq-list summary>span:before,.faq-list summary>span:after{content:'';position:absolute;top:6px;left:0;width:13px;height:1px;background:var(--green)}.faq-list summary>span:after{transform:rotate(90deg)}.faq-list details[open] summary>span:after{transform:rotate(0)}.faq-list details>p{padding:0 29px 22px 0;font-size:12px;line-height:1.9}.contact-section{background:#edf6ee;padding:78px 0}.contact-grid{display:grid;grid-template-columns:1.6fr .65fr;gap:70px;align-items:center}.contact-section h2{font-size:clamp(30px,3.2vw,43px);line-height:1.2}.contact-section .eyebrow{margin-bottom:18px}.contact-grid>div>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:22px}.contact-actions{display:flex;align-items:center;gap:24px;margin-top:27px;flex-wrap:wrap}.contact-phone{font-size:15px;font-weight:650}.operator-card{border-left:1px solid #cddfce;padding:20px 0 20px 45px}.operator-card>span:first-child{font-size:8px;letter-spacing:1.2px;color:#79927d}.operator-card img{width:205px;max-height:55px;margin-top:20px}.operator-card p{font-size:14px;line-height:1.7;margin-top:20px}.operator-link{display:flex;align-items:center;gap:15px;color:var(--green);font-size:11px;font-weight:650;margin-top:20px}.operator-link .icon{width:16px;height:16px}footer{padding-top:45px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:40px}.footer-top .brand{font-size:20px}.footer-top .brand small{font-size:6px}.footer-top .brand-mark{width:36px;height:40px;border-radius:9px}.footer-top .brand-mark .icon{width:28px;height:28px}.footer-top>div>p{font-size:11px;font-weight:600;color:#566a5b}.footer-top>div>span{font-size:9px;color:#8a958d}.footer-top>a:last-child{font-size:13px;font-weight:650;display:flex;align-items:center;gap:12px}.footer-top>a:last-child .icon{width:16px;height:16px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:22px;font-size:9px;color:#7e8d82;gap:20px}.footer-bottom>div{display:flex;gap:22px;align-items:center}.footer-bottom button{padding:0;background:none;font-size:inherit;color:inherit}.footer-bottom button:hover,.footer-bottom a:hover{color:var(--green)}dialog{padding:0;border:1px solid var(--line);border-radius:15px;width:calc(100% - 36px);max-height:90dvh;max-width:720px;color:var(--ink);box-shadow:0 40px 140px #06291a30;overscroll-behavior:contain}dialog::backdrop{background:#071d25a6;backdrop-filter:blur(5px)}body.modal-open{overflow:hidden}.dialog-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f6faf7;padding:15px 24px;border-bottom:1px solid var(--line);z-index:2}.icon-button{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#eaf1eb}.icon-button:hover{background:#d9e7dd}.icon-button .icon{width:19px;height:19px}.dialog-content{padding:32px}.dialog-content h2{font-size:32px;overflow-wrap:anywhere}.dialog-content h3{font-size:19px;margin:25px 0 10px;letter-spacing:-.5px}.dialog-content p,.dialog-content li{font-size:13px;line-height:1.85}.dialog-intro{margin-top:15px}.dialog-content .eyebrow{font-size:10px;margin-bottom:13px}.report-dialog{max-width:980px}.report-meta{display:flex;flex-wrap:wrap;gap:8px 25px;font-size:11px;color:#7a8b7e;margin-top:13px}.report-meta span{overflow-wrap:anywhere}.report-banner{padding:17px 20px;border:1px solid #d9e7df;background:#f1f8f2;border-radius:9px;margin-top:24px;font-size:13px;line-height:1.8;color:#446250}.demo-banner{background:#fff7e9;border-color:#eedcbd;color:#89662d}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-block:23px}.report-stat{padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:12px}.report-stat strong{font-size:29px;font-weight:550;color:var(--green)}.report-stat span{font-size:11px;line-height:1.5}.report-check{border:1px solid var(--line);border-radius:8px;margin-bottom:11px;padding:17px 20px;break-inside:avoid}.report-check-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.report-check h3{font-size:15px;margin:0;line-height:1.5;letter-spacing:-.2px}.report-check .badge{flex-shrink:0}.report-check>p{margin-top:8px;overflow-wrap:anywhere;font-size:12px}.report-check code{font-size:10px;display:block;margin-top:9px;overflow-wrap:anywhere;color:#788b7c}.report-check .recommendation-fix{margin-top:12px;font-size:12px}.badge.warning{color:#94691a;background:#fff4dc}.badge.neutral{color:#6e7a72;background:#edf0ed}.report-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.report-actions .button{font-size:11px}.report-limits{background:var(--paper);border-radius:9px;padding:19px;margin-top:23px}.report-limits h3{margin:0 0 10px;font-size:14px}.report-limits p{font-size:11px}.policy-list{padding-left:22px}.policy-list li{margin-bottom:11px}.info-dialog .dialog-content>p{margin-top:14px}.contact-dialog{max-width:630px}#contact-form{margin-top:22px}#contact-form label{display:block;font-size:12px;font-weight:650;margin:14px 0 6px}#contact-form label span{font-weight:400;color:var(--muted)}#contact-form input,#contact-form textarea{width:100%;border:1px solid #d4dfd7;border-radius:6px;padding:10px 12px;background:#fcfefc;font-size:14px;color:var(--ink)}#contact-form textarea{resize:vertical;min-height:100px}#contact-form>.button{margin-top:20px;width:100%}.contact-report-note{font-size:11px;padding:13px;background:var(--mint);border-radius:7px;margin-top:15px;overflow-wrap:anywhere}.contact-fallback{font-size:12px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}.contact-fallback a{text-decoration:underline;color:var(--green)}.project-dialog{max-width:1000px}.project-dialog .dialog-top>span{font-size:15px;font-weight:650}.project-dialog img{width:100%;max-height:65vh;object-fit:contain;object-position:top;height:auto;background:var(--paper);border-radius:8px}.project-dialog .button{margin-top:17px}.noscript-note{background:#fff5d6;padding:20px;text-align:center;font-size:14px}.loading-spinner{display:inline-block;border:2px solid #ffffff50;border-top-color:white;width:18px;height:18px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1800px){.section{padding-block:120px}.feature-card{padding:38px 35px 28px}.feature-card p{font-size:15px;max-width:400px}.feature-card h3{font-size:23px}.section-heading>p,.section-heading>div>p:not(.eyebrow),.section-lead{font-size:16px}.feature-scope,.steps p,.check-list{font-size:13px}.report-section-grid{gap:170px}.certificate-grid{gap:200px}.showcase-grid{gap:30px}}
@media(max-width:1150px){.section{padding-block:75px}.section-heading{gap:35px}.feature-card{padding:25px 23px 20px}.feature-card h3{font-size:18px}.feature-card p{font-size:12px}.steps{gap:35px}.report-section-grid{gap:50px}.certificate-grid{gap:60px}.certificate-display{padding:8px}.certificate-paper{padding:27px 23px 22px}.pricing-card{padding:25px 22px}.pricing-card h3{font-size:20px}.price-text{font-size:18px}.pricing-card .button{font-size:11px;padding-inline:12px}.faq-grid{gap:60px}.contact-grid{gap:35px}.operator-card{padding-left:30px}.sample-tabs{gap:18px}.sample-tabs button{font-size:10px}.recommendation-body{padding:24px}.footer-top{gap:20px}.footer-top>div{max-width:240px}}
@media(max-width:800px){.section{padding-block:62px}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>div>p:not(.eyebrow){margin-top:22px;font-size:14px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-card{padding:24px 20px 17px}.feature-icon{width:40px;height:40px;margin-bottom:23px}.feature-number{top:29px;right:21px}.feature-card p{font-size:12px}.feature-scope{font-size:9px;line-height:1.6;min-height:43px}.section-footnote{font-size:10px;text-align:left;justify-content:flex-start}.steps{gap:22px}.steps h3{font-size:17px;line-height:1.3}.steps p{font-size:12px}.step-count{font-size:29px;gap:15px;margin-bottom:15px}.report-section-grid{grid-template-columns:1fr;gap:37px}.section-lead{max-width:550px}.check-list{font-size:12px}.recommendation-card{max-width:600px;width:100%}.recommendation-body{padding:25px}.sample-tabs button{font-size:12px}.showcase-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:last-child{grid-column:1/-1;max-width:calc(50% - 8px)}.project-caption h3{font-size:20px}.project-caption>div>span{font-size:8px}.certificate-section{padding-block:65px}.certificate-grid{grid-template-columns:1fr;gap:45px}.certificate-display{max-width:430px;padding:14px}.certificate-section .certificate-grid>div>p:not(.eyebrow){max-width:550px}.center-heading{text-align:left;margin-bottom:30px}.center-heading .eyebrow{justify-content:flex-start}.pricing-grid{grid-template-columns:1fr;gap:20px}.pricing-card{padding:28px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}.pricing-card .plan-label,.pricing-card>h3,.pricing-card>p,.pricing-card>.price{grid-column:1}.pricing-card .check-list{grid-column:2;grid-row:1/6;border:0;margin:0;padding:5px 0 20px}.pricing-card .button{grid-column:1/-1;width:100%;margin-top:22px}.pricing-card>.price{margin-top:21px}.pricing-card>h3{margin-top:14px}.pricing-card>p{margin-top:10px}.monitoring-note{align-items:flex-start}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid>div>p:not(.eyebrow){margin-top:18px}.faq-grid>div:first-child>p:not(.eyebrow) br{display:none}.faq-grid .text-button{margin-top:15px}.faq-list summary{font-size:13px}.contact-section{padding-block:60px}.contact-grid{grid-template-columns:1fr}.operator-card{border-left:0;border-top:1px solid #cddfce;padding:28px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.operator-card img{grid-column:1;max-width:180px;margin-top:13px}.operator-card>span:first-child{grid-column:1}.operator-card p{grid-column:2;grid-row:1/3;margin:0;font-size:13px;align-self:center}.operator-link{margin-top:17px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>div{max-width:none;order:3;width:100%}.footer-bottom{align-items:flex-start;gap:18px;flex-direction:column;font-size:10px}.footer-bottom>div{flex-wrap:wrap;gap:20px}.dialog-content{padding:25px}.dialog-content h2{font-size:27px}.report-check{padding:16px}.report-stats{gap:8px}.report-stat{padding:13px;gap:8px}.report-stat strong{font-size:24px}.report-stat span{font-size:10px}}
@media(max-width:520px){h2{font-size:34px}.features-grid{grid-template-columns:1fr}.feature-card{padding:25px;display:grid;grid-template-columns:45px 1fr;column-gap:17px}.feature-icon{grid-column:1;grid-row:1/3;margin:0;width:43px;height:43px}.feature-card h3{grid-column:2;align-self:center;margin:3px 23px 0 0;font-size:19px}.feature-card p{grid-column:2;margin-top:9px;font-size:12px}.feature-card .feature-scope{grid-column:1/-1;font-size:10px;margin-top:19px;min-height:0}.feature-number{font-size:9px;top:30px}.steps{grid-template-columns:1fr;gap:30px}.steps article{display:grid;grid-template-columns:45px 1fr;gap:0 19px}.step-count{grid-row:1/3;margin:0;align-items:flex-start;font-size:29px;line-height:1.3}.step-count span{display:none}.steps h3{font-size:19px}.steps p{grid-column:2;max-width:none;font-size:12px;margin-top:9px}.showcase-grid{grid-template-columns:1fr;gap:30px}.project-card:last-child{grid-column:auto;max-width:none}.project-preview{aspect-ratio:1.45}.project-caption{padding-top:17px}.project-caption h3{font-size:22px}.sample-tabs{gap:20px;padding-inline:20px}.sample-tabs button{font-size:10px}.recommendation-head{padding:18px 20px}.recommendation-body{padding:23px 20px}.recommendation-body h3{font-size:20px}.certificate-paper{padding:25px 24px 22px}.certificate-paper h3{font-size:25px}.certificate-grid h2{font-size:33px}.certificate-section .certificate-grid>div>p:not(.eyebrow){font-size:13px}.certificate-section .check-list{font-size:11px}.pricing-card{display:flex;padding:27px}.pricing-card>h3{font-size:24px}.pricing-card>.price{margin-top:24px}.pricing-card>.price-text{font-size:21px}.pricing-card .check-list{border-top:1px solid var(--line);margin-top:22px;padding-top:22px;width:100%;font-size:12px;gap:14px}.pricing-card .button{margin-top:3px;font-size:12px}.monitoring-note p{font-size:10px}.contact-section h2{font-size:32px}.contact-grid>div>p:not(.eyebrow){font-size:13px}.contact-actions{gap:20px}.contact-actions .button{width:100%;font-size:12px}.contact-phone{width:100%;text-align:center}.footer-top .brand{font-size:18px}.footer-top>a:last-child{font-size:11px}.footer-top>div>span{font-size:9px}.footer-top{gap:20px 15px}.dialog-top{padding:12px 17px}.dialog-content{padding:22px 18px}.report-stats{grid-template-columns:1fr}.report-stat{padding:10px 15px}.report-stat span{font-size:11px}.report-stat strong{font-size:25px}.report-check-top{align-items:flex-start;gap:9px}.report-check h3{font-size:13px}.report-check .badge{font-size:8px}.report-check{padding:14px}.report-actions .button{width:100%}.certificate-details strong{font-size:8px}.dialog-content h2{font-size:25px}.project-dialog .dialog-top>span{font-size:13px}.hero-lead,.section-heading>p,.section-heading>div>p:not(.eyebrow),.section-lead,.feature-card p,.steps p,.center-heading>p:last-child,.pricing-card>p,.faq-list details>p,.contact-grid>div>p:not(.eyebrow){font-size:14px}}
@media print{body>*{display:none!important}body>dialog[open]{display:block!important;position:static;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;box-shadow:none;overflow:visible}dialog::backdrop{display:none}.report-actions,.dialog-top button,.report-actions+.small-note{display:none!important}.dialog-content{padding:15px 0}.report-check{break-inside:avoid}.report-meta{font-size:10px}body.modal-open{overflow:visible}.report-dialog .dialog-top{position:static;background:white}.report-banner,.report-stat,.report-check,.report-limits{print-color-adjust:exact;-webkit-print-color-adjust:exact}h2,h3{break-after:avoid}}
/* Comfortable reading sizes; the compact report illustration keeps its own scale. */
.hero-lead,.section-heading>p,.section-heading>div>p:not(.eyebrow),.section-lead,.feature-card p,.steps p,.center-heading>p:last-child,.pricing-card>p,.faq-list details>p,.contact-grid>div>p:not(.eyebrow){font-size:16px}
.header nav,.header-contact,.button,.domain-input input,.check-list,.sample-tabs button,.recommendation-head,.recommendation-explanation strong,.recommendation-explanation p,.recommendation-fix p,.recommendation-body>.inline-button,.pricing-card .check-list,.pricing-card .button,.faq-list summary,.operator-card p,.footer-top>a:last-child{font-size:14px}
.feature-scope,.section-footnote,.monitoring-note p,.text-button,.hero-benefits,.contact-fallback,.dialog-content .small-note,.footer-bottom{font-size:12px}
.scope-note,.small-note,.plan-label,.project-caption>div>span{font-size:11px}
.feature-card p{line-height:1.8}.feature-scope{line-height:1.65}.steps p{max-width:370px}.pricing-card .check-list{gap:14px}.report-section-grid .check-list{line-height:1.7}.recommendation-body h3{font-size:23px}.certificate-section .certificate-grid>div>p:not(.eyebrow){font-size:16px}.certificate-section .certificate-grid>div>p.certificate-disclaimer{font-size:12px}.faq-list details>p{line-height:1.85}.footer-top>div>span{font-size:11px}.report-check>p,.report-check .recommendation-fix,.report-limits p,.dialog-content p,.dialog-content li,#contact-form label{font-size:14px}.report-check code{font-size:12px}.report-check .badge{font-size:11px}.report-stat span{font-size:12px}.report-check h3{font-size:16px}
@media(max-width:1150px){.header nav{font-size:12px}.domain-input input{font-size:12px}.audit-form .button{font-size:13px}.sample-tabs{gap:18px}.sample-tabs button{font-size:12px}.pricing-card .button{font-size:12px}.pricing-card .check-list{font-size:13px}}
@media(max-width:800px){.header nav{font-size:15px}.feature-card p,.steps p{font-size:15px}.feature-scope{font-size:11px}.hero-benefits{font-size:12px}.pricing-card .check-list{font-size:13px}.report-section-grid .check-list{font-size:13px}.section-heading>p,.section-heading>div>p:not(.eyebrow){max-width:600px}.sample-tabs button{font-size:13px}.pricing-card .button{font-size:14px}.domain-input input{font-size:16px}}
@media(max-width:520px){.audit-form{flex-wrap:wrap}.audit-form .button{width:100%;font-size:14px}.hero-benefits{font-size:11px;gap:15px}.feature-card p{font-size:15px}.feature-scope{font-size:12px}.sample-tabs{gap:18px}.sample-tabs button{font-size:12px}.check-list{font-size:13px}.pricing-card .check-list{font-size:14px}.report-check h3{font-size:14px}.report-check .badge{font-size:10px}.contact-actions .button{font-size:13px}.footer-top>a:last-child{font-size:12px}}
.contact-grid>*{min-width:0}.form-message{color:var(--muted)}.form-message[data-state=error]{color:#a13f2d}.form-message[data-state=success]{color:var(--green)}
@media(max-width:800px){.operator-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.operator-card img{max-width:100%}}
@media(max-width:360px){.topbar-inner{justify-content:flex-end}.topbar-inner>span{display:none}.contact-actions .button{gap:8px;padding-inline:12px;font-size:12px}.operator-card{column-gap:20px}.hero-benefits{gap:10px;font-size:10px}}
/* Revision 2: aligned presentation, authentic brand assets, readable report preview. */
.hero{background:linear-gradient(90deg,#fff 40%,#f5f9f6 100%)}
.hero-grid{gap:64px;padding-block:68px 74px}
.hero-visual{padding:0;width:100%;max-width:590px;justify-self:end;align-self:center}
.preview-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;color:#718078;font-size:11px;letter-spacing:1.25px;font-weight:650}
.preview-kicker>span:last-child{letter-spacing:0;font-size:12px;font-weight:400}
.report-window{border:1px solid #d9e4dd;border-radius:14px;box-shadow:0 20px 55px #183c2310,0 3px 10px #183c2306;transform:none;overflow:hidden}
.window-bar{border-radius:0;background:#f2f5f3;padding:13px 20px;font-size:11px;color:#6d7d73}
.window-bar>.icon{width:15px;height:15px}
.preview-content{padding:24px 29px 0}
.preview-header{gap:15px}
.preview-header .mini-brand{font-size:13px;gap:8px}
.preview-header .badge{font-size:9px;letter-spacing:.65px;padding:5px 8px;background:#f0f3f1;color:#697c6f;font-weight:650}
.preview-content>h2{margin-top:25px;font-size:30px;font-weight:600;letter-spacing:-1px}
.preview-domain{display:flex;align-items:center;gap:7px;color:#6b7b71;font-size:12px;margin-top:10px}
.preview-domain>.icon{width:15px;height:15px}
.preview-domain>span{font-size:11px;margin-left:auto;padding-left:12px;border-left:1px solid #dfe6e1;color:#7d8a81}
.preview-summary{padding:21px 0 23px;margin:18px 0 0;gap:27px;border-top:1px solid #e6ede8}
.score-ring{width:128px}
.score-ring strong{font-size:39px;font-weight:650}
.score-ring strong span{font-size:17px}
.score-ring small{font-size:12px;color:#64796a}
.preview-summary h3{font-size:25px;line-height:1.24;letter-spacing:-.8px;margin-top:10px;font-weight:600}
.preview-summary p{font-size:12px;margin-top:8px}
.preview-summary .badge{font-size:11px;font-weight:600}
.preview-rows>div{font-size:13px;padding:13px 0}
.preview-rows>div>span{gap:10px}
.preview-rows b{width:19px;height:19px;font-size:11px}
.preview-rows .icon{width:18px;height:18px}
.preview-footer{font-size:13px;padding:17px 29px;border-radius:0;background:#f3f8f4;margin-top:4px;color:#096c53;min-height:55px}
.preview-footer:hover{background:#e9f4ed}
.preview-assurance{display:flex;align-items:center;gap:12px;margin-top:19px;padding:0 4px}
.preview-assurance .note-icon{width:33px;height:33px;flex-shrink:0;background:#e5f2e9}
.preview-assurance .note-icon .icon{width:19px;height:19px}
.preview-assurance p{font-size:12px;line-height:1.65}
.preview-assurance strong{display:block;font-weight:600;color:#395b49}
.preview-assurance p>span{display:block;font-size:11px;color:#77877c}
.technology-strip{background:#fff;border-block:1px solid var(--line)}
.technology-inner{display:grid;grid-template-columns:225px minmax(0,1fr);align-items:center;gap:35px;padding-block:34px}
.technology-copy{border-right:1px solid var(--line);padding-right:27px}
.technology-copy>p{font-size:9px;letter-spacing:1px;font-weight:650;color:#718478;line-height:1.7}
.technology-copy>h2{font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:1.35;margin-top:8px}
.technology-copy>span{font-size:11px;color:#7c8a80;display:block;margin-top:7px}
.technology-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:26px}
.technology-logo{display:flex;justify-content:center;align-items:center;min-width:0;min-height:65px;border-radius:6px;padding:12px 7px;transition:background .2s}
a.technology-logo:hover{background:#f5f8f5}
.technology-logo img{width:100%;max-width:177px;max-height:56px;object-fit:contain}
.wordpress-logo img{max-width:160px}
.prestashop-logo img{max-width:169px}
.shopify-logo img{max-width:138px;max-height:42px}
.bxm-admin-logo img{max-width:195px;max-height:40px}
.project-preview{background:#eaf0f2;border:1px solid #e0e8e9;border-radius:12px;aspect-ratio:1.35}
.project-beige .project-preview{background:#f0eee8;border-color:#e9e4dc}
.project-lilac .project-preview{background:#eeedf3;border-color:#e5e4eb}
.desktop-device{top:21%;left:7%;width:77%;height:59%;transform:none;border-width:4px;border-bottom-width:9px;border-radius:7px;box-shadow:0 14px 24px #24302f20;transition:box-shadow .25s}
.phone-device{right:7%;bottom:12%;width:23%;height:57%;transform:none;border-radius:12px;border-width:4px;box-shadow:0 10px 20px #24302f25;transition:box-shadow .25s}
.project-preview:hover .desktop-device,.project-preview:hover .phone-device{transform:none;box-shadow:0 14px 24px #24302f30}
.project-preview:hover .device-screen img{object-position:top}
.project-caption{padding-top:22px;align-items:flex-start}
.project-caption h3{font-size:23px;font-weight:600}
.project-expand{width:32px;height:32px;background:#fff;border:1px solid #d5dfe0;top:15px;right:15px}
.certificate-display{padding:0;max-width:455px}
.certificate-paper{transform:none;border:1px solid #dfe8dd;border-radius:12px;padding:30px 34px 27px;box-shadow:0 22px 50px #00171335}
.certificate-paper::after{inset:12px;border-radius:5px}
.certificate-top{padding-bottom:4px}
.certificate-seal{margin:30px auto 23px}
.certificate-paper h3{font-size:29px;font-weight:550}
.certificate-details{padding-block:20px}
.certificate-details strong{font-size:10px}
.certificate-bottom{padding-top:24px}
.certificate-bottom>span{font-size:8px}
@media(min-width:1800px){.hero-grid{gap:100px;padding-block:94px}.hero-visual{max-width:660px}.preview-content{padding:30px 35px 0}.preview-content>h2{font-size:34px}.preview-summary{padding-block:26px;gap:35px}.preview-summary h3{font-size:29px}.score-ring{width:143px}.preview-rows>div{font-size:14px;padding-block:16px}.preview-footer{width:calc(100% + 70px);margin-inline:-35px;padding-inline:35px;font-size:14px}.technology-inner{grid-template-columns:250px minmax(0,1fr);gap:50px}.technology-logos{gap:50px}.technology-logo img{max-width:195px}.wordpress-logo img{max-width:177px}.shopify-logo img{max-width:153px}}
@media(max-width:1150px){.hero-grid{gap:35px}.hero-visual{max-width:550px}.preview-kicker{font-size:9px;letter-spacing:.8px}.preview-kicker>span:last-child{font-size:10px}.preview-content{padding:23px 23px 0}.preview-content>h2{font-size:27px}.preview-summary{gap:19px;padding-block:20px}.score-ring{width:112px}.preview-summary h3{font-size:22px}.preview-rows>div{font-size:12px}.preview-footer{width:calc(100% + 46px);margin-inline:-23px;padding-inline:23px;font-size:12px}.preview-header .mini-brand{font-size:12px}.preview-header .badge{font-size:8px}.technology-inner{grid-template-columns:180px minmax(0,1fr);gap:24px}.technology-copy{padding-right:18px}.technology-copy>p{font-size:8px}.technology-logos{gap:16px}.technology-logo{padding-inline:5px}.technology-copy>h2{font-size:19px}}
@media(max-width:800px){.hero-grid{gap:41px;padding-block:45px 49px}.hero-visual{width:100%;max-width:560px;justify-self:center}.preview-kicker{font-size:10px;margin-bottom:12px}.preview-content{padding:24px 25px 0}.preview-header .mini-brand{font-size:13px}.preview-header .badge{font-size:9px}.preview-content>h2{font-size:29px}.preview-summary{gap:25px;padding-block:21px}.preview-summary h3{font-size:24px}.score-ring{width:125px}.preview-rows>div{font-size:13px}.preview-footer{width:calc(100% + 50px);margin-inline:-25px;padding-inline:25px;font-size:13px}.technology-inner{grid-template-columns:1fr;gap:22px;padding-block:30px}.technology-copy{border:0;text-align:center;padding:0}.technology-copy>p{font-size:9px}.technology-copy>h2{font-size:22px;margin-top:7px}.technology-copy>h2 br{display:none}.technology-copy>h2 br:after{content:' '}.technology-copy>span{margin-top:6px}.technology-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.technology-logo{min-height:65px}.certificate-display{padding:0;max-width:435px}.certificate-paper{padding:29px 30px 24px}}
@media(max-width:520px){.hero-visual{max-width:none}.preview-content{padding:21px 20px 0}.window-bar{padding:12px 17px;font-size:10px}.preview-kicker{font-size:8px;letter-spacing:.7px}.preview-kicker>span:last-child{font-size:10px}.preview-header{gap:8px}.preview-header .mini-brand{font-size:11px;gap:6px}.preview-header .mini-brand .icon{width:19px;height:19px}.preview-header .badge{font-size:7px;letter-spacing:.3px;padding-inline:6px}.preview-content>h2{font-size:26px;margin-top:21px;letter-spacing:-.8px}.preview-domain{font-size:11px;gap:5px}.preview-domain>span{font-size:10px;padding-left:8px}.preview-domain>.icon{width:13px;height:13px}.preview-summary{gap:18px;padding-block:19px;margin-top:17px}.score-ring{width:108px}.score-ring strong{font-size:34px}.score-ring strong span{font-size:15px}.score-ring small{font-size:10px}.preview-summary h3{font-size:21px;letter-spacing:-.5px}.preview-summary .badge{font-size:9px}.preview-summary p{font-size:11px}.preview-rows>div{font-size:11px;padding-block:13px}.preview-rows>div>span{gap:7px}.preview-rows .icon{width:17px;height:17px}.preview-rows b{width:17px;height:17px;font-size:10px}.preview-footer{width:calc(100% + 40px);margin-inline:-20px;padding:16px 20px;font-size:12px}.preview-assurance{gap:10px;padding:0;margin-top:15px}.preview-assurance p{font-size:11px}.preview-assurance p>span{font-size:10px}.technology-inner{gap:20px;padding-block:29px}.technology-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.technology-logo{min-height:64px;padding:10px 4px}.wordpress-logo img{max-width:156px}.prestashop-logo img{max-width:151px}.shopify-logo img{max-width:122px}.bxm-admin-logo img{max-width:174px}.project-preview{aspect-ratio:1.35}.certificate-paper{padding:27px 24px 24px}.certificate-paper h3{font-size:27px}.certificate-details strong{font-size:9px}}
@media(max-width:360px){.preview-content{padding-inline:16px}.preview-content>h2{font-size:23px}.preview-kicker>span:last-child{display:none}.preview-domain>span{font-size:9px}.preview-summary{gap:12px}.score-ring{width:88px}.score-ring strong{font-size:29px}.preview-summary h3{font-size:18px}.preview-summary p{font-size:10px}.preview-rows>div{font-size:10px}.preview-rows>div>span{gap:5px}.preview-footer{width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px;font-size:11px}.preview-assurance .note-icon{width:28px;height:28px}.preview-assurance p{font-size:10px}.preview-header .mini-brand{font-size:10px}.preview-header .badge{font-size:6.5px}.technology-logos{gap:9px 17px}.certificate-paper{padding-inline:22px}.certificate-paper h3{font-size:25px}}

/* Navigation, live demonstration and interaction polish. */
.header{transition:box-shadow .2s}
.header.is-scrolled{box-shadow:0 4px 24px #153c2710}
.header nav a{position:relative;white-space:nowrap}
.header nav a::after{content:"";position:absolute;inset:auto 0 4px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .22s}
.header nav a:hover::after,.header nav a[aria-current="location"]::after{transform:scaleX(1)}
.header nav a[aria-current="location"],.header-contact[aria-current="location"]{color:var(--green)}
.header nav .mobile-contact{display:none}
.reading-progress{height:2px;position:absolute;inset:auto 0 -1px;pointer-events:none;overflow:hidden}
.reading-progress span{display:block;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left}
:where(h1,h2)[tabindex="-1"]:focus{outline:none}
h1,h2,h3{text-wrap:balance}
.score-ring strong{font-variant-numeric:tabular-nums;letter-spacing:-1.6px}
.score-ring strong b{font:inherit}
.report-window{position:relative}
.demo-progress{position:absolute;inset:0 0 auto;height:3px;overflow:hidden;z-index:1;border-radius:12px 12px 0 0;pointer-events:none}
.demo-progress span{display:block;width:100%;height:100%;background:#36b58b;transform:scaleX(1);transform-origin:left}
.demo-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px solid #e2eae4;background:#f7faf8;border-radius:7px;margin-top:17px;padding:2px 3px 2px 11px}
.demo-toolbar[hidden]{display:none}
.demo-activity{display:flex;align-items:center;gap:8px;min-width:0;color:#4e7061;font-size:11px;font-weight:600;line-height:1.4}
.demo-activity i{width:6px;height:6px;border-radius:50%;background:#2caa80;flex-shrink:0}
.demo-controls{display:flex;flex-shrink:0;gap:1px}
.demo-controls button{background:transparent;width:36px;height:36px;display:grid;place-items:center;border-radius:5px;color:#517664;transition:background .2s,color .2s}
.demo-controls button:hover{background:#e5f0e9;color:#066549}
.demo-controls .icon{width:16px;height:16px;stroke-width:1.8}
.demo-enabled .preview-summary{border-top:0;margin-top:0}
.demo-enabled .preview-rows>div{transition:background .25s,opacity .25s;padding-inline:9px;margin-inline:-9px;border-radius:4px;min-height:51px}
.preview-rows>div[data-state="checking"]{background:#f0f7f2}
.preview-rows>div[data-state="checking"]>span:first-child .icon{color:var(--green)}
.preview-rows>div[data-state="pending"]>span:first-child{opacity:1;color:#506457}
.preview-rows>div>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.status-checking{color:var(--green)}
.status-pending{color:#87938b}
.preview-rows b.row-spinner{width:15px;height:15px;border:1.5px solid #bcd9ca;border-top-color:var(--green);border-radius:50%;animation:demo-spin 1s linear infinite;animation-play-state:paused}
.demo-running .row-spinner{animation-play-state:running!important}
.demo-running:not(.demo-complete) .demo-activity i{animation:demo-pulse 1.8s ease-out infinite}
.preview-rows>div[data-state="done"]>span:last-child b{animation:check-in .35s ease-out both}
.demo-complete .score-ring{filter:drop-shadow(0 0 6px #209b760b)}
.step-count>.icon{width:30px;height:30px;background:#e6f0e9;box-sizing:content-box;padding:12px;border-radius:14px;stroke-width:1.4}
.feature-icon{transition:background .25s,color .25s,box-shadow .25s}
.feature-card:hover .feature-icon{background:var(--green);color:#fff;box-shadow:0 5px 18px #087f6418}
.feature-card.has-entered .feature-icon,.steps article.has-entered .step-count>.icon{animation:icon-arrive .65s cubic-bezier(.2,.6,.2,1) both}
.feature-card:nth-child(2).has-entered .feature-icon,.feature-card:nth-child(5).has-entered .feature-icon,.steps article:nth-child(2).has-entered .step-count>.icon{animation-delay:.1s}
.feature-card:nth-child(3).has-entered .feature-icon,.feature-card:nth-child(6).has-entered .feature-icon,.steps article:nth-child(3).has-entered .step-count>.icon{animation-delay:.2s}
.sample-tabs button{display:flex;align-items:center;gap:7px}
.sample-tabs .icon{width:16px;height:16px}
.button .icon,.text-button .icon,.inline-button .icon,.preview-footer>.icon{transition:transform .2s}
.button:hover .icon,.text-button:hover .icon,.inline-button:hover .icon,.preview-footer:hover>.icon{transform:translateX(3px)}
.report-filterbar{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 12px}
.report-filterbar button{display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 12px;border:1px solid #dce7df;border-radius:6px;background:white;color:#54705f;font-size:12px;font-weight:600;transition:background .2s,color .2s,border-color .2s}
.report-filterbar button[aria-pressed="true"]{color:white;background:var(--green);border-color:var(--green)}
.report-filterbar button:hover:not([aria-pressed="true"]):not(:disabled){background:#edf5ef;border-color:#9bbfa9}
.report-filterbar button:disabled{cursor:default;opacity:.45}
.report-filterbar .icon{width:15px;height:15px}
.report-filterbar b{font-size:11px;min-width:20px;line-height:20px;text-align:center;border-radius:4px;background:#0000000a;font-variant-numeric:tabular-nums}
.report-results-count{font-size:11px;color:#76857c;margin-bottom:16px}
.report-check[hidden]{display:none}
@keyframes demo-spin{to{transform:rotate(360deg)}}
@keyframes demo-pulse{0%,100%{box-shadow:0 0 0 0 #2caa8020}50%{box-shadow:0 0 0 5px #2caa8000}}
@keyframes check-in{from{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes icon-arrive{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.demo-activity{font-size:10px}.demo-toolbar{padding-left:9px}.demo-controls button{width:32px;height:36px}.demo-controls .icon{width:15px;height:15px}}
@media(max-width:800px){
  .header nav{max-height:calc(100dvh - 92px);overflow-y:auto;padding:12px 20px 20px;border-radius:0 0 15px 15px}
  .header nav a{min-height:46px;border-radius:6px;padding-inline:14px}
  .header nav a[aria-current="location"]{background:#edf5ef}
  .header nav a::after{display:none}
  .header nav .mobile-contact{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4ece6;margin-top:5px;padding-top:15px;color:var(--green)}
  .header nav.is-open{animation:menu-in .18s ease-out}
  .demo-activity{font-size:11px}.demo-controls button{width:40px;height:40px}
  .step-count>.icon{width:25px;height:25px;padding:10px}
}
@keyframes menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){.demo-toolbar{margin-top:15px}.demo-activity{font-size:10px;gap:6px}.demo-enabled .preview-rows>div{min-height:46px}.sample-tabs{gap:16px}.sample-tabs .icon{display:none}}
@media(max-width:360px){.demo-toolbar{gap:2px;padding-left:7px}.demo-activity{font-size:9px;gap:5px}.demo-controls{gap:0}.demo-controls button{width:33px;height:39px}.demo-controls .icon{width:14px;height:14px}.demo-enabled .preview-rows>div{padding-inline:5px;margin-inline:-5px}.report-filterbar button{font-size:11px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.demo-toolbar,.reading-progress,.demo-progress,.report-filterbar,.report-results-count{display:none!important}.report-check[hidden]{display:block!important}}
@media(max-width:800px){.demo-controls button{width:44px;height:44px}.demo-toolbar{min-height:50px}.preview-summary{min-height:164px}}
@media(max-width:360px){.demo-activity{font-size:9px}.demo-controls button{width:44px;height:44px}.preview-summary{min-height:141px}}
.demo-headline{display:grid}
.demo-headline>span{grid-area:1/1}
.demo-heading-progress{visibility:hidden}
.demo-enabled:not(.demo-complete) .demo-heading-finished{visibility:hidden}
.demo-enabled:not(.demo-complete) .demo-heading-progress{visibility:visible}

/* Contact above the header; project attribution stays at the bottom. */
.topbar .topbar-phone{gap:8px;min-height:34px;white-space:nowrap;color:#315b47;font-weight:650;font-variant-numeric:tabular-nums}
.topbar .topbar-phone .icon{width:14px;height:14px}
.topbar .topbar-phone:hover{color:var(--green)}
.topbar .topbar-phone:hover span{text-decoration:underline;text-underline-offset:3px}

/* SEO + AI audit platform, version 2. */
.hero-audit-tags{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}
.hero-audit-tags>span,.hero-audit-tags>a{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#486653;border:1px solid #dce8df;border-radius:6px;background:#fff9;padding:6px 10px}
.hero-audit-tags .icon{height:16px;width:16px;color:var(--green)}
.hero-audit-tags>a:hover{background:var(--mint);border-color:#8fbea2}
.hero-audit-tags+.audit-form{margin-top:20px}
.audit-options{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:12px;align-items:center;font-size:11px;color:#738278}
.audit-options label{display:flex;align-items:center;gap:7px;color:#3f5b49;cursor:pointer;font-weight:600;min-height:30px}
.audit-options input{accent-color:var(--green);width:16px;height:16px;margin:0}
.audit-progress{border:1px solid #d7e7dc;border-radius:9px;background:#fff;padding:17px 19px;margin-top:18px;max-width:610px}
.audit-progress[hidden],#show-current-report[hidden],#cancel-audit[hidden]{display:none}
.audit-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}
.audit-progress-heading button{background:transparent;padding:5px 0;font-size:11px;color:var(--green);text-decoration:underline;text-underline-offset:3px}
.audit-progress ol{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:10px}
.audit-progress li{display:flex;align-items:center;gap:9px;color:#708577;font-size:12px}
.audit-progress li .icon{width:17px;height:17px}
.audit-progress li b{margin-left:auto;font-size:10px;font-weight:600}
.audit-progress li[data-state="loading"]{color:var(--green)}
.audit-progress li[data-state="loading"] .icon{animation:demo-pulse 1.7s ease infinite;border-radius:50%}
.audit-progress li[data-state="done"] b{color:var(--green)}
.audit-progress li[data-state="unavailable"] b{color:#976c24}
.audit-progress .text-button{margin-top:15px;font-size:12px}
.ai-section{background:#f4f8f4;border-block:1px solid #e5ece6}
.ai-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}
.ai-section h2{max-width:650px}.ai-section .section-lead{max-width:520px}
.ai-principles{margin-top:28px;display:grid;gap:19px}
.ai-principles>p{display:flex;gap:12px;font-size:14px;line-height:1.7;color:#698171}
.ai-principles .icon{width:20px;height:20px;color:var(--green);margin-top:3px}
.ai-principles strong{display:block;color:#253f2e;font-weight:650}
.ai-section .text-button{margin-top:30px}
.ai-explainer{background:white;border:1px solid #d6e3d9;border-radius:13px;box-shadow:0 18px 50px #25533a07;overflow:hidden}
.ai-explainer-head{display:flex;justify-content:space-between;gap:15px;padding:23px 26px;border-bottom:1px solid #e4ece6;font-size:12px;font-weight:650}
.ai-explainer-head>span:first-child{display:flex;align-items:center;gap:9px}
.ai-explainer-head .icon{color:var(--green);width:20px;height:20px}
.ai-explainer-row{display:flex;align-items:flex-start;gap:18px;padding:27px 26px;border-bottom:1px solid #e9efeb}
.ai-symbol{font-size:12px;color:#789483;font-variant-numeric:tabular-nums;margin-top:3px}
.ai-explainer-row>div{flex:1}
.ai-explainer-row h3{font-size:19px;line-height:1.3;letter-spacing:-.5px}
.ai-explainer-row p{font-size:13px;line-height:1.8;margin-top:8px;color:#708275}
.ai-explainer-row>.icon{width:22px;height:22px;color:var(--green);margin-top:2px}
.ai-explainer-note{display:flex;gap:12px;padding:20px 26px;background:#f9fbf9}
.ai-explainer-note .icon{width:17px;height:17px;color:#5b7a66;flex-shrink:0;margin-top:3px}
.ai-explainer-note p{font-size:11px;line-height:1.8}
.report-dialog{max-width:1060px}
.audit-modules{margin-block:28px;display:grid;gap:24px}
.audit-module{border:1px solid #dce7df;background:#fff;border-radius:12px;padding:26px}
.audit-module-heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}
.audit-module-heading .feature-icon{width:43px;height:43px;margin:0;flex-shrink:0}
.audit-module-heading .feature-icon .icon{width:23px;height:23px}
.audit-module-heading .eyebrow{font-size:9px;letter-spacing:1.3px;margin:0 0 6px}
.audit-module-heading h3{font-size:23px;margin:0;line-height:1.3}
.audit-module .module-intro{font-size:13px;line-height:1.8}
.audit-module .small-note{font-size:11px!important;line-height:1.8}
.audit-module .small-note a{text-decoration:underline;text-underline-offset:3px;color:var(--green)}
.module-pending,.module-empty{display:flex;gap:12px;align-items:center;padding:20px;background:#f5f8f5;border-radius:7px;font-size:13px!important;line-height:1.8}
.module-pending .loading-spinner,.performance-empty .loading-spinner{border-color:#c9ded1;border-top-color:var(--green);width:22px;height:22px;flex-shrink:0}
.crawler-table{margin-top:20px}
.crawler-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:16px 0;border-top:1px solid #e5ece7}
.crawler-row>div>strong{font-size:14px;display:block}
.crawler-row code{display:block;font-size:11px;line-height:1.8;color:#6c8374;overflow-wrap:anywhere}
.crawler-row>.badge{align-self:start;margin-top:3px;font-size:10px;white-space:nowrap}
.crawler-row details{grid-column:1/-1;font-size:11px}
.crawler-row summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;color:#547360;font-size:11px;min-height:28px}
.crawler-row summary::-webkit-details-marker{display:none}
.crawler-row summary .icon{width:13px;height:13px}
.crawler-row details>code{margin-top:10px;padding:8px 12px;background:#f4f7f4;border-radius:5px}
.crawler-row details>p{font-size:12px;margin-top:8px}
.crawler-row details>a{display:inline-block;font-size:11px;margin-top:9px;text-decoration:underline;color:var(--green);text-underline-offset:3px}
.training-rules{border-top:1px solid #dce7df;padding:16px 0 0;margin-top:8px}
.training-rules>summary,.performance-opportunities>summary{cursor:pointer;font-size:13px;font-weight:650;padding-block:6px}
.training-rules>summary span{font-size:10px;font-weight:400;color:#778a7e;margin-left:8px}
.training-rules>p{font-size:12px!important;margin-top:12px}
.sitemap-result{display:flex;gap:13px;background:#f3f7f3;border-radius:7px;padding:17px;margin-top:20px}
.sitemap-result>.icon{width:20px;height:20px;color:var(--green);margin-top:2px}
.sitemap-result strong{font-size:13px}
.sitemap-result p{font-size:12px!important;margin-top:4px}
.sitemap-result code{font-size:10px;overflow-wrap:anywhere;color:#708475;display:block;margin-top:7px}
.device-switch{display:flex;width:fit-content;border:1px solid #dce7df;background:#f6f9f6;border-radius:7px;padding:3px;gap:3px;margin-bottom:21px}
.device-switch button{display:flex;gap:8px;align-items:center;justify-content:center;padding:9px 20px;font-size:12px;border-radius:5px;background:transparent;color:#657f6d;min-height:42px}
.device-switch button[aria-pressed="true"]{background:white;box-shadow:0 2px 6px #20432e0f;color:var(--green);font-weight:650}
.device-switch .icon{width:16px;height:16px}
.performance-empty{background:#f5f8f5;border:1px dashed #cddfd2;border-radius:9px;padding:27px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.performance-empty>.icon{width:28px;height:28px;color:#668673}
.performance-empty>strong{font-size:18px;font-weight:600;letter-spacing:-.5px}
.performance-empty>p{font-size:13px;max-width:650px}
.performance-empty .button{font-size:12px;padding:11px 15px}
.performance-empty .text-button{font-size:12px;margin:0}
.measurement-label{font-size:10px!important;letter-spacing:.35px;margin-bottom:20px}
.lighthouse-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:6px 0 15px}
.lighthouse-category{text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px}
.lighthouse-score{display:grid;place-items:center;width:83px;height:83px;font-size:31px;font-weight:600;letter-spacing:-1.5px;border-radius:50%;border:5px solid currentColor;background:#fff;line-height:1;font-variant-numeric:tabular-nums}
.score-good{color:#168366}.score-average{color:#ac7306}.score-poor{color:#c84f42}.score-unknown{color:#7f8e84}
.lighthouse-category>span{font-size:11px;font-weight:600;color:#516c5c;line-height:1.5}
.score-legend{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:10px!important;margin-bottom:26px}
.score-legend span{display:flex;gap:5px;align-items:center}
.score-legend span::before{content:"";width:5px;height:5px;border-radius:50%;background:#168366}
.score-legend span:nth-child(2)::before{background:#ac7306}.score-legend span:nth-child(3)::before{background:#c84f42}
.lab-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.metric-card{padding:15px;background:#f6f9f6;border:1px solid #e5ece6;border-radius:7px}
.metric-card>span{display:block;font-size:12px;font-weight:700}
.metric-card small{display:block;font-size:10px;line-height:1.6;font-weight:400;color:#6d8174;margin-top:4px;min-height:32px}
.metric-card>strong{font-size:24px;letter-spacing:-.8px;line-height:1.6;font-weight:600;font-variant-numeric:tabular-nums}
.performance-opportunities{margin-top:24px;border-top:1px solid #dce7df;padding-top:14px}
.performance-opportunities article{margin-top:13px;padding:14px 16px;border-left:2px solid #c6ab65;background:#fcfaf4;display:grid;gap:6px}
.performance-opportunities article>strong{font-size:13px;font-weight:600}
.performance-opportunities article>span{font-size:12px;color:#7c735b}
.performance-opportunities article>small{font-size:10px;line-height:1.7;color:#857757}
.field-data{border:1px solid #dce7df;border-radius:8px;margin-top:24px;padding:18px}
.field-data>strong{font-size:13px;display:flex;gap:9px;align-items:center}
.field-data .icon{width:17px;height:17px;color:var(--green)}
.field-data>p{font-size:12px!important;margin-top:10px}
.field-data code{display:block;overflow-wrap:anywhere;font-size:10px;margin-top:12px;color:#69816f}
.field-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.field-metrics>span{font-size:11px;padding:8px 10px;border-radius:5px;background:#eff4f0}
.field-metrics b{font-weight:500;margin-left:6px}
.module-warning{display:flex;align-items:flex-start;gap:7px;font-size:12px!important;padding:10px 0;color:#8d691d}
.module-warning .icon{width:17px;height:17px;flex-shrink:0}
.check-group-filter{display:flex;gap:5px;flex-wrap:wrap;margin-top:18px;padding-bottom:10px;border-bottom:1px solid #e2eae4}
.check-group-filter button{background:transparent;color:#6c8073;font-size:11px;padding:9px 12px;border-radius:5px;min-height:36px}
.check-group-filter button[aria-pressed="true"]{background:#eaf3ed;color:var(--green);font-weight:650}
@media(min-width:1800px){.ai-section-grid{gap:115px}.ai-explainer-row{padding-block:32px}.hero-audit-tags{margin-top:25px}}
@media(max-width:1150px){.ai-section-grid{gap:40px}.ai-explainer-head{padding:20px}.ai-explainer-row{padding:23px 20px;gap:12px}.ai-explainer-note{padding:18px 20px}}
@media(max-width:800px){.ai-section-grid{grid-template-columns:1fr;gap:35px}.ai-section .section-lead{max-width:none}.ai-explainer{max-width:620px}.audit-options{font-size:11px}.hero-audit-tags>span,.hero-audit-tags>a{font-size:11px}.audit-module{padding:20px}.lighthouse-categories{gap:10px}.lab-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-module-heading h3{font-size:21px}}
@media(max-width:520px){.hero h1{font-size:clamp(38px,8vw,43px);letter-spacing:-2.2px}.hero-audit-tags{gap:7px;margin-top:18px}.hero-audit-tags>span,.hero-audit-tags>a{font-size:10px;padding:5px 8px}.hero-audit-tags .icon{width:14px;height:14px}.audit-options{display:block}.audit-options>span{display:block;font-size:10px;margin-left:23px;line-height:1.8}.audit-progress{padding:15px}.audit-progress li{font-size:11px}.audit-progress-heading{font-size:12px}.ai-section h2{font-size:32px}.ai-explainer-head{font-size:10px;gap:8px;padding:18px}.ai-explainer-head .badge{font-size:8px}.ai-explainer-row{padding:23px 18px}.ai-explainer-row h3{font-size:18px}.ai-explainer-row p{font-size:12px}.ai-principles>p{font-size:13px}.ai-explainer-note{padding:18px}.audit-module{padding:17px 14px;border-radius:9px}.audit-module-heading{gap:10px}.audit-module-heading h3{font-size:19px}.audit-module-heading .feature-icon{width:36px;height:36px;border-radius:9px}.audit-module-heading .eyebrow{font-size:8px;letter-spacing:.8px}.crawler-row{gap:8px}.crawler-row>div>strong{font-size:13px}.crawler-row>.badge{font-size:8px;padding:4px 6px}.crawler-row code{font-size:10px}.training-rules>summary{font-size:12px;line-height:1.7}.training-rules>summary span{display:block;margin:3px 0 0}.lighthouse-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 10px}.lighthouse-score{width:78px;height:78px;font-size:29px}.lighthouse-category>span{font-size:11px}.score-legend{font-size:8px!important;gap:9px;margin-top:6px}.lab-metrics{gap:8px}.metric-card{padding:12px}.metric-card small{font-size:9px;min-height:30px}.metric-card>strong{font-size:22px}.performance-empty{padding:20px}.performance-empty>strong{font-size:17px}.device-switch{width:100%}.device-switch button{flex:1;font-size:11px;padding-inline:10px}.field-data{padding:14px}.field-data>strong{font-size:12px;align-items:flex-start}.check-group-filter{gap:3px}.check-group-filter button{font-size:10px;padding-inline:8px}.sitemap-result{padding:14px;gap:9px}}
@media print{.check-group-filter,.device-switch,.audit-options,.audit-progress{display:none!important}.audit-module{break-inside:auto}.crawler-row,.metric-card,.lighthouse-category{break-inside:avoid}.performance-empty .button,.performance-empty .text-button{display:none!important}.crawler-row details,.training-rules,.performance-opportunities{content-visibility:visible}.lab-metrics{grid-template-columns:repeat(3,1fr)}.audit-modules{display:block}.audit-module{margin-block:15px}.lighthouse-categories{grid-template-columns:repeat(4,1fr)}}

/* Clear separation of website delivery, expert review and ongoing SEO. */
.pricing-card>p.offer-quote{font-size:12px;line-height:1.65;margin:0 0 18px;color:var(--muted)}
.offer-expert{display:flex;gap:22px;padding:30px;margin-top:26px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.offer-expert-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:12px;background:var(--mint);color:var(--green)}
.offer-expert-icon .icon{width:23px;height:23px}.offer-expert h3,.offer-free h3{font-size:20px;line-height:1.4;letter-spacing:-.5px}
.offer-expert p,.offer-free p{font-size:14px;line-height:1.85;margin-top:10px;max-width:960px}.offer-expert p.offer-limits{font-size:12px;color:var(--muted)}
.offer-free{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:30px 0 0;margin-top:8px}.offer-free>div{max-width:760px}.offer-free h3{margin-top:9px}.offer-free .button{flex-shrink:0}
@media(min-width:801px){.pricing-card>p:not(.offer-quote){min-height:100px}}
@media(min-width:521px) and (max-width:800px){.pricing-card>p.offer-quote{grid-column:1/-1;margin:10px 0 0}}
@media(max-width:800px){.offer-free{align-items:flex-start;flex-direction:column;gap:20px}.offer-expert{padding:24px;gap:16px}}
@media(max-width:520px){.offer-expert{flex-direction:column;padding:22px}.offer-expert h3,.offer-free h3{font-size:19px}.offer-free .button{width:100%}}

/* Optical sizing: wide BXM wordmark needs more room than compact platform logos. */
.technology-logos{grid-template-columns:1fr .95fr .85fr 1.6fr;gap:24px}
.prestashop-logo img{width:82%;max-width:136px}
.shopify-logo img{width:80%;max-width:110px;max-height:34px}
.bxm-admin-logo{padding-inline:0}
.bxm-admin-logo img{width:100%;max-width:280px;max-height:48px}
@media(min-width:1800px){.technology-logos{gap:38px}.prestashop-logo img{max-width:150px}.shopify-logo img{max-width:122px}.bxm-admin-logo img{max-width:310px}}
@media(max-width:1024px){.technology-logos{gap:16px}}
@media(max-width:520px){.technology-logos{grid-template-columns:1fr 1.3fr;gap:12px 17px}.prestashop-logo img{width:78%;max-width:116px}.shopify-logo img{width:78%;max-width:96px}.bxm-admin-logo img{max-width:230px}.wordpress-logo{padding-inline:0}}
/* Search directions and evidence-based AEO / GEO report. */
.search-directions{background:#f5f8f3;border-block:1px solid #e0e8dd}.direction-pulse{width:7px;height:7px;background:#288565;border-radius:50%;box-shadow:0 0 0 5px #28856514;animation:direction-pulse 3s ease-in-out infinite}.search-directions .eyebrow{display:flex;align-items:center;gap:12px}.search-direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.search-direction-card{background:white;border:1px solid #dce6db;border-radius:16px;padding:32px;display:flex;flex-direction:column;min-width:0}.direction-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.direction-code{font-size:48px;line-height:1.1;font-weight:600;letter-spacing:-2px;color:#266b51}.direction-top>.icon{width:30px;height:30px;color:#4d8565}.direction-expansion{font-size:11px;color:#667d6a;letter-spacing:.3px}.search-direction-card h3{font-size:26px;line-height:1.2;letter-spacing:-.6px;margin:29px 0 15px}.search-direction-card>p{font-size:14px;line-height:1.8;color:#5a6c60;margin:0 0 25px}.direction-example{border-top:1px solid #e1e8df;padding-top:19px;margin-top:auto;min-height:100px}.direction-example span{display:block;font-size:9px;letter-spacing:1.3px;color:#768a79;margin-bottom:9px}.direction-example q{font-size:14px;line-height:1.6;color:#3c6048}.direction-example q::before,.direction-example q::after{content:none}.search-direction-card>.text-button{margin-top:18px;justify-content:space-between;gap:12px}.direction-geo{background:#204b3b;border-color:#204b3b}.direction-geo h3,.direction-geo .direction-code,.direction-geo .text-button,.direction-geo .direction-top>.icon{color:#f0f7e9}.direction-geo>p,.direction-geo .direction-expansion,.direction-geo q{color:#c4d9c6}.direction-geo .direction-example{border-color:#567465}.direction-geo .direction-example span{color:#a5c4ac}.search-directions-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:26px 0;border-bottom:1px solid #d7e2d4}.search-directions-bottom strong{font-size:18px;font-weight:600;color:#305b41}.search-directions-bottom p{font-size:13px;color:#5a725f;margin-top:9px;max-width:660px;line-height:1.7}.search-directions-bottom .button{flex-shrink:0}.directions-method{font-size:11px;line-height:1.9;color:#667a69;margin-top:19px;max-width:1030px}.directions-method a{text-decoration:underline;text-underline-offset:3px}
.ai-visibility-module>h3{font-size:25px;line-height:1.3;margin-bottom:16px}.ai-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.ai-evidence-card{border:1px solid #d5e1d3;background:#f8faf5;border-radius:12px;padding:20px;min-width:0}.ai-perspective{color:#277351;font-size:23px;font-weight:650}.ai-evidence-card h4{font-size:15px;line-height:1.4;margin:10px 0}.dialog-content .ai-evidence-card>p{font-size:12px;line-height:1.8;color:#5c725e}.ai-evidence-card details{margin-top:17px;border-top:1px solid #dbe5d6;padding-top:14px}.ai-evidence-card summary{cursor:pointer;font-size:12px;font-weight:600;color:#346a47;line-height:1.6}.ai-evidence-item{border-top:1px solid #dbe5d6;margin-top:15px;padding-top:15px;overflow-wrap:anywhere}.ai-evidence-item>strong{display:block;font-size:12px}.ai-evidence-status{display:block;font-size:10px;margin:8px 0;color:#697b6b}.ai-evidence-status[data-state=warning],.ai-access-overview strong[data-state=blocked]{color:#956224}.dialog-content .ai-evidence-item p{font-size:12px;line-height:1.7;margin:10px 0}.ai-evidence-item code{font-size:10px;white-space:normal}.ai-access-overview{margin-top:24px}.ai-access-overview h4,.ai-manual-review h4{font-size:16px;margin:15px 0}.ai-access-overview ul{list-style:none;padding:0;margin:0}.ai-access-overview li{display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding:11px 0;border-bottom:1px solid #e2e8df;font-size:12px}.ai-access-overview strong{font-weight:500;font-size:11px;color:#577861}.ai-access-overview strong[data-state=unknown],.ai-access-overview strong[data-state=loading]{color:#737d71}.ai-access-overview .small-note{margin-top:15px}.ai-manual-review{background:#edf3e8;border-radius:10px;padding:23px;margin-top:24px}.ai-manual-review ol{padding-left:19px}.dialog-content .ai-manual-review li{font-size:12px;line-height:1.8;margin-bottom:12px}.ai-manual-review .text-button{margin-top:10px}
@keyframes direction-pulse{50%{box-shadow:0 0 0 8px #28856506}}
@media(min-width:1800px){.search-direction-card{padding:40px}.search-direction-card h3{font-size:30px}.search-direction-card>p{font-size:16px}}
@media(max-width:1000px){.search-direction-card{padding:25px}.search-direction-card h3{font-size:23px}.search-directions-bottom{align-items:flex-start;flex-direction:column}.ai-evidence-grid{grid-template-columns:1fr}.ai-evidence-card{padding:20px}.ai-evidence-card>p{max-width:620px}}
@media(max-width:700px){.search-direction-grid{grid-template-columns:1fr}.search-direction-card h3 br{display:none}.direction-example{min-height:0}.search-direction-card>p{margin-bottom:18px}.search-direction-card h3{margin-top:21px}.search-direction-card{padding:26px}.search-directions-bottom .button{width:100%;font-size:12px;white-space:normal}.search-directions h2{font-size:34px}.ai-access-overview li{align-items:flex-start;flex-direction:column;gap:5px}.ai-manual-review{padding:18px}}
@media(prefers-reduced-motion:reduce){.direction-pulse{animation:none}}

.score-ring .ring-fill{stroke-dasharray:214 321}
/* Portfolio: upright devices, overlapping cards and native touch scrolling. */
.showcase-section{overflow:hidden;background:#fafbf8}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #dce5dc;padding:23px 0 10px}.portfolio-toolbar>p{font-size:13px;color:#6a7c6c}.portfolio-toolbar strong{color:#285b40;font-weight:650;margin-right:8px}.portfolio-controls{display:flex;align-items:center;gap:12px}.portfolio-controls[hidden]{display:none}.portfolio-controls .icon-button{border:1px solid #cddcd0;background:white;width:44px;height:44px;font-size:21px;color:#256f50}.portfolio-controls .icon-button:disabled{opacity:.3;cursor:default}#portfolio-status{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#54765c;min-width:72px}.portfolio-track{display:flex;isolation:isolate;overflow-x:auto;overflow-y:hidden;padding:25px 3px 30px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#82a38a #e9eee7;position:relative;align-items:flex-start}.portfolio-track:focus-visible{outline:2px solid #21835d;outline-offset:5px}.portfolio-track .portfolio-card{flex:0 0 48%;width:48%;max-width:none;min-width:0;position:relative;background:#fff;border:1px solid #d7e2d5;border-radius:17px;box-shadow:-13px 8px 30px #233d2815;scroll-snap-align:start;overflow:hidden}.portfolio-track .portfolio-card+.portfolio-card{margin-left:-48px}.portfolio-track .portfolio-card:last-child{max-width:none;grid-column:auto;margin-right:0}.portfolio-track .project-preview{display:block;width:100%;border:0;border-radius:0;background:#e7efea;aspect-ratio:1.4}.portfolio-track .portfolio-card:nth-child(3n+2) .project-preview{background:#eee9df}.portfolio-track .portfolio-card:nth-child(3n) .project-preview{background:#e7eaf0}.portfolio-card-label{position:absolute;top:23px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.4px;font-weight:600;color:#647f6b}.portfolio-card-label>span{font-size:10px;letter-spacing:2px}.portfolio-track .desktop-device{left:6%;top:20%;width:79%;height:66%}.portfolio-track .phone-device{right:6%;bottom:8%;width:22%;height:61%}.portfolio-track .project-caption{padding:23px 68px 25px 26px;align-items:center;min-height:105px}.portfolio-track .project-caption h3{font-size:25px;line-height:1.3}.portfolio-track .project-caption>div>span{font-size:10px;letter-spacing:1.2px}.portfolio-case-link{width:34px;height:34px;display:grid;place-items:center;color:#357655;border:1px solid #d7e3d4;border-radius:50%;flex-shrink:0}.portfolio-case-link:hover{background:#ecf4e7}.portfolio-hint{display:flex;align-items:center;gap:13px;font-size:11px;color:#65806b;margin:15px 0 25px}.portfolio-hint>span:first-child{font-size:20px}.portfolio-hint>span:last-child{margin-left:auto}.portfolio-arrived{animation:portfolio-arrive .6s cubic-bezier(.22,.7,.2,1) both}@keyframes portfolio-arrive{from{opacity:1;transform:translateX(-35px)}to{opacity:1;transform:translateX(0)}}
.portfolio-card:nth-child(1){z-index:1}.portfolio-card:nth-child(2){z-index:2}.portfolio-card:nth-child(3){z-index:3}.portfolio-card:nth-child(4){z-index:4}.portfolio-card:nth-child(5){z-index:5}.portfolio-card:nth-child(6){z-index:6}.portfolio-card:nth-child(7){z-index:7}.portfolio-card:nth-child(8){z-index:8}.portfolio-card:nth-child(9){z-index:9}.portfolio-card:nth-child(10){z-index:10}
@media(min-width:1800px){.portfolio-track .portfolio-card{flex-basis:43%;width:43%}.portfolio-track .project-caption h3{font-size:29px}}
@media(max-width:900px){.portfolio-track .portfolio-card{flex-basis:67%;width:67%}.portfolio-track .portfolio-card+.portfolio-card{margin-left:-28px}.portfolio-track .project-caption{padding-right:40px}.portfolio-toolbar>p{font-size:12px}}
@media(max-width:600px){.portfolio-track .portfolio-card{flex-basis:94%;width:94%}.portfolio-track .portfolio-card+.portfolio-card{margin-left:-15px}.portfolio-track .project-caption{padding:18px 26px 18px 19px;min-height:96px}.portfolio-track .project-caption h3{font-size:22px}.portfolio-card-label{top:16px;left:19px;right:20px;font-size:7px;letter-spacing:1px}.portfolio-card-label>span{font-size:8px}.portfolio-toolbar{align-items:flex-start;gap:12px}.portfolio-toolbar>p{font-size:11px;line-height:1.8;max-width:160px}.portfolio-toolbar>p>strong{display:block}.portfolio-controls{gap:6px}.portfolio-controls .icon-button{width:36px;height:36px}.portfolio-controls #portfolio-status{min-width:47px;font-size:10px;letter-spacing:1px}.portfolio-hint{flex-wrap:wrap;font-size:10px;gap:8px}.portfolio-hint>span:last-child{margin-left:0;width:100%}.portfolio-track .device-browser{height:15px}.portfolio-track .desktop-device{border-width:3px;border-bottom-width:7px}.portfolio-track .phone-device{border-width:3px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){.portfolio-arrived{animation:none}.portfolio-track{scroll-behavior:auto}}

.portfolio-track .portfolio-card-label{right:112px}.portfolio-track .project-expand{right:65px}
@media(max-width:900px){.portfolio-track .portfolio-card-label{right:94px}.portfolio-track .project-expand{right:45px}}
@media(max-width:600px){.portfolio-track .portfolio-card-label{right:78px}.portfolio-track .project-expand{right:30px}}
/* Finite scroll entrances: all content stays visible without JavaScript. */
@media(prefers-reduced-motion:no-preference){
  .motion-entered{animation:section-enter .72s cubic-bezier(.2,.7,.2,1) var(--entrance-delay,0ms) backwards}
  .section-heading.motion-entered,.center-heading.motion-entered{animation-name:heading-enter;animation-duration:.65s}
  .feature-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
  .feature-card::before{content:"";position:absolute;inset:-1px 24px auto;height:2px;border-radius:2px;background:linear-gradient(90deg,#82b296,#2b8761,#dceadc);transform:scaleX(0);transform-origin:left;pointer-events:none}
  .feature-card.motion-entered::before{animation:feature-line .85s ease var(--entrance-delay,0ms) backwards;transform:scaleX(1)}
  .feature-card.motion-entered .feature-icon{animation:feature-icon-enter .85s cubic-bezier(.2,.7,.2,1) var(--entrance-delay,0ms) backwards}
  .feature-card:nth-child(2).motion-entered .feature-icon>.icon{animation:feature-tilt .85s ease .2s backwards}
  .feature-card:nth-child(3).motion-entered .feature-icon>.icon{animation:feature-tilt .85s ease .3s backwards}
  .feature-card:nth-child(6).motion-entered .feature-icon>.icon{animation:feature-spark .9s ease .3s backwards}
  .step-count>span{position:relative;background:#d5e2d6;isolation:isolate}
  .step-count>span::after{content:"";position:absolute;inset:0;background:#4c9674;transform-origin:left;transform:scaleX(1)}
  .steps article.motion-entered .step-count>span::after{animation:step-draw 1.1s cubic-bezier(.2,.7,.2,1) var(--entrance-delay,0ms) backwards}
  .steps article.motion-entered .step-count>.icon{animation:step-icon-enter 1s cubic-bezier(.2,.7,.2,1) calc(var(--entrance-delay,0ms) + .2s) backwards}
  .steps article.motion-entered h3{animation:section-enter .65s ease calc(var(--entrance-delay,0ms) + .12s) backwards}
  .search-direction-card.motion-entered .direction-code{animation:feature-icon-enter .8s ease calc(var(--entrance-delay,0ms) + .1s) backwards}
  .search-direction-card{transition:transform .25s ease,border-color .25s ease}
  .knowledge-card{transition:transform .25s ease,box-shadow .25s ease}
  @media(hover:hover) and (pointer:fine){
    .feature-card:hover,.feature-card:focus-within{transform:translateY(-5px);border-color:#94bba3;box-shadow:0 14px 32px #244b3010}
    .search-direction-card:hover,.search-direction-card:focus-within{transform:translateY(-5px)}
    .knowledge-card:hover,.knowledge-card:focus-within{transform:translateY(-4px)}
    .steps article:hover .step-count>.icon{transform:translateY(-3px);transition:transform .2s ease}
  }
}
@keyframes section-enter{from{opacity:.28;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes heading-enter{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes feature-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes feature-icon-enter{0%{opacity:.3;transform:translateY(10px) scale(.92)}65%{opacity:1;transform:translateY(-2px) scale(1.035)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes feature-tilt{0%,100%{transform:rotate(0)}40%{transform:rotate(-9deg)}70%{transform:rotate(4deg)}}
@keyframes feature-spark{0%{transform:scale(.85);opacity:.5}60%{transform:scale(1.14);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes step-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes step-icon-enter{0%{opacity:.35;transform:translateX(-10px) scale(.9)}65%{opacity:1;transform:translateX(0) scale(1.035)}100%{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:600px){.motion-entered{--entrance-delay:0ms!important}}
@media(prefers-reduced-motion:reduce){.motion-entered,.motion-entered *{animation:none!important;transition:none!important;transform:none!important}}
@media print{.motion-entered,.motion-entered *{animation:none!important;opacity:1!important;transform:none!important}.feature-card::before,.step-count>span::after{display:none!important}}
/* Larger linked operator signature, retaining the original SVG proportions. */
.contact-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr)}
.operator-card img{display:block;width:clamp(250px,24vw,360px);max-width:100%;height:auto;max-height:none;margin-top:24px}
.operator-card:focus-visible{outline:2px solid var(--green);outline-offset:8px;border-radius:4px}
@media(min-width:1800px){.operator-card img{width:390px}}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr}.operator-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.operator-card img{width:310px;max-width:100%;margin-top:18px}}
@media(max-width:520px){.operator-card{display:flex;flex-direction:column;align-items:flex-start;gap:0}.operator-card img{width:290px;max-width:100%;margin-top:19px}.operator-card p{margin-top:19px}.operator-card .operator-link{margin-top:17px}}
.content-workshop{background:#f2f6ef;border-block:1px solid #e0e8dc}.content-workshop .section-heading{align-items:end}.content-workshop .section-heading>p{max-width:490px;color:var(--muted);line-height:1.8}.content-workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.content-workshop-card{background:#fff;border:1px solid #dce6d8;border-radius:16px;padding:30px;display:flex;flex-direction:column}.content-workshop-top{display:flex;justify-content:space-between;align-items:center;color:#34775c;font-size:12px;letter-spacing:1px;font-weight:600;margin-bottom:25px}.content-workshop-top .icon{width:27px;height:27px}.content-workshop-card h3{font-size:24px;line-height:1.3;letter-spacing:-.6px;margin:0 0 18px}.content-workshop-card p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 26px}.content-workshop-card .text-button{margin-top:auto;font-size:13px;justify-content:space-between;gap:12px}.content-workshop-next{display:grid;grid-template-columns:.75fr 1.3fr 1fr;align-items:center;gap:25px;padding-top:30px;margin-top:30px;border-top:1px solid #d6e2d0}.content-workshop-next strong{font-size:19px}.content-workshop-next p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.content-workshop-next a{color:#1a6549;font-size:13px;text-underline-offset:4px}.ai-explainer-note{flex-wrap:wrap}.ai-explainer-note>p:last-child:not(:first-of-type){flex-basis:100%;padding-left:29px}.ai-explainer-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.content-workshop-grid{gap:14px}.content-workshop-card{padding:23px}.content-workshop-card h3{font-size:21px}.content-workshop-next{grid-template-columns:1fr 1.6fr}.content-workshop-next a{grid-column:2}}
@media(max-width:650px){.content-workshop-grid,.content-workshop-next{grid-template-columns:1fr}.content-workshop-card{padding:25px}.content-workshop-next{gap:14px}.content-workshop-next a{grid-column:auto}.content-workshop .section-heading>p{max-width:none}.ai-explainer-note>p:last-child:not(:first-of-type){padding-left:0}}
/* Long translated terms must not widen the feature grid on narrow phones. */
.feature-card{min-width:0;overflow-wrap:anywhere}
/* Only the gallery extends to the screen edge; its heading and controls stay aligned. */
.portfolio-track{width:calc(100% + max(48px,(100vw - var(--container))/2));max-width:none;padding-right:24px;cursor:grab;touch-action:pan-x pan-y pinch-zoom}
.portfolio-track .portfolio-card{flex-basis:clamp(360px,44vw,620px);width:clamp(360px,44vw,620px);box-shadow:-5px 6px 20px #233d2810}
.portfolio-track .portfolio-card+.portfolio-card{margin-left:-12px}
.portfolio-track .portfolio-card-label{right:70px}.portfolio-track .project-expand{right:22px}
.portfolio-track .project-caption{padding-right:30px}
.portfolio-track .desktop-device{left:5%;width:76%}.portfolio-track .phone-device{right:7%;width:21%}
.portfolio-track .project-preview{cursor:grab}.portfolio-track img{-webkit-user-drag:none;user-select:none}
.portfolio-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.portfolio-track.is-dragging *{cursor:grabbing!important;user-select:none}
.portfolio-pause{font-size:11px;font-weight:600;padding:9px 12px;min-height:36px;border:1px solid #cddcd0;border-radius:7px;background:#fff;color:#285b40}
.portfolio-pause[aria-pressed=true]{background:#e8f1e5}.portfolio-pause[hidden]{display:none}
@media(max-width:800px){.portfolio-track{width:calc(100% + 20px);padding-right:20px}.portfolio-track .portfolio-card{flex-basis:82%;width:82%}.portfolio-track .portfolio-card+.portfolio-card{margin-left:-8px}}
@media(max-width:600px){.portfolio-track .portfolio-card{flex-basis:92%;width:92%}.portfolio-track .portfolio-card+.portfolio-card{margin-left:-6px}.portfolio-toolbar{flex-wrap:wrap}.portfolio-toolbar>p{max-width:none}.portfolio-controls{margin-left:auto;gap:6px}.portfolio-pause{padding:7px 9px;font-size:10px}.portfolio-track .project-expand{right:18px}.portfolio-track .portfolio-card-label{right:62px}.portfolio-track .project-caption{padding-right:20px}}

/* Each visible card has equal device insets after the next card overlaps it. */
.portfolio-track{--portfolio-overlap:28px}
.portfolio-track .portfolio-card+.portfolio-card{margin-left:calc(-1 * var(--portfolio-overlap))}
.portfolio-track .portfolio-card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.portfolio-track .desktop-device{left:5%}
.portfolio-track .phone-device{right:calc(5% + var(--portfolio-overlap))}
.portfolio-track .portfolio-card:last-child .phone-device{right:5%}
.portfolio-track .project-caption{padding-right:calc(26px + var(--portfolio-overlap))}
.portfolio-track .portfolio-card:last-child .project-caption{padding-right:26px}
.portfolio-track .project-expand{right:calc(18px + var(--portfolio-overlap))}
.portfolio-track .portfolio-card-label{right:calc(62px + var(--portfolio-overlap))}
@media(max-width:600px){.portfolio-track{--portfolio-overlap:22px}}

/* Readable secondary text on the actual mint, grey and white surfaces (WCAG AA). */
.window-bar,.preview-header .badge,.preview-domain,.preview-domain>span,.status-pending,
.technology-copy>p,.technology-copy>span,.ai-principles>p,.ai-symbol,.ai-explainer-row p,
.soft,.sample-tabs button,.recommendation-body>code,.portfolio-toolbar>p,.portfolio-card-label,
.device-browser>span,.project-caption>div>span,.portfolio-hint,.certificate-top>span:last-child,
.certificate-label,.certificate-details span,.certificate-bottom>span,.plan-label,
.direction-expansion,.direction-example span,.directions-method,.operator-card>span:first-child,
.footer-bottom{color:#506457}
.direction-geo .direction-expansion{color:#c4d9c6}
.direction-geo .direction-example span{color:#a5c4ac}

.status-warning{color:#8a6010}
.status-good{color:#16704f}
.feature-number{color:#506457}