: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}
.release-current-version{margin:0 0 1.2rem;padding:.85rem 0;border-bottom:3px solid var(--gold2);font-size:1.25rem;font-weight:700}.release-current-version span{color:var(--muted)}.release-current-version code{font-size:inherit;color:var(--ink)}.release-table th{font-weight:700}.release-table th,.release-table td{vertical-align:middle}.release-table tbody tr:first-child td{font-size:1rem;font-weight:600;line-height:1.45}.release-table .release-version{font:inherit;color:inherit}
@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}}
.hotspot-legend .gesture-hints b,.hotspot-legend .inline-detail-link{font-weight:400}.text-card h3 span.option-icon{margin-right:.35rem}
/* 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);cursor:default}.hotspot::before{content:"";position:absolute;inset:-.5rem;border-radius:999px}a.hotspot{cursor:pointer}a.hotspot:hover,a.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,.hotspot-legend-item{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:first-child{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}.hotspot-legend .gesture-hints{display:block;margin:.45rem 0 .1rem;color:var(--ink);line-height:1.38}.hotspot-legend .gesture-hints b{font-weight:900;color:var(--ink)}.hotspot-legend .inline-detail-link{display:inline;color:#006070;font-weight:900;text-decoration:underline;text-underline-offset:.14em}.hotspot-legend .inline-detail-link:hover,.hotspot-legend .inline-detail-link:focus{color:#00343f}.feature-card h3 span,.landing-link h3 span{margin-right:.35rem}
.hotspot-legend .menu-functions{display:block;margin:.45rem 0 .1rem;color:var(--ink);line-height:1.38}.hotspot-legend .menu-functions b{font-weight:900;color:var(--ink)}
.compass-access{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.15rem;align-items:flex-start;margin:0 0 1.5rem}.compass-access-visual{display:flex;gap:.8rem;align-items:flex-start;flex-wrap:wrap}.map-compass-widget{position:relative;flex:0 0 auto;width:64px;height:78px}.map-compass-circle{position:absolute;left:0;top:0;display:grid;place-items:center;width:56px;height:56px;border:2px solid #1e3a5f;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(3,16,20,.14)}.map-compass-circle img{display:block;width:80%;height:80%;object-fit:contain}.map-compass-fix{position:absolute;left:4px;top:55px;display:grid;place-items:center;min-width:36px;height:22px;padding:0 .35rem;border-radius:8px;background:#083a48;color:#fff;font-size:.62rem;font-weight:900;line-height:1}.map-compass-widget.is-fixed .map-compass-fix{background:#d3362d}.map-compass-fix-marker{position:absolute;right:3px;top:4px;width:5px;height:19px;border-radius:999px;background:#d3362d;transform:rotate(38deg);transform-origin:top center}.map-compass-fix-marker::before{content:"";position:absolute;left:50%;top:-4px;width:10px;height:10px;border-radius:50%;background:#d3362d;transform:translateX(-50%)}.compass-access h3{margin-bottom:.35rem}.compass-access p{margin:.2rem 0 .55rem;color:var(--muted)}.compass-access ul{margin:.45rem 0 0;padding-left:1.2rem}.compass-board{grid-template-columns:minmax(260px,440px) minmax(0,1fr);margin-top:1rem}.compass-board .quickstart-image-wrap{width:min(100%,430px)}.compass-side{display:grid;gap:.75rem;align-content:start}.compass-side .text-card{padding:1rem}.compass-legend a{scroll-margin-top:1rem}
@media (max-width:980px){.quickstart-board,.compass-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)}.compass-access{grid-template-columns:1fr}.compass-board .quickstart-image-wrap{width:min(100%,330px)}.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,.hotspot-legend-item{padding:.8rem .9rem}.hotspot-legend strong{font-size:.98rem}.hotspot-legend em{margin:.3rem 0 0 0;font-size:.92rem}.hotspot-legend strong>span:first-child{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,.hotspot-legend-item{padding:.75rem .8rem}.quickstart-map figcaption{font-size:.84rem}}

/* Keep the annotated Quickstart phone visible while the long desktop legend scrolls. */
@media (min-width:981px){
  .quickstart-board:not(.compass-board) .quickstart-map{position:sticky;top:102px;align-self:start}
  .quickstart-board:not(.compass-board) .quickstart-image-wrap{width:min(100%,520px,calc((100vh - 190px)*.47275))}
}

/* One easy-to-find social profile row shared by every language and page. */
.footer-social{margin-top:1.2rem}
.footer-social-links{display:flex;flex-wrap:wrap;gap:.65rem}
.footer-social-links a{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(255,255,255,.06);color:#fff}
.footer-social-links svg{display:block;width:23px;height:23px;fill:currentColor}
.footer-social-links a:hover,.footer-social-links a:focus{border-color:var(--gold);background:rgba(255,210,31,.08);outline:none}


/* 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}
}

/* Target-group cards and SEO landing pages. */
.audience-home{padding-top:36px;padding-bottom:40px}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.audience-home-special{padding-top:20px}
.audience-grid-special{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
.audience-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(0,68,85,.16);border-radius:var(--family-radius-card);background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 8px 22px rgba(3,16,20,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.audience-card:hover,.audience-card:focus-visible{transform:translateY(-3px);border-color:#006070;box-shadow:0 16px 34px rgba(0,68,85,.16);outline:none}
.audience-card picture{display:block;overflow:hidden;aspect-ratio:4/3;background:#dfe9ed}
.audience-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
.audience-card:hover img,.audience-card:focus-visible img{transform:scale(1.018)}
.audience-card-copy{display:flex;flex:1;flex-direction:column;gap:.42rem;padding:1rem}
.audience-card-copy strong{font-size:var(--family-card-title);line-height:1.22}
.audience-card-copy>span:not(.audience-card-link){color:var(--muted)}
.audience-card-link{margin-top:auto;padding-top:.45rem;color:#006070;font-weight:900}
.audience-page-hero{padding:34px 0}
.audience-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:2.2rem;align-items:center}
.audience-hero-copy h1{max-width:720px}
.audience-hero-image{display:block;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:var(--family-radius-large);background:#06191e;box-shadow:var(--shadow)}
.audience-hero-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.audience-story-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:2rem;align-items:center}
.audience-story-copy{max-width:690px}
.audience-story-copy>p:not(.section-kicker){color:var(--muted);font-size:1.05rem;line-height:1.7}
.audience-story-image{display:block;overflow:hidden;border:1px solid rgba(0,68,85,.16);border-radius:var(--family-radius-large);background:#dfe9ed;box-shadow:0 14px 34px rgba(3,16,20,.11)}
.audience-story-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.audience-story-reverse .audience-story-copy{order:2}
.audience-story-reverse .audience-story-image{order:1}
.audience-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.audience-feature-list li{position:relative;padding:1.05rem 1rem 1.05rem 3.15rem;border:1px solid rgba(0,68,85,.16);border-radius:var(--family-radius-card);background:#fff;box-shadow:0 8px 22px rgba(3,16,20,.05)}
.audience-feature-list li::before{content:"✓";position:absolute;left:1rem;top:1rem;display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;background:#e3f2f5;color:#006070;font-weight:950}
.audience-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;counter-reset:audience-step}
.audience-steps li{display:grid;grid-template-columns:auto 1fr;gap:.85rem;padding:1rem;border:1px solid rgba(255,255,255,.16);border-radius:var(--family-radius-card);background:rgba(255,255,255,.075)}
.audience-steps li>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--gold);color:#061012;font-weight:950}
.audience-steps strong{display:block;margin:.2rem 0 .35rem;font-size:1.05rem}
.audience-steps p{margin:0;color:#c7dbe0}
.audience-steps-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.audience-workflow .audience-steps li{display:block;padding:0;border:0;background:transparent}
.audience-step-link{display:grid;grid-template-columns:auto 1fr;gap:.85rem;height:100%;padding:1rem;border:1px solid rgba(255,255,255,.16);border-radius:var(--family-radius-card);background:rgba(255,255,255,.075);color:#fff;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.audience-step-link>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--gold);color:#061012;font-weight:950}
.audience-step-link strong{display:block;margin:.2rem 0 .35rem;font-size:1.05rem}
.audience-step-link p{margin:0;color:#c7dbe0}
.audience-step-link em{display:block;margin-top:.65rem;color:var(--gold);font-style:normal;font-weight:900}
.audience-step-link:hover,.audience-step-link:focus-visible{transform:translateY(-2px);border-color:var(--gold);background:rgba(255,255,255,.12);outline:none}
.audience-check-list{display:grid;gap:.65rem;margin:1.15rem 0 0;padding:0;list-style:none}
.audience-check-list li{position:relative;padding-left:1.75rem;line-height:1.5}
.audience-check-list li::before{content:"✓";position:absolute;left:0;top:0;color:#006070;font-weight:950}
.audience-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.audience-scenario-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(0,68,85,.16);border-radius:var(--family-radius-card);background:#fff;box-shadow:0 8px 22px rgba(3,16,20,.06)}
.audience-scenario-card picture{display:block;overflow:hidden;aspect-ratio:4/3;background:#dfe9ed}
.audience-scenario-card img{display:block;width:100%;height:100%;object-fit:cover}
.audience-scenario-card>div{display:flex;flex:1;flex-direction:column;padding:1rem}
.audience-scenario-card h3{margin-bottom:.55rem}
.audience-scenario-card p{margin:0 0 .85rem;color:var(--muted)}
.audience-scenario-card a{align-self:flex-start;margin-top:auto;color:#006070;font-weight:900;text-underline-offset:.16em}
.audience-shots{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-inline:auto}
.audience-shots:has(> :only-child){grid-template-columns:minmax(260px,420px);justify-content:center}
.audience-shot-placeholder{position:relative;padding-top:3.25rem}
.audience-shot-placeholder .shot-status{position:absolute;top:1rem;left:1rem;display:inline-flex;padding:.38rem .65rem;border-radius:999px;background:#fff2b8;color:#3c3100;font-size:.78rem;font-weight:900;line-height:1}
.audience-shot-placeholder figcaption strong{display:block;margin-bottom:.35rem;color:var(--ink)}
.audience-shot-image-link{display:block;border-radius:14px;overflow:hidden}.audience-shot-image-link img{transition:transform .2s ease,opacity .2s ease}.audience-shot-image-link:hover img{transform:scale(1.01);opacity:.92}.audience-shot-image-link:focus-visible{outline:4px solid var(--gold);outline-offset:4px}.audience-shot-detail-link{display:inline-flex;margin-top:.7rem;color:var(--bg2);font-weight:850;text-decoration-thickness:2px;text-underline-offset:.2em}
.audience-callout{display:flex;align-items:center;justify-content:space-between;gap:2rem;border:1px solid rgba(0,96,112,.22);background:linear-gradient(135deg,#e7f4f6,#fff8dc)!important}
.audience-callout::before{background:linear-gradient(135deg,#e7f4f6,#fff8dc)!important}
.audience-callout>div{max-width:820px}
.audience-callout h2{margin-bottom:.65rem}
.audience-callout p:not(.section-kicker){margin:0;color:var(--muted)}
.audience-callout .btn{flex:0 0 auto}
.audience-faq-list{display:grid;gap:.75rem;max-width:980px;margin-inline:auto}
.audience-faq-item{border:1px solid rgba(0,68,85,.16);border-radius:var(--family-radius-card);background:#fff;box-shadow:0 7px 18px rgba(3,16,20,.04)}
.audience-faq-item summary{position:relative;padding:1rem 3rem 1rem 1.1rem;cursor:pointer;font-weight:900;list-style:none}
.audience-faq-item summary::-webkit-details-marker{display:none}
.audience-faq-item summary::after{content:"+";position:absolute;right:1.1rem;top:.72rem;color:#006070;font-size:1.5rem;line-height:1}
.audience-faq-item[open] summary::after{content:"−"}
.audience-faq-item p{margin:0;padding:0 1.1rem 1rem;color:var(--muted)}
.target-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.target-related-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border:1px solid rgba(0,68,85,.16);border-radius:var(--family-radius-card);background:#fff;color:var(--ink);text-decoration:none}
.target-related-card span{flex:0 0 auto;color:#006070;font-weight:900}
.target-related-card:hover,.target-related-card:focus-visible{border-color:#006070;box-shadow:0 10px 24px rgba(0,68,85,.11);outline:none}
.audience-limits .section-head{max-width:960px;margin-bottom:0}
.audience-cta{text-align:center}
.audience-cta .section-head{margin-inline:auto}
.audience-cta .hero-actions{justify-content:center}
@media (max-width:1200px) and (min-width:981px){.audience-steps-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){
  .audience-grid,.audience-feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .audience-hero-grid{grid-template-columns:1fr;gap:1.4rem}
  .audience-hero-image{max-width:720px}
  .audience-story-grid{grid-template-columns:1fr;gap:1.25rem}
  .audience-story-copy{max-width:none}
  .audience-story-image{max-width:760px}
  .audience-story-reverse .audience-story-copy,.audience-story-reverse .audience-story-image{order:initial}
  .audience-steps{grid-template-columns:1fr}
  .audience-callout{align-items:flex-start;flex-direction:column}
}
@media (max-width:640px){
  .audience-grid,.audience-feature-list,.audience-shots,.audience-scenario-grid,.target-related-grid{grid-template-columns:1fr}
  .audience-home{padding-top:25px;padding-bottom:27px}
  .audience-card-copy{padding:.9rem}
  .audience-page-hero{padding:24px 0}
  .audience-hero-grid{gap:1rem}
  .audience-hero-copy .hero-actions{display:grid;grid-template-columns:1fr}
  .audience-hero-copy .btn{width:100%}
  .target-related-card{align-items:flex-start;flex-direction:column;gap:.35rem}
}
@media (prefers-reduced-motion:reduce){.audience-card,.audience-card img{transition:none}}
@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:-2.8rem;z-index:1;width:min(18vw,190px);margin:0;pointer-events:none;filter:drop-shadow(0 22px 36px rgba(0,0,0,.34));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.1rem;width:min(21vw,150px);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}
.starter-icon{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;margin-right:.55rem;border:1px solid rgba(0,68,85,.16);border-radius:.75rem;background:#eef5f7;color:#00343f;font-size:1.15rem;line-height:1;vertical-align:middle}.starter-icon.is-inline{width:1.8rem;height:1.8rem;margin-right:.45rem;border-radius:.6rem;font-size:1rem}.starter-step h3,.starter-data h3{display:flex;align-items:center;gap:.55rem}.starter-step h3 .starter-icon,.starter-data h3 .starter-icon{margin-right:0;flex:0 0 auto}.starter-file{display:flex;align-items:center;gap:.55rem;font-weight:800}.starter-file .starter-icon{margin-right:0;flex:0 0 auto}

/* Header stability for long localized navigation labels. */
.site-header .wrap{width:min(100% - 40px,1260px)}
@media (min-width:641px){
  .brand{min-width:max-content}
  .brand strong,.brand em{white-space:nowrap}
}
@media (max-width:1180px){
  .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}
}
@media (max-width:640px){
  .site-header .wrap{width:min(100% - 24px,1260px)}
  .header-bar{grid-template-columns:1fr;gap:.55rem;padding:.7rem 0}
  .brand{min-width:0;gap:.55rem}
  .brand img{width:42px;height:42px;border-radius:12px}
  .brand span{min-width:0}
  .brand strong,.brand em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand strong{font-size:1.08rem}
  .brand em{font-size:.78rem}
  .header-actions{display:flex;gap:.45rem;width:100%;justify-self:stretch}
  .lang-select{flex:1 1 auto;width:auto;min-width:0;max-width:calc(100% - 46px);padding:.52rem .7rem;font-size:.88rem}
  .menu-toggle{display:inline-flex!important;flex:0 0 40px;width:40px;min-height:40px;justify-content:center;padding:.5rem}
}
@media (max-width:380px){
  .brand strong{font-size:1rem}
  .brand em{font-size:.74rem}
  .menu-toggle{width:38px}
  .menu-toggle{flex-basis:38px}
  .lang-select{max-width:calc(100% - 44px)}
}

/* Persistent navigation across the complete localized website. */
.site-header{
  position:sticky;
  top:0;
  z-index:90;
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 28px rgba(3,16,20,.24);
}
main [id]{scroll-margin-top:7.25rem}.menu-tree-anchor-alias{display:block;visibility:hidden;height:0}.menu-order-detail{margin-top:.65rem;color:var(--muted);font-size:.95rem}
@media (max-width:1180px){
  .brand{grid-column:1;grid-row:1}
  .header-actions{grid-column:2;grid-row:1}
  .primary-nav{
    grid-column:1/-1;
    grid-row:2;
    max-height:calc(100dvh - 104px);
    overflow-y:auto;
  }
}
@media (max-width:640px){
  .header-bar{
    min-height:64px;
    grid-template-columns:minmax(0,1fr) auto;
    gap:.5rem;
    padding:.45rem 0;
  }
  .brand img{width:40px;height:40px}
  .brand em{display:none}
  .header-actions{width:auto;justify-self:end}
  .lang-select{
    flex:0 1 112px;
    width:clamp(88px,28vw,112px);
    max-width:112px;
  }
  .menu-toggle span:last-child{display:none}
  .primary-nav{
    max-height:calc(100dvh - 72px);
    margin-bottom:.45rem;
  }
  main [id]{scroll-margin-top:5.5rem}
}

/* Handbook overview: compact table-of-contents layout instead of many cards. */
.manual-overview{padding-top:34px}
.manual-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:2rem;align-items:start}
.manual-chapters{position:sticky;top:calc(86px + 1rem);display:grid;gap:.65rem}
.manual-chapters a{display:block;padding:.9rem 1rem;border:1px solid rgba(0,68,85,.16);border-radius:16px;background:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(3,16,20,.05)}
.manual-chapters a:hover,.manual-chapters a:focus{border-color:#006070;box-shadow:0 12px 28px rgba(0,68,85,.13);outline:none}
.manual-chapters span{display:block;margin-bottom:.15rem;color:#006070;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.manual-chapters strong{display:block;color:var(--ink);line-height:1.2}
.manual-groups{display:grid;gap:2.1rem}
.manual-group{scroll-margin-top:1rem;padding-top:2rem;border-top:1px solid var(--line)}
.manual-group:first-child{padding-top:0;border-top:0}
.manual-group-head{max-width:760px;margin-bottom:1rem}
.manual-group-head h2{margin-bottom:.45rem}
.manual-group-head p:last-child{margin:0;color:var(--muted);font-size:1.03rem}
.manual-list{display:grid;gap:.7rem}
.manual-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:15px;background:#fff;text-decoration:none}
.manual-row:hover,.manual-row:focus{border-color:#006070;box-shadow:0 12px 28px rgba(0,68,85,.12);outline:none}
.manual-row strong{display:block;margin-bottom:.25rem;color:var(--ink);font-size:1.08rem;line-height:1.2}
.manual-row em{display:block;color:var(--muted);font-style:normal;line-height:1.45}
.manual-arrow{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--gold);color:#061012;font-size:1.35rem;font-weight:900;line-height:1}
.manual-row-static{background:#f9fbfd}
html[dir="rtl"] .manual-arrow{transform:scaleX(-1)}
@media (max-width:980px){
  .manual-layout{grid-template-columns:1fr}
  .manual-chapters{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .manual-overview{padding-top:24px}
  .manual-chapters{grid-template-columns:1fr}
  .manual-row{padding:.95rem 1rem}
  .manual-row strong{font-size:1.02rem}
  .manual-row em{font-size:.95rem}
}
.hotspot-legend .gesture-hints b,
.hotspot-legend .inline-detail-link{font-weight:400}
.text-card h3 span.option-icon{margin-right:.35rem}
/* Feature screenshots used on update/precision sections. */
.feature-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-top:1.5rem}.feature-shot{margin:0;border:1px solid rgba(0,68,85,.16);border-radius:18px;background:#fff;padding:1rem;box-shadow:0 8px 22px rgba(3,16,20,.06)}.feature-shot img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:14px;background:#06191e}.feature-shot figcaption,.quickstart-image-wrap figcaption{margin:.7rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.35}
.feature-shot-grid.converter-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-shot-grid.converter-result-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature-shot-open{display:block;width:100%;padding:0;border:0;border-radius:14px;background:#06191e;cursor:zoom-in;overflow:hidden}.feature-shot-open img{transition:transform .2s ease,opacity .2s ease}.feature-shot-open:hover img{transform:scale(1.01);opacity:.92}.feature-shot-open:focus-visible{outline:4px solid var(--gold);outline-offset:4px}.image-lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:clamp(3.5rem,6vw,5rem) clamp(1rem,4vw,4rem) 1.5rem;border:0;background:rgba(3,16,20,.97);color:#fff;overflow:hidden}.image-lightbox::backdrop{background:rgba(3,16,20,.9)}.image-lightbox[open]{display:grid;place-items:center}.image-lightbox figure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;width:100%;height:100%;min-width:0;min-height:0;margin:0;overflow:hidden}.image-lightbox img{display:block;flex:0 1 auto;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 8rem);max-height:calc(100dvh - 8rem);min-width:0;min-height:0;object-fit:contain}.image-lightbox figcaption{flex:0 0 auto;min-height:1.5rem;margin:0;color:#e5f0f4;text-align:center;font-weight:700}.image-lightbox-close{position:fixed;z-index:1;top:1rem;right:1rem;display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:2px solid rgba(255,255,255,.7);border-radius:999px;background:#082a31;color:#fff;font:700 2rem/1 system-ui;cursor:pointer}.image-lightbox-close:hover,.image-lightbox-close:focus-visible{background:var(--gold);color:#061012;border-color:var(--gold);outline:none}html[dir="rtl"] .image-lightbox-close{right:auto;left:1rem}@media (prefers-reduced-motion:reduce){.feature-shot-open img{transition:none}}
@media (max-width:980px){.feature-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.feature-shot-grid,.feature-shot-grid.converter-shot-grid,.feature-shot-grid.converter-result-shot-grid{grid-template-columns:1fr;gap:1rem}.feature-shot{padding:.8rem}.feature-shot img{max-height:none}}

/* Standard and Hiking app-profile comparison with real Pixel 9 Pro XL captures. */
.app-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;align-items:start;margin:1.5rem 0}.app-profile-card{margin:0;padding:1.2rem;border:1px solid rgba(0,68,85,.16);border-radius:20px;background:linear-gradient(145deg,#fff,#eef5f7);box-shadow:0 12px 30px rgba(3,16,20,.08)}.app-profile-card picture{display:block}.app-profile-card img{display:block;width:min(100%,340px);height:auto;margin:0 auto;filter:drop-shadow(0 22px 42px rgba(3,16,20,.22))}.app-profile-card figcaption{display:grid;gap:.35rem;margin-top:1rem}.app-profile-card figcaption strong{color:var(--ink);font-size:1.18rem;line-height:1.25}.app-profile-card figcaption span{color:var(--muted);line-height:1.5}
@media (max-width:760px){.app-profile-grid{grid-template-columns:1fr;gap:1.1rem}.app-profile-card{padding:1rem}.app-profile-card img{width:min(100%,360px)}}

/* Feature cards need dark text on light sections and the translucent style only on dark sections. */
.feature-card{background:#fff;border-color:rgba(0,68,85,.16);color:var(--ink);box-shadow:0 8px 22px rgba(3,16,20,.06)}
.feature-card p,.feature-card ul{color:var(--muted)}
.section.dark .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;box-shadow:none}
.section.dark .feature-card p,.section.dark .feature-card ul{color:#d6e8ee}
.app-ui-icon{display:inline-block;width:1.45rem;height:1.45rem;object-fit:contain;vertical-align:-.28rem;flex:0 0 auto}.hotspot-legend strong .app-ui-icon{width:1.65rem;height:1.65rem}.feature-card h3 .app-ui-icon{width:1.8rem;height:1.8rem;margin-right:.45rem;vertical-align:-.38rem}
.app-ui-icon-group{display:inline-flex;align-items:center;gap:.15rem;flex:0 0 auto}.hotspot-legend strong .app-ui-icon-group .app-ui-icon{width:1.45rem;height:1.45rem}.app-icon-state-list{display:grid;gap:.45rem;margin:.55rem 0 0}.app-icon-state{display:flex;align-items:flex-start;gap:.55rem}.app-icon-state .app-ui-icon{margin-top:.05rem}.manual-link-list{display:grid;gap:.55rem;margin-top:1rem}.manual-link-list a{font-weight:800}
.position-average-hero-title{display:flex;align-items:center;gap:1rem;max-width:900px}.position-average-hero-title h1{margin:0}.position-average-hero-icon{display:block;flex:0 0 auto;width:4.75rem;height:4.75rem;object-fit:contain}.position-average-heading-icon{width:2.2rem;height:2.2rem;margin-right:.55rem;vertical-align:-.48rem}.position-average-card-icon{width:2rem;height:2rem;margin-right:.5rem;vertical-align:-.45rem}@media (max-width:640px){.position-average-hero-title{align-items:flex-start;gap:.7rem}.position-average-hero-icon{width:3.6rem;height:3.6rem}.position-average-heading-icon{width:1.9rem;height:1.9rem}}
.new-label{display:inline-flex;align-items:center;justify-content:center;margin:0 .45rem .08rem 0;padding:.18rem .45rem;border-radius:999px;background:var(--gold);color:#061012;font-size:.68rem;font-weight:900;letter-spacing:.06em;vertical-align:middle}
.social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:1.3rem}.social-link{display:flex;align-items:center;gap:.75rem;min-height:54px;padding:.8rem 1rem;border:1px solid rgba(0,68,85,.18);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;font-weight:900}.social-link:hover,.social-link:focus{border-color:#006070;box-shadow:0 10px 24px rgba(0,68,85,.14);outline:none}.social-icon{display:grid;place-items:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:999px;background:#06191e;color:#fff}.social-icon svg{display:block;width:1.18rem;height:1.18rem;fill:currentColor;stroke:currentColor;stroke-width:1.8}.social-note{margin-top:1rem;color:var(--muted);font-size:.98rem}.social-note a{font-weight:900;color:#006070}@media (max-width:760px){.social-links{grid-template-columns:1fr 1fr}}@media (max-width:420px){.social-links{grid-template-columns:1fr}.social-link{min-height:48px}}

/* CRS, coordinate and online-map knowledge sections. */
.knowledge-callout{margin-top:1.35rem;padding:1.25rem 1.35rem;border:1px solid rgba(0,68,85,.16);border-radius:18px;background:#eaf4f6}
.knowledge-callout h3{margin-bottom:.55rem}
.knowledge-callout p{margin:.2rem 0 .7rem;color:var(--muted)}
.knowledge-callout ul{margin:.5rem 0 0;padding-left:1.25rem}
.knowledge-callout li+li{margin-top:.35rem}
.knowledge-stat{margin:0 0 1rem;padding:.8rem 1rem;border-left:4px solid var(--gold);border-radius:0 12px 12px 0;background:#fff8df;color:#29424b;font-weight:800}
.knowledge-table code{display:inline-block;padding:.12rem .38rem;border-radius:.4rem;background:#edf3f6;color:#063b47;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;white-space:normal}
.knowledge-filter{margin-top:1.25rem}
.knowledge-filter-controls{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(180px,1fr)) auto;gap:.85rem;align-items:end;margin-bottom:.75rem}
.knowledge-filter-controls label{display:grid;gap:.32rem;color:#29424b;font-size:.84rem;font-weight:900}
.knowledge-filter-controls input,.knowledge-filter-controls select{width:100%;min-height:46px;padding:.7rem .8rem;border:1px solid #aebfc8;border-radius:12px;background:#fff;color:var(--ink);font:inherit}
.knowledge-filter-controls input:focus,.knowledge-filter-controls select:focus{outline:3px solid rgba(0,96,112,.18);border-color:#006070}
.btn-filter-reset{min-height:46px;border-color:rgba(0,68,85,.24);background:#fff;color:var(--ink);white-space:nowrap}
.knowledge-result-count{min-height:1.5rem;margin:.25rem 0 .65rem;color:var(--muted);font-size:.94rem;font-weight:800}
.status-chip{display:inline-flex;padding:.25rem .55rem;border-radius:999px;font-size:.78rem;font-weight:900;line-height:1.25}
.status-available{background:#dff5e7;color:#145c31}
.status-grid{background:#e0eefb;color:#174b78}
.status-partial{background:#fff1c9;color:#705100}
.status-blocked{background:#f8dede;color:#7b2525}
.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}
.glossary-item{padding:1.15rem 1.2rem;border:1px solid rgba(0,68,85,.16);border-radius:16px;background:#fff}
.glossary-item dt{margin-bottom:.35rem;color:#003f4d;font-weight:900;font-size:1.04rem}
.glossary-item dd{margin:0;color:var(--muted)}
.reference-block{margin-top:1.5rem;padding:1.2rem 1.3rem;border:1px solid rgba(0,68,85,.16);border-radius:18px;background:#fff}
.reference-block h3{margin-bottom:.35rem}
.reference-block p{margin:.2rem 0 .7rem;color:var(--muted)}
.reference-links{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin:.55rem 0 0;padding:0;list-style:none}
.reference-links a{color:#006070;font-weight:800;text-underline-offset:.14em}
.source-note{margin:.85rem 0 0;color:var(--muted);font-size:.9rem}
.protocol-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.protocol-card{padding:1.25rem;border:1px solid rgba(0,68,85,.16);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(3,16,20,.05)}
.protocol-card .protocol-name{display:inline-flex;margin:0 0 .75rem;padding:.28rem .55rem;border-radius:999px;background:#003f4d;color:#fff;font-size:.76rem;font-weight:900;letter-spacing:.04em}
.protocol-card h3{margin-bottom:.55rem}
.protocol-card p:last-child{margin-bottom:0;color:var(--muted)}
.online-service-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;counter-reset:service-step;margin:0 0 1.5rem;padding:0;list-style:none}
.online-service-steps li{position:relative;padding:3.2rem 1rem 1rem;border:1px solid rgba(0,68,85,.16);border-radius:16px;background:#fff;counter-increment:service-step}
.online-service-steps li::before{content:counter(service-step);position:absolute;top:.9rem;left:1rem;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;background:var(--gold);color:#061012;font-weight:900}
.online-service-steps strong{display:block;margin-bottom:.35rem}
.online-service-steps span{display:block;color:var(--muted);font-size:.94rem}
html[dir="rtl"] .online-service-steps li::before{left:auto;right:1rem}
@media (max-width:1080px){
  .knowledge-filter-controls{grid-template-columns:1fr 1fr}
  .protocol-grid{grid-template-columns:1fr 1fr}
  .online-service-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .knowledge-filter-controls,.glossary-grid,.protocol-grid,.online-service-steps{grid-template-columns:1fr}
  .knowledge-filter-controls .btn-filter-reset{width:100%}
  .reference-links{display:grid;grid-template-columns:1fr}
  .knowledge-table{min-width:760px}
}

/* App menu tree and icon guide. */
.app-menu-tree-section{overflow:visible}
.app-menu-tree{max-width:1050px;margin:1.6rem auto 0}
.menu-tree-root{padding:1.25rem;border:1px solid rgba(0,68,85,.18);border-radius:22px;background:linear-gradient(145deg,#f8fcfd,#eaf4f6);box-shadow:0 12px 30px rgba(3,16,20,.07)}
.menu-tree-root-head{display:flex;align-items:flex-start;gap:1rem;padding:.25rem .25rem 1rem}
.menu-tree-root-head strong{display:block;margin-bottom:.25rem;color:var(--ink);font-size:1.35rem}
.menu-tree-root-head p{margin:0;color:var(--muted)}
.menu-tree-root-icon{width:3.2rem;height:3.2rem;object-fit:contain;flex:0 0 auto}
.menu-tree-hint{margin:0 0 1rem;padding:.75rem .9rem;border-left:4px solid var(--gold);border-radius:0 12px 12px 0;background:#fff;color:#29424b;font-size:.94rem}
.menu-tree-branches{display:grid;gap:.75rem}
.menu-tree-branch{overflow:hidden;border:1px solid rgba(0,68,85,.17);border-radius:16px;background:#fff}
.menu-tree-branch summary{display:flex;align-items:center;gap:.8rem;min-height:64px;padding:.75rem 3.2rem .75rem .9rem;position:relative;cursor:pointer;list-style:none;color:var(--ink)}
.menu-tree-branch summary::-webkit-details-marker{display:none}
.menu-tree-branch summary::after{content:"+";position:absolute;right:1rem;top:50%;display:grid;place-items:center;width:1.8rem;height:1.8rem;transform:translateY(-50%);border-radius:999px;background:#eaf4f6;color:#004455;font-size:1.25rem;font-weight:900}
.menu-tree-branch[open] summary::after{content:"−"}
.menu-tree-branch summary:hover,.menu-tree-branch summary:focus-visible{background:#f4fafb;outline:none}
.menu-tree-branch summary:focus-visible{box-shadow:inset 0 0 0 3px rgba(0,96,112,.22)}
.menu-tree-branch summary>span{display:grid;gap:.12rem}
.menu-tree-branch summary strong{font-size:1.08rem;line-height:1.2}
.menu-tree-branch summary small{color:var(--muted);font-size:.82rem;font-weight:700}
.menu-tree-icon{width:2.5rem;height:2.5rem;object-fit:contain;flex:0 0 auto}
.menu-tree-branch-body{padding:0 1rem 1.1rem 4.35rem;border-top:1px solid rgba(0,68,85,.09)}
.menu-tree-branch-body>p{margin:.85rem 0;color:var(--muted)}
.menu-tree-items{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;counter-reset:menu-tree-item}
.menu-tree-item{position:relative;padding:1rem 1rem 1rem 1.2rem;border-left:3px solid #b8d5db;border-radius:0 14px 14px 0;background:#f8fbfc;counter-increment:menu-tree-item}
.menu-tree-item::before{content:"";position:absolute;left:-7px;top:1.75rem;width:11px;height:11px;border:2px solid #fff;border-radius:999px;background:#006070}
.menu-tree-item-head{display:flex;align-items:flex-start;gap:.8rem}
.menu-tree-item-head>div{min-width:0}
.menu-tree-item-head a{color:#004c5b;font-size:1.06rem;font-weight:900;text-decoration-thickness:.1em;text-underline-offset:.14em}
.menu-tree-item-head a:hover,.menu-tree-item-head a:focus{color:#002f39}
.menu-tree-item-head p{margin:.25rem 0 0;color:var(--muted);line-height:1.45}
.menu-tree-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0 0 3.3rem;padding:0;list-style:none}
.menu-tree-actions a{display:inline-flex;align-items:center;gap:.4rem;min-height:38px;padding:.42rem .65rem;border:1px solid rgba(0,68,85,.18);border-radius:999px;background:#fff;color:#004c5b;text-decoration:none;font-size:.86rem;font-weight:800;line-height:1.2}
.menu-tree-actions a:hover,.menu-tree-actions a:focus{border-color:#006070;background:#eaf4f6;outline:none;box-shadow:0 5px 14px rgba(0,68,85,.1)}
.menu-tree-action-icon{width:1.45rem;height:1.45rem;object-fit:contain;flex:0 0 auto}
.menu-tree-order-note{max-width:1050px;margin:1rem auto 0}
.menu-tree-callout{padding-top:26px;padding-bottom:26px;background:#eaf4f6}
.menu-tree-callout .section-head{margin-bottom:0}
.text-card>.after-table:last-child{margin-top:.85rem;margin-bottom:0}
html[dir="rtl"] .menu-tree-branch summary{padding-left:3.2rem;padding-right:.9rem}
html[dir="rtl"] .menu-tree-branch summary::after{right:auto;left:1rem}
html[dir="rtl"] .menu-tree-branch-body{padding-left:1rem;padding-right:4.35rem}
html[dir="rtl"] .menu-tree-item{border-left:0;border-right:3px solid #b8d5db;border-radius:14px 0 0 14px;padding-left:1rem;padding-right:1.2rem}
html[dir="rtl"] .menu-tree-item::before{left:auto;right:-7px}
html[dir="rtl"] .menu-tree-actions{margin-left:0;margin-right:3.3rem}
@media (max-width:700px){
  .menu-tree-root{padding:.85rem;border-radius:18px}
  .menu-tree-root-head{gap:.7rem}
  .menu-tree-root-icon{width:2.7rem;height:2.7rem}
  .menu-tree-root-head strong{font-size:1.16rem}
  .menu-tree-branch summary{padding-left:.7rem}
  .menu-tree-icon{width:2.2rem;height:2.2rem}
  .menu-tree-branch-body{padding:0 .7rem .85rem 1.15rem}
  .menu-tree-item{padding:.85rem .8rem .85rem 1rem}
  .menu-tree-actions{margin-left:0}
  html[dir="rtl"] .menu-tree-branch-body{padding-left:.7rem;padding-right:1.15rem}
  html[dir="rtl"] .menu-tree-actions{margin-right:0}
}

/* Homepage task paths and linked detail cards. */
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.35rem}
.release-status{margin-top:1.4rem;padding:1rem 1.1rem;border:1px solid rgba(0,68,85,.18);border-radius:14px;background:#eaf4f6;color:#25444d}
.release-status p,.download-warning p{margin:.2rem 0}
.download-warning{margin-top:1rem}
.release-evidence{margin-top:1rem;border:1px solid rgba(0,68,85,.2);border-radius:14px;background:#fff;overflow:hidden}
.release-evidence summary{position:relative;padding:1rem 3.2rem 1rem 1.1rem;cursor:pointer;list-style:none;color:#004455;font-weight:900}
.release-evidence summary::-webkit-details-marker{display:none}
.release-evidence summary::after{content:"+";position:absolute;right:1rem;top:50%;display:grid;place-items:center;width:1.8rem;height:1.8rem;transform:translateY(-50%);border-radius:999px;background:#eaf4f6;color:#004455;font-size:1.25rem}
.release-evidence[open] summary::after{content:"−"}
.release-evidence summary:hover,.release-evidence summary:focus-visible{background:#f4fafb;outline:none}
.release-evidence summary:focus-visible{box-shadow:inset 0 0 0 3px rgba(0,96,112,.22)}
.release-evidence .hero-actions{padding:0 1.1rem 1.1rem;margin-top:0}
html[dir="rtl"] .release-evidence summary{padding-right:1.1rem;padding-left:3.2rem}
html[dir="rtl"] .release-evidence summary::after{right:auto;left:1rem}
.btn-secondary{border-color:rgba(0,68,85,.28);background:#fff;color:#004455}
.btn-secondary:hover,.btn-secondary:focus{border-color:#006070;background:#eaf4f6}
.home-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-path-grid .landing-link,.home-feature-link,.home-example-link{position:relative;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
.home-path-grid .landing-link:hover,.home-path-grid .landing-link:focus-visible,.home-example-link:hover,.home-example-link:focus-visible{border-color:#006070;outline:none;box-shadow:0 12px 26px rgba(0,68,85,.12)}
.home-feature-link{display:flex;flex-direction:column}
.home-feature-link:hover,.home-feature-link:focus-visible{border-color:rgba(255,210,31,.78);outline:none;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.home-example-link{display:flex;flex-direction:column;color:var(--ink)}
.card-link-label{display:inline-flex;align-self:flex-start;margin-top:auto;padding-top:1rem;color:#006070;font-size:.9rem;font-weight:900}
.feature-card .card-link-label{color:var(--gold)}

@media (min-width:981px){
  .hero-shell{padding:28px 0}
  .hero-card{min-height:520px}
  .hero-content{padding:4.5rem 0 3.5rem 5rem}
  .hero-app-preview{bottom:-1.4rem}
}

@media (max-width:760px) and (min-width:341px){
  .hero-app-preview{display:block;right:.8rem;bottom:-1.2rem;width:88px;opacity:.88;transform:rotate(1deg)}
  .hero-content{max-width:70%}
}
@media (max-width:640px){
  .home-path-grid{grid-template-columns:1fr}
  .home-start .hero-actions{display:grid;grid-template-columns:1fr}
  .home-start .btn{width:100%}
}
@media (max-width:640px) and (min-width:341px){
  .hero-app-preview{right:.35rem;bottom:-.7rem;width:68px}
  .hero-content{max-width:68%}
}

/* Product-family compact layout.
   These tokens mirror the ArxSilex and Converter presentation without
   shrinking readable body copy.  Product-specific grids deliberately retain
   their own rules when their number of cards is not a four-card core group. */
:root{
  --family-body-size:1rem;
  --family-body-leading:1.55;
  --family-title:clamp(2rem,3.5vw,3rem);
  --family-section-title:clamp(1.65rem,2.2vw,2.05rem);
  --family-card-title:clamp(1.1rem,1.3vw,1.3rem);
  --family-header-height:76px;
  --family-logo-size:50px;
  --family-section-gap:28px;
  --family-section-padding:30px;
  --family-card-padding:1.05rem;
  --family-radius-large:24px;
  --family-radius-card:14px;
  --family-touch-target:42px;
  --radius:var(--family-radius-large);
  --radius2:var(--family-radius-card);
}

body{font-size:var(--family-body-size);line-height:var(--family-body-leading);overflow-x:hidden}
.header-bar{min-height:var(--family-header-height);gap:1.1rem}
.brand img{width:var(--family-logo-size);height:var(--family-logo-size);border-radius:13px}
.brand strong{font-size:1.25rem}
.brand em{font-size:.9rem}
.nav-link{padding:.62rem .85rem}
.lang-select,.menu-toggle{padding:.58rem .75rem}
.hero-shell{padding:28px 0}
.hero-card{min-height:520px;border-radius:var(--family-radius-large)}
.hero-content{max-width:640px;padding:3.9rem 0 3rem 3.75rem}
html[dir="rtl"] .hero-content{padding:3.9rem 3.75rem 3rem 0}
.hero-content h1,.page-hero h1{max-width:860px;margin-bottom:.75rem;font-size:var(--family-title);line-height:1.1}
.hero-content p:not(.pill),.page-hero p:not(.pill){max-width:780px;font-size:1rem;line-height:var(--family-body-leading)}
.pill{margin-bottom:.85rem;padding:.35rem .72rem;font-size:.78rem}
.hero-buttons,.hero-actions{gap:.7rem;margin-top:1.05rem}
.btn{min-height:var(--family-touch-target);padding:.68rem 1.05rem}
.page-hero{padding:34px 0 30px}
.section{margin-bottom:var(--family-section-gap);padding:var(--family-section-padding);border-radius:var(--family-radius-large)}
.section-head{max-width:860px;margin-bottom:1.2rem}
.section-kicker{margin-bottom:.45rem;padding:.3rem .6rem;font-size:.74rem}
h2{font-size:var(--family-section-title);line-height:1.2;margin-bottom:.6rem}
.section-head p:last-child{font-size:1rem;line-height:var(--family-body-leading)}
.text-card h2,.summary-card h2,.practice-card h2,.landing-link h2,
.text-card h3,.summary-card h3,.practice-card h3,.landing-link h3,.feature-card h3{
  font-size:var(--family-card-title);line-height:1.2;margin-bottom:.5rem;
}
.text-card,.summary-card,.practice-card,.landing-link,.feature-card{padding:var(--family-card-padding);border-radius:var(--family-radius-card)}
.summary-grid,.feature-grid,.practice-grid,.landing-grid,.text-grid,.home-path-grid{align-items:stretch}
/* The Converter is rendered from this shared source; keep its four workflow
   cards and three delivery choices at the compact family breakpoints. */
#converter-workflow .text-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
#converter-downloads .text-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.release-status,.download-warning{margin-top:1rem}
.site-footer{margin-top:var(--family-section-gap);padding:32px 0}

@media (max-width:900px){
  #converter-downloads .text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  #converter-workflow .text-grid,#converter-downloads .text-grid,
  .summary-grid,.feature-grid,.practice-grid,.practice-grid.many,.landing-grid,.text-grid,.howto-grid,.home-path-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .header-bar{min-height:72px}
  .brand img{width:44px;height:44px}
  .hero-shell{padding:22px 0 24px}
  .hero-card{min-height:auto}
  .hero-content{padding:2.25rem 1.25rem 2rem;max-width:72%}
  html[dir="rtl"] .hero-content{padding:2.25rem 1.25rem 2rem}
  .page-hero{padding:28px 0 24px}
  .hero-content h1,.page-hero h1{font-size:2rem}
  .hero-content p:not(.pill),.page-hero p:not(.pill){font-size:1rem}
  .section{margin-bottom:22px;padding:22px 17px}
  .section-head{margin-bottom:1rem}
  h2{font-size:1.55rem}
  .text-card,.summary-card,.practice-card,.landing-link,.feature-card{padding:1rem}
}