.feature-page{background:var(--fo-color-canvas);color:var(--fo-color-text-primary);overflow-x:clip}.feature-page .marketing-header{background:var(--fo-color-canvas);border-bottom-color:var(--fo-color-border);position:sticky;top:0}.feature-page :is(.fp-breadcrumb,.fp-hero,.fp-capabilities,.fp-benefits-heading,.fp-benefit-inner,.fp-related,.fp-faq){box-sizing:border-box;max-width:1208px;padding-inline:var(--fo-gutter);margin-inline:auto}.feature-page .fp-breadcrumb{color:var(--fo-color-text-muted);white-space:nowrap;align-items:center;gap:7px;padding-block:20px;font-size:12px;display:flex;overflow:hidden}.feature-page .fp-breadcrumb a{color:var(--fo-color-text-secondary);flex:none;text-decoration:none}.feature-page .fp-breadcrumb a:hover{color:var(--fo-color-link)}.feature-page .fp-breadcrumb strong{color:var(--fo-color-text-primary);text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.feature-page .fp-breadcrumb svg{flex:none}.feature-page .fp-eyebrow{color:var(--fo-color-text-muted);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:12px;font-weight:500;line-height:1.5}.feature-page .fp-hero{padding-top:clamp(34px,5vw,68px);padding-bottom:clamp(64px,7vw,100px)}.feature-page .fp-hero-copy{text-align:center;flex-direction:column;align-items:center;max-width:850px;margin-inline:auto;display:flex}.feature-page .fp-hero-kicker{align-items:center;gap:9px;margin-bottom:20px;display:inline-flex}.feature-page .fp-hero-kicker svg{color:var(--fo-color-text-secondary);flex:none}.feature-page .fp-hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(2.6rem,4.8vw,4.15rem);font-weight:500;line-height:1.06}.feature-page .fp-hero-body{color:var(--fo-color-text-secondary);text-wrap:pretty;max-width:62ch;margin:24px 0 0;font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.6}.feature-page .fp-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:28px;display:flex}.feature-page .fp-secondary-action{color:var(--fo-color-link);align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.feature-page .fp-secondary-action:hover{text-underline-offset:4px;text-decoration:underline}.feature-page .fp-hero-proof{color:var(--fo-color-text-muted);justify-content:center;align-items:center;gap:7px;margin:17px 0 0;font-size:12px;line-height:1.5;display:flex}.feature-page .fp-hero-proof svg{color:var(--fo-color-success);flex:none}.feature-page .fp-showcase{width:100%;min-width:0;margin:clamp(38px,5vw,62px) auto 0}.feature-page .fp-showcase-stage{background:var(--fo-color-surface-subtle) url(/marketing/mantuno-bonsai-local-2026-10-12/architectural-glass.webp) center / cover;border:1px solid var(--fo-color-border);border-radius:8px;padding:clamp(20px,4.5vw,62px);overflow:hidden}.feature-page .fp-focused-capture{width:100%;min-width:0}.feature-page .fp-showcase-photo .fp-showcase-stage{padding:0}.feature-page .fp-showcase-photo img{aspect-ratio:16/9;object-fit:cover;object-position:center 45%;width:100%;height:auto;display:block}.feature-page .fp-capabilities{padding-bottom:clamp(72px,8vw,110px)}.feature-page :is(.fp-capabilities header,.fp-benefits-heading,.fp-related header,.fp-faq header){text-align:center;margin-inline:auto}.feature-page :is(.fp-capabilities h2,.fp-benefits-heading h2,.fp-benefit h2,.fp-related h2,.fp-faq h2,.fp-final h2){color:var(--fo-color-text-primary);letter-spacing:-.045em;text-wrap:balance;margin:14px 0 0;font-size:clamp(1.9rem,3.2vw,2.75rem);font-weight:500;line-height:1.12}.feature-page .fp-capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px;display:grid}.feature-page .fp-capability-grid article{background:var(--fo-color-surface-subtle);border:1px solid var(--fo-color-border);border-radius:8px;min-width:0;padding:26px 22px}.feature-page .fp-capability-icon{color:var(--fo-color-text-primary);align-items:center;height:28px;margin-bottom:22px;display:inline-flex}.feature-page .fp-capability-grid h3{letter-spacing:-.025em;text-wrap:pretty;margin:0;font-size:16px;font-weight:500;line-height:1.4}.feature-page .fp-benefits-heading{padding-bottom:clamp(40px,5vw,70px)}.feature-page .fp-benefit{padding-block:clamp(32px,4.5vw,64px)}.feature-page .fp-benefit-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(36px,6vw,84px);display:grid}.feature-page .fp-benefit-copy{min-width:0}.feature-page .fp-benefit-copy h2{max-width:18ch}.feature-page .fp-benefit-copy>p:not(.fp-eyebrow){color:var(--fo-color-text-secondary);text-wrap:pretty;margin:20px 0 0;font-size:15px;line-height:1.7}.feature-page .fp-benefit-copy ul{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.feature-page .fp-benefit-copy li{color:var(--fo-color-text-primary);align-items:start;gap:10px;font-size:14px;line-height:1.5;display:flex}.feature-page .fp-benefit-copy li svg{color:var(--fo-color-text-secondary);flex:none;margin-top:2px}.feature-page .fp-benefit-media{border-radius:8px;min-width:0;overflow:hidden}.feature-page .fp-benefit-media-product{background:var(--fo-color-surface-subtle);border:1px solid var(--fo-color-border);padding:clamp(12px,1.6vw,22px)}.feature-page .fp-benefit-media-photo img{aspect-ratio:5/4;object-fit:cover;object-position:center;width:100%;height:auto;display:block}.feature-page .fp-benefit-reversed .fp-benefit-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.feature-page .fp-benefit-reversed .fp-benefit-copy{grid-area:1/2}.feature-page .fp-benefit-reversed .fp-benefit-media{grid-area:1/1}.feature-page .fp-related{padding-block:clamp(72px,8vw,112px)}.feature-page .fp-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px;display:grid}.feature-page .fp-related-grid a{background:var(--fo-color-surface);border:1px solid var(--fo-color-border);color:var(--fo-color-text-primary);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:88px;padding:20px;text-decoration:none;display:grid}.feature-page .fp-related-grid a:hover{background:var(--fo-color-surface-subtle);border-color:var(--fo-color-border-strong)}.feature-page .fp-related-grid a>span{color:var(--fo-color-text-secondary);justify-content:center;align-items:center;display:inline-flex}.feature-page .fp-related-grid strong{font-size:14px;font-weight:500;line-height:1.45}.feature-page .fp-related-grid a>svg{color:var(--fo-color-text-muted)}.feature-page .fp-faq{padding-bottom:clamp(72px,8vw,110px)}.feature-page .fp-faq header>p{color:var(--fo-color-text-secondary);margin:16px auto 0;font-size:15px;line-height:1.6}.feature-page .fp-faq-list{border-top:1px solid var(--fo-color-border);max-width:820px;margin:36px auto 0}.feature-page .fp-faq details{border-bottom:1px solid var(--fo-color-border)}.feature-page .fp-faq summary{color:var(--fo-color-text-primary);cursor:pointer;padding:24px 44px 24px 0;font-size:16px;font-weight:500;line-height:1.5;list-style:none;position:relative}.feature-page .fp-faq summary::-webkit-details-marker{display:none}.feature-page .fp-faq summary:after{color:var(--fo-color-text-secondary);content:"+";font-size:24px;line-height:1;position:absolute;top:24px;right:4px}.feature-page .fp-faq details[open] summary:after{content:"−"}.feature-page .fp-faq details p{color:var(--fo-color-text-secondary);margin:-4px 0 0;padding:0 44px 24px 0;font-size:15px;line-height:1.7}.feature-page :is(.fp-secondary-action,.fp-related-grid a,.fp-faq summary):focus-visible{outline:2px solid var(--fo-color-focus);outline-offset:5px}.feature-page .fp-final{background:var(--fo-color-surface-subtle);border:1px solid var(--fo-color-border);max-width:1160px;padding:clamp(44px, 6vw, 76px) var(--fo-gutter);text-align:center;width:calc(100% - 2 * var(--fo-gutter));border-radius:8px;flex-direction:column;align-items:center;margin:0 auto clamp(64px,7vw,96px);display:flex}.feature-page .fp-final h2{max-width:22ch}.feature-page .fp-final-body{color:var(--fo-color-text-secondary);text-wrap:pretty;max-width:50ch;margin:20px 0 28px;font-size:16px;line-height:1.6}.feature-page .fp-final .primary-action{background:var(--fo-color-action);color:var(--fo-color-action-text)}@media (max-width:1050px){.feature-page .fp-capability-grid,.feature-page .fp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.feature-page .fp-benefit-inner,.feature-page .fp-benefit-reversed .fp-benefit-inner{grid-template-columns:minmax(0,1fr);gap:28px}.feature-page .fp-benefit-copy{max-width:680px}.feature-page .fp-benefit-reversed .fp-benefit-copy,.feature-page .fp-benefit-reversed .fp-benefit-media{grid-area:auto}.feature-page .fp-benefit-media-photo img{aspect-ratio:16/10}}@media (max-width:620px){.feature-page .fp-breadcrumb{padding-block:16px}.feature-page .fp-hero{padding-top:28px}.feature-page .fp-hero h1{letter-spacing:-.05em;font-size:clamp(2.4rem,10vw,3rem)}.feature-page .fp-hero-body{margin-top:20px}.feature-page .fp-hero-actions{gap:7px;width:100%}.feature-page .fp-hero-actions .primary-action{width:100%}.feature-page .fp-hero-proof{max-width:34ch}.feature-page .fp-showcase-stage{padding:16px 10px}.feature-page .fp-showcase-photo img{aspect-ratio:4/3}.feature-page .fp-capability-grid,.feature-page .fp-related-grid{grid-template-columns:minmax(0,1fr)}.feature-page .fp-capability-grid article{padding:22px}.feature-page .fp-capability-icon{margin-bottom:14px}.feature-page .fp-benefit-copy h2{max-width:21ch}.feature-page .fp-faq summary{padding-block:20px;font-size:15px}.feature-page .fp-faq summary:after{top:20px}.feature-page .fp-faq details p{padding-right:20px}}