:root{--bg0:#06191e;--bg1:#082a31;--bgmid:#0b3540;--bg2:#004455;--nav:#06191e;--ink:#152033;--muted:#5d6b7e;--paper:#f5f8fb;--white:#fff;--line:#dce5ef;--gold:#ffd21f;--gold2:#f3b900;--radius:28px;--radius2:18px;--shadow:0 24px 80px rgba(3,16,20,.22);--wrap:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 0% 0%,rgba(0,0,0,.28),transparent 32%),radial-gradient(circle at 100% 100%,rgba(0,68,85,.34),transparent 46%),linear-gradient(135deg,var(--bg0) 0%,var(--bg1) 36%,var(--bgmid) 62%,var(--bg2) 100%);line-height:1.55}a{color:inherit}.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}.skip-link{position:absolute;left:1rem;top:-4rem;background:var(--gold);color:#000;padding:.7rem 1rem;border-radius:999px;z-index:99}.skip-link:focus{top:1rem}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{background:var(--nav);color:#fff}.header-bar{min-height:86px;display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:center}.brand{display:flex;gap:.9rem;align-items:center;text-decoration:none}.brand img{width:58px;height:58px;border-radius:15px}.brand strong{display:block;font-size:1.42rem;line-height:1.1}.brand em{display:block;font-style:normal;color:#c8d5df;font-size:.98rem}.primary-nav{display:flex;gap:.35rem;justify-content:flex-end;align-items:center}.nav-link{padding:.75rem 1rem;text-decoration:none;font-weight:800;border-radius:999px;color:#eaf2f5}.nav-link:hover,.nav-link:focus,.nav-link.is-active{background:#0d313b}.header-actions{display:flex;gap:.55rem;align-items:center;order:3}.lang-select,.menu-toggle{border:1px solid rgba(255,255,255,.25);background:#0d313b;color:#fff;border-radius:999px;font-weight:800;padding:.65rem .85rem}.menu-toggle{display:none}.hero-shell{padding:44px 0 42px}.hero-card{position:relative;overflow:hidden;border-radius:var(--radius);min-height:660px;background:#06191e;box-shadow:var(--shadow)}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#06191e}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.52) 34%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.02) 100%)}.hero-content{position:relative;z-index:1;max-width:670px;padding:7rem 0 5rem 5rem;color:#fff}.pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:0 0 1.2rem;padding:.45rem .9rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(0,68,85,.72);color:#f4fbff;font-weight:900;letter-spacing:.01em}.hero-content h1{font-size:clamp(3.1rem,7vw,5.9rem);line-height:1.03;margin:0 0 1.3rem;letter-spacing:-.055em;text-wrap:balance}.hero-content h1 span{color:var(--gold)}.hero-content p:not(.pill){font-size:1.22rem;color:#edf6fa;max-width:670px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.8rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:900;border:2px solid transparent}.btn-primary{background:var(--gold);color:#061012}.btn-primary:hover,.btn-primary:focus{background:#ffe36b}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.08)}.section{width:min(100% - 40px,var(--wrap));margin:0 auto 38px;padding:38px;border-radius:var(--radius);box-shadow:0 12px 34px rgba(0,0,0,.12)}.section.light{background:var(--paper)}.section.dark{background:radial-gradient(circle at 0% 0%,rgba(0,0,0,.24),transparent 32%),linear-gradient(135deg,var(--bg0) 0%,var(--bg1) 42%,var(--bg2) 100%);color:#fff}.section-head{max-width:820px;margin-bottom:1.6rem}.section-kicker{display:inline-block;margin:0 0 .6rem;padding:.4rem .72rem;border:1px solid rgba(0,68,85,.2);border-radius:999px;background:#e3f2f5;color:#006070;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.dark .section-kicker{background:rgba(255,255,255,.08);color:#d6fbff;border-color:rgba(255,255,255,.18)}h1,h2,h3{line-height:1.16;margin-top:0}h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em;margin-bottom:.75rem}h3{font-size:1.35rem}.section-head p:last-child{color:var(--muted);font-size:1.1rem}.dark .section-head p:last-child{color:#c7dbe0}.summary-grid,.feature-grid,.practice-grid,.landing-grid,.text-grid{display:grid;gap:1.4rem}.summary-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.practice-grid{grid-template-columns:repeat(3,1fr)}.practice-grid.many{grid-template-columns:repeat(3,1fr)}.landing-grid{grid-template-columns:repeat(3,1fr)}.summary-card,.feature-card,.practice-card,.text-card,.landing-link{border:1px solid rgba(0,68,85,.16);border-radius:var(--radius2);padding:1.5rem;background:#fff;text-decoration:none}.feature-card{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(0,68,85,.22));border-color:rgba(255,255,255,.16);color:#fff}.feature-card ul{margin:.8rem 0 0;padding-left:1.2rem;color:#d6e8ee}.feature-card li+li{margin-top:.38rem}.practice-card{display:flex;flex-direction:column}.practice-card p{color:var(--muted)}.practice-card .btn{align-self:flex-start;margin-top:auto}.landing-link{display:flex;flex-direction:column;gap:.4rem}.landing-link span{color:var(--muted)}.shot-placeholder{border:2px dashed #a7bfca;background:#e9f1f5;color:#32515b;border-radius:16px;padding:1rem;margin:.8rem 0 1rem;font-weight:700}.shot-placeholder.big{min-height:180px;display:grid;place-items:center;text-align:center}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:.9rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:var(--nav);color:#fff;font-size:.9rem}tr:nth-child(even) td{background:#f9fbfd}.after-table{margin-top:1rem}.note{padding:1rem;border-radius:14px;background:#fff7d9;border-left:5px solid var(--gold2)}
/* Full-bleed section backgrounds: content and spacing stay as in v16,
   only the light/dark section backgrounds extend to the viewport edges. */
body{overflow-x:hidden}
.section{position:relative;z-index:0;isolation:isolate;box-shadow:none}
.section::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none}
.section.light,.section.dark{background:transparent}
.section.light::before{background:var(--paper)}
.section.dark::before{background:radial-gradient(circle at 0% 0%,rgba(0,0,0,.24),transparent 32%),linear-gradient(135deg,var(--bg0) 0%,var(--bg1) 42%,var(--bg2) 100%)}
.page-hero{color:#fff;padding:58px 0 46px;background:radial-gradient(circle at 0% 0%,rgba(0,0,0,.24),transparent 32%),linear-gradient(135deg,var(--bg0) 0%,var(--bg1) 42%,var(--bg2) 100%)}.page-hero h1{font-size:clamp(2.6rem,6vw,5rem);max-width:900px;margin:0 0 1rem}.page-hero p:not(.pill){max-width:780px;color:#d4e6eb;font-size:1.18rem}.howto-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.steps{padding-left:1.2rem}.steps li{margin-bottom:1rem}.steps strong{display:block}.steps span{color:var(--muted)}.shot-column{display:grid;gap:1rem}.site-footer{background:var(--nav);color:#dbe8ec;padding:42px 0;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}.site-footer h2,.site-footer h3{color:#fff;font-size:1.1rem}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li+li{margin-top:.4rem}.site-footer a{text-decoration:none;color:#dbe8ec}.site-footer a:hover,.site-footer a:focus{color:var(--gold)}
@media (max-width:980px){.header-bar{grid-template-columns:1fr auto}.primary-nav{grid-column:1/-1;display:none;flex-direction:column;align-items:stretch;background:#082a31;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:.7rem;margin-bottom:1rem}.primary-nav.is-open{display:flex}.nav-link{border-radius:12px}.menu-toggle{display:inline-flex;gap:.45rem;align-items:center}.brand img{width:52px;height:52px}.brand strong{font-size:1.22rem}.brand em{font-size:.88rem}.hero-card{min-height:560px}.hero-content{padding:4.5rem 2rem 3rem}.hero-content h1{font-size:clamp(2.5rem,10vw,4.4rem)}.summary-grid,.feature-grid,.practice-grid,.practice-grid.many,.landing-grid,.footer-grid,.howto-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.wrap,.section{width:min(100% - 28px,var(--wrap))}.header-bar{min-height:80px;gap:.7rem}.brand{gap:.7rem}.brand img{width:48px;height:48px}.lang-select{padding:.55rem .6rem;max-width:78px}.menu-toggle span:last-child{display:none}.hero-shell{padding:20px 0 28px}.hero-card{border-radius:0;min-height:auto;margin-inline:-14px}.hero-img{position:relative;display:block;height:auto;object-fit:contain}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.05))}.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:1.4rem 1.6rem;max-width:70%}.hero-content .pill{display:none}.hero-content h1{font-size:clamp(2.1rem,10vw,3.2rem);margin-bottom:.6rem}.hero-content p:not(.pill){font-size:1rem;margin:.2rem 0}.hero-buttons{gap:.7rem;margin-top:.8rem}.btn{padding:.7rem .9rem;font-size:.92rem}.section{padding:24px 18px;border-radius:22px;margin-bottom:26px}.summary-grid,.feature-grid,.practice-grid,.practice-grid.many,.landing-grid,.footer-grid,.howto-grid{grid-template-columns:1fr}h2{font-size:2rem}.page-hero{padding:42px 0 30px}.page-hero h1{font-size:2.6rem}table{min-width:720px}}

/* Legal/content typography tuning: keep the layout, reduce oversized page and card headings. */
.page-hero{padding:46px 0 38px}
.page-hero h1{font-size:clamp(2.2rem,4vw,3.6rem);letter-spacing:-.025em;max-width:920px}
.page-hero p:not(.pill){font-size:1.08rem;max-width:820px}
h2{font-size:clamp(1.7rem,2.6vw,2.45rem);letter-spacing:-.02em}
.text-card h2,.summary-card h2,.practice-card h2,.landing-link h2,.text-card h3,.summary-card h3,.practice-card h3,.landing-link h3{font-size:clamp(1.22rem,1.6vw,1.55rem);letter-spacing:0;line-height:1.22;margin-bottom:.65rem}
.text-card,.summary-card,.practice-card,.landing-link{padding:1.25rem}
@media (max-width:640px){.page-hero{padding:34px 0 26px}.page-hero h1{font-size:2.25rem}h2{font-size:1.7rem}.text-card h2,.summary-card h2,.practice-card h2,.landing-link h2,.text-card h3,.summary-card h3,.practice-card h3,.landing-link h3{font-size:1.25rem}.text-card,.summary-card,.practice-card,.landing-link{padding:1.1rem}}
/* Start page heading tuning: preserve the image hero, but keep headings readable. */
.hero-content h1{font-size:clamp(2.55rem,5vw,4.45rem);line-height:1.08;letter-spacing:0;max-width:640px}
.hero-content p:not(.pill){font-size:1.12rem;max-width:620px}
.feature-card h3{font-size:clamp(1.15rem,1.35vw,1.32rem);letter-spacing:0;line-height:1.22}
.page-hero h1,h2,h3{letter-spacing:0}
@media (max-width:980px){.hero-content h1{font-size:clamp(2.25rem,7.5vw,3.65rem);line-height:1.08}.hero-content p:not(.pill){font-size:1.05rem}}
@media (max-width:640px){.hero-content h1{font-size:clamp(1.75rem,8vw,2.45rem);line-height:1.08}.hero-content p:not(.pill){font-size:.95rem}.feature-card h3{font-size:1.18rem}}
/* Quickstart screenshot hotspots. */
.quickstart-board{display:grid;grid-template-columns:minmax(280px,520px) 1fr;gap:2rem;align-items:start;margin-top:1.8rem}
.quickstart-map{margin:0}.quickstart-image-wrap{position:relative;width:min(100%,520px);margin:0 auto}.quickstart-phone{display:block;width:100%;height:auto;border-radius:34px;filter:drop-shadow(0 24px 54px rgba(3,16,20,.24))}.quickstart-map figcaption{max-width:520px;margin:.8rem auto 0;color:var(--muted);font-size:.95rem;text-align:center}.hotspot{position:absolute;left:var(--x);top:var(--y);display:grid;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .26rem;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.92);border-radius:999px;background:rgba(255,210,31,.9);color:#06191e;text-decoration:none;font-size:.8rem;font-weight:900;box-shadow:0 3px 10px rgba(3,16,20,.22);backdrop-filter:blur(2px)}.hotspot::before{content:"";position:absolute;inset:-.5rem;border-radius:999px}.hotspot:hover,.hotspot:focus{outline:3px solid rgba(0,96,112,.24);background:#006070;color:#fff}.hotspot-legend{display:grid;grid-template-columns:1fr;gap:.75rem}.hotspot-legend a{display:block;padding:.85rem 1rem;border:1px solid rgba(0,68,85,.16);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 8px 22px rgba(3,16,20,.06)}.hotspot-legend a:hover,.hotspot-legend a:focus{border-color:#006070;box-shadow:0 12px 26px rgba(0,68,85,.14);outline:none}.hotspot-legend strong{display:flex;gap:.5rem;align-items:center;font-size:1rem;line-height:1.2}.hotspot-legend strong span{display:grid;place-items:center;flex:0 0 auto;width:1.55rem;height:1.55rem;border-radius:999px;background:#006070;color:#fff;font-size:.82rem}.hotspot-legend em{display:block;margin:.35rem 0 0 2.05rem;color:var(--muted);font-style:normal;line-height:1.35}.feature-card h3 span,.landing-link h3 span{margin-right:.35rem}
@media (max-width:980px){.quickstart-board{grid-template-columns:1fr}.hotspot-legend{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.quickstart-board{display:block;margin-top:1.2rem}.quickstart-image-wrap{width:min(100%,360px)}.quickstart-phone{border-radius:22px;filter:drop-shadow(0 14px 30px rgba(3,16,20,.18))}.quickstart-map figcaption{font-size:.88rem;text-align:left}.hotspot{min-width:1.55rem;height:1.55rem;padding:0 .22rem;font-size:.74rem;border-width:2px}.hotspot-legend{grid-template-columns:1fr;margin-top:1rem;gap:.65rem}.hotspot-legend a{padding:.8rem .9rem}.hotspot-legend strong{font-size:.98rem}.hotspot-legend em{margin:.3rem 0 0 0;font-size:.92rem}.hotspot-legend strong span{width:1.45rem;height:1.45rem;font-size:.78rem}}
@media (max-width:380px){.quickstart-image-wrap{width:100%}.hotspot{min-width:1.42rem;height:1.42rem;font-size:.68rem;padding:0 .18rem}.hotspot-legend a{padding:.75rem .8rem}.quickstart-map figcaption{font-size:.84rem}}


/* Mobile start hero: keep the full headline and both CTA buttons visible. */
@media (max-width:640px){
  .hero-shell{padding:12px 0 28px}
  .hero-card{min-height:clamp(430px,118vw,520px);margin-inline:0;border-radius:22px;overflow:hidden}
  .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center}
  .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 45%,rgba(0,0,0,.10) 100%),linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0) 42%)}
  .hero-content{position:relative;inset:auto;min-height:inherit;display:flex;flex-direction:column;justify-content:flex-end;max-width:min(78%,330px);padding:1.3rem 1.15rem 1.35rem;color:#fff}
  .hero-content h1{font-size:clamp(1.75rem,7.4vw,2.25rem);line-height:1.08;margin-bottom:.55rem}
  .hero-content p:not(.pill){font-size:.92rem;line-height:1.45;margin:0;color:#edf6fa}
  .hero-buttons{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem;max-width:15rem;margin-top:.85rem}
  .hero-buttons .btn{width:100%;min-height:40px;padding:.58rem .8rem;font-size:.86rem;line-height:1.2;text-align:center}
}
@media (max-width:380px){
  .hero-card{min-height:460px}
  .hero-content{max-width:82%;padding:1.15rem 1rem 1.25rem}
  .hero-content h1{font-size:clamp(1.6rem,7vw,2rem)}
  .hero-content p:not(.pill){font-size:.88rem}
  .hero-buttons .btn{font-size:.82rem}
}
@media (max-width:340px){
  .hero-card{min-height:490px}
  .hero-content{max-width:88%}
}


/* Start hero app preview. */
.hero-app-preview{position:absolute;right:3.8rem;bottom:-3.4rem;z-index:1;width:min(23vw,240px);margin:0;pointer-events:none;filter:drop-shadow(0 26px 44px rgba(0,0,0,.38));transform:rotate(1.5deg)}
.hero-app-preview img{display:block;width:100%;height:auto}
@media (max-width:980px){.hero-app-preview{right:1.4rem;bottom:-2.8rem;width:min(24vw,190px);opacity:.92}}
@media (max-width:760px){.hero-app-preview{display:none}}
html[dir="rtl"] .hero-shade{background:linear-gradient(270deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.52) 34%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.02) 100%)}
html[dir="rtl"] .hero-content{margin-left:auto;margin-right:0;padding:7rem 5rem 5rem 0}
html[dir="rtl"] .hero-app-preview{left:3.8rem;right:auto;transform:rotate(-1.5deg)}
@media (max-width:980px){html[dir="rtl"] .hero-content{padding:4.5rem 2rem 3rem}html[dir="rtl"] .hero-app-preview{left:1.4rem;right:auto}}
@media (max-width:640px){html[dir="rtl"] .hero-shade{background:linear-gradient(270deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 45%,rgba(0,0,0,.10) 100%),linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0) 42%)}html[dir="rtl"] .hero-content{margin-left:auto;margin-right:0;padding:1.3rem 1.15rem 1.35rem}html[dir="rtl"] .hero-img{object-position:36% center}}

.section.light .btn-ghost,.text-card .btn-ghost{color:var(--ink);border-color:rgba(0,68,85,.24);background:#fff}