@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#17211f;--paper:#f4f1e9;--paper-dark:#e5e6dc;--acid:#d7f36b;--muted:#68736b;--line:rgba(23,33,31,.2);--serif:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}.site-shell{overflow:clip}a{color:inherit;text-decoration:none}.section-wrap{width:100%;max-width:1320px;margin:auto;padding-left:48px;padding-right:48px}.site-header{height:86px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:600 19px var(--serif);letter-spacing:-.05em}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ink);color:var(--acid);font:600 15px var(--serif)}.main-nav{display:flex;align-items:center;gap:34px;font:13px var(--mono)}.main-nav a:not(.nav-cta){color:#4d5751}.main-nav a:hover{color:var(--ink)}.nav-cta{border:1px solid var(--ink);border-radius:30px;padding:11px 17px}.menu-toggle{display:none;background:none;border:0;font:13px var(--mono)}
.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:80px;padding-top:90px;padding-bottom:110px}.eyebrow{margin:0 0 24px;color:#64705d;font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.status-dot{display:inline-block;width:7px;height:7px;background:#8ab947;border-radius:50%;margin:0 8px 1px 0;box-shadow:0 0 0 4px rgba(138,185,71,.15)}h1,h2{font-family:var(--serif);letter-spacing:-.075em;line-height:.96;margin:0;font-weight:500}h1{font-size:clamp(55px,7vw,100px)}h2{font-size:clamp(45px,5vw,75px)}h1 em,h2 em,h3 em{color:#79867a;font-style:normal}.hero-lede{max-width:510px;margin:29px 0 31px;color:#56605a;font-size:17px;line-height:1.5}.hero-actions{display:flex;align-items:center;gap:25px}.button{border:0;cursor:pointer;font:500 12px var(--mono);padding:15px 19px;border-radius:3px}.button-primary{background:var(--ink);color:var(--acid)}.button-secondary{border:1px solid var(--ink)}.text-link{font:12px var(--mono);border-bottom:1px solid var(--ink);padding-bottom:4px}.platform-note{margin:16px 0 0;font:11px var(--mono);color:#79867a}.hero-lede a:not(.text-link){border-bottom:1px solid var(--line)}.hero-photo-box{min-width:0;display:flex;align-items:center;justify-content:center;background:#b8d867;padding:28px;box-shadow:18px 22px 0 rgba(23,33,31,.08)}.hero-photo{display:block;width:100%;height:auto;max-height:535px;object-fit:contain}.section-line{border-top:1px solid var(--line)}.home-products{padding-top:105px;padding-bottom:125px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:65px}.section-heading .eyebrow{margin-top:8px}.home-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.home-product-card{background:var(--paper-dark);display:grid;grid-template-rows:auto 1fr;transition:transform .25s;box-shadow:0 1px 0 var(--line);position:relative}.home-product-card:hover{transform:translateY(-6px)}.home-product-image{height:350px;overflow:hidden;background:#18201f}.home-product-image img{width:100%;height:100%;object-fit:cover;display:block}.home-product-copy{padding:32px 34px 38px;position:relative;min-height:310px}.home-product-copy .eyebrow{margin-bottom:20px}.home-product-copy h3{font:500 clamp(30px,3.5vw,48px)/.98 var(--serif);letter-spacing:-.07em;margin:0 0 22px}.home-product-copy p:not(.eyebrow){color:#68716b;line-height:1.5;max-width:390px;margin:0 0 28px}.home-detail{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:125px;padding-bottom:135px;border-top:1px solid var(--line)}.home-detail-image img{width:100%;display:block;box-shadow:18px 20px 0 rgba(23,33,31,.08);transform:rotate(-1deg)}.home-detail-image p{font:11px var(--mono);color:#79867a;margin-top:22px}.join{padding-top:120px;padding-bottom:125px;text-align:center}.join-inner{max-width:650px;margin:auto}.join h2{font-size:clamp(48px,6vw,80px)}.signup-form{display:flex;max-width:480px;margin:35px auto 0;background:#e6e4db;padding:5px}.signup-form input{flex:1;min-width:0;border:0;background:transparent;outline:0;padding:12px 14px;font:13px var(--mono);color:var(--ink)}.signup-form .button{white-space:nowrap}.form-message{min-height:17px;color:#697b55;font:11px var(--mono);margin:12px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.footer{border-top:1px solid var(--line);min-height:90px;display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);color:#7d877f}.footer .brand{color:var(--ink)}
.mascot-feature{margin:42px 0 0;display:flex;align-items:flex-end;gap:18px}.mascot-feature img{display:block;object-fit:contain;object-position:center bottom;filter:drop-shadow(10px 12px 0 rgba(23,33,31,.1))}.mascot-feature figcaption{font:10px var(--mono);color:#79867a;text-transform:uppercase;max-width:140px;padding-bottom:10px}.mascot-home img,.mascot-coder img{width:145px;height:145px}.mascot-os img{width:125px;height:100px}.mascot-head-feature img{width:115px;height:115px}.mascot-head-feature{margin-top:50px}.coder-hero-photo{min-width:0;align-self:center;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e7e4da;box-shadow:18px 22px 0 rgba(23,33,31,.08)}.coder-hero-photo img{display:block;width:100%;height:auto;max-height:535px;object-fit:contain}.vodomation-hero{min-height:720px;border-top:1px solid var(--line)}.vodomation-hero:nth-of-type(even){background:rgba(229,230,220,.38)}.image-stage{min-width:0;display:block}.os-hero-image{width:100%;max-height:570px;display:block;box-shadow:25px 30px 0 rgba(23,33,31,.1);transform:none;object-fit:contain;background:#18201f}.os-intro{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-top:110px;padding-bottom:115px}.os-intro-copy{max-width:500px;padding-top:9px;color:#68716b;font-size:16px;line-height:1.6}.os-intro-copy p{margin:0 0 20px}.capabilities{padding-top:95px;padding-bottom:120px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capability{min-height:260px;padding:25px;background:var(--paper-dark);position:relative}.card-number{color:#8b948d;font:11px var(--mono)}.capability h3{font:500 23px var(--serif);letter-spacing:-.04em;max-width:250px;margin:48px 0 15px}.capability p{max-width:285px;color:#68716b;font-size:14px;line-height:1.5}.os-principles{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;background:#1c2724;color:#e7ebdc;padding-top:88px;padding-bottom:95px}.os-principles .eyebrow{color:#a8bb83}.os-principles h2{color:#eef3df}.os-principles h2 em{color:var(--acid)}.principles-list{border-top:1px solid #526158}.principles-list div{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid #526158}.principles-list span{color:#a8bb83;font:11px var(--mono)}.principles-list p{margin:0;color:#aab5a8;font-size:14px;line-height:1.5}.principles-list strong{color:#e7ebdc;font-weight:500}
@media(max-width:800px){.site-header{height:70px;padding:0 20px}.section-wrap{padding-left:20px;padding-right:20px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;z-index:5;top:70px;left:0;right:0;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px}.main-nav.open{display:flex}.hero{grid-template-columns:1fr;gap:45px;padding-top:65px;padding-bottom:75px}.image-stage,.product-collage,.coder-hero-photo{max-width:680px;width:100%;margin:auto}.product-collage{grid-template-columns:1fr 1fr}.os-intro,.os-principles,.home-detail{grid-template-columns:1fr;gap:45px}.section-heading{display:block;margin-bottom:40px}.home-product-grid,.capability-grid{grid-template-columns:1fr}.home-product-image{height:260px}.footer{flex-wrap:wrap;gap:20px;padding-top:25px;padding-bottom:25px}.signup-form{flex-direction:column;background:transparent;gap:8px}.signup-form input{background:#e6e4db;padding:16px}.signup-form .button{width:100%}.image-stage{grid-template-columns:1fr 130px;gap:14px}.mascot-feature{margin-top:30px}.mascot-home img,.mascot-coder img{width:120px;height:120px}.coder-hero-photo img{max-height:390px}}@media(max-width:420px){.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.product-collage,.image-stage{grid-template-columns:1fr}}