@font-face{font-family:Inter;src:url('/assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,sans-serif;font-synthesis:none;color:#183D35;background:#F5F7F2;--paper:#F5F7F2;--ink:#183D35;--petrol:#176B5B;--amber:#DDAA54}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}html{scroll-behavior:smooth}a:focus-visible,video:focus-visible{outline:3px solid var(--amber);outline-offset:6px}
.site-header{height:88px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:31px;font-weight:780;letter-spacing:-.06em}.brand svg{width:33px;height:33px}.header-entry{font-size:20px;font-weight:650;display:flex;gap:24px;align-items:center}.header-entry span{font-size:27px}
.hero{min-height:calc(100svh - 88px);padding:45px 5.5vw 70px;display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:4vw;align-items:center}.hero h1{font-size:clamp(48px,4.4vw,85px);line-height:1.04;font-weight:780;letter-spacing:-.055em}.hero-copy>p:first-of-type{font-size:clamp(23px,1.5vw,29px);line-height:1.45;max-width:570px;margin-top:28px;font-weight:500;color:#4A6555}.actions{display:flex;align-items:center;gap:24px;margin-top:36px;flex-wrap:wrap}.primary{background:var(--petrol);color:var(--paper);font-size:clamp(20px,1.3vw,25px);font-weight:650;padding:18px 24px;display:inline-flex;align-items:center;gap:28px;border-radius:9px;line-height:1.25;transition:background .2s,transform .2s}.primary:hover{background:var(--ink);transform:translateY(-2px)}.watch{font-size:20px;font-weight:600;display:inline-flex;gap:17px;align-items:center;line-height:1.4}.demo-note{font-size:18px;line-height:1.5;color:#587562;margin-top:28px;max-width:460px}.hero-scene{min-width:0;border-radius:16px;overflow:hidden;background:#E9EFE8;box-shadow:0 35px 90px #183D3512}.hero-scene img{display:block;width:100%;height:clamp(310px,29vw,560px);object-fit:cover;object-position:52% 50%}.scene-caption{display:flex;justify-content:space-between;gap:22px;padding:26px 28px;background:var(--ink);color:var(--paper);font-size:clamp(21px,1.4vw,27px);font-weight:600;line-height:1.25}
.walkthrough{min-height:100svh;background:var(--ink);color:var(--paper);padding:60px 5.5vw;scroll-margin-top:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;max-width:1600px;margin:0 auto 32px}.section-heading h2{font-size:clamp(44px,3.8vw,73px);font-weight:780;letter-spacing:-.055em;line-height:1.05}.section-heading p{font-size:clamp(22px,1.4vw,27px);font-weight:500;line-height:1.45;color:#C6D9CC;max-width:550px}.walkthrough video{display:block;width:100%;max-width:1600px;aspect-ratio:16/9;border:1px solid #547568;border-radius:10px;margin:0 auto;background:#0d2921}.video-next{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1600px;margin:30px auto 0}.video-next p{font-size:clamp(23px,1.5vw,29px);font-weight:600}.video-next .primary{background:var(--amber);color:var(--ink)}.video-next .primary:hover{background:#E6BA6E}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr;gap:30px}.hero h1{font-size:48px}.actions{gap:20px}.scene-caption{padding:22px 19px;font-size:21px}.scene-caption span:last-child{max-width:145px}.hero-scene img{height:365px}.section-heading p{max-width:420px;font-size:22px}}
@media(max-width:700px){.site-header{height:74px;padding:0 22px}.brand{font-size:27px}.brand svg{width:29px;height:29px}.header-entry{font-size:16px;gap:8px}.header-entry span{font-size:23px}.hero{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:34px 24px 42px;gap:34px;min-height:calc(100svh - 74px)}.hero h1{font-size:45px}.hero-copy>p:first-of-type{font-size:22px;margin-top:23px}.actions{gap:23px;margin-top:27px}.primary{font-size:20px;padding:17px 20px;gap:21px}.watch{font-size:19px}.demo-note{font-size:17px;margin-top:21px}.hero-scene img{height:280px}.scene-caption{font-size:19px;padding:19px;gap:20px}.walkthrough{padding:43px 24px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:44px}.section-heading p{font-size:21px;line-height:1.45;margin-top:22px}.walkthrough video{border-radius:7px}.video-next{align-items:flex-start;flex-direction:column;gap:22px;margin-top:27px}.video-next p{font-size:23px}.video-next .primary{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}