:root{--ink:#25160f;--brown:#3b2116;--copper:#996037;--gold:#c7a15a;--cream:#f3ead8;--paper:#fbf7ef;--olive:#60673e;--line:rgba(44,25,16,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:20;color:white;background:linear-gradient(180deg,rgba(20,10,6,.92),rgba(20,10,6,.58));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:flex;gap:12px;align-items:center;font-family:"Playfair Display",serif;font-weight:600;letter-spacing:.12em;font-size:21px}.brand small{display:block;font:500 9px "DM Sans",sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-top:3px}.brand-mark{width:64px;height:46px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.nav{display:flex;gap:30px;font-size:13px}.nav a{opacity:.82}.nav a:hover{opacity:1;color:#e4c47d}.header-actions,.lang{display:flex;align-items:center}.lang{border:1px solid rgba(255,255,255,.22);border-radius:30px;overflow:hidden}.lang button{border:0;background:none;color:white;padding:7px 9px;font-size:10px;cursor:pointer}.lang button.active{background:var(--gold);color:#23140e}.menu{display:none;border:0;background:none;color:#fff;font-size:23px}.hero{min-height:860px;height:100svh;position:relative;color:white;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,9,5,.84) 0%,rgba(25,12,7,.57) 40%,rgba(20,10,5,.08) 72%),url('assets/hero.webp') center/cover no-repeat;transform:scale(1.01)}.hero-content{position:relative;z-index:2;width:50%;padding:120px 0 60px 7vw}.eyebrow{font-weight:700;letter-spacing:.22em;font-size:11px;color:var(--copper);margin:0 0 20px}.hero .eyebrow{color:#dfbf7c}.hero h1,.section h2,.story-copy h2,.pilot h2,.contact h2{font:600 clamp(48px,6vw,88px)/.98 "Playfair Display",serif;letter-spacing:-.035em;margin:0}.hero-copy{font:400 18px/1.65 "DM Sans",sans-serif;max-width:630px;color:rgba(255,255,255,.8);margin:28px 0}.hero-ctas{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:15px 23px;font-weight:700;font-size:13px;border:1px solid transparent;transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:#24140d}.ghost{border-color:rgba(255,255,255,.4);color:white}.light{background:var(--cream);color:var(--brown)}.hero-points{display:flex;gap:24px;margin-top:34px;color:rgba(255,255,255,.62);font-size:11px;text-transform:uppercase;letter-spacing:.09em}.hero-points span:before{content:'✓';color:var(--gold);margin-right:7px}.dashboard-card{position:absolute;right:5vw;bottom:6vh;width:min(410px,31vw);z-index:3;background:rgba(246,239,225,.94);color:var(--ink);padding:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 30px 80px rgba(0,0,0,.3);border-radius:14px;backdrop-filter:blur(15px)}.dash-head,.dash-row{display:flex;justify-content:space-between;align-items:center}.dash-head span{font-size:10px;color:#716458}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.metrics article{background:white;border:1px solid var(--line);padding:13px;border-radius:8px}.metrics b{display:block;font:600 22px "Playfair Display"}.metrics small{font-size:9px;color:#6d6057}.metrics .alert{background:#f3dfd6}.dash-row{background:white;border:1px solid var(--line);padding:14px;border-radius:8px;font-size:11px}.dash-row p{margin:6px 0;color:#75685f}.donut{width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--olive) 72%,#e4ddcf 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.donut:after{content:'';position:absolute;inset:10px;background:#fff;border-radius:50%}.donut b,.donut small{z-index:1}.donut small{font-size:7px}.section{padding:120px 7vw}.section-heading{max-width:820px}.section-heading h2,.story-copy h2,.contact h2{font-size:clamp(40px,5vw,68px)}.section-heading>p:last-child{max-width:680px;color:#72655c;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature{min-height:245px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.feature:hover{background:var(--cream);transform:translateY(-4px)}.feature span{font:600 12px "DM Sans";color:var(--copper)}.feature h3{font:600 25px "Playfair Display";margin:28px 0 13px}.feature p{color:#75685e;line-height:1.7;font-size:14px}.field-story{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;min-height:680px;background:var(--brown);color:white}.story-image{position:relative;overflow:hidden;min-height:580px}.story-image img{width:100%;height:100%;object-fit:cover;transition:.8s}.story-image:hover img{transform:scale(1.03)}.caption{position:absolute;left:22px;bottom:22px;padding:9px 12px;background:rgba(30,15,9,.76);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.story-copy{padding:80px 46px;display:flex;justify-content:center;flex-direction:column}.story-copy .eyebrow{color:var(--gold)}.story-copy h2{font-size:45px}.story-copy>p:not(.eyebrow){line-height:1.75;color:rgba(255,255,255,.7)}.story-copy ul{padding:0;list-style:none}.story-copy li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px}.story-copy li:before{content:'↗';color:var(--gold);margin-right:10px}.owner{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:#ece2d1}.owner-copy h2{font-size:54px}.owner-copy>p:last-child{line-height:1.8;color:#74665c}.owner-board{background:#fcf9f3;border-radius:14px;padding:25px;box-shadow:0 24px 70px rgba(49,29,18,.17)}.board-top{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:12px}.board-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.board-cards article{padding:17px;background:white;border:1px solid var(--line);border-radius:8px}.board-cards small,.board-cards b,.board-cards i{display:block}.board-cards small{font-size:9px;color:#7b6c61}.board-cards b{font:600 20px "Playfair Display";margin:8px 0}.board-cards i{font-style:normal;font-size:9px;color:var(--olive)}.chart{height:180px;display:flex;align-items:end;gap:6%;padding:20px 7%;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.chart span{width:7%;background:linear-gradient(var(--gold),var(--copper));border-radius:4px 4px 0 0}.pilot{background:linear-gradient(90deg,rgba(28,14,8,.96),rgba(28,14,8,.82)),url('assets/bayo-training.webp') center/cover;color:white;padding:120px 7vw}.pilot-inner{max-width:980px}.pilot .eyebrow{color:var(--gold)}.pilot h2{font-size:clamp(42px,5.5vw,72px)}.pilot-inner>p:not(.eyebrow){max-width:760px;line-height:1.8;color:rgba(255,255,255,.72)}.pilot-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.18);margin:45px 0}.pilot-steps span{background:rgba(25,12,7,.73);padding:25px}.pilot-steps b{display:block;color:var(--gold);font-size:11px}.pilot-steps em{display:block;font:normal 16px "Playfair Display";margin-top:12px}.demo{overflow:hidden}.devices{min-height:600px;margin-top:40px;position:relative}.laptop{position:absolute;width:72%;height:460px;left:4%;top:50px;padding:14px 14px 28px;background:#271a14;border-radius:18px;box-shadow:0 30px 80px rgba(37,22,15,.25)}.screen{background:#eee5d6;height:100%;padding:26px}.mini-nav{display:flex;justify-content:space-between;font:600 14px "Playfair Display";padding-bottom:18px;border-bottom:1px solid var(--line)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.mini-grid div,.mini-list{background:white;border:1px solid var(--line);padding:18px}.mini-grid b{font:600 28px "Playfair Display";display:block}.mini-grid small{color:#75685e}.mini-list p{border-bottom:1px solid var(--line);padding:14px;margin:0}.mini-list small{float:right;color:#897a70}.phone{position:absolute;right:9%;top:0;width:230px;height:490px;border:10px solid #21140e;border-radius:36px;background:#21140e;box-shadow:0 30px 70px rgba(0,0,0,.3);z-index:2}.phone-screen{height:100%;border-radius:25px;background:#f7f1e7;padding:25px 16px;color:var(--ink)}.phone-screen>strong{font:600 13px "Playfair Display"}.horse-thumb{height:190px;margin:20px -16px;background:url('assets/bayo-training.webp') center/cover}.phone-screen h4{font:600 22px "Playfair Display";margin:15px 0 5px}.phone-screen p{font-size:11px;color:#74665c}.phone-screen button{width:100%;padding:12px;background:var(--olive);color:white;border:0;border-radius:4px}.contact{padding:120px 7vw;background:var(--cream);text-align:center}.contact-inner{max-width:850px;margin:auto}.contact h2{font-size:clamp(42px,5vw,66px)}.contact p:not(.eyebrow){color:#77685d}.contact .btn{margin-top:20px}footer{padding:38px 5vw;background:#1d100a;color:white;display:flex;align-items:center;justify-content:space-between}footer p{font-size:11px;color:rgba(255,255,255,.5)}.footer-brand{font-size:16px}.footer-brand .brand-mark{width:48px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.nav{display:none}.menu{display:block}.lang{margin-right:12px}.hero-content{width:68%}.dashboard-card{width:360px}.field-story{grid-template-columns:1fr 1fr}.story-copy{grid-row:1/3;grid-column:2}.story-image{min-height:420px}.owner{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topbar{height:70px;padding:0 18px}.brand{font-size:15px}.brand-mark{width:48px}.hero{min-height:850px;height:auto}.hero-bg{background:linear-gradient(180deg,rgba(18,9,5,.48),rgba(18,9,5,.92) 68%),url('assets/hero-800.webp') 63% center/cover}.hero-content{width:100%;padding:170px 22px 260px}.hero h1{font-size:52px}.hero-copy{font-size:15px}.hero-points{flex-direction:column;gap:10px}.dashboard-card{left:20px;right:20px;bottom:22px;width:auto}.section{padding:82px 22px}.feature-grid{grid-template-columns:1fr;margin-top:45px}.feature{min-height:0}.field-story{grid-template-columns:1fr}.story-copy{grid-row:auto;grid-column:auto;padding:70px 24px}.story-image{min-height:390px}.owner-board{padding:15px}.board-cards{grid-template-columns:1fr}.chart{height:130px}.pilot{padding:85px 22px}.pilot-steps{grid-template-columns:1fr 1fr}.devices{min-height:720px}.laptop{width:120%;left:-22%;height:390px}.phone{right:3%;top:300px}.mini-list small{display:none}footer{flex-direction:column;gap:18px;text-align:center}}
