/* Former styles.css */

/* NEYRINA LAB — Visual system inspired by the supplied five-page presentation
   Static site, no remote font/API/CDN dependencies. 2026-11-03. */
:root{
  --ink:#091b32;--ink2:#183451;--muted:#53667b;--blue:#0c5caa;--blue2:#1986d7;
  --cyan:#6bc7f1;--ice:#e9f4ff;--pale:#f7fbff;--line:#dce8f3;
  --white:#fff;--edge:clamp(22px,5.5vw,96px);--radius:27px;
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,"Segoe UI",Arial,sans-serif;--shadow:0 18px 70px rgba(9,48,92,.085);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;color:var(--ink);background:linear-gradient(165deg,#fff 0%,#f6fbff 60%,#edf6ff 100%);font-family:var(--sans);line-height:1.64;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2e8dd1;outline-offset:5px}
::selection{background:#c3e7ff;color:#032c52}
button{font:inherit;cursor:pointer}
img,svg{max-width:100%;display:block}
a.inline-link{color:#0a5ea8;text-decoration:underline;text-underline-offset:4px}
.global-waves{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.global-waves::before{content:"";position:absolute;width:78vw;height:80vw;max-width:1180px;max-height:1180px;right:-26vw;top:-43vw;background:radial-gradient(ellipse at 40% 53%,rgba(86,184,248,.18),transparent 47%),radial-gradient(ellipse at 72% 72%,rgba(14,68,130,.14),transparent 56%);filter:blur(15px);animation:floatcloud 16s ease-in-out infinite alternate}
.global-waves::after{content:"";position:absolute;width:65vw;height:60vw;left:-34vw;bottom:-27vw;background:radial-gradient(ellipse,rgba(55,152,215,.105),transparent 65%);animation:floatcloud 19s ease-in-out infinite alternate-reverse}
#wave-canvas{position:absolute;width:100%;height:100%;opacity:.53}
.grid-sheen{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,rgba(15,74,127,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,74,127,.022) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to right,transparent 10%,#000 92%)}
@keyframes floatcloud{to{transform:translate3d(-5%,5%,0) scale(1.08)}}
.page-frame{max-width:1560px;margin:0 auto;position:relative;z-index:1;min-height:100vh}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px var(--edge) 16px;position:relative;z-index:12}
.logo-wrap{width:clamp(196px,22vw,265px);display:inline-flex;align-items:center;transition:transform .25s ease}
.logo-wrap:hover{transform:translateY(-2px)}
.logo-wrap img{width:100%;height:auto}
.header-meta{display:flex;align-items:center;gap:17px;font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:700}
.status-pill{padding:10px 15px;border:1px solid #cddfed;background:#fff9;border-radius:80px;backdrop-filter:blur(13px);box-shadow:0 6px 24px rgba(32,86,149,.05)}
.status-pill i{width:7px;height:7px;display:inline-block;background:var(--blue2);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(25,134,215,.11)}
.site-main{padding:0 var(--edge)}
.float-menu{position:fixed;z-index:41;right:clamp(15px,2.8vw,42px);top:50%;transform:translateY(-50%);width:68px;padding:9px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;background:rgba(255,255,255,.82);border:1px solid rgba(188,214,235,.8);border-radius:35px;backdrop-filter:blur(21px);box-shadow:0 20px 52px rgba(0,52,113,.14)}
.float-link,.float-toggle{border:0;background:none;color:#365a7d;display:grid;place-items:center;width:49px;height:49px;border-radius:18px;position:relative;transition:all .22s ease}
.float-link:hover,.float-link[aria-current="page"]{background:#e7f3fe;color:#09589e;transform:translateY(-1px)}
.float-link svg,.float-toggle svg{width:21px;height:21px;stroke-width:1.9}
.float-link .tooltip{position:absolute;right:64px;white-space:nowrap;padding:9px 13px;border-radius:10px;background:#081d36;color:white;font-size:.78rem;letter-spacing:.01em;opacity:0;pointer-events:none;transform:translateX(5px);transition:all .2s ease}
.float-link:hover .tooltip,.float-link:focus-visible .tooltip{opacity:1;transform:translateX(0)}
.float-separator{height:1px;width:32px;background:#d8e5ef;margin:4px}
.float-toggle{color:white;background:linear-gradient(140deg,#082c55,#1173c5);border-radius:17px;box-shadow:0 6px 16px rgba(11,99,171,.22)}
.float-toggle:hover{background:linear-gradient(150deg,#1364ad,#0a325c)}
.menu-shade{position:fixed;inset:0;background:rgba(4,23,47,.36);backdrop-filter:blur(5px);z-index:48;opacity:0;visibility:hidden;transition:.3s}
.menu-shade.is-open{opacity:1;visibility:visible}
.menu-panel{position:fixed;z-index:49;right:0;top:0;bottom:0;width:min(485px,100%);padding:28px clamp(25px,5vw,52px) 36px;background:linear-gradient(140deg,#ffffff 35%,#eaf5ff 130%);box-shadow:-20px 0 90px #09274629;overflow-y:auto;transform:translateX(108%);transition:transform .36s cubic-bezier(.2,.85,.2,1)}
.menu-panel.is-open{transform:translateX(0)}
.menu-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}
.menu-panel-head img{width:190px}
.close-menu{border:1px solid #cddfeb;background:#fff;border-radius:50%;width:44px;height:44px;font-size:1.35rem;color:var(--ink)}
.nav-kicker{font-size:.67rem;text-transform:uppercase;letter-spacing:.19em;color:#56789a;font-weight:800;margin:23px 0 10px}
.drawer-link{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;border-bottom:1px solid #dae6f0;color:#193752;font-size:1rem;font-weight:550;transition:color .2s,padding .2s}
.drawer-link:hover,.drawer-link[aria-current="page"]{color:var(--blue);padding-left:12px}
.drawer-link::after{content:"↗";font-size:.9rem;color:#398aca}
.menu-footer{margin-top:28px;font-size:.78rem;line-height:1.6;color:var(--muted)}
.hero{position:relative;min-height:625px;display:flex;align-items:center;padding:65px 0 100px;isolation:isolate}
.hero.compact{min-height:475px;padding:60px 0 78px}
.hero-inner{position:relative;z-index:1;max-width:min(880px,85%);width:100%}
.hero-art{position:absolute;right:-11%;top:-13%;width:min(830px,76vw);height:112%;z-index:-1;opacity:.88;pointer-events:none;transform:rotate(-8deg);animation:heroDrift 18s ease-in-out infinite alternate}
@keyframes heroDrift{to{transform:rotate(-4deg) translate(-20px,16px)}}
.hero-art::before,.hero-art::after{content:"";position:absolute;display:block;border-radius:52% 0 58% 0/52% 25% 50% 40%;transform:rotate(-29deg);filter:drop-shadow(-12px 30px 30px rgba(22,79,148,.13))}
.hero-art::before{width:110%;height:68%;right:-18%;top:-18%;background:repeating-radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 2px,rgba(63,155,232,.12) 3px,rgba(17,75,139,.12) 4px),linear-gradient(126deg,rgba(213,237,251,0) 4%,rgba(21,88,157,.86) 49%,#081d42 75%,#428dc9 99%);mask-image:linear-gradient(120deg,transparent 4%,black 38%,black 90%,transparent 100%)}
.hero-art::after{width:86%;height:40%;right:-23%;top:27%;background:repeating-linear-gradient(177deg,rgba(114,210,255,.34) 0 1px,transparent 1px 5px),linear-gradient(120deg,rgba(4,35,83,.02),rgba(8,53,126,.8) 60%,rgba(5,25,61,.93));opacity:.67}
.overline{display:flex;align-items:center;gap:14px;font-size:.75rem;font-weight:800;letter-spacing:.23em;text-transform:uppercase;color:#0e65ab;margin-bottom:24px}
.overline::before{content:"";width:34px;height:2px;background:#0b74cb}
h1,h2,h3,h4,p{margin-top:0}
.hero h1{font-family:var(--serif);font-weight:700;letter-spacing:-.045em;line-height:1.02;font-size:clamp(4.45rem,8.8vw,9rem);margin:0 0 29px;max-width:1000px}
.hero.compact h1{font-size:clamp(3.65rem,7vw,7rem);max-width:950px}
.hero h1 em,.accent{font-style:normal;color:#0c69b3}
.hero h1 .line{display:block}
.hero-lead{max-width:670px;font-weight:620;font-size:clamp(1.22rem,1.65vw,1.65rem);line-height:1.48;margin:0 0 22px;color:#142a43}
.hero-desc{max-width:640px;border-left:3px solid #1768aa;padding-left:22px;color:#40566c;font-size:clamp(.98rem,1.2vw,1.13rem);margin-bottom:30px}
.blue-rule{height:4px;width:clamp(145px,24vw,280px);background:linear-gradient(to right,#0c5ea9,#6ebaf4,transparent);margin:26px 0}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.btn{display:inline-flex;gap:11px;align-items:center;justify-content:center;padding:14px 23px;border-radius:13px;border:1px solid transparent;font-weight:720;font-size:.94rem;transition:transform .25s,box-shadow .25s,background .25s}
.btn:hover{transform:translateY(-3px)}
.btn-primary{color:white;background:linear-gradient(110deg,#072e59,#0e6db7);box-shadow:0 12px 27px #074e8d28}
.btn-outline{background:#ffffffca;border-color:#d6e4f0;color:#124e7d;backdrop-filter:blur(8px)}
.btn svg{width:17px;height:17px}
.micro-note{font-size:.8rem;color:#55718a;line-height:1.55}
.hero-tagline{display:inline-block;margin-top:24px;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#5b7996}
.section{padding:70px 0 56px;position:relative}
.section.tight{padding:35px 0 42px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.section-heading>div:first-child{max-width:840px}
.kicker{font-size:.74rem;text-transform:uppercase;letter-spacing:.22em;color:var(--blue);font-weight:800;margin:0 0 12px}
.section h2{font-family:var(--serif);font-size:clamp(2.45rem,4.7vw,5rem);line-height:1.11;letter-spacing:-.038em;margin:0 0 14px}
.section h3{font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2.55rem);line-height:1.15;letter-spacing:-.025em;margin-bottom:13px}
.section-intro{max-width:830px;color:var(--muted);font-size:1.05rem;margin:0}
.section-cta{white-space:nowrap;color:#075a9f;font-weight:750;border-bottom:2px solid #b5d5eb;padding-bottom:5px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.card{position:relative;border:1px solid rgba(211,227,241,.95);border-radius:var(--radius);background:linear-gradient(140deg,rgba(255,255,255,.94),rgba(233,245,255,.77));box-shadow:var(--shadow);padding:clamp(22px,2.8vw,36px);overflow:hidden;transition:transform .28s,box-shadow .28s}
.card::after{content:"";position:absolute;right:-30%;bottom:-64px;width:100%;height:100px;border-radius:55% 45% 0 0;background:linear-gradient(115deg,transparent,#d0eaffb5);transform:rotate(-17deg);pointer-events:none}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 75px #1d5b9126}
.card>*{position:relative;z-index:1}
.card-number{font:italic 700 2.1rem var(--serif);color:#1b65a0;opacity:.86;margin-bottom:15px}
.icon-box{width:55px;height:55px;display:grid;place-items:center;background:linear-gradient(140deg,#eff8ff,#d7ebfc);border:1px solid #e6f2ff;border-radius:16px;box-shadow:0 8px 21px #2769a61a;color:#0a5d9c;margin-bottom:24px}
.icon-box svg{width:28px;height:28px;stroke-width:1.8}
.card h3,.card h4{font-family:var(--sans);font-size:clamp(1.1rem,1.45vw,1.38rem);font-weight:780;line-height:1.24;margin-bottom:12px;letter-spacing:-.025em}
.card p{color:#506377;font-size:.96rem;margin:0 0 14px}
.card-link{display:inline-flex;gap:7px;align-items:center;font-size:.88rem;font-weight:790;color:var(--blue);margin-top:10px}
.card-link::after{content:"↗";font-size:1rem}
.card.highlight{background:linear-gradient(140deg,#072b56,#0e66a9);color:white;border-color:#0a4b87;box-shadow:0 24px 58px #1a57933a}
.card.highlight p,.card.highlight .card-link{color:#d2ecff}
.card.highlight .icon-box{background:#ffffff24;border-color:#ffffff33;color:white}
.system-card{padding:27px 24px;display:flex;flex-direction:column;min-height:310px}
.system-card h3{font-size:1.12rem}
.system-card .card-link{margin-top:auto}
.system-card .system-index{font-size:.68rem;letter-spacing:.23em;font-weight:850;color:#5484ac;margin-bottom:24px}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,6vw,100px);align-items:center}
.split.reverse>div:first-child{order:2}
.text-lead{font-size:1.15rem;line-height:1.7;color:#3b5369}
.check-list{list-style:none;margin:25px 0 0;padding:0}
.check-list li{padding:12px 0 12px 35px;border-bottom:1px solid #dceaf4;position:relative}
.check-list li::before{content:"✓";position:absolute;left:2px;top:12px;color:#0d75bd;font-size:1.1rem;font-weight:800}
.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;counter-reset:step}
.process-step{padding:31px 25px;border-radius:22px;background:#fffdfdce;border:1px solid #d8e8f5;box-shadow:0 12px 35px #0e4c8112;position:relative}
.process-step:not(:last-child)::after{content:"→";position:absolute;right:-21px;top:37%;font-size:1.55rem;color:#438ccc;z-index:2}
.step-tag{display:block;color:#0e6bb4;font:italic bold 2rem var(--serif);margin-bottom:15px}
.process-step h3{font-size:1.17rem;font-family:var(--sans);letter-spacing:0;font-weight:760}
.process-step p{font-size:.91rem;color:var(--muted);margin-bottom:0}
.section-band{background:linear-gradient(114deg,#092747,#0b477c 67%,#0d6eb3);border-radius:36px;padding:clamp(31px,5vw,68px);color:white;overflow:hidden;position:relative}
.section-band::before{content:"";position:absolute;inset:-130px -60px auto auto;width:500px;height:460px;border-radius:50%;border:60px solid #6cd9ff12;box-shadow:0 0 0 40px #54c7f90d,0 0 0 95px #87d8ff0b;transform:rotate(-23deg)}
.section-band h2,.section-band h3{color:white}
.section-band p{color:#d7e9fa}
.section-band .kicker{color:#9cd9ff}
.section-band>*{position:relative}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:30px}
.metric{border-left:2px solid #85ccff65;padding-left:20px}
.metric strong{font:600 clamp(1.4rem,2vw,2.2rem) var(--serif);display:block;margin-bottom:6px}
.metric span{display:block;font-size:.82rem;color:#bdd9ee}
.topic-tags{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}
.topic-tag{padding:8px 14px;border-radius:50px;border:1px solid #d0e2f0;background:#ffffffba;font-size:.81rem;font-weight:760;color:#1f5c8a}
.quote{font:italic 500 clamp(1.35rem,2.25vw,2.2rem)/1.47 var(--serif);color:#183d5f;max-width:990px}
.quote::before{content:"“";font-size:4rem;line-height:0;vertical-align:-.3em;color:#1b83cb;margin-right:9px}
.timeline{display:grid;gap:0;position:relative}
.timeline:before{content:"";position:absolute;top:12px;bottom:20px;left:19px;width:2px;background:linear-gradient(#0e6bad,#9bd0f2)}
.timeline-item{display:grid;grid-template-columns:46px 1fr;gap:24px;padding:10px 0 24px;position:relative}
.timeline-marker{background:#fff;border:5px solid #257bb9;width:18px;height:18px;border-radius:50%;margin:13px;z-index:1}
.timeline-item h3{font-family:var(--sans);font-size:1.2rem;font-weight:780;margin:0 0 7px}
.timeline-item p{color:#536b81;margin-bottom:8px}
.timeline-state{font-size:.73rem;color:#0c67ab;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.eyebrow-line{display:inline-flex;align-items:center;gap:10px;color:#155e9a;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:830}
.eyebrow-line span{width:7px;height:7px;border-radius:50%;background:#3394d1}
.fact-line{display:flex;flex-wrap:wrap;gap:12px}
.fact{font-size:.81rem;font-weight:700;padding:9px 12px;border-radius:10px;background:#e7f3ff;border:1px solid #d9e8f4;color:#2b5e86}
.fineprint{padding:19px 24px;border:1px solid #dce8f2;border-left:3px solid #2077b7;border-radius:12px;background:#f5faffc4;color:#53697c;font-size:.86rem}
.definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.definition{border-top:2px solid #c8ddeb;padding:23px 20px 10px 0}
.definition b{display:block;color:#0b5b9e;font-size:.76rem;letter-spacing:.12em;margin-bottom:12px}
.definition h3{font-family:var(--sans);font-weight:780;font-size:1.3rem;letter-spacing:0}
.definition p{color:#587088;line-height:1.7}
.accordion{display:grid;gap:11px}
.accordion details{border:1px solid #d2e4f2;background:#ffffffdf;border-radius:18px;box-shadow:0 11px 32px #2b5c8520}
.accordion summary{padding:20px 24px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:13px;font-weight:760;cursor:pointer}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary::after{content:"+";color:#0c6dac;font-size:1.7rem;font-weight:300}
.accordion details[open] summary::after{content:"−"}
.accordion .detail-body{padding:0 24px 23px;color:#536779}
.accordion .detail-body p{margin-bottom:10px}
.cta-panel{padding:clamp(30px,5vw,55px);background:linear-gradient(130deg,#ecf7ff,#ffffff 76%);border:1px solid #d7e7f4;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:var(--shadow);margin:65px 0 80px}
.cta-panel h2{font-size:clamp(1.8rem,3.3vw,3.2rem);margin:0 0 11px;font-family:var(--serif);letter-spacing:-.025em}
.cta-panel p{color:#506a80;margin-bottom:0;max-width:650px}
.site-footer{padding:49px var(--edge) 38px;border-top:1px solid #d9e6f0;display:grid;grid-template-columns:1fr 1.15fr;gap:45px;color:#5d7288;font-size:.86rem}
.footer-brand img{max-width:210px;margin-bottom:18px}
.footer-links{display:flex;flex-wrap:wrap;gap:13px 21px;margin-bottom:22px}
.footer-links a:hover{color:#0b66a7;text-decoration:underline}
.footer-bottom{grid-column:1/-1;border-top:1px solid #dce8f2;padding-top:21px;display:flex;gap:15px;justify-content:space-between;font-size:.78rem}
.scroll-line{position:fixed;z-index:45;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#126cb9,#7cd4fb);pointer-events:none;transition:width .08s linear}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.no-js .reveal{opacity:1;transform:none}
@media(max-width:1150px){.cards.five{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{right:-29%}.float-menu{right:13px}.site-main{padding-right:calc(var(--edge) + 45px)}}
@media(max-width:840px){
  :root{--edge:clamp(20px,5vw,40px)}
  .site-header{padding-top:17px}
  .header-meta .meta-text{display:none}
  .float-menu{right:17px;top:auto;bottom:16px;transform:none;flex-direction:row;width:auto;padding:7px;border-radius:23px;gap:3px;box-shadow:0 10px 45px #0a467842}
  .float-link{width:38px;height:40px;border-radius:14px}
  .float-link svg,.float-toggle svg{width:19px;height:19px}
  .float-link .tooltip{display:none}
  .float-separator{height:28px;width:1px;margin:0 4px}
  .float-toggle{width:41px;height:41px;border-radius:15px}
  .site-main{padding-right:var(--edge)}
  .hero{min-height:580px;padding:55px 0 75px}
  .hero.compact{min-height:405px}
  .hero-inner{max-width:100%}
  .hero h1{font-size:clamp(3.6rem,10vw,6.5rem)}
  .hero-art{opacity:.38;right:-45%;width:110vw}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards.five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-step::after{display:none}
  .split{grid-template-columns:1fr;gap:25px}
  .split.reverse>div:first-child{order:0}
  .site-footer{grid-template-columns:1fr}
  .footer-bottom{flex-wrap:wrap}
  .section{padding:52px 0 35px}
  .cta-panel{margin-bottom:90px}
}
@media(max-width:560px){
  .logo-wrap{width:180px}
  .site-header{padding-bottom:4px}
  .header-meta .status-pill{font-size:.56rem;letter-spacing:0;padding:8px}
  .hero{min-height:unset;padding:76px 0 70px}
  .hero.compact{min-height:unset;padding:66px 0 54px}
  .hero h1{font-size:clamp(3.3rem,13.5vw,5rem);line-height:1.05}
  .hero.compact h1{font-size:clamp(3.05rem,11vw,4.8rem)}
  .hero-lead{font-size:1.15rem}
  .hero-desc{font-size:.96rem}
  .overline{font-size:.66rem}
  .section-heading{display:block}
  .section-cta{display:inline-block;margin-top:17px}
  .cards,.cards.two,.cards.five,.definition-grid,.process{grid-template-columns:1fr}
  .system-card{min-height:unset}
  .section h2{font-size:clamp(2.3rem,11vw,3.5rem)}
  .card{border-radius:21px}
  .metric-strip{grid-template-columns:1fr;gap:23px}
  .cta-panel{display:block}
  .cta-panel .btn{margin-top:22px}
  .footer-bottom{padding-bottom:72px}
  .float-menu{bottom:10px;right:10px;left:10px;justify-content:space-around}
  .menu-panel{padding-bottom:80px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}#wave-canvas{display:none}
}

/* Language switcher — persistent same-page locale navigation */
.lang-switcher{display:inline-flex;gap:3px;align-items:center;border:1px solid #d6e7f3;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-radius:99px;padding:5px;box-shadow:0 7px 24px rgba(11,79,138,.08);white-space:nowrap}
.lang-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:41px;min-height:34px;padding:4px 8px;border-radius:99px;color:#54718d;font-size:.75rem;font-weight:800;letter-spacing:.035em;transition:color .2s,background .2s}
.lang-switcher a:hover{background:#e3f2ff;color:#075da2}
.lang-switcher a[aria-current="page"]{color:#fff;background:linear-gradient(115deg,#0b396b,#0c76c0);box-shadow:0 5px 12px #126caa30}
@media(max-width:1120px){.site-header{gap:11px}.header-meta .meta-text{display:none}}
@media(max-width:560px){.site-header{display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:6px}.site-header .logo-wrap{grid-row:1;grid-column:1}.site-header .lang-switcher{grid-row:1;grid-column:2}.site-header .header-meta{grid-row:2;grid-column:1/-1}.hero{padding-top:52px}.hero.compact{padding-top:47px}}

/* Clear, readable legal and privacy pages */
.legal-section{padding:40px 0 20px}
.legal-section .section-heading{margin-bottom:18px}
.legal-section h2{font-size:clamp(1.8rem,3.4vw,3rem)}
.legal-copy{max-width:1000px;padding:clamp(24px,3.6vw,42px);background:rgba(255,255,255,.88);border:1px solid #d5e7f5;border-radius:22px;box-shadow:0 14px 40px rgba(15,77,130,.08)}
.legal-copy p{color:#38546d;line-height:1.85;font-size:1.01rem;margin:0 0 19px}
.legal-copy p:last-child{margin-bottom:0}
.legal-footer-links{display:flex;align-items:center;gap:17px;flex-wrap:wrap;grid-column:1/-1;border-top:1px solid #dbe7f1;padding:16px 0;margin-top:12px}
.legal-footer-links a{font-size:.88rem;font-weight:750;color:#176aa4;text-decoration:underline;text-underline-offset:3px}
.legal-footer-links a:hover{color:#072f56}
.fineprint a{font-weight:700;color:#0e64a4;text-decoration:underline}
@media(max-width:680px){.legal-footer-links{gap:10px 20px}.legal-copy{padding:20px}.legal-section{padding:30px 0 15px}}

/* Public project contact — display alias only, no civil identity */
.public-contact{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:21px 25px;margin:8px 0 9px;border-radius:18px;background:linear-gradient(120deg,#eaf6ff,#f7fbff);border:1px solid #cce1f2}
.public-contact>div{display:flex;flex-direction:column;gap:2px}
.public-contact-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#45738f;font-weight:800}
.public-contact strong{font-size:1.2rem;color:#0c3e6b}
.public-contact>a{color:#0a62a1;font-size:1.05rem;font-weight:750;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.public-contact>a:hover{color:#08416f}
.contact-cta{margin:18px 0 50px}
@media(max-width:600px){.public-contact{padding:19px;align-items:flex-start}.public-contact>a{font-size:.98rem}}


/* Minimal floating "back to top" action, clear of the mobile navigation */
.back-to-top{
  position:fixed;
  z-index:42;
  right:clamp(15px,2.8vw,42px);
  bottom:28px;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#0b3c6e,#0e76bd);
  box-shadow:0 9px 27px rgba(6,61,115,.25);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.back-to-top[hidden]{display:none!important}
.back-to-top svg{width:21px;height:21px;pointer-events:none}
.back-to-top:hover{transform:translateY(-3px);box-shadow:0 12px 31px rgba(6,61,115,.33)}
.back-to-top:active{transform:translateY(0)}
@media(max-width:840px){
  .back-to-top{right:18px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:43px;height:43px}
}
@media(max-width:560px){
  .back-to-top{right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}


/* Responsive navigation overhaul — FR-first launch, 2026-11-03
   Fix narrow screens by respecting the viewport, and expose a labeled Menu
   trigger in the visible header as well as the bottom navigation. */
.mobile-menu-trigger{display:none}
.float-toggle-label{display:none}
.page-frame,.site-main,.section,.hero,.hero-inner,.section-band,.cta-panel,
.cards,.card,.split,.legal-copy,.site-header,.site-footer{min-width:0;max-width:100%}
.site-main,.site-footer{overflow-wrap:break-word}
.hero-inner,.section-heading>div,.cta-panel>div,.card,.legal-copy{min-width:0}
.hero h1,.section h2,.cta-panel h2{overflow-wrap:break-word}
.section-band,.hero,.legal-copy,.card{overflow-wrap:anywhere}
@media(max-width:840px){
  html,body{max-width:100%;overflow-x:clip}
  .site-header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    column-gap:12px;
    row-gap:9px;
    padding:18px var(--edge) 10px;
  }
  .site-header .logo-wrap{grid-column:1;grid-row:1;width:min(215px,39vw);max-width:100%;min-width:0}
  .site-header .lang-switcher{grid-column:2;grid-row:1;justify-self:end;max-width:100%}
  .site-header .header-meta{grid-column:1;grid-row:2;min-width:0}
  .site-header .header-meta .meta-text{display:none}
  .site-header .mobile-menu-trigger{grid-column:2;grid-row:2;justify-self:end}
  .mobile-menu-trigger{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    min-height:42px;min-width:103px;padding:7px 14px;
    border:1px solid #bed9ee;border-radius:13px;
    background:#ffffffeb;color:#0b4d84;
    font-size:.84rem;font-weight:800;
    box-shadow:0 6px 16px #11457514;
  }
  .mobile-menu-trigger[aria-expanded="true"]{background:#d9edfc;color:#063d71}
  .mobile-menu-trigger svg{flex:0 0 19px;display:block}
  .float-menu{
    bottom:calc(14px + env(safe-area-inset-bottom,0px));
    top:auto;transform:none;
    left:auto;right:14px;
    width:min(420px,calc(100% - 28px));
    display:flex;justify-content:space-around;gap:2px;
    padding:6px 8px;flex-wrap:nowrap;
  }
  .float-menu .float-link{width:38px;min-width:35px;height:40px}
  .float-menu .float-toggle{
    width:78px;min-width:69px;height:41px;
    display:flex;flex-direction:row;align-items:center;justify-content:center;
    gap:4px;padding:5px 7px;flex-shrink:0;
  }
  .float-toggle-label{display:inline;font-size:10px;font-weight:800;line-height:1}
  .float-menu .float-toggle svg{width:19px;height:19px;flex:0 0 19px}
  .menu-panel{
    width:min(470px,100vw);
    max-width:100%;
    padding:calc(20px + env(safe-area-inset-top,0px)) clamp(18px,5vw,36px) calc(96px + env(safe-area-inset-bottom,0px));
    overscroll-behavior:contain;
  }
  .menu-panel-head{margin-bottom:18px}
  .menu-panel-head img{width:min(174px,55vw)}
  .float-link .tooltip{display:none}
  .site-main{padding-right:var(--edge)}
  .hero-inner{max-width:100%}
  .hero-art{pointer-events:none}
  .section-band{border-radius:25px}
  .back-to-top{right:16px;bottom:calc(89px + env(safe-area-inset-bottom,0px))}
  .footer-bottom{padding-bottom:70px}
}
@media(max-width:560px){
  :root{--edge:clamp(17px,5vw,25px)}
  .site-header{padding-top:14px;column-gap:8px;row-gap:7px}
  .site-header .logo-wrap{width:clamp(122px,34vw,170px)}
  .site-header .lang-switcher{padding:3px;gap:2px}
  .site-header .lang-switcher a{min-width:36px;min-height:33px;padding:3px 5px;font-size:.73rem}
  .site-header .header-meta{grid-column:1;grid-row:2}
  .site-header .mobile-menu-trigger{grid-column:2;grid-row:2;min-width:88px;min-height:39px;padding:6px 10px;font-size:.8rem}
  .hero{min-height:0;padding:44px 0 58px}
  .hero.compact{min-height:0;padding:42px 0 46px}
  .hero-inner{max-width:100%;min-width:0}
  .hero h1{font-size:clamp(2.65rem,10.7vw,4.3rem);line-height:1.04;letter-spacing:-.045em}
  .hero.compact h1{font-size:clamp(2.28rem,9.2vw,3.8rem);line-height:1.09}
  .hero-lead{font-size:clamp(1.05rem,4.2vw,1.2rem)}
  .hero-desc{padding-left:14px}
  .overline{font-size:.61rem;letter-spacing:.13em;overflow-wrap:anywhere}
  .section h2{font-size:clamp(2rem,9.5vw,3.3rem);line-height:1.12}
  .section h3{font-size:clamp(1.3rem,6vw,1.85rem)}
  .section-band{padding:22px 18px}
  .card{padding:22px 20px}
  .float-menu{
    bottom:calc(10px + env(safe-area-inset-bottom,0px));
    left:10px;right:10px;width:calc(100% - 20px);
    max-width:none;justify-content:space-around;gap:1px;padding:6px;
  }
  .float-menu .float-link{width:37px;min-width:33px;height:40px}
  .float-menu .float-toggle{width:73px;min-width:64px}
  .back-to-top{right:14px;bottom:calc(85px + env(safe-area-inset-bottom,0px))}
  .site-footer{gap:20px;padding-top:35px}
  .footer-bottom{padding-bottom:92px}
  .section.tight{padding:26px 0 32px}
}
@media(max-width:365px){
  :root{--edge:15px}
  .site-header .logo-wrap{width:112px}
  .site-header .lang-switcher a{min-width:34px;padding:3px 4px}
  .site-header .header-meta .status-pill{font-size:.6rem;padding:7px 9px}
  .site-header .mobile-menu-trigger{min-width:82px;gap:5px;padding:5px 8px}
  .hero h1{font-size:2.58rem}
  .hero.compact h1{font-size:2.18rem}
  .float-menu{left:6px;right:6px;width:calc(100% - 12px)}
  .float-menu .float-link{width:34px;min-width:31px}
  .float-menu .float-toggle{width:69px;min-width:62px}
}

/* Preserve original desktop width on wide monitors. */
.page-frame{max-width:min(1560px,100%)}

/* Mobile performance: static decorative waves and lightweight overlays. */
@media(max-width:560px){
  .global-waves::before,.global-waves::after,.hero-art{animation:none!important}
  .float-menu,.menu-shade{backdrop-filter:none}
  .float-menu{background:rgba(255,255,255,.97)}
  #wave-canvas{opacity:.12}
}

/* Version 1.1: public mission statement, intentionally separate from internal strategy. */
.vision-section{padding-top:clamp(32px,5vw,70px);padding-bottom:clamp(32px,5vw,70px)}
.vision-declaration{max-width:1020px;margin:0 auto;padding:clamp(24px,4vw,56px);border:1px solid rgba(26,112,148,.18);border-radius:20px;background:rgba(246,251,253,.94);box-shadow:0 12px 40px rgba(20,51,65,.05)}
.vision-declaration h2{font-size:clamp(1.8rem,3.4vw,3.1rem);line-height:1.14;margin:10px 0 22px}
.vision-statement{font-size:clamp(1.08rem,1.65vw,1.38rem);line-height:1.65;max-width:780px;margin:0 0 22px;overflow-wrap:break-word}
.vision-caveat{font-size:.94rem;line-height:1.65;color:#526779;border-top:1px solid rgba(26,112,148,.15);padding-top:18px;margin:0;overflow-wrap:break-word}
@media(max-width:560px){.vision-section{padding:28px 0}.vision-declaration{padding:24px 19px;border-radius:14px}.vision-declaration h2{margin:8px 0 16px}.vision-statement{font-size:1.07rem}}

/* Former foundry-flow.css */
/* Correct P0 execution flow; independent of system IDs and implementation order */
.foundry-flow{padding:clamp(20px,3vw,42px) 0}
.foundry-flow-inner{background:#f2f8fe;border:1px solid #cadfed;border-radius:25px;
 padding:clamp(18px,3vw,36px);box-shadow:0 15px 34px rgba(12,51,92,.05)}
.foundry-flow .flow-eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.12em;color:#116aa7}
.foundry-flow h2{font-size:clamp(1.35rem,2.6vw,2rem);margin:12px 0;line-height:1.25;color:#102944}
.foundry-flow p{color:#47627d;line-height:1.58;max-width:1040px}
.foundry-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
 list-style:none;padding:0;margin:21px 0}
.foundry-steps>li{position:relative;background:#fff;border:1px solid #cfdfed;border-radius:15px;padding:17px;min-width:0}
.foundry-steps>li:hover{border-color:#358dc2;background:#f7fcff}
.foundry-steps h3 a::after{content:"";position:absolute;inset:0;border-radius:15px}
.foundry-steps a{font-weight:750;color:#145e98}
.foundry-steps .flow-step-number{font-size:.75rem;letter-spacing:.12em;color:#5584a6;font-weight:800}
.foundry-steps h3{font-size:1.12rem;line-height:1.3;margin:6px 0}
.foundry-steps p{font-size:.9rem;margin:6px 0}
.foundry-steps .flow-artifact{font-size:.78rem;background:#eaf4fb;border-radius:8px;
 padding:6px 7px;overflow-wrap:anywhere;color:#174a70}
.foundry-flow .flow-route{color:#155b8c;background:#e2f2ff;
 border-radius:10px;padding:10px 13px;overflow-wrap:anywhere}
.foundry-flow .flow-links{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 16px}
.foundry-flow .flow-links a{display:inline-flex;align-items:center;justify-content:center;
 min-height:42px;flex:1 1 100px;white-space:nowrap;background:#fff;border:1px solid #a9c9df;
 border-radius:12px;padding:8px 12px;font-weight:800;color:#125e94;text-decoration:none}
.foundry-flow .flow-links a:hover,.foundry-flow .flow-links a:focus-visible{
 background:#e0f1fd;outline:2px solid #1972b3;outline-offset:1px}
.foundry-steps>li:focus-within{border-color:#2179ae;box-shadow:0 0 0 2px #cbe8fb}
.foundry-examiner-section{scroll-margin-top:100px;padding:12px 0}
.foundry-examiner-section .flow-examiner-inner{background:#f2f8fe;border:1px solid #c9deed;
 border-radius:17px;padding:18px 22px}
.foundry-examiner-section h2{font-size:clamp(1.25rem,2.5vw,1.8rem);color:#143654}
.foundry-examiner-section p{color:#405b71}
.foundry-flow .flow-distinction{border-left:3px solid #127caf;padding-left:13px}
.foundry-flow .flow-status{background:#eaf2f8;padding:12px 14px;border-radius:12px}
.foundry-spec{padding:clamp(20px,3vw,40px) 0}
.foundry-spec h2{font-size:clamp(1.35rem,2.5vw,2rem)}
.foundry-spec p{color:#47627d}
.foundry-spec .spec-table-wrap{overflow-x:auto;border:1px solid #cbdce8;border-radius:15px}
.foundry-spec table{width:100%;border-collapse:collapse;min-width:700px;background:white}
.foundry-spec th,.foundry-spec td{padding:14px;text-align:left;vertical-align:top;
 border-bottom:1px solid #dbe6ef;font-size:.89rem;line-height:1.56}
.foundry-spec th{background:#edf6fd;color:#1c4b70}
.foundry-spec td:first-child{min-width:170px;font-weight:750;color:#143f61}
@media(max-width:920px){.foundry-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.foundry-steps{grid-template-columns:1fr}
 .foundry-flow-inner{padding:17px}
 .foundry-flow h2{font-size:1.35rem}
 .foundry-spec table{min-width:650px}}

/* Exactly the existing five system cards, no duplicate process diagram */
.canonical-system-card{position:relative;cursor:pointer}
.canonical-system-card a.card-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.canonical-system-card:hover{border-color:#2d82b8;box-shadow:0 12px 30px rgba(19,70,113,.12)}
.canonical-system-card:focus-within{outline:3px solid #2479b3;outline-offset:3px}

/* Former stage-nav-v1.css */

/* Five-stage global navigation: one stage is one round clickable link. */
.stage-global{
  position:sticky;top:0;z-index:40;
  margin:0 var(--edge);
  padding:8px clamp(6px,1.4vw,18px);
  border:1px solid #c4deef;border-radius:19px;
  background:rgba(248,252,255,.97);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 10px 29px rgba(15,75,122,.10);
}
.stage-global-track{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:start;gap:clamp(3px,1vw,12px);
  position:relative;
}
.stage-global-track::before{
  position:absolute;content:"";height:2px;top:24px;
  left:9.5%;right:9.5%;background:#c7dceb;
  z-index:-1;pointer-events:none;
}
.stage-global-link{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding:3px 4px 7px;min-height:78px;min-width:0;gap:6px;
  border:1px solid transparent;border-radius:13px;
  color:#1b587d;text-decoration:none;text-align:center;
  transition:background-color .16s ease,border-color .16s ease;
}
.stage-global-circle{
  width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;
  border-radius:50%;border:2px solid #b1d1e6;
  background:#fff;box-shadow:0 3px 10px #20578a15;
  color:#0c62a0;font-size:15px;line-height:1;font-weight:850;
}
.stage-global-label{
  display:block;font-size:clamp(10px,1.02vw,14px);
  font-weight:750;line-height:1.22;min-width:0;overflow-wrap:break-word;
}
.stage-global-short{display:none}
.stage-global-link:hover{background:#e5f2fc;border-color:#b9d5e7}
.stage-global-link:hover .stage-global-circle{border-color:#2882be}
.stage-global-link[aria-current="page"]{background:#e5f2fc;border-color:#99c4e0}
.stage-global-link[aria-current="page"] .stage-global-circle{
  background:#156bac;border-color:#156bac;color:#fff;
}
.stage-global-link:focus-visible{outline:3px solid #086eb8;outline-offset:2px}
.stage-sequence-note{font-size:.95rem;line-height:1.6;color:#47627d;margin:12px 0 0}
/* Header: another-sections drawer remains reachable without the floating menu. */
@media(min-width:841px){
 .site-header .mobile-menu-trigger{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:8px 13px;min-height:42px;border:1px solid #c6ddee;border-radius:13px;
  background:#ffffffed;color:#125584;font-weight:800;
 }
 .site-header .mobile-menu-trigger:hover{background:#e8f4fc}
 .site-header .header-meta .meta-text{display:none}
}
/* One native disclosure contains the five stage links in the same order. */
.stage-drawer-details{
  margin:10px 0 12px;border:1px solid #c4dcec;border-radius:14px;
  overflow:hidden;background:#f2f8fe;
}
.stage-drawer-details>summary{
  position:relative;cursor:pointer;list-style:none;
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 14px;color:#124f7f;font-weight:800;
}
.stage-drawer-details>summary::-webkit-details-marker{display:none}
.stage-drawer-details>summary::after{content:"⌄";font-size:1.1rem;transition:transform .16s ease}
.stage-drawer-details[open]>summary::after{transform:rotate(180deg)}
.stage-drawer-details>summary:hover{background:#e0f0fb}
.stage-drawer-details>summary:focus-visible{outline:3px solid #116fb2;outline-offset:-3px}
.stage-drawer-links{padding:2px 14px 10px;border-top:1px solid #c9dfef}
.stage-drawer-links .drawer-link{padding:12px 4px;font-weight:650}
.stage-drawer-links .drawer-link[aria-current="page"]{color:#0c65a4;font-weight:850}
/* Bottom quick menu retained, with visible hover/focus hints above each icon. */
.float-menu{
  top:auto;right:auto;bottom:clamp(10px,2vh,20px);left:50%;
  transform:translateX(-50%);flex-direction:row;
  width:auto;max-width:calc(100vw - 20px);padding:7px;
  border-radius:25px;gap:3px;overflow:visible;
}
.float-menu .float-separator{width:1px;height:30px;margin:0 4px}
.float-menu .float-link{overflow:visible}
.float-menu .float-link .tooltip,.float-menu .float-toggle .tooltip{
  display:block!important;opacity:0;visibility:hidden;
  position:absolute;bottom:calc(100% + 12px);top:auto;
  left:50%;right:auto;z-index:70;pointer-events:none;
  transform:translateX(-50%) translateY(5px);
  background:#102c4c;color:#fff;border-radius:9px;
  font-size:12px;font-weight:650;line-height:1.3;letter-spacing:0;
  white-space:nowrap;padding:8px 11px;
  box-shadow:0 8px 22px rgba(10,38,72,.28);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.float-menu .float-link:hover .tooltip,
.float-menu .float-link:focus-visible .tooltip,
.float-menu .float-toggle:hover .tooltip,
.float-menu .float-toggle:focus-visible .tooltip{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
.float-menu .float-link:focus-visible,.float-menu .float-toggle:focus-visible{
  outline:3px solid #0e70b3;outline-offset:2px;
}
@media(max-width:840px){
 .stage-global{margin:0 clamp(8px,2vw,16px)}
 .float-menu{
  top:auto;left:50%;right:auto;
  bottom:calc(12px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);flex-direction:row;
  width:auto;max-width:calc(100vw - 16px);justify-content:center;
 }
 .float-link .tooltip{display:block!important}
 .stage-global-track::before{top:21px}
 .stage-global-circle{width:42px;height:42px;flex-basis:42px;font-size:13px}
}
@media(max-width:560px){
 .stage-global{margin:0 6px;padding:6px 3px;border-radius:12px}
 .stage-global-track{gap:0}
 .stage-global-track::before{top:19px;left:10%;right:10%}
 .stage-global-link{gap:5px;min-height:64px;padding:2px 0 4px;border-radius:9px}
 .stage-global-circle{width:36px;height:36px;flex-basis:36px;font-size:12px;border-width:1.5px}
 .stage-global-label{font-size:clamp(9px,2.6vw,11px)}
 .stage-global-long{display:none}
 .stage-global-short{display:block}
 .float-menu{max-width:calc(100vw - 12px);width:auto;left:50%;right:auto;justify-content:center}
}
@media(max-width:365px){
 .stage-global-circle{width:32px;height:32px;flex-basis:32px;font-size:11px}
 .stage-global-label{font-size:9px}
 .stage-global-link{min-height:62px}
}
/* Keep motion/accessibility preferences consistent with main site. */
@media(prefers-reduced-motion:reduce){
 .stage-global-link,.stage-drawer-details>summary::after,
 .float-menu .tooltip{transition:none}
}

/* Former sticky-site-nav-v2.css */

/* NEYRINA LAB: global floating header and stage nav limited to system pages */
.page-frame>.site-header{
 position:sticky;top:0;z-index:65;
 padding-top:clamp(9px,1.2vw,16px);
 padding-bottom:clamp(7px,1vw,13px);
 margin:0 0 5px;
 background:rgba(250,253,255,.96);
 border:1px solid rgba(194,220,239,.78);
 border-top:0;
 border-radius:0 0 18px 18px;
 box-shadow:0 5px 25px rgba(13,68,112,.075);
 -webkit-backdrop-filter:blur(16px);
 backdrop-filter:blur(16px);
}
.page-frame>.site-header.is-stuck{
 background:rgba(250,253,255,.985);
 box-shadow:0 9px 28px rgba(13,68,112,.14);
}
.page-frame>.stage-global{
 position:sticky;top:var(--neyrina-sticky-header-height,90px);
 z-index:60;
 margin-top:6px;
}
.page-frame>.stage-global .stage-global-track{
 grid-template-columns:repeat(5,minmax(0,1fr));
}
/* Drawer overlays sticky header and both fixed navs when open. */
.menu-shade{z-index:90}
.menu-panel{z-index:91}
.float-menu{z-index:70}
/* All five bottom hints are visible on hover and keyboard focus. */
.float-menu .float-link .tooltip,
.float-menu .float-toggle .tooltip{z-index:75}
.float-menu .float-link:hover .tooltip,
.float-menu .float-link:focus-visible .tooltip,
.float-menu .float-toggle:hover .tooltip,
.float-menu .float-toggle:focus-visible .tooltip{
 opacity:1;visibility:visible;
}
/* Consistent focus feedback, not a decorative invisible click target. */
.page-frame>.site-header .mobile-menu-trigger:focus-visible,
.page-frame>.site-header .lang-switcher a:focus-visible{
 outline:3px solid #096db5;outline-offset:2px;
}
@media(max-width:840px){
 .page-frame>.site-header{
   padding:9px var(--edge) 9px;
   border-radius:0 0 14px 14px;
 }
 .page-frame>.stage-global{margin-top:3px}
}
@media(max-width:560px){
 .page-frame>.site-header{
   padding:8px var(--edge);
   margin-bottom:3px;
 }
 .page-frame>.stage-global{margin-inline:6px}
 .float-menu{bottom:calc(9px + env(safe-area-inset-bottom,0px))}
}

/* One shared site stylesheet -- final FR/EN/RU navigation rules. */
/* overflow-x:clip avoids creating an unwanted ancestor scrolling container. */
html {overflow-x:clip;scroll-padding-top:var(--neyrina-sticky-scroll-offset,100px)}
body:not(.menu-open) {overflow-x:clip}
body.menu-open {overflow:hidden}
.page-frame {overflow:visible}
.page-frame>.site-header{
 position:sticky;top:0;z-index:65;
 background:rgba(250,253,255,.985);
 box-shadow:0 5px 25px rgba(13,68,112,.11);
}
.page-frame>.stage-global{
 position:sticky;top:var(--neyrina-sticky-header-height,100px);z-index:60;
}
.float-menu {
 position:fixed;
 top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));
 left:50%;right:auto;transform:translateX(-50%);
 width:max-content;max-width:calc(100vw - 18px);
 flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;
 overflow:visible;z-index:70;
}
.float-menu .float-link .tooltip,.float-menu .float-toggle .tooltip{
 display:block !important;position:absolute;
 bottom:calc(100% + 11px);top:auto;left:50%;right:auto;
 opacity:0;visibility:hidden;pointer-events:none;
 transform:translate(-50%,6px);
 white-space:nowrap;max-width:min(280px,calc(100vw - 25px));z-index:75;
}
.float-menu .float-link:hover .tooltip,
.float-menu .float-link:focus-visible .tooltip,
.float-menu .float-toggle:hover .tooltip,
.float-menu .float-toggle:focus-visible .tooltip{
 opacity:1;visibility:visible;transform:translate(-50%,0);
}
.float-menu .float-link:focus-visible,
.float-menu .float-toggle:focus-visible,
.stage-global-link:focus-visible{
 outline:3px solid #0b68ab;outline-offset:2px;
}
.menu-panel{z-index:91}
.menu-shade{z-index:90}
@media(max-width:840px){
 html,body:not(.menu-open){overflow-x:clip}
 .page-frame>.site-header{position:sticky;top:0;padding:9px var(--edge);z-index:65}
 .page-frame>.stage-global{top:var(--neyrina-sticky-header-height,100px)}
 .float-menu{
   position:fixed;top:auto;left:50%;right:auto;
   bottom:calc(10px + env(safe-area-inset-bottom,0px));
   transform:translateX(-50%);
   width:max-content;max-width:calc(100vw - 12px);
   gap:3px;justify-content:center;flex-direction:row;
 }
}
@media(max-width:560px){
 .page-frame>.site-header{padding:8px var(--edge)}
 .float-menu{left:50%;right:auto;width:max-content;max-width:calc(100vw - 10px)}
 .float-menu .float-link{flex-shrink:1;min-width:30px}
 .float-menu .float-toggle{flex-shrink:0}
}
@supports not (overflow:clip){
 html{overflow-x:visible}
 body:not(.menu-open){overflow-x:visible}
 .site-main,.site-footer{overflow-x:clip}
}

/* v2 compact universal header: logo | (Sections + locale dropdown).
   One row even on tablets; no prior status badge or duplicate switcher. */
.page-frame>.site-header{
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 align-items:center;
 justify-content:space-between;
 column-gap:clamp(6px,2vw,20px);
 padding-block:clamp(8px,1.35vw,18px);
}
.page-frame>.site-header .logo-wrap{
 display:inline-flex;
 flex:0 1 auto;
 width:clamp(124px,22vw,265px);
 min-width:0;
 grid-column:auto;
 grid-row:auto;
}
.page-frame>.site-header .header-actions{
 display:flex;
 flex:0 0 auto;
 flex-direction:row;
 align-items:center;
 justify-content:flex-end;
 gap:clamp(5px,1vw,12px);
 min-width:0;
}
.page-frame>.site-header .mobile-menu-trigger{
 position:relative;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 grid-column:auto;
 grid-row:auto;
 min-height:42px;
 min-width:0;
 margin:0;
 padding:8px 13px;
 border:1px solid #bfd9ec;
 border-radius:14px;
 background:rgba(255,255,255,.95);
 color:#124e7d;
 font-size:.87rem;
 font-weight:800;
 letter-spacing:0;
 text-transform:none;
 white-space:nowrap;
 box-shadow:0 4px 18px rgba(12,70,115,.07);
}
.page-frame>.site-header .mobile-menu-trigger:hover{
 background:#e9f4fd;
 border-color:#87b9dc;
}
.page-frame>.site-header .language-dropdown{
 position:relative;
 flex:0 0 auto;
 margin:0;
}
.page-frame>.site-header .language-dropdown>summary{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 min-height:42px;
 min-width:70px;
 padding:8px 12px;
 list-style:none;
 border:1px solid #bfd9ec;
 border-radius:14px;
 background:rgba(255,255,255,.95);
 color:#0e5b97;
 font-weight:850;
 font-size:.88rem;
 line-height:1;
 cursor:pointer;
 box-shadow:0 4px 18px rgba(12,70,115,.07);
}
.page-frame>.site-header .language-dropdown>summary::-webkit-details-marker{
 display:none;
}
.page-frame>.site-header .language-dropdown>summary:hover,
.page-frame>.site-header .language-dropdown[open]>summary{
 background:#e9f4fd;
 border-color:#87b9dc;
}
.page-frame>.site-header .language-dropdown>summary svg{
 width:14px;height:14px;
 flex:0 0 14px;
 transition:transform .15s ease;
}
.page-frame>.site-header .language-dropdown[open]>summary svg{
 transform:rotate(180deg);
}
.page-frame>.site-header .language-dropdown>summary:focus-visible{
 outline:3px solid #116fae;
 outline-offset:2px;
}
.page-frame>.site-header .language-dropdown:not([open])>.language-menu{
 display:none;
}
.page-frame>.site-header .language-menu{
 position:absolute;
 top:calc(100% + 9px);
 right:0;
 z-index:110;
 min-width:184px;
 max-width:min(260px,calc(100vw - 20px));
 padding:7px;
 display:flex;
 flex-direction:column;
 gap:3px;
 border:1px solid #bcd8ec;
 border-radius:15px;
 background:#fff;
 box-shadow:0 16px 36px rgba(13,57,92,.18);
}
.page-frame>.site-header .language-menu a{
 display:flex;
 gap:12px;
 align-items:center;
 min-height:42px;
 padding:8px 12px;
 border-radius:10px;
 text-decoration:none;
 color:#254b6c;
 font-size:.87rem;
}
.page-frame>.site-header .language-menu a:hover,
.page-frame>.site-header .language-menu a:focus-visible{
 background:#eaf4fc;
 outline-offset:-2px;
}
.page-frame>.site-header .language-menu a[aria-current="page"]{
 color:#0b5e9d;
 background:#dfedf9;
 font-weight:800;
}
.page-frame>.site-header .language-option-code{
 font-weight:850;
 min-width:24px;
 letter-spacing:.025em;
}
.page-frame>.site-header .language-option-name{font-weight:550}
@media(max-width:840px){
 .page-frame>.site-header{
  display:flex;
  grid-template-columns:none;
  grid-template-rows:none;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  column-gap:8px;
  padding:9px var(--edge);
 }
 .page-frame>.site-header .logo-wrap{
  grid-column:auto;
  grid-row:auto;
  width:clamp(112px,27vw,175px);
 }
 .page-frame>.site-header .header-actions{gap:7px}
 .page-frame>.site-header .mobile-menu-trigger{
  grid-column:auto;grid-row:auto;justify-self:auto;
  min-height:40px;
  padding:7px 10px;
 }
 .page-frame>.site-header .language-dropdown>summary{
  min-height:40px;
  padding:7px 10px;
  min-width:64px;
 }
}
@media(max-width:560px){
 .page-frame>.site-header{padding:8px var(--edge);gap:5px}
 .page-frame>.site-header .logo-wrap{width:clamp(100px,29vw,138px)}
 .page-frame>.site-header .header-actions{gap:5px}
 .page-frame>.site-header .mobile-menu-trigger{
  gap:5px;
  min-height:38px;
  font-size:.76rem;
  padding:6px 9px;
 }
 .page-frame>.site-header .mobile-menu-trigger svg{
  width:17px;height:17px;
 }
 .page-frame>.site-header .language-dropdown>summary{
  min-height:38px;
  min-width:60px;
  padding:6px 9px;
  font-size:.78rem;
  gap:4px;
 }
 .page-frame>.site-header .language-menu{
  min-width:168px;
  right:0;
 }
}
@media(max-width:360px){
 .page-frame>.site-header .logo-wrap{width:105px}
 .page-frame>.site-header .mobile-menu-trigger{min-width:40px;padding:5px 8px}
 .page-frame>.site-header .mobile-menu-trigger span{display:none}
 .page-frame>.site-header .language-dropdown>summary{min-width:54px;padding:5px 7px}
}
@media(prefers-reduced-motion:reduce){
 .page-frame>.site-header .language-dropdown>summary svg{transition:none}
}