/* Editorial marketing layer: restrained, product-led, responsive. */
.marketing-hero{grid-template-columns:.84fr 1.16fr;gap:40px;padding-top:45px;padding-bottom:70px}.marketing-hero h1{font-size:clamp(54px,5.4vw,80px);line-height:1.04;letter-spacing:-3.7px}.hero-reassurance{display:flex;gap:20px;flex-wrap:wrap;color:#51665e;font-size:11px;margin-top:25px}.hero-art{min-width:0;background:#e0e8d8;border-radius:28px;padding:26px;position:relative}.art-top{display:flex;align-items:center;gap:8px;font-size:10px;color:#39574a;margin-bottom:28px}.art-top .dot{background:#00685c}.art-top>span:last-child{margin-left:auto;font-size:8px;letter-spacing:1px}.hero-screen{transform:perspective(1200px) rotateY(-5deg) rotateZ(-1deg);transform-origin:center;box-shadow:10px 25px 45px -25px #173a3960;border-radius:12px}.screen-figure{margin:0;min-width:0}.screen-zoom{display:block;position:relative;border:1px solid #c5d2c6;border-radius:10px;overflow:hidden;background:#fff;isolation:isolate}.screen-zoom img{display:block;width:100%;height:auto}.zoom-label{position:absolute;right:12px;bottom:12px;background:#173a39;color:#fff;padding:9px 12px;border-radius:5px;font-size:10px;box-shadow:0 2px 8px #173a3920;transition:background .2s}.screen-zoom:hover .zoom-label{background:#00685c}.screen-figure figcaption{font-size:10px;line-height:1.6;margin-top:13px;color:#52675b}.hero-screen figcaption{background:#fbfcf8;padding:12px 15px;margin:0;border-radius:0 0 10px 10px;font-size:9px}.hero-screen .screen-zoom{border-radius:10px 10px 0 0}.art-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px}.art-bottom strong{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.5px}.art-bottom>span{font-size:10px;line-height:1.8;color:#52675b;align-self:end}.outcome-intro{padding-bottom:30px}.outcome-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:38px}.outcome-links a{padding:25px 20px 25px 0;display:flex;gap:17px;align-items:center;font-size:14px}.outcome-links a>span:first-child{color:#698775;font-family:Georgia,serif;font-size:20px}.outcome-links a>span:last-child{margin-left:auto}.outcome-links a:hover{color:var(--teal)}.feature-story{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:center;padding:65px 0;border-bottom:1px solid var(--line)}.feature-story.reverse{grid-template-columns:1.18fr .82fr}.feature-story.reverse .story-copy{grid-column:2;grid-row:1}.feature-story.reverse .feature-art{grid-column:1;grid-row:1}.story-copy h2{font-size:clamp(30px,3vw,43px)}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}.story-copy ul{list-style:none;margin:20px 0 22px;padding:0}.story-copy li{font-size:12px;padding:10px 0 10px 24px;position:relative;border-bottom:1px solid #dce3d9;line-height:1.6}.story-copy li:before{content:'✓';position:absolute;left:0;color:#00685c}.feature-art{padding:30px;background:#e5eddf;border-radius:20px;min-width:0}.tone-1{background:#efebdc}.tone-2{background:#dfe9e9}.retail-manifesto{background:#173a39;color:#f2f6e9;margin-top:85px;padding:80px 0;overflow:hidden}.retail-manifesto>.wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:20px 70px}.retail-manifesto .eyebrow{grid-column:1/-1;color:#c8dfb0}.retail-manifesto h2{font-size:clamp(33px,3.8vw,56px);line-height:1.18;margin-bottom:0}.retail-manifesto h2 em{color:#d3e3ad}.retail-manifesto .wrap>div{align-self:end}.retail-manifesto p:not(.eyebrow){color:#ccd9d0;font-size:15px;line-height:1.9}.journey-grid{list-style:none;padding:0;margin:35px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.journey-grid li{border-top:1px solid #cbd8ca;padding-top:25px}.journey-grid li>span{display:inline-grid;place-items:center;background:#e2ecd9;color:#345e49;border-radius:50%;width:40px;height:40px;font-size:12px}.journey-grid h3{font-size:22px;margin-top:24px}.journey-grid p{font-size:13px;line-height:1.85;color:var(--muted)}.readiness-strip{border-top:1px solid var(--line);padding:40px 0 65px;display:grid;grid-template-columns:1fr 1fr;gap:25px 65px}.readiness-strip h2{font-size:29px;margin:18px 0 0}.readiness-strip>p{font-size:13px;line-height:1.9;align-self:end;color:var(--muted);margin:0}.readiness-strip>.underlink{justify-self:start;grid-column:2}.feature-page-hero{padding-bottom:45px}.feature-page-hero .lead{max-width:730px}.feature-full{padding:35px;background:#e3eade;border-radius:22px}.feature-full .screen-figure{max-width:1000px;margin:auto}.feature-explained{display:grid;grid-template-columns:1fr 1fr;gap:100px}.feature-explained h2{font-size:33px}.feature-explained p{font-size:15px;line-height:1.85;color:var(--muted)}.benefit-list{list-style:none;padding:0}.benefit-list li{font-size:15px;border-bottom:1px solid var(--line);padding:20px 0;line-height:1.6}.benefit-list span{color:var(--teal);margin-right:15px}.scope-note{background:#eaf0e3;border-left:3px solid #7a9a6a;padding:22px;margin-top:25px}.scope-note p{font-size:13px;margin:10px 0 0}.related-features{border-block:1px solid var(--line);padding-block:30px}.related-features h2{font-size:25px}.related-features>div{display:flex;flex-wrap:wrap;gap:35px}.related-features a{font-size:14px;color:var(--teal);font-weight:600}.feature-detail .product-shot{grid-column:2/-1;margin-top:10px}.feature-detail .product-shot .screen-figure{max-width:850px}.feature-detail .detail-link{margin-top:15px}.image-dialog{border:1px solid #d0dbcf;border-radius:14px;padding:20px;background:#f8f8f2;color:#162d31;width:min(1300px,96vw);max-height:94vh}.image-dialog::backdrop{background:#102523d9;backdrop-filter:blur(5px)}.image-dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.image-dialog h2{font-size:20px;margin:0}.image-dialog button{border:1px solid #b4c4b7;border-radius:5px;background:white;padding:10px 16px;color:#162d31}.image-dialog img{display:block;width:100%;height:auto}.image-dialog p{font-size:11px;line-height:1.7;margin:13px 0 0}.site-header .button.small{background:#173a39;color:white;border-color:#173a39}.site-header .button.small:hover{background:#00685c}.notice{font-size:11px}.lead{font-size:18px}.footer-feature-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;padding-bottom:30px}.footer-feature-links a:hover{text-decoration:underline}.contact-intent{padding:18px;background:#f9faf4;border-radius:8px;font-size:13px;line-height:1.7;margin-bottom:22px}.contact-intent a{color:#00685c;text-decoration:underline}.marketing-hero .eyebrow{letter-spacing:1.3px}
@media(max-width:1100px){.marketing-hero{gap:25px}.hero-art{padding:18px}.art-top>span:last-child{display:none}.feature-story,.feature-story.reverse{gap:35px}.feature-art{padding:20px}.feature-explained{gap:50px}.journey-grid{gap:25px}}
@media(max-width:800px){.marketing-hero{grid-template-columns:1fr;padding-top:35px;gap:40px}.marketing-hero h1{font-size:68px;letter-spacing:-3px}.hero-art{max-width:650px;margin:auto;padding:25px}.hero-screen{transform:none}.art-bottom strong{font-size:20px}.outcome-links{grid-template-columns:1fr}.outcome-links a{padding:19px 0;border-bottom:1px solid var(--line)}.outcome-links a:last-child{border:0}.feature-story,.feature-story.reverse{grid-template-columns:1fr;gap:30px;padding:45px 0}.feature-story.reverse .story-copy,.feature-story.reverse .feature-art{grid-column:auto;grid-row:auto}.feature-art{padding:20px}.story-copy h2{font-size:36px}.retail-manifesto{padding:50px 0;margin-top:50px}.retail-manifesto>.wrap{grid-template-columns:1fr;gap:20px}.retail-manifesto h2{font-size:40px}.journey-grid{grid-template-columns:1fr;gap:25px}.journey-grid h3{margin-top:15px}.readiness-strip{grid-template-columns:1fr;gap:20px}.readiness-strip>.underlink{grid-column:1}.feature-explained{grid-template-columns:1fr;gap:35px}.feature-full{padding:15px}.feature-detail .product-shot{grid-column:1/-1}.screen-figure figcaption{font-size:10px}.image-dialog{padding:12px}.image-dialog h2{font-size:17px}.lead{font-size:16px}.footer-feature-links{gap:16px}}
@media(max-width:420px){.marketing-hero h1{font-size:55px;letter-spacing:-2.5px}.marketing-hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-art{padding:15px;border-radius:18px}.art-top{font-size:9px;margin-bottom:18px}.art-bottom{margin-top:20px;gap:15px}.art-bottom strong{font-size:17px}.art-bottom>span{font-size:9px}.hero-reassurance{gap:12px;font-size:10px}.story-copy h2{font-size:32px}.retail-manifesto h2{font-size:34px}.feature-art{padding:13px}.zoom-label{right:8px;bottom:8px;padding:7px;font-size:9px}.screen-figure figcaption{font-size:9px}.image-dialog header{align-items:start}.image-dialog button{font-size:12px;white-space:nowrap}.notice{font-size:8px}}
#enquiry-fields{border:0;padding:0;margin:0;min-width:0}.enquiry-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#enquiry-form .enquiry-consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;margin:24px 0}#enquiry-form .enquiry-consent input{width:22px;height:22px;min-width:22px;margin-top:2px}#enquiry-status:not(:empty){padding:16px;border-left:3px solid #173a39;background:#edf4f0;overflow-wrap:anywhere}#enquiry-form button:disabled{opacity:.65;cursor:default}#enquiry-form pre{overflow-wrap:anywhere;white-space:pre-wrap}
#enquiry-form label.enquiry-consent{flex-direction:row}

/* Public-site system: editorial rhythm, readable supporting copy and generous controls. */
/* Commercial presentation: product-led, quiet surfaces and straight screenshot frames. */
.hero-screen{transform:none;box-shadow:0 16px 36px -20px #173a3945}
.site-header{border-bottom:1px solid #dce4d9}
.hero-art{background:#eaf0e5;border:1px solid #d6e1d1}
.screen-zoom{border-color:#bccdbe;box-shadow:0 1px 3px #173a3908}
.feature-art,.tone-1,.tone-2{background:#edf1e9;border:1px solid #dbe4d7}
.section-heading h2,.page-hero h1,.story-copy h2{text-wrap:balance}
:root{--public-gutter:clamp(20px,4vw,56px);--public-control:#708477}
.wrap,footer{width:min(1280px,calc(100% - var(--public-gutter)*2))}
.site-header{gap:24px}.site-header nav{gap:24px}.site-header nav>a:not(.button){min-height:44px;display:inline-flex;align-items:center;font-size:14px}
.button,.button.small,.menu-toggle{min-height:48px;font-size:14px;line-height:1.4;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}
.button:hover{filter:brightness(.94)}.underlink,.card-link,.footer-feature-links a{min-height:44px;align-items:center;font-size:14px}
.footer-feature-links a{display:inline-flex}.footer-bottom{font-size:12px;line-height:1.7}
.notice,.notice a{font-size:12px;line-height:1.6}.notice{flex-wrap:wrap;padding:10px 20px;gap:6px 12px}
.eyebrow,.marketing-hero .eyebrow{font-size:11px;line-height:1.6;letter-spacing:1.3px}
.hero h1,.marketing-hero h1,.page-hero h1{font-size:clamp(40px,5.5vw,78px);letter-spacing:-.045em;line-height:1.08;overflow-wrap:break-word}
.section{padding-block:clamp(56px,7vw,96px)}.page-hero{padding-block:clamp(36px,5vw,70px) 44px}
.marketing-hero{padding-top:44px;padding-bottom:64px;gap:clamp(24px,4vw,56px)}
.lead{font-size:18px;line-height:1.75;max-width:60ch}.hero-reassurance{font-size:13px;line-height:1.7;gap:12px 20px}
.screen-figure figcaption,.hero-screen figcaption,.zoom-label{font-size:12px;line-height:1.6}
.art-top{font-size:12px}.art-bottom>span{font-size:12px}.art-top>span:last-child{font-size:10px}
.story-copy>p:not(.eyebrow),.story-copy li,.feature-card p,.journey-grid p,.readiness-strip>p,.check-list li,.feature-detail p:not(.eyebrow),.question-grid p,.demo-steps p,.demo-steps li,.faqs p{font-size:15px;line-height:1.8}
.feature-story,.feature-story.reverse{gap:clamp(28px,5vw,64px)}.feature-art{padding:clamp(16px,2.5vw,30px)}
.feature-grid,.journey-grid,.principles{gap:24px}.feature-card,.demo-door,.hero-art{border-radius:20px}
.story-copy h2,.feature-detail h2,.retail-manifesto h2{font-size:clamp(30px,3.5vw,48px);line-height:1.18;letter-spacing:-.035em}
.section-nav{gap:12px 28px;font-size:14px}.section-nav a{display:inline-flex;align-items:center;min-height:44px}
.faqs summary{font-size:16px;min-height:44px;align-items:center}.faqs details{padding-block:16px}
.demo-door small,.scope-note p,.contact-layout aside .micro,.contact-note p,.micro,.check-list li.muted{font-size:13px;line-height:1.75}
.contact-layout aside>p,.contact-intent,.form-intro,#draft-result p{font-size:15px;line-height:1.75}
form{padding:clamp(20px,3vw,36px);border-radius:16px;background:#f0f3e9}
label{font-size:14px;line-height:1.5;gap:8px}input,select,textarea{font:inherit;font-size:16px;min-height:48px;border-color:var(--public-control);border-radius:8px;padding:12px}
input::placeholder,textarea::placeholder{color:#5b7062}textarea{min-height:140px}
form .actions{gap:12px;flex-wrap:wrap}.enquiry-consent{font-weight:400}.enquiry-consent a{text-decoration:underline}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #946c16;outline-offset:4px}
.image-dialog button{min-height:44px;font-size:14px}.image-dialog p{font-size:13px}
/* Quiet interaction states shared by every marketing page. */
.site-header nav>a[aria-current=page]:not(.button){text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.button{transition:background .15s ease,box-shadow .15s ease}
.button:hover{transform:none;box-shadow:0 3px 9px #173a3912}
.button.text:hover{box-shadow:none}
.contact-layout form{background:#fff;border:1px solid var(--line);box-shadow:0 8px 28px #173a3905}
.contact-intent{border-left:3px solid #9cb4a2;border-radius:0 8px 8px 0}
.form-intro{max-width:65ch}
.image-dialog{scrollbar-gutter:stable;overscroll-behavior:contain}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:801px){.menu-toggle{display:none}}
@media(max-width:1100px){.site-header nav{gap:14px}.site-header nav>a:not(.button){font-size:13px}.hero h1,.marketing-hero h1{font-size:clamp(40px,5.5vw,66px)}}
@media(max-width:800px){.site-header{height:88px}.site-header nav{top:80px;gap:4px;padding:16px;border-radius:12px}.site-header nav>a:not(.button){font-size:16px;padding:10px 12px}.marketing-hero{padding-top:28px;gap:32px}.hero h1,.marketing-hero h1,.page-hero h1{font-size:clamp(40px,7.5vw,62px)}.hero-art{width:100%;max-width:650px;margin:auto}.lead{font-size:17px}.retail-manifesto h2{font-size:clamp(30px,5vw,40px)}.footer-top>div{gap:20px}.footer-top a{min-height:44px;display:inline-flex;align-items:center}.feature-explained{gap:28px}.related-features>div{gap:12px 24px}.related-features a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:420px){.hero h1,.marketing-hero h1,.page-hero h1{font-size:clamp(36px,10.5vw,44px);letter-spacing:-.045em}.notice,.notice a{font-size:11px}.notice .dot{display:none}.eyebrow,.marketing-hero .eyebrow{font-size:10px}.actions>.button{flex:1 1 auto}.hero .button{font-size:14px;padding:14px 18px}.hero-art{padding:16px}.art-bottom{gap:12px;flex-wrap:wrap}.art-bottom>span{font-size:12px}.hero-reassurance{font-size:12px}.screen-figure figcaption,.hero-screen figcaption{font-size:12px}.zoom-label{font-size:11px;padding:8px 10px}.footer-bottom{font-size:12px}.demo-door{padding:24px}.cta{padding:24px}.image-dialog h2{font-size:16px}.image-dialog button{font-size:13px}}
