:root{--ink:#18363c;--muted:#536b70;--blue:#176267;--blue-dark:#104b4f;--pale:#edf4f1;--paper:#fff;--line:#d9e3e0;--accent:#7d998c;--font:'Avenir Next',Avenir,'Segoe UI',sans-serif;color-scheme:light;font-family:var(--font);color:var(--ink);background:#f7f9f7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-size:15px;line-height:1.6}
a{color:inherit}
button,input,textarea{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #337f80;outline-offset:3px}
.site-header,body>header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1512px;margin:auto;padding:0 clamp(24px,5.2vw,80px)}
.brand{color:#18363c;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-.055em;line-height:1}
.brand-period{color:var(--accent)}
nav{display:flex;align-items:center;gap:29px}
.navlinks{display:flex;gap:30px}
.navlinks a,.language{color:#536b70;text-decoration:none;font-size:13px;font-weight:650}
.navlinks a:hover,.language:hover,.text-link:hover{color:var(--blue)}
.header-action{padding:10px 17px;border:1px solid #b5c9c3;border-radius:7px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:700}
.header-action:hover{background:#edf4f1}
main{max-width:1512px;margin:auto;padding:0 clamp(24px,5.2vw,80px)}
.hero{min-height:610px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(50px,6vw,100px);padding:44px 0 94px}
.hero-copy{max-width:610px}
.hero-label{display:inline-block;margin:0 0 25px;padding:0;color:#4e706f;font-size:13px;font-weight:700}
.hero h1{margin:0;max-width:650px;font-size:clamp(48px,5.6vw,78px);line-height:1.06;letter-spacing:-.06em;font-weight:650}
.hero-lead,.lead{max-width:510px;margin:24px 0 0;color:var(--muted);font-size:18px;line-height:1.65}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:33px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:49px;padding:12px 20px;border:1px solid var(--blue);border-radius:7px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;cursor:pointer}
.button:hover{background:var(--blue-dark)}
.text-link{color:var(--ink);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.product-status{display:flex;align-items:center;gap:9px;margin:39px 0 0;color:#5b7272;font-size:12px}
.product-status span{width:7px;height:7px;border-radius:50%;background:#6b9884;flex:none}
/* An illustrated path from app package to evidence; not live scan data. */
.hero-visual{min-height:470px;padding:28px 30px;display:flex;flex-direction:column;justify-content:space-between;border-radius:12px;background:#173f43;color:#f6fbf8;overflow:hidden}
.visual-caption{display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:700}
.visual-caption span+span{color:#adc9be;font-weight:600}
.scan-scene{display:grid;grid-template-columns:minmax(125px,1fr) minmax(32px,.35fr) minmax(160px,1fr);align-items:center;max-width:530px;width:100%;margin:32px auto}
.device-illustration{justify-self:center;width:min(100%,174px);aspect-ratio:0.56;padding:11px;border:1px solid #8faf9f;border-radius:23px;background:#f5faf7;box-shadow:0 18px 35px #062c2f70}
.device-speaker{width:30%;height:4px;margin:2px auto 13px;border-radius:4px;background:#b5c9bf}
.device-screen{position:relative;overflow:hidden;height:calc(100% - 19px);padding:18px 13px;border-radius:12px;background:#e0ebe4;display:flex;flex-direction:column;gap:9px}
.device-screen::after{content:"";position:absolute;left:10px;right:10px;top:18px;height:2px;background:#4b988c;opacity:0;animation:screen-sweep 4s ease-in-out infinite}
.screen-header{height:8px;width:43%;border-radius:3px;background:#709a8e}.screen-block{height:35%;margin-top:9px;border-radius:6px;background:#bad2c7}.screen-line{height:5px;width:80%;border-radius:3px;background:#9cbdb1}.screen-line.short{width:55%}.screen-button{height:23px;margin-top:auto;border-radius:5px;background:#347c73}
.flow-path{position:relative;height:1px;background:#82a99a}.flow-path span{position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#b4dbcb;animation:evidence-travel 3.5s ease-in-out infinite}
.visual-stages{list-style:none;margin:0;padding:0;display:grid;gap:14px}.visual-stages li{display:flex;align-items:center;gap:12px;min-height:66px;padding:13px 14px;border:1px solid #527b72;border-radius:8px;background:#234d4e}.visual-stages strong,.visual-stages small{display:block}.visual-stages strong{font-size:13px;line-height:1.2}.visual-stages small{margin-top:4px;color:#bdd1c6;font-size:11px}.stage-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#93bca9}.visual-stages li:nth-child(2) .stage-dot{background:#8fbcb7}.visual-stages li:nth-child(3) .stage-dot{background:#c1caaa}
.visual-note{margin:0;color:#b6d0c3;font-size:11px}
@keyframes evidence-travel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}
@keyframes screen-sweep{0%,12%{top:18px;opacity:0}22%{opacity:.75}70%{top:82%;opacity:.75}85%,100%{top:82%;opacity:0}}
.section{padding:93px 0;border-top:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.section h2,.request h2{max-width:570px;margin:0;font-size:clamp(35px,3.6vw,51px);line-height:1.12;letter-spacing:-.045em;font-weight:650}
.section-heading>p{max-width:480px;margin:8px 0 0;color:var(--muted);font-size:16px}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:65px}
.capability-grid article{padding-top:21px;border-top:1px solid #bed0c9}
.cap-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:26px;border-radius:11px;background:#e3efea;color:var(--blue);font-size:24px}
.capability-grid h3,.steps h3{margin:0 0 9px;font-size:19px;letter-spacing:-.02em}
.capability-grid p,.steps p{max-width:330px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.workflow{padding-bottom:100px}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:60px 0 0;padding:0}
.steps li{display:flex;gap:16px;padding-top:20px;border-top:1px solid #bed0c9}
.step-number{color:#76928b;font-size:12px;font-weight:750}
.request{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);padding:clamp(35px,6vw,80px);border-radius:14px;background:#173f43;color:#fff}
.request-copy p{max-width:390px;margin:23px 0;color:#e0ede5;font-size:16px}
.request-copy small{display:block;max-width:380px;margin-top:40px;color:#bad0c6;line-height:1.6}
.request form{display:grid;gap:16px}
.request label{font-size:13px;font-weight:650}
.request input:not([type=checkbox]),.request textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #a9c3b8;border-radius:6px;background:#fff;color:#18363c}
.request textarea{min-height:100px;resize:vertical}
.request .check{display:flex;gap:10px;align-items:start;font-size:12px;font-weight:400;color:#e1eee6}
.request .check input{margin:4px 0 0}
.request .button{justify-self:start;background:#fff;border-color:#fff;color:#173f43}
.request .button:hover{background:#edf4f1}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
footer{max-width:1512px;margin:auto;padding:56px clamp(24px,5.2vw,80px);display:flex;align-items:start;justify-content:space-between;gap:30px}
footer p{color:#5b7272;font-size:13px}
.footer-note{max-width:420px;margin:0;text-align:right}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.cards article{padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}
.cards h2{font-size:20px}
.cards p{color:var(--muted)}
.receipt{max-width:700px;padding-top:90px}
.eyebrow{color:var(--blue)}
@media(max-width:900px){.navlinks{display:none}
.hero{grid-template-columns:1fr 1fr;gap:28px}
.hero h1{font-size:clamp(42px,6vw,60px)}
.steps{grid-template-columns:repeat(2,1fr)}
.section-heading{gap:25px}
.request{gap:35px}
}
@media(max-width:680px){.site-header,body>header{height:70px;padding:0 20px}
.header-action{display:none}
nav{gap:18px}
main{padding:0 20px}
.hero{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding:36px 0 60px}
.hero h1{font-size:clamp(42px,11vw,57px)}
.hero-lead{font-size:16px}
.hero-visual{min-height:390px;padding:20px}
.scan-scene{grid-template-columns:minmax(0,.85fr) 20px minmax(0,1.15fr);margin:26px auto}.device-illustration{width:min(100%,145px)}.visual-stages li{min-width:0;min-height:57px;padding:10px}.visual-stages{gap:9px}
.section{padding:62px 0}
.section-heading,.request{grid-template-columns:1fr;gap:20px}
.section-heading>p{margin:0}
.capability-grid{grid-template-columns:1fr;gap:28px;margin-top:40px}
.cap-icon{margin-bottom:15px}
.steps{grid-template-columns:1fr;gap:24px;margin-top:36px}
.request{padding:32px 24px}
.request-copy small{margin-top:20px}
footer{padding:40px 20px;display:block}
.footer-note{text-align:left;margin-top:25px}
.cards{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}

.language-page{max-width:900px;margin:0 auto;padding-top:clamp(90px,14vw,180px)}
.language-page h1{max-width:650px;margin:50px 0 10px;font-size:clamp(40px,6vw,68px);line-height:1.1;letter-spacing:-.05em}
.language-page p{color:var(--muted)}
.language-page>div{display:flex;align-items:center;gap:25px;margin-top:24px}
.docs-hero{padding:80px 0 55px}
.docs-hero h1{margin:0;font-size:clamp(42px,5vw,66px);letter-spacing:-.05em;line-height:1.1}
.docs-hero .lead{margin-top:20px}
.docs-hero+.cards{padding-bottom:80px}

@media(prefers-reduced-motion:reduce){.flow-path span{animation:none;left:50%}.device-screen::after{animation:none;opacity:0}}

/* AppBreach: the supplied wordmark anchors the blue and ink palette. */
:root{--ink:#111d32;--muted:#52617a;--blue:#315bf4;--blue-dark:#2445bd;--pale:#eef2ff;--line:#dce3ef;--accent:#315bf4;background:#f7f9fc}
.brand{display:inline-flex;align-items:center}
.brand-logo{display:block;width:190px;height:auto;mix-blend-mode:multiply}
.hero-visual,.request{background:#152744}
.visual-stages li{background:#20395d;border-color:#486186}
.visual-caption span+span,.visual-stages small,.visual-note{color:#c3d0e3}
.device-illustration{border-color:#9cafd0;background:#f5f8ff}
.device-screen{background:#e4ebfa}.screen-header,.screen-line{background:#a3b5db}.screen-block{background:#c4d0ea}.screen-button,.device-screen::after{background:#315bf4}
.flow-path{background:#879ecc}.flow-path span,.stage-dot,.visual-stages li:nth-child(2) .stage-dot,.visual-stages li:nth-child(3) .stage-dot{background:#93aafa}
.cap-icon{background:#e8eeff}.product-status span{background:#315bf4}
.request input:not([type=checkbox]),.request textarea{border-color:#bdcce2;color:var(--ink)}
.request .button{color:#152744}.request-copy p,.request .check{color:#e2e9f6}.request-copy small{color:#c3d0e3}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#315bf4}
@media(max-width:680px){.brand-logo{width:160px}}