@font-face{font-family:Prata;src:url('/assets/prata.ttf') format('truetype');font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--navy:#111b35;--ink:#172039;--gold:#e8c985;--old-gold:#ab8347;--paper:#f8f5ee;--muted:#687087;--line:#dfd9cc;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid var(--old-gold);outline-offset:4px}
::selection{background:var(--gold);color:var(--navy)}
.shell{width:min(100% - 80px,1200px);margin-inline:auto}
.skip-link{position:absolute;z-index:30;top:-100px;left:20px;padding:12px 18px;background:var(--gold);color:var(--navy)}
.skip-link:focus{top:15px}
.site-header{height:88px;padding:0 max(40px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:42px;position:absolute;z-index:20;inset:0 0 auto;color:white;border-bottom:1px solid rgba(255,255,255,.18)}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-symbol{width:38px;height:38px;border:1px solid rgba(232,201,133,.65);border-radius:50%;display:grid;place-items:center;font-size:21px;color:var(--gold)}
.brand strong{font:22px/1 Prata,Georgia,serif;display:block;letter-spacing:.04em}
.brand small{display:block;font-size:8px;letter-spacing:.36em;color:var(--gold);margin-top:6px}
.desktop-nav{display:flex;gap:35px;align-items:center;margin-inline:auto}
.desktop-nav a{font-size:12px;color:rgba(255,255,255,.8);transition:color .2s}
.desktop-nav a:hover{color:var(--gold)}
.header-download{display:inline-flex;align-items:center;gap:18px;padding:13px 17px;border:1px solid rgba(232,201,133,.75);border-radius:3px;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}
.header-download:hover{background:var(--gold);color:var(--navy)}
.header-download span{font-size:17px;color:var(--gold)}
.header-download:hover span{color:var(--navy)}
.menu-toggle{display:none}
.mobile-nav[hidden]{display:none}
.hero{min-height:790px;height:min(900px,100svh);position:relative;overflow:hidden;background:#0d152d;color:white;display:flex;align-items:center}
.hero-art{position:absolute;inset:0 0 0 39%;background:url('/assets/celestial-choir.png') center 43%/cover no-repeat;filter:saturate(.9)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d162f 0%,#0d162f 24%,rgba(13,22,47,.91) 39%,rgba(13,22,47,.42) 66%,rgba(13,22,47,.1) 100%),linear-gradient(0deg,rgba(13,22,47,.57),transparent 25%)}
.hero-content{position:relative;z-index:2;padding-top:100px}
.eyebrow{display:inline-flex;align-items:center;gap:13px;color:var(--old-gold);font-size:10px;font-weight:700;letter-spacing:.24em;line-height:1.5}
.eyebrow.light{color:var(--gold)}
.eyebrow-line{display:inline-block;width:26px;height:1px;background:currentColor;flex-shrink:0}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-.045em}
h1 em,h2 em{font-weight:400;color:var(--gold);font-style:normal}
.hero h1{font-size:clamp(56px,6.7vw,101px);line-height:1.15;max-width:740px;margin:24px 0 28px;text-wrap:balance}
.hero p{font-size:16px;line-height:1.8;color:#e3e4ea;max-width:465px;margin-bottom:34px}
.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.button{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:0 23px;border-radius:3px;font-size:12px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-3px)}
.button span{font-size:20px;font-weight:400;line-height:1}
.button-gold{background:var(--gold);color:var(--navy);box-shadow:0 15px 35px rgba(0,0,0,.12)}
.button-gold:hover{background:#f7dca4;box-shadow:0 18px 35px rgba(0,0,0,.2)}
.text-link{font-size:12px;color:white;border-bottom:1px solid rgba(255,255,255,.55);padding-block:10px;display:inline-flex;gap:14px;align-items:center}
.text-link:hover{color:var(--gold);border-color:var(--gold)}
.text-link span{font-size:16px}
.hero-meta{display:flex;align-items:center;gap:11px;margin-top:84px;color:#dadde5;font-size:11px;letter-spacing:.08em}
.meta-sparkle{color:var(--gold);font-size:18px}
.hero-scroll{position:absolute;z-index:2;right:38px;bottom:48px;display:flex;align-items:center;gap:20px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.22em;color:rgba(255,255,255,.8)}
.hero-scroll i{width:1px;height:62px;background:rgba(255,255,255,.7)}
.hero-stars i{position:absolute;z-index:1;width:4px;height:4px;border-radius:50%;background:#ffe8b6;box-shadow:0 0 18px 6px rgba(255,218,146,.65);animation:twinkle 4s ease-in-out infinite alternate}
.hero-stars i:nth-child(1){top:19%;left:58%}.hero-stars i:nth-child(2){top:26%;left:82%;animation-delay:1s}.hero-stars i:nth-child(3){top:12%;left:94%;animation-delay:2s}.hero-stars i:nth-child(4){top:52%;left:50%;animation-delay:1.5s}.hero-stars i:nth-child(5){top:66%;left:79%;animation-delay:.4s}.hero-stars i:nth-child(6){top:39%;left:96%;animation-delay:2.7s}
@keyframes twinkle{0%{opacity:.2;transform:scale(.5)}100%{opacity:1;transform:scale(1.35)}}
.section-pad{padding-block:120px}
.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:end}
.intro h2,.languages h2,.showcase h2,.download-section h2{font-size:clamp(40px,4vw,60px);line-height:1.25;margin:22px 0 0}
.intro h2 em,.languages h2 em{color:var(--old-gold)}
.intro-copy p,.languages-content>p{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:25px}
.under-link{display:inline-flex;gap:38px;border-bottom:1px solid var(--old-gold);padding-bottom:9px;color:var(--old-gold);font-size:12px;font-weight:700}
.under-link:hover{color:var(--ink);border-color:var(--ink)}
.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:85px}
.feature{min-height:288px;padding:30px;border:1px solid var(--line);background:#fcfaf5;position:relative;transition:transform .25s,box-shadow .25s}
.feature:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(24,32,57,.08)}
.feature-icon{font-family:Georgia,serif;font-size:34px;color:var(--old-gold);display:block;height:64px}
.feature-number{font-size:10px;color:var(--old-gold);letter-spacing:.2em;font-weight:700}
.feature h3{font:21px/1.3 Prata,Georgia,serif;margin:16px 0 12px}
.feature p{color:var(--muted);font-size:12px;line-height:1.8;max-width:260px;margin:0}
.languages{background:#eae5db}
.languages-layout{display:grid;grid-template-columns:.96fr 1.04fr;gap:105px;align-items:center}
.language-art{height:670px;position:relative;overflow:hidden;background:#cfbfac}
.language-art img{height:100%;width:100%;object-fit:cover;object-position:center 49%}
.art-caption{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(0deg,rgba(17,27,53,.91),transparent);color:white;display:flex;align-items:flex-end;gap:16px}
.art-caption span{color:var(--gold);font-size:26px;margin-bottom:6px}
.art-caption p{font:18px/1.4 Prata,Georgia,serif;margin:0}
.languages h2{margin-bottom:25px}
.languages-content>p{max-width:450px;margin-bottom:31px}
.language-list{border-top:1px solid #ccc6bc}
.language-list div{display:flex;align-items:center;padding:17px 3px;border-bottom:1px solid #ccc6bc;gap:25px;transition:padding-left .2s}
.language-list div:hover{padding-left:10px}
.language-list span{font-size:10px;color:var(--old-gold);letter-spacing:.15em}
.language-list strong{font:22px/1.2 Prata,Georgia,serif;font-weight:400}
.language-list i{margin-left:auto;font-style:normal;color:var(--old-gold);font-size:21px}
.showcase{background:var(--navy);color:white;overflow:hidden}
.showcase-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center;min-height:610px}
.showcase h2{max-width:560px;margin-bottom:27px}
.showcase p{font-size:15px;line-height:1.9;color:#bfc6d5;max-width:445px;margin-bottom:32px}
.button-outline{border:1px solid rgba(232,201,133,.8);color:var(--gold)}
.button-outline:hover{background:rgba(232,201,133,.1)}
.phone-stage{position:relative;display:grid;place-items:center;min-height:650px}
.phone-glow{position:absolute;width:480px;height:480px;background:radial-gradient(circle,rgba(232,201,133,.27),transparent 65%);filter:blur(22px)}
.phone{width:290px;height:590px;background:#10172b;border:7px solid #d8cba8;border-radius:40px;box-shadow:0 38px 80px rgba(0,0,0,.55),inset 0 0 0 2px #26334e;position:relative;transform:rotate(8deg);overflow:hidden}
.phone-camera{position:absolute;z-index:4;top:10px;left:50%;transform:translateX(-50%);width:78px;height:17px;border-radius:15px;background:#0d1629}
.phone-screen{position:absolute;inset:5px;border-radius:31px;overflow:hidden;background:#131b36}
.phone-top{height:58px;position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 15px 11px;color:white;font-size:10px;letter-spacing:.1em;background:linear-gradient(#121c38,transparent)}
.phone-top span:first-child{color:var(--gold);font-size:18px}
.phone-top span:last-child{font-size:17px}
.phone-image{position:absolute;inset:0;background:url('/assets/celestial-throne.png') center/cover}
.phone-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#111b35 2%,rgba(17,27,53,.84) 25%,transparent 66%)}
.phone-message{position:absolute;z-index:2;bottom:70px;left:19px;right:19px;color:white}
.phone-message small{display:block;color:var(--gold);font-size:8px;letter-spacing:.13em;margin-bottom:8px}
.phone-message strong{display:block;font:25px/1.26 Prata,Georgia,serif;font-weight:400;margin-bottom:16px}
.phone-message>span{display:inline-flex;background:var(--gold);color:var(--navy);padding:10px 14px;border-radius:8px;font-size:10px;font-weight:700}
.phone-bottom{position:absolute;bottom:0;left:0;right:0;height:45px;background:#111b35;display:flex;justify-content:space-around;align-items:center}
.phone-bottom i{width:19px;height:3px;background:#b8bfd0;border-radius:2px}.phone-bottom i:nth-child(2){background:var(--gold)}
.orbit{position:absolute;color:var(--gold);font-size:37px}.orbit-one{left:7%;top:19%}.orbit-two{right:3%;bottom:22%;font-size:22px}
.download-section{background:var(--paper)}
.download-panel{min-height:500px;background:var(--navy);position:relative;overflow:hidden;display:flex;align-items:center}
.download-art{position:absolute;inset:0 0 0 44%;background:url('/assets/celestial-throne.png') center 44%/cover no-repeat}
.download-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111b35 0%,#111b35 36%,rgba(17,27,53,.9) 52%,rgba(17,27,53,.06) 100%)}
.download-content{position:relative;z-index:1;color:white;padding:70px;width:min(620px,63%)}
.download-section h2{font-size:clamp(36px,3.6vw,54px);margin:23px 0}
.download-section p{font-size:14px;line-height:1.8;color:#d7dbe4;max-width:420px;margin-bottom:27px}
.download-content small{display:block;margin-top:15px;color:#b3bccc;font-size:10px}
.site-footer{background:#0d162d;color:white;border-top:1px solid rgba(255,255,255,.12)}
.footer-inner{min-height:160px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-inner p{color:#aab4c8;font-size:12px;margin:0}
.footer-inner>a:last-child{font-size:12px;color:var(--gold)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.shell{width:min(100% - 48px,700px)}.site-header{padding-inline:24px}.desktop-nav{gap:18px}.hero{min-height:700px}.hero-art{left:24%}.hero-shade{background:linear-gradient(90deg,rgba(13,22,47,.98),rgba(13,22,47,.72) 53%,rgba(13,22,47,.1)),linear-gradient(0deg,rgba(13,22,47,.5),transparent 40%)}.hero h1{font-size:clamp(52px,8vw,75px)}.intro-grid{gap:40px}.languages-layout{gap:40px}.language-art{height:550px}.download-content{padding:50px}}
@media(max-width:680px){.shell{width:calc(100% - 40px)}.site-header{height:72px;padding-inline:20px}.brand strong{font-size:19px}.brand-symbol{width:34px;height:34px}.desktop-nav,.header-download{display:none}.menu-toggle{margin-left:auto;width:42px;height:42px;border:1px solid rgba(232,201,133,.5);background:transparent;border-radius:3px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer}.menu-toggle span{width:19px;height:1px;background:var(--gold)}.mobile-nav{position:absolute;z-index:19;top:72px;left:0;right:0;background:#121d39;padding:16px 20px 24px;display:grid;gap:0;border-bottom:1px solid rgba(232,201,133,.3)}.mobile-nav a{padding:13px 5px;color:white;font-size:14px;border-bottom:1px solid rgba(255,255,255,.12)}.hero{min-height:730px;height:auto;align-items:flex-end}.hero-art{inset:0;background-position:center top}.hero-shade{background:linear-gradient(0deg,#0d162f 2%,rgba(13,22,47,.95) 20%,rgba(13,22,47,.42) 68%,rgba(13,22,47,.22)),linear-gradient(90deg,rgba(13,22,47,.15),transparent)}.hero-content{padding-top:290px;padding-bottom:48px}.hero h1{font-size:clamp(43px,10vw,62px);margin:17px 0 16px;max-width:540px}.hero p{font-size:14px;line-height:1.65;margin-bottom:24px}.hero-actions{gap:15px}.hero-actions .button{width:100%}.hero-meta{margin-top:38px}.hero-scroll{display:none}.section-pad{padding-block:78px}.intro-grid,.languages-layout,.showcase-grid{grid-template-columns:1fr;gap:25px}.intro h2,.languages h2,.showcase h2,.download-section h2{font-size:clamp(36px,9vw,48px)}.intro h2{margin-bottom:10px}.intro-copy p,.languages-content>p{font-size:14px}.feature-row{grid-template-columns:1fr;gap:12px;margin-top:38px}.feature{min-height:205px;padding:24px}.feature-icon{height:43px}.feature h3{margin:8px 0}.languages-layout{gap:50px}.language-art{height:460px;order:2}.languages-content{order:1}.language-list div{padding-block:14px}.showcase-grid{gap:10px}.showcase-copy{order:1}.phone-stage{order:2;min-height:560px}.phone{transform:rotate(5deg) scale(.85)}.orbit-one{left:2%}.orbit-two{right:2%}.download-panel{min-height:0;align-items:flex-end}.download-art{inset:0;background-position:center 28%}.download-panel:after{background:linear-gradient(0deg,#111b35 0%,rgba(17,27,53,.94) 43%,rgba(17,27,53,.08) 100%)}.download-content{width:100%;padding:210px 26px 35px}.download-content .button{width:100%}.footer-inner{padding-block:30px;min-height:0;flex-direction:column;align-items:flex-start;gap:18px}}
@media(max-width:380px){.hero-content{padding-top:250px}.hero h1{font-size:40px}.phone-stage{min-height:520px}.phone{transform:rotate(5deg) scale(.76)}.eyebrow{letter-spacing:.14em}}
@media(max-width:680px){.hero-content{min-width:0}.hero-actions{min-width:0}.hero-actions .button{min-width:0;gap:12px;font-size:11px;padding-inline:17px}.hero p{overflow-wrap:break-word}.download-content .button{min-width:0;gap:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-stars i{animation:none}.reveal{opacity:1;transform:none;transition:none}.button,.feature{transition:none}}