:root{
  --ink:#15172A; --ink-2:#1E2136; --line-d:#34374E; --muted-d:#C9CBD8; --faint-d:#9C9FB4;
  --ground:#F5F4EF; --paper:#FFFFFF; --line:#DEDCD3; --muted:#3A3D4E; --muted-2:#4A4D5E;
  --accent:#2443D0; --accent-ink:#1F3FC4; --gold:#FFC266; --ok:#2FBF71;
  --f-display:"Space Grotesk", system-ui, sans-serif;
  --f-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-letter:"Bricolage Grotesque", "Space Grotesk", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--accent-ink)}a:hover{color:var(--ink)}
h1,h2,h3{font-family:var(--f-display);margin:0;text-wrap:balance}
p{margin:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:50;background:var(--gold);color:var(--ink);padding:10px 14px;border-radius:8px}
.h2{font-weight:700;font-size:clamp(34px,4.4vw,56px);line-height:1.04;letter-spacing:-.025em}
.eyebrow{font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 17px var(--f-body);padding:16px 28px;border-radius:999px;text-decoration:none;border:1px solid transparent;cursor:pointer;min-height:48px}
.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#1A35B0;color:#fff}
.btn-gold{background:var(--gold);color:var(--ink)}.btn-gold:hover{background:#FFB23D;color:var(--ink)}
.btn-ghost-d{color:var(--ground);border-color:#5A5D74}.btn-ghost-d:hover{border-color:var(--ground);color:#fff}
.btn-ink{background:var(--ink);color:var(--ground)}.btn-ink:hover{background:#000;color:#fff}
.check{display:flex;align-items:center;gap:8px}
.dark{background:var(--ink);color:var(--ground)}
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ground)}
.logo-mark{width:38px;height:38px;border-radius:9px;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center;font:700 15px var(--f-display)}
.logo-text{font:700 21px var(--f-display);letter-spacing:-.01em}.logo-text span{font-weight:500;color:#B9BBCB}
.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:15px;font-weight:500}
.nav-links a{color:#E4E5EC;text-decoration:none}.nav-links a:hover{color:#fff}
.nav-links .btn{padding:12px 20px;font-size:15px}
@media (max-width:760px){.nav-links a:not(.btn){display:none}}
.hero{display:flex;flex-wrap:wrap;gap:64px;align-items:center;padding-top:72px;padding-bottom:104px}
.hero-copy{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:28px}
.pill{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;border:1px solid var(--line-d);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--muted-d)}
.pill i{background:var(--ok);width:8px;height:8px;border-radius:50%}
.hero h1{font-weight:700;font-size:clamp(42px,6.4vw,80px);line-height:1;letter-spacing:-.035em}
.hero h1 em{font-style:normal;color:var(--gold)}
.lead{font-size:20px;color:var(--muted-d);max-width:580px}
.row{display:flex;flex-wrap:wrap;gap:14px}
.ticks{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:15px;color:var(--muted-d)}
.ticks li{display:flex;align-items:center;gap:8px}
.comp{flex:1 1 400px;min-width:0;display:flex;flex-direction:column}
.card-search{align-self:flex-start;width:min(330px,88%);background:#fff;color:var(--ink);border-radius:16px;padding:16px 18px;box-shadow:0 24px 48px -20px rgba(0,0,0,.6);transform:rotate(-2deg);position:relative;z-index:3;display:flex;flex-direction:column;gap:10px}
.searchbar{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;color:var(--muted)}
.card-browser{margin-top:-28px;background:var(--ground);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(0,0,0,.7);position:relative;z-index:2;border:1px solid var(--line-d)}
.chrome{display:flex;align-items:center;gap:8px;background:#E7E5DD;padding:10px 14px}
.chrome i{width:10px;height:10px;border-radius:50%}
.chrome span{margin-left:10px;flex:1;background:#fff;border-radius:6px;padding:3px 10px;font-size:12px;color:var(--muted-2)}
.bar{height:8px;background:#D7D5CC;border-radius:6px}
.chip{border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}
.card-maps{align-self:flex-end;margin-top:-44px;width:min(300px,82%);background:#fff;color:var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 24px 48px -20px rgba(0,0,0,.6);transform:rotate(2.5deg);position:relative;z-index:3}
.map{height:92px;background-color:#E3EBDD;background-image:linear-gradient(90deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%),linear-gradient(0deg,transparent 38%,#fff 38%,#fff 46%,transparent 46%),linear-gradient(35deg,transparent 70%,#CFE0F3 70%);display:flex;align-items:center;justify-content:center}
.industries{border-top:1px solid #2A2D44}
.industries .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:22px;padding-bottom:22px;font:500 18px var(--f-display);color:var(--faint-d)}
.industries b{font:600 13px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-d)}
.sec{padding-top:104px;padding-bottom:104px}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:44px}
.sec-head p{max-width:380px;color:var(--muted)}
.band{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.az{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border:1px solid var(--ink);border-radius:20px;overflow:hidden;background:#fff}
.az li{padding:28px 24px;display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.az li:last-child{background:var(--gold);border-right:0}
.az .L{font:800 56px/0.9 var(--f-letter);color:var(--accent)}
.az li:last-child .L{color:var(--ink)}
.az h3{font-size:20px;font-weight:600}.az p{color:var(--muted);font-size:15px}
.az li:last-child p{color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.svc{border:1px solid var(--line);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:14px;background:#fff}
.svc h3{font-size:24px;font-weight:600}.svc p{color:var(--muted)}
.svc.dark{border-color:var(--ink);background:var(--ink);color:var(--ground)}.svc.dark p{color:var(--muted-d)}
.case{display:flex;flex-wrap:wrap;gap:48px;align-items:center;background:#F3F5F8;border-radius:28px;padding:clamp(24px,4vw,48px)}
.pf{flex:1 1 460px;min-width:0;background:#F3F5F8;border-radius:16px;overflow:hidden;border:1px solid #D6DCE6;box-shadow:0 30px 60px -30px rgba(20,33,58,.5);color:#14213A}
.pf .chrome{background:#E4E8EF}
.pf-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #D6DCE6}
.pf-logo{font:800 17px var(--f-letter)}.pf-logo b{background:#FFD23F;padding:0 5px;border-radius:4px}
.pf-btn{background:#FFD23F;border:2px solid #14213A;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700}
.pf-btn.alt{background:transparent}
.pf-hero{display:flex;flex-wrap:wrap;gap:22px;padding:28px 20px 30px;align-items:center}
.pf-copy{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:12px}
.pf-h{font:800 28px/1.02 var(--f-letter);letter-spacing:-.03em}
.pf-h mark{background:linear-gradient(transparent 58%,#FFD23F 58%);color:inherit}
.pf-label{flex:1 1 150px;min-width:0;background:#FFD23F;border-radius:6px;padding:14px;transform:rotate(-2deg);box-shadow:0 14px 28px -14px rgba(20,33,58,.5);display:flex;flex-direction:column;gap:8px;font:10px ui-monospace,Menlo,monospace}
.case-copy{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:18px}
.case-copy h3{font-size:34px;font-weight:700;line-height:1.05;letter-spacing:-.02em}
.case-copy p{color:var(--muted)}
.list-check{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.list-check li{display:flex;gap:10px;align-items:flex-start}.list-check svg{flex:none;margin-top:3px}
.tag-y{align-self:flex-start;background:#FFD23F;color:#14213A;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px}
.more{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:2px}
.slot{margin-top:28px;border:2px dashed #CFCDC3;border-radius:28px;padding:40px 32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.slot b{display:block;font:700 26px var(--f-display);letter-spacing:-.01em}.slot p{color:var(--muted)}
.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}
.steps li{display:flex;flex-direction:column;gap:10px;border-top:2px solid var(--ink);padding-top:20px}
.steps .n{font:700 44px/1 var(--f-display)}.steps h3{font-size:21px;font-weight:600}.steps p{color:var(--muted)}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:stretch}
.plan{border:1px solid var(--line-d);border-radius:22px;padding:32px;display:flex;flex-direction:column;gap:20px}
.plan.best{border:2px solid var(--gold);background:var(--ink-2)}
.plan .L{font:800 72px/0.85 var(--f-letter);color:#5A5D74}.plan.best .L{color:var(--gold)}
.plan h3{font-size:24px;font-weight:600}.plan .desc{color:var(--muted-d)}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}
.price strong{font:700 44px/1 var(--f-display)}.price s{font-size:18px;color:var(--faint-d)}
.promo{font-size:14px;font-weight:600;color:var(--gold)}
.plan ul{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px;color:#E4E5EC}
.plan .btn{margin-top:auto;font-size:16px;padding:14px 20px}
.badge{background:var(--gold);color:var(--ink);font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px}
.notes{display:flex;flex-wrap:wrap;gap:16px 40px;border-top:1px solid var(--line-d);padding-top:28px;margin-top:20px;font-size:15px;color:var(--muted-d)}
.notes p{flex:1 1 300px}.notes strong{color:var(--ground)}
.faq{max-width:900px}
details{border-bottom:1px solid #CFCDC3;padding:22px 0}
summary{font:600 20px var(--f-display);display:flex;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary .pm{font-size:26px;line-height:1;transition:transform .2s}
details[open] summary .pm{transform:rotate(45deg)}
details p{margin-top:12px;color:var(--muted)}
.contact{background:var(--accent);color:#fff;border-radius:32px;padding:clamp(28px,5vw,64px);display:flex;flex-wrap:wrap;gap:48px}
.contact-copy{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:20px}
.contact-copy p{font-size:19px;color:#E3E8FF}
.contact-copy a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:600;font-size:19px}
form{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:18px;background:#fff;color:var(--ink);border-radius:22px;padding:32px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:15px;font-weight:600}
.two{display:flex;flex-wrap:wrap;gap:18px}.two .field{flex:1 1 180px}
input,select,textarea{font:inherit;padding:12px 14px;border:1px solid #A9A79E;border-radius:10px;background:var(--ground);color:var(--ink);min-height:48px;width:100%}
textarea{resize:vertical;min-height:110px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted-2)}
.consent input{width:20px;min-height:20px;height:20px;margin-top:2px;flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{border-radius:12px;padding:14px 16px;font-size:15px}
.form-msg.ok{background:#E6F6ED;color:#145C34;border:1px solid #9FD8B6}
.form-msg.err{background:#FDECEA;color:#8A1F11;border:1px solid #F2B8B0}
.form-msg pre{white-space:pre-wrap;font:13px ui-monospace,Menlo,monospace;margin:10px 0 0;background:#fff;padding:10px;border-radius:8px}
footer{background:var(--ink);color:var(--muted-d)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:40px;padding-bottom:40px;font-size:14px}
footer a{color:var(--muted-d)}footer b{font-family:var(--f-display);color:var(--ground)}
.legal{max-width:820px;margin:0 auto;padding:64px 24px 104px}
.legal h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.025em;line-height:1.05;margin-bottom:8px}
.legal h2{font-size:22px;margin:40px 0 12px}
.legal p,.legal li{color:var(--muted)}
.legal ol,.legal ul{padding-left:22px;display:flex;flex-direction:column;gap:8px}
.legal .meta{color:var(--muted-2);margin-bottom:24px}
.table-box{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.legal table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.legal th{background:var(--ground);font-weight:600;color:var(--ink)}
.legal tr:last-child td{border-bottom:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}