/* Longevity Club — interior stylesheet.
   Scope: everything inside <main class="s-main">. Header, footer and header-size.css are untouched. */
:root{
  --s-blue:#2563a8;      /* headings, accents */
  --s-deep:#0b5394;      /* buttons, links */
  --s-ink:#1f3a57;       /* body text */
  --s-muted:#587490;     /* secondary text */
  --s-line:#dbe5ee;
  --s-pale:#f3f7fb;
  --s-night:#050d18;     /* matches the avatar video background */
  --s-pad:clamp(40px,4.6vw,64px);
}

/* ---------- Base ---------- */
.s-main{font-family:Roboto,Arial,sans-serif;color:var(--s-ink);font-size:16px;line-height:1.65}
.s-main h1,.s-main h2,.s-main h3{font-family:Roboto,Arial,sans-serif;color:var(--s-blue);margin:0}
.s-main h1{font-size:56px;line-height:1.06;font-weight:700;letter-spacing:-.04em}
.s-main h2{font-size:40px;line-height:1.14;font-weight:700;letter-spacing:-.03em}
.s-main h3{font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.s-main p{margin:0;color:var(--s-ink)}
.s-main ul,.s-main ol{margin:0;padding:0;list-style:none}
.s-container{max-width:1180px;padding:0 32px;margin:0 auto}
.s-main section{padding:var(--s-pad) 0;scroll-margin-top:140px}
.s-band{background:var(--s-pale)}
.s-main .s-band-tight{padding-top:0}
/* Neutralise legacy section rules from the shared page stylesheet */
.s-main #marketplace,.s-main #faq{background:#fff;color:var(--s-ink);border:0}
.s-main #marketplace h2,.s-main #marketplace h3{color:var(--s-blue)}
.s-kicker{display:block;font-size:14px;font-weight:600;color:var(--s-deep);margin-bottom:12px}
.s-lead{font-size:20px;line-height:1.5;margin-top:18px!important;max-width:620px}
.s-copy{margin-top:16px!important}
.s-heading{max-width:760px;margin-bottom:32px}
.s-heading>p,.s-heading>div>p{margin-top:14px;font-size:17px;color:var(--s-muted)}
.s-heading-split{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.s-heading-split>div{max-width:640px}

/* Buttons & links */
.s-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:8px;border:1px solid var(--s-deep);background:var(--s-deep);color:#fff;font-weight:600;font-size:15px;line-height:1.4;transition:background .15s}
.s-btn:hover{background:#073b6b;border-color:#073b6b}
.s-btn.secondary{background:#fff;color:var(--s-deep);border-color:#b9cde1}
.s-btn.secondary:hover{background:#eaf2f9}
.s-btn.light{background:#fff;color:var(--s-deep);border-color:#fff}
.s-btn.light:hover{background:#e4eef8}
.s-textlink{color:var(--s-deep);font-weight:600;font-size:14px;text-decoration:underline;text-decoration-color:#9dbbd8;text-underline-offset:4px}
.s-textlink:hover{text-decoration-color:currentColor}
.s-main a:focus-visible,.s-main summary:focus-visible,.s-main button:focus-visible{outline:3px solid #6e9fd0;outline-offset:3px;border-radius:4px}

/* Shared icon */
.s-icon{width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#e6eff8;color:var(--s-blue);display:flex;align-items:center;justify-content:center}
.s-icon svg{width:22px;height:22px}

/* ---------- Device mockups (shared) ---------- */
.s-phone{width:180px;flex-shrink:0;border-radius:28px;background:#131b25;padding:7px;border:2px solid #9da4ad;box-shadow:0 22px 38px #1d3c5c24;position:relative;overflow:hidden}
.s-phone:after{content:'';position:absolute;width:44px;height:10px;border-radius:10px;background:#131b25;top:10px;left:50%;transform:translateX(-50%)}
.s-phone-screen{aspect-ratio:945/1840;border-radius:20px;overflow:hidden;background:#f0f2f5;position:relative}
.s-phone-screen img{width:100%;height:111.3%;max-width:none;object-fit:fill;position:absolute;top:-4.8%;left:0}
/* Card PNGs hold front + back side by side; this crops the front */
.s-card-front{width:100%;aspect-ratio:1.565;border-radius:12px;position:relative;overflow:hidden;background:#fff;box-shadow:0 14px 26px #1f395428}
.s-card-front img{position:absolute;width:213.4%;max-width:none;left:-3.6%;top:-4.5%;height:109%;object-fit:fill}
.s-laptop{width:100%;position:relative;padding-bottom:18px;filter:drop-shadow(0 16px 18px #23456422)}
.s-laptop-screen{border:9px solid #20252c;border-radius:13px 13px 3px 3px;background:#20252c;overflow:hidden;aspect-ratio:1.957}
.s-laptop-screen img{width:100%;height:100%;object-fit:contain}
.s-laptop-base{height:14px;background:linear-gradient(#e2e5e9,#9aa4af);border-radius:2px 2px 50% 50%;margin:0 -17px;position:relative}
.s-laptop-base:after{content:'';height:5px;width:70px;background:#9ca5ae;position:absolute;left:50%;transform:translateX(-50%);top:0;border-radius:0 0 5px 5px}

/* ---------- Hero (layout kept, tidied) ---------- */
.s-main .s-hero{background:linear-gradient(115deg,#fff 36%,#f2f7fb);padding:58px 0 50px}
.s-hero .s-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:38px;align-items:center}
.s-hero-copy{position:relative;z-index:2}
.s-hero .s-kicker{display:flex;gap:8px;align-items:center;font-size:13px}
.s-live-dot{width:7px;height:7px;background:var(--s-blue);border-radius:50%;display:inline-block}
.s-hero .s-lead{font-size:21px;font-weight:500;color:#314b67;max-width:510px}
.s-hero .s-copy{max-width:490px;color:var(--s-muted)}
.s-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.s-pill{border:1px solid #dce7f1;background:#ffffffb0;padding:7px 13px;border-radius:30px;font-size:13px;color:#4d657c}
.s-art{position:relative;min-height:486px;display:flex;align-items:flex-start;justify-content:center;gap:17px;padding:6px 26px 90px}
.s-art:before{content:'';position:absolute;inset:50px 10px 0;border-radius:36px;background:radial-gradient(ellipse at center,#e1ebf4,transparent 70%)}
.s-art .s-phone:nth-child(1){transform:rotate(-7deg);margin-top:18px}
.s-art .s-phone:nth-child(2){transform:rotate(6deg);margin-top:2px}
.s-hero-cards{position:absolute;bottom:15px;left:0;right:0;display:flex;align-items:center;z-index:3}
.s-hero-cards .s-card-front{width:39%;flex-shrink:0;border:1px solid #ffffff70}
.s-hero-cards .s-card-front:nth-child(1){transform:rotate(-6deg)}
.s-hero-cards .s-card-front:nth-child(2){margin-left:-8%;transform:translateY(-7px)}
.s-hero-cards .s-card-front:nth-child(3){margin-left:-8%;transform:rotate(5deg)}

/* ---------- In-page navigation ---------- */
.s-inpage{position:sticky;top:73px;z-index:30;background:#ffffffee;border-top:1px solid #e5edf4;border-bottom:1px solid #e5edf4;backdrop-filter:blur(10px)}
.s-inpage .s-container{display:flex;gap:28px;align-items:center;min-height:58px}
.s-inpage strong{font-size:14px;color:var(--s-blue);margin-right:auto;white-space:nowrap}
.s-inpage a{font-size:14px;font-weight:500;color:var(--s-muted);white-space:nowrap;padding:17px 0;border-bottom:2px solid transparent}
.s-inpage a:hover,.s-inpage a.active{color:var(--s-deep);border-color:var(--s-deep)}

/* ---------- About: the dark avatar stage (the one bold moment) ---------- */
.s-main .s-about{background:var(--s-night);color:#c7d6e6;padding:0}
.s-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.s-about-copy{padding:var(--s-pad) 0}
.s-main .s-about h2{color:#fff}
.s-main .s-about .s-kicker{color:#7fb2e5}
.s-main .s-about .s-lead{color:#e5eef7;font-size:22px}
.s-main .s-about p{color:#b4c6d8}
.s-about-copy>p:not(.s-lead){margin-top:16px;max-width:560px}
.s-about-layers{display:grid;grid-template-columns:repeat(4,1fr);margin:36px 0 0;border-top:1px solid #1d3047}
.s-about-layers div{padding:16px 14px 0 0}
.s-about-layers dt{color:#fff;font-weight:600;font-size:15px}
.s-about-layers dd{margin:3px 0 0;font-size:13px;color:#8aa4be}
.s-about-avatar{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.s-about-avatar video{display:block;width:100%;aspect-ratio:9/10;object-fit:cover}
.s-about-avatar figcaption{font-size:13px;color:#7590ab;padding:0 0 28px;text-align:center}

/* ---------- App experience ---------- */
.s-app-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.s-app-links a{padding:10px 14px;background:#fff;border:1px solid #cddcea;border-radius:8px;color:var(--s-deep);font-size:14px;font-weight:600;white-space:nowrap}
.s-app-links a:hover{border-color:var(--s-deep)}
.s-experience{display:grid;grid-template-columns:330px minmax(0,1fr);gap:56px;align-items:start}
.s-app-preview{background:#fff;border:1px solid var(--s-line);border-radius:18px;padding:20px}
.s-app-tabs{display:flex;gap:4px;padding:4px;background:#eef3f8;border-radius:10px;margin-bottom:22px}
.s-app-tabs button{flex:1;border:0;background:transparent;font:inherit;font-size:13px;font-weight:500;color:var(--s-muted);padding:9px 10px;border-radius:7px;cursor:pointer}
.s-app-tabs button[aria-selected=true]{background:#fff;color:var(--s-deep);font-weight:600;box-shadow:0 2px 6px #183e6414}
.s-app-preview .s-phone{width:180px;margin:0 auto}
.s-preview-meta{margin-top:20px;padding-top:16px;border-top:1px solid var(--s-line);display:grid;grid-template-columns:1fr auto;gap:4px 12px}
.s-preview-meta b{font-size:16px;color:var(--s-blue);font-weight:600}
.s-preview-meta p{grid-column:1;font-size:14px;color:var(--s-muted)!important;line-height:1.55}
.s-preview-counter{grid-column:2;grid-row:1;font-size:12px;color:var(--s-muted);font-variant-numeric:tabular-nums}
.s-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.s-feature{display:flex;gap:16px;padding:24px 0;border-top:1px solid var(--s-line)}
.s-feature p{margin-top:6px!important;font-size:15px;color:var(--s-muted)}
.s-feature:last-child{grid-column:1/-1}

/* ---------- Programme chooser: real cards as the visual ---------- */
.s-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.s-path{display:flex;flex-direction:column;border:1px solid var(--s-line);border-radius:16px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.s-path:hover{border-color:#8fb2d4;box-shadow:0 16px 36px #1c42670f}
.s-path-art{background:var(--s-pale);padding:24px;display:flex;align-items:center;justify-content:center;height:180px}
.s-path-art .s-card-front{width:100%;transform:rotate(-4deg);transition:transform .25s}
.s-path:hover .s-path-art .s-card-front{transform:rotate(0)}
.s-path-screen{width:100%;border:6px solid #20252c;border-radius:9px;overflow:hidden;box-shadow:0 14px 26px #1f395428;aspect-ratio:1.957;background:#20252c}
.s-path-screen img{width:100%;height:100%;object-fit:cover}
.s-path-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.s-path-for{font-size:13px;color:var(--s-muted);font-weight:500}
.s-path h3{font-size:22px;margin-top:4px}
.s-path h3 span{font-size:16px;color:#8fb2d4}
.s-path p{font-size:14px;margin-top:10px!important;flex:1;color:var(--s-ink)}
.s-path small{margin-top:16px;padding-top:12px;border-top:1px solid #e8eef4;font-size:12px;color:var(--s-muted)}

/* ---------- Programme sections ---------- */
.s-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.s-role-grid.reverse .s-role-art{order:2}
.s-role-copy h2{font-size:38px}
.s-role-copy .s-copy{font-size:17px}
.s-copy-small{font-size:15px!important;color:var(--s-muted)!important}
.s-list{display:grid;gap:10px;margin-top:22px!important}
.s-list li{position:relative;padding-left:28px;font-size:15px}
.s-list li:before{content:'';position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:#dbe8f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.3 2.3 2.2 4.7-5' fill='none' stroke='%232563a8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.s-role-art{position:relative;border-radius:20px;background:radial-gradient(ellipse at 55% 40%,#fff,#e8f0f7 70%);padding:40px 28px;min-height:360px;display:flex;align-items:center;justify-content:center}
.s-band .s-role-art{background:radial-gradient(ellipse at 55% 40%,#fff,#e2ebf4 70%)}
.s-role-art .s-card-front{width:76%;max-width:380px;transform:rotate(-7deg);position:relative;z-index:2}
.s-role-art .s-phone{width:170px;margin-left:-64px;transform:rotate(5deg);z-index:1}
.s-role-art.corporate .s-card-front{width:86%;max-width:440px;transform:rotate(-5deg)}
.s-role-art.vendor{flex-direction:column;padding:44px 32px 24px}
.s-role-art.vendor .s-devices{position:relative;width:100%;padding-right:40px}
.s-role-art.vendor .s-laptop{width:88%}
.s-role-art.vendor .s-phone{position:absolute;right:0;bottom:-8px;width:120px;margin:0;transform:rotate(3deg)}
.s-art-caption{margin-top:28px!important;font-size:13px;color:var(--s-muted)!important}
.s-info-note{margin-top:22px;padding:16px 18px;border-left:3px solid #9dbcdb;background:#fff;border-radius:0 10px 10px 0;font-size:14px;color:var(--s-muted)}
.s-info-note strong{display:block;color:var(--s-blue);font-weight:600;margin-bottom:4px}
.s-resource{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid var(--s-line)}
.s-resource-label{width:100%;font-size:13px;color:var(--s-muted)}

/* ---------- Business toolkit ---------- */
.s-tools{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--s-line);border-radius:16px;overflow:hidden}
.s-tool{padding:28px 24px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--s-line)}
.s-tool:last-child{border-right:0}
.s-tool h3{font-size:19px;margin-top:6px}
.s-tool p{font-size:15px;color:var(--s-ink)}
.s-tool ul{display:grid;gap:6px;font-size:14px;color:var(--s-muted)}
.s-tool li{padding-left:14px;position:relative}
.s-tool li:before{content:'';position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:#9dbcdb}
.s-tool .s-textlink{margin-top:auto;padding-top:8px}
.s-intelligence{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:32px}
.s-intelligence h3{font-size:18px}
.s-intelligence p{margin-top:8px!important;font-size:15px;color:var(--s-muted)}
.s-footnote{margin-top:28px!important;font-size:13px;color:var(--s-muted)!important}

/* ---------- Marketplace ---------- */
.s-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;border-top:1px solid var(--s-line)}
.s-category{display:flex;gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid var(--s-line)}
.s-category h3{font-size:17px}
.s-category p{font-size:14px;color:var(--s-muted);margin-top:2px!important}
.s-market-detail{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:32px 36px;background:var(--s-pale);border-radius:16px}
.s-market-detail h3{font-size:22px}
.s-market-detail p{margin-top:8px!important;font-size:15px;max-width:680px}
.s-market-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.s-market-filter li{font-size:13px;color:var(--s-deep);background:#fff;border:1px solid #d6e3ef;border-radius:30px;padding:5px 12px}
.s-market-detail .s-btn{flex-shrink:0}

/* ---------- Steps (rewards & joining: real sequences) ---------- */
.s-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.s-step{position:relative;background:#fff;border:1px solid var(--s-line);border-radius:16px;padding:26px 24px}
.s-step-icon{display:flex;width:44px;height:44px;border-radius:50%;background:var(--s-deep);color:#fff;align-items:center;justify-content:center;margin-bottom:18px}
.s-step-icon svg{width:22px;height:22px}
.s-step:not(:last-child):after{content:'';position:absolute;top:47px;left:80px;right:-25px;height:1px;background:repeating-linear-gradient(90deg,#9dbcdb 0 6px,transparent 6px 11px)}
.s-step-label{display:block;font-size:13px;font-weight:600;color:var(--s-muted);margin-bottom:4px}
.s-step h3{font-size:20px}
.s-step p{margin-top:10px!important;font-size:15px;color:var(--s-muted)}
#join .s-actions{margin-top:28px}

/* ---------- Disclosure lists ---------- */
.s-details{margin-top:28px;max-width:860px}
.s-details details{border-bottom:1px solid var(--s-line)}
.s-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:17px;font-weight:600;color:var(--s-blue)}
.s-details summary::-webkit-details-marker{display:none}
.s-details summary:after{content:'';width:12px;height:12px;flex-shrink:0;background:linear-gradient(currentColor,currentColor) center/12px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 12px no-repeat;transition:transform .2s}
.s-details details[open] summary:after{transform:rotate(45deg)}
.s-details details p{padding-bottom:20px;font-size:15px;color:var(--s-muted)}
.s-details details p+p{margin-top:-8px}

/* ---------- Wider ecosystem ---------- */
.s-eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 40px}
.s-eco{display:flex;flex-direction:column;align-items:flex-start}
.s-eco .s-icon{margin-bottom:16px}
.s-eco-tag{font-size:13px;color:var(--s-muted);font-weight:500}
.s-eco h3{font-size:21px;margin-top:2px}
.s-eco p{margin:10px 0 16px!important;font-size:15px;flex:1}

/* ---------- FAQ ---------- */
.s-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.s-faq-layout>div:first-child{position:sticky;top:150px}
.s-faq-layout .s-copy{color:var(--s-muted);margin-bottom:20px}
.s-faq{margin-top:0;max-width:none;border-top:1px solid var(--s-line)}

/* ---------- Closing ---------- */
.s-main .s-closing-wrap{padding-top:0}
.s-closing{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:center;background:var(--s-deep);border-radius:22px;padding:44px 52px;overflow:hidden}
.s-main .s-closing h2{color:#fff;font-size:38px;max-width:520px}
.s-main .s-closing .s-kicker{color:#a9cbec}
.s-main .s-closing p{color:#d3e3f3;margin:12px 0 26px;font-size:17px}
.s-closing-art{position:relative;height:240px}
.s-closing-art .s-card-front{position:absolute;width:230px;box-shadow:0 18px 30px #00142a55}
.s-closing-art .c0{left:0;top:10px;transform:rotate(-10deg)}
.s-closing-art .c1{left:90px;top:44px;transform:rotate(6deg)}
.s-closing-art .c2{left:45px;top:96px;transform:rotate(-2deg)}

.s-backtop{position:fixed;bottom:16px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #cfdce8;border-radius:50%;color:var(--s-deep);z-index:50;box-shadow:0 4px 15px #15355318}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .s-inpage{top:67px}
  .s-main h1{font-size:48px}
  .s-main h2,.s-role-copy h2{font-size:34px}
  .s-art{padding-left:10px;padding-right:10px;min-height:450px}
  .s-art .s-phone{width:165px}
  .s-paths{grid-template-columns:repeat(2,1fr)}
  .s-tools{grid-template-columns:1fr 1fr}
  .s-tool:nth-child(2){border-right:0}
  .s-tool:nth-child(-n+2){border-bottom:1px solid var(--s-line)}
  .s-experience{grid-template-columns:290px minmax(0,1fr);gap:36px}
  .s-feature-list{grid-template-columns:1fr}
  .s-feature:last-child{grid-column:auto}
  .s-role-grid{gap:44px}
  .s-categories{grid-template-columns:1fr 1fr}
  .s-faq-layout{gap:48px}
  .s-closing{grid-template-columns:1fr 300px;padding:44px}
  .s-closing-art .s-card-front{width:200px}
}
@media(max-width:850px){
  .s-hero .s-grid,.s-about-grid,.s-role-grid,.s-experience,.s-faq-layout,.s-intelligence{grid-template-columns:1fr}
  .s-art{width:min(100%,530px);margin:15px auto 0}
  .s-main h1{font-size:44px}
  .s-main h2,.s-role-copy h2{font-size:31px}
  .s-heading-split{flex-direction:column;align-items:flex-start}
  .s-app-links{justify-content:flex-start}
  .s-about-copy{padding-bottom:16px}
  .s-about-grid{gap:0}
  .s-about-avatar{max-width:520px;margin:0 auto;width:100%}
  .s-role-grid.reverse .s-role-art{order:0}
  .s-role-art{min-height:340px}
  .s-app-preview{max-width:440px}
  .s-steps{grid-template-columns:1fr;gap:14px}
  .s-step:not(:last-child):after{display:none}
  .s-eco-grid{grid-template-columns:1fr 1fr}
  .s-market-detail{flex-direction:column;align-items:flex-start;padding:28px}
  .s-faq-layout>div:first-child{position:static}
  .s-inpage .s-container{overflow-x:auto;gap:22px}
  .s-inpage strong{display:none}
  .s-closing{grid-template-columns:1fr;padding:36px}
  .s-closing-art{height:220px;width:320px;max-width:100%}
}
@media(max-width:600px){
  .s-container{padding:0 20px}
  .s-inpage{top:63px}
  .s-inpage .s-container{min-height:52px}
  .s-inpage a{font-size:13px;padding:14px 0}
  .s-main h1{font-size:38px}
  .s-main h2,.s-role-copy h2,.s-main .s-closing h2{font-size:28px}
  .s-lead,.s-main .s-about .s-lead{font-size:18px}
  .s-hero .s-lead{font-size:19px}
  .s-heading{margin-bottom:28px}
  .s-art{min-height:385px;padding-bottom:90px;gap:10px}
  .s-art .s-phone{width:145px}
  .s-hero-cards{bottom:5px}
  .s-card-front{border-radius:8px}
  .s-about-layers{grid-template-columns:1fr 1fr;row-gap:12px}
  .s-paths,.s-tools,.s-categories,.s-eco-grid{grid-template-columns:1fr}
  .s-paths{gap:14px}
  .s-path{flex-direction:row}
  .s-path-art{width:40%;flex-shrink:0;height:auto;padding:16px 12px}
  .s-path-body{padding:16px}
  .s-path h3{font-size:19px}
  .s-path small{display:none}
  .s-tool{border-right:0!important;border-bottom:1px solid var(--s-line)}
  .s-tool:last-child{border-bottom:0}
  .s-eco-grid{gap:36px}
  .s-role-art{min-height:280px;padding:32px 16px}
  .s-role-art .s-phone{width:130px;margin-left:-48px}
  .s-role-art.vendor .s-phone{width:96px}
  .s-role-art.vendor .s-devices{padding-right:28px}
  .s-laptop-screen{border-width:6px}
  .s-laptop-base{margin:0 -10px;height:10px}
  .s-actions .s-btn{flex:1 1 auto}
  .s-closing{padding:28px 24px;border-radius:18px}
  .s-closing-art{height:200px;justify-self:center}
  .s-closing-art .s-card-front{width:180px}
  .s-closing-art .c1{left:70px}
  .s-closing-art .c2{left:30px;top:86px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .s-btn,.s-path,.s-path-art .s-card-front,.s-details summary:after{transition:none}
}
.s-main .s-market-filter{margin-top:16px}

/* Original shared page CSS sets section paddings by ID; keep interior rhythm consistent */
.s-main section#faq,.s-main section#marketplace{padding:var(--s-pad) 0}
.s-list li b{font-weight:600;color:var(--s-blue)}
.s-also{display:flex;align-items:center;gap:16px;margin-top:28px;padding:18px 22px;background:#fff;border:1px solid var(--s-line);border-radius:14px}
.s-also p{flex:1;font-size:15px}
.s-also strong{color:var(--s-blue);font-weight:600}
@media(max-width:600px){.s-also{flex-wrap:wrap}.s-also p{flex-basis:calc(100% - 56px)}}

/* ================= Programme pages ================= */
.s-subpage .s-page-hero{background:linear-gradient(115deg,#fff 40%,#eef4fa);padding:44px 0 56px}
.s-page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.s-crumbs{display:flex;gap:8px;font-size:13px;color:var(--s-muted);margin-bottom:22px}
.s-crumbs a{color:var(--s-deep);text-decoration:underline;text-decoration-color:#b5cbe0;text-underline-offset:3px}
.s-page-hero h1{font-size:52px}
.s-page-hero .s-lead{color:#314b67;font-weight:500}
.s-page-hero .s-copy{color:var(--s-muted);max-width:560px}
.s-page-hero .s-role-art{background:radial-gradient(ellipse at 55% 40%,#fff,#e2ebf4 70%)}
.s-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.s-benefit{background:#fff;border:1px solid var(--s-line);border-radius:16px;padding:24px}
.s-benefit h3{font-size:18px;margin-top:16px}
.s-benefit p{margin-top:8px!important;font-size:15px;color:var(--s-muted)}
.s-infra{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;border-top:1px solid var(--s-line)}
.s-infra li{padding:22px 0;border-bottom:1px solid var(--s-line)}
.s-infra h3{font-size:17px}
.s-infra p{margin-top:6px!important;font-size:15px;color:var(--s-muted)}
.s-reward-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.s-figures{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0}
.s-figures div{background:var(--s-pale);border-radius:16px;padding:22px 18px}
.s-figures dt{font-size:44px;font-weight:700;color:var(--s-deep);letter-spacing:-.03em;line-height:1}
.s-figures dd{margin:10px 0 0;font-size:14px;color:var(--s-muted)}
#rewards .s-also{margin-top:36px}
.s-apply-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.s-apply-copy{position:sticky;top:150px}
.s-resources{display:grid;gap:10px;margin-top:28px}
.s-resource-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid var(--s-line);border-radius:12px;color:var(--s-deep)}
.s-resource-card:hover{border-color:#8fb2d4}
.s-resource-card>span:nth-child(2){flex:1;display:flex;flex-direction:column}
.s-resource-card b{font-weight:600;font-size:15px;color:var(--s-blue)}
.s-resource-card small{font-size:13px;color:var(--s-muted)}
.s-form,.s-join-card{background:#fff;border:1px solid var(--s-line);border-radius:18px;padding:32px;box-shadow:0 14px 40px #1c42670a}
.s-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-bottom:24px}
.s-field{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;min-width:0}
.s-field-full{grid-column:1/-1}
.s-field label,.s-field legend{font-size:14px;font-weight:600;color:var(--s-ink);padding:0}
.s-optional{font-weight:400;color:var(--s-muted)}
.s-field input,.s-field select,.s-field textarea{font:inherit;font-size:15px;color:var(--s-ink);background:#fff;border:1px solid #c8d7e5;border-radius:9px;padding:11px 13px;width:100%}
.s-field textarea{resize:vertical;min-height:110px}
.s-field input:focus,.s-field select:focus,.s-field textarea:focus{outline:none;border-color:var(--s-blue);box-shadow:0 0 0 3px #2563a826}
.s-field ::placeholder{color:#93a7ba}
.s-checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.s-checks label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:8px 12px;border:1px solid #c8d7e5;border-radius:30px;cursor:pointer}
.s-checks label:has(input:checked){border-color:var(--s-blue);background:#eaf2fa;color:var(--s-deep)}
.s-checks input,.s-consent input{accent-color:var(--s-deep);width:16px;height:16px}
.s-consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--s-muted);line-height:1.5}
.s-consent input{margin-top:2px;flex-shrink:0}
.s-form .s-btn{width:100%}
.s-form-status{margin-top:12px!important;font-size:14px;color:var(--s-deep)!important;text-align:center}
.s-form-status:empty{display:none}
.s-join-card h3{font-size:22px;margin-bottom:20px}
.s-join-card>.s-btn{width:100%}
.s-store-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 18px}
.s-others-wrap{padding-top:0!important}
.s-others{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:36px 40px;background:var(--s-pale);border-radius:20px}
.s-others h2{font-size:30px}
.s-others-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.s-other{display:flex;flex-direction:column;padding:16px 18px;background:#fff;border:1px solid var(--s-line);border-radius:12px}
.s-other:hover{border-color:#8fb2d4}
.s-other span{font-size:13px;color:var(--s-muted)}
.s-other b{font-size:17px;color:var(--s-blue);font-weight:600}
@media(max-width:1100px){.s-benefits,.s-infra{grid-template-columns:1fr 1fr}.s-page-hero h1{font-size:44px}.s-apply-grid{gap:36px}}
@media(max-width:850px){.s-page-hero-grid,.s-reward-split,.s-apply-grid,.s-others{grid-template-columns:1fr}.s-page-hero-grid{gap:32px}.s-apply-copy{position:static}.s-page-hero .s-role-art{max-width:560px;width:100%}}
@media(max-width:600px){.s-benefits,.s-infra,.s-form-grid,.s-others-list{grid-template-columns:1fr}.s-page-hero h1{font-size:36px}.s-figures dt{font-size:34px}.s-form,.s-join-card{padding:22px}.s-others{padding:26px 20px}.s-figures{gap:10px}.s-figures div{padding:16px 12px}}

/* ================= Programme pages — themed by each membership card ================= */
.s-subpage .s-page-hero{position:relative;overflow:hidden;padding:40px 0 104px}
.s-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:380px}
.s-hero-visual:before{content:'';position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(closest-side,var(--glow,#ffffff),transparent);opacity:.9}
.s-hero-visual .s-card-front{position:relative;z-index:2;width:78%;max-width:420px;transform:rotate(-8deg);box-shadow:0 30px 50px #0a1f3a40}
.s-hero-visual .s-phone{position:relative;z-index:1;width:180px;margin-left:-70px;transform:rotate(6deg);box-shadow:0 30px 50px #0a1f3a40}
.s-hero-visual.corporate .s-card-front{width:88%;max-width:470px;transform:rotate(-6deg)}
.s-hero-visual.vendor{flex-direction:column}
.s-hero-visual.vendor .s-devices{position:relative;width:100%;padding-right:44px;z-index:2}
.s-hero-visual.vendor .s-laptop{width:90%}
.s-hero-visual.vendor .s-phone{position:absolute;right:0;bottom:-10px;width:128px;margin:0;transform:rotate(3deg)}

/* Individual — the blue plastic card */
.s-theme-individual .s-page-hero{background:radial-gradient(ellipse at 80% 30%,#2a9ad8 0,transparent 55%),linear-gradient(135deg,#0b4f8c,#0a6fb5);--glow:#57c1f0}
/* Ambassador — the black NFC metal card */
.s-theme-ambassador .s-page-hero{background:radial-gradient(ellipse at 76% 38%,#ffffff 0,transparent 55%),linear-gradient(135deg,#f4f7fa,#dde5ee);--glow:#ffffff}
.s-theme-individual .s-page-hero h1{color:#fff!important}
.s-theme-individual .s-page-hero .s-lead{color:#e8f1fa}
.s-theme-individual .s-page-hero .s-copy{color:#c3d6e9!important}
.s-theme-individual .s-page-hero .s-kicker{color:#bfe3fa}
.s-theme-individual .s-crumbs{color:#9fbad4}
.s-theme-individual .s-crumbs a{color:#fff;text-decoration-color:#ffffff60}
.s-theme-individual .s-page-hero .s-btn:not(.secondary){background:#fff;color:var(--s-deep);border-color:#fff}
.s-theme-individual .s-page-hero .s-btn:not(.secondary):hover{background:#e4eef8}
.s-theme-individual .s-page-hero .s-btn.secondary{background:transparent;color:#fff;border-color:#ffffff70}
.s-theme-individual .s-page-hero .s-btn.secondary:hover{background:#ffffff18}
/* Corporate — the grey metal card */
.s-theme-corporate .s-page-hero{background:radial-gradient(ellipse at 78% 35%,#ffffff 0,transparent 55%),linear-gradient(135deg,#e9edf1,#cfd8e1);--glow:#ffffff}
/* Vendor — the marketplace */
.s-theme-vendor .s-page-hero{background:radial-gradient(ellipse at 78% 40%,#ffffff 0,transparent 55%),linear-gradient(135deg,#eef5fb,#d6e6f4);--glow:#ffffff}

/* At-a-glance strip, overlapping the hero */
.s-glance-wrap{position:relative;z-index:5;margin-top:-64px}
.s-glance{display:grid;grid-template-columns:repeat(4,1fr);margin:0;background:#fff;border:1px solid var(--s-line);border-radius:18px;box-shadow:0 20px 50px #12345a14;overflow:hidden}
.s-glance div{padding:22px 24px;border-right:1px solid var(--s-line)}
.s-glance div:last-child{border-right:0}
.s-glance dt{font-size:13px;font-weight:600;color:var(--s-muted)}
.s-glance dd{margin:4px 0 0;font-size:16px;font-weight:600;color:var(--s-blue);line-height:1.35}
.s-subpage #benefits{margin-top:-40px;padding-top:calc(var(--s-pad) + 40px)}

/* Benefits: a little more presence */
.s-benefit{transition:border-color .2s,box-shadow .2s}
.s-benefit:hover{border-color:#a9c4de;box-shadow:0 12px 30px #1c42670d}
.s-benefit .s-icon{width:46px;height:46px;flex-basis:46px;border-radius:12px;background:linear-gradient(135deg,#e3eef9,#cfe1f3)}

/* Form header */
.s-form-head{padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--s-line)}
.s-form-head h3{font-size:20px}
.s-form-head p{margin-top:4px!important;font-size:13px;color:var(--s-muted)!important}

/* Other programmes with card thumbnails */
.s-others{grid-template-columns:.7fr 1.3fr}
.s-other{flex-direction:row;align-items:center;gap:14px;padding:12px 14px}
.s-other-thumb{width:72px;flex-shrink:0}
.s-other-thumb .s-card-front{border-radius:6px;box-shadow:0 6px 12px #1f395424}
.s-other-screen{aspect-ratio:1.565;border:3px solid #20252c;border-radius:6px;overflow:hidden;background:#20252c}
.s-other-screen img{width:100%;height:100%;object-fit:cover}
.s-other-text{display:flex;flex-direction:column}
.s-other-all{justify-content:center;background:var(--s-deep);border-color:var(--s-deep)}
.s-other-all span,.s-other-all b{color:#fff!important}
.s-other-all .s-other-text>span{color:#bcd5ee!important}
.s-other-all:hover{background:#073b6b}

@media(max-width:1100px){.s-glance{grid-template-columns:1fr 1fr}.s-glance div:nth-child(2){border-right:0}.s-glance div:nth-child(-n+2){border-bottom:1px solid var(--s-line)}}
@media(max-width:850px){.s-hero-visual{min-height:320px;max-width:560px;width:100%;margin:0 auto}.s-others{grid-template-columns:1fr}}
@media(max-width:600px){.s-subpage .s-page-hero{padding:32px 0 88px}.s-hero-visual{min-height:260px}.s-hero-visual .s-phone{width:130px;margin-left:-50px}.s-hero-visual.vendor .s-phone{width:96px}.s-glance-wrap{margin-top:-56px}.s-glance div{padding:16px}.s-glance dd{font-size:14px}}
@media(prefers-reduced-motion:reduce){.s-benefit{transition:none}}
@media(max-width:850px){.s-subpage #benefits{margin-top:0;padding-top:var(--s-pad)}}
@media(max-width:600px){.s-hero-visual{min-height:240px;margin-top:8px}.s-hero-visual .s-card-front{width:68%}.s-hero-visual.corporate .s-card-front{width:84%}.s-subpage .s-page-hero{padding-bottom:84px}.s-glance-wrap{margin-top:-48px}}
.s-join-stack{display:grid;gap:18px}
.s-join-compact{padding:26px 32px}
.s-join-compact h3{margin:2px 0 16px!important}
.s-store-row-3{grid-template-columns:1.3fr 1fr 1fr;margin:0 0 14px}
.s-form-head .s-step-label{margin-bottom:2px}
@media(max-width:600px){.s-store-row-3{grid-template-columns:1fr}.s-join-compact{padding:22px}}

/* ================= Extra content sections ================= */
.s-subpage section:not(.s-band)+section:not(.s-band){border-top:1px solid var(--s-line)}
.s-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.s-split.reverse .s-split-visual{order:-1}
.s-split-visual{display:flex;align-items:center;justify-content:center;border-radius:20px;background:radial-gradient(ellipse at 55% 40%,#fff,#e6eef6 72%);padding:40px 32px;min-height:320px}
.s-band .s-split-visual{background:radial-gradient(ellipse at 55% 40%,#fff,#dde7f1 72%)}
.s-split-visual>.s-card-front{width:80%;max-width:400px;transform:rotate(-6deg);box-shadow:0 24px 40px #0a1f3a33}
.s-split-visual .s-devices{position:relative;width:100%;padding-right:40px}
.s-split-visual .s-laptop{width:90%}
.s-split-visual .s-devices .s-phone{position:absolute;right:0;bottom:-10px;width:118px;transform:rotate(3deg)}
.s-split-copy .s-list{margin-bottom:4px}
.s-figures-col{grid-template-columns:1fr;width:100%;max-width:360px}
.s-figures-col div{background:#fff;display:flex;align-items:center;gap:18px;box-shadow:0 8px 24px #1c42670a}
.s-figures-col dt{font-size:34px;width:56px}
.s-figures-col dd{margin:0;font-size:16px;font-weight:600;color:var(--s-blue)}
.s-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.s-screens figure{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--s-pale);border-radius:20px;padding:32px 22px 26px}
.s-screens .s-phone{width:190px}
.s-screens figcaption{margin-top:22px;font-size:15px;color:var(--s-muted);max-width:280px}
.s-screens figcaption b{display:block;font-size:18px;color:var(--s-blue);font-weight:600;margin-bottom:4px}
.s-tiles{display:grid;gap:20px}
.s-tiles-3{grid-template-columns:repeat(3,1fr)}
.s-tiles-4{grid-template-columns:repeat(4,1fr)}
.s-tiles li{padding:24px;border:1px solid var(--s-line);border-radius:16px;background:#fff}
.s-tiles h3{font-size:17px;margin-top:16px}
.s-tiles p{margin-top:8px!important;font-size:15px;color:var(--s-muted)}
.s-platforms{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.s-platforms article{background:#fff;border:1px solid var(--s-line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:10px}
.s-platforms h3{font-size:20px;margin-top:6px}
.s-platforms ul{display:grid;gap:6px;font-size:15px;color:var(--s-muted);margin-bottom:6px!important}
.s-platforms li{position:relative;padding-left:16px}
.s-platforms li:before{content:'';position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#9dbcdb}
.s-platforms .s-textlink{margin-top:auto}
.s-dkg-card{background:#fff;border:1px solid var(--s-line);border-radius:16px;padding:28px;max-width:420px;display:flex;flex-direction:column;gap:10px;box-shadow:0 16px 40px #1c42670d}
.s-dkg-card b{font-size:19px;color:var(--s-blue);font-weight:600;margin-top:6px}
.s-dkg-card p{font-size:15px;color:var(--s-muted)}
.s-table-wrap{overflow-x:auto;border:1px solid var(--s-line);border-radius:16px;background:#fff}
.s-compare{width:100%;border-collapse:collapse;font-size:15px;min-width:620px}
.s-compare th,.s-compare td{text-align:left;padding:16px 22px;border-bottom:1px solid var(--s-line);vertical-align:top}
.s-compare tbody tr:last-child th,.s-compare tbody tr:last-child td{border-bottom:0}
.s-compare thead th{font-size:17px;background:#f7fafc}
.s-compare thead a{color:var(--s-blue);font-weight:700}
.s-compare tbody th{font-weight:600;color:var(--s-ink);width:30%}
.s-compare td{color:var(--s-muted)}
.s-hl-corp td:nth-child(2),.s-hl-corp thead th:nth-child(2),.s-hl-vend td:nth-child(3),.s-hl-vend thead th:nth-child(3){background:#eef5fc;color:var(--s-ink)}
@media(max-width:1100px){.s-tiles-4{grid-template-columns:1fr 1fr}.s-split{gap:40px}}
@media(max-width:850px){.s-split{grid-template-columns:1fr}.s-split.reverse .s-split-visual{order:0}.s-screens{grid-template-columns:1fr 1fr}.s-platforms,.s-tiles-3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.s-screens,.s-platforms,.s-tiles-3,.s-tiles-4{grid-template-columns:1fr}.s-screens .s-phone{width:170px}.s-split-visual{min-height:240px;padding:28px 18px}.s-split-visual .s-devices .s-phone{width:90px}.s-platforms article,.s-tiles li{padding:20px}}
.s-main .s-compare tr,.s-main .s-compare th,.s-main .s-compare td{background:#fff}
.s-main .s-compare thead th{background:#f7fafc}
.s-main .s-hl-corp td:nth-child(2),.s-main .s-hl-corp thead th:nth-child(2),.s-main .s-hl-vend td:nth-child(3),.s-main .s-hl-vend thead th:nth-child(3){background:#eef5fc;color:var(--s-ink)}

/* ================= Programme materials — designed mini covers ================= */
.s-docs{display:grid;gap:24px}
.s-docs-1{grid-template-columns:minmax(0,420px)}
.s-docs-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}
.s-docs-3{grid-template-columns:repeat(3,1fr)}
.s-doc{display:flex;flex-direction:column;border:1px solid var(--s-line);border-radius:18px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.s-doc:hover{border-color:#8fb2d4;box-shadow:0 18px 40px #1c426714;transform:translateY(-3px)}
.s-cover{position:relative;display:flex;flex-direction:column;aspect-ratio:16/10;padding:20px 22px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0b4f8c,#1a86c8)}
.s-doc-corporate .s-cover{background:linear-gradient(135deg,#3d4b5a,#8794a2);}
.s-doc-ambassador .s-cover{background:linear-gradient(135deg,#121820,#34404e)}
.s-doc-vendor .s-cover{background:linear-gradient(135deg,#0b5394,#2f8fd0)}
.s-cover:after{content:'';position:absolute;right:-30%;top:-40%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#ffffff2a,transparent)}
.s-cover-top{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.9;position:relative;z-index:2}
.s-cover-top svg{width:22px;height:14px}
.s-cover-title{position:relative;z-index:2;margin-top:auto;font-size:21px;font-weight:700;line-height:1.15;letter-spacing:-.02em;max-width:58%}
.s-cover-type{position:relative;z-index:2;align-self:flex-start;margin-top:10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border:1px solid #ffffff66;border-radius:30px}
.s-cover-card{position:absolute;right:-6%;bottom:12%;width:50%;transform:rotate(-12deg);z-index:1}
.s-cover-card .s-card-front{border-radius:8px;box-shadow:0 14px 26px #00000059}
.s-cover-screen{position:absolute;right:-8%;bottom:10%;width:54%;aspect-ratio:1.957;border:4px solid #20252c;border-radius:7px;overflow:hidden;transform:rotate(-6deg);box-shadow:0 14px 26px #00000059;z-index:1}
.s-cover-screen img{width:100%;height:100%;object-fit:cover}
.s-doc-meta{display:flex;flex-direction:column;gap:4px;padding:18px 20px 20px}
.s-doc-meta b{font-size:17px;color:var(--s-blue);font-weight:600}
.s-doc-meta small{font-size:13px;color:var(--s-muted);line-height:1.5}
.s-doc-open{margin-top:8px;font-size:14px;font-weight:600;color:var(--s-deep)}
@media(max-width:850px){.s-docs-3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.s-docs-2,.s-docs-3{grid-template-columns:1fr}.s-cover-title{font-size:19px}}
@media(prefers-reduced-motion:reduce){.s-doc{transition:none}.s-doc:hover{transform:none}}
.s-docs-4{grid-template-columns:repeat(4,1fr);gap:20px}
.s-docs-4 .s-cover{padding:16px 18px}
.s-docs-4 .s-cover-title{font-size:17px;max-width:62%}
.s-docs-4 .s-doc-meta b{font-size:16px}
.s-bankcard{display:block;position:relative;aspect-ratio:1.586;border-radius:8px;background:linear-gradient(135deg,#0d2a4a,#2563a8 60%,#5aa6e0);box-shadow:0 14px 26px #00000059;border:1px solid #ffffff40}
.s-bankcard i{position:absolute;left:12%;top:30%;width:16%;aspect-ratio:1.3;border-radius:3px;background:linear-gradient(135deg,#f3d48a,#c99a3d)}
.s-bankcard b{position:absolute;left:12%;bottom:14%;font-size:9px;letter-spacing:.18em;color:#fff;font-weight:600}
@media(max-width:1100px){.s-docs-4{grid-template-columns:1fr 1fr}.s-docs-4 .s-cover-title{font-size:19px}}
@media(max-width:600px){.s-docs-4{grid-template-columns:1fr}}

/* =====================================================================
   UNIFIED TYPE & COMPONENT SYSTEM — one scale for the home page and all
   programme pages. Declared last so it overrides earlier sizes.
   ===================================================================== */
:root{
  --t-h1:56px; --t-h2:40px; --t-h2-panel:36px;
  --t-h3-l:22px;   /* panel titles: market detail, join card, form head */
  --t-h3:19px;     /* card titles: every card on every page */
  --t-h3-s:17px;   /* list-row titles: categories, infra, intelligence */
  --t-lead:20px; --t-intro:17px; --t-body:16px; --t-card:15px; --t-meta:13px;
  --r-card:16px; --r-panel:20px; --p-card:24px;
}
.s-main,.s-main button,.s-main input,.s-main select,.s-main textarea{font-family:Roboto,Arial,sans-serif}
/* Headings */
.s-main h1,.s-main .s-page-hero h1{font-size:var(--t-h1);line-height:1.06;font-weight:700;letter-spacing:-.04em}
.s-main h2,.s-main .s-role-copy h2,.s-main .s-split-copy h2{font-size:var(--t-h2);line-height:1.14;font-weight:700;letter-spacing:-.03em}
.s-main .s-closing h2,.s-main .s-others h2{font-size:var(--t-h2-panel)}
.s-main h3{font-weight:600;letter-spacing:-.01em;line-height:1.3}
.s-main .s-market-detail h3,.s-main .s-join-card h3,.s-main .s-form-head h3{font-size:var(--t-h3-l)}
.s-main .s-path h3,.s-main .s-tool h3,.s-main .s-step h3,.s-main .s-eco h3,.s-main .s-benefit h3,.s-main .s-tiles h3,.s-main .s-platforms h3,.s-main .s-feature h3,.s-main .s-dkg-card b,.s-main .s-screens figcaption b,.s-main .s-doc-meta b,.s-main .s-docs-4 .s-doc-meta b,.s-main .s-other b,.s-main .s-preview-meta b{font-size:var(--t-h3);font-weight:600;line-height:1.3}
.s-main .s-category h3,.s-main .s-infra h3,.s-main .s-intelligence h3{font-size:var(--t-h3-s)}
/* Text */
.s-main .s-lead,.s-main .s-hero .s-lead,.s-main .s-about .s-lead,.s-main .s-page-hero .s-lead{font-size:var(--t-lead);line-height:1.5}
.s-main .s-heading>p,.s-main .s-heading>div>p,.s-main .s-closing p,.s-main .s-role-copy .s-copy,.s-main .s-page-hero .s-copy,.s-main .s-split-copy .s-copy,.s-main .s-apply-copy .s-copy,.s-main .s-faq-layout .s-copy{font-size:var(--t-intro);line-height:1.6}
.s-main .s-path p,.s-main .s-tool p,.s-main .s-step p,.s-main .s-eco p,.s-main .s-benefit p,.s-main .s-tiles p,.s-main .s-platforms ul,.s-main .s-tool ul,.s-main .s-feature p,.s-main .s-infra p,.s-main .s-intelligence p,.s-main .s-category p,.s-main .s-dkg-card p,.s-main .s-screens figcaption,.s-main .s-market-detail p,.s-main .s-also p,.s-main .s-info-note,.s-main .s-list li,.s-main .s-details details p,.s-main .s-preview-meta p,.s-main .s-copy-small,.s-main .s-compare{font-size:var(--t-card);line-height:1.6}
.s-main .s-kicker{font-size:14px;font-weight:600}
.s-main .s-path-for,.s-main .s-eco-tag,.s-main .s-step-label,.s-main .s-glance dt,.s-main .s-other span,.s-main .s-doc-meta small,.s-main .s-footnote,.s-main .s-crumbs,.s-main .s-path small,.s-main .s-art-caption,.s-main .s-form-head p,.s-main .s-resource-label{font-size:var(--t-meta)}
.s-main .s-glance dd{font-size:16px}
.s-main .s-details summary{font-size:17px}
.s-main .s-textlink{font-size:14px}
.s-main .s-btn{font-size:15px}
/* Cards: one radius, one padding, one border */
.s-main .s-path,.s-main .s-tools,.s-main .s-step,.s-main .s-benefit,.s-main .s-tiles li,.s-main .s-platforms article,.s-main .s-doc,.s-main .s-dkg-card,.s-main .s-table-wrap,.s-main .s-glance,.s-main .s-market-detail,.s-main .s-also{border-radius:var(--r-card)}
.s-main .s-step,.s-main .s-benefit,.s-main .s-tiles li,.s-main .s-platforms article,.s-main .s-dkg-card,.s-main .s-tool{padding:var(--p-card)}
.s-main .s-role-art,.s-main .s-split-visual,.s-main .s-closing,.s-main .s-others,.s-main .s-app-preview,.s-main .s-form,.s-main .s-join-card,.s-main .s-screens figure{border-radius:var(--r-panel)}
/* Icons: same size and look everywhere */
.s-main .s-icon,.s-main .s-benefit .s-icon{width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#e6eff8;color:var(--s-blue)}
.s-main .s-icon svg{width:22px;height:22px}
.s-main .s-benefit h3,.s-main .s-tiles h3{margin-top:16px}
/* Responsive scale (same for every page) */
@media(max-width:1100px){:root{--t-h1:48px;--t-h2:34px;--t-h2-panel:32px}}
@media(max-width:850px){:root{--t-h1:44px;--t-h2:31px;--t-h2-panel:30px}}
@media(max-width:600px){:root{--t-h1:38px;--t-h2:28px;--t-h2-panel:26px;--t-lead:18px;--t-intro:16px;--t-h3:18px;--t-h3-l:20px;--p-card:20px}}