:root { --yellow:#ffd400; --ink:#10110d; --cream:#f4f1e8; --muted:#6d6d65; --line:#d6d2c7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.nav { height:88px; max-width:1240px; margin:auto; padding:0 32px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:12px; font-size:17px; font-weight:800; letter-spacing:-.5px; }
.brand b { background:var(--yellow); padding:3px 5px; border-radius:4px; }
.brand-mark { display:grid; place-items:center; width:36px; height:36px; border-radius:9px 9px 9px 2px; background:var(--yellow); color:var(--ink); font-weight:900; transform:rotate(-3deg); }
.brand-mark.small { width:32px; height:32px; font-size:14px; }
.nav-links { display:flex; gap:28px; font-size:12px; font-weight:700; }
.nav-links a:hover { opacity:.55; }
.nav-cta { padding:11px 14px; border:1px solid var(--ink); font-size:12px; font-weight:800; }
.nav-cta span { margin-left:14px; }
.hero { min-height:calc(100vh - 88px); max-width:1240px; margin:auto; padding:62px 32px 90px; display:grid; grid-template-columns:1.12fr .88fr; align-items:center; gap:9vw; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 24px; font-size:11px; letter-spacing:2.3px; font-weight:800; }
.eyebrow span { width:26px; height:3px; background:var(--yellow); }
h1 { margin:0; max-width:700px; font-size:clamp(58px,7vw,105px); line-height:.86; letter-spacing:-7px; }
h1 em { font-style:normal; position:relative; z-index:0; }
h1 em:after { content:""; position:absolute; z-index:-1; left:-3px; right:-8px; bottom:3px; height:25%; background:var(--yellow); transform:rotate(-1.5deg); }
.lead { max-width:610px; margin:38px 0 32px; font-size:18px; line-height:1.65; color:var(--muted); }
.hero-actions { display:flex; align-items:center; gap:30px; flex-wrap:wrap; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:42px; padding:18px 20px; border-radius:3px; font-size:13px; font-weight:800; transition:.2s ease; }
.button-dark { background:var(--ink); color:#fff; }
.button-dark:hover { background:#292a24; transform:translateY(-2px); }
.button-yellow { background:var(--yellow); color:var(--ink); min-width:295px; }
.button-yellow:hover { transform:translateY(-2px); box-shadow:7px 7px 0 white; }
.text-link { display:inline-block; font-size:13px; font-weight:800; border-bottom:1px solid #c8c5bb; padding:10px 0; }
.text-link span { margin-left:12px; }
.meta-note { margin:30px 0 0; color:#8a8981; font-size:10px; letter-spacing:.5px; }
.phone-card { border:1px solid #d5d1c6; background:#e9e6dc; border-radius:26px; padding:16px; box-shadow:24px 24px 0 var(--yellow), 0 22px 70px rgba(16,17,13,.12); transform:rotate(1.5deg); }
.phone-top { background:var(--ink); color:white; padding:14px; border-radius:14px 14px 0 0; display:flex; align-items:center; gap:10px; }
.phone-top div { display:flex; flex-direction:column; font-size:12px; flex:1; }
.phone-top small { color:#aaa; margin-top:3px; }
.phone-top i { font-style:normal; letter-spacing:2px; color:#aaa; }
.chat { min-height:330px; padding:24px 18px; background:#f8f6f0; display:flex; flex-direction:column; gap:13px; }
.message { max-width:78%; margin:0; padding:13px 15px; border-radius:3px 14px 14px 14px; font-size:13px; line-height:1.45; box-shadow:0 3px 10px rgba(0,0,0,.06); }
.message.bot { background:white; }
.message.user { align-self:flex-end; background:var(--yellow); border-radius:14px 3px 14px 14px; }
.evidence { align-self:flex-end; background:#fff; border-radius:12px 3px 12px 12px; padding:9px; display:flex; align-items:center; gap:10px; box-shadow:0 3px 10px rgba(0,0,0,.06); }
.evidence>span { background:#dedbd1; height:38px; width:46px; display:grid; place-items:center; font-size:8px; font-weight:800; color:#777; }
.evidence div { display:flex; flex-direction:column; font-size:10px; }
.evidence small { color:#888; margin-top:3px; }
.status-row { background:white; border-radius:0 0 14px 14px; padding:18px 10px; display:grid; grid-template-columns:repeat(3,1fr); }
.status-row span { display:flex; flex-direction:column; align-items:center; border-right:1px solid #e6e2d7; }
.status-row span:last-child { border:0; }
.status-row b { font-size:18px; }
.status-row small { margin-top:3px; color:#888; font-size:9px; }
.section-kicker { font-size:10px; font-weight:800; letter-spacing:2px; color:#77766f; }
.section-kicker.light { color:#8c8d84; }
.service { background:#fff; padding:110px max(32px,calc((100vw - 1176px)/2)); }
.service-grid { margin-top:42px; display:grid; grid-template-columns:1fr 1fr; gap:8vw; }
.service-grid h2,.section-head h2,.how h2,.privacy-summary h2,.contact h2 { margin:0; font-size:clamp(42px,5vw,72px); line-height:.95; letter-spacing:-4px; }
.service-grid p { max-width:560px; margin:0 0 22px; color:var(--muted); font-size:17px; line-height:1.75; }
.use-strip { margin-top:70px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(4,1fr); }
.use-strip span { padding:22px 10px; text-align:center; border-right:1px solid var(--line); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.7px; }
.use-strip span:last-child { border:0; }
.benefits { padding:110px max(32px,calc((100vw - 1176px)/2)); }
.section-head { display:flex; justify-content:space-between; gap:40px; align-items:flex-start; }
.section-head h2 { text-align:right; }
.section-head mark { color:inherit; background:linear-gradient(transparent 72%,var(--yellow) 0); }
.benefit-grid { margin-top:80px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.benefit-grid article { min-height:310px; padding:28px; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.benefit-grid article:last-child { border:0; }
.benefit-grid span { font-size:10px; font-weight:800; color:#888; }
.benefit-grid h3 { margin:auto 0 14px; font-size:22px; letter-spacing:-1px; }
.benefit-grid p { min-height:78px; margin:0; color:var(--muted); font-size:14px; line-height:1.65; }
.how { background:var(--ink); color:#fff; padding:110px max(32px,calc((100vw - 1176px)/2)); }
.how-heading { margin-top:45px; display:grid; grid-template-columns:1.3fr .7fr; gap:8vw; align-items:end; }
.how h2 em { color:var(--yellow); font-style:normal; }
.how-heading>p { color:#aaa; line-height:1.7; margin:0; }
.steps { margin-top:80px; border-top:1px solid #353630; }
.steps article { border-bottom:1px solid #353630; padding:30px 0; display:grid; grid-template-columns:90px 1fr; }
.steps article>b { display:grid; place-items:center; width:44px; height:44px; border:1px solid #55564f; border-radius:50%; color:var(--yellow); }
.steps article div { display:grid; grid-template-columns:.6fr 1fr; gap:40px; align-items:center; }
.steps h3 { margin:0; font-size:27px; }
.steps p { margin:0; color:#aaa; font-size:14px; line-height:1.6; max-width:540px; }
.privacy-summary { background:#fff; padding:110px max(32px,calc((100vw - 1176px)/2)); display:grid; grid-template-columns:.35fr 1fr; gap:10vw; align-items:center; }
.data-badge { aspect-ratio:1; max-width:300px; display:flex; align-items:center; padding:38px; background:var(--yellow); font-size:clamp(30px,4vw,52px); line-height:.86; font-weight:900; letter-spacing:-3px; transform:rotate(-2deg); box-shadow:15px 15px 0 var(--ink); }
.privacy-summary h2 { max-width:720px; margin:30px 0; }
.privacy-summary p { max-width:760px; color:var(--muted); font-size:17px; line-height:1.75; }
.data-points { display:flex; flex-wrap:wrap; gap:22px; margin:32px 0 16px; font-size:12px; font-weight:800; }
.contact { background:var(--ink); color:#fff; padding:110px 32px; text-align:center; display:flex; flex-direction:column; align-items:center; }
.contact .eyebrow span { background:var(--yellow); }
.contact h2 { font-size:clamp(66px,8vw,120px); }
.contact h2 em { color:var(--yellow); font-style:normal; }
.contact>p:not(.eyebrow) { max-width:560px; margin:35px auto; color:#aaa; line-height:1.7; }
.contact>small { color:#777; margin-top:22px; font-size:10px; }
footer { background:#080906; color:#fff; padding:70px max(32px,calc((100vw - 1176px)/2)) 35px; display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:start; }
.footer-brand { width:max-content; }
footer>p { margin:8px 0 0; color:#888; text-align:right; font-size:13px; }
footer>div { border-top:1px solid #2a2b27; padding-top:24px; display:flex; gap:28px; font-size:12px; font-weight:700; }
footer>small { border-top:1px solid #2a2b27; padding-top:24px; text-align:right; color:#666; font-size:9px; }
.legal-wrap { min-height:100vh; background:#fff; }
.legal-nav { border-bottom:1px solid var(--line); max-width:none; padding-left:max(24px,calc((100vw - 1000px)/2)); padding-right:max(24px,calc((100vw - 1000px)/2)); }
.legal { max-width:820px; margin:auto; padding:90px 24px 120px; }
.legal h1 { font-size:clamp(48px,7vw,78px); line-height:.95; letter-spacing:-4px; margin:20px 0 22px; }
.legal .updated { color:#888; font-size:12px; margin-bottom:55px; }
.legal h2 { font-size:22px; margin:42px 0 12px; }
.legal p,.legal li { color:#56574f; font-size:15px; line-height:1.8; }
.legal li { margin-bottom:6px; }
.legal a { text-decoration:underline; text-underline-offset:3px; }
.legal-back { display:inline-block; margin-top:55px; font-weight:800; font-size:13px; }
@media (max-width:900px) { .nav{height:72px;padding:0 20px}.nav-links{display:none}.hero{grid-template-columns:1fr;padding:50px 20px 85px;gap:70px}.hero-copy{max-width:650px}h1{font-size:clamp(52px,16vw,80px);letter-spacing:-4px}.phone-card{max-width:480px;margin:auto;box-shadow:14px 14px 0 var(--yellow)}.service,.benefits,.how,.privacy-summary{padding:80px 24px}.service-grid,.how-heading{grid-template-columns:1fr}.service-grid{gap:30px}.use-strip{grid-template-columns:1fr 1fr}.use-strip span:nth-child(2){border-right:0}.use-strip span:nth-child(-n+2){border-bottom:1px solid var(--line)}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article:nth-child(2){border-right:0}.benefit-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.privacy-summary{grid-template-columns:1fr}.data-badge{max-width:230px}.steps article div{grid-template-columns:1fr;gap:8px} }
@media (max-width:580px) { .nav-cta{display:none}.section-head{display:block}.section-head h2{text-align:left;margin-top:30px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:250px;border-right:0;border-bottom:1px solid var(--line)!important}.benefit-grid article:last-child{border-bottom:0!important}.steps article{grid-template-columns:60px 1fr}.contact{padding:80px 20px}.contact h2{letter-spacing:-4px}.button-yellow{min-width:0;width:100%;gap:15px}footer{grid-template-columns:1fr}footer>p,footer>small{text-align:left}.service-grid h2,.section-head h2,.how h2,.privacy-summary h2{letter-spacing:-3px}.data-points{display:grid}.legal h1{letter-spacing:-3px} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.button{transition:none} }