:root{--navy:#062f39;--ink:#11343b;--cream:#fcf8ef;--gold:#ffb77e;--mint:#a7e3d7}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-padding-top:88px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #e37735;outline-offset:5px}.wrap{width:min(1140px,90%);margin:auto}header{position:sticky;top:0;z-index:2;background:#062f39;color:white;border-bottom:1px solid #ffffff24}nav,nav div{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,3vw,32px)}nav{min-height:70px}nav a{text-decoration:none;font-size:.88rem;font-weight:700}nav a:hover{text-decoration:underline}.brand{letter-spacing:.16em}.brand span{color:var(--mint)}.navcta{border:1px solid #ffffff59;border-radius:30px;padding:6px 13px}.hero{background:radial-gradient(ellipse at 85% 40%,#24766f 0%,transparent 52%),linear-gradient(130deg,#05272f,#073e49);color:#fff}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5vw;padding:clamp(44px,7vw,100px) 0}.eyebrow{letter-spacing:.16em;font-weight:800;font-size:.72rem;color:#81502d}.hero .eyebrow,.download .eyebrow{color:var(--mint)}.eyebrow b{color:var(--gold);padding:0 5px}h1,h2{font-family:Georgia,serif;font-weight:500;line-height:1;margin:.2em 0;letter-spacing:-.055em}h1{font-size:clamp(3.8rem,9vw,8rem)}h1 em{color:var(--gold)}h2{font-size:clamp(2.45rem,5vw,4.5rem)}.intro{font-size:clamp(1.2rem,2.4vw,1.65rem);line-height:1.35;max-width:30ch;margin:20px 0 10px}.description{color:#e1f0ee;max-width:43ch}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;border-radius:30px;background:var(--gold);color:#242019;padding:13px 23px;font-weight:800;text-decoration:none}.button:hover{background:#ffd1a9}figure{margin:0}.hero figure{text-align:center}.cover{display:block;margin:auto;width:min(100%,335px);border-radius:3px 9px 9px 3px;box-shadow:18px 22px 55px #001e27a8;transform:rotate(3deg)}.hero figcaption{font-size:.72rem;letter-spacing:.13em;color:#e1f0ee;margin-top:23px}.strip{background:#c9e9e1}.strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:14px 0;gap:10px;font-size:.9rem}.strip strong{font-size:1.4em}.section{padding:clamp(42px,7vw,85px) 0}.section-intro{max-width:53ch}.topics,.authors{display:grid;gap:18px;margin:30px 0}.topics{grid-template-columns:repeat(3,1fr)}.topics article{background:white;border:1px solid #173d391c;border-radius:18px;padding:24px}.topics h3{margin:12px 0 4px}.topics p{margin:0}.symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;font-size:1.7em;font-weight:700}.coral{background:#ffd9cc}.aqua{background:#c8eee6}.amber{background:#ffebaf}details{padding:12px 0;border-block:1px solid #173d3930}summary{cursor:pointer;font-weight:700}ol{padding-left:1.6em}.author-section{background:#e6efe9}.authors{grid-template-columns:repeat(4,1fr);margin-bottom:0}.authors figure{background:#fff;border-radius:14px;overflow:hidden}.authors img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover;object-position:center 28%}.authors figcaption{padding:12px 14px;font-weight:700}.download{border-radius:24px;padding:clamp(25px,6vw,65px);background:linear-gradient(120deg,#062f39,#155c5b);color:white}footer{background:#000;color:white}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 70px 28px 0;font-size:.88rem}.footer p{margin:2px 0}.footer img{display:block;height:auto}.whatsapp{position:fixed;z-index:4;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 6px 22px #0005}.whatsapp:hover{background:#118f51}.whatsapp svg{width:30px;height:30px}@media(max-width:700px){.hero-grid,.topics{grid-template-columns:1fr}.hero-grid{gap:34px}.cover{width:min(72%,290px)}.authors{grid-template-columns:repeat(2,1fr)}nav div>a:first-child{display:none}.strip .wrap{font-size:.77rem}.section-intro{margin-bottom:24px}}@media(max-width:350px){nav div>a:nth-child(2){display:none}}

:root{--navy:#032b3a;--ink:#143644;--cream:#f7f5ed;--gold:#ffd18c;--mint:#8de0df}
body{background:#faf8f1}header{background:#032936}.hero{overflow:hidden;background:radial-gradient(ellipse at 83% 35%,#1996a0 0%,#076073 26%,transparent 55%),linear-gradient(125deg,#052630,#00465c)}.hero-grid{min-height:650px;gap:3vw}.hero figure{position:relative;isolation:isolate}.hero figure:before,.hero figure:after{content:"";position:absolute;z-index:-1;border:1px solid #b7f0f363;border-radius:50%;width:min(46vw,490px);aspect-ratio:1;left:50%;top:46%;transform:translate(-50%,-50%)}.hero figure:after{width:min(38vw,420px);border-style:dashed}.cover{width:min(74%,340px);transform:rotate(-7deg);box-shadow:20px 28px 55px #001d2bcc}.explore{display:inline-block;margin:12px 0 0 18px;font-size:.9rem;font-weight:700;text-underline-offset:4px}.strip{background:#efd6ac}.strip .wrap{padding-block:18px}.method{background:#e3f1ef}.method-grid,.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,85px);align-items:center}.steps{display:grid;gap:12px}.steps div{display:flex;gap:15px;align-items:center;padding:14px 17px;background:#fff;border-radius:13px}.steps b{display:grid;place-items:center;min-width:42px;height:42px;border-radius:50%;background:#ccedea}.steps strong{display:block}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.chapter{overflow:hidden;border-radius:19px;background:#fff;border:1px solid #183b431a;box-shadow:0 10px 28px #173e4910}.chapter-art{height:145px;position:relative;overflow:hidden;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 62% 51%,#b3fbef55,transparent 55%),var(--art)}.chapter-art:after{content:"";position:absolute;width:146px;aspect-ratio:1;border:1px solid #ffffff75;border-radius:50%;right:-28px;bottom:-75px}.chapter-art span{position:absolute;left:17px;top:10px;font-family:Georgia,serif;font-size:2.3rem;color:#fffe}.chapter-art svg{width:94px;height:94px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.art-0{--art:#087180}.art-1{--art:#925139}.art-2{--art:#2d6971}.art-3{--art:#925a54}.art-4{--art:#4d646e}.chapter-copy{padding:17px 19px 21px}.chapter-copy p{margin:4px 0}.chapter-copy h3{margin:2px 0;font-size:1.25rem;line-height:1.28}.practice{background:#072f3d;color:white}.practice .eyebrow{color:var(--mint)}.example{border-left:3px solid var(--gold);padding-left:22px}.example blockquote{font:1.35rem/1.4 Georgia,serif;margin:14px 0;color:#ffe0a6}.example small{color:#d6e7ec}.author-section{background:#e3f1ef}.download{background:linear-gradient(120deg,#032b3a,#087483)}@media(max-width:850px){.chapter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.hero-grid{min-height:0}.hero figure:before{width:76vw}.hero figure:after{width:65vw}.method-grid,.practice-grid{grid-template-columns:1fr}.hero figure{margin-top:12px}}@media(max-width:490px){.chapter-grid{grid-template-columns:1fr}.chapter-art{height:115px}.explore{margin-left:0;display:block}}
.brand{letter-spacing:.085em}.navcta{background:#ffd18c;color:#173139;border:0}.navcta:hover{background:#ffe2b8}.strip{background:#e7efeb}.strip .wrap{gap:14px;text-align:left;padding-block:24px}.strip article{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #16384715;border-radius:16px;padding:17px}.strip strong{font:2.5rem/1 Georgia,serif;color:#087180;min-width:48px}.strip h2{font:750 1rem/1.2 system-ui;letter-spacing:0;margin:0 0 4px}.strip p{font-size:.79rem;line-height:1.4;margin:0}.chapter-art{height:auto;aspect-ratio:16/9;background:#075364;display:block}.chapter-art:after{display:none}.chapter-art img{width:100%;height:100%;object-fit:cover;display:block}.chapter-art span{left:13px;top:12px;background:#032936e8;color:#fff;font:700 .86rem/1 system-ui;padding:9px 10px;border-radius:7px}.chapter-copy{padding:19px 20px 24px}@media(max-width:850px){.strip article{gap:9px;padding:12px}.strip strong{min-width:0;font-size:2rem}}@media(max-width:600px){.strip .wrap{grid-template-columns:1fr;gap:8px}.strip article{padding:10px 14px}.strip strong{min-width:40px}.brand{font-size:.78rem}.navcta{font-size:.8rem;white-space:nowrap}}
