/* Scanyh landing page: focused UI layer that complements the existing base styles. */
:root {
 --sc-ink:#14213d;
 --sc-muted:#5d6b7a;
 --sc-brand:#1bbccc;/* 1f95a1 1a6b73 */
 --sc-brand-dark:#34adba; /* 12545b */
 --sc-soft:#bff2f0; /* eff7f6 */
 --sc-line:#cce3e3; /* dce8e7 */
 --sc-accent:#1f98a3; /* 1a6b73 f2a75b */ }
body { 
color:var(--sc-ink); 
background:#fff; 
}
.site-header { border-bottom:1px solid #edf1f3; box-shadow:none; }
.site-header .branding { min-height:76px; background:#fff; }
.site-header .logo img { max-height:42px; width:auto; }
.site-header .cta-btn { padding:11px 17px; border-radius:10px; background:var(--sc-brand); font-weight:700; }
.site-header .cta-btn:hover { background:var(--sc-brand-dark); }
.site-header .navmenu a { font-family:"Poppins",sans-serif; font-size:.84rem; font-weight:600; }
.hero { min-height:auto; padding:clamp(54px,8vw,100px) 0 62px; overflow:visible; background:linear-gradient(135deg,#f7fbfb 0%,#edf7f5 62%,#e5f1f0 100%); }
.hero-layout { display:grid; gap:54px; }
.hero-img { display:grid; gap:54px; border:1ps solid #000;}
.hero-intro { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr); grid-template-areas:"eyebrow eyebrow" "title lead" "actions points"; column-gap:clamp(34px,7vw,100px); align-items:start; }
.eyebrow { grid-area:eyebrow; display:flex; align-items:center; gap:9px; margin:0 0 18px; color:var(--sc-brand); font-size:.73rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.eyebrow span { width:28px; height:2px; background:var(--sc-accent); }
.hero h1 { grid-area:title; max-width:690px; margin:0; color:var(--sc-ink); font-size:clamp(2.35rem,5vw,4.25rem); font-weight:700; line-height:1.08; letter-spacing:-.055em; }
.hero-lead { grid-area:lead; max-width:500px; margin:4px 0 0; color:var(--sc-muted); font-size:1.06rem; line-height:1.7; }
.hero-actions { grid-area:actions; display:flex; flex-wrap:wrap; gap:13px; margin-top:30px; }
.primary-action,.secondary-action { display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:11px 20px; border-radius:10px; font-family:"Poppins",sans-serif; font-size:.87rem; font-weight:700; }
.primary-action { background:var(--sc-brand); color:#fff; box-shadow:0 10px 22px rgba(26,107,115,.18); }
.primary-action:hover { background:var(--sc-brand-dark); color:#fff; transform:translateY(-1px); }
.secondary-action { border:1px solid #b8d3d0; color:var(--sc-brand-dark); }
.secondary-action:hover { border-color:var(--sc-brand); color:var(--sc-brand); }
.hero-points { grid-area:points; display:flex; flex-wrap:wrap; gap:12px 26px; margin:34px 0 0; padding:0; list-style:none; color:#3e5960; font-size:.82rem; font-weight:600; }
.hero-points i { margin-right:7px; color:var(--sc-brand); font-size:1rem; }
.hero-details-row { display:grid; grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr); gap:clamp(32px,7vw,100px); align-items:center; }
.scan-preview { position:relative; max-width:390px; min-height:452px; margin:auto; padding:23px; border:1px solid rgba(255,255,255,.9); border-radius:28px; background:#fff; box-shadow:0 24px 55px rgba(20,56,63,.15); }
.preview-top { display:flex; align-items:center; gap:8px; color:#607075; font-size:.74rem; font-weight:600; }
.preview-top strong { margin-left:auto; color:var(--sc-brand); }
.preview-dot { width:9px; height:9px; border-radius:50%; background:#3aab92; box-shadow:0 0 0 5px #e2f5ef; }
.face-guide { position:relative; display:grid; place-items:center; height:258px; margin:22px 0; border-radius:20px; background:radial-gradient(circle at 50% 35%,#d9eeeb 0 22%,#bfdedb 22.5% 23.5%,transparent 24%),linear-gradient(145deg,#d8ebe9,#edf6f5); overflow:hidden; }
.face-guide span { position:absolute; width:38px; height:38px; border-color:var(--sc-brand); border-style:solid; }
.face-guide span:nth-child(1) { top:28px; left:28px; border-width:3px 0 0 3px; border-radius:12px 0 0; }
.face-guide span:nth-child(2) { top:28px; right:28px; border-width:3px 3px 0 0; border-radius:0 12px 0 0; }
.face-guide span:nth-child(3) { bottom:28px; left:28px; border-width:0 0 3px 3px; border-radius:0 0 0 12px; }
.face-guide span:nth-child(4) { right:28px; bottom:28px; border-width:0 3px 3px 0; border-radius:0 0 12px; }
.face-guide i { position:relative; z-index:1; color:var(--sc-brand); font-size:7.6rem; }
.preview-progress div { display:flex; justify-content:space-between; margin-bottom:8px; color:#68787c; font-size:.75rem; font-weight:600; }
.preview-progress b { color:var(--sc-brand); }
.bar { display:block; height:8px; overflow:hidden; border-radius:50px; background:#e5eeee; }
.bar span { display:block; width:68%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--sc-brand),#55ac9e); }
.preview-card { display:flex; align-items:center; gap:11px; margin-top:20px; padding:13px; border-radius:13px; background:#f2f8f7; }
.preview-card > i:first-child { display:grid; width:35px; height:35px; place-items:center; border-radius:9px; color:var(--sc-brand); background:#d9eeeb; }
.preview-card small,.preview-card strong { display:block; }
.preview-card small { color:#758386; font-size:.65rem; }
.preview-card strong { color:var(--sc-ink); font-size:.78rem; }
.preview-card .ms-auto { color:#44a98f; }
.benefit-grid { position:relative; z-index:2; display:grid; gap:14px; }
.benefit-grid article { position:relative; padding:22px 24px 22px 78px; border:1px solid #e1eded; border-radius:16px; background:#fff; box-shadow:0 9px 24px rgba(30,73,79,.06); }
.benefit-grid article > i { position:absolute; top:25px; left:24px; color:var(--sc-brand); font-size:1.45rem; }
.benefit-grid h2 { margin:0 0 6px; color:var(--sc-ink); font-size:1rem; font-weight:700; }
.benefit-grid p { margin:0; color:var(--sc-muted); font-size:.82rem; line-height:1.6; }
.section { padding:90px 0; }
.section-title h2 { color:var(--sc-ink); font-size:clamp(1.8rem,3vw,2.45rem); letter-spacing:-.035em; }
.section-title h2::after { background:var(--sc-accent); }
.section-title p { max-width:620px; margin-inline:auto; color:var(--sc-muted); }
.about { background:#fff; }
.about .content h3 { color:var(--sc-ink); font-size:2.25rem; letter-spacing:-.035em; }
.about .content p { color:var(--sc-muted); line-height:1.7; }
.about .content ul li { margin-top:27px; }
.about .content ul i { color:var(--sc-brand); font-size:33px; }
.about .content ul h5 { color:var(--sc-ink); }
.stats.light-background,.faq.light-background { --background-color:#f3f8f8; }
.stats i { background:var(--sc-brand); }
.escaneo { background:#fff; }
.escaneo .scan-intake { max-width:960px; margin:auto; padding:34px; border:1px solid var(--sc-line); border-radius:18px; background:#fff; box-shadow:0 16px 38px rgba(23,75,81,.08); }
.form-intro { display:flex; align-items:center; gap:8px; margin:0 0 24px; padding:11px 13px; border-radius:9px; color:#3c6260; background:var(--sc-soft); font-size:.77rem; }
.form-intro i { color:var(--sc-brand); font-size:1rem; }
.scan-intake label { display:block; margin:0 0 7px; color:#40555e; font-size:.77rem; font-weight:700; }
.scan-intake label span { color:#79878d; font-weight:400; }
.scan-intake input,.scan-intake textarea { border-color:#d8e4e7; border-radius:9px; font-size:.9rem; }
.scan-intake input:focus,.scan-intake textarea:focus { border-color:var(--sc-brand); box-shadow:0 0 0 3px rgba(26,107,115,.11); }
.scan-intake button { border:0; border-radius:10px; background:var(--sc-brand); color:#fff; font-weight:700; }
.scan-intake button:hover { background:var(--sc-brand-dark); }
.faq .faq-item { border-radius:10px; }
.contact .info-item i { color:var(--sc-brand); }
.footer { background:#123f46; --default-color:#d8e5e6; --heading-color:#fff; --accent-color:#9ed8d0; }
.footer .footer-about .logo span { color:#fff; }
.footer .social-links a { color:#d8e5e6; border-color:#5d8589; }
.footer .copyright { border-color:#315d62; }
.footer .credits { display:none; }
@media (max-width:991px) { .hero-intro { grid-template-columns:1fr; grid-template-areas:"eyebrow" "title" "lead" "actions" "points"; max-width:710px; }
.hero-lead { margin-top:18px; }
.hero-points { margin-top:26px; }
.hero-details-row { grid-template-columns:1fr; }
.scan-preview { margin:0 auto; }
.benefit-grid { grid-template-columns:1fr; max-width:680px; margin-inline:auto; }
.section { padding:70px 0; } }
@media (max-width:575px) { .site-header .branding { min-height:64px; }
.site-header .logo img { max-height:35px; }
.hero { padding-top:48px; }
.hero-layout { gap:40px; }
.hero h1 { font-size:2.45rem; }
.hero-lead { font-size:.96rem; }
.hero-points { display:grid; gap:12px; }
.scan-preview { min-height:410px; padding:17px; border-radius:20px; }
.face-guide { height:225px; }
.benefit-grid article { padding:20px 20px 20px 68px; }
.benefit-grid article > i { top:23px; left:20px; }
.escaneo .scan-intake { padding:20px; }
.section { padding:58px 0; } }

.how-it-works { padding-block:74px; background:#fff; }
.steps-heading { max-width:590px; margin:auto; text-align:center; }
.steps-heading .eyebrow { justify-content:center; }
.steps-heading h2 { margin:0; color:var(--sc-ink); font-size:clamp(1.8rem,3vw,2.45rem); letter-spacing:-.04em; }
.steps-heading > p:last-child { margin:12px 0 0; color:var(--sc-muted); }
.steps-list { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:42px 0 0; padding:0; list-style:none; counter-reset:steps; }
.steps-list li { display:flex; gap:16px; padding:24px; border:1px solid #dceae8; border-radius:15px; background:#f9fcfc; }
.steps-list > li > span { display:grid; flex:0 0 34px; height:34px; place-items:center; border-radius:50%; color:#fff; background:var(--sc-brand); font-size:.72rem; font-weight:700; }
.steps-list h3 { margin:2px 0 6px; color:var(--sc-ink); font-size:1rem; }
.steps-list p { margin:0; color:var(--sc-muted); font-size:.8rem; line-height:1.55; }
.consent-row { display:flex!important; align-items:flex-start; gap:9px; margin-top:19px!important; color:#596b72!important; font-size:.76rem!important; font-weight:400!important; line-height:1.5; }
.consent-row input { flex:0 0 16px; min-height:16px!important; width:16px; margin-top:2px; accent-color:var(--sc-brand); }
.consent-row a { color:var(--sc-brand-dark); text-decoration:underline; }
.privacy-page { min-height:100vh; background:#f3f8f8; color:#14213d; font-family:"Poppins",Arial,sans-serif; }
.privacy-header { background:#fff; border-bottom:1px solid #e4eeee; }.privacy-header .inner { width:min(980px,calc(100% - 40px)); min-height:74px; margin:auto; display:flex; align-items:center; justify-content:space-between; }.privacy-header img { display:block; max-width:130px; max-height:42px; }.privacy-header a { color:#12545b; font-size:.83rem; font-weight:700; }
.privacy-main { width:min(860px,calc(100% - 40px)); margin:auto; padding:72px 0; }.privacy-main .eyebrow { margin-bottom:16px; }.privacy-main h1 { max-width:650px; margin:0; font-size:clamp(2.2rem,5vw,3.6rem); line-height:1.1; letter-spacing:-.05em; }.privacy-main > p { max-width:700px; color:#5d6b7a; line-height:1.7; }.privacy-content { display:grid; gap:16px; margin-top:38px; }.privacy-content article { padding:24px; border:1px solid #dce8e7; border-radius:14px; background:#fff; }.privacy-content h2 { margin:0 0 8px; font-size:1.05rem; }.privacy-content p { margin:0; color:#5d6b7a; font-size:.88rem; line-height:1.65; }.privacy-note { margin-top:28px; padding:16px; border-radius:12px; color:#355b5c; background:#deefec; font-size:.8rem; line-height:1.6; }
.privacy-main li{color:#5d6b7a; font-family:"Poppins",Arial,sans-serif;font-size:.9rem;}
.privacy-main a{color:var(--sc-brand-dark); text-decoration:none; }
.privacy-main a:hover{color:var(--sc-brand-dark); text-decoration:underline; }
.privacy-summary { padding-block:55px; background:#fff; }
.privacy-card { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:clamp(27px,5vw,48px); border-radius:20px; color:#e1f0ee; background:var(--sc-brand-dark); }
.privacy-card .eyebrow { color:#a9d9d2; }
.privacy-card .eyebrow span { background:var(--sc-accent); }
.privacy-card h2 { margin:0; color:#fff; font-size:clamp(1.6rem,3vw,2.25rem); }
.privacy-card p:last-child { max-width:670px; margin:12px 0 0; color:#cee3e0; font-size:.9rem; line-height:1.65; }
.privacy-actions { display:grid; justify-items:start; gap:13px; min-width:190px; }
.privacy-actions i { color:var(--sc-accent); font-size:1.6rem; }
.privacy-actions a { white-space:nowrap; color:#fff; font-size:.84rem; font-weight:700; }
.mobile-scan-cta { display:none; }
@media (max-width:991px) { .steps-list { grid-template-columns:1fr; max-width:620px; margin-inline:auto; }
.privacy-card { align-items:flex-start; flex-direction:column; }
.privacy-actions { min-width:0; } }
@media (max-width:575px) { body { padding-bottom:68px; }
.how-it-works { padding-block:54px; }
.steps-list { margin-top:30px; }
.steps-list li { padding:19px; }
.privacy-summary { padding-block:40px; }
.mobile-scan-cta { position:fixed; right:12px; bottom:10px; left:12px; z-index:1001; display:flex; align-items:center; justify-content:center; gap:8px; min-height:50px; border-radius:11px; color:#fff; background:var(--sc-brand); box-shadow:0 12px 30px rgba(17,70,76,.28); font-size:.8rem; font-weight:700; }
.mobile-scan-cta span { color:#c8e5e1; font-size:.7rem; font-weight:500; } }