:root{--black:#05080d;--ink:#07111c;--navy:#0b1d2e;--navy2:#11283c;--navy3:#17344b;--blue:#337da7;--blue-light:#8db8d1;--blue-pale:#bad0df;--text:#f0f4f7;--muted:#a5b3bf;--line:rgba(191,211,225,.17);--line-strong:rgba(191,211,225,.3);--white:#f8fafb;--serif:'Newsreader',Georgia,serif;--headline:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-padding-top:0}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--black);color:var(--text);font:400 15px/1.65 var(--body);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:#437fa4;color:white}:focus-visible{outline:2px solid #91cce8;outline-offset:5px}.skip-link{position:fixed;z-index:2000;top:-80px;left:15px;padding:12px 18px;background:white;color:#071321}.skip-link:focus{top:12px}
.panel{position:relative;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;display:flex;flex-direction:column;padding:90px clamp(25px,5.6vw,100px) 28px;isolation:isolate}.panel::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(190,214,232,.22),transparent);pointer-events:none}.panel-index{display:flex;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.20em;font-weight:700;color:#8da5b7;position:relative;z-index:2}.panel-index span:first-child{color:#7cabc7}.section-body{width:100%;max-width:1460px;margin:auto;position:relative;z-index:2}.section-footer{display:flex;justify-content:space-between;gap:15px;position:relative;z-index:2;font-size:10px;font-weight:600;letter-spacing:.17em;color:#7f99ae;padding-top:10px}.eyebrow{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:.17em;font-weight:700;color:#93acc0;margin:0 0 24px;text-transform:uppercase}.slash{display:inline-block;width:27px;height:9px;background:repeating-linear-gradient(115deg,var(--blue-light) 0 3px,transparent 3px 8px);flex-shrink:0}.display-xl,.display-lg{font-family:var(--headline);line-height:.96;font-weight:700;letter-spacing:.004em;text-transform:uppercase;margin:0}.display-xl{font-size:clamp(58px,6.7vw,119px)}.display-lg{font-size:clamp(55px,5.2vw,98px)}.display-xl em,.display-lg em{font-style:normal;color:#799bb1}.display-xl span,.display-lg span{color:#78aaca}.serif-line{font:italic 500 clamp(25px,2.7vw,44px)/1.2 var(--serif);letter-spacing:-.016em;color:#d6e1e9;margin:25px 0}.reveal{opacity:0;transform:translateY(28px);transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s ease;will-change:opacity,transform}.is-active .reveal{opacity:1;transform:translateY(0)}.is-active .reveal:nth-child(2){transition-delay:.15s}.btn{border:1px solid var(--line-strong);min-height:52px;display:inline-flex;justify-content:space-between;gap:25px;align-items:center;line-height:1.2;padding:16px 22px;letter-spacing:.09em;font-size:11px;font-weight:700;text-transform:uppercase;transition:background .2s,color .2s,transform .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-solid{background:#6d9ebc;border-color:#9cbcd0;color:#061522}.btn-solid:hover{background:#a2c4d8}.btn-line{background:transparent;color:#dae7ef}.btn-line:hover{border-color:#82afc8;background:rgba(114,164,196,.08)}.small-status{font-size:9px;font-weight:500;letter-spacing:.05em;color:#8aa5b8}.btn.full{width:100%}
/* Navigation */
.topbar{position:fixed;z-index:250;inset:0 0 auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,5.6vw,100px);gap:22px;background:rgba(5,10,16,.67);border-bottom:1px solid rgba(200,224,238,.10);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translateY(-110%);transition:transform .7s ease}.topbar.shown{transform:translateY(0)}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand img{filter:drop-shadow(0 0 6px rgba(108,174,216,.12))}.brand-type{display:flex;flex-direction:column;line-height:1}.brand-type span{font-size:8px;letter-spacing:.34em;font-weight:700}.brand-type b{font-family:var(--headline);font-size:30px;letter-spacing:.04em;line-height:1}.brand-rule{height:29px;width:1px;background:rgba(226,232,238,.43);margin:0 8px 0 10px}.brand-regional{font-weight:700;font-size:9px;line-height:1.6;letter-spacing:.12em;color:#b9c8d4}.navigation{display:flex;gap:clamp(13px,2vw,29px);align-items:center}.navigation a{font-size:10px;letter-spacing:.12em;font-weight:700;color:#b6c6d3;transition:color .2s}.navigation a:hover,.navigation a.active{color:white}.navigation a.active::after{content:"";display:block;width:100%;height:1px;background:#9ac6dd;margin-top:6px}.topbar-right{display:flex;align-items:center;gap:14px}.audio-toggle{min-width:96px;background:transparent;border:1px solid var(--line);color:#b8c6d0;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;font-size:9px;letter-spacing:.11em;font-weight:700}.audio-toggle svg{width:18px;height:18px}.audio-toggle .sound-wave{display:none}.audio-toggle[aria-pressed=true] .sound-wave{display:block}.audio-toggle[aria-pressed=true] .mute-cross{display:none}.audio-toggle .mute-cross{display:block}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;height:38px;width:38px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:17px;height:1px;background:white}.scroll-progress{position:fixed;z-index:350;top:0;left:0;height:2px;background:#84b6d3;width:0;box-shadow:0 0 8px rgba(105,170,210,.7);pointer-events:none}.section-track{position:fixed;z-index:100;right:17px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:13px;opacity:0;transition:opacity .5s}.section-track.shown{opacity:1}.track-label{writing-mode:vertical-rl;font:700 10px var(--body);color:#9aafbf;letter-spacing:.18em}.track-rail{display:flex;flex-direction:column;gap:8px}.track-rail a{width:5px;height:18px;border:1px solid #657d8e;background:transparent;transition:background .25s,height .25s}.track-rail a.active{background:#a3cadd;border-color:#a3cadd;height:28px}.track-next{writing-mode:vertical-rl;font:700 8px var(--body);letter-spacing:.19em;color:#5e768a}
/* Intro */
.intro-panel{background:#000;padding:0;justify-content:center;align-items:center;position:relative}.intro-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#000 79%);z-index:1;pointer-events:none}.intro-panel::after{display:none}.siren-field{position:absolute;inset:0;overflow:hidden}.siren-field .beam{position:absolute;inset:-22% auto auto;width:56%;height:150%;transform:rotate(18deg);filter:blur(55px);opacity:0;mix-blend-mode:screen}.beam-left{left:-30%;background:linear-gradient(95deg,transparent 14%,rgba(4,57,122,.0) 26%,rgba(28,98,202,.48) 57%,transparent 78%);animation:sweepLeft 6.4s ease-in-out .65s infinite}.beam-right{right:-30%;background:linear-gradient(90deg,transparent 20%,rgba(8,90,181,.35) 55%,transparent 76%);animation:sweepRight 6.4s ease-in-out 2.5s infinite}.siren-field .ambient{position:absolute;width:60vw;height:45vw;filter:blur(100px);opacity:0;pointer-events:none}.ambient-left{left:-38%;top:10%;background:radial-gradient(ellipse,rgba(0,64,161,.52),transparent 65%);animation:ambientBlue 5.8s ease-in-out 1s infinite}.ambient-right{right:-42%;top:10%;background:radial-gradient(ellipse,rgba(3,67,162,.44),transparent 65%);animation:ambientBlue 6s ease-in-out 3s infinite}.scan-lines{position:absolute;inset:0;opacity:.08;background:repeating-linear-gradient(to bottom,transparent 0 5px,rgba(134,182,209,.20) 6px 7px);mask-image:linear-gradient(90deg,transparent,black,transparent)}.intro-grain{position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".28"/%3E%3C/svg%3E')}.intro-center{text-align:center;display:flex;flex-direction:column;align-items:center;z-index:3;max-width:95%;margin-top:0}.intro-overline{font-size:10px;font-weight:700;letter-spacing:.4em;color:#9fb0be;opacity:0;animation:appearSlow 1s ease 2.1s both;margin-bottom:24px}.intro-identity{display:flex;align-items:center;justify-content:center;gap:27px;opacity:0;filter:blur(13px);transform:scale(.89);animation:logoArrival 2s cubic-bezier(.2,1,.4,1) 2s both}.intro-identity img{width:clamp(68px,8.4vw,125px);height:auto;filter:drop-shadow(0 0 13px rgba(65,130,177,.2))}.intro-brand{display:flex;flex-direction:column;text-align:left;line-height:1.03}.intro-brand span{font-weight:700;font-size:clamp(11px,1.4vw,17px);letter-spacing:.45em}.intro-brand strong{font-family:var(--headline);font-size:clamp(90px,12vw,173px);font-weight:800;letter-spacing:.01em;line-height:.78;margin:7px 0 17px}.intro-brand small{font-size:clamp(9px,1.2vw,12px);font-weight:700;letter-spacing:.37em;color:#adc5d4}.intro-title{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:42px 0 0;font:700 clamp(15px,1.8vw,25px)/1.1 var(--body);letter-spacing:.12em}.intro-title span{opacity:0;transform:translateY(8px);animation:appearLine .9s ease both}.intro-title span:nth-child(1){animation-delay:3.85s}.intro-title span:nth-child(2){animation-delay:4.20s}.intro-title span:nth-child(3){animation-delay:4.55s;color:#a1c9dd}.intro-tagline{font:italic 400 clamp(17px,2vw,24px)/1.2 var(--serif);color:#9eb0bd;letter-spacing:.03em;opacity:0;animation:appearSlow 1.1s ease 5.2s both;margin:22px 0 0}.intro-scroll{display:flex;flex-direction:column;gap:14px;align-items:center;position:absolute;left:50%;bottom:clamp(40px,7vh,75px);transform:translateX(-50%);z-index:5;opacity:0;animation:appearSlow 1s ease 5.75s both}.intro-scroll>span:first-child{font-size:10px;letter-spacing:.26em;font-weight:700;color:#b4cedd;white-space:nowrap}.scroll-icon{width:24px;height:37px;border:1px solid rgba(207,229,241,.6);border-radius:15px;position:relative}.scroll-icon i{display:block;width:2px;height:8px;background:#b5d2e1;position:absolute;left:10px;top:7px;animation:mouseScroll 1.9s ease-in-out infinite}.intro-corner{position:absolute;bottom:30px;font-size:9px;letter-spacing:.19em;color:rgba(153,183,208,.47);z-index:2}.intro-corner.left{left:28px}.intro-corner.right{right:28px}.intro-skip{position:absolute;top:30px;right:30px;z-index:6;background:transparent;border:none;color:#9fb1c0;font-size:9px;letter-spacing:.18em;font-weight:700;padding:11px;opacity:0;animation:appearSlow 1s ease 1.5s both}.intro-skip span{font-size:15px;margin-left:8px}
@keyframes sweepLeft{0%,12%,26%,55%,100%{opacity:0;transform:translateX(-30%) rotate(18deg)}18%,47%{opacity:.53;transform:translateX(70%) rotate(18deg)}23%{opacity:0}}@keyframes sweepRight{0%,30%,43%,60%,100%{opacity:0;transform:translateX(30%) rotate(-17deg)}39%,55%{opacity:.44;transform:translateX(-66%) rotate(-17deg)}}@keyframes ambientBlue{0%,25%,40%,75%,100%{opacity:0}32%,72%{opacity:.7}}@keyframes logoArrival{0%{opacity:0;filter:blur(16px);transform:scale(.89)}100%{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes appearLine{to{opacity:1;transform:translateY(0)}}@keyframes appearSlow{to{opacity:1}}@keyframes mouseScroll{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(13px);opacity:0}}
/* Hero and CSS book */
.hero-panel{background:radial-gradient(ellipse at 81% 54%,rgba(37,76,107,.34),transparent 36%),linear-gradient(110deg,#060c13 4%,#0b1b2a 70%,#07121d 100%)}.hero-panel::before{content:"";z-index:0;position:absolute;right:-11%;top:-15%;width:54vw;height:54vw;border-radius:50%;border:1px solid rgba(119,161,191,.10);box-shadow:0 0 0 90px rgba(119,161,191,.014),0 0 0 180px rgba(119,161,191,.012);pointer-events:none}.hero-layout{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;max-width:1500px;min-height:0;flex:1;margin:auto;width:100%;gap:30px;position:relative;z-index:2}.hero-copy{padding:20px 0}.hero-lead{max-width:570px;color:#b6c6d1;font-size:clamp(15px,1.2vw,19px);line-height:1.8;margin:27px 0 32px}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}.hero-mini{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:45px;color:#829bae;font-size:10px;letter-spacing:.10em;font-weight:700}.hero-mini i{height:3px;width:3px;background:#6f97b3;border-radius:50%}.panel-bottom-note{font-size:10px;letter-spacing:.20em;font-weight:700;color:#8ca5b8;margin:0;position:relative;z-index:2}.hero-book-wrap{position:relative;min-height:min(66vh,650px);display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:1400px}.book-aura{position:absolute;width:67%;height:62%;background:radial-gradient(ellipse,#23547b5e,transparent 68%);filter:blur(26px)}.book-scene{width:clamp(270px,27vw,450px);height:clamp(370px,37vw,585px);position:relative;transform-style:preserve-3d;transform:rotateY(-11deg) rotateZ(7deg);filter:drop-shadow(36px 37px 22px rgba(0,0,0,.54));transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.book-scene.open{transform:rotateY(-9deg) rotateZ(4deg) translateX(12%)}.book-pages{position:absolute;inset:5% 0 0 6%;background:repeating-linear-gradient(90deg,#d6d9d7 0 1px,#f0f0e9 1px 3px);box-shadow:4px 9px 3px #0b0c0d,-10px 3px 13px #010306;transform:translateZ(-9px) skewY(2deg);border-radius:3px 11px 10px 3px}.book-inside{position:absolute;inset:0;background:#e7e9e8;color:#162334;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:13%;box-shadow:inset 5px 0 24px #929ba7;transform:translateZ(2px);font-size:12px}.inside-kicker{font-size:9px;letter-spacing:.20em;color:#55738b}.inside-number{font:700 82px var(--headline);color:#99a9b4}.book-inside strong{font:700 clamp(27px,2.7vw,43px)/1.01 var(--headline)}.book-inside small{color:#516473;line-height:1.6}.book-inside i{display:block;width:70px;height:3px;background:#2e708b}.book-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 69% 10%,rgba(179,210,225,.13),transparent 37%),linear-gradient(98deg,#080f19 0%,#183047 13%,#091724 20%,#0d1b2a 65%,#070d16 100%);border:1px solid #8796a2;border-left:13px ridge #263b50;outline:1px solid #111b27;outline-offset:-12px;box-shadow:inset 0 0 50px #0009,inset 2px 0 11px #fff2,5px 5px 0 #060a12;transform-origin:left center;transform:translateZ(12px) rotateY(0deg);backface-visibility:hidden;transition:transform 1.3s cubic-bezier(.22,1,.36,1);overflow:hidden}.book-scene.open .book-cover{transform:translateZ(12px) rotateY(-153deg)}.book-cover::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".63" numOctaves="4"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)"/%3E%3C/svg%3E')}.book-inner-rule{position:absolute;inset:23px;border:1px solid rgba(168,197,211,.26);pointer-events:none}.book-corner{position:absolute;width:31px;height:31px;z-index:4;background:linear-gradient(135deg,#718b9c,#152636 43%,#8093a0 46%,#293b49 80%);clip-path:polygon(0 0,100% 0,0 100%)}.book-corner.c1{left:0;top:0}.book-corner.c2{right:0;top:0;transform:rotate(90deg)}.book-corner.c3{right:0;bottom:0;transform:rotate(180deg)}.book-corner.c4{left:0;bottom:0;transform:rotate(270deg)}.book-cover-center{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.book-cover-center img{margin-bottom:28px}.book-wordmark-small{font-size:12px;font-weight:700;letter-spacing:.42em;color:#c3d4dd}.book-cover-center strong{font:800 clamp(84px,8vw,130px)/.8 var(--headline);letter-spacing:.045em;color:#f4f7f9;text-shadow:1px 2px 1px #3d5566,2px 4px 4px #000}.book-blue-stroke{width:70%;height:3px;background:#357c9f;margin:22px 0 16px}.book-region{font-size:10px;line-height:2;letter-spacing:.28em;font-weight:700;color:#c9d5dd;text-align:center}.book-cover-foot{position:absolute;bottom:37px;font-size:8px;letter-spacing:.22em;color:#8da9bc;z-index:2}.book-action{border:0;border-bottom:1px solid rgba(162,193,210,.45);background:none;color:#afcada;letter-spacing:.18em;font-size:10px;font-weight:700;padding:12px 6px;margin-top:27px;position:relative;z-index:4}.book-action-icon{font-size:20px;font-weight:300;margin-right:10px;vertical-align:-2px}
/* Philosophy */
.philosophy-panel{background:linear-gradient(120deg,#0b1b2a 0%,#07131f 47%,#05090f 100%)}.philosophy-panel::before{content:"01";position:absolute;right:-45px;bottom:-140px;font:900 37vw/.8 var(--headline);color:rgba(136,175,201,.026);pointer-events:none}.philosophy-layout{display:grid;grid-template-columns:1.12fr .74fr;align-items:center;gap:min(9vw,145px)}.philosophy-aside{padding-top:32px;max-width:500px}.philosophy-aside p{font-size:clamp(15px,1.17vw,18px);line-height:1.86;color:#b9c8d2;margin:0 0 18px}.philosophy-aside strong{color:#edf3f7}.fine-line{height:1px;background:linear-gradient(90deg,#8aafc7,transparent);margin-bottom:28px}.manifesto-stamp{border-top:1px solid var(--line-strong);padding-top:20px;margin-top:38px;display:flex;flex-direction:column;gap:6px}.manifesto-stamp span{font-size:10px;letter-spacing:.13em;color:#93adbe}.manifesto-stamp b{font:700 clamp(24px,2.6vw,41px)/1 var(--headline);letter-spacing:.04em;color:#d9e6ef}
/* Material */
.material-panel{background:linear-gradient(105deg,#070d15 0%,#081624 55%,#122b40 100%)}.material-panel::before{content:"";position:absolute;right:4%;top:5%;width:36vw;height:36vw;border:1px solid rgba(180,212,228,.045);transform:rotate(21deg)}.material-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(25px,6vw,125px);align-items:center}.material-copy{max-width:760px}.material-copy>p:not(.eyebrow):not(.material-proof){max-width:600px;font-size:clamp(15px,1.13vw,18px);line-height:1.8;color:#b5c5d0;margin:27px 0}.spec-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:31px 0 26px;max-width:560px}.spec-grid div{padding:18px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.spec-grid b{color:#81abc4;font:700 27px var(--headline)}.spec-grid span{font-size:10px;line-height:1.5;letter-spacing:.1em;color:#cad7e0;font-weight:700}.material-proof{font-size:11px;color:#8599aa;line-height:1.7;max-width:540px;margin-top:25px}.dossier-showcase{padding:23px;background:linear-gradient(138deg,#081420,#1c364a);border:1px solid rgba(170,200,216,.26);max-width:410px;margin:auto;width:100%;box-shadow:22px 25px 48px #0005}.folio-top,.folio-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.14em;font-weight:700;color:#acc0ce}.folio-top{padding-bottom:14px;border-bottom:1px solid rgba(150,190,215,.24)}.dossier-paper{max-height:min(51vh,520px);min-height:200px;overflow:hidden;display:flex;justify-content:center;background:#fafbfc;box-shadow:7px 13px 20px #0006;transform:rotate(-1.3deg);margin:18px auto 19px;width:min(76%,290px)}.dossier-paper img{width:100%;height:auto;object-fit:cover}.folio-bottom{padding-top:10px;border-top:1px solid rgba(150,190,215,.24)}.folio-bottom strong{color:#b8d3e4;font:700 27px var(--headline)}
/* Method */
.method-panel{background:linear-gradient(122deg,#0c1d2b,#07101a 55%,#081520)}.method-panel::before{content:"";position:absolute;right:-14%;top:-20%;width:48vw;height:48vw;border-radius:50%;border:1px solid rgba(111,169,200,.12);box-shadow:0 0 0 65px rgba(111,169,200,.025),0 0 0 125px rgba(111,169,200,.01);pointer-events:none}.method-layout{display:grid;grid-template-columns:1fr .92fr;gap:min(7vw,120px);align-items:center}.method-head>p:not(.eyebrow){max-width:510px;color:#b6c6d2;font-size:clamp(15px,1.13vw,18px);line-height:1.8;margin:28px 0}.rule80{border-top:1px solid var(--line-strong);display:flex;align-items:center;gap:22px;margin-top:32px;padding-top:21px;max-width:500px}.rule80>span{font:700 68px/1 var(--headline);color:#9cbed1}.rule80>span span{font-size:30px}.rule80 p{font-size:10px;letter-spacing:.09em;color:#8faabd;font-weight:700;line-height:1.7}.method-steps{border:1px solid var(--line);max-width:570px;width:100%;background:#09182491;box-shadow:12px 20px 50px #0002}.method-step{width:100%;padding:18px 22px;display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:17px;background:transparent;color:#d1e0e9;border:0;border-bottom:1px solid var(--line);text-align:left;transition:background .3s}.method-step:hover,.method-step.active{background:linear-gradient(90deg,#203a4e,#11263838)}.method-step.active .method-step-n{color:#b9d8e8}.method-step-n{font:600 31px/1 var(--headline);color:#65849b}.method-step b{display:block;font:700 24px/1 var(--headline);letter-spacing:.055em}.method-step small{display:block;font-size:11px;color:#9bafbe;line-height:1.4;margin-top:6px}.method-step i{font-size:17px;font-style:normal;color:#96b4c7}.step-explainer{padding:21px 23px;min-height:132px}.step-explainer span{font-size:10px;font-weight:700;letter-spacing:.16em;color:#85b4d0}.step-explainer p{font-size:13px;color:#b6c8d4;line-height:1.65;margin:12px 0 0}
/* Support */
.support-panel{background:linear-gradient(150deg,#07121d,#091928 52%,#081421)}.support-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(25px,5vw,100px);align-items:center}.support-lead>p:not(.eyebrow){max-width:500px;color:#b8c8d3;font-size:clamp(15px,1.08vw,18px);line-height:1.8;margin:28px 0}.quote-foot{font:italic 400 clamp(20px,2vw,31px)/1.25 var(--serif);max-width:490px;color:#a9c5d7;border-left:2px solid #80aac4;padding-left:20px;margin-top:40px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.support-card{min-height:220px;background:linear-gradient(145deg,#12283b,#0b1a28);border:1px solid rgba(165,201,223,.18);padding:23px 20px;display:flex;flex-direction:column}.support-card-n{font-size:9px;font-weight:700;letter-spacing:.15em;color:#89b0c9}.support-card h3{font:700 clamp(23px,2.5vw,36px)/1 var(--headline);letter-spacing:.03em;margin:22px 0 11px}.support-card p{font-size:12px;line-height:1.65;color:#c3d0da;margin:0}.support-detail{margin-top:auto;padding-top:16px;color:#7897ac;font-size:10px;line-height:1.5}
/* Offer */
.offer-panel{background:radial-gradient(ellipse at 74% 50%,#1f405c7d,transparent 38%),linear-gradient(110deg,#050c14,#0a1b2b)}.offer-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(40px,8vw,140px)}.offer-head>p:not(.eyebrow){color:#b7c6d2;max-width:490px;font-size:clamp(16px,1.18vw,19px);line-height:1.8;margin:28px 0}.offer-note{border:1px solid var(--line);padding:14px 19px;display:flex;align-items:center;gap:10px;max-width:440px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#9dbece}.mini-dot{width:6px;height:6px;border:1px solid #83c4dc;border-radius:50%;flex-shrink:0}.price-card{background:#0a1b2a;border:1px solid #667f91;box-shadow:0 25px 85px #0008;padding:clamp(24px,3vw,43px);width:100%;max-width:520px;margin:auto;position:relative}.price-card::before,.price-card::after{content:"";position:absolute;width:15px;height:15px;border-color:#a1c5db;border-style:solid}.price-card::before{left:-1px;top:-1px;border-width:2px 0 0 2px}.price-card::after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.price-top{display:flex;justify-content:space-between;gap:12px;color:#b0c9d9;font-size:10px;letter-spacing:.14em;font-weight:700}.price-amount{display:flex;gap:13px;align-items:baseline;margin:10px 0 0}.price-amount strong{font:800 clamp(102px,11vw,165px)/.93 var(--headline);color:#eef5f9}.price-amount>span{font:700 30px var(--headline);color:#9fbed2}.price-amount small{font:600 16px var(--headline);color:#9fb7c9}.price-explainer{font-size:10px;font-weight:700;letter-spacing:.17em;color:#93b0c3;border-bottom:1px solid var(--line-strong);padding-bottom:24px;margin:4px 0 19px}.price-features{list-style:none;padding:0;margin:0 0 22px}.price-features li{display:flex;gap:14px;align-items:flex-start;color:#d0dce4;font-size:12px;line-height:1.5;padding:7px 0}.price-features li::before{content:"/";color:#9cc4dd;font-weight:700;font-size:17px;line-height:1}.price-foot{font-size:10px;color:#859dac;line-height:1.6;margin:14px 0 0}
/* Campus */
.campus-panel{background:linear-gradient(120deg,#07111c,#122b3e 80%,#06121d)}.campus-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,125px);align-items:center}.campus-layout>div:first-child>p:not(.eyebrow){max-width:520px;color:#b4c8d5;font-size:16px;line-height:1.85;margin:28px 0 30px}.campus-preview{background:#081522;border:1px solid rgba(154,188,208,.5);box-shadow:22px 28px 60px #0006;max-width:550px;width:100%;padding:25px}.preview-header,.preview-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-header{font-size:10px;font-weight:700;letter-spacing:.14em;color:#adcbde;border-bottom:1px solid var(--line);padding-bottom:18px}.preview-header>span:first-child{display:flex;align-items:center;gap:8px}.preview-title{padding:24px 0 10px;font-size:11px;letter-spacing:.11em;color:#bccfdb}.preview-title strong{font:700 26px var(--headline);color:#e2eef4}.preview-progress{height:4px;background:#284153;margin-bottom:22px}.preview-progress i{display:block;width:2.5%;height:100%;background:#add3e8}.preview-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:15px;padding:15px 10px;border:1px solid rgba(181,208,226,.12);margin-top:7px;background:#0e1d2a;color:#9dafbf}.preview-row.open{background:#17334b;border-color:#6b9bbc;color:white}.preview-number{font:700 24px var(--headline);color:#8dafc4}.preview-row b{font:700 19px/1.1 var(--headline);letter-spacing:.02em}.preview-row small{display:block;margin-top:4px;font-size:10px;color:#92abba}.preview-status{border:1px solid #8aafc6;padding:5px 7px;font-size:9px;letter-spacing:.08em;color:#dbe7ee}.preview-lock{color:#728a9a;font-size:27px}.preview-note{display:flex;align-items:center;gap:15px;padding:18px 0 0;margin-top:18px;border-top:1px solid var(--line)}.preview-note b{font:700 45px var(--headline);color:#acd0e3;white-space:nowrap}.preview-note span{font-size:10px;line-height:1.5;letter-spacing:.07em;color:#96aebc}
/* Honors */
.honors-panel{background:linear-gradient(135deg,#080f17,#11263a 60%,#07131d);min-height:100svh}.honors-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:clamp(22px,5vw,88px);align-items:center}.honors-head>p:not(.eyebrow){color:#b2c7d6;line-height:1.8;max-width:480px;font-size:16px;margin:26px 0}.honor-sheet{position:relative;padding:clamp(21px,2.6vw,42px);max-width:700px;width:100%;background:#edf0f0;color:#0b2030;border:1px solid #b4bcc1;box-shadow:17px 24px 55px #0008;outline:1px solid rgba(19,48,73,.21);outline-offset:-12px;text-align:center}.honor-sheet-header{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #c4cdd3;padding-bottom:12px;font-size:9px;letter-spacing:.13em;font-weight:700;color:#547184}.honor-ornament{font:italic 15px var(--serif);color:#7290a4;margin-top:23px;letter-spacing:.1em}.honor-sheet h3{font:700 clamp(39px,4vw,64px)/.95 var(--headline);margin:11px 0}.honor-subtitle{font:italic clamp(18px,1.8vw,27px)/1.1 var(--serif);color:#536e81;margin:0 0 25px}.honor-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:11px}.honor-person,.honor-empty{min-height:210px;border:1px solid #a9bac6;background:linear-gradient(160deg,#fff,#e2e8ec);padding:17px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.honor-person{border-color:#67899e;box-shadow:inset 0 0 0 3px #e2eaf0,inset 0 0 0 4px #a5c4d5}.laurel{font:50px/1 var(--serif);transform:rotate(-45deg);color:#60829b}.honor-name{font:700 36px/1 var(--headline);letter-spacing:.05em}.honor-promo{font-size:9px;letter-spacing:.1em;background:#23455e;color:white;padding:5px 11px;font-weight:700}.honor-person dl{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:7px;margin:3px 0 0}.honor-person dl>div{display:flex;flex-direction:column;align-items:center}.honor-person dt{font-size:8px;letter-spacing:.1em;color:#688499;font-weight:700}.honor-person dd{margin:0;font-size:11px;font-weight:700;color:#12283a}.honor-origin{font-size:8px;line-height:1.4;letter-spacing:.04em;color:#617a8b}.honor-empty{border-style:dashed;background:transparent;color:#8fa3b1}.empty-wreath{font:50px/1 var(--serif);transform:rotate(-45deg);opacity:.4}.honor-empty small{font-size:9px;line-height:1.5;letter-spacing:.08em}.honor-sheet-footer{border-top:1px solid #c5cdd2;padding-top:14px;margin-top:26px;font-size:8px;font-weight:700;letter-spacing:.07em;line-height:1.6;color:#667f8e}.endline{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0 0;border-top:1px solid var(--line);position:relative;z-index:2;margin-top:25px}.endline span{font-size:10px;letter-spacing:.13em;color:#89a4b7}.endline strong{font:600 22px var(--headline);letter-spacing:.05em}.endline a{border-bottom:1px solid #7da9c0;padding-bottom:2px;font-size:10px;font-weight:700;letter-spacing:.1em;color:#a9c6d6}
/* footer and modal */
.site-footer{background:#060d15;border-top:1px solid var(--line);padding:25px clamp(25px,5.6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#829ba9;font-size:9px;font-weight:700;letter-spacing:.1em}.site-footer div{display:flex;gap:20px;flex-wrap:wrap}.site-footer a:hover{color:white}.campus-dialog{max-width:470px;width:calc(100% - 30px);padding:38px;background:#0a1a29;color:#e5eef4;border:1px solid #61849b;box-shadow:0 24px 100px #000b;text-align:left}.campus-dialog::backdrop{background:rgba(0,4,9,.85);backdrop-filter:blur(6px)}.campus-dialog h2{font:700 57px/.95 var(--headline);margin:20px 0}.campus-dialog h2 em{font-style:normal;color:#93bad2}.campus-dialog p{color:#acbfcb;line-height:1.7;margin:0 0 24px}.dialog-close{position:absolute;right:15px;top:10px;color:#9eb3c0;background:transparent;border:0;font-size:27px}
@media(min-width:1500px){.hero-layout,.section-body{max-width:1560px}.section-body{padding:0 2%}}
@media(max-width:1150px){.navigation{gap:13px}.navigation a{font-size:9px}.brand-regional{display:none}.brand-rule{display:none}.display-xl{font-size:clamp(64px,7vw,90px)}.display-lg{font-size:clamp(55px,5.8vw,80px)}.support-card{padding:18px 15px}.support-card h3{font-size:24px}.honors-layout{grid-template-columns:.85fr 1.15fr}.honor-grid{grid-template-columns:1.5fr 1fr}.honor-grid>.honor-empty:last-child{display:none}}
@media(max-width:850px){html{scroll-snap-type:y proximity}.panel{padding:100px 24px 34px;min-height:100svh}.section-track{display:none}.topbar{padding:13px 20px;min-height:68px}.navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#081724f5;backdrop-filter:blur(20px);border-bottom:1px solid #45657d;flex-direction:column;align-items:stretch;padding:12px 24px 22px;gap:0}.navigation.open{display:flex}.navigation a{font-size:13px;letter-spacing:.13em;padding:14px 5px;border-bottom:1px solid var(--line)}.navigation a.active::after{display:none}.menu-toggle{display:flex}.brand-type b{font-size:27px}.hero-layout,.philosophy-layout,.material-layout,.method-layout,.support-layout,.offer-layout,.campus-layout,.honors-layout{grid-template-columns:1fr;gap:40px}.hero-layout{padding-top:30px}.hero-book-wrap{min-height:510px;margin:0 auto}.book-scene{width:300px;height:400px}.hero-mini{margin-top:30px}.philosophy-aside{max-width:unset}.material-copy{max-width:100%}.dossier-showcase{max-width:355px;margin:auto}.method-steps{max-width:100%}.support-grid{gap:12px}.support-card{min-height:215px}.price-card{max-width:510px}.honor-sheet{max-width:600px;margin:auto}.honor-grid{grid-template-columns:1.4fr 1fr 1fr}.honor-grid>.honor-empty:last-child{display:flex}.endline{flex-wrap:wrap}.intro-brand strong{font-size:clamp(77px,15vw,130px)}.intro-identity{gap:17px}.intro-identity img{width:clamp(65px,13vw,100px)}.intro-title{font-size:15px;gap:9px}.display-xl{font-size:clamp(56px,10vw,85px)}.display-lg{font-size:clamp(55px,9vw,82px)}}
@media(max-width:550px){.panel{padding:83px 20px 25px}.panel-index{font-size:8px;letter-spacing:.09em}.panel-index span:last-child{max-width:50%;text-align:right}.section-footer{font-size:8px;letter-spacing:.1em}.eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:22px}.display-xl{font-size:clamp(55px,14.3vw,79px)}.display-lg{font-size:clamp(48px,12vw,70px)}.btn{min-height:49px;font-size:10px;padding:14px 15px}.hero-lead{font-size:15px;margin:21px 0 25px}.hero-book-wrap{min-height:400px}.book-scene{width:220px;height:297px}.book-cover-center img{width:40px;margin-bottom:15px}.book-cover-center strong{font-size:66px}.book-wordmark-small{font-size:9px}.book-blue-stroke{margin:15px 0 10px}.book-region{font-size:8px}.book-cover-foot{font-size:6px;bottom:20px}.book-inner-rule{inset:14px}.book-corner{width:21px;height:21px}.book-action{margin-top:12px}.hero-mini{font-size:8px;gap:11px}.intro-identity{flex-direction:column;gap:8px}.intro-brand{text-align:center}.intro-brand span{font-size:10px}.intro-brand strong{font-size:100px;margin:6px 0 15px}.intro-brand small{font-size:8px;letter-spacing:.2em}.intro-identity img{width:75px}.intro-title{margin-top:38px;font-size:15px;line-height:1.6;max-width:270px}.intro-tagline{font-size:18px;max-width:290px}.intro-overline{font-size:9px}.intro-scroll{bottom:54px}.intro-corner{display:none}.intro-skip{top:15px;right:14px}.philosophy-layout,.method-layout,.support-layout,.material-layout,.offer-layout,.campus-layout,.honors-layout{gap:30px;margin:50px auto 40px}.philosophy-aside{padding:0}.philosophy-aside p{font-size:14px}.serif-line{font-size:27px}.spec-grid div{padding:12px;gap:9px}.spec-grid b{font-size:24px}.spec-grid span{font-size:8px}.dossier-showcase{max-width:290px;padding:15px}.dossier-paper{max-height:370px}.material-proof{font-size:10px}.method-step{padding:12px 15px;grid-template-columns:38px 1fr 17px;gap:8px}.method-step-n{font-size:25px}.method-step b{font-size:22px}.method-step small{font-size:10px}.method-head>p:not(.eyebrow){font-size:14px}.rule80>span{font-size:55px}.support-grid{grid-template-columns:1fr}.support-card{min-height:auto;padding:20px}.support-card h3{margin:12px 0 6px}.support-detail{padding-top:10px}.price-card{padding:22px}.price-amount strong{font-size:116px}.price-features li{font-size:11px}.campus-preview{padding:15px}.preview-row{grid-template-columns:27px 1fr auto;gap:9px;padding:12px 7px}.preview-row b{font-size:16px}.preview-row small{font-size:9px}.preview-status{font-size:8px}.preview-note span{font-size:8px}.honor-sheet{padding:23px 18px}.honor-sheet-header{font-size:7px}.honor-sheet-header img{width:28px}.honor-grid{grid-template-columns:1fr 1fr}.honor-grid>.honor-empty:last-child{display:none}.honor-person,.honor-empty{min-height:215px}.honor-sheet h3{font-size:42px}.honor-name{font-size:32px}.honor-origin{font-size:7px}.endline{gap:10px}.endline strong{font-size:19px}.endline a{width:100%;margin-top:4px}.site-footer{font-size:9px;padding:26px 20px}.site-footer div{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.intro-identity,.intro-title span,.intro-tagline,.intro-scroll,.intro-overline,.intro-skip{opacity:1;filter:none;transform:none}.reveal{opacity:1;transform:none}}
/* Legal pages (unfinished drafts that must be completed before commercial launch) */
.legal-body{background:#07121d;color:#dde7ee;min-height:100vh;font-family:var(--body)}
.legal-header{height:82px;padding:13px max(24px,calc((100vw - 1000px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);background:#081624}
.legal-header a{display:flex;align-items:center;gap:12px;font:700 24px var(--headline);letter-spacing:.08em}.legal-header .back{font:700 11px var(--body);letter-spacing:.08em;color:#9dbacf}.legal-body .legal-container{max-width:910px;margin:60px auto;padding:0 25px 85px}.legal-container .paper-kicker{font-size:10px;letter-spacing:.18em;font-weight:700;color:#8eb7ce}.legal-container h1{font:700 clamp(48px,7vw,85px)/1 var(--headline);margin:20px 0 40px}.legal-container h2{font:700 30px var(--headline);margin:34px 0 10px}.legal-container p{color:#bdced8;line-height:1.8}.legal-container .alert{padding:18px 22px;border-left:2px solid #9bbbd0;background:#152d4080;color:#e0eef7}.legal-container .pending{color:#cbe5f4;font-weight:700}.legal-container .to-home{display:inline-block;margin-top:30px;padding:12px 16px;border:1px solid var(--line-strong);font-size:11px;font-weight:700;letter-spacing:.08em}
/* Brighter, restrained blue emergency-light ambience in the opening. */
.siren-field::before,.siren-field::after{content:"";position:absolute;z-index:0;width:62vw;height:65vh;top:15%;pointer-events:none;mix-blend-mode:screen;filter:blur(34px);opacity:0;animation:sirenPulse 3s ease-in-out 1.0s infinite}
.siren-field::before{left:-28%;background:radial-gradient(ellipse at left,rgba(11,88,218,.5),rgba(0,53,128,.15) 40%,transparent 70%)}
.siren-field::after{right:-28%;background:radial-gradient(ellipse at right,rgba(19,103,230,.48),rgba(0,57,141,.15) 40%,transparent 70%);animation-delay:2.1s}
@keyframes sirenPulse{0%,13%,24%,40%,72%,100%{opacity:0}16%,19%,47%,53%{opacity:.8}56%{opacity:.1}}
@media(max-width:550px){.hero-panel .display-xl{font-size:clamp(47px,11.8vw,61px)}.hero-book-wrap{min-height:358px}.hero-layout{gap:16px}.book-scene{width:206px;height:286px}.intro-panel .siren-field::before,.intro-panel .siren-field::after{width:83vw}}

.intro-audio{position:absolute;top:30px;left:30px;z-index:6;background:transparent;border:0;color:#9fb1c0;font-size:9px;letter-spacing:.16em;font-weight:700;padding:11px;opacity:0;animation:appearSlow 1s ease 1.5s both;transition:color .25s}.intro-audio:hover{color:white}.intro-audio[aria-pressed=true]{color:#aacfe4}
@media(max-width:550px){.intro-audio{top:15px;left:14px;font-size:8px}}


/* ===============================================================
   NEXO 7 / SECUENCIA CINEMATOGRÁFICA — COMPONENTES HTML REALES
   El material de fondo es decorativo; los controles/texto siguen
   siendo accesibles y totalmente independientes de las imágenes.
   =============================================================== */
.intro-panel{background:#010204;min-height:100svh;overflow:hidden}
.intro-visual{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.intro-uniform,.intro-police-car{position:absolute;pointer-events:none;opacity:0;mix-blend-mode:screen;animation:artReveal 2.6s 1.2s cubic-bezier(.16,.6,.3,1) forwards}
.intro-uniform{left:-1.5%;bottom:-3%;height:106%;width:38%;background:url('assets/uniform-atmosfera.webp') no-repeat bottom left/contain;filter:brightness(.80) saturate(.64)}
.intro-police-car{right:-2%;bottom:3%;height:60%;width:48%;background:url('assets/sirena-atmosfera.webp') no-repeat bottom right/contain;filter:brightness(.88) saturate(.89);animation-delay:1.5s}
.intro-fog{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 8% 45%,#10385a6e,transparent 42%),radial-gradient(ellipse at 93% 48%,#50222b44,transparent 41%);filter:blur(45px);animation:fogAppear 5.2s 1.3s ease forwards}
.intro-roadshine{position:absolute;inset:auto 0 0;height:18%;opacity:.52;background:linear-gradient(0deg,rgba(2,24,42,.38),transparent),linear-gradient(90deg,transparent 18%,rgba(63,134,181,.15) 45%,rgba(180,35,52,.12) 78%,transparent 95%);transform:perspective(500px) rotateX(50deg);filter:blur(20px)}
.intro-panel::before{z-index:2;background:radial-gradient(ellipse at center,transparent 9%,rgba(0,0,0,.19) 44%,rgba(0,0,0,.7) 96%)}
.intro-panel .intro-grain{z-index:3;opacity:.11}
.intro-panel .siren-field{z-index:2;pointer-events:none}
.intro-panel .siren-field::before{left:-34%;top:12%;width:62%;height:83%;background:radial-gradient(ellipse at left,rgba(11,84,225,.61),rgba(9,40,123,.26) 40%,transparent 76%);filter:blur(26px);animation:bluePoliceFlash 3.7s 0.85s ease-in-out infinite}
.intro-panel .siren-field::after{right:-32%;top:14%;width:65%;height:79%;background:radial-gradient(ellipse at right,rgba(213,24,45,.49),rgba(121,12,26,.20) 43%,transparent 76%);filter:blur(28px);animation:redPoliceFlash 3.7s 1.45s ease-in-out infinite}
.intro-panel .siren-field .beam-left{background:linear-gradient(94deg,transparent 12%,rgba(10,43,124,.08) 32%,rgba(40,125,252,.34) 55%,transparent 79%);animation:blueSweep 4.7s .8s ease-in-out infinite;left:-29%;filter:blur(68px)}
.intro-panel .siren-field .beam-right{background:linear-gradient(98deg,transparent 13%,rgba(175,31,53,.35) 47%,rgba(240,34,55,.20) 55%,transparent 83%);animation:redSweep 4.7s 1.5s ease-in-out infinite;right:-29%;filter:blur(70px)}
.intro-panel .ambient-left{background:radial-gradient(ellipse,rgba(15,86,212,.43),transparent 65%);animation:bluePoliceFlash 3.7s 1.1s ease infinite}
.intro-panel .ambient-right{background:radial-gradient(ellipse,rgba(183,20,45,.30),transparent 65%);animation:redPoliceFlash 3.7s 1.5s ease infinite}
.strobe-bar{position:absolute;width:28vw;height:2px;filter:blur(16px);bottom:24%;opacity:0;transform:rotate(-7deg)}
.strobe-blue{left:22%;background:#3486ff;box-shadow:0 0 95px 60px #0862b94d;animation:bluePoliceFlash 3.7s .85s infinite}
.strobe-red{right:8%;background:#f63b52;box-shadow:0 0 80px 55px #bb11394d;animation:redPoliceFlash 3.7s 1.45s infinite}
.intro-panel .intro-center{z-index:6;position:relative;margin-top:-1.5vh;padding:0 15px}
.intro-panel .intro-overline{font-size:10px;letter-spacing:.42em;color:#b4c5d1;animation:appearSlow 1.2s 2.85s both}
.intro-panel .intro-identity{gap:24px;animation:logoArrival 1.85s cubic-bezier(.2,1,.3,1) 2.15s both}
.intro-panel .intro-identity img{width:clamp(73px,8.2vw,128px);filter:drop-shadow(-3px 0 14px rgba(37,100,188,.23)) drop-shadow(3px 0 9px rgba(175,36,54,.16))}
.intro-panel .intro-brand strong{font-size:clamp(90px,11vw,160px);font-weight:800;color:#f3f6f8;text-shadow:0 10px 35px #000}
.intro-panel .intro-title{font-family:var(--headline);font-weight:600;letter-spacing:.11em;gap:clamp(10px,2.1vw,32px);font-size:clamp(23px,2.45vw,42px);margin-top:clamp(30px,5vh,54px);line-height:1.1}
.intro-panel .intro-title span{animation:appearLine 1.0s ease both}
.intro-panel .intro-title span:nth-child(1){animation-delay:4.05s}
.intro-panel .intro-title span:nth-child(2){animation-delay:4.46s;color:#99c2df}
.intro-panel .intro-title span:nth-child(3){animation-delay:4.87s;color:#f0f4f7}
.intro-panel .intro-tagline{font:italic 400 clamp(15px,1.6vw,21px)/1.35 var(--serif);color:#adc3d2;max-width:700px;animation:appearSlow 1.2s 5.45s both;margin-top:17px}
.intro-panel .intro-scroll{bottom:clamp(52px,8vh,93px);animation:appearSlow 1s ease 6.1s both}
.intro-panel .scroll-icon{border-radius:4px;width:24px;height:24px;transform:rotate(45deg);border:0;border-bottom:1px solid #aec5d5;border-right:1px solid #aec5d5}
.intro-panel .scroll-icon i{width:1px;height:10px;background:#8ebad7;transform:rotate(-45deg);left:11px;top:4px;animation:none}
.intro-panel .intro-corner{z-index:5;opacity:.8}
.intro-panel .intro-controls{position:absolute;z-index:10;left:clamp(14px,3vw,42px);top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;animation:appearSlow 1s 1.4s both}
.intro-panel .intro-audio,.intro-panel .intro-flash-control{position:static;opacity:1;animation:none;padding:10px 13px;border:1px solid rgba(175,202,220,.24);background:rgba(1,12,21,.55);border-radius:3px;backdrop-filter:blur(10px);letter-spacing:.13em;font-size:9px;color:#c4d5df;transition:background .2s,border-color .2s}
.intro-panel .intro-audio:hover,.intro-panel .intro-flash-control:hover{border-color:rgba(177,206,224,.7);background:rgba(30,55,77,.5)}
.intro-panel .intro-audio[aria-pressed='true']{color:#e3f0f8;border-color:#789db6}
.intro-panel .intro-flash-control[aria-pressed='true']{color:#b8d5e5;border-color:#92b5c9}
.intro-panel .intro-skip{top:24px;right:clamp(14px,3vw,42px);background:#02091180;border:1px solid #8fa5b944;padding:11px 15px;border-radius:3px;animation:appearSlow 1s 2.6s both}
.intro-timeline{position:absolute;z-index:6;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#7696ab;letter-spacing:.17em;font-size:9px;white-space:nowrap;opacity:0;animation:appearSlow 1s 1.3s both}
.intro-timeline i{position:relative;width:clamp(72px,16vw,210px);height:1px;background:#536f8255;display:block;overflow:hidden}
.intro-timeline i::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#4c98cb,#c53c58);transform:translateX(-100%);animation:timelineProgress 6.8s linear .2s both}
.intro-impact{position:absolute;display:block;width:2px;height:65px;background:#edf6ff;opacity:0;filter:blur(11px);transform:rotate(30deg)}
.impact-first{right:28%;top:23%;animation:impactSpark .27s 3.2s ease-out both}
.impact-second{left:30%;top:49%;animation:impactSpark .27s 4.5s ease-out both}
@keyframes artReveal{from{opacity:0;transform:translateY(15px) scale(1.04)}to{opacity:.85;transform:translateY(0) scale(1)}}
@keyframes fogAppear{from{opacity:0}to{opacity:.48}}
@keyframes bluePoliceFlash{0%,6%,23%,55%,85%,100%{opacity:0}12%,18%{opacity:.8}28%,35%{opacity:.4}64%,71%{opacity:.73}}
@keyframes redPoliceFlash{0%,19%,44%,75%,100%{opacity:0}28%,36%{opacity:.65}52%,60%{opacity:.9}82%{opacity:.31}}
@keyframes blueSweep{0%,14%,55%,100%{opacity:0;transform:translateX(-22%) rotate(17deg)}24%,38%{opacity:.38;transform:translateX(50%) rotate(17deg)}}
@keyframes redSweep{0%,23%,70%,100%{opacity:0;transform:translateX(26%) rotate(-19deg)}40%,58%{opacity:.32;transform:translateX(-46%) rotate(-19deg)}}
@keyframes impactSpark{0%,100%{opacity:0;transform:rotate(28deg) scale(.3)}50%{opacity:.5;transform:rotate(28deg) scale(1)}}
@keyframes timelineProgress{to{transform:translateX(0)}}
body.calm-effects .intro-panel .beam,body.calm-effects .intro-panel .ambient,body.calm-effects .intro-panel .siren-field::before,body.calm-effects .intro-panel .siren-field::after,body.calm-effects .intro-panel .strobe-bar,body.calm-effects .intro-panel .intro-impact{animation:none!important;opacity:0!important}
body.calm-effects .intro-panel .intro-uniform,body.calm-effects .intro-panel .intro-police-car{animation:none;opacity:.40}
@media(max-width:800px){.intro-panel .intro-uniform{width:52%;left:-12%;height:95%;bottom:-4%;opacity:.35}.intro-panel .intro-police-car{width:67%;right:-13%;height:45%;bottom:0}.intro-panel .intro-brand strong{font-size:clamp(86px,14vw,122px)}.intro-panel .intro-title{max-width:92vw;font-size:clamp(20px,3.7vw,30px);letter-spacing:.07em}.intro-panel .intro-tagline{max-width:80vw;font-size:17px}.intro-panel .intro-identity{gap:14px}}
@media(max-width:550px){.intro-panel .intro-controls{left:8px;top:12px;gap:5px}.intro-panel .intro-audio,.intro-panel .intro-flash-control{font-size:7px;padding:8px 9px}.intro-panel .intro-skip{right:8px;top:12px;padding:8px 9px;font-size:7px}.intro-panel .intro-identity{flex-direction:column;gap:12px}.intro-panel .intro-brand strong{font-size:clamp(88px,25vw,120px)}.intro-panel .intro-brand small{font-size:8px}.intro-panel .intro-title{max-width:84vw;gap:9px;margin-top:32px;font-size:clamp(24px,6.4vw,31px)}.intro-panel .intro-title span{width:100%}.intro-panel .intro-tagline{max-width:280px;margin-top:16px;font-size:16px}.intro-panel .intro-uniform{width:80%;left:-38%;height:96%;opacity:.4}.intro-panel .intro-police-car{width:95%;right:-34%;height:44%;bottom:1%;opacity:.6}.intro-panel .intro-overline{margin-bottom:17px;font-size:8px}.intro-panel .intro-scroll{bottom:83px}.intro-timeline{bottom:24px;font-size:7px;gap:7px}.intro-timeline i{width:65px}.intro-panel .intro-corner{display:none}}
@media(prefers-reduced-motion:reduce){.intro-panel .intro-visual *, .intro-panel .siren-field *, .intro-panel .siren-field::before, .intro-panel .siren-field::after {animation:none!important}.intro-panel .intro-uniform,.intro-panel .intro-police-car{opacity:.33!important}.intro-panel .intro-controls,.intro-panel .intro-timeline{opacity:1!important}.intro-panel .intro-title span{opacity:1!important}.intro-panel .intro-identity{opacity:1!important;transform:none!important;filter:none!important}.intro-timeline i::before{transform:none}}

/* NEXO 8.0 — precise layout refinements, no visual template replacement. */
/* The cue is a direct child of #inicio: its containing block is now the viewport panel. */
#inicio{isolation:isolate}
#inicio>.intro-scroll{position:absolute;left:50%;bottom:clamp(74px,10vh,108px);z-index:16;transform:translateX(-50%);width:max-content;max-width:90vw;text-align:center;gap:9px}
#inicio>.intro-scroll>span:first-child{font-size:11px;letter-spacing:.27em}
.intro-campus-link{position:absolute;bottom:clamp(70px,10vh,110px);right:clamp(20px,4vw,64px);z-index:16;border:1px solid rgba(166,197,219,.48);background:rgba(4,17,30,.74);color:#dfedf5;font:700 10px var(--body);letter-spacing:.11em;display:flex;align-items:center;gap:11px;padding:12px 15px;cursor:pointer;backdrop-filter:blur(12px);transition:background .25s,border-color .25s,transform .25s;animation:appearSlow 1s ease 5.9s both}
.intro-campus-link:hover,.intro-campus-link:focus-visible{background:rgba(37,70,93,.75);border-color:#d0ebfa;transform:translateY(-3px)}
.intro-campus-link small{display:block;color:#96b2c4;font-size:8px;letter-spacing:.13em}
.intro-campus-icon{font-size:18px;color:#a4c9dc}
.support-belief{font:600 clamp(16px,1.65vw,23px)/1.3 var(--headline)!important;letter-spacing:.075em;color:#dbe9f0!important;border-left:3px solid #8eb7cd;padding:9px 0 9px 17px;margin:19px 0!important;max-width:510px}
/* Ceremonial honors section: cleaner typography, larger featured achievement, lighter paper. */
.honors-panel{background:radial-gradient(ellipse at 69% 30%,rgba(54,91,118,.14),transparent 43%),linear-gradient(145deg,#050b12,#0d1f30 58%,#060f19)}
.honors-layout-v8{grid-template-columns:.72fr 1.28fr;gap:clamp(24px,4.5vw,85px)}
.honors-chapter{display:block;margin:26px 0 15px;color:#91adbf;font-size:10px;font-weight:700;letter-spacing:.22em}
.honors-editorial{max-width:520px;color:#b7c9d5!important;line-height:1.78}
.honors-editorial strong{color:#edf5fa}
.honors-maxim{border-top:1px solid rgba(181,211,226,.30);padding-top:25px;margin-top:30px;display:flex;flex-direction:column;gap:7px}
.honors-maxim span{font-size:9px;letter-spacing:.19em;color:#a8bcca;font-weight:700}
.honors-maxim strong{font:700 clamp(19px,2vw,27px)/1.13 var(--headline);letter-spacing:.05em;color:#e2edf3}
.honor-sheet-v8{background:radial-gradient(ellipse at top left,#fff 0%,#edf1f3 54%,#dbe3e9 100%);padding:clamp(28px,3.5vw,58px);max-width:860px;box-shadow:0 30px 110px #000a,0 0 0 1px #9caeba;outline:1px solid rgba(55,85,107,.34);outline-offset:-14px;border:1px solid #cdd7dc;text-align:center}
.honor-sheet-v8::before,.honor-sheet-v8::after{content:"";position:absolute;width:24px;height:24px;border-color:#7692a5;border-style:solid;opacity:.8}
.honor-sheet-v8::before{left:19px;top:19px;border-width:1px 0 0 1px}.honor-sheet-v8::after{right:19px;bottom:19px;border-width:0 1px 1px 0}
.honors-rule{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #bbc9d2;padding:0 0 12px;font-size:9px;font-weight:700;letter-spacing:.16em;color:#617b8d}
.honors-laurel{display:flex;justify-content:center;align-items:center;gap:10px;color:#52778f;font:45px/1 var(--serif);margin-top:10px}.honors-laurel span:first-child{transform:rotate(-48deg)}.honors-laurel span:last-child{transform:scaleX(-1) rotate(-48deg)}.honors-laurel i{font:20px var(--body);font-style:normal}
.honor-sheet-kicker{font-size:9px;letter-spacing:.25em;font-weight:700;color:#56738a;margin:3px 0 6px}
.honor-sheet-v8 h3{margin:0 0 8px;font:700 clamp(38px,3.7vw,59px)/1 var(--headline);color:#0b2235}
.honor-sheet-v8 .honor-subtitle{font:italic 400 clamp(17px,1.65vw,23px)/1.2 var(--serif);color:#527086;margin:0 0 25px}
.honors-featured{display:grid;grid-template-columns:1.15fr .85fr;gap:13px;text-align:left}
.honors-cacha{background:linear-gradient(140deg,#102b40,#071927);color:#f4f7f9;padding:clamp(18px,2.1vw,32px);box-shadow:inset 0 0 0 1px #7995a663;position:relative;overflow:hidden;min-height:265px}
.honors-cacha::before{content:"";position:absolute;top:-60px;right:-130px;width:310px;height:300px;border-radius:50%;border:1px solid #ffffff18;box-shadow:0 0 0 48px #ffffff06,0 0 0 96px #ffffff03;pointer-events:none}
.honors-cacha-label{display:block;font-size:8px;letter-spacing:.15em;color:#91b4ca;font-weight:700;border-bottom:1px solid #9aafbd38;padding-bottom:13px}
.honors-cacha-primary{display:flex;align-items:center;gap:19px;margin:21px 0}
.honors-cacha-monogram{width:63px;height:75px;flex-shrink:0;display:grid;place-items:center;border:1px solid #9ab7c8;color:#dce8f1;font:700 53px/.9 var(--serif)}
.honors-cacha-primary small{display:block;font-size:9px;letter-spacing:.22em;color:#a5c4d4;font-weight:700}
.honors-cacha-primary h4{font:700 clamp(43px,4.1vw,69px)/.86 var(--headline);margin:6px 0 9px;color:#f3f7fa;letter-spacing:.025em}
.honors-cacha-primary div>span{font-size:10px;letter-spacing:.12em;color:#bdd2df}
.honors-facts{border-top:1px solid #9caebd45;border-bottom:1px solid #9caebd45;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:16px 0}
.honors-facts>div+div{border-left:1px solid #9caebd45;padding-left:15px}
.honors-facts small{display:block;font-size:8px;letter-spacing:.15em;color:#98b1c0;font-weight:700}
.honors-facts b{display:block;margin-top:7px;font:700 clamp(22px,2.15vw,34px)/1 var(--headline);color:#eaf2f7}
.honors-clarification{font-size:9px;color:#91abbb;line-height:1.55;margin:17px 0 0;text-align:left}
.honors-tomorrow{display:flex;flex-direction:column;justify-content:center;border:1px solid #a6b7c3;padding:clamp(20px,2vw,31px);background:#f8f9f8;color:#1f3646;min-height:260px}
.honors-tomorrow-number{font:700 34px var(--headline);color:#9db0be}.honors-tomorrow-line{display:block;margin:19px 0;width:53px;height:2px;background:#7699b0}
.honors-tomorrow h4{font:700 clamp(24px,2.35vw,36px)/1.05 var(--headline);margin:0 0 17px}
.honors-tomorrow p{font-size:12px;line-height:1.65;color:#5e7382;margin:0}
.honor-sheet-v8 .honor-sheet-footer{font-size:8px;letter-spacing:.09em;margin-top:22px}
@media(max-width:1150px){.honors-layout-v8{grid-template-columns:1fr}.honor-sheet-v8{max-width:100%}}
@media(max-width:750px){
 #inicio>.intro-scroll{bottom:clamp(48px,8vh,76px);}
 .intro-campus-link{right:50%;bottom:clamp(125px,18vh,170px);transform:translateX(50%);white-space:nowrap;padding:10px 12px;font-size:9px}
 .intro-campus-link:hover,.intro-campus-link:focus-visible{transform:translateX(50%) translateY(-3px)}
 .honors-featured{grid-template-columns:1fr}.honors-tomorrow{min-height:195px}
}
@media(max-width:420px){
 .intro-campus-link{bottom:130px;padding:9px 10px}
 #inicio>.intro-scroll{bottom:69px}
 .intro-panel .intro-center{transform:translateY(-42px)}
 .honors-rule{font-size:7px;letter-spacing:.08em}
 .honors-cacha-primary{gap:11px}.honors-cacha-monogram{width:51px;height:60px;font-size:42px}
 .honors-cacha-primary h4{font-size:50px}
}
@media(prefers-reduced-motion:reduce){.intro-campus-link{opacity:1;animation:none;transform:none}.intro-campus-link:hover{transform:none}}
/* Ensure the invitation has fully appeared by the end of the six-to-seven-second intro. */
#inicio>.intro-scroll{animation:appearSlow .7s ease 5.25s both;text-shadow:0 0 17px rgba(166,210,234,.23)}
#inicio>.intro-campus-link{animation:appearSlow .7s ease 5.4s both}
/* NEXO 9 · alta alumno y futuros reconocimientos autorizados */
.topbar-enrol{border:1px solid #648fa7;color:#e8f4fa;text-decoration:none;padding:11px 13px;font:700 10px 'DM Sans',sans-serif;letter-spacing:.12em;white-space:nowrap;transition:border-color .2s,background .2s}.topbar-enrol:hover{background:#284d65;border-color:#9bc5dc}
.nexo-apply-link{display:inline-flex;margin:15px 0 0;font-size:10px;letter-spacing:.12em;color:#d4e8f4;border-bottom:1px solid #5e8da8;padding-bottom:7px;text-decoration:none;font-weight:700}.nexo-apply-link:hover{color:white;border-color:#b1dcf1}
.nexo-approved-label{margin:28px 0 12px!important;color:#234c69!important;letter-spacing:.14em!important;font-size:11px!important;font-weight:700!important}
.nexo-approved-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:16px}
.nexo-approved-card{padding:20px;border:1px solid #a7bbc9;background:#f0f4f5;display:flex;flex-direction:column;gap:7px;min-height:195px;text-align:left;color:#163047}
.nexo-approved-star{color:#2c688c;font-size:24px}.nexo-approved-card small{font-size:9px;letter-spacing:.14em;color:#416880}.nexo-approved-card h4{font:800 30px/1 'Barlow Condensed',sans-serif;margin:7px 0 1px}.nexo-approved-card p{color:#1f4f70!important;font-weight:700;font-size:12px!important;margin:0!important}.nexo-approved-card span{margin-top:auto;color:#557083;font-size:11px}
@media(max-width:1100px){.topbar-enrol{display:none}}@media(max-width:700px){.nexo-approved-grid{grid-template-columns:1fr}}

/* Registro directo NEXO 13: cuenta sin acceso automático a material privado. */
.topbar-registro{font-size:11px;letter-spacing:.10em;color:#d5e5f2;text-decoration:none;white-space:nowrap;opacity:.82;padding:8px 10px;border:1px solid rgba(148,175,198,.42);border-radius:3px}
.topbar-registro:hover,.topbar-registro:focus-visible{color:#fff;opacity:1;border-color:#bdd0df}
@media(max-width:680px){.topbar-registro{display:none}}