:root { --gold:#e3b25a; --amber:#ffa301; --charcoal:#242424; --website-gray:#666666; --website-light:#e5e5e5; --obsidian:#0f1011; --abyss:#090a0b; --graphite:#2e2e2e; --steel:#3f4041; --silver:#cacaca; --ash:#9f9fa0; --cloud:#f5f5f7; --pure:#fff; --void:#000; }
      * { box-sizing: border-box; }
      html { scroll-behavior: smooth; background:var(--obsidian); overflow-x:hidden; }
      body { margin:0; background:var(--obsidian); color:var(--pure); font-family:Inter,Arial,sans-serif; font-weight:300; overflow-x:clip; }
      a { color:inherit; text-decoration:none; }
      img,video { max-width:100%; }
      .shell { width:min(1200px, calc(100% - 40px)); margin:0 auto; }
      .mono { font:500 11px/1.4 "Roboto Mono",monospace; text-transform:uppercase; letter-spacing:.12em; }
      .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
      .nav { position:sticky; top:16px; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:20px; margin:16px auto 0; padding:10px 12px 10px 18px; width:min(1168px,calc(100% - 32px)); border:1px solid rgba(255,255,255,.17); border-radius:8px; background:rgba(15,16,17,.72); backdrop-filter:blur(24px); }
      .brand { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:400; letter-spacing:.02em; }
      .brand-mark { display:grid; place-items:center; width:26px; height:26px; overflow:hidden; border-radius:50% }
      .brand-mark img { width:100%; height:100%; object-fit:cover; }
      .nav-links { display:flex; align-items:center; gap:8px; color:var(--ash); }
      .nav-links a { padding:8px 10px; border-radius:8px; transition:color .2s ease,background-color .2s ease; }
      .nav-links a:hover { background:rgba(255,255,255,.1); color:var(--pure); }
      .button { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:12px 18px; border:1px solid transparent; border-radius:8px; font:400 15px/1 Inter,sans-serif; transition:transform .2s ease,background-color .2s ease; }
      .button:hover { transform:translateY(-2px); }
      .button.primary { background:var(--pure); color:var(--void); }
      .button.ghost { border-color:rgba(255,255,255,.75); color:var(--pure); }
      .hero { position:relative; min-height:720px; display:grid; align-items:end; padding:125px 0 68px; background:var(--obsidian); overflow:hidden; animation:hero-breathe 18s ease-in-out infinite alternate; }
      .hero::after { content:""; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(180deg,rgba(20,20,19,.57) 0%,rgba(18,18,17,.66) 48%,rgba(15,15,14,.81) 100%); }
      .hero-video { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:0; transition:opacity .85s ease-in-out; }
      .hero-video.is-active { opacity:1; }
      .hero-inner { position:relative; z-index:4; text-align:center; animation:rise-in 1.1s cubic-bezier(.22,1,.36,1) both; }
      .eyebrow { display:inline-block; padding:8px 14px; border:1px solid rgba(255,255,255,.15); border-radius:9999px; background:rgba(255,255,255,.1); color:var(--cloud); }
      h1,h2,h3,p { margin:0; }
      h1 { max-width:1000px; margin:26px auto 24px; color:var(--cloud); font-family:"DM Serif Display",Georgia,serif; font-size:clamp(58px,9vw,112px); font-weight:400; letter-spacing:-.055em; line-height:.88; }
      h1 em { color:var(--amber); }
      h1 .amber-word { color:var(--amber); }
      .hero-copy { max-width:530px; margin:0 auto; color:var(--ash); font-size:18px; line-height:1.55; }
      .hero-actions { display:flex; justify-content:center; gap:12px; margin-top:30px; }
      .hero .signup { width:min(680px,100%); max-width:none; margin:30px auto 0; padding:8px 8px 8px 26px; border-radius:14px; }
      .hero .signup input { font-size:18px; }
      .hero .signup .button { min-width:245px; padding:18px 24px; font-size:18px; }
      section { padding:120px 0; }
      .section-title { margin:78px 0 34px; text-align:center; font-size:clamp(38px,5vw,64px); }
      .section-title .amber-word { color:var(--amber); }
      #academy .academy-main-title { margin:78px 0 8px; text-align:center; font-size:clamp(48px,6vw,76px); }
      #academy .academy-main-title + .section-title { margin:0 0 34px; color:var(--ash); font-family:Inter,sans-serif; font-size:clamp(22px,2.4vw,34px); font-weight:500; letter-spacing:-.025em; line-height:1.2; }
      .workshop-heading h2 .amber-word { color:var(--amber); }
      .proof .section-title { margin:0 0 46px; }
      .intro { display:grid; grid-template-columns:1fr 1.4fr; gap:70px; align-items:start; padding-bottom:70px; border-bottom:1px solid rgba(255,255,255,.45); }
      .section-kicker { color:var(--gold); }
      .intro-image { height:360px; margin:0; overflow:hidden; border-radius:30px; background:var(--graphite); }
      .intro-image img,.intro-image video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.82) contrast(.95) brightness(.85); }
      .intro-image video { background:var(--graphite); }
      h2 { color:var(--cloud); font-family:"DM Serif Display",Georgia,serif; font-size:clamp(44px,6vw,76px); font-weight:400; letter-spacing:-.045em; line-height:.93; }
      .intro p { max-width:560px; padding-top:8px; color:var(--ash); font-size:20px; line-height:1.55; }
      .intro h2 .amber-word { color:var(--amber); }
      .tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:62px; }
      #academy { border-bottom:1px solid rgba(255,255,255,.45); }
      #academy .tiles { --card-reveal:1; margin-top:0; }
      .tile { min-height:390px; display:flex; flex-direction:column; overflow:hidden; border-radius:30px; color:var(--void); transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease; }
      .tile:hover { transform:translateY(-8px); box-shadow:0 22px 46px rgba(0,0,0,.25); }
      .tile:nth-child(1) { background:var(--gold); color:var(--void); }
      .tile:nth-child(2) { background:var(--amber); color:var(--void); }
      .tile:nth-child(3) { background:linear-gradient(145deg,#6c3400,#b75800); color:var(--void); }
      .tile-media { position:relative; height:52%; min-height:202px; overflow:hidden; }
      .tile-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.36)); }
      .tile-media img { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(.94) brightness(.88); transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter 1.1s ease; animation:media-drift 15s ease-in-out infinite alternate; }
      .tile:hover .tile-media img { transform:scale(1.06); filter:saturate(.95) contrast(1) brightness(.94); }
      .tile-number { position:absolute; top:22px; left:24px; z-index:1; padding:7px 9px; border-radius:999px; background:rgba(15,16,17,.7); color:var(--pure); opacity:1; }
      .tile-copy { display:flex; flex:1; flex-direction:column; justify-content:space-between; gap:18px; padding:24px 28px 28px; }
      .tile:nth-child(2) .tile-copy,.tile:nth-child(3) .tile-copy { justify-content:flex-start; gap:8px; }
      @media (min-width:761px) {
        #academy .tile { position:relative; background:transparent; }
        #academy .tile-media { position:relative; z-index:2; width:100%; height:52%; min-height:202px; }
        #academy .tile-copy { position:relative; z-index:1; min-height:238px; border-radius:0 0 30px 30px; transform:translateY(calc(-100% + (var(--card-reveal) * 100%))); will-change:transform; }
        #academy .tile:nth-child(1) .tile-copy { background:var(--gold); }
        #academy .tile:nth-child(2) .tile-copy { background:var(--amber); }
        #academy .tile:nth-child(3) .tile-copy { background:linear-gradient(145deg,#6c3400,#b75800); }
        #academy .tile:nth-child(3) .tile-copy { min-height:239px; }
      }
      .tile h3 { font-family:"DM Serif Display",Georgia,serif; font-size:38px; font-weight:400; letter-spacing:-.035em; line-height:.95; }
      .tile p { max-width:290px; font-size:16px; font-weight:400; line-height:1.5; }
      #academy .tile,
      #academy .tile .tile-copy { background:var(--amber) !important; color:var(--void); }
      .visuals { display:grid; grid-template-columns:1.05fr .95fr; gap:12px; margin-top:12px; }
      .visual { position:relative; min-height:330px; overflow:hidden; border-radius:30px; background:var(--graphite); }
      .visual img { width:100%; height:100%; object-fit:cover; filter:saturate(.7) contrast(.9) brightness(.72); }
      .visual figcaption { position:absolute; left:24px; right:24px; bottom:22px; display:flex; justify-content:space-between; align-items:center; color:var(--pure); }
      .visual figcaption span:last-child { color:var(--cloud); }
      .proof { background:var(--abyss); }
      .company-showcase { background:linear-gradient(180deg,var(--obsidian),var(--abyss)); border-bottom:1px solid rgba(255,255,255,.45); }
      #academy > .shell > .company-showcase { width:100vw; margin-left:calc(50% - 50vw); }
      .company-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; }
      .company-heading h2 { max-width:670px; }
      .company-heading h2 .amber-word { color:var(--amber); }
      .company-heading p { max-width:560px; margin-top:20px; color:var(--ash); font-size:18px; line-height:1.55; }
      .company-feature { position:relative; aspect-ratio:16/9; margin:0; overflow:hidden; border-radius:24px; background:var(--graphite); }
      .company-feature img { width:100%; height:100%; display:block; object-fit:cover; filter:saturate(.78) contrast(.95) brightness(.82); }
      .company-feature::after,.client-shot::after { content:""; position:absolute; left:0; right:0; bottom:0; height:30px; z-index:1; background:var(--amber); pointer-events:none; }
      .company-feature::after { height:44px; }
      .company-feature::before,.client-shot::before { position:absolute; left:10px; right:10px; bottom:7px; z-index:2; color:#fff; font:700 12px/1 "Roboto Mono",monospace; letter-spacing:.02em; text-align:center; text-transform:uppercase; pointer-events:none; }
      .company-feature::before { content:"Bath Renovations"; bottom:14px; font-size:14px; }
      .client-gallery { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:48px; }
      .client-shot { position:relative; aspect-ratio:4/3; min-height:0; margin:0; overflow:hidden; border-radius:18px; background:var(--graphite); }
      .client-shot:nth-child(1)::before { content:"Siding"; }
      .client-shot:nth-child(2)::before { content:"Solar Shingles/Roofing"; }
      .client-shot:nth-child(3)::before { content:"Siding & Stone"; }
      .client-shot:nth-child(4)::before { content:"Patio Covers"; }
      .client-shot:nth-child(5)::before { content:"Sunrooms"; }
      .client-shot:nth-child(6)::before { content:"Solar"; }
      .client-shot:nth-child(7)::before { content:"Walk In Shower / Bath"; }
      .client-shot:nth-child(8)::before { content:"Gutters & Covers"; }
      .client-shot:nth-child(9)::before { content:"Entry Doors"; }
      .client-shot:nth-child(10)::before { content:"Windows"; }
      .client-shot img { width:100%; height:100%; display:block; object-fit:cover; filter:saturate(.78) contrast(.95) brightness(.82); transition:transform .9s cubic-bezier(.22,1,.36,1),filter .9s ease; }
      .client-shot:hover img { transform:scale(1.055); filter:saturate(.95) contrast(1) brightness(.95); }
      .online-classroom { background:var(--abyss); border-bottom:1px solid rgba(255,255,255,.45); }
      .classroom-grid { display:grid; grid-template-columns:1fr 1fr; min-height:620px; background:var(--graphite); border-radius:30px; overflow:hidden; }
      .classroom-copy { display:flex; flex-direction:column; justify-content:center; padding:64px; }
      .classroom-copy h2 { max-width:590px; }
      .classroom-copy h2 .amber-word { color:var(--amber); }
      .classroom-copy h3 { max-width:520px; margin-top:28px; font:400 clamp(23px,2vw,31px)/1.1 "DM Serif Display",Georgia,serif; }
      .classroom-copy p { max-width:570px; margin-top:24px; color:var(--ash); font-size:17px; line-height:1.55; }
      .classroom-copy .button { align-self:flex-start; margin-top:42px; }
      .classroom-copy .outline-form { width:100%; max-width:570px; margin-top:36px; }
      .classroom-copy .outline-form .button { align-self:auto; margin-top:0; white-space:nowrap; }
      .classroom-image { margin:0; min-height:100%; }
      .classroom-image img { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.78) contrast(.95) brightness(.83); }
      .workshops { background:var(--obsidian); border-bottom:1px solid rgba(255,255,255,.45); }
      .workshop-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; }
      .workshop-heading p { max-width:430px; color:var(--ash); }
      .workshop-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:42px; }
      .workshop-card { position:relative; min-height:330px; display:flex; flex-direction:column; justify-content:flex-end; padding:28px; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:24px; background:linear-gradient(145deg,#17191c,#292c31); }
      .workshop-card::before { content:""; position:absolute; width:180px; height:180px; right:-48px; top:-56px; border:2px solid var(--gold); border-radius:50%; opacity:.85; }
      .workshop-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.55)); pointer-events:none; }
      .workshop-card:nth-child(2) { background:linear-gradient(145deg,#412a0a,#f0b84b); color:var(--cloud); }
      .workshop-card:nth-child(3) { background:linear-gradient(145deg,#113747,#186b7c); }
      .workshop-card:nth-child(4) { background:linear-gradient(145deg,#392747,#744e83); }
      .workshop-card > * { position:relative; z-index:1; }
      .workshop-card .mono { color:var(--gold); }
      .workshop-card:nth-child(2) .mono { color:var(--cloud); }
      .workshop-card h3 { margin-top:12px; font-size:clamp(29px,2.5vw,39px); }
      .workshop-card p { margin-top:12px; font-size:15px; line-height:1.45; opacity:.82; }
      @supports (animation-timeline:view()) {
        @media (min-width:761px) {
          .workshop-grid { view-timeline-name:--workshop-spread; view-timeline-axis:block; }
          .workshop-card:nth-child(1) { z-index:4; }
          .workshop-card:nth-child(2) { z-index:3; animation:spread-card-two linear both; animation-timeline:--workshop-spread; animation-range:entry 8% cover 46%; }
          .workshop-card:nth-child(3) { z-index:2; animation:spread-card-three linear both; animation-timeline:--workshop-spread; animation-range:entry 8% cover 46%; }
          .workshop-card:nth-child(4) { z-index:1; animation:spread-card-four linear both; animation-timeline:--workshop-spread; animation-range:entry 8% cover 46%; }
        }
      }
      .proof-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:12px; }
      .report-card { position:relative; min-height:430px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; padding:48px; border-radius:30px; background:linear-gradient(90deg,rgba(46,46,46,.97) 0%,rgba(46,46,46,.91) 50%,rgba(46,46,46,.35) 72%,rgba(46,46,46,.16) 100%),url("images/lead-baby-report.png") right center/cover,var(--graphite); animation:rise-in 1.1s .12s cubic-bezier(.22,1,.36,1) both; }
      .report-card > * { position:relative; z-index:1; }
      .report-card h2 { max-width:57%; font-size:clamp(38px,4.2vw,56px); }
      .report-card h2 em { color:var(--gold); }
      .report-card p { max-width:57%; margin-top:18px; color:var(--ash); font-size:18px; line-height:1.5; }
      .signup { display:flex; gap:8px; margin-top:30px; max-width:57%; padding:7px 7px 7px 22px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:var(--void); }
      .signup input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--cloud); font:400 15px Inter,sans-serif; }
      .signup input.sr-only { position:absolute; width:1px; min-width:1px; height:1px; flex:none; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
      .signup input::placeholder { color:var(--ash); }
      .signup button { border:0; cursor:pointer; }
      .signup .button.primary { background:var(--amber); color:var(--pure); font-weight:700; }
      .quote { display:flex; flex-direction:column; justify-content:space-between; padding:38px; border-radius:30px; background:var(--website-light); color:var(--void); animation:rise-in 1.1s .24s cubic-bezier(.22,1,.36,1) both; }
      .quote p { font-family:"DM Serif Display",Georgia,serif; font-size:clamp(28px,2.7vw,33px); line-height:1.04; letter-spacing:-.035em; }
      .quote footer { font:500 11px/1.5 "Roboto Mono",monospace; letter-spacing:.1em; text-transform:uppercase; text-align:center; }
      .intro-mobile-fallback { display:none; width:100%; height:100%; object-fit:cover; }
      @supports (animation-timeline:view()) {
        @media (min-width:761px) {
          .proof-grid { view-timeline-name:--testimonial-reveal; view-timeline-axis:block; }
          .quote { position:relative; z-index:3; animation:testimonial-reveal linear both; animation-timeline:--testimonial-reveal; animation-range:entry 6% cover 48%; box-shadow:0 18px 60px rgba(0,0,0,.2); }
        }
      }
      footer.site-footer { display:flex; justify-content:space-between; gap:24px; padding:36px 0 48px; color:var(--ash); border-top:1px solid rgba(255,255,255,.13); }
      .site-footer a { color:inherit; }
      @media (max-width:760px) {
        .shell { width:calc(100% - 32px); }
        .nav { top:max(8px,env(safe-area-inset-top)); width:calc(100% - 24px); gap:10px; margin:8px auto 0; padding:8px 9px 8px 12px; }
        .brand { min-width:0; gap:8px; font-size:12px; line-height:1.15; }
        .brand-mark { width:30px; height:30px; flex:0 0 auto; }
        .nav-links { display:none; }
        .nav > .button { min-height:44px; flex:0 0 auto; gap:10px; padding:11px 14px; font-size:14px; white-space:nowrap; }

        .hero { min-height:680px; padding:118px 0 54px; }
        .hero .eyebrow { display:none; }
        .hero-inner { text-align:center; }
        h1 { max-width:390px; margin:0 auto 22px; font-size:clamp(46px,12.2vw,56px); line-height:.92; letter-spacing:-.045em; text-align:center; text-wrap:balance; }
        .hero-copy { max-width:370px; font-size:17px; line-height:1.5; text-align:center; text-wrap:pretty; }
        .hero .signup { width:100%; margin-top:26px; padding:8px; }
        .hero .signup .button { min-width:0; padding:16px 18px; font-size:17px; }

        section { padding:72px 0; }
        h2 { font-size:clamp(40px,10.5vw,50px); line-height:.96; text-wrap:balance; }
        .section-title { margin:50px auto 26px; font-size:clamp(38px,10vw,48px); line-height:1; text-align:center; text-wrap:balance; }
        .proof .section-title { margin-bottom:30px; }
        #academy .academy-main-title { margin:50px auto 8px; font-size:clamp(40px,10.5vw,50px); line-height:.98; text-align:center; text-wrap:balance; }
        #academy .academy-main-title + .section-title { max-width:390px; margin:0 auto 30px; font-size:clamp(20px,5.8vw,26px); line-height:1.2; }

        .intro,.proof-grid,.visuals,.company-heading,.classroom-grid { grid-template-columns:1fr; gap:28px; }
        .intro { padding-bottom:58px; }
        .intro-image { height:250px; border-radius:24px; }
        #academy .intro-image video { display:none; }
        #academy .intro-mobile-fallback { display:block; }
        .intro > div,.company-copy,.classroom-copy,.workshop-heading { text-align:center; }
        .intro p,.company-heading p,.classroom-copy p,.workshop-heading p { margin-left:auto; margin-right:auto; }
        .intro p { padding-top:14px; font-size:18px; }

        #academy > .shell > .company-showcase { width:calc(100% + 32px); margin-left:-16px; }
        .company-showcase > .shell { width:calc(100% - 32px); }
        .company-feature { border-radius:20px; }
        .client-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:30px; }
        .client-shot { border-radius:14px; }
        .client-shot::before { font-size:9px; }

        .tiles,#academy .tiles { grid-template-columns:1fr; margin-top:0; }
        .tile { min-height:420px; border-radius:24px; }
        .tile-media { min-height:220px; }
        .tile-copy { padding:24px; }
        .tile h3 { font-size:36px; }
        .visual { min-height:260px; }

        .classroom-grid { min-height:0; border-radius:24px; }
        .classroom-image { order:1; min-height:280px; }
        .classroom-copy { order:2; align-items:center; padding:38px 24px; }
        .classroom-copy h3 { margin-top:22px; font-size:26px; }
        .classroom-copy .outline-form { margin-top:30px; }

        .workshop-heading { display:block; }
        .workshop-heading p { max-width:360px; margin-top:16px; }
        .workshop-grid { grid-template-columns:1fr; gap:12px; margin-top:30px; }
        .workshop-card { min-height:230px; padding:26px; }
        .workshop-card h3 { font-size:36px; }

        .report-card { min-height:0; padding:30px 24px; border-radius:24px; background:linear-gradient(180deg,rgba(46,46,46,.92),rgba(46,46,46,.58)),url("images/lead-baby-report.png") right center/cover,var(--graphite); }
        .report-card > div { text-align:center; }
        .report-card h2,.report-card p,.signup { max-width:100%; }
        .report-card p { margin-left:auto; margin-right:auto; font-size:17px; }
        .quote { min-height:270px; gap:36px; padding:30px 26px; border-radius:24px; text-align:center; }
        .quote footer { margin-top:18px; }

        .signup { flex-wrap:wrap; gap:8px; padding:8px; border-radius:12px; }
        .signup input { min-height:48px; width:100%; flex-basis:100%; padding:0 10px; font-size:16px; }
        .signup button { width:100%; min-height:48px; }
        .button:hover,.tile:hover { transform:none; }

        footer.site-footer { align-items:center; flex-direction:column; text-align:center; padding-bottom:calc(40px + env(safe-area-inset-bottom)); }
      }
      @keyframes hero-breathe { from { background-position:center center,center center,center 48%,center; } to { background-position:center center,center center,center 54%,center; } }
      @keyframes media-drift { from { transform:scale(1.01) translate3d(-.4%,0,0); } to { transform:scale(1.055) translate3d(.45%,-.35%,0); } }
      @keyframes rise-in { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
      @keyframes spread-card-two { from { transform:translateX(calc(-100% - 14px)) rotate(.35deg); } to { transform:translateX(0) rotate(0); } }
      @keyframes spread-card-three { from { transform:translateX(calc(-200% - 28px)) rotate(-.35deg); } to { transform:translateX(0) rotate(0); } }
      @keyframes spread-card-four { from { transform:translateX(calc(-300% - 42px)) rotate(.5deg); } to { transform:translateX(0) rotate(0); } }
      @keyframes testimonial-reveal { from { transform:translateX(calc(-100% - 12px)); } to { transform:translateX(0); } }
      @media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition:none!important; } .workshop-card,.quote { animation:none!important; transform:none!important; } }