:root {--navy:#0b1d3a;--navy-dark:#071326;--gold:#d4af37;--gold-light:#f3cc78;--muted:#62728b;--panel:#f6f9fc;color-scheme:light;scroll-behavior:smooth;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#f0f5fa;color:var(--navy);font:400 16px/1.55 Calibri,Carlito,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img,svg{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}.wrap{width:min(1250px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-80px;left:16px;z-index:30;background:white;padding:12px}.skip:focus{top:8px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.glass{background:rgba(246,250,255,.59);border:1px solid rgba(255,255,255,.77);box-shadow:0 16px 55px rgba(4,24,49,.2),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.glass-light{background:rgba(255,255,255,.69);border:1px solid rgba(255,255,255,.96);box-shadow:0 14px 38px rgba(15,37,72,.065),inset 0 1px 0 white;backdrop-filter:blur(18px) saturate(133%);-webkit-backdrop-filter:blur(18px) saturate(133%)}
.header{height:72px;position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:9;width:min(1235px,calc(100% - 70px));padding:10px 12px 10px 20px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:24px}.identity{display:inline-flex;align-items:center;white-space:nowrap;gap:10px;color:var(--navy)}.brand-icon{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:5px;width:39px;height:39px;background:var(--navy);border-radius:10px;position:relative;box-shadow:0 5px 10px #07132635}.brand-icon span{width:17px;height:2.5px;background:white;border-radius:3px}.brand-icon i{position:absolute;top:7px;right:6px;width:5px;height:5px;background:var(--gold);border-radius:50%}.wordmark{font-size:22px;letter-spacing:-.8px;font-weight:350}.wordmark strong{font-weight:790}.point{color:var(--gold);font-weight:800}.nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,36px);font-size:13px;font-weight:600}.nav a{transition:opacity .2s}.nav a:hover{opacity:.55}.nav-cta{padding:14px 20px;background:var(--navy);border:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:12px;font-weight:700;color:white;white-space:nowrap;box-shadow:0 6px 15px #07132633}.nav-cta span{margin-left:12px}.nav-cta:hover,.button-primary:hover{background:#1d3a61}
.hero{position:relative;min-height:657px;isolation:isolate;overflow:hidden;color:white;background:#1c4268}.hero-image{position:absolute;inset:0;z-index:-2;background-image:url('/images/swiss-alps.webp');background-position:center 47%;background-size:cover;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,24,49,.83),rgba(4,29,52,.52) 36%,rgba(5,29,50,.12) 71%),linear-gradient(0deg,rgba(4,24,49,.23),transparent 46%)}.hero-layout{padding-top:149px;padding-bottom:77px;min-height:657px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(20px,3vw,52px)}.hero-copy{align-self:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;border-radius:99px;background:rgba(11,29,58,.56);border:1px solid #ffffff6b;padding:8px 13px;letter-spacing:1.8px;font-size:10px;font-weight:730}.small-dot{background:var(--gold-light);width:7px;height:7px;border-radius:50%}.hero h1{font-size:clamp(3.7rem,5.1vw,5.4rem);line-height:1.08;letter-spacing:-.055em;font-weight:790;margin:25px 0 19px;text-wrap:nowrap;text-shadow:0 3px 26px #07132644}.hero h1 em{font-style:normal;color:var(--gold-light)}.hero-subtitle{max-width:37ch;color:#f4f7fa;font-size:clamp(15px,1.3vw,18px);line-height:1.57;text-shadow:0 1px 9px #07132655}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:13px 20px;border-radius:13px;white-space:nowrap;font-size:13px;font-weight:725;transition:transform .18s,background .18s;box-shadow:0 8px 20px #07132625}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--navy-dark);color:white;border:1px solid rgba(255,255,255,.17)}.button-glass{background:rgba(237,245,255,.19);border:1px solid rgba(255,255,255,.65);color:white;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.button-glass:hover{background:rgba(237,245,255,.29)}
.software{width:100%;min-width:0;filter:drop-shadow(0 35px 35px rgba(5,20,38,.4));position:relative;transform:translateY(11px)}.software-shell{border:1px solid rgba(255,255,255,.75);border-radius:20px;padding:8px;background:linear-gradient(132deg,rgba(255,255,255,.85),rgba(225,237,250,.56));box-shadow:0 35px 100px #061a324a,inset 0 1px 1px white;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;position:relative}.software-shell:after{content:"";position:absolute;left:22px;right:22px;top:7px;height:1px;background:#fff9;pointer-events:none}.software-chrome{height:29px;display:flex;justify-content:space-between;align-items:center;padding:0 9px;color:#3a5472;font-size:10px;font-weight:650}.traffic{display:flex;gap:5px}.traffic i{height:7px;width:7px;border-radius:50%;background:#a8bcd2}.traffic i:first-child{background:#d4af37}.software-shell img{width:100%;height:auto;aspect-ratio:1300/755;object-fit:cover;object-position:top;border-radius:10px;box-shadow:0 1px 4px #0b1d3a3d}.software figcaption{margin-top:14px;text-align:center;color:#eef5ff;font-size:11px;letter-spacing:.04em;text-shadow:0 1px 5px #051c36}
.advantages{background:linear-gradient(180deg,#e7eef7,#f4f7fb);padding:24px 0 14px}.advantages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.advantage{min-height:128px;border-radius:19px;display:flex;align-items:center;gap:19px;padding:23px}.advantage-icon{width:53px;height:53px;flex:none;border-radius:14px;border:1px solid #edd4a0;color:#ac7d22;display:grid;place-items:center;background:#fff9eb7f}.advantage-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.advantage h3{font-size:17px;letter-spacing:-.02em;margin-bottom:7px}.advantage p{font-size:12.5px;line-height:1.52;color:#546886;max-width:28ch}
.plans{padding:50px 0 23px;text-align:center}.section-kicker{font-size:10px;font-weight:800;letter-spacing:.21em;color:#5a7190}.plans h2{font-size:clamp(28px,3.5vw,40px);letter-spacing:-.045em;line-height:1.14;margin:13px 0 29px}.plans h2 span{color:#bb8c25}.plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:982px;margin:0 auto;text-align:left}.plan{padding:31px 34px;border-radius:21px;min-height:276px}.plan-pro{background:linear-gradient(134deg,#193558,#07162d);border:1px solid #385473;color:white;box-shadow:0 18px 38px rgba(7,19,38,.2)}.plan-top{display:flex;align-items:center;gap:16px}.plan-icon{width:48px;height:48px;flex:none;border:1px solid #e2c57f;border-radius:12px;color:#c3922d;display:grid;place-items:center;background:rgba(255,245,217,.1)}.plan-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.plan h3{font-size:20px}.plan-top p{color:#70829a;font-size:12px}.plan-pro .plan-top p{color:#d1d9e6}.plan-description{font-size:13px;margin:17px 0 10px;color:#526780}.plan-pro .plan-description{color:#d4deeb}.plan ul{margin:11px 0 0;padding-left:20px;color:#566a83;font-size:13px;line-height:2}.plan li::marker{color:#c79a3c}.plan-pro ul{color:#f1f4fa}.pricing-note{color:#687b90;font-size:12px;margin:21px 10px 0}
.access-section{padding:13px 0 42px}.access-card{border-radius:20px;padding:26px 30px;display:flex;align-items:center;gap:20px}.access-icon{width:59px;height:59px;border-radius:13px;background:#dbe7f5;color:#1f3a61;display:grid;place-items:center;flex:none}.access-icon svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.access-text{flex:1}.access-text h2{font-size:22px;margin:4px 0;letter-spacing:-.03em}.access-text p:last-child{color:#60738b;font-size:12px;max-width:60ch}.access-card .button{margin-left:auto}.footer{background:#091c37;color:#fff}.footer-content{min-height:73px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{font-size:21px;font-weight:760;letter-spacing:-.06em}.footer-note{font-size:12px;color:#cfdae8}.footer-signature{font-size:12px;color:#ccd4e2}
@media(max-width:1100px){.wrap{width:min(1150px,calc(100% - 48px))}.header{width:calc(100% - 48px)}.nav{gap:14px}.hero-layout{grid-template-columns:.84fr 1.16fr}.hero h1{font-size:clamp(42px,5vw,62px)}.button{gap:10px;padding:12px 15px}.advantage{padding:18px;gap:13px}.advantage-icon{width:47px;height:47px}}
@media(max-width:850px){.nav{display:none}.hero{min-height:0}.hero-layout{grid-template-columns:1fr;gap:43px;min-height:0;padding-top:153px;padding-bottom:47px}.hero-copy{text-align:left}.hero h1{font-size:clamp(49px,8vw,73px)}.hero-subtitle{max-width:40ch}.software{width:100%;max-width:730px;margin:auto;transform:none}.advantages-grid{grid-template-columns:1fr}.advantage{min-height:100px}.plans-grid{gap:14px}.access-card{flex-wrap:wrap}.access-text{min-width:calc(100% - 85px)}.access-card .button{margin-left:79px}}
@media(max-width:570px){.wrap{width:calc(100% - 34px)}.header{top:12px;width:calc(100% - 24px);height:62px;border-radius:13px;padding:9px}.brand-icon{width:32px;height:32px;border-radius:9px}.wordmark{font-size:19px}.nav-cta{font-size:10px;padding:12px;white-space:nowrap}.nav-cta span{margin-left:3px}.hero-layout{padding-top:117px;padding-bottom:48px;gap:35px}.hero h1{font-size:clamp(42px,10.5vw,61px);letter-spacing:-.06em;white-space:normal;margin:19px 0 15px}.hero-subtitle{font-size:15px}.eyebrow{font-size:9px}.hero-actions{gap:10px;margin-top:23px}.button{font-size:12px;padding:13px 15px;min-height:48px}.software-shell{border-radius:12px;padding:5px}.software-chrome{height:23px;font-size:8px}.software-shell img{border-radius:6px}.software figcaption{font-size:10px;margin-top:10px}.advantages{padding:16px 0}.advantage{padding:18px;min-height:105px}.advantages-grid{gap:10px}.plans{padding-top:39px}.plans h2{font-size:31px}.plans-grid{grid-template-columns:1fr;gap:12px}.plan{padding:25px;min-height:0}.access-section{padding-bottom:30px}.access-card{padding:22px 20px;gap:13px}.access-icon{height:44px;width:44px}.access-icon svg{width:27px}.access-text{min-width:calc(100% - 61px)}.access-text h2{font-size:20px}.access-text p:last-child{line-height:1.5}.access-card .button{margin:10px 0 0;width:100%}.footer-content{flex-direction:column;gap:8px;padding:20px 0;text-align:center}.footer-note{font-size:11px}}
@media(max-width:360px){.wordmark{font-size:17px}.nav-cta{font-size:9px}.hero h1{font-size:40px}.hero-actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}


/* 2026-10-13 — Premium refinement to approved Sismondi alpine composition.
 * Layered overrides deliberately preserve the validated content, brand assets,
 * accessibility and non-commercial links in the existing static design. */
@media (min-width: 851px) {
  .header {
    top: 14px;
    height: 62px;
    width: min(1144px, calc(100% - 72px));
  }
}
.header {
  background: linear-gradient(135deg, rgba(248,252,255,.76), rgba(240,248,255,.52));
  border: 1px solid rgba(255,255,255,.90);
  box-shadow: 0 14px 40px rgba(3,23,47,.15), inset 0 1.5px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(255,255,255,.24);
  backdrop-filter: blur(28px) saturate(174%);
  -webkit-backdrop-filter: blur(28px) saturate(174%);
}
.header:before {
  content: ""; position: absolute; pointer-events:none;
  inset: 1px 18px auto 18px; height: 26px; border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.31), transparent);
}
.nav-cta {
  background: linear-gradient(145deg, #0a2142, #06152b);
  box-shadow: 0 7px 18px rgba(6,20,43,.22), inset 0 1px 0 rgba(255,255,255,.2);
  border-color: rgba(255,255,255,.18);
}
.hero { min-height: 594px; }
.hero-image {
  background-position: center 52%;
  filter: saturate(1.13) contrast(1.07);
  transform: scale(1.01);
}
.hero-overlay {
  background:
    linear-gradient(90deg, rgba(4,23,47,.83),rgba(4,26,49,.58) 30%,rgba(3,30,57,.21) 62%, rgba(4,28,53,.10) 100%),
    linear-gradient(0deg,rgba(4,19,39,.23), transparent 30%,rgba(255,255,255,.03) 65%);
}
.hero-layout {
  min-height: 594px;
  padding-top: 115px;
  padding-bottom: 51px;
  grid-template-columns: minmax(0,.73fr) minmax(0,1.27fr);
  gap: clamp(22px,3vw,40px);
}
.hero-copy { transform: translateY(-8px); }
.hero h1 {
  font-size: clamp(56px, 4.85vw, 71px);
  letter-spacing: -.057em;
  line-height: 1.02;
  margin: 0 0 19px;
  font-weight: 810;
  text-wrap: balance;
}
.hero h1 em {
  color: #f4c966;
  text-shadow: 0 3px 27px rgba(0,0,0,.12);
}
.hero-subtitle { max-width: 42ch; font-size: 16px; line-height: 1.62; color: rgba(245,249,255,.89); }
.hero-actions { margin-top: 29px; }
.button-primary {
  background: linear-gradient(160deg, #102a4e, #06152b);
  border:1px solid rgba(255,255,255,.17);
  box-shadow: 0 10px 28px rgba(3,17,37,.20), inset 0 1px rgba(255,255,255,.17);
}
.button-glass {
  background: rgba(235,246,255,.21);
  box-shadow: 0 8px 28px rgba(5,25,48,.15), inset 0 1px 0 rgba(255,255,255,.36);
}
.software {
  overflow: visible;
  transform: translate(18px, 4px);
  filter: drop-shadow(0 25px 34px rgba(3,18,33,.30));
  padding-bottom: 27px;
}
.software-shell {
  padding: 9px 9px 11px;
  border: 2px solid rgba(226,236,250,.90);
  border-bottom: 5px solid rgba(13,29,51,.88);
  border-radius: 17px 17px 11px 11px;
  background: linear-gradient(133deg, rgba(241,250,255,.92),rgba(199,219,236,.72));
  box-shadow: 0 0 0 1px rgba(7,24,45,.28),0 20px 60px rgba(1,16,35,.39),inset 0 1px 1px rgba(255,255,255,1);
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
}
.software-shell::after {height:2px; top:6px; left:17px; right:17px; background:rgba(255,255,255,.74)}
.software::before {
  content: "";
  position:absolute; z-index: -1; left: -4%; right: -4%; bottom: 29px; height: 14px;
  background: linear-gradient(180deg, #d5e1eb 0%, #a3b8cc 28%, #5c7084 54%, #d9e8f3 79%, #71849a 100%);
  border: 1px solid #bad0dc;
  border-radius: 1px 1px 55% 55% / 1px 1px 80% 80%;
  box-shadow: 0 8px 18px rgba(0,13,29,.29), inset 0 1px 0 rgba(255,255,255,.84);
}
.software-chrome {
  background:linear-gradient(180deg, rgba(255,255,255,.3),rgba(244,251,255,.13));
  border-radius: 6px 6px 0 0;
  color: #1a385a;
}
.software-shell img {
  aspect-ratio: 1646 / 956;
  image-rendering: auto;
  border: 1px solid rgba(15,47,78,.12);
  border-radius: 5px;
  background: #e8f0f7;
}
.software figcaption { margin-top:20px; text-shadow: 0 2px 12px rgba(0,0,0,.58); }
.advantages {
  padding: 18px 0 20px;
  background:linear-gradient(180deg,rgba(245,249,255,.91),rgba(236,244,253,.90)), url('/images/swiss-alps.webp') center 32% / cover;
}
.advantages-grid { max-width:1160px;margin:auto;gap:14px; }
.advantage {
  min-height:108px;
  padding: 17px 21px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(245,249,255,.62));
  border:1px solid rgba(255,255,255,.97);
  box-shadow:inset 0 1.5px rgba(255,255,255,.98),0 15px 35px rgba(10,43,77,.075);
  backdrop-filter:blur(27px) saturate(150%);
  -webkit-backdrop-filter:blur(27px) saturate(150%);
}
.advantage-icon {
  width: 53px; height: 53px;
  background: linear-gradient(165deg,rgba(255,255,255,.90),rgba(244,228,181,.34));
  border-color:rgba(218,181,99,.50);
  box-shadow:inset 0 1px rgba(255,255,255,.95);
}
.plans {
  width: 100%; max-width:none;
  padding:26px max(34px,calc((100% - 1100px)/2)) 15px;
  background:linear-gradient(180deg,rgba(245,249,254,.93),rgba(235,243,252,.90)), url('/images/swiss-alps.webp') center 55% / cover;
}
.plans h2 { font-size:clamp(27px,3.1vw,36px);margin:11px 0 21px; }
.plans-grid { max-width:940px; gap:16px; }
.plan { min-height:222px;padding:23px 30px 19px; }
.plan-description { margin:9px 0 5px; }
.plan ul { margin:5px 0 0;line-height:1.8; }
.plan-pro {
  background:linear-gradient(130deg,rgba(13,39,71,.95),rgba(4,21,45,.98)), url('/images/swiss-alps.webp') center/cover;
  box-shadow:0 17px 34px rgba(8,23,45,.17),inset 0 1px rgba(255,255,255,.09);
  border:1px solid rgba(205,216,230,.32);
}
.plan-personal {
  background:linear-gradient(130deg,rgba(255,255,255,.91),rgba(241,248,255,.77));
  box-shadow:inset 0 1px rgba(255,255,255,.99),0 12px 28px rgba(6,37,73,.065);
}
.pricing-note { margin:12px 0 0; }
.access-section {
  width:100%;max-width:none;padding:0 max(34px,calc((100% - 1100px)/2)) 15px;
  background:linear-gradient(180deg,rgba(235,243,252,.90),#e9f1fa 100%),url('/images/swiss-alps.webp') center 80%/cover;
}
.access-card {min-height:86px;padding:16px 21px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px #fff,0 10px 28px rgba(12,34,60,.08);}
.access-icon { width:47px;height:47px; }
.access-text h2 {font-size:19px;}
.footer-content { min-height:60px; }
@media(max-width:1100px){
  .hero-layout {grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);}
  .hero h1 {font-size:clamp(46px,5vw,61px)}
  .software {transform:translate(8px,4px)}
  .plans{padding-inline:24px}
  .access-section{padding-inline:24px}
}
@media(max-width:850px){
  .hero-layout {grid-template-columns:1fr;gap:35px;padding-top:135px;padding-bottom:48px;}
  .hero-copy {transform:none}
  .software{width:min(100%,750px);transform:none;padding-bottom:24px;}
  .software::before {bottom:25px}
  .hero h1 {font-size:clamp(49px,8vw,73px)}
  .plans{padding-inline:24px}
  .access-section{padding-inline:24px}
}
@media(max-width:570px){
  .header{top:11px;}
  .hero-layout {padding-top:113px;padding-bottom:37px;}
  .hero h1{font-size:clamp(43px,10.5vw,62px);line-height:1.05}
  .hero-subtitle{font-size:14px;max-width:40ch}
  .software{padding-bottom:22px}
  .software::before{bottom:23px;height:8px}
  .software-shell{padding:5px;border-radius:12px 12px 8px 8px;border-width:1px;border-bottom-width:3px}
  .software figcaption{margin-top:12px}
  .plans{padding:32px 17px 18px}
  .plan{padding:22px}
  .access-section{padding:0 17px 26px}
  .access-card{padding:21px}
  .footer-content{min-height:initial}
}

/* Final hierarchy fixes after visual QA: keep the two-line validated headline and the device caption clear. */
@media (min-width: 851px) {
 .hero-layout { grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr); }
 .hero h1 { font-size:clamp(49px,4.65vw,68px); white-space:nowrap; text-wrap:nowrap; }
 .hero-copy {width:100%}
 .software{transform:translate(10px,4px)}
}
@media (min-width: 851px) and (max-width: 1100px) {
 .hero-layout {grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr)}
 .hero h1{font-size:clamp(43px,4.65vw,57px)}
}
.software::before {bottom:48px}
.software figcaption {margin-top:27px}
@media (max-width:850px){
 .hero h1{white-space:normal;text-wrap:initial}
 .software::before{bottom:45px}
}
@media (max-width:570px){
 .hero h1{font-size:clamp(36px,9.8vw,54px)}
 .hero h1 em{white-space:nowrap;display:inline-block}
 .software::before{bottom:41px}
 .software figcaption{margin-top:20px}
}
@media (max-width:360px){ .hero h1{font-size:34px} }

/* Source icon from the official application public/favicon.svg; no CSS-drawn substitute. */
.brand-icon-image { display:block; width:39px; height:39px; flex:none; filter:drop-shadow(0 5px 8px rgba(7,19,38,.20)); }
@media(max-width:570px){ .brand-icon-image { width:32px; height:32px; } }
/* 2026-10-13 — Official access paths: web available, desktop pending verified releases. */
.access-card {
  display: block;
  min-height: 0;
  max-width: 1050px;
  margin-inline: auto;
  padding: clamp(22px, 3vw, 32px);
}
.access-heading { margin-bottom: 22px; }
.access-heading h2 {
  margin: 6px 0 8px;
  font-size: clamp(25px, 2.8vw, 33px);
  letter-spacing: -.045em;
  line-height: 1.13;
}
.access-intro { color: #546983; font-size: 14px; line-height: 1.55; }
.access-options { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.access-option {
  min-width: 0;
  min-height: 156px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-radius: 17px;
  border: 1px solid rgba(170, 198, 223, .46);
  background: rgba(246, 251, 255, .74);
  box-shadow: inset 0 1px rgba(255,255,255,.9);
}
.access-option-web {
  background: linear-gradient(140deg, rgba(255,255,255,.96), rgba(232,242,251,.78));
}
.access-option-desktop {
  background: linear-gradient(140deg, rgba(240,246,253,.82), rgba(222,233,244,.66));
}
.access-option-heading { display: flex; align-items: center; gap: 13px; }
.access-option-icon {
  width: 42px; height: 42px; flex: none;
  display: grid; place-items: center;
  border-radius: 11px;
  color: #29466c;
  background: rgba(220,232,244,.86);
}
.access-option-icon svg {
  width: 25px; height: 25px;
  fill: none; stroke: currentColor; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round;
}
.access-option h3 { font-size: 17px; letter-spacing: -.02em; line-height: 1.25; }
.access-option p { margin: 3px 0 0; color: #60728b; font-size: 12px; line-height: 1.5; }
.access-option .button { margin: 0; min-height: 44px; padding: 10px 17px; }
.access-option-status {
  display: inline-block;
  border: 1px solid rgba(29,56,91,.13);
  border-radius: 10px;
  background: rgba(255,255,255,.54);
  padding: 10px 13px;
  color: #566981;
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 680px) {
  .access-card { padding: 21px; }
  .access-heading { margin-bottom: 17px; }
  .access-options { grid-template-columns: 1fr; gap: 12px; }
  .access-option { min-height: 136px; padding: 18px; }
  .access-option .button { width: 100%; margin: 0; }
}

/* 2026-10-23 — Sismondi site typography: Calibri wherever installed.
   Carlito is metric-compatible on systems without Calibri; fallback is local,
   with no remote font requests or redistribution of licensed font files. */
html { font-family: Calibri, Carlito, 'Segoe UI', Arial, sans-serif; }
body, button, input, select, textarea { font-family: Calibri, Carlito, 'Segoe UI', Arial, sans-serif; }

/* Independent legal pages share the site's typography, colors and brand assets. */
.legal-header { position:relative; background:#eff5fb; border-bottom:1px solid rgba(12,39,70,.09); }
.legal-header-inner { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.legal-back { font-size:14px; color:#24476b; font-weight:650; text-decoration:underline; text-underline-offset:3px; }
.legal-page { max-width:940px; padding-block:clamp(48px,6vw,80px) 84px; }
.legal-page h1 { font-size:clamp(38px,6vw,58px); line-height:1.1; letter-spacing:-.04em; margin:9px 0 22px; }
.legal-page .legal-kicker { font-weight:750; font-size:11px; letter-spacing:.14em; color:#687f98; }
.legal-page .legal-lead { font-size:clamp(17px,2vw,19px); line-height:1.55; color:#314d6e; max-width:70ch; margin-bottom:29px; }
.legal-page section { border-top:1px solid #d7e1eb; padding:24px 0 10px; }
.legal-page h2 { font-size:22px; letter-spacing:-.025em; margin-bottom:9px; }
.legal-page section p { color:#415771; line-height:1.75; max-width:76ch; margin-bottom:13px; }
.legal-page section a { color:#0b4e87; text-decoration:underline; text-underline-offset:3px; }
.legal-date { margin-top:28px; color:#667b90; font-size:13px; }
.legal-footer { min-height:90px; display:flex; justify-content:space-between; align-items:center; gap:14px 22px; flex-wrap:wrap; font-size:13px; }
.legal-footer a:hover, .footer-signature a:hover { text-decoration:underline; text-underline-offset:3px; }
.footer-signature { display:flex; flex-wrap:wrap; gap:3px 8px; align-items:center; }
@media(max-width:650px) {.legal-header-inner {min-height:74px}.legal-page {padding-block:43px 65px}.legal-footer{padding-block:25px}.footer-signature{justify-content:center}}