:root{--bg: #f4ede1;--bg-deep: #1f241f;--ink: #2b2a26;--olive: #3e4b3d;--moss: #55664a;--sand: #e6ddcf;--wood: #6d5a45;--accent: #b59a72;--muted: #7d7568;--glass: rgba(255, 255, 255, .7);--shadow: 0 25px 60px rgba(35, 30, 20, .12);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px;--font-display: "Cormorant Garamond", serif;--font-body: "Alegreya Sans", sans-serif;--section-pad: clamp(2.5rem, 4vw, 5rem);--header-height: 88px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 20% 20%,#f8f2e9,#f4ede1 55%,#e8ddce);min-height:100vh;line-height:1.6}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;margin:0 0 1rem}p{margin:0 0 1rem}ul{padding-left:1.2rem;margin:0 0 1rem}.noise{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none;z-index:0}.progress{position:fixed;top:0;left:0;height:4px;width:var(--progress, 0%);background:linear-gradient(90deg,var(--wood),var(--olive));z-index:50;transition:width .2s ease}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 4vw;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4ede1d9;border-bottom:1px solid rgba(60,50,40,.08)}.brand{display:flex;flex-direction:column;gap:.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.68rem;color:var(--muted)}.brand-title{font-family:var(--font-display);font-size:1.1rem}.header-actions{display:flex;gap:.8rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.4rem;border-radius:999px;border:1px solid transparent;background:var(--olive);color:#f6f1e8;font-weight:600;letter-spacing:.03em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn.ghost{background:transparent;border-color:#3c322833;color:var(--olive)}.btn.toggle{background:var(--wood);color:#f6f1e8}.layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);padding:2rem 4vw 5rem;position:relative;z-index:1}.layout>*{min-width:0}.toc{position:sticky;top:6rem;align-self:start;background:#fff9;border-radius:var(--radius-md);padding:1.5rem 1.2rem;border:1px solid rgba(50,40,30,.1);box-shadow:var(--shadow);max-height:calc(100vh - 8rem);overflow-y:auto}.toc-title{font-size:.9rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:1rem}.toc-nav{display:flex;flex-direction:column;gap:.7rem}.toc-nav a{font-size:.95rem;color:var(--muted);transition:color .2s ease}.toc-nav a.is-active{color:var(--olive);font-weight:600}.toc-signature{margin-top:2rem;padding-top:1rem;border-top:1px dashed rgba(60,50,40,.2);color:var(--muted);font-size:.9rem}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr);gap:clamp(1.5rem,3vw,3rem);align-items:center;padding:var(--section-pad);border-radius:var(--radius-lg);background:linear-gradient(140deg,#3e4b3deb,#282f24f2);color:#f5efe5;position:relative;overflow:hidden}.hero h1{font-size:clamp(2.4rem,4vw,3.8rem)}.hero h1 span{display:block;font-weight:400;font-size:clamp(1.4rem,2.6vw,2.2rem);opacity:.8}.hero-kicker{text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;margin-bottom:1rem;color:#f5efe5b3}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{position:relative;min-height:320px}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.7;animation:float 8s ease-in-out infinite}.orb-one{width:220px;height:220px;background:radial-gradient(circle,rgba(180,160,120,.8),transparent 70%);top:10%;right:10%}.orb-two{width:180px;height:180px;background:radial-gradient(circle,rgba(122,99,75,.8),transparent 70%);bottom:5%;left:5%;animation-delay:-3s}.hero-card{position:absolute;bottom:0;right:0;padding:1.2rem 1.4rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:260px}.section{padding:var(--section-pad) 0}.section-deep{background:linear-gradient(120deg,#2f372e0d,#fff0);border-radius:var(--radius-lg);padding:var(--section-pad);box-shadow:inset 0 0 0 1px #5046320d}.section-contrast{background:linear-gradient(135deg,#20241ef2,#2d3226fa);color:#f6f1e8;padding:var(--section-pad);border-radius:var(--radius-lg)}.section-header{margin-bottom:2rem}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--muted)}.section-contrast .kicker{color:#f5efe5b3}.grid{display:grid;gap:1.4rem}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:#ffffffc7;border-radius:var(--radius-md);padding:1.2rem 1.4rem;border:1px solid rgba(60,50,40,.08);box-shadow:var(--shadow)}.section-contrast .card{background:#ffffff14;border-color:#ffffff1a;color:#f6f1e8}.letter{max-width:700px}.signature{font-weight:600;color:var(--wood)}.section-contrast .signature{color:#f6f1e8}.split{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.epico{display:grid;gap:2rem;background:#ffffffb3;border-radius:var(--radius-lg);padding:2rem;border:1px solid rgba(60,50,40,.1);color:var(--ink)}.epico-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.epico-step{border:1px solid rgba(60,50,40,.2);background:transparent;border-radius:999px;padding:.6rem .8rem;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem;color:var(--olive)}.epico-step.is-active{background:var(--olive);color:#f6f1e8}.epico-panel{display:none;animation:fadeUp .4s ease}.epico-panel h3{color:var(--olive)}.epico-panel p{color:var(--muted)}.epico-panel.is-active{display:block}.accordion{background:#ffffffb3;border-radius:var(--radius-md);border:1px solid rgba(60,50,40,.12);padding:.6rem 1.2rem;margin-bottom:1rem}.accordion summary{cursor:pointer;font-weight:600;padding:.8rem 0;list-style:none;position:relative}.accordion summary:after{content:"+";position:absolute;right:0;font-size:1.4rem;color:var(--muted)}.accordion[open] summary:after{content:"-"}.accordion-body{padding:.4rem 0 1rem}.callout{background:#3e4b3d14;border-left:3px solid var(--olive);padding:.8rem 1rem;border-radius:var(--radius-sm)}.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.chips span{padding:.35rem .8rem;border-radius:999px;background:#3e4b3d14;border:1px solid rgba(62,75,61,.2);font-size:.95rem}.palette{display:grid;gap:2rem;margin-bottom:1.5rem}.swatches{display:grid;gap:.8rem}.swatch{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:.8rem;padding:.6rem .8rem;border-radius:var(--radius-sm);border:1px solid rgba(60,50,40,.12);background:#ffffffd9;cursor:pointer;text-align:left}.swatch.muted{cursor:default;opacity:.7}.swatch-color{width:34px;height:34px;border-radius:10px;background:var(--swatch)}.swatch em{font-style:normal;font-size:.8rem;color:var(--muted)}.symbols .symbol{display:flex;align-items:center;justify-content:center;height:80px;color:var(--olive)}.do-dont{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.toggle-block{margin-top:2rem}.toggle-controls{display:flex;gap:.6rem;margin-bottom:1.2rem}.toggle-controls .btn{padding:.5rem 1rem}.toggle-controls .is-active{background:var(--olive);color:#f6f1e8}.toggle-content{display:grid;gap:1rem}.toggle-content [data-view]{display:none}.toggle-content[data-state=antes] [data-view=antes],.toggle-content[data-state=depois] [data-view=depois]{display:block}.checklist{display:grid;gap:.7rem}.checklist label{display:flex;gap:.6rem;align-items:flex-start}.final-text{max-width:720px}.toast{position:fixed;bottom:2rem;right:2rem;padding:.7rem 1rem;border-radius:999px;background:#1e1c18e6;color:#f6f1e8;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translateY(10px)}.toast.is-visible{opacity:1;transform:translateY(0)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.layout{grid-template-columns:1fr}.layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:#1c1a1659;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:2}body.nav-open .layout:before{opacity:1;pointer-events:auto}.toc{position:fixed;top:calc(var(--header-height) + .75rem);right:1.5rem;left:1.5rem;max-height:calc(100vh - var(--header-height) - 2rem);z-index:30;background:#f4ede1f5;border-color:#3c32282e;transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.toc.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.hero{grid-template-columns:1fr}.hero-visual{min-height:220px}}@media (max-width: 720px){.site-header{flex-direction:column;gap:.8rem}.hero-actions{flex-direction:column;align-items:stretch}.toggle-controls{flex-direction:column}.do-dont{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}