:root{--ink:#08111a;--amber:#ffb82d;--muted:#9baaba;--line:#ffffff20}body{background:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}section{scroll-margin-top:30px}h1,h2,h3{letter-spacing:-.045em}button,a{-webkit-tap-highlight-color:transparent}.site-header{height:88px;margin:0 auto;max-width:1440px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{font-size:31px;letter-spacing:-.06em;font-weight:800;text-decoration:none;color:#fff}.wordmark span{color:var(--amber)}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav>a{font-size:14px;text-decoration:none;color:#c1cbd7}.site-header nav>.button{color:#15191e;padding:12px 20px}.hero-live{position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 55%,#30404b44,transparent 55%),#08111a}.hero-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.04fr;gap:32px;align-items:center;padding:80px 5% 105px;min-height:770px}.hero-copy{position:relative;z-index:2}.kicker{color:#ffce75;font-size:10px;font-weight:750;letter-spacing:.19em;text-transform:uppercase;margin:0 0 25px}.hero-copy h1{font-size:clamp(48px,5.4vw,79px);line-height:1.045;font-weight:750;margin-bottom:27px;max-width:650px}.hero-copy h1 span{color:#ffcd6c}.lead{color:#b4bfcb;font-size:18px;line-height:1.75;max-width:480px}.support-line{font-size:13px;color:#aab6c4;margin:25px 0 31px}.action-row{display:flex;gap:13px;flex-wrap:wrap}.button{min-height:50px;font-size:14px;border-radius:10px;gap:12px;padding:14px 23px;box-shadow:inset 0 1px 0 #ffffff66}.button.outline{border-color:#ffffff30;background:#ffffff04;box-shadow:none}.hero-art{position:relative;height:540px;isolation:isolate}.orbit-glow{position:absolute;inset:7% -10%;border-radius:50%;background:radial-gradient(ellipse,#d4912440,transparent 65%);filter:blur(30px);z-index:-1;animation:breathe 8s ease-in-out infinite}.photo-frame{overflow:hidden;position:relative;background:#111d28}.photo-frame img{width:100%;height:100%;display:block;object-fit:cover;position:static;max-width:100%}.hero-contractor{position:absolute;left:0;top:35px;width:53%;height:397px;border-radius:20px;transform:rotate(-3deg);border:1px solid #ffffff2b;box-shadow:0 25px 60px #0006}.hero-contractor img{object-position:50% 40%}.hero-agent{position:absolute;right:0;top:0;width:49%;height:390px;border-radius:20px;transform:rotate(3deg);border:1px solid #ffffff2b;box-shadow:0 25px 60px #0005}.hero-agent img{object-position:64% center}.activity-pill{position:absolute;top:-28px;left:8%;z-index:3;display:flex;gap:9px;align-items:center;font-size:11px;color:#d9e6ed;background:#12212b;border:1px solid #ffffff1f;border-radius:30px;padding:10px 15px}.live-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:#89ddb4;box-shadow:0 0 14px #89ddb466}.proposal-card{position:absolute;bottom:0;right:3%;width:78%;padding:18px;border-radius:16px;background:linear-gradient(145deg,#1c2935f7,#0d1824fc);border:1px solid #d5aa6059;box-shadow:0 25px 55px #0008;animation:float 7s ease-in-out infinite}.mini-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#d5e0e9;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:13px}.mini-status>span:last-child{color:var(--amber);margin:0 7px}.proposal-top{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:13px}.proposal-body{display:grid;grid-template-columns:40% 60%;height:132px;border-radius:8px;overflow:hidden;background:#f9fafb;color:#17212d}.proposal-roof{background:url('./assets/roof-v3.jpg') center/cover}.proposal-body>div:last-child{padding:17px}.proposal-body strong{font-size:10px}.paper-line{display:block;height:4px;background:#d1d7dd;width:87%;margin-top:9px;border-radius:5px}.paper-line.short{width:65%}.ready{display:inline-block;margin-top:14px;background:#dff5e7;color:#2b6843;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:650}.split-section{max-width:1320px;margin:65px auto 110px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:0 5%}.problem-photo{height:560px;border-radius:22px}.problem-photo img{object-position:56% center}.split-copy h2,.process-section h2,.team-content h2,.cta-copy h2{font-size:clamp(34px,3.8vw,56px);line-height:1.1;font-weight:700;margin:0 0 26px}.problem-list{list-style:none;margin:30px 0;padding:0}.problem-list li{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:20px 0;color:#c3cdd8;font-size:16px}.problem-list li span{color:var(--amber);font-size:22px;min-width:28px}.closing-line{font-size:23px;line-height:1.35;font-weight:650;margin-bottom:0}.closing-line em{display:block;color:#ffcb6a;font-style:normal}.process-section{max-width:1440px;margin:auto;padding:100px 5%;text-align:center;background:radial-gradient(ellipse at 50% 0,#24313d55,transparent 65%);border-top:1px solid var(--line)}.process-section h2{margin:0 auto 58px}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;text-align:left}.process-grid article{position:relative;min-width:0}.process-photo{height:192px;border:1px solid #ffffff24;border-radius:13px;margin-bottom:20px;transition:transform .35s}.process-grid article:hover .process-photo{transform:translateY(-5px)}.crop-step-one img{object-position:65% center}.step-number{position:absolute;top:-12px;left:12px;width:32px;height:32px;display:grid;place-items:center;background:#101b26;color:#ffce77;border:1px solid #b98b37;border-radius:50%;font-size:11px}.process-grid h3{font-size:20px;margin:0 0 9px}.process-grid p{font-size:14px;color:#aab7c5;line-height:1.6;margin:0}.native-document{padding:17px;background:#eef1f3;color:#15202a;transform:rotate(1deg)}.document-brand{font-weight:800;font-size:10px;display:block;margin-bottom:8px}.document-brand span{color:#b77e11}.native-document strong{font-size:12px;display:block;margin-bottom:8px}.document-image{height:55px;background:url('./assets/proposal-detail-v4.jpg') center 48%/cover;border-radius:3px}.native-document i{display:block;height:3px;background:#bec7ce;width:72%;margin-top:6px}.document-approved{color:#2c6849;font-size:8px;margin-top:7px;display:block}.proposal-showcase{margin-top:85px;display:grid;grid-template-columns:1.65fr 1fr;gap:65px;align-items:center;text-align:left}.proposal-photo{border:1px solid #52617066;border-radius:15px;background:#152330;box-shadow:0 30px 90px #0005;transform:perspective(1200px) rotateY(5deg) rotateX(2deg)}.proposal-window-bar{display:flex;gap:5px;align-items:center;padding:14px 17px;border-bottom:1px solid var(--line)}.proposal-window-bar span{width:6px;height:6px;border-radius:50%;background:#778695}.proposal-window-bar b{font-size:9px;color:#aab7c5;margin-left:10px;font-weight:500}.proposal-workspace{display:grid;grid-template-columns:48% 52%;padding:18px;gap:18px}.proposal-workspace img{width:100%;height:230px;object-fit:cover;border-radius:8px}.proposal-workspace>div{padding:10px 5px}.proposal-workspace .kicker{font-size:8px;margin-bottom:15px}.proposal-workspace h3{font-size:22px;line-height:1.2;margin-bottom:14px}.proposal-workspace ul{padding-left:16px;font-size:11px;color:#aab7c5;line-height:2}.showcase-caption h3{font-size:34px;margin:17px 0 15px}.showcase-caption p{font-size:17px;color:#aab7c5;line-height:1.6;max-width:340px}.accent-line{display:block;width:45px;height:3px;background:#ffbe44}.process-end{margin:60px 0 0;font-size:18px;letter-spacing:-.02em;color:#dae3ec}.team-section{max-width:1440px;padding:70px 5% 100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.team-photo{height:640px;border-radius:22px}.team-photo img{object-position:59% center}.team-content h2{font-size:clamp(34px,3.3vw,49px)}.team-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.team-cards article{padding:21px 18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,#ffffff06,transparent)}.team-icon{font-size:25px;color:#ffca67}.team-cards h3{font-size:21px;line-height:1.1;margin:16px 0 22px}.team-cards ul{list-style:none;margin:0;padding:0}.team-cards li{font-size:12px;line-height:1.55;color:#bdc8d3;padding:12px 0;border-top:1px solid var(--line)}.team-content>p:last-child{font-size:11px;color:#7f92a5;margin:20px 0 0}.pricing{max-width:none;padding-block:105px;background:radial-gradient(ellipse at 80% 0%,#6c4a1930,transparent 55%),#0b1520;border-block:1px solid var(--line)}.pricing-head h2{font-size:clamp(34px,3.8vw,55px);font-weight:700}.pricing-head p:last-child{font-size:16px}.table-wrap{max-width:1320px;margin:auto;border-color:#ffffff22;border-radius:14px}thead th{padding-block:25px;font-size:14px}thead th span{font-size:19px}th,td{font-size:12px;padding:14px 12px}tbody th[scope=row]{max-width:280px}.popular{box-shadow:inset 0 3px #ffbe44}.pricing-note{font-size:11px;color:#8e9baa}.swipe-hint{display:none}.cta-live{max-width:1440px;margin:100px auto 0;padding:0 5% 70px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.cta-copy h2{max-width:510px}.cta-copy>p{font-size:17px;color:#aab7c5;line-height:1.65;max-width:490px}.cta-copy .small-note{font-size:12px;margin-top:22px}.cta-photo{height:550px;border-radius:22px}.cta-photo img{object-position:55% center}.cta-signoff{border-top:1px solid var(--line);margin-top:50px;padding-top:27px;display:flex;align-items:center;gap:20px}.cta-signoff small{color:#8293a3;font-size:11px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.3,1)}.js-motion .reveal.visible{opacity:1;transform:none}.process-grid article,.team-cards article{transition:opacity .65s ease,transform .65s ease}.hero-copy{animation:enter .85s both}.hero-art{animation:enter 1.1s .12s both}a:focus-visible,button:focus-visible{outline:3px solid #ffce75;outline-offset:5px}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes breathe{50%{opacity:.55;transform:scale(.93)}}
@media(min-width:1600px){.hero-layout{min-height:840px}.hero-art{height:590px}.hero-contractor{height:430px}.hero-agent{height:420px}}
@media(max-width:1050px){.hero-layout{gap:25px;padding-top:65px;min-height:680px}.hero-copy h1{font-size:55px}.hero-art{height:470px}.hero-contractor,.hero-agent{height:330px}.proposal-card{width:90%}.split-section{gap:40px}.problem-photo{height:480px}.process-grid{gap:16px}.process-photo{height:160px}.team-section{gap:35px}.team-cards{grid-template-columns:1fr}.team-cards article{padding:14px 18px}.team-cards h3{margin:0 0 10px}.team-icon{display:none}.team-cards li{padding:7px 0}.proposal-showcase{gap:30px}.cta-live{gap:35px}}
@media(max-width:760px){.site-header{height:76px}.site-header nav{gap:18px}.site-header nav>a{font-size:12px}.site-header .wordmark{font-size:26px}.site-header nav>.button{padding:10px 13px;min-height:40px}.hero-layout{grid-template-columns:1fr;padding:55px 6% 75px;gap:55px}.hero-copy{max-width:620px}.hero-copy h1{font-size:clamp(47px,9vw,68px)}.lead{font-size:16px}.hero-art{width:min(100%,570px);margin:auto;height:510px}.hero-contractor,.hero-agent{height:370px}.proposal-card{width:77%}.split-section{grid-template-columns:1fr;margin:20px auto 50px;gap:38px;padding:0 6%}.problem-photo{height:420px}.split-copy h2{max-width:520px}.process-section{padding:75px 6%}.process-grid{grid-template-columns:1fr 1fr;gap:40px 20px}.process-photo{height:190px}.proposal-showcase{grid-template-columns:1fr;gap:30px;margin-top:55px}.showcase-caption h3{font-size:28px}.showcase-caption p{max-width:100%}.team-section{grid-template-columns:1fr;gap:40px;padding:40px 6% 75px}.team-photo{height:420px}.team-cards{grid-template-columns:1fr 1fr}.team-cards article{padding:22px 16px}.team-cards h3{font-size:21px}.team-cards li{padding:13px 0}.pricing{padding:70px 6%}.swipe-hint{display:block;font-size:11px;color:#dabb7e}.table-wrap{margin-right:0}.cta-live{grid-template-columns:1fr;padding:0 6% 40px;margin-top:65px;gap:35px}.cta-photo{height:380px}.cta-copy h2{font-size:42px}.cta-signoff{margin-top:35px}.pricing-note{font-size:11px}}
@media(max-width:430px){.site-header nav>a:first-child{display:none}.site-header nav{gap:13px}.hero-copy h1{font-size:46px}.hero-art{height:400px}.hero-contractor,.hero-agent{height:290px}.proposal-card{width:85%;padding:12px;right:0}.proposal-body{height:106px}.proposal-body>div:last-child{padding:10px}.proposal-top{font-size:10px}.proposal-body strong{font-size:9px}.ready{font-size:8px;margin-top:9px}.activity-pill{font-size:9px}.problem-photo{height:350px}.process-photo{height:145px}.process-grid{gap:35px 16px}.process-grid h3{font-size:18px}.process-grid p{font-size:12px}.native-document{padding:12px}.document-image{height:35px}.document-approved{font-size:7px}.proposal-workspace{grid-template-columns:1fr;padding:14px}.proposal-workspace img{height:190px}.proposal-workspace>div{padding:8px}.team-photo{height:350px}.cta-photo{height:330px}.team-cards{gap:12px}.team-cards h3{font-size:19px}.action-row .button{padding-inline:17px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* Unique section photography and accessible included indicators — 2026-09-23. */
.mobile-plan-picker{display:none}
@media(max-width:760px){
  .pricing-mobile-ready .mobile-plan-picker{display:grid;gap:10px;margin:0 0 22px;min-width:0}
  .mobile-plan-picker label{font-size:13px;font-weight:650;color:#dbe5ef}
  .mobile-plan-picker select{box-sizing:border-box;width:100%;max-width:100%;min-height:52px;border:1px solid #657686;border-radius:10px;padding:12px 10px;background:#172635;color:#fff;font:inherit;font-size:14px;color-scheme:dark}
  .mobile-plan-picker select:focus-visible{outline:3px solid #ffce75;outline-offset:4px}
  .pricing-mobile-ready .swipe-hint{display:none}
  .pricing-mobile-ready .table-wrap{width:100%;min-width:0;box-sizing:border-box;overflow:visible;border-radius:12px}
  .pricing-mobile-ready table{width:100%;min-width:0;table-layout:fixed;border-radius:12px;overflow:hidden}
  .pricing-mobile-ready .mobile-plan-hidden{display:none}
  .pricing-mobile-ready thead th:first-child{width:52%}
  .pricing-mobile-ready thead th,.pricing-mobile-ready tbody th[scope=row]{position:static;white-space:normal;overflow-wrap:anywhere}
  .pricing-mobile-ready th,.pricing-mobile-ready td{box-sizing:border-box;font-size:12px;line-height:1.5;padding:15px 11px;vertical-align:middle}
  .pricing-mobile-ready thead th{font-size:13px;padding-block:20px}
  .pricing-mobile-ready thead th span{font-size:16px;white-space:normal;line-height:1.45}
  .pricing-mobile-ready thead th em{display:table;margin:6px auto}
  .pricing-mobile-ready .group th{font-size:10px;letter-spacing:.07em;padding:12px 11px}
}
.plan-check{display:inline-flex;align-items:center;justify-content:center;color:#69df9b;vertical-align:middle}.plan-check svg{display:block;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.crop-step-one img,.crop-step-four img{object-position:center 38%}.team-photo img{object-position:center 43%}.cta-photo img{object-position:center 40%}
/* Calmer surfaces and motion inspired by the reference's visual restraint. */
:root{--motion-ease:cubic-bezier(.4,0,.2,1)}
.hero-live{background:#0a131d}.process-section{background:transparent}.pricing{background:#0d1823}
.orbit-glow{animation:none;opacity:.38}.hero-art{animation:none}.hero-copy{animation:none}
.button{box-shadow:none;transition:background .25s var(--motion-ease),border-color .25s var(--motion-ease),transform .25s var(--motion-ease)}
.team-cards article{background:transparent;border-color:#ffffff18}
.process-grid article:hover .process-photo{transform:translateY(-2px)}
.js-motion .reveal{transform:translateY(16px);transition:opacity .7s var(--motion-ease),transform .7s var(--motion-ease)}
.js-motion .reveal.visible{transform:none}
@media(prefers-reduced-motion:reduce){.js-motion .reveal{transform:none;transition:none}.button{transition:none}.process-grid article:hover .process-photo{transform:none}}
/* Service benefits: one readable list, with contractor control clearly separated. */
.team-section.service-benefits{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);padding-block:70px 100px}
.service-benefits .team-photo{height:auto;aspect-ratio:4/5;max-height:660px;border-radius:18px}
.service-benefits .team-photo img{object-position:center 35%}
.service-benefits .team-content{min-width:0}
.service-benefits .kicker{margin-bottom:20px}
.service-benefits .team-content h2{font-size:clamp(36px,3.6vw,52px);line-height:1.1;font-weight:650;margin-bottom:34px}
.service-benefit-list{list-style:none;padding:0;margin:0;display:grid;gap:26px}
.service-benefit-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:17px;align-items:start}
.service-benefit-list svg{width:24px;height:24px;margin-top:2px;fill:none;stroke:#e6b968;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.service-benefit-list h3,.service-control h3{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.025em;margin:0 0 6px}
.service-benefit-list p,.service-control p{font-size:14px;line-height:1.65;color:#aebcc9;margin:0;max-width:390px}
.service-control{margin-top:30px;padding-top:24px;border-top:1px solid #ffffff20}
.service-control h3{font-size:17px;color:#e9c68d}
.service-benefits .team-content .service-scope{font-size:11px;line-height:1.5;color:#9cabb8;margin:18px 0 0}
@media(max-width:1000px){.team-section.service-benefits{gap:36px}.service-benefits .team-photo{aspect-ratio:3/4}.service-benefits .team-content h2{font-size:36px}.service-benefit-list{gap:22px}.service-benefit-list h3{font-size:18px}}
@media(max-width:760px){.team-section.service-benefits{grid-template-columns:1fr;gap:34px;padding-block:35px 65px}.service-benefits .team-content{order:-1}.service-benefits .team-content h2{font-size:clamp(34px,8vw,44px);margin-bottom:30px}.service-benefits .team-photo{aspect-ratio:1.15;max-height:380px;width:100%}.service-benefits .team-photo img{object-position:center 35%}.service-benefit-list{gap:24px}.service-benefit-list li{gap:14px}.service-benefit-list p,.service-control p{font-size:14px;max-width:460px}}
/* Supporting copy: readable at normal viewing size, below the heading hierarchy. */
.problem-list li{font-size:18px;line-height:1.55;color:#d1dbe4}
.support-line{font-size:15px;line-height:1.65}
.process-grid p,.service-benefit-list p,.service-control p{font-size:16px;line-height:1.65;color:#bdc9d5}
.cta-copy .small-note{font-size:14px;line-height:1.6}
.service-benefits .team-content .service-scope{font-size:13px;line-height:1.6;color:#afbdca}
.pricing-note{font-size:13px;line-height:1.65;color:#afbdca}
.cta-signoff small{font-size:13px;color:#afbdca}
@media(max-width:760px){
  .problem-list li{font-size:17px}
  .process-grid p{font-size:15px}
}

/* Footer with legal links — 2026-09-30. */
.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;max-width:1536px;margin:0 auto;padding:28px clamp(18px,5vw,76px) 40px;border-top:1px solid #ffffff1f;background:#08111a;color:#9baaba;font-size:14px}
.site-footer-mark{font-weight:800;font-size:20px;letter-spacing:-.02em;color:#fff}.site-footer-mark span{color:var(--amber)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.site-footer a{color:#b9c6d6;text-decoration:none;padding:6px 0;min-height:24px}.site-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-footer a:focus-visible{outline:3px solid #ffce75;outline-offset:3px;border-radius:4px}
