:root{--ink:#202a26;--cream:#f6f4e9;--lime:#d8f36a;--orange:#f9895d;--purple:#c6b8f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1320px,90%);margin:auto}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28332c2c}.brand{font-family:'Space Grotesk';font-weight:700;font-size:20px;letter-spacing:-1px}.brand span{color:#778e2e}.nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:700}.nav .pill,.button{border:1px solid var(--ink);border-radius:100px;padding:13px 21px}.hero{min-height:690px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:3%;padding:70px 0 95px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:700;display:flex;align-items:center;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:#9dbc37;display:inline-block}.hero h1{font:600 clamp(65px,7.6vw,116px)/.95 'Space Grotesk';letter-spacing:-.075em;margin:32px 0}.hero h1 em{font-style:normal;color:#789529}.hero p{font-size:18px;line-height:1.7;max-width:500px;color:#55605a}.actions{display:flex;align-items:center;gap:28px;margin-top:34px;font-weight:700;font-size:13px}.button{display:inline-flex;gap:28px;align-items:center;background:var(--ink);color:white;padding:17px 23px}.arrow{font-size:19px}.textlink{border-bottom:1px solid;padding-bottom:5px}.visual{height:480px;position:relative}.visual:before{content:'';position:absolute;inset:10% 2% 8% 8%;background:#e1e8cd;border-radius:50%;transform:rotate(-12deg)}.orbit{position:absolute;border:1px solid #9cad83;border-radius:50%;inset:2% 0;transform:rotate(-22deg)}.orbit:after{content:'✳';position:absolute;right:8%;top:13%;font-size:45px;color:#79922e}.device{position:absolute;left:14%;top:21%;width:74%;height:58%;background:#303a35;border:7px solid #303a35;border-radius:20px;transform:rotate(-7deg);box-shadow:14px 22px 0 #b2c59c;overflow:hidden}.screen{height:73%;background:#d9f16c;border-radius:12px 12px 3px 3px;padding:20px;color:#26352a;font-family:'Space Grotesk'}.screen-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}.screen-code{font-size:clamp(25px,3vw,45px);font-weight:700;letter-spacing:-.08em;margin-top:25px}.wave{height:40px;display:flex;align-items:center;gap:4px;margin-top:15px}.wave i{display:block;width:5px;border-radius:4px;background:#33442b;height:var(--h)}.controls{display:flex;justify-content:space-around;align-items:center;height:27%;color:#e5eacb;font-size:9px;letter-spacing:.1em}.knob{width:41px;height:41px;border:5px solid #d2dcbd;border-radius:50%;position:relative}.knob:after{content:'';position:absolute;height:12px;width:2px;background:#d2dcbd;left:50%;top:2px;transform:rotate(35deg);transform-origin:bottom}.sticker{position:absolute;background:var(--orange);border:1px solid var(--ink);border-radius:50%;width:105px;height:105px;display:grid;place-items:center;text-align:center;right:0;bottom:5%;font-size:12px;font-weight:700;transform:rotate(13deg)}.caption{position:absolute;left:4%;bottom:2%;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.ticker{background:var(--ink);color:var(--cream);overflow:hidden;padding:19px 0;white-space:nowrap;font:600 13px 'Space Grotesk';letter-spacing:.14em;text-transform:uppercase}.ticker span{margin:0 25px;color:var(--lime)}section{scroll-margin-top:25px}.intro{padding:130px 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}.section-no{font:12px 'Space Grotesk';letter-spacing:.14em;text-transform:uppercase}.intro h2,.section-title,.contact h2{font:600 clamp(42px,5vw,72px)/1.04 'Space Grotesk';letter-spacing:-.06em;margin:0}.intro h2 span{color:#829b3d}.intro p{max-width:630px;font-size:19px;line-height:1.7;color:#59635c}.services{background:#e9eddf;padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.section-head p{max-width:340px;line-height:1.7;color:#5d685f}.service{display:grid;grid-template-columns:70px 1fr 1fr 50px;gap:25px;padding:34px 0;border-top:1px solid #9da99a;align-items:start}.service:last-child{border-bottom:1px solid #9da99a}.service .number{font:12px 'Space Grotesk';color:#71806e}.service h3{font:600 clamp(25px,3vw,38px) 'Space Grotesk';letter-spacing:-.05em;margin:0}.service p{margin:0;max-width:400px;line-height:1.7;color:#59635c}.service .icon{font-size:28px}.bridge{padding:130px 0;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.diagram{background:var(--purple);border-radius:8px;min-height:420px;position:relative;display:grid;place-items:center;overflow:hidden}.diagram:before,.diagram:after{content:'';position:absolute;border:1px solid #786c9d;border-radius:50%;width:300px;height:300px}.diagram:before{transform:translateX(-70px)}.diagram:after{transform:translateX(70px)}.diagram .center{z-index:1;background:var(--ink);color:var(--lime);width:125px;height:125px;border-radius:50%;display:grid;place-items:center;font:600 44px 'Space Grotesk'}.diagram .tag{position:absolute;font:700 11px 'Space Grotesk';letter-spacing:.14em}.tag.old{left:9%;top:18%}.tag.new{right:9%;bottom:18%}.bridge h2{font:600 clamp(42px,4.8vw,70px)/1.04 'Space Grotesk';letter-spacing:-.06em;margin:25px 0}.bridge p{font-size:17px;line-height:1.8;color:#59635c}.note{display:inline-block;margin-top:20px;background:var(--lime);padding:12px 17px;transform:rotate(-2deg);font-size:13px;font-weight:700}.about{background:#f4c3a7;padding:105px 0}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:12%}.about h2{font:600 clamp(45px,5vw,72px)/1.05 'Space Grotesk';letter-spacing:-.06em;margin:24px 0}.about p{font-size:18px;line-height:1.8;margin-top:0}.about .small{font-size:15px}.contact{padding:130px 0 80px}.contact-box{background:var(--lime);padding:75px;border-radius:8px;position:relative;overflow:hidden}.contact-box:after{content:'✳';position:absolute;font-size:250px;right:-15px;top:-55px;color:#c4e458}.contact h2,.contact p,.contact .contact-details,.contact .eyebrow{position:relative;z-index:1}.contact p{font-size:18px;line-height:1.7;max-width:570px}.contact-details{display:flex;gap:50px;margin-top:40px}.contact-details div{border-top:1px solid #718a36;padding-top:14px;min-width:180px;font-size:13px}.contact-details strong{display:block;margin-top:8px;font:600 18px 'Space Grotesk'}.footer{display:flex;justify-content:space-between;align-items:center;padding:35px 0;font-size:12px;border-top:1px solid #c7cdc0}.footer span{color:#6c766d}@media(max-width:800px){header{height:75px}.nav a:not(.pill){display:none}.hero{grid-template-columns:1fr;padding:70px 0 65px;gap:0}.hero h1{font-size:clamp(62px,14vw,100px)}.visual{height:360px;margin-top:20px}.device{left:13%;width:75%}.intro,.bridge,.about-grid{grid-template-columns:1fr;gap:35px}.intro,.bridge{padding:80px 0}.services,.about{padding:80px 0}.section-head{display:block}.service{grid-template-columns:35px 1fr 30px;gap:12px}.service p{grid-column:2;grid-row:2}.service .icon{grid-column:3;grid-row:1}.diagram{min-height:330px}.contact{padding:80px 0 50px}.contact-box{padding:42px 25px}.contact-details{flex-direction:column;gap:20px}.footer{gap:20px}.sticker{width:85px;height:85px}.screen-code{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}.visual:before,.orbit,.device,.sticker,.caption{display:none}.diagram{background:transparent}.diagram:before,.diagram:after{display:none}.diagram img{width:100%;height:100%;object-fit:cover;border-radius:8px}