/* Approved opening: approved component styles, isolated from other components. */
/* Markets Eye — two approved landing-page sections. Helvetica Now Display (user-supplied). */
@font-face{font-family:ME-Now;src:local("Helvetica Now Display"),local("HelveticaNowDisplay-Regular"),url("fonts/HelveticaNowDisplay-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ME-Now;src:local("Helvetica Now Display Medium"),local("HelveticaNowDisplay-Medium"),url("fonts/HelveticaNowDisplay-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:ME-Now;src:local("Helvetica Now Display Bold"),local("HelveticaNowDisplay-Bold"),url("fonts/HelveticaNowDisplay-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
.v5-opening{--paper:#fff;--ink:#0b0b0b;--gutter:clamp(22px,2.12vw,46px);--nav-height:82px;--body-size:18px;--body-leading:1.49;color-scheme:light}
.v5-opening *,.v5-opening *::before,.v5-opening *::after{box-sizing:border-box}
.v5-opening{background:var(--paper);scroll-behavior:smooth;scroll-padding-top:80px}
.v5-opening{margin:0;min-width:min(320px,100%);background:var(--paper);color:var(--ink);font-family:ME-Now,"Helvetica Now Display","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.v5-opening ::selection{background:#e8e8e8;color:#111}
.v5-opening a{color:inherit}.v5-opening button,.v5-opening a{-webkit-tap-highlight-color:transparent}
.v5-opening button{font-family:inherit;cursor:pointer}
.v5-opening .skip-link{position:absolute;top:-100px;left:12px;z-index:100;background:#fff;padding:11px 16px;border:1px solid #222}.v5-opening .skip-link:focus{top:10px}
.v5-opening .hero{position:relative;min-height:max(800px,100svh);overflow:hidden;isolation:isolate;background:#fff}
.v5-opening .hero__wave{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.v5-opening .hero__wave-wash{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04) 1%,rgba(255,255,255,.06) 34%,rgba(255,255,255,.52) 67%,#fff 98%),linear-gradient(90deg,rgba(255,255,255,.19),rgba(255,255,255,.03))}
.v5-opening .masthead{height:var(--nav-height);padding:16px var(--gutter) 0;position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:18px}
.v5-opening .masthead__logo{display:inline-flex;width:clamp(145px,11.8vw,205px);height:62px;align-items:flex-start;text-decoration:none}
.v5-opening .masthead__logo img{display:block;width:100%;height:auto;max-height:60px;object-fit:contain;object-position:left top}
.v5-opening .masthead__nav{display:flex;gap:clamp(19px,2.8vw,55px);justify-content:center;align-items:center;padding-top:17px;white-space:nowrap}
.v5-opening .masthead__nav a{font-size:clamp(14px,.93vw,17px);line-height:1.25;text-decoration:none;letter-spacing:-.02em;font-weight:400;position:relative}
.v5-opening .masthead__nav a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.v5-opening .masthead__nav a:hover::after{transform:scaleX(1)}
.v5-opening .masthead__begin{justify-self:end;align-self:start}
.v5-opening .hero__body{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(max(800px,100svh) - var(--nav-height));padding:clamp(99px,11.2vh,143px) var(--gutter) clamp(65px,8.4vh,110px)}
.v5-opening .hero__eyebrow{margin:0 0 clamp(25px,3.5vh,41px);font-size:14px;font-weight:400;line-height:1.1;letter-spacing:0;text-transform:uppercase}
.v5-opening .hero h1{max-width:1540px;margin:0;font-size:clamp(55px,5.55vw,112px);font-weight:700;line-height:.975;letter-spacing:-.055em}
.v5-opening .hero__bottom{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,4.5vw,90px);align-items:start}
.v5-opening .hero__bottom-label{margin:2px 0 0;font-size:14px;line-height:1.25;font-weight:400;text-transform:uppercase}
.v5-opening .hero__explanation{max-width:650px;font-size:var(--body-size);line-height:var(--body-leading);letter-spacing:-.015em;font-weight:400}
.v5-opening .hero__explanation p{margin:0}.v5-opening .hero__explanation p+p{margin-top:26px}
/* Shared source V1 red button; keep its material fully intact. */
.v5-opening .red-pill{--shine:0px;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(244,142,152,.7);border-radius:999px;background:radial-gradient(ellipse 125% 180% at calc(84% + var(--shine)) 96%,rgba(252,149,164,.63),transparent 56%),linear-gradient(118deg,#200b13 1%,#50131f 32%,#aa3549 76%,#e07987 101%);box-shadow:inset 0 1px .5px rgba(255,227,234,.54),inset 0 -6px 10px rgba(99,5,25,.28),0 3px 12px rgba(99,14,30,.11),0 0 0 1px rgba(171,21,40,.11);color:#fff;display:inline-flex;justify-content:center;align-items:center;min-height:53px;padding:12px 27px;transition:transform .3s,box-shadow .3s,filter .3s;vertical-align:middle}.v5-opening .red-pill::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(178deg,rgba(255,235,239,.17) 0%,transparent 32%,rgba(23,0,5,.25) 55%,transparent 81%);mix-blend-mode:screen}.v5-opening .red-pill::after{content:"";position:absolute;inset:-50% -40%;transform:rotate(-24deg) translateX(-105%);background:linear-gradient(90deg,transparent 30%,rgba(255,235,235,.14),transparent 70%);pointer-events:none;animation:metal-sheen 9s ease-in-out infinite}.v5-opening .red-pill:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px rgba(255,227,234,.7),0 10px 22px rgba(118,13,35,.18),0 0 0 1px rgba(171,21,40,.18)}.v5-opening .red-pill:active{transform:translateY(1px) scale(.987)}.v5-opening .red-pill__face{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 50% at 95% 95%,rgba(255,232,232,.38),transparent 90%)}.v5-opening .red-pill__label{position:relative;z-index:1;font-size:15px;font-weight:500;line-height:1.3;letter-spacing:-.02em;text-shadow:0 1px 1px rgba(0,0,0,.34)}.v5-opening .red-pill__label span{padding-left:9px}.v5-opening .red-pill--header{min-height:42px;padding:9px 19px}.v5-opening .red-pill--header .red-pill__label{font-size:13px}.v5-opening .red-pill--main{min-height:58px;padding:15px 28px}.v5-opening .red-pill--purchase{min-height:61px;padding:15px 31px}.v5-opening .red-pill--purchase:disabled{opacity:.69;filter:saturate(.6);transform:none;box-shadow:none}@keyframes metal-sheen{0%,36%{transform:rotate(-24deg) translateX(-107%)}64%,100%{transform:rotate(-24deg) translateX(110%)}}

.v5-opening .red-pill__label{display:inline-flex;align-items:center;gap:10px}
.v5-opening .red-pill__label svg{width:15px;height:15px;flex:none;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.v5-opening .red-pill--header{min-height:42px;padding:9px 19px}.v5-opening .red-pill--header .red-pill__label{font-size:13px}
/* The editorial section uses the Creative Studio reference's empty-space/alignment logic. */
.v5-opening .problem{position:relative;background:#fff;padding:clamp(92px,8.1vw,150px) var(--gutter) clamp(104px,9.3vw,176px)}
.v5-opening .problem__editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:clamp(46px,7.2vw,154px);align-items:start}
.v5-opening .problem__lead{min-width:0}
.v5-opening .problem__arrow{display:block;width:35px;height:35px;color:#9d9d9d;margin-bottom:clamp(23px,2.3vw,41px)}
.v5-opening .problem__lead h2{max-width:730px;margin:0;font-size:clamp(40px,3.7vw,70px);line-height:1.045;letter-spacing:-.052em;font-weight:500}
.v5-opening .problem__copy{max-width:680px;padding-top:clamp(77px,8vw,132px);font-size:var(--body-size);line-height:var(--body-leading);letter-spacing:-.012em;font-weight:400}
.v5-opening .problem__copy p{margin:0}.v5-opening .problem__copy p+p{margin-top:28px}
/* Anduril-derived black technical panels; 2px radius, end-to-end type. */
.v5-opening .duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(13px,1.4vw,26px);margin-top:clamp(90px,10vw,172px)}
.v5-opening .duo__card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:clamp(682px,49vw,777px);padding:clamp(18px,2.15vw,36px);background:#020202;color:#fff;border-radius:2px;overflow:hidden}
.v5-opening .duo__number{font-size:clamp(50px,3.72vw,72px);line-height:1;letter-spacing:-.062em;font-weight:400;flex:none}
.v5-opening .duo__art{position:relative;flex:none;width:100%;height:clamp(245px,20.5vw,337px);margin-top:0;overflow:hidden}
.v5-opening .duo__art canvas{display:block;width:100%;height:100%}
.v5-opening .duo__content{display:flex;flex-direction:column;flex:1;min-width:0}
.v5-opening .duo__content h3{margin:0 0 13px;font-size:clamp(26px,1.94vw,36px);line-height:1.18;letter-spacing:-.042em;font-weight:500;min-height:0;max-width:none}
.v5-opening .duo__rule{width:100%;height:1px;background:rgba(255,255,255,.65);flex:none;margin-bottom:17px}
.v5-opening .duo__content p{margin:0;max-width:none;color:#f1f1f1;font-size:var(--body-size);line-height:var(--body-leading);font-weight:400;letter-spacing:-.013em}
.v5-opening .duo__action{display:flex;align-items:flex-end;justify-content:flex-start;margin-top:auto;padding-top:30px}
.v5-opening .duo__link{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:var(--body-size);line-height:1.28;font-weight:400;letter-spacing:-.018em;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.9);transition:opacity .2s ease}
.v5-opening .duo__link svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.v5-opening .duo__link:hover{opacity:.72}
.v5-opening .duo__link:hover svg{transform:translate(2px,-2px)}
.v5-opening .duo__link--start svg{transform:rotate(90deg)}.v5-opening .duo__link--start:hover svg{transform:rotate(90deg) translate(2px,-2px)}
.v5-opening a:focus-visible,.v5-opening button:focus-visible{outline:2px solid #bd6778;outline-offset:4px}
.v5-opening .duo a:focus-visible{outline-color:#fff}
@media(max-width:1280px){.v5-opening .hero h1{font-size:clamp(51px,5.85vw,81px)}.v5-opening .masthead__nav{gap:22px}.v5-opening .problem__lead h2{font-size:clamp(40px,4.05vw,58px)}.v5-opening .duo__card{min-height:680px}.v5-opening .duo__art{height:275px}.v5-opening .duo__content h3{font-size:clamp(26px,2.4vw,33px)}}
@media(max-width:980px){.v5-opening{--nav-height:77px;--body-size:17px}.v5-opening .masthead{grid-template-columns:1fr auto}.v5-opening .masthead__nav{display:none}.v5-opening .hero{min-height:770px}.v5-opening .hero__body{min-height:calc(770px - var(--nav-height));padding-top:110px}.v5-opening .hero h1{font-size:clamp(47px,6.7vw,75px)}.v5-opening .hero__bottom{grid-template-columns:1fr 1.15fr;gap:32px}.v5-opening .problem__editorial{gap:42px}.v5-opening .problem__copy{padding-top:70px}.v5-opening .duo__art{height:250px}.v5-opening .duo__card{min-height:650px}.v5-opening .duo__content h3{min-height:0}}
@media(max-width:780px){.v5-opening{--nav-height:84px;--gutter:clamp(22px,5.1vw,34px)}.v5-opening .masthead{padding-top:16px}.v5-opening .masthead__logo{width:150px}.v5-opening .hero{min-height:max(805px,100svh)}.v5-opening .hero__body{min-height:calc(max(805px,100svh) - var(--nav-height));padding-top:clamp(118px,18vh,200px);padding-bottom:clamp(48px,7vh,75px)}.v5-opening .hero h1{font-size:clamp(42px,8.6vw,64px);line-height:1.005}.v5-opening .hero__bottom{display:block;margin-top:80px}.v5-opening .hero__bottom-label{font-size:12px;margin-bottom:22px}.v5-opening .hero__explanation{max-width:590px}.v5-opening .hero__explanation p+p{margin-top:22px}.v5-opening .problem{padding-top:90px}.v5-opening .problem__editorial{grid-template-columns:1fr;gap:0}.v5-opening .problem__arrow{width:30px;height:30px;margin-bottom:23px}.v5-opening .problem__lead h2{max-width:690px;font-size:clamp(39px,7.0vw,59px)}.v5-opening .problem__copy{max-width:680px;padding-top:44px}.v5-opening .duo{margin-top:95px;grid-template-columns:1fr;gap:18px}.v5-opening .duo__card{min-height:665px;padding:clamp(22px,5vw,38px)}.v5-opening .duo__art{height:320px}.v5-opening .duo__content h3{min-height:0;font-size:30px}.v5-opening .duo__number{font-size:64px}}
@media(max-width:480px){.v5-opening{--gutter:20px;--body-size:16.5px}.v5-opening .masthead__logo{width:132px}.v5-opening .red-pill--header{min-height:40px;padding:8px 15px}.v5-opening .red-pill--header .red-pill__label{font-size:12px}.v5-opening .hero h1{font-size:clamp(39px,9.1vw,48px);letter-spacing:-.052em}.v5-opening .hero__body{padding-top:132px}.v5-opening .problem{padding-top:80px;padding-bottom:95px}.v5-opening .problem__lead h2{font-size:clamp(37px,9.3vw,47px)}.v5-opening .problem__copy{padding-top:36px}.v5-opening .problem__copy p+p{margin-top:23px}.v5-opening .duo{margin-top:75px;gap:16px}.v5-opening .duo__card{min-height:595px;padding:22px}.v5-opening .duo__number{font-size:57px}.v5-opening .duo__art{height:255px}.v5-opening .duo__content h3{font-size:26px;line-height:1.17;min-height:0}.v5-opening .duo__rule{margin-bottom:16px}.v5-opening .duo__action{padding-top:26px}.v5-opening .duo__link svg{width:17px;height:17px}}
@media(max-width:360px){.v5-opening .hero h1{font-size:clamp(35px,9.7vw,42px)}.v5-opening .hero__body{padding-top:125px}.v5-opening .masthead__logo{width:125px}.v5-opening .duo__card{padding:18px}.v5-opening .duo__art{height:220px}.v5-opening .duo__number{font-size:53px}.v5-opening .duo__content h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.v5-opening{scroll-behavior:auto}.v5-opening *,.v5-opening *::before,.v5-opening *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
