:root{color-scheme:light;--paper:#faf5ec;--cream:#f5ebdc;--ink:#27362d;--green:#284538;--muted:#4f5b51;--clay:#88502e;--line:#d9cbb5;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",sans-serif}
*,::before,::after{box-sizing:border-box}
html{scroll-padding-top:1.35rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}
a{color:inherit;text-underline-offset:.24em}
a:focus-visible,video:focus-visible{outline:3px solid var(--clay);outline-offset:4px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.06}
.wrap{width:min(100% - 96px,1184px);margin-inline:auto}
.skip{position:absolute;top:-6rem;left:1rem;padding:.6rem 1rem;background:var(--green);color:white;z-index:5}
.skip:focus{top:1rem}
.header{background:rgba(250,245,236,.85);border-bottom:1px solid var(--line)}
.site-nav,.footer-inner{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:1.3rem}
.brand{text-decoration:none;display:inline-flex;align-items:center;gap:.68rem;line-height:1.1}
.brand img{flex:none}
.brand strong{display:block;font:400 1.33rem/1.12 var(--serif);letter-spacing:-.02em}
.brand small{display:block;margin-top:5px;font-size:.56rem;font-weight:740;text-transform:uppercase;letter-spacing:.15em;color:var(--clay)}
nav{display:flex;align-items:center;gap:clamp(.75rem,2.7vw,2.45rem);font-size:.86rem;font-weight:660}
nav a{text-decoration:none;white-space:nowrap}
nav a:hover{text-decoration:underline}
.nav-family{border:1px solid #b6a98e;border-radius:999px;padding:.54rem .85rem}
.nav-family span,.underlink span{margin-left:.18rem;font-size:.85em}
.hero{display:grid;grid-template-columns:1fr 1.07fr;gap:clamp(38px,6.3vw,98px);align-items:center;padding-block:clamp(2.75rem,6vw,5.25rem) clamp(2.4rem,5vw,4.5rem)}
.eyebrow,.caps{color:var(--clay);font-size:.72rem;line-height:1.3;letter-spacing:.16em;font-weight:780;text-transform:uppercase}
.eyebrow{display:flex;gap:.58em;align-items:center}
.eyebrow span{display:inline-block;flex:none;width:.58em;height:.58em;border:1px solid var(--clay);transform:rotate(45deg)}
h1{font-size:clamp(3.37rem,6.5vw,6.05rem);letter-spacing:-.065em;margin:.17em 0 .22em}
h1 em{color:var(--clay);font-weight:400}
.intro,.section-intro>p:last-child,.process-inner>div>p:last-child{color:var(--muted);font-size:clamp(1rem,1.28vw,1.14rem);max-width:34rem}
.hero-actions,.demo-links{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1.25rem}
.hero-actions{margin-top:1.65rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.64rem;border:1px solid transparent;border-radius:999px;padding:.77rem 1.16rem;text-decoration:none;font-size:.88rem;font-weight:730;line-height:1.25;min-height:47px}
.button:hover{text-decoration:underline}
.primary{background:var(--green);color:#fffaf3}
.primary:hover{background:#1d392c}
.underlink{display:inline-flex;align-items:center;gap:.2rem;padding:.45rem 0;font-size:.89rem;font-weight:700;text-decoration-thickness:1px;color:var(--green)}
.hero-figure{position:relative;isolation:isolate;margin-right:7px}
.hero-frame{position:relative;border:1px solid #c9b899;border-radius:48% 48% 5px 5px/29% 29% 5px 5px;padding:9px;background:#f6ead8;box-shadow:0 16px 37px #754f2414}
.hero-photo{width:100%;height:auto;aspect-ratio:1.125;object-fit:cover;object-position:54% 50%;border-radius:47% 47% 2px 2px/28% 28% 2px 2px}
.branch{position:absolute;z-index:1;right:-38px;bottom:20px;width:min(36%,180px);transform:rotate(-17deg) scaleX(-1);pointer-events:none;filter:drop-shadow(0 1px 5px #fcf2d99e)}
figcaption{position:relative;margin-top:.55rem;padding-inline:.25rem 2.1rem;color:var(--muted);font-size:.73rem}
.qr-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.95rem 1.15rem;background:var(--green);color:#fffaf3;border-radius:9px;padding:1.18rem clamp(1.05rem,3vw,2.25rem)}
.qr-icon{display:grid;place-items:center;width:55px;height:55px;background:#f5ead91c;border:1px solid #f5ead951;border-radius:50%;color:#f6d9b4}
.qr-copy h2{font-size:clamp(1.48rem,2.6vw,2.16rem);letter-spacing:-.025em}
.qr-copy p{font-size:.91rem;color:#f0e9dd;margin-top:.35rem}
.light{background:#fbf1e2;color:#273b30;white-space:nowrap}
.light:hover{background:#fffaf3}
.light:focus-visible{outline-color:#f6d9b4}
.demos{padding-block:clamp(3rem,7.2vw,6.1rem)}
.section-intro{max-width:39rem;margin-bottom:1.78rem}
.section-intro h2,.process h2{font-size:clamp(2.55rem,5vw,4.4rem);letter-spacing:-.055em;margin:.14em 0 .21em}
.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.demo-card{background:#fffaf3;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.demo-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#2a3530}
.demo-card video:focus-visible{outline-offset:-4px;outline-color:#ffd598;position:relative;z-index:1}
.demo-copy{padding:1.15rem clamp(.95rem,2.75vw,1.6rem) 1.3rem}
.demo-copy h3{font-size:clamp(1.6rem,2.6vw,2.13rem);margin:.18em 0 .25em;letter-spacing:-.024em}
.demo-copy p:last-child,.process li p{color:var(--muted);font-size:.94rem}
.demo-links{margin-top:1rem}
.process{border-block:1px solid #e1ceb4;background:var(--cream);padding-block:clamp(2.8rem,6.4vw,5rem)}
.process-inner{display:grid;grid-template-columns:1.03fr 1fr;gap:clamp(1.25rem,6vw,5rem)}
.process ol{list-style:none;margin:0;padding:0}
.process li{display:flex;align-items:flex-start;gap:.84rem;padding:.85rem 0;border-bottom:1px solid #cbb998}
.process li:first-child{padding-top:.36rem}
.process li:last-child{border-bottom:0;padding-bottom:0}
.process li>span{color:var(--clay);font-weight:780;font-size:.73rem;padding-top:.22rem}
.process li h3{font-size:1.45rem;margin-bottom:.24em}
.footer-inner{min-height:80px}
.footer .brand strong{font-size:1.14rem}
@media(max-width:1000px){.wrap{width:min(100% - 70px,1184px)}.hero{gap:clamp(32px,4.7vw,55px)}.branch{right:-29px}}
@media(max-width:760px){.wrap{width:min(100% - 44px,1184px)}.site-nav{min-height:68px}.nav-process{display:none}.hero{grid-template-columns:1fr;padding-top:2.4rem;gap:2.15rem}.hero-figure{margin-right:3px}.hero-photo{aspect-ratio:1.42;object-position:55% 43%}.branch{right:-16px}.qr-strip{grid-template-columns:auto 1fr}.qr-strip .button{grid-column:2;justify-self:start;white-space:normal}.process-inner{grid-template-columns:1fr}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.site-nav,.footer-inner{gap:.6rem}.brand{gap:.38rem}.brand img{width:34px}.brand strong{font-size:1.12rem}.brand small{font-size:.46rem;letter-spacing:.11em}.nav-demo{display:none}.nav-family{font-size:.76rem;padding:.43rem .62rem}.hero{gap:1.65rem}h1{font-size:clamp(2.95rem,12.4vw,3.75rem)}.hero-actions{margin-top:1.15rem}.button{padding-inline:.84rem}.hero-figure{margin-right:0}.hero-frame{padding:5px}.branch{right:-11px}.qr-strip{gap:.62rem .76rem;padding:.85rem}.qr-icon{width:42px;height:42px}.qr-icon svg{width:26px;height:26px}.demo-grid{grid-template-columns:1fr}.footer .underlink{font-size:.78rem}.footer .brand strong{font-size:1.03rem}}
@media(max-width:350px){.site-nav .brand small{display:none}.site-nav .brand strong{font-size:1.04rem}.nav-family{padding-inline:.46rem}.hero-actions{gap:.4rem .75rem}.footer-inner{min-height:65px}}