.renewal-service{--service-muted:#a9bdc7;color:#e2f2f5}.service-header,.service-footer{align-items:center;gap:30px;width:calc(100% - 72px);max-width:1168px;margin:0 auto;display:flex}.service-header{border-bottom:1px solid var(--line);justify-content:space-between;padding:25px 0}.service-brand{font-size:24px;font-weight:600;line-height:1.3}.service-brand span{color:var(--service-muted);margin-top:4px;font-size:11px;font-weight:400;display:block}.service-header nav{color:var(--service-muted);gap:25px;font-size:13px;display:flex}.service-header nav a{padding:10px 0}.service-header nav a:hover,.service-footer a:hover{color:var(--accent)}.service-intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;padding:78px 0 74px;display:grid}.service-intro h1{letter-spacing:-.045em;max-width:630px;font-size:clamp(36px,4.3vw,58px);font-weight:500;line-height:1.12}.service-intro p{max-width:490px;color:var(--service-muted);margin-top:24px;font-size:18px;line-height:1.6}.service-intro .intro-detail{margin-top:15px;font-size:14px}.service-button{text-align:center;border:1px solid #416576;border-radius:4px;justify-content:center;align-items:center;min-height:44px;padding:10px 17px;font-size:13px;font-weight:600;line-height:1.5;display:inline-flex}.service-button.primary{color:#071d28;background:#65e0f0;border-color:#65e0f0}.service-button.primary:hover{background:#97ecf6}.service-button.quiet{color:var(--ink);background:0 0}.service-button.quiet:hover{background:#122c39}.service-intro .service-button{margin-top:30px}.date-track{border-left:1px solid #24434e;padding:25px 0 0 25px}.track-row{grid-template-columns:65px 1fr;gap:15px;padding:0 0 34px;display:grid;position:relative}.track-point{background:var(--ground);border:1px solid var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;left:-30px}.track-row:first-child .track-point{background:var(--accent);box-shadow:0 0 14px #65e0f033}.track-row time{color:var(--accent);font-size:14px}.track-row strong{font-size:15px;font-weight:500}.track-row div span{color:var(--service-muted);margin-top:5px;font-size:12px;display:block}.service-intro .date-track>p{margin:0;font-size:11px}.demo-section{border-top:1px solid var(--line);padding-top:35px;scroll-margin-top:25px}.section-title{justify-content:space-between;align-items:start;gap:20px;display:flex}.renewal-service h2{letter-spacing:-.02em;font-size:28px;font-weight:500;line-height:1.3}.section-title p{color:var(--service-muted);margin-top:9px;font-size:14px}.demo-badge{white-space:nowrap;color:var(--accent);border:1px solid #325a69;border-radius:30px;padding:5px 10px;font-size:11px}.sample-note{color:var(--service-muted);max-width:760px;margin:16px 0 22px;font-size:12px}.demo-toolbar{border:1px solid var(--line);background:#0d202e;border-bottom:0;border-radius:8px 8px 0 0;flex-wrap:wrap;align-items:end;gap:20px;padding:20px 24px;display:flex}.demo-toolbar label{color:var(--service-muted);gap:6px;font-size:12px;display:grid}.demo-toolbar input,.demo-toolbar select{min-width:175px;max-width:100%;min-height:42px;color:var(--ink);background:#08151f;border:1px solid #416576;border-radius:4px;padding:8px 12px;font-size:13px}.demo-toolbar .service-button{margin-left:auto}.demo-workspace{border:1px solid var(--line);background:#091722;border-radius:0 0 8px 8px;grid-template-columns:1.15fr 1fr;display:grid;overflow:hidden}.queue-panel{border-right:1px solid var(--line);min-width:0}.queue-heading{justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;display:flex}.queue-heading h3,.preview-top h3{font-size:14px;font-weight:500}.queue-heading>span{color:var(--accent);font-size:12px}#renewal-queue{margin:0;padding:0;list-style:none}.client-row{text-align:left;background:0 0;border-top:1px solid #19303e;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:18px 24px;display:flex}.client-row:hover{background:#122937}.client-row[aria-pressed=true]{border-left-color:var(--accent);background:#112d3b}.client-row:focus-visible{outline-offset:-3px}.client-identity{min-width:0}.client-identity strong{font-size:14px;font-weight:500;display:block}.client-identity>span{color:var(--service-muted);margin-top:4px;font-size:11px;display:block}.client-timing{text-align:right;flex-shrink:0}.client-timing time{color:var(--service-muted);font-size:11px;display:block}.client-state{color:var(--accent);margin-top:4px;font-size:11px;display:block}.client-row[data-state=overdue] .client-state{color:#edbf75}.client-row[data-state=later] .client-state{color:var(--service-muted)}.client-row[data-state=handled] .client-state{color:#96d7b3}.queue-panel>.sample-note{margin:20px 24px}.reminder-panel{min-width:0;padding:20px 26px}.preview-top span{color:var(--service-muted);margin-top:4px;font-size:11px;display:block}.preview-state{min-height:34px;color:var(--accent);margin-top:15px;font-size:11px}.email-preview{border-top:1px solid var(--line);color:#cbdde4;padding-top:15px;font-size:13px}.email-preview p{margin-bottom:14px}.email-preview .email-subject{color:var(--ink);font-size:14px;font-weight:500}.email-preview .email-signoff{color:var(--service-muted);margin-bottom:20px;font-size:11px}.preview-footnote{color:var(--service-muted);margin-top:9px;font-size:10px}.demo-status{min-height:30px;color:var(--accent);margin-top:12px;font-size:12px}.demo-error{border:1px solid var(--line);color:var(--amber);padding:12px 24px;font-size:13px}.setup-section{grid-template-columns:1fr 1fr;gap:100px;padding:60px 0;scroll-margin-top:25px;display:grid}.setup-intro>p{color:var(--service-muted);max-width:430px;margin-top:17px;font-size:15px}.pilot-price{margin-top:27px}.pilot-price strong{letter-spacing:-.04em;font-size:36px;font-weight:500;display:block}.pilot-price span{color:var(--service-muted);font-size:12px}.setup-intro .price-note{font-size:12px}.setup-details h3{font-size:18px;font-weight:500}.setup-details ul{color:#cbdde4;padding-left:20px;font-size:14px}.setup-details li{margin:8px 0}.setup-details>p,.setup-details details p{color:var(--service-muted);margin:15px 0;font-size:12px}.setup-details details{border-top:1px solid var(--line)}.setup-details summary{cursor:pointer;padding:15px 0;font-size:13px}.enquiry-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;padding:40px 0;display:grid}.enquiry-section p{color:var(--service-muted);max-width:400px;margin:16px 0;font-size:14px}.enquiry-section .enquiry-pending{color:var(--amber);font-size:12px}.brief-panel label{margin-bottom:10px;font-size:12px;display:block}.brief-panel textarea{resize:vertical;color:#cbdde4;border:1px solid var(--line);background:#0b1c29;border-radius:4px;width:100%;padding:14px;font-size:12px;line-height:1.7}.brief-panel .service-button{margin-top:10px}.brief-panel #copy-status{min-height:20px;font-size:12px}.service-footer{border-top:1px solid var(--line);color:var(--service-muted);padding:24px 0;font-size:11px}.service-footer>span{margin-right:auto}@media (width<=850px){.service-intro{gap:40px;padding:50px 0}.service-intro h1{font-size:41px}.setup-section,.enquiry-section{gap:40px}.demo-workspace{grid-template-columns:1fr 1fr}.client-row{gap:8px;padding:17px 13px}}@media (width<=640px){.renewal-service main{padding:0 20px}.service-header,.service-footer{gap:15px;width:calc(100% - 40px)}.service-header{flex-wrap:wrap;padding:20px 0 12px}.service-header nav{gap:20px;width:100%}.service-brand{font-size:21px}.service-brand span{margin-left:12px;font-size:10px;display:inline}.service-intro{grid-template-columns:1fr;gap:35px;padding:42px 0}.service-intro h1{max-width:450px;font-size:41px}.service-intro p{margin-top:20px;font-size:16px}.date-track{padding-top:8px}.track-row{padding-bottom:22px}.section-title{display:block}.renewal-service h2{font-size:26px}.demo-badge{margin-top:13px;display:inline-block}.demo-toolbar{gap:14px;padding:16px}.demo-toolbar label{flex:150px;min-width:0}.demo-toolbar input,.demo-toolbar select{width:100%;min-width:0}.demo-toolbar .service-button{margin-left:0}.demo-workspace{grid-template-columns:1fr}.queue-panel{border-right:0;border-bottom:1px solid var(--line)}.queue-heading{padding:16px}.client-row{padding:17px 13px}.client-identity strong{font-size:13px}.client-identity>span{font-size:10px}.reminder-panel{padding:22px 18px}.setup-section,.enquiry-section{grid-template-columns:1fr;gap:30px;padding:32px 0}.service-footer{flex-wrap:wrap;gap:16px}}