.container{max-width:var(--max-w);margin:0 auto;padding:0 16px}@media (min-width:768px){.container{padding:0 32px}}.container.narrow{max-width:760px}.topbar{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--line-200);background:#ffffffeb;position:sticky;top:0}.topbar-in{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand img{width:auto;height:28px;display:block}.topnav{gap:24px;display:none}.topnav a{color:var(--ink-700);font:500 14px/20px var(--font-sans);text-decoration:none}.topnav a:hover{color:var(--brand-700)}@media (min-width:900px){.topnav{display:flex}}.topbar-cta{gap:8px;display:flex}@media (max-width:420px){.topbar-cta .btn-ghost{display:none}}.display{font:800 40px/46px var(--font-display);letter-spacing:-.03em}@media (min-width:900px){.display{font-size:56px;line-height:60px}}.lead{font:400 18px/28px var(--font-sans);color:var(--ink-700)}.eyebrow{margin-bottom:16px}.section{padding:64px 0}@media (min-width:900px){.section{padding:96px 0}}.section .kicker{color:var(--brand-700);margin-bottom:8px}.section h2{margin-bottom:16px}.section h2+.lead{max-width:640px;margin-bottom:32px}.hero{background:linear-gradient(180deg, var(--brand-50) 0%, var(--surface-0) 100%);padding:48px 0 64px;overflow:hidden}.hero-in{align-items:center;gap:48px;display:grid}@media (min-width:960px){.hero{padding:80px 0 96px}.hero-in{grid-template-columns:1.1fr .9fr}}.hero-copy{flex-direction:column;gap:20px;max-width:620px;display:flex}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:480px){.hero-actions .btn{width:100%}}.hero-art{justify-self:center;width:min(420px,100%);padding:16px 0;position:relative}.mini-sheet{background:var(--surface-0);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:rise var(--dur-slow) var(--ease-out) both;flex-direction:column;gap:12px;padding:24px;font-size:14px;line-height:20px;display:flex}.ms-head{border-bottom:1px solid var(--line-200);align-items:center;gap:12px;padding-bottom:12px;display:flex}.ms-head div{flex-direction:column;display:flex}.ms-head b{font:700 16px/24px var(--font-display)}.ms-head i{color:var(--ink-600);font-size:12px;font-style:normal}.ms-logo{border-radius:var(--radius-md);background:var(--brand-100);width:40px;height:40px}.ms-row,.ms-sum,.ms-total{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto;gap:12px;display:grid}.ms-row span:nth-child(2){color:var(--ink-600)}.ms-sum{color:var(--ink-600);grid-template-columns:1fr auto}.ms-total{background:var(--brand-50);color:var(--brand-800);border-radius:var(--radius-md);font:700 16px/24px var(--font-display);grid-template-columns:1fr auto;padding:10px 12px}.hero-chip{border-radius:var(--radius-full);background:var(--surface-0);box-shadow:var(--shadow-md);font:600 13px/18px var(--font-sans);animation:rise var(--dur-slow) var(--ease-out) both;padding:8px 14px;position:absolute}.chip-wa{color:var(--success-700);animation-delay:.24s;top:-4px;right:-8px}.chip-pdf{color:var(--brand-800);animation-delay:.36s;bottom:-6px;left:-12px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.how{background:var(--surface-0)}.scenes{border:1px solid var(--line-200);border-radius:var(--radius-xl);background:var(--surface-50);flex-direction:column;gap:20px;margin-top:32px;padding:16px;display:flex}@media (min-width:768px){.scenes{padding:32px}}.scene-tabs{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.scene-tabs button{all:unset;cursor:pointer;border-radius:var(--radius-sm);flex-direction:column;justify-content:center;gap:8px;min-height:44px;padding:6px 0;display:flex}.scene-tabs button:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}.scene-tabs .bar{border-radius:var(--radius-full);background:var(--line-200);height:4px;display:block;overflow:hidden}.scene-tabs .bar i{background:var(--brand-600);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.scene-tabs [aria-selected=true] .bar i{animation:5s linear forwards progress}.scenes.is-paused .scene-tabs [aria-selected=true] .bar i{animation-play-state:paused}.scenes.is-static .scene-tabs [aria-selected=true] .bar i{animation:none;transform:scaleX(1)}.scene-tabs .done .bar i{transform:scaleX(1)}.tab-label{font:600 13px/18px var(--font-sans);color:var(--ink-600);display:none}.scene-tabs [aria-selected=true] .tab-label{color:var(--ink-900)}@media (min-width:768px){.tab-label{display:block}}@keyframes progress{to{transform:scaleX(1)}}.scene-stage{min-height:360px;position:relative}.scene{align-items:center;gap:24px;display:grid}.scene[hidden]{display:none}@media (min-width:860px){.scene{grid-template-columns:.8fr 1.2fr;gap:48px}.scene-stage{min-height:320px}}.scene-text{flex-direction:column;gap:12px;display:flex}.scene-text h3{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scene-text p{color:var(--ink-700)}.scene-art{place-items:center;min-height:260px;display:grid}.scene.is-active .scene-text{animation:rise var(--dur-slow) var(--ease-out) both}.scene-controls{justify-content:center;gap:8px;display:flex}.scene-controls svg,.send-opt svg,.ok-check svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.scene-controls .i-play{display:none}.scenes.is-paused .i-play,.scenes.is-static .i-play{display:block}.scenes.is-paused .i-pause,.scenes.is-static .i-pause{display:none}.phone{background:var(--surface-0);border:1px solid var(--line-200);width:220px;height:260px;box-shadow:var(--shadow-md);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:relative}.g-btn{border:1px solid var(--line-control);border-radius:var(--radius-full);font:600 14px/20px var(--font-sans);background:var(--surface-0);align-items:center;gap:10px;padding:10px 16px;display:flex}.g-dot{background:conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);border-radius:50%;width:18px;height:18px}.tap{opacity:0;background:#2563eb40;border-radius:50%;width:36px;height:36px;position:absolute;top:138px;left:130px}.ok-check{color:var(--success-700);font:600 14px/20px var(--font-sans);opacity:0;align-items:center;gap:6px;display:flex;position:absolute;bottom:24px}.ok-check svg{width:18px;height:18px}.scene.is-active .tap{animation:tap .9s var(--ease-out) .7s both}.scene.is-active .ok-check{animation:rise var(--dur-slow) var(--ease-out) 1.5s both}@keyframes tap{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.catalog{flex-direction:column;gap:10px;width:min(420px,100%);display:flex}.cat-row{background:var(--surface-0);border:1px solid var(--line-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:14px 16px;font-size:15px;display:grid}.cat-row em{font-style:normal;font:600 12px/16px var(--font-sans);border-radius:var(--radius-full);background:var(--brand-50);color:var(--brand-800);padding:2px 8px}.scene.is-active .cat-row{animation:rise var(--dur-slow) var(--ease-out) both}.scene.is-active .cat-row:nth-child(2){animation-delay:.3s}.scene.is-active .cat-row:nth-child(3){animation-delay:.6s}.scene.is-active .cat-row:nth-child(4){animation-delay:.9s}.build{background:var(--surface-0);border-radius:var(--radius-lg);width:min(440px,100%);box-shadow:var(--shadow-md);font-variant-numeric:tabular-nums;flex-direction:column;gap:10px;padding:20px;font-size:15px;display:flex}.build>div{justify-content:space-between;gap:12px;display:flex}.b-row{border-bottom:1px solid var(--line-200);padding-bottom:10px}.b-adj{color:var(--ink-600)}.b-total{background:var(--brand-50);color:var(--brand-800);border-radius:var(--radius-md);font:700 18px/26px var(--font-display);padding:12px 14px}.scene.is-active .b-row,.scene.is-active .b-adj,.scene.is-active .b-total{animation:slidein var(--dur-slow) var(--ease-out) both}.scene.is-active .b-row:nth-child(2){animation-delay:.35s}.scene.is-active .b-row:nth-child(3){animation-delay:.7s}.scene.is-active .b-adj{animation-delay:1.1s}.scene.is-active .b-total{animation-delay:1.4s}@keyframes slidein{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.send{width:320px;height:260px;position:relative}.send-sheet{background:var(--surface-0);border-radius:var(--radius-md);width:110px;height:140px;box-shadow:var(--shadow-md);flex-direction:column;gap:10px;margin:-70px 0 0 -55px;padding:24px 18px;display:flex;position:absolute;top:50%;left:50%}.send-sheet span{background:var(--brand-200);border-radius:3px;height:6px}.send-sheet span:last-child{background:var(--accent-500);width:60%}.send-opt{background:var(--surface-0);border:1px solid var(--line-200);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font:600 14px/20px var(--font-sans);color:var(--ink-900);align-items:center;gap:8px;padding:10px 14px;display:flex;position:absolute}.send-opt svg{width:18px;height:18px;color:var(--brand-600)}.o1{top:16px;left:0}.o2{top:16px;right:0}.o3{bottom:16px;left:0}.o4{bottom:16px;right:0}.o4 svg{color:var(--success-700)}.scene.is-active .send-opt{animation:pop var(--dur-slow) var(--ease-out) both}.scene.is-active .o1{animation-delay:.3s}.scene.is-active .o2{animation-delay:.55s}.scene.is-active .o3{animation-delay:.8s}.scene.is-active .o4{animation-delay:1.05s}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.browser{border-radius:var(--radius-lg);background:var(--surface-0);width:min(440px,100%);box-shadow:var(--shadow-md);border:1px solid var(--line-200);overflow:hidden}.br-bar{background:var(--surface-100);font:500 12px/16px var(--font-sans);color:var(--ink-600);align-items:center;gap:6px;padding:10px 12px;display:flex}.br-bar i{background:var(--line-control);border-radius:50%;width:8px;height:8px}.br-bar span{margin-left:8px}.br-hero{background:var(--brand-50);flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.br-logo{border-radius:var(--radius-md);background:var(--surface-0);width:48px;height:48px;box-shadow:var(--shadow-sm)}.br-hero b{font:700 18px/26px var(--font-display)}.br-hero em{border-radius:var(--radius-md);background:var(--brand-600);color:var(--on-brand);font-style:normal;font:600 13px/18px var(--font-sans);padding:8px 14px}.br-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:16px;display:grid}.br-grid span{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--surface-100)}.scene.is-active .br-hero,.scene.is-active .br-grid span{animation:rise var(--dur-slow) var(--ease-out) both}.scene.is-active .br-grid span:first-child{animation-delay:.3s}.scene.is-active .br-grid span:nth-child(2){animation-delay:.45s}.scene.is-active .br-grid span:nth-child(3){animation-delay:.6s}.benefits{background:var(--surface-50)}.benefit-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.benefit-grid li{background:var(--surface-0);border:1px solid var(--line-200);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:24px;display:flex}.benefit-grid h3{font-size:18px;line-height:26px}.benefit-grid p{color:var(--ink-700)}.trades{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.trades li{border-radius:var(--radius-full);border:1px solid var(--line-200);background:var(--surface-0);font:500 14px/20px var(--font-sans);color:var(--ink-700);padding:8px 14px}.example{background:var(--surface-100)}.example-in{align-items:center;gap:32px;display:grid}@media (min-width:960px){.example-in{grid-template-columns:.7fr 1.3fr}}.logo-ph{border:1px dashed var(--line-control);border-radius:var(--radius-md);text-align:center;width:56px;height:56px;font:500 11px/14px var(--font-sans);color:var(--ink-600);flex:none;place-items:center;display:grid}.prices .pricing{max-width:760px;margin-top:8px}.accordion{border-top:1px solid var(--line-200);margin-top:24px}.accordion details{border-bottom:1px solid var(--line-200)}.accordion summary{cursor:pointer;font:600 16px/24px var(--font-sans);padding:18px 40px 18px 0;list-style:none;position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"";border-right:2px solid var(--ink-600);border-bottom:2px solid var(--ink-600);width:10px;height:10px;transition:transform var(--dur-base) var(--ease-out);position:absolute;top:24px;right:8px;transform:rotate(45deg)}.accordion details[open] summary:after{top:28px;transform:rotate(-135deg)}.accordion details p{color:var(--ink-700);padding:0 0 18px}.cta-final{background:var(--brand-600);color:var(--on-brand)}.cta-in{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.cta-final h2,.cta-final .lead{color:var(--on-brand);margin:0}.cta-final .btn-primary{background:var(--surface-0);color:var(--brand-800)}.cta-final .btn-primary:hover{background:var(--brand-50)}.footer{border-top:1px solid var(--line-200);padding:32px 0 40px}.footer-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}.footer nav a{color:var(--ink-700);font-size:14px}.legal{padding:48px 0 64px}.legal h1{margin-bottom:8px}.legal h2{margin:32px 0 12px;font-size:22px;line-height:30px}.legal p,.legal li{color:var(--ink-700);margin-bottom:12px}.legal ul{padding-left:20px}.legal .notice{margin:24px 0}