:root{--ink:#17181c;--ink-soft:#34343a;--cream:#f6f0e4;--paper:#fffcf5;--line:#d8d2c7;--muted:#6f6a61;--teal:#2554e8;--teal-deep:#173fc4;--orange:#ffd33d;--white:#fff;--mono:'DM Mono',monospace;--sans:'Manrope',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1160px,calc(100% - 48px));margin:0 auto}.skip-link{position:absolute;left:16px;top:-60px;background:var(--teal);color:var(--ink);padding:10px 16px;z-index:99;border-radius:4px;font-weight:800}.skip-link:focus{top:16px}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;color:var(--white)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:11px;align-items:center;font-size:12px;letter-spacing:.15em;font-weight:800}.brand em{color:var(--teal);font-style:normal}.brand-mark,.mini-mark{display:flex;gap:2px;align-items:end;height:21px}.brand-mark span,.mini-mark i{display:block;width:4px;background:var(--teal);border-radius:1px}.brand-mark span:nth-child(1),.mini-mark i:nth-child(1){height:10px}.brand-mark span:nth-child(2),.mini-mark i:nth-child(2){height:16px}.brand-mark span:nth-child(3),.mini-mark i:nth-child(3){height:21px}.desktop-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.desktop-nav a:not(.nav-cta){color:#34343a}.desktop-nav a:hover:not(.nav-cta){color:var(--white)}.nav-cta{border:1px solid #88847c;padding:11px 17px;border-radius:3px;color:var(--white)}.nav-cta:hover{border-color:var(--teal);color:var(--teal)}.mobile-nav-cta{display:none}.section{padding:112px 0}.section-dark{background:var(--ink);color:var(--white)}.section-dark-soft{background:#17181c;color:var(--white)}.eyebrow{font-family:var(--mono);font-size:11px;line-height:1.4;letter-spacing:.11em;text-transform:uppercase;color:var(--teal);margin:0 0 20px}.eyebrow-dark{color:var(--teal-deep)}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:8px}.hero{padding:148px 0 0;min-height:700px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;min-height:515px}.hero-copy{max-width:630px}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.05;letter-spacing:-.065em;margin:0 0 27px;font-weight:700}.hero-lede{font-size:19px;line-height:1.6;color:#34343a;max-width:540px;margin:0 0 31px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:3px;font-size:13px;font-weight:800;letter-spacing:.01em;transition:transform .16s ease,background .16s ease,border-color .16s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--teal);color:var(--ink)}.button-primary:hover{background:#173fc4}.button-ghost{border:1px solid #88847c;color:var(--white);background:transparent}.button-ghost:hover{border-color:var(--teal);color:var(--teal)}.hero-note{font-family:var(--mono);font-size:10px;line-height:1.6;color:#88847c;margin:24px 0 0}.hero-note span{color:var(--teal);font-size:17px;vertical-align:-2px;margin-right:5px}.hero-visual{height:480px;position:relative;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;border:1px solid #24262b;border-radius:50%;width:430px;height:430px;transform:rotate(-28deg)}.orbit:before,.orbit:after{content:'';position:absolute;width:6px;height:6px;background:var(--teal);border-radius:50%}.orbit:before{top:26px;right:86px}.orbit:after{bottom:53px;left:34px;background:var(--orange)}.orbit-two{width:335px;height:470px;border-color:#24262b;transform:rotate(45deg)}.phone-card{position:relative;z-index:1;width:276px;padding:18px 17px 16px;background:#fffcf5;color:var(--ink);border-radius:23px;box-shadow:0 25px 65px #17181c52;transform:rotate(5deg)}.phone-card:before{content:'';display:block;width:65px;height:5px;border-radius:5px;background:#d8d2c7;margin:0 auto 19px}.phone-top{display:flex;justify-content:space-between;color:#6f6a61;font:10px var(--mono);margin-bottom:29px}.phone-brand{display:flex;gap:8px;align-items:center;font:800 9px var(--mono);letter-spacing:.08em;color:var(--teal-deep);margin-bottom:24px}.mini-mark{height:14px}.mini-mark i{width:3px}.mini-mark i:nth-child(1){height:6px}.mini-mark i:nth-child(2){height:10px}.mini-mark i:nth-child(3){height:14px}.phone-status{display:flex;gap:10px;align-items:center}.status-check,.receipt-check{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#dcebd6;color:var(--teal-deep);font-weight:800}.phone-status strong,.phone-receipt strong{font-size:11px;display:block}.phone-status small,.phone-receipt small{font-size:9px;color:#6f6a61;display:block;margin-top:2px}.phone-meter{height:7px;background:#ded9cf;border-radius:7px;margin:23px 0 13px;overflow:hidden}.phone-meter span{width:54%;height:100%;display:block;background:var(--teal-deep);border-radius:inherit}.phone-stats{display:flex;justify-content:space-between;border-bottom:1px solid #ded9cf;padding-bottom:19px}.phone-stats small{font:8px var(--mono);color:#6f6a61;display:block}.phone-stats strong{font-size:17px;letter-spacing:-.04em}.phone-receipt{display:flex;align-items:center;gap:8px;padding-top:16px}.receipt-check{width:23px;height:23px;font-size:11px}.receipt-arrow{margin-left:auto;font-size:22px;color:#6f6a61}.float-label{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;background:#17181c;color:#dcebd6;border:1px solid #88847c;border-radius:3px;padding:10px 12px;font:10px var(--mono);box-shadow:0 12px 25px #17181c21}.float-label span{width:18px;height:18px;display:grid;place-items:center;background:var(--teal);color:var(--ink);border-radius:50%;font-weight:bold}.label-check{top:95px;right:-5px}.label-lock{bottom:70px;left:2px}.label-lock span{background:var(--orange)}.trust-strip{height:78px;border-top:1px solid #24262b;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#88847c;font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em}.trust-strip span:first-child{color:#d8d2c7}.section-intro{max-width:660px}.section-intro h2{font-size:clamp(35px,4.3vw,58px);line-height:1.05;letter-spacing:-.055em;margin:0 0 18px}.section-intro>p:last-child{color:var(--muted);font-size:17px;max-width:590px;margin:0}.forecast-intro{margin-bottom:45px}.forecast-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:20px}.forecast-card,.forecast-result{border:1px solid var(--line);border-radius:4px}.forecast-card{padding:28px 30px;background:var(--white)}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.card-heading>div{display:flex;align-items:center;gap:12px}.step-number{font:10px var(--mono);color:var(--teal-deep);border:1px solid #dcebd6;padding:5px 6px;border-radius:2px}.card-heading h3,.form-heading h3{margin:0;font-size:20px;letter-spacing:-.03em}.local-badge{font:10px var(--mono);color:#6f6a61}.local-badge span{display:inline-block;background:var(--teal-deep);width:6px;height:6px;border-radius:50%;margin-right:5px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px}.field{display:block;min-width:0}.field>span{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.field em{font-size:10px;font-style:normal;color:#6f6a61;font-weight:500;margin-left:4px}.field input,.field select,.field textarea{width:100%;border:1px solid #cbc5bb;border-radius:3px;background:#fff;color:var(--ink);padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal-deep);box-shadow:0 0 0 3px #eef2ff}.field small{display:block;color:#6f6a61;font-size:10px;margin-top:6px}.input-with-unit{display:flex;align-items:center;border:1px solid #cbc5bb;border-radius:3px;background:#fff}.input-with-unit:focus-within{border-color:var(--teal-deep);box-shadow:0 0 0 3px #eef2ff}.input-with-unit input{border:0;min-width:0}.input-with-unit input:focus{box-shadow:none}.input-with-unit span{padding-right:12px;color:#6f6a61;font:11px var(--mono)}.forecast-result{background:var(--ink);color:#fff;padding:29px 30px;min-height:400px}.result-top{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);letter-spacing:.08em}.result-kicker{color:#88847c}.result-status{border:1px solid #3e4a3b;color:var(--teal);padding:5px 8px;font-size:9px;border-radius:2px}.result-status.is-warning{border-color:#eaa900;color:var(--orange)}.result-status.is-risk{border-color:#8a2535;color:#f2c9bd}.result-number{display:flex;align-items:baseline;gap:11px;margin:41px 0 25px}.result-number strong{font-size:71px;letter-spacing:-.08em;line-height:.85}.result-number span{font:11px var(--mono);color:#88847c;text-transform:uppercase;line-height:1.45}.result-bar{height:12px;background:#24262b;border-radius:2px;position:relative;margin-bottom:10px}.result-bar span{display:block;height:100%;background:var(--teal);border-radius:2px;transition:width .25s ease}.result-bar i{position:absolute;top:-4px;height:20px;width:2px;background:var(--orange);left:0;display:none}.result-labels{display:flex;justify-content:space-between;color:#88847c;font:10px var(--mono)}.headroom{display:flex;gap:11px;align-items:flex-start;margin-top:31px}.headroom>span{width:24px;height:24px;display:grid;place-items:center;background:var(--teal);color:var(--ink);font:15px var(--mono);border-radius:50%;flex:none}.headroom strong{font-size:16px}.headroom p{margin:4px 0 0;color:#d8d2c7;font-size:12px;line-height:1.5}.uncertainty{display:flex;gap:9px;border-top:1px solid #24262b;margin-top:30px;padding-top:17px;color:#d8d2c7}.uncertainty>span{width:17px;height:17px;display:grid;place-items:center;border:1px solid #88847c;border-radius:50%;font:10px var(--mono);flex:none}.uncertainty p{margin:0;font-size:10px;line-height:1.55}.uncertainty strong{color:#dcebd6;display:block}.form-error{color:#8a2535;font-size:12px;margin:16px 0 0}.problem-section{padding:98px 0}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.problem-grid h2{font-size:clamp(36px,4.7vw,63px);line-height:1.02;letter-spacing:-.06em;margin:0;max-width:510px}.problem-lede{font-size:18px;line-height:1.6;color:#34343a;margin:0 0 32px;max-width:510px}.scenario-list{display:flex;flex-wrap:wrap;gap:8px}.scenario-list span{border:1px solid #24262b;border-radius:2px;padding:8px 10px;color:#d8d2c7;font:10px var(--mono)}.workflow-section{padding-bottom:90px}.workflow-section .section-intro{margin-bottom:53px}.workflow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-step{padding:25px 19px 28px 0;border-right:1px solid var(--line);margin-right:19px}.workflow-step:last-child{border-right:0;margin-right:0}.workflow-step .step-number{display:inline-block;margin-bottom:34px}.step-icon{font:28px var(--mono);color:var(--teal-deep);height:43px}.workflow-step h3{font-size:18px;margin:10px 0 8px;letter-spacing:-.03em}.workflow-step p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.privacy-section{background:#dcebd6}.privacy-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.privacy-statement h2{font-size:clamp(37px,4.2vw,57px);line-height:1.03;letter-spacing:-.06em;margin:0 0 20px}.privacy-statement>p:not(.eyebrow){color:#6f6a61;font-size:16px;line-height:1.65;margin:0 0 26px}.text-link{font-size:12px;font-weight:800;color:var(--teal-deep);border-bottom:1px solid #d8d2c7;padding-bottom:5px}.trust-points{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #d8d2c7}.trust-points>div{display:flex;gap:13px;padding:24px 20px 24px 0;border-bottom:1px solid #d8d2c7}.trust-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--teal-deep);color:white;font:13px var(--mono);flex:none}.trust-points strong{display:block;font-size:13px}.trust-points small{display:block;color:#6f6a61;font-size:11px;line-height:1.5;margin-top:4px}.partner-section{padding:112px 0 120px}.partner-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:96px;align-items:start}.partner-copy h2{font-size:clamp(39px,4.7vw,64px);line-height:1.02;letter-spacing:-.06em;margin:0 0 23px}.partner-copy>p:not(.eyebrow){color:#34343a;line-height:1.65;font-size:17px;max-width:500px}.partner-receives{margin-top:39px}.partner-receives>p{font:10px var(--mono);color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin:0 0 13px}.partner-receives ul{list-style:none;padding:0;margin:0}.partner-receives li{font-size:13px;color:#d8d2c7;margin:10px 0}.partner-receives li:before{content:'✓';color:var(--teal);margin-right:10px}.commitment{display:flex;gap:14px;border-top:1px solid #24262b;margin-top:39px;padding-top:21px}.commitment span{font:21px var(--mono);color:var(--teal);white-space:nowrap}.commitment p{font-size:11px;color:#88847c;line-height:1.5;margin:2px 0 0}.lead-form{background:#fffcf5;color:var(--ink);padding:33px 32px;border-radius:4px}.form-heading{margin-bottom:27px}.form-heading h3{display:inline-block;margin-left:10px}.form-heading p{color:#6f6a61;font-size:12px;margin:8px 0 0}.lead-form>.field,.form-two{margin-top:18px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form textarea{min-height:76px;resize:vertical}.field-error{color:#8a2535!important;min-height:0;margin-top:4px!important}.honeypot{position:absolute;left:-10000px}.button-submit{width:100%;margin-top:23px}.form-privacy{color:#6f6a61;font-size:10px;text-align:center;margin:12px 0 0}.form-status{font-size:12px;text-align:center;margin:15px 0 0;min-height:18px}.form-status.success{color:var(--teal-deep)}.form-status.error{color:#8a2535}.faq-section{padding-top:94px;padding-bottom:108px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:15px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:18px var(--mono);color:var(--teal-deep)}details[open] summary:after{content:'−'}details p{max-width:650px;color:var(--muted);font-size:13px;line-height:1.7;margin:13px 32px 2px 0}.site-footer{background:#17181c;color:#88847c;padding:35px 0}.footer-wrap{display:flex;align-items:center;gap:30px}.footer-wrap .brand{color:#fffcf5}.footer-wrap>p{font-size:13px;margin:0}.footer-small{font:10px var(--mono);line-height:1.7;margin-left:auto!important;text-align:right}@media (max-width:900px){.hero-grid{gap:30px}.hero h1{font-size:clamp(43px,7vw,65px)}.forecast-layout,.privacy-layout,.partner-grid,.faq-layout{grid-template-columns:1fr;gap:32px}.problem-grid{gap:40px}.workflow-grid{grid-template-columns:repeat(3,1fr);row-gap:20px}.workflow-step:nth-child(3){border-right:0;margin-right:0}.workflow-step:nth-child(4){border-top:1px solid var(--line);padding-top:25px}.workflow-step:nth-child(5){border-top:1px solid var(--line);padding-top:25px}.partner-grid{gap:55px}.privacy-layout{gap:55px}}@media (max-width:640px){.shell{width:min(100% - 32px,1160px)}.section{padding:77px 0}.desktop-nav{display:none}.mobile-nav-cta{display:block;border:1px solid #88847c;padding:9px 12px;border-radius:3px;color:#fff;font-size:11px;font-weight:800}.hero{padding-top:119px;min-height:auto}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero h1{font-size:47px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.button{padding:14px 15px}.hero-visual{height:390px;transform:scale(.84);transform-origin:center top;margin-bottom:-45px}.label-check{right:-4px;top:70px}.label-lock{left:-8px;bottom:45px}.trust-strip{height:auto;min-height:94px;display:grid;grid-template-columns:1fr 1fr;padding:19px 0;gap:12px;font-size:9px}.trust-strip span:first-child{grid-column:1/-1}.section-intro h2{font-size:42px}.forecast-card,.forecast-result{padding:24px 20px}.field-grid{grid-template-columns:1fr}.result-number strong{font-size:64px}.problem-section{padding:76px 0}.problem-grid{display:block}.problem-grid>div+div{margin-top:35px}.problem-lede{font-size:16px}.workflow-grid{grid-template-columns:1fr 1fr}.workflow-step{border-right:0!important;margin-right:0;border-bottom:1px solid var(--line);padding:21px 15px 24px 0!important;margin-bottom:0}.workflow-step:nth-child(odd){border-right:1px solid var(--line)!important}.workflow-step:nth-child(4),.workflow-step:nth-child(5){border-top:0}.workflow-step:last-child{grid-column:1/-1;border-right:0!important}.privacy-layout,.partner-grid,.faq-layout{gap:38px}.trust-points{grid-template-columns:1fr}.trust-points>div{padding-right:0}.lead-form{padding:24px 19px}.form-two{grid-template-columns:1fr;gap:0}.form-two .field+ .field{margin-top:18px}.footer-wrap{display:grid;gap:15px}.footer-small{margin-left:0!important;text-align:left}.faq-section{padding:75px 0}.site-footer{padding:29px 0}}
body{background:var(--cream)}.forecast-card{background:var(--paper)}
.brand-logo{display:block;width:154px;height:auto}
@media (max-width:640px){.brand-logo{width:142px}}

/* Positioning refresh: make the first-screen promise, audience and CTA clearer. */
.section-dark .hero-lede{color:#d8d2c7}
.section-dark-soft .problem-lede{color:#d8d2c7}
.hero-note a{color:#dcebd6;border-bottom:1px solid #4f504f;padding-bottom:2px}
.hero-note a:hover{color:var(--teal);border-color:var(--teal)}
.nav-wrap .brand-logo{width:168px}
.fit-section{background:var(--cream);padding-top:105px;padding-bottom:116px}
.fit-intro{max-width:760px;margin-bottom:43px}
.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fit-card{position:relative;min-height:286px;padding:28px 25px 24px;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;border-radius:4px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.fit-card:hover{transform:translateY(-4px);border-color:#aaa49a;box-shadow:0 15px 30px rgba(23,24,28,.08)}
.fit-card-featured{border-color:var(--teal);box-shadow:0 10px 25px rgba(37,84,232,.1)}
.fit-label{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:28px}
.fit-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--teal-deep);color:var(--white);font:14px var(--mono);margin-bottom:20px}
.fit-card h3{font-size:21px;line-height:1.1;letter-spacing:-.04em;margin:0 0 11px}
.fit-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:0;max-width:300px}
.fit-card a{margin-top:auto;padding-top:22px;color:var(--teal-deep);font-size:12px;font-weight:800}
.fit-card a span{font-size:15px;margin-left:5px}
.difference-section{background:var(--paper);padding-top:106px;padding-bottom:110px}
.difference-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}
.difference-layout .section-intro>p:last-child{max-width:470px}
.difference-list{border-top:1px solid var(--line)}
.difference-list>div{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.difference-mark{font:11px var(--mono);color:var(--teal-deep);padding-top:3px;flex:none}
.difference-list strong{display:block;font-size:16px;letter-spacing:-.02em}
.difference-list p{font-size:13px;line-height:1.6;color:var(--muted);margin:6px 0 0;max-width:520px}
.partner-copy>p:not(.eyebrow){color:#d8d2c7}
.form-heading p{max-width:360px}
.form-privacy{line-height:1.5}
@media(max-width:900px){.fit-grid{grid-template-columns:1fr 1fr}.difference-layout{grid-template-columns:1fr;gap:45px}}
@media(max-width:640px){.nav-wrap .brand-logo{width:148px}.fit-section,.difference-section{padding-top:77px;padding-bottom:78px}.fit-grid{grid-template-columns:1fr;gap:12px}.fit-card{min-height:0;padding:24px 20px}.fit-label{margin-bottom:20px}.fit-card a{padding-top:20px}.difference-layout{gap:34px}.difference-list>div{gap:14px}.difference-list p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.fit-card{transition:none}.button:hover,.fit-card:hover{transform:none}}

/* Skyline hero art: the city is atmosphere, while the left side stays quiet for copy. */
.hero{
  position:relative;
  isolation:isolate;
  background-image:
    linear-gradient(90deg,rgba(23,24,28,.96) 0%,rgba(23,24,28,.88) 35%,rgba(23,24,28,.52) 68%,rgba(23,24,28,.35) 100%),
    url('/assets/skyline-ready-hero-v2.png');
  background-position:center,center right;
  background-size:cover,cover;
  background-repeat:no-repeat;
}
.hero::after{
  content:'';
  position:absolute;
  z-index:-1;
  inset:auto 0 0;
  height:34%;
  background:linear-gradient(180deg,transparent,rgba(23,24,28,.82));
  pointer-events:none;
}
.hero>.shell{position:relative;z-index:1}
.hero-grid{grid-template-columns:minmax(0,760px)}
.hero-copy{max-width:720px}
.hero .hero-lede{max-width:560px;color:#e7e4db}
.hero .hero-visual{filter:drop-shadow(0 18px 34px rgba(0,0,0,.18))}
@media(max-width:640px){
  .hero{
    background-image:
      linear-gradient(180deg,rgba(23,24,28,.96) 0%,rgba(23,24,28,.84) 46%,rgba(23,24,28,.55) 100%),
      url('/assets/skyline-ready-hero-v2.png');
    background-position:center,66% center;
  }
}

/* HeroUI-inspired surface and interaction refinement, implemented without a
   framework so the marketing site stays static, fast, and dependency-free. */
:root{
  --radius-control:12px;
  --radius-card:18px;
  --surface-shadow:0 18px 50px rgba(23,24,28,.12);
}
.site-header{
  position:fixed;
  background:rgba(23,24,28,.68);
  border-bottom:1px solid rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
}
.nav-wrap{height:78px}
.desktop-nav{gap:28px}
.desktop-nav a:not(.nav-cta){transition:color .16s ease,opacity .16s ease}
.desktop-nav a:not(.nav-cta):hover{opacity:1}
.nav-cta,.mobile-nav-cta{
  border-radius:999px;
  background:rgba(255,255,255,.05);
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.nav-cta:hover,.mobile-nav-cta:hover{background:rgba(37,84,232,.22);transform:translateY(-1px)}
.button{border-radius:var(--radius-control);box-shadow:0 5px 18px rgba(23,24,28,.12)}
.button-primary{box-shadow:0 8px 22px rgba(37,84,232,.28)}
.button-ghost{background:rgba(23,24,28,.18);box-shadow:none}
.fit-card,.forecast-card,.forecast-result,.lead-form,.waitlist-form{
  border-radius:var(--radius-card);
  box-shadow:var(--surface-shadow);
}
.fit-card{background:rgba(255,252,245,.88)}
.fit-card-featured{background:linear-gradient(145deg,rgba(255,252,245,.98),rgba(236,242,255,.92))}
.forecast-card,.lead-form,.waitlist-form{border-color:rgba(216,210,199,.72)}
.field input,.field select,.field textarea,.input-with-unit{border-radius:var(--radius-control)}
.field input:focus,.field select:focus,.field textarea:focus,
.input-with-unit:focus-within{box-shadow:0 0 0 4px rgba(37,84,232,.13)}
.hero .button-primary:hover{box-shadow:0 11px 28px rgba(37,84,232,.34)}
@media(max-width:640px){
  .site-header{background:rgba(23,24,28,.82)}
  .nav-wrap{height:70px}
  .nav-cta,.mobile-nav-cta{border-radius:999px}
}

/* Carry the skyline through the full landing page instead of stopping at the
   hero. Section surfaces remain readable while the shared backdrop keeps the
   experience visually connected from top to footer. */
body{
  background-color:var(--ink);
  background-image:url('/assets/skyline-ready-hero-v2.png');
  background-position:center center;
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
}
main>section:not(.hero){background-image:none}
main>.fit-section,
main>.difference-section{
  background-color:rgba(246,240,228,.86);
}
#fit{
  /* Ease the hero's dark skyline into the first light surface without
     changing the treatment of the sections below it. */
  background-image:linear-gradient(
    180deg,
    rgba(23,24,28,.82) 0%,
    rgba(23,24,28,.58) 30%,
    rgba(246,240,228,.84) 100%
  );
  background-repeat:no-repeat;
  background-size:100% 148px;
}
main>.section-forecast,
main>.workflow-section,
main>.faq-section{
  background-color:rgba(255,252,245,.86);
}
main>.section-dark,
main>.section-dark-soft,
main>.partner-section{
  background-color:rgba(23,24,28,.84);
}
main>.privacy-section{background-color:rgba(220,235,214,.88)}
.site-footer{background-color:rgba(23,24,28,.9)}
@media(max-width:640px){
  body{background-attachment:scroll;background-position:center top}
}

/* Conversion and accessibility refinements. */
.site-header .desktop-nav a:not(.nav-cta){color:#d8d2c7!important}
.site-header .desktop-nav a:hover:not(.nav-cta){color:var(--white)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.hero-actions .button-primary{min-width:250px}
.hero-note{max-width:650px}
.result-bar{overflow:visible}
.result-bar i{z-index:1}
.optional-context{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:18px}
.optional-context summary{padding:13px 0;font-size:12px;color:var(--teal-deep);align-items:center}
.optional-context summary em{font-size:10px;font-style:normal;color:var(--muted);font-weight:500;margin-left:4px}
.optional-context .field{padding:0 0 16px}
.form-assurance{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:10px;line-height:1.5;text-align:center;margin:14px 0 0}
.form-assurance span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#dcebd6;color:var(--teal-deep);font-weight:800;flex:none}
.button:disabled{cursor:wait;opacity:.72;transform:none}
.form-consent{display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:4px;align-items:start;margin-top:18px;color:var(--muted);font-size:10px;line-height:1.55}
.form-consent input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--teal-deep)}
.form-consent span{min-width:0}
.form-consent a{color:var(--teal-deep);text-decoration:underline;text-underline-offset:2px}
.form-consent .field-error{grid-column:2}
.form-consent input[aria-invalid="true"]{outline:2px solid #8a2535;outline-offset:2px}
@media(max-width:640px){
  .hero-actions .button-primary{min-width:0}
  .hero-note{font-size:9px}
  .optional-context summary{min-height:44px;display:flex}
}