
:root{
  --night:#06111f;
  --night2:#0a1a2d;
  --night3:#102b48;
  --ink:#07162a;
  --ivory:#f6f1e8;
  --paper:#fffdf8;
  --gold:#bd7d20;
  --gold2:#e2b258;
  --gold3:#f3d38d;
  --line:rgba(181,135,59,.34);
  --blue:#315f8b;
  --muted:#536071;
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
button,input,textarea{font:inherit}
.skip{position:absolute;left:-9999px}
.skip:focus{left:14px;top:14px;z-index:9999;background:white;padding:10px 14px}

.site-header{
  height:78px;position:relative;z-index:80;background:#071321;
  border-bottom:1px solid rgba(255,255,255,.12)
}
.header-inner{
  width:min(1320px,calc(100% - 44px));height:100%;margin:auto;
  display:flex;align-items:center;justify-content:space-between;gap:32px
}
.brand{width:275px;display:block}
.brand img{width:100%;height:auto}
.nav{display:flex;align-items:center;gap:24px;color:rgba(255,255,255,.9);font-family:var(--serif);font-size:14px}
.nav a{padding:28px 0 24px;border-bottom:2px solid transparent}
.nav a:hover,.nav a.active{color:white;border-color:var(--gold2)}
.menu-toggle{display:none;background:none;border:0;color:white;padding:10px;cursor:pointer}
.menu-toggle span{display:block;width:26px;height:2px;margin:5px 0;background:white}

.hero{
  position:relative;overflow:hidden;min-height:570px;color:white;
  background:
    radial-gradient(ellipse at 76% 18%,rgba(69,132,205,.42),transparent 25%),
    radial-gradient(ellipse at 58% 50%,rgba(25,79,140,.34),transparent 40%),
    linear-gradient(180deg,#040e1a,#07182b 55%,#06111e);
}
.hero:before{
  content:"";position:absolute;inset:0;opacity:.58;pointer-events:none;
  background-image:
    radial-gradient(circle,#fff 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(204,226,255,.8) 0 1px,transparent 1.6px),
    radial-gradient(circle,rgba(255,235,180,.75) 0 1px,transparent 1.6px);
  background-size:92px 92px,141px 141px,211px 211px;
  background-position:12px 19px,43px 62px,95px 33px
}
.hero:after{
  content:"";position:absolute;right:-8%;top:-30%;width:720px;height:720px;border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,#fff 0 2%,#fff0b5 3%,#e1a637 8%,rgba(225,166,55,.22) 18%,transparent 36%),
    repeating-radial-gradient(circle,transparent 0 53px,rgba(226,178,88,.18) 54px 55px);
  opacity:.85
}
.hero-inner{
  width:min(1320px,calc(100% - 44px));margin:auto;min-height:570px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:56px;align-items:center;
  position:relative;z-index:5
}
.hero-copy{max-width:760px;padding:56px 0}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--gold2);margin-bottom:14px}
.hero h1{font-family:var(--serif);font-size:clamp(46px,5.8vw,78px);line-height:1;letter-spacing:-.035em;font-weight:400;margin:0 0 22px}
.hero h1 .gold{color:var(--gold2)}
.hero p{font-family:var(--serif);font-size:21px;line-height:1.5;max-width:700px;color:rgba(255,255,255,.88);margin:0 0 26px}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.btn-gold{
  display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:0 28px;border-radius:9px;
  color:white;background:linear-gradient(180deg,#daa244,#aa6d17);border:1px solid #e9be69;
  box-shadow:inset 0 1px rgba(255,255,255,.3),0 12px 28px rgba(108,65,8,.22);
  font-family:var(--serif);letter-spacing:.06em;font-size:14px
}
.btn-gold span{font-size:22px}
.link-light{font-family:var(--serif);color:white;border-bottom:1px solid rgba(255,255,255,.52);padding-bottom:4px}
.hero-visual{position:relative;height:430px}
.hero-image{
  position:absolute;inset:56px 0 0 42px;overflow:hidden;border-radius:50% 50% 42% 58% / 54% 44% 56% 46%;
  border:1px solid rgba(233,190,105,.48);box-shadow:0 28px 70px rgba(0,0,0,.35)
}
.hero-image img{width:100%;height:100%;object-fit:cover}
.hero-visual .rings{
  position:absolute;right:5%;top:0;width:290px;height:290px;border-radius:50%;
  border:1px solid rgba(226,178,88,.34)
}
.hero-visual .rings:before,.hero-visual .rings:after{
  content:"";position:absolute;border-radius:50%;border:1px solid rgba(226,178,88,.2)
}
.hero-visual .rings:before{inset:38px}.hero-visual .rings:after{inset:80px}
.hero-visual .spark{position:absolute;right:138px;top:137px;width:16px;height:16px;border-radius:50%;background:#ffe6a9;box-shadow:0 0 44px #e7b250}

.hero.home{min-height:650px}
.hero.home .hero-inner{min-height:650px;grid-template-columns:1.02fr .98fr}
.hero.home .hero-copy{padding-top:82px}
.cosmic-map{position:relative;height:530px}
.cosmic-map .earth{
  position:absolute;left:-70px;right:-140px;bottom:-190px;height:380px;border-radius:50%;
  background:linear-gradient(180deg,#94b6cd,#3b668d 18%,#173b60 44%,#08192c 75%);
  box-shadow:0 -8px 22px rgba(176,220,255,.55),0 -2px 4px rgba(255,255,255,.8)
}
.cosmic-map .earth:after{
  content:"";position:absolute;left:5%;right:6%;top:4%;height:28%;border-radius:50%;
  background:
    radial-gradient(ellipse at 30% 35%,rgba(255,255,255,.48),transparent 14%),
    radial-gradient(ellipse at 55% 23%,rgba(255,255,255,.32),transparent 16%),
    radial-gradient(ellipse at 78% 38%,rgba(255,255,255,.38),transparent 13%)
}
.cosmic-path{
  position:absolute;left:7%;right:8%;top:7%;bottom:8%;
}
.cosmic-path:before{
  content:"";position:absolute;left:8%;bottom:7%;width:85%;height:68%;
  border-top:2px solid rgba(239,194,101,.82);border-radius:50% 50% 0 0;transform:rotate(-20deg);
  filter:drop-shadow(0 0 7px rgba(235,184,85,.6))
}
.map-node{position:absolute;color:white;font-family:var(--serif);font-size:11px;white-space:nowrap}
.map-node b{
  display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  font-weight:400;background:radial-gradient(circle,#fff 0 10%,#f5ca71 18%,#be7920 52%,rgba(190,121,32,.12) 68%,transparent 70%);
  box-shadow:0 0 18px rgba(240,185,80,.86)
}
.map-node span{display:block;margin-left:32px;margin-top:-22px;text-shadow:0 1px 6px #000}
.m1{left:7%;bottom:9%}.m2{left:20%;bottom:21%}.m3{left:35%;bottom:31%}.m4{left:49%;bottom:42%}
.m5{left:61%;bottom:53%}.m6{left:71%;bottom:64%}.m7{left:80%;bottom:75%}.m8{left:88%;bottom:85%}

.section{position:relative;padding:88px 0}
.section.ivory{background:var(--ivory)}
.section.paper{background:var(--paper)}
.section.dark{background:var(--night);color:white}
.wrap{width:min(1180px,calc(100% - 44px));margin:auto;position:relative;z-index:2}
.section-head{max-width:860px;margin:0 auto 48px;text-align:center}
.section-head.left{margin-left:0;text-align:left}
.section-title{font-family:var(--serif);font-size:clamp(36px,4.6vw,58px);line-height:1.08;font-weight:400;margin:0 0 14px}
.section-copy{font-family:var(--serif);font-size:18px;line-height:1.55;color:var(--muted);margin:0 auto;max-width:800px}
.dark .section-copy{color:rgba(255,255,255,.7)}
.section-head.left .section-copy{margin-left:0}

.levels-section{overflow:hidden}
.ornament{position:absolute;width:260px;height:260px;top:10px;opacity:.38}
.ornament:before,.ornament:after{content:"";position:absolute;border:1px solid #cda65a;border-radius:50%}
.ornament:before{inset:10px}.ornament:after{inset:48px;transform:rotate(36deg);border-radius:40% 60% 54% 46%}
.ornament.left{left:-100px}.ornament.right{right:-100px;transform:scaleX(-1)}
.levels-line{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;position:relative;margin:48px 0 34px;padding-top:7px}
.levels-line:before{content:"";position:absolute;left:6%;right:6%;top:31px;height:1px;background:linear-gradient(90deg,#c89131,#bba067 48%,#637797 72%,#17365c)}
.level{text-align:center;position:relative;z-index:1}
.level-dot{width:48px;height:48px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;background:#c5892d;color:white;font-family:var(--serif);font-size:18px;border:2px solid white;box-shadow:0 0 0 2px rgba(197,137,45,.27)}
.level:nth-child(4) .level-dot{background:#928b68}.level:nth-child(5) .level-dot{background:#6090a5}.level:nth-child(6) .level-dot{background:#69759a}.level:nth-child(7) .level-dot{background:#514b7c}.level:nth-child(8) .level-dot{background:#17395f}
.level h3{font-family:var(--serif);font-size:16px;font-weight:400;margin:0 0 3px}.level p{font-family:var(--serif);font-size:12px;line-height:1.35;color:#485466;margin:0 auto;max-width:130px}

.icon-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.icon-item{display:grid;grid-template-columns:82px 1fr;gap:20px;padding:28px 28px 28px 0;align-items:center}
.icon-item + .icon-item{border-left:1px solid var(--line);padding-left:28px}
.icon{width:72px;height:72px}
.icon svg{width:100%;height:100%;fill:none;stroke:#ad711e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon-item h3{font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.3;margin:0 0 7px}
.icon-item p{font-family:var(--serif);font-size:14px;line-height:1.45;color:#4c5968;margin:0}

.split{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
.split.reverse{grid-template-columns:.95fr 1.05fr}.split.reverse .visual{order:-1}
.prose h2{font-family:var(--serif);font-size:clamp(36px,4.4vw,55px);line-height:1.08;font-weight:400;margin:0 0 22px}
.prose h3{font-family:var(--serif);font-size:28px;font-weight:400;margin:34px 0 10px}
.prose p{font-family:var(--serif);font-size:17px;line-height:1.68;color:#455267;margin:0 0 19px}
.prose .lead{font-size:21px;color:#1d2b3f}
.dark .prose p{color:rgba(255,255,255,.72)}
.visual{position:relative;overflow:hidden;min-height:420px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.visual img{width:100%;height:100%;min-height:420px;object-fit:cover}
.visual.cosmic{background:linear-gradient(160deg,#071524,#102b46)}

.editorial-columns{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.editorial-column{padding:28px 28px 28px 0}
.editorial-column + .editorial-column{border-left:1px solid var(--line);padding-left:28px}
.editorial-column h3{font-family:var(--serif);font-size:23px;line-height:1.28;font-weight:400;margin:0 0 9px}
.editorial-column p{font-family:var(--serif);font-size:15px;line-height:1.55;color:#536071;margin:0}

.statement{padding:42px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:36px 0}
.statement p{font-family:var(--serif);font-size:clamp(28px,3.4vw,43px);line-height:1.2;margin:0;color:var(--ink)}
.dark .statement p{color:white}

.principles{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.principle{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:23px 32px 23px 0;border-bottom:1px solid var(--line)}
.principle:nth-child(even){border-left:1px solid var(--line);padding-left:32px}
.principle .n{font-family:var(--serif);font-size:28px;color:#a86e1d;line-height:1}
.principle h3{font-family:var(--serif);font-size:19px;line-height:1.46;font-weight:400;margin:0}

.benefits{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.benefit{font-family:var(--serif);font-size:19px;line-height:1.5;padding:22px 32px 22px 0;border-bottom:1px solid var(--line)}
.benefit:nth-child(even){border-left:1px solid var(--line);padding-left:32px}

.media{border-top:1px solid rgba(226,178,88,.34);border-bottom:1px solid rgba(226,178,88,.34);background:#030a11}
.media video{width:100%;height:auto}

.form-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:start}
.form{border-left:1px solid var(--line);padding-left:42px}
.form h2{font-family:var(--serif);font-size:39px;font-weight:400;margin:0 0 10px}
.form p{font-family:var(--serif);color:#536071}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}
.field label{font-size:12px;letter-spacing:.04em;font-weight:700;color:#415066}
.field input,.field textarea{width:100%;border:0;border-bottom:1px solid #aeb6c0;background:transparent;padding:10px 0;outline:none;color:#102038}
.field input:focus,.field textarea:focus{border-color:var(--gold)}
.check{display:flex;gap:10px;align-items:flex-start;font-family:var(--serif);font-size:14px;color:#4d5a69}.check input{margin-top:5px}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.submit{margin-top:22px;border:0;border-radius:7px;background:linear-gradient(180deg,#d9a345,#aa6e17);color:white;padding:13px 24px;font-weight:700;cursor:pointer}

.books{position:relative;overflow:hidden;color:white;background:
  radial-gradient(ellipse at 18% 70%,rgba(232,164,55,.28),transparent 27%),
  radial-gradient(ellipse at 71% 5%,rgba(71,130,197,.25),transparent 32%),
  linear-gradient(180deg,#071626,#06111e);padding:72px 0}
.books:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px);background-size:96px 96px;opacity:.28}
.books-inner{width:min(1180px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center;position:relative;z-index:2}
.books h2{font-family:var(--serif);font-size:48px;line-height:1.05;font-weight:400;margin:0 0 12px}.books p{font-family:var(--serif);font-size:18px;line-height:1.5;color:rgba(255,255,255,.8);margin:0 0 24px}
.book-row{display:flex;justify-content:flex-end;align-items:flex-end;gap:15px;perspective:900px}.book{width:148px;margin:0;filter:drop-shadow(0 18px 17px rgba(0,0,0,.45));transform:rotateY(-3deg)}.book img{width:100%;height:205px;object-fit:cover;object-position:center top;border:1px solid rgba(255,255,255,.3)}

.cta{background:var(--night);color:white;text-align:center;padding:68px 0;border-top:1px solid rgba(226,178,88,.18)}
.cta h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.2vw,52px);margin:0 0 13px}.cta p{font-family:var(--serif);font-size:17px;line-height:1.6;color:rgba(255,255,255,.72);max-width:820px;margin:0 auto 24px}
.site-footer{background:#030a12;color:rgba(255,255,255,.58);border-top:1px solid rgba(226,178,88,.16);padding:24px 0}
.footer-inner{width:min(1180px,calc(100% - 44px));margin:auto;display:flex;justify-content:space-between;gap:20px;font-size:12px}.footer-inner a{color:#d7aa58}

@media(max-width:1040px){
  .brand{width:230px}.nav{gap:15px;font-size:13px}
  .hero-inner,.split,.form-layout,.books-inner{grid-template-columns:1fr}.hero-visual{height:340px}.hero-image{inset:10px 10% 0 10%}
  .cosmic-map{height:420px}.levels-line{grid-template-columns:repeat(4,1fr);row-gap:28px}.levels-line:before{display:none}
  .editorial-columns{grid-template-columns:1fr 1fr}.editorial-column:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.editorial-column:nth-child(4){border-top:1px solid var(--line)}
  .book-row{justify-content:flex-start}
}
@media(max-width:820px){
  .menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:78px;background:#071321;padding:12px 22px 22px;flex-direction:column;align-items:flex-start;gap:0}
  .nav.open{display:flex}.nav a{width:100%;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .icon-strip{grid-template-columns:1fr}.icon-item + .icon-item{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .principles,.benefits{grid-template-columns:1fr}.principle:nth-child(even),.benefit:nth-child(even){border-left:0;padding-left:0}
  .form{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:36px}
}
@media(max-width:620px){
  .header-inner,.hero-inner,.wrap,.books-inner,.footer-inner{width:calc(100% - 28px)}
  .brand{width:210px}.hero h1{font-size:44px}.hero p{font-size:18px}.hero.home .hero-inner{min-height:auto}.hero.home{min-height:auto;padding-bottom:30px}
  .cosmic-map{height:340px}.map-node span{display:none}.m1{left:6%}.m2{left:19%}.m3{left:34%}.m4{left:49%}.m5{left:62%}.m6{left:73%}.m7{left:83%}.m8{left:91%}
  .levels-line{grid-template-columns:repeat(2,1fr)}.editorial-columns{grid-template-columns:1fr}.editorial-column + .editorial-column{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.book-row{flex-wrap:wrap}.book{width:44%;max-width:150px}.book img{height:auto}
  .footer-inner{flex-direction:column}
}


.book-library{border-top:1px solid var(--line)}
.book-feature{
  display:grid;grid-template-columns:210px 1fr;gap:48px;align-items:center;
  padding:42px 0;border-bottom:1px solid var(--line)
}
.book-feature:nth-child(even){grid-template-columns:1fr 210px}
.book-feature:nth-child(even) .book-feature-cover{order:2}
.book-feature-cover{display:flex;justify-content:center}
.book-feature-cover img{width:180px;max-height:260px;object-fit:cover;filter:drop-shadow(0 18px 16px rgba(0,0,0,.24))}
.book-feature-copy h2{font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.08;margin:0 0 12px}
.book-feature-copy p{font-family:var(--serif);font-size:17px;color:#4d5969;max-width:720px}
.book-note{font-size:13px!important;color:#8a6a32!important}
@media(max-width:720px){
  .book-feature,.book-feature:nth-child(even){grid-template-columns:1fr}
  .book-feature:nth-child(even) .book-feature-cover{order:0}
  .book-feature{gap:24px}
  .book-feature-cover{justify-content:flex-start}
}
