:root{--bg:#f7f8f5;--surface:#fff;--ink:#17201b;--muted:#69736d;--accent:#ea580c;--accent-dark:#c2410c;--accent-soft:#fff0e7;--green:#15803d;--border:var(--color-border);--shadow:0 18px 55px rgba(23,32,27,.08)}
html{scroll-behavior:smooth}
body{background:
  radial-gradient(circle at 8% -8%,rgba(234,88,12,.1),transparent 30rem),
  radial-gradient(circle at 95% 18%,rgba(22,163,74,.07),transparent 26rem),var(--bg);color:var(--ink)}
header{background:rgba(255,255,255,.86);border-color:rgba(226,231,227,.9);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(255,255,255,.7)}
.nav{min-height:74px}
.logo{letter-spacing:-.03em}.logo .bell{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:var(--shadow-md);transform:rotate(-3deg)}
.btn,button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn-primary,form button{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:var(--shadow-md)}
.btn:hover,form button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
h1{font-size:clamp(2rem,5vw,3rem);line-height:1.08;letter-spacing:-.05em}
h2{letter-spacing:-.025em}
.sub,.lead{color:var(--muted);font-size:1.03rem;line-height:1.7}
form{border-color:var(--border);border-radius:22px;box-shadow:var(--shadow);background:rgba(255,255,255,.92)}
input,textarea,select{border-color:var(--border);background:#fbfcfa;transition:border-color .18s ease,box-shadow .18s ease}
input:focus,textarea:focus,select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.12)}
footer{border-top:1px solid var(--border);margin-top:40px}footer a:hover{color:var(--accent)}
.pcard{border-color:var(--border);border-radius:20px;box-shadow:var(--shadow-lg);transition:transform .2s ease,box-shadow .2s ease}
.pcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.pcard img{border:1px solid #edf0ed}
table{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden}
details{background:rgba(255,255,255,.8);border-color:var(--border)}
.legal-page{max-width:820px;margin:0 auto;padding:48px 28px 72px;line-height:1.72}
.legal-page>p:first-child a{display:inline-flex;padding:8px 13px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.75);text-decoration:none;font-weight:700;font-size:var(--text-14)}
.legal-page h1{margin:34px 0 18px}.legal-page h2{margin-top:34px}.legal-page p,.legal-page ul{color:#3f4943}
@media(max-width:640px){.wrap{padding-left:18px;padding-right:18px}.nav{min-height:66px}.legal-page{padding:26px 20px 52px}form{padding:21px}.pcard:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;transition:none}}

/* Commerce design system – shared legal, contact and comparison pages */
:root{--bg:#f7f7f5;--surface:#fff;--ink:#151515;--muted:#6c706b;--accent:#151515;--accent-dark:#050505;--accent-soft:#efefec;--green:#12835d;--border:var(--color-border);--shadow:0 18px 52px rgba(15,15,15,.08)}
body{background:var(--bg);color:var(--ink);font-family:var(--site-font,Inter,"Segoe UI Variable Text","Segoe UI",Roboto,Helvetica,Arial,system-ui,sans-serif)}
body::before{display:none}
header{background:rgba(255,255,255,.92);border-color:var(--border);box-shadow:none}
.nav{min-height:72px}.logo{color:var(--ink);font-weight:750}.logo .bell{background:var(--ink);color:#fff;border-radius:9px;box-shadow:none;transform:none}
.btn-primary,form button{background:var(--ink);color:#fff;box-shadow:none;border-color:var(--ink)}
.btn-primary:hover,form button:hover{background:#30302e;box-shadow:none;transform:none}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--border);box-shadow:none}
h1{font-size:clamp(2.35rem,5.5vw,4.6rem);line-height:.96;letter-spacing:-.065em;font-weight:700}
h2{letter-spacing:-.04em}.sub,.lead{color:var(--muted)}
form{border:1px solid var(--border);border-radius:16px;box-shadow:none;background:#fff}
input,textarea,select{border-color:var(--border);background:#f2f3f0;border-radius:11px}
input:focus,textarea:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(21,21,21,.1)}
.pcard{border:1px solid var(--border);border-radius:14px;box-shadow:none;background:#fff;transform:none}
.pcard:hover{border-color:#c5c7c2;box-shadow:var(--shadow-sm);transform:none}
.pcard img{background:#f0f1ee;border:0;border-radius:10px}
table{border:1px solid var(--border);border-radius:14px;box-shadow:none;background:#fff}
details{background:transparent;border-width:0 0 1px;border-radius:0}
.legal-page{max-width:900px;padding-top:64px}.legal-page>p:first-child a{background:#fff;border-color:var(--border);font-weight:650}.legal-page h1{margin-top:42px}.legal-page p,.legal-page ul{color:#4d514d}
footer{border-color:var(--border);margin-top:54px}footer a:hover{color:var(--ink)}
@media(max-width:640px){.nav{min-height:66px}.legal-page{padding-top:36px}}