.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 700px at 70% -10%,var(--hero-glow) 0%,var(--bg) 55%)}.hero-in{position:relative;z-index:2;text-align:center;padding:clamp(40px,7vw,72px) 22px clamp(48px,8vw,84px);display:grid;grid-template-columns:1fr;gap:clamp(22px,4vw,34px);align-items:center}.hero-tag{color:var(--accent-ink);font-weight:700;font-size:13.5px;margin-bottom:12px}@media(min-width:1024px){.hero-in{grid-template-columns:1.08fr .92fr;text-align:start;gap:44px;padding-block:clamp(48px,6vw,76px)}.hero-sub{margin-inline:0}.hero-cta{justify-content:flex-start}}.hero-mark{height:120px;margin:0 auto 34px}h1{font-size:clamp(23px,4.6vw,40px);font-weight:700;line-height:1.7}.grad{background:linear-gradient(90deg,var(--blue),var(--purple2),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{color:var(--dim);max-width:620px;margin:18px auto 0;font-size:clamp(14.5px,2.4vw,17px)}.hero-cta{display:flex;gap:12px;justify-content:center;margin-top:clamp(26px,4.5vw,36px);flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(28px,5vw,42px)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,3vw,26px) clamp(18px,2.6vw,24px);transition:transform .2s,border-color .2s,background .25s}.card:hover{transform:translateY(-3px);border-color:#8b5cf666}.cicon{width:31px;height:31px;color:var(--purple2);margin-bottom:14px}.card h3{font-size:17px;font-weight:700;margin-bottom:7px}.card p{color:var(--dim);font-size:14px}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards{grid-template-columns:1fr}}.alt{background:var(--bg2)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(28px,5vw,42px)}.step{border:1px solid var(--line);border-radius:16px;padding:clamp(18px,2.8vw,24px) clamp(16px,2.4vw,22px);position:relative;background:var(--surface)}.step-n{color:var(--accent-ink);font-weight:600;font-size:12.5px;letter-spacing:.22em;margin-bottom:10px}.step h3{font-size:16.5px;font-weight:700;margin-bottom:5px}.step p{color:var(--dim);font-size:14px;line-height:1.85}@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:600px){.steps{grid-template-columns:1fr}}.whys{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,22px);margin-top:clamp(26px,5vw,38px)}.why{display:flex;gap:16px;align-items:flex-start}.why-px{width:12px;height:12px;border-radius:3px;background:var(--purple2);flex-shrink:0;margin-top:13px}.why h3{font-size:16.5px;font-weight:700;margin-bottom:3px}.why p{color:var(--dim);font-size:14px}@media(max-width:700px){.whys{grid-template-columns:1fr}}.cta-band{background:radial-gradient(700px 340px at 50% 120%,var(--band) 0%,transparent 70%),var(--bg2);border:1px solid var(--line)}#hero-canvas{position:relative;height:200px;margin:0 auto;max-width:560px;width:100%}@media(min-width:600px){#hero-canvas{height:240px}}@media(min-width:1024px){#hero-canvas{height:340px;max-width:none;margin:0}}#hero-canvas canvas{position:absolute;inset:0}#hero-canvas .hero-mark{height:86%;margin:4% auto 0;transition:opacity .4s}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(28px,5vw,42px);align-items:stretch}@media(max-width:860px){.demo-grid{grid-template-columns:1fr}}.term{background:#0a0f1d;border:1px solid rgba(139,152,173,.2);border-radius:14px;overflow:hidden;min-height:clamp(250px,36vw,320px);font-size:clamp(12px,1.6vw,13.5px);line-height:2.1;position:relative}html[data-theme=light] .term{box-shadow:0 10px 34px #1018281f}.term-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(139,152,173,.14)}.term-bar span{width:11px;height:11px;border-radius:50%;background:#2a3550}.term-bar span:nth-child(1){background:#ff5f57}.term-bar span:nth-child(2){background:#febc2e}.term-bar span:nth-child(3){background:#28c840}.term-bar em{margin-left:auto;color:#8b98ad;font-size:11.5px;font-style:normal}.term-code{padding:18px 20px;color:#c8d3e8;font-family:ui-monospace,Menlo,monospace;white-space:pre-wrap;word-break:break-all}.term-code .k{color:#ff5c8f}.term-code .f{color:#4f7cff}.term-code .s{color:#9ece6a}.term-code .n{color:#e0af68}.term-code .c{color:#8b98ad}.term-caret{display:inline-block;width:8px;height:15px;background:#8b5cf6;vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.term-caret{animation:none}}.mini-ui{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}.u-part{opacity:0;transform:translateY(10px) scale(.98);transition:opacity .5s,transform .5s}.u-part.on{opacity:1;transform:none}.u-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.u-logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--blue),var(--purple2))}.u-head i{margin-inline-start:auto;width:52px;height:8px;border-radius:99px;background:var(--line)}.u-hero{background:linear-gradient(120deg,#4f7cff2e,#8b5cf62e);border-radius:10px;padding:22px 16px;font-weight:700}.u-hero em{font-style:normal;color:var(--purple2)}.u-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.u-grid span{height:58px;border-radius:9px;background:var(--bg2);border:1px solid var(--line)}.u-pay{display:flex;gap:8px}.u-pay b{border:1px solid var(--line);border-radius:8px;padding:5px 14px;font-size:12.5px;color:var(--dim)}.u-wa{background:#25d36624;color:#1fae55;border-radius:9px;padding:9px 14px;font-size:13.5px;font-weight:600;width:fit-content}html[data-theme=light] .u-wa{color:#0e7a3c;background:#128a431f}.u-done{color:var(--purple2);font-weight:700;font-size:13.5px;text-align:center}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(28px,5vw,42px)}@media(max-width:900px){.works{grid-template-columns:1fr}}.work{display:flex;flex-direction:column;gap:12px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:14px 14px 20px;transition:transform .2s,border-color .2s}.work:hover{transform:translateY(-4px);border-color:#8b5cf673}.shot{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#0a0f1d}.shot-bar{display:flex;align-items:center;gap:5px;padding:8px 11px;background:#0a0f1d}.shot-bar i{width:8px;height:8px;border-radius:50%;background:#2a3550}.shot-bar i:nth-child(1){background:#ff5f57}.shot-bar i:nth-child(2){background:#febc2e}.shot-bar i:nth-child(3){background:#28c840}.shot-bar em{margin-inline-start:auto;color:#8b98ad;font-size:10.5px;font-style:normal;direction:ltr}.shot img{width:100%;height:auto;display:block}.work h3{font-size:16.5px;font-weight:700;padding:0 6px}.work p{color:var(--dim);font-size:14px;padding:0 6px;line-height:1.85}.tags{display:flex;gap:6px;flex-wrap:wrap;padding:0 6px}.tags b{font-weight:600;font-size:11.5px;color:var(--accent-ink);background:#8b5cf61f;border-radius:99px;padding:3px 11px}.tgroups{display:flex;flex-direction:column;gap:clamp(18px,3vw,26px);margin-top:clamp(26px,5vw,38px)}.tg h3{font-size:13.5px;font-weight:700;color:var(--accent-ink);margin-bottom:10px;letter-spacing:.02em}.chips-row{display:flex;flex-wrap:wrap;gap:8px}.tchip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:7px 14px;font-size:12.5px;color:var(--dim);background:var(--surface);transition:color .2s,border-color .2s,transform .2s;cursor:default}.tdot{width:9px;height:9px;border-radius:3px;background:var(--bh);flex-shrink:0}.tchip svg{width:16px;height:16px;color:inherit;transition:color .2s}.tchip b{font-weight:600}.tchip:hover{color:var(--ink);border-color:var(--bh);transform:translateY(-2px)}.tchip:hover svg{color:var(--bh)}.proof{border-block:1px solid var(--line);background:var(--bg2)}.proof-in{display:flex;justify-content:center;flex-wrap:wrap;gap:10px clamp(18px,4vw,46px);padding-block:14px}.proof-item{display:inline-flex;align-items:center;gap:9px;color:var(--dim);font-size:13px;font-weight:600}.proof-item:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--purple2)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(28px,5vw,42px)}@media(max-width:900px){.pillars{grid-template-columns:1fr}}.pillar{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,3vw,30px) clamp(20px,2.6vw,26px);transition:transform .2s,border-color .2s}.pillar:hover{transform:translateY(-3px);border-color:#8b5cf666}.pk{color:var(--accent-ink);font-size:12px;font-weight:600;letter-spacing:.18em;margin:4px 0 2px}.pillar h3{font-size:19px;font-weight:700;margin-bottom:8px}.pillar p{color:var(--dim);font-size:14px;line-height:1.95}.p-inc{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.p-inc b,.p-inc a{font-weight:600;font-size:11.5px;color:var(--accent-ink);background:#8b5cf61f;border-radius:99px;padding:3px 11px}.p-inc a{transition:background .2s,color .2s}.p-inc a:hover{background:var(--accent-ink);color:#fff}.consult{margin-top:clamp(22px,4vw,30px);text-align:center;color:var(--dim);font-size:14.5px}.consult a{color:var(--accent-ink);font-weight:700;border-bottom:1px dashed var(--accent-ink)}.stack-more{margin-top:clamp(22px,4vw,30px)}.stack-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:11px 24px;color:var(--dim);font-size:14px;font-weight:600;transition:color .2s,border-color .2s}.stack-more summary::-webkit-details-marker{display:none}.stack-more summary:after{content:"+";font-weight:600;font-size:17px;color:var(--accent-ink);transition:transform .25s}.stack-more[open] summary:after{transform:rotate(45deg)}.stack-more summary:hover{color:var(--ink);border-color:var(--dim)}.stack-more>.tgroups{margin-top:clamp(20px,3.5vw,28px)}