/* Full-width editorial direction, with an interactive chapter surface. */
body{background:#080f19;color:#152032}
html{scroll-padding-top:110px}
.site-shell{max-width:none;width:100%;margin:0;border:0;border-radius:0;overflow:clip}
header{position:sticky;top:0;z-index:20;padding:20px 4%;background:#080f19f0;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12}
.brand{font-size:29px}.brand img{width:43px;height:43px}
nav{margin-left:auto;margin-right:35px;gap:35px}
nav a{position:relative;padding:8px 0}
nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#55b9ff;transform:scaleX(0);transform-origin:left;transition:transform .25s}
nav a:hover:after,nav a[aria-current]:after{transform:scaleX(1)}
.login{border:0;border-left:1px solid #344255;border-radius:0;padding-left:28px}
.hero{grid-template-columns:1.05fr 1fr;gap:5%;padding:65px 4% 55px;background:radial-gradient(ellipse at 80% 70%,#122e4938,transparent 50%),#080f19;min-height:min(820px,calc(100svh - 84px));align-items:center}
.hero-copy{padding:20px 0;background:none;overflow:visible}
.hero-copy:after{display:none}
.hero-copy .eyebrow{font-size:11px;letter-spacing:2px}
.hero h1{font-size:clamp(44px,4.7vw,86px);font-weight:550;line-height:1.04;letter-spacing:-.055em;margin:33px 0 25px;max-width:850px}
.hero h1>span{display:block;margin-top:10px}
.hero-copy>p{font-size:16px;line-height:1.8;max-width:470px;color:#9daec2}
.hero-cta{display:inline-flex;align-items:center;gap:55px;padding:16px 0 13px;border-bottom:1px solid #65baff;color:#f2f7ff;font-size:15px;margin-top:15px;transition:gap .25s}
.hero-cta:hover{gap:70px}.hero-cta span{color:#66c2ff;font-size:23px}
.hero-foot{margin-top:45px;font-size:11px;letter-spacing:.3px}
.chapter-panel{min-width:0;align-self:stretch;display:flex;flex-direction:column;border:1px solid #304a6380;background:radial-gradient(ellipse at 100% 0,#1b47704d,transparent 60%),linear-gradient(140deg,#102234,#0c1826);position:relative}
.chapter-topline{display:flex;justify-content:space-between;gap:15px;color:#92a9c0;font-size:10px;letter-spacing:1.8px;padding:22px 26px;border-bottom:1px solid #ffffff10}
.chapter-stage{display:grid;flex:1;min-height:430px;overflow:hidden}
.chapter-scene{grid-area:1/1;padding:40px 8% 30px;display:flex;flex-direction:column;justify-content:center;animation:chapter-enter .65s cubic-bezier(.2,.7,.2,1) both;min-width:0}
.chapter-scene[hidden]{display:none}
.scene-statement>span{display:block;font-size:16px;color:#9fb8d0;margin-bottom:18px}
.scene-statement strong{display:block;color:#f5f8fc;font-size:clamp(56px,6.6vw,115px);line-height:.94;font-weight:500;letter-spacing:-.06em}
.scene-statement em{font-weight:500;font-style:normal;color:transparent;background:var(--brand-text-gradient);background-clip:text;-webkit-background-clip:text}
.chapter-scene>p{font-size:14px;line-height:1.8;color:#a1b5cb;margin:28px 0 0;max-width:390px}
.relationship-track{display:flex;align-items:center;gap:9px;margin-top:36px;font-size:11px;color:#c5d7e7;flex-wrap:wrap}
.relationship-track i{height:1px;min-width:8px;flex:1;background:#3e5e7d}.relationship-track b{font-size:25px;color:#59b7fb;font-weight:400}
.chapter-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff15}
.chapter-tabs button{position:relative;appearance:none;border:0;border-right:1px solid #ffffff12;background:#08131e55;color:#839bb4;text-align:left;font-size:12px;padding:18px 14px;cursor:pointer;transition:background .25s,color .25s}
.chapter-tabs button:last-child{border-right:0}.chapter-tabs button span{display:block;font-size:10px;margin-bottom:7px;letter-spacing:1px}
.chapter-tabs button[aria-selected=true]{color:white;background:#24476a44}
.chapter-tabs button:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:2px;background:linear-gradient(90deg,#0f52e8,#66c2ff);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.chapter-tabs button[aria-selected=true]:before{transform:scaleX(1)}
.industry-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.industry-list span{font-size:12px;color:#c4d8eb;border-bottom:1px solid #3e5872;padding:8px 0;margin-right:12px}
.experience-display>strong{font-size:clamp(120px,15vw,230px);line-height:.9;letter-spacing:-.075em;font-weight:450;color:transparent;background:var(--brand-text-gradient);background-clip:text;-webkit-background-clip:text;display:block}
.experience-display>strong span{font-size:24px;letter-spacing:-1px;margin-left:16px;color:#e5eff8;-webkit-text-fill-color:#e5eff8}
.experience-display p{color:#ecf4fc;font-size:13px;letter-spacing:2px;line-height:1.6;margin:25px 0}
.experience-line{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #3e5872;padding-top:17px;font-size:11px;color:#90aac4}
.platform{padding:95px 4% 105px;background:#fff}
.section-heading{grid-template-columns:1.5fr 1fr;column-gap:10%;padding-bottom:25px}
.section-heading h2{font-size:clamp(36px,4vw,65px);font-weight:500;letter-spacing:-.055em;line-height:1.09}
.section-heading>p{font-size:17px}.section-heading .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:28px}
.benefits{grid-template-columns:repeat(3,1fr);gap:0;margin-top:20px}
.benefits article{padding:30px 8% 0 0;border-top:1px solid #bfcfdf}
.benefits article+article{padding-left:9%;border-left:1px solid #dce5ef}
.benefits h3{font-size:27px;font-weight:550;margin-top:30px;line-height:1.2}
.benefits p{font-size:15px;line-height:1.8}
.flow-philosophy{position:relative;background:#0b1623;padding:100px 4% 65px;color:white;grid-template-columns:1.2fr 1fr;gap:45px 12%;margin:0;overflow:hidden}
.flow-intro h2{font-size:clamp(42px,5.2vw,86px);font-weight:500;line-height:1.04;letter-spacing:-.06em;margin-top:25px;margin-bottom:35px}
.flow-intro>p{max-width:510px}.flow-philosophy p{color:#9dafc3;font-size:16px;line-height:1.85}
.flow-detail{padding-top:50px}.flow-detail h3{font-size:27px;font-weight:500;color:#e0ebf7}
.flow-steps{gap:0;margin-top:35px}.flow-steps li{padding:26px 28px 10px 0;border-top:1px solid #3c658a}.flow-steps li+li{padding-left:28px;border-left:1px solid #ffffff15}
.flow-steps li>span{color:#66c2ff}.flow-steps strong{font-weight:500;font-size:20px}.flow-steps p{font-size:14px}
.flow-return{border-color:#ffffff15;color:#8fa8c2;justify-content:flex-end;padding-top:25px}
.story-strip{margin:0;padding:90px 4%;border-radius:0;background:#eaf1f8;color:#152032;grid-template-columns:.55fr 1fr 1fr;gap:5%;align-items:center}
.story-strip h2{font-size:clamp(27px,2.8vw,44px);letter-spacing:-.045em;font-weight:500;line-height:1.14}
.story-strip p{color:#617187;font-size:15px;line-height:1.9}.story-strip .text-link{color:#194d89}.story-strip .eyebrow{line-height:1.8;font-size:10px}
.founder-years{font-size:clamp(100px,13vw,205px);letter-spacing:-.09em;font-weight:450;line-height:1;color:#163d6a}
.founder-years span{display:block;font-size:10px;line-height:1.7;letter-spacing:1.5px;margin-top:18px;color:#657d98}
.signup-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px 10%;padding:90px 8%;background:#fff;align-items:center;scroll-margin-top:90px}
.signup-top{display:block;margin:0;align-self:center}.signup-top .edition{display:none}.signup-top .pill{display:inline-block;margin-bottom:25px}
.signup-top>h2{font-size:clamp(40px,4.6vw,68px);font-weight:500;letter-spacing:-.05em;line-height:1.07}.signup-top>p{color:#718298;font-size:17px;max-width:350px}
.signup-card{grid-column:2;grid-row:1/3;box-shadow:none;border:0;border-left:1px solid #dbe5ef;border-radius:0;padding:0 0 0 12%}
.signup-card .card-symbol{display:none}.signup-card h2{font-size:28px;font-weight:550}.signup-card h2 br{display:none}.signup-card>p{font-size:15px}
.counter{margin:0;align-self:start}.primary{border-radius:4px}.counter .digits span{border-radius:2px}
footer{padding:48px 4% 25px;background:#080f19}.preview-note{background:#080f19;color:#8799ae}
.page-hero{padding:85px 4%;background:#0b1623}.page-hero h1{font-weight:500;font-size:clamp(42px,5.7vw,88px);letter-spacing:-.055em}.page-hero.compact{padding:65px 4%}
.about-body{padding:80px 6%;grid-template-columns:.8fr 1.4fr;gap:12%}.founder-card{border-radius:0;background:#0d1c2d;color:#f0f5fb;border:0;padding:65px 25px}.founder-card p,.founder-card>span{color:#9db5cf}
.prose h2{font-weight:550}.contact-grid{padding:80px 4%}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}
@keyframes chapter-enter{from{opacity:0;transform:translateY(25px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
::view-transition-old(root){animation:route-out .22s ease both}::view-transition-new(root){animation:route-in .4s ease both}
@keyframes route-out{to{opacity:0;transform:translateY(-12px)}}@keyframes route-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.hero{padding-block:85px}.hero-copy{padding-top:20px}}
@media(max-width:1050px){.hero{gap:4%;padding-top:45px}.hero h1{font-size:49px}.chapter-scene{padding:35px 7%}.scene-statement strong{font-size:65px}.hero-foot{margin-top:32px}.story-strip{gap:4%}.story-strip h2{font-size:29px}.chapter-tabs button{padding:16px 10px;font-size:11px}.signup-panel{padding-inline:5%;gap:20px 5%}}
@media(max-width:760px){html{scroll-padding-top:135px}header{padding:16px 5%;gap:14px}.brand{font-size:24px}.brand img{width:34px;height:34px}nav{margin:0;gap:28px;padding-top:10px}nav a{padding:4px 0}.login{padding-left:15px}.hero{grid-template-columns:1fr;padding:35px 5% 40px;gap:35px;min-height:0}.hero-copy{padding:10px 0}.hero h1{font-size:clamp(43px,9.8vw,68px);max-width:650px}.hero-copy>p{font-size:16px;max-width:550px}.hero-foot{margin-top:30px}.chapter-stage{min-height:390px}.scene-statement strong{font-size:75px}.chapter-topline{padding:18px;font-size:9px}.chapter-scene{padding:30px 7%}.chapter-tabs button{font-size:12px;padding:16px 12px}.platform{padding:60px 5%}.section-heading{grid-template-columns:1fr;gap:0}.section-heading h2{font-size:39px}.benefits{grid-template-columns:1fr;gap:25px}.benefits article,.benefits article+article{padding:25px 0 0;border-left:0}.benefits h3{margin-top:18px}.flow-philosophy{padding:65px 5% 40px;grid-template-columns:1fr;gap:20px}.flow-intro h2{font-size:49px}.flow-detail{padding-top:5px}.flow-steps{grid-template-columns:1fr;margin-top:15px}.flow-steps li,.flow-steps li+li{padding:22px 0;border-left:0}.flow-return{justify-content:flex-start}.story-strip{grid-template-columns:.6fr 1fr;padding:55px 5%;gap:30px}.story-strip>div:last-child{grid-column:1/-1}.founder-years{font-size:115px}.story-strip h2{font-size:29px}.signup-panel{grid-template-columns:1fr;padding:60px 5%;gap:30px}.signup-top>h2{font-size:47px}.signup-card{grid-row:auto;grid-column:1;padding:30px 0 0;border-left:0;border-top:1px solid #dbe5ef}.counter{grid-row:2;margin:0}.about-body{padding:45px 5%;grid-template-columns:1fr;gap:35px}.page-hero{padding:50px 5%}.contact-grid{padding:45px 5%}.preview-note{font-size:10px}}
.pipeline-overview{margin:15px 0 38px;padding:28px;border:1px solid #dfe8f2;border-radius:20px;background:white;box-shadow:0 12px 32px #1f47760c}
.pipeline-caption>span{font-size:11px;font-weight:650;letter-spacing:1.5px;color:#526a86}
.pipeline-caption p{font-size:15px;color:#718298;margin:9px 0 24px}
.pipeline-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:0}
.pipeline-journey li{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border-radius:13px;background:var(--stage-soft);border:1px solid var(--stage-border);color:var(--stage-color);transition:transform .18s,box-shadow .22s,border-color .18s}
.pipeline-journey li:hover{transform:translateY(-2px);border-color:var(--stage-color);box-shadow:0 8px 18px #1f477612}
.pipeline-journey strong{font-size:16px;font-weight:650}
.journey-number{font-size:12px;font-weight:650;opacity:.8}
.journey-arrow{position:absolute;right:-24px;color:#8498af;font-size:21px;font-weight:400}
.journey-lead{--stage-color:#64748b;--stage-soft:#f0f3f7;--stage-border:#dde5ed}
.journey-prospect{--stage-color:#1769aa;--stage-soft:#edf7ff;--stage-border:#cfe8f9}
.journey-client{--stage-color:#75558a;--stage-soft:#f7f1fa;--stage-border:#dbcde2}
.journey-retention{--stage-color:#0b7a4b;--stage-soft:#edf9f2;--stage-border:#caead8}
.compact-pipeline{margin-top:30px}.compact-pipeline .pipeline-journey{gap:18px}.compact-pipeline .pipeline-journey li{padding:10px 4px;justify-content:center;border-radius:8px}.compact-pipeline .journey-number{display:none}.compact-pipeline strong{font-size:11px}.compact-pipeline .journey-arrow{right:-15px;font-size:14px;color:#96afc8}
@media(max-width:760px){.pipeline-overview{padding:24px}.pipeline-journey{grid-template-columns:1fr;gap:26px}.journey-arrow{right:auto;left:50%;bottom:-25px;transform:rotate(90deg)}.compact-pipeline .pipeline-journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.compact-pipeline .journey-arrow{left:auto;right:-14px;bottom:auto;transform:none}.compact-pipeline strong{font-size:10px}}
/* Carry the CRM's soft surfaces and action feedback into the public site. */
header{background:#060f1d;backdrop-filter:none;box-shadow:0 8px 26px #02091326;border-bottom-color:#34aef721;border-radius:0 0 20px 20px}
footer,.preview-note{background:#060f1d}
.brand img{border-radius:0}
nav a{padding:9px 13px;border-radius:10px;transition:background .18s,color .18s,box-shadow .18s}
nav a:after{display:none}
nav a:hover,nav a[aria-current]{background:#34aef710;box-shadow:inset 0 0 0 1px #34aef71c}
.login{border:1px solid #385574;border-radius:12px;padding:12px 18px;background:#122136;box-shadow:0 5px 14px #02091324;transition:transform .18s,box-shadow .22s,border-color .18s}
.login:hover{border-color:#34aef788;box-shadow:0 9px 22px #02091350;transform:translateY(-1px)}
.chapter-panel{border-radius:24px;overflow:hidden;border-color:#34aef742;box-shadow:0 28px 65px #00000038,0 8px 24px #00000024,inset 0 1px 0 #ffffff08;transition:border-color .22s,box-shadow .22s}
.chapter-panel:hover{border-color:#34aef772;box-shadow:0 30px 70px #00000045,0 0 30px #0f52e810,inset 0 1px 0 #ffffff0c}
.chapter-tabs{margin:0 14px 14px;padding:6px;gap:6px;border:1px solid #34516d70;border-radius:15px;background:#06101e66}
.chapter-tabs button{border:0;border-radius:10px;background:transparent;transition:background .18s,box-shadow .18s,color .18s,transform .18s}
.chapter-tabs button:before{display:none}
.chapter-tabs button:hover{background:#25456866;color:white;transform:translateY(-1px)}
.chapter-tabs button[aria-selected=true]{background:linear-gradient(135deg,#1b3b66,#235c84);box-shadow:0 5px 13px #00000030,inset 0 1px 0 #66c2ff24}
.hero-cta,.primary{position:relative;overflow:hidden;border:1px solid #ffffff12;border-radius:12px;background:linear-gradient(135deg,#0f52e8,#34aef7);color:white;padding:15px 20px;gap:28px;box-shadow:0 8px 18px #0f52e82b;transition:transform .18s,box-shadow .22s,filter .22s}
.hero-cta span{color:white}
.hero-cta:before,.primary:before,header .login:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff0d 38%,#ffffff38 50%,#ffffff0d 62%,transparent 80%);transform:translateX(-175%) skewX(-22deg);transition:transform .65s;pointer-events:none}
.hero-cta:hover,.primary:hover{background:linear-gradient(135deg,#0f52e8,#34aef7);transform:translateY(-2px);gap:28px;filter:saturate(1.04);box-shadow:0 14px 28px #0f52e83d,0 5px 12px #0f52e81f}
.hero-cta:hover:before,.primary:hover:before,header .login:hover:before{transform:translateX(175%) skewX(-22deg)}
.hero-cta:active,.primary:active{transform:translateY(0)}
.platform{border-radius:30px 30px 0 0;position:relative;background:linear-gradient(180deg,#fff,#f6faff)}
.benefits{gap:22px}
.benefits article,.benefits article+article{padding:30px;border:1px solid #dfe8f2;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 12px 32px #1f477610,0 3px 8px #1f477608;transition:transform .22s,box-shadow .22s,border-color .22s}
.benefits article:hover{transform:translateY(-5px);border-color:#34aef76b;box-shadow:0 22px 40px #1f47761c,0 6px 16px #1f47760d}
.flow-philosophy{border-radius:30px;background:radial-gradient(ellipse at 85% 0,#16385566,transparent 60%),#0b1623;box-shadow:0 20px 55px #102e471a;z-index:1}
.flow-steps{gap:18px}
.flow-steps li,.flow-steps li+li{padding:24px;border:1px solid #34516d80;border-radius:18px;background:#15283b80;box-shadow:0 8px 20px #02091324;transition:transform .22s,border-color .22s,background .22s}
.flow-steps li:hover{transform:translateY(-4px);border-color:#34aef780;background:#1a334bb0}
.story-strip{border-radius:0 0 30px 30px;box-shadow:0 16px 40px #1f477610}
.signup-card{padding:32px;border:1px solid #dfe8f2;border-radius:22px;background:linear-gradient(180deg,#fff,#f9fcff);box-shadow:0 24px 62px #1f47761a,0 8px 22px #1f47760b,inset 0 1px 0 #ffffff}
input,select{border-radius:10px;transition:border-color .18s,box-shadow .18s}
input:hover,select:hover{border-color:#b0c9e2}
input:focus,select:focus{outline:none;border-color:#0f52e86b;box-shadow:0 0 0 4px #34aef71f}
.counter .digits span{border-radius:7px;box-shadow:0 3px 8px #1f477608}
.pill{border-radius:8px}.page-hero{border-radius:0 0 28px 28px}
.founder-card{border-radius:22px;box-shadow:0 20px 45px #1f477624;border:1px solid #34aef733}
.contact-grid article{border:1px solid #dfe8f2;border-radius:20px;padding:28px;background:#fbfdff;box-shadow:0 12px 32px #1f477610;transition:transform .22s,box-shadow .22s}
.contact-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 36px #1f47761c}
.draft-label{border-radius:10px}
@media(max-width:1050px){nav{gap:12px;margin-right:15px}.benefits article,.benefits article+article{padding:24px}.benefits{gap:16px}}
@media(max-width:760px){header{border-radius:0 0 16px 16px}nav{margin:0;gap:16px}nav a{padding:7px 10px}.login{padding:9px 12px}.chapter-panel{border-radius:20px}.chapter-tabs{margin:0 10px 10px;padding:4px;gap:4px}.chapter-tabs button{padding:14px 10px}.platform,.flow-philosophy{border-radius:22px}.benefits{gap:18px}.benefits article,.benefits article+article{padding:26px}.flow-steps li,.flow-steps li+li{padding:24px}.signup-card{padding:24px}.contact-grid article{padding:24px}.hero-cta:hover,.primary:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.hero-cta:hover,.primary:hover,.benefits article:hover,.flow-steps li:hover,.contact-grid article:hover,.login:hover,.chapter-tabs button:hover{transform:none}}

/* Desktop edition. The approved phone/tablet rules above are unchanged. */
@media(min-width:1100px){
  body{background:#f4f7fc}
  header{padding:18px 4.5%;border-radius:0;background:#060f1d;box-shadow:0 6px 24px #02091316}
  header .brand{font-size:28px}
  nav{gap:18px;margin-right:26px}
  nav a{font-size:14px}
  .login{font-size:13px;padding:11px 18px}
  .hero{display:block;position:relative;min-height:0;padding:48px 4.5% 0;background:linear-gradient(115deg,#060f1d 0%,#0d1b2d 100%);isolation:isolate}
  .hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:62px;background:#f4f7fc;z-index:-1}
  .hero-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 7%;padding:0 0 34px;align-items:center}
  .hero-copy .eyebrow{grid-column:1/-1;font-size:11px;letter-spacing:2.4px;margin-bottom:22px}
  .hero h1{grid-column:1/-1;font-size:clamp(62px,5.45vw,104px);font-weight:550;line-height:1.07;letter-spacing:-.055em;margin:0 0 27px;max-width:none}
  .hero h1>span{margin-top:0;width:fit-content}
  .hero-copy>p{max-width:720px;font-size:16px;line-height:1.75;margin:0;color:#aebed1}
  .hero-cta{margin:0;min-width:210px;justify-content:space-between;align-self:center;min-height:54px}
  .hero-foot{grid-column:1/-1;margin:25px 0 0;font-size:12px;letter-spacing:.2px}
  .hero-foot strong{font-size:12px}
  .chapter-panel{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:42px auto;min-height:228px;align-self:auto;background:linear-gradient(115deg,#132b44,#102137);border:1px solid #385777;border-radius:22px;box-shadow:0 24px 45px #0b29452b,inset 0 1px 0 #ffffff10}
  .chapter-topline{grid-column:1/-1;padding:13px 24px;font-size:9px;letter-spacing:1.7px;border-bottom:1px solid #6386aa26}
  .chapter-tabs{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:center;margin:12px;padding:5px;gap:5px;align-self:stretch;border-radius:13px;border-color:#41617f55;background:#08172766}
  .chapter-tabs button{display:flex;align-items:center;gap:13px;padding:13px 14px;font-size:13px;border-radius:9px}
  .chapter-tabs button span{margin:0;font-size:10px;color:#9ab7d5}
  .chapter-stage{grid-column:2;grid-row:2;min-height:182px;border-left:1px solid #6386aa26}
  .chapter-scene{padding:22px 30px;display:grid;grid-template-columns:1fr 1.15fr;column-gap:35px;row-gap:8px;align-content:center;align-items:center}
  .scene-statement{grid-column:1;grid-row:1/3}
  .scene-statement>span{font-size:12px;margin-bottom:10px;color:#a9bfd5}
  .scene-statement strong{font-size:42px;line-height:1.12;letter-spacing:-1.7px}
  #chapter-0 .scene-statement br{display:none}
  #chapter-0 .scene-statement em{margin-left:9px}
  .chapter-scene>p{grid-column:2;margin:0;max-width:none;font-size:13px;line-height:1.65;color:#a9bfd5}
  .relationship-track{grid-column:2;margin:0;gap:12px;font-size:12px;flex-wrap:nowrap}
  .relationship-track b{font-size:26px}
  .compact-pipeline{grid-column:2;margin:0}
  .compact-pipeline .pipeline-journey{gap:20px}
  .compact-pipeline .pipeline-journey li{padding:10px 6px}
  .compact-pipeline strong{font-size:12px}
  .compact-pipeline .journey-arrow{right:-16px}
  .experience-display{grid-column:1;grid-row:1/3;display:flex;align-items:center;gap:22px}
  .experience-display>strong{font-size:88px;line-height:1;letter-spacing:-6px;flex-shrink:0}
  .experience-display>strong span{display:block;font-size:14px;letter-spacing:0;margin:0 0 0 6px}
  .experience-display p{font-size:10px;letter-spacing:1.3px;line-height:1.8;margin:0;color:#d7e5f4}
  .experience-line{grid-column:2;margin:0;padding-top:0;padding-bottom:9px;border-top:0;border-bottom:1px solid #6386aa44;font-size:11px}

  .platform{display:grid;grid-template-columns:.78fr 1.22fr;gap:30px 7%;padding:90px 4.5% 85px;background:#f4f7fc;border-radius:0;align-items:start}
  .section-heading{grid-column:1;grid-row:1/3;display:block;padding:10px 0 0;position:sticky;top:125px}
  .section-heading .eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:26px}
  .section-heading h2{font-size:clamp(38px,3.5vw,60px);line-height:1.13;letter-spacing:-.05em;margin-bottom:24px}
  .section-heading h2>span{display:block;color:#8293a9}
  .section-heading>p{font-size:16px;line-height:1.8;max-width:340px;color:#61758e}
  .pipeline-overview{grid-column:2;margin:0;padding:24px;border-radius:18px;border-color:#d6e2ef;box-shadow:0 14px 32px #1f47760c}
  .pipeline-caption>span{font-size:10px;letter-spacing:1.2px}
  .pipeline-caption p{font-size:14px;margin:9px 0 22px;max-width:450px}
  .pipeline-journey{gap:24px}
  .pipeline-journey li{padding:14px 9px;gap:7px;justify-content:center;border-radius:11px}
  .pipeline-journey strong{font-size:14px}
  .journey-number{font-size:10px}
  .journey-arrow{right:-20px;font-size:18px}
  .benefits{grid-column:2;display:flex;flex-direction:column;gap:0;margin:0;border-radius:18px;border:1px solid #d6e2ef;overflow:hidden;background:#fff;box-shadow:0 14px 32px #1f47760c}
  .benefits article,.benefits article+article{display:grid;grid-template-columns:.9fr 1.1fr;gap:8px 26px;padding:25px 28px;border:0;border-radius:0;box-shadow:none;background:transparent;align-items:center;position:relative}
  .benefits article+article{border-top:1px solid #e4ebf3}
  .feature-number{grid-column:1;font-size:10px;letter-spacing:1.1px}
  .benefits h3{grid-column:1;font-size:22px;line-height:1.23;margin:0;letter-spacing:-.6px}
  .benefits p{grid-column:2;grid-row:1/3;font-size:14px;line-height:1.8;margin:0;max-width:none;color:#64778f}
  .benefits article:hover{transform:none;background:#f2f8ff;box-shadow:inset 3px 0 0 #34aef7}

  .flow-philosophy{margin:0 2%;padding:65px 4% 34px;grid-template-columns:1fr 1fr;gap:28px 8%;border-radius:28px;background:linear-gradient(120deg,#0a1829,#132b43);border:1px solid #2c4865;box-shadow:0 20px 45px #1f47761a;overflow:visible}
  .flow-intro{grid-column:1;grid-row:1/3}
  .flow-intro h2{font-size:clamp(48px,4.4vw,76px);line-height:1.05;letter-spacing:-.055em;margin:24px 0 28px}
  .flow-intro>p{max-width:415px;font-size:16px;line-height:1.85}
  .flow-detail{grid-column:1;grid-row:3;padding:0 0 8px}
  .flow-detail h3{font-size:22px;line-height:1.4;margin-bottom:18px}
  .flow-detail p{font-size:14px;line-height:1.85;max-width:460px}
  .flow-steps{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;justify-content:center;gap:22px;margin:0;padding-left:32px;position:relative}
  .flow-steps:before{content:'';position:absolute;left:9px;top:65px;bottom:65px;width:1px;background:linear-gradient(#66c2ff,#0f52e8,#0b7a4b)}
  .flow-steps li,.flow-steps li+li{position:relative;padding:26px 30px;border-radius:17px;background:linear-gradient(130deg,#1e3953,#162d45);border:1px solid #3c5b7780;box-shadow:0 10px 24px #02091324}
  .flow-steps li:before{content:'';position:absolute;left:-29px;top:36px;width:9px;height:9px;border-radius:50%;background:#66c2ff;box-shadow:0 0 0 5px #142c44}
  .flow-steps li:last-child:before{background:#74c7a2}
  .flow-steps li>span{font-size:11px;margin-bottom:12px}
  .flow-steps strong{font-size:23px;letter-spacing:-.5px}
  .flow-steps p{font-size:14px;margin:10px 0 0;line-height:1.7}
  .flow-return{grid-column:1/-1;grid-row:4;justify-content:flex-start;font-size:13px;margin-top:4px;padding-top:20px}

  .story-strip{margin:0;padding:100px 6%;grid-template-columns:.6fr 1fr 1.2fr;gap:5%;background:#f4f7fc;border-radius:0;box-shadow:none;align-items:center}
  .founder-years{font-size:clamp(125px,13vw,215px);letter-spacing:-.09em;line-height:.85;color:#183e68}
  .founder-years span{font-size:10px;line-height:1.8;margin-top:25px;letter-spacing:1.1px}
  .story-strip .eyebrow{font-size:10px;letter-spacing:1px;line-height:1.9;margin-bottom:18px}
  .story-strip h2{font-size:clamp(30px,3vw,48px);line-height:1.14;letter-spacing:-.045em}
  .story-strip p{font-size:15px;line-height:1.9;margin:0 0 12px}
  .story-strip>div:last-child{padding-left:28px;border-left:1px solid #d2dfed}
  .story-strip .text-link{font-size:13px}
  .signup-panel{margin:0 2% 50px;padding:55px 4%;border:1px solid #d8e4f0;border-radius:28px;background:linear-gradient(125deg,#e8f3ff,#fff 65%);grid-template-columns:1fr 1fr;gap:20px 10%;box-shadow:0 18px 42px #1f47760b}
  .signup-top>h2{font-size:clamp(45px,4.2vw,66px);letter-spacing:-.05em;max-width:550px}
  .signup-top>p{font-size:16px;max-width:340px}
  .signup-card{padding:30px;border-radius:20px;box-shadow:0 18px 40px #1f477614}
  .signup-card h2{font-size:25px}
  .signup-card>p{font-size:14px}
  .counter{align-self:start}
  footer{padding:40px 4.5% 25px}.footer-links{gap:26px;font-size:13px}
  .page-hero{padding:70px 6%;border-radius:0 0 28px 28px;background:linear-gradient(115deg,#060f1d,#122a43)}
  .page-hero h1{font-size:clamp(62px,5.5vw,94px);max-width:1200px;margin:25px 0}
  .about-body{padding:70px 6% 90px;grid-template-columns:.65fr 1.35fr;gap:10%;background:#f4f7fc}
  .founder-card{position:sticky;top:120px;padding:55px 30px}
  .about-body .prose{max-width:720px}.about-body .prose h2{font-size:42px}.about-body .prose p{font-size:17px;line-height:1.9}
  .contact-grid{padding:60px 6% 90px;background:#f4f7fc;gap:24px}
  .contact-grid article{padding:30px}.legal{max-width:900px}
}

/* Desktop presentation: one active chapter below the persistent header. */
@media(min-width:1100px){
  body.presentation-page{height:100dvh;overflow:hidden;background:#060f1d}
  .presentation-page .site-shell{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#060f1d}
  .presentation-page header{position:relative;flex:none;padding:16px 4%;border-bottom:1px solid #29435e55}
  .presentation-page #content{flex:1;min-height:0;display:flex}
  .presentation{width:100%;min-height:0;display:flex;flex-direction:column;background:#060f1d}
  .presentation-stage{position:relative;flex:1;min-height:0;margin:14px 20px 0;overflow:hidden;border:1px solid #46678855;border-radius:26px;box-shadow:0 16px 45px #0003}
  .deck-frame{position:absolute;inset:0;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;animation:deck-arrive .65s cubic-bezier(.2,.7,.2,1) both;background:#f4f7fc}
  .deck-frame[hidden]{display:none!important}
  .presentation .deck-slide{min-height:100%;width:100%;margin:0;border:0;border-radius:0;box-shadow:none;transform:none;opacity:1}
  .presentation-controls{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px 20px;flex:none;color:white}
  .presentation-tabs{display:flex;gap:7px}
  .presentation-tabs button{display:flex;align-items:center;gap:10px;color:#a1b3c9;border:1px solid transparent;border-radius:12px;background:transparent;padding:12px 14px;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
  .presentation-tabs button>span{font-size:10px;color:#7f99b5}
  .presentation-tabs button[aria-selected=true]{color:white;background:#19324c;border-color:#396185;box-shadow:0 5px 16px #0002}
  .presentation-tabs button:hover{color:white;background:#152b42}
  .presentation-actions{display:flex;align-items:center;gap:7px}
  .presentation-actions button{height:38px;min-width:38px;padding:0 10px;border:1px solid #38516c;border-radius:10px;color:#d6e5f6;background:#102134;cursor:pointer;font-size:14px;transition:background .2s}
  .presentation-actions button:hover{background:#234767}
  .presentation-actions .deck-pause{min-width:62px;font-size:12px}
  .deck-register{margin-left:8px;padding:12px 16px;border-radius:11px;background:linear-gradient(135deg,#0f52e8,#34aef7);font-size:13px;white-space:nowrap;box-shadow:0 6px 18px #0f52e82b}
  .deck-progress{position:absolute;left:26px;right:26px;bottom:4px;height:2px;background:#27435b66;overflow:hidden}
  .deck-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#0f52e8,#66c2ff);transform:scaleX(0);transform-origin:left}
  .presentation.playing .deck-progress span{animation:deck-time var(--panel-duration,11050ms) linear forwards}
  .presentation-page footer{flex:none;padding:8px 4% 11px;align-items:center;gap:12px;background:#060f1d}
  .presentation-page footer>div:first-child{display:none}
  .presentation-page .footer-links{gap:22px;font-size:11px;order:2}
  .presentation-page .copyright{width:auto;border:0;padding:0;display:block;font-size:10px;order:1}
  .presentation-page .copyright>span:last-child{display:none}
  .presentation-page .preview-note{display:none}
  .presentation .hero{display:flex;align-items:center;padding:38px 5%;background:radial-gradient(ellipse at 100% 100%,#1d446355,transparent 65%),linear-gradient(115deg,#07111f,#112338)}
  .presentation .hero:after{display:none}
  .presentation .hero-copy{width:100%;padding:0;grid-template-columns:1fr auto;gap:0 7%}
  .presentation .hero-copy .eyebrow{margin-bottom:28px}
  .presentation .hero h1{font-size:clamp(64px,5.8vw,108px);line-height:1.08;margin-bottom:35px}
  .presentation .hero-copy>p{max-width:750px;font-size:17px;line-height:1.85}
  .presentation .hero-foot{margin-top:36px}
  .presentation .hero-cta{min-width:220px}
  .presentation .platform{padding:35px 4%;grid-template-columns:.7fr 1.3fr;gap:22px 5%;align-content:center}
  .presentation .section-heading{position:static;padding:12px 0;align-self:center}
  .presentation .section-heading h2{font-size:clamp(34px,3.3vw,58px)}
  .presentation .pipeline-overview{padding:20px}
  .presentation .pipeline-caption p{margin-bottom:17px}
  .presentation .benefits article,.presentation .benefits article+article{padding:18px 24px;gap:6px 24px}
  .presentation .benefits h3{font-size:21px}
  .presentation .benefits p{font-size:13px;line-height:1.75}
  .presentation .flow-philosophy{padding:32px 4%;gap:18px 7%;align-content:center}
  .presentation .flow-intro h2{font-size:clamp(44px,4.4vw,76px);margin:18px 0}
  .presentation .flow-intro>p{font-size:15px;margin-bottom:0}
  .presentation .flow-detail h3{font-size:20px;margin-bottom:10px}
  .presentation .flow-detail p{font-size:13px;line-height:1.7;margin-bottom:10px;max-width:560px}
  .presentation .flow-steps{gap:18px;padding-left:32px}
  .presentation .flow-steps li,.presentation .flow-steps li+li{padding:22px 26px}
  .presentation .flow-return{padding-top:14px;margin-top:0}
  .presentation .story-strip{padding:55px 5%;grid-template-columns:.7fr 1fr 1.25fr;gap:5%;background:radial-gradient(ellipse at 0 100%,#d6e8fb,transparent 60%),#f4f7fc}
  .presentation .founder-years{font-size:clamp(145px,16vw,260px)}
  .presentation .story-strip h2{font-size:clamp(34px,3.3vw,54px)}
  .presentation .story-strip p{font-size:17px;line-height:1.9}
  .presentation .signup-panel{padding:30px 5%;gap:18px 8%;align-content:center}
  .presentation .signup-top>h2{font-size:clamp(44px,4.8vw,72px)}
  .presentation .signup-card{padding:24px 28px}
  .presentation .signup-card>p{margin-bottom:15px}
  .presentation #signup{gap:11px}
  @keyframes deck-arrive{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:translateX(0)}}
  @keyframes deck-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}
@media(min-width:1100px) and (max-width:1250px){
  .presentation-tabs button{padding:11px 9px;gap:6px;font-size:11px}
  .presentation-controls{gap:10px;padding-inline:20px}
  .deck-register{padding:12px;font-size:12px}
}
@media(min-width:1100px) and (max-height:790px){
  .presentation .hero h1{font-size:clamp(56px,5.2vw,90px)}
  .presentation .platform,.presentation .flow-philosophy{align-content:start}
  .presentation .deck-slide{min-height:540px}
}
@media(prefers-reduced-motion:reduce){.deck-frame,.presentation.playing .deck-progress span{animation:none!important}}

/* Registration is a permanent section below the four-story presentation. */
@media(min-width:1100px){
  body.presentation-page{height:auto;overflow:auto;background:#f4f7fc}
  .presentation-page .site-shell{height:auto;display:block;overflow:clip;background:#f4f7fc}
  .presentation-page header{position:sticky;top:0}
  .presentation-page #content{display:block}
  .presentation-page .presentation{height:clamp(650px,calc(100dvh - 130px),950px);scroll-margin-top:85px;padding-bottom:8px}
  .presentation-page #content>.signup-panel{margin:35px 2% 45px;padding:55px 4%;scroll-margin-top:105px;border-radius:28px}
  .presentation-page footer{display:flex;padding:22px 4%;gap:16px}
  .presentation-page .preview-note{display:block}
}

/* Screenshot-directed refinements; keep the approved mobile edition intact. */
@media(min-width:1100px){
  .presentation .pipeline-caption p{max-width:680px;font-size:15px;line-height:1.7}
  .presentation .benefits article,.presentation .benefits article+article{grid-template-columns:.85fr 1.15fr}
  .presentation .benefits p{font-size:14px;line-height:1.8;max-width:660px}
  .presentation .hero-copy{grid-template-columns:1fr}
  .presentation .hero-copy>p{max-width:850px}
  .eyebrow.blue,.feature-number,.story-strip .eyebrow{
    background-image:none;background-clip:border-box;-webkit-background-clip:border-box;
    color:#0f52e8;-webkit-text-fill-color:currentColor;
  }
  .presentation .section-heading h2>span{
    width:fit-content;color:transparent;background-image:var(--brand-text-gradient);
    background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  }
  .presentation .pipeline-overview{padding:25px}
  .presentation .pipeline-overview .pipeline-journey{gap:28px}
  .presentation .pipeline-overview .pipeline-journey li{min-height:78px;padding:20px 12px;border-radius:14px;border-width:1px;box-shadow:0 5px 12px #1f47760c}
  .presentation .pipeline-overview .pipeline-journey strong{font-size:18px;font-weight:700}
  .presentation .pipeline-overview .journey-arrow{right:-23px;font-size:21px}
  .presentation-page #content>.signup-panel{
    grid-template-columns:minmax(0,450px) minmax(0,650px);justify-content:center;
    column-gap:clamp(35px,4vw,80px);row-gap:24px;padding:55px 5%;
  }
  .presentation-page .signup-top{text-align:center}
  .presentation-page .signup-top>h2{margin:0 auto 25px;max-width:450px;font-size:clamp(42px,3.5vw,60px)}
  .presentation-page .signup-top>p{margin:0 auto;max-width:350px}
  .presentation-page .counter{justify-content:center;align-self:start}
  .presentation-page .signup-card>h2,.presentation-page .signup-card>p{text-align:center}
  .presentation-page .signup-card .primary{justify-content:center}
  .presentation-page .signup-card .primary>span{position:absolute;right:18px}
  .presentation .story-strip{
    grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto;
    column-gap:8%;row-gap:22px;align-content:center;align-items:start;padding:45px 8%;
  }
  .presentation .founder-years{
    grid-column:1;grid-row:1/3;align-self:center;justify-self:stretch;
    text-align:center;font-size:clamp(170px,19vw,300px);letter-spacing:-.08em;
    padding-right:.08em;line-height:.9;
  }
  .presentation .founder-years span{font-size:13px;line-height:1.8;letter-spacing:1.6px;margin-top:26px;padding-left:.08em}
  .presentation .story-strip>div:nth-child(2){grid-column:2;grid-row:1}
  .presentation .story-strip>div:last-child{grid-column:2;grid-row:2;border:0;padding:0;max-width:620px}
  .presentation .story-strip .eyebrow{margin-bottom:18px}
  .presentation .story-strip h2{font-size:clamp(36px,3.4vw,58px);line-height:1.12}
  .presentation .story-strip p{font-size:16px;line-height:1.85;margin-bottom:16px}
}

/* Desktop relationship explorer: an integrated, stable stage workspace. */
@media(min-width:1100px){
  .presentation .platform{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:5%;padding:40px 5%;align-content:center;align-items:center}
  .presentation .platform .section-heading{grid-row:1;padding-left:clamp(20px,2.5vw,60px)}
  .mortgage-journey{grid-column:2;min-width:0;max-width:1050px;width:100%;justify-self:center;background:#fff;border:1px solid #d6e2ef;border-radius:24px;box-shadow:0 20px 50px #193e6810;padding:28px 32px 0;overflow:hidden}
  .journey-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-size:10px;letter-spacing:1.4px;font-weight:700;color:#48617c}
  .journey-heading>span:last-child{font-size:12px;font-weight:400;letter-spacing:0;color:#64748b}
  .journey-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:0}
  .journey-selector button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--stage-border);border-radius:12px;min-height:58px;padding:12px 8px;background:var(--stage-soft);color:var(--stage-color);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
  .journey-selector button[aria-selected=true]{background:var(--stage-color);border-color:var(--stage-color);color:white;box-shadow:0 5px 12px #183e681c}
  .journey-selector button[aria-selected=true]:after{content:'';position:absolute;bottom:-8px;width:12px;height:12px;transform:rotate(45deg);background:var(--stage-color);border-radius:2px}
  .journey-selector button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #183e681a}
  .journey-selector button:focus-visible{outline:3px solid #0f52e8;outline-offset:4px}
  .stage-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
  .stage-connector{position:absolute;right:-17px;color:#8293a9;font-size:17px;font-weight:400}
  .journey-details{display:grid}
  .journey-detail,.journey-detail[hidden]{grid-area:1/1;display:flex;flex-direction:column;gap:0;padding:36px 0 0;min-width:0}
  .journey-detail[hidden]{visibility:hidden;pointer-events:none}
  .journey-detail:not([hidden]) .journey-detail-copy{animation:journey-reveal .3s ease both}
  .journey-kicker{margin:0 0 14px;color:var(--stage-color);font-size:12px;font-weight:700}
  .journey-detail h3{font-size:clamp(30px,2.65vw,46px);line-height:1.13;letter-spacing:-.04em;margin:0 0 18px;color:#192638;font-weight:600}
  .journey-description{font-size:15px;line-height:1.8;color:#53677f;margin:0 0 24px;max-width:640px}
  .journey-context{display:flex;align-items:baseline;gap:20px;background:var(--stage-soft);border-left:3px solid var(--stage-color);border-radius:0 10px 10px 0;padding:16px 20px;color:var(--stage-color);margin-top:auto}
  .journey-context>span{flex:none;font-size:10px;line-height:1.6;text-transform:uppercase;letter-spacing:.8px;font-weight:700}
  .journey-context p{font-size:15px;line-height:1.6;margin:0}
  .journey-next{display:flex;align-items:center;gap:14px;border-top:1px solid #e4ebf3;padding:18px 32px;margin:24px -32px 0;background:#f9fbfe;color:#53677f}
  .journey-next>span{font-size:24px;color:var(--stage-color)}.journey-next p{font-size:13px;line-height:1.6;margin:0}
  @keyframes journey-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
}
@media(min-width:1100px) and (max-width:1350px){
  .mortgage-journey{padding:24px 24px 0}.journey-selector{gap:14px}.stage-connector{right:-13px}.journey-selector button{font-size:13px;gap:5px}
  .journey-context{display:block}.journey-context p{margin-top:5px}.journey-heading>span:last-child{display:none}
  .journey-next{padding-inline:24px;margin-inline:-24px}
}
@media(prefers-reduced-motion:reduce){.journey-detail:not([hidden]) .journey-detail-copy{animation:none}.journey-selector button{transition:none}}
/* Endless Flow: outcomes return to a relationship, rather than end a list. */
@media(min-width:1100px){
  .endless-map{grid-column:2;grid-row:1/4;align-self:center;min-width:0;width:100%;max-width:850px;justify-self:center;padding:12px 8px}
  .endless-map-label{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#92b6d6;text-align:center;margin-bottom:20px}
  .outcome-tabs{display:flex;justify-content:center;gap:9px}
  .outcome-tabs button{font:inherit;font-size:13px;color:#b4cbe0;background:#142d43;border:1px solid #36536d;border-radius:12px;padding:12px 16px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}
  .outcome-tabs button[aria-selected=true]{color:#eef8ff;border-color:#66c2ff;background:#234d70;box-shadow:0 5px 18px #0002}
  .outcome-tabs button:hover{background:#285070;transform:translateY(-2px)}
  .outcome-tabs button:focus-visible{outline:3px solid #66c2ff;outline-offset:4px}
  .return-loop{position:relative;height:280px;margin:10px 0 18px;display:grid;place-items:center}
  .return-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}
  .loop-track{stroke:#34536e;stroke-width:1}
  .loop-trace{stroke:url(#return-line);stroke-width:2;stroke-dasharray:5 7;opacity:.8}
  .loop-arrow{stroke:#8fd6dc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .loop-center{position:relative;text-align:center;padding:0 45px}
  .loop-monogram{display:block;color:#34aef7;font-size:44px;line-height:1;margin-bottom:14px}
  .loop-eyebrow{color:#91b4d1;font-size:9px;letter-spacing:1.8px;font-weight:700}
  .loop-center h3{font-size:clamp(27px,2.6vw,43px);font-weight:550;line-height:1.2;letter-spacing:-1px;color:#f4f8ff;margin:10px 0}
  .loop-center p{font-size:13px;color:#abc1d6;margin:0;line-height:1.6}
  .loop-return-label{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);padding:7px 16px;border:1px solid #3c7069;border-radius:30px;background:#153631;color:#a5e1c8;font-size:12px;white-space:nowrap;box-shadow:0 5px 16px #0002}
  .loop-return-label span{margin-left:8px}
  .outcome-stories{display:grid;border-top:1px solid #42617b66;padding:20px 16px 0;margin:0 6%}
  .outcome-story,.outcome-story[hidden]{grid-area:1/1;display:block}
  .outcome-story[hidden]{visibility:hidden;pointer-events:none}
  .outcome-story:not([hidden]){animation:journey-reveal .3s ease both}
  .outcome-story h4{font-size:20px;line-height:1.3;color:#eaf4ff;letter-spacing:-.4px;margin:0 0 10px}
  .outcome-story p{font-size:14px;line-height:1.75;color:#a4bdd3;margin:0;max-width:580px}
}
@media(min-width:1100px) and (max-width:1250px){
  .outcome-tabs{gap:6px}.outcome-tabs button{font-size:11px;padding:11px 10px}.loop-center p{max-width:220px;margin:auto}.return-loop{height:260px}
}
@media(prefers-reduced-motion:reduce){.outcome-story:not([hidden]){animation:none}.outcome-tabs button{transition:none}}

/* Brand-colored journey: one complete circuit on entry and outcome selection. */
@media(min-width:1100px){
  .endless-map .outcome-tabs button[aria-selected=true]{background:linear-gradient(135deg,#0f52e8,#238ce9 70%,#34aef7);border-color:#66c2ff;color:#fff;box-shadow:0 5px 18px #0f52e833}
  .endless-map .loop-center h3,.endless-map .loop-monogram{background-image:var(--brand-text-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
  .endless-map .loop-return-label{background:linear-gradient(120deg,#10377b,#144f80);border-color:#398bcc;color:#d7efff;box-shadow:0 5px 18px #0f52e826;animation:reconnect-arrive .7s ease 2s both}
  .endless-map .loop-track{stroke:#285081}.endless-map .loop-arrow{stroke:#66c2ff}
  .loop-traveler{fill:none;stroke-linecap:round;animation:journey-circuit 4s linear both;pointer-events:none}
  .loop-trail{stroke:url(#return-line);stroke-width:4;stroke-dasharray:75 925;filter:drop-shadow(0 0 5px #238ce9)}
  .loop-head{stroke:#c1efff;stroke-width:6;stroke-dasharray:1 999;filter:drop-shadow(0 0 6px #34aef7)}
  .loop-waypoints circle{fill:#173b63;stroke:#66c2ff;stroke-width:2;animation:waypoint-arrive .8s ease var(--arrival) both;transform-box:fill-box;transform-origin:center}
  @keyframes journey-circuit{0%{stroke-dashoffset:0;opacity:0}5%{opacity:1}92%{opacity:1}100%{stroke-dashoffset:-1000;opacity:0}}
  @keyframes waypoint-arrive{0%,100%{fill:#173b63;transform:scale(1)}45%{fill:#b9eaff;transform:scale(1.65);filter:drop-shadow(0 0 5px #34aef7)}}
  @keyframes reconnect-arrive{0%,100%{box-shadow:0 5px 18px #0f52e826}45%{box-shadow:0 0 0 4px #34aef72b,0 0 24px #238ce970}}
}
@media(prefers-reduced-motion:reduce){
  .loop-traveler{display:none}.loop-waypoints circle,.endless-map .loop-return-label{animation:none}
}

/* Four outcomes retain a single row on wide screens and wrap on small desktops. */
@media(min-width:1100px){.outcome-tabs{flex-wrap:wrap;row-gap:10px}}

/* Center the caption on the numeral, independently of its tight tracking. */
@media(min-width:1100px){
  .presentation .founder-years{display:flex;flex-direction:column;align-items:center;padding:0;letter-spacing:0;text-align:center}
  .presentation .founder-years .founder-number{display:block;font-size:inherit;font-weight:inherit;line-height:.9;letter-spacing:-.08em;padding-right:.08em;background-image:var(--brand-text-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
  .presentation .founder-years>span{padding:0;margin:26px 0 0;text-align:center;transform:translateX(clamp(18px,1.65vw,26px))}
}

/* Center the remaining desktop philosophy content after removing its footer. */
@media(min-width:1100px){
  .presentation .flow-philosophy{align-content:center}
}

/* Finish each return loop within its equal share of the presentation time. */
@media(min-width:1100px){
  .endless-map .loop-traveler{animation-duration:var(--journey-duration,4s)}
  .endless-map .loop-return-label{animation-delay:calc(var(--journey-duration,4s) / 2)}
}

/* Persistent site shell; navigation replaces only the upper page panel. */
header nav{padding:0;gap:4px;border:0;background:transparent}
header nav a{padding:10px 14px;border:1px solid transparent;border-radius:7px;color:#aebdd0;font-size:13px;transition:background .2s,color .2s,border-color .2s}
header nav a:hover{background:#132338;color:#e4f1ff}
header nav a[aria-current=page]{background:#0e1d2d;border-color:#355878;color:#34b4ff;box-shadow:inset 0 1px 0 #ffffff05}
header .login{background:linear-gradient(135deg,#0f52e8,#238ce9 70%,#34aef7);border:1px solid #318eec;color:white;box-shadow:0 5px 18px #0f52e82b;border-radius:11px}
header .login span{color:inherit}header .login:hover{filter:brightness(1.1);box-shadow:0 7px 22px #0f52e845}
.presentation-tabs{padding:0;border:0;background:transparent}
.presentation-tabs button{border-radius:7px}
.presentation-tabs button[aria-selected=true]{background:#0e1d2d;border-color:#355878;color:#34b4ff;box-shadow:inset 0 1px 0 #ffffff05}
.page-panel{view-transition-name:page-panel}
::view-transition-old(root),::view-transition-new(root){animation:none}
@media(min-width:1100px){
  .presentation .presentation-tabs button[aria-selected=true]{background:#0e1d2d;border-color:#355878;color:#34b4ff}
  .page-panel-detail{height:clamp(650px,calc(100dvh - 130px),950px);overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;background:#f4f7fc;border:14px solid #060f1d;border-bottom-width:28px;border-radius:26px;scroll-margin-top:85px}
  .page-panel-detail .page-hero{padding:36px 5%;border-radius:14px 14px 0 0}
  .page-panel-detail .page-hero h1{font-size:clamp(40px,4vw,65px);margin:14px 0}
  .page-panel-detail .page-hero p{font-size:15px;max-width:780px}
  .page-panel-detail .about-body{padding:32px 5%;gap:5%;grid-template-columns:.65fr 1.35fr}
  .page-panel-detail .founder-card{position:static;align-self:start;padding:32px 22px}
  .page-panel-detail .about-body .prose h2{font-size:30px}
  .page-panel-detail .about-body .prose p{font-size:15px;line-height:1.8}
  .page-panel-detail .contact-grid{padding:40px 5%}
  .page-panel-detail .legal{padding:32px 5%;margin:auto}
}
@media(max-width:760px){header nav{padding:0;gap:2px}header nav a{padding:8px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(page-panel),::view-transition-new(page-panel){animation:none}}

header .login{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:15px;white-space:nowrap}
header .login-arrow{display:block;flex:none;color:white}
.presentation-actions button{background:#0e1d2d;border-color:#355878;color:#34b4ff;box-shadow:inset 0 1px 0 #ffffff05}
.presentation-actions button:hover{background:#132338;border-color:#4b789e;color:#70cdff}
/* Capabilities: a focused index of the mortgage workspace. */
.capabilities-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;align-items:center;min-height:100%;padding:48px 5%;background:#f4f7fc}
.capabilities-intro h1{font-size:clamp(34px,3.5vw,58px);line-height:1.1;letter-spacing:-.05em;margin:24px 0}
.capabilities-intro h1 span{background:var(--brand-text-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.capabilities-intro>p{max-width:380px;color:#687f9b;font-size:15px;margin-bottom:28px}
.capabilities-explorer{min-width:0}
.capabilities-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.capabilities-tabs button{padding:10px 12px;border:1px solid #cddded;border-radius:9px;color:#476482;background:transparent;cursor:pointer;font-size:12px;transition:background .2s,color .2s}
.capabilities-tabs button:hover{background:#e5effb}
.capabilities-tabs button[aria-selected=true]{color:#34b4ff;background:#0e1d2d;border-color:#355878}
.capability-detail{padding:30px;border:1px solid #d4e3f1;border-radius:22px;background:white;box-shadow:0 14px 35px #1e46750b;min-height:440px}
.capability-detail[hidden]{display:none}
.capability-detail h2{font-size:clamp(26px,2.5vw,39px);line-height:1.15;letter-spacing:-.04em;margin:16px 0}
.capability-detail>p{color:#687f9b;font-size:14px;max-width:560px}
.capability-detail dl{margin:24px 0 0}
.capability-detail dl>div{border-top:1px solid #e3ebf4;padding:14px 0;display:grid;grid-template-columns:1fr 1.6fr;gap:20px}
.capability-detail dl>div:last-child{padding-bottom:0}
.capability-detail dt{font-size:13px;font-weight:650;color:#23466c}
.capability-detail dd{margin:0;font-size:13px;line-height:1.65;color:#687f9b}
.capability-stages{display:flex;gap:6px;margin:20px 0}
.capability-stages span{flex:1;text-align:center;padding:9px 3px;border-radius:7px;font-size:12px;font-weight:650;background:#f0f4f8;color:#64748b}
.capability-stages span:nth-child(2){background:#edf7ff;color:#1769aa}.capability-stages span:nth-child(3){background:#f6f0fa;color:#75558a}.capability-stages span:nth-child(4){background:#ecfaf3;color:#0b7a4b}
@media(max-width:1099px){.capabilities-page{padding:42px 6%;grid-template-columns:1fr;gap:32px}.capabilities-intro>p{max-width:560px}.capability-detail{min-height:0}}
@media(max-width:760px){header nav{flex-wrap:wrap;justify-content:center}header nav a{padding:8px 9px}.capabilities-page{padding:36px 20px}.capability-detail{padding:23px}.capability-detail dl>div{grid-template-columns:1fr;gap:6px}.capabilities-tabs button{flex:1 1 42%;font-size:12px}.capabilities-intro h1{font-size:38px}}
/* Capabilities carousel with authentic CRM previews. */
.page-panel-detail[data-page=capabilities]{height:auto;overflow:visible;border:0;border-radius:0;background:#060f1d}
.capabilities-page{display:block;padding:0;background:#060f1d}
.capabilities-explorer{display:block}
.capabilities-stage{margin:14px 14px 0;border-radius:26px;background:#f4f7fc;overflow:hidden}
.capability-detail{display:grid;grid-template-columns:.7fr 1.3fr;gap:4%;align-items:center;min-height:clamp(570px,calc(100dvh - 190px),850px);padding:45px 4%;border:0;border-radius:0;background:transparent;box-shadow:none;animation:capability-enter .4s ease both}
.capability-detail[hidden]{display:none}
.capability-copy h2{font-size:clamp(28px,2.6vw,44px)}
.capability-copy>p{font-size:14px;color:#687f9b;line-height:1.7}
.capability-copy dl>div{display:block;padding:12px 0}
.capability-copy dd{margin-top:5px;font-size:12px}
.capability-screen{margin:0;min-width:0}
.capability-screen img{display:block;width:100%;height:auto;border:1px solid #d4e3f1;border-radius:14px;box-shadow:0 20px 45px #14355b20}
.capability-screen figcaption{font-size:11px;color:#687f9b;text-align:center;margin-top:16px}
.capabilities-controls{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px 20px;color:white}
.capabilities-controls .presentation-tabs{display:flex;gap:7px;flex-wrap:wrap}
.capabilities-controls .presentation-tabs button{padding:12px 14px;border:1px solid transparent;background:transparent;color:#a1b3c9;border-radius:7px;cursor:pointer;font-size:13px}
.capabilities-controls .presentation-tabs button[aria-selected=true]{background:#0e1d2d;border-color:#355878;color:#34b4ff}
.capabilities-controls .presentation-tabs button:hover{background:#132338;color:#70cdff}
.capabilities-controls .presentation-actions{display:flex;gap:7px}
.capabilities-controls .presentation-actions button{height:38px;min-width:38px;border:1px solid #355878;border-radius:10px;background:#0e1d2d;color:#34b4ff;cursor:pointer}
.capabilities-controls .deck-pause{min-width:62px!important}
.capabilities-page.playing .deck-progress span{animation:deck-time var(--panel-duration) linear forwards}
@keyframes capability-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1099px){.capability-detail{grid-template-columns:1fr;padding:32px;gap:28px;min-height:0}.capability-copy dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capabilities-controls{flex-wrap:wrap}.capability-copy h2 br{display:none}}
@media(max-width:760px){.capabilities-stage{margin:12px 10px 0;border-radius:20px}.capability-detail{padding:26px 20px}.capability-copy dl{display:block}.capabilities-controls{padding:16px 14px}.capabilities-controls .presentation-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.capabilities-controls .presentation-tabs button{padding:10px;font-size:12px}.capabilities-controls .presentation-actions{margin-left:auto}.capability-screen img{border-radius:8px}}
/* Two focused product views, arranged as a continuous relationship story. */
.pipeline-screen-stack{display:flex;flex-direction:column;align-items:flex-start;padding:8px 0 12px}
.pipeline-shot{position:relative;width:91%;padding:8px;background:#fff;border:1px solid #d6e5f4;border-radius:16px;box-shadow:0 18px 35px -15px #153c6a40;transition:transform .3s ease,box-shadow .3s ease}
.pipeline-shot-label{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 11px;color:#315574;font-size:11px;font-weight:600;letter-spacing:.02em}
.pipeline-shot-label>span:last-child{color:#228fed;font-size:16px}
.pipeline-shot-overview{transform:rotate(-1deg);z-index:1}
.pipeline-shot-recovery{align-self:flex-end;margin-top:-10px;transform:rotate(1deg);z-index:2;box-shadow:0 24px 42px -16px #153c6a50}
.pipeline-shot img{border:0;border-radius:9px;box-shadow:none}
.pipeline-shot:hover{z-index:3;transform:translateY(-4px) rotate(0);box-shadow:0 26px 45px -14px #153c6a50}
.pipeline-showcase figcaption{margin-top:12px}
@media(max-width:760px){.pipeline-shot{width:96%;padding:5px;border-radius:11px}.pipeline-shot-label{font-size:9px;padding:4px 5px 7px}.pipeline-shot-recovery{margin-top:8px}.pipeline-shot-overview,.pipeline-shot-recovery{transform:none}}
@media(prefers-reduced-motion:reduce){.pipeline-shot:hover{transform:none}}
@media(min-width:1100px){.pipeline-screen-stack{max-width:clamp(430px,calc((100dvh - 280px)*1.05),900px);margin-inline:auto}.pipeline-showcase{width:100%}}
.revenue-preview-window{overflow:hidden;aspect-ratio:2096/1160;border:1px solid #d4e3f1;border-radius:16px;box-shadow:0 20px 45px #14355b20;background:white}
.revenue-preview-window img{width:100%;max-width:100%;transform:none;border:0;border-radius:0;box-shadow:none}
/* Analytics reports fan out behind the full Revenue preview. */
.analytics-showcase{padding-top:35px}
.analytics-fan{position:relative;padding:70px 4% 12px;isolation:isolate}
.analytics-card{position:absolute;top:28px;width:79%;height:76%;overflow:hidden;background:white;border:1px solid #cddff1;border-radius:14px;box-shadow:0 15px 32px #163a6320;transform-origin:50% 100%;pointer-events:none}
.analytics-card-left{left:8%;transform:translate(-5%,-6%) rotate(-11deg);z-index:0}
.analytics-card-right{right:8%;transform:translate(5%,-6%) rotate(11deg);z-index:1}
.analytics-card-title{padding:12px 16px;background:#f5f9ff;border-bottom:1px solid #e0eaf5;color:#28577c;font-size:11px;font-weight:650;letter-spacing:.02em}
.analytics-card img{width:100%;height:auto;border:0;border-radius:0;box-shadow:none}
.analytics-card-front{position:relative;z-index:2;box-shadow:0 22px 42px -12px #14355b55,0 3px 9px #14355b12}
.analytics-showcase figcaption{margin-top:16px}
@media(max-width:760px){.analytics-showcase{padding-top:20px}.analytics-fan{padding:52px 3% 8px}.analytics-card{top:20px;border-radius:9px}.analytics-card-title{padding:8px;font-size:8px}.analytics-card-left{transform:translate(-4%,-5%) rotate(-9deg)}.analytics-card-right{transform:translate(4%,-5%) rotate(9deg)}}
/* Shared upper-page geometry: only the contents transition. */
#content,.page-panel{background:#060f1d}
.page-detail-surface{overflow:hidden;border-radius:24px;background:#f4f7fc}
::view-transition-group(page-panel){animation-duration:.35s}
::view-transition-old(page-panel){animation:route-out .2s ease both}
::view-transition-new(page-panel){animation:route-in .35s ease both}
@media(min-width:1100px){
  :root{--upper-panel-height:clamp(650px,calc(100dvh - 130px),950px);--upper-controls-height:78px}
  .presentation-page .page-panel,.presentation-page .page-panel-detail[data-page=capabilities]{height:var(--upper-panel-height);min-height:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#060f1d;display:flex;flex-direction:column}
  .presentation-page .page-panel-home>.presentation{height:100%;min-height:0;padding:0}
  .presentation-stage,.capabilities-stage{margin:14px 20px 0;min-height:0;flex:1;border:1px solid #46678855;border-radius:26px;overflow:hidden}
  .presentation-controls,.capabilities-controls{height:var(--upper-controls-height);min-height:var(--upper-controls-height);box-sizing:border-box;flex:none;padding:14px 26px 18px}
  .capabilities-page,.capabilities-explorer{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}
  .capabilities-stage{position:relative;container-type:size}
  .capability-detail{height:100%;min-height:0;overflow:auto;padding:30px 4%;grid-template-columns:.7fr 1.3fr;gap:4%;align-items:center}
  .capability-screen{min-width:0;max-width:100%;justify-self:center}
  .capability-screen>img{max-height:calc(100cqh - 65px);width:auto;max-width:100%;object-fit:contain;margin:auto}
  .pipeline-screen-stack{max-width:min(100%,calc((100cqh - 100px)*1.02));padding:8px 0;margin:auto}
  .analytics-showcase{padding:0;width:min(100%,calc((100cqh - 120px)*1.6))}
  .analytics-fan{padding:100px 6% 18px}
  .analytics-card{top:70px;width:76%;height:66%}
  .analytics-card-left{left:10%;transform:translate(-4%,0) rotate(-9deg)}
  .analytics-card-right{right:10%;transform:translate(4%,0) rotate(9deg)}
  .page-panel-detail>.page-detail-surface{flex:1;min-height:0;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;margin:14px 20px var(--upper-controls-height);border:1px solid #46678855;border-radius:26px}
  .page-panel-detail .page-hero{border-radius:0}
  .page-panel-detail .contact-grid{padding:28px 5% 40px}
}
@media(max-width:1099px){.page-detail-surface{margin:12px 10px}.page-panel-detail{background:#060f1d}.analytics-fan{padding-top:80px}.analytics-card{top:48px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(page-panel),::view-transition-old(page-panel),::view-transition-new(page-panel){animation:none}}
@media(min-width:1100px){.capabilities-page,.capabilities-explorer{width:100%;align-items:stretch}.capability-detail{width:100%}}
/* Keep the dark shell continuous through margins and rounded panel corners. */
body,.site-shell,body.presentation-page,.presentation-page .site-shell{background:#060f1d}
#content{display:flow-root}
.page-detail-surface{scrollbar-color:#476783 #e8eff7}
@media(max-width:1099px){
  .page-panel,.page-panel-detail[data-page=capabilities]{height:max(680px,calc(100svh - 125px));overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#476783 #060f1d;display:flow-root}
}
.brand,header nav a{white-space:nowrap}
@media(min-width:761px) and (max-width:1099px){header{padding:16px 3%;gap:14px}.brand{font-size:23px}.brand img{width:34px;height:34px}header nav{gap:4px;margin:0}header nav a{font-size:12px;padding:9px 8px}header .login{padding:10px 12px;font-size:12px}}
@media(max-width:1099px){.capability-copy h2 br{display:initial}}
/* A dark closing chapter, with a direct invitation to explore further. */
.capability-detail.capability-more{grid-template-columns:1fr 1fr;gap:9%;padding:48px 6%;background:linear-gradient(115deg,#0b1929,#142d43);color:#edf5ff}
.capability-more .more-intro h2{font-size:clamp(32px,3.1vw,54px);line-height:1.12;max-width:610px;margin:22px 0}
.more-intro h2>span{color:transparent;background:var(--brand-text-gradient);background-clip:text;-webkit-background-clip:text}
.more-intro>p{max-width:440px;color:#a4bdd2;font-size:15px;line-height:1.85}
.more-demo{display:inline-flex;align-items:center;justify-content:center;gap:32px;position:relative;overflow:hidden;margin-top:24px;padding:15px 22px;border:1px solid #318eec;border-radius:11px;background:linear-gradient(135deg,#0f52e8,#238ce9 70%,#34aef7);color:#fff;box-shadow:0 7px 22px #0f52e82b;text-decoration:none;font-size:14px;font-weight:600}
.more-demo svg{flex:none}
.more-features>.eyebrow{color:#8caac2}
.capability-more .more-features dl{margin:20px 0 0}
.capability-more .more-features dl>div{display:block;border-top:1px solid #698daa30;padding:20px 0}
.capability-more .more-features dt{color:#edf5ff;font-size:18px;font-weight:600}
.capability-more .more-features dd{color:#a4bdd2;max-width:520px;font-size:14px;line-height:1.75;margin:7px 0 0}
.more-closing{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #698daa30;padding-top:20px;color:#69bded;font-size:12px}
.more-closing span{font-size:20px}
@media(max-width:1099px){.capability-detail.capability-more{grid-template-columns:1fr;gap:38px;padding:38px 7%}.capability-more .more-intro h2{font-size:38px}.more-intro>p{max-width:560px}.more-features dl{display:block}}
@media(min-width:1100px) and (max-height:850px){.capability-detail.capability-more{padding-block:30px}.capability-more .more-features dl>div{padding:13px 0}.capability-more .more-features dt{font-size:16px}.capability-more .more-features dd{font-size:13px}}
.capability-more .more-intro>.eyebrow{color:#57b9f4}
/* Larger pipeline preview, with Recovery peeking out from the left. */
.pipeline-screen-stack{position:relative;display:block;width:100%;max-width:100%;padding:65px 0 35px 15%;isolation:isolate}
.pipeline-shot-overview{position:relative;width:100%;z-index:2;transform:none;box-shadow:0 24px 45px -14px #153c6a55}
.pipeline-shot-recovery{position:absolute;left:0;top:28px;width:86%;margin:0;z-index:1;transform:rotate(-5deg);transform-origin:bottom left;box-shadow:0 15px 35px -12px #153c6a40}
.pipeline-shot:hover{transform:none}.pipeline-shot-recovery:hover{z-index:1;transform:rotate(-5deg)}
@media(min-width:1100px){.pipeline-showcase{width:min(100%,calc((100cqh - 130px)*1.9))}.pipeline-screen-stack{max-width:100%;margin:auto}}
.automation-story{padding:42px;border:1px solid #cbdff1;border-radius:22px;background:#fff;box-shadow:0 24px 50px #153c6a15}
.automation-story>.eyebrow{color:#46708e}.automation-story h3{font-size:clamp(28px,2.6vw,42px);line-height:1.2;letter-spacing:-.035em;color:#17344f;margin:22px 0 32px}
.automation-story-trigger{display:flex;justify-content:space-between;padding:20px;background:#edf6ff;border-radius:10px;color:#1769aa;font-weight:600}
.automation-story-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.automation-story-channels>span{padding:20px 12px;border-top:2px solid #2d9af5;color:#214b6b;font-weight:600}.automation-story small{display:block;font-size:11px;font-weight:400;color:#6d849c;margin-top:9px}.automation-story>p{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dbe7f0;padding-top:25px;color:#1769aa;font-size:13px}
@media(max-width:760px){.pipeline-screen-stack{padding:42px 0 20px 12%}.pipeline-shot-recovery{top:20px}.automation-story{padding:24px}.automation-story-channels{gap:5px}.automation-story-channels>span{padding:14px 4px;font-size:12px}}
/* Give the supporting analytics previews room to tell part of the story. */
.analytics-fan{padding:105px 8% 16px}
.analytics-card{top:28px;width:82%;height:76%}
.analytics-card-left{left:0;transform:rotate(-7deg)}
.analytics-card-right{right:0;transform:rotate(7deg)}
@media(min-width:1100px){
  .analytics-showcase{width:min(100%,calc((100cqh - 145px)*1.6))}
  .analytics-fan{padding:125px 8% 18px}
  .analytics-card{top:35px;width:82%;height:74%}
  .analytics-card-left{left:0;transform:rotate(-7deg)}
  .analytics-card-right{right:0;transform:rotate(7deg)}
}
@media(max-width:760px){.analytics-fan{padding:85px 8% 12px}.analytics-card{top:28px}.analytics-card-title{font-size:9px}}
/* Reveal the map at left; tuck Outreach's short report behind Revenue. */
.analytics-card-left{left:-10%;width:76%}
.analytics-card-right{right:12%;height:auto}
@media(max-width:760px){.analytics-card-left{left:-4%;width:72%}.analytics-card-right{right:10%}}
.analytics-fan{padding-left:24%;padding-right:0}
.analytics-card-left{left:0;width:70%}
.analytics-card-right{right:12%}
@media(max-width:760px){.analytics-fan{padding-left:22%;padding-right:0}.analytics-card-left{left:0;width:72%}}
/* Opaque dark borders prevent the light surface showing through the outline. */
.capabilities-stage:has(.capability-more:not([hidden])),
.page-panel[data-page="about"]>.page-detail-surface,
.page-panel[data-page="contact"]>.page-detail-surface{
  border:1px solid #1b2c41;
  background-color:#0b1929;
  background-clip:padding-box;
}
.page-panel[data-page="about"]>.page-detail-surface,
.page-panel[data-page="contact"]>.page-detail-surface{background-color:#f4f7fc}
/* Outreach remains a full page; Revenue conceals its blank lower section. */
.analytics-card-right{width:76%;height:74%;right:0;top:35px;transform:rotate(5deg);transform-origin:50% 100%}
@media(max-width:760px){.analytics-card-right{top:24px;width:76%;height:74%;right:0;transform:rotate(4deg)}}
/* Balance the Outreach reveal above the foreground Revenue card. */
.analytics-card-right{top:5px;right:3%}
@media(max-width:760px){.analytics-card-right{top:8px;right:3%}}
/* Matching full-page reports create a balanced three-card fan. */
.analytics-fan{padding:105px 12% 22px}
.analytics-card{width:76%;height:auto;aspect-ratio:2112/1305;top:30px}
.analytics-card-title{display:none}
.analytics-card-left{left:0;right:auto;width:76%;transform:rotate(-6deg)}
.analytics-card-right{left:auto;right:0;width:76%;top:30px;transform:rotate(6deg)}
.analytics-card img{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.analytics-fan{padding:65px 12% 16px}.analytics-card{top:22px}.analytics-card-right{top:22px}}
/* A typographic founder profile, complete without a portrait. */
.founder-profile{align-self:start;padding:4px 0 12px;border-right:1px solid #d5e1ec;padding-right:12%}
.founder-profile>.eyebrow{font-size:10px;letter-spacing:1.4px;line-height:1.8}
.founder-profile h2{font-size:clamp(29px,2.8vw,44px);letter-spacing:-1.3px;line-height:1.15;margin:20px 0 8px;color:#192b40}
.founder-role{color:#657b94;margin:0 0 25px;font-size:14px}
.founder-background{margin:0;display:grid;gap:17px}
.founder-background>div{border-top:1px solid #d5e1ec;padding-top:13px}
.founder-background dt{font-weight:600;color:#24577e;font-size:14px}
.founder-background dd{margin:5px 0 0;color:#6b8098;font-size:13px;line-height:1.65;max-width:290px}
@media(max-width:760px){.founder-profile{border-right:0;border-bottom:1px solid #d5e1ec;padding:0 0 28px}.founder-background{gap:14px}.founder-profile h2{font-size:34px}}
/* Our Story reads as one editorial feature, without a portrait or profile card. */
.page-panel[data-page="about"]>.page-detail-surface{background:#0b1929;scrollbar-color:#324c66 #0b1929}
.founder-editorial{min-height:100%;padding:38px 6% 42px;background:linear-gradient(115deg,#081421,#11283d);color:#f3f7fc}
.story-heading{max-width:1120px;margin:0 auto;padding-bottom:25px;border-bottom:1px solid #7e9bb329}
.story-heading>.eyebrow{color:#a4bdd2;font-size:10px;letter-spacing:1.8px}
.story-heading h1{font-weight:500;font-size:clamp(38px,3.5vw,62px);line-height:1.08;letter-spacing:-.045em;margin:16px 0}
.story-heading h1 span{background:var(--brand-text-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.story-heading>p{color:#a9bed1;font-size:14px;margin:0;line-height:1.7}
.story-narrative{max-width:1120px;margin:25px auto 0}
.story-byline{display:flex;align-items:baseline;gap:14px;font-size:13px;color:#9eb7cb}
.story-byline strong{font-weight:600;color:#5abcf4;font-size:15px}
.story-byline span{border-left:1px solid #7e9bb344;padding-left:14px}
.story-narrative h2{font-size:clamp(22px,2vw,30px);font-weight:500;letter-spacing:-.025em;line-height:1.25;margin:16px 0}
.story-narrative p{font-size:14px;line-height:1.85;color:#b5c8d9;margin:0}
.story-opening{max-width:1060px;margin-bottom:20px}
.story-continuation{display:grid;grid-template-columns:1fr 1fr;gap:5%}
@media(min-width:1800px){.founder-editorial{display:flex;flex-direction:column;justify-content:center;padding-block:50px}.story-heading,.story-narrative{width:100%}.story-narrative p{font-size:16px}.story-narrative{margin-top:30px}.story-heading{padding-bottom:30px}}
@media(max-width:760px){.founder-editorial{padding:34px 6%}.story-heading h1{font-size:39px}.story-heading{padding-bottom:25px}.story-continuation{grid-template-columns:1fr;gap:20px}.story-byline{flex-wrap:wrap;gap:8px 12px}.story-narrative h2{font-size:26px}.story-narrative p{font-size:14px}}
@media(min-width:1100px) and (max-height:850px){.founder-editorial{padding:28px 6% 25px}.story-heading{padding-bottom:20px}.story-narrative{margin-top:20px}.story-heading h1{margin:12px 0}.story-opening{margin-bottom:16px}}
/* Keep the founder story on one consistent reading axis. */
.story-continuation{display:block;max-width:1060px}
.story-continuation p+p{margin-top:16px}
.story-opening{margin-bottom:16px}
@media(min-width:1100px) and (max-height:850px){.story-narrative p{line-height:1.7}.story-opening{margin-bottom:12px}.story-continuation p+p{margin-top:12px}}
.contact-grid .contact-pending{display:inline-block;margin-top:8px;font-size:11px;letter-spacing:.3px;color:#637e98}
.contact-grid .contact-address{display:inline-block;margin-top:10px;color:#24577e;overflow-wrap:anywhere}
/* Practical contact guidance gives the lower panel a clear purpose. */
.page-panel[data-page="contact"] .contact-grid{padding-bottom:26px}
.contact-guidance{margin:0 5% 34px;padding:24px 28px;border-top:1px solid #ccdce9;display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:start}
.contact-guidance h2{font-size:17px;line-height:1.5;font-weight:600;color:#254c6d;margin:0}
.contact-guidance p{font-size:14px;line-height:1.8;color:#657b92;margin:0;max-width:960px}
@media(min-width:1800px){.page-panel[data-page="contact"] .contact-grid{padding-bottom:38px}.contact-guidance{padding-top:30px;margin-bottom:45px}}
@media(max-width:760px){.contact-guidance{grid-template-columns:1fr;gap:10px;padding:24px 0;margin:0 7% 32px}}
@media(min-width:1100px) and (max-height:850px){
.page-panel[data-page="contact"] .page-hero{padding:24px 5%}
.page-panel[data-page="contact"] .page-hero h1{font-size:40px;margin:10px 0}
.page-panel[data-page="contact"] .contact-grid{padding:20px 5% 18px;gap:20px}
.page-panel[data-page="contact"] .contact-grid article{padding:22px;min-height:0}
.page-panel[data-page="contact"] .contact-grid h2{font-size:18px;margin:14px 0 12px}
.page-panel[data-page="contact"] .contact-grid p{font-size:13px;line-height:1.7;margin:0}
.contact-guidance{padding:17px 0;margin-bottom:20px;grid-template-columns:180px 1fr;gap:20px}
.contact-guidance p{font-size:12px;line-height:1.7}
.contact-guidance h2{font-size:15px}
}
/* Center the guidance in the remaining space below the contact cards. */
.contact-guidance{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;margin:0 5%;padding:28px 24px}
.contact-guidance h2{font-size:18px}
.contact-guidance p{max-width:800px;font-size:14px;line-height:1.8}
@media(min-width:1100px){
.page-panel[data-page="contact"]>.page-detail-surface{display:flex;flex-direction:column}
.page-panel[data-page="contact"] .page-hero,.page-panel[data-page="contact"] .contact-grid{flex-shrink:0}
.page-panel[data-page="contact"] .contact-guidance{flex:1}
}
@media(min-width:1100px) and (max-height:850px){.contact-guidance{padding:20px 24px;gap:8px}.contact-guidance h2{font-size:17px}.contact-guidance p{font-size:13px;line-height:1.7}}
@media(max-width:760px){.contact-guidance{margin:0 7%;padding:28px 0 34px}.contact-guidance p{font-size:13px}}
/* Give the community counter a clear presence beside the signup form. */
.counter{gap:20px;align-items:center;flex-wrap:wrap}
.counter .digits{gap:7px}
.counter .digits span{width:52px;height:68px;font-size:32px;font-weight:500;border-radius:10px;color:#527ca2;border-color:#c9dced;background:#ffffffd9;box-shadow:0 5px 14px #1f47760a}
.counter strong{font-size:15px;line-height:1.5;margin-bottom:5px}
.counter>div>span{font-size:12px;line-height:1.5}
@media(max-width:760px){.counter{gap:16px}.counter .digits span{width:44px;height:58px;font-size:27px}.counter strong{font-size:14px}}
/* Readable long-form legal drafts within the shared page shell. */
.legal-document{max-width:1080px;width:100%;padding:35px 5% 55px;box-sizing:border-box}
.legal-document p{font-size:15px;line-height:1.85;overflow-wrap:anywhere}
.legal-document h2{color:#20364e;font-size:23px;line-height:1.35;margin:34px 0 14px}
.legal-document a{color:#1263b6;text-decoration:underline;text-underline-offset:3px}
.legal-document .list-item{padding-left:14px}
.legal-document .table-wrap{overflow-x:auto;margin:22px 0}
.legal-document table{border-collapse:collapse;min-width:580px;width:100%;font-size:13px;line-height:1.7}
.legal-document td,.legal-document th{border:1px solid #cbd9e6;padding:12px;text-align:left;vertical-align:top}
.legal-document th{background:#e4eef8;color:#20364e}
@media(max-width:760px){.legal-document{padding:25px 6% 40px}.legal-document h2{font-size:21px}.legal-document p{font-size:14px}}
/* The outer frame clips the inner scroll rail to the panel's rounded shape. */
.page-panel-detail>.page-detail-surface.legal-surface{border:1px solid #1b2c41;background:#0b1929;background-clip:padding-box;overflow:hidden;isolation:isolate}
.legal-scroll-region{background:#f4f7fc;min-width:0;min-height:0;scrollbar-width:thin;scrollbar-color:#476783 #0b1929;overscroll-behavior:auto}
.legal-scroll-region:focus-visible{outline:2px solid #34aef7;outline-offset:-3px}
@media(min-width:1100px){.page-detail-surface.legal-surface{display:flex;flex-direction:column}.legal-scroll-region{flex:1;overflow:auto}}
/* Approved content, reflowed for touch devices; desktop rules stay unchanged. */
@media(max-width:1099px){
 html{scroll-padding-top:125px}
 header{padding:12px 5%;gap:12px;flex-wrap:wrap;border-radius:0;background:#071321f5}
 header .brand{font-size:24px;line-height:1;min-width:0}header .brand img{width:34px;height:34px}
 header .login{margin-left:auto;min-height:44px;padding:10px 14px;font-size:12px;gap:10px}
 header nav{order:3;display:flex;width:100%;margin:0;padding:0;gap:4px;justify-content:space-between;border:0}
 header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;font-size:12px}
 .page-panel,.page-panel-detail,.page-panel-detail[data-page=capabilities]{height:auto;max-height:none;min-height:0;overflow:visible;border:0;padding:0;display:block}
 .page-detail-surface{margin:12px 10px 24px;border-radius:22px;overflow:hidden}
 .page-panel-home>section{margin:12px 10px 20px;border-radius:22px;border:1px solid #1b2c41;overflow:hidden}
 .hero{display:block;min-height:0;padding:42px 7% 40px;background:linear-gradient(125deg,#081421,#122a40)}
 .hero-copy{padding:0}.hero h1{font-size:clamp(40px,7vw,70px);line-height:1.06;margin:25px 0;max-width:760px}
 .hero h1>span{margin-top:12px}.hero-copy>p{font-size:16px;line-height:1.8;max-width:640px}
 .hero-copy .eyebrow{font-size:9px;letter-spacing:1.5px;line-height:1.7}
 .hero-foot{margin-top:30px;gap:12px;flex-wrap:wrap}.hero-foot .rule{display:none}
 .page-panel-home>.platform{display:block;background:#f4f7fc;padding:36px 6%}
 .section-heading{display:block;padding:0 0 24px}.section-heading h2{font-size:clamp(34px,5.5vw,52px);line-height:1.12;margin:18px 0}
 .section-heading>p{font-size:15px;line-height:1.8;max-width:640px}.section-heading .eyebrow{font-size:10px}
 .section-heading h2>span{color:#1679cf}
 .mortgage-journey{border:1px solid #d5e4f1;background:white;border-radius:16px;padding:20px;min-width:0}
 .journey-heading{font-size:9px;font-weight:700;letter-spacing:1.2px;color:#607991;line-height:1.8;margin-bottom:15px}
 .journey-heading>span:last-child{display:block;letter-spacing:0;font-weight:400;font-size:12px;margin-top:5px}
 .mobile-story-item{border-top:1px solid #d9e5ee;padding:0}
 .mobile-story-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 0;color:#24577e;font-size:15px;font-weight:600}
 .mobile-story-item summary::-webkit-details-marker{display:none}.mobile-story-item summary:after{content:'+';font-size:22px;font-weight:400}.mobile-story-item[open]>summary:after{content:'−'}
 .mobile-story-item summary:focus-visible{outline:2px solid #238ce9;outline-offset:3px;border-radius:4px}
 .journey-detail{padding:8px 0 20px}.journey-kicker{font-size:11px;color:#1679ba;margin:0 0 12px;font-weight:600}
 .journey-detail h3{font-size:28px;line-height:1.15;letter-spacing:-.8px;margin:0 0 16px}
 .journey-description{font-size:14px;line-height:1.8;color:#597189;margin:0 0 18px}
 .journey-context{padding:14px;background:#edf6fc;border-left:2px solid #268fe0;border-radius:0 8px 8px 0}
 .journey-context span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#236292;font-weight:600}.journey-context p{font-size:13px;margin:5px 0 0;line-height:1.6;color:#355c79}
 .journey-next{display:flex;gap:10px;align-items:center;margin-top:14px;color:#597189}.journey-next p{font-size:12px;line-height:1.65;margin:0}.journey-next>span{color:#238ce9;font-size:24px}
 .page-panel-home>.flow-philosophy{display:block;padding:36px 6%;background:linear-gradient(125deg,#081421,#122a40)}
 .flow-intro h2{font-size:clamp(38px,6vw,58px);line-height:1.1;margin:20px 0}.flow-intro .eyebrow{font-size:10px}
 .flow-detail{padding:0;margin:20px 0 30px}.flow-detail p{font-size:15px;line-height:1.8}
 .endless-map-label{font-size:9px;letter-spacing:1.3px;text-align:center;color:#a4bdd3}
 .return-loop{position:relative;height:230px;margin:18px 0;display:grid;place-items:center}
 .return-path{position:absolute;inset:0;width:100%;height:100%;fill:none}.loop-track{stroke:#34536e;stroke-width:1}.loop-trace{stroke:#34aef7;stroke-width:2;stroke-dasharray:5 7}.loop-traveler,.loop-waypoints{display:none}.loop-arrow{stroke:#8fd6dc;stroke-width:2}
 .loop-center{text-align:center;padding:0 26px}.loop-monogram{font-size:34px;color:#34aef7;display:block}.loop-eyebrow{font-size:8px;letter-spacing:1px;color:#96b5cf}.loop-center h3{font-size:26px;line-height:1.2;color:#f4f8fc;margin:9px 0}.loop-center p{font-size:11px;color:#abc1d6;line-height:1.6;margin:0}
 .loop-return-label{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#a5e1c8;padding:6px 10px;border-radius:20px;background:#153631;border:1px solid #3c7069}
 .endless-map .mobile-story-item{border-color:#42617b66}.endless-map summary{color:#b8d7ee}
 .outcome-story{padding-bottom:20px}.outcome-story h4{font-size:20px;line-height:1.3;color:#eff7ff;margin:8px 0 12px}.outcome-story p{font-size:14px;line-height:1.8;color:#adc3d6;margin:0}
 .page-panel-home>.story-strip{display:flex;flex-direction:column;padding:36px 6%;gap:24px;background:#f4f7fc;color:#192b40}
 .founder-years{text-align:left;font-size:100px;line-height:1;color:#1679cf}.founder-number{font-weight:500}.founder-years span{font-size:9px;line-height:1.7;letter-spacing:1.3px;margin-top:10px}
 .story-strip h2{font-size:34px;line-height:1.15;color:#192b40}.story-strip p{font-size:15px;line-height:1.8;color:#60758e}.story-strip>div:last-child{padding:0;border:0}
 .capabilities-page{padding:0}.capabilities-explorer{display:block}.capabilities-stage{display:block;margin:0;border:0;border-radius:0;background:transparent;overflow:visible}
 .capability-detail,.capability-detail.capability-more{display:flex;flex-direction:column;align-items:stretch;gap:24px;height:auto;min-height:0;overflow:hidden;padding:30px 6%;margin:12px 10px 22px;border:1px solid #d6e3f0;border-radius:22px;background:#f4f7fc;scroll-margin-top:130px}
 .mobile-capability-label{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#3278ad;font-weight:700;padding-bottom:15px;border-bottom:1px solid #d5e3ee}
 .capability-copy h2{font-size:36px;line-height:1.12;letter-spacing:-1px;margin:18px 0}.capability-copy p,.capability-copy dd{font-size:14px;line-height:1.8}.capability-copy dl{margin-bottom:0}.capability-copy .eyebrow{font-size:9px}
 .capability-screen{width:100%;max-width:100%;margin:0;min-width:0;padding:0}.capability-screen>img{width:100%;height:auto;max-height:none;border-radius:10px}
 .pipeline-screen-stack{padding:32px 0 18px 12%;max-width:100%}.pipeline-shot-recovery{top:18px}.pipeline-shot{padding:8px;border-radius:10px}.pipeline-shot-label{font-size:8px;padding:4px 3px 8px}
 .analytics-fan{padding:48px 12% 15px}.analytics-card,.analytics-card-right{top:20px}.analytics-card,.revenue-preview-window{border-radius:8px}
 .capability-detail.capability-more{background:linear-gradient(115deg,#0b1929,#142d43);border-color:#1b2c41;padding:30px 6%;gap:26px}
 .capability-more .mobile-capability-label{color:#7ac8f7;border-color:#34506b}.capability-more .more-intro h2{font-size:36px}.more-demo{min-height:48px;margin-top:15px}.more-features dl{margin:10px 0 0}.capability-more .more-features dt{font-size:17px}
 #content>.signup-panel{display:flex;flex-direction:column;gap:28px;margin:30px 10px 24px;padding:36px 6%;border:1px solid #d9e7f2;border-radius:22px;background:linear-gradient(120deg,#eaf5ff,#fff)}
 .signup-top{text-align:center}.signup-top .edition{display:none}.signup-top>h2{font-size:40px;margin:0 0 20px}.signup-top>p{font-size:15px;line-height:1.8;margin:0 auto;max-width:450px}
 .signup-card{order:3;padding:26px 0 0;border:0;border-top:1px solid #d5e3ed;box-shadow:none;background:none;border-radius:0}
 .signup-card h2{font-size:26px;text-align:center}.signup-card>p{text-align:center;line-height:1.75;font-size:14px}
 .signup-card input,.signup-card select{font-size:16px;min-height:48px}.signup-card .primary{min-height:50px;justify-content:center;width:100%}.counter{order:2;justify-content:center;text-align:center;gap:16px}.counter strong{font-size:14px}
 .contact-grid{grid-template-columns:1fr;padding:24px 6%;gap:14px}.contact-grid article{min-height:0;padding:24px}.contact-grid h2{font-size:20px}.contact-grid p{font-size:14px;line-height:1.8}
 .page-hero,.page-hero.compact{padding:36px 6%;border-radius:0}.page-hero h1{font-size:40px;line-height:1.12;letter-spacing:-1.5px}.page-hero p{font-size:14px;line-height:1.8}
 .legal-scroll-region{overflow:visible}.legal-document .table-wrap{max-width:100%}
 footer{padding:26px 6% 20px;gap:20px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 20px}.footer-links a{min-height:44px;display:flex;align-items:center}.preview-note{padding:12px 6%;line-height:1.7}
 .mobile-story-item[open] .journey-detail,.mobile-story-item[open] .outcome-story{animation:mobile-detail-in .22s ease both}
}
@media(min-width:700px) and (max-width:1099px){
 .hero{padding:60px 7%}.hero h1{max-width:760px}.page-panel-home>section,.capability-detail,.capability-detail.capability-more{margin-inline:20px}.mortgage-journey,.endless-map{max-width:720px;margin-inline:auto}
 .page-panel-home>.platform,.page-panel-home>.flow-philosophy,.page-panel-home>.story-strip{padding:45px 7%}
 .capability-detail,.capability-detail.capability-more{padding:40px 7%}.capability-screen{max-width:760px;align-self:center}.capability-copy h2{font-size:46px}
 #content>.signup-panel{margin-inline:20px;padding:45px 8%}.signup-card{width:100%;max-width:650px;align-self:center}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid article:last-child{grid-column:1/-1}
 .founder-editorial{padding:40px 7%}.story-continuation{display:block}
}
@media(max-width:380px){header{padding-inline:4%}header .brand{font-size:21px}header .brand img{width:29px;height:29px}header .login{padding-inline:10px}header nav a{font-size:11px;padding-inline:7px}.hero h1{font-size:37px}.capability-copy h2,.capability-more .more-intro h2{font-size:32px}.signup-top>h2{font-size:35px}}
@keyframes mobile-detail-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mobile-story-item[open] .journey-detail,.mobile-story-item[open] .outcome-story{animation:none}}
/* Keep jump targets just below the sticky header, including its scroll padding. */
@media(max-width:1099px){.capability-detail{scroll-margin-top:8px}header{background:#071321}}
@media(max-width:380px){.page-hero h1{font-size:34px}.contact-grid article{padding:20px}.contact-grid h2{font-size:16px}.contact-grid a{font-size:14px}}
/* Touch layout polish: stage identity and consistent reading alignment. */
@media(max-width:1099px){
 .mortgage-journey .mobile-story-item{border:1px solid var(--stage-border);border-radius:12px;margin-top:12px;overflow:hidden}
 .mortgage-journey .mobile-story-item summary{padding:14px 16px;background:var(--stage-soft);color:var(--stage-color);border-left:3px solid var(--stage-color)}
 .mortgage-journey .mobile-story-item[open] summary{border-bottom:1px solid var(--stage-border)}
 .mortgage-journey .journey-detail{padding:20px 16px}
 .mortgage-journey .journey-kicker,.mortgage-journey .journey-context span,.mortgage-journey .journey-next>span{color:var(--stage-color)}
 .mortgage-journey .journey-context{background:var(--stage-soft);border-color:var(--stage-color)}
 .mortgage-journey .journey-context p{color:#35506a}
 .hero h1,.section-heading h2,.flow-intro h2,.capability-copy h2,.more-intro h2,.page-hero h1,.founder-editorial h1,.signup-top h2{text-wrap:balance}
 .hero-copy,.section-heading,.flow-intro,.flow-detail,.capability-copy,.more-intro,.more-features{text-align:left}
 .page-panel-home>.story-strip{align-items:stretch}
 .story-strip .founder-years{align-self:center;text-align:center;letter-spacing:0;padding:4px 0 12px}
 .story-strip .founder-number{display:block;line-height:1;letter-spacing:-.08em;padding-right:.08em}
 .story-strip .founder-years>span{margin-top:14px;text-align:center}
 .counter{align-self:center;width:100%;flex-direction:column}
 .signup-top,.signup-card>h2,.signup-card>p,.contact-guidance,.preview-note{text-align:center}
 .signup-top>h2,.signup-card>p{margin-inline:auto;max-width:520px}
 .capability-screen{align-self:center}
}
@media(max-width:760px){
 .mortgage-journey{padding:18px 14px}.journey-detail h3{font-size:26px}
 .story-strip .eyebrow,.story-strip h2{text-align:center}
 .story-strip .text-link{display:flex;justify-content:center;align-items:center;min-height:44px}
 footer{text-align:center;align-items:center}.footer-links{justify-content:center;width:100%}
 footer .brand{justify-content:center}.contact-guidance{padding-inline:0}
}
@media(max-width:760px){footer>div:first-child{width:100%}footer .brand{width:100%;margin-inline:auto}.story-strip .text-link{gap:16px}}
/* Mobile brand typography matches the approved desktop color treatment. */
@media(max-width:1099px){
 .eyebrow.blue,.story-strip .eyebrow,.mobile-capability-label,.feature-number{
  background-image:none;background-clip:border-box;-webkit-background-clip:border-box;
  color:#0f52e8;-webkit-text-fill-color:currentColor;
 }
 .hero h1>span,.section-heading h2>span,.flow-intro h2>span,.page-hero h1>span,.story-heading h1>span,.more-intro h2>span,.founder-years .founder-number{
  background-image:var(--brand-text-gradient);background-clip:text;-webkit-background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
 }
 .page-panel-home>.story-strip{text-align:center;align-items:center}
 .story-strip>div{width:100%;max-width:680px;margin-inline:auto}
 .story-strip .eyebrow{width:100%;justify-content:center;text-align:center}
 .story-strip h2,.story-strip p{text-align:center;margin-inline:auto}
 .story-strip .text-link{display:flex;justify-content:center;gap:16px}
 .story-strip .founder-years{width:fit-content}
 .story-strip .founder-number{width:fit-content;margin-inline:auto}
}
@media(max-width:1099px){
 .capability-more .mobile-capability-label,.capability-more .more-intro>.eyebrow{background-image:none;color:#0f52e8;-webkit-text-fill-color:currentColor}
}
.signup-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.signup-card .primary:disabled{opacity:.7;cursor:wait}
.counter .digits{flex-wrap:wrap;justify-content:center;max-width:100%}
/* Keep the launch-only login control accessible without a destination. */
header .login-unavailable{position:relative;display:inline-flex;flex:none}
header .login-unavailable .login{font-family:inherit;font-size:inherit;cursor:default}
.login-tooltip{position:absolute;top:calc(100% + 10px);right:0;z-index:100;white-space:nowrap;padding:9px 14px;border:1px solid #314c68;border-radius:9px;background:#0b1929;color:#eaf4ff;font-size:13px;line-height:1.4;box-shadow:0 8px 22px #02091340;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .15s,transform .15s,visibility .15s}
.login-unavailable:hover .login-tooltip,.login-unavailable:focus-within .login-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.login-unavailable.tooltip-dismissed .login-tooltip{opacity:0;visibility:hidden}
header .login-unavailable .login:focus-visible{outline:2px solid #75caff;outline-offset:4px}
@media(max-width:1099px){header .login-unavailable{margin-left:auto}header .login-unavailable .login{font-size:12px}}