:root{--bg:#161c1a;--surface:#1f2725;--surface-2:#29332f;--ink:#e3e2da;--muted:#a4aaa2;--accent:#9fc7b8;--accent-ink:#161c1a;--ui-bg:#fff;--ui-wash:#eef2ec;--ui-text:#161c1a;--ui-muted:#55605a;--ui-line:#dde3dc;--ui-tint:#dcefe5;--ui-mark:#2c6a57}body{background:var(--bg);color:var(--ink)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius);background:var(--accent);min-height:48px;color:var(--accent-ink);white-space:nowrap;cursor:pointer;transition:transform .18s var(--ease-out), background-color .18s;border:0;justify-content:center;align-items:center;padding:0 22px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:#b5d6c9;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.dark{background:var(--bg);color:var(--ink)}.btn.dark:hover{background:#26302d}.textlink{min-height:44px;color:var(--ink);text-underline-offset:4px;align-items:center;font-weight:600;transition:color .16s;display:inline-flex}.textlink:hover{color:var(--accent)}.nav{z-index:10;padding:12px var(--gutter);background:var(--bg);justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.wordmark{min-height:44px;font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.045em;color:var(--ink);align-items:center;font-size:32px;line-height:1;text-decoration:none;display:inline-flex}.nav nav{gap:28px;margin-left:20px;margin-right:auto;display:flex}.nav nav a{color:var(--ink);font-size:1rem;text-decoration:none;transition:color .16s}.nav nav a:hover{color:var(--accent)}.hero{padding:clamp(20px, 3vh, 36px) var(--gutter) 0}.hero h1{font-size:var(--step-hero);animation:rise .7s var(--ease-out) both;line-height:.92}.hero-sub{animation:rise .7s 80ms var(--ease-out) both;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:32px;margin-top:18px;display:grid}.hero-sub p{max-width:62ch;font-size:var(--step-body);line-height:1.45}.hero-act{justify-content:flex-end;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}.try{font-size:var(--step-body);color:var(--accent);animation:rise .7s .12s var(--ease-out) both;margin-top:16px;font-weight:600}.stage{color:var(--ui-text);animation:rise .8s .16s var(--ease-out) both;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px;margin-top:10px;font-size:15px;line-height:1.4;display:grid}.chat,.board{border-radius:var(--radius);background:var(--ui-bg);flex-direction:column;min-width:0;height:min(520px,100svh - 320px);min-height:470px;display:flex;overflow:hidden}.chat{background:var(--ui-wash)}.chat-head{background:var(--ui-bg);border-bottom:1px solid var(--ui-line);align-items:center;gap:10px;padding:10px 14px;display:flex}.chat-head b{font-weight:600;line-height:1.2;display:block}.chat-head small{color:var(--ui-muted);font-size:13px;display:block}.chat-avatar{background:var(--bg);width:36px;height:36px;color:var(--accent);font-family:var(--font-display), system-ui, sans-serif;border-radius:50%;flex:none;place-items:center;padding-top:3px;font-size:22px;line-height:1;display:grid}.chat-avatar.alt{background:var(--ui-tint);color:var(--ui-mark);font-size:18px}.chat-log{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.chat-log>:first-child{margin-top:auto}.chat-log.still{overflow:visible}.bubble{max-width:86%;animation:bubble .26s var(--ease-out) both;border-radius:8px;padding:7px 11px}.bubble.owner{background:var(--ui-tint);align-self:flex-end}.bubble.dikho{background:var(--ui-bg);align-self:flex-start}.bubble.long{max-width:100%}@keyframes bubble{0%{opacity:0;transform:translateY(8px)}}.quick{max-width:86%;animation:bubble .26s 80ms var(--ease-out) both;gap:6px;display:flex}.quick button,.quick span{background:var(--ui-bg);min-height:42px;color:var(--ui-mark);text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .16s, transform .16s var(--ease-out);border:0;border-radius:6px;flex:1;place-items:center;padding:0 14px;font-weight:600;display:grid}.quick span{cursor:default}.quick button:first-child{background:var(--bg);color:var(--ink)}.quick button:hover{background:var(--ui-tint);color:var(--ui-mark)}.quick button:active{transform:translateY(1px)}.quick .picked{background:var(--ui-mark);color:#fff}.quick.tiles{flex-wrap:wrap;max-width:100%}.quick.tiles.two span{flex:45%;font-weight:400}.quick.tiles.two .picked{font-weight:600}.quick.inline{flex:none;max-width:none}.quick.inline span{border:1px solid var(--ui-line);min-height:34px;font-size:14px}.quick.inline .picked{border-color:var(--ui-mark)}.tries{flex-wrap:wrap;gap:6px;padding:8px 14px;display:flex}.tries button{min-height:44px;color:var(--ui-text);cursor:pointer;background:0 0;border:1px solid #cdd5cd;border-radius:999px;flex:none;padding:0 12px;font-size:14px;transition:background-color .16s,border-color .16s}.tries button:hover{border-color:var(--ui-mark);background:var(--ui-tint)}.composer{gap:6px;padding:0 14px 12px;display:flex}.composer input{background:var(--ui-bg);border:1px solid #cdd5cd;border-radius:999px;flex:1;min-width:0;min-height:44px;padding:0 14px;font-size:16px}.composer input::placeholder{color:var(--ui-muted)}.composer input:focus-visible,.composer button:focus-visible{outline:2px solid var(--ui-mark);outline-offset:1px}.composer button{background:var(--bg);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:transform .16s var(--ease-out);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.composer button:active{transform:scale(.94)}.board{padding:14px 18px 12px}.board-head{justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:10px;display:flex}.board-head b{font-size:18px;font-weight:600;line-height:1.2;display:block}.board-head small{color:var(--ui-muted);font-size:13px}.board-head p{color:var(--ui-muted);white-space:nowrap}.board-head p b{color:var(--ui-mark);display:inline}.board-rows{flex:1;grid-auto-rows:1fr;min-height:0;display:grid}.board-rows li{border-top:1px solid var(--ui-line);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 128px;align-items:center;gap:12px;min-height:42px;transition:background-color .5s;display:grid}.board-rows li.ai{color:var(--ui-muted)}.board-rows li.ai .board-name{color:var(--ui-text)}.board-rows li.ai:nth-last-child(2){border-top:2px solid #c6cfc7}.board-name{font-weight:600}.board-value{animation:swap .42s var(--ease-out) both}.is-updated .board-value{color:var(--ui-mark);font-weight:600}@keyframes swap{0%{opacity:0;transform:translateY(6px)}}.board-status{background:var(--ui-wash);color:var(--ui-muted);white-space:nowrap;border-radius:4px;justify-self:end;padding:2px 8px;font-size:13px}.board-status.on{background:var(--ui-tint);color:#17463a;font-weight:600}.board-foot{border-top:1px solid var(--ui-line);color:var(--ui-muted);padding-top:10px;font-size:14px}.intro{padding:clamp(96px, 12vw, 180px) var(--gutter) clamp(72px, 8vw, 120px)}.lead{max-width:34em;font-size:var(--step-title);line-height:1.2}.world-shutter{margin-top:clamp(56px,7vw,96px)}.world-shutter+.story{padding-top:clamp(48px,6vw,88px)}.world-shutter img{width:100%;height:auto}.world-caption{color:var(--muted);font-size:var(--step-small);margin-top:12px;line-height:1.5}.world-shutter figcaption{padding-inline:var(--gutter)}.intro-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:72px;display:grid}.intro-cols p{color:var(--muted);font-size:var(--step-body);line-height:1.5}.intro-cols b{color:var(--ink);font-weight:600}.show{background:#101513;flex-direction:column;justify-content:center;min-height:96svh;padding:48px 0;display:flex;position:relative;overflow:hidden}.show-row{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;gap:26vw;padding-inline:calc(50vw - 215px);display:flex;overflow-x:auto}.show-row::-webkit-scrollbar{display:none}.show-row:focus-visible{outline-offset:-4px}.show-panel{scroll-snap-align:center;opacity:.24;flex:none;width:430px;transition:opacity 1.6s}.show-panel.lit{opacity:1}.show-text{width:min(30ch,50vw - 287px);position:absolute;top:50%;left:calc(50% + 255px);transform:translateY(-50%)}.show-text h2{font-size:var(--step-title);line-height:1}.show-text p{font-size:var(--step-body);margin-top:14px;line-height:1.45}.show-pick{gap:2px;margin-top:16px;margin-left:-12px;display:flex}.show-pick button{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;position:relative}.show-pick button:after{content:"";background:#4d5952;border-radius:2px;transition:background-color .3s;position:absolute;inset:20px 12px}.show-pick button:hover:after{background:var(--muted)}.show-pick button[aria-current=true]:after{background:var(--accent)}.frag{border-radius:var(--radius);background:var(--ui-bg);color:var(--ui-text);font-variant-numeric:tabular-nums;font-size:15px;line-height:1.4;overflow:hidden}.frag small{color:var(--ui-muted);font-size:13px;display:block}.frag-head{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;display:flex}.frag-head b{font-size:17px;font-weight:600}.frag-rows li,.frag.slim{justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.frag-rows li+li{border-top:1px solid var(--ui-line)}.frag b{font-weight:600}.frag-right{text-align:right;flex:none}.tag-bad,.tag-ok{border-radius:4px;padding:1px 8px;font-style:normal;font-weight:600;display:inline-block}.tag-bad{color:#831c1e;background:#ffedea}.tag-ok{background:var(--ui-tint);color:#17463a}.frag-foot{border-top:1px solid var(--ui-line);color:var(--ui-muted);padding:12px 16px;font-size:14px}.frag-foot b{color:var(--ui-text)}.frag-chat{background:var(--ui-wash)}.frag-meta{background:var(--ui-bg);border-top:1px solid var(--ui-line);grid-template-columns:1fr 1fr;display:grid}.frag-meta div{padding:10px 14px}.frag-meta div+div{border-left:1px solid var(--ui-line)}.frag-meta dt{color:var(--ui-muted);font-size:13px}.frag-meta dd{font-weight:600}.frag-dots li{grid-template-columns:84px 1fr 44px;align-items:center;gap:12px;padding:11px 16px;display:grid}.dotline{grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;display:grid}.dotline i{aspect-ratio:1;background:var(--ui-line);border-radius:50%}.dotline i.on{background:var(--ui-mark)}.frag-count{text-align:right;font-weight:600}.frag-steps li{grid-template-columns:112px 1fr;gap:12px;padding:9px 16px;display:grid}.frag-steps li+li{border-top:1px solid var(--ui-line)}.frag-steps span,.frag-steps .open b{color:var(--ui-muted)}.how{width:min(1280px, calc(100% - var(--gutter) * 2));grid-template-columns:minmax(0,600px) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,100px);margin-inline:auto;padding:clamp(120px,14vw,200px) 0;display:grid}.how h2{font-size:var(--step-head)}.how-world{gap:48px;display:grid}.how-world img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}@media (max-width:1000px){.how{grid-template-columns:minmax(0,1fr);max-width:600px}}.how-stage{margin-top:56px}.how-stage:first-of-type{margin-top:48px}.how-stage>p{color:var(--muted);font-size:var(--step-body);line-height:1.6}.how-stage b{color:var(--ink);font-weight:600}.how-stage .frag{margin-top:20px}.how-stage .frag b{color:var(--ui-text)}.places{padding-inline:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.places .tile{border-radius:var(--radius);background:var(--surface);min-height:clamp(170px,15vw,230px);font-family:var(--font-display), system-ui, sans-serif;font-size:var(--step-title);letter-spacing:-.03em;text-wrap:balance;align-items:flex-start;padding:24px;line-height:1;display:flex}.places .tile.heading{background:var(--accent);color:var(--accent-ink);grid-area:span 2/span 2}.places .heading h2{font-size:var(--step-head);line-height:.95}.never{padding:clamp(72px, 9vw, 130px) var(--gutter);background:var(--ink);color:var(--bg);margin-top:clamp(120px,14vw,200px)}.never h2{font-size:var(--step-head)}.never ul{margin-top:40px}.never li{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.04em;padding:14px 0;font-size:clamp(2rem,5.5vw,5.5rem);line-height:.98;-webkit-text-decoration:line-through #2c6a57;text-decoration:line-through #2c6a57;text-decoration-thickness:.07em}.never>p{max-width:58ch;font-size:var(--step-body);margin-top:36px;margin-left:auto;line-height:1.5}.pricing{padding:clamp(120px, 14vw, 200px) var(--gutter) 0}.plans{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--step-body);line-height:1.3}.plans thead th{text-align:left;vertical-align:bottom;padding:0 20px 28px;font-weight:400}.plans thead th:first-child{width:30%;padding-left:0}.plans h2{font-size:var(--step-head)}.plan-name{font-family:var(--font-display), system-ui, sans-serif;font-size:var(--step-title);letter-spacing:-.04em;line-height:1;display:block}.plan-price{font-size:var(--step-title);margin-top:6px;line-height:1.1;display:block}.plan-price small{font-size:1rem}.plans tbody th,.plans tbody td{text-align:left;vertical-align:top;padding:18px 20px}.plans tbody th{color:var(--muted);padding-left:0;font-weight:400}.plans tbody tr:nth-child(odd) th,.plans tbody tr:nth-child(odd) td{background:var(--surface)}.plans tbody tr:nth-child(odd) th,.plans tbody tr:nth-child(2n) th{padding-left:16px}.plans .chosen,.plans tbody tr:nth-child(odd) td.chosen{background:var(--accent);color:var(--accent-ink)}.plans thead th.chosen{border-radius:var(--radius) var(--radius) 0 0;padding-top:20px}.plans-stack{display:none}.plan-note{max-width:60ch;color:var(--muted);margin-top:28px}.plan-note a{color:var(--ink);text-underline-offset:4px;font-weight:600}.faq{padding:clamp(120px, 14vw, 200px) var(--gutter) 0;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;display:grid}.faq h2{font-size:var(--step-head);align-self:start;position:sticky;top:96px}.faq-list{gap:8px;display:grid}.faq details{border-radius:var(--radius);background:var(--surface);transition:background-color .24s}.faq summary{min-height:72px;font-size:var(--step-body);cursor:pointer;align-items:center;padding:14px 64px 14px 24px;font-weight:600;line-height:1.25;list-style:none;display:flex;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary i:before,.faq summary i:after{content:"";width:16px;height:3px;transition:transform .24s var(--ease-out);background:currentColor;margin-top:-1.5px;position:absolute;top:50%;right:26px}.faq summary i:after{transform:rotate(90deg)}.faq details[open]{background:var(--accent);color:var(--accent-ink)}.faq details[open] summary i:after{transform:rotate(0)}.faq summary:hover i:before,.faq summary:hover i:after{background:var(--accent)}.faq details[open] summary:hover i:before,.faq details[open] summary:hover i:after{background:var(--accent-ink)}.faq details p{max-width:56ch;font-size:var(--step-body);padding:0 24px 24px;line-height:1.5}.close{isolation:isolate;padding:clamp(140px, 16vw, 220px) var(--gutter) clamp(96px, 10vw, 140px);position:relative}.close-world{object-fit:cover;z-index:-2}.close:before{content:"";z-index:-1;background:#121212c2;position:absolute;inset:0}.close>.world-caption{color:var(--ink)}.close h2{flex-wrap:wrap;align-items:center;gap:.16em;font-size:clamp(2.75rem,7vw,6.5rem);line-height:1;display:flex}.close input,.close button{border-radius:var(--radius);height:1.12em;font-family:var(--font-display), system-ui, sans-serif;font-weight:700;font-size:inherit;letter-spacing:-.04em;border:0;line-height:1}.close input{background:var(--surface);min-width:0;max-width:8.4em;color:var(--ink);flex:5em;padding:.1em .18em 0}.close input::placeholder{color:var(--muted)}.close input:focus{outline:2px solid var(--accent);outline-offset:2px}.close button{background:var(--accent);color:var(--accent-ink);cursor:pointer;transition:background-color .18s, transform .18s var(--ease-out);padding:.1em .22em 0}.close button:hover{background:#b5d6c9}.close button:active{transform:translateY(2px)}.close>p{max-width:56ch;margin-top:18px}.foot{padding:0 var(--gutter) var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;display:grid}.foot .tile{border-radius:var(--radius);background:var(--surface);flex-direction:column;min-height:220px;padding:24px;display:flex}.foot .words{font-size:var(--step-title);grid-column:span 4;justify-content:space-between;line-height:1.15}.foot small{color:var(--muted);font-size:.875rem;line-height:1.4}.foot .links{grid-column:span 3;gap:2px}.foot .links:nth-child(3){grid-column:span 2}.foot .links a{min-height:44px;color:var(--ink);align-items:center;text-decoration:none;transition:color .16s;display:flex}.foot .links a:hover{color:var(--accent)}.foot .place{grid-column:span 3;gap:8px}.foot .mark{background:var(--ink);min-height:320px;color:var(--bg);font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.05em;grid-column:span 8;justify-content:center;align-items:center;font-size:clamp(6rem,15vw,15rem);line-height:1}.foot .go{background:var(--accent);min-height:320px;color:var(--accent-ink);font-size:var(--step-title);grid-column:span 4;justify-content:space-between;font-weight:600;line-height:1.1;text-decoration:none;transition:background-color .2s}.foot .go:hover{background:#b5d6c9}.foot .go svg{transition:transform .24s var(--ease-out);align-self:flex-end}.foot .go:hover svg{transform:translate(6px)}.rise-wait{opacity:0;transform:translateY(24px)}.rise-in{opacity:1;transition:opacity .64s var(--ease-out), transform .64s var(--ease-out);transform:none}@media (max-width:1100px){.nav nav{gap:18px;margin-left:8px}.show{min-height:0;padding:56px 0}.show-row{gap:7vw;padding-inline:calc(50vw - min(215px,43vw))}.show-panel{width:min(430px,86vw)}.show-text{width:auto;max-width:52ch;padding-inline:var(--gutter);margin-top:24px;position:static;transform:none}.show-text p{min-height:4.4em}.intro-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.places .tile.heading{grid-area:auto/span 4;min-height:140px}.never>p{margin-left:0}}@media (max-width:860px){.nav nav{display:none}.hero h1{font-size:7vw}.hero-sub{grid-template-columns:1fr;gap:18px}.hero-act{justify-content:flex-start}.stage{grid-template-columns:1fr}.chat{height:520px;min-height:0}.board{height:auto;min-height:0}.faq{grid-template-columns:1fr}.faq h2{margin-bottom:12px;position:static}.plans{display:none}.plans-stack{gap:12px;display:grid}.plans-stack h2{font-size:var(--step-head);margin-bottom:16px}.plan-block{border-radius:var(--radius);background:var(--surface);padding:32px 20px}.plan-block.chosen{background:var(--accent);color:var(--accent-ink)}.plan-block .plan-name,.plan-block .plan-price{font-size:2.25rem}.plan-block dl{margin:20px 0}.plan-block dl div{padding:8px 0}.plan-block dt{color:var(--muted);font-size:1rem}.plan-block.chosen dt{color:#2b3a35}.plan-block dd{font-size:1.0625rem}.plan-block .btn{width:100%}.foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.foot .tile,.foot .words,.foot .links,.foot .links:nth-child(3),.foot .place{grid-column:span 1;min-height:0;padding:20px}.foot .mark,.foot .go{order:-1;grid-column:1/-1;min-height:160px}.foot .mark{order:-2}.foot .words,.foot .place{grid-column:1/-1}.foot .words{gap:16px;font-size:1.5rem}}@media (max-width:560px){.nav{padding-block:10px}.nav .btn{min-height:44px;padding:0 16px;font-size:.9375rem}.hero h1{font-size:11.2vw;line-height:.98}.board{padding:12px 14px 10px}.board-rows li{grid-template-columns:minmax(0,1fr) auto;gap:0 10px;padding:8px 0}.board-name{grid-column:1}.board-status{grid-area:1/2}.board-value{grid-area:2/1/auto/-1}.board-head p{font-size:14px}.lead{font-size:1.375rem}.intro-cols{grid-template-columns:1fr}.how-stage .frag.slim{gap:10px}.places{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.places .tile{min-height:112px;padding:16px;font-size:1.375rem}.places .tile.heading{grid-area:auto/span 2;min-height:120px}.never li{padding:9px 0;font-size:2rem}.faq summary{min-height:64px;padding:14px 52px 14px 20px;font-size:1.125rem}.faq summary i:before,.faq summary i:after{right:20px}.faq details p{padding:0 20px 20px;font-size:1rem}.close h2{gap:.14em;font-size:11vw}.close input{flex:calc(100% - 2.7em);max-width:none}}