.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sky) 0%,#eefafc 70%,var(--paper) 100%)}.hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#ffe3a3;filter:blur(70px);opacity:.6;top:-160px;right:8%}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(30px,5vw,80px);align-items:center;padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(36px,4vw,60px)}.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:800}.crumbs a{padding:6px 12px;border-radius:99px;background:#ffffffb3}.crumbs a:hover{background:#fff}.hero h1{margin:18px 0 18px;font-family:var(--serif);font-weight:650;font-size:clamp(42px,5.4vw,78px);line-height:.95;letter-spacing:-.05em}.hero h1 small{display:block;margin-bottom:8px;font-weight:350;font-style:italic;font-size:.42em;letter-spacing:-.02em;color:var(--teal-deep)}.voice{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;max-width:560px;margin:0 0 24px}.voice .avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--sky-2),#ffe1a6);display:grid;place-items:center;font:700 17px var(--serif);color:var(--teal-deep);border:3px solid #fff}.voice p{margin:0;font-family:var(--read);font-style:italic;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--ink)}.voice span{display:block;margin-top:6px;font-family:var(--hand);font-size:19px;color:var(--ink-soft);font-style:normal}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.chips span{display:inline-flex;align-items:baseline;gap:6px;padding:9px 14px;border-radius:12px;background:#fff;font-size:13px;font-weight:700;box-shadow:0 4px 14px #0b5a6a14}.chips b{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:-.03em;color:var(--coral)}.chips span:nth-child(2) b{color:var(--teal)}.chips span:nth-child(3) b{color:var(--orange)}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:99px;font-size:14px;font-weight:800;transition:background .2s,transform .2s}.btn.dark{background:var(--ink);color:#fff}.btn.dark:hover{background:var(--coral);transform:translateY(-2px)}.btn.light{background:#fff;border:1.5px solid #d4e6e9}.btn.light:hover{border-color:var(--ink)}.cover-book{position:relative;justify-self:center;width:min(330px,100%);aspect-ratio:3/4.15;padding:20px 20px 18px 34px;border-radius:6px 20px 20px 6px;color:#fff;display:flex;flex-direction:column;transform:rotate(3deg);background:linear-gradient(160deg,#3fc3cf 0%,var(--teal) 55%,#077985 100%);box-shadow:inset 14px 0 0 #00000026,inset 16px 0 0 #ffffff33,0 30px 50px #0b5a6a40}.cover-book small{font-size:11px;font-weight:800;letter-spacing:.26em;text-transform:uppercase}.cover-book b{margin:6px 0 16px;font-family:var(--serif);font-weight:650;font-size:30px;line-height:1;letter-spacing:-.035em}.cover-book img{flex:1;min-height:0;width:100%;object-fit:cover;border-radius:10px;box-shadow:0 0 0 5px #ffffff40}.cover-book span{margin-top:14px;font-family:var(--hand);font-size:20px}.zones{position:sticky;top:57px;z-index:30;background:#fffdf9f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.zones .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}.zones .wrap::-webkit-scrollbar{display:none}.zones a{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;font-size:13px;font-weight:700;border:1.5px solid #fff0;transition:background .2s,border-color .2s}.zones a i{width:9px;height:9px;border-radius:50%;background:var(--c)}.zones a:hover{background:#fff;border-color:var(--rule)}.zones a.on{background:#fff;border-color:var(--c);box-shadow:0 4px 12px #0b5a6a14}.zones a em{font-style:normal;font-size:11px;color:var(--ink-soft)}.start{background:var(--sand);padding:clamp(44px,5vw,72px) 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);counter-reset:s}.step{counter-increment:s;position:relative;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;background:#fff;border-radius:20px;padding:12px;box-shadow:0 10px 26px #8a5a1a14;transition:transform .25s}.step:hover{transform:translateY(-4px)}.step .ph{aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--sky)}.step img{width:100%;height:100%;object-fit:cover}.step:before{content:counter(s);position:absolute;left:-8px;top:-8px;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 14px var(--sans);box-shadow:0 0 0 4px var(--sand)}.step h3{margin:0 0 6px;font-family:var(--serif);font-weight:600;font-size:18px;line-height:1.15;letter-spacing:-.02em}.step:hover h3{color:var(--coral)}.step p{margin:0;font-size:13px;line-height:1.45;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zone{padding:clamp(40px,4.5vw,64px) 0;border-top:1px solid var(--rule)}.zone .sec-head h2{display:flex;align-items:center;gap:14px}.zone .badge{width:46px;height:46px;flex:none;border-radius:14px;background:var(--c);color:#fff;display:grid;place-items:center;font:700 18px var(--serif);transform:rotate(-4deg)}.zone .count{font-family:var(--hand);font-size:22px;color:var(--c);white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px)}.card .ph{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--sky)}.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.05)}.card h3{margin:12px 0 6px;font-family:var(--serif);font-weight:550;font-size:clamp(17px,1.35vw,20px);line-height:1.2;letter-spacing:-.02em;transition:color .2s}.card:hover h3{color:var(--coral)}.card p{margin:0;font-family:var(--read);font-size:14.5px;line-height:1.55;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card.feature{grid-column:span 2;display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:center;background:#fff;border-radius:20px;padding:12px;box-shadow:0 10px 30px #0b5a6a12}.card.feature .ph{aspect-ratio:4/3}.card.feature h3{font-size:clamp(21px,1.9vw,27px);margin-top:0}.card.feature p{-webkit-line-clamp:4;font-size:15.5px}.card.feature .tag{display:inline-block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}.rest{margin:22px 0 0;padding:18px 22px;border-radius:16px;background:#f4faf9;columns:2;column-gap:32px;font-size:14px;line-height:1.5}.rest b{display:block;column-span:all;margin-bottom:8px;font:800 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--c)}.rest a{display:block;padding:4px 0;break-inside:avoid;font-weight:600}.rest a:hover{color:var(--coral)}.others{background:linear-gradient(180deg,var(--paper),#fff6e6);padding:clamp(44px,5vw,72px) 0}.books{--bw:150px;--bh:calc(var(--bw) * 4.15 / 3);--rg:46px;display:flex;gap:var(--rg) 22px;flex-wrap:wrap;align-items:flex-start;margin-top:14px;padding:0 0 30px;background:repeating-linear-gradient(180deg,transparent 0,transparent calc(var(--bh) - 2px),#f6dcb3 calc(var(--bh) - 2px),#e9c48f calc(var(--bh) - 1px),#d4a265 calc(var(--bh) + 5px),#b98447 calc(var(--bh) + 12px),#8a5a1a38 calc(var(--bh) + 12px),transparent calc(var(--bh) + 26px),transparent calc(var(--bh) + var(--rg)))}.books .book{width:var(--bw)}@media (max-width:620px){.books{--bw:120px}}.all-guides{display:inline-block;margin-top:22px;font-size:14px;font-weight:800;border-bottom:2px solid var(--coral);padding-bottom:3px}.draft-note{background:#fff3c9;color:#6b4a00;text-align:center;padding:10px var(--gutter);font-size:13px;font-weight:700}@media (max-width:1000px){.hero-grid{grid-template-columns:1fr}.cover-book{width:220px;order:-1;justify-self:start;transform:rotate(2deg)}.steps{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.card.feature{grid-column:1/-1}}@media (max-width:620px){.cover-book{display:none}.cards{grid-template-columns:1fr;gap:14px}.card:not(.feature){display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}.card:not(.feature) .ph{aspect-ratio:1;border-radius:14px}.card:not(.feature) h3{margin:0 0 4px;font-size:16px}.card:not(.feature) p{font-size:13.5px}.card.feature{grid-template-columns:1fr;padding:10px;gap:12px}.zone .badge{width:38px;height:38px;font-size:15px}.rest{columns:1}}.book .grow{display:block;margin-top:3px;font:400 20px/1 var(--hand,"Caveat",cursive);font-style:normal;color:#fff;text-align:right;transform:rotate(-2deg);opacity:.95}.wip-note{margin:0 0 24px;padding:14px 18px 15px;border-radius:16px;background:#fff6dc;border:2px dashed var(--sun);max-width:560px}.wip-note b{display:block;margin-bottom:4px;font:700 18px var(--serif);letter-spacing:-.02em;color:var(--ink)}.wip-note p{margin:0;font-size:14px;line-height:1.5;color:var(--ink-soft)}