:root{--paper:#101a16;--ink:#ecf1e9;--muted:#acbcb0;--green:#b4df98;--line:#34463a;--dark:#12231b;--mint:#c5efac;--copy:#c2cfc5;--button:#b4df98;--button-ink:#15251a;--button-hover:#c8efb1;--contact:#1b2e23;--preview-ink:#f4f4ed;--focus:#c5efac;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
[data-theme="light"]{--paper:#f4f4ed;--ink:#18281f;--muted:#566458;--green:#276849;--line:#cdd3c9;--copy:#3f5145;--button:#276849;--button-ink:#fff;--button-hover:#164e33;--contact:#dce8d5;--focus:#276849;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{max-width:100%;display:block}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:absolute;top:-80px;left:20px;background:var(--ink);color:var(--paper);padding:16px;z-index:10}.skip:focus{top:8px}
.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:12px;align-items:center;font-size:25px;font-weight:700;letter-spacing:-1.1px}.header nav{display:flex;gap:36px;font-size:14px;font-weight:600}.header nav a{padding:14px 0}.header nav a:hover,.footer>a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{padding-top:56px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 28px;display:flex;gap:10px;align-items:center}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--green)}.hero-layout{display:grid;grid-template-columns:1.9fr 1fr;gap:54px;align-items:end}h1{font-family:Bahnschrift,Arial,Helvetica,sans-serif;font-size:clamp(48px,5.2vw,78px);line-height:1.07;letter-spacing:-3px;font-weight:600;margin:0}h1 span{color:var(--green)}.hero-copy{padding-bottom:4px}.hero-copy>p{font-size:19px;line-height:1.6;margin:0 0 27px;color:var(--copy)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:var(--button);color:var(--button-ink);min-height:52px;padding:0 23px;font-size:14px;font-weight:700;transition:background .15s}.button:hover{background:var(--button-hover)}.button span{font-size:21px;font-weight:400}.hero-footer{display:flex;align-items:center;gap:48px;margin-top:46px;padding-bottom:36px}.hero-footer p{font-size:13px;color:var(--muted);white-space:nowrap;margin:0}.scale{height:14px;flex:1;border-top:1px solid var(--line);background:repeating-linear-gradient(to right,var(--line) 0,var(--line) 1px,transparent 1px,transparent 12px);mask-image:linear-gradient(to right,#000,transparent)}
.preview-section{padding:37px 0 25px;background:var(--dark);color:var(--preview-ink)}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.preview-heading h2{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:0}.preview-heading p{font-size:12px;color:#b2c2b6;margin:0}.screen-tabs{display:flex;gap:26px;margin-bottom:18px}.screen-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#b2c2b6;padding:12px 0 13px;font-size:13px;min-height:44px}.screen-tabs button[aria-selected=true]{color:var(--mint);border-bottom-color:var(--mint)}.screen-tabs button:hover{color:#fff}.screen-frame{display:block;border:1px solid #647a6a;background:#e9eeea;padding:0;width:100%;box-shadow:0 14px 36px #0003;overflow:hidden}.screen-frame img{width:100%;height:auto}.screen-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;padding-top:11px}.screen-caption p{margin:0;line-height:1.5}.enlarge{display:inline-flex;align-items:center;background:none;border:none;flex-shrink:0;color:var(--mint);font-size:12px;padding:12px 0 12px 12px;min-height:44px}.enlarge:hover{text-decoration:underline}.development-note{color:#b2c2b6;font-size:11px;margin:8px 0 0;line-height:1.6}[hidden]{display:none!important}
.features{padding-block:72px 78px;display:grid;grid-template-columns:.9fr 2fr;gap:80px}.section-heading .eyebrow{color:var(--green);margin-bottom:18px}.section-heading h2{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:0}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:31px 36px;margin:0}.feature-list>div{border-top:1px solid var(--line);padding-top:17px}.feature-list dt{font-size:16px;font-weight:700;letter-spacing:-.2px;margin-bottom:10px}.feature-list dd{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:310px}.contact{background:var(--contact)}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:43px}.contact .eyebrow{color:var(--green);margin-bottom:13px}.contact h2{font-size:30px;letter-spacing:-1px;font-weight:500;margin:0 0 12px}.contact p:not(.eyebrow){font-size:14px;color:var(--copy);margin:0;line-height:1.6}.button-light{flex-shrink:0}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:33px;color:var(--muted);font-size:12px}.footer .brand{font-size:18px;letter-spacing:-.6px;color:var(--ink)}
.image-dialog{padding:0;border:1px solid #647a6a;background:var(--dark);color:var(--preview-ink);width:calc(100vw - 48px);max-width:1920px;max-height:calc(100dvh - 48px)}.image-dialog::backdrop{background:#06160dea;backdrop-filter:blur(4px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:14px}.dialog-bar button{border:1px solid #6d8375;background:none;color:var(--preview-ink);padding:11px 15px;font-size:13px}.dialog-bar button span{margin-left:20px}.dialog-image{overflow:auto;max-height:calc(100dvh - 116px)}.dialog-image img{margin-inline:auto;width:auto;height:auto;max-width:none}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){.wrap{width:min(1400px,calc(100% - 160px))}.hero-layout{grid-template-columns:2fr 1fr}h1{font-size:86px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero-layout{grid-template-columns:1.6fr 1fr;gap:30px}h1{font-size:55px;letter-spacing:-2.4px}.hero-copy>p{font-size:16px}.features{gap:38px;grid-template-columns:.85fr 1.6fr}.section-heading h2{font-size:27px}.feature-list{gap:26px}.footer{flex-wrap:wrap}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{height:82px}.brand{font-size:22px;gap:8px}.brand img{width:32px;height:32px}.header nav{gap:18px;font-size:12px}.hero{padding-top:38px}.eyebrow{font-size:10px;margin-bottom:23px}.hero-layout{display:block}h1{font-size:clamp(36px,8.8vw,60px);line-height:1.1;letter-spacing:-1.8px}.hero-copy{margin-top:26px}.hero-copy>p{font-size:17px;margin-bottom:21px}.hero-footer{margin-top:30px;gap:18px;padding-bottom:28px}.hero-footer p{font-size:11px;white-space:normal;line-height:1.6;max-width:230px}.preview-section{padding-block:28px 23px}.preview-heading{align-items:start;flex-direction:column;gap:8px;margin-bottom:10px}.preview-heading h2{font-size:23px}.screen-tabs{gap:24px;margin-bottom:14px}.screen-tabs button{font-size:12px}.screen-caption{align-items:start;font-size:12px;padding-top:9px}.screen-caption p{padding-top:12px;max-width:210px}.development-note{font-size:10px}.features{display:block;padding-block:40px 46px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:29px}.feature-list{gap:25px 22px}.feature-list dt{font-size:14px;line-height:1.4}.feature-list dd{font-size:12px}.contact-inner{display:block;padding-block:32px}.contact h2{font-size:27px}.contact .button{margin-top:23px}.footer{display:grid;grid-template-columns:1fr;gap:19px;padding-block:28px}.footer .brand img{width:26px;height:26px}.image-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 24px)}.dialog-image{max-height:calc(100dvh - 90px)}.dialog-image img{width:auto;max-width:none}.dialog-bar{font-size:12px}.dialog-bar button{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.header-actions{display:flex;align-items:center;gap:32px}.theme-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:24px;color:var(--ink);background:transparent;font-size:12px;font-weight:600;white-space:nowrap}[data-theme="dark"] .theme-toggle{border-color:var(--green);color:var(--green)}.theme-toggle:hover{background:var(--contact)}.theme-icon{font-size:21px;line-height:1}.footer>a{overflow-wrap:anywhere}
@media(max-width:720px){.header{height:auto;display:grid;grid-template-columns:1fr auto;gap:12px;padding-block:16px}.header-actions{display:contents}.header nav{grid-column:1/-1;grid-row:2;gap:24px}.header nav a{padding:6px 0}.theme-toggle{grid-column:2;grid-row:1}.brand{font-size:21px}}
@media(max-width:360px){.header .brand{font-size:18px}.header .brand img{width:26px;height:26px}.theme-toggle{padding-inline:9px;gap:5px;font-size:11px}}

[data-theme="dark"] .screen-image-light,[data-theme="light"] .screen-image-dark{display:none}
@media(max-width:480px){.feature-list{grid-template-columns:1fr;gap:24px}.feature-list dt{font-size:16px}.feature-list dd{font-size:14px;max-width:none}.development-note{font-size:12px}.hero-footer p{font-size:12px}.scale{display:none}.hero-footer p{max-width:none}}

.footer>a[href^="mailto:"]{text-decoration:underline;text-underline-offset:4px}

.preview-section :focus-visible,.image-dialog :focus-visible{outline-color:var(--mint)}.header nav a{display:inline-flex;align-items:center;min-height:44px}.interactive .screen-title{display:none}.screen-title{font-size:18px;font-weight:500;margin:24px 0 12px}.development-note{font-size:13px}
@media(max-width:720px){.eyebrow{font-size:12px}.feature-list dt{font-size:16px}.feature-list dd{font-size:14px}.development-note{font-size:12px}.hero-footer p{font-size:12px}}

.pan-hint{display:block;margin-top:4px;font-size:12px;color:#b2c2b6}

.dialog-image{border:4px solid var(--dark)}.dialog-image:focus-visible{outline:3px solid var(--mint);outline-offset:-4px}

.image-dialog{color-scheme:dark}