@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
:root{--cream:#f2eadb;--teal:#135f5c;--amber:#e8a225;--coral:#ff725e;--brown:#332c27;--light:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font:17px/1.55 "IBM Plex Sans",sans-serif}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 46px));margin:auto}.nav{height:88px;display:flex;justify-content:space-between;align-items:center}.brand{font:800 22px "Bricolage Grotesque";text-decoration:none;display:flex;align-items:center;gap:12px}.chip{width:38px;height:26px;background:var(--teal);border:4px solid var(--brown);border-radius:8px;box-shadow:inset 10px 0 var(--coral)}.nav nav{background:var(--light);border:2px solid var(--brown);border-radius:18px;padding:12px 20px;box-shadow:4px 4px 0 var(--brown)}.nav nav a{text-decoration:none;margin:0 12px;font-size:13px;font-weight:600}.hero{padding:45px 0 100px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.status{display:inline-flex;gap:9px;align-items:center;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.status i{width:11px;height:11px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px rgba(255,114,94,.18)}.hero h1,.section-title,.scenario h2,.contact h2{font-family:"Bricolage Grotesque";font-weight:800;letter-spacing:-.06em;line-height:.84}.hero h1{font-size:clamp(70px,9.5vw,140px);margin:28px 0}.hero h1 span{color:var(--teal)}.hero p{max-width:580px;font-size:20px}.hero-button{display:inline-block;margin-top:25px;background:var(--coral);border:2px solid var(--brown);box-shadow:6px 6px 0 var(--brown);border-radius:13px;padding:14px 20px;text-decoration:none;font-weight:600}.hero-image{border:6px solid var(--brown);border-radius:38px;overflow:hidden;box-shadow:14px 14px 0 var(--teal);background:var(--teal)}.hero-image img{width:100%;height:650px;object-fit:cover}.signals{background:var(--teal);color:var(--light);padding:38px 0}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.signal{border-left:2px solid rgba(255,255,255,.45);padding:10px 25px}.signal strong{display:block;font-family:"Bricolage Grotesque";font-size:25px;line-height:1;margin-bottom:8px}.modules{padding:130px 0}.module-head{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end;margin-bottom:70px}.section-title{font-size:clamp(64px,9vw,124px);margin:0}.module-head p{font-size:20px}.module-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:25px}.module{border:3px solid var(--brown);border-radius:32px;padding:18px;background:var(--light);box-shadow:9px 9px 0 var(--brown)}.module:nth-child(2){background:#b9d3c5}.module:nth-child(3){background:#ffc4b6}.module:nth-child(4){background:#f2c967}.module img{width:100%;height:340px;object-fit:cover;border-radius:18px;background:var(--cream)}.module:nth-child(2) img,.module:nth-child(3) img,.module:nth-child(4) img{height:270px;object-fit:contain}.module:nth-child(3){grid-column:1}.module:nth-child(4){grid-column:2;grid-row:2}.module-copy{padding:25px 14px 18px}.module-copy h3{font:700 40px/1 "Bricolage Grotesque";margin:0 0 14px}.module-copy p{max-width:540px;margin:0}.scenario{background:var(--brown);color:var(--light);padding:120px 0}.scenario-shell{border:7px solid var(--cream);border-radius:48px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;box-shadow:14px 14px 0 var(--coral)}.scenario img{height:580px;width:100%;object-fit:cover}.screen{background:#d9911c;padding:70px;color:#2b271f;display:flex;flex-direction:column;justify-content:center}.screen h2{font-size:clamp(58px,7vw,95px);margin:15px 0 30px}.screen .fine{border-top:2px solid rgba(0,0,0,.4);padding-top:18px;font-size:14px}.wiring{padding:130px 0}.wiring-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px}.wiring-head h2{font:800 clamp(58px,8vw,110px)/.86 "Bricolage Grotesque";letter-spacing:-.06em;margin:0}.wiring-head p{max-width:420px}.board{background:var(--light);border:4px solid var(--brown);border-radius:34px;padding:35px;box-shadow:12px 12px 0 var(--teal)}.wire{display:grid;grid-template-columns:240px 70px 1fr;align-items:center;min-height:125px;border-bottom:2px solid #c9beac}.wire:last-child{border:0}.wire strong{font:700 27px "Bricolage Grotesque"}.jack{width:34px;height:34px;border:7px solid var(--teal);border-radius:50%;background:var(--coral);position:relative}.jack:after{content:"";position:absolute;height:3px;background:var(--amber);width:55px;left:27px;top:9px}.casing{background:var(--coral);padding:130px 0}.casing-box{border:5px solid var(--brown);border-radius:44px;overflow:hidden;background:var(--cream);display:grid;grid-template-columns:.85fr 1.15fr;box-shadow:15px 15px 0 var(--brown)}.casing-title{padding:70px;background:var(--teal);color:white}.casing h2{font:800 clamp(55px,7vw,90px)/.85 "Bricolage Grotesque";margin:0}.limits{padding:65px}.limits h3{font:700 29px "Bricolage Grotesque"}.limits p{font-size:15px}.limits ul{padding-left:19px}.contact{padding:130px 0;background:var(--amber)}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.contact h2{font-size:clamp(70px,11vw,150px);margin:0}.contact-panel{border:4px solid var(--brown);background:var(--light);border-radius:25px;padding:35px;box-shadow:9px 9px 0 var(--teal)}.contact-panel p{margin:8px 0}.email{font-weight:700;color:var(--teal);overflow-wrap:anywhere}.footer{background:var(--brown);color:var(--cream);padding:28px 0;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{margin-left:18px}.legal-main{width:min(860px,calc(100% - 38px));margin:auto;padding:80px 0 120px}.legal-main h1{font:800 clamp(58px,8vw,98px)/.88 "Bricolage Grotesque";letter-spacing:-.05em}.legal-main h2{font:700 27px "Bricolage Grotesque";margin-top:45px}.back{display:inline-block;margin-top:30px}
@media(max-width:760px){.wrap{width:calc(100% - 28px)}.nav nav{display:none}.hero{padding-top:20px}.hero-grid,.module-head,.scenario-shell,.casing-box,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:76px;overflow-wrap:anywhere}.hero-image{margin-top:25px}.hero-image img{height:420px}.signal-grid{grid-template-columns:1fr}.signal{border-left:0;border-top:1px solid rgba(255,255,255,.35);padding:20px 0}.modules,.scenario,.wiring,.casing,.contact{padding:85px 0}.module-head{gap:20px}.module-grid{grid-template-columns:1fr}.module:nth-child(3),.module:nth-child(4){grid-column:auto;grid-row:auto}.module img,.module:nth-child(2) img,.module:nth-child(3) img,.module:nth-child(4) img{height:280px}.scenario-shell{border-width:4px}.scenario img{height:380px}.screen{padding:40px 26px}.wiring-head{display:block}.wiring-head p{margin-top:25px}.board{padding:20px}.wire{grid-template-columns:1fr;gap:15px;padding:25px 0}.jack:after{width:180px}.casing-title,.limits{padding:42px 26px}.contact-grid{gap:40px}.footer a{margin:0 15px 0 0}.legal-main h1{font-size:60px;overflow-wrap:anywhere}}