:root{--paper:#f6f7f2;--green:#143e30;--muted:#63756a;--line:#d8dfd5;--hover:#28513f;font-family:Arial,Helvetica,sans-serif;color:var(--green);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--green);outline-offset:5px}
[hidden]{display:none!important}
.page{max-width:1720px;margin:auto;padding:0 clamp(24px,5vw,90px);min-height:100svh;display:grid;grid-template-rows:116px 1fr 88px}
header{display:flex;justify-content:space-between;align-items:center}
.brand{display:inline-flex;align-items:center}
.brand img{width:145px;height:auto;display:block}
.header-contact{font-size:14px;display:flex;gap:30px;align-items:center}
.header-contact{border:0;background:none;color:var(--green);padding:0}
.demo{border:0}
.header-contact:hover,footer a:hover{opacity:.68}
main{display:grid;grid-template-columns:.78fr 1.3fr;gap:clamp(32px,5.2vw,90px);align-items:center;padding:34px 0 64px}
.intro{padding-bottom:12px}
h1{font-size:clamp(40px,4.1vw,66px);line-height:1.065;font-weight:400;letter-spacing:-.055em;margin:0}
.period{color:var(--green)}
.positioning{font-size:15px;line-height:1.65;max-width:350px;margin:25px 0 29px;color:var(--muted)}
.actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.demo{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--green);color:var(--paper);font-size:14px;padding:17px 21px;border-radius:3px;transition:background .15s}
.demo:hover{background:var(--hover)}
.demo span{font-size:19px;line-height:1}
.work{min-width:0}
.tablist{display:flex;gap:33px;border-bottom:1px solid var(--line);margin-bottom:19px}
.tab{position:relative;border:0;background:none;color:var(--muted);padding:0 0 14px;font-size:15px;line-height:24px}
.tab[aria-selected="true"]{color:var(--green)}
.tab[aria-selected="true"]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green)}
.tab:hover{color:var(--green)}
.tab{white-space:nowrap}
.media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e2e7dd;border-radius:4px}
.scene{display:block;width:100%;height:100%;object-fit:cover}
.beyond-media{display:grid;place-items:center;background:#080b09;color:var(--paper);margin-bottom:64px!important}
.beyond-media .scene{position:absolute;inset:0;height:117%;object-position:center top}
.beyond-media::after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / .52)}
.beyond-media h2{position:relative;z-index:1;font-size:clamp(38px,5.5vw,80px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0;padding:24px;text-align:center}
.caption{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding-top:18px;min-height:42px}
.caption h2{font-size:14px;font-weight:500;margin:0}
.caption p{color:var(--muted);font-size:12px;line-height:1.4;margin:0}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
footer p{margin:0}
footer address{font-style:normal;line-height:1.5}
.footer-contact,.footer-location{display:flex;flex-direction:column;gap:8px}
.footer-socials{display:flex;gap:20px}
.footer-socials a{gap:7px}
.footer-socials a{align-items:center;font-size:12px;color:var(--green)}
.social-icon{width:18px;height:18px;flex-shrink:0;display:block}
footer a{display:flex;gap:12px}
.backed{display:flex;align-items:center;gap:8px;white-space:nowrap}
.backed strong{font-weight:500;color:var(--green);font-size:12px}
.yc-mark{display:grid;place-items:center;background:var(--green);color:var(--paper);width:21px;height:21px;font-size:16px;margin-left:4px;font-weight:400}
.skip-link{position:fixed;top:10px;left:16px;z-index:5;background:var(--green);color:white;padding:12px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
body.contact-open{overflow:hidden}
#contact-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100svh - 32px);padding:32px;border:1px solid var(--line);border-radius:5px;color:var(--green);background:var(--paper);overflow:auto}
#contact-dialog::backdrop{background:rgb(16 35 26 / .5)}
.contact-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.contact-heading h2{font-size:27px;letter-spacing:-.035em;font-weight:400;margin:0}
.contact-close{background:none;border:0;color:var(--green);font-size:26px;width:32px;height:32px;padding:0}
#contact-intro{font-size:13px;line-height:1.6;color:var(--muted);margin:14px 0 24px}
#contact-dialog form{display:grid;gap:8px}
#contact-dialog label{font-size:12px;margin-top:8px}
#contact-dialog input,#contact-dialog textarea{width:100%;border:1px solid #bcc9bf;background:transparent;color:var(--green);font:inherit;font-size:16px;border-radius:2px;padding:11px 12px}
#contact-dialog textarea{resize:vertical;min-height:100px}
#contact-dialog input:focus,#contact-dialog textarea:focus{outline:2px solid var(--green);outline-offset:2px}
.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;flex-wrap:wrap}
.contact-bottom a{font-size:11px;color:var(--muted)}
@media(max-width:480px){#contact-dialog{padding:24px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:16px}}
@media(min-width:900px) and (max-height:900px){.page{grid-template-rows:90px 1fr 65px}main{padding:20px 0 36px}.media{aspect-ratio:16/9;max-height:calc(100svh - 332px)}h1{font-size:clamp(40px,4.05vw,58px)}}
@media(max-width:1000px){main{gap:32px}h1{font-size:clamp(36px,4vw,48px)}.positioning{font-size:14px}.actions{gap:20px}.caption{display:block}.caption p{margin-top:6px}.page{grid-template-rows:95px 1fr 80px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.media{margin:0;aspect-ratio:16/9}
.caption{align-items:center;min-height:64px}
.caption h2{line-height:1.4}
.caption p{margin-top:6px}



.count{font-size:10px;letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:1000px){.caption{display:flex}}
@media(max-width:380px){.tablist{gap:24px}}
@media(max-width:760px){.page{padding:0 24px;grid-template-rows:84px 1fr auto}header .brand img{width:120px}.header-contact{font-size:12px;gap:17px}main{grid-template-columns:1fr;gap:35px;padding:30px 0 32px;align-content:start}.intro{padding:0}h1{font-size:clamp(43px,9.7vw,62px);line-height:1.04}.positioning{font-size:14px;max-width:340px;margin:19px 0 23px;line-height:1.55}.demo{padding:15px 18px}.media{aspect-ratio:16/9}.tablist{margin-bottom:14px}.tab{font-size:14px;padding-bottom:10px}.caption{display:flex;padding-top:13px}.caption h2{font-size:12px}.caption p{font-size:11px;margin-top:6px}footer{flex-wrap:wrap;gap:18px;padding:22px 0;font-size:10px}.copyright{width:100%}}
@media(max-width:760px){footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;row-gap:20px;align-items:start}.backed,.footer-socials{grid-column:1/-1}.footer-contact,.footer-location{gap:8px}footer a{gap:6px}.footer-socials{gap:22px}.footer-location address{max-width:170px}.caption h2{font-size:12px}}

.gallery-progress{display:flex;gap:7px;height:24px;margin-top:4px}
.gallery-progress button{position:relative;flex:1;min-width:0;border:0;padding:0;background:none;border-radius:2px}
.gallery-progress button::before{content:"";position:absolute;top:10px;left:0;right:0;height:4px;background:#ccd5cb;border-radius:2px;transition:background .15s}
.gallery-progress button[aria-current="true"]::before{background:var(--green)}
.gallery-progress button:hover::before{background:#81988a}
.gallery-progress button[aria-current="true"]:hover::before{background:var(--green)}
.gallery-progress + .caption{padding-top:0;min-height:36px}



.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}