:root{
  --ink:#101b2c;--muted:#536071;--blue:#2857d8;--teal:#2857d8;
  --coral:#d7a957;--line:#dce3ec;--paper:#fff;--sky:#f4f7fc;
  --mint:#eaf0ff;--shadow:0 24px 60px rgba(18,35,64,.12)
}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62}
.wrap{width:min(100% - 3rem,1280px)}
h1,h2,h3{letter-spacing:-.055em;line-height:1.06}
h1{font-size:clamp(3rem,6vw,6.6rem)}
h2{font-size:clamp(2.35rem,4.1vw,4.5rem)}
.masthead{background:#0a111d;border:0;color:#fff;position:relative;z-index:5}
.header-main{min-height:100px;gap:2rem}
.brand img{width:clamp(226px,23vw,320px)}
nav{gap:clamp(.8rem,1.5vw,1.7rem);font-size:.92rem;font-weight:600}
nav a{color:#e5ebf6;transition:color .2s}
nav a:hover,nav a.selected{color:#86a7ff}
nav .lang{padding:.55rem .9rem;border:1px solid #56637a;border-radius:100px;color:#fff}
nav .lang:hover{border-color:#9cb6ff;color:#fff}
.eyebrow{color:var(--blue);font-size:.78rem;font-weight:750;letter-spacing:.16em}
.button{background:#3d69ed;border-radius:100px;padding:1rem 1.65rem;min-height:56px;box-shadow:0 8px 24px rgba(13,45,132,.2);font-weight:700}
.button:hover,.button:focus-visible{background:#234bc7}
.text-link{color:var(--blue);font-weight:700;text-decoration-thickness:1px}
.hero{background:radial-gradient(circle at 78% 25%,#263f68 0%,#101d35 38%,#0a111e 77%);color:#fff}
.hero::before{content:"";position:absolute;width:45vw;height:45vw;right:-26vw;top:-23vw;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 7vw rgba(255,255,255,.015),0 0 0 15vw rgba(255,255,255,.015);pointer-events:none}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:5%;min-height:680px;padding:5.5rem 0 6rem}
.hero-copy{position:relative;z-index:1}
.hero-copy .eyebrow{color:#9ab7ff}
.hero-copy h1{max-width:800px;font-size:clamp(3.2rem,5.8vw,6.8rem);letter-spacing:-.07em;margin:1.1rem 0 1.5rem;text-wrap:balance}
.hero-copy p{color:#c8d5e8;font-size:clamp(1.13rem,1.6vw,1.35rem);line-height:1.6;max-width:580px}
.hero-actions{margin-top:2.2rem}
.hero-actions .text-link{color:#fff;text-decoration-color:#8096b7}
.hero-photo{height:100%;min-height:440px}
.hero-photo img{height:100%;min-height:440px;max-height:570px;object-fit:cover;border-radius:26px;box-shadow:0 36px 70px rgba(0,0,0,.3)}
.hero-photo figcaption{background:rgba(10,17,29,.82);color:#fff;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:.65rem 1rem;max-width:90%}
.section-pad{padding:7.5rem 0}
.section-heading{max-width:830px;margin-bottom:3rem}
.section-heading h2,.section-row h2{margin:.75rem 0 1rem}
.section-heading p,.section-row p{color:#556375;font-size:1.16rem}
.topic-section{background:#fff}
.topic-grid{gap:1.2rem}
.topic-card,.topic-card:nth-child(2),.topic-card:nth-child(3){background:#f7f9fd;border:1px solid var(--line);border-radius:22px;min-height:310px;padding:2rem}
.topic-card:nth-child(2){background:#eaf0ff}
.topic-card:nth-child(3){background:#f1f5fa}
.topic-card:hover,.topic-card:focus-visible{box-shadow:var(--shadow);border-color:#90a6dd;transform:translateY(-3px)}
.topic-number{font-size:.82rem;letter-spacing:.12em}
.topic-card h3{font-size:clamp(1.6rem,2.1vw,2.1rem);margin:2rem 0 .8rem}
.topic-card p{color:#526171;font-size:1rem}
.topic-card strong{font-size:.95rem}
.guide-section{background:#f4f6fb}
.section-row{margin-bottom:2.7rem;align-items:end}
.section-row>div{max-width:840px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.guide-card{min-height:440px;border-radius:24px;position:relative;overflow:hidden;text-decoration:none;color:#fff;display:block;background:#12233d;isolation:isolate}
.guide-card img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.73);transition:transform .45s ease,filter .45s ease}
.guide-card:hover img,.guide-card:focus-visible img{transform:scale(1.045);filter:saturate(.95)}
.guide-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,27,.30),rgba(4,12,27,.55) 36%,rgba(4,12,27,.95));z-index:1}
.guide-card-content{position:absolute;z-index:2;inset:0;padding:1.6rem;display:flex;flex-direction:column}
.guide-meta{font-size:.78rem;font-weight:750;letter-spacing:.12em}
.guide-card strong{font-size:clamp(1.65rem,2.25vw,2.4rem);line-height:1.12;letter-spacing:-.04em;margin-top:auto;max-width:350px}
.guide-arrow{margin-top:1.4rem;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:1.4rem}
.membership-teaser{background:#0f1e36;color:#fff}
.membership-teaser h2{max-width:650px}
.membership-teaser p{color:#c5d2e6;font-size:1.14rem}
.membership-teaser .eyebrow{color:#9fbaff}
.membership-teaser img{height:410px;border-radius:24px}
.archive-section{background:#fff}
.records{gap:1.25rem}
.record{border:1px solid #dce3ec;border-radius:22px;min-height:320px;padding:2rem;background:#f8fafd;transition:box-shadow .2s,transform .2s}
.record:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.record h3{font-size:clamp(1.4rem,1.8vw,1.9rem)}
.record p{color:#556375}
.record-meta{color:#345fcb;letter-spacing:.03em}
.about-band{background:#0a111d;color:#fff}
.about-grid{min-height:520px}
.about-grid img{height:400px;border-radius:24px}
.about-grid .eyebrow{color:#9fbaff}
.about-grid p{color:#d0daea}
.button.secondary{color:#122248;border-radius:100px}
.inner-page{background:#fff;padding:5.5rem 0 8rem}
.page-heading{max-width:950px;margin-bottom:3.5rem}
.page-heading h1{font-size:clamp(3rem,5.3vw,5.8rem);margin:1rem 0 1.4rem;text-wrap:balance}
.page-heading p{color:#5c6879;font-size:1.25rem}
.guides-page{background:#f4f6fb}
.guide-after{margin-top:2.3rem}
.guide-article .article{max-width:1160px}
.guide-article .article h1{font-size:clamp(3rem,5vw,5.7rem);max-width:1020px;text-wrap:balance}
.article-meta{color:#3761d2;font-size:.86rem;letter-spacing:.07em;margin-top:3.1rem}
.article-lead{font-size:clamp(1.25rem,2vw,1.65rem);color:#596879;max-width:900px;line-height:1.55}
.article-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:7%;padding-top:3rem;margin-top:3rem}
.article-body section{margin:0 0 3.2rem}
.article-body h2{font-size:clamp(1.8rem,2.4vw,2.65rem);margin:0 0 1.2rem}
.article-body p{font-size:1.08rem;line-height:1.86;color:#2d3d50}
.source-box{background:#f2f5fb;border:1px solid #e1e7ef;border-radius:20px;padding:1.6rem}
.source-box p{font-size:.9rem;color:#536071;margin:1.4rem 0 0}
.source-box a{color:#204dbb}
.related-reading{background:#eaf0ff;border-radius:18px;padding:1.5rem;margin-top:3rem;display:grid;gap:.65rem}
.related-reading a{font-size:1.15rem;font-weight:750;text-decoration:none;color:#1d4fbe}
.related-reading a:hover{text-decoration:underline}
.search-box,.formula,.sample-report{background:#f2f5fb;border-radius:20px}
.search-box input,.field select{border-color:#bbc9dc}
.method-point>span{color:#406bd4}
.lab-page{background:#f5f7fb}
.lab-explain{background:#e9efff}
.match-form,.match-panel,.tier-card{box-shadow:none;border-radius:20px}
.tier-card:nth-child(2){background:#eaf0ff}
.footer{background:#f4f6fa;padding:4.5rem 0 1.5rem}
.footer .brand img{width:285px}
.footer p{color:#536173}
.footer-links{max-width:590px;justify-content:flex-end;gap:1rem 1.5rem}
.footer-links a:hover{text-decoration:underline}
.partner{margin-top:3rem;border-top:1px solid #dbe3ed;border-bottom:1px solid #dbe3ed;padding:1.4rem 0;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}
.partner>div{display:flex;align-items:center;gap:1.4rem}
.partner-label{max-width:300px;font-size:.9rem;font-weight:750;color:#26384e}
.partner img{display:block;width:112px;height:106px;object-fit:contain}
.partner p{margin:0;max-width:330px;font-size:.9rem}
.footer-bottom{border:0;margin-top:.8rem}
@media(max-width:1100px){.header-main{flex-wrap:wrap;padding:1rem 0;gap:.7rem}nav{width:100%;justify-content:space-between;padding-bottom:.55rem}.hero-grid{min-height:0}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;padding:4rem 0 5rem;gap:3rem}.hero-photo{min-height:0}.hero-photo img{height:390px;min-height:0}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card:last-child{grid-column:span 2;min-height:320px}.guide-card:last-child strong{max-width:650px}.article-grid{grid-template-columns:1fr;gap:2rem}.source-box{grid-row:2}.partner p{display:none}}
@media(max-width:650px){.wrap{width:min(100% - 2rem,1280px)}.header-main{padding:1.1rem 0 .65rem}.brand img{width:245px}nav{justify-content:flex-start;overflow-x:auto;white-space:nowrap;gap:1.3rem;font-size:.89rem;padding:.4rem 0 .8rem;scrollbar-width:thin}nav .lang{padding:.33rem .7rem}.hero-grid{padding:3.4rem 0 4rem}.hero-copy h1{font-size:clamp(3.1rem,12vw,4.7rem)}.hero-copy p{font-size:1.12rem}.hero-photo img{height:310px}.hero-photo figcaption{font-size:.79rem}.section-pad{padding:4.6rem 0}.topic-grid,.guide-grid,.records{grid-template-columns:1fr}.topic-card{min-height:255px}.guide-card,.guide-card:last-child{grid-column:auto;min-height:370px}.guide-card strong{font-size:2rem}.membership-teaser img{height:255px}.about-grid img{height:260px}.inner-page{padding:3.5rem 0 5rem}.page-heading h1,.guide-article .article h1{font-size:clamp(2.75rem,10vw,4rem)}.article-grid{padding-top:2rem;margin-top:2rem}.article-body section{margin-bottom:2.5rem}.footer-grid{gap:1.4rem}.footer-links{justify-content:flex-start}.partner{align-items:flex-start;flex-direction:column}.partner>div{gap:.5rem}.partner-label{max-width:200px}}
@media(prefers-reduced-motion:reduce){.guide-card img,.record{transition:none}}