.live-art{display:flex;align-items:center;justify-content:center;padding:clamp(32px,4vw,56px) 24px;background:radial-gradient(70% 90% at 50% 100%,rgba(242,213,138,.16),transparent 70%),var(--g)}.live-art{flex-direction:column;gap:18px;padding:28px 24px}.maker-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone{width:250px;border-radius:34px;padding:8px;background:#050f0c;box-shadow:0 30px 70px #00000073,inset 0 0 0 1px #ffffff14}.phone-in{position:relative;border-radius:27px;background:#fff;color:var(--g);padding:34px 16px 14px;min-height:440px;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.phone-in:before{content:"";position:absolute;top:9px;left:50%;width:76px;height:20px;margin-left:-38px;border-radius:99px;background:#000}.cob{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.cob-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--g);color:var(--gold);font:600 12px/1 var(--disp);flex:none;transition:transform .5s var(--spring)}.cob-logo.pop{transform:scale(1.15) rotate(-5deg)}.cob b{display:block;font:500 13px/1.15 var(--disp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.cob small{display:block;margin-top:3px;font-size:10.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.ph-h{margin:16px 0 0;font:500 19px/1.1 var(--disp);letter-spacing:-.02em}.ph-sub{margin:8px 0 0;font-size:12px;line-height:1.4;color:var(--dim)}.ph-steps{display:flex;gap:4px;margin-top:12px}.ph-steps i{flex:1;height:3px;border-radius:3px;background:var(--line);position:relative;overflow:hidden}.ph-steps i:after{content:"";position:absolute;inset:0;background:var(--emink);transform-origin:0 50%;transform:scaleX(0);animation:stepfill 7s var(--ease) infinite}.ph-steps i:nth-child(2):after{animation-delay:1.1s}.ph-steps i:nth-child(3):after{animation-delay:2.2s}@keyframes stepfill{0%{transform:scaleX(0)}14%,88%{transform:scaleX(1)}to{transform:scaleX(1);opacity:0}}.ph-f{margin-top:10px;padding:8px 10px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--line);font-size:10.5px;color:var(--faint)}.ph-f b{display:block;margin-top:2px;font:500 14px/1.2 var(--body);color:var(--g)}.ph-cta{margin-top:auto;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--g);color:#fff;font:500 13px/1 var(--body)}.ph-help{margin-top:8px;text-align:center;font-size:10.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-help b{color:var(--g);font-weight:500}.ph-powered{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:var(--faint)}.ph-powered .pw-mark svg{width:18px;height:13px;display:block}.maker{width:100%;max-width:380px;box-sizing:border-box;padding:16px;border-radius:18px;background:#fff;color:var(--g);box-shadow:0 24px 60px #0000004d}.maker-t{display:flex;justify-content:space-between;font:600 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--emink)}.maker-t span{color:var(--faint);letter-spacing:.02em;text-transform:none;font-weight:500}.maker label{display:block;margin-top:12px;font-size:12px;color:var(--faint)}.maker input{display:block;box-sizing:border-box;width:100%;margin-top:5px;height:40px;padding:0 12px;border-radius:10px;border:1.5px solid var(--line);font:500 14px/1 var(--body);color:var(--g);outline:none;transition:border-color .2s,box-shadow .2s}.maker input:focus{border-color:var(--emink);box-shadow:0 0 0 4px #6adab233}.how{min-height:100%;display:flex;flex-direction:column}.how .n{font:500 12px/1 var(--mono);color:var(--goldink)}.how h3{margin-top:12px}.how p{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--dim)}.how-vis{margin-top:24px;flex:1;min-height:170px;border-radius:var(--r-sm);background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:18px;position:relative;overflow:hidden}.gen{width:100%}.gen-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--panel);font:500 12.5px/1 var(--mono);color:var(--g)}.gen-bar svg{color:var(--emink);width:16px;height:16px;flex:none}.gen-txt{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gen-txt span{display:inline-block;clip-path:inset(0 100% 0 0)}.how-card.in .gen-txt span{animation:type 1.4s steps(20) .4s forwards}@keyframes type{to{clip-path:inset(0 0 0 0)}}.gen-copy{flex:none;padding:7px 10px;border-radius:8px;background:var(--g);color:#fff;font:500 12px/1 var(--body)}.how-card.in .gen-copy{animation:copied .01s 2s forwards}@keyframes copied{to{background:var(--em);color:var(--g)}}.gen-toast{margin:14px auto 0;width:max-content;padding:8px 14px;border-radius:99px;background:var(--gold);font:500 13px/1 var(--body);opacity:0;transform:translateY(8px)}.how-card.in .gen-toast{animation:popin .6s var(--spring) 2.1s forwards}@keyframes popin{to{opacity:1;transform:none}}.bc{width:100%;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.bc-top{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.bc-top .cob-logo{transform:translateY(-40px) rotate(-18deg);opacity:0}.how-card.in .bc-top .cob-logo{animation:drop .9s var(--spring) .4s forwards}@keyframes drop{to{transform:none;opacity:1}}.bc-top b{display:block;font:500 14px/1.1 var(--disp)}.bc-top small{font-size:11.5px;color:var(--faint)}.bc-lines{padding:12px;display:grid;gap:7px}.bc-lines i{height:7px;border-radius:5px;background:var(--line)}.bc-lines i:nth-child(2){width:70%}.bc-contact{display:flex;gap:6px;padding:0 12px 12px}.bc-contact span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:99px;background:var(--panel);font-size:11.5px;opacity:0;transform:translateY(6px)}.how-card.in .bc-contact span{animation:popin .6s var(--spring) forwards}.how-card.in .bc-contact span:nth-child(1){animation-delay:1.1s}.how-card.in .bc-contact span:nth-child(2){animation-delay:1.3s}.spread{position:relative;width:100%;height:150px}.hub{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:14px;display:grid;place-items:center;background:var(--gold);color:var(--g);box-shadow:0 0 0 8px #f2d58a33}.dest{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:11px;background:var(--panel);font:500 12px/1 var(--body);white-space:nowrap;transform:translate(-50%,-50%) scale(.4);opacity:0}.dest i{color:var(--emink);display:grid}.how-card.in .dest{animation:fly .8s var(--spring) forwards}.dest:nth-of-type(2){--to: translate(-118%, -150%)}.dest:nth-of-type(3){--to: translate(20%, -150%);animation-delay:.12s!important}.dest:nth-of-type(4){--to: translate(-120%, 55%);animation-delay:.24s!important}.dest:nth-of-type(5){--to: translate(22%, 55%);animation-delay:.36s!important}@keyframes fly{to{transform:var(--to);opacity:1}}.see>*,.fit>*,.faq>*{min-width:0}.see{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,72px);align-items:center}.see-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}.see-list li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15.5px;line-height:1.45;color:var(--dim)}.see-list li b{color:var(--g);font-weight:500}.see-list li i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#6adab238;color:var(--emink)}.board{border-radius:var(--r-sm);background:#fff;padding:var(--pad-md);box-shadow:0 30px 80px #0c2d2514,inset 0 0 0 1px var(--line);font-size:14px}.board-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.board-top b{font:500 18px/1 var(--disp)}.board-top span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--faint)}.dot{width:7px;height:7px;border-radius:50%;background:var(--em);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.6);opacity:.45}}.stages,.jrow{display:grid;grid-template-columns:5em 1fr 10.5em;gap:12px;align-items:center}.stages{padding:12px 0 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.stages div,.pips{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.jrow{padding:12px 0;border-top:1px solid var(--line)}.jrow b{display:block;font-weight:500}.jrow small{color:var(--faint);font-size:12px}.pips i{height:8px;border-radius:8px;background:var(--line);position:relative;overflow:hidden}.pips i:after{content:"";position:absolute;inset:0;background:var(--g);transform-origin:0 50%;transform:scaleX(0);transition:transform .5s var(--ease);transition-delay:calc(var(--k) * .12s + var(--r) * .2s + .2s)}.board.in .pips i.on:after{transform:scaleX(1)}.jrow.flag .pips i.on:after{background:var(--gold2)}.jrow.live .pips i.on:last-of-type:after{animation:pulse 1.4s ease-in-out infinite}.jnote{text-align:right;font-size:13px;color:var(--dim)}.jrow.flag{margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:12px;background:linear-gradient(90deg,#f2d58a38,#f2d58a0a)}.jrow.flag .jnote{color:var(--g);font-weight:500}.call{display:inline-flex;margin-left:6px;padding:4px 9px;border-radius:99px;background:var(--g);color:var(--gold);font-size:11.5px}.demo-note{margin-top:10px;font-size:12px;color:var(--faint);text-align:right}.warm{margin-top:28px;font:500 clamp(19px,1.6vw,24px)/1.3 var(--disp);letter-spacing:-.015em}.warm em{font-style:normal;color:var(--goldink)}.sync{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin-top:44px}.fn{border-radius:var(--r-sm);padding:var(--pad-md);background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1a}.fn.yours{background:var(--gold);color:var(--g);box-shadow:none}.fn-t{font:600 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--em)}.fn.yours .fn-t{color:var(--goldink)}.fn h3{margin-top:10px}.log{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}.log li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:11px 13px;border-radius:12px;font-size:14px;background:#ffffff0f;color:#ffffffd9;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .6s var(--spring)}.fn.yours .log li{background:#ffffff8c;color:var(--g)}.log li.on{opacity:1;transform:none}.log li span{font:500 11px/1 var(--mono);padding:5px 7px;border-radius:6px;background:#6adab229;color:var(--em)}.fn.yours .log li span{background:var(--g);color:var(--gold)}.pipe{position:relative;width:64px}.pipe:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 8px,transparent 8px 14px)}.pipe i{position:absolute;top:50%;left:0;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px #f2d58ae6;opacity:0}.pipe i.go{animation:travel .7s var(--ease) forwards}@keyframes travel{0%{left:0;opacity:1}to{left:calc(100% - 12px);opacity:1}}.sync-note{margin-top:12px;font-size:12.5px;color:#ffffff73}.points{margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}.points b{display:block;font:500 20px/1.2 var(--disp);color:#fff}.points span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:#ffffffa6}.fit{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(20px,3vw,48px);align-items:stretch}.fit-photo{position:relative;border-radius:var(--r-sm);overflow:hidden;min-height:440px}.fit-photo img{object-position:42% 40%}.fit-rows{margin-top:28px;border-top:1px solid var(--line)}.fit-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.fit-row b{display:block;font:500 18px/1.25 var(--disp)}.fit-row p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:var(--dim)}.fit-move{align-self:center;font:500 16px/1.35 var(--disp);color:var(--g)}.fit-move:before{content:"→ ";color:var(--goldink)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,72px);align-items:start}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font:500 18px/1.3 var(--disp)}.faq summary::-webkit-details-marker{display:none}.faq summary i{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--panel);transition:background .3s}.faq summary i:before,.faq summary i:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;background:var(--g);transition:transform .35s var(--ease)}.faq summary i:after{transform:rotate(90deg)}.faq details[open] summary i{background:var(--gold)}.faq details[open] summary i:after{transform:rotate(0)}.faq details p{margin:0 0 20px;max-width:40em;font-size:16px;line-height:1.6;color:var(--dim)}.fin-steps{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.fin-steps:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--line)}.fin-steps:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--g);transform-origin:0 50%;transform:scaleX(0);transition:transform 1.6s var(--ease) .3s}.fin.in .fin-steps:after{transform:scaleX(1)}.fin-steps li{padding-top:18px}.fin-steps b{display:block;font:500 12px/1 var(--mono);color:var(--goldink)}.fin-steps strong{display:block;margin-top:8px;font:500 18px/1.2 var(--disp)}.fin-steps span{display:block;margin-top:4px;font-size:14px;color:var(--dim)}.fin .hero-copy{background:var(--panel2)}.fin .hero-art img{object-position:50% 45%}.fin .chip-a{left:5%;top:6%}.fin .chip-a i{background:var(--gold);color:var(--g)}.open-dot{width:8px;height:8px;border-radius:50%;background:var(--emink);animation:pulse 1.4s ease-in-out infinite}@media(max-width:1080px){.see,.fit,.faq,.sync{grid-template-columns:1fr}.pipe{display:none}.fit-photo{min-height:300px}}@media(max-width:720px){.stages,.jrow{grid-template-columns:3.6em 1fr}.stages{display:none}.jnote{grid-column:1 / -1;text-align:left}.fit-row{grid-template-columns:1fr;gap:8px}.fin-steps{grid-template-columns:1fr;gap:0}.fin-steps:before,.fin-steps:after{display:none}.fin-steps li{padding:14px 0 0;margin-top:12px;border-top:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){.ph-steps i:after,.dot,.open-dot{animation:none}.gen-txt span,.bc-top .cob-logo,.bc-contact span,.dest,.gen-toast{animation:none!important;clip-path:none;opacity:1;transform:var(--to, none)}.log li{opacity:1;transform:none;transition:none}.fin-steps:after{transition:none}}