@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--teal:#548f91;--ink:#101a2b;--paper:#f8f9f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{padding:26px 6%;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{display:flex;flex-direction:column;align-items:center;gap:5px}.brand img{width:205px;height:auto}.brand span{font-size:10px;letter-spacing:1.5px;color:#4c6e70}nav{display:flex;gap:34px;font-size:13px}nav a:last-child span{padding-left:18px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}p{line-height:1.75}.hero{position:relative;padding:72px 6% 0;color:white;background:radial-gradient(ellipse at 95% 90%,#62c6b8 0,transparent 45%),radial-gradient(ellipse at 0 0,#7476dd 0,transparent 60%),#10162e;display:grid;grid-template-columns:1.04fr 1fr;gap:60px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.hero .eyebrow{color:#d4d9ff;margin-bottom:28px}.status{display:inline-flex;align-items:center;gap:9px;font-size:11px;border:1px solid #ffffff55;border-radius:30px;padding:8px 12px}.status span,.live-dot{width:6px;height:6px;border-radius:50%;background:#9ce7c7;display:inline-block}.hero h1{font-size:clamp(45px,5.3vw,78px);line-height:1.1;letter-spacing:-3px;margin:23px 0}.hero h1 em{font-style:normal;color:#a2e1d6}.intro{max-width:440px;font-size:15px;color:#e3e4ed}.button{display:inline-flex;gap:40px;background:#d8f2e9;color:#172d35;padding:17px 22px;font-size:13px;font-weight:700;margin-top:29px}.hero-note{display:flex;gap:24px;border-top:1px solid #ffffff25;margin-top:44px;padding-top:22px}.hero-note>span{font-size:8px;letter-spacing:1px;padding-top:6px;color:#bdc5d8;white-space:nowrap}.hero-note p{font-size:11px;color:#d2d5e1}.hero-visual{padding-top:25px;position:relative}.market{width:100%;height:310px;object-fit:cover;border-radius:100px 0 0 0;display:block}.visual-caption{display:flex;align-items:center;gap:8px;background:#111b2cb3;padding:13px 17px;font-size:10px;position:relative;margin-top:-43px}.product-name{margin-top:44px;padding-left:20px;border-left:1px solid #b4e1df70}.product-name>span{font-size:9px;letter-spacing:2px}.product-name h2{font-size:48px;font-weight:500;letter-spacing:-2px}.product-name h2 span{float:right;font-weight:400}.product-name p{font-size:12px;color:#e1eeee;max-width:330px;margin-top:12px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid #ffffff30;font-size:9px;letter-spacing:1.2px;margin-top:10px}.how{padding:90px 6% 60px}.section-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:25px}.section-heading .eyebrow{grid-column:1/-1;color:var(--teal)}h2{font-size:clamp(32px,3.5vw,49px);letter-spacing:-1.8px;line-height:1.2;font-weight:500}.section-heading h2 span{color:#6c8384}.section-heading>p:last-child{font-size:14px;max-width:420px;justify-self:end;color:#617076;align-self:end}.steps{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(#091416b8,#091416e8),url('assets/street.webp') center/cover;color:#fff;padding:40px 34px;gap:36px}.steps article+article{border-left:1px solid #ffffff35;padding-left:34px}.number{display:inline-flex;width:39px;height:39px;background:#d6ede4;color:#244c48;border-radius:50%;align-items:center;justify-content:center;font-size:12px}.steps h3{font-size:22px;margin:25px 0 10px}.steps p{font-size:12px;color:#d4ddda}.development-note{font-size:10px;color:#788582;margin-top:15px}.matters{background:#0b1719;color:white;padding:75px 6%;display:grid;grid-template-columns:1fr 1fr;gap:80px}.matters .eyebrow{color:#96c9bf;margin-bottom:22px}.matters-title>p:last-child{color:#93ada7;font-size:13px;margin-top:22px}.benefits article{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #ffffff20}.benefits article>span{font-size:30px;color:#a5d8cb}.benefits h3{font-size:17px;font-weight:500}.benefits p{font-size:12px;color:#b3c3bf;margin-top:5px;max-width:300px}.why{padding:100px 9%;display:grid;grid-template-columns:1fr 1fr;gap:9%}.city-wrap{position:relative}.city-wrap img{width:100%;height:100%;max-height:600px;object-fit:cover}.city-wrap span{position:absolute;bottom:20px;left:20px;color:white;font-size:8px;letter-spacing:1px}.why .eyebrow{color:var(--teal);margin:8px 0 24px}.why h2{margin-bottom:28px}.why-copy>p:not(.eyebrow){font-size:13px;color:#647c7b;margin-bottom:18px}.why-copy p.highlight{color:#255a56;font-weight:700}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid #638c87;padding-bottom:7px;margin-top:10px}.prototype{background:#e7eeeb;padding:70px 12%;display:grid;grid-template-columns:1fr .7fr;gap:14%;align-items:center}.prototype .eyebrow{color:#4d7975;margin-bottom:25px}.prototype p:not(.eyebrow){font-size:14px;color:#5d7671;margin:24px 0}.prototype .status{border-color:#aac7bb;color:#345e52}.prototype .status span{background:#548b74}figure{margin:0}figure img{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:16px}figcaption{font-size:9px;color:#627a74;line-height:1.5;margin-top:10px}.purpose{padding:90px 15%;text-align:center;color:#fff;background:radial-gradient(ellipse at 0 0,#7070d5,transparent 68%),radial-gradient(ellipse at 100% 0,#396c83,transparent 60%),#10172b}.purpose .eyebrow{color:#c9d6eb;margin-bottom:23px}.purpose-intro{max-width:530px;margin:22px auto 0;font-size:14px;color:#d2d5e4}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:80px;margin-top:60px}.purpose-grid article>span{font-size:32px;color:#a6d9d2}.purpose-grid h3{font-size:22px;font-weight:400;margin:15px 0}.purpose-grid p{font-size:12px;color:#bac4d5}footer{padding:45px 6% 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px}footer img{width:160px}footer p{font-size:11px;color:#637c7a}footer>div:first-child p{text-align:center;font-size:9px}footer>a{font-size:11px}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;border-top:1px solid #d8e0da;padding-top:22px;margin-top:15px;font-size:9px;color:#72827e}a:focus-visible{outline:3px solid #66b5ac;outline-offset:5px}section[id]{scroll-margin-top:25px}@media(min-width:1500px){header,section,footer{padding-left:max(6%,calc((100vw - 1320px)/2))!important;padding-right:max(6%,calc((100vw - 1320px)/2))!important}}@media(max-width:760px){header{padding:20px 6%;align-items:center}.brand img{width:160px}nav{gap:18px}nav a{font-size:11px}nav a:last-child{display:none}.hero{padding-top:40px;grid-template-columns:1fr;gap:20px}.hero h1{font-size:54px}.hero-visual{padding-top:10px}.market{height:270px}.product-name{margin:26px 0}.product-name h2{font-size:40px}.hero-bottom{font-size:8px;margin-top:5px;gap:20px}.section-heading,.matters,.why,.prototype{grid-template-columns:1fr;gap:30px}.section-heading>p:last-child{justify-self:start}.how{padding-top:60px}.steps{grid-template-columns:1fr;padding:30px;gap:28px}.steps article+article{border-left:0;border-top:1px solid #ffffff35;padding-left:0;padding-top:27px}.steps h3{margin:15px 0 8px}.matters{padding:60px 6%}.why{padding:60px 6%}.city-wrap img{height:420px}.prototype{padding:60px 6%}.prototype figure{max-width:300px;justify-self:center}.purpose{padding:60px 6%}.purpose-grid{gap:30px;margin-top:35px}.hero-note{gap:15px}.footer-bottom{gap:20px;line-height:1.6}.brand span{font-size:8px}h2{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Reference: clean marketplace photograph with three translucent step panels. */
.steps{background:linear-gradient(#0005,#0005),url('assets/street.webp') center center/cover;min-height:450px;align-items:start;padding:65px 8% 90px;gap:20px}
.steps article{position:relative;background:#000b;text-align:center;padding:70px 25px 45px;min-height:285px}
.steps article+article{border-left:0;padding-left:25px}
.steps .number{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:65px;height:65px;background:#fffef9;color:#278577;font-size:26px;font-weight:700}
.steps h3{margin:15px 0 23px;font-size:21px}
.steps p{font-size:14px;color:#f1f3f2;line-height:1.8}
@media(max-width:760px){.steps{padding:60px 25px 35px;gap:55px;background-position:54% center}.steps article{min-height:0;padding:48px 25px 30px}.steps article+article{border-top:0;padding-top:48px}.steps h3{margin:12px 0 15px}.steps .number{width:58px;height:58px;font-size:23px}}

.how{padding:0!important;background:#fff}.how .section-heading{display:block;text-align:center;padding:36px 6% 48px}.how .section-heading h2{font-size:clamp(32px,3.6vw,56px);color:#050505;letter-spacing:-1.5px}.how .steps{margin-top:0;min-height:580px;padding:90px 16% 130px;gap:12px}.how .steps article{min-height:320px;padding:90px 24px 50px}.how .steps .number{width:80px;height:80px;top:-25px;font-size:34px}.how .steps h3{font-size:21px;margin:15px 0 30px}.how .steps p{text-align:left;font-size:16px;line-height:1.7}.how .development-note{margin:0;padding:12px 6%;background:#0b1719;color:#b3c3bf;text-align:center}@media(max-width:760px){.how .section-heading{padding:30px 6%}.how .steps{padding:65px 8% 40px;gap:55px;min-height:0}.how .steps article{min-height:0;padding:55px 25px 35px}.how .steps .number{width:65px;height:65px;font-size:28px}.how .steps h3{margin:15px 0 20px}.how .steps p{font-size:15px;text-align:center}}
/* Larger, more readable type across desktop and mobile. */
body{font-size:18px}
nav{font-size:16px;gap:30px}
.brand span{font-size:12px;letter-spacing:1px}
.eyebrow{font-size:12px;letter-spacing:1.6px}
.status{font-size:14px;padding:10px 15px}
.intro{font-size:18px;max-width:510px}
.button{font-size:16px;padding:18px 24px}
.hero-note>span{font-size:11px}
.hero-note p{font-size:14px}
.visual-caption{font-size:13px;margin-top:-48px;padding:15px 17px}
.product-name>span{font-size:12px}
.product-name p{font-size:16px;max-width:420px}
.hero-bottom{font-size:12px;line-height:1.6}
.section-heading>p:last-child{font-size:18px}
.how .steps{padding-left:10%;padding-right:10%;min-height:620px}
.how .steps article{min-height:350px;padding-left:26px;padding-right:26px}
.how .steps h3{font-size:25px}
.how .steps p{font-size:19px;line-height:1.75}
.development-note{font-size:13px;line-height:1.6}
.matters-title>p:last-child{font-size:17px}
.benefits h3{font-size:22px}
.benefits p{font-size:17px;max-width:390px}
.benefits article{padding:23px 0}
.city-wrap span{font-size:11px;right:18px;line-height:1.7}
.why-copy>p:not(.eyebrow){font-size:18px;line-height:1.8}
.text-link{font-size:16px;line-height:1.6}
.prototype p:not(.eyebrow){font-size:18px}
figcaption{font-size:13px;line-height:1.65}
.purpose-intro{font-size:18px;max-width:650px}
.purpose-grid h3{font-size:27px}
.purpose-grid p{font-size:17px;line-height:1.8}
footer p{font-size:15px}
footer>div:first-child p{font-size:12px}
footer>a{font-size:15px}
.footer-bottom{font-size:13px;line-height:1.7}
@media(max-width:760px){header{flex-wrap:wrap;gap:20px}nav{gap:22px}nav a{font-size:15px}.brand span{font-size:11px}.hero h1{font-size:clamp(43px,11.5vw,62px)}.hero-note{flex-direction:column;gap:8px}.hero-bottom{font-size:11px;flex-wrap:wrap}.visual-caption{font-size:12px}.how .steps{padding:65px 8% 40px;min-height:0}.how .steps article{min-height:0;padding:55px 25px 35px}.how .steps p{font-size:18px}.how .steps h3{font-size:24px}.purpose-grid{grid-template-columns:1fr;gap:36px}.footer-bottom{font-size:12px;flex-wrap:wrap}.city-wrap span{font-size:10px}}

.how .steps{background-position:center 55%}@media(max-width:760px){.how .steps{background-position:60% center}}

.prototype{grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);gap:6%;padding:85px 6%;background:radial-gradient(ellipse at 90% 40%,#e0e7f9,transparent 70%),#e7eeeb}
.app-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.app-screen{min-width:0}.app-label{display:flex;align-items:center;gap:10px;margin:0 0 15px}.app-label>span{font-size:11px;color:#62817d;border:1px solid #b2c8c0;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.app-label h3{font-size:18px;font-weight:600;letter-spacing:-.3px}
.app-screen a{display:block;border-radius:22px;overflow:hidden;background:#d5e1f7;box-shadow:0 22px 45px #1e385221;border:1px solid #fff9;transition:transform .2s ease}.app-screen a:hover{transform:translateY(-5px)}
.prototype .app-screen img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0;display:block}.app-screen figcaption{font-size:13px;margin-top:16px;color:#526a6d;line-height:1.6}.agent-screen{margin-top:45px}.app-disclaimer{grid-column:1/-1;margin:4px 0 0!important;font-size:12px!important;color:#617674!important;text-align:center}
@media(max-width:1000px){.prototype{grid-template-columns:1fr;gap:42px}.prototype>div:first-child{max-width:650px}.app-showcase{max-width:760px;width:100%;justify-self:center}.prototype .app-screen{max-width:none;justify-self:stretch}}
@media(max-width:480px){.prototype{padding:60px 6%}.app-showcase{gap:14px}.app-label{gap:6px}.app-label h3{font-size:15px}.app-label>span{width:23px;height:23px;font-size:9px}.app-screen a{border-radius:13px}.agent-screen{margin-top:30px}.app-screen figcaption{font-size:12px}.app-disclaimer{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.app-screen a{transition:none}}

.hero .market{height:440px;border-radius:75px 0 0 0;object-position:center}.hero-visual{padding-top:0}.hero{gap:45px;grid-template-columns:1fr 1.15fr}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero .market{height:360px;border-radius:55px 0 0 0}}

.prototype{grid-template-columns:minmax(220px,.65fr) minmax(0,1.6fr);gap:5%}.iphone-showcase{gap:24px}.iphone{position:relative;overflow:hidden;border:8px solid #202631;border-radius:44px;background:#f6f8fd;box-shadow:inset 0 0 0 2px #666c76,0 25px 40px #182d4626;width:100%;aspect-ratio: .465;display:flex;flex-direction:column;font-family:'DM Sans',sans-serif;color:#1b2c4f}.phone-status{height:45px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 19px;font-size:10px;font-weight:700;background:#f6f8fd}.phone-status i{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:83px;height:23px;border-radius:20px;background:#07090e}.phone-content{padding:12px 16px 6px;flex:1;min-height:0;overflow:hidden}.phone-location{font-size:7px;letter-spacing:1px;font-weight:700;color:#647695;margin-bottom:13px}.phone-content h4{font-size:22px;line-height:1.14;letter-spacing:-.8px;margin:0;font-weight:700}.phone-content h4 small{display:block;font-size:10px;letter-spacing:2px;color:#4263bb;margin-bottom:5px}.phone-content h4>span{color:#578e84}.prototype .phone-content p{font-size:10px!important;line-height:1.5;margin:8px 0 14px;color:#6d7d95}.phone-search{border-radius:12px;background:#fff;padding:12px 10px;box-shadow:0 5px 15px #213d7210;font-size:17px;display:flex;align-items:center;gap:8px;color:#5275b1;margin:15px 0}.phone-search span{font-size:10px;color:#8090a9}.phone-section-title{font-size:10px;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin:17px 0 10px}.phone-section-title>span{font-size:7px;letter-spacing:.5px;color:#4a8b79}.campus-preview{position:relative;height:130px;overflow:hidden;border-radius:13px}.prototype .campus-preview img{height:100%;width:100%;object-fit:cover;max-height:none;border-radius:0}.campus-preview>span{position:absolute;bottom:9px;left:9px;font-size:8px;background:#152e37ac;color:white;border-radius:12px;padding:5px 8px}.place-row{display:flex;align-items:center;gap:8px;background:white;border-radius:12px;padding:12px 9px;margin-bottom:8px}.place-row>b{width:28px;height:30px;display:grid;place-items:center;background:#e9effa;color:#4165ac;border-radius:8px;font-size:20px}.place-row strong,.request-row strong{font-size:9px;display:block}.place-row small{display:block;font-size:7px;color:#7d899f;margin-top:4px}.place-row em{font-size:7px;font-style:normal;color:#428568;margin-left:auto;white-space:nowrap}.phone-nav{display:flex;justify-content:space-around;padding:10px 8px 5px;border-top:1px solid #dfe5f1;background:#fff;flex-shrink:0}.phone-nav>span{font-size:19px;color:#8c96ad;text-align:center}.phone-nav small{display:block;font-size:6px;margin-top:3px}.phone-nav .selected{color:#315bb7}.home-indicator{background:#151b26;width:32%;height:4px;border-radius:10px;margin:8px auto;background-clip:padding-box;flex-shrink:0}.agent-profile{display:flex;gap:9px;align-items:center}.profile-avatar{width:35px;height:35px;border-radius:50%;background:#dbe6e6;display:grid;place-items:center;font-size:11px;color:#4c716c}.agent-profile h4{font-size:16px;letter-spacing:-.3px}.prototype .agent-profile p{margin:3px 0 0!important;font-size:8px!important}.agent-profile>span{font-size:7px;color:#488e73;margin-left:auto}.agent-welcome{margin:19px -16px 14px;padding:19px 16px;background:#e8edf9}.agent-welcome>small{font-size:6px;letter-spacing:1px;color:#6a7f9c}.agent-welcome h4{margin:9px 0 0;font-size:26px;letter-spacing:-1px}.prototype .agent-welcome p{font-size:9px!important;margin-bottom:0}.viewer-summary{display:flex;align-items:center;gap:9px;padding:12px 9px;background:#fff;border-radius:11px}.viewer-summary>strong{font-size:27px;color:#4776bc}.viewer-summary>div{font-size:8px;font-weight:700}.viewer-summary small{display:block;font-size:6px;color:#8390a3;margin-top:4px;font-weight:400}.viewer-summary>span{margin-left:auto;color:#527d80}.request-row{display:flex;align-items:center;gap:9px;padding:11px 9px;background:#fff;border-radius:11px;margin-bottom:8px}.request-row>b{border-radius:50%;background:#e8ecf8;width:28px;height:28px;display:grid;place-items:center;font-size:8px;color:#667fa5}.prototype .request-row p{font-size:8px!important;margin:4px 0!important;color:#6d7d95}.request-row small{font-size:5px;letter-spacing:.6px;color:#7e96b4}.accept-demo{margin-top:14px;text-align:center;background:#278978;color:white;font-size:10px;font-weight:700;padding:13px 5px;border-radius:11px}.prototype .demo-control-note{font-size:6px!important;text-align:center;margin:6px 0!important}.agent-screen{margin-top:36px}
@media(min-width:1400px){.iphone{max-width:320px}.phone-content{padding-top:18px}.campus-preview{height:150px}.place-row{padding-top:16px;padding-bottom:16px}.request-row{padding-top:15px;padding-bottom:15px}}
@media(max-width:1100px){.prototype{grid-template-columns:1fr}.iphone-showcase{max-width:700px}.iphone{max-width:320px;justify-self:center}.app-screen{width:100%}}
@media(max-width:600px){.iphone-showcase{grid-template-columns:1fr;gap:36px;max-width:340px}.agent-screen{margin-top:0}.iphone{width:100%;max-width:320px}.app-label{margin-bottom:14px}.app-screen figcaption{font-size:14px}.phone-content{padding-top:17px}.app-label h3{font-size:20px}}
.iphone{aspect-ratio:auto;min-height:700px}.phone-content{overflow:visible}.iphone-showcase .app-screen{max-width:320px}.iphone-showcase{justify-content:center}@media(max-width:600px){.iphone{min-height:710px}}

/* Compact iPhone demos with clearer on-screen type. */
.iphone{min-height:0;height:auto;border-radius:40px}.phone-content{flex:0 0 auto;padding:10px 14px 10px}.phone-status{height:42px;font-size:12px}.phone-location{font-size:9px;letter-spacing:.5px;margin-bottom:10px}.phone-content h4{font-size:23px}.phone-content h4 small{font-size:12px;letter-spacing:1px}.prototype .phone-content p{font-size:12px!important;line-height:1.45;margin:7px 0 10px}.phone-search{padding:10px;margin:12px 0}.phone-search span{font-size:12px}.phone-section-title{font-size:12px;margin:13px 0 9px}.phone-section-title>span{font-size:9px}.campus-preview{height:108px}.campus-preview>span{font-size:10px}.place-row{padding:10px 8px;gap:7px;margin-bottom:7px}.place-row strong,.request-row strong{font-size:12px}.place-row small{font-size:9px;line-height:1.4}.place-row em{font-size:9px}.place-row>b{width:24px;flex-shrink:0}.phone-nav{padding-top:8px}.phone-nav small{font-size:8px}.phone-nav>span{font-size:20px}.agent-profile h4{font-size:19px}.prototype .agent-profile p{font-size:10px!important;margin:3px 0 0!important}.agent-profile>span{font-size:9px}.agent-welcome{padding:14px;margin:15px -14px 12px}.agent-welcome>small{font-size:8px;letter-spacing:.6px}.agent-welcome h4{font-size:26px;margin-top:7px}.prototype .agent-welcome p{font-size:11px!important;margin-bottom:0}.viewer-summary{padding:10px 8px}.viewer-summary>div{font-size:11px}.viewer-summary small{font-size:8px;line-height:1.4}.viewer-summary>strong{font-size:26px}.request-row{padding:12px 8px;gap:8px}.prototype .request-row p{font-size:11px!important;line-height:1.5;margin:4px 0!important}.request-row small{font-size:8px}.request-row>b{width:27px;flex-shrink:0;font-size:10px}.accept-demo{font-size:13px;padding:12px 4px;margin-top:12px}.prototype .demo-control-note{font-size:8px!important;margin:7px 0 0!important}.home-indicator{margin:7px auto}.agent-screen{margin-top:25px}@media(min-width:1400px){.phone-content{padding-top:10px}.campus-preview{height:108px}.place-row{padding:10px 8px}.request-row{padding:12px 8px}}@media(max-width:600px){.iphone{min-height:0}.phone-content{padding-top:10px}.agent-screen{margin-top:0}}
/* Match the two phone lengths and give the user preview more room. */
.iphone-showcase{align-items:stretch}.iphone-showcase .app-screen{display:flex;flex-direction:column}.iphone-showcase .agent-screen{margin-top:0}.iphone-showcase .iphone{flex:1}.user-screen .phone-content{flex:1;display:flex;flex-direction:column}.user-screen .campus-preview{flex:1;min-height:170px}.user-screen .phone-section-title,.user-screen .place-row,.user-screen .phone-search{flex-shrink:0}.iphone-showcase .app-screen figcaption{min-height:44px}@media(max-width:600px){.user-screen .campus-preview{flex:none;height:185px}.iphone-showcase .iphone{flex:none}.iphone-showcase .app-screen figcaption{min-height:0}}
/* Stagger the Agent App without changing either phone's dimensions. */
.iphone-showcase .agent-screen{position:relative;top:28px;margin-top:0}.iphone-showcase{padding-bottom:28px}@media(max-width:600px){.iphone-showcase .agent-screen{top:0}.iphone-showcase{padding-bottom:0}}

.hero-heading{padding:45px 6% 38px;background:#f8f9f5;text-align:center}.hero-heading h1{max-width:1320px;margin:0 auto;font-size:clamp(32px,3.8vw,58px);line-height:1.18;letter-spacing:-1.7px;font-weight:600}.hero-heading h1 em{font-style:normal;color:#548f91}.hero{padding-top:52px}.hero-copy{align-self:center}.hero .intro{font-size:22px;line-height:1.7}.hero .intro strong{display:block;font-family:Manrope,sans-serif;font-size:42px;line-height:1.2;color:white;margin-bottom:20px}.hero .market{object-position:center}.how .steps{background-position:center center}@media(max-width:760px){.hero-heading{padding:30px 6%}.hero-heading h1{font-size:34px;letter-spacing:-1px}.hero .intro{font-size:19px}.hero .intro strong{font-size:35px}.hero{padding-top:35px}}

.matters{display:block;background:#000;padding:65px 8% 75px;text-align:center}.matters-heading{display:flex;justify-content:center;align-items:center;gap:12px}.matters-heading img{width:100px;height:95px;object-fit:contain}.matters-heading h2{font-size:clamp(36px,4.2vw,62px);font-weight:400;letter-spacing:-1px}.matters-title>p:last-child{font-size:20px;color:#efefef;margin-top:12px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:65px}.benefits article{display:flex;flex-direction:column;align-items:center;gap:0;border:0;padding:0}.benefits article img{width:95px;height:95px;object-fit:contain;margin-bottom:25px}.benefits h3{font-size:24px;font-weight:500}.benefits p{font-size:19px;color:#eee;line-height:1.8;max-width:330px;margin-top:20px}.commerce-opportunity{max-width:850px;margin:32px auto 0}.commerce-opportunity>p{font-size:18px;line-height:1.9;color:#e2e6f0}.commerce-opportunity strong{color:#b8e9dd;font-weight:600}.commerce-opportunity .stat-source{font-size:12px;line-height:1.7;color:#b6c3d7;margin-top:16px}.stat-source a{text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.matters{padding:50px 6%}.matters-heading{gap:4px}.matters-heading img{width:65px;height:75px}.matters-title>p:last-child{font-size:17px}.benefits{grid-template-columns:1fr;gap:40px;margin-top:45px}.benefits article img{margin-bottom:14px}.benefits p{margin-top:12px;font-size:18px}.commerce-opportunity>p{font-size:17px}}