:root{--bg:#0a0a0b;--fg:#f4f4f5;--dim:#8a8a93;--line:#232327;--accent:#d97757;--sans:"Geist", system-ui, -apple-system, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--pad:clamp(16px, 4vw, 48px)}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{margin:0;overflow-x:hidden}a{color:inherit}img{display:block}h1,h2,h3{letter-spacing:-.04em;margin:0;font-weight:500;line-height:.95}h1{font-size:clamp(3rem,11vw,9.5rem)}h2{margin-bottom:2.5rem;font-size:clamp(2.2rem,6.5vw,5.5rem)}h3{letter-spacing:-.02em;margin:1rem 0 .5rem;font-size:1.5rem}p{line-height:1.55}.mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.dim{color:var(--dim)}.accent{color:var(--accent)}.small{font-size:.8rem}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.nav{z-index:10;padding:14px var(--pad);background:color-mix(in srgb, var(--bg) 85%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav nav{align-items:center;gap:clamp(12px,3vw,32px);display:flex}.nav nav a.mono{color:var(--dim);text-decoration:none}.nav nav a.mono:hover{color:var(--fg)}.wordmark{font-family:var(--mono);letter-spacing:.2em;align-items:center;gap:10px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.btn{background:var(--fg);color:var(--bg);border-radius:999px;padding:14px 22px;font-weight:500;text-decoration:none;display:inline-block}.btn-small{white-space:nowrap;padding:8px 14px;font-size:.85rem}@media (width<=520px){.nav nav a.mono{display:none}}.btn:hover{background:var(--accent);color:var(--fg)}.pill{border:1px solid var(--line);border-radius:999px;padding:10px 16px;text-decoration:none;display:inline-block}section{padding:clamp(64px, 12vw, 140px) var(--pad)}.band{border-top:1px solid var(--line)}.label{color:var(--dim);margin:0 0 2rem}.lede{color:#c9c9cf;max-width:36rem;margin:2rem 0;font-size:clamp(1.05rem,1.8vw,1.3rem)}.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);min-height:92vh;padding-top:clamp(72px,10vw,120px);display:grid;position:relative}.hero h1{font-size:clamp(3rem,6vw,6.4rem)}.sticker{z-index:2;animation:6s ease-in-out infinite float;position:absolute}@keyframes float{50%{translate:0 -12px}}.demo{position:relative}.demo .s1{top:-64px;right:-18px;transform:rotate(10deg)}.demo .s3{animation-delay:-3s;bottom:-36px;left:-34px;transform:rotate(-12deg)}.demo-card{z-index:1;border:1px solid var(--line);background:#121214;border-radius:18px;min-height:430px;padding:28px;position:relative;box-shadow:0 40px 80px -30px #d9775740}.demo-row{margin:0 0 8px}.demo-tag{color:var(--dim)}.demo-masalah{color:var(--fg);margin:0 0 22px;font-size:1.15rem}.demo-prompt{font-family:var(--mono);color:#c9c9cf;border:1px solid var(--line);background:#0a0a0b;border-radius:10px;min-height:7.2em;margin:0 0 22px;padding:14px 16px;font-size:.88rem;line-height:1.6}.caret{vertical-align:text-bottom;background:var(--accent);opacity:0;width:7px;height:1.05em;margin-left:2px;display:inline-block}.typing .caret{opacity:1;animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:0}}.demo-boom{min-height:6.5em;margin:0;padding:0;list-style:none}.demo-boom li{border-top:1px solid var(--line);padding:7px 0 7px 18px;animation:.3s ease-out pop;position:relative}.demo-boom li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:15px;left:0}@keyframes pop{0%{opacity:0;transform:translateY(4px)}}.demo-dots{gap:6px;margin-top:18px;display:flex}.demo-dots span{background:var(--line);border-radius:2px;width:18px;height:3px}.demo-dots span.on{background:var(--accent)}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}.demo{margin-top:24px}.demo .s1{width:76px;height:auto;top:-44px;right:0}.demo .s3{display:none}.demo-card{min-height:0;padding:22px}}@media (prefers-reduced-motion:reduce){.sticker{animation:none}}.signup{flex-wrap:wrap;gap:10px;max-width:34rem;display:flex}.signup input[type=email]{min-width:0;color:var(--fg);font:inherit;background:0 0;border:1px solid #3a3a40;border-radius:999px;flex:220px;padding:14px 20px;font-size:1rem}.signup input[type=email]:focus{border-color:var(--fg);outline:none}.signup button{background:var(--fg);color:var(--bg);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:14px 22px;font-size:1rem;font-weight:500}.signup button:hover{background:var(--accent);color:var(--fg)}.signup button:disabled{opacity:.6}.signup-note{color:var(--dim);flex-basis:100%;margin:4px 0 0 4px;font-size:.8rem}.signup-msg{color:var(--accent);flex-basis:100%;margin:0 0 0 4px;font-size:.9rem}.signup-msg:empty{display:none}.grid3{border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.cell{border-right:1px solid var(--line);padding:32px}.cell:last-child{border-right:0}.cell p{color:#c9c9cf;margin:0}@media (width<=760px){.cell{border-right:0;border-bottom:1px solid var(--line)}.cell:last-child{border-bottom:0}}.grid2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(32px,5vw,80px);display:grid}.path{color:var(--accent)}.chapters{margin:0;padding:0;list-style:none}.chapters li{border-top:1px solid var(--line)}.chapters li a{gap:20px;padding:18px 0;text-decoration:none;transition:padding .15s;display:flex}.chapters li a:hover{padding-left:8px}.chapters li a:hover strong{color:var(--accent)}.chapters li a>span:last-child{flex-direction:column;gap:4px;display:flex}.asas-row{border:1px solid var(--accent);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:48px;padding:22px 24px;text-decoration:none;display:flex}.asas-row .arrow{margin-left:auto;font-size:1.4rem}.asas-row:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.chapters .num{color:var(--dim);padding-top:3px}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-bottom:2.5rem;display:grid}.steps p:last-child{margin:.5rem 0 0;font-size:1.25rem}.audit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.audit h2{margin-bottom:0}.audit-cat{transform:rotate(-6deg)}@media (width<=760px){.audit-cat{width:110px;height:auto}}.final{text-align:center;flex-direction:column;align-items:center;display:flex}.final img{margin-bottom:2rem}.final .signup{justify-content:center}.final .signup-note{text-align:center}.page{max-width:44rem}.page h1{margin-bottom:2rem;font-size:clamp(2.6rem,8vw,5.5rem)}.page h2{margin:2.5rem 0 1rem;font-size:1.6rem}.page p,.page li{color:#c9c9cf;line-height:1.65}.foot{padding:48px var(--pad);border-top:1px solid var(--line);flex-direction:column;gap:20px;display:flex}.foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.foot-row.mono{justify-content:flex-start;gap:24px}.foot-row a{color:var(--dim);text-decoration:none}.foot-row a:hover{color:var(--fg)}