.page-hero{background:radial-gradient(circle at 88% 12%,#1bcab644,transparent 32%),linear-gradient(135deg,#06132d,#0d3564);color:white;padding:68px 0 62px}
.page-hero .eyebrow{color:#98f6e9}
.page-hero h1{font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.045em;max-width:900px;margin:10px 0 18px}
.page-hero p{font-size:19px;max-width:780px;color:#d5e6f2;margin:0 0 24px}
.page-nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.page-nav a:not(.btn){font-weight:750;color:#16334d}
.page-nav a:not(.btn):hover{text-decoration:underline}
.page-section{padding:66px 0}
.page-section.soft{background:#f4f8fb}
.section-intro{max-width:790px;margin-bottom:28px}
.section-intro h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;color:#081a3b;line-height:1.07;margin:0 0 12px}
.section-intro p{color:#52687d;font-size:17px;margin:0}
.intake-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.7fr);gap:24px;align-items:start}
.intake-card{background:#fff;border:1px solid #d7e6ed;border-radius:26px;padding:30px;box-shadow:0 18px 55px #081a3b12}
.intake-card h2,.intake-card h3{color:#081a3b;margin:0 0 12px}
.intake-card p{color:#52687d}
.intake-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.intake-fields .wide{grid-column:1/-1}
.intake-fields label{font-size:13px}
.intake-fields input,.intake-fields select,.intake-fields textarea{width:100%}
.intake-aside{background:#e9f8f5;border:1px solid #bfe9e1;border-radius:22px;padding:24px}
.intake-aside h3{margin:0 0 10px;color:#0a4542}
.intake-aside li{margin:10px 0;color:#294e50}
.slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.slot-grid label{cursor:pointer}
.slot-grid input{position:absolute;opacity:0;width:1px;height:1px}
.slot-grid span{display:block;text-align:center;padding:12px;border:1px solid #b7d2d4;border-radius:13px;color:#0b4550;font-weight:800}
.slot-grid input:checked+span{background:#0d6d66;color:#fff;border-color:#0d6d66}
.slot-grid input:focus-visible+span{outline:3px solid #0d6d66;outline-offset:2px}
.form-state{min-height:26px;font-weight:700;color:#0c5c53;margin-top:16px}
.form-state.error{color:#9f3030}
.form-state.success{padding:14px;background:#e4f8ed;border-radius:12px;color:#075937}
.file-picker{border:2px dashed #a9d5d0;border-radius:18px;padding:20px;background:#f8fdfc}
.file-picker input{margin-top:10px}
.upload-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}
.upload-list li{padding:10px 12px;border-radius:10px;background:#eff7f6;overflow-wrap:anywhere}
.upload-list .error{background:#ffefec;color:#923a2e}
.status-tag{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;background:#def4ef;color:#0a6156}
.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.proof-card{border:1px solid #dce7ef;background:#fff;border-radius:24px;padding:27px;box-shadow:0 16px 45px #081a3b10}
.proof-card h3{font-size:26px;color:#081a3b;margin:12px 0}
.proof-card p{color:#52687d}
.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.screen-card{margin:0;background:#fff;border:1px solid #dce7ef;border-radius:22px;overflow:hidden;box-shadow:0 16px 45px #081a3b12}
.screen-card a{display:block;position:relative;aspect-ratio:16/10;background:#06151e;overflow:hidden}
.screen-card a:focus-visible{outline:4px solid #0d8b7c;outline-offset:-4px}
.screen-card img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .25s ease}
.screen-card a:hover img{transform:scale(1.025)}
.screen-card.crm-screen img{object-fit:contain;padding:12px;background:#06151e}
.screen-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:17px 20px;color:#0b2c42}
.screen-card figcaption strong{font-size:18px}
.screen-card figcaption span{font-size:12px;color:#617889;text-align:right}
.screen-note{font-size:13px;color:#587184;margin:18px 0 0}
.flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:22px 0}
.flow span{background:#e8f6f3;border:1px solid #b9dcd5;color:#0a5550;border-radius:11px;padding:9px 11px;font-weight:800;font-size:12px}
.flow i{font-style:normal;color:#087d75}
.demo-panel{border-radius:28px;background:#091d39;color:#fff;padding:30px;box-shadow:0 24px 65px #07122530}
.demo-panel h3{font-size:27px;margin:0 0 10px}
.demo-panel p{color:#d0e2ee}
.demo-controls{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.demo-controls button{border:1px solid #67b9b1;background:transparent;color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:750}
.demo-controls button[aria-pressed=true]{background:#20c5b4;color:#072c29}
.demo-output{background:#112d4c;border:1px solid #40647b;border-radius:18px;padding:23px}
.demo-output h4{font-size:22px;margin:0 0 10px;color:#affbf1}
.demo-output ol{line-height:1.85;padding-left:21px}
.demo-output .capital{padding:13px;border-left:4px solid #21c6b7;background:#0a253d}
.fine-print{color:#687d8c;font-size:13px}
@media(max-width:900px){
  .page-nav a:not(.btn){display:none}
  .intake-layout,.proof-grid,.screen-grid{grid-template-columns:1fr}
  .page-section{padding:48px 0}
}
@media(max-width:560px){
  .intake-card{padding:20px}
  .intake-fields{grid-template-columns:1fr}
  .intake-fields .wide{grid-column:auto}
  .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-hero{padding:48px 0}
  .screen-card figcaption{display:block}
  .screen-card figcaption span{display:block;text-align:left;margin-top:4px}
}