:root{color-scheme:light;--navy-950: #060b24;--navy-900: #0b1541;--navy-800: #101c52;--navy-700: #1c2b6b;--navy-500: #3b4c96;--navy-300: #8b97c9;--navy-100: #e7eaf3;--gold-700: #b98b2e;--gold-500: #d4a94e;--gold-200: #f0ddae;--gold-100: #f6ebd3;--white: #ffffff;--ink: #12141c;--grey-700: #4b4f58;--grey-500: #7a7e88;--grey-300: #d6d8dd;--grey-150: #e9eaed;--grey-100: #f2f2f4;--bg-cream: #f7f7f5;--wa-green: #25d366;--success: #2e9e5b;--danger: #c6402d;--color-brand-primary: var(--navy-900);--color-brand-accent: var(--gold-500);--color-bg: var(--bg-cream);--color-surface: var(--white);--color-surface-sunken: var(--grey-100);--color-surface-inverse: var(--navy-900);--color-surface-accent: var(--gold-100);--color-border: var(--grey-300);--color-border-subtle: var(--grey-150);--text-heading: var(--ink);--text-body: var(--grey-700);--text-muted: var(--grey-500);--text-on-navy: var(--white);--text-on-navy-muted: rgba(255, 255, 255, .62);--text-accent: var(--gold-700);--ch-whatsapp: #25d366;--ch-instagram: #e1306c;--ch-facebook: #1877f2;--ch-tiktok: #111111;--ch-email: #7a7e88;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fs-body: 15px;--fs-body-lg: 17px;--fs-h4: 20px;--fs-h3: 26px;--fs-h2: 36px;--fs-h1: 48px;--fs-caption: 13px;--lh-tight: 1.12;--lh-heading: 1.18;--lh-body: 1.6;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 40px;--s7: 64px;--s8: 104px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 2px 6px rgba(11, 21, 65, .08);--shadow-md: 0 12px 28px rgba(11, 21, 65, .14);--shadow-lg: 0 24px 56px rgba(11, 21, 65, .2);--content-max: 1160px;--content-narrow: 760px;--ease-out: cubic-bezier(0, 0, .2, 1);--dur-fast: .15s;--dur-base: .22s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);background:var(--color-bg);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{color:var(--text-heading);line-height:var(--lh-heading);margin:0;font-weight:var(--fw-extrabold)}.hero h1,.cta-band h2,.legal-hero h1,.footer h4{color:var(--text-on-navy)}p{margin:0}ul{margin:0;padding:0;list-style:none}button{font:inherit}.wrap{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--s4)}@media (min-width: 768px){.wrap{padding-inline:var(--s6)}}.narrow{max-width:var(--content-narrow);margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:13px 24px;border-radius:var(--radius-pill);font-weight:var(--fw-semibold);font-size:var(--fs-body);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gold-500);color:var(--navy-900);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--gold-700);box-shadow:var(--shadow-md)}.btn-ghost-on-navy{background:transparent;color:var(--text-on-navy);border-color:#ffffff4d}.btn-ghost-on-navy:hover{border-color:#fff9}.btn-outline{background:transparent;color:var(--navy-900);border-color:var(--color-border)}.btn-outline:hover{border-color:var(--navy-900)}.btn-lg{padding:16px 32px;font-size:var(--fs-body-lg)}.btn-block{width:100%}.nav{position:sticky;top:0;z-index:50;background:#0b1541eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-row{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand img{height:40px;width:auto}@media (max-width: 420px){.brand img{height:32px}}.nav-links{display:none;align-items:center;gap:var(--s6)}.nav-links a{color:var(--text-on-navy-muted);text-decoration:none;font-weight:var(--fw-medium);font-size:14.5px;transition:color var(--dur-fast) var(--ease-out)}.nav-links a:hover{color:var(--text-on-navy)}.nav-cta{display:flex;align-items:center;gap:var(--s3)}.nav-cta .btn-ghost-on-navy{display:none}.nav-cta .btn{white-space:nowrap}@media (max-width: 899px){.nav-cta .btn-primary{padding:9px 16px;font-size:14px}}@media (min-width: 900px){.nav-links{display:flex}.nav-cta .btn-ghost-on-navy{display:inline-flex}}.hero{background:radial-gradient(120% 140% at 15% -10%,var(--navy-700) 0%,var(--navy-900) 55%,var(--navy-950) 100%);color:var(--text-on-navy);padding-block:var(--s8) var(--s7)}.hero-grid{display:grid;gap:var(--s7);align-items:center}@media (min-width: 960px){.hero-grid{grid-template-columns:1.05fr .95fr}}.eyebrow{display:inline-flex;align-items:center;gap:var(--s2);padding:6px 14px;border-radius:var(--radius-pill);background:#d4a94e29;color:var(--gold-200);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--s4)}.hero h1{font-size:clamp(32px,5vw,var(--fs-h1));letter-spacing:-.02em;margin-bottom:var(--s4)}.hero-sub{font-size:var(--fs-body-lg);color:var(--text-on-navy-muted);max-width:52ch;margin-bottom:var(--s5)}.hero-checks{display:flex;flex-direction:column;gap:var(--s3);margin-bottom:var(--s6)}.hero-checks li{display:flex;align-items:flex-start;gap:var(--s3);color:var(--text-on-navy-muted);font-size:14.5px}.hero-checks svg{flex:none;margin-top:2px;color:var(--gold-500)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}.hero-note{margin-top:var(--s4);font-size:var(--fs-caption);color:var(--text-on-navy-muted)}.dot{width:9px;height:9px;border-radius:50%}.dot-red{background:#e5584e}.dot-amber{background:#e3b341}.dot-green{background:#3bb273}.trust-strip{padding-block:var(--s5);border-bottom:1px solid var(--color-border-subtle)}.trust-strip p{text-align:center;font-size:var(--fs-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--fw-semibold)}.channel-row{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s5);margin-top:var(--s4)}.channel-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border-subtle);font-size:13.5px;font-weight:var(--fw-semibold)}.channel-dot{width:10px;height:10px;border-radius:50%}.section{padding-block:var(--s8)}.section-alt{background:var(--color-surface)}.section-head{text-align:center;max-width:640px;margin-inline:auto;margin-bottom:var(--s7)}.section-eyebrow{color:var(--text-accent);font-weight:var(--fw-bold);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s3);display:block}.section-head h2{font-size:clamp(26px,3.4vw,var(--fs-h2));letter-spacing:-.01em;margin-bottom:var(--s4)}.section-head p{color:var(--text-muted);font-size:var(--fs-body-lg)}.feature-grid{display:grid;gap:var(--s5);grid-template-columns:1fr}@media (min-width: 640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--s5);transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{width:46px;height:46px;border-radius:var(--radius-md);background:var(--color-surface-accent);color:var(--gold-700);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s4)}.feature-card h3{font-size:var(--fs-h4);margin-bottom:var(--s2)}.feature-card p{color:var(--text-muted);font-size:14.5px}.pipeline-strip{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center}.pipeline-step{display:flex;align-items:center;gap:var(--s2);padding:10px 16px;border-radius:var(--radius-pill);background:var(--navy-100);color:var(--navy-900);font-size:13.5px;font-weight:var(--fw-semibold)}.pipeline-arrow{color:var(--text-muted)}.pricing-grid{display:grid;gap:var(--s5);grid-template-columns:1fr}@media (min-width: 720px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.pricing-grid{grid-template-columns:repeat(4,1fr)}}.price-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4);position:relative}.price-card.is-highlight{border-color:var(--gold-500);box-shadow:var(--shadow-md)}.price-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--gold-500);color:var(--navy-900);font-size:12px;font-weight:var(--fw-bold);padding:4px 14px;border-radius:var(--radius-pill);white-space:nowrap}.price-card h3{font-size:var(--fs-h4)}.price-amount{font-size:30px;font-weight:var(--fw-extrabold);color:var(--navy-900)}.price-amount .per{font-size:14px;font-weight:var(--fw-medium);color:var(--text-muted)}.price-period-note{font-size:12.5px;color:var(--text-muted)}.price-feats{display:flex;flex-direction:column;gap:var(--s3);font-size:13.5px}.price-feats li{display:flex;align-items:flex-start;gap:var(--s2)}.price-feats svg{flex:none;color:var(--success);margin-top:2px}.pricing-foot-note{text-align:center;color:var(--text-muted);font-size:13.5px;margin-top:var(--s6)}.cta-band{background:linear-gradient(120deg,var(--navy-900),var(--navy-700));color:var(--text-on-navy);border-radius:var(--radius-lg);padding:var(--s7) var(--s6);text-align:center}.cta-band h2{font-size:clamp(24px,3vw,34px);margin-bottom:var(--s3)}.cta-band p{color:var(--text-on-navy-muted);font-size:var(--fs-body-lg);margin-bottom:var(--s5)}.cta-band .hero-cta{justify-content:center}.faq-list{display:flex;flex-direction:column;gap:var(--s3)}.faq-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s5);background:none;border:none;text-align:start;font-weight:var(--fw-semibold);font-size:15px;color:var(--text-heading);cursor:pointer}.faq-q svg{flex:none;transition:transform var(--dur-base) var(--ease-out);color:var(--text-muted)}.faq-item[data-open=true] .faq-q svg{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height var(--dur-base) var(--ease-out)}.faq-item[data-open=true] .faq-a{max-height:320px}.faq-a-inner{padding:0 var(--s5) var(--s4);color:var(--text-muted);font-size:14.5px}.footer{background:var(--navy-950);color:var(--text-on-navy-muted);padding-block:var(--s7) var(--s5)}.footer-grid{display:grid;gap:var(--s6);grid-template-columns:1fr;margin-bottom:var(--s7)}@media (min-width: 768px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.footer-brand p{margin-top:var(--s3);font-size:13.5px;max-width:34ch}.footer-col h4{color:var(--text-on-navy);font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s4)}.footer-col ul{display:flex;flex-direction:column;gap:var(--s3)}.footer-col a{color:var(--text-on-navy-muted);text-decoration:none;font-size:14px}.footer-col a:hover{color:var(--text-on-navy)}.footer-bottom ul{flex-wrap:wrap;align-items:center}.social-row{display:flex;gap:var(--s3)}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.18);color:var(--text-on-navy-muted);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.social-icon:hover{color:var(--navy-900);background:var(--gold-500);border-color:var(--gold-500)}.footer-bottom{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;align-items:center;padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.08);font-size:13px}.legal-hero{background:var(--navy-900);color:var(--text-on-navy);padding-block:var(--s7) var(--s6)}.legal-hero h1{font-size:clamp(26px,3.6vw,38px)}.legal-hero p{color:var(--text-on-navy-muted);margin-top:var(--s3)}.legal-body{padding-block:var(--s7)}.legal-body h2{font-size:19px;margin-top:var(--s7);margin-bottom:var(--s3)}.legal-body h2:first-child{margin-top:0}.legal-body h3{font-size:16px;margin-top:var(--s5);margin-bottom:var(--s2)}.legal-body p{margin-bottom:var(--s4);color:var(--text-body)}.legal-body ul{list-style:disc;padding-inline-start:1.3em;margin-bottom:var(--s4);display:block}.legal-body li{margin-bottom:var(--s2)}.legal-body a{color:var(--text-accent);text-decoration:underline}.legal-updated{color:var(--text-muted);font-size:13.5px;margin-bottom:var(--s6)}.legal-callout{background:var(--color-surface-accent);border:1px solid var(--gold-200);border-radius:var(--radius-md);padding:var(--s4) var(--s5);margin-bottom:var(--s6);font-size:14px}.legal-callout strong{color:var(--gold-700)}.placeholder-flag{background:#fff3cd;color:#7a5a00;padding:2px 6px;border-radius:4px;font-weight:var(--fw-semibold)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.24);background:none;color:var(--text-on-navy)}@media (min-width: 900px){.nav-toggle{display:none}}.mobile-menu{display:none;flex-direction:column;gap:var(--s2);padding:var(--s4) 0 var(--s5);border-top:1px solid rgba(255,255,255,.1);margin-top:var(--s2)}.mobile-menu[data-open=true]{display:flex}.mobile-menu a{color:var(--text-on-navy-muted);text-decoration:none;padding:var(--s2) 0;font-weight:var(--fw-medium)}@media (min-width: 900px){.mobile-menu{display:none!important}}html[lang=ar]{--font-sans: "IBM Plex Sans Arabic", "Plus Jakarta Sans", system-ui, sans-serif}html[lang=ru]{--font-sans: "Plus Jakarta Sans", "Manrope", system-ui, sans-serif}.scene,.fx,.p3-frame,.p3-track{direction:ltr}html:not([data-cur=USD]) .cur-usd,html[data-cur=USD] .cur-idr{display:none}.legal-translation-note{font-size:13px;color:var(--text-muted);background:var(--navy-100);border-radius:var(--radius-md, 10px);padding:var(--s3) var(--s4);margin-bottom:var(--s5)}html[lang=id] .legal-translation-note{display:none}.lang{position:relative}.lang-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 11px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.22);background:#ffffff0f;color:var(--text-on-navy);font:inherit;font-size:13px;font-weight:var(--fw-semibold);letter-spacing:.02em;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.lang-btn:hover,.lang.is-open .lang-btn{background:#ffffff24;border-color:#fff6}.lang-btn:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.lang .flag{flex:none;border-radius:3px;box-shadow:0 0 0 1px #0b15411f}.lang-chev{opacity:.75;transition:transform var(--dur-fast) var(--ease-out)}.lang.is-open .lang-chev{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:60;min-width:232px;padding:6px;margin:0;list-style:none;background:#fff;border-radius:16px;box-shadow:0 18px 48px #0b154138,0 0 0 1px #0b15410f}.lang-menu[hidden]{display:none}.lang-menu a{display:flex;align-items:center;gap:12px;white-space:nowrap;padding:10px 12px;border-radius:10px;color:var(--navy-900);text-decoration:none;font-size:15px;font-weight:var(--fw-medium)}.lang-menu a:hover,.lang-menu a:focus-visible{background:#f1f2f6;outline:none}.lang-menu a[aria-current=true]{background:#eceef6;font-weight:var(--fw-semibold)}.lang-check{margin-inline-start:auto;color:var(--navy-900)}@media (max-width: 899px){.lang-btn{height:34px;padding:0 8px;gap:5px}.lang-short{display:none}.lang-menu{inset-inline-end:auto;inset-inline-start:0;max-width:calc(100vw - 32px)}}[data-billing=annual] .bill-monthly,[data-billing=monthly] .bill-annual{display:none}.billing-toggle{display:inline-flex;gap:4px;padding:4px;margin-top:var(--s5);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);box-shadow:0 6px 18px #0b154114}.billing-toggle button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border:0;border-radius:var(--radius-pill);background:transparent;font:inherit;font-size:14.5px;font-weight:var(--fw-semibold);color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.billing-toggle button:hover{color:var(--navy-900)}.billing-toggle button[aria-pressed=true]{background:var(--navy-900);color:#fff}.billing-toggle button:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.billing-save{font-size:11.5px;font-weight:var(--fw-bold);padding:3px 9px;border-radius:var(--radius-pill);background:var(--gold-500);color:var(--navy-900);white-space:nowrap}.price-was{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:calc(var(--s3) * -1);font-size:14px;color:var(--text-muted)}.price-was s{text-decoration-thickness:1.5px}.price-save{font-size:11.5px;font-weight:var(--fw-bold);color:#157347;background:#1573471f;padding:2px 9px;border-radius:var(--radius-pill);white-space:nowrap}@media (max-width: 420px){.billing-toggle button{padding:0 14px;font-size:14px}}@media (max-width: 600px){.nav-row{height:60px;gap:var(--s2)}.brand img{height:30px}.nav-cta{gap:var(--s2)}.nav-cta .btn-primary{padding:8px 14px;font-size:13.5px}.nav-toggle{width:38px;height:38px}.hero{padding-block:var(--s5) var(--s6)}.hero-grid{gap:var(--s5)}.eyebrow{margin-bottom:var(--s3);padding:5px 12px;font-size:12px}.hero h1{font-size:clamp(28px,8.2vw,34px);margin-bottom:var(--s3)}.hero-sub{font-size:15.5px;line-height:1.55;margin-bottom:var(--s4)}.hero-checks{gap:10px;margin-bottom:var(--s5)}.hero-checks li{font-size:14px}.hero-cta{flex-direction:column;align-items:stretch;gap:10px}.hero-cta .btn{width:100%}.btn-lg{padding:14px 24px;font-size:16px}.hero-note{margin-top:var(--s3);font-size:12.5px;text-align:center}.trust-strip{padding-block:var(--s5)}.trust-strip p{font-size:11.5px;letter-spacing:.06em}.channel-row{gap:8px;margin-top:var(--s3)}.channel-pill{padding:6px 12px;font-size:12.5px;gap:6px}.channel-dot{width:8px;height:8px}.section{padding-block:56px}.section-head{margin-bottom:var(--s6)}.section-eyebrow{font-size:12px;margin-bottom:var(--s2)}.section-head h2{font-size:clamp(23px,6.6vw,28px);margin-bottom:var(--s3)}.section-head p{font-size:15px;line-height:1.55}.feature-grid{display:flex;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--s4) * -1);padding:4px var(--s4) var(--s3);scroll-padding-inline:var(--s4);scrollbar-width:none;-webkit-overflow-scrolling:touch}.feature-grid::-webkit-scrollbar{display:none}.feature-card{flex:0 0 84%;scroll-snap-align:start;padding:var(--s4)}.feature-card:hover{transform:none}.feature-card h3{font-size:18px}.feature-card p{font-size:14px}.pricing-grid{gap:var(--s4)}.billing-toggle{margin-top:var(--s4)}.billing-toggle button{min-height:40px}.price-amount{font-size:28px}.cta-band{padding:var(--s6) var(--s4)}.faq-q{padding:var(--s4);font-size:14.5px}.footer{padding-block:var(--s6) var(--s5)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--s5) var(--s4);margin-bottom:var(--s5)}.footer-brand{grid-column:1 / -1}.footer-col h4{margin-bottom:var(--s3)}.footer-col ul{gap:10px}.footer-bottom{font-size:12px;gap:var(--s2)}}.hero{overflow:hidden}.scene{position:relative;height:470px;perspective:1400px;perspective-origin:50% 40%}.scene-stage{position:absolute;top:0;right:0;bottom:56px;left:0;transform-style:preserve-3d;transform:rotateX(var(--rx, 12deg)) rotateY(var(--ry, -16deg));transition:transform .7s var(--ease-out)}.scene-glow{position:absolute;top:8%;right:6%;bottom:8%;left:6%;border-radius:50%;background:radial-gradient(closest-side,#d4a94e47,#d4a94e00 70%);transform:translateZ(-120px);filter:blur(8px)}.chan{position:absolute;left:-2%;top:calc(6% + var(--i) * 17%);width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--white);box-shadow:0 10px 24px #00000059;transform:translateZ(70px);translate:calc((var(--i) - 2) * (var(--i) - 2) * var(--curve, 6px)) 0;animation:chan-bob 4s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s)}.chan svg{width:24px;height:24px}.chan-wa{background:var(--ch-whatsapp)}.chan-ig{background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af)}.chan-fb{background:var(--ch-facebook)}.chan-tt{background:#111;box-shadow:0 10px 24px #00000059,inset 0 0 0 1px #ffffff2e}.chan-mail{background:var(--navy-500)}.scene.s1:not(.s2) .chan:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:18px;border:2px solid rgba(255,255,255,.5);animation:chan-ping 1.3s ease-out infinite;animation-delay:calc(var(--i) * .18s)}.panel{position:absolute;left:13%;top:4%;width:66%;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 30px 60px #00000073;transform:translateZ(0);overflow:hidden}.panel-head{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid var(--color-border-subtle)}.panel-title{margin-left:8px;font-size:12.5px;font-weight:var(--fw-bold);color:var(--navy-900)}.panel-body{position:relative;padding:10px 12px 14px;display:flex;flex-direction:column;gap:8px;min-height:196px}.row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:var(--color-surface-sunken);opacity:0;translate:-36px 0;transition:opacity .42s var(--ease-out),translate .52s var(--ease-out),background .32s;transition-delay:calc(var(--r) * .38s)}.scene.s1 .row{opacity:1;translate:0 0}.scene.s3 .row:first-child{background:#fff4f2;box-shadow:inset 0 0 0 1.5px #c6402d59}.row-ch{flex:none;width:10px;height:10px;border-radius:50%}.row-main{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.3}.row-main b{font-size:12.5px;color:var(--ink)}.row-main span{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{flex:none;font-size:10.5px;font-weight:var(--fw-extrabold);letter-spacing:.04em;padding:4px 8px;border-radius:var(--radius-pill);opacity:0;scale:.6;transition:opacity .3s var(--ease-out),scale .38s cubic-bezier(.3,1.6,.5,1)}.scene.s2 .tag{opacity:1;scale:1}.row:nth-child(1) .tag{transition-delay:.7s}.row:nth-child(2) .tag{transition-delay:1s}.row:nth-child(3) .tag{transition-delay:1.3s}.tag-hot{background:#fbe9e6;color:var(--danger)}.tag-warm{background:var(--gold-100);color:var(--gold-700)}.tag-cold{background:var(--navy-100);color:var(--navy-500)}.scan{position:absolute;left:0;right:0;top:0;height:46px;background:linear-gradient(180deg,#d4a94e00,#d4a94e59 70%,#d4a94ee6);border-bottom:2px solid var(--gold-500);opacity:0;pointer-events:none}.scene.s2:not(.s3) .scan{animation:scan-sweep 1.5s ease-in-out 1}.float{position:absolute;background:var(--color-surface);border-radius:14px;box-shadow:0 22px 44px #0000006b;font-size:12px;color:var(--text-body);opacity:0;scale:.85;transition:opacity .42s var(--ease-out),scale .52s cubic-bezier(.3,1.4,.5,1)}.float b{display:block;color:var(--ink);font-size:12.5px}.float span{display:block}.ai-card{right:-3%;top:34%;width:230px;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;transform:translateZ(130px);border-left:3px solid var(--danger)}.ai-dot{flex:none;width:30px;height:30px;border-radius:9px;background:var(--navy-900);color:var(--gold-500);font-weight:var(--fw-extrabold);font-size:11px;display:flex!important;align-items:center;justify-content:center}.scene.s2 .ai-card{opacity:1;scale:1;transition-delay:1.7s}.scene.s3 .ai-card{opacity:0;scale:.9;transition-delay:0ms}.board{left:6%;bottom:2%;width:78%;padding:10px 12px 12px;transform:translateZ(95px)}.scene.s3 .board{opacity:1;scale:1}.board-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.board-cols span{font-size:10.5px;font-weight:var(--fw-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center;padding-bottom:6px;border-bottom:2px solid var(--navy-100)}.board-track{position:relative;height:44px;border-radius:10px;background:repeating-linear-gradient(90deg,var(--color-surface-sunken) 0 calc(25% - 3px),transparent calc(25% - 3px) 25%)}.lead-card{position:absolute;top:4px;left:0;width:25%;padding:0 3px;translate:calc(var(--col) * 100%) 0;transition:translate .9s cubic-bezier(.65,0,.35,1)}.lead-card b,.lead-card span{background:var(--navy-900);color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-card b{font-size:11.5px;padding:4px 8px 0;border-radius:8px 8px 0 0}.lead-card span{font-size:10.5px;color:var(--gold-200);padding:0 8px 5px;border-radius:0 0 8px 8px}.scene.is-won .lead-card b,.scene.is-won .lead-card span{background:var(--success);color:var(--white)}.reminder{right:2%;top:-3%;width:220px;display:flex;gap:10px;align-items:center;padding:11px 14px;transform:translateZ(160px);border-left:3px solid var(--wa-green)}.reminder-ico{font-size:18px}.scene.s4 .reminder{opacity:1;scale:1}.deal{left:28%;top:58%;padding:12px 18px;font-size:14px;font-weight:var(--fw-extrabold);color:var(--navy-900);background:var(--gold-500);transform:translateZ(200px)}.scene.is-deal .deal{opacity:1;scale:1.06}.scene .float{translate:0 0}.scene.s2 .ai-card,.scene.s3 .board,.scene.s4 .reminder{animation:float-bob 5s ease-in-out infinite}.scene-steps{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0;margin:0;list-style:none;counter-reset:step}.scene-steps li{counter-increment:step;position:relative;font-size:12px;font-weight:var(--fw-semibold);color:var(--text-on-navy-muted);padding-top:12px;border-top:2px solid rgba(255,255,255,.14);transition:color .3s,border-color .3s}.scene-steps li:before{content:counter(step) ". ";color:var(--gold-500)}.scene-steps li.is-active{color:var(--text-on-navy);border-top-color:var(--gold-500)}@keyframes chan-bob{0%,to{translate:calc((var(--i) - 2) * (var(--i) - 2) * var(--curve, 6px)) -5px}50%{translate:calc((var(--i) - 2) * (var(--i) - 2) * var(--curve, 6px)) 5px}}@keyframes chan-ping{0%{opacity:.9;scale:1}to{opacity:0;scale:1.35}}@keyframes scan-sweep{0%{opacity:0;top:-46px}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}@keyframes float-bob{0%,to{translate:0 -4px}50%{translate:0 5px}}@media (max-width: 959px){.scene{height:440px;max-width:560px;margin-inline:auto;width:100%}}@media (max-width: 560px){.scene{height:440px;perspective:1700px;margin-top:var(--s2)}.scene-stage{--rx: 10deg;--ry: -7deg}.chan{--curve: 0px;width:34px;height:34px;border-radius:11px;top:0;left:calc(13% + var(--i) * 16%)}.chan svg{width:18px;height:18px}.panel{left:3%;top:13%;width:94%}.panel-body{min-height:168px}.ai-card{width:84%;right:auto;left:8%;top:auto;bottom:3%}.reminder{width:74%;right:4%;top:1%}.board-cols span{font-size:9.5px;white-space:nowrap;letter-spacing:.02em}.deal{left:16%;top:54%;font-size:13px}.board{left:5%;width:86%}.scene-steps li{font-size:10.5px}}@media (prefers-reduced-motion: reduce){.scene-stage,.row,.tag,.float,.lead-card{transition:none!important}.chan,.scene .float,.scene.s2 .ai-card,.scene.s3 .board,.scene.s4 .reminder{animation:none!important}.scan,.chan:after{display:none!important}}.fx{position:relative;height:150px;margin:-6px -6px var(--s4);border-radius:14px;background:linear-gradient(160deg,var(--navy-100),#f4f1ea);perspective:700px;overflow:hidden}.fx-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateX(20deg) rotateY(-14deg) scale(.96);transition:transform .5s var(--ease-out)}.feature-card:hover .fx-stage{transform:rotateX(10deg) rotateY(-5deg) scale(1)}.fx:not(.is-on) *{animation-play-state:paused!important}.fx-shadow{box-shadow:0 10px 22px #0b154129}.fx-chip{position:absolute;left:16px;top:calc(14px + var(--i) * 24px);width:32px;height:20px;border-radius:6px;background:var(--c);color:#fff;font-size:9px;font-weight:var(--fw-extrabold);display:flex;align-items:center;justify-content:center;transform:translateZ(30px);box-shadow:0 6px 14px #0b154140;animation:fx-fly 5s ease-in-out infinite;animation-delay:calc(var(--i) * .45s)}.fx-tray{position:absolute;right:16px;top:20px;width:50%;height:110px;padding:8px;display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:12px;transform:translateZ(8px);box-shadow:0 12px 26px #0b15412e}.fx-tray-title{font-size:10px;font-weight:var(--fw-bold);color:var(--navy-900)}.fx-msg{height:18px;border-radius:6px;background:var(--grey-100);border-left:3px solid var(--c);animation:fx-stack 5s ease-out infinite;animation-delay:calc(var(--i) * .45s)}@keyframes fx-fly{0%{translate:0 0;opacity:0;scale:1}8%,30%{translate:0 0;opacity:1;scale:1}52%{translate:140px calc(51px - var(--i) * 24px);opacity:.9;scale:.55}58%,to{translate:140px calc(51px - var(--i) * 24px);opacity:0;scale:.4}}@keyframes fx-stack{0%,50%{opacity:0;translate:-10px 0}58%,92%{opacity:1;translate:0 0}to{opacity:0;translate:0 0}}.fx-bubble{position:absolute;left:16px;top:24px;width:56%;height:94px;padding:16px 14px;display:flex;flex-direction:column;gap:9px;background:#fff;border-radius:14px 14px 14px 4px;transform:translateZ(8px);box-shadow:0 12px 26px #0b15412e;overflow:hidden}.fx-line{height:8px;border-radius:4px;background:var(--grey-150)}.fx-line.w80{width:82%}.fx-line.w60{width:58%}.fx-line.w70{width:70%}.fx-beam{position:absolute;left:0;right:0;top:-30px;height:30px;background:linear-gradient(180deg,#d4a94e00,#d4a94e8c);border-bottom:2px solid var(--gold-500);animation:fx-beam 4s ease-in-out infinite}.fx-flip{position:absolute;right:16px;top:50px;width:32%;height:46px;transform-style:preserve-3d;transform:translateZ(46px);animation:fx-flip 4s ease-in-out infinite}.fx-flip span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:13px;font-weight:var(--fw-extrabold);backface-visibility:hidden;box-shadow:0 10px 22px #0b154138}.fx-flip-front{background:var(--navy-900);color:var(--gold-500)}.fx-flip-back{background:#fbe9e6;color:var(--danger);transform:rotateY(180deg)}@keyframes fx-beam{0%{top:-30px;opacity:0}8%{opacity:1}42%{top:100%;opacity:1}43%,to{top:100%;opacity:0}}@keyframes fx-flip{0%,42%{rotate:y 0deg}54%,90%{rotate:y 180deg}to{rotate:y 360deg}}.fx-cols{position:absolute;top:14px;left:14px;right:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:9.5px;font-weight:var(--fw-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center}.fx-lane{position:absolute;left:14px;right:14px;top:36px;height:96px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;transform-style:preserve-3d}.fx-slot{border-radius:10px;border:1.5px dashed var(--grey-300);background:#ffffff8c}.fx-card{position:absolute;top:24px;left:0;width:calc((100% - 16px) / 3);height:46px;border-radius:10px;background:var(--navy-900);color:#fff;font-size:12px;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #0b15414d;animation:fx-move 5s ease-in-out infinite}@keyframes fx-move{0%{translate:0 0 0;opacity:0;background:var(--navy-900)}6%,18%{translate:0 0 0;opacity:1}30%{translate:calc(50% + 4px) -10px 46px}42%,58%{translate:calc(100% + 8px) 0 0;background:var(--navy-700)}70%{translate:calc(150% + 12px) -10px 46px}82%,94%{translate:calc(200% + 16px) 0 0;opacity:1;background:var(--success)}to{translate:calc(200% + 16px) 0 0;opacity:0;background:var(--success)}}.fx-ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;animation:fx-spin 9s linear infinite}.fx-agent{position:absolute;left:-50px;top:-30px;width:100px;height:60px;transform-style:preserve-3d;transform:rotateY(calc(var(--i) * 120deg)) translateZ(80px)}.fx-face{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff;border-radius:12px;box-shadow:0 12px 24px #0b154133;transform:rotateY(calc(var(--i) * -120deg));animation:fx-spin 9s linear infinite reverse}.fx-face b{font-size:11.5px;color:var(--navy-900)}.fx-face span{font-size:9.5px;font-weight:var(--fw-bold);color:var(--gold-700);background:var(--gold-100);padding:2px 8px;border-radius:var(--radius-pill)}@keyframes fx-spin{0%{rotate:y 0deg}to{rotate:y 360deg}}.fx-chart{position:absolute;left:20px;right:20px;top:30px;bottom:18px;display:flex;align-items:flex-end;gap:10px;overflow:hidden}.fx-chart span{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--navy-500),var(--navy-900));box-shadow:5px 0 0 var(--navy-950);transform-origin:bottom;animation:fx-grow 5s ease-out infinite;animation-delay:calc(var(--i) * .12s)}.fx-chart span:nth-child(4){background:linear-gradient(180deg,var(--gold-500),var(--gold-700));box-shadow:5px 0 #8a6720}.fx-sweep{position:absolute;top:0;bottom:0;left:-34px;width:34px;background:linear-gradient(90deg,#d4a94e00,#d4a94e80);border-right:2px solid var(--gold-500);animation:fx-sweep 5s ease-in-out infinite}.fx-insight{position:absolute;left:14px;top:8px;padding:6px 10px;border-radius:var(--radius-pill);background:#fff;color:var(--navy-900);font-size:10.5px;font-weight:var(--fw-bold);box-shadow:0 10px 22px #0b154138;transform:translateZ(28px);animation:fx-pop 5s ease-out infinite}@keyframes fx-grow{0%{scale:1 .08}22%,92%{scale:1 1}to{scale:1 .08}}@keyframes fx-sweep{0%,28%{left:-34px;opacity:0}32%{opacity:1}58%{left:100%;opacity:1}60%,to{left:100%;opacity:0}}@keyframes fx-pop{0%,56%{opacity:0;scale:.8}64%,92%{opacity:1;scale:1}to{opacity:0;scale:.9}}.fx-flow{position:absolute;left:12px;right:12px;top:64px;display:flex;align-items:center;transform-style:preserve-3d}.fx-node{flex:none;padding:8px;border-radius:10px;background:#fff;color:var(--navy-900);font-size:10.5px;font-weight:var(--fw-bold);white-space:nowrap;box-shadow:0 10px 20px #0b15412e}.fx-link{flex:1;min-width:10px;height:2px;background:var(--gold-500);transform-origin:left}.fx-link:last-of-type{animation:fx-link 5s ease-out infinite}.fx-node-drag{border:1.5px solid var(--wa-green);animation:fx-drag 5s ease-in-out infinite}.fx-node-drag{position:relative}.fx-cursor{position:absolute;right:-9px;bottom:-12px;width:18px;height:18px;color:var(--navy-900);animation:fx-cursor 5s ease-in-out infinite}.fx-cursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}@keyframes fx-drag{0%{translate:-8px -36px 36px;rotate:6deg;opacity:0}10%,38%{translate:-8px -36px 36px;rotate:6deg;opacity:1}56%,92%{translate:0 0 0;rotate:0deg;opacity:1}to{translate:0 0 0;rotate:0deg;opacity:0}}@keyframes fx-cursor{0%{opacity:0}10%,56%{opacity:1}66%,to{opacity:0}}@keyframes fx-link{0%,56%{scale:0 1}66%,92%{scale:1 1}to{scale:0 1}}@media (prefers-reduced-motion: reduce){.fx *{animation:none!important}.fx-flip{rotate:y 180deg}.fx-card{translate:calc(200% + 16px) 0 0;background:var(--success)}.fx-cursor,.fx-beam,.fx-sweep{display:none}}.p3{max-width:980px;margin-inline:auto;perspective:1200px;display:grid;grid-template-columns:minmax(0,540px) minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--s6);align-items:center}.p3-frame{grid-row:1 / span 2;position:relative;border-radius:20px;background:linear-gradient(180deg,#eef1f8,#f7f4ec 62%,#efe7d6);box-shadow:0 18px 40px #0b15411f,inset 0 0 0 1px #0b15410f;overflow:hidden;transform:rotateX(6deg) rotateY(5deg);transform-origin:50% 100%;transition:transform .5s var(--ease-out)}.p3-frame:hover{transform:rotateX(2deg) rotateY(1deg)}.p3-floor{position:absolute;left:-20%;right:-20%;bottom:-32%;height:70%;transform:perspective(500px) rotateX(64deg);transform-origin:50% 0;background:repeating-linear-gradient(90deg,rgba(11,21,65,.07) 0 2px,transparent 2px 60px),repeating-linear-gradient(0deg,rgba(11,21,65,.07) 0 2px,transparent 2px 60px),linear-gradient(180deg,#e9e1cd,#ddd1b5)}.p3-svg{position:relative;display:block;width:100%;height:auto}.p3-svg text{font-family:var(--font-sans)}.p3-say{font-size:15px;font-weight:700;fill:var(--navy-900)}.p3-red{fill:var(--danger)}.p3-navy{fill:var(--navy-900);font-size:16px}.p3-small{font-size:10px;font-weight:800;fill:var(--navy-900)}.p3-gold{fill:var(--gold-500);font-size:9px}.p3-doc-title{font-size:12px;font-weight:800;fill:var(--navy-900)}.p3-key{font-size:18px}.p3-svg g{transform-box:view-box;transition:transform .7s cubic-bezier(.45,0,.25,1),opacity .45s ease}.p3-s-front{transform-origin:294px 146px}.p3-s-back{transform-origin:246px 146px}.p3-c-front{transform-origin:426px 146px}.p3-c-back{transform-origin:474px 146px}.p3-car,.p3-bow,.p3-table,.p3-phone,.p3-pen,.p3-key,.p3-stnk,.p3-bpkb,.p3-bub,.p3-confetti,.p3-grin,.p3-check,.p3-proposal,.p3-price,.p3-sphone{opacity:0}.p3-bub{transform:translateY(8px)}.p3[data-stage=inquiry] .p3-c-front{transform:rotate(132deg)}.p3[data-stage=inquiry] .p3-phone,.p3[data-stage=inquiry] .p3-bub-inquiry{opacity:1;transform:none}.p3[data-stage=cold] .p3-c-front{transform:rotate(150deg)}.p3[data-stage=cold] .p3-bub-cold{opacity:1;transform:none}.p3[data-stage=hot] .p3-c-back{transform:rotate(-150deg);animation:p3-wave-r .6s ease-in-out infinite alternate}.p3[data-stage=hot] .p3-bub-hot{opacity:1;transform:none}.p3[data-stage=hot] .p3-cust .p3-grin{opacity:1}.p3[data-stage=hot] .p3-cust .p3-smile{opacity:0}.p3[data-stage=test] .p3-car{opacity:1;animation:p3-drive 1.6s cubic-bezier(.2,.7,.2,1) both}.p3[data-stage=test] .p3-s-front{transform:rotate(-62deg)}.p3[data-stage=test] .p3-key{opacity:1}.p3[data-stage=test] .p3-bub-test{opacity:1;transform:none;transition-delay:.9s}.p3[data-stage=closing] .p3-table,.p3[data-stage=spk] .p3-table{opacity:1}.p3[data-stage=closing] .p3-s-front,.p3[data-stage=spk] .p3-s-front{transform:rotate(-55deg)}.p3[data-stage=closing] .p3-c-front,.p3[data-stage=spk] .p3-c-front{transform:rotate(50deg);animation:p3-write .32s ease-in-out .6s 7 alternate}.p3[data-stage=closing] .p3-pen,.p3[data-stage=spk] .p3-pen{opacity:1}.p3[data-stage=closing] .p3-sign,.p3[data-stage=spk] .p3-sign{animation:p3-sign 1.6s ease-out .7s both}.p3[data-stage=spk] .p3-bub-spk{opacity:1;transform:none;transition-delay:1.7s}.p3-sign{stroke-dasharray:90;stroke-dashoffset:90}.p3[data-stage=do] .p3-car{opacity:1;animation:p3-drive 1.5s cubic-bezier(.2,.7,.2,1) both}.p3[data-stage=do] .p3-bow,.p3[data-stage=stnk] .p3-bow,.p3[data-stage=bpkb] .p3-bow,.p3[data-stage=happy] .p3-bow{opacity:1}.p3[data-stage=deal] .p3-sales,.p3[data-stage=do] .p3-sales{transform:translate(14px);transition-delay:.9s}.p3[data-stage=deal] .p3-cust,.p3[data-stage=do] .p3-cust{transform:translate(-14px);transition-delay:.9s}.p3[data-stage=deal] .p3-s-front,.p3[data-stage=do] .p3-s-front{transform:rotate(-80deg);transition-delay:1.1s;animation:p3-shake-s .26s ease-in-out 1.9s 6 alternate}.p3[data-stage=deal] .p3-c-front,.p3[data-stage=do] .p3-c-front{transform:rotate(80deg);transition-delay:1.1s;animation:p3-shake-c .26s ease-in-out 1.9s 6 alternate}.p3[data-stage=do] .p3-bub-do{opacity:1;transform:none;transition-delay:1.4s}.p3[data-stage=do] .p3-grin,.p3[data-stage=bpkb] .p3-grin,.p3[data-stage=deal] .p3-grin{opacity:1}.p3[data-stage=do] .p3-smile,.p3[data-stage=bpkb] .p3-smile,.p3[data-stage=deal] .p3-smile{opacity:0}.p3[data-stage=stnk] .p3-car,.p3[data-stage=bpkb] .p3-car,.p3[data-stage=happy] .p3-car{opacity:1}.p3[data-stage=stnk] .p3-s-front,.p3[data-stage=bpkb] .p3-s-front{transform:rotate(-52deg)}.p3[data-stage=stnk] .p3-c-front,.p3[data-stage=bpkb] .p3-c-front{transform:rotate(52deg)}.p3[data-stage=stnk] .p3-stnk{opacity:1;animation:p3-pass 1.6s ease-in-out .4s both}.p3[data-stage=bpkb] .p3-bpkb{opacity:1;animation:p3-pass-arc 1.8s ease-in-out .4s both}.p3[data-stage=happy] .p3-s-front{transform:rotate(-155deg)}.p3[data-stage=happy] .p3-s-back,.p3[data-stage=happy] .p3-c-front{transform:rotate(155deg)}.p3[data-stage=happy] .p3-c-back{transform:rotate(-155deg)}.p3[data-stage=happy] .p3-sales,.p3[data-stage=happy] .p3-cust{animation:p3-bounce .55s ease-in-out infinite alternate}.p3[data-stage=happy] .p3-cust{animation-delay:.27s}.p3[data-stage=happy] .p3-grin,.p3[data-stage=happy] .p3-confetti,.p3[data-stage=happy] .p3-bub-happy{opacity:1;transform:none}.p3[data-stage=happy] .p3-smile{opacity:0}.p3-confetti rect{transform-box:fill-box;transform-origin:center}.p3[data-stage=happy] .p3-confetti rect{animation:p3-fall 1.8s linear var(--d) infinite}@keyframes p3-drive{0%{transform:translate(-620px)}to{transform:translate(0)}}@keyframes p3-wave-r{0%{transform:rotate(-140deg)}to{transform:rotate(-165deg)}}@keyframes p3-write{0%{transform:rotate(48deg)}to{transform:rotate(55deg)}}@keyframes p3-sign{to{stroke-dashoffset:0}}@keyframes p3-shake-s{0%{transform:rotate(-80deg)}to{transform:rotate(-70deg)}}@keyframes p3-shake-c{0%{transform:rotate(80deg)}to{transform:rotate(70deg)}}@keyframes p3-pass{0%,15%{transform:translate(0)}85%,to{transform:translate(92px)}}@keyframes p3-pass-arc{0%,12%{transform:translate(0)}50%{transform:translate(46px,-40px) rotate(-8deg)}88%,to{transform:translate(92px)}}@keyframes p3-bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes p3-fall{0%{transform:translateY(-20px) rotate(0)}to{transform:translate(var(--x),260px) rotate(320deg)}}.p3-caption{align-self:end;min-height:3.2em;margin:0 0 var(--s4);font-weight:var(--fw-bold);color:var(--navy-900);font-size:17px;line-height:1.45}.p3-caption b{color:var(--gold-700)}.p3-track{list-style:none;margin:0;display:grid;align-self:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px 4px;transform-style:preserve-3d}.p3-track li{position:relative;padding:9px 12px;border-radius:var(--radius-pill);background:var(--navy-100);color:var(--navy-900);font-size:12.5px;font-weight:var(--fw-semibold);text-align:center;white-space:nowrap;box-shadow:0 4px #c9cfe3;transition:transform .45s cubic-bezier(.3,1.4,.5,1),background .3s,color .3s,box-shadow .3s}.p3-track li.is-done{background:var(--navy-900);color:#fff;box-shadow:0 4px 0 var(--navy-950)}.p3-track li.is-done:after{content:"✓";position:absolute;top:-6px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--success);color:#fff;font-size:11px;line-height:18px}.p3-track li.is-active{background:var(--gold-500);color:var(--navy-900);transform:translateZ(10px) translate(4px);box-shadow:0 14px 22px #b98b2e73,0 4px 0 var(--gold-700)}@media (max-width: 899px){.p3{display:block;max-width:560px}.p3-frame{transform:rotateX(6deg)}.p3-caption{margin:var(--s5) 0 var(--s4);text-align:center;font-size:15px;min-height:2.9em}.p3-track{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:12px}.p3-track li{font-size:11px;padding:7px 4px;white-space:normal;line-height:1.2;min-height:34px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}}.p3-section-2{padding-top:0}.p3-white{fill:#fff;font-size:14px}.p3-green{fill:var(--success);font-size:18px}.p3-strike{fill:var(--text-muted);font-size:11px}.p3-strike-line{stroke-dasharray:54;stroke-dashoffset:54}.p3[data-stage=baru] .p3-bub-baru{opacity:1;transform:none;animation:p3-ping 1.2s ease-in-out .3s 2}.p3[data-stage=kontak] .p3-s-front{transform:rotate(-42deg)}.p3[data-stage=kontak] .p3-sphone{opacity:1}.p3[data-stage=kontak] .p3-c-front{transform:rotate(132deg);transition-delay:.6s}.p3[data-stage=kontak] .p3-phone{opacity:1;transition-delay:.6s}.p3[data-stage=kontak] .p3-bub-kontak{opacity:1;transform:none;transition-delay:.3s}.p3[data-stage=kualif] .p3-check{opacity:1}.p3-tick{opacity:0}.p3[data-stage=kualif] .p3-tick{animation:p3-tick .4s ease-out var(--d) both}.p3[data-stage=kualif] .p3-s-front{transform:rotate(-58deg)}.p3[data-stage=tawar] .p3-s-front{transform:rotate(-52deg)}.p3[data-stage=tawar] .p3-c-front{transform:rotate(52deg)}.p3[data-stage=tawar] .p3-proposal{opacity:1;animation:p3-pass-arc 1.8s ease-in-out .4s both}.p3[data-stage=nego] .p3-price{opacity:1}.p3[data-stage=nego] .p3-strike-line{animation:p3-strike .5s ease-out 1.5s both}.p3[data-stage=nego] .p3-bub-nego{opacity:1;transform:none}.p3[data-stage=nego] .p3-bub-nego2{opacity:1;transform:none;transition-delay:1.2s}.p3[data-stage=nego] .p3-c-front{transform:rotate(150deg)}.p3[data-stage=nego] .p3-s-front{transform:rotate(-120deg);transition-delay:1.2s}.p3[data-stage=closing] .p3-bub-closing{opacity:1;transform:none;transition-delay:1.7s}.p3[data-stage=deal] .p3-bub-deal{opacity:1;transform:none;transition-delay:1s}@keyframes p3-ping{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes p3-tick{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes p3-strike{to{stroke-dashoffset:0}}.p3-track-6{grid-template-columns:repeat(2,1fr)}@media (max-width: 899px){.p3-track-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.p3-svg g,.p3-track li{transition:none!important}.p3 *,.p3-confetti rect{animation:none!important}.p3-sign,.p3-strike-line{stroke-dashoffset:0}.p3-tick{opacity:1}}