:root{--ink:#10232c;--muted:#53636a;--paper:#f7f8f5;--white:#fff;--line:#cbd5d3;--accent:#1e4f91;--accent-dark:#1b477f;--deep:#10272f;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3.1rem,6.6vw,6.7rem);font-weight:650}h2{font-size:clamp(2.2rem,4.5vw,4.4rem);font-weight:650}h3{font-size:1.4rem;letter-spacing:-.025em}p{color:var(--muted)}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(247,248,245,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:1.04rem;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.brand-sign{display:inline-block;color:var(--accent);font-weight:900;font-size:1.45rem;line-height:1}.brand small{display:block;font-size:.58rem;letter-spacing:.19em;text-transform:uppercase;font-weight:750;line-height:1.2}.nav-links{display:flex;align-items:center;gap:32px;font-size:.91rem;font-weight:650}.nav-links>a:not(.button):hover,.text-link:hover{color:var(--accent-dark)}.menu-button{display:none;border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 11px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:3px;font-size:.91rem;font-weight:750;box-shadow:none;transition:background .2s,transform .2s}.button:hover{background:var(--accent-dark);transform:translateY(-2px)}.button.outline{background:transparent;color:var(--ink);border-color:#8c9a9a}.button.outline:hover{background:#e9eeeb}.button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6f94c5;outline-offset:3px}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--accent-dark);font-size:.74rem;line-height:1.2;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:currentColor}.lede{font-size:clamp(1.08rem,1.5vw,1.27rem);line-height:1.6;max-width:650px}.hero{background:var(--deep);color:#f7f8f5;overflow:hidden}.hero .eyebrow{color:#abc9eb}.hero p{color:#c8d2d0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:6%;align-items:center;padding:110px 0 105px}.hero h1{max-width:760px;margin:26px 0 26px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero .button.outline{color:white;border-color:#869b9b}.hero .button.outline:hover{background:#1f3a42}.hero-note{font-size:.82rem;margin:18px 0 0;color:#aebfbd!important}.preview{border:1px solid #557078;background:#f9faf7;color:var(--ink);box-shadow:18px 20px 0 rgba(177,197,190,.12);transform:rotate(1deg)}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e9efeb;border-bottom:1px solid var(--line);padding:17px 22px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.preview-head span:last-child{color:#61756d;font-size:.67rem}.preview-body{padding:24px}.preview-kicker{color:var(--accent-dark);font-size:.72rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.preview-body h3{font-size:1.9rem;margin:9px 0 24px}.workflow-row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:start;padding:15px 0;border-top:1px solid #d7dfda;font-size:.9rem}.workflow-row .step{color:var(--accent-dark);font-weight:800}.workflow-row strong{display:block}.workflow-row small{display:block;color:#62736e;font-size:.8rem}.workflow-row .status{border:1px solid #9fb9aa;padding:3px 8px;color:#2e5f49;font-size:.67rem;font-weight:750;text-transform:uppercase}.preview-foot{padding:16px 22px;background:#e9efeb;border-top:1px solid var(--line);color:#536862;font-size:.78rem}.rule{border-top:1px solid var(--line)}.intro-band{background:#ebefeb;border-bottom:1px solid var(--line)}.intro-band .container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;padding:27px 0}.intro-band p{margin:0;color:#263e42;font-size:.91rem}.intro-band strong{display:block;color:var(--accent-dark);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.section{padding:105px 0}.section.compact{padding:76px 0}.section.cream{background:#edf0eb}.section.deep{background:var(--deep);color:#f5f7f4}.section.deep p{color:#b9c9c5}.section-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:end;margin-bottom:48px}.section-head h2{margin:0}.section-head p:last-child{font-size:1.1rem;max-width:570px;margin:0}.statement{border-top:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:90px .8fr 1.2fr;gap:25px;align-items:start}.statement .num{color:var(--accent-dark);font-weight:800;font-size:.82rem}.statement h3{margin:0}.statement p{margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature{background:var(--paper);padding:32px;min-height:255px}.feature span{color:var(--accent-dark);font-size:.77rem;font-weight:800;letter-spacing:.12em}.feature h3{margin:55px 0 11px}.feature p{margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.deliverables{border-top:1px solid #6f8587}.deliverable{padding:18px 0;border-bottom:1px solid #6f8587;display:grid;grid-template-columns:1fr 1.7fr;gap:20px}.deliverable strong{color:#f2f7f4}.deliverable p{margin:0}.role-note{font-size:.9rem;margin-top:26px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.case{padding:34px;background:var(--white);border:1px solid var(--line)}.case .eyebrow{margin-bottom:40px}.case p{margin-bottom:0}.case strong{color:var(--ink)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-weight:750;font-size:1.08rem;cursor:pointer}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--accent-dark);font-size:1.5rem;font-weight:400}details[open] summary:after{content:"−"}details p{padding:0 40px 22px 0;max-width:790px;margin:0}.cta-panel{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:end;border-top:1px solid #7f9695;padding:64px 0}.cta-panel h2{margin:0}.cta-panel .button{justify-self:end}.site-footer{background:#0a1d23;color:#d8e3de;padding:42px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-top .brand{color:white}.footer-links{display:flex;flex-wrap:wrap;gap:16px 28px;font-size:.9rem}.footer-bottom{border-top:1px solid #486166;margin-top:50px;padding-top:20px;color:#a8bdb8;font-size:.78rem}.page-hero{padding:88px 0 75px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:1050px;margin:22px 0}.page-hero .lede{margin:0}.panel{border:1px solid var(--line);background:var(--white);padding:34px}.process-list{border-top:1px solid var(--line)}.process-line{display:grid;grid-template-columns:105px .9fr 1.3fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--line)}.process-line b{color:var(--accent-dark);font-size:.8rem}.process-line h2{font-size:clamp(1.7rem,2.3vw,2.5rem);margin:0}.process-line p{margin:0}.form-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;align-items:start}.form-layout .aside{position:sticky;top:110px}.form-card{background:white;border:1px solid var(--line);padding:38px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px}.field label{font-weight:700;font-size:.85rem}.field input,.field select,.field textarea{width:100%;border:1px solid #aab8b7;border-radius:3px;background:#fff;color:var(--ink);padding:11px 13px;min-height:48px}.field textarea{min-height:110px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#687b7d}.form-extra{margin:10px 0 25px;padding:0 22px;border:1px solid var(--line)}.form-extra summary{font-size:.92rem}.form-extra-content{padding:4px 0 20px}.form-message{min-height:20px;color:#9f3e2a}.fine-print{font-size:.79rem;line-height:1.5}.success-card{display:none}.success-card h2{font-size:2.2rem}.other-trade[hidden]{display:none}.service-outline{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-outline .panel{min-height:250px}.service-outline .panel span{color:var(--accent-dark);font-weight:800;font-size:.76rem;letter-spacing:.12em}.service-outline h3{margin:35px 0 12px}.service-outline p{margin:0}.simple-cta{background:var(--deep);color:white}.simple-cta p{color:#bbcbc8}
@media(max-width:900px){.hero-grid,.section-head,.two-col,.form-layout{grid-template-columns:1fr}.hero-grid{padding:70px 0 75px;gap:60px}.preview{max-width:650px;transform:none}.section-head{gap:15px}.form-layout .aside{position:static}.nav-links{gap:16px}.feature-grid{grid-template-columns:1fr 1fr}.intro-band .container{grid-template-columns:1fr}.cta-panel{grid-template-columns:1fr}.cta-panel .button{justify-self:start}}
@media(max-width:700px){.container{width:min(var(--max),calc(100% - 36px))}.nav{min-height:64px}.brand{font-size:.95rem}.menu-button{display:block}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:14px 18px 22px;box-shadow:0 18px 25px #10232c16;flex-direction:column;align-items:stretch;gap:8px}.nav-links.open{display:flex}.nav-links>a{padding:10px}.nav-links .button{margin-top:4px}.hero-grid{padding:56px 0 58px;gap:50px}.hero h1{font-size:clamp(2.85rem,12vw,5rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.preview-body{padding:18px}.preview-body h3{font-size:1.5rem}.workflow-row{grid-template-columns:25px 1fr}.workflow-row .status{grid-column:2;justify-self:start}.section{padding:70px 0}.section.compact{padding:55px 0}.statement,.process-line{grid-template-columns:48px 1fr;gap:12px}.statement p,.process-line p{grid-column:2}.feature-grid,.case-grid,.service-outline,.form-grid{grid-template-columns:1fr}.feature{min-height:0;padding:25px}.feature h3{margin:30px 0 10px}.deliverable{grid-template-columns:1fr;gap:5px}.page-hero{padding:64px 0 54px}.form-card{padding:22px}.footer-top{flex-direction:column}.footer-links{display:grid;grid-template-columns:1fr 1fr}.cta-panel{padding:50px 0}.cta-panel .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}


/* Full public light/dark palette; page structure stays the same. */
html[data-theme="dark"]{--ink:#eaf1f5;--muted:#a8bcc6;--paper:#0d1d25;--white:#142a34;--line:#36505c;--accent:#1e4f91;--accent-dark:#9abfff;--deep:#10272f}
html[data-theme="dark"] .site-header{background:rgba(13,29,37,.97)}
html[data-theme="dark"] :is(.intro-band,.section.cream,.preview-head,.preview-foot){background:#172f39}
html[data-theme="dark"] .intro-band p{color:#ccdae0}
html[data-theme="dark"] .preview{background:#142a34;border-color:#47616d}
html[data-theme="dark"] :is(.preview-head span:last-child,.workflow-row small,.preview-foot){color:#a8bcc6}
html[data-theme="dark"] .workflow-row{border-color:var(--line)}
html[data-theme="dark"] .workflow-row .status{color:#a4d7c5;border-color:#568878}
html[data-theme="dark"] .button:hover{background:#163c70;color:#fff}
html[data-theme="dark"] .button.outline:hover{background:#243e4b;color:var(--ink)}
html[data-theme="dark"] .button.light{background:#f7f8f5;color:#10232c;border-color:#f7f8f5}
html[data-theme="dark"] .button.light:hover{background:#dce7ee}
html[data-theme="dark"] .form-card{background:var(--white)}
html[data-theme="dark"] :is(.field input,.field select,.field textarea){background:#10232d;color:var(--ink);border-color:#55707c}
html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder{color:#a8bcc6}
html[data-theme="dark"] .form-message{color:#ffacbc}
.section.deep .eyebrow,.simple-cta .eyebrow{color:#abc9eb}

/* A concrete, tap-to-explore example inside the hero. */
.preview { transform:none; box-shadow:12px 15px 0 rgba(177,197,190,.09); }
.preview-open { display:inline-flex; align-items:center; gap:8px; padding:5px 0; border:0; border-bottom:1px solid currentColor; background:transparent; color:var(--accent-dark); font-size:12px; font-weight:750; letter-spacing:0; text-transform:none; white-space:nowrap; cursor:pointer; }
.preview-open:hover { color:var(--ink); }
.preview-open:focus-visible { outline:3px solid #6f94c5; outline-offset:3px; }
.preview-story { border-top:1px solid var(--line); padding:24px; background:#f0f3f2; }
.preview-story[hidden] { display:none; }
.preview-story-kicker { margin:0 0 8px; color:var(--accent-dark); font-size:10px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.preview-story h4 { margin:0 0 18px; font-size:18px; line-height:1.2; letter-spacing:-.025em; }
.preview-story-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; margin:0; }
.preview-story-grid div { padding:13px 0; border-top:1px solid var(--line); }
.preview-story-grid dt { color:var(--ink); font-size:12px; font-weight:750; }
.preview-story-grid dd { margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.preview-story-link { display:inline-flex; margin-top:13px; border-bottom:1px solid currentColor; color:var(--accent-dark); font-size:12px; font-weight:700; }
html[data-theme="dark"] .preview-story { background:#172f39; }
html[data-theme="dark"] .preview-open:hover { color:#fff; }
@media (max-width:700px) { .preview-head { padding:15px 18px; } .preview-open { font-size:11px; } .preview-story-grid { grid-template-columns:1fr; } .preview-story { padding:18px; } }
.hero .preview-story-kicker { color:var(--accent-dark); }

/* Offer, launch process, and contractor-facing scope. */
.offer-layout { display:grid;grid-template-columns:minmax(290px,.85fr) minmax(0,1.15fr);gap:9%;align-items:start; }
.pricing-teaser-amount { color:var(--ink);font-size:clamp(1.25rem,2vw,1.75rem);margin:4px 0 14px; }
.pricing-teaser-amount strong { font-size:clamp(2rem,3vw,3rem);letter-spacing:-.05em; }
.pricing-teaser-amount span { margin:0 10px;color:var(--accent-dark); }
.pricing-teaser .text-link { display:inline-block;border-bottom:1px solid currentColor;color:var(--accent-dark);font-weight:750; }
.offer-card { padding:36px;background:var(--white);border:1px solid var(--line); }
.offer-card .eyebrow { margin-bottom:34px; }
.offer-price { display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding:18px 0; }
.offer-price strong { font-size:clamp(2.6rem,5vw,4rem);letter-spacing:-.06em;line-height:1; }
.offer-price span { color:var(--muted);font-size:.95rem; }
.offer-card > p:not(.eyebrow) { margin:18px 0; }
.offer-card .button { margin:8px 0; }
.offer-card .fine-print { max-width:47ch; }
.offer-includes h2 { font-size:clamp(2.4rem,4vw,3.8rem);margin-bottom:26px; }
.offer-item { border-top:1px solid var(--line);padding:19px 0; }
.offer-item b { display:block;font-size:1.08rem; }
.offer-item p { margin:9px 0 0; }
.launch-steps { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px; }
.launch-steps > div { border-top:2px solid var(--accent);padding:18px 0; }
.launch-steps span { color:var(--accent-dark);font-size:.76rem;font-weight:800; }
.launch-steps h3 { margin:25px 0 10px; }
.launch-steps p { margin:0; }
@media(min-width:701px) and (max-width:1050px) {
  .menu-button { display:block;margin-left:auto; }
  .nav-links { display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 24px 22px;box-shadow:0 18px 25px #10232c16;flex-direction:column;align-items:stretch;gap:8px; }
  .nav-links.open { display:flex; }
  .nav-links > a { padding:10px; }
  .nav-links .button { margin-top:4px; }
}
@media(max-width:900px) { .offer-layout { grid-template-columns:1fr;gap:50px; } .launch-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .offer-card { padding:25px; } .launch-steps { grid-template-columns:1fr;gap:0; } .launch-steps h3 { margin-top:15px; } }

/* Keep the walkthrough heading and form in separate mobile rows. */
.form-layout .aside h2 { font-size:clamp(2.1rem,3.5vw,3.5rem); }
@media (max-width:900px) {
  .form-layout { grid-template-columns:minmax(0,1fr); column-gap:0; row-gap:30px; }
  .form-layout > * { min-width:0; }
  .form-layout .aside { position:static; max-width:680px; }
  .form-layout .aside h2 { max-width:16ch; margin:12px 0 18px; font-size:clamp(2rem,5.5vw,3.5rem); overflow-wrap:break-word; }
}
@media (max-width:700px) {
  .form-layout { row-gap:24px; }
  .form-layout .aside h2 { font-size:clamp(1.9rem,8vw,2.5rem); }
  .form-card { min-width:0; }
  .form-card .button[type=submit] { width:100%; text-align:center; }
  .form-extra { padding:0 14px; }
  .form-extra summary { gap:12px; }
  .form-extra-content { min-width:0; }
  .field input,.field select,.field textarea { font-size:16px; }
}
