@charset "UTF-8";
:root{--night:#08182c;--night-soft:#102943;--paper:#f6f1e8;--ink:#182b3a;--gold:#efc56e;--gold-dark:#9e6c27;--white:#fffaf0;--line:rgba(239,197,110,.35)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{margin:0;overflow-x:hidden;background:var(--night);color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{touch-action:manipulation}
a{color:inherit}
button{font:inherit}
img,video{display:block;max-width:100%}
[hidden]{display:none!important}
::selection{background:var(--gold);color:var(--night)}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.page-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:rgba(255,255,255,.1)}
.page-progress span{display:block;width:0;height:100%;background:var(--gold);box-shadow:0 0 18px var(--gold)}
.site-header{position:fixed;top:3px;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px;padding:13px max(28px,calc((100vw - 1380px)/2));color:#fff;transition:background .3s,box-shadow .3s}
.site-header.is-scrolled{background:rgba(8,24,44,.94);box-shadow:0 12px 40px rgba(0,0,0,.14);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:1.3rem;line-height:1.1;text-decoration:none;white-space:nowrap}
.brand small{display:block;margin-bottom:5px;color:var(--gold);font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.brand-star{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:1.24rem;flex:none}
.top-nav{display:flex;align-items:center;gap:34px;font-size:.9rem;font-weight:600}
.top-nav a{text-decoration:none;transition:color .2s}
.top-nav a:hover{color:var(--gold)}
.top-nav .nav-cta{padding:13px 19px;border:1px solid rgba(255,255,255,.68);border-radius:2px;white-space:nowrap}
.top-nav .nav-cta:hover{border-color:var(--gold)}
.hero{position:relative;display:flex;align-items:center;min-height:100svh;min-height:max(750px,100svh);overflow:hidden;background:var(--night);isolation:isolate;color:#fff}
.hero-image,.hero-shade,.hero-glow{position:absolute;inset:0;pointer-events:none}
.hero-image{z-index:-3;background:url("assets/scena_01.jpg") center 48%/cover no-repeat;transform:scale(1.04) translate3d(0,var(--hero-shift,0px),0);will-change:transform}
.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(4,17,33,.99) 0%,rgba(5,20,39,.9) 34%,rgba(5,20,39,.42) 70%,rgba(5,20,39,.28) 100%),linear-gradient(0deg,rgba(3,13,28,.88),transparent 28%,rgba(3,13,28,.2) 85%)}
.hero-glow{z-index:-1;background:radial-gradient(circle at 78% 54%,rgba(255,185,88,.22),transparent 32%);mix-blend-mode:screen;animation:glow 8s ease-in-out infinite alternate}
.hero-content{width:min(1380px,calc(100% - 80px));margin:0 auto;padding:145px 0 125px}
.eyebrow,.section-label,.chapter-kicker{font-size:.76rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--gold)}
.eyebrow-line{display:inline-block;width:26px;height:1px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}
h1{max-width:860px;margin-bottom:29px;font-size:clamp(3.7rem,6.2vw,7.2rem);line-height:1.02;letter-spacing:-.048em;text-wrap:balance}
h1 em,h2 em{color:var(--gold);font-weight:400;font-style:normal}
.hero-lead{max-width:580px;color:#e7e5de;font-size:clamp(1.03rem,1.32vw,1.22rem);line-height:1.67}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:57px;padding:14px 25px;border-radius:2px;font-size:.98rem;font-weight:800;text-decoration:none;transition:transform .22s,background .22s,box-shadow .22s}
.button:hover{transform:translateY(-3px)}
.button-gold{background:var(--gold);color:var(--night);box-shadow:0 10px 28px rgba(2,9,20,.25)}
.button-gold:hover{background:#ffe0a0;box-shadow:0 15px 40px rgba(2,9,20,.35)}
.text-link,.inline-link{font-size:.97rem;font-weight:700;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:5px}
.text-link:hover,.inline-link:hover{color:var(--gold)}
.hero-bottom{position:absolute;right:max(40px,calc((100vw - 1380px)/2));bottom:30px;left:max(40px,calc((100vw - 1380px)/2));display:flex;align-items:center;gap:18px;color:#e9e9e4;font-size:.72rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.scroll-line{display:block;width:80px;height:1px;background:rgba(255,255,255,.55);position:relative;overflow:hidden}
.scroll-line:before{content:"";position:absolute;left:0;top:0;height:1px;width:35%;background:var(--gold);animation:slide 2s infinite ease-in-out}
.hero-bottom span:last-child{margin-left:auto;color:var(--gold)}
.opening{position:relative;padding:120px 24px 130px;background:var(--paper);text-align:center;overflow:hidden}
.opening:before,.opening:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(133,102,58,.11);border-radius:50%;pointer-events:none}
.opening:before{top:-290px;left:-170px}.opening:after{right:-200px;bottom:-280px}
.opening-number{margin-bottom:24px;color:var(--gold-dark);font-size:1.8rem}
.section-label{color:var(--gold-dark);margin-bottom:17px}
.opening h2{max-width:950px;margin:0 auto 26px;font-size:clamp(2.6rem,5.2vw,5.7rem);line-height:1.1;letter-spacing:-.038em;text-wrap:balance}
.opening>p:last-child{max-width:690px;margin:0 auto;color:#45535b;font-size:1.14rem;line-height:1.75}
.story-rail{position:relative;height:340svh;background:var(--night)}
.story-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:var(--night);color:#fff}
.story-topline{position:absolute;z-index:6;top:112px;left:max(40px,calc((100vw - 1380px)/2));right:max(40px,calc((100vw - 1380px)/2));display:flex;justify-content:space-between;color:var(--gold);font-size:.69rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.chapter{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s ease;isolation:isolate}
.chapter.is-active{opacity:1;visibility:visible}
.chapter-poster,.chapter-video,.chapter-shade{position:absolute;inset:0;width:100%;height:100%}
.chapter-poster,.chapter-video{object-fit:cover;object-position:center;z-index:-3;transform:scale(var(--chapter-scale,1.05));transition:transform .15s linear}
.chapter-video{z-index:-2;opacity:0;transition:opacity .7s ease}
.chapter-video.is-playing{opacity:1}
.chapter-shade{z-index:-1;background:linear-gradient(90deg,rgba(5,18,33,.95),rgba(5,18,33,.74) 38%,rgba(5,18,33,.2) 78%),linear-gradient(0deg,rgba(4,12,24,.8),transparent 36%)}
.chapter-content{position:absolute;top:50%;left:max(40px,calc((100vw - 1380px)/2));width:min(660px,55vw);transform:translateY(calc(-42% + var(--chapter-shift,0px)));transition:transform .15s linear}
.chapter-kicker{display:flex;align-items:center;gap:14px;margin-bottom:20px;color:var(--gold)}
.chapter-kicker span{width:34px;height:1px;background:currentColor}
.chapter h2{margin-bottom:25px;font-size:clamp(3.2rem,5.2vw,6.4rem);line-height:1.04;letter-spacing:-.048em;text-wrap:balance}
.chapter p:last-child{max-width:530px;color:#f2f0e8;font-size:1.13rem;line-height:1.68}
.chapter-number{position:absolute;right:max(40px,calc((100vw - 1380px)/2));bottom:33px;color:rgba(255,255,255,.42);font-family:Georgia,serif;font-size:clamp(5rem,10vw,10rem);line-height:.8}
.chapter-controls{position:absolute;z-index:6;bottom:55px;left:max(40px,calc((100vw - 1380px)/2));display:flex;align-items:center;gap:12px}
.chapter-dot{width:31px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.45);cursor:pointer;transition:width .35s,background .35s}
.chapter-dot.is-active{width:64px;background:var(--gold)}
.chapter-dot:hover{background:#fff}
.story-side-label{position:absolute;z-index:6;top:50%;right:28px;color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl;transform:translateY(-50%)}
.bridge{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:135px max(40px,calc((100vw - 1380px)/2));background:#ecdec8}
.bridge-copy{max-width:590px}
.bridge h2,.contents h2,.evening h2,.offer h2,.faq h2,.ending h2{font-size:clamp(2.8rem,4.3vw,5.1rem);line-height:1.09;letter-spacing:-.04em;text-wrap:balance}
.bridge h2 em,.contents h2 em,.evening h2 em,.faq h2 em{color:#9b6b32}
.bridge-copy>p:not(.section-label){color:#465057;font-size:1.11rem;line-height:1.76}
.inline-link{display:inline-block;margin-top:14px;color:var(--ink)}
.bridge-image-wrap{position:relative;align-self:stretch;min-height:420px;box-shadow:25px 25px 0 rgba(112,79,44,.12)}
.bridge-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:70% center}
.bridge-image-caption{position:absolute;left:0;bottom:0;padding:15px 22px;background:var(--night);color:var(--gold);font-family:Georgia,serif;font-size:1.1rem}
.contents{padding:130px 40px 110px;background:var(--paper);overflow:hidden}
.contents-header{text-align:center;max-width:900px;margin:0 auto}
.contents h2{margin-bottom:19px}
.contents-header>p:last-child{margin-bottom:0;color:#5d6263;font-size:1.12rem;line-height:1.6}
.document-stage{display:flex;align-items:center;justify-content:center;gap:0;max-width:1200px;margin:75px auto 78px;perspective:1200px}
.document{position:relative;width:30%;max-width:320px;margin:0 -8px;transition:transform .4s,box-shadow .4s;filter:drop-shadow(0 24px 20px rgba(37,41,39,.16))}
.document img{width:100%;height:auto;background:#fff;border:1px solid rgba(23,32,42,.1)}
.document-letter{transform:rotate(-8deg) translateY(28px)}
.document-book{z-index:2;width:36%;max-width:350px;transform:translateY(-8px)}
.document-certificate{transform:rotate(8deg) translateY(32px)}
.document:hover{z-index:5;transform:rotate(0deg) translateY(-25px) scale(1.05)}
.document figcaption{position:absolute;left:50%;bottom:-47px;transform:translateX(-50%);white-space:nowrap;color:var(--ink);font-size:.82rem;font-weight:800;text-align:center}
.document figcaption span{color:var(--gold-dark);padding-right:8px}
.contents-bottom{display:flex;justify-content:center;gap:60px;max-width:880px;margin:0 auto;padding-top:20px;border-top:1px solid #d9cbb8}
.contents-bottom div{display:flex;flex-direction:column;gap:4px;min-width:0}
.contents-bottom strong{font-size:.91rem}.contents-bottom span{color:#626b6b;font-size:.86rem}
.evening{padding:125px 40px;background:#efe6d9}
.evening-inner{display:grid;grid-template-columns:.86fr 1.14fr;gap:11%;max-width:1280px;margin:0 auto}
.evening-heading{position:sticky;top:140px;align-self:start}
.evening-steps{padding:0;margin:0;list-style:none}
.evening-steps li{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:31px 0;border-top:1px solid #cdbda8}
.evening-steps li:last-child{border-bottom:1px solid #cdbda8}
.evening-steps li>span{color:var(--gold-dark);font-family:Georgia,serif;font-size:1.5rem}
.evening-steps h3{margin-bottom:10px;font-size:1.65rem}
.evening-steps p{max-width:460px;margin-bottom:0;color:#545c5f;font-size:1rem;line-height:1.7}
.offer{position:relative;padding:125px 40px 100px;background:var(--night);color:#fff;overflow:hidden;isolation:isolate}
.offer-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 15%,rgba(212,154,71,.16),transparent 42%),radial-gradient(circle at 100% 100%,rgba(39,88,125,.25),transparent 45%)}
.offer-inner{max-width:1200px;margin:0 auto}
.offer-heading{max-width:860px;margin:0 auto 58px;text-align:center}
.offer .section-label,.ending .section-label{color:var(--gold)}
.offer-heading>p:last-child{max-width:700px;margin:0 auto;color:#d8e1e4;font-size:1.1rem;line-height:1.65}
.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.offer-card{display:flex;flex-direction:column;min-height:470px;padding:39px 42px;background:#fbf7ef;color:var(--ink);border:1px solid rgba(239,197,110,.28)}
.offer-card-featured{background:#e9c780;border-color:#e9c780}
.offer-card-top{padding-bottom:25px;border-bottom:1px solid rgba(15,38,58,.19)}
.offer-badge{display:inline-block;margin-bottom:25px;color:#85551d;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.offer-card h3{margin-bottom:12px;font-size:2rem}
.price{margin:0;font-family:Georgia,serif;font-size:clamp(3.4rem,5vw,5rem);line-height:1;letter-spacing:-.06em}
.offer-card ul{margin:25px 0 25px;padding:0;list-style:none}
.offer-card li{position:relative;margin:0 0 11px;padding-left:24px;font-size:1rem;line-height:1.5}
.offer-card li:before{content:"✦";position:absolute;left:0;color:#9b6b32;font-size:.75rem;top:3px}
.offer-buy{align-self:flex-start;margin-top:auto;background:var(--night);color:#fff;box-shadow:none}
.offer-buy:hover{background:#193e5d;color:#fff}
.offer-note{margin:auto 0 0;padding-top:20px;border-top:1px solid rgba(15,38,58,.18);font-size:.88rem;font-weight:700;line-height:1.5}
.offer-buy+.offer-note{margin-top:22px}
.offer-footnote{margin:23px 0 0;color:#d7e0e2;font-size:.86rem;text-align:center}
.faq{padding:125px 40px;background:var(--paper)}
.faq-inner{display:grid;grid-template-columns:.78fr 1.22fr;gap:12%;max-width:1240px;margin:0 auto}
.faq-list{border-top:1px solid #cdbda8}
.faq details{border-bottom:1px solid #cdbda8}
.faq summary{position:relative;cursor:pointer;padding:23px 40px 23px 0;font-size:1.07rem;font-weight:700;line-height:1.4;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:4px;top:18px;color:#9b6b32;font-size:1.6rem;font-weight:400}
.faq details[open] summary:after{content:"−"}
.faq details p{max-width:560px;margin:-3px 0 24px;color:#596164;font-size:1rem;line-height:1.67}
.ending{position:relative;display:grid;place-items:center;min-height:640px;padding:110px 25px;overflow:hidden;background:var(--night);color:#fff;isolation:isolate;text-align:center}
.ending-image,.ending-shade{position:absolute;inset:0}
.ending-image{z-index:-2;background:url("assets/scena_15.jpg") center 54%/cover no-repeat;transform:scale(1.05)}
.ending-shade{z-index:-1;background:rgba(4,15,29,.68)}
.ending-content{max-width:920px}
.ending h2{margin-bottom:30px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px max(40px,calc((100vw - 1380px)/2));background:#061321;color:#b8c3c7;font-size:.85rem}
.footer a{color:var(--gold);text-decoration:none}
.footer-legal{display:flex;flex-wrap:wrap;gap:17px}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
[data-reveal].is-visible{opacity:1;transform:translateY(0)}
@keyframes glow{from{opacity:.5}to{opacity:1}}@keyframes slide{from{transform:translateX(-100%)}to{transform:translateX(310%)}}
@media(max-width:1000px){.site-header{padding-left:28px;padding-right:28px}.hero-content{width:calc(100% - 56px)}.hero h1{max-width:750px}.bridge{gap:5%}.story-side-label{display:none}}
@media(max-width:760px){
  html{scroll-padding-top:70px}.site-header{min-height:68px;padding:9px 18px}.brand{font-size:1.02rem;gap:8px}.brand small{font-size:.5rem;letter-spacing:.12em}.brand-star{width:28px;height:28px;font-size:1rem}.top-nav{gap:0}.top-nav>a:not(.nav-cta){display:none}.top-nav .nav-cta{padding:10px 11px;font-size:.73rem}
  .hero{min-height:820px;min-height:100svh;align-items:flex-start}.hero-image{background-position:61% center}.hero-shade{background:linear-gradient(180deg,rgba(4,17,33,.91) 0%,rgba(4,17,33,.83) 50%,rgba(4,17,33,.18) 100%)}.hero-content{width:calc(100% - 38px);padding:147px 0 230px}.eyebrow{font-size:.63rem;line-height:1.5;letter-spacing:.12em}.hero h1{font-size:clamp(2.9rem,10.3vw,4.6rem);line-height:1.04}.hero-lead{max-width:560px;font-size:1rem;line-height:1.58}.hero-actions{gap:22px;margin-top:26px}.button{min-height:52px;padding:12px 18px;gap:20px;font-size:.9rem}.hero-bottom{left:19px;right:19px;bottom:20px;font-size:.59rem;gap:9px}.scroll-line{width:30px}
  .opening{padding:85px 20px 90px}.opening h2{font-size:clamp(2.5rem,9vw,4.5rem)}.opening>p:last-child{font-size:1rem}
  .story-rail{height:330svh}.story-sticky{min-height:0}.story-topline{top:88px;left:20px;right:20px;font-size:.57rem}.chapter-poster,.chapter-video{object-position:59% center}.chapter-shade{background:linear-gradient(0deg,rgba(4,16,31,.97) 0%,rgba(4,16,31,.83) 30%,rgba(4,16,31,.11) 78%),linear-gradient(180deg,rgba(4,16,31,.45),transparent 25%)}.chapter-content{top:auto;bottom:100px;left:20px;width:calc(100% - 40px);transform:translateY(var(--chapter-shift,0px))}.chapter h2{max-width:600px;font-size:clamp(2.75rem,9vw,4.6rem)}.chapter p:last-child{max-width:530px;font-size:1rem;line-height:1.55}.chapter-kicker{font-size:.65rem}.chapter-number{bottom:20px;right:20px;font-size:5rem}.chapter-controls{bottom:29px;left:20px}.chapter-dot{width:24px;height:7px}.chapter-dot.is-active{width:48px}
  .bridge{grid-template-columns:1fr;gap:40px;padding:83px 20px 93px}.bridge h2,.contents h2,.evening h2,.offer h2,.faq h2,.ending h2{font-size:clamp(2.6rem,8.4vw,4.2rem)}.bridge-copy>p:not(.section-label){font-size:1rem}.bridge-image-wrap{min-height:330px;box-shadow:13px 13px 0 rgba(112,79,44,.12)}
  .contents{padding:85px 20px 90px}.contents-header>p:last-child{font-size:1rem}.document-stage{margin:60px auto 85px}.document{width:33%;margin:0 -5px}.document-book{width:37%}.document figcaption{bottom:-40px;font-size:.62rem}.document figcaption span{display:block;padding:0 0 3px}.contents-bottom{gap:24px}.contents-bottom strong{font-size:.82rem}.contents-bottom span{font-size:.76rem}
  .evening{padding:85px 20px}.evening-inner{display:block}.evening-heading{position:static;margin-bottom:38px}.evening-steps li{grid-template-columns:42px 1fr;gap:12px;padding:25px 0}.evening-steps h3{font-size:1.43rem}.evening-steps p{font-size:.96rem}
  .offer{padding:85px 20px}.offer-heading{margin-bottom:37px}.offer-heading>p:last-child{font-size:1rem}.offer-grid{grid-template-columns:1fr}.offer-card{min-height:0;padding:29px 27px}.offer-card h3{font-size:1.76rem}.offer-card li{font-size:.94rem}.offer-footnote{line-height:1.5}
  .faq{padding:85px 20px}.faq-inner{display:block}.faq-inner>div:first-child{margin-bottom:35px}.faq summary{font-size:1rem}.ending{min-height:600px;padding:85px 20px}.footer{flex-wrap:wrap;justify-content:center;padding:27px 20px;text-align:center}.footer span{width:100%}
}
@media(max-width:440px){.brand{font-size:.88rem}.brand small{font-size:.45rem}.brand-star{display:none}.top-nav .nav-cta{font-size:.68rem;padding:9px}.hero-content{padding-top:135px}.hero h1{font-size:2.75rem}.hero-actions{gap:18px}.text-link{font-size:.87rem}.chapter h2{font-size:2.6rem}.chapter-content{bottom:95px}.chapter p:last-child{font-size:.94rem}.document-stage{margin-bottom:80px}.document figcaption{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-glow,.scroll-line:before{animation:none}.hero-image,.chapter-poster,.chapter-video,.chapter-content{transform:none!important}.chapter-video{display:none}.story-rail{height:auto}.story-sticky{position:relative;height:auto;min-height:0}.story-topline,.story-side-label,.chapter-controls,.chapter-number{display:none}.chapter{position:relative;display:flex;align-items:flex-end;min-height:70svh;opacity:1;visibility:visible;transition:none}.chapter-content{position:relative;top:auto;bottom:auto;left:auto;width:min(650px,calc(100% - 40px));margin:160px 20px 50px}.chapter-poster{transform:none}.chapter-shade{background:linear-gradient(0deg,rgba(4,16,31,.95),rgba(4,16,31,.32))}[data-reveal]{opacity:1;transform:none;transition:none}.button,.document{transition:none}.button:hover{transform:none}}