/* Tokens extracted from Framer "Influence" */
:root{--page:#F5F5F5;--ink:#1C1C1C;--white:#fff;--muted:#6E6E6E;--line:#D9D9D9;--dark2:#525252;--light2:#D1D1D1;--tile:#242424;--green:#33D478;--amber:#FF8800;--pink:#FA5FB4;
--r-btn:36px;--r-tag:28px;--r-card:24px;--r-media:32px;--r-sm:16px;
--sh:0 .84px .5px -.31px rgba(0,0,0,.06),0 2px 1.2px -.63px rgba(0,0,0,.06),0 3.6px 2.2px -.94px rgba(0,0,0,.06),0 6px 3.6px -1.25px rgba(0,0,0,.06),0 10px 6px -1.56px rgba(0,0,0,.06),0 18px 11px -1.9px rgba(0,0,0,.06),0 30px 20px -2.2px rgba(0,0,0,.06);
--font:"Open Runde","Inter",system-ui,sans-serif}
*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}
body{background:var(--page);color:var(--ink);font-family:var(--font);font-feature-settings:"ss01" on;font-size:16px;line-height:1.5;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
h1,.h1{font-weight:500;font-size:48px;line-height:1;letter-spacing:-.04em}
h1 em,.h1 em,h2 em{font-style:italic}
h2{font-weight:500;font-size:32px;line-height:1.05;letter-spacing:-.04em}
h6{font-weight:500;font-size:18px;line-height:1.4;letter-spacing:-.03em}
.lead{font-size:16px;line-height:1.4;letter-spacing:-.02em;color:var(--muted);max-width:520px}
.tag{font-size:10px;font-weight:700;line-height:1.6;text-transform:uppercase;color:var(--muted);letter-spacing:0}
/* nav */
.nav{position:sticky;top:0;z-index:5;background:rgba(245,245,245,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nav-in{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:600}
.logo-mark{width:32px;height:32px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:15px;box-shadow:var(--sh)}
.links{display:none;gap:22px;font-weight:500;font-size:15px}
.pill-cta{display:none;align-items:center;gap:8px;background:#fff;border-radius:var(--r-btn);padding:8px 18px 8px 8px;font-weight:600;box-shadow:var(--sh)}
.av{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.av.sm{font-size:10px;font-weight:700;background:#fff;color:var(--ink)}
.mnav summary{list-style:none;cursor:pointer;width:40px;height:40px;border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 11px;box-shadow:var(--sh)}
.mnav summary::-webkit-details-marker{display:none}.mnav summary span{height:2px;background:var(--ink);border-radius:2px}
.mpanel{position:absolute;right:20px;left:20px;top:64px;background:#fff;border-radius:var(--r-card);padding:12px;display:flex;flex-direction:column;box-shadow:var(--sh)}
.mpanel a{padding:12px;border-radius:12px;font-weight:500}.mpanel a:last-child{background:var(--ink);color:#fff;text-align:center;margin-top:6px}
/* hero */
.hero{padding:56px 0 40px}
.hero-grid{display:grid;gap:48px}
.hero-l{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.tag-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--green);background:rgba(51,212,120,.08);color:#1f9e55;border-radius:var(--r-tag);padding:6px 14px;font-size:10px;font-weight:700;text-transform:uppercase}
.dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(51,212,120,.25)}
.tag-pill-l{display:inline-flex;border-radius:var(--r-tag);padding:5px 12px;background:#fff;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted);box-shadow:var(--sh)}
.dark .tag-pill-l{background:var(--tile);color:var(--light2)}
.btns{display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:var(--r-btn);padding:12px 22px;font-weight:600;font-size:14px;line-height:1.8}
.btn.dark{background:var(--ink);color:var(--page);box-shadow:var(--sh)}.btn.light{background:#fff;color:var(--ink);box-shadow:var(--sh)}
.btn:hover,.pill-cta:hover{transform:translateY(-1px)}
.proof{display:flex;gap:24px;align-items:stretch}.proof .div{width:2px;background:var(--line)}
.proof-v{font-weight:500;font-size:15px;letter-spacing:-.02em;margin-top:4px}
.hero-r{position:relative;margin:0 auto;width:100%;max-width:330px;padding:24px 0}
.phone{position:relative;border-radius:var(--r-media);overflow:hidden;aspect-ratio:9/15.5;box-shadow:var(--sh),0 40px 60px -20px rgba(0,0,0,.25);background:var(--tile)}
.phone-img{position:absolute;inset:0}
.phone-foot{position:absolute;left:0;right:0;bottom:0;padding:18px;display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:14px;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.chip{position:absolute;display:inline-flex;gap:6px;align-items:center;background:#fff;border-radius:var(--r-tag);padding:7px 12px;font-weight:600;font-size:13px;box-shadow:var(--sh);white-space:nowrap}
.chip svg{color:var(--muted)}.c1{top:6px;left:12%}.c2{top:38%;right:-14px}.c3{top:62%;left:-14px}
.chip-dark{position:absolute;bottom:40px;right:-18px;background:var(--ink);color:#fff;border-radius:12px;padding:10px 16px;font-weight:600;font-size:14px;box-shadow:var(--sh)}
/* placeholders: swap .ph background-image for real photos */
.ph{background:radial-gradient(120% 80% at 30% 20%,#e9e4dc 0%,#cfc7bb 45%,#8f877d 100%);display:flex;align-items:flex-start;justify-content:flex-start;position:relative}
.ph-l{margin:12px;font-size:10px;font-weight:700;text-transform:uppercase;background:rgba(255,255,255,.75);border-radius:var(--r-tag);padding:4px 10px;color:var(--dark2)}
/* facts */
.facts{padding:0 0 24px}.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fact{background:#fff;border-radius:20px;padding:16px 18px;box-shadow:var(--sh)}.fact-v{font-weight:500;font-size:17px;letter-spacing:-.03em;margin-top:2px}
/* sections */
.sec{padding:40px 0}.sec.dark{background:var(--ink);color:var(--page)}.sec.dark h2{color:#fff}.sec.dark p{color:var(--light2)}
.headline{display:flex;flex-direction:column;gap:20px;align-items:flex-start;max-width:658px;margin-bottom:28px}
.headline.center{align-items:center;text-align:center;margin-left:auto;margin-right:auto}
.body p{color:var(--muted);font-size:16px;line-height:1.5;margin-bottom:14px}.body b{color:var(--ink)}
.narrow{max-width:720px}
.split{display:grid;gap:32px;align-items:center}.card-img{aspect-ratio:4/3.4;border-radius:var(--r-media);box-shadow:var(--sh)}
.grid{display:grid;gap:12px;margin-top:8px}
.card{background:#fff;border-radius:var(--r-card);padding:22px 24px;box-shadow:var(--sh)}.card p{color:var(--muted);font-size:14px;margin-top:4px}
.note{margin-top:20px;background:#fff;border-left:3px solid var(--ink);border-radius:var(--r-sm);padding:18px 22px;color:var(--muted);font-size:15px}.note b{color:var(--ink)}
.tiles{display:grid;gap:16px}.tile{background:var(--tile);border-radius:var(--r-card);padding:24px;display:flex;flex-direction:column;gap:10px}
.tile h6{color:#fff}.num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:12px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;box-shadow:var(--sh)}
.tile .num{background:#fff;color:var(--ink)}
.steps{list-style:none;padding:0;display:grid;gap:12px}.step{display:flex;gap:16px;background:#fff;border-radius:var(--r-card);padding:22px 24px;box-shadow:var(--sh)}.step p{color:var(--muted);font-size:14px}
.risk p{font-size:15px}
.faqs{max-width:800px;margin:0 auto;display:grid;gap:10px}
.faq{background:#fff;border-radius:20px;box-shadow:var(--sh)}.faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:500;letter-spacing:-.02em;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}.plus{font-size:20px;line-height:1;color:var(--muted)}.faq[open] .plus{transform:rotate(45deg)}
.faq p{padding:0 22px 20px;color:var(--muted);font-size:15px}
.areas{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.area{background:#fff;border-radius:var(--r-tag);padding:6px 14px;font-size:13px;font-weight:500;box-shadow:var(--sh)}
.info{display:grid;gap:12px}
.cta .ctabox{background:#fff;border-radius:var(--r-media);padding:48px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;box-shadow:var(--sh)}
.cta .lead{margin:0 auto}.cta .h1{max-width:760px}
.rel{display:grid;gap:16px}.rcard{background:var(--tile);border-radius:var(--r-card);padding:12px;display:flex;flex-direction:column;gap:14px;color:#fff}
.rcard>div:last-child{padding:0 8px 10px}.rimg{aspect-ratio:16/10;border-radius:var(--r-sm)}.rcard p{font-size:13px;margin-top:6px}
.sec:not(.dark) .rcard{background:#fff;color:var(--ink);box-shadow:var(--sh)}.sec:not(.dark) .rcard p{color:var(--muted)}
.foot{background:var(--ink);color:var(--light2);padding:48px 0 28px}.foot .logo{color:#fff}.foot .logo-mark{background:#fff;color:var(--ink)}
.foot-top{display:grid;gap:28px}.foot-top p{margin-top:14px;max-width:360px;font-size:14px}
.flinks{display:flex;flex-direction:column;gap:8px;font-size:14px}.flinks a:hover{color:#fff}
.disc{margin-top:36px;padding-top:20px;border-top:1px solid #333;font-size:12px;color:#9a9a9a}.disc b{color:var(--light2)}
.foot-b{margin-top:16px;font-size:12px;color:#7a7a7a}
/* tablet 810+ */
@media(min-width:810px){.wrap{padding:0 40px}.nav-in{padding:16px 40px}h1,.h1{font-size:60px}h2{font-size:44px}.lead{font-size:18px}h6{font-size:18px}
.sec{padding:60px 0}.hero{padding:120px 0 60px}.facts-grid{grid-template-columns:repeat(4,1fr)}
.grid{grid-template-columns:1fr 1fr}.tiles{grid-template-columns:1fr 1fr}.rel{grid-template-columns:repeat(3,1fr)}.rel.four{grid-template-columns:1fr 1fr}.info{grid-template-columns:repeat(3,1fr)}.foot-top{grid-template-columns:2fr 1fr 1fr}
.split{grid-template-columns:1fr 1fr;gap:60px}}
/* desktop 1200+ */
@media(min-width:1200px){.wrap{padding:0 60px;max-width:1320px}.nav-in{max-width:1320px;padding:18px 60px}.links{display:flex}.pill-cta{display:inline-flex}.mnav{display:none}
h1,.h1{font-size:68px}h2{font-size:48px}h6{font-size:22px}.sec{padding:80px 0}.hero{padding:150px 0 80px}
.hero-grid{grid-template-columns:630px 1fr;gap:132px;align-items:center}.hero-r{max-width:316px;margin:0}
.grid{grid-template-columns:repeat(3,1fr)}.tiles{grid-template-columns:repeat(4,1fr)}.rel.four{grid-template-columns:repeat(4,1fr)}.split{gap:80px}}
.ph.phone-img{position:absolute;inset:0}
.chip-dark{bottom:76px}
.fimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card-img,.rimg{position:relative;overflow:hidden}
@media(min-width:810px){.grid.two{grid-template-columns:1fr 1fr}}
.phone .fimg{object-position:50% 25%}