html:where(:has(.site-page)) *{box-sizing:border-box;margin:0;padding:0}html:where(:has(.site-page)){scroll-behavior:smooth;-webkit-text-size-adjust:100%}html:where(:has(.site-page)) body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65;overflow-x:hidden}html:where(:has(.site-page)) a{color:inherit;text-decoration:none}html:where(:has(.site-page)) body:before{content:"";height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg);position:fixed;inset:0 0 auto}html:where(:has(.site-page)) button,html:where(:has(.site-page)) input{font:inherit;color:inherit}html:where(:has(.site-page)) button{cursor:pointer;background:0 0;border:0}html:where(:has(.site-page)) svg{flex-shrink:0}html:where(:has(.site-page)) .wrap{max-width:1160px;padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px));margin:0 auto}html:where(:has(.site-page)) .num{font-variant-numeric:tabular-nums}html:where(:has(.site-page)) .nav{top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky}html:where(:has(.site-page)) .nav.scrolled{border-bottom-color:var(--line)}html:where(:has(.site-page)) .nav-in{align-items:center;gap:32px;height:64px;display:flex}html:where(:has(.site-page)) .logo{letter-spacing:.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}html:where(:has(.site-page)) .brand-mark{flex-shrink:0;display:block}html:where(:has(.site-page)) .nav-links{color:var(--ink-2);gap:28px;font-size:14px;display:flex}html:where(:has(.site-page)) .nav-links a:hover{color:var(--ink)}html:where(:has(.site-page)) .nav-r{align-items:center;gap:12px;margin-left:auto;display:flex}html:where(:has(.site-page)) .icon-btn{width:36px;height:36px;color:var(--ink-2);border:1px solid var(--line);border-radius:10px;place-items:center;display:grid}html:where(:has(.site-page)) .icon-btn:hover{color:var(--ink);border-color:var(--line-2)}html:where(:has(.site-page)) .btn{height:44px;transition:transform .15s var(--ease),background .15s,box-shadow .15s;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}html:where(:has(.site-page)) .btn-primary{background:var(--action);color:var(--on-action);box-shadow:0 1px 0 #fff3 inset,0 6px 16px -6px var(--accent)}html:where(:has(.site-page)) .btn-primary:hover{background:var(--accent-ink)}html:where(:has(.site-page)) .btn-primary:active{transform:translateY(1px)}html:where(:has(.site-page)) .btn-primary[disabled]{opacity:.55;cursor:not-allowed}html:where(:has(.site-page)) .btn-outline{border:1px solid var(--line-2);color:var(--ink);background:var(--card)}html:where(:has(.site-page)) .btn-outline:hover{border-color:var(--ink-3)}html:where(:has(.site-page)) .btn-ghost{color:var(--ink-2);height:36px;padding:0 12px;font-size:14px;font-weight:500}html:where(:has(.site-page)) .btn-ghost:hover{color:var(--ink)}html:where(:has(.site-page)) .btn-sm{border-radius:10px;height:36px;padding:0 14px;font-size:14px}html:where(:has(.site-page)) .btn-lg{border-radius:14px;height:52px;padding:0 28px;font-size:16px}html:where(:has(.site-page)) .hero{padding:72px 0 88px;position:relative}html:where(:has(.site-page)) .hero-grid{animation:fade .6s var(--ease) both;grid-template-columns:1fr 1.05fr;align-items:center;gap:56px;display:grid}html:where(:has(.site-page)) .pill{border:1px solid var(--line-2);background:var(--card);height:30px;color:var(--ink-2);border-radius:99px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}html:where(:has(.site-page)) .pill .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 7px #0000}}html:where(:has(.site-page)) h1{letter-spacing:-.02em;margin:22px 0 20px;font-size:54px;font-weight:800;line-height:1.14}html:where(:has(.site-page)) h1 em{color:var(--accent);font-style:normal}html:where(:has(.site-page)) .lead{color:var(--ink-2);text-wrap:pretty;max-width:440px;font-size:18px}html:where(:has(.site-page)) .hero-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}html:where(:has(.site-page)) .cta-note{text-wrap:balance;color:var(--ink-3);align-items:center;gap:6px;margin-top:14px;font-size:13px;display:flex}html:where(:has(.site-page)) .mock{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}html:where(:has(.site-page)) .mock-bar{border-bottom:1px solid var(--line);background:var(--card-2);align-items:center;gap:8px;padding:12px 16px;display:flex}html:where(:has(.site-page)) .mock-bar .dots{gap:6px;display:flex}html:where(:has(.site-page)) .mock-bar .dots i{background:var(--line-2);border-radius:50%;width:10px;height:10px}html:where(:has(.site-page)) .seg{background:var(--bg-alt);border-radius:9px;margin-left:12px;padding:3px;font-size:12px;display:flex}html:where(:has(.site-page)) .seg span{color:var(--ink-3);border-radius:7px;padding:4px 12px}html:where(:has(.site-page)) .seg span.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow);font-weight:600}html:where(:has(.site-page)) .mock-bar .credit{color:var(--ink-3);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}html:where(:has(.site-page)) .mock-body{padding:18px}html:where(:has(.site-page)) .prompt{background:var(--bg-alt);color:var(--ink-2);border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.6}html:where(:has(.site-page)) .prompt b{color:var(--ink);font-weight:600}html:where(:has(.site-page)) .prompt .quote{border-left:2px solid var(--line-2);color:var(--ink-3);margin-top:8px;padding-left:10px}html:where(:has(.site-page)) .duo{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}html:where(:has(.site-page)) .ans{border:1px solid var(--line);color:var(--ink-2);background:var(--card);border-radius:14px;padding:12px 14px;font-size:12.5px;line-height:1.7}html:where(:has(.site-page)) .ans.pick{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}html:where(:has(.site-page)) .ans-h{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}html:where(:has(.site-page)) .model-chip{color:var(--ink);background:var(--bg-alt);border-radius:7px;align-items:center;gap:6px;padding:3px 8px 3px 6px;font-size:12px;font-weight:600;display:inline-flex}html:where(:has(.site-page)) .model-chip i{border-radius:4px;width:14px;height:14px;display:block}html:where(:has(.site-page)) .ans-foot{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}html:where(:has(.site-page)) .tag{background:var(--bg-alt);color:var(--ink-3);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}html:where(:has(.site-page)) .tag.ok{background:var(--ok-soft);color:var(--ok)}html:where(:has(.site-page)) .tag.ac{background:var(--accent-soft);color:var(--accent-ink)}html:where(:has(.site-page)) .mock-note{color:var(--ink-3);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:11px;position:absolute;bottom:12px;right:14px}html:where(:has(.site-page)) .mock-actions{justify-content:space-between;align-items:center;margin-top:14px;padding-bottom:20px;display:flex}html:where(:has(.site-page)) .mock-input{border:1px solid var(--line);height:38px;color:var(--ink-3);border-radius:11px;flex:1;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;display:flex}html:where(:has(.site-page)) .send{background:var(--ink);width:30px;height:30px;color:var(--bg);border-radius:9px;place-items:center;margin-left:auto;display:grid}html:where(:has(.site-page)) section{scroll-margin-top:72px}html:where(:has(.site-page)) .sec{padding:96px 0}html:where(:has(.site-page)) .sec.alt{background:var(--bg-alt)}html:where(:has(.site-page)) .eyebrow{color:var(--accent-ink);letter-spacing:.08em;margin-bottom:12px;font-size:13px;font-weight:600}html:where(:has(.site-page)) h2{letter-spacing:-.015em;font-size:36px;font-weight:800;line-height:1.25}html:where(:has(.site-page)) .sec-sub{color:var(--ink-2);max-width:620px;margin-top:14px;font-size:16px}html:where(:has(.site-page)) .sec-head{margin-bottom:48px}html:where(:has(.site-page)) .sec-head.center{text-align:center}html:where(:has(.site-page)) .sec-head.center .sec-sub{margin-left:auto;margin-right:auto}html:where(:has(.site-page)) .pains{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}html:where(:has(.site-page)) .pain{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;padding:28px;display:flex}html:where(:has(.site-page)) .pain-ic{background:var(--bg-alt);width:44px;height:44px;color:var(--ink);border-radius:12px;place-items:center;margin-bottom:20px;display:grid}html:where(:has(.site-page)) .pain h3{margin-bottom:8px;font-size:19px;font-weight:700}html:where(:has(.site-page)) .pain .fix{border-top:1px dashed var(--line-2);color:var(--ink);gap:10px;margin-top:24px;padding-top:16px;font-size:14px;display:flex}html:where(:has(.site-page)) .pain .fix svg{color:var(--accent);margin-top:3px}html:where(:has(.site-page)) .pain .fix b{font-weight:600}html:where(:has(.site-page)) .demo{grid-template-columns:340px 1fr;align-items:start;gap:40px;display:grid}html:where(:has(.site-page)) .demo-side h3{margin-bottom:12px;font-size:22px;font-weight:700}html:where(:has(.site-page)) .demo-side p{color:var(--ink-2);font-size:14.5px}html:where(:has(.site-page)) .task{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);margin-top:24px;padding:16px;font-size:14px}html:where(:has(.site-page)) .task .lbl{color:var(--ink-3);margin-bottom:6px;font-size:12px;display:block}html:where(:has(.site-page)) .task .src{border-top:1px solid var(--line);color:var(--ink-2);margin-top:12px;padding-top:12px;font-size:13.5px}html:where(:has(.site-page)) .demo-tabs{display:none}html:where(:has(.site-page)) .demo-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}html:where(:has(.site-page)) .dcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:22px;transition:border-color .2s,box-shadow .2s;position:relative}html:where(:has(.site-page)) .dcard.pick{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow)}html:where(:has(.site-page)) .dcard .ans-h{margin-bottom:14px}html:where(:has(.site-page)) .dcard .body{color:var(--ink);font-size:14.5px;line-height:1.85}html:where(:has(.site-page)) .dcard .body p+p{margin-top:8px}html:where(:has(.site-page)) .dcard .body ul{margin:6px 0;list-style:none}html:where(:has(.site-page)) .dcard .body li{padding-left:14px;position:relative}html:where(:has(.site-page)) .dcard .body li:before{content:"";background:var(--ink-3);border-radius:50%;width:5px;height:5px;position:absolute;top:.8em;left:2px}html:where(:has(.site-page)) .dcard .meta{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;font-size:12.5px;display:flex}html:where(:has(.site-page)) .pick-btn{color:var(--ink-2);border:1px solid var(--line-2);border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}html:where(:has(.site-page)) .dcard.pick .pick-btn{background:var(--action);border-color:var(--action);color:var(--on-action)}html:where(:has(.site-page)) .concept{color:var(--ink-3);align-items:center;gap:6px;margin-top:16px;font-size:12.5px;display:flex}html:where(:has(.site-page)) .scenes{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}html:where(:has(.site-page)) .scene{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);padding:28px}html:where(:has(.site-page)) .scene .audience{color:var(--accent-ink);font-size:13px;font-weight:600}html:where(:has(.site-page)) .scene h3{margin:14px 0 8px;font-size:19px;font-weight:700}html:where(:has(.site-page)) .scene p{color:var(--ink-2);font-size:14.5px}html:where(:has(.site-page)) .fineprint{color:var(--ink-3);align-items:center;gap:6px;margin-top:20px;font-size:13px;display:flex}html:where(:has(.site-page)) .price-wrap{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}html:where(:has(.site-page)) .price-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:36px;position:relative}html:where(:has(.site-page)) .price-card .badge{background:var(--ink);color:var(--bg);border-radius:99px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:-13px;left:36px}html:where(:has(.site-page)) .price-card .pname{font-size:17px;font-weight:700}html:where(:has(.site-page)) .price{align-items:baseline;gap:6px;margin:14px 0 4px;display:flex}html:where(:has(.site-page)) .price .pre{color:var(--ink-3);font-size:14px;font-weight:500}html:where(:has(.site-page)) .price .amt{letter-spacing:-.02em;font-size:52px;font-weight:800;line-height:1}html:where(:has(.site-page)) .price .unit{color:var(--ink-2);font-size:16px}html:where(:has(.site-page)) .price-card .pdesc{color:var(--ink-3);font-size:13.5px}html:where(:has(.site-page)) .plist{gap:12px;margin:24px 0 28px;list-style:none;display:grid}html:where(:has(.site-page)) .plist li{color:var(--ink-2);gap:10px;font-size:14.5px;display:flex}html:where(:has(.site-page)) .plist svg{color:var(--ok);margin-top:3px}html:where(:has(.site-page)) .plist b{color:var(--ink);font-weight:600}html:where(:has(.site-page)) .price-card .btn{width:100%}html:where(:has(.site-page)) .join{background:var(--join-bg);color:var(--join-ink);border:1px solid var(--join-line);border-radius:32px;grid-template-columns:1fr 440px;align-items:center;gap:56px;padding:64px;display:grid;position:relative;overflow:hidden}html:where(:has(.site-page)) .join:before{content:"";pointer-events:none;background:radial-gradient(circle,#057cfc6b,#0000 65%);width:520px;height:520px;position:absolute;top:-200px;right:-160px}html:where(:has(.site-page)) .join h2{color:inherit}html:where(:has(.site-page)) .join .sec-sub{color:color-mix(in srgb,currentColor 72%,transparent)}html:where(:has(.site-page)) .join-perks{gap:14px;margin-top:28px;display:grid}html:where(:has(.site-page)) .join-perks div{color:color-mix(in srgb,currentColor 85%,transparent);gap:12px;font-size:15px;display:flex}html:where(:has(.site-page)) .join-perks svg{color:var(--accent);margin-top:3px}html:where(:has(.site-page)) .panel{background:var(--card);color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);z-index:1;min-height:360px;padding:28px;position:relative}html:where(:has(.site-page)) .panel h3{font-size:20px;font-weight:700}html:where(:has(.site-page)) .panel .ps{color:var(--ink-2);margin-top:6px;font-size:14px}html:where(:has(.site-page)) .field{margin-top:22px}html:where(:has(.site-page)) .field label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}html:where(:has(.site-page)) .input{border:1px solid var(--line-2);background:var(--card);border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}html:where(:has(.site-page)) .input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}html:where(:has(.site-page)) .input.bad{border-color:var(--err);box-shadow:0 0 0 4px var(--err-soft)}html:where(:has(.site-page)) .err{color:var(--err);align-items:center;gap:5px;min-height:18px;margin-top:6px;font-size:12.5px;display:flex}html:where(:has(.site-page)) .consent{color:var(--ink-2);cursor:pointer;gap:10px;margin-top:6px;font-size:13px;line-height:1.6;display:flex}html:where(:has(.site-page)) .consent input{opacity:0;pointer-events:none;position:absolute}html:where(:has(.site-page)) .box{border:1.5px solid var(--line-2);background:var(--card);border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:2px;transition:all .15s;display:grid}html:where(:has(.site-page)) .box svg{opacity:0;color:var(--on-action)}html:where(:has(.site-page)) .consent input:checked+.box{background:var(--accent);border-color:var(--accent)}html:where(:has(.site-page)) .consent input:checked+.box svg{opacity:1}html:where(:has(.site-page)) .consent input:focus-visible+.box{box-shadow:0 0 0 4px var(--accent-soft)}html:where(:has(.site-page)) .consent a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}html:where(:has(.site-page)) .panel .btn-primary{width:100%;margin-top:18px}html:where(:has(.site-page)) .panel .tiny{color:var(--ink-3);text-align:center;margin-top:12px;font-size:12px}html:where(:has(.site-page)) .state{animation:fade .35s var(--ease);display:none}html:where(:has(.site-page)) .state.on{display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}html:where(:has(.site-page)) .st-ic{border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:18px;display:grid}html:where(:has(.site-page)) .st-ic.mail{background:var(--accent-soft);color:var(--accent)}html:where(:has(.site-page)) .st-ic.ok{background:var(--ok-soft);color:var(--ok)}html:where(:has(.site-page)) .st-ic.mute{background:var(--bg-alt);color:var(--ink-3)}html:where(:has(.site-page)) .st-ic.err{background:var(--err-soft);color:var(--err)}html:where(:has(.site-page)) .mailbox{background:var(--bg-alt);color:var(--ink-2);border-radius:12px;margin-top:18px;padding:14px;font-size:13.5px}html:where(:has(.site-page)) .mailbox b{color:var(--ink);word-break:break-all}html:where(:has(.site-page)) .row-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}html:where(:has(.site-page)) .row-actions .btn{flex:1}html:where(:has(.site-page)) .hint{color:var(--ink-3);margin-top:14px;font-size:12.5px;line-height:1.7}html:where(:has(.site-page)) .queue{border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr 1fr;margin-top:20px;display:grid;overflow:hidden}html:where(:has(.site-page)) .queue>div{border-right:1px solid var(--line);padding:14px 12px}html:where(:has(.site-page)) .queue>div:last-child{border-right:0}html:where(:has(.site-page)) .queue .k{color:var(--ink-3);font-size:12px}html:where(:has(.site-page)) .queue .v{letter-spacing:-.01em;margin-top:2px;font-size:22px;font-weight:800}html:where(:has(.site-page)) .queue .v.ac{color:var(--accent)}html:where(:has(.site-page)) .share{margin-top:16px}html:where(:has(.site-page)) .share .k{margin-bottom:8px;font-size:13px;font-weight:600}html:where(:has(.site-page)) .share-row{gap:8px;display:flex}html:where(:has(.site-page)) .share-row .input{height:40px;font-size:13px;font-family:var(--mono);color:var(--ink-2);background:var(--bg-alt);border-color:#0000}html:where(:has(.site-page)) .share-row .btn{height:40px}html:where(:has(.site-page)) .share .note{color:var(--ink-3);margin-top:8px;font-size:12px}html:where(:has(.site-page)) .survey{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}html:where(:has(.site-page)) .survey summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;list-style:none;display:flex}html:where(:has(.site-page)) .survey summary::-webkit-details-marker{display:none}html:where(:has(.site-page)) .survey summary .opt{color:var(--ink-3);margin-left:6px;font-size:12.5px;font-weight:400}html:where(:has(.site-page)) .survey summary svg{color:var(--ink-3);transition:transform .2s}html:where(:has(.site-page)) .survey[open] summary svg{transform:rotate(180deg)}html:where(:has(.site-page)) .q{margin-top:16px}html:where(:has(.site-page)) .q .ql{color:var(--ink-2);margin-bottom:8px;font-size:13px}html:where(:has(.site-page)) .chips{flex-wrap:wrap;gap:8px;display:flex}html:where(:has(.site-page)) .chip{border:1px solid var(--line-2);height:32px;color:var(--ink-2);background:var(--card);border-radius:9px;padding:0 12px;font-size:13px;transition:all .15s}html:where(:has(.site-page)) .chip:hover{border-color:var(--ink-3)}html:where(:has(.site-page)) .chip.on{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft);font-weight:600}html:where(:has(.site-page)) .survey .btn{width:100%;margin-top:18px}html:where(:has(.site-page)) .thanks{color:var(--ok);align-items:center;gap:6px;margin-top:12px;font-size:13px;display:none}html:where(:has(.site-page)) .leave{color:var(--ink-3);text-underline-offset:2px;margin:18px auto 0;font-size:12.5px;text-decoration:underline;display:block}html:where(:has(.site-page)) .leave:hover{color:var(--ink-2)}html:where(:has(.site-page)) .status-line{color:var(--ink-2);background:var(--bg-alt);border-radius:10px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-size:13px;display:flex}html:where(:has(.site-page)) .faq{max-width:820px;margin:0 auto}html:where(:has(.site-page)) .faq details{border-bottom:1px solid var(--line)}html:where(:has(.site-page)) .faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:17px;font-weight:600;list-style:none;display:flex}html:where(:has(.site-page)) .faq summary::-webkit-details-marker{display:none}html:where(:has(.site-page)) .faq summary .pm{border:1px solid var(--line-2);width:28px;height:28px;color:var(--ink-2);border-radius:8px;flex-shrink:0;place-items:center;transition:transform .2s;display:grid}html:where(:has(.site-page)) .faq details[open] .pm{transform:rotate(45deg)}html:where(:has(.site-page)) .faq .a{color:var(--ink-2);padding:0 44px 22px 0;font-size:15px}html:where(:has(.site-page)) .final{text-align:center;padding:96px 0}html:where(:has(.site-page)) .final h2{font-size:40px}html:where(:has(.site-page)) .final .btn{margin-top:28px}html:where(:has(.site-page)) footer{border-top:1px solid var(--line);color:var(--ink-3);padding:40px 0;font-size:13px}html:where(:has(.site-page)) .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}html:where(:has(.site-page)) .foot-links{flex-wrap:wrap;gap:24px;display:flex}html:where(:has(.site-page)) .foot-links a:hover{color:var(--ink)}html:where(:has(.site-page)) .toast{background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;transition:all .25s var(--ease);z-index:100;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px)}html:where(:has(.site-page)) .toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){html:where(:has(.site-page)) .reveal{opacity:1;transition:none;transform:none}html:where(:has(.site-page)){scroll-behavior:auto}}html:where(:has(.site-page)) .nav{transition:border-color .2s,background .2s}html:where(:has(.site-page)) .nav-in{transition:height .3s var(--ease)}html:where(:has(.site-page)) .nav.scrolled .nav-in{height:56px}html:where(:has(.site-page)) .nav-progress{transform-origin:0;width:100%;height:2px;transform:scaleX(var(--sp,0));background:var(--accent);opacity:.85;position:absolute;bottom:-1px;left:0}html:where(:has(.site-page)) .nav-links a{transition:color .2s;position:relative}html:where(:has(.site-page)) .nav-links a:after{content:"";background:var(--accent);width:16px;height:2px;transition:transform .3s var(--ease);border-radius:1px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)scaleX(0)}html:where(:has(.site-page)) .nav-links a.on{color:var(--ink)}html:where(:has(.site-page)) .nav-links a.on:after{transform:translate(-50%)scaleX(1)}html:where(:has(.site-page)) .btn-primary{isolation:isolate;position:relative;overflow:hidden}html:where(:has(.site-page)) .btn-primary:after{content:"";transition:transform .7s var(--ease);z-index:-1;background:linear-gradient(110deg,#0000 30%,#ffffff47 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}html:where(:has(.site-page)) .btn-primary:hover:after{transform:translate(120%)}html:where(:has(.site-page)) .btn .arr{transition:transform .3s var(--ease)}html:where(:has(.site-page)) .btn:hover .arr{transform:translate(4px)}html:where(:has(.site-page)) .btn-outline{transition:border-color .2s,transform .15s var(--ease),background .2s}html:where(:has(.site-page)) .btn-outline:hover{background:var(--card-2)}html:where(:has(.site-page)) a:focus-visible,html:where(:has(.site-page)) button:focus-visible,html:where(:has(.site-page)) summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}html:where(:has(.site-page)) .pain,html:where(:has(.site-page)) .scene,html:where(:has(.site-page)) .price-card{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s}@media (hover:hover){html:where(:has(.site-page)) .pain:hover,html:where(:has(.site-page)) .scene:hover{box-shadow:var(--shadow);border-color:var(--line-2);transform:translateY(-4px)}html:where(:has(.site-page)) .pain:hover .pain-ic{background:var(--accent-soft);color:var(--accent)}html:where(:has(.site-page)) .pain:hover .fix svg{transform:translate(3px)}}html:where(:has(.site-page)) .pain-ic{transition:background .3s,color .3s}html:where(:has(.site-page)) .pain .fix svg{transition:transform .3s var(--ease)}html:where(:has(.site-page)) .hero{overflow:hidden}html:where(:has(.site-page)) .hero:before{content:"";pointer-events:none;background:radial-gradient(520px circle at var(--mx,70%) var(--my,30%),var(--accent-soft),transparent 60%);opacity:var(--glow,0);transition:opacity .6s;position:absolute;inset:0}html:where(:has(.site-page)) .hero-grid{position:relative}html:where(:has(.site-page)) .mock{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease);will-change:transform}html:where(:has(.site-page)) .ans{flex-direction:column;min-height:172px;transition:border-color .4s,box-shadow .4s;display:flex}html:where(:has(.site-page)) .ans-text{flex:1}html:where(:has(.site-page)) .ans-foot{transition:opacity .35s}html:where(:has(.site-page)) .ans-foot.hide{opacity:0}html:where(:has(.site-page)) .caret{background:var(--accent);vertical-align:-2px;width:2px;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}html:where(:has(.site-page)) .tag.gen{background:var(--bg-alt);color:var(--ink-3)}html:where(:has(.site-page)) .tag.gen:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1s infinite pulseDot}@keyframes pulseDot{50%{opacity:.25}}html:where(:has(.site-page)) .tag.pop{animation:pop .45s var(--ease)}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}html:where(:has(.site-page)) .prompt{transition:opacity .4s var(--ease),transform .4s var(--ease)}html:where(:has(.site-page)) .prompt.hide{opacity:0;transform:translateY(8px)}html:where(:has(.site-page)) .h-input.typing{color:var(--ink)}html:where(:has(.site-page)) .send{transition:transform .2s var(--ease),background .2s}html:where(:has(.site-page)) .send.press{background:var(--accent);transform:scale(.85)}html:where(:has(.site-page)) #hCredit{transition:color .3s;display:inline-block}html:where(:has(.site-page)) #hCredit.tick{color:var(--accent)!important}html:where(:has(.site-page)) .skel{background:linear-gradient(90deg,var(--bg-alt),var(--line),var(--bg-alt));background-size:200% 100%;border-radius:5px;height:9px;margin:8px 0;animation:1.2s infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}html:where(:has(.site-page)) .story{height:260vh;position:relative}html:where(:has(.site-page)) .story-sticky{top:calc(56px + env(safe-area-inset-top,0px));align-items:center;height:calc(100svh - 56px);display:flex;position:sticky;overflow:hidden}html:where(:has(.site-page)) .story-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;width:100%;display:grid}html:where(:has(.site-page)) .story-hs{display:grid}html:where(:has(.site-page)) .story-h{transition:opacity .5s var(--ease),transform .5s var(--ease);grid-area:1/1}html:where(:has(.site-page)) .story-h:not(.on){opacity:0;pointer-events:none;transform:translateY(12px)}html:where(:has(.site-page)) .meter{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:32px;display:grid}html:where(:has(.site-page)) .meter>div{flex-wrap:wrap;align-items:baseline;gap:2px 4px;padding:16px 0;display:flex}html:where(:has(.site-page)) .meter>div+div{border-left:1px solid var(--line);padding-left:20px}html:where(:has(.site-page)) .meter .k{width:100%;color:var(--ink-3);font-size:12.5px}html:where(:has(.site-page)) .meter .v{letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:1.1;transition:color .4s}html:where(:has(.site-page)) .meter .u{color:var(--ink-3);font-size:14px}html:where(:has(.site-page)) .meter.done .v{color:var(--accent)}html:where(:has(.site-page)) .story-track{background:var(--line);border-radius:2px;max-width:240px;height:2px;margin-top:28px;overflow:hidden}html:where(:has(.site-page)) .story-track i{background:var(--ink);transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}html:where(:has(.site-page)) .story-hint{color:var(--ink-3);align-items:center;gap:6px;margin-top:10px;font-size:12.5px;transition:opacity .3s;display:flex}html:where(:has(.site-page)) .story-hint svg{animation:1.6s infinite nudge}@keyframes nudge{50%{transform:translateY(3px)}}html:where(:has(.site-page)) .stage{height:460px;position:relative}html:where(:has(.site-page)) .pcard,html:where(:has(.site-page)) .xcard{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);will-change:transform,opacity;border-radius:16px;position:absolute;top:50%;left:50%}html:where(:has(.site-page)) .pcard{width:210px;margin:-58px 0 0 -105px;padding:14px;font-size:12.5px}html:where(:has(.site-page)) .pc-h{align-items:center;gap:8px;margin-bottom:10px;display:flex}html:where(:has(.site-page)) .pc-h .mk{border-radius:5px;width:16px;height:16px}html:where(:has(.site-page)) .pc-h b{font-size:13.5px}html:where(:has(.site-page)) .pc-h .tag{margin-left:auto}html:where(:has(.site-page)) .pc-l{color:var(--ink-3);justify-content:space-between;font-size:12px;display:flex}html:where(:has(.site-page)) .pc-bar{background:var(--bg-alt);border-radius:3px;height:5px;margin:6px 0 10px;overflow:hidden}html:where(:has(.site-page)) .pc-bar i{border-radius:3px;height:100%;display:block}html:where(:has(.site-page)) .pc-f{color:var(--ink-3);font-size:11.5px}html:where(:has(.site-page)) .xcard{width:300px;box-shadow:var(--shadow-lg);border-color:var(--accent-line);margin:-110px 0 0 -150px;padding:20px}html:where(:has(.site-page)) .xc-h{align-items:center;gap:10px;margin-bottom:16px;display:flex}html:where(:has(.site-page)) .xc-h b{font-size:17px}html:where(:has(.site-page)) .xc-h .tag{margin-left:auto}html:where(:has(.site-page)) .xc-models{flex-wrap:wrap;gap:6px;margin:4px 0 16px;display:flex}html:where(:has(.site-page)) .xc-models span{background:var(--bg-alt);color:var(--ink-2);border-radius:7px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;display:inline-flex}html:where(:has(.site-page)) .xc-models i{border-radius:3px;width:8px;height:8px}html:where(:has(.site-page)) .xc-f{color:var(--ink-3);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:12px;font-size:12.5px;display:flex}html:where(:has(.site-page)) .xc-f b{color:var(--ink);font-size:14px}html:where(:has(.site-page)) .faq details[open] .a{animation:fade .35s var(--ease)}html:where(:has(.site-page)) .faq summary:hover .pm{border-color:var(--ink-3);color:var(--ink)}@media (max-width:1080px){html:where(:has(.site-page)) .story-grid{grid-template-columns:1fr;gap:8px}html:where(:has(.site-page)) .story{height:240vh}html:where(:has(.site-page)) .stage{height:380px}html:where(:has(.site-page)) .story-sticky{align-items:flex-start;padding-top:24px}}@media (max-width:760px){html:where(:has(.site-page)) .story-sticky{padding-top:16px}html:where(:has(.site-page)) .story-copy .sec-sub{display:none}html:where(:has(.site-page)) .meter{margin-top:16px}html:where(:has(.site-page)) .meter .v{font-size:30px}html:where(:has(.site-page)) .meter>div+div{padding-left:12px}html:where(:has(.site-page)) .story-track{margin-top:16px}html:where(:has(.site-page)) .stage{height:340px}html:where(:has(.site-page)) .ans{min-height:150px}}@media (prefers-reduced-motion:reduce){html:where(:has(.site-page)) .story{height:auto}html:where(:has(.site-page)) .story-sticky{height:auto;padding:64px 0;position:static}html:where(:has(.site-page)) .mock{transform:none!important}html:where(:has(.site-page)) .btn-primary:after,html:where(:has(.site-page)) .caret,html:where(:has(.site-page)) .story-hint svg{display:none}html:where(:has(.site-page)) *,html:where(:has(.site-page)) :before,html:where(:has(.site-page)) :after{transition:none!important;animation:none!important}}@media (max-width:1080px){html:where(:has(.site-page)) .hero-grid,html:where(:has(.site-page)) .price-wrap{grid-template-columns:1fr}html:where(:has(.site-page)) .join{grid-template-columns:1fr;padding:48px}html:where(:has(.site-page)) .demo{grid-template-columns:1fr}html:where(:has(.site-page)) h1{font-size:46px}}@media (max-width:760px){html:where(:has(.site-page)) .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}html:where(:has(.site-page)) .nav-links{display:none}html:where(:has(.site-page)) .nav-in{gap:12px}html:where(:has(.site-page)) .nav .btn{border-radius:10px;height:36px;padding:0 14px;font-size:14px}html:where(:has(.site-page)) .hero{padding:36px 0 56px}html:where(:has(.site-page)) h1{margin:16px 0 14px;font-size:34px}html:where(:has(.site-page)) .lead{font-size:16px}html:where(:has(.site-page)) .hero-cta .btn{width:100%}html:where(:has(.site-page)) .sec{padding:64px 0}html:where(:has(.site-page)) h2{font-size:27px}html:where(:has(.site-page)) .sec-head{margin-bottom:32px}html:where(:has(.site-page)) .pains,html:where(:has(.site-page)) .scenes{grid-template-columns:1fr}html:where(:has(.site-page)) .duo .ans:nth-child(2){display:none}html:where(:has(.site-page)) .duo{grid-template-columns:1fr}html:where(:has(.site-page)) .mock-bar .credit{display:none}html:where(:has(.site-page)) .demo-tabs{background:var(--bg-alt);border-radius:12px;margin-bottom:12px;padding:4px;display:flex}html:where(:has(.site-page)) .demo-tabs button{height:36px;color:var(--ink-3);border-radius:9px;flex:1;font-size:14px;font-weight:500}html:where(:has(.site-page)) .demo-tabs button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow);font-weight:600}html:where(:has(.site-page)) .demo-cols{grid-template-columns:1fr}html:where(:has(.site-page)) .demo-cols .dcard{display:none}html:where(:has(.site-page)) .demo-cols .dcard.show{display:block}html:where(:has(.site-page)) .join{border-radius:24px;margin:0 -4px;padding:32px 20px}html:where(:has(.site-page)) .panel{padding:22px 18px}html:where(:has(.site-page)) .price-card{padding:28px 22px}html:where(:has(.site-page)) .price .amt{font-size:44px}html:where(:has(.site-page)) .final{padding:64px 0}html:where(:has(.site-page)) .final h2{font-size:28px}html:where(:has(.site-page)) .faq summary{font-size:16px}html:where(:has(.site-page)) .faq .a{padding-right:0}html:where(:has(.site-page)) .queue .v{font-size:19px}}html:where(:has(.site-page)) [hidden]{display:none!important}html:where(:has(.site-page)) .hero-grid>*,html:where(:has(.site-page)) .join>*,html:where(:has(.site-page)) .price-wrap>*,html:where(:has(.site-page)) .demo>*,html:where(:has(.site-page)) .share-row .input{min-width:0}html:where(:has(.site-page)) .share-row .input{flex:1}html:where(:has(.site-page)) button:disabled{cursor:wait;opacity:.65}html:where(:has(.site-page)) dialog:is(.challenge,.leave-dialog){background:var(--card);width:min(380px,100% - 32px);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);margin:auto;padding:28px}html:where(:has(.site-page)) :is(.challenge,.leave-dialog)::backdrop{background:#0a0f1873}html:where(:has(.site-page)) dialog.leave-dialog{border-radius:var(--r-xl);width:min(404px,100% - 32px);padding:clamp(22px,5vw,32px)}html:where(:has(.site-page)) .leave-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}html:where(:has(.site-page)):has(.leave-dialog[open]){overflow:hidden}html:where(:has(.site-page)) .leave-dialog h3{letter-spacing:-.02em;font-size:24px;line-height:1.3}html:where(:has(.site-page)) #leaveDescription{color:var(--ink-2);margin-top:10px;font-size:14px;line-height:1.85}html:where(:has(.site-page)) #leaveDescription strong{color:var(--accent-ink);white-space:nowrap}html:where(:has(.site-page)) .leave-dialog .row-actions{gap:10px;margin-top:26px}html:where(:has(.site-page)) .leave-dialog .btn{padding-inline:12px}html:where(:has(.site-page)) .leave-dialog .btn-primary{background:var(--accent-ink);color:var(--card)}html:where(:has(.site-page)) .leave-dialog .btn-primary:hover{background:color-mix(in srgb,var(--accent-ink) 90%,var(--ink))}html:where(:has(.site-page)) .challenge h3{margin-bottom:16px;font-size:21px}html:where(:has(.site-page)) .challenge .row-actions{justify-content:flex-end}html:where(:has(.site-page)) .toast{width:max-content;max-width:calc(100% - 32px)}html:where(:has(.site-page)) .issue{color:var(--err);margin-top:12px;font-size:13px}html:where(:has(.site-page)) .challenge-image{justify-content:space-between;align-items:center;min-height:58px;margin-bottom:12px;display:flex}html:where(:has(.site-page)) .challenge-image img{max-width:62%;height:54px}html:where(:has(.site-page)) .mock.paused *,html:where(:has(.site-page)) .mock.paused :before,html:where(:has(.site-page)) .mock.paused :after{animation-play-state:paused!important}html:where(:has(.site-page)) .challenge-audio{margin:-6px 0 8px}html:where(:has(.site-page)) .challenge-audio .btn{color:var(--accent-ink);padding-left:0}
.W0es7a_pile{isolation:isolate;position:relative}.W0es7a_pile[data-interactive=true]{padding-bottom:48px}.W0es7a_frame{position:relative}.W0es7a_pile[data-interactive=true] .W0es7a_frame{height:var(--grid-height);overflow-clip-margin:20px;transition:height .6s var(--ease);overflow:clip}.W0es7a_pile[data-interactive=true][data-open=false] .W0es7a_frame{height:var(--pile-height)}.W0es7a_grid{isolation:isolate;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;display:grid;position:relative}.W0es7a_card{color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:14px;padding:16px;display:flex}.W0es7a_pile[data-interactive=true] .W0es7a_card{transition:transform .65s var(--ease), box-shadow .35s var(--ease)}.W0es7a_pile[data-interactive=true][data-open=false] .W0es7a_card{transform:var(--pile-transform);box-shadow:var(--shadow)}.W0es7a_pile[data-interactive=true][data-open=false] .W0es7a_card:nth-child(-n+3){box-shadow:var(--shadow-lg)}.W0es7a_identity{align-items:center;gap:12px;font-size:15px;line-height:1.3;display:flex}.W0es7a_mark{flex:none;width:40px;height:40px}img.W0es7a_mark{object-fit:contain;padding:4px}img.W0es7a_mark[src="/brand/models/doubao.png"]{object-fit:cover;object-position:left center}.W0es7a_themePair{flex:none;display:inline-flex}.W0es7a_themePair img:last-child{display:none}html[data-theme=dark] .W0es7a_themePair img:first-child{display:none}html[data-theme=dark] .W0es7a_themePair img:last-child{display:block}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .W0es7a_themePair img:first-child{display:none}html:not([data-theme=light]) .W0es7a_themePair img:last-child{display:block}}span.W0es7a_mark{background:var(--bg-alt);border:1px solid var(--line);border-radius:11px;place-items:center;font-weight:700;display:grid}.W0es7a_maker{color:var(--ink-3);margin-top:2px;font-size:12.5px}.W0es7a_pile .W0es7a_toggle{z-index:1;border-radius:var(--r-lg);justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:absolute;inset:0}.W0es7a_toggle:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.W0es7a_hint{background:var(--card);min-height:32px;color:var(--ink-2);border:1px solid var(--line);border-radius:99px;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.W0es7a_hint svg{margin-right:6px}.W0es7a_hoverHint{display:none}@media (hover:hover) and (pointer:fine){.W0es7a_tapHint{display:none}.W0es7a_hoverHint{display:inline}.W0es7a_pile[data-open=true] .W0es7a_toggle:not(:focus-visible) .W0es7a_hint{opacity:0}}@media (max-width:1080px){.W0es7a_grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.W0es7a_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.W0es7a_identity{gap:8px}.W0es7a_card{padding:14px}}