:root{
  --ink:#171816;
  --charcoal:#242421;
  --charcoal-2:#312f2b;
  --smoke:#403c36;
  --cream:#eee8df;
  --soft:#c4bbb1;
  --muted:#9f968d;
  --gold:#b99047;
  --gold-light:#e2c77d;
  --line:rgba(226,199,125,.20);
  --line-soft:rgba(255,255,255,.08);
  --glass:rgba(255,255,255,.032);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--cream);
  font-family:"DM Sans",system-ui,sans-serif;
  font-weight:300;
  line-height:1.7;
  background:
    radial-gradient(circle at 80% 7%,rgba(218,200,168,.13),transparent 22%),
    radial-gradient(circle at 14% 45%,rgba(128,113,92,.11),transparent 28%),
    linear-gradient(137deg,#171816 0%,#2c2b28 47%,#22231f 100%);
  background-attachment:fixed;
}
body:before{
  content:"";
  position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.11;
  background-image:radial-gradient(rgba(255,255,255,.11) .45px,transparent .45px);
  background-size:4px 4px;
}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:1160px;margin:auto;padding:0 28px}
nav{
  height:78px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--line-soft);
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:31px;height:31px;border-radius:50%;object-fit:cover}
.brand span{font-family:"Cinzel",serif;font-size:11px;letter-spacing:3px;color:#e1c780}
.navlinks{display:flex;align-items:center;gap:17px;font-size:11px;color:#b9b0a7}
.navlinks a{text-decoration:none}
.navlinks a:hover{color:#fff}
.langs{display:flex;gap:7px;padding-left:13px;border-left:1px solid var(--line-soft);font-size:10px}
.langs a{opacity:.48}.langs a.active{opacity:1;color:#eed9a4}
.navcta{border:1px solid rgba(226,199,125,.28);padding:8px 13px;color:#e8cf92}

.hero{
  min-height:84vh;display:grid;grid-template-columns:1.04fr .96fr;gap:56px;
  align-items:center;padding:64px 0 82px;
}
.eyebrow,.label{
  font-family:"Cinzel",serif;font-size:9px;letter-spacing:4px;color:var(--gold);text-transform:uppercase
}
.butterfly{width:46px;margin:0 0 14px}
h1{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(55px,6.9vw,88px);font-weight:300;line-height:.98;
  margin:17px 0;color:#fff;letter-spacing:-.02em
}
.sub{
  font-family:"Cormorant Garamond",serif;font-size:27px;font-style:italic;
  color:#ded3c7;line-height:1.42;max-width:650px
}
.copy{font-size:14px;color:#bbb2aa;max-width:620px;margin-top:22px}
.trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
.trust span{
  padding:7px 9px;border:1px solid var(--line-soft);font-size:10px;
  color:#c9c0b6;background:rgba(255,255,255,.018)
}
.btn{
  display:inline-block;margin-top:26px;padding:16px 21px;
  background:linear-gradient(135deg,#e0c47e,#9e7530);
  color:#17140f;text-decoration:none;border:0;cursor:pointer;
  font-family:"Cinzel",serif;font-size:10px;letter-spacing:2px
}
.btn.alt{
  background:transparent;color:#ded4c8;border:1px solid rgba(255,255,255,.16);margin-left:8px
}
.btn.disabled,.btn[aria-disabled="true"]{opacity:.48;cursor:not-allowed;filter:saturate(.5)}
.micro{font-size:11px;color:#91887f;margin-top:10px}
.visual{
  position:relative;padding:8px;border:1px solid rgba(226,199,125,.17);
  background:rgba(0,0,0,.10)
}
.visual:before,.visual:after{content:"";position:absolute;pointer-events:none}
.visual:before{inset:16px;border:1px solid rgba(226,199,125,.12);z-index:2}
.visual:after{
  width:92px;height:92px;right:-15px;bottom:-15px;border-right:1px solid rgba(226,199,125,.25);
  border-bottom:1px solid rgba(226,199,125,.25)
}
.visual img{
  width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:center 35%;
  filter:saturate(.72) brightness(.89)
}
.orn{
  height:1px;max-width:270px;margin:0 auto;
  background:linear-gradient(to right,transparent,var(--gold),transparent);position:relative
}
.orn:after{
  content:"◇";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  color:#c7a45b;background:#2b2b28;padding:0 11px
}
.block{padding:82px 0}
.center{text-align:center}
h2{
  font-family:"Cormorant Garamond",serif;font-size:clamp(40px,5vw,60px);
  font-weight:300;line-height:1.08;color:#fff;margin:14px 0 20px
}
.intro{max-width:790px;margin:0 auto;color:#bbb2aa;font-size:15px;line-height:1.95}
.author{
  max-width:920px;margin:0 auto;padding:50px 54px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.032),transparent)
}
.author p{font-family:"Cormorant Garamond",serif;font-size:23px;line-height:1.55;color:#ded4c8;margin:0 0 17px}
.author p:last-child{margin-bottom:0}
.author strong{font-weight:400;color:#e2c77e}
.quote{
  margin:33px auto 28px;max-width:770px;text-align:center;
  font-family:"Cormorant Garamond",serif;font-size:clamp(31px,4vw,45px);
  line-height:1.22;color:#fff;font-style:italic
}
.quote:before{content:"“";color:#c8a65f;font-size:1.4em;margin-right:3px}
.quote:after{content:"”";color:#c8a65f;font-size:1.4em;margin-left:3px}
.historyband{
  position:relative;overflow:hidden;padding:48px;border:1px solid rgba(226,199,125,.16);
  background:
    radial-gradient(circle at 50% 15%,rgba(184,138,62,.12),transparent 28%),
    rgba(0,0,0,.14)
}
.figures{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-bottom:33px}
.figure{display:grid;grid-template-rows:repeat(4,auto);gap:5px;min-width:25px}
.dotrow{display:flex;justify-content:center;gap:5px}
.dot{width:4px;height:4px;border-radius:50%;background:#c89c50;box-shadow:0 0 8px rgba(200,156,80,.22)}
.historyband .era{text-align:center;font-family:"Cinzel",serif;font-size:9px;letter-spacing:3px;color:#d0ae66}
.historyband h3{
  text-align:center;font-family:"Cormorant Garamond",serif;font-size:41px;font-weight:300;
  line-height:1.1;margin:12px 0 18px;color:#fff
}
.historyband p{max-width:870px;text-align:center;margin:0 auto 15px;color:#bcb3aa}
.readmore{
  display:block;text-align:center;margin-top:21px;color:#d8b96c;text-decoration:none;
  font-family:"Cinzel",serif;font-size:10px;letter-spacing:2px
}
.method{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:38px}
.method img{width:100%;display:block;border:1px solid var(--line-soft);filter:saturate(.66) brightness(.88)}
.method h3{font-family:"Cormorant Garamond",serif;font-size:38px;font-weight:300;margin:0 0 14px;color:#fff}
.method p{color:#b9b0a7}
.notarot{
  margin-top:21px;padding:20px 24px;border-left:2px solid var(--gold);
  background:rgba(185,144,71,.055);font-family:"Cormorant Garamond",serif;font-size:21px;color:#ded5ca
}
.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:34px}
.topic{
  padding:18px;border:1px solid var(--line-soft);background:rgba(255,255,255,.024);
  font-family:"Cormorant Garamond",serif;font-size:20px;text-align:center
}
.aspect-note{margin-top:22px;color:#d7bc78;font-family:"Cinzel",serif;font-size:9px;letter-spacing:2px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(197,164,95,.15);margin-top:40px}
.step{background:rgba(38,38,36,.96);padding:29px 23px}
.num{
  width:42px;height:42px;border:1px solid rgba(208,174,97,.48);border-radius:50%;
  display:grid;place-items:center;font-family:"Cinzel",serif;font-size:10px;color:#d0ae61
}
.step h3{font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:400;margin:13px 0 8px}
.step p{font-size:13px;color:#aaa198}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.panel{overflow:hidden;border:1px solid var(--line-soft);background:rgba(255,255,255,.028)}
.panel img{width:100%;height:245px;object-fit:cover;display:block;filter:saturate(.7) brightness(.84)}
.paneltext{padding:30px}.panel h3{font-family:"Cormorant Garamond",serif;font-size:34px;font-weight:400;margin:0 0 12px}
.panel p{color:#b6ada4;margin:0}
.report{max-width:900px;margin:38px auto 0;display:grid;grid-template-columns:1fr 1.25fr;gap:32px;align-items:center}
.report img{width:100%;display:block;border:1px solid var(--line-soft);filter:saturate(.67) brightness(.87)}
.check{list-style:none;padding:0;margin:0}
.check li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#c0b7af}
.check li:before{content:"✓";color:#c8a75f;margin-right:10px}
.pdfnote{font-family:"Cormorant Garamond",serif;font-size:26px;color:#e0d4c4;margin-top:20px}
.compare{max-width:900px;margin:35px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.compare .card{padding:29px;border:1px solid var(--line-soft);background:rgba(255,255,255,.025)}
.compare h3{font-family:"Cormorant Garamond",serif;font-size:32px;font-weight:400;margin:0 0 10px}
.compare p{color:#b4aba3;margin:0}
.faq{max-width:900px;margin:32px auto 0}
.faq details{padding:18px 0;border-top:1px solid rgba(255,255,255,.09)}
.faq details:last-child{border-bottom:1px solid rgba(255,255,255,.09)}
.faq summary{cursor:pointer;font-family:"Cormorant Garamond",serif;font-size:23px;color:#e5dbcf}
.faq p{color:#b4aba3;padding-right:18px}
.payment{
  max-width:890px;margin:36px auto 0;padding:44px;border:1px solid rgba(226,199,125,.23);
  background:
    radial-gradient(circle at 50% 0,rgba(189,143,70,.08),transparent 38%),
    rgba(255,255,255,.035);
  text-align:center
}
.payment h3{font-family:"Cormorant Garamond",serif;font-size:38px;font-weight:300;margin:0 0 10px;color:#fff}
.price{font-family:"Cormorant Garamond",serif;font-size:35px;color:#dfc47c;margin:10px 0}
.payment .after{max-width:680px;margin:18px auto 0;color:#bbb2aa}
.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.paystep{padding:18px;border:1px solid var(--line-soft);background:rgba(0,0,0,.08);font-size:12px;color:#bdb4aa}
.pending-note{font-size:11px;color:#988f86;margin-top:10px}
footer{border-top:1px solid var(--line-soft);padding:35px 0 48px;color:#7e766f;font-size:11px;margin-top:65px}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footlinks{display:flex;gap:13px;flex-wrap:wrap}
.article{max-width:860px;margin:0 auto;padding:60px 0 22px}
.article h1{text-align:center;font-size:clamp(50px,7vw,74px)}
.article .lede{
  max-width:750px;margin:0 auto 45px;text-align:center;
  font-family:"Cormorant Garamond",serif;font-size:25px;font-style:italic;color:#d8cdc0
}
.article h2{font-size:40px;margin-top:50px}
.article h3{font-family:"Cormorant Garamond",serif;font-size:29px;font-weight:400;margin-top:35px}
.article p,.article li{color:#bdb4ab}
.note{
  padding:18px 22px;margin:27px 0;border-left:2px solid var(--gold);
  background:rgba(185,143,69,.05);color:#d8cec1
}
.sources{font-size:12px;color:#8f877f;margin-top:45px}
.sources a{color:#c7aa64}
.breadcrumb{font-size:11px;color:#8f877f;padding-top:28px}
.breadcrumb a{color:#c7aa64;text-decoration:none}

/* post-payment start page */
.start-hero{max-width:850px;margin:0 auto;padding:62px 0 18px;text-align:center}
.start-hero h1{font-size:clamp(48px,7vw,72px)}
.start-hero p{max-width:690px;margin:0 auto;color:#bdb4aa}
.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:820px;margin:32px auto 0}
.progress div{padding:12px;border:1px solid var(--line-soft);font-size:11px;color:#aca39a}
.progress .on{border-color:rgba(226,199,125,.38);color:#e0c77f}
.guide{max-width:850px;margin:38px auto 0}
.guide-card{padding:25px 27px;border-top:1px solid var(--line-soft)}
.guide-card h2{font-size:34px;margin:0 0 9px}
.guide-card p,.guide-card li{color:#bdb4aa}
.pointdemo{
  margin:20px 0;padding:23px;border:1px solid rgba(226,199,125,.15);background:rgba(0,0,0,.14);
  font-family:monospace;line-height:1.5;color:#ddcda7;white-space:pre-wrap
}
.orderform{
  max-width:900px;margin:55px auto 0;padding:38px;border:1px solid rgba(226,199,125,.20);
  background:rgba(255,255,255,.035)
}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{display:flex;flex-direction:column;gap:7px}.full{grid-column:1/-1}
label{font-size:11px;color:#cbb98e}
input,textarea,select{
  width:100%;padding:13px 14px;background:rgba(17,17,17,.48);
  border:1px solid rgba(255,255,255,.13);color:#eee8df;font:inherit;font-size:14px
}
textarea{min-height:105px;resize:vertical}
.checkbox{display:flex;gap:8px;align-items:flex-start;color:#a39a91;font-size:12px}
.checkbox input{width:auto;margin-top:4px}
.filebox{
  padding:20px;border:1px dashed rgba(226,199,125,.33);background:rgba(185,143,69,.04)
}
.filehelp,.formnote{font-size:11px;color:#8f877f}
.formerror{display:none;color:#e4b9a5;font-size:12px;margin-top:8px}
button.submit{
  width:100%;padding:16px;border:0;cursor:pointer;background:linear-gradient(135deg,#e0c47e,#9e7530);
  color:#17140f;font-family:"Cinzel",serif;font-size:10px;letter-spacing:2px
}
.received{max-width:700px;margin:0 auto;padding:80px 28px;text-align:center;min-height:75vh;display:grid;place-items:center}
.received h1{font-size:58px}
@media(max-width:880px){
  .hero,.method,.duo,.report,.compare{grid-template-columns:1fr}
  .visual{max-width:630px;margin:auto}
  .steps{grid-template-columns:1fr 1fr}
  .topics{grid-template-columns:1fr 1fr}
  .payment-grid,.progress{grid-template-columns:1fr 1fr}
  .navlinks>a:not(.navcta){display:none}
}
@media(max-width:580px){
  .wrap{padding:0 20px}
  .steps,.topics,.formgrid,.payment-grid,.progress{grid-template-columns:1fr}
  .full{grid-column:auto}
  .orderform,.payment{padding:26px 20px}
  h1{font-size:54px}.sub{font-size:23px}
  .author,.historyband{padding:38px 22px}
  .btn.alt{display:block;margin-left:0;margin-top:9px}
  .langs{display:none}
}