:root{--bg-primary:#0b0e11;--bg-secondary:#111519;--bg-card:#161b21;--bg-card-hover:#1c2229;--accent:#3b82f6;--accent-bright:#60a5fa;--accent-glow:#3b82f626;--green:#22c55e;--green-glow:#22c55e26;--red:#ef4444;--red-dim:#ef44441f;--orange:#f59e0b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#1e293b;--border-light:#2d3748;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}::selection{background:var(--accent);color:#fff}.container{max-width:1120px;margin:0 auto;padding:0 24px}.section-pad{padding:100px 0}.text-accent{color:var(--accent-bright)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-orange{color:var(--orange)}.text-muted{color:var(--text-secondary)}.btn-primary{background:var(--accent);color:#fff;font-family:var(--sans);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:10px;align-items:center;gap:10px;padding:18px 36px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 30px #3b82f64d}.btn-primary:disabled,.btn-primary:disabled:hover{opacity:.45;cursor:default;background:var(--accent);box-shadow:none;transform:none}.btn-primary svg{transition:transform .2s}.btn-primary:hover svg{transform:translate(3px)}.btn-secondary{color:var(--text-primary);font-family:var(--sans);border:1px solid var(--border-light);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent-bright);background:var(--accent-glow)}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0b0e11d9;padding:16px 0;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--sans);letter-spacing:-.03em;color:var(--text-primary);font-size:18px;font-weight:700;text-decoration:none}.nav-logo span{color:var(--accent-bright)}.nav-cta{padding:10px 22px;font-size:14px}.hero{padding:160px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.hero-badge{background:var(--accent-glow);color:var(--accent-bright);border:1px solid #3b82f633;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--serif);letter-spacing:-.03em;max-width:820px;margin-bottom:28px;font-size:clamp(40px,5.5vw,68px);font-weight:400;line-height:1.08}.hero h1 em{color:var(--accent-bright);font-style:italic}.hero-sub{color:var(--text-secondary);max-width:580px;margin-bottom:40px;font-size:19px;line-height:1.65}.hero-ctas{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:56px;display:flex}.trust-bar{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.trust-item{color:var(--text-muted);align-items:center;gap:10px;font-size:14px;display:flex}.trust-icon{width:18px;height:18px;color:var(--green);flex-shrink:0}.stats-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:48px 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.stat-number{font-family:var(--serif);letter-spacing:-.03em;margin-bottom:6px;font-size:42px;line-height:1}.stat-label{color:var(--text-muted);font-size:14px;line-height:1.4}.comparison-section{background:var(--bg-secondary)}.comparison-section h2{font-family:var(--serif);letter-spacing:-.025em;text-align:center;margin-bottom:56px;font-size:clamp(32px,4vw,48px);line-height:1.15}.comparison-table{grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto;display:grid}.comparison-col{border-radius:16px;padding:36px}.comparison-col.old{background:var(--bg-card);border:1px solid var(--border)}.comparison-col.new{background:linear-gradient(135deg,#3b82f614 0%,#22c55e0d 100%);border:1px solid #3b82f633}.comparison-col-header{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:16px;font-size:13px;font-weight:600}.comparison-col.old .comparison-col-header{color:var(--text-muted)}.comparison-col.new .comparison-col-header{color:var(--accent-bright)}.comparison-item{align-items:flex-start;gap:12px;margin-bottom:20px;font-size:15px;line-height:1.55;display:flex}.comparison-item:last-child{margin-bottom:0}.comparison-item .icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.comparison-col.old .comparison-item{color:var(--text-secondary)}.comparison-col.new .comparison-item{color:var(--text-primary)}.how-section{background:var(--bg-primary)}.how-section .section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-bright);margin-bottom:20px;font-size:13px;font-weight:600}.how-section h2{font-family:var(--serif);letter-spacing:-.025em;max-width:650px;margin-bottom:16px;font-size:clamp(32px,4vw,48px);line-height:1.15}.how-lead{color:var(--text-secondary);max-width:580px;margin-bottom:56px;font-size:18px}.how-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.how-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:36px 32px;transition:all .3s;position:relative}.how-card:hover{border-color:#3b82f64d;transform:translateY(-4px)}.how-card-num{font-family:var(--serif);color:#3b82f626;margin-bottom:16px;font-size:52px;line-height:1}.how-card h3{letter-spacing:-.01em;margin-bottom:12px;font-size:18px;font-weight:600}.how-card p{color:var(--text-secondary);font-size:15px;line-height:1.65}.how-card .tag{background:var(--accent-glow);color:var(--accent-bright);letter-spacing:.02em;border-radius:6px;margin-top:16px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.agents-section{background:var(--bg-secondary)}.agents-section .section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-bright);text-align:center;margin-bottom:20px;font-size:13px;font-weight:600}.agents-section h2{font-family:var(--serif);letter-spacing:-.025em;text-align:center;max-width:700px;margin:0 auto 16px;font-size:clamp(32px,4vw,48px);line-height:1.15}.agents-sub{color:var(--text-secondary);text-align:center;max-width:580px;margin:0 auto 48px;font-size:17px;line-height:1.65}.agent-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px;display:grid}.agent-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:32px 28px;transition:all .3s;position:relative;overflow:hidden}.agent-card:hover{border-color:var(--border-light);transform:translateY(-4px)}.agent-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;display:flex}.agent-card-icon.speed{background:#22c55e1a}.agent-card-icon.outbound{background:#3b82f61a}.agent-card-icon.ops{background:#f59e0b1a}.agent-card h3{letter-spacing:-.01em;margin-bottom:10px;font-size:18px;font-weight:700}.agent-card p{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.agent-card-features{flex-direction:column;gap:8px;display:flex}.agent-card-feat{color:var(--text-primary);align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.agent-card-feat svg{flex-shrink:0;margin-top:2px}.agent-card-feat svg.green{color:var(--green)}.agent-card-feat svg.blue{color:var(--accent-bright)}.agent-card-feat svg.orange{color:var(--orange)}.featured-convo{max-width:680px;margin:0 auto}.featured-convo-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:center;margin-bottom:16px;font-size:13px;font-weight:600}.agent-visual{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;position:relative;overflow:hidden}.agent-visual:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#0000 70%);width:200px;height:200px;position:absolute;top:0;right:0}.mock-header{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;font-size:13px;font-weight:600;display:flex}.mock-dot{border-radius:50%;width:8px;height:8px}.mock-chat{flex-direction:column;gap:14px;display:flex}.mock-msg{border-radius:12px;max-width:85%;padding:12px 16px;font-size:13px;line-height:1.55}.mock-msg.incoming{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);align-self:flex-start}.mock-msg.outgoing{background:linear-gradient(135deg,var(--accent),#2563eb);color:#fff;align-self:flex-end}.mock-msg .timestamp{opacity:.5;margin-top:6px;font-size:11px;display:block}.mock-msg.outgoing .ai-badge{opacity:.7;align-items:center;gap:4px;margin-top:4px;font-size:10px;font-weight:600;display:inline-flex}.hermes-demo{margin-top:72px;scroll-margin-top:110px}.hermes-demo-shell{background:radial-gradient(circle at 10% 0,#3b82f61f,#0000 34%),radial-gradient(circle at 100% 18%,#22c55e14,#0000 30%),linear-gradient(145deg,#0a141ffa,#050d15fa);border:1px solid #60a5fa38;border-radius:22px;grid-template-columns:minmax(0,7fr) minmax(300px,3fr);min-height:640px;display:grid;overflow:hidden;box-shadow:0 28px 90px #00000061,inset 0 1px #ffffff0a}.hermes-chat-pane,.hermes-insights-pane{min-width:0;padding:34px}.hermes-chat-pane{border-right:1px solid #94a3b82e;flex-direction:column;display:flex}.hermes-pane-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.hermes-pane-heading h3,.hermes-insights-title{letter-spacing:-.03em;color:var(--text-primary);font-size:23px;font-weight:700;line-height:1.15}.hermes-pane-heading p{max-width:540px;color:var(--text-muted);margin-top:7px;font-size:13px;line-height:1.45}.hermes-online{color:#b7c2d6;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.hermes-online span{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 18px #22c55ebf}.hermes-instance-banner{color:#c8d3e5;background:#3b82f614;border:1px solid #3b82f63d;border-radius:14px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 14px;font-size:12px;line-height:1.45;display:flex}.hermes-instance-banner strong{color:var(--accent-bright);white-space:nowrap;font-weight:700}.hermes-transcript{scrollbar-width:thin;scrollbar-color:#60a5fa59 transparent;flex:1;min-height:420px;max-height:520px;padding:2px 0 18px;overflow:auto}.hermes-empty-state{height:100%;min-height:340px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.hermes-spinner,.hermes-insight-card.loading .hermes-status-pill:before{border:2px solid #22c55e33;border-top-color:var(--green);border-radius:50%;width:16px;height:16px;animation:.9s linear infinite hermes-spin}.hermes-message-row{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.hermes-message-row.user{justify-content:flex-end}.hermes-avatar{color:#fff;background:linear-gradient(145deg,#22c55ee6,#168240eb);border:1px solid #4ade8073;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin-top:5px;font-size:15px;font-weight:800;display:flex;box-shadow:0 0 24px #22c55e33}.hermes-bubble{color:#f8fafc;background:linear-gradient(145deg,#111e2deb,#08121ef0);border:1px solid #94a3b838;border-radius:12px;max-width:min(620px,78%);padding:13px 16px 9px;font-size:15px;line-height:1.48;box-shadow:0 12px 30px #0000002e,inset 0 1px #ffffff09}.hermes-message-row.user .hermes-bubble{background:linear-gradient(145deg,#182a3ef5,#0a1523fa);border-color:#60a5fa52}.hermes-bubble span{text-align:right;color:#9aa8bd;margin-top:4px;font-size:12px;line-height:1.2;display:block}.hermes-message-row.user .hermes-bubble span{color:#7dd3fc}.hermes-bubble.thinking{gap:6px;width:76px;padding:14px 16px;display:flex}.typing-dot{background:var(--accent-bright);opacity:.35;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite hermes-typing}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.hermes-input-bar{background:#050d15c7;border:1px solid #94a3b83b;border-radius:13px;align-items:center;gap:10px;margin-top:8px;padding:10px;display:flex}.hermes-input-bar input{min-width:0;height:40px;color:var(--text-primary);font:600 14px/1 var(--sans);background:0 0;border:0;outline:0;flex:1}.hermes-input-bar input::placeholder{color:#8ea0b8}.hermes-attach,.hermes-send{border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hermes-attach{color:#99a8be;background:0 0}.hermes-attach svg,.hermes-send svg{width:20px;height:20px}.hermes-send{color:#fff;cursor:pointer;background:linear-gradient(145deg,#3b82f6,#2563eb);box-shadow:0 10px 24px #2563eb4d}.hermes-send:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.hermes-error{color:#fdba74;margin-top:10px;font-size:12px;line-height:1.4}.hermes-insights-pane{background:linear-gradient(160deg,#040e1957,#050d151a)}.hermes-insights-title{margin-bottom:18px}.hermes-insight-list{flex-direction:column;gap:12px;display:flex}.hermes-insight-card{min-height:78px;color:var(--text-primary);opacity:.78;background:linear-gradient(145deg,#091724e0,#040e18eb);border:1px solid #60a5fa33;border-radius:14px;grid-template-columns:44px 1fr;gap:14px;padding:18px 18px 16px;transition:opacity .35s,border-color .35s,box-shadow .35s,transform .35s;display:grid;transform:translateY(0)}.hermes-insight-card.expanded{box-shadow:inset 5px 0 0 var(--accent),0 18px 46px #00000047;opacity:1;border-color:#60a5fab8;transform:translateY(-1px)}.hermes-insight-card.pending{color:#a8b4c7;border-color:#94a3b824}.hermes-insight-icon{width:34px;height:34px;color:var(--green);justify-content:center;align-items:center;display:flex}.hermes-insight-card.pending .hermes-insight-icon{color:#8ea0b8}.hermes-insight-icon svg{width:27px;height:27px}.hermes-insight-body{min-width:0}.hermes-insight-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;display:flex}.hermes-insight-topline h4{letter-spacing:-.02em;font-size:16px;font-weight:800;line-height:1.25}.hermes-insight-body p{color:#b5c0d3;font-size:14px;line-height:1.4}.hermes-status-pill{color:#9fb0c7;text-transform:capitalize;background:#94a3b81f;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.hermes-status-pill.active,.hermes-status-pill.complete,.hermes-status-pill.loading{color:#22f15e;background:#22c55e1f}.hermes-insight-card.loading .hermes-status-pill:before{content:"";width:12px;height:12px}.hermes-insight-detail{opacity:0;max-height:0;margin-top:0;transition:max-height .32s,opacity .32s,margin-top .32s;overflow:hidden}.hermes-insight-card.expanded .hermes-insight-detail{opacity:1;max-height:280px;margin-top:16px}.hermes-insight-detail>span{color:#b5c0d3;font-size:13px;line-height:1.55;display:block}.hermes-insight-detail>div{color:#b8c3d5;background:#0b1725b8;border:1px solid #94a3b833;border-radius:12px;margin-top:14px;padding:13px 14px;font-size:13px;line-height:1.5}.hermes-insight-detail strong{color:#22f15e;margin-bottom:6px;font-size:13px;display:block}@keyframes hermes-spin{to{transform:rotate(360deg)}}@keyframes hermes-typing{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (max-width:768px){.agent-cards-grid{grid-template-columns:1fr}}.cases-section{background:var(--bg-primary)}.cases-section .section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--green);text-align:center;margin-bottom:20px;font-size:13px;font-weight:600}.cases-section h2{font-family:var(--serif);letter-spacing:-.025em;text-align:center;margin-bottom:56px;font-size:clamp(32px,4vw,48px);line-height:1.15}.cases-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.case-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:40px;transition:all .3s}.case-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.case-industry{color:var(--accent-bright);background:#3b82f614;border-radius:6px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.case-card h3{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:14px;font-size:26px;line-height:1.25}.case-card .case-desc{color:var(--text-secondary);margin-bottom:28px;font-size:15px;line-height:1.65}.case-metrics{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.case-metric{background:var(--bg-primary);border-radius:10px;padding:18px}.case-metric-value{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:4px;font-size:28px;line-height:1}.case-metric-value.green{color:var(--green)}.case-metric-value.blue{color:var(--accent-bright)}.case-metric-label{color:var(--text-muted);font-size:12px;line-height:1.4}.case-quote{border-top:1px solid var(--border);color:var(--text-secondary);margin-top:24px;padding-top:24px;font-size:14px;font-style:italic;line-height:1.65}.case-quote-attr{color:var(--text-primary);margin-top:8px;font-size:13px;font-style:normal;font-weight:600}.faq-section{background:var(--bg-secondary)}.faq-section .section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:center;margin-bottom:20px;font-size:13px;font-weight:600}.faq-section h2{font-family:var(--serif);letter-spacing:-.025em;text-align:center;max-width:500px;margin:0 auto 48px;font-size:clamp(32px,4vw,48px);line-height:1.15}.faq-list{max-width:740px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-item:first-child{border-top:1px solid var(--border)}.faq-question{width:100%;font-family:var(--sans);color:var(--text-primary);text-align:left;cursor:pointer;letter-spacing:-.01em;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:16px;font-weight:600;transition:color .2s;display:flex}.faq-question:hover{color:var(--accent-bright)}.faq-icon{width:24px;height:24px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.faq-item.open .faq-icon{color:var(--accent-bright);transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .35s,padding .35s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px}.faq-answer-inner{color:var(--text-secondary);padding:0 0 22px;font-size:15px;line-height:1.65}.cta-section{background:var(--bg-primary);position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(#3b82f60f 0%,#0000 70%);width:800px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-inner{text-align:center;z-index:1;position:relative}.cta-inner h2{font-family:var(--serif);letter-spacing:-.03em;max-width:680px;margin:0 auto 20px;font-size:clamp(34px,4.5vw,54px);line-height:1.12}.cta-inner p{color:var(--text-secondary);max-width:520px;margin:0 auto 40px;font-size:18px;line-height:1.65}.cta-trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-top:32px;display:flex}.cta-trust-item{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.cta-trust-item svg{color:var(--green)}.footer{border-top:1px solid var(--border);background:var(--bg-primary);padding:40px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-logo{font-family:var(--sans);letter-spacing:-.03em;color:var(--text-muted);font-size:16px;font-weight:700}.footer-logo span{color:var(--accent)}.footer-copy{color:var(--text-muted);font-size:13px}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.problem-cards,.comparison-table,.how-grid,.hermes-demo-shell{grid-template-columns:1fr}.hermes-chat-pane{border-bottom:1px solid #94a3b82e;border-right:0}.hermes-transcript{max-height:500px}.agent-block,.agent-block.reversed{direction:ltr;grid-template-columns:1fr}.cases-grid,.objections-grid{grid-template-columns:1fr}.section-pad{padding:72px 0}}@media (max-width:600px){.hero{padding:120px 0 72px}.hero-ctas{flex-direction:column;align-items:flex-start}.trust-bar{gap:20px}.stats-grid{gap:24px}.stat-number{font-size:32px}.hermes-demo{margin-top:48px}.hermes-chat-pane,.hermes-insights-pane{padding:22px}.hermes-pane-heading{flex-direction:column}.hermes-instance-banner{flex-direction:column;align-items:flex-start}.hermes-instance-banner strong{white-space:normal}.hermes-transcript{min-height:360px;max-height:460px}.hermes-bubble{max-width:86%;font-size:14px}.hermes-insight-card{grid-template-columns:34px 1fr;padding:16px}.hermes-insight-topline{flex-direction:column;align-items:flex-start}.footer-inner{text-align:center;flex-direction:column;gap:12px}.case-metrics{grid-template-columns:1fr}}.fade-up{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;padding:24px;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;width:100%;max-width:480px;padding:40px;transition:transform .3s;position:relative;transform:translateY(20px)}.modal-overlay.active .modal{transform:translateY(0)}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:28px;line-height:1;transition:color .2s;position:absolute;top:16px;right:20px}.modal-close:hover{color:var(--text-primary)}.modal-badge{background:var(--accent-glow);color:var(--accent-bright);border:1px solid #3b82f633;border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.modal-title{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:10px;font-size:28px;line-height:1.2}.modal-desc{color:var(--text-secondary);margin-bottom:28px;font-size:15px;line-height:1.6}.form-group{margin-bottom:18px}.form-group label{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.required-asterisk{color:var(--red);font-weight:800}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--sans);border-radius:10px;padding:13px 16px;font-size:15px;line-height:1.5;transition:border-color .2s}.form-group.has-error input,.form-group.has-error textarea{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-group.has-error input:focus,.form-group.has-error textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #ef44442e}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:80px}.field-error{color:#fca5a5;margin-top:6px;font-size:12px;line-height:1.35}.modal-btn{justify-content:center;width:100%;margin-top:4px}.modal-btn.loading{opacity:.7;pointer-events:none}.modal-fine{color:var(--text-muted);text-align:center;margin-top:14px;font-size:12px}.modal-btns-row{gap:12px;margin-top:4px;display:flex}.modal-btns-row .btn-secondary{flex:none}.modal-btns-row .btn-primary{flex:1}.modal-confirm-icon{background:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}@media (max-width:500px){.modal{padding:28px 24px}.modal-title{font-size:24px}.modal-btns-row{flex-direction:column}}