@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:wght@600;700&display=swap";
:root{--green:#3a9e4f;--green-dark:#2a7a3c;--green-light:#e8f5ec;--green-pale:#f3faf5;--charcoal:#2d2d2d;--gray:#6b7280;--gray-light:#f5f5f3;--border:#e2e8e4;--white:#fff}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--charcoal);margin:0;font-family:DM Sans,sans-serif;line-height:1.6}a{color:inherit}button,input,textarea,select{font:inherit}.nav{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;padding:0 2rem;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:64px;margin:0 auto;display:flex}.brand{color:var(--charcoal);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--green);width:38px;height:38px;color:var(--white);border-radius:10px;place-items:center;font-size:13px;font-weight:700;display:grid}.nav-links{align-items:center;gap:1.25rem;display:flex}.nav-links a{color:var(--gray);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links .nav-link-active{color:var(--green)}.session-chip{border:1px solid var(--border);background:var(--white);color:var(--gray);border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.session-chip-active{padding-right:46px;position:relative}.session-chip button{background:var(--green-light);color:var(--green-dark);cursor:pointer;border:0;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.session-chip small{color:var(--gray);font-size:10px;position:absolute;bottom:-16px;right:10px}.btn-nav,.btn-primary,.btn-outline{border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .1s;display:inline-flex}.btn-nav{background:var(--green);border-radius:8px;padding:8px 20px;color:var(--white)!important}.btn-nav:hover,.btn-primary:hover{background:var(--green-dark);color:var(--white)}.hero{background:var(--green-pale);text-align:center;padding:80px 2rem 90px;position:relative;overflow:hidden}.hero:before,.hero:after{background:var(--green-light);content:"";border-radius:50%;position:absolute}.hero:before{opacity:.6;width:300px;height:300px;top:-60px;right:-60px}.hero:after{opacity:.5;width:220px;height:220px;bottom:-80px;left:-40px}.hero-content{z-index:1;max-width:760px;margin:0 auto;position:relative}.hero-badge{background:var(--green-light);color:var(--green-dark);letter-spacing:.04em;text-transform:uppercase;border-radius:20px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}h1,h2,h3,p{margin-top:0}h1,.section-title,.card-title,.stat-num{font-family:Fraunces,serif}h1{color:var(--charcoal);margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1}h1 span{color:var(--green)}.hero p{max-width:560px;color:var(--gray);margin:0 auto 36px;font-size:18px}.hero-actions,.pill-row{flex-wrap:wrap;justify-content:center;display:flex}.hero-actions{gap:12px}.btn-primary{background:var(--green);color:var(--white);padding:14px 28px}.btn-primary:hover{transform:translateY(-1px)}.btn-outline{border:2px solid var(--green);color:var(--green);padding:12px 28px}.btn-outline:hover{background:var(--green-light)}button.btn-primary,button.btn-outline{cursor:pointer}button.btn-primary{border:0}button.btn-outline{background:0 0}.pill-row{gap:16px;margin-top:52px}.logo-pill{border:1px solid var(--border);background:var(--white);color:var(--gray);border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600}.status-pill{border-color:var(--green);background:var(--green-light);color:var(--green-dark)}.section{padding:80px 2rem}.route-section{background:var(--white)}.section-inner{max-width:1100px;margin:0 auto}.section-label{color:var(--green);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:600}.section-title{color:var(--charcoal);margin-bottom:16px;font-size:clamp(28px,3.5vw,42px);font-weight:700;line-height:1.1}.section-sub{max-width:520px;color:var(--gray);font-size:17px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.step{border:1px solid var(--border);background:var(--white);border-radius:16px;padding:28px}.step:nth-child(4){border-color:var(--green-light);background:var(--green-pale)}.step-num{background:var(--green-light);width:40px;height:40px;color:var(--green-dark);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.step svg{color:var(--green);margin-bottom:18px}.step h3{margin-bottom:8px;font-size:16px;font-weight:600}.step p{color:var(--gray);margin-bottom:0;font-size:14px}.route-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px;display:grid}.route-card{border:1px solid var(--border);background:linear-gradient(145deg, #3a9e4f14, transparent 60%), var(--white);border-radius:18px;min-height:210px;padding:24px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:block}.route-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 16px 42px #2a7a3c1f}.route-card span{background:var(--green-light);color:var(--green-dark);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:20px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-block}.route-card h3{margin-bottom:10px;font-family:Fraunces,serif;font-size:24px;line-height:1.1}.route-card p{color:var(--gray);margin-bottom:0;font-size:14px}.stats{background:var(--charcoal);padding:60px 2rem}.stats-inner{text-align:center;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto;display:grid}.stat-item{padding:24px}.stat-item svg{color:var(--green);margin-bottom:12px}.stat-num{color:var(--green);margin-bottom:8px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1}.stat-label{color:#ffffff9e;font-size:14px}.audiences{background:var(--gray-light)}.audiences-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.audience-card{border:1px solid var(--border);background:var(--white);border-radius:20px;padding:36px}.audience-card.green-card{border-color:var(--green);background:var(--green)}.card-tag{background:var(--green-light);color:var(--green-dark);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.green-card .card-tag{color:var(--white);background:#fff3}.card-title{color:var(--charcoal);margin-bottom:10px;font-size:24px;font-weight:700;line-height:1.15}.green-card .card-title{color:var(--white)}.card-desc{color:var(--gray);margin-bottom:24px;font-size:15px}.green-card .card-desc{color:#ffffffd9}.benefits-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.benefits-list li{color:#ffffffe6;align-items:flex-start;gap:10px;font-size:15px;display:flex}.benefits-list.dark li{color:var(--charcoal)}.benefits-list svg{color:currentColor;flex:none;margin-top:3px}.console-page{background:radial-gradient(circle at top right, #3a9e4f1f, transparent 34rem), var(--gray-light);min-height:100vh}.admin-console{background:linear-gradient(180deg, #e8f5ecdb, #f5f5f300 420px), var(--gray-light)}.admin-hero{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:end;gap:32px;max-width:1200px;margin:0 auto;padding:72px 2rem 34px;display:grid}.admin-hero-copy h1{max-width:820px;margin-bottom:20px}.admin-hero-copy p{max-width:730px;color:var(--gray);margin-bottom:22px;font-size:18px}.cloud-strip{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.cloud-strip span{border:1px solid var(--border);color:var(--charcoal);background:#ffffffc7;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.console-hero{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:end;gap:32px;max-width:1100px;margin:0 auto;padding:76px 2rem 48px;display:grid}.console-hero-copy h1{max-width:760px;margin-bottom:20px}.console-hero-copy p{max-width:680px;color:var(--gray);margin-bottom:28px;font-size:18px}.console-actions{justify-content:flex-start}.action-stack{gap:12px;display:grid}.action-feed{border:1px solid var(--border);width:fit-content;min-width:min(100%,360px);color:var(--gray);background:#ffffffd1;border-radius:14px;gap:4px;padding:12px 14px;font-size:13px;display:grid}.action-feed strong{color:var(--charcoal)}.metric-grid{gap:14px;display:grid}.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:#ffffffdb;border:1px solid #e2e8e4db;border-radius:18px;padding:22px;box-shadow:0 18px 50px #2d2d2d0f}.metric-card span,.metric-card small{color:var(--gray);font-size:13px;display:block}.admin-metric-card{min-height:150px}.metric-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-card-top svg{color:var(--green-dark);flex:none}.metric-card strong{color:var(--green);margin:4px 0;font-family:Fraunces,serif;font-size:32px;line-height:1;display:block}.console-section{max-width:1100px;margin:0 auto;padding:24px 2rem 88px}.admin-workbench{max-width:1200px}.admin-section-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:24px;margin-bottom:24px;display:grid}.conversation-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.48fr);align-items:start}.console-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;display:grid}.portal-card,.timeline-card{border:1px solid var(--border);background:var(--white);border-radius:22px;padding:34px}.featured-card{border-color:var(--green);background:var(--green);color:var(--white)}.portal-card h2,.timeline-card h2{margin-bottom:12px;font-family:Fraunces,serif;font-size:clamp(26px,3vw,36px);line-height:1.1}.portal-card p{color:var(--gray);margin-bottom:24px}.featured-card p{color:#ffffffd6}.check-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.check-list li{color:#ffffffeb;padding-left:26px;position:relative}.check-list.dark li{color:var(--charcoal)}.check-list li:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px;position:absolute;top:.55em;left:0}.timeline-card{margin-top:24px}.timeline-list{gap:16px;margin-top:28px;display:grid}.timeline-item{border:1px solid var(--border);background:var(--green-pale);border-radius:16px;grid-template-columns:44px 1fr;align-items:start;gap:16px;padding:18px;display:grid}.timeline-index{background:var(--green);width:44px;height:44px;color:var(--white);border-radius:12px;place-items:center;font-weight:700;display:grid}.timeline-item span{color:var(--green-dark);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.timeline-item h3{margin:4px 0;font-size:17px}.timeline-item p{color:var(--gray);margin-bottom:0;font-size:14px}.dashboard-grid,.merchant-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.74fr);gap:24px;margin-bottom:24px;display:grid}.merchant-layout{grid-template-columns:minmax(320px,.7fr) minmax(0,1fr)}.dashboard-card{border:1px solid var(--border);background:#ffffffeb;border-radius:22px;padding:30px;box-shadow:0 18px 54px #2d2d2d0f}.wide-card{min-height:100%}.table-card{margin-top:24px}.card-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.tight-heading{align-items:center;margin-bottom:14px}.card-heading h2,.dashboard-card h2{margin-bottom:0;font-family:Fraunces,serif;font-size:clamp(24px,2.4vw,34px);line-height:1.12}.dashboard-card p{color:var(--gray)}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.tone-ok{background:var(--green-light);color:var(--green-dark)}.tone-warning{color:#9a6700;background:#fff3d8}.tone-danger{color:#b42318;background:#ffe4e4}.tone-neutral{background:var(--gray-light);color:var(--gray)}.record-list,.mini-list{gap:12px;display:grid}.record-list.compact{gap:10px}.record-row,.mini-item{border:1px solid var(--border);background:var(--green-pale);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.record-row strong,.mini-item strong{margin-bottom:4px;display:block}.record-row>div>span,.mini-item>div:first-child>span{color:var(--gray);font-size:13px}.mini-meta{justify-items:end;gap:8px;display:grid}.benefit-performance-list,.conversation-list,.request-list,.ops-alerts{gap:12px;display:grid}.performance-row{border:1px solid var(--border);background:var(--white);border-radius:18px;grid-template-columns:minmax(0,1fr) 112px;align-items:stretch;gap:18px;padding:18px;display:grid}.performance-main{gap:16px;display:grid}.performance-title,.conversation-header,.request-row-top,.request-row-bottom{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.performance-title strong,.conversation-header strong,.request-row-top strong{margin-bottom:4px;display:block}.performance-title span:not(.status-badge),.conversation-header span:not(.status-badge),.request-row-top span,.request-time{color:var(--gray);font-size:13px}.performance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.performance-stats div{background:var(--green-pale);border-radius:14px;padding:12px}.performance-stats dt{color:var(--gray);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.performance-stats dd{color:var(--charcoal);margin:2px 0 0;font-size:20px;font-weight:700}.performance-track{background:var(--green-light);border-radius:999px;height:10px;overflow:hidden}.performance-track span{border-radius:inherit;background:var(--green);height:100%;display:block}.performance-conversion{background:var(--charcoal);min-width:0;color:var(--white);text-align:center;border-radius:16px;align-content:center;place-items:center;gap:6px;display:grid}.performance-conversion svg{color:var(--green-light)}.performance-conversion strong{font-family:Fraunces,serif;font-size:30px;line-height:1}.performance-conversion span{color:#ffffffb8;font-size:12px;font-weight:700}.discount-summary-card{align-self:start}.discount-stat{background:var(--charcoal);color:var(--white);border-radius:18px;align-items:center;gap:16px;padding:18px;display:flex}.discount-stat svg{color:var(--green-light);flex:none}.discount-stat strong{font-family:Fraunces,serif;font-size:42px;line-height:1;display:block}.discount-stat span{color:#ffffffc7;font-size:14px}.discount-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 24px;display:grid}.discount-breakdown div{border:1px solid var(--border);background:var(--green-pale);border-radius:14px;padding:12px}.discount-breakdown strong,.discount-breakdown span{display:block}.discount-breakdown strong{color:var(--green-dark);font-size:22px;line-height:1}.discount-breakdown span{color:var(--gray);margin-top:6px;font-size:12px;font-weight:700}.ops-alert{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.ops-alert strong,.ops-alert span{display:block}.ops-alert div span{color:var(--gray);font-size:12px}.conversation-card{min-width:0}.conversation-insights{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.conversation-insight{border:1px solid var(--border);background:var(--green-pale);border-radius:16px;padding:14px}.conversation-insight span,.conversation-insight small{color:var(--gray);font-size:12px;display:block}.conversation-insight strong{color:var(--charcoal);margin:4px 0;font-size:17px;line-height:1.2;display:block}.conversation-item,.request-row{border:1px solid var(--border);background:var(--white);border-radius:18px;padding:18px}.conversation-last{margin:12px 0;font-size:15px;font-weight:600;color:var(--charcoal)!important}.transcript-preview{gap:8px;display:grid}.transcript-line{background:var(--gray-light);border-radius:12px;grid-template-columns:74px minmax(0,1fr);gap:10px;padding:10px 12px;display:grid}.transcript-line span{color:var(--green-dark);text-transform:uppercase;font-size:11px;font-weight:700}.transcript-line p{color:var(--charcoal);margin:0;font-size:13px}.conversation-action{background:var(--green-light);color:var(--green-dark);border-radius:14px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;font-size:13px;font-weight:700;display:flex}.conversation-action svg{flex:none;margin-top:2px}.request-row{gap:10px;display:grid}.request-row p{color:var(--charcoal);margin:0;font-size:14px;font-weight:700}.request-row-bottom{align-items:center}.request-row-bottom small{max-width:190px;color:var(--gray);text-align:right;font-size:12px}.empty-state{border:1px dashed var(--border);background:var(--green-pale);color:var(--gray);border-radius:14px;margin:0;padding:16px;font-size:14px}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:14px 12px}.data-table th{color:var(--gray);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.data-table td{font-size:14px}.mock-form{gap:16px;display:grid}.mock-form label{color:var(--charcoal);gap:8px;font-size:13px;font-weight:700;display:grid}.mock-form input{border:1px solid var(--border);background:var(--white);width:100%;color:var(--charcoal);border-radius:12px;padding:12px 14px}.upload-card{background:linear-gradient(145deg, #3a9e4f1f, transparent 62%), var(--white)}.progress-track{background:var(--green-light);border-radius:999px;height:12px;margin-bottom:14px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--green);height:100%;display:block}.metric-strip{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.detail-list{gap:10px;margin:0;display:grid}.detail-list div{border-top:1px solid var(--border);justify-content:space-between;gap:16px;padding-top:10px;display:flex}.detail-list dt{color:var(--gray);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.detail-list dd{text-align:right;margin:0}.validation-card{border-color:var(--green)}.validation-details{margin-bottom:22px}.approval-panel{background:var(--green-pale);border-radius:18px;gap:10px;padding:18px;display:grid}.approval-panel span{color:var(--gray);font-size:14px}.auth-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{border:1px solid var(--border);background:var(--white);border-radius:28px;width:min(100%,720px);padding:36px;box-shadow:0 24px 80px #2d2d2d14}.auth-card h1{margin-bottom:14px}.auth-card p{color:var(--gray)}.auth-form{gap:14px;margin:24px 0;display:grid}.auth-form .btn-primary,.auth-form .btn-outline,.google-signin-button{width:100%}.auth-form small{color:var(--gray)}.form-error{color:#b42318!important}.auth-warning{color:#9a6700;background:#fff3d8;border-radius:16px;gap:4px;padding:14px;display:grid}.auth-warning span{font-size:14px}.demo-login-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.demo-user{border:1px solid var(--border);background:var(--green-pale);color:var(--charcoal);cursor:pointer;text-align:left;border-radius:16px;gap:4px;padding:14px;display:grid}.demo-user span,.demo-user small{color:var(--gray)}.active-demo{border-color:var(--green);background:var(--green-light)}@media (max-width:900px){.steps,.stats-inner,.audiences-grid,.route-grid,.admin-hero,.admin-section-grid,.conversation-grid,.console-hero,.console-grid,.dashboard-grid,.merchant-layout,.metric-strip,.demo-login-grid{grid-template-columns:1fr 1fr}.console-hero,.admin-hero,.admin-section-grid,.conversation-grid,.console-grid,.dashboard-grid,.merchant-layout{grid-template-columns:1fr}}@media (max-width:700px){.nav{padding:.75rem 1rem}.nav-inner{flex-wrap:wrap;gap:12px;height:auto}.nav-links{gap:.75rem;width:100%;padding-bottom:4px;overflow-x:auto}.hero,.section{padding-left:1.25rem;padding-right:1.25rem}.steps,.stats-inner,.audiences-grid,.route-grid,.admin-metric-grid,.conversation-insights,.metric-strip,.demo-login-grid,.performance-row{grid-template-columns:1fr}.performance-conversion{min-height:112px}.performance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.discount-breakdown,.transcript-line{grid-template-columns:1fr}.performance-title,.conversation-header,.request-row-top,.request-row-bottom,.ops-alert{flex-direction:column;align-items:flex-start}.request-row-bottom small{text-align:left;max-width:none}.audience-card,.step,.portal-card,.timeline-card,.dashboard-card{padding:24px}.console-hero,.admin-hero,.console-section{padding-left:1.25rem;padding-right:1.25rem}}