:root{--brown:#5E5F3A;--coral:#7E6B94;--pink:#CDB6DB;--gold:#D0A776;--cream:#F6EFE6;--cream2:#EBE1EF;--ink:#3A3A2A;--white:#fff;--r:22px;--shadow:0 18px 50px -20px rgba(94,95,58,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
.skip{position:absolute;left:-999px;top:0;background:var(--brown);color:#fff;padding:10px 16px;z-index:100}.skip:focus{left:8px;top:8px}
.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.eyebrow{display:inline-block;font:700 12px/1 "Trebuchet MS",Arial,sans-serif;letter-spacing:.18em;color:var(--coral);margin-bottom:14px}
h1,h2,h3,h4,h5{color:var(--brown);margin:0 0 .4em;line-height:1.12}
h1{font-size:clamp(34px,6vw,64px);font-weight:700}h1 em{color:var(--coral);font-style:italic}
h2{font-size:clamp(28px,4vw,42px)}h3{font-size:clamp(26px,3.4vw,36px)}h4{font-size:22px}
p{margin:0 0 1em}
.fine{font-size:13px;color:#7a7860}
section{padding:72px 0}

/* header */
.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(16px,4vw,40px);background:rgba(246,239,230,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(94,95,58,.1)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--brown);font-weight:700;font-size:19px;line-height:1.1}
.brand img{border-radius:50%}.brand small{display:block;font:italic 400 12px Georgia;color:var(--coral)}
.header nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.header nav a{font:600 14px "Trebuchet MS",Arial,sans-serif;text-decoration:none;color:var(--brown);padding:8px 12px;border-radius:999px}
.header nav a:hover{background:var(--cream2)}
.header nav .nav-cta{background:var(--coral);color:#fff}.header nav .nav-cta:hover{background:var(--brown)}
@media(max-width:760px){.header nav a:not(.nav-cta){display:none}}

/* buttons */
.button{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;text-decoration:none;font:700 15px "Trebuchet MS",Arial,sans-serif;padding:14px 24px;border-radius:999px;transition:.2s}
.button.primary{background:var(--coral);color:#fff}.button.primary:hover{background:var(--brown);transform:translateY(-2px)}
.button.glow{box-shadow:0 0 0 0 rgba(126,107,148,.6);animation:pulse 2.4s infinite}
.button.ghost{background:rgba(255,255,255,.16);color:#fff;border:1.5px solid rgba(255,255,255,.7)}.button.ghost:hover{background:#fff;color:var(--brown)}
.button.ghost.dark{background:transparent;color:var(--brown);border-color:var(--brown)}.button.ghost.dark:hover{background:var(--brown);color:#fff}
.button.sm{padding:10px 18px;font-size:14px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(126,107,148,.55)}70%{box-shadow:0 0 0 16px rgba(126,107,148,0)}100%{box-shadow:0 0 0 0 rgba(126,107,148,0)}}

/* hero */
.hero{position:relative;padding:0;overflow:hidden;background:linear-gradient(135deg,var(--cream) 0%,var(--cream2) 100%)}
.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:70px 0 80px}
.hero-copy{max-width:600px}.hero h1{font-size:clamp(34px,5vw,56px)}.hero h1 em{display:block;color:var(--coral)}
.hero p{font-size:19px;color:#58583f}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}
.stats{display:flex;flex-wrap:wrap;gap:26px;list-style:none;padding:0;margin:30px 0 0;font:14px "Trebuchet MS",Arial,sans-serif;color:#7a7860}.stats strong{display:block;font:700 30px Georgia;color:var(--brown)}
.hero-art{position:relative;padding:0 0 40px 30px}
.arch{border-radius:260px 260px 28px 28px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow);border:6px solid #fff}.arch img{width:100%;height:100%;object-fit:cover;object-position:40% 50%;animation:zoom 22s ease-in-out infinite alternate}
.float-card{position:absolute;left:-6px;bottom:0;width:46%;margin:0;border-radius:18px;overflow:hidden;border:5px solid #fff;box-shadow:var(--shadow);background:#fff;transform:rotate(-3deg)}.float-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.float-card figcaption{font:italic 13px Georgia;color:var(--brown);padding:6px 10px;text-align:center}
@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.spark{position:absolute;color:var(--gold);font-size:26px;animation:tw 3s infinite ease-in-out}.s1{right:-4px;top:10%}.s2{right:12%;top:46%;font-size:18px;animation-delay:1s}.s3{left:6%;top:6%;font-size:22px;animation-delay:2s}
@keyframes tw{0%,100%{opacity:.2;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}
@media(max-width:860px){.hero-inner{grid-template-columns:1fr;padding:44px 0 60px}.hero-art{padding-left:0;max-width:440px;margin:auto}}

/* path */
.path{padding-top:80px}
.path-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.path-steps a{background:#fff;border:1px solid rgba(94,95,58,.12);border-radius:var(--r);padding:22px;text-decoration:none;display:flex;flex-direction:column;gap:4px;transition:.25s}
.path-steps a:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.path-steps span{font:700 13px "Trebuchet MS";color:var(--coral);letter-spacing:.14em}.path-steps strong{font-size:19px;color:var(--brown)}.path-steps small{color:#7a7860}
@media(max-width:860px){.path-steps{grid-template-columns:1fr 1fr}}@media(max-width:480px){.path-steps{grid-template-columns:1fr}}

/* sections */
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:34px}.section-head p{max-width:620px;margin:0;color:#58583f}
.progress-note{min-width:210px;font:14px "Trebuchet MS",Arial,sans-serif;color:var(--brown)}.progress-note progress{width:100%;height:10px;margin-top:6px;accent-color:var(--coral)}
.tool-actions{display:flex;gap:10px}

/* library */
.featured{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:center;background:linear-gradient(135deg,#fff,var(--cream2));border:1px solid rgba(94,95,58,.1);border-radius:32px;padding:36px;box-shadow:var(--shadow)}
.book{display:block;border-radius:6px 14px 14px 6px;overflow:hidden;box-shadow:-10px 14px 30px -8px rgba(94,95,58,.45),inset 8px 0 14px -6px rgba(0,0,0,.25);transform:perspective(900px) rotateY(-14deg);transition:.4s}
.book:hover{transform:perspective(900px) rotateY(0) translateY(-6px)}.book img{width:100%}
.tag{font:700 11px "Trebuchet MS";letter-spacing:.16em;color:var(--coral)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}.chips span{font:13px "Trebuchet MS";background:var(--cream2);color:var(--brown);padding:6px 14px;border-radius:999px}
.res-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.download{font:700 14px "Trebuchet MS";color:var(--brown)}
.read{background:none;border:1.5px dashed rgba(94,95,58,.35);color:var(--brown);cursor:pointer;font:600 13px "Trebuchet MS";padding:8px 14px;border-radius:999px;margin-top:10px}
.featured .read{margin-top:0}.read[aria-pressed=true]{background:#e6f2e3;border:1.5px solid #6a9a62;color:#2f5a28}
.bonus-title{margin:54px 0 18px}
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid rgba(94,95,58,.1);border-radius:var(--r);overflow:hidden;transition:.3s;display:flex;flex-direction:column}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card-img{position:relative;aspect-ratio:4/3;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;transition:.6s}.card:hover .card-img img{transform:scale(1.06)}
.badge{position:absolute;left:14px;top:14px;background:var(--brown);color:#fff;font:700 11px "Trebuchet MS";letter-spacing:.12em;padding:6px 12px;border-radius:999px}
.card-body{padding:22px}.card-body p{font-size:15px;color:#58583f}.card-body .res-actions{margin-top:6px}
.storage-status{color:#7E6B94;font-size:13px;min-height:1em}
@media(max-width:900px){.featured{grid-template-columns:1fr;padding:26px}.featured .book{max-width:260px;margin:auto}.bonus-grid{grid-template-columns:1fr}}

/* gallery */
.gallery{background:var(--brown);color:#fff}.gallery h2,.gallery h3{color:#fff}.gallery .section-head p{color:#f0d6c6}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery figure{margin:0;position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5}.gallery img{width:100%;height:100%;object-fit:cover;transition:.8s}.gallery figure:hover img{transform:scale(1.07)}
.gallery figcaption b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--brown);font:700 14px Georgia;margin-right:8px}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:50px 18px 16px;background:linear-gradient(transparent,rgba(40,14,4,.85));font:italic 17px/1.3 Georgia}
@media(max-width:800px){.gallery-grid{grid-template-columns:1fr}.gallery figure{aspect-ratio:4/3}}

/* calculator */
.calc{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
.calc-form fieldset,.paper-form{border:1px solid rgba(94,95,58,.12);background:#fff;border-radius:var(--r);padding:22px;margin:0 0 18px}
legend{font:700 13px "Trebuchet MS";letter-spacing:.12em;text-transform:uppercase;color:var(--coral);padding:0 8px}
label{display:block;font:600 13px "Trebuchet MS",Arial,sans-serif;color:var(--brown);margin-bottom:12px}
input,select,textarea{display:block;width:100%;margin-top:6px;font:16px Georgia;padding:12px 14px;border:1.5px solid #e4cdbb;border-radius:12px;background:var(--cream);color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(126,107,148,.35);border-color:var(--coral)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}@media(max-width:520px){.two{grid-template-columns:1fr}}
.calc-result{position:sticky;top:88px;background:linear-gradient(160deg,#5E5F3A,#7E6B94);color:#fff;border-radius:28px;padding:30px;box-shadow:var(--shadow)}
.result-top small{font:700 11px "Trebuchet MS";letter-spacing:.16em;color:#f6c79b}.result-top strong{display:block;font-size:clamp(38px,6vw,56px);line-height:1.1;margin:6px 0}.result-top span{font-size:14px;color:#f2d7c4}
.result-list{margin:22px 0}.result-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:15px}.result-list dt{color:#f0d6c6}.result-list dd{margin:0;font-weight:700}
.calc-result h5{color:#f6c79b;font:700 12px "Trebuchet MS";letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.bars{display:grid;gap:8px}.bar{display:grid;grid-template-columns:110px 1fr 48px;align-items:center;gap:10px;font:12px "Trebuchet MS"}.bar i{display:block;height:10px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden}.bar i b{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--pink));border-radius:99px;transition:width .6s}
.calc-result .fine{color:#e9c8b5;margin:16px 0 0}
@media(max-width:900px){.calc{grid-template-columns:1fr}.calc-result{position:static}}

/* paper */
.paper{background:linear-gradient(180deg,var(--cream2),var(--cream))}
.paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}textarea{resize:vertical}
.paper-preview{display:grid;place-items:center;gap:14px;background:#fff;border-radius:var(--r);padding:34px;border:1px solid rgba(94,95,58,.1)}
.disc{width:min(100%,300px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#f4e9de 70%);box-shadow:inset 0 0 40px rgba(126,107,148,.2),0 14px 34px -14px rgba(94,95,58,.5);display:grid;place-items:center;text-align:center;padding:12%;color:#1d1410;line-height:1.15;word-break:break-word;overflow:hidden}
.paper-preview small{font:13px "Trebuchet MS";color:#7a7860}
@media(max-width:800px){.paper-grid{grid-template-columns:1fr}}

/* tips */
.tips-list{display:grid;gap:12px;margin-top:22px;max-width:820px}
details{background:#fff;border:1px solid rgba(94,95,58,.12);border-radius:16px;padding:6px 20px}
summary{cursor:pointer;font:700 16px "Trebuchet MS";color:var(--brown);padding:14px 0;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"+";float:right;color:var(--coral);font-size:22px}details[open] summary::after{content:"–"}
details p{color:#58583f}

/* footer */
.footer{text-align:center;padding:50px 20px 60px;background:var(--cream2);display:grid;gap:6px;justify-items:center}.footer img{border-radius:50%}.footer a{font:700 14px "Trebuchet MS";color:var(--brown)}

/* reveal on scroll */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}*{animation:none!important;transition:none!important}}

/* print sheet */
#print-sheet{display:none}
@media print{
  body>*:not(#print-sheet){display:none!important}
  #print-sheet{display:block!important}
  @page{size:A4;margin:12mm}
  .pr-wrap{display:flex;flex-wrap:wrap;gap:6mm;align-content:flex-start}
  .pr-disc{border:.3mm dashed #888;border-radius:50%;display:grid;place-items:center;text-align:center;color:#000;overflow:hidden;line-height:1.12;word-break:break-word}
}