:root{--bg: #050511;--surface: #0c0d1f;--surface-2: #12132a;--border: rgba(99,102,241,.12);--border-bright: rgba(99,102,241,.28);--indigo: #6366f1;--indigo-hi: #818cf8;--indigo-low: rgba(99,102,241,.08);--indigo-glow: rgba(99,102,241,.28);--purple: #a78bfa;--text: #ededff;--text-dim: #9ea3cc;--text-muted: #555878}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:IBM Plex Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -5%,rgba(99,102,241,.13),transparent 60%);pointer-events:none;z-index:0}.container{max-width:900px;margin:0 auto;padding:0 28px;position:relative;z-index:1}.top-nav{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#050511e0;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-back{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--text-muted);text-decoration:none;letter-spacing:.5px;transition:color .2s}.nav-back:hover{color:var(--text-dim)}.nav-brand{display:flex;align-items:center;gap:8px}.brand-icon{font-size:18px}.brand-name{font-weight:600;font-size:15px;color:var(--text)}.hero{position:relative;padding:148px 0 96px;text-align:center;overflow:hidden}.hero-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:720px;height:620px;background:radial-gradient(ellipse at center,rgba(99,102,241,.16),transparent 65%);pointer-events:none;z-index:0}.hero-badge{display:inline-block;font-family:Secular One,system-ui,sans-serif;font-size:13px;font-weight:400;letter-spacing:0;color:var(--indigo-hi);background:var(--indigo-low);border:1px solid var(--border-bright);padding:7px 18px;border-radius:100px;margin-bottom:28px;position:relative;z-index:1}.hero-title{font-size:clamp(34px,6.5vw,76px);font-weight:700;line-height:1.12;letter-spacing:-1.5px;margin-bottom:22px;position:relative;z-index:1}.gradient-text{background:linear-gradient(135deg,var(--indigo-hi),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(15px,2.2vw,17px);font-weight:300;color:var(--text-dim);max-width:580px;margin:0 auto 38px;line-height:1.8;position:relative;z-index:1}.btn-primary{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:15px;font-weight:600;color:#fff;background:var(--indigo);padding:14px 34px;border-radius:4px;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 0 28px var(--indigo-glow);position:relative;z-index:1}.btn-primary:hover{background:var(--indigo-hi);transform:translateY(-2px);box-shadow:0 6px 36px var(--indigo-glow)}.section{padding:84px 0;position:relative;z-index:1}.section-label{font-family:Rubik,system-ui,sans-serif;font-size:15px;font-weight:500;letter-spacing:0;color:var(--indigo-hi);margin-bottom:44px;text-align:center}.section-label:after{content:"";display:block;width:36px;height:2px;background:var(--indigo);margin:10px auto 0;border-radius:2px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.scenario-card{background:#0c0d1fa6;border:1px solid var(--border);border-radius:18px;padding:34px 22px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;backdrop-filter:blur(8px);transition:border-color .25s,transform .25s,box-shadow .25s}.scenario-card:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 14px 44px #6366f124}.scenario-emoji{font-size:44px;line-height:1;margin-bottom:20px;filter:drop-shadow(0 4px 14px rgba(99,102,241,.35))}.problem-text{font-size:18px;font-weight:600;color:var(--text);line-height:1.55;margin-bottom:24px;flex:1}.problem-text .punch{color:var(--text-dim);font-weight:500}.solution-chip{display:inline-flex;align-items:center;gap:7px;font-family:Rubik,system-ui,sans-serif;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--indigo),var(--purple));padding:11px 24px;border-radius:100px;box-shadow:0 4px 22px var(--indigo-glow);white-space:nowrap;transition:transform .25s,box-shadow .25s}.scenario-card:hover .solution-chip{transform:scale(1.06);box-shadow:0 6px 30px #6366f180}.form-section{padding-bottom:100px}.form-card{max-width:500px;margin:0 auto;background:var(--surface);border:1px solid var(--border-bright);border-radius:12px;padding:40px 36px;box-shadow:0 0 80px #6366f112,0 0 160px #6366f108}.form-header{text-align:center;margin-bottom:28px}.form-badge{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--indigo-hi);background:var(--indigo-low);border:1px solid var(--border-bright);padding:5px 14px;border-radius:100px;margin-bottom:14px}.form-title{font-size:26px;font-weight:700;color:var(--text);letter-spacing:-.5px;margin-bottom:8px}.form-subtitle{font-size:14px;color:var(--text-dim);line-height:1.6}.hp-field{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}.signup-form{display:flex;flex-direction:column;gap:16px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group label{font-size:13px;font-weight:500;color:var(--text-dim)}.field-group input{background:#050511cc;border:1px solid var(--border);color:var(--text);padding:12px 14px;font-size:14px;font-family:inherit;border-radius:6px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}.field-group input::-moz-placeholder{color:var(--text-muted)}.field-group input::placeholder{color:var(--text-muted)}.field-group input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-low)}.btn-submit{width:100%;background:var(--indigo);color:#fff;border:none;padding:14px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;border-radius:6px;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 0 24px var(--indigo-glow);margin-top:4px}.btn-submit:hover:not(:disabled){background:var(--indigo-hi);transform:translateY(-1px);box-shadow:0 4px 28px var(--indigo-glow)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.form-fine-print{font-size:11.5px;color:var(--text-muted);line-height:1.55;text-align:center}.feedback-msg{margin-top:20px;padding:14px 18px;border-radius:6px;font-size:14px;line-height:1.55;text-align:center}.feedback-msg.success{background:#10b98114;border:1px solid rgba(16,185,129,.25);color:#34d399}.feedback-msg.info{background:#3b82f614;border:1px solid rgba(59,130,246,.25);color:#60a5fa}.feedback-msg.error{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#f87171}.page-footer{padding:24px 32px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.footer-link{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text-dim)}.footer-copy{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--text-muted);letter-spacing:.5px}.demo-section{padding:60px 0 84px}.demo-outer{display:flex;justify-content:center}.tg-phone{filter:drop-shadow(0 20px 48px rgba(99,102,241,.22)) drop-shadow(0 4px 16px rgba(0,0,0,.55))}.tg-window{width:340px;height:530px;background:#0e1621;border-radius:14px;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,Segoe UI,system-ui,sans-serif}.tg-header{background:#17212b;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.tg-hdr-left{display:flex;align-items:center;gap:10px}.tg-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.tg-hdr-name{color:#fff;font-size:14px;font-weight:600}.tg-hdr-status{display:flex;align-items:center;gap:4px;color:#6d8c9a;font-size:11px;margin-top:1px}.tg-online-dot{width:6px;height:6px;border-radius:50%;background:#4dcd5e;display:inline-block}.tg-hdr-dots{color:#6d8c9a;font-size:18px}.tg-msgs{flex:1;overflow-y:auto;padding:10px 8px;scroll-behavior:smooth}.tg-msgs:after{content:"";display:table;clear:both}.tg-msgs::-webkit-scrollbar{width:2px}.tg-msgs::-webkit-scrollbar-thumb{background:#ffffff14}.tg-msg{clear:both;max-width:82%;padding:8px 11px;border-radius:14px;margin-bottom:4px;font-size:13.5px;line-height:1.5;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}.tg-msg.show{opacity:1;transform:translateY(0)}.tg-msg-user{float:right;background:#8774e1;color:#fff;border-bottom-right-radius:3px;direction:rtl;text-align:right}.tg-msg-bot{float:left;background:#182533;color:#d4dde6;border-bottom-left-radius:3px;direction:rtl;text-align:right}.tg-time{font-size:10.5px;color:#fff6;margin-top:4px;text-align:left;direction:ltr}.tg-msg-bot .tg-time{color:#506070}.tg-dots{display:flex;gap:4px;padding:3px 2px;align-items:center;direction:ltr}.tg-dots span{width:7px;height:7px;border-radius:50%;background:#708fa0;animation:tgBounce 1.1s ease-in-out infinite}.tg-dots span:nth-child(2){animation-delay:.18s}.tg-dots span:nth-child(3){animation-delay:.36s}@keyframes tgBounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}.tg-an-title{font-size:13.5px;font-weight:700;color:#e2ebf0;margin-bottom:2px}.tg-an-sub{font-size:12px;color:#8dafc2;margin-bottom:8px}.tg-bul{font-size:12.5px;color:#c2d4de;padding:2px 0;opacity:0;transform:translate(-6px);transition:opacity .18s ease,transform .18s ease}.tg-bul.show{opacity:1;transform:translate(0)}.tg-bul:before{content:"• ";color:#5a7a8c}.tg-tags-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;opacity:0;transition:opacity .2s;direction:ltr}.tg-tags-row.show{opacity:1}.tg-tag{font-size:11px;background:#8774e11f;border:1px solid rgba(135,116,225,.22);color:#b0a3e8;padding:2px 9px;border-radius:20px}.tg-prio{font-size:12px;color:#8dafc2;margin-top:5px;opacity:0;transition:opacity .2s}.tg-prio.show{opacity:1}.tg-hr{border:none;border-top:1px solid rgba(255,255,255,.07);margin:8px 0 6px;opacity:0;transition:opacity .2s}.tg-hr.show{opacity:1}.tg-saveq{font-size:12.5px;color:#b8cdd8;text-align:right;margin-bottom:6px;opacity:0;transition:opacity .2s}.tg-saveq.show{opacity:1}.tg-kbd{display:flex;gap:5px;opacity:0;transition:opacity .2s;direction:ltr}.tg-kbd.show{opacity:1}.tg-kbtn{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:#a8d8f0;font-size:12.5px;padding:6px 4px;border-radius:6px;text-align:center;cursor:default;transition:background .15s,border-color .15s,color .15s}.tg-cancel{color:#d07070}.tg-save.active{background:#4dcd5e2e;border-color:#4dcd5e61;color:#4dcd5e}.tg-confirm{color:#a8d8b8!important}.tg-vbubble{display:flex;align-items:center;gap:7px;direction:ltr}.tg-vicon{font-size:16px}.tg-vwave{display:flex;gap:2px;align-items:center;height:18px}.tg-vwave span{display:block;width:2.5px;background:#ffffffb3;border-radius:2px;animation:tgWave 1.1s ease-in-out infinite}.tg-vwave span:nth-child(1){height:6px}.tg-vwave span:nth-child(2){height:12px;animation-delay:.1s}.tg-vwave span:nth-child(3){height:16px;animation-delay:.2s}.tg-vwave span:nth-child(4){height:10px;animation-delay:.3s}.tg-vwave span:nth-child(5){height:14px;animation-delay:.15s}.tg-vwave span:nth-child(6){height:8px;animation-delay:.25s}.tg-vwave span:nth-child(7){height:12px;animation-delay:.05s}@keyframes tgWave{0%,to{transform:scaleY(.45);opacity:.35}50%{transform:scaleY(1);opacity:1}}.tg-vdur{font-size:11px;color:#ffffffa6}.tg-input-bar{background:#17212b;padding:7px 10px;display:flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.04);flex-shrink:0}.tg-input-wrap{flex:1;background:#242f3d;border-radius:20px;padding:7px 13px;display:flex;align-items:center;gap:7px;min-height:36px}.tg-emoji-btn{font-size:15px;flex-shrink:0}.tg-input-field{flex:1;font-size:13.5px;color:#d4dde6;direction:rtl;text-align:right;min-height:16px;word-break:break-all}.tg-blink{color:#8774e1;font-weight:300;animation:tgBlink 1s step-end infinite}@keyframes tgBlink{0%,to{opacity:1}50%{opacity:0}}.tg-send-btn{width:36px;height:36px;border-radius:50%;background:#8774e1;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .12s}.tg-kbtn{transition:background .15s,border-color .15s,color .15s}@keyframes tgTap{0%{background:#ffffff0a;color:#a8d8f0;transform:scale(1);box-shadow:none;border-color:#ffffff17}18%{background:#4dcd5e8c;color:#fff;transform:scale(.87);box-shadow:0 0 14px #4dcd5ea6;border-color:#4dcd5eb3}55%{background:#4dcd5e61;color:#4dcd5e;transform:scale(1.02);box-shadow:0 0 9px #4dcd5e73;border-color:#4dcd5e80}to{background:#4dcd5e38;color:#4dcd5e;transform:scale(1);box-shadow:none;border-color:#4dcd5e61}}.tg-save.tapped{animation:tgTap .48s ease-out forwards}.tg-save.active{background:#4dcd5e38!important;border-color:#4dcd5e61!important;color:#4dcd5e!important;font-weight:600}@media (max-width: 768px){.scenario-grid{grid-template-columns:1fr;gap:16px;max-width:440px;margin:0 auto}.scenario-card{padding:28px 20px 24px}.problem-text{font-size:17px}.form-card{padding:28px 20px}.top-nav{padding:14px 20px}}@media (max-width: 480px){.hero{padding:120px 0 64px}.page-footer{flex-direction:column;gap:8px;text-align:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
