@font-face{font-family:Jakarta;src:url(/_astro/jakarta.eXO_dkmS.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/_astro/instrument-serif.DnYpCC2O.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/_astro/instrument-serif-italic.DKMiL14s.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--canvas:#f5f1e4;--surface:#fff;--line:#e0dbce;--ink:#2c2e2a;--muted:#5f615c;--accent:#8ed462;--blue:#2ba0ff;--coral:#ff705d;--sun:#f5e211;--ease-enter:cubic-bezier(.32, .72, 0, 1);--ease-state:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);font:16px/1.55 Jakarta,system-ui,sans-serif;overflow-x:hidden}.wrap{max-width:1312px;margin:0 auto;padding:0 32px}.serif{font-family:Instrument Serif,Georgia,serif;font-weight:400}.ico{flex:none;width:18px;height:18px;display:inline-flex}.ico svg{width:100%;height:100%}.ico.m svg *{fill:currentColor!important}nav{align-items:center;gap:28px;padding:24px 0;font-weight:500;display:flex}.brand{align-items:center;gap:10px;margin-right:auto;font:400 30px Instrument Serif,serif;display:flex}.links a{color:var(--ink);margin-left:28px;text-decoration:none;position:relative}.links a:after{content:"";background:var(--ink);transform-origin:0;height:1.5px;transition:transform .2s var(--ease-state);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.links a:hover:after{transform:scaleX(1)}.btn{border:1.5px solid var(--ink);transition:transform .15s var(--ease-state), background-color .15s var(--ease-state), color .15s var(--ease-state);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-weight:650;text-decoration:none;display:inline-flex}.btn.fill{background:var(--ink);color:#fff}.btn.ghost{color:var(--ink)}.btn:hover{transform:translateY(-1px)}.btn.ghost:hover{background:var(--ink);color:#fff}.btn:active{transform:scale(.97)}.btn .arr{transition:transform .2s var(--ease-state)}.btn:hover .arr{transform:translate(3px)}.hero>*{min-width:0}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:40px 0 72px;display:grid}h1{letter-spacing:-.02em;font:400 clamp(56px,7vw,100px)/1 Instrument Serif,serif}h1 em{background:var(--accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:20px;padding:0 16px;font-style:italic}.lead{color:#4f514d;max-width:540px;margin:26px 0 30px;font-size:20px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.note{color:var(--muted);margin-top:14px;font-size:14px}.works{color:var(--muted);margin-top:44px;font-size:14px}.logos{color:var(--ink);flex-wrap:wrap;gap:18px 22px;margin-top:12px;display:flex}.logos .ico{width:26px;height:26px;transition:transform .2s var(--ease-state)}.logos .ico:hover{transform:translateY(-3px)}.stage{background:var(--surface);border:1.5px solid var(--line);border-radius:40px;height:560px;position:relative;overflow:hidden}.post{width:230px;height:250px;color:var(--ink);border-radius:24px;align-items:flex-end;padding:22px;font:800 24px/1.1 Jakarta,sans-serif;display:flex;position:absolute}.p1{background:var(--blue);--r:-5deg;transform:rotate(var(--r));top:140px;left:34px}.p2{background:var(--coral);--r:4deg;transform:rotate(var(--r));font:400 34px/1 Instrument Serif,serif;top:150px;left:262px}.bub{border:1.5px solid var(--ink);background:#fff;border-radius:22px;width:300px;padding:14px 18px;font-size:15px;line-height:1.45;position:absolute}.bub b{align-items:center;gap:7px;display:inline-flex}.b-wa{background:var(--ink);color:#fff;top:30px;left:30px}.b-ig{bottom:28px;right:24px}.chip{background:#dff3cf;border-radius:999px;margin-top:6px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.panda{transform-origin:50% 90%;width:130px;height:130px;position:absolute;top:24px;right:26px}.typing{gap:4px;margin-top:8px;display:inline-flex}.typing i{background:var(--muted);border-radius:50%;width:6px;height:6px}section{padding:72px 0}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}h2{letter-spacing:-.01em;margin:10px 0 40px;font:400 clamp(40px,4.6vw,64px)/1.05 Instrument Serif,serif}h2 em{font-style:italic}.flow{--gap:24px;gap:var(--gap);grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid}.flow-step{padding-top:60px;position:relative}.fs-ic{border:1.5px solid var(--ink);z-index:1;width:44px;height:44px;position:absolute;top:0;left:0}.seg{top:17px;left:44px;right:calc(-1 * var(--gap));height:11px;position:absolute;overflow:hidden}.seg:before{content:"";background:var(--line);height:1.5px;position:absolute;top:5px;left:0;right:0}.seg i{background:radial-gradient(circle at 4px 50%, var(--ink) 0 3px, transparent 3.5px);display:block;position:absolute;inset:0}.flow-step:last-child .seg{display:none}.flow-step h3{align-items:center;gap:8px;margin-bottom:6px;font:700 18px Jakarta,sans-serif;display:flex}.flow-step p{color:#55574f;font-size:15px}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:var(--surface);border:1.5px solid var(--line);transition:transform .2s var(--ease-state);border-radius:28px;padding:26px}.card:hover{transform:translateY(-4px)}.card .sw{border-radius:18px;align-items:flex-end;height:150px;margin-bottom:20px;padding:16px;font:400 26px/1.05 Instrument Serif,serif;display:flex}.card h3{margin-bottom:6px;font:700 19px Jakarta,sans-serif}.card p{color:#55574f}footer{text-align:center;padding:72px 0 96px}footer h2{margin-bottom:24px}@media (prefers-reduced-motion:no-preference){.in{animation-name:rise;animation-duration:.6s;animation-timing-function:var(--ease-enter);animation-fill-mode:backwards;animation-delay:calc(var(--i,0) * 80ms + .12s)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.p1{animation:6s ease-in-out infinite float}.p2{animation:7s ease-in-out -2s infinite float}@keyframes float{50%{transform:rotate(var(--r)) translateY(-8px)}}.b-ig{animation:story-ig 9s var(--ease-enter) infinite}.b-ig .typing{animation:9s linear infinite story-typing}.b-ig .chip{animation:story-chip 9s var(--ease-enter) infinite}.b-wa{animation:story-wa 9s var(--ease-enter) infinite}.typing i{animation:1s ease-in-out infinite dot}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.panda{animation:nod 9s var(--ease-state) infinite}@keyframes story-ig{0%,4%{opacity:0;transform:translateY(16px)}10%,92%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes story-typing{0%,12%{opacity:0}14%,30%{opacity:1}32%,to{opacity:0}}@keyframes story-chip{0%,32%{opacity:0;transform:scale(.9)}36%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes story-wa{0%,48%{opacity:0;transform:translateY(-14px)scale(.96)}54%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes nod{0%,30%,40%,to{transform:rotate(0)}34%{transform:rotate(-6deg)}37%{transform:rotate(4deg)}}@keyframes dot{50%{opacity:.5;transform:translateY(-3px)}}.seg i{animation:3.2s linear infinite flow-x}.flow-step:nth-child(2) .seg i{animation-delay:.8s}.flow-step:nth-child(3) .seg i{animation-delay:1.6s}.flow-step:nth-child(4) .seg i{animation-delay:2.4s}@keyframes flow-x{0%{opacity:0;transform:translate(0)}10%{opacity:1}45%{opacity:0;transform:translate(100%)}to{opacity:0;transform:translate(100%)}}@supports (animation-timeline:view()){.reveal{animation-name:reveal-in;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:backwards;animation-timeline:view();animation-range:entry calc(var(--i,0) * 6%) entry 100%}@keyframes reveal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}}@media (width<=900px){.hero{grid-template-columns:1fr}.links{display:none}.flow{grid-template-columns:1fr}.seg{display:none}.cards{grid-template-columns:1fr}.stage{height:520px}.post{width:46%;height:200px;padding:16px;font-size:18px}.p2{font-size:26px}.p1{top:150px;left:14px}.p2{top:160px;left:auto;right:14px}.bub{width:auto;padding:12px 14px;font-size:13.5px}.b-wa{top:14px;left:14px;right:104px}.b-ig{bottom:14px;left:14px;right:14px}.panda{width:80px;height:80px;top:14px;right:14px}.panda svg{width:80px;height:80px}.logos{gap:14px 16px}.wrap{padding:0 16px}h1 em{padding:0 10px}}.page{overflow-wrap:anywhere;max-width:860px;padding:24px 0 96px}.page table{display:block;overflow-x:auto}.page h1{margin:24px 0 18px;font-size:clamp(44px,6vw,72px)}.page h2{margin:40px 0 12px;font-size:34px}.page h3{margin:24px 0 8px;font:700 19px Jakarta,sans-serif}.page p,.page li{color:#45473f;margin:0 0 12px}.page ul,.page ol{margin-bottom:16px;padding-left:22px}.page table{border-collapse:collapse;width:100%;margin:12px 0 24px;font-size:15px}.page th,.page td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:break-word;padding:10px 8px}.draft{border:1.5px solid var(--ink);background:#fff7c2;border-radius:16px;margin:8px 0 24px;padding:12px 16px;font-size:14px}.wrap>.draft{max-width:860px}.plans{grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0;display:grid}.plan{background:var(--surface);border:1.5px solid var(--line);border-radius:28px;flex-direction:column;gap:10px;padding:28px;display:flex}.plan.pop{border-color:var(--ink)}.plan h3{margin:0;font:700 20px Jakarta,sans-serif}.price{font:400 56px/1 Instrument Serif,serif}.price small{color:var(--muted);font:500 15px Jakarta,sans-serif}.plan ul{margin:8px 0 18px;padding:0;list-style:none}.plan li{border-top:1px solid var(--line);color:#45473f;padding:6px 0;font-size:15px}.plan .btn{justify-content:center;margin-top:auto}.cur{border:1.5px solid var(--ink);border-radius:999px;gap:3px;padding:3px;display:inline-flex}.cur label{cursor:pointer;border-radius:999px;padding:7px 16px;font-weight:650}.cur input{opacity:0;pointer-events:none;position:absolute}.cur input:checked+label{background:var(--ink);color:#fff}.cur input:focus-visible+label{outline:2px solid var(--blue);outline-offset:2px}body:has(#c-idr:checked) .usd,body:has(#c-usd:checked) .idr{display:none}.foot{border-top:1.5px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:12px 24px;padding:28px 0 48px;font-size:14px;display:flex}.foot a{color:var(--muted);align-items:center;min-height:24px;display:inline-flex}@media (width<=900px){.plans{grid-template-columns:1fr}}.doc .kicker{margin-bottom:6px}.cta-row{flex-wrap:wrap;gap:12px;margin:32px 0;display:flex}.supp{border-top:1.5px solid var(--line,#e0dbce);margin-top:40px;padding-top:8px}.related{padding:0;display:block}.related ul{columns:2 220px;padding-left:18px}.doc blockquote{border-left:3px solid var(--accent,#8ed462);background:var(--surface,#fff);border-radius:8px;margin:16px 0;padding:12px 16px}.page .hook-type{padding:0}.page code{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:0 5px;font-size:.92em}.hook-toc ul{columns:2 220px;padding-left:18px}.page ul.hooks{padding:0;list-style:none}.page ul.hooks li{background:var(--surface);border:1.5px solid var(--line);color:var(--ink);border-radius:14px;margin:0 0 8px;padding:10px 14px}.cc{background:var(--surface);border:1.5px solid var(--line);border-radius:24px;margin:24px 0 8px;padding:20px}.cc label{margin-bottom:8px;font-weight:650;display:block}.cc textarea{resize:vertical;width:100%;min-height:150px;font:inherit;color:var(--ink);background:var(--canvas);border:1.5px solid var(--ink);border-radius:14px;padding:12px 14px}.cc textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.page .cc-list{margin:16px 0 0;padding:0;list-style:none}.page .cc-list li{border-top:1px solid var(--line);color:var(--ink);grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin:0;padding:8px 0;display:grid}.cc-name{font-weight:650}.cc-num{font-variant-numeric:tabular-nums;color:var(--muted)}.cc-num output{color:var(--ink);font-weight:650}.cc-bar{background:var(--line);border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.cc-bar i{background:var(--accent);transform-origin:0;height:100%;transition:transform .15s var(--ease-state);display:block;transform:scaleX(0)}.cc-msg{color:var(--muted);grid-column:1/-1;font-size:14px}.cc-msg:empty{display:none}.page .cc-list li.over .cc-bar i{background:var(--coral)}.page .cc-list li.over .cc-msg,.page .cc-list li.over output{color:#b23a2a}.cc-note{font-size:14px}.shot{border:1.5px solid var(--line);background:var(--surface);border-radius:24px;margin:0;overflow:hidden}.shot img{width:100%;height:auto;display:block}.shot figcaption{color:var(--muted);padding:12px 16px;font-size:14px}.shot.big{margin-top:28px}.shots{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.shots-note{margin-top:14px}@media (width<=900px){.shots{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.d0{--i:0}.d1{--i:1}.d2{--i:2}.d3{--i:3}.d4{--i:4}.d5{--i:5}.d6{--i:6}.d7{--i:7}.sw-accent{background:var(--accent)}.sw-blue{background:var(--blue)}.sw-sun{background:var(--sun)}.page.full{max-width:none}.who{color:var(--muted);margin:0}.yr{margin:0;font-size:14px}a.brand.plain{color:inherit;text-decoration:none}:root{--violet:#6250d6;--t-green:#e3f4d6;--t-blue:#dcedfd;--t-coral:#ffe2dc;--t-sun:#fbf3b8;--t-violet:#e7e3fb;--t-ink:#eeebe1}.ic{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.hb{width:40px;height:40px;color:var(--ink);border-radius:12px;flex:none;place-items:center;display:inline-grid}.hb .ic{width:20px;height:20px}.hb.sm{border-radius:9px;width:30px;height:30px}.hb.sm .ic{width:16px;height:16px}.t-green{background:var(--t-green)}.t-blue{background:var(--t-blue)}.t-coral{background:var(--t-coral)}.t-sun{background:var(--t-sun)}.t-violet{background:var(--t-violet)}.t-ink{background:var(--t-ink)}.doc-hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;display:grid}.kicker.pill{background:var(--surface);border:1.5px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;display:inline-flex}.kicker.pill .ic{width:16px;height:16px}.doc-art{display:none}@media (width>=1000px){.page.doc{max-width:960px}.doc-hero{grid-template-columns:minmax(0,1fr) 220px}.doc-art{height:200px;display:block;position:relative}.art-main{background:var(--accent);border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:36px;place-items:center;display:grid;position:absolute;inset:30px 40px}.art-main .ic{stroke-width:1.5px;width:64px;height:64px}.art-orb{border:1.5px solid var(--ink);border-radius:16px;place-items:center;width:52px;height:52px;display:grid;position:absolute}.art-orb .ic{width:22px;height:22px}.art-orb.o0{top:6px;left:0}.art-orb.o1{top:0;right:4px}.art-orb.o2{bottom:0;right:14px}.prose,.supp,.toc,.cta-row{max-width:860px}}nav.toc{margin:8px 0 28px;padding:0;font-weight:400;display:block}.toc-h{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:650}.toc ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.page .toc li{margin:0}.toc a{background:var(--surface);border:1.5px solid var(--line);min-height:44px;color:var(--ink);transition:border-color .2s var(--ease-state), transform .2s var(--ease-state);border-radius:14px;align-items:center;gap:10px;padding:6px 12px 6px 7px;font-size:14.5px;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.toc a:hover{border-color:var(--ink);transform:translateY(-2px)}@media (width<=700px){.toc ul{scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none;margin:0 -16px;padding-inline:16px;display:flex;overflow-x:auto}.toc li{scroll-snap-align:start;flex:none}.toc a{white-space:nowrap}}html{scroll-padding-top:16px}.page h2.hx{align-items:center;gap:14px;display:flex}@media (width<=700px){.page h2.hx{gap:10px;font-size:28px}.page h2.hx .hb{border-radius:10px;width:34px;height:34px}}.prose ul:not([class]){padding-left:0;list-style:none}.prose ul:not([class])>li{padding-left:30px;position:relative}.prose ul:not([class])>li:before{content:"";background:var(--t-green);border-radius:50%;width:18px;height:18px;position:absolute;top:4px;left:2px}.prose ul:not([class])>li:after{content:"";border:2px solid #3d7a1e;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:7px;left:8px;transform:rotate(45deg)}.prose ol.steps{counter-reset:st;padding-left:0;list-style:none}.prose ol.steps>li{counter-increment:st;margin:0;padding:4px 0 14px 54px;position:relative}.prose ol.steps>li:before{content:counter(st);background:var(--surface);border:1.5px solid var(--ink);width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.prose ol.steps>li:not(:last-child):after{content:"";background:var(--line);width:1.5px;position:absolute;top:38px;bottom:0;left:17.25px}.prose ol.steps>li:first-child:before{background:var(--accent)}.tbl{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;margin:12px 0 24px;overflow-x:auto}.page .tbl table{min-width:100%;margin:0;display:table}.tbl:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.page .tbl th{background:var(--t-ink);font-size:14px}.page .tbl th,.page .tbl td{padding:11px 14px}.page .tbl tr:last-child td{border-bottom:0}.qa-list{gap:8px;display:grid}.qa{background:var(--surface);border:1.5px solid var(--line);transition:border-color .2s var(--ease-state);border-radius:16px}.qa[open]{border-color:var(--ink)}.qa summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:10px 16px;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.page .qa h3{margin:0;font-size:16.5px}.qa p{padding:0 16px 14px}.chev{border:solid var(--ink);width:10px;height:10px;transition:transform .2s var(--ease-state);border-width:0 2px 2px 0;flex:none;transform:rotate(45deg)translate(-2px,-2px)}.qa[open] .chev{transform:rotate(-135deg)translate(-2px,-2px)}.qa summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:14px}.related ul{columns:auto;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px;padding:0;list-style:none;display:grid}.page .related li{margin:0}.related a{background:var(--surface);border:1.5px solid var(--line);min-height:52px;color:var(--ink);transition:border-color .2s var(--ease-state);border-radius:14px;align-items:center;gap:10px;padding:8px 12px 8px 8px;font-weight:600;text-decoration:none;display:flex}.related a>span:nth-child(2){flex:1}.related a:hover{border-color:var(--ink)}.related .go{color:var(--muted);transition:transform .2s var(--ease-state)}.related a:hover .go{transform:translate(3px)}.mnav{display:none;position:relative}.mnav summary{border:1.5px solid var(--ink);cursor:pointer;border-radius:12px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.mnav summary::-webkit-details-marker{display:none}.mnav .ic{width:20px;height:20px}.mnav-panel{z-index:20;background:var(--surface);border:1.5px solid var(--ink);border-radius:18px;min-width:220px;padding:8px;display:grid;position:absolute;top:52px;right:0;box-shadow:0 16px 40px -20px #0006}.mnav-panel a{min-height:44px;color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-weight:600;text-decoration:none;display:flex}.mnav-panel a:hover{background:var(--canvas)}@media (width<=900px){.mnav{display:block}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.prose h2.hx .hb,.prose ol.steps>li:before,.toc li,.qa,.related li{animation-name:pop-in;animation-timing-function:linear;animation-fill-mode:backwards;animation-timeline:view();animation-range:entry entry 90%}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}.art-orb.o0{animation:7s ease-in-out infinite drift}.art-orb.o1{animation:8s ease-in-out -3s infinite drift}.art-orb.o2{animation:9s ease-in-out -5s infinite drift}.art-main{animation:art-in .6s var(--ease-enter) backwards}@keyframes drift{50%{transform:translateY(-8px)rotate(-4deg)}}@keyframes art-in{0%{opacity:0;transform:scale(.8)rotate(-6deg)}}}@media (width<=900px){nav{gap:10px}}@media (width<=420px){.wrap{padding:0 16px}.brand{font-size:24px}nav>.btn.fill{padding:10px 14px;font-size:14px}}@media (width<=900px){.flow{gap:0}.flow-step{min-height:66px;padding:0 0 22px 62px}.flow-step:not(:last-child):after{content:"";background:var(--line);width:1.5px;position:absolute;top:46px;bottom:2px;left:21.25px}}.card .sw{position:relative;overflow:hidden}.deco{position:absolute;top:16px;right:16px}.deco.bars{align-items:flex-end;gap:5px;height:64px;display:flex}.deco.bars i{background:var(--ink);transform-origin:bottom;border-radius:4px 4px 0 0;width:12px}.deco.bars i:first-child{opacity:.35;height:30%}.deco.bars i:nth-child(2){opacity:.5;height:45%}.deco.bars i:nth-child(3){opacity:.6;height:40%}.deco.bars i:nth-child(4){opacity:.8;height:70%}.deco.bars i:nth-child(5){height:100%}.deco.chat{justify-items:end;gap:6px;display:grid}.deco.chat i{background:var(--surface);border:1.5px solid var(--ink);border-radius:12px 12px 4px;height:22px;display:block}.deco.chat i:first-child{border-radius:12px 12px 12px 4px;justify-self:start;width:92px}.deco.chat i:nth-child(2){background:var(--ink);width:64px}.deco.donut{background:conic-gradient(var(--accent) 0 58%, var(--surface) 58% 82%, var(--coral) 82% 100%);border:1.5px solid var(--ink);border-radius:50%;width:64px;height:64px}.deco.donut:after{content:"";background:var(--sun);border:1.5px solid var(--ink);border-radius:50%;position:absolute;inset:16px}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.deco.bars i,.deco.chat i,.deco.donut{animation-name:deco-in;animation-timing-function:linear;animation-fill-mode:backwards;animation-timeline:view();animation-range:entry 10%}.deco.bars i{animation-name:bar-up}}@keyframes bar-up{0%{transform:scaleY(.1)}}@keyframes deco-in{0%{opacity:0;transform:translateY(10px)scale(.9)}}}.plan-h{align-items:center;gap:12px;display:flex}.plan li{align-items:flex-start;gap:10px;display:flex}.li-ic{width:16px;height:16px;color:var(--muted);margin-top:4px}.tbl-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:16px;display:grid}.tbl-row .tbl{margin:12px 0}@media (prefers-reduced-motion:no-preference){.plan{transition:transform .2s var(--ease-state), box-shadow .2s var(--ease-state)}.plan:hover{transform:translateY(-4px);box-shadow:0 18px 40px -26px #00000073}}.hook-toc a{align-items:center;min-height:24px;display:inline-flex}.prose .hook-toc ul{columns:auto;flex-wrap:wrap;gap:8px;padding:0;display:flex}.prose .hook-toc ul>li{margin:0;padding:0}.prose .hook-toc ul>li:before,.prose .hook-toc ul>li:after{display:none}.prose .hook-toc a{border:1.5px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);border-radius:999px;padding:0 14px;font-weight:600;text-decoration:none}.prose .hook-toc a:hover{border-color:var(--ink)}
