.landing{background:var(--bg);min-height:100vh;font-family:var(--font-inter), system-ui, sans-serif;color:var(--text)}:root{--bg:#ede8dc;--bg-white:#fff;--text:#1c1917;--text-muted:#78716c;--text-faint:#a8a29e;--accent:#2a5c44;--accent-light:#2a5c441f;--secondary:#d4a039;--secondary-light:#d4a0391f;--border:#e7e5e4;--border-soft:#f0ede8;--spring:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}@keyframes fadeScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes fadeUpBlur{0%{opacity:0;filter:blur(4px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-badge{animation:fadeScale .5s var(--spring) both}.landing h1{animation:fadeUpBlur .6s var(--spring) .1s both}.hero-sub{animation:fadeUp .5s var(--spring) .2s both}.hero-actions{animation:fadeUp .5s var(--spring) .3s both}.anim-fade-up{opacity:0;transition:opacity .6s var(--spring), transform .6s var(--spring);transform:translateY(20px)}.anim-fade-up.visible{opacity:1;transform:translateY(0)}.anim-from-left{opacity:0;transition:opacity .65s var(--spring), transform .65s var(--spring);transform:translate(-24px)}.anim-from-left.visible{opacity:1;transform:translate(0)}.anim-from-right{opacity:0;transition:opacity .65s var(--spring), transform .65s var(--spring);transform:translate(24px)}.anim-from-right.visible{opacity:1;transform:translate(0)}.loop-icon-wrap{opacity:0;transition:opacity .5s var(--spring), transform .5s var(--spring);transform:scale(.6)}.loop-icon-wrap.visible{opacity:1;transform:scale(1)}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wm{animation:.4s cubic-bezier(.16,1,.3,1) both msgIn}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.widget-bubble.breathing{animation:3s ease-in-out infinite breathe}.widget-bubble:hover{animation:none;transform:scale(1.08)}.btn-primary:active,.btn-ghost:active,.nav-cta:active{transform:scale(.98)}.question-card{transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s}.question-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 28px #0000001a}nav{border-bottom:1px solid var(--border-soft);background:var(--bg);z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:14px 56px;transition:box-shadow .3s;display:flex;position:sticky;top:0}.logo{font-family:var(--font-bricolage), sans-serif;letter-spacing:-.03em;color:var(--text);align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.logo em{color:var(--accent);font-style:normal}.logo-mark{flex-shrink:0;display:block}.nav-links{align-items:center;gap:28px;display:flex}.landing .nav-links a{color:var(--text-muted);font-size:14px;font-weight:400;text-decoration:none;transition:color .15s}.landing .nav-links a:hover{color:var(--text)}.nav-cta{background:var(--accent);border-radius:8px;padding:9px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s,transform .1s;color:#fff!important}.nav-cta:hover{opacity:.88}.hero{text-align:center;max-width:800px;margin:0 auto;padding:72px 56px 60px}.hero-badge{background:var(--accent-light);color:var(--accent);letter-spacing:.01em;border-radius:100px;align-items:center;gap:7px;margin-bottom:24px;padding:5px 15px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.landing h1{font-family:var(--font-bricolage), sans-serif;letter-spacing:-.03em;color:var(--text);max-width:700px;margin-bottom:18px;margin-left:auto;margin-right:auto;font-size:clamp(22px,2.6vw,38px);font-weight:700;line-height:1.18}.hero-sub{color:var(--text-muted);white-space:nowrap;max-width:640px;margin:0 auto 32px;font-size:18px;font-weight:400;line-height:1.7}.hero-sub strong{color:var(--text);font-weight:500}.hero-actions{justify-content:center;align-items:center;gap:14px;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:10px;padding:14px 30px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .15s,transform .1s}.btn-primary:hover{opacity:.88}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:var(--bg-white);border-radius:10px;padding:13px 20px;font-size:15px;text-decoration:none;transition:color .15s,border-color .15s,transform .1s}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.demo-section{max-width:1140px;margin:80px auto 100px;padding:0 56px;scroll-margin-top:80px;position:relative}.demo-label{text-align:center;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-bottom:20px;font-size:12px;font-weight:600}.demo-chapter-title{text-align:center;font-family:var(--font-bricolage), sans-serif;letter-spacing:-.02em;color:var(--text);opacity:0;min-height:2em;transition:opacity .45s var(--spring), transform .45s var(--spring);margin:12px 0 6px;font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.3;transform:translateY(10px)}.demo-chapter-title.visible{opacity:1;transform:translateY(0)}.panel-label{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;font-size:11px;font-weight:500}.panel-column{flex-direction:column;flex-shrink:0;width:580px;display:flex}.panel-column.phone-column{flex-shrink:0;width:212px}.demo-stage{justify-content:center;align-items:flex-start;gap:48px;display:flex;position:relative}.phone-wrap{opacity:1;filter:none;flex-shrink:0;transform:none}@keyframes phoneBuzz{0%{transform:translateY(0)translate(0)}20%{transform:translateY(0)translate(-3px)}40%{transform:translateY(0)translate(3px)}60%{transform:translateY(0)translate(-2px)}80%{transform:translateY(0)translate(2px)}to{transform:translateY(0)translate(0)}}.phone-wrap.buzzing{animation:.32s ease-in-out phoneBuzz}.phone-frame{background:#1a1a1a;border:2px solid #333;border-radius:32px;width:212px;height:450px;position:relative;overflow:visible;box-shadow:0 24px 64px #0000002e,0 8px 24px #0000001f}.phone-btn-power{background:#2a2a2a;border-radius:0 3px 3px 0;width:4px;height:48px;position:absolute;top:90px;right:-4px}.phone-btn-vol1{background:#2a2a2a;border-radius:3px 0 0 3px;width:4px;height:32px;position:absolute;top:80px;left:-4px}.phone-btn-vol2{background:#2a2a2a;border-radius:3px 0 0 3px;width:4px;height:32px;position:absolute;top:124px;left:-4px}.phone-dynamic-island{z-index:20;background:#000;border-radius:5px;width:28px;height:10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-screen{background:#000;border-radius:30px;position:absolute;inset:2px;overflow:hidden}.phone-home-bar{z-index:30;background:#ffffff59;border-radius:100px;width:60px;height:4px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.phone-state{opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.phone-state.active{opacity:1;pointer-events:auto}.state-lock{background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.lock-status-bar{justify-content:space-between;align-items:center;height:28px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.lock-status-signal{align-items:flex-end;gap:2px;display:flex}.lock-status-signal span{background:#ffffff8c;border-radius:1px;width:3px}.lock-status-right{align-items:center;gap:5px;display:flex}.lock-status-wifi{width:12px;height:9px;position:relative}.lock-status-battery{color:#ffffff8c;font-size:9px;font-family:var(--font-inter), sans-serif;letter-spacing:0}.lock-time{color:#fff;letter-spacing:-.02em;font-size:28px;font-weight:300;line-height:1;font-family:var(--font-inter), sans-serif;margin-top:4px}.lock-date{color:#ffffff8c;font-size:12px;font-family:var(--font-inter), sans-serif;font-weight:400}.state-notif{background:linear-gradient(160deg,#0a0a14 0%,#111118 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.state-notif .lock-time{color:#fff;letter-spacing:-.03em;font-size:48px;font-weight:200;line-height:1;font-family:var(--font-inter), sans-serif}.state-notif .lock-date{color:#ffffff8c;font-size:13px;font-family:var(--font-inter), sans-serif}.notif-banner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .4s var(--spring);background:#fffffff5;border-radius:14px;align-items:flex-start;gap:9px;padding:10px 12px;display:flex;position:absolute;top:28px;left:10px;right:10px;transform:translateY(-110%);box-shadow:0 4px 20px #00000040}.notif-banner.shown{transform:translateY(0)}.notif-wa-icon{color:#fff;width:28px;height:28px;font-size:14px;font-weight:700;font-family:var(--font-inter), sans-serif;background:#25d366;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-content{flex:1;min-width:0}.notif-app{color:#888;font-size:10px;font-weight:600;font-family:var(--font-inter), sans-serif;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.notif-title{color:#111;font-size:12px;font-weight:600;font-family:var(--font-inter), sans-serif;margin-bottom:2px;line-height:1.3}.notif-body{color:#555;font-size:11px;font-family:var(--font-inter), sans-serif;line-height:1.4}.state-whatsapp{background:#ece5dd;flex-direction:column;display:flex}.wa-status-bar{background:#075e54;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px 0;display:flex}.wa-status-time{color:#fff;font-size:10px;font-weight:600;font-family:var(--font-inter), sans-serif;letter-spacing:0}.wa-header{background:#075e54;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px 10px;display:flex}.wa-back{color:#fff;font-size:16px;font-family:var(--font-inter), sans-serif;opacity:.9}.wa-avatar{color:#fff;width:28px;height:28px;font-size:11px;font-weight:600;font-family:var(--font-inter), sans-serif;background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;display:flex}.wa-name{color:#fff;font-size:13px;font-weight:600;font-family:var(--font-inter), sans-serif}.wa-chat{flex-direction:column;flex:1;gap:6px;padding:10px 8px;display:flex;overflow-y:auto}.wa-bubble{max-width:84%;font-size:11px;line-height:1.45;font-family:var(--font-inter), sans-serif;word-break:break-word;border-radius:10px;padding:7px 10px;position:relative}.wa-bubble.recv{color:#111;background:#fff;border-bottom-left-radius:3px;align-self:flex-start}.wa-bubble.sent{color:#111;background:#dcf8c6;border-bottom-right-radius:3px;align-self:flex-end}.wa-tick{color:#4fc3f7;text-align:right;margin-top:2px;font-size:10px}.wa-timestamp{color:#00000061;margin-top:3px;font-size:9px;display:block}.wa-bubble.sent .wa-timestamp{text-align:right}.wa-ref{color:#0000006b;border-top:1px solid #00000014;margin-top:5px;padding-top:4px;font-size:9.5px;display:block}.wa-quote{color:#000000a6;border-left:3px solid #00000026;margin:5px 0;padding:4px 8px;font-style:normal;display:block}@keyframes waBubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wa-bubble-new{animation:.4s cubic-bezier(.16,1,.3,1) both waBubbleIn}.wa-typing{background:#fff;border-radius:10px 10px 10px 3px;align-self:flex-start;align-items:center;gap:3px;max-width:60px;padding:8px 12px;display:flex}.wa-typing-dot{background:#aaa;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite waDotPulse}.wa-typing-dot:nth-child(2){animation-delay:.2s}.wa-typing-dot:nth-child(3){animation-delay:.4s}@keyframes waDotPulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.85;transform:translateY(-3px)}}.wa-compose{background:#f0f0f0;border-top:1px solid #0000001a;flex-shrink:0;align-items:center;gap:4px;padding:4px 5px;display:flex}.wa-compose-field{font-size:9px;font-family:var(--font-inter), sans-serif;color:#111;word-break:break-word;background:#fff;border:1px solid #00000014;border-radius:16px;flex:1;align-items:center;min-height:22px;padding:4px 9px;line-height:1.35;display:flex}.wa-compose-mic{background:#25d366;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;display:flex}.wa-keyboard{background:#cdd1d6;flex-shrink:0;max-height:0;transition:max-height .32s cubic-bezier(.4,0,.2,1);overflow:hidden}.wa-keyboard.visible{max-height:78px}.wa-keyboard-inner{flex-direction:column;gap:2px;padding:3px 3px 4px;display:flex}.kb-row{gap:2px;display:flex}.kb-row.indent{padding:0 7px}.kb-key{height:13px;font-size:6.5px;font-family:var(--font-inter), sans-serif;color:#000;text-transform:lowercase;background:#fff;border-radius:3px;flex:1;justify-content:center;align-items:center;font-weight:400;display:flex;box-shadow:0 1px #0000004d}.kb-key.kb-special{background:#adb5bd;font-size:6px;font-weight:500}.kb-key.kb-shift,.kb-key.kb-del{flex:1.5}.kb-key.kb-num{flex:1.8}.kb-key.kb-space{color:#333;flex:4;font-size:5.5px}.kb-key.kb-return{flex:1.8;font-size:5.5px}@keyframes sendPop{0%{transform:scale(1)}40%{transform:scale(.88)}to{transform:scale(1)}}.wa-compose-mic.sending{animation:.3s both sendPop}.wa-tick-grey{color:#00000061;font-size:9px}.wa-tick-blue{color:#53bdeb;font-size:9px;transition:color .3s}.kb-pill{background:var(--accent-light);color:var(--accent);opacity:0;max-width:260px;transition:opacity .4s ease .3s, transform .4s var(--spring) .3s;border-radius:100px;align-items:center;gap:5px;margin-top:6px;padding:5px 12px;font-size:11px;font-weight:500;line-height:1.4;display:inline-flex;transform:translateY(6px)}.kb-pill.visible{opacity:1;transform:translateY(0)}.demo-shell{background:var(--bg-white);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 4px 40px #00000012,0 1px 4px #0000000a}.browser-chrome{border-bottom:1px solid var(--border);background:#f4f2ee;align-items:center;gap:10px;padding:10px 16px;display:flex}.browser-dots{gap:5px;display:flex}.browser-dot{border-radius:50%;width:11px;height:11px}.browser-dot:first-child{background:#ff5f57}.browser-dot:nth-child(2){background:#febc2e}.browser-dot:nth-child(3){background:#28c840}.browser-bar{background:var(--bg-white);border:1px solid var(--border);color:var(--text-faint);font-size:12px;font-family:var(--font-inter), sans-serif;border-radius:6px;flex:1;max-width:320px;margin:0 auto;padding:5px 12px}.fake-website{min-height:310px;display:flex;position:relative}.fake-page{background:linear-gradient(135deg,#f9f7f3 0%,#f0ede8 100%);flex:1;padding:32px 36px}.fake-biz-name{font-family:var(--font-bricolage), sans-serif;letter-spacing:-.02em;color:var(--text);margin-bottom:6px;font-size:22px;font-weight:600}.fake-tagline{color:var(--text-muted);margin-bottom:24px;font-size:13px}.fake-hero-img{background:linear-gradient(135deg, var(--accent-light) 0%, var(--border) 100%);width:100%;height:60px;color:var(--text-faint);border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;font-size:13px;display:flex}.fake-body-lines{flex-direction:column;gap:8px;display:flex}.fake-line{background:var(--border);border-radius:100px;height:10px}.fake-line.short{width:60%}.fake-line.med{width:80%}.widget-container{z-index:10;flex-direction:column;align-items:flex-end;gap:10px;width:320px;display:flex;position:absolute;bottom:24px;right:24px}.widget-window{background:var(--bg-white);border:1px solid var(--border);transform-origin:100% 100%;border-radius:16px;width:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s;overflow:hidden;box-shadow:0 8px 40px #0000001f}.widget-header{background:var(--accent);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.widget-biz{align-items:center;gap:10px;display:flex}.widget-avatar{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:flex}.widget-biz-name{color:#fff;font-size:13px;font-weight:600}.widget-status{color:#ffffffb3;font-size:11px}.widget-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:18px;line-height:1;transition:color .15s}.widget-close:hover{color:#fff}.widget-messages{flex-direction:column;gap:8px;height:175px;padding:14px 12px;transition:opacity .25s;display:flex;overflow-y:auto}.widget-messages.fading{opacity:0}.wm{word-break:break-word;border-radius:12px;max-width:85%;padding:8px 12px;font-size:13px;line-height:1.5}.wm-guest{color:var(--text);background:#e8f5ee;border-bottom-right-radius:3px;align-self:flex-end}.wm-ai{background:var(--accent);color:#fff;border-bottom-left-radius:3px;align-self:flex-start}.wm-wrap{flex-direction:column;display:flex}.wm-wrap.ai{align-items:flex-start}.wm-wrap.guest{align-items:flex-end}.typing-indicator{background:var(--accent);border-radius:12px 12px 12px 3px;align-self:flex-start;align-items:center;gap:3px;padding:10px 12px;display:flex}.typing-dot{background:#ffffffb3;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite typingPulse}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.9;transform:translateY(-3px)}}.widget-input-row{border-top:1px solid var(--border-soft);background:var(--bg);gap:8px;padding:10px 12px;display:flex}.widget-input{border:1px solid var(--border);font-size:13px;font-family:var(--font-inter), sans-serif;color:var(--text);background:#fff;border-radius:8px;outline:none;flex:1;padding:8px 12px}.widget-input:focus{border-color:var(--accent)}.widget-input::placeholder{color:var(--text-faint)}.widget-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:opacity .15s;display:flex}.widget-send:hover{opacity:.85}.widget-chips{flex-wrap:wrap;gap:6px;padding:0 12px 8px;display:flex}.widget-chip{border:1px solid var(--accent);color:var(--accent);cursor:pointer;font-size:12px;font-family:var(--font-inter), sans-serif;white-space:nowrap;background:0 0;border-radius:100px;padding:5px 12px;transition:background .15s,color .15s}.widget-chip:hover{background:var(--accent);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.widget-toast{background:var(--accent-light);color:var(--accent);font-size:12px;font-family:var(--font-inter), sans-serif;animation:toastIn .3s var(--spring) both;text-align:center;border-radius:8px;margin:0 12px 8px;padding:7px 14px;font-weight:500}.widget-bubble{background:var(--accent);cursor:pointer;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:transform .2s;display:flex;box-shadow:0 4px 20px #00000026}.demo-mode-bar{background:var(--bg);border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.demo-mode-label{color:var(--text-faint);flex:1;min-width:0;font-size:12px}.demo-mode-label--mobile{display:none}.demo-btns{gap:4px;display:flex}.demo-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:12px;font-family:var(--font-inter), sans-serif;background:0 0;border-radius:6px;padding:4px 10px;transition:all .15s}.demo-btn.active{background:var(--text);color:#fff;border-color:var(--text)}.divider{border-top:1px solid var(--border-soft);max-width:800px;margin:0 auto;padding:0 56px}.problem{text-align:center;max-width:800px;margin:0 auto;padding:88px 56px}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);margin-bottom:16px;font-size:12px;font-weight:600}.landing h2{font-family:var(--font-bricolage), sans-serif;letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(26px,3.5vw,38px);font-weight:600;line-height:1.18}.section-sub{color:var(--text-muted);max-width:460px;margin:0 auto 48px;font-size:17px;line-height:1.65}.questions-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:48px;display:grid}.question-card{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.q-category{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px;font-weight:600}.q-text{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:500;line-height:1.4}.q-note{color:var(--text-faint);font-size:13px;line-height:1.5}.how{background:var(--text);padding:88px 56px}.how-inner{max-width:800px;margin:0 auto}.how-inner .section-label{color:#ffffff4d}.how-inner h2{color:#fff;text-align:center}.how-inner .section-sub{color:#ffffff80;text-align:center}.steps{background:#ffffff0f;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px;display:grid;overflow:hidden}.step{background:#ffffff0a;padding:30px 26px}.step-num{font-family:var(--font-bricolage), sans-serif;color:var(--accent);letter-spacing:.05em;margin-bottom:14px;font-size:13px;font-weight:600;display:block}.landing .step h3{font-family:var(--font-bricolage), sans-serif;letter-spacing:-.02em;color:#fff;margin-bottom:10px;font-size:17px;font-weight:600}.landing .step p{color:#ffffff80;font-size:14px;line-height:1.6}.learn{max-width:800px;margin:0 auto;padding:88px 56px}.learn-veil{z-index:0;pointer-events:none;background:radial-gradient(80% 60%,#0000 30%,#ede8dc8c 100%),linear-gradient(#ede8dc73 0%,#0000 18% 82%,#ede8dc73 100%);position:absolute;inset:0}.learn-header{text-align:center;z-index:1;margin-bottom:48px;position:relative}.loop-row{z-index:1;background:var(--border);z-index:1;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:relative;overflow:hidden}.loop-step{background:var(--bg-white);text-align:center;padding:24px 20px}.loop-icon{background:var(--accent-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 14px;display:flex}.loop-step strong{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.loop-step span{color:var(--text-muted);font-size:13px;line-height:1.45;display:block}.explainer{background:var(--bg-white);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:60px 56px}.explainer-inner{grid-template-columns:repeat(4,1fr);gap:32px;max-width:1120px;margin:0 auto;display:grid}.exp-icon{background:var(--accent-light);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:16px;display:flex}.exp-point strong{font-family:var(--font-bricolage), sans-serif;color:var(--text);letter-spacing:-.02em;margin-bottom:8px;font-size:17px;font-weight:600;display:block}.landing .exp-point p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.step-time{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);border-radius:4px;margin-bottom:12px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.about{background:var(--bg-white);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:88px 56px}.about-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:800px;margin:0 auto;display:grid}.about-photo{aspect-ratio:1;background:var(--border-soft);border-radius:16px;max-width:320px;position:relative;overflow:hidden}.about-photo-placeholder{width:100%;height:100%;color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.about-photo-icon{font-size:48px}.about-caption{background:#fff;border-radius:10px;padding:12px 14px;font-size:13px;position:absolute;bottom:16px;left:16px;right:16px}.about-caption strong{color:var(--text);font-weight:600;display:block}.about-caption span{color:var(--text-muted);font-size:12px}.about-eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:600}.about-heading{font-family:var(--font-bricolage), sans-serif;letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.2}.about-body{color:var(--text-muted);margin-bottom:14px;font-size:15px;line-height:1.75}.about-sig{font-family:var(--font-bricolage), sans-serif;letter-spacing:-.02em;color:var(--text);border-top:1px solid var(--border-soft);margin-top:24px;padding-top:20px;font-size:22px;font-weight:500}.about-sig span{color:var(--text-faint);font-size:13px;font-family:var(--font-inter), sans-serif;margin-top:2px;font-weight:400;display:block}.cta-section{text-align:center;max-width:600px;margin:0 auto;padding:96px 56px}.cta-section h2{margin-bottom:14px}.cta-section .section-sub{margin-bottom:36px}.request-form{gap:10px;max-width:400px;margin:0 auto 14px;display:flex}.request-form input{border:1px solid var(--border);font-size:15px;font-family:var(--font-inter), sans-serif;background:var(--bg-white);color:var(--text);border-radius:10px;outline:none;flex:1;padding:13px 16px}.request-form input:focus{border-color:var(--accent)}.request-form input::placeholder{color:var(--text-faint)}.fine-print{color:var(--text-faint);font-size:13px}footer{border-top:1px solid var(--border-soft);color:var(--text-faint);justify-content:space-between;align-items:center;padding:24px 56px;font-size:13px;display:flex}.footer-logo{font-family:var(--font-bricolage), sans-serif;letter-spacing:-.02em;color:var(--text-muted);align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.footer-logo em{color:var(--accent);font-style:normal}.demo-header--mobile,.demo-stage--mobile{display:none}@media (max-width:768px){nav,.hero,.demo-section,.problem,.about,.cta-section,.how,.learn{padding-left:24px;padding-right:24px}.steps,.loop-row,.questions-grid{grid-template-columns:1fr}.explainer-inner{grid-template-columns:repeat(2,1fr);gap:28px}.hero-sub{white-space:normal}.about-inner{grid-template-columns:1fr;gap:40px}.explainer{padding:40px 24px}.landing h1{font-size:36px}footer{text-align:center;flex-direction:column;gap:8px}.request-form{flex-direction:column}nav{padding:16px 24px}.nav-links{display:none}.demo-summary,.demo-end-overlay{inset:-24px}.demo-stage--desktop{display:none}.demo-stage--mobile{display:block}.demo-header--desktop{display:none}.demo-header--mobile{display:flex}}@media (max-width:480px){.explainer-inner{grid-template-columns:1fr;gap:24px}}.mobile-nav-btn{cursor:pointer;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:none}.mobile-nav-btn:hover{color:var(--accent)}.mobile-nav-overlay{z-index:200;background:#0000004d;position:fixed;inset:0}.mobile-nav-menu{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:16px 24px 24px;display:flex}.mobile-nav-menu a{color:var(--text);border-bottom:1px solid var(--border-soft);padding:14px 0;font-size:17px;font-weight:500;text-decoration:none;transition:color .15s;display:block}.mobile-nav-menu a:hover{color:var(--accent)}.mobile-nav-menu a:last-child{border-bottom:none}.mobile-nav-cta{text-align:center;border-radius:10px;margin-top:8px;background:var(--accent)!important;color:#fff!important;border-bottom:none!important;padding:14px!important;font-size:15px!important}.mobile-nav-cta:hover{opacity:.88}@media (max-width:768px){.mobile-nav-btn{display:flex}}.demo-end-overlay{-webkit-backdrop-filter:blur(8px);z-index:99;opacity:0;pointer-events:none;background:#faf8f4eb;border-radius:0;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:-24px -56px}.demo-end-overlay.visible{opacity:1;pointer-events:auto}.demo-end-card{text-align:center;border:1px solid var(--border);background:#fffdf9;border-radius:20px;width:calc(100% - 48px);max-width:340px;padding:36px 44px;box-shadow:0 12px 56px #0000001a,0 2px 8px #0000000d}.demo-end-logo{margin:0 auto 16px;display:block}.demo-end-heading{color:#1a1a1a;font-size:18px;font-weight:600;font-family:var(--font-bricolage), sans-serif;letter-spacing:-.02em;margin-bottom:8px;line-height:1.25}.demo-end-sub{color:#666;font-size:13px;font-family:var(--font-inter), sans-serif;margin-bottom:24px}.demo-end-btns{justify-content:center;gap:8px;display:flex}.demo-end-btn-outline{color:#2a7b5a;font-size:14px;font-family:var(--font-inter), sans-serif;cursor:pointer;background:0 0;border:1.5px solid #2a7b5a;border-radius:8px;padding:10px 20px;font-weight:500;transition:opacity .15s}.demo-end-btn-outline:hover{opacity:.75}.demo-end-btn-filled{color:#fff;font-size:14px;font-family:var(--font-inter), sans-serif;cursor:pointer;background:#2a7b5a;border:1.5px solid #2a7b5a;border-radius:8px;padding:10px 20px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-block}.demo-end-btn-filled:hover{opacity:.88}.demo-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:28px;display:flex;position:relative}.demo-chapters{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.demo-ch{font-size:12px;font-weight:500;font-family:var(--font-inter), sans-serif;cursor:pointer;border:1.5px solid var(--border);color:var(--text-muted);background:0 0;border-radius:20px;padding:6px 16px;transition:border-color .2s,color .2s,background .2s}.demo-ch:hover:not(.active){border-color:var(--text-faint);color:var(--text)}.demo-ch.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.demo-pause-btn{border:1.5px solid var(--border);background:var(--bg-white);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:border-color .2s,color .2s;display:flex;position:absolute;right:0}.demo-pause-btn:hover{border-color:var(--text-muted);color:var(--text)}#demoCursor{pointer-events:none;z-index:30;opacity:0;background:#ffffffeb;border:2px solid #00000038;border-radius:50%;width:18px;height:18px;transition:left .65s cubic-bezier(.25,1,.5,1),top .65s cubic-bezier(.25,1,.5,1),opacity .25s,transform .1s;position:absolute;box-shadow:0 2px 10px #0000002e}@keyframes cursorClick{0%{transform:scale(1)}40%{transform:scale(.65)}to{transform:scale(1)}}.demo-summary{-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:20;background:#ede8dced;justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:absolute;inset:-24px -56px}.demo-summary.visible{opacity:1;pointer-events:auto}.demo-summary-inner{text-align:center;max-width:400px;padding:0 40px}.demo-summary-heading{font-size:21px;font-weight:600;font-family:var(--font-bricolage), sans-serif;letter-spacing:-.02em;color:var(--text);margin-bottom:12px;line-height:1.25}.demo-summary-body{color:var(--text-muted);font-size:14px;line-height:1.65}.demo-replay-btn{border:1.5px solid var(--accent);color:var(--accent);font-size:14px;font-weight:500;font-family:var(--font-inter), sans-serif;cursor:pointer;background:0 0;border-radius:8px;margin-top:22px;padding:10px 24px;transition:background .15s,color .15s}.demo-replay-btn:hover{background:var(--accent);color:#fff}.wm-silent{word-break:break-word;border-radius:12px;max-width:85%;padding:8px 12px;font-size:13px;line-height:1.5}.wm-silent.wm-guest{color:var(--text);background:#e8f5ee;border-bottom-right-radius:3px;align-self:flex-end}.wm-silent.wm-ai{background:var(--accent);color:#fff;border-bottom-left-radius:3px;align-self:flex-start}.demo-header--mobile{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;position:relative}.m-nav-btn{border:1.5px solid var(--border);background:var(--bg-white);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;transition:border-color .2s,color .2s;display:flex}.m-nav-btn:disabled{opacity:.3;cursor:default}.m-nav-btn:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.m-step-dots{align-items:center;gap:6px;display:flex}.m-step-dot{background:var(--border);border-radius:50%;width:7px;height:7px;transition:background .25s,transform .25s}.m-step-dot.active{background:var(--accent);transform:scale(1.3)}.demo-pause-btn--mobile{position:absolute;right:0}.demo-stage--mobile{position:relative}.m-panel{display:none}.m-panel-active{display:block}.m-panel-label{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;font-size:11px;font-weight:500}.m-widget-shell{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000012}.m-mode-bar{background:var(--bg);border-top:1px solid var(--border-soft);color:var(--text-faint);padding:10px 16px;font-size:12px}.m-wa-shell{border:1px solid var(--border);background:#ece5dd;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000012}.m-wa-notif-area{background:linear-gradient(160deg,#0a0a14 0%,#111118 100%);flex-shrink:0;justify-content:center;align-items:center;min-height:64px;padding:16px 14px;display:flex;position:relative}.m-notif-banner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;width:100%;transition:transform .4s var(--spring), opacity .3s ease;background:#fffffff5;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex;transform:translateY(-110%);box-shadow:0 4px 20px #00000040}.m-notif-banner.shown{opacity:1;transform:translateY(0)}.m-wa-header{background:#075e54}.m-wa-chat{flex:1;min-height:160px;max-height:220px}.m-wa-compose{font-size:12px}.m-wa-compose-field{min-height:26px;font-size:12px}
