:root{--paper:#f3f6f9;--ink:#20344f;--blue:#3267b1;--blue-dark:#25569b;--blue-soft:#e9f2fd;--muted:#60738d;--line:#d9e3ef;--line-strong:#bdd0e5;--white:#ffffff;--shadow:0 18px 48px rgba(35,64,106,.07),0 2px 8px rgba(35,64,106,.035)}*{box-sizing:border-box}body,html{min-width:320px}body{min-height:100vh;margin:0;background:radial-gradient(circle at 88% 5%,rgba(218,232,251,.64),transparent 33%),var(--paper);color:var(--ink);font-family:Inter,Noto Sans CJK SC,PingFang SC,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid #7aa9ed;outline-offset:3px}::selection{background:#c9dcfa;color:var(--ink)}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.92)}.site-header-inner{max-width:1200px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{align-items:center;gap:10px;color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-.06em;white-space:nowrap}.brand,.brand-mark{display:inline-flex}.brand-mark{width:19px;height:20px;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:4px;background:var(--blue);border-radius:2px 2px 0 0}.brand-mark i:first-child{height:9px;background:#83b4ed}.brand-mark i:nth-child(2){height:15px;background:#5893d8}.brand-mark i:nth-child(3){height:20px}.header-tag{padding:7px 10px;border:1px solid #c7dcf5;border-radius:5px;background:var(--blue-soft);color:var(--blue-dark);font-size:12px;font-weight:750;letter-spacing:.04em}.main-content{display:flex;max-width:1200px;margin:auto;padding:0 28px;flex:1 1}.hero,.main-content{align-items:center;width:100%}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:clamp(45px,6vw,100px);min-height:490px;padding:76px 0 68px}.hero-copy{max-width:660px}.hero h1{margin:0;font-size:clamp(50px,5.7vw,78px);font-weight:850;letter-spacing:-.075em;line-height:1.12}.hero h1 em{color:var(--blue);font-style:normal}.phone-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:var(--shadow)}.phone-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.phone-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:9px;background:var(--blue-soft);color:var(--blue);font-size:25px;line-height:1}.phone-card-label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em}.phone-card-title{margin:39px 0 11px;color:var(--muted);font-size:14px;font-weight:700}.phone-number{margin:0;color:var(--ink);font-size:clamp(27px,3vw,38px);font-weight:820;letter-spacing:-.06em;line-height:1.22;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.phone-number-pending{color:#8494a8;font-size:clamp(27px,3vw,35px)}.phone-card-caption{min-height:22px;margin:10px 0 26px;color:var(--muted);font-size:13px;line-height:1.5}.phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 15px;border:1px solid var(--line-strong);border-radius:6px;background:var(--white);color:var(--ink);font-size:15px;font-weight:750;text-align:center;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#9fbbdd;background:#f9fbff;box-shadow:0 5px 15px rgba(42,78,130,.08)}.button-primary{border-color:var(--blue);background:var(--blue);color:var(--white)}.button-primary:hover:not(:disabled){border-color:var(--blue-dark);background:var(--blue-dark);color:var(--white);box-shadow:0 6px 15px rgba(50,103,177,.16)}.button:disabled{cursor:not-allowed;opacity:.48}.copy-status{min-height:20px;margin:11px 0 0;color:var(--blue-dark);font-size:12px;font-weight:700}.phone-card-bottom{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:650;text-align:center}.records-main{width:100%;max-width:1200px;margin:0 auto;padding:64px 28px 90px;flex:1 1}.records-heading{margin-bottom:36px}.records-kicker{margin:0 0 14px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em}.records-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.records-actions{display:flex;align-items:flex-start;gap:12px}.records-title-row h1{margin:0;font-size:clamp(42px,5vw,64px);font-weight:850;letter-spacing:-.065em;line-height:1.1}.records-count{padding:9px 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--blue-soft);color:var(--blue-dark);font-size:13px;font-weight:750;white-space:nowrap}.records-refresh{text-align:right}.records-refresh-button{min-height:38px;padding:7px 14px;border-radius:6px;font-size:13px;white-space:nowrap}.records-refresh-status{max-width:350px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.records-heading>p:last-child{margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.6}.records-empty{display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;padding:36px;border:1px dashed var(--line-strong);border-radius:12px;background:rgba(255,255,255,.64);text-align:center}.records-empty-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:var(--blue-soft);color:var(--blue);font-size:30px}.records-empty h2{margin:20px 0 8px;font-size:23px;letter-spacing:-.035em}.records-empty p{max-width:390px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.records-list{display:grid;gap:14px}.record-card{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--white);box-shadow:0 4px 22px rgba(35,64,106,.035)}.record-card[open]{box-shadow:var(--shadow)}.record-summary{display:flex;align-items:center;gap:22px;padding:22px 26px;cursor:pointer;list-style:none}.record-summary::-webkit-details-marker{display:none}.record-summary-main{display:grid;gap:5px;min-width:0;flex:1 1}.record-summary-main strong{overflow-wrap:anywhere;font-size:18px;font-weight:780}.record-summary-main time{color:var(--muted);font-size:13px}.record-status{padding:7px 10px;border-radius:5px;background:#f1f3f6;color:var(--muted);font-size:12px;font-weight:750;white-space:nowrap}.record-status-ready{background:var(--blue-soft);color:var(--blue-dark)}.record-chevron{width:9px;height:9px;flex:none;transform:rotate(45deg);border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transition:transform .18s ease}.record-card[open] .record-chevron{transform:rotate(225deg)}.record-details{padding:0 26px 26px;border-top:1px solid var(--line)}.record-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;margin:24px 0 28px}.record-meta div{min-width:0}.record-meta dt{margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:700}.record-meta dd{margin:0;overflow-wrap:anywhere;font-size:14px;font-weight:650}.record-id{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px!important}.record-transcript-section{padding-top:24px;border-top:1px solid var(--line)}.record-transcript-section h2{margin:0 0 14px;font-size:17px;letter-spacing:-.025em}.record-transcript{margin:0;padding:20px;border-radius:7px;background:var(--paper);color:var(--ink);font-family:inherit;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:850px){.hero{grid-template-columns:1fr;gap:38px;min-height:0;padding:58px 0 54px}.hero-copy{max-width:700px}.phone-card{max-width:560px}}@media (max-width:600px){.site-header-inner{padding:14px 18px}.brand{font-size:20px}.main-content{padding:0 18px}.hero{gap:30px;padding:49px 0 45px}.hero h1{font-size:clamp(42px,10vw,60px)}.phone-card{padding:23px}.phone-card-title{margin-top:32px}.phone-number{font-size:clamp(27px,8vw,36px)}.records-main{padding:46px 18px 64px}.records-heading{margin-bottom:26px}.records-title-row{align-items:flex-start;flex-direction:column;gap:15px}.records-actions{align-items:flex-start;flex-wrap:wrap}.records-refresh{text-align:left}.records-heading>p:last-child{font-size:14px}.record-summary{gap:12px;padding:20px 17px}.record-summary-main strong{font-size:16px}.record-status{font-size:11px}.record-details{padding:0 17px 20px}.record-meta{grid-template-columns:1fr;gap:14px}.record-transcript{padding:16px}}@media (max-width:390px){.header-tag{font-size:11px}.phone-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important}}