@font-face{font-family:'Familjen Grotesk';src:url('fonts/familjen-grotesk-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--paper:#111311;--ink:#f0eee7;--muted:#a4aaa2;--line:#30362f;--accent:#efbc68}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}main,footer{max-width:1280px;margin:auto;padding-inline:clamp(22px,5vw,76px)}.skip{position:fixed;top:-100px;z-index:20;background:var(--accent);color:var(--paper);padding:12px}.skip:focus{top:0}.masthead{position:sticky;top:12px;z-index:10;max-width:1128px;margin:12px auto 0;padding:10px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #ffffff24;border-radius:18px;background:#1b201acc;backdrop-filter:blur(20px)}.wordmark{font-family:'Familjen Grotesk',sans-serif;font-size:29px;font-weight:600;letter-spacing:-1px;text-decoration:none}nav{display:flex;align-items:center;gap:24px}nav a{font-size:13px;text-decoration:none;min-height:44px;display:flex;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--accent);color:#171b14;border-radius:8px;padding:13px 24px;font-size:15px;font-weight:600;text-decoration:none;min-height:48px}.button:hover{background:#f8cf8d;color:#171b14}nav .button{font-size:13px;padding:8px 18px}.hero{padding-block:78px 65px}h1,h2,h3{font-family:'Familjen Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(52px,7.1vw,100px);line-height:1.04;letter-spacing:-.055em;max-width:1100px;margin:0 0 34px}h2{font-size:clamp(34px,4vw,55px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px}h3{font-size:34px;line-height:1.16;letter-spacing:-.03em;margin:0 0 20px}p{margin:0 0 20px;color:#c2c7bd}.hero-bottom{display:flex;justify-content:space-between;gap:60px}.intro{font-size:20px;max-width:660px}.hero-action{min-width:220px}.hero-action .button{width:100%}.secondary{display:block;text-align:center;font-size:14px;margin-top:12px}.status{font-size:12px;color:var(--muted);margin-top:15px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.1em;margin-bottom:18px}.media{margin:35px 0 0;position:relative;min-width:0}.glass-frame{padding:8px;border:1px solid #ffffff35;border-radius:18px;background:linear-gradient(135deg,#ffffff1f,#ffffff04 45%,#efbc6814);box-shadow:inset 0 1px #ffffff40,0 24px 55px #0005}.glass-frame video,.glass-frame img{display:block;width:100%;border-radius:10px;height:auto}.hero-media{margin-top:48px;padding-right:55px;padding-bottom:24px}.hero-tilt{transform:perspective(1600px) rotateX(2deg) rotateY(-2deg)}.hero-phone{position:absolute;width:18%;right:0;bottom:45px;border:4px solid #343a32;border-radius:22px;box-shadow:0 20px 40px #0009;transform:rotate(4deg)}img{display:block;width:100%;height:auto}.phone-still{display:none!important}figcaption{font-size:12px;color:var(--muted);margin-top:15px}.clip-toggle{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:6px 12px;font:inherit;font-size:11px;margin-top:8px;cursor:pointer}.chapter{padding-block:75px;border-top:1px solid var(--line)}.section-copy{max-width:810px}.section-copy p{max-width:720px}.tile-strip,.two-up{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.tile-strip{margin-top:30px}.tile-strip figure{margin:0}.tile-strip picture{display:block;padding:5px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff08}.tile-strip img{border-radius:7px}.tile-strip figcaption{font-size:15px;color:var(--ink)}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{display:flex;gap:32px;padding:0;list-style:none;counter-reset:step;margin:32px 0 0;font-size:14px}.steps li{counter-increment:step}.steps li:before{content:counter(step);color:var(--accent);margin-right:12px}.market{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.blueprints{padding:20px 0}.blueprint{padding:24px;border:1px solid var(--line);border-radius:12px;background:#191c18;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:-5px;box-shadow:0 10px 24px #0003}.blueprint:nth-child(1){transform:rotate(-3deg)}.blueprint:nth-child(2){transform:rotate(2deg)}.blueprint:nth-child(3){transform:rotate(-1deg)}.tag{display:inline-block;white-space:nowrap;border:1px solid #efbc6840;color:var(--accent);border-radius:30px;font-size:11px;padding:4px 10px}.roadmap{list-style:none;padding:0;margin:35px 0 0}.roadmap li{display:flex;align-items:start;justify-content:space-between;gap:28px;padding:23px 0;border-top:1px solid var(--line)}.roadmap li>span:first-child{max-width:820px}.mobile-section{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:80px}.mobile-section .media{max-width:300px;margin:0 auto}.final-cta{border-top:1px solid var(--line);padding-block:90px}.final-cta h2{max-width:700px;font-size:clamp(42px,5.5vw,76px)}footer{border-top:1px solid var(--line);padding-block:35px;font-size:12px}.operator{color:var(--muted);max-width:650px}.legal{max-width:900px;padding-block:65px}.legal h1{font-size:64px}.legal h2{font-size:28px;margin-top:36px}.draft{border-left:2px solid var(--accent);padding:12px 18px}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:1180px){.masthead{margin-inline:22px}nav{gap:16px}}
@media(max-width:679px){html{scroll-padding-top:145px}.masthead{top:8px;margin:8px 14px 0;padding:10px 14px;flex-wrap:wrap;gap:5px;border-radius:13px}.wordmark{font-size:24px}nav{width:100%;gap:0;justify-content:space-between;flex-wrap:wrap}nav a{font-size:10px}nav .button{font-size:10px;padding:6px 10px;min-height:34px}main,footer{padding-inline:22px}.hero{padding-block:45px}h1{font-size:51px;line-height:1.06}.hero-bottom{display:block}.intro{font-size:18px}.hero-action{margin-top:25px}.status{text-align:center}.hero-media{padding:0;margin-top:35px}.hero-phone{display:none}.glass-frame video{display:none}.phone-still{display:block!important}.glass-frame{max-width:310px;margin:auto;padding:5px;border-radius:17px}.hero-tilt{transform:none}.media figcaption{text-align:center}.clip-toggle{display:none}.chapter{padding-block:48px}.tile-strip,.two-up,.market,.mobile-section{grid-template-columns:1fr;gap:30px}.tile-strip figure{max-width:280px;margin:auto}.tile-strip figcaption{text-align:center}.steps{flex-direction:column;gap:12px}.roadmap li{flex-direction:column;gap:12px}.mobile-section .media{width:100%;max-width:280px}.final-cta{padding-block:55px}.final-cta .button{width:100%}h3{font-size:32px}.legal h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.hero-tilt{transform:none}}
.glass-frame video{aspect-ratio:8/5;object-fit:contain}.mobile-section .glass-frame video{aspect-ratio:390/844}
/* v3: tight evidence crops and readable, brighter frames. */
main{max-width:1440px;padding-inline:0}.hero,.chapter,.final-cta{padding-inline:clamp(22px,5vw,76px)}.chapter:nth-of-type(even){background:#1b201c}.glass-frame{border:1px solid #ffffff65;background:#ffffff09;box-shadow:inset 0 1px #ffffff25,0 18px 38px #0004;padding:6px}.hero-media{padding-right:70px}.hero-media:before{content:'';position:absolute;inset:5% 0;background:#b9792526;filter:blur(65px);z-index:-1}.hero-media .glass-frame{position:relative}.hero-phone{display:block;width:19%;bottom:-20px;right:-50px;border:3px solid #657064;transform:rotate(4deg);border-radius:23px}.hero-media .glass-frame .hero-phone{position:absolute;width:19%;border-radius:23px}.rail-media{position:absolute;right:76px;top:75px;width:144px;margin:0}.rail-media .glass-frame img{height:710px;width:auto;margin:auto}.rail-media .glass-frame{padding:5px}.rail-media figcaption{font-size:10px}#spaces{position:relative;min-height:910px;padding-right:280px}#spaces .tile-strip{margin-top:48px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#spaces .tile-strip img{height:390px;object-fit:contain;object-position:top;background:#090909}#spaces .section-copy{max-width:830px}.remodeler-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.remodeler-pair .glass-frame{min-height:370px}.asset-label{font-size:18px;color:var(--ink);margin:8px 12px 15px}.compare-clip{max-width:520px;margin:24px auto 0}.compare-clip video{aspect-ratio:1580/610}.agent-strip{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px;align-items:start}.agent-strip .glass-frame img{height:360px;object-fit:contain;object-position:top;background:#090909}.agent-strip .media{margin-top:20px}.calendar-media{padding-right:28px;padding-bottom:28px}.calendar-phone{position:absolute;right:0;bottom:24px;width:24%!important;border:2px solid #ffffff65;border-radius:14px!important;box-shadow:0 15px 30px #0008}.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.roadmap li{display:flex;flex-direction:column;justify-content:start;border:1px solid #ffffff30;border-radius:16px;padding:24px;background:#ffffff04;gap:16px}.roadmap-icon{color:var(--accent);font-size:30px;line-height:1}.roadmap .tag{margin-top:auto}.mobile-media{position:relative;isolation:isolate}.mobile-back{position:absolute;width:90%;left:-90px;top:40px;transform:rotate(-12deg);border:1px solid #ffffff65;border-radius:18px;z-index:-1;opacity:.8}.mobile-section .glass-frame{border-radius:25px;padding:7px}.mobile-section .glass-frame video{display:block;border-radius:18px;aspect-ratio:390/844}.mobile-section .section-copy{align-self:center}.mobile-section{gap:140px}.tile-strip figure{min-width:0}.tile-strip .glass-frame{height:100%}.steps{justify-content:space-between}#roster .media{max-width:1100px}#roster .glass-frame img{max-height:550px;object-fit:contain;background:#090909}
@media(max-width:679px){main{padding:0}.hero,.chapter,.final-cta{padding-inline:22px}.hero-media{padding-right:35px;padding-bottom:35px}.hero-media .glass-frame{max-width:none}.hero-media .glass-frame .hero-phone{display:block;right:-30px;bottom:-25px;width:30%;border-width:2px;border-radius:12px}.hero-media .glass-frame>img:first-child{border-radius:8px}.rail-media{position:relative;right:auto;top:auto;width:144px;margin:30px auto}.rail-media .glass-frame img{height:auto;width:100%}#spaces{padding-right:22px;min-height:0}#spaces .tile-strip{grid-template-columns:1fr;margin-top:30px;gap:28px}#spaces .tile-strip figure{max-width:none;width:100%}#spaces .tile-strip img{height:auto;max-height:450px}.remodeler-pair,.agent-strip{grid-template-columns:1fr}.remodeler-pair .glass-frame{min-height:0}.compare-clip video{display:block}.agent-strip .glass-frame img{height:auto}.glass-frame{max-width:none}.agent-strip .media{margin-top:5px}.steps{gap:15px}.calendar-media .glass-frame{max-width:none}.roadmap{grid-template-columns:1fr}.mobile-section{gap:40px}.mobile-section .media{max-width:225px;margin-left:85px}.mobile-back{left:-65px}.mobile-section .glass-frame video{display:block}.hero{padding-top:35px}h1{font-size:47px}.media figcaption{text-align:left}.rail-media figcaption{text-align:center}.tile-strip figcaption{text-align:left}.mobile-media figcaption{width:250px;margin-left:-45px;font-size:10px}}
.agent-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-strip .glass-frame img{height:auto;object-fit:contain}.agent-strip .glass-frame{min-height:0}.remodeler-pair .glass-frame img{max-height:360px;object-fit:cover;object-position:top}.compare-clip{max-width:420px}.compare-clip video{max-height:165px;object-fit:cover}.hero{padding-top:50px}#hero h1{font-size:clamp(47px,6.4vw,84px);max-width:1100px}.hero-bottom{gap:45px}.hero-media{margin-top:30px}.hero-media .glass-frame>img:first-child{max-height:620px;object-fit:contain;background:#090909}@media(max-width:679px){.agent-strip{grid-template-columns:1fr}#hero h1{font-size:47px}.remodeler-pair .glass-frame img{max-height:none;object-fit:contain}}
/* CEO treatment mix v3b: overlays preserve all captured UI pixels. */
.spotlight{position:relative;isolation:isolate;overflow:hidden;border-radius:10px}.glass-frame .spotlight img{display:block;width:100%;height:auto;max-height:none;object-fit:fill;border-radius:0}.spotlight .spot-base{filter:blur(3px) brightness(.46)}.spotlight .spot-sharp{position:absolute;inset:0}.spot-ring{position:absolute;border:1px solid #ffe0a1bd;border-radius:10px;box-shadow:0 0 12px #efbc6860,inset 0 0 10px #efbc6845;pointer-events:none}.spotlight-roster .spot-ring{border-color:#d9e5d3b0;box-shadow:0 0 12px #d9e5d340,inset 0 0 8px #d9e5d325}.spotlight-calendar .spot-ring{border-color:#d9e5d3b0;box-shadow:0 0 12px #d9e5d340,inset 0 0 8px #d9e5d325}#roster .glass-frame{max-width:none}#roster .media{max-width:none}.hero-media .glass-frame .hero-phone{z-index:2}.rail-media{width:300px;right:55px;top:90px}.rail-media .glass-frame img{height:auto;width:100%}#spaces{padding-right:405px;min-height:1140px}.rail-media figcaption{font-size:11px}.evidence-status{color:var(--accent);font-size:13px;margin:0 0 10px}.zoom-treatment .glass-frame{border-color:#ffffff80}.agent-strip .glass-frame{padding:10px}.agent-strip img{image-rendering:auto}.remodeler-pair .glass-frame{min-height:0}.remodeler-pair .glass-frame img{width:100%;height:auto;max-height:none;object-fit:contain}.compare-clip{max-width:640px}.compare-clip video{max-height:none;object-fit:contain;aspect-ratio:8/5}.mobile-back{opacity:1}.calendar-media{padding-bottom:38px}.calendar-phone{z-index:2;bottom:0;width:25%!important}.zoom-treatment figcaption{line-height:1.4}@media(max-width:679px){.spotlight .spot-base{filter:blur(1.5px) brightness(.46)}.spot-ring{border-radius:5px;box-shadow:0 0 7px #efbc6840}.rail-media{position:relative;width:300px;max-width:100%;right:auto;top:auto;margin:32px auto}#spaces{padding-right:22px;min-height:0}.calendar-media .glass-frame{max-width:none}.remodeler-pair .glass-frame img{max-height:none}.agent-strip .glass-frame{padding:7px}}
#roster .glass-frame .spotlight img{max-height:none;object-fit:fill}.hero-media .glass-frame .hero-phone{width:14%;bottom:-15px}.rail-media{width:400px;right:45px}#spaces{padding-right:500px;min-height:1470px}#tools>div:first-child .zoom-treatment{max-width:460px}#tools>div:first-child .zoom-treatment img{width:100%}@media(max-width:679px){.hero-media .glass-frame .hero-phone{width:20%;bottom:-25px}.rail-media{width:100%;max-width:346px;right:auto}#spaces{padding-right:22px;min-height:0}#tools>div:first-child .zoom-treatment{max-width:none}}
#tools>div:first-child .zoom-treatment{max-width:none}.agent-strip .glass-frame{min-height:0}

/* Page annotations outside the unmodified app capture. */
.rail-media{width:300px;right:55px}.rail-annotated{position:relative;padding-right:180px}.rail-annotated .glass-frame{padding:5px}.rail-callout{position:absolute;left:152px;color:var(--accent);font-size:14px;line-height:1.4;white-space:nowrap;letter-spacing:.02em}.rail-callout:before{content:"";position:absolute;right:calc(100% + 10px);top:.7em;width:38px;border-top:1px solid currentColor;opacity:.7}.rail-callout:after{content:"";position:absolute;right:calc(100% + 48px);top:calc(.7em - 2px);width:4px;height:4px;border-radius:50%;background:currentColor}.rail-work{top:16%}.rail-clients{top:35%}.rail-personal{top:63%}#spaces{padding-right:405px;min-height:1140px}
@media(max-width:679px){.rail-media{width:300px;max-width:100%;right:auto}.rail-callout{font-size:13px}#spaces{padding-right:22px;min-height:0}}

/* Mobile navigation: reserve its two rows and the device safe area. */
@media(max-width:679px){
  html{scroll-padding-top:24px;scroll-padding-bottom:calc(128px + env(safe-area-inset-bottom, 0px))}
  body{padding-bottom:calc(128px + env(safe-area-inset-bottom, 0px))}
  .masthead{position:static;background:none;border:0;backdrop-filter:none}
  .masthead nav{
    position:fixed;inset:auto 10px 0;z-index:10;width:auto;
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
    border:1px solid #ffffff35;border-bottom:0;border-radius:18px 18px 0 0;
    background:#1b201ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
    box-shadow:0 -8px 32px #0004;
  }
  .masthead nav a{justify-content:center;min-height:44px;font-size:12px;white-space:nowrap}
  .masthead nav .button{grid-column:1/-1;padding:8px 12px;font-size:13px;min-height:44px}
}