
/* v5.15.0 — public feature landing pages + product mega-menu baseline */
.product-menu-v515{width:min(930px,calc(100vw - 48px));left:-70px;grid-template-columns:1fr 1fr 1fr;gap:34px;padding:28px 30px;border-radius:0 0 18px 18px;border-top:0;background:color-mix(in srgb,var(--surface) 98%,transparent);box-shadow:0 26px 70px rgba(11,31,18,.13)}
.product-menu-v515 .product-menu-col{min-width:0}.product-menu-v515 small{font-size:9px;letter-spacing:.16em;margin-bottom:13px}.product-menu-v515 .product-menu-link{display:block!important;padding:9px 0!important;border-radius:10px}.product-menu-v515 .product-menu-link b{display:block;font-size:12px;line-height:1.25;color:var(--ink);margin-bottom:3px}.product-menu-v515 .product-menu-link span{display:block;color:var(--muted);font-size:9px;line-height:1.42}.product-menu-v515 .product-menu-link:hover b{color:var(--green)}
.feature-public-page{background:var(--bg)}.feature-shell{max-width:1180px;margin:0 auto;padding-inline:22px}.feature-hero{padding:66px 0 72px;background:radial-gradient(circle at 83% 10%,color-mix(in srgb,var(--green-soft) 76%,transparent),transparent 36%),linear-gradient(180deg,var(--bg),var(--bg-soft));border-bottom:1px solid var(--line-2)}.hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(470px,1.12fr);gap:64px;align-items:center}.feature-hero-copy h1{font-size:clamp(44px,5vw,67px);line-height:.98;letter-spacing:-.055em;margin:14px 0 20px;max-width:760px}.feature-hero-copy>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.65}.breadcrumb{display:block;margin-bottom:28px;color:var(--muted);font-size:10px;font-weight:800}.breadcrumb span{padding:0 5px;color:color-mix(in srgb,var(--muted) 55%,transparent)}.feature-actions{display:flex;gap:10px;margin-top:26px}.feature-proof{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:19px;color:var(--muted);font-size:10px;font-weight:800}.feature-proof span:first-letter{color:var(--green)}.feature-hero-ui{position:relative}.feature-hero-ui:before{content:"";position:absolute;inset:12% -4% -7% 10%;background:color-mix(in srgb,var(--green-soft) 74%,transparent);filter:blur(42px);border-radius:999px}.demo-panel,.demo-browser{position:relative;z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 78px rgba(13,49,26,.15);overflow:hidden}.demo-panel{padding:22px}.demo-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.demo-panel-head small,.portal-booking small,.contract-title small{display:block;color:var(--green);font-size:8px;font-weight:950;letter-spacing:.14em}.demo-panel-head h3,.portal-booking h3,.contract-title h3{margin:5px 0 0;font-size:22px;letter-spacing:-.035em}.demo-panel-head button,.booking-demo>button,.portal-demo>button,.payment-demo>button,.timeline-footer button,.damage-action button{border:0;border-radius:9px;background:var(--green);color:#fff;font-size:9px;font-weight:900;padding:9px 12px}.status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.status.pending{background:#fff3cf;color:#845e00}.status.verified{background:var(--green-soft);color:var(--green)}html[data-theme="dark"] .status.pending{background:#4a3911;color:#ffd86e}.demo-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--line-2);background:var(--surface)}.demo-bar i{width:7px;height:7px;border-radius:50%;background:var(--line)}.demo-bar b{margin-left:auto;color:var(--muted);font-size:8px}.booking-demo{padding:18px;background:var(--surface-2)}.demo-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.demo-brand img{width:105px}.demo-brand span{font-size:8px;color:var(--muted);font-weight:800}.demo-date-card{padding:13px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.demo-date-card small{font-size:7px;color:var(--green);font-weight:950}.demo-date-card b{display:block;font-size:15px;margin-top:4px}.demo-date-card span{font-size:8px;color:var(--muted)}.demo-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.demo-products article{display:grid;grid-template-columns:54px 1fr auto;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px}.demo-products img{width:54px;height:44px;object-fit:contain;border-radius:8px;background:var(--surface-2)}.demo-products b{display:block;font-size:9px}.demo-products span{font-size:8px;color:var(--muted)}.demo-products em{font-size:7px;color:var(--green);font-style:normal;font-weight:900}.booking-demo>button{width:100%;padding:11px}.calendar-demo{padding:20px}.weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekdays span{text-align:center;color:var(--muted);font-size:7px;font-weight:900;padding:4px}.month-grid .day{position:relative;min-height:58px;border:1px solid var(--line-2);border-radius:9px;padding:7px;background:var(--surface-2)}.month-grid .day b{font-size:8px}.month-grid .day em{position:absolute;left:5px;right:5px;bottom:5px;padding:4px 4px;border-radius:5px;font-size:6px;font-style:normal;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day.booked em{background:#dff3e5;color:#075d29}.day.reserved em{background:#e7edff;color:#3659a8}.day.pickup em,.day.return em{background:#fff0cc;color:#835c00}.calendar-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:7px}.calendar-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.lg-booked{background:#3b9d5b}.lg-reserved{background:#607bd3}.lg-pickup{background:#d49a25}.quote-lines,.payment-history{border:1px solid var(--line);border-radius:12px;overflow:hidden}.quote-lines>div,.payment-history>div{display:flex;justify-content:space-between;gap:16px;padding:12px;border-bottom:1px solid var(--line-2);font-size:9px}.quote-lines>div:last-child,.payment-history>div:last-child{border:0}.quote-lines span{color:var(--muted)}.quote-total{display:flex;justify-content:space-between;align-items:end;padding:14px 4px}.quote-total span{font-size:9px;color:var(--muted)}.quote-total b{font-size:21px}.approval-card,.damage-action{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 16%,var(--line))}.approval-card i,.release-note i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-style:normal;font-size:10px}.approval-card div,.damage-action div{flex:1}.approval-card b,.damage-action b{display:block;font-size:9px}.approval-card span,.damage-action span{font-size:7px;color:var(--muted)}.portal-demo{padding:0}.portal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.portal-head img{width:105px}.portal-head span{font-size:8px;color:var(--muted)}.portal-booking{padding:18px}.portal-booking span{font-size:9px;color:var(--muted)}.progress-steps{padding:0 18px 18px}.progress-steps>div{display:flex;gap:10px;position:relative;padding:8px 0}.progress-steps>div:after{content:"";position:absolute;left:13px;top:35px;bottom:-6px;width:1px;background:var(--line)}.progress-steps>div:last-child:after{display:none}.progress-steps i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);font-style:normal;font-size:8px;z-index:1}.progress-steps .done i,.progress-steps .active i{background:var(--green);color:#fff;border-color:var(--green)}.progress-steps b,.progress-steps small{display:block}.progress-steps b{font-size:9px}.progress-steps small{font-size:7px;color:var(--muted);margin-top:2px}.portal-demo>button{margin:0 18px 18px;width:calc(100% - 36px);padding:11px}.verify-list{display:grid;gap:7px}.verify-list>div{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px}.verify-list i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:950}.verify-list .ok i{background:var(--green-soft);color:var(--green)}.verify-list .wait i{background:#fff3cf;color:#845e00}.verify-list span{flex:1}.verify-list b,.verify-list small{display:block}.verify-list b{font-size:9px}.verify-list small{font-size:7px;color:var(--muted);margin-top:2px}.verify-list em{font-size:7px;font-style:normal;color:var(--muted)}.release-note{margin-top:12px;padding:11px 12px;border-radius:11px;background:var(--surface-2);display:flex;justify-content:space-between;gap:12px}.release-note b{font-size:8px}.release-note span{font-size:7px;color:var(--muted)}.paper-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}.paper-head img{width:100px}.paper-head small{display:block;margin-top:5px;color:var(--muted);font-size:7px;font-weight:900}.contract-title{padding:18px 0 12px}.contract-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contract-grid>div{padding:11px;border:1px solid var(--line);border-radius:10px}.contract-grid small,.contract-grid b,.contract-grid span{display:block}.contract-grid small{font-size:7px;color:var(--muted)}.contract-grid b{font-size:9px;margin-top:3px}.contract-grid span{font-size:7px;color:var(--muted);margin-top:2px}.contract-items{margin:10px 0;border-block:1px solid var(--line)}.contract-items div{display:flex;justify-content:space-between;padding:9px 2px;font-size:8px}.signature-box{padding:14px;border:1px dashed color-mix(in srgb,var(--green) 45%,var(--line));border-radius:11px}.signature-box small{font-size:7px;color:var(--muted)}.signature-box b{display:block;font-family:cursive;font-size:20px;margin:8px 0}.signature-box span{font-size:7px;color:var(--green);font-weight:900}.payment-kpis,.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.payment-kpis div,.report-kpis div{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.payment-kpis small,.payment-kpis b,.report-kpis small,.report-kpis b,.report-kpis em{display:block}.payment-kpis small,.report-kpis small{font-size:7px;color:var(--muted)}.payment-kpis b,.report-kpis b{font-size:15px;margin-top:4px}.payment-history>div{justify-content:flex-start;align-items:center}.payment-history i{width:26px;height:26px;border-radius:8px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-style:normal;font-size:8px}.payment-history .due i{background:#fff3cf;color:#845e00}.payment-history span{flex:1}.payment-history b,.payment-history small{display:block}.payment-history b{font-size:8px}.payment-history small{font-size:7px;color:var(--muted)}.payment-history em{font-size:8px;font-style:normal;font-weight:900}.payment-demo>button{margin-top:12px;width:100%;padding:11px}.inventory-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.inventory-table>div{display:grid;grid-template-columns:1.35fr .7fr .7fr;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line-2)}.inventory-table>div:last-child{border:0}.inventory-table .thead{background:var(--surface-2);font-size:7px;color:var(--muted);font-weight:900}.inventory-table>div>span:first-child{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center}.inventory-table img{grid-row:1/3;width:42px;height:34px;object-fit:contain;background:var(--surface-2);border-radius:7px}.inventory-table b{font-size:8px}.inventory-table small{font-size:7px;color:var(--muted)}.inventory-table em{width:max-content;padding:5px 7px;border-radius:999px;font-size:6px;font-style:normal;font-weight:900}.inventory-table .available{background:var(--green-soft);color:var(--green)}.inventory-table .rented{background:#e7edff;color:#3659a8}.inventory-table .service{background:#fff3cf;color:#845e00}.inventory-table strong{font-size:7px}.rental-timeline{position:relative;padding-left:4px}.rental-timeline>div{display:flex;gap:11px;padding:8px 0 11px;position:relative}.rental-timeline>div:after{content:"";position:absolute;left:14px;top:38px;bottom:-6px;width:1px;background:var(--line)}.rental-timeline>div:last-child:after{display:none}.rental-timeline i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);font-style:normal;font-size:8px;z-index:1}.rental-timeline .done i,.rental-timeline .active i{background:var(--green);border-color:var(--green);color:#fff}.rental-timeline small,.rental-timeline b,.rental-timeline em{display:block}.rental-timeline small{font-size:6px;color:var(--green);font-weight:900}.rental-timeline b{font-size:9px;margin-top:2px}.rental-timeline em{font-size:7px;color:var(--muted);font-style:normal;margin-top:1px}.timeline-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;margin-top:5px}.timeline-footer b,.timeline-footer small{display:block}.timeline-footer b{font-size:8px}.timeline-footer small{font-size:7px;color:var(--muted)}.inspection-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:10px}.inspection-photo{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);display:grid;place-items:center;min-height:184px}.inspection-photo img{width:90%;height:150px;object-fit:contain}.inspection-photo span{position:absolute;left:8px;bottom:8px;padding:5px 7px;border-radius:999px;background:var(--surface);font-size:7px;font-weight:900}.inspection-checks{display:grid;gap:6px}.inspection-checks label{display:flex;gap:8px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px}.inspection-checks i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-style:normal;font-size:8px}.inspection-checks .flag i{background:#fff3cf;color:#845e00}.inspection-checks b,.inspection-checks small{display:block}.inspection-checks b{font-size:8px}.inspection-checks small{font-size:7px;color:var(--muted)}.damage-action{margin-top:10px}.report-kpis em{font-size:7px;color:var(--green);font-style:normal;margin-top:3px}.report-kpis em.neutral{color:var(--muted)}.bars{display:grid;gap:9px;margin:18px 0}.bars>div{display:grid;grid-template-columns:48px 1fr 44px;gap:8px;align-items:center;font-size:7px}.bars i{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--green) var(--w),var(--surface-2) var(--w));border:1px solid var(--line)}.bars b{text-align:right}.report-note{display:flex;gap:9px;align-items:center;padding:11px;border-radius:11px;background:var(--green-soft)}.report-note i{font-size:16px;color:var(--green);font-style:normal}.report-note b,.report-note small{display:block}.report-note b{font-size:8px}.report-note small{font-size:7px;color:var(--muted);margin-top:2px}.business-demo{padding:0;display:grid;grid-template-columns:102px 1fr}.business-demo aside{background:var(--preview-nav-bg);padding:16px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.business-demo aside img{width:30px;margin:0 7px 13px}.business-demo aside span{padding:7px;border-radius:7px;font-size:7px;color:var(--preview-nav-text)}.business-demo aside span.active{background:var(--preview-nav-active);color:var(--preview-nav-active-text);font-weight:900}.business-demo section{padding:20px}.business-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.business-grid article{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.business-grid i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--green-soft);color:var(--green);font-style:normal}.business-grid b,.business-grid span{display:block}.business-grid b{font-size:9px;margin-top:10px}.business-grid span{font-size:7px;color:var(--muted);margin-top:3px}.feature-photo-story,.feature-workflow-section,.feature-capabilities,.feature-related,.feature-final-cta{padding:82px 0}.feature-photo-story{background:var(--bg)}.photo-story-grid,.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.photo-stage,.workflow-visual{position:relative;min-height:470px;border-radius:24px;overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow)}.photo-stage>img,.workflow-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-stage:after,.workflow-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,20,10,.42))}.photo-float{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:flex;gap:11px;align-items:center;padding:14px 15px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 16px 36px rgba(0,0,0,.14);backdrop-filter:blur(12px);color:#162018}.photo-float i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#006d2c;color:#fff;font-style:normal}.photo-float b,.photo-float small{display:block}.photo-float b{font-size:10px}.photo-float small{font-size:8px;color:#667169;margin-top:2px}.feature-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.047em;margin:12px 0 16px}.feature-copy>p{font-size:15px;line-height:1.68;color:var(--muted)}.check-list{list-style:none;margin:23px 0 0;padding:0;display:grid;gap:10px}.check-list li{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:800}.check-list i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-style:normal;font-size:8px;flex:0 0 auto}.feature-workflow-section{background:var(--bg-soft);border-block:1px solid var(--line-2)}.workflow-list{margin-top:24px;display:grid;gap:9px}.workflow-list>div{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.workflow-list>div:last-child{border:0}.workflow-list i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-style:normal;font-size:9px;font-weight:950}.workflow-list b,.workflow-list small{display:block}.workflow-list b{font-size:11px}.workflow-list small{font-size:8px;color:var(--muted);margin-top:3px}.workflow-overlay{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;border-radius:16px;background:rgba(10,26,16,.84);color:#fff;padding:18px 19px;backdrop-filter:blur(14px)}.workflow-overlay small{display:block;font-size:7px;color:#9dd5ae;font-weight:950;letter-spacing:.12em}.workflow-overlay b{display:block;font-size:18px;margin-top:5px}.workflow-overlay span{display:block;color:#d3ddd6;font-size:9px;line-height:1.5;margin-top:6px}.workflow-overlay a{display:inline-block;margin-top:11px;color:#fff;font-size:9px;font-weight:900}.section-head.centered{text-align:center;max-width:760px;margin:0 auto 32px}.section-head.centered h2,.feature-related .section-head h2{font-size:clamp(33px,4vw,48px);line-height:1.03;letter-spacing:-.045em;margin:10px 0}.section-head.centered p{color:var(--muted);font-size:14px;line-height:1.65}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.capability-grid article{padding:21px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-height:180px}.capability-grid i{font-style:normal;color:var(--green);font-size:8px;font-weight:950;letter-spacing:.12em}.capability-grid b{display:block;font-size:14px;margin-top:30px}.capability-grid span{display:block;font-size:10px;line-height:1.55;color:var(--muted);margin-top:7px}.feature-related{background:var(--bg-soft);border-top:1px solid var(--line-2)}.feature-related .section-head{max-width:700px;margin-bottom:28px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:.18s ease}.related-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--green) 40%,var(--line));box-shadow:var(--shadow)}.related-card small{font-size:7px;font-weight:950;color:var(--green);letter-spacing:.12em}.related-card b,.related-card span,.related-card em{display:block}.related-card b{font-size:15px;margin-top:18px}.related-card span{font-size:10px;line-height:1.5;color:var(--muted);margin-top:6px}.related-card em{font-size:9px;color:var(--green);font-style:normal;font-weight:900;margin-top:16px}.feature-final-cta{padding-top:60px}.final-cta-card{padding:38px 42px;border-radius:24px;background:linear-gradient(135deg,#0a4d28,#072d1a);color:#fff;display:flex;align-items:end;justify-content:space-between;gap:36px;box-shadow:0 24px 70px rgba(5,32,17,.22)}.final-cta-card .eyebrow{color:#a7deb8}.final-cta-card h2{font-size:clamp(30px,3.5vw,46px);line-height:1.02;letter-spacing:-.045em;margin:10px 0}.final-cta-card p{max-width:680px;color:#cfe0d4;font-size:13px;line-height:1.6}.final-actions{display:flex;gap:9px;flex:0 0 auto}.final-actions .btn.ghost{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.25)}
@media(max-width:1100px){.product-menu-v515{left:-18px}.hero-grid{grid-template-columns:1fr 1fr;gap:36px}.feature-hero-copy h1{font-size:48px}.photo-story-grid,.workflow-grid{gap:42px}.capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.desktop-nav,.sign-in-btn{display:none!important}.hero-grid,.photo-story-grid,.workflow-grid{grid-template-columns:1fr}.feature-hero{padding-top:44px}.feature-hero-ui{max-width:680px}.photo-stage,.workflow-visual{min-height:390px}.feature-copy{max-width:680px}.related-grid{grid-template-columns:1fr}.final-cta-card{display:block}.final-actions{margin-top:22px}}
@media(max-width:620px){.feature-shell{padding-inline:16px}.feature-hero{padding:34px 0 50px}.feature-hero-copy h1{font-size:39px}.feature-hero-copy>p{font-size:14px}.feature-actions{display:grid}.feature-actions .btn{width:100%}.feature-proof{display:grid;gap:7px}.demo-panel{padding:14px;border-radius:17px}.demo-products{grid-template-columns:1fr}.month-grid .day{min-height:46px}.calendar-legend{gap:8px}.payment-kpis,.report-kpis{grid-template-columns:1fr 1fr}.payment-kpis div:last-child,.report-kpis div:last-child{grid-column:1/-1}.inventory-table>div{grid-template-columns:1.3fr .7fr}.inventory-table>div>*:last-child{display:none}.inspection-grid{grid-template-columns:1fr}.business-demo{grid-template-columns:74px 1fr}.business-demo aside span{font-size:6px;padding:6px}.business-demo section{padding:13px}.feature-photo-story,.feature-workflow-section,.feature-capabilities,.feature-related,.feature-final-cta{padding:58px 0}.photo-stage,.workflow-visual{min-height:330px}.feature-copy h2{font-size:34px}.capability-grid{grid-template-columns:1fr}.final-cta-card{padding:28px 22px}.final-actions{display:grid}.final-actions .btn{width:100%}.footer-inner{padding-inline:16px}.footer-inner nav{display:none}}

/* === v5.16.2 THEME-PARITY PATCH === */
/* Final CTA cards and action buttons now adapt to the active theme instead of staying dark in light mode. */
.feature-final-cta{background:var(--bg)}
.final-cta-card{
  background:linear-gradient(135deg,#eaf7ee 0%,#ddf2e4 52%,#eff8f1 100%);
  color:var(--ink);
  border:1px solid color-mix(in srgb,var(--green) 14%,var(--line));
  box-shadow:0 20px 56px rgba(13,49,26,.10);
}
.final-cta-card .eyebrow{color:var(--green)}
.final-cta-card h2{color:var(--ink)}
.final-cta-card p{color:var(--muted)}
.final-actions .btn.ghost{
  background:var(--surface);
  color:var(--ink);
  border-color:var(--line);
}
.final-actions .btn.ghost:hover{
  border-color:color-mix(in srgb,var(--green) 26%,var(--line));
  background:var(--surface-2);
}

html[data-theme="dark"] .final-cta-card{
  background:linear-gradient(135deg,#0a4d28,#072d1a);
  color:#fff;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(5,32,17,.22);
}
html[data-theme="dark"] .final-cta-card .eyebrow{color:#a7deb8}
html[data-theme="dark"] .final-cta-card h2{color:#fff}
html[data-theme="dark"] .final-cta-card p{color:#cfe0d4}
html[data-theme="dark"] .final-actions .btn.ghost{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:rgba(255,255,255,.25);
}
html[data-theme="dark"] .final-actions .btn.ghost:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.32);
}


/* === v5.17.0 SCREENSHOT SHOWCASE === */
.feature-screenshot-showcase{padding:82px 0;background:var(--bg-soft);border-block:1px solid var(--line-2)}
.feature-screenshot-showcase .section-head{max-width:780px;margin:0 auto 30px;text-align:center}
.feature-screenshot-showcase .section-head h2{font-size:clamp(34px,4vw,50px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 12px}
.feature-screenshot-showcase .section-head p{font-size:14px;line-height:1.65;color:var(--muted)}
.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.app-shot{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(13,49,26,.08);min-width:0}
.app-shot.light-tint{background:color-mix(in srgb,var(--surface) 86%,var(--bg-soft));}
.shot-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-2);background:color-mix(in srgb,var(--surface-2) 80%,transparent)}
.shot-dots{display:flex;gap:5px;flex:0 0 auto}.shot-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.shot-app{font-size:8px;font-weight:950;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.shot-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.shot-title-row b{font-size:16px;letter-spacing:-.02em}
.shot-title-row small{display:block;font-size:8px;color:var(--muted);font-weight:800}
.shot-pill,.shot-state{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}
.shot-pill.green,.shot-state.green{background:var(--green-soft);color:var(--green)}
.shot-pill.blue,.shot-state.blue{background:#e8eeff;color:#3159bd}
.shot-pill.amber,.shot-state.amber{background:#fff1cf;color:#936100}
.shot-pill.gray,.shot-state.gray{background:var(--surface-2);color:var(--muted)}
.shot-body{padding:16px}
.shot-headline{font-size:10px;color:var(--muted);font-weight:900;margin-bottom:4px;text-transform:uppercase;letter-spacing:.11em}
.shot-customer{font-size:24px;line-height:1.05;letter-spacing:-.04em;margin:0 0 14px}
.shot-box{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px}
.shot-lines{display:grid;gap:8px}
.shot-lines div,.shot-mini-list div,.shot-checks div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.shot-lines span,.shot-mini-list span{font-size:10px;color:var(--ink)}
.shot-lines b,.shot-mini-list b,.shot-total b{font-size:10px}
.shot-lines strong,.shot-mini-list strong,.shot-total strong{font-size:12px;letter-spacing:-.01em}
.shot-total{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:14px 2px 6px}.shot-total span{font-size:10px;color:var(--muted)}.shot-total strong{font-size:28px;line-height:1}
.shot-actionbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 24px rgba(13,49,26,.06)}
.shot-actionbar span{font-size:10px;color:var(--ink);display:flex;align-items:center;gap:8px}.shot-actionbar span i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:9px}
.shot-btn{border:0;border-radius:10px;background:#2f80ff;color:#fff;padding:11px 14px;font-size:10px;font-weight:900}
.shot-btn.green{background:var(--green)}
.shot-shell{display:grid;grid-template-columns:108px minmax(0,1fr);min-height:320px}
.shot-sidebar{background:color-mix(in srgb,var(--surface-2) 92%,transparent);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:6px}
.shot-brand{display:flex;align-items:center;gap:8px;padding:2px 6px 10px}.shot-brand img{width:70px;max-width:100%}.shot-brand b{font-size:9px;color:var(--ink)}
.shot-nav a{display:block;padding:7px 8px;border-radius:8px;color:var(--muted);font-size:8px;font-weight:800}.shot-nav a.active{background:var(--green-soft);color:var(--green)}
.shot-main{padding:16px 18px;min-width:0}
.shot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;border-bottom:1px solid var(--line-2);margin-bottom:14px}
.shot-toolbar h3{margin:0;font-size:20px;letter-spacing:-.03em}
.shot-search{height:34px;min-width:180px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:9px;color:var(--muted);display:flex;align-items:center}
.shot-subtabs{display:flex;gap:14px;margin:6px 0 12px}.shot-subtabs span{font-size:8px;color:var(--muted);font-weight:900}.shot-subtabs span.active{color:var(--green)}
.shot-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.shot-row{display:grid;grid-template-columns:28px minmax(0,1fr) 100px 100px 92px;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line-2);font-size:9px;min-width:0}
.shot-row:last-child{border-bottom:0}.shot-row.header{background:var(--surface-2);font-size:8px;color:var(--muted);font-weight:900}.shot-row b{font-size:10px}
.shot-dot{width:12px;height:12px;border-radius:50%;background:var(--line)}
.shot-customer-name{display:flex;align-items:center;gap:8px;min-width:0}.shot-customer-name em{font-style:normal;font-size:9px;color:var(--muted)}
.shot-avatar{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:8px;font-weight:900;flex:0 0 auto}
.shot-doc-grid{display:grid;grid-template-columns:1fr 220px;gap:14px}
.shot-paper{background:#fff;border:1px solid #d9dee0;border-radius:6px;min-height:250px;padding:20px 18px;color:#1d2520;box-shadow:0 8px 24px rgba(10,23,15,.08)}
.shot-paper h4{margin:18px 0 16px;font-size:28px;font-weight:400;letter-spacing:-.03em}.shot-paper small{font-size:9px;color:#6d7671}
.shot-paper .meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.shot-paper .meta b{display:block;font-size:10px;color:#161f1a}.shot-paper .meta span{font-size:9px;color:#66706a}
.shot-paper .line-items{margin-top:14px;border-top:1px solid #e7ece8}.shot-paper .line-items div{display:grid;grid-template-columns:44px minmax(0,1fr) 80px;gap:8px;padding:12px 0;border-bottom:1px solid #eef1ef;font-size:10px}
.shot-sidepanel{display:grid;gap:10px}.shot-sidecard{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.shot-sidecard b{display:block;font-size:10px}.shot-sidecard span{display:block;font-size:8px;color:var(--muted);margin-top:4px}
.shot-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.shot-kpi{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.shot-kpi small{display:block;font-size:8px;color:var(--muted)}.shot-kpi b{display:block;font-size:20px;margin-top:6px;letter-spacing:-.04em}
.shot-history{display:grid;gap:8px}.shot-history div{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.shot-history i{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-style:normal;font-size:9px}.shot-history .due i,.shot-history .warning i{background:#fff1cf;color:#936100}
.shot-checks{display:grid;gap:8px}.shot-checks div{grid-template-columns:28px minmax(0,1fr) auto}.shot-checks i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-style:normal;font-size:10px;font-weight:900}.shot-checks .wait i,.shot-checks .flag i{background:#fff1cf;color:#936100}
.shot-progress{display:grid;gap:10px}.shot-step{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.shot-step i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-style:normal;font-size:9px;font-weight:900}.shot-step.done i,.shot-step.active i{background:var(--green);border-color:var(--green);color:#fff}.shot-step b{display:block;font-size:10px}.shot-step span{display:block;font-size:8px;color:var(--muted)}
.shot-note{margin-top:12px;padding:12px;border-radius:12px;background:var(--green-soft);color:var(--ink);font-size:10px;font-weight:800}
.shot-chart{display:grid;gap:10px;margin-top:8px}.shot-bar{display:grid;grid-template-columns:92px 1fr 58px;gap:10px;align-items:center;font-size:9px}.shot-bar i{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--green) var(--w),var(--surface-2) var(--w));border:1px solid var(--line)}
.shot-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shot-module{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.shot-module b{display:block;font-size:11px}.shot-module span{display:block;font-size:9px;color:var(--muted);margin-top:5px}
.shot-caption{padding:12px 16px;border-top:1px solid var(--line-2);font-size:9px;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 74%,transparent)}
html[data-theme="dark"] .app-shot{box-shadow:0 22px 54px rgba(0,0,0,.24)}
html[data-theme="dark"] .shot-pill.blue,html[data-theme="dark"] .shot-state.blue{background:#19274a;color:#b7c9ff}
html[data-theme="dark"] .shot-pill.amber,html[data-theme="dark"] .shot-state.amber{background:#3a311a;color:#f3cd72}
html[data-theme="dark"] .shot-paper{background:#f8fbf8}
@media(max-width:980px){.screenshot-grid{grid-template-columns:1fr}.shot-shell{grid-template-columns:94px minmax(0,1fr)}.shot-doc-grid{grid-template-columns:1fr}.shot-kpis{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:720px){.shot-row{grid-template-columns:24px minmax(0,1fr) 72px 82px 74px}.shot-doc-grid{grid-template-columns:1fr}.shot-main{padding:14px}.shot-paper h4{font-size:22px}.shot-customer{font-size:20px}}
@media(max-width:560px){.shot-shell{grid-template-columns:1fr}.shot-sidebar{display:none}.shot-kpis{grid-template-columns:1fr}.shot-row{grid-template-columns:24px minmax(0,1fr) 70px 70px 70px;font-size:8px}.shot-search{min-width:120px}}


/* === v5.18.0 ACTUAL DASHBOARD VIEWS === */
.feature-screenshot-showcase{padding:94px 0;background:var(--bg)}
.feature-screenshot-showcase .section-head{max-width:700px;margin:0 auto 36px;text-align:center}
.feature-screenshot-showcase .section-head h2{font-size:clamp(32px,3.4vw,46px);line-height:1.06;letter-spacing:-.045em;margin:10px 0 10px}
.feature-screenshot-showcase .section-head p{font-size:14px;line-height:1.7;color:var(--muted)}
.screenshot-grid{gap:24px}
.app-shot{border-radius:20px;box-shadow:0 16px 42px rgba(13,49,26,.08)}
.shot-top{padding:14px 18px}
.shot-body{padding:20px}
.shot-caption{padding:14px 18px;font-size:10px}
.shot-shell{min-height:340px}
.shot-sidebar{padding:16px 12px;gap:4px}
.shot-brand{padding:2px 8px 12px}.shot-brand img{width:84px}
.shot-nav a{padding:8px 10px;border-radius:9px;font-size:8px}
.shot-toolbar{padding:0 0 14px;margin-bottom:16px}.shot-toolbar h3{font-size:22px}
.shot-search{height:36px;border-radius:11px}
.shot-subtabs{margin:4px 0 14px}
.shot-row{padding:11px 14px}
.shot-doc-grid{gap:16px}.shot-paper{min-height:270px;padding:22px 20px}.shot-sidecard{padding:14px}
.shot-note{margin-top:14px;padding:14px 15px;line-height:1.55}
.shot-kpis,.shot-modules{gap:12px}.shot-history,.shot-checks,.shot-progress{gap:10px}
html[data-theme="dark"] .app-shot{box-shadow:0 22px 50px rgba(0,0,0,.28)}


/* === v5.18.1 SCALED-SCREENSHOT FIX === */
/* Use wider single-column screenshot blocks so inner dashboard rows don't reflow unnaturally. */
.screenshot-grid{grid-template-columns:1fr!important;gap:26px!important;max-width:1120px;margin:0 auto}
.app-shot{max-width:1120px;margin:0 auto;border-radius:22px;overflow:hidden}
.shot-shell{grid-template-columns:128px minmax(0,1fr)!important;min-height:360px}
.shot-sidebar{padding:18px 12px 16px!important}
.shot-brand img{width:86px!important}
.shot-nav a{font-size:9px!important;padding:8px 10px!important}
.shot-main{padding:20px 20px 18px!important}
.shot-toolbar h3{font-size:24px!important}
.shot-search{min-width:220px!important;height:38px!important}
.shot-subtabs span{font-size:9px!important}
.shot-table{overflow:hidden}
.shot-row{grid-template-columns:26px minmax(260px,1.75fr) 120px 118px 72px!important;gap:12px!important;padding:12px 14px!important;font-size:10px!important}
.shot-row.header{font-size:8px!important}
.shot-row b{font-size:11px!important}
.shot-dot{width:12px;height:12px}
.shot-customer-name{display:flex!important;align-items:center!important;gap:10px!important;min-width:0}
.shot-customer-name b{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shot-customer-name em{font-size:9px!important;white-space:nowrap}
.shot-state,.shot-pill{padding:7px 11px!important;font-size:8px!important}
.shot-doc-grid{grid-template-columns:minmax(430px,1.65fr) minmax(250px,.95fr)!important;gap:18px!important}
.shot-paper{min-height:300px!important;padding:24px 22px!important}
.shot-paper h4{font-size:34px!important;line-height:1.02}
.shot-paper .meta{grid-template-columns:1fr 1fr!important;gap:18px!important}
.shot-paper .line-items div{grid-template-columns:34px minmax(190px,1fr) 80px!important;gap:12px!important;align-items:start!important}
.shot-paper .line-items span:nth-child(2){line-height:1.38!important;word-break:normal!important;overflow-wrap:normal!important}
.shot-paper .line-items strong{text-align:right;white-space:nowrap}
.shot-sidepanel{gap:12px!important}
.shot-sidecard{padding:16px!important}
.shot-sidecard b{font-size:11px!important}
.shot-sidecard span{font-size:9px!important;line-height:1.45}
.shot-caption{font-size:10px!important;line-height:1.5!important}
@media(max-width:980px){
  .screenshot-grid{grid-template-columns:1fr!important}
  .shot-shell{grid-template-columns:110px minmax(0,1fr)!important}
  .shot-row{grid-template-columns:24px minmax(200px,1.5fr) 100px 100px 64px!important}
  .shot-doc-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .shot-shell{grid-template-columns:1fr!important}
  .shot-sidebar{display:none!important}
  .shot-row{grid-template-columns:24px minmax(0,1fr) 82px 86px 58px!important}
  .shot-search{min-width:140px!important}
}


/* === v5.20.1 COMPACT LAYOUT POLISH === */
/* Product mega-menu: remove mini subtext and give titles more breathing room. */
.product-menu-v519,
.product-menu-v515{
  column-gap: 30px !important;
  row-gap: 18px !important;
}
.product-menu-v519 .product-menu-link,
.product-menu-v515 .product-menu-link{
  padding: 10px 0 !important;
}
.product-menu-v519 .product-menu-link b,
.product-menu-v515 .product-menu-link b{
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.38 !important;
  letter-spacing: -.01em;
}
.product-menu-v519 .product-menu-link span,
.product-menu-v515 .product-menu-link span,
.product-menu-v519 .menu-wide-link span span,
.product-menu-v515 .menu-wide-link span span{
  display: none !important;
}
.product-menu-v519 .menu-wide-link,
.product-menu-v515 .menu-wide-link{
  align-items: center !important;
  padding: 14px 2px 0 !important;
  margin-top: 8px !important;
  gap: 16px !important;
}
.product-menu-v519 .menu-wide-link b,
.product-menu-v515 .menu-wide-link b{
  font-size: 12px !important;
  line-height: 1.35 !important;
}

/* Make screenshot sections more compact and horizontal on desktop. */
.feature-screenshot-showcase{
  padding: 72px 0 !important;
}
.feature-screenshot-showcase .section-head{
  max-width: 860px !important;
  margin: 0 auto 28px !important;
}
.feature-screenshot-showcase .section-head h2{
  margin: 12px 0 0 !important;
}
.feature-screenshot-showcase .section-head p{
  margin-top: 12px !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}
.screenshot-grid{
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  align-items: start !important;
  gap: 18px !important;
  max-width: 1280px !important;
}
.app-shot{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
.shot-top{padding: 12px 16px !important;}
.shot-body,.shot-main{padding: 18px !important;}
.shot-title-row{
  margin-bottom: 14px !important;
  gap: 10px !important;
}
.shot-title-row b{
  line-height: 1.2 !important;
}
.shot-lines div,
.shot-mini-list div,
.shot-checks div,
.shot-history div,
.shot-step,
.shot-row{
  min-width: 0;
}
.shot-sidebar{padding: 16px 10px !important;}
.shot-shell{min-height: 330px !important;}
.shot-row{
  grid-template-columns: 24px minmax(180px,1.5fr) 104px 104px 68px !important;
  gap: 10px !important;
  padding: 11px 12px !important;
}
.shot-customer-name{
  min-width: 0 !important;
}
.shot-customer-name b,
.shot-customer-name em{
  white-space: normal !important;
  word-break: keep-all;
}
.shot-doc-grid{
  grid-template-columns: minmax(300px,1.15fr) minmax(220px,.85fr) !important;
}
.shot-paper{
  min-height: 280px !important;
}
.shot-paper .line-items div{
  grid-template-columns: 30px minmax(120px,1fr) 76px !important;
  gap: 10px !important;
}
.shot-modules{
  grid-template-columns: 1fr 1fr !important;
}
.shot-note,
.shot-caption{
  font-size: 9px !important;
  line-height: 1.55 !important;
}

/* Prevent extra-tall stacking in screenshot pairs. */
.feature-screenshot-showcase .app-shot{align-self: start;}

@media (max-width: 1100px){
  .screenshot-grid{grid-template-columns: 1fr !important; max-width: 980px !important;}
}
@media (max-width: 760px){
  .feature-screenshot-showcase{padding: 58px 0 !important;}
  .product-menu-v519,
  .product-menu-v515{column-gap: 18px !important; row-gap: 14px !important;}
}


/* === v5.20.4 UNIFIED PUBLIC SPACING SYSTEM === */
:root{
  --public-shell:1180px;
  --public-pad:clamp(16px,2.2vw,28px);
  --public-section-y:72px;
  --public-section-y-mobile:54px;
  --public-gap:48px;
  --public-card-radius:18px;
  --public-image-radius:22px;
}

body.feature-public-page{overflow-x:hidden}
.feature-shell{
  width:min(100%,var(--public-shell))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:var(--public-pad)!important;
}
.feature-hero{padding:58px 0 64px!important}
.hero-grid{
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
  gap:var(--public-gap)!important;
  align-items:center!important;
}
.feature-hero-copy,.feature-hero-ui{min-width:0!important}
.feature-hero-copy h1{margin:12px 0 18px!important}
.feature-hero-copy>p{margin:0!important}
.feature-actions{margin-top:22px!important}
.feature-proof{margin-top:16px!important}

.feature-photo-story,
.feature-workflow-section,
.feature-capabilities,
.feature-related,
.feature-final-cta,
.feature-screenshot-showcase{
  padding:var(--public-section-y) 0!important;
}
.photo-story-grid,.workflow-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:var(--public-gap)!important;
  align-items:center!important;
}
.photo-stage,.workflow-visual{
  min-height:420px!important;
  border-radius:var(--public-image-radius)!important;
}
.feature-copy{min-width:0!important;max-width:560px}
.feature-copy h2{margin:10px 0 14px!important}
.feature-copy>p{margin:0!important}
.check-list{margin-top:20px!important}
.workflow-list{margin-top:20px!important}

.section-head.centered,
.feature-related .section-head,
.feature-screenshot-showcase .section-head{
  max-width:720px!important;
  margin:0 auto 26px!important;
}
.feature-related .section-head{text-align:left!important;margin-left:0!important}
.section-head.centered h2,
.feature-related .section-head h2,
.feature-screenshot-showcase .section-head h2{
  margin:9px 0 10px!important;
}
.section-head.centered p,
.feature-screenshot-showcase .section-head p{margin:0!important}

.capability-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.capability-grid article{
  min-height:160px!important;
  padding:20px!important;
  border-radius:var(--public-card-radius)!important;
}
.capability-grid b{margin-top:24px!important}
.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.related-card{
  min-height:180px;
  padding:20px!important;
  border-radius:var(--public-card-radius)!important;
}
.related-card b{margin-top:14px!important}
.related-card em{margin-top:14px!important}

.feature-final-cta{padding-top:54px!important}
.final-cta-card{
  padding:32px 34px!important;
  border-radius:22px!important;
  gap:30px!important;
}
.final-cta-card h2{margin:9px 0 9px!important}
.final-cta-card p{margin:0!important}

.feature-screenshot-showcase .screenshot-grid{
  gap:18px!important;
  max-width:1180px!important;
}
.feature-screenshot-showcase .app-shot{border-radius:18px!important}

@media(max-width:1100px){
  .hero-grid{gap:34px!important}
  .photo-story-grid,.workflow-grid{gap:34px!important}
  .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:860px){
  .hero-grid,.photo-story-grid,.workflow-grid{grid-template-columns:1fr!important}
  .feature-copy{max-width:700px!important}
  .photo-stage,.workflow-visual{min-height:360px!important}
  .related-grid{grid-template-columns:1fr!important}
  .final-cta-card{display:block!important}
  .final-actions{margin-top:20px!important}
}
@media(max-width:620px){
  .feature-photo-story,
  .feature-workflow-section,
  .feature-capabilities,
  .feature-related,
  .feature-final-cta,
  .feature-screenshot-showcase{padding:var(--public-section-y-mobile) 0!important}
  .feature-hero{padding:36px 0 48px!important}
  .photo-stage,.workflow-visual{min-height:310px!important}
  .capability-grid{grid-template-columns:1fr!important}
  .final-cta-card{padding:26px 20px!important}
}

/* v5.30.2 — use blob brand badge in business center demo */
.business-demo aside img{width:42px!important;height:auto!important;margin:0 4px 13px!important;filter:drop-shadow(0 10px 18px rgba(0,109,44,.20));}

/* v5.30.3 — profile photos in bookings mockups */
.shot-avatar-photo{width:22px;height:22px;border-radius:50%;display:block;object-fit:cover;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));box-shadow:0 2px 8px rgba(8,38,21,.12);background:var(--surface-2)}
