/* Additional product story, verified plans, and support. */
:root{--teal:#0f766e;--teal-bright:#0d9488;--slate:#2d4343;--mint:#e9f5f0}
h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--teal)}
.feature-tabs{grid-template-columns:repeat(3,1fr)}
/* Desktop: all six on one row (2026-10-03); three a row on tablets and two on
   phones (the 650px rule below). Tracks size to their labels, so none wraps. */
@media(min-width:1100px){.feature-tabs{grid-template-columns:repeat(6,auto)}.feature-tabs button{white-space:nowrap;padding:14px 12px}}
.desktop-nav{gap:25px}.section-lede{font-size:18px;line-height:1.7;color:var(--muted)}
.smart-guides{background:#f8faf8;border-block:1px solid #e6eeea}
.guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:82px;align-items:center}
.guide-narrative h2{font-size:54px;margin:18px 0 25px;line-height:1.1}
.guide-narrative>.section-lede{margin-bottom:16px}
.guide-narrative>p:not(.eyebrow):not(.section-lede){font-size:16px;color:#637973;line-height:1.7}
.guide-steps{list-style:none;padding:0;margin:28px 0;display:grid;gap:21px}
.guide-steps li{display:flex;gap:15px}.guide-steps li>span{font-size:12px;color:var(--teal);padding-top:3px;font-weight:600}
.guide-steps strong{font-size:17px;font-weight:600}.guide-steps p{font-size:14px;line-height:1.6;color:#637973;margin-top:5px}
.guide-narrative>.text-link{color:var(--teal)}
.guide-showcase{min-width:0;position:relative;padding-bottom:6px}
.guide-admin{background:white;border:1px solid #dce8e3;border-radius:19px;overflow:hidden;box-shadow:0 18px 50px #27493c12}
.guide-admin-top{display:flex;justify-content:space-between;gap:9px;align-items:center;padding:18px 20px;font-size:12px;color:#627c74}
.guide-admin-top>span:first-child{display:flex;align-items:center;gap:8px}.guide-admin-top .icon{width:17px;height:17px}.guide-admin-top .status-badge{margin:0;white-space:nowrap}
.guide-preview-image{height:240px;position:relative}.guide-preview-image img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.guide-preview-image:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#153b37ab)}
.guide-preview-image>div{position:absolute;z-index:1;left:28px;bottom:23px;color:white}.guide-preview-image span{font-size:12px;letter-spacing:1.8px}.guide-preview-image h3{font-size:33px;font-weight:500;line-height:1.12;letter-spacing:-1px;margin-top:8px}
.guide-content{padding:21px}.guide-pills{display:flex;gap:5px;border-bottom:1px solid #e5eeea;padding-bottom:17px}.guide-pills button{background:#f0f5f2;color:#5b7770;border:1px solid transparent;border-radius:7px;padding:9px 10px;font-size:12px;flex:1;min-height:42px}.guide-pills button[aria-selected=true]{color:var(--teal);background:#e3f2eb;border-color:#bbd9cd}
.guide-detail{min-height:204px}.guide-detail-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #ecf1ee}.guide-detail-row>span{color:#75867e;font-size:12px}.guide-detail-row strong{color:#284d43;font-size:15px;font-weight:500;display:block;margin-top:4px}.guide-detail-row>.guide-detail-note{font-size:12px;color:#68857a;max-width:95px;text-align:right}.guide-detail-row>.icon{color:#5e8a7b;width:18px;height:18px}.guide-detail-foot{font-size:12px;color:#7c8d85;margin-top:15px;line-height:1.6}
.guide-update{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe9e4;border-radius:11px;margin:-9px 22px 0 -22px;padding:17px 20px;position:relative;box-shadow:0 10px 24px #1f433810}.guide-update strong{font-size:14px;font-weight:600;display:block}.guide-update div>span{font-size:12px;color:#698278;display:block;margin-top:3px}.guide-showcase>.preview-caption{display:block;margin-top:17px}
.outlook-section{padding:100px 0}.outlook-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:85px;align-items:center}.outlook-copy h2{font-size:47px;margin:18px 0 25px}.outcome-list{padding:0;margin:26px 0 0;list-style:none;display:grid;gap:22px}.outcome-list>li{display:flex;gap:13px}.outcome-list .icon{color:var(--teal);margin-top:2px}.outcome-list strong{font-size:17px;font-weight:500}.outcome-list p{color:var(--muted);font-size:15px;margin-top:5px;line-height:1.65}
.outlook-preview{padding:30px;background:#f4f8f7;border:1px solid #dce8e4;border-radius:20px}.outlook-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.outlook-top>span:first-child{font-size:12px;letter-spacing:1.3px;color:#637d74;font-weight:600}.outlook-top .app-pill{background:white;color:#678077}.occupancy-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding:28px 0;border-bottom:1px solid #dce7e1}.occupancy-summary strong{font-size:43px;line-height:1.1;font-weight:500;letter-spacing:-1.6px;display:block;color:#25544a}.occupancy-summary span{font-size:14px;display:block;color:#6c837a;margin-top:7px}.occupancy-summary .amber-text{color:#9e6b25}.rent-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;padding:27px 0}.rent-status-grid>div{display:flex;gap:9px;align-items:start}.status-key{display:inline-block;width:7px;height:7px;border-radius:2px;margin-top:6px;flex-shrink:0}.paid-key{background:#0f766e}.late-key{background:#c26859}.due-key{background:#e6bd71}.future-key{background:#b8cbc5}.rent-status-grid>div>span:last-child{font-size:12px;color:#6a8178}.rent-status-grid strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.7px;color:#2e5248;margin-top:4px}.outlook-rent{padding:23px 0;border-top:1px solid #dce7e1}.outlook-rent>div:first-child{display:flex;justify-content:space-between;gap:14px;font-size:13px}.outlook-rent strong{font-weight:600}.collection-track{display:flex;height:9px;border-radius:4px;overflow:hidden;gap:3px;margin-top:14px}.collection-track>span:nth-child(1){background:#0f766e}.collection-track>span:nth-child(2){background:#c26859}.collection-track>span:nth-child(3){background:#e6bd71}.collection-track>span:nth-child(4){background:#b8cbc5}.outlook-rent>p{font-size:12px;color:#7a8e84;margin-top:11px;line-height:1.6}.outlook-alert{display:flex;gap:10px;align-items:center;background:white;border:1px solid #e0eae4;border-radius:9px;padding:15px}.outlook-alert .icon{color:#6a897b}.outlook-alert span{font-size:12px;color:#6f897e}.outlook-alert strong{display:block;font-weight:500;color:#385f50;font-size:14px;margin-bottom:3px}.outlook-preview>.preview-caption{display:block;margin-top:20px;color:#6e897d}
.workflow-section{padding-top:15px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #dfe8e3;border-radius:19px;overflow:hidden}.workflow-grid article{padding:30px;border-right:1px solid #dfe8e3;border-bottom:1px solid #dfe8e3}.workflow-grid article:nth-child(3n){border-right:0}.workflow-grid article:nth-last-child(-n+3){border-bottom:0}.workflow-icon{display:inline-grid;place-items:center;background:#edf5f1;border-radius:9px;width:40px;height:40px;color:var(--teal)}.workflow-grid h3{font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.5px;margin:18px 0 12px}.workflow-grid p{font-size:15px;color:#61776e;line-height:1.7}.workflow-detail{display:block;border-top:1px solid #e6eee9;padding-top:15px;margin-top:20px;font-size:12px;color:#608176}.report-library{display:flex;justify-content:space-between;gap:40px;border-bottom:1px solid #dfe8e3;margin-top:35px;padding-bottom:34px;align-items:center}.report-library>div>p:last-child{font-size:14px;color:#647e72;margin-top:9px}.report-library ul{display:flex;gap:9px;flex-wrap:wrap;list-style:none;padding:0;margin:0;max-width:470px;justify-content:end}.report-library li{border:1px solid #dfe8e3;border-radius:30px;padding:8px 14px;font-size:13px;color:#4e7161}
.pricing-section{background:#f3f7f5;padding:96px 0;border-block:1px solid #e3ebe6}.pricing-heading{text-align:center;margin-bottom:60px}.pricing-heading>.eyebrow{justify-content:center}.pricing-heading h2{margin:18px 0 20px;font-size:51px}.pricing-heading>p:last-child{font-size:17px;color:#617c6e}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:21px;align-items:stretch}.price-card{position:relative;background:white;border:1px solid #d6e4da;padding:31px 28px 25px;border-radius:17px;display:flex;flex-direction:column;min-width:0}.plan-label{font-size:12px;letter-spacing:1.8px;font-weight:700;color:#547966}.price-card h3{font-size:25px;line-height:1.15;letter-spacing:-.7px;margin:14px 0 12px;font-weight:500}.price-card>div:first-of-type:not(.plan-ribbon)>p,.featured-plan>div:nth-child(2)>p{font-size:15px;color:#698375;line-height:1.65;min-height:50px}.plan-price{font-size:55px;letter-spacing:-2.5px;line-height:1.15;font-weight:500;margin:27px 0}.plan-price>span{font-size:14px;letter-spacing:0;color:#708c7b;font-weight:400;margin-left:7px}.plan-limits{margin:0 0 29px;padding:22px 0;list-style:none;border-block:1px solid #e1ebe4;display:grid;gap:19px}.plan-limits>li{display:flex;gap:13px;align-items:center}.plan-limits .icon{color:#608971;width:21px;height:21px}.plan-limits span{font-size:12px;color:#728b7c}.plan-limits strong{display:block;font-size:17px;color:#294f3c;font-weight:500;margin-bottom:3px}.price-card .button{margin-top:auto;font-size:14px;justify-content:space-between;gap:9px}.button-outline{background:transparent;color:var(--teal);border-color:#b5d0c3}.button-outline:hover{background:#e8f3eb;box-shadow:none}.plan-boundary{font-size:12px;color:#788f80;line-height:1.6;margin-top:15px;min-height:39px}.featured-plan{border:2px solid var(--teal);box-shadow:0 15px 35px #3a795813}.plan-ribbon{position:absolute;left:-2px;right:-2px;top:-27px;background:var(--teal);color:white;border-radius:13px 13px 0 0;padding:7px;text-align:center;font-size:11px;font-weight:600;letter-spacing:1.4px}.plan-finder{margin-top:29px;padding:26px 29px;background:#fff;border:1px solid #dce6dd;border-radius:13px;display:grid;grid-template-columns:1fr .85fr 1fr;gap:28px;align-items:center}.plan-finder h3{font-size:25px;font-weight:500;letter-spacing:-.6px}.plan-finder>div>p{font-size:13px;color:#778d7e;margin-top:4px}.plan-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-inputs label{font-size:13px;color:#52755f}.plan-inputs input{display:block;width:100%;border:1px solid #c9d9cd;border-radius:7px;font-size:19px;font-family:var(--font);color:#2d5e42;padding:10px 12px;margin-top:5px;background:#fbfdfb;min-height:46px}.plan-result{border-left:1px solid #dfe9e0;padding-left:28px}.plan-result>span{font-size:12px;color:#678872;display:block}.plan-result>strong{font-size:23px;color:var(--teal);font-weight:500;letter-spacing:-.5px;display:block;margin:3px 0}.plan-comparison{margin-top:26px;background:white;border:1px solid #dbe7df;border-radius:12px;overflow:hidden}.plan-comparison summary{padding:20px 25px;cursor:pointer;list-style:none;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#355f48}.plan-comparison summary::-webkit-details-marker{display:none}.plan-comparison summary>span{font-size:25px;font-weight:400}.plan-comparison[open] summary>span{transform:rotate(45deg)}.comparison-scroll{overflow-x:auto;padding:0 25px 25px}.plan-comparison table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;min-width:500px}.plan-comparison caption{text-align:left;font-size:12px;color:#798c7e;padding-bottom:16px}.plan-comparison th,.plan-comparison td{padding:14px 10px;border-bottom:1px solid #e2ebe5}.plan-comparison th{font-weight:500;color:#3b614b}.plan-comparison thead{background:#eff6f0}.pricing-footnote{font-size:13px;text-align:center;color:#718677;max-width:800px;margin:23px auto 0;line-height:1.7}.pricing-footnote a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.mobile-coming{padding:66px 0}.mobile-coming-inner{display:flex;align-items:center;gap:32px}.mobile-coming-icon{width:76px;height:93px;background:#e7f1ec;border:1px solid #d2e3d7;border-radius:19px;display:grid;place-items:center;flex-shrink:0}.mobile-coming-icon .icon{width:40px;height:40px;color:#437b57}.mobile-coming h2{font-size:31px;letter-spacing:-1px;line-height:1.14;margin:13px 0}.mobile-coming p:not(.eyebrow){font-size:15px;color:#6b8475}.mobile-coming .button{margin-left:auto;font-size:14px;white-space:nowrap}.mobile-coming .eyebrow{font-size:11px}
.preview-message .app-sidebar,.preview-chart .app-sidebar{display:none}.inbox-demo-top{display:flex;align-items:center;gap:10px;background:#f0f6f2;border-radius:8px;padding:12px}.inbox-demo-top .tiny-avatar{margin:0;display:flex}.inbox-demo-top strong{font-size:14px;font-weight:500;display:block}.inbox-demo-top small{font-size:12px;color:#718978}.demo-chat{padding:18px 0;display:flex;flex-direction:column;gap:12px}.chat-bubble{font-size:13px;line-height:1.55;padding:12px 14px;max-width:85%;background:#f2f5f3;color:#5d7465;border-radius:9px 9px 9px 0}.chat-bubble.reply{align-self:flex-end;border-radius:9px 9px 0 9px;background:#e7f2eb;color:#3c7251}.chat-bubble small{display:block;font-size:12px;margin-top:5px;opacity:.8}.demo-template-tag{display:flex;gap:9px;align-items:center;font-size:12px;border-top:1px solid #e6eee8;padding-top:15px;color:#6c8a77}.mini-report-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-report-list>div{border:1px solid #dfe9e1;border-radius:8px;padding:12px}.mini-report-list .icon{width:19px;height:19px;color:#45845e}.mini-report-list strong{font-size:13px;display:block;font-weight:500;margin:7px 0 3px}.mini-report-list span{font-size:12px;color:#7a8e7f;display:block}.report-export{display:flex;gap:8px;align-items:center;padding:15px 0 0;font-size:12px;color:#718b79}.report-export>span{border:1px solid #d4e2d7;border-radius:5px;padding:5px 9px;color:#4b7759}.report-export>strong{font-weight:400;margin-left:auto;font-size:12px}
.support-hero{padding:70px 0 40px;text-align:center;background:#f5f8f6}.support-hero .eyebrow{justify-content:center}.support-hero h1{font-size:66px;margin:21px 0;letter-spacing:-2.5px}.support-hero .section-lede{max-width:630px;margin:auto}.support-page{padding:38px 0 90px;background:#f5f8f6}.support-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:38px;align-items:start}.support-options{display:grid;gap:18px}.support-card{border:1px solid #dce7df;border-radius:14px;background:#fff;padding:24px}.support-card>.icon{color:var(--teal);margin-bottom:14px;width:25px;height:25px}.support-card h2{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin-bottom:10px}.support-card p{font-size:15px;color:#657e6e;line-height:1.7}.support-card a{color:var(--teal);font-weight:500;font-size:14px;display:inline-flex;gap:8px;align-items:center;margin-top:15px}.support-card a .icon{width:16px;height:16px}.support-card.subtle{background:#edf5ef}.support-form-wrap{background:#fff;border:1px solid #d6e4db;border-radius:17px;padding:36px}.support-form-wrap h2{font-size:29px;letter-spacing:-.9px;margin-bottom:12px}.support-form-wrap>p{font-size:15px;line-height:1.6;color:#748777}.support-form{margin-top:26px;display:grid;gap:20px}.support-form label{font-size:14px;font-weight:500;color:#40644c;display:block}.support-form input,.support-form select,.support-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #cbdcd0;border-radius:8px;padding:12px 14px;font:400 16px/1.5 var(--font);color:#335b40;background:#fcfdfc;min-height:48px}.support-form textarea{resize:vertical;min-height:140px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.support-form small{font-size:12px;color:#789080;display:block;margin-top:7px;font-weight:400}.support-form-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.support-form .button{font-size:15px;gap:15px}.support-form button.button-outline{background:#fff}.support-form-note{font-size:13px;color:#708774;line-height:1.6}.support-feedback{padding:16px 18px;border-radius:9px;background:#edf6ef;color:#3f7550;font-size:14px;line-height:1.65}.support-feedback[hidden]{display:none}.support-direct{margin-top:21px;padding-top:20px;border-top:1px solid #e3ece6;font-size:14px;color:#728876}.support-direct a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.guide-layout,.outlook-grid{gap:45px}.guide-narrative h2{font-size:47px}.outlook-copy h2{font-size:42px}.workflow-grid article{padding:26px}.price-card{padding:28px 23px 23px}.price-card h3{font-size:22px}.plan-price{font-size:49px}.plan-finder{gap:22px;padding:24px}.plan-result{padding-left:22px}.mobile-coming-inner{gap:24px}.mobile-coming .button{padding:15px}.support-layout{gap:25px;grid-template-columns:.8fr 1.2fr}.support-form-wrap{padding:28px}.form-pair{grid-template-columns:1fr}}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px 2px;width:26px;height:40px;justify-content:center}.menu-toggle span{display:block;width:22px;height:1.5px;background:var(--ink)}}
@media(max-width:850px){.guide-layout{gap:30px}.guide-narrative h2{font-size:41px}.guide-admin-top{padding:14px}.guide-admin-top>.status-badge{display:none}.guide-content{padding:16px}.guide-pills button{padding:8px 5px;font-size:12px}.guide-update{margin:-3px 0 0 -12px;padding:15px}.guide-update strong{font-size:13px}.guide-detail-row{gap:8px}.guide-detail-row strong{font-size:14px}.guide-detail-note{display:none}.outlook-grid{grid-template-columns:1fr 1fr;gap:30px}.outlook-preview{padding:24px}.outlook-copy h2{font-size:37px}.occupancy-summary strong{font-size:37px}.rent-status-grid{gap:20px 12px}.rent-status-grid strong{font-size:22px}.outlook-top>span:first-child{font-size:11px;letter-spacing:1px}.workflow-grid{grid-template-columns:1fr 1fr}.workflow-grid article:nth-child(3n){border-right:1px solid #dfe8e3}.workflow-grid article:nth-child(2n){border-right:0}.workflow-grid article:nth-last-child(-n+3){border-bottom:1px solid #dfe8e3}.workflow-grid article:nth-last-child(-n+2){border-bottom:0}.report-library{gap:20px}.report-library ul{max-width:330px}.pricing-cards{gap:13px}.price-card{padding:25px 17px 19px}.price-card h3{font-size:21px;min-height:73px}.price-card>div:first-of-type:not(.plan-ribbon)>p,.featured-plan>div:nth-child(2)>p{font-size:14px;min-height:72px}.plan-price{font-size:43px;letter-spacing:-1.5px}.plan-price>span{font-size:12px;margin-left:4px}.plan-limits>li{gap:9px}.plan-limits strong{font-size:15px}.plan-limits .icon{width:17px;height:17px}.plan-limits span{font-size:12px}.price-card .button{font-size:12px;padding:12px 10px}.price-card .button .icon{width:16px;height:16px}.plan-boundary{min-height:57px}.plan-ribbon{font-size:10px;letter-spacing:.7px;top:-26px}.plan-finder{grid-template-columns:1fr 1fr;gap:22px}.plan-finder>div:first-child{grid-column:1/-1}.plan-result>strong{font-size:22px}.pricing-heading h2{font-size:43px}.mobile-coming-icon{display:none}.mobile-coming h2{font-size:29px}.support-hero h1{font-size:53px}.support-layout{grid-template-columns:1fr}.support-options{grid-template-columns:repeat(3,1fr);gap:14px}.support-card{padding:20px}.support-card h2{font-size:19px}.support-card p{font-size:14px}.support-card a{font-size:13px}.form-pair{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.feature-tabs{grid-template-columns:1fr 1fr}.guide-layout{grid-template-columns:1fr;gap:38px}.guide-narrative h2{font-size:42px}.guide-narrative .section-lede{font-size:17px}.guide-steps p{font-size:15px}.guide-preview-image{height:230px}.guide-admin-top>.status-badge{display:block}.guide-admin-top>span:first-child{font-size:12px}.guide-content{padding:17px}.guide-pills{gap:5px}.guide-pills button{font-size:12px}.guide-update{margin:-3px 0 0;padding:15px}.guide-update strong{font-size:13px}.guide-update .notification-icon{width:34px;height:34px}.guide-detail{min-height:200px}.guide-detail-row strong{font-size:15px}.guide-detail-row>.guide-detail-note{display:none}.outlook-section{padding:65px 0}.outlook-grid{grid-template-columns:1fr;gap:32px}.outlook-copy{order:-1}.outlook-copy h2{font-size:39px}.outlook-copy .section-lede{font-size:17px}.outlook-preview{padding:23px}.outlook-top>span:first-child{font-size:12px}.occupancy-summary strong{font-size:39px}.rent-status-grid strong{font-size:24px}.outcome-list strong{font-size:17px}.outcome-list p{font-size:15px}.workflow-section{padding-top:0}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{padding:27px}.workflow-grid article:nth-child(n){border-right:0;border-bottom:1px solid #dfe8e3}.workflow-grid article:last-child{border-bottom:0}.workflow-grid h3{font-size:23px}.workflow-grid p{font-size:16px}.report-library{display:block;margin-top:28px;padding-bottom:25px}.report-library ul{max-width:100%;justify-content:start;margin-top:19px}.report-library li{font-size:12px;padding:7px 11px}.pricing-section{padding:66px 0}.pricing-heading{text-align:left;margin-bottom:32px}.pricing-heading .eyebrow{justify-content:start}.pricing-heading h2{font-size:39px}.pricing-heading>p:last-child{font-size:16px}.pricing-cards{grid-template-columns:1fr;gap:34px}.price-card{padding:28px}.price-card h3{font-size:27px;min-height:0}.price-card>div:first-of-type:not(.plan-ribbon)>p,.featured-plan>div:nth-child(2)>p{font-size:16px;min-height:0}.plan-price{font-size:56px;margin:22px 0}.plan-price>span{font-size:14px;margin-left:7px}.plan-limits{padding:20px 0;margin-bottom:22px}.plan-limits strong{font-size:18px}.plan-limits .icon{width:22px;height:22px}.plan-limits>li{gap:13px}.price-card .button{font-size:15px;padding:15px}.plan-boundary{min-height:0}.featured-plan{margin-top:11px}.plan-ribbon{font-size:11px;letter-spacing:1px}.plan-finder{padding:25px;grid-template-columns:1fr;gap:23px}.plan-finder>div:first-child{grid-column:auto}.plan-result{border-left:0;border-top:1px solid #dfe9e0;padding:20px 0 0}.plan-result>strong{font-size:24px}.plan-comparison summary{padding:18px;font-size:15px}.comparison-scroll{padding:0 15px 20px}.plan-comparison table{min-width:470px}.pricing-footnote{text-align:left;font-size:13px}.mobile-coming{padding:55px 0}.mobile-coming-inner{display:block}.mobile-coming h2{font-size:31px;margin:15px 0}.mobile-coming .button{margin-top:24px}.support-hero{padding:44px 0 24px;text-align:left}.support-hero .eyebrow{justify-content:start}.support-hero h1{font-size:43px;letter-spacing:-1.8px}.support-hero .section-lede{font-size:17px}.support-page{padding-top:19px}.support-options{grid-template-columns:1fr}.support-card{padding:23px}.support-card h2{font-size:23px}.support-card p{font-size:15px}.support-card a{font-size:14px}.support-form-wrap{padding:24px}.support-form-wrap h2{font-size:27px}.form-pair{grid-template-columns:1fr}.support-form-actions{display:grid}.support-form-actions .button{justify-content:center}.site-footer nav{flex-wrap:wrap;gap:12px 20px;margin-left:0;width:100%;margin-top:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* ─────────────────────────────────────────────────────────────────────────
   Integration additions.
   The prototype rendered three plans with fixed prices. The live catalogue
   publishes four, with yearly pricing, a contact-only tier, feature rows and
   an "in development" state — none of which the static markup had a style
   for. These extend the supplied design rather than altering it; every value
   is taken from the tokens already defined above.
   ───────────────────────────────────────────────────────────────────────── */

/* Yearly saving under the monthly price. Yearly is the cheaper option and the
   app defaults to it, so the page should not imply monthly is the only one. */
.plan-saving {
  margin: -6px 0 14px;
  font-size: .82rem;
  font-weight: 600;
  color: var(--blue);
  letter-spacing: -.01em;
}

/* A tier priced by conversation has no number to show. */
.plan-price-contact {
  font-size: 2rem;
  line-height: 1.1;
}

/* A plan with no checkout price cannot be bought. Stated plainly, in place of
   a button that would fail at the till. */
.plan-unavailable {
  display: block;
  padding: .85rem 0;
  font-size: .82rem;
  color: var(--muted);
}

/* Four cards where the prototype had three. The supplied grid is explicit
   three-up at wide sizes; this lets the row take however many the catalogue
   publishes without the cards becoming unreadably narrow. */
@media (min-width: 1024px) {
  .pricing-cards { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
}

/* Comparison cells. The supplied table carried only prices and limits; the
   catalogue adds a row per feature, including ones a plan grants that are not
   built yet — a tick there would sell something that does not exist. */
.cmp-yes { color: var(--blue); font-weight: 700; }
.cmp-no  { color: var(--muted); }
.cmp-soon {
  display: inline-block;
  padding: .12rem .5rem;
  border-radius: 999px;
  background: #fdf6e3;
  color: #a04415;
  font-size: .68rem;
  font-weight: 700;
  white-space: nowrap;
}
.cmp-soon-label {
  display: inline;
  margin-left: .35rem;
  color: var(--muted);
  font-weight: 400;
  font-size: .76rem;
}

/* Pricing could not load. The real empty state: say so, and point at a
   person. Never the prototype's sample figures — a stale price on a marketing
   page is a promise. */
.plan-load-error { grid-column: 1 / -1; text-align: center; }
.plan-load-error a { color: var(--blue); font-weight: 600; }

/* Support result states.
   The prototype's single result box always meant "your draft is ready". A real
   submission has two outcomes and they must not look alike — a failure shown
   in the success colour is how someone walks away believing they have been
   heard. */
.support-feedback-ok {
  border-color: var(--blue);
  background: #ecfdf5;
}
.support-feedback-ok h3 { color: var(--blue-dark); }
.support-feedback-error {
  border-color: #e0524a;
  background: #fff1f0;
}
.support-feedback-error h3 { color: #b23a32; }
.support-feedback h3 { margin: 0 0 .35rem; font-size: 1rem; }
.support-feedback p { margin: 0; font-size: .9rem; line-height: 1.55; }
.support-feedback a { color: inherit; font-weight: 600; text-decoration: underline; }

/* Placeholder while the catalogue loads. Deliberately carries no figure —
   the one thing a pricing page must never show is a number it is not sure of. */
.plan-loading { grid-column: 1 / -1; text-align: center; color: var(--muted); }
.plan-loading h3 { margin: 0 0 .35rem; }


/* ─────────────────────────────────────────────────────────────────────────
   Phone pass (iPhone-width review, 2026-10-02).
   Overrides only; appended last so it wins over both stylesheets above.
   ───────────────────────────────────────────────────────────────────────── */

/* The closing panel is teal, and h2 em is teal: the phrase vanished. Same
   light mint as "everyone." in the dark people section. */
.final-cta h2 em { color: #b3e0d8; }

/* The smart-guide photo is busy behind white type; a deeper scrim from the
   middle down keeps the kicker and heading legible. */
.guide-preview-image:after { inset: 0; background: linear-gradient(180deg, transparent 0%, #0b2523a6 40%, #0b2523eb 100%); }
.guide-preview-image span { text-shadow: 0 1px 6px #0006; }

/* Featured plan: the ribbon's square bottom met the card's rounded top
   corners and left a notch at each side. One shape now. */
.featured-plan { border-top-left-radius: 0; border-top-right-radius: 0; }
.plan-ribbon { border-radius: 17px 17px 0 0; }

/* Comparison: the label column stays put while the plans scroll under it. */
.plan-comparison thead th:first-child,
.plan-comparison th[scope=row] {
  position: sticky; left: 0; z-index: 1;
  background: #fff; box-shadow: inset -1px 0 0 #e2ebe5;
}
.plan-comparison thead th:first-child { background: #eff6f0; }
.plan-comparison thead th,
.plan-comparison td { white-space: nowrap; }

/* Menu button: a 44px target, and an X while the menu is open. */
.menu-toggle span { transition: transform .2s ease; }
@media (max-width: 1000px) {
  .menu-toggle { width: 44px; height: 44px; padding: 0; align-items: center; margin-right: -9px; cursor: pointer; }
  .menu-toggle[aria-expanded=true] span:first-child { transform: translateY(3.25px) rotate(45deg); }
  .menu-toggle[aria-expanded=true] span:last-child { transform: translateY(-3.25px) rotate(-45deg); }
  .mobile-nav a:not(.button) { display: flex; align-items: center; min-height: 44px; padding: 0; }
  .mobile-nav .mobile-nav-cta { display: flex; justify-content: space-between; margin-top: 14px; padding: 14px 20px; color: #fff; font-size: 15px; }
}
@media (min-width: 1001px) { .mobile-nav-cta { display: none; } }

@media (max-width: 650px) {
  .button-small { min-height: 44px; }

  /* Hero and capability links were 22–36px tall. */
  .hero-actions .text-link,
  .capability-bar a,
  .feature-story .text-link,
  .guide-narrative > .text-link,
  .faq-grid > div > p a { min-height: 44px; }
  .guide-pills button { min-height: 44px; }
  .support-card a { min-height: 44px; margin-top: 8px; }

  /* "Consider it handled." ran into the right gutter. */
  .maintenance-notification { right: 4px; max-width: calc(100% - 8px); }

  /* Footer: a two-column list of real tap targets instead of a loose row. */
  .site-footer nav { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; font-size: 14px; }
  .site-footer nav a { display: flex; align-items: center; min-height: 44px; }

  .plan-comparison th[scope=row] { min-width: 132px; max-width: 150px; white-space: normal; }
}

/* Product mocks below ~420px: drop the icon rail on every mock (it took a
   sixth of the window), keep one-line meta from breaking mid-phrase, and
   seat the stat figures on a common baseline when a label wraps. */
@media (max-width: 420px) {
  .app-window .app-sidebar,
  .preview-card .app-sidebar { display: none; }
  .app-stats > div { display: flex; flex-direction: column; justify-content: space-between; }
  .task-top { gap: 10px; }
  .task-top > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .task-assignee > span:not(.tiny-avatar) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .task-assignee strong { white-space: nowrap; flex-shrink: 0; }
}

/* Phase 6 --------------------------------------------------------------- */

/* session.js hides signed-in-only / signed-out-only pieces with [hidden]; a
   class that sets display (e.g. .desktop-nav a) must not win over it. */
[hidden] { display: none !important; }

/* Capability links under the hero open a platform tab. As bare text with an
   icon they read as a caption; as pills they read as the controls they are. */
.capability-bar a {
  justify-self: start;
  padding: 9px 16px 9px 13px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  transition: border-color .15s, color .15s;
}
.capability-bar a:hover { border-color: var(--blue); }
@media (max-width: 650px) {
  /* Two equal pills per row; a long label ("Properties & leases") wraps inside its own. */
  .capability-bar a { min-height: 44px; justify-self: stretch; padding: 8px 12px; border-radius: 14px; line-height: 1.25; }
}

/* The role tabs switch the panel beside them; they go nowhere. An arrow on all
   three promised navigation. It now marks only the tab that is showing. */
.role-tabs button > .icon { opacity: 0; transition: opacity .15s, transform .15s; }
.role-tabs button:hover > .icon { opacity: .45; }
.role-tabs button[aria-selected=true] > .icon { opacity: 1; }
@media (max-width: 650px) {
  .role-tabs button > .icon { transform: rotate(90deg); }
}
@media (prefers-reduced-motion: reduce) {
  .role-tabs button > .icon, .capability-bar a { transition: none; }
}

/* Footer: brand + page links on the first line; copyright and legal below. */
.site-footer .footer-base {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 24px;
  width: 100%; margin-top: 4px; padding-top: 14px; border-top: 1px solid #edf1f5;
}
.site-footer .footer-base .copyright { width: auto; padding: 0; border: 0; margin: 0; font-size: 13px; color: var(--muted); }
.site-footer .footer-legal {
  display: flex; flex-wrap: wrap; gap: 4px 22px; width: auto; margin: 0; font-size: 13px; color: var(--muted);
}
.site-footer .footer-legal a:hover, .site-footer nav a:hover { color: var(--blue); }
@media (max-width: 650px) {
  .site-footer .footer-base { flex-direction: column; align-items: flex-start; gap: 2px; }
  .site-footer .footer-legal { display: flex; width: 100%; gap: 0 22px; font-size: 14px; }
  .site-footer .footer-legal a { display: flex; align-items: center; min-height: 44px; }
  .site-footer .footer-base .copyright { order: 2; padding-bottom: 6px; }
}