/* Theme 02 — Blueprint. Remove this stylesheet to restore the original layout palette. */
:root {
  --paper: #f5f7fb;
  --ink: #192439;
  --green: #3568f5;
  --muted: #68778e;
  --line: #dce2ed;
  --lime: #dce7ff;
}
.billing-toggle { display: flex; gap: 4px; padding: 4px; margin-top: 24px; background: #f0f4fc; border: 1px solid #dce5f3; border-radius: 8px; }
.billing-option { flex: 1; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 8px; border: 0; border-radius: 5px; background: transparent; color: #657b9b; font-size: 11px; font-weight: 550; }
.billing-option.active { background: #fff; color: #263f68; box-shadow: 0 1px 5px #24437414; }
.billing-option>span { font-size: 8px; padding: 4px 5px; background: #e6eeff; border-radius: 3px; color: #3562c2; white-space: nowrap; }
.price .price-amount { font-size: inherit; font-weight: inherit; letter-spacing: inherit; color: inherit; }
.billing-total { color: #3d5578; font-size: 11px; line-height: 1.7; margin-top: 5px; }
.billing-saving { color: #7287a7; font-size: 9px; line-height: 1.7; margin-top: 4px; }
.scope-note { font-size: 10px; line-height: 1.8; color: #7387a5; margin: 0 0 21px; }
.pilot-entry { margin-top: 30px; padding: 23px 0 0; border-top: 1px solid #cbd8ed; max-width: 370px; }
.pilot-entry-label { display: block; color: #5a7ba9; font-size: 8px; font-weight: 650; letter-spacing: 1.3px; }
.pilot-entry h3 { font-size: 28px; font-weight: 550; letter-spacing: -.9px; margin: 14px 0 10px; }
.pilot-entry h3 span { font-size: 10px; color: #6d84a7; letter-spacing: 0; font-weight: 400; margin-left: 9px; }
.pilot-entry>p { font-size: 12px; color: #647d9e; line-height: 1.8; }
.pilot-entry .download-link { margin-top: 16px; }
body { background: var(--paper); }
.header { background: rgb(12 21 38 / 96%); border-color: #ffffff12; color: #f4f7ff; }
.wordmark { font-weight: 700; letter-spacing: -1.7px; }
.brand-period { color: #7297ff; }
.desktop-nav { color: #c3cee1; }
.desktop-nav a:after { background: #82a5ff; }
.button { background: #3568f5; border-color: #3568f5; border-radius: 8px; font-weight: 600; }
.button:hover { background: #2456db; box-shadow: 0 6px 24px #3568f52b; }
.header-cta { background: #f4f7ff; border-color: #f4f7ff; color: #17263f; }
.header-cta:hover { background: #dce7ff; }
.hero-shell { background: #0c1526; color: #f4f7ff; position: relative; isolation: isolate; overflow: hidden; }
.hero-shell:before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(#afc8ff05 1px, transparent 1px), linear-gradient(90deg, #afc8ff05 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg, transparent 30%, black); }
.hero { padding-top: 73px; padding-bottom: 84px; }
.hero h1 { font-weight: 650; letter-spacing: -5px; font-size: clamp(58px, 6.2vw, 87px); line-height: 1.06; }
.hero .serif { font-family: inherit; font-style: normal; font-weight: 650; color: #7fa1ff; letter-spacing: inherit; }
.hero .eyebrow { display: inline-flex; color: #b0c6fa; border: 1px solid #728db044; background: #dce7ff05; padding: 7px 10px; border-radius: 4px; font-size: 9px; letter-spacing: 1.35px; }
.status-dot { background: #80a4ff; box-shadow: 0 0 0 3px #80a4ff14; }
.hero-description { color: #aebcd1; }
.hero .text-link { color: #d5def0; }
.location-note { color: #7f94b3; }
.drawing-lines { display: none; }
.visual-label, .tiny-cross { color: #728bb0; }
.tracker { color: #22324b; border-color: #d2dcee; border-radius: 12px; transform: none; box-shadow: 0 30px 70px #00000028; }
.tracker-top { background: #f7f9fd; border-color: #e5eaf3; }
.sample-label { background: #eaf0fc; border-color: #dce5f6; color: #6c83a9; }
.tracker-total>span { color: #7c8ba2; }
.tracker-total strong { color: #192c49; }
.tracker-total strong span { color: #a4b3ca; }
.tracker-total p { color: #7b8eab; }
.table-head { background: #f6f8fc; color: #8395b1; border-color: #e8edf6; }
.project-row { border-color: #e8edf6; }
.project-row.active, .project-row:hover { background: #edf3ff; }
.project-row.active { box-shadow: inset 3px 0 #3568f5; }
.project-icon { color: #7185a4; border-color: #dce5f3; background: #fff; }
.project-info small { color: #7b8ba3; }
.project-amount>span { color: #6c8cc2; }
.tracker-bottom { color: #8a9bb5; }
.next-action { transform: none; border-radius: 9px; margin-top: 14px; margin-left: 0; margin-right: 0; background: #182942; border: 1px solid #344c6c; box-shadow: 0 15px 30px #00000020; }
.action-icon { background: #3568f51f; border-color: #5f87df55; color: #96b4ff; }
.action-label { color: #8cafff; }
.next-action #action-detail { color: #8ea3c0; }
.action-check { color: #a5bdff; }
.visual-footnote { color: #667f9f; margin-top: 17px; }
.audience-strip { border-top: 0; padding-top: 34px; padding-bottom: 34px; }
.audience-strip p { color: #7b88a0; }
.audience-strip strong, .audience-strip>span { color: #566780; }
.eyebrow { color: #6983ac; }
h2 { font-weight: 550; }
.muted { color: #8997af; }
.section-heading>div>p, .step>p, .fit-copy>p:not(.eyebrow), details>p { color: #65758d; }
.step-art { background: #eaf0fa; border-color: #e0e7f3; border-radius: 9px; }
.art-index { color: #8aa0c2; font-family: monospace; }
.mini-document { border-color: #cad7eb; box-shadow: 0 8px 20px #243b6510; }
.doc-back { background: #f4f7fd; }
.mini-document span { background: #acbfea; }
.mini-document i { background: #e0e7f3; }
.mini-document b, .checkbox { background: #e6eeff; color: #3568f5; }
.mini-task { border-color: #dbe4f4; color: #5b7295; }
.pending { color: #869aba; background: #f3f6fd; }
.pending .checkbox { border-color: #bfceeb; }
.journey-node { background: #f5f8ff; border-color: #c6d7f4; color: #6a8ad1; }
.journey-node.final { background: #3568f5; border-color: #3568f5; color: white; }
.journey-line { background: #b5c8ed; }
.journey-labels { color: #7b91b4; }
.step-tag { color: #6a80a3; }
.pilot-section { background: #e6edfa; color: #192c49; border-block: 1px solid #d6e0f2; }
.light { color: #5b7aaf; }
.pilot-copy h2 { font-weight: 600; }
.pilot-copy>p:not(.eyebrow) { color: #637b9d; }
.pilot-copy .pilot-sub { color: #798caa!important; }
.download-link { color: #3568d8; border-color: #a7bbe5; }
.download-link:hover { color: #173fb0; }
.pilot-decoration { color: #7c92b3; }
.pilot-decoration i { background: #b9c8e2; }
.decoration-final { border-color: #bacbec; background: #dce6f8; }
.price-card { background: white; color: #192c49; border: 1px solid #d5dff0; border-radius: 12px; box-shadow: 0 12px 40px #37517f0c; }
.outline-badge { color: #6a86b2; border-color: #d5e0f4; background: #f3f7fe; }
.price>span, .price-caption { color: #7a8ca8; }
.check-list li:before { color: #3568f5; }
.price-note { color: #7c8da7; }
.privacy-note { color: #7b8fad; }
.fit-card { background: white; border-color: #dbe3f0; border-radius: 12px; box-shadow: 0 7px 22px #37517f04; }
.fit-card-title { color: #8095b4; }
select { background: #f6f8fc; border-color: #dbe3f1; color: #466083; border-radius: 6px; }
select:invalid, .select-wrap:after { color: #8a9bb6; }
.fit-disclaimer { color: #8798b3; }
.result-icon { background: #eaf0ff; color: #3568f5; }
#result-description { color: #657c9e; }
#result-next { background: #f0f5ff; border-color: #dfe8fa; color: #5c779f; }
summary>span { color: #7f97be; }
.closing-icon { border-color: #c8d8f4; background: #e7efff; color: #3568f5; border-radius: 12px; }
.closing .eyebrow { color: #7390bc; }
.footer-top>p { color: #8092ad; }
.footer-top>a:last-child { color: #5d7ba7; }
.footer-bottom { color: #8e9db3; }
.footer-bottom button { color: #6f87ab; }
dialog { background: #f7f9fd; border-color: #dce5f4; }
dialog p:not(.eyebrow) { color: #657c9e; }
.mobile-nav { background: #0c1526; border-color: #2b3c57; color: #cfdbef; }
.menu-toggle { border-color: #384a66; }
.menu-toggle span { background: #bdcdec; }
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible { outline-color: #84a7ff; }
@media(min-width:1500px) { .hero { padding-block: 95px; } .hero h1 { font-size: 93px; } }
@media(max-width:1100px) and (min-width:801px) { .hero h1 { font-size: 63px; letter-spacing: -3.5px; } }
@media(max-width:800px) { .hero { padding-top: 54px; padding-bottom: 55px; } .hero h1 { font-size: 78px; letter-spacing: -4px; } }
@media(max-width:580px) { .hero { padding-top: 42px; padding-bottom: 45px; } .hero h1 { font-size: clamp(43px,12.9vw,73px); letter-spacing: -2.8px; } .hero .eyebrow { font-size: 7px; letter-spacing: 1px; } .next-action { margin-inline: 0; } }