.h3{position:relative;overflow:hidden}.spot3{position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,70%) var(--my,40%),rgba(255,210,122,.16),transparent 60%);z-index:1}
.hart-wrap{position:relative}.bubs{position:absolute;inset:0;pointer-events:none}
.bub{position:absolute;background:#fff;color:#16202c;border-radius:16px 16px 16px 4px;padding:.55em .8em;font-size:.82rem;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:14em;line-height:1.25;opacity:0;animation:bubIn .6s ease forwards,bob 4s ease-in-out infinite}
.bub b{display:block;color:#a8832c}.b1{top:4%;left:-2%;animation-delay:.6s,1.2s}.b2{top:38%;right:-3%;animation-delay:1.4s,2s;border-radius:16px 16px 4px 16px}.b3{bottom:10%;left:12%;animation-delay:2.2s,2.8s}
@keyframes bubIn{from{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:none}}@keyframes bob{50%{translate:0 -8px}}
.stats3{background:#16202c;color:#fff;padding:1.2rem 0 2.4rem}.sgrid3{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:760px){.sgrid3{grid-template-columns:repeat(4,1fr)}}
.st3{text-align:center;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.06),transparent)}.st3 b{display:block;font-size:2.2rem;color:#ffd27a;font-variant-numeric:tabular-nums}.st3 small{color:#c9d3de}
.flips{perspective:1000px}.flip{min-height:210px}.flip-in{all:unset;box-sizing:border-box;display:block;position:relative;width:100%;height:100%;min-height:210px;cursor:pointer;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.flip:hover .flip-in,.flip.on .flip-in,.flip-in:focus-visible{}.flip-in:focus-visible{outline:3px solid #c8a24a;outline-offset:4px;border-radius:16px}
.ff{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1.2rem;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 8px 24px rgba(22,32,44,.1)}
.ff.front{background:#fff;border:1px solid #e6e1d6;align-items:flex-start}.ff.front small{color:#a8832c;font-weight:600}.ff.back{background:linear-gradient(150deg,#16202c,#2b3f57);color:#fff;transform:rotateY(180deg)}.ff.back h3{color:#ffd27a;margin:0}.ff.back a{color:#ffd27a;font-weight:700}.ff h3{margin:0}
.show3{background:radial-gradient(800px 400px at 80% 0,#fbf3df,transparent),#fff}.showgrid{display:grid;gap:1.5rem;align-items:center;margin:1.5rem 0}@media(min-width:860px){.showgrid{grid-template-columns:2.2fr 1fr}}
.browser3{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 30px 60px rgba(22,32,44,.25);transition:transform .3s;transform:perspective(1200px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg))}
.bbar{display:flex;gap:6px;align-items:center;padding:.55rem .8rem;background:#e9e6df}.bbar i{width:11px;height:11px;border-radius:50%;background:#e06c5f}.bbar i:nth-child(2){background:#e9b949}.bbar i:nth-child(3){background:#6cc070}.bbar span{margin-left:.6rem;background:#fff;border-radius:6px;padding:.1rem .7rem;font-size:.8rem;color:#555;flex:1}
.bview{height:330px;overflow:hidden}.bview img{width:100%;display:block;animation:pan 14s ease-in-out infinite alternate}@keyframes pan{to{transform:translateY(-12%)}}
.phone3{transition:transform .3s;transform:perspective(1200px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg))}
.showcta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.btn.line.dk{color:#16202c;border-color:#16202c}.ba-wrap3 h3{margin:.2rem 0 .8rem}
.revs{display:grid;gap:.6rem;margin-top:1rem}.rv{all:unset;cursor:pointer;padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);color:#e8edf2;font-size:.95rem;transition:.2s}.rv:hover,.rv[aria-pressed=true]{background:rgba(255,210,122,.12);border-color:#ffd27a}.rv:focus-visible{outline:3px solid #ffd27a}.stars{display:block;color:#ffd27a;letter-spacing:2px}
.chat3{background:#fff;color:#16202c;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35)}.chead{padding:.8rem 1rem;background:#f3efe6;font-weight:700;display:flex;gap:.5rem;align-items:center}.chead small{margin-left:auto;font-weight:400;color:#777}.dot{width:10px;height:10px;border-radius:50%;background:#6cc070;box-shadow:0 0 0 0 #6cc070;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px transparent}}
.cbody{padding:1rem;min-height:250px;display:flex;flex-direction:column;gap:.7rem}.msg{padding:.7rem .9rem;border-radius:14px;max-width:88%;line-height:1.4}.msg.in{background:#eef1f5;align-self:flex-start}.msg.out{background:#16202c;color:#fff;align-self:flex-end;min-height:1.4em}.msg.out:empty{display:none}.msg.out.typing::after{content:"▍";animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.cfoot{padding:.8rem 1rem;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.cfoot span{font-size:.78rem;color:#777}
.tl3{list-style:none;padding:0;margin:1.5rem 0 0;position:relative;display:grid;gap:1.4rem}.tl3::before{content:"";position:absolute;left:22px;top:0;bottom:0;width:4px;border-radius:4px;background:linear-gradient(#c8a24a,#c8a24a) 0 0/100% var(--tp,0%) no-repeat,#e6e1d6}
.tl3 li{display:flex;gap:1rem;align-items:flex-start;position:relative}.tn{flex:0 0 48px;height:48px;border-radius:50%;background:#16202c;color:#ffd27a;font-weight:800;display:grid;place-items:center;font-size:1.2rem;z-index:1;transition:transform .4s}.tl3 li.in .tn{transform:scale(1.12);background:#c8a24a;color:#16202c}.tl3 b{font-size:1.1rem}.tl3 p{margin:.2rem 0 0}
@media(min-width:900px){.tl3{grid-template-columns:repeat(4,1fr)}.tl3::before{left:0;right:0;top:22px;bottom:auto;height:4px;width:auto;background:linear-gradient(#c8a24a,#c8a24a) 0 0/var(--tp,0%) 100% no-repeat,#e6e1d6}.tl3 li{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.bub,.dot,.bview img{animation:none!important;opacity:1}.flip-in,.browser3,.phone3{transition:none}.spot3{display:none}}