.site .app-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;height:auto!important;align-items:center;padding-top:36px;padding-bottom:48px}
.site .app-hero>div{min-width:0}.site .app-hero h1{font-size:clamp(34px,3.4vw,62px)}
.site .app-previews{display:flex;justify-content:center;margin:0}
.phone-demo{width:min(100%,290px);text-align:center}
.demo-device{padding:7px;background:#243c34;border:2px solid #76857b;border-radius:36px;box-shadow:0 16px 30px #183e3026;overflow:hidden}
.demo-status{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#f8f6ee;border-radius:26px 26px 0 0;font:10px system-ui;color:#123d30}
.demo-screen{height:430px;overflow-y:auto;overscroll-behavior:contain;position:relative;background:#f8f6ee;scrollbar-width:thin}
.site .demo-screen img{display:block;width:100%;height:auto}
.demo-hotspot{position:absolute;right:1%;top:0;width:14%;height:48px;background:transparent;border:0;cursor:pointer}
.demo-hotspot:hover{outline:1px solid #aa803a;outline-offset:-3px}
.demo-tabs{display:flex!important;justify-content:space-evenly;background:#f8f6ee;border-top:1px solid #ded8c7;padding:5px 0}
.demo-tabs button{font:13px TeaSerif,serif;min-height:36px;padding:5px 18px;color:#123d30}
.demo-tabs button[aria-pressed=true]{background:#e6ebdf;color:#755319;border-radius:6px}
.demo-home-bar{height:19px;background:#f8f6ee;border-radius:0 0 26px 26px;position:relative}.demo-home-bar:after{content:'';position:absolute;width:80px;height:3px;border-radius:3px;background:#243c34;left:50%;top:7px;transform:translateX(-50%)}
.site .demo-hint{font-size:12px;color:#627062;line-height:1.8;margin:16px -20px 0}
.site .app-keep{display:grid;grid-template-columns:1fr 1fr;height:auto!important;align-items:center;margin:24px 0 0;gap:0}
.site .app-keep>img{width:100%;height:auto!important;position:static;display:block}
.site .app-keep>div{padding:36px;height:auto}.site .app-keep h2{font-size:clamp(28px,2.7vw,44px)}
.site .app-faq{position:relative;margin:0;padding-top:48px;padding-bottom:48px;clear:both;background:var(--paper)}
@media(max-width:800px){.site .app-hero{grid-template-columns:1fr;gap:28px}.site .app-keep{grid-template-columns:1fr}.site .app-keep>div{padding:28px 24px}.site .app-faq{display:block}.site .app-faq>div{margin-bottom:22px}.phone-demo{width:280px}}
/* A0026: full-width ink backdrop and compact original-screen preview. */
.site .app-hero{padding-top:20px;padding-bottom:20px;background:url('assets/ink-mountains.jpg') center bottom/100% auto no-repeat}
.site .app-hero .app-ink{display:none}
.site .demo-hint{margin:0 -30px 12px;font-size:12px;color:#536552}
.site .app-features{padding-top:18px;padding-bottom:30px;margin-top:0}
.site .app-features .three-columns{margin-top:22px}
.demo-secondary{display:flex;gap:8px;justify-content:center;background:#f8f6ee;border-bottom:1px solid #ded8c7;padding:4px}
.demo-secondary button{font:11px TeaSerif,serif;padding:5px 12px}
.demo-secondary button[aria-pressed=true]{color:#755319;background:#e6ebdf}
.demo-tabs button{padding:4px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px}
.demo-tabs .ph{font-size:19px}
.demo-screen{height:410px}
.site .app-hero{background:none;isolation:isolate}
.site .app-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/ink-mountains.jpg') center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent 28%,#000 75%);opacity:.6;pointer-events:none}
/* A0027: three-column introduction, compact stacked features and shared support row. */
.site .app-hero{grid-template-columns:minmax(0,1.1fr) minmax(260px,.85fr) minmax(0,1fr);gap:clamp(24px,3vw,64px);padding-top:24px;padding-bottom:28px;align-items:center}
.site .app-hero:before{background-image:url('assets/app-ink-soft.png');background-size:100% auto;mask-image:linear-gradient(transparent 8%,#000 65%);opacity:.65}
.site .app-hero h1{font-size:clamp(32px,3vw,54px);white-space:normal}
.site .app-hero .lead{font-size:17px}.site .app-hero .hero-actions{gap:20px;flex-wrap:wrap;white-space:normal}
.site .app-hero .crumb{margin:0 0 30px}.site .app-hero h4{margin:24px 0 20px}
.site .app-hero .app-features{padding:0;min-width:0}
.site .app-hero .app-features h2{font-size:25px;line-height:1.5}
.site .app-hero .app-features .eyebrow{font-size:11px}
.site .app-hero .app-features .three-columns{display:flex;flex-direction:column;gap:0;margin-top:24px;text-align:left}
.site .app-hero .app-features article{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:18px 0;border:0;border-bottom:1px solid #dcd8ca}
.site .app-hero .app-features article:last-child{border-bottom:0}
.site .app-hero .app-features .feature-icon{grid-row:1/3;width:40px;height:40px;margin:0;font-size:24px}
.site .app-hero .app-features h3{font-size:18px;line-height:1.5;white-space:normal;margin:0}
.site .app-hero .app-features p{font-size:14px;line-height:1.8;margin-top:6px}.site .app-features br{display:none}
.site .app-support-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding:30px var(--page-pad);border-top:1px solid #e4dfd1;align-items:start}
.site .app-support-grid .app-keep{display:block;margin:0}
.site .app-support-grid .app-keep>img{width:160px;height:120px!important;object-fit:cover;float:left;margin:0 22px 12px 0}
.site .app-support-grid .app-keep>div{padding:0}
.site .app-support-grid .app-keep h2{font-size:25px;line-height:1.5}.site .app-support-grid .app-keep h2 br{display:none}
.site .app-support-grid .app-keep p{font-size:14px;line-height:1.9;margin:14px 0}.site .app-support-grid .app-keep p br{display:none}
.site .app-support-grid .app-keep .eyebrow{font-size:11px;margin-bottom:10px}
.site .app-support-grid .app-faq{display:block;padding:0;background:transparent}
.site .app-support-grid .app-faq h2{font-size:25px}.site .app-support-grid .app-faq .eyebrow{display:none}
.site .app-support-grid .app-faq>div{margin-bottom:12px}
.site .app-support-grid .app-faq details{padding:12px 0}.site .app-support-grid .app-faq summary{font-size:16px}.site .app-support-grid .app-faq details p{font-size:14px;line-height:1.8;margin-top:8px}
@media(max-width:1100px){.site .app-hero{grid-template-columns:1fr 290px;gap:28px}.site .app-hero .app-features{grid-column:1/-1}.site .app-hero .app-features .three-columns{flex-direction:row;gap:24px}.site .app-hero .app-features article{flex:1;border:0}.site .app-support-grid{gap:24px}}
@media(max-width:700px){.site .app-hero{grid-template-columns:1fr}.site .app-hero .app-features .three-columns{flex-direction:column;gap:0}.site .app-support-grid{grid-template-columns:1fr}.site .app-hero:before{background-size:auto 65%}.site .app-hero .app-features h2{font-size:23px}.site .app-support-grid .app-keep>img{width:120px;height:110px!important}}
.site .app-support-grid .app-faq details{padding:0}
.site .app-support-grid .app-faq summary{padding:12px 0;min-height:0}
.site .app-support-grid .app-faq details p{padding:0 0 12px;margin:0;min-height:0}
@media(min-width:1101px) and (max-height:800px){.demo-screen{height:350px}.site .app-hero{padding-top:18px;padding-bottom:18px}}