@font-face{font-family:'DM Serif Display';src:url('../fonts/DMSerifDisplay-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('../fonts/DMSerifDisplay-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--ink:#191919;--muted:#62616a;--line:#e6e3e1;--orange:#a64524;--soft:#f8f7f6;--serif:'DM Serif Display',Georgia,serif}
.header{border-bottom-color:#efedeb;background:#fffffffa}.header-inner{min-height:76px}.wrap{width:min(1280px,calc(100% - 80px))}
main{position:relative;isolation:isolate}main::before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:850px;pointer-events:none;background-image:linear-gradient(#a5998d0b 1px,transparent 1px),linear-gradient(90deg,#a5998d0b 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#0008,transparent)}
.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:38px;padding-block:92px 94px;min-height:760px}.hero-copy{min-width:0;position:relative;z-index:2}
.creator-pill{display:inline-flex;align-items:center;gap:9px;padding:5px 12px 5px 6px;max-width:100%;border:1px solid #ebe7e4;border-radius:40px;box-shadow:0 5px 18px #2d251207;background:white;font-size:.75rem;font-weight:600;color:var(--muted)}.creator-pill img{width:32px;height:32px;flex-shrink:0;border-radius:50%}.creator-tag{display:inline-flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:10px;font-size:.6875rem;font-weight:500}.creator-tag .dot{flex-shrink:0;background:#ce7b5d;box-shadow:0 0 7px #cf795d55}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,4.45vw,4.5rem);letter-spacing:-.035em;line-height:1.1;margin-top:25px;text-wrap:initial}.hero h1 span{font-style:italic;color:#bd6549;white-space:nowrap}.hero-description{margin-top:24px;max-width:515px;font-size:1.125rem;line-height:1.7}.hero-description strong{font-weight:650}.hero-actions{margin-top:30px}
.hero-actions>.button{position:relative;min-height:64px;border:1px solid #ac512e;border-top-color:#e4a488;border-radius:14px;padding:17px 28px;background:linear-gradient(180deg,#b25b38,#a74b2a);box-shadow:inset 0 5px 0 #ffffff13,inset 0 -3px 0 #70351926,0 4px 0 #873e25,0 12px 24px #a8533233;font-size:1.0625rem;gap:18px;transition:box-shadow 180ms,transform 180ms}.hero-actions>.button:hover{background:linear-gradient(180deg,#aa502f,#974124);box-shadow:inset 0 5px 0 #ffffff13,inset 0 -3px 0 #70351926,0 3px 0 #873e25,0 8px 18px #a853322b;transform:translateY(1px)}.hero-note{font-size:.75rem;margin-top:17px;color:var(--muted)}.hero-note span{margin-inline:3px}
.hero-benefits{list-style:none;padding:0;margin:27px 0 0;display:grid;gap:11px;color:var(--muted);font-size:.9375rem;line-height:1.6}.hero-benefits li{display:flex;align-items:center;gap:11px}.hero-benefits strong{font-weight:600;color:var(--ink)}.hero-benefits svg{width:23px;height:23px;padding:4px;border:1px solid #ecd7cb;background:#fcf5f1;border-radius:50%;color:var(--orange);stroke-width:2.5;flex-shrink:0}
.book-stage{display:block;position:relative;isolation:isolate;width:100%;height:auto;aspect-ratio:1/1.1;padding:0;border:0;background:none;border-radius:0;perspective:1200px}.book-stage::before{content:'';position:absolute;inset:-15%;z-index:-1;background:radial-gradient(ellipse,#ddad9140,transparent 66%);pointer-events:none}.book-stage img{width:100%;height:auto;aspect-ratio:648/1152;object-fit:contain}.book-stage .preview-page{position:absolute;width:52%;border:1px solid #e5d5cb;border-radius:9px;box-shadow:0 10px 30px #4c372a12}.preview-route{left:5%;top:7%;transform:rotate(-15deg)}.preview-exercise{right:3%;top:5%;transform:rotate(14deg)}
.book-stage>a{display:block;position:absolute;left:28%;top:6%;width:52%;max-width:none;transform:rotate(-3deg) rotateY(-13deg);transform-origin:center;box-shadow:3px 10px 16px #42352b20,14px 35px 35px #41302535;transition:transform 250ms;border-radius:2px;grid-column:auto;grid-row:auto}.book-stage>a::before{content:'';position:absolute;top:0;bottom:0;left:-15px;width:16px;background:linear-gradient(90deg,#d4d1ca,#f0eeea 35%,#d5d2cc 45%,#e5e2db 75%,#ccc7bd);transform:skewY(-9deg);transform-origin:right;border-radius:2px 0 0 2px}.book-stage>a::after{content:'';position:absolute;inset:0;box-shadow:inset 8px 0 12px #574e4410;pointer-events:none}.book-stage>a:hover{transform:rotate(-1deg) rotateY(-8deg)}.book-stage .book-caption{position:absolute;bottom:0;left:0;width:100%;display:block;margin:0;text-align:center;color:var(--muted);font-size:.6875rem;letter-spacing:.03em}
h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}.start-heading h2{font-size:2rem}.section-heading h2{font-size:clamp(2rem,3.2vw,3rem)}.about h2{font-size:2.5rem}.follow h2{font-size:2.25rem}.start{background:#faf9f8;border-color:var(--line);border-radius:16px}.resource{border-radius:16px;box-shadow:0 3px 10px #33211103}.resource:hover{border-color:#d0b8aa;box-shadow:0 8px 24px #5e372109}.about-band{background:#faf9f8}.step-number{background:#fff7f1;border-color:#e8d3c6}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:25px;padding-block:66px 72px;min-height:680px}.creator-tag{display:none}.hero-description{font-size:1.0625rem}.hero-benefits{font-size:.875rem}.book-stage{aspect-ratio:1/1.17}.hero h1{font-size:clamp(2.7rem,4.5vw,3.2rem)}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:112px}.hero{grid-template-columns:1fr;padding-block:35px 48px;gap:38px;min-height:0}.hero-copy{max-width:580px;width:100%;justify-self:center}.creator-pill{font-size:.6875rem}.creator-tag{display:inline-flex;font-size:.625rem}.hero h1{font-size:clamp(2.35rem,6.55vw,3.7rem);margin-top:23px;line-height:1.13}.hero-description{font-size:1rem;margin-top:19px;line-height:1.65}.hero-actions{margin-top:24px}.hero-actions>.button{width:fit-content;min-height:60px;font-size:1rem;padding:15px 24px}.hero-note{text-align:left;line-height:1.7}.hero-benefits{margin-top:23px;gap:10px;font-size:.875rem}.book-stage{max-width:470px;aspect-ratio:1/1.1;justify-self:center}.book-stage .book-caption{font-size:.6875rem}.section-heading h2{font-size:2.2rem}.about h2{font-size:2.15rem}.follow h2{font-size:2rem}}
@media(max-width:400px){.wrap{width:calc(100% - 32px)}.creator-tag{display:none}.hero h1{font-size:clamp(2.15rem,9.05vw,2.35rem)}.hero-actions>.button{width:100%;font-size:.9375rem;gap:12px;padding-inline:15px}.hero-note{font-size:.6875rem}.hero-benefits{font-size:.8125rem}.book-stage{padding:0}.book-stage>a{width:52%}.book-stage img{width:100%}}
.book-stage::before{inset:-15% 0}.book-stage .preview-page{width:47%}.preview-route{left:9%}.preview-exercise{right:8%}
.hero h1 span{white-space:normal}.hero-copy,.creator-pill{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.book-stage>a,.book-stage>a:hover,.hero-actions>.button:hover{transform:none}}