:root{--bg: #edf2f7;--surface: #ffffff;--surface-2: #f6f8fb;--line: #d5dde8;--text: #111827;--muted: #64748b;--primary: #155eef;--primary-dark: #0f4fc3;--green: #15803d;--orange: #d97706;--red: #e5484d;--purple: #7048e8;--cyan: #0891b2;--sidebar: #07111f;--shadow: 0 18px 46px rgba(15, 23, 42, .11)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,Noto Sans JP,system-ui,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}a{color:inherit;text-decoration:none}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:middle;white-space:nowrap}th{color:var(--muted);font-size:13px;font-weight:700;background:#f8fafc}td{font-size:14px}.primary,.secondary,.outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;min-height:42px;padding:0 18px;font-weight:700}.primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px #155eef38}.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.primary:disabled{background:#9fb8e5;cursor:not-allowed}.secondary,.outline{background:#fff;color:#16457f;border-color:#c6d2e1}.secondary:hover,.outline:hover{border-color:#9fb1c8;background:#f7faff}.header-cta{min-height:38px;padding:0 15px;box-shadow:none}.large{min-height:56px;padding:0 28px;font-size:18px}.full{width:100%}.landing{background:#fff;min-height:100vh}.landing-header{height:72px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(213,221,232,.9);background:#fffffff0;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-brand,.brand{border:0;background:transparent;display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:900;color:#0b2b63}.landing-header nav{display:flex;align-items:center;gap:22px;color:#26364d;font-weight:700}.hero{min-height:calc(100vh - 72px);max-height:820px;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(620px,1.35fr);gap:58px;align-items:center;padding:44px 56px 34px;overflow:hidden;background:linear-gradient(180deg,#fff,#f4f8fc)}.hero-badge{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid #bde7ca;border-radius:999px;background:#f0fbf4;color:#116b37;font-size:13px;font-weight:900;margin-bottom:18px}.hero-copy h1{font-size:50px;line-height:1.14;margin:0 0 22px;letter-spacing:0}.hero-copy p{color:#334155;font-size:18px;line-height:1.75;margin:0 0 32px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.hero-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.hero-proof-grid div{border:1px solid #d8e0ea;border-radius:8px;background:#fff;padding:14px 12px;box-shadow:0 8px 20px #0f172a0d}.hero-proof-grid strong{display:block;font-size:24px;line-height:1}.hero-proof-grid span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-top:8px}.product-preview{height:570px;border:1px solid #cfd8e5;box-shadow:0 24px 70px #0f172a2e;border-radius:10px;display:grid;grid-template-columns:184px 1fr;overflow:hidden;background:#fff}.preview-sidebar,.sidebar{background:var(--sidebar);color:#eaf2ff}.preview-sidebar{padding:22px 18px;display:flex;flex-direction:column;gap:18px}.preview-sidebar strong{font-size:18px}.preview-sidebar span{border-radius:8px;padding:9px 10px;color:#c9d8eb}.preview-sidebar span:first-of-type{background:#1369e8;color:#fff}.preview-main{padding:20px;background:#f6f8fb}.preview-topbar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dce4ee;border-radius:8px;background:#fff;padding:0 12px;margin-bottom:18px;color:#475569;font-size:13px;font-weight:800}.preview-topbar span{display:inline-flex;align-items:center;gap:8px}.preview-topbar i{width:9px;height:9px;border-radius:999px;background:var(--green);box-shadow:0 0 0 4px #e3f5e9}.preview-topbar button{border:1px solid #bfd0e4;background:#f8fbff;color:#16457f;border-radius:8px;min-height:30px;padding:0 10px;font-weight:900}.preview-title,.page-header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-title strong{display:block;font-size:22px}.preview-title small{display:block;color:var(--muted);margin-top:4px;font-weight:800}.preview-kpis,.kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.preview-kpis{grid-template-columns:repeat(4,1fr);margin:18px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 24px #0f172a0a}.kpi span{color:var(--muted);font-weight:700;font-size:13px}.kpi strong{font-size:32px;line-height:1}.kpi.blue strong{color:var(--primary)}.kpi.green strong{color:var(--green)}.kpi.orange strong{color:var(--orange)}.kpi.purple strong{color:var(--purple)}.kpi.red strong{color:var(--red)}.preview-grid,.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview-alerts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.preview-momentum{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-bottom:16px}.preview-momentum>div{border:1px solid #dbe5f0;background:#fff;border-radius:8px;padding:12px}.preview-momentum span{display:block;color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:6px}.preview-momentum strong{display:block;font-size:15px}.preview-progress,.momentum-progress{height:8px;border-radius:999px;overflow:hidden;background:#e2e8f0;margin-top:10px}.preview-progress i,.momentum-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#155eef,#12b76a)}.preview-alerts div{border:1px solid #ffd7a8;background:#fff8ec;border-radius:8px;padding:12px}.preview-alerts span{display:block;color:#9a5a00;font-size:12px;font-weight:900;margin-bottom:5px}.preview-alerts strong{color:#5b3700}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;overflow:hidden;box-shadow:0 8px 22px #0f172a0a}.panel h2,.panel h3{margin:0 0 16px}.panel h2{font-size:18px}.feature-band{border-top:1px solid var(--line);padding:64px 56px;background:#f6f8fb}.section-heading{max-width:760px;margin:0 auto 30px;text-align:center}.section-heading span,.pricing-copy span{color:var(--primary);font-size:13px;font-weight:900;text-transform:uppercase}.section-heading h2,.pricing-copy h2{font-size:32px;margin:10px 0;line-height:1.35}.section-heading p,.pricing-copy p{color:var(--muted);line-height:1.8;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 10px 24px #0f172a0a}.feature svg{color:var(--primary)}.feature h3{margin:16px 0 8px}.feature p{color:var(--muted);line-height:1.7}.flow-band,.pricing-band{padding:64px 56px;border-top:1px solid var(--line)}.flow-band{background:#fff}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flow-grid div{border:1px solid var(--line);border-radius:8px;padding:24px;background:#fff}.flow-grid b{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#eef5ff;color:var(--primary);margin-bottom:18px}.flow-grid strong,.flow-grid span{display:block}.flow-grid strong{font-size:20px;margin-bottom:9px}.flow-grid span{color:var(--muted);line-height:1.7}.pricing-band{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:center;background:#101828;color:#fff}.pricing-copy{max-width:720px}.pricing-copy span{color:#8ed3a5}.pricing-copy p{color:#c9d4e3}.pricing-card{background:#fff;color:var(--text);border-radius:8px;padding:24px;box-shadow:0 24px 60px #00000038}.price-line{display:grid;gap:6px;padding-bottom:18px;border-bottom:1px solid var(--line)}.price-line strong{font-size:30px}.price-line span{color:var(--muted);font-weight:800}.pricing-card ul{display:grid;gap:12px;list-style:none;padding:0;margin:20px 0}.pricing-card li{display:flex;align-items:center;gap:10px;color:#334155;font-weight:800}.pricing-card svg{color:var(--green)}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:linear-gradient(180deg,#ffffffc2,#edf2f7f0),var(--bg)}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;display:flex;flex-direction:column;box-shadow:8px 0 24px #0f172a1f}.brand{color:#fff;padding:0 10px 22px;font-size:22px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;border:0;border-radius:8px;padding:13px 14px;color:#d8e6f8;background:transparent;font-weight:800;text-align:left}.nav-item.active,.nav-item:hover{background:linear-gradient(135deg,#155eef,#0ea5e9);color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.13);padding:16px 8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-footer div{display:flex;flex-direction:column;gap:4px}.sidebar-footer span{color:#a9bad1;font-size:13px}.ghost-icon{border:1px solid rgba(255,255,255,.15);background:transparent;color:#eaf2ff;border-radius:8px;width:36px;height:36px}.main-area{min-width:0}.page{padding:28px}.page-header{margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.page-header h1{margin:0;font-size:28px}.trial-pill{display:inline-flex;align-items:center;border:1px solid #f0b429;color:#a65d00;background:#fff8e6;border-radius:8px;min-height:38px;padding:0 14px;font-weight:800}.wide{grid-column:span 2}.command-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #bfd3ee;background:#f3f8ff;border-radius:8px;padding:18px 20px;margin-bottom:16px}.command-strip span{display:block;color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:5px}.command-strip strong{display:block;font-size:20px}.command-strip p{color:var(--muted);margin:7px 0 0;line-height:1.6}.momentum-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin-bottom:16px}.momentum-card{display:grid;grid-template-columns:44px 1fr;gap:14px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px;box-shadow:0 10px 26px #0f172a0d}.momentum-card.featured{border-color:#b7cef7;background:linear-gradient(180deg,#fff,#f5f9ff)}.momentum-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eef5ff;color:var(--primary)}.momentum-icon.warm{background:#fff7ed;color:var(--orange)}.momentum-icon.cool{background:#ecfeff;color:var(--cyan)}.momentum-card span{display:block;color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:6px}.momentum-card strong{display:block;font-size:18px}.momentum-card p{color:var(--muted);margin:7px 0 0;line-height:1.65;font-size:13px;font-weight:700}.progress-row,.metric-row{display:grid;grid-template-columns:1fr 120px 62px;gap:12px;align-items:center;min-height:36px;border-bottom:1px solid #edf1f6}.metric-row{grid-template-columns:1fr auto auto}.progress-row div{height:8px;border-radius:999px;background:#e4eaf2;overflow:hidden}.progress-row i{display:block;height:100%;border-radius:999px;background:var(--green)}.status{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:800;background:#e9eef6;color:#334155}.status.uncalled{background:#edf2f8;color:#475569}.status.no_answer{background:#fff1dc;color:#a45500}.status.connected{background:#e8f7ef;color:#116b37}.status.not_interested{background:#f1f5f9;color:#334155}.status.appointment{background:#e8f7ef;color:#0b7a3a}.status.callback{background:#f0e9ff;color:#6430c4}.status.invalid{background:#ffe8eb;color:#b4232e}.status.trialing{background:#fff8e6;color:#995800}.status.active{background:#e8f7ef;color:#116b37}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#f8fbff,#eef3f7);position:relative;padding:96px 32px 48px}.auth-brand{position:absolute;top:24px;left:32px}.auth-shell{width:min(980px,100%);display:grid;grid-template-columns:1fr 440px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.auth-value{background:#0f2338;color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:center}.auth-value>span{color:#8ed3a5;font-weight:900;text-transform:uppercase;font-size:13px}.auth-value h2{font-size:32px;line-height:1.35;margin:14px 0 24px}.auth-value ul{display:grid;gap:14px;list-style:none;padding:0;margin:0}.auth-value li{display:flex;align-items:center;gap:10px;color:#dbe7f4;font-weight:800}.auth-value svg{color:#8ed3a5;flex:0 0 auto}.auth-card{width:100%;background:#fff;padding:34px}.auth-card h1{margin:0 0 8px}.auth-card p{color:var(--muted);line-height:1.7;margin:0 0 24px}.auth-form,.compact-form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:7px;color:#334155;font-size:13px;font-weight:800}input,select,textarea{border:1px solid #cbd5e1;border-radius:8px;min-height:40px;padding:9px 11px;background:#fff;color:var(--text)}textarea{min-height:94px;resize:vertical}.text-link{border:0;background:transparent;color:var(--primary);font-weight:800;margin-top:18px;padding:0}.error{color:var(--red);font-weight:700}.success{color:var(--green);font-weight:800}.notice{display:grid;gap:5px;border:1px solid #c7d7ee;background:#f2f7ff;border-radius:8px;padding:12px;color:#23425f;line-height:1.55}.notice strong{color:#0f2d58}.notice span{font-size:13px}.success-note{border-color:#b9e5c8;background:#f0fbf4;margin-bottom:18px}.test-login-box{display:grid;gap:9px;border-top:1px solid var(--line);margin-top:20px;background:#f8fafc;border-radius:8px;border:1px solid var(--line);padding:14px}.test-login-box strong{font-size:14px}.test-login-box span,.test-login-box small{color:var(--muted);line-height:1.55}.toolbar{justify-content:flex-start;margin-bottom:16px}.toolbar input{width:360px}.split{display:grid;grid-template-columns:360px 1fr;gap:16px;margin-bottom:16px}.call-layout{display:grid;grid-template-columns:minmax(0,1.05fr) 520px;gap:16px}.call-session-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:16px}.call-session-strip div{border:1px solid #cdd9ea;background:#fff;border-radius:8px;padding:16px 18px;box-shadow:0 10px 24px #0f172a0a}.call-session-strip span{display:block;color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:5px}.call-session-strip strong{font-size:19px}.target-card,.result-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 10px 26px #0f172a0d}.workspace-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.workspace-title span{display:block;color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:4px}.workspace-title strong{display:block;font-size:22px;line-height:1.2}.target-meta{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 18px}.target-meta span{border:1px solid var(--line);border-radius:999px;background:#f8fafc;color:#475569;padding:6px 10px;font-size:12px;font-weight:800}.target-card h2{font-size:31px;margin:6px 0 18px}.target-card h3{font-size:22px;margin:6px 0 18px}.phone-number{font-size:46px;font-weight:900;letter-spacing:0;margin:10px 0 22px;color:#0f2d58}.memo-box{min-height:120px;background:#fff8e6;border:1px solid #ffe2a5;border-radius:8px;padding:16px;line-height:1.8}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.result-helper{border:1px solid #d9e4f2;border-radius:8px;background:#f7fbff;color:#475569;padding:12px;line-height:1.65;font-size:13px;font-weight:700;margin-bottom:16px}.result{height:78px;border:1px solid transparent;border-radius:8px;font-size:19px;font-weight:900;box-shadow:0 10px 24px #0f172a0f}.result.connected{background:#eaf8f0;color:#087443;border-color:#9bd9b4}.result.no-answer{background:#fff0f1;color:#b4232e;border-color:#ffb6bf}.result.ng{background:#eef2f7;color:#334155;border-color:#cbd5e1}.result.appointment{background:#fff4e5;color:#a45500;border-color:#ffd19a}.result.callback{background:#f3edff;color:#6430c4;border-color:#d4c1ff}.result.invalid{background:#e9f8fb;color:#0e7490;border-color:#9bddea}.result.selected{outline:3px solid rgba(21,94,239,.28);outline-offset:2px;border-color:#155eef;background:#155eef;color:#fff}.date-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.empty{border:1px dashed #cbd5e1;background:#f8fafc;color:var(--muted);border-radius:8px;padding:22px;font-weight:700}.billing-panel{max-width:780px}.billing-status{display:flex;align-items:center;gap:18px;margin-bottom:22px}@media(max-width:1180px){.hero{grid-template-columns:1fr;max-height:none}.product-preview{height:560px}.feature-grid,.flow-grid{grid-template-columns:repeat(2,1fr)}.pricing-band,.auth-shell,.call-layout,.split,.momentum-grid,.call-session-strip{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.landing-header{height:auto;padding:14px 18px;align-items:flex-start;gap:14px;flex-direction:column}.landing-header nav{width:100%;gap:10px;flex-wrap:wrap}.hero,.feature-band,.flow-band,.pricing-band{padding:34px 18px}.hero-copy h1{font-size:38px}.hero-copy p{font-size:16px}.hero-proof-grid,.feature-grid,.flow-grid,.preview-alerts,.preview-momentum,.dashboard-grid,.kpi-row{grid-template-columns:1fr}.product-preview{grid-template-columns:1fr;height:auto}.preview-sidebar{display:none}.preview-kpis{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;box-shadow:none}.sidebar nav{flex-direction:row;overflow-x:auto;padding-bottom:4px}.nav-item{white-space:nowrap}.sidebar-footer{margin-top:12px}.page{padding:18px}.page-header,.command-strip,.billing-status{align-items:flex-start;flex-direction:column}.wide{grid-column:auto}.phone-number{font-size:34px}th,td{white-space:normal}}
