:root{--bg: #071526;--bg-soft: #102947;--card: #ffffff;--ink: #0f172a;--text-on-dark: #f6f9ff;--accent: #f2c94c;--accent-soft: #ffd86f;--line: #d3ddf0}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(170deg,#f4f7ff,#edf2ff);color:var(--ink);line-height:1.5}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}.page{overflow-x:clip}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.shell{width:min(1080px,100% - 2.5rem);margin-inline:auto}.section{position:relative;padding:clamp(3.5rem,9vw,6.5rem) 0}h1,h2,h3{line-height:1.15;margin:0 0 1rem}h1{font-size:clamp(2rem,5.4vw,4.4rem)}h2{font-size:clamp(1.6rem,3.3vw,2.6rem)}h3{font-size:clamp(1.2rem,2vw,1.6rem)}.eyebrow{display:inline-block;margin-bottom:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;font-size:.8rem}.intro{max-width:65ch;margin-bottom:1.2rem;font-size:1.05rem}.bullets{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}.takeaway{margin-top:1.2rem;padding:.85rem 1rem;border-left:4px solid #1d4ed8;background:#eaf1ff;font-weight:600}.hero{background:linear-gradient(145deg,#081c36,#0a2547 55%,#0f2f57);color:var(--text-on-dark);padding-bottom:clamp(4rem,11vw,8rem)}.hero-content-panel{position:relative;z-index:3;width:min(700px,100% - 2.5rem);margin-left:max(1.25rem,(100vw - 1080px) / 2);padding:clamp(1rem,2vw,1.5rem);border-radius:1rem;background:linear-gradient(140deg,#061224eb,#08182db8);box-shadow:0 16px 50px #00000047}.hero .takeaway{background:#132c4feb;border-left-color:var(--accent-soft);color:#fff}.hero-visual{position:absolute;right:-10vw;bottom:-3rem;width:min(56vw,760px);height:min(42vw,500px);border-radius:2.25rem 0 0 2.25rem;overflow:hidden;box-shadow:0 22px 60px #02081773;border:2px solid rgba(255,255,255,.24);transform:rotate(-2.5deg);z-index:1}.hero-visual img,.network-visual img,.history-icons img{animation:softFloat 13s ease-in-out infinite}.network-visual img{animation-duration:15s}.history-icons img{animation-duration:17s}.compare{background:#fff}.compare-stage{position:relative;margin:1.5rem 0 1.15rem;padding:clamp(1rem,3vw,1.5rem);border-radius:1.4rem;background:linear-gradient(165deg,#eef4ff,#f7faff);border:1px solid #d9e4fb;overflow:hidden;box-shadow:0 18px 42px #1029471c}.compare-visual{position:absolute;inset:.8rem .8rem auto 38%;height:clamp(190px,32vw,320px);border-radius:1.1rem;overflow:hidden;box-shadow:0 20px 40px #0f172a38;transform:rotate(-2deg);z-index:1}.compare-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#09122133,#09122108 45%,#09122154)}.compare-grid{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:.9rem;width:min(68%,680px);z-index:2}.tile{border-radius:1rem;padding:1rem 1.1rem;border:1px solid var(--line);background:#f8fbfff5;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.tile-eu{background:linear-gradient(150deg,#dbeafe,#bfdbfe);transform:translateY(-10px) scale(1.02);box-shadow:0 16px 34px #2563eb33}.badge{display:inline-block;padding:.3rem .65rem;border-radius:999px;background:#0f172a;color:#fff;font-weight:700;margin-top:.45rem}.mandatory-statement{position:relative;z-index:3;margin:1.1rem 0 0;padding:.9rem 1rem;width:min(72%,740px);background:#102947;color:#fff;border-left:5px solid var(--accent);border-radius:.55rem;font-weight:700;box-shadow:0 10px 24px #030b1647}.what-is-eu{background:linear-gradient(180deg,#eff4ff,#f8fbff)}.what-grid{position:relative;min-height:360px;display:grid}.what-content{position:relative;z-index:2;width:min(690px,100%)}.panel{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1rem 1rem 1rem 2rem;box-shadow:0 14px 30px #10294714}.network-visual{position:absolute;right:0;top:1rem;width:clamp(280px,40vw,500px);height:clamp(180px,25vw,320px);border-radius:1.2rem;overflow:hidden;z-index:1;transform:translate(20px,-10px);box-shadow:0 16px 34px #0c1a3138}.organs{background:linear-gradient(180deg,#f4f8ff,#fff 70%)}.organ-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1.2rem 0}.organ-card{border:1px solid #d8e2f6;border-radius:1rem;padding:1rem;background:#fff;box-shadow:0 10px 24px #10294714}.organ-card-focus{border-color:#a8c0ee;background:linear-gradient(160deg,#f3f7ff,#fff)}.organ-takeaway{margin:.7rem 0 0;padding:.55rem .7rem;border-left:4px solid #1d4ed8;border-radius:.4rem;background:#eef4ff;font-weight:600}.rat-compare{margin-top:1rem;border:1px solid #9fb7e8;border-radius:1rem;padding:1rem;background:linear-gradient(155deg,#0f2744,#173b66);color:#f8fbff;box-shadow:0 14px 32px #08142547}.rat-compare h3{margin-bottom:.4rem}.rat-compare-intro{margin:0 0 .9rem}.rat-table{display:grid;gap:.45rem}.rat-head,.rat-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1fr) minmax(0,1fr);gap:.5rem}.rat-head{font-weight:700;color:#e4eeff}.rat-row{padding:.65rem;border-radius:.6rem;background:#ffffff17}.rat-label{font-weight:700}.rat-memory{margin:.9rem 0 0;padding:.7rem .8rem;border-left:4px solid #f2c94c;background:#ffffff1f;border-radius:.45rem}.history{background:#fff}.history-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.7fr);gap:1.2rem;align-items:start}.timeline{margin:1.4rem 0 1.2rem;list-style:none;padding:0;display:grid;gap:.9rem}.timeline li{position:relative;padding:.8rem 1rem .8rem 2.2rem;border-left:3px solid #c8d7f5;background:#f8fbff;border-radius:.9rem;animation:cardRise .7s ease both}.timeline li:nth-child(1){animation-delay:.05s}.timeline li:nth-child(2){animation-delay:.14s}.timeline li:nth-child(3){animation-delay:.23s}.timeline li:nth-child(4){animation-delay:.32s}.timeline li:nth-child(2){margin-left:.8rem}.timeline li:nth-child(3){margin-left:1.4rem}.timeline li:nth-child(4){margin-left:2rem}.timeline li:before{content:"";position:absolute;left:-.5rem;top:1.05rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--accent-soft);box-shadow:0 0 0 3px #fff}.history-icons{margin-top:1.4rem;border-radius:1rem;overflow:hidden;min-height:220px;box-shadow:0 12px 28px #10294729}.year{font-weight:800;color:#1d4ed8;margin:0 0 .2rem}@keyframes softFloat{0%,to{transform:scale(1.02) translateY(0)}50%{transform:scale(1.02) translateY(-8px)}}@keyframes cardRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.hero-content-panel{width:min(1080px,100% - 2.5rem);margin-inline:auto}.hero-visual{position:relative;right:-1rem;bottom:-1rem;margin:1.4rem 0 0 auto;width:min(88vw,560px);height:250px;border-radius:1.4rem 0 0 1.4rem;transform:rotate(-1.5deg)}.history-layout{grid-template-columns:1fr}.compare-stage{padding-top:220px}.compare-visual{inset:.8rem .8rem auto .8rem;height:190px;transform:rotate(0)}.compare-grid,.mandatory-statement{width:100%}.compare-grid{grid-template-columns:1fr}.tile-eu{transform:translateY(0)}.what-grid{gap:.9rem;min-height:unset}.organ-grid{grid-template-columns:1fr}.rat-head{display:none}.rat-row{grid-template-columns:1fr;gap:.35rem}.network-visual{position:relative;right:auto;top:auto;width:92%;height:210px;margin-left:auto;transform:translate(0)}.timeline li,.timeline li:nth-child(2),.timeline li:nth-child(3),.timeline li:nth-child(4){margin-left:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important}}