.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.container-wide{max-width:var(--container-wide)}section{position:relative}.header{position:fixed;top:0;left:0;right:0;z-index:50;height:72px;display:flex;align-items:center;transition:background .24s var(--ease-out),box-shadow .24s var(--ease-out),border-color .24s var(--ease-out)}.header.on-hero{color:var(--text-invert)}.header.scrolled{background:#ffffffeb;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);box-shadow:0 1px #0a25400f;color:var(--text-default)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:500;font-size:21px;letter-spacing:-.02em;color:inherit}.logo-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#8a3ffc,#635bff 60%,#00d4ff);position:relative;box-shadow:0 4px 10px #5433ff59}.logo-mark:after{content:"";position:absolute;inset:6px;border-radius:5px;background:radial-gradient(circle at 30% 30%,#ffffffb3,#fff0 60%)}.nav{display:flex;align-items:center;gap:28px}.nav a{font-size:15px;font-weight:400;opacity:.85;transition:opacity .16s}.nav a:hover{opacity:1}.header-cta{display:flex;align-items:center;gap:12px}@media(max-width:900px){.nav,.btn-login-desktop{display:none}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--r-full);font-size:15px;font-weight:500;line-height:1;border:1px solid transparent;transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),background .16s,color .16s,border-color .16s;white-space:nowrap}.btn-primary{background:var(--text-strong);color:var(--text-invert);box-shadow:0 2px 5px #0a25401f}.btn-primary:hover{background:#1a2f5a;transform:translateY(-1px);box-shadow:0 6px 16px #0a25402e}.btn-primary-light{background:#fff;color:var(--purple-700)}.btn-primary-light:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000026}.btn-ghost{background:transparent;color:inherit;padding:10px 14px}.btn-ghost:hover{opacity:.7}.btn-outline{background:transparent;color:inherit;border-color:#ffffff59}.header.scrolled .btn-outline{border-color:var(--slate-300);color:var(--text-default)}.btn-outline:hover{background:#ffffff1a}.header.scrolled .btn-outline:hover{background:var(--slate-100)}.btn-lg{padding:14px 24px;font-size:16px}.btn-arrow{font-size:1.1em;transition:transform .2s var(--ease-out);line-height:0}.btn:hover .btn-arrow{transform:translate(3px)}.btn-menu{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:10px;color:inherit;padding:0}.header.scrolled .btn-menu{border-color:var(--slate-300)}@media(max-width:900px){.btn-menu{display:inline-flex}}.mobile-nav{position:fixed;inset:0;z-index:60;background:#0a254066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-nav-panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,85vw);background:#fff;padding:28px 24px;transform:translate(100%);transition:transform .28s var(--ease-out);display:flex;flex-direction:column;gap:8px}.mobile-nav.open .mobile-nav-panel{transform:translate(0)}.mobile-nav-panel a{display:block;padding:14px 0;font-size:18px;border-bottom:1px solid var(--border-subtle);color:var(--text-default)}.mobile-nav-close{align-self:flex-end;background:transparent;border:0;font-size:28px;color:var(--text-default);padding:4px 8px;line-height:1}.mobile-nav-cta{margin-top:16px;display:flex;flex-direction:column;gap:10px}.hero{position:relative;padding:140px 0 100px;color:var(--text-invert);overflow:hidden;background:var(--grad-hero);isolation:isolate}.hero:before{content:"";position:absolute;top:-40%;right:-20%;width:80%;height:120%;background:radial-gradient(closest-side,#00e5ff59,#00e5ff00 70%);filter:blur(20px);z-index:-1}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:70%;height:100%;background:radial-gradient(closest-side,#ff4fa347,#ff4fa300 70%);filter:blur(30px);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}@media(max-width:960px){.hero{padding:120px 0 72px}.hero-grid{grid-template-columns:1fr;gap:48px}}.hero h1{font-family:var(--font-display);font-weight:300;font-size:clamp(40px,6.2vw,84px);line-height:1.02;letter-spacing:-.035em;margin:0 0 24px;color:#fff}.hero h1 .accent{background:linear-gradient(90deg,#a6f,#00e5ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}.hero-sub{font-size:clamp(17px,1.5vw,21px);color:#ffffffc7;line-height:1.55;max-width:520px;margin:0 0 36px}.hero-ctas{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.hero-note{margin-top:20px;font-size:14px;color:#fff9;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-note-dot{width:6px;height:6px;border-radius:50%;background:var(--wa-500);box-shadow:0 0 0 4px #25d36638;display:inline-block;margin-right:8px}.hero-visual{position:relative;min-height:520px}@media(max-width:960px){.hero-visual{min-height:440px}}.logos{padding:60px 0 40px;background:var(--bg-page);border-bottom:1px solid var(--border-subtle)}.logos-head{text-align:center;font-size:14px;font-weight:500;color:var(--text-soft);margin-bottom:28px;letter-spacing:.02em}.logos-row{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,56px);flex-wrap:wrap;opacity:.65}.logos-row svg{height:28px;width:auto;color:var(--slate-600)}.section-pad{padding:var(--space-section) 0}@media(max-width:900px){.section-pad{padding:80px 0}}.section-head{display:flex;flex-direction:column;gap:12px;margin-bottom:56px;max-width:680px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center;align-items:center}.product-row{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.product-row.reverse{grid-template-columns:1.1fr 1fr}.product-row.reverse .product-copy{order:2}.product-row.reverse .product-visual{order:1}@media(max-width:960px){.product-row,.product-row.reverse{grid-template-columns:1fr;gap:48px}.product-row.reverse .product-copy{order:1}.product-row.reverse .product-visual{order:2}}.product-copy h2{margin:8px 0 16px}.product-copy p.lead{margin:0 0 28px;max-width:480px}.feature-list{list-style:none;padding:0;margin:0 0 36px;display:flex;flex-direction:column;gap:16px}.feature-list li{display:flex;align-items:flex-start;gap:14px;font-size:16px;color:var(--text-default)}.feature-check{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#635bff,#8a3ffc);display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-top:1px}.feature-check.wa{background:linear-gradient(135deg,#25d366,#128c7e)}.feature-text{line-height:1.5}.feature-text strong{color:var(--text-strong);font-weight:500}.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--purple-500);font-size:15px;transition:gap .16s var(--ease-out)}.link-arrow:hover{gap:10px}.link-arrow.wa{color:var(--wa-600)}.sites-bg{background:linear-gradient(180deg,#fff,#f6f9fc)}.wa-bg{background:#fff;position:relative;overflow:hidden}.wa-bg:before{content:"";position:absolute;top:10%;left:-5%;width:50%;height:80%;background:radial-gradient(closest-side,rgba(37,211,102,.08),transparent 70%);z-index:0}.wa-bg>.container{position:relative;z-index:1}.how-bg{background:linear-gradient(180deg,#f6f9fc,#fff)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.steps:before{content:"";position:absolute;top:32px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--slate-300) 20%,var(--slate-300) 80%,transparent);z-index:0}@media(max-width:900px){.steps{grid-template-columns:1fr;gap:32px}.steps:before{display:none}}.step{position:relative;padding-top:0;z-index:1}.step-num{width:64px;height:64px;border-radius:50%;background:#fff;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:400;font-size:26px;color:var(--purple-500);margin-bottom:24px;box-shadow:var(--shadow-sm)}.step h3{margin:0 0 10px;font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:-.015em;color:var(--text-strong)}.step p{margin:0;color:var(--text-muted);font-size:16px;line-height:1.55}.pricing-bg{background:var(--bg-page)}.pricing-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--slate-100);border-radius:var(--r-full);margin:0 auto 48px}.pricing-toggle button{padding:8px 18px;border:0;background:transparent;font-size:14px;font-weight:500;color:var(--text-muted);border-radius:var(--r-full);position:relative}.pricing-toggle button.active{background:#fff;color:var(--text-strong);box-shadow:var(--shadow-sm)}.pricing-toggle-badge{display:inline-block;margin-left:6px;padding:2px 8px;background:var(--wa-500);color:#fff;font-size:11px;font-weight:600;border-radius:var(--r-full);letter-spacing:.02em;vertical-align:1px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}@media(max-width:960px){.plans{grid-template-columns:1fr;gap:20px}}.plan{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--r-xl);padding:40px 32px;display:flex;flex-direction:column;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.plan:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-featured{position:relative;background:var(--grad-pricing);color:#fff;border:0;transform:scale(1.03);overflow:visible}.plan-featured:hover{transform:scale(1.03) translateY(-4px)}.plan-featured:before{content:"";position:absolute;inset:0;border-radius:var(--r-xl);background:radial-gradient(circle at 70% 10%,rgba(255,255,255,.2),transparent 60%);pointer-events:none}.plan-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#fff;color:var(--purple-600);padding:6px 14px;border-radius:var(--r-full);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-md);white-space:nowrap;z-index:2}.plan-name{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--purple-500);margin:0 0 12px}.plan-featured .plan-name{color:#ffffffd9}.plan-tagline{font-size:15px;color:var(--text-muted);margin:0 0 24px;line-height:1.5;min-height:3em}.plan-featured .plan-tagline{color:#ffffffd9}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.plan-price .currency{font-family:var(--font-display);font-size:24px;font-weight:400;color:var(--text-muted)}.plan-featured .plan-price .currency{color:#ffffffd9}.plan-price .value{font-family:var(--font-display);font-size:56px;font-weight:300;line-height:1;letter-spacing:-.03em;color:var(--text-strong)}.plan-featured .plan-price .value{color:#fff}.plan-period{font-size:14px;color:var(--text-soft);margin-bottom:28px}.plan-featured .plan-period{color:#ffffffbf}.plan-features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:14px;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;color:var(--text-default)}.plan-features li>span{flex:1;min-width:0}.plan-featured .plan-features li{color:#fff}.plan-features svg{flex-shrink:0;margin-top:3px;color:var(--wa-500)}.plan-featured .plan-features svg{color:#fff}.plan .btn-plan{width:100%;justify-content:center;padding:14px 20px;font-size:15px}.faq-bg{background:linear-gradient(180deg,#fff,#f6f9fc)}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:flex-start}@media(max-width:900px){.faq-grid{grid-template-columns:1fr;gap:32px}}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-item:first-child{border-top:1px solid var(--border-subtle)}.faq-q{width:100%;text-align:left;background:transparent;border:0;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-display);font-weight:400;font-size:19px;letter-spacing:-.01em;color:var(--text-strong);cursor:pointer}.faq-q:hover{color:var(--purple-500)}.faq-icon{width:28px;height:28px;border-radius:50%;background:var(--slate-100);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;transition:transform .24s var(--ease-out),background .2s}.faq-item[data-open=true] .faq-icon{transform:rotate(45deg);background:var(--purple-500);color:#fff}.faq-a{max-height:0;overflow:hidden;transition:max-height .32s var(--ease-in-out)}.faq-item[data-open=true] .faq-a{max-height:400px}.faq-a-inner{padding:0 40px 24px 0;color:var(--text-muted);font-size:16px;line-height:1.6}.cta{padding:120px 0;background:var(--grad-cta);color:#fff;text-align:center;overflow:hidden;position:relative}.cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:200%;background:radial-gradient(closest-side,rgba(138,63,252,.35),transparent 70%);pointer-events:none}.cta h2{position:relative;font-family:var(--font-display);font-weight:300;font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.03em;margin:0 0 20px;color:#fff}.cta p{position:relative;font-size:clamp(17px,1.4vw,20px);color:#ffffffc7;max-width:560px;margin:0 auto 36px}.cta-actions{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:12px}.cta-note{font-size:13px;color:#ffffff8c}.footer{background:var(--slate-900);color:#ffffffb3;padding:72px 0 32px}.footer-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}@media(max-width:960px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:600px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}.footer-brand .logo{color:#fff}.footer-brand p{margin:16px 0 0;font-size:14px;color:#ffffff8c;max-width:280px;line-height:1.55}.footer h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#fffffff2;margin:0 0 20px}.footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer li a{font-size:14px;color:#fff9;transition:color .16s}.footer li a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;gap:24px;flex-wrap:wrap}.footer-copy{font-size:13px;color:#ffffff80}.footer-badges{display:flex;gap:12px;align-items:center}.footer-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(255,255,255,.15);border-radius:var(--r-full);font-size:12px;font-weight:500;color:#ffffffbf}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.tweaks{position:fixed;bottom:20px;right:20px;width:280px;z-index:80;background:#1a1f36f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;font-family:var(--font-body);font-size:13px;box-shadow:0 20px 50px #0000004d;display:none}.tweaks.open{display:block}.tweaks-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tweaks-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#ffffff80}.tweaks-close{background:transparent;border:0;color:#fff9;font-size:16px;padding:2px 6px;line-height:1}.tweak-row{margin-bottom:14px}.tweak-row label{display:block;font-size:12px;color:#fff9;margin-bottom:6px}.tweak-swatches{display:flex;gap:6px}.tweak-swatch{flex:1;height:28px;border-radius:7px;border:2px solid transparent;cursor:pointer;transition:transform .12s}.tweak-swatch:hover{transform:translateY(-1px)}.tweak-swatch.active{border-color:#fff}.tweak-seg{display:flex;background:#ffffff0f;border-radius:8px;padding:2px}.tweak-seg button{flex:1;padding:6px 8px;background:transparent;border:0;border-radius:6px;color:#fff9;font-size:12px;font-weight:500;cursor:pointer}.tweak-seg button.active{background:#ffffff26;color:#fff}.tweak-check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#ffffffd9}.tweak-check input{accent-color:#635bff}.mobile-frame-wrap{position:fixed;inset:0;z-index:70;background:#0a2540b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px}.mobile-frame-wrap.open{display:flex}.mobile-frame{width:390px;height:min(844px,90vh);background:#111;border-radius:48px;padding:10px;box-shadow:0 40px 80px #00000080;position:relative}.mobile-frame-inner{width:100%;height:100%;border-radius:40px;overflow:hidden;background:#fff;position:relative}.mobile-frame iframe{width:100%;height:100%;border:0}.mobile-frame-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:120px;height:28px;background:#111;border-radius:14px;z-index:2}.mobile-frame-close{position:absolute;top:-48px;right:0;background:#fff;border:0;border-radius:var(--r-full);padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-md)}.notebook{position:absolute;top:40px;left:-40px;width:620px;max-width:100%;filter:drop-shadow(0 40px 60px rgba(10,37,64,.35));transform:perspective(1800px) rotateY(-8deg) rotateX(4deg);transform-style:preserve-3d}@media(max-width:1200px){.notebook{width:540px;left:-20px}}@media(max-width:960px){.notebook{position:relative;top:0;left:0;width:100%;max-width:560px;margin:0 auto;transform:perspective(1600px) rotateY(-6deg) rotateX(3deg)}}.notebook-screen{background:#1a1f36;border-radius:14px 14px 6px 6px;padding:10px 10px 0;border:1px solid #2a2f4a}.notebook-bar{display:flex;align-items:center;gap:5px;padding:0 0 7px}.notebook-bar span{width:8px;height:8px;border-radius:50%;background:#555}.notebook-bar span:nth-child(1){background:#ff5f56}.notebook-bar span:nth-child(2){background:#ffbd2e}.notebook-bar span:nth-child(3){background:#27c93f}.notebook-bar .url{margin-left:12px;flex:1;background:#2a2f4a;border-radius:5px;padding:4px 10px;font-size:10px;color:#a3acb9;font-family:var(--font-mono)}.notebook-screen-inner{aspect-ratio:16/10;background:#fff;border-radius:3px;overflow:hidden;position:relative}.notebook-base{height:14px;margin:0 -22px;background:linear-gradient(180deg,#2a2f4a,#1a1f36,#0f1224);border-radius:0 0 14px 14px;position:relative}.notebook-base:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:#0a0d1c;border-radius:0 0 6px 6px}.site-mock{width:100%;height:100%;background:#fffaf5;display:flex;flex-direction:column;font-size:9px;color:#2a2416}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#fff;border-bottom:1px solid #f0e6d8}.site-logo{font-family:Georgia,serif;font-size:13px;font-weight:600;font-style:italic;color:#7a4a1a}.site-nav-links{display:flex;gap:14px;color:#6b5a3f}.site-nav-cta{background:#c65a1f;color:#fff;padding:4px 10px;border-radius:4px;font-weight:500}.site-hero{flex:1;background:linear-gradient(135deg,#fff5e6eb,#ffdcb4b3),radial-gradient(circle at 70% 50%,#c65a1f,#7a2e08);padding:20px;display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center}.site-hero-copy h1{font-family:Georgia,serif;font-size:22px;font-weight:700;line-height:1.05;margin:0 0 8px;color:#2a1508}.site-hero-copy p{font-size:9px;color:#5a3a1a;margin:0 0 12px;line-height:1.4}.site-hero-btns{display:flex;gap:6px}.site-btn{padding:5px 10px;border-radius:4px;font-size:8px;font-weight:600;background:#c65a1f;color:#fff}.site-btn.outline{background:transparent;color:#5a3a1a;border:1px solid #5a3a1a}.site-plate{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,#f4c77a,#c8872a 40%,#7a4a1a,#3a2108);box-shadow:inset -8px -10px 20px #0000004d,0 10px 20px #3a210866;position:relative}.site-plate:before{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd98a,#c65a1f 60%,#5a2608)}.site-plate:after{content:"";position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff5e0 0%,transparent 60%)}.site-strip{display:flex;gap:6px;padding:10px 20px;background:#fff;border-top:1px solid #f0e6d8}.site-tag{padding:3px 7px;border-radius:4px;background:#fff5e0;color:#7a4a1a;font-size:8px;font-weight:500}.editor-panel{position:absolute;bottom:-30px;right:-50px;width:240px;background:#fff;border-radius:12px;box-shadow:var(--shadow-mockup);padding:12px;border:1px solid var(--border-subtle);z-index:2;transform:translateZ(20px)}@media(max-width:960px){.editor-panel{bottom:-20px;right:-10px;width:200px}}.editor-panel-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--text-strong);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.editor-panel-head svg{color:var(--purple-500)}.editor-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:11px;color:var(--text-muted)}.editor-swatch{display:flex;gap:4px}.editor-swatch span{width:16px;height:16px;border-radius:4px;border:1px solid var(--border-subtle)}.editor-toggle{width:28px;height:16px;background:var(--purple-500);border-radius:8px;position:relative}.editor-toggle:after{content:"";position:absolute;top:2px;right:2px;width:12px;height:12px;background:#fff;border-radius:50%}.phone{position:absolute;right:0;top:0;width:280px;background:#1a1f36;border-radius:40px;padding:10px;box-shadow:var(--shadow-mockup);border:1px solid #2a2f4a;transform:perspective(1400px) rotateY(10deg) rotateX(2deg) translateZ(0);z-index:3}@media(max-width:1200px){.phone{width:250px}}@media(max-width:960px){.phone{position:relative;right:auto;top:auto;margin:24px auto 0;transform:perspective(1400px) rotateY(6deg)}}.phone-screen{border-radius:32px;background:#e5ddd5;overflow:hidden;position:relative;aspect-ratio:9/19}.phone-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:90px;height:22px;background:#1a1f36;border-radius:12px;z-index:3}.wa-header{background:#075e54;padding:36px 14px 10px;display:flex;align-items:center;gap:10px;color:#fff}.wa-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#c65a1f,#7a2e08);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.wa-contact{flex:1;min-width:0}.wa-name{font-size:13px;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-status{font-size:10px;color:#fffc}.wa-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#25d366;margin-right:4px;vertical-align:middle}.wa-icons{display:flex;gap:12px;color:#ffffffd9}.wa-icons svg{width:18px;height:18px}.wa-body{padding:12px 10px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(#e5ddd5d9,#e5ddd5d9),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><text x='4' y='20' font-size='14' opacity='0.08' fill='%23075e54'>☕</text></svg>");min-height:300px}.wa-bubble{max-width:82%;padding:7px 10px;border-radius:8px;font-size:11.5px;line-height:1.35;position:relative;box-shadow:0 1px .5px #0000001f;color:#1a1f36}.wa-bubble.sent{align-self:flex-end;background:#dcf8c6;border-bottom-right-radius:2px}.wa-bubble.received{align-self:flex-start;background:#fff;border-bottom-left-radius:2px}.wa-bubble .time{font-size:8.5px;color:#1a1f3673;margin-left:6px;display:inline-block}.wa-bubble.bot:before{content:"Bot";display:inline-block;background:linear-gradient(135deg,#635bff,#8a3ffc);color:#fff;font-size:8.5px;font-weight:600;padding:1px 5px;border-radius:3px;margin-right:5px;vertical-align:1px}.wa-typing{align-self:flex-start;background:#fff;border-radius:8px 8px 8px 2px;padding:9px 12px;display:flex;gap:3px;box-shadow:0 1px .5px #0000001f}.wa-typing span{width:6px;height:6px;border-radius:50%;background:#8792a2;animation:wa-dot 1.3s infinite}.wa-typing span:nth-child(2){animation-delay:.18s}.wa-typing span:nth-child(3){animation-delay:.36s}@keyframes wa-dot{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}.wa-compose{padding:8px;background:#f0f0f0;display:flex;align-items:center;gap:6px}.wa-compose-input{flex:1;background:#fff;border-radius:20px;padding:6px 12px;font-size:10px;color:#a3acb9}.wa-compose-send{width:28px;height:28px;border-radius:50%;background:#075e54;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.wa-compose-send svg{width:14px;height:14px}.wa-bubble.anim,.wa-typing.anim{opacity:0;transform:translateY(8px);transition:opacity .24s var(--ease-out),transform .24s var(--ease-out)}.wa-bubble.anim.in,.wa-typing.anim.in{opacity:1;transform:translateY(0)}.editor-big{background:#fff;border-radius:16px;box-shadow:var(--shadow-mockup);border:1px solid var(--border-subtle);overflow:hidden;transform:perspective(2000px) rotateY(-6deg) rotateX(2deg);transform-style:preserve-3d}.editor-big-topbar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f6f9fc;border-bottom:1px solid var(--border-subtle)}.editor-big-dots{display:flex;gap:5px}.editor-big-dots span{width:10px;height:10px;border-radius:50%;background:var(--slate-300)}.editor-big-dots span:nth-child(1){background:#ff5f56}.editor-big-dots span:nth-child(2){background:#ffbd2e}.editor-big-dots span:nth-child(3){background:#27c93f}.editor-big-tabs{display:flex;gap:3px;margin-left:12px;flex:1}.editor-big-tab{padding:6px 12px;font-size:11px;color:var(--text-muted);border-radius:6px}.editor-big-tab.active{background:#fff;color:var(--text-strong);box-shadow:var(--shadow-xs)}.editor-big-url{background:#fff;border:1px solid var(--border-subtle);border-radius:6px;padding:5px 10px;font-size:11px;color:var(--text-soft);font-family:var(--font-mono);display:flex;align-items:center;gap:6px}.editor-big-body{display:grid;grid-template-columns:220px 1fr 200px;min-height:380px}@media(max-width:700px){.editor-big-body{grid-template-columns:1fr;min-height:280px}.editor-big-sidebar,.editor-big-panel{display:none}}.editor-big-sidebar{background:#fafbfd;border-right:1px solid var(--border-subtle);padding:16px 12px}.editor-big-section{margin-bottom:18px}.editor-big-section-head{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin-bottom:8px}.editor-big-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:12px;color:var(--text-default);cursor:pointer}.editor-big-item.active{background:#635bff1a;color:var(--purple-500)}.editor-big-item svg{width:14px;height:14px;color:var(--text-muted)}.editor-big-item.active svg{color:var(--purple-500)}.editor-big-canvas{padding:24px;background:radial-gradient(circle at 1px 1px,var(--slate-200) 1px,transparent 1px);background-size:16px 16px;background-color:#fdfdfe;position:relative}.editor-big-page{background:#fff;border-radius:6px;box-shadow:var(--shadow-md);min-height:340px;overflow:hidden;position:relative}.editor-big-page .site-mock{font-size:8px}.editor-big-page .site-hero{padding:16px}.editor-big-page .site-hero-copy h1{font-size:18px}.editor-big-selected{position:absolute;left:40px;top:90px;right:40px;height:80px;border:2px solid var(--purple-500);border-radius:4px;pointer-events:none}.editor-big-selected:before{content:"Hero Section";position:absolute;top:-22px;left:-2px;background:var(--purple-500);color:#fff;font-size:10px;font-weight:500;padding:3px 8px;border-radius:4px 4px 0 0}.editor-big-handle{position:absolute;width:8px;height:8px;background:#fff;border:2px solid var(--purple-500);border-radius:50%}.editor-big-handle.tl{top:-5px;left:-5px}.editor-big-handle.tr{top:-5px;right:-5px}.editor-big-handle.bl{bottom:-5px;left:-5px}.editor-big-handle.br{bottom:-5px;right:-5px}.editor-big-panel{background:#fafbfd;border-left:1px solid var(--border-subtle);padding:16px 12px}.editor-big-prop{margin-bottom:14px}.editor-big-prop-label{font-size:10px;font-weight:600;color:var(--text-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.06em}.editor-big-prop-val{background:#fff;border:1px solid var(--border-subtle);border-radius:5px;padding:5px 8px;font-size:11px;color:var(--text-default);display:flex;align-items:center;justify-content:space-between}.editor-big-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.editor-big-colors span{aspect-ratio:1;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.inbox{background:#fff;border-radius:16px;box-shadow:var(--shadow-mockup);border:1px solid var(--border-subtle);overflow:hidden;display:grid;grid-template-columns:260px 1fr;min-height:460px;transform:perspective(2000px) rotateY(5deg) rotateX(1.5deg);transform-style:preserve-3d;position:relative}@media(max-width:700px){.inbox{grid-template-columns:1fr;min-height:400px}.inbox-list{display:none}}.inbox-list{background:#fafbfd;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column}.inbox-list-head{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.inbox-list-head h4{margin:0;font-family:var(--font-display);font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--text-strong)}.inbox-filter-pill{font-size:10px;padding:2px 8px;border-radius:10px;background:var(--wa-500);color:#fff;font-weight:600}.inbox-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);cursor:pointer}.inbox-item.active{background:#fff;border-left:3px solid var(--purple-500);padding-left:11px}.inbox-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px}.inbox-main{flex:1;min-width:0}.inbox-row1{display:flex;justify-content:space-between;gap:8px}.inbox-name{font-size:13px;font-weight:500;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-time{font-size:10px;color:var(--text-soft);flex-shrink:0}.inbox-preview{font-size:11px;color:var(--text-muted);line-height:1.3;margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.inbox-badges{display:flex;gap:4px;margin-top:4px}.inbox-badge{font-size:9px;padding:1px 6px;border-radius:8px;font-weight:500}.inbox-badge.bot{background:#635bff1a;color:var(--purple-500)}.inbox-badge.human{background:#25d3661f;color:var(--wa-600)}.inbox-badge.new{background:#ff4fa3;color:#fff}.inbox-chat{display:flex;flex-direction:column;min-width:0;background:#f6f9fc}.inbox-chat-head{padding:12px 18px;background:#fff;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px}.inbox-chat-name{font-size:14px;font-weight:500;color:var(--text-strong)}.inbox-chat-sub{font-size:11px;color:var(--text-soft)}.inbox-tag-bot{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:4px 10px;border-radius:10px;background:#635bff1a;color:var(--purple-500)}.inbox-tag-bot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--purple-500);animation:pulse 1.8s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.inbox-chat-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px;overflow:hidden;background:linear-gradient(#e5ddd566,#e5ddd566)}.inbox-chat-body .wa-bubble{font-size:12.5px;max-width:70%}.inbox-chat-compose{padding:10px 16px;background:#fff;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px}.inbox-chat-input{flex:1;background:var(--slate-100);border-radius:20px;padding:8px 14px;font-size:12px;color:var(--text-soft)}.inbox-chat-send{width:32px;height:32px;border-radius:50%;background:var(--wa-500);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bot-flow{position:absolute;top:-50px;right:-40px;width:180px;background:#fff;border-radius:12px;box-shadow:var(--shadow-mockup);border:1px solid var(--border-subtle);padding:12px;z-index:3;transform:rotate(3deg);font-size:11px}.bot-flow .bot-flow-node{padding:6px 8px;font-size:10px}@media(max-width:1100px){.bot-flow{right:-20px;width:170px}}@media(max-width:960px){.bot-flow{right:-10px;top:-36px;width:170px;transform:rotate(2deg)}}.bot-flow-head{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-strong);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.bot-flow-head svg{color:var(--purple-500)}.bot-flow-node{padding:8px 10px;border-radius:6px;font-size:11px;margin-bottom:6px;display:flex;align-items:center;gap:6px;border:1px solid var(--border-subtle)}.bot-flow-node.trigger{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.bot-flow-node.action{background:#635bff0f;color:var(--purple-600);border-color:#635bff33}.bot-flow-node.human{background:#25d36614;color:var(--wa-600);border-color:#25d36633}.bot-flow-node .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.bot-flow-line{height:8px;width:1px;background:var(--border-default);margin-left:13px}