:root{--black:#090909;--paper:#edeae3;--muted:#8b8983;--line:#2b2a27;--red:#f03626}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font:400 15px/1.6 "DM Sans",sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.container{width:min(1160px,calc(100% - 3rem));margin:auto}.site-header{position:fixed;z-index:10;inset:0 0 auto;background:#090909c9;border-bottom:1px solid #ffffff12;backdrop-filter:blur(15px)}.navbar{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:16px;font-weight:700;letter-spacing:.16em}.brand img{width:33px}.brand span,.brand>span span{color:var(--red)}.nav-actions{display:flex;align-items:center;gap:25px}.mail-link{color:#777;font:10px "DM Mono",monospace;text-decoration:none}.nav-menu{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.nav-menu a{color:#9a9790;text-decoration:none;font-size:12px}.nav-menu a:hover{color:#fff}.nav-cta{padding:10px 15px;border:1px solid #413d38;background:none;color:var(--paper);font-size:12px}.nav-cta b{color:var(--red);margin-left:9px}.menu-button{display:none;width:35px;border:0;background:none}.menu-button i{display:block;height:1px;width:24px;margin:6px 0;background:var(--paper)}.hero{height:100vh;min-height:700px;position:relative;overflow:hidden;display:flex;align-items:center;background:#090909}.hero-background{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.9%,#181614 50%,transparent 50.1%),linear-gradient(0deg,transparent 0 49.9%,#181614 50%,transparent 50.1%);background-size:90px 90px;opacity:.2;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 68%)}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:3rem;padding-top:50px}.eyebrow{margin:0 0 25px;color:#817e78;text-transform:uppercase;letter-spacing:.16em;font:10px "DM Mono",monospace}.hero-copy h1{margin:0 0 27px;font-size:clamp(4rem,7.5vw,8rem);font-weight:500;line-height:.87;letter-spacing:-.08em}.hero-copy h1 em,.intro h2 em,.closing h2 em,.contact-modal h2 em{color:var(--red);font:italic 400 1.08em "Instrument Serif",serif}.hero-intro{max-width:360px;color:#aaa79f;font-size:16px;line-height:1.45}.main-cta{display:inline-flex;align-items:center;gap:20px;margin-top:30px;padding:0 0 10px;border:0;border-bottom:1px solid #67635c;background:none;color:var(--paper);font-weight:600}.main-cta b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--red);color:#111;font-size:18px;order:-1}.hero-scene{height:520px;position:relative}.scene-caption{position:absolute;top:50%;color:#706c65;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.15em}.caption-before{left:0;transform:rotate(-90deg) translateX(-50%)}.caption-after{right:0;transform:rotate(90deg) translateX(50%)}.mess{position:absolute;left:8%;top:28%;width:260px;height:180px;animation:mess-fade 7s ease-in-out infinite}.mess-word{position:absolute;color:#aaa49b;font:italic 26px "Instrument Serif",serif;transform:rotate(-10deg)}.word-one{left:10px;top:5px}.word-two{right:10px;top:45px;transform:rotate(8deg)}.word-three{left:60px;bottom:12px;transform:rotate(-4deg)}.word-four{right:5px;bottom:0;color:var(--red);font-size:22px;transform:rotate(12deg)}.mess-line{position:absolute;height:1px;background:#777}.line-one{top:45px;left:0;width:100px;transform:rotate(28deg)}.line-two{top:108px;left:15px;width:145px;transform:rotate(-19deg)}.line-three{right:0;bottom:34px;width:100px;transform:rotate(20deg)}.scene-core{position:absolute;left:50%;top:50%;z-index:2;width:94px;height:94px;display:grid;place-items:center;border:1px solid var(--red);border-radius:50%;background:#240e0b;color:var(--red);font:13px "DM Mono",monospace;transform:translate(-50%,-50%);box-shadow:0 0 70px #f0362638;animation:core-pulse 7s ease-in-out infinite}.scene-core:before,.scene-core:after{content:"";position:absolute;border:1px solid #f0362648;border-radius:50%;animation:core-ring 7s linear infinite}.scene-core:before{inset:-25px}.scene-core:after{inset:-60px;border-color:#f036261e}.solution{position:absolute;right:5%;top:26%;z-index:1;width:315px;height:220px;padding:15px;background:#e7e4dc;color:#171615;box-shadow:15px 18px 0 #0008;animation:solution-in 7s ease-in-out infinite}.solution-head{height:23px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #c5c0b6}.solution-head i{width:5px;height:5px;border-radius:50%;background:#aaa}.solution-head span{margin-left:auto;color:#8b867f;font:8px "DM Mono",monospace}.solution-body{display:flex;height:165px;padding-top:15px}.solution-menu{width:32px;border-right:1px solid #c8c3bb}.solution-menu b{display:block;width:14px;height:2px;margin:12px 0;background:#aaa}.solution-main{width:100%;padding:4px 15px}.solution-main>span{display:block;width:75px;height:7px;background:#302e2a}.solution-main>strong{display:block;width:120px;height:5px;margin-top:10px;background:#bbb5ab}.solution-main>em{display:block;width:95px;height:5px;margin-top:5px;background:#ccc7bd}.solution-chart{display:flex;align-items:end;gap:8px;height:90px;margin-top:17px;padding-bottom:4px;border-bottom:1px solid #bdb8af}.solution-chart i{display:block;width:19px;background:var(--red);opacity:.8}.solution-chart i:nth-child(1){height:30%}.solution-chart i:nth-child(2){height:48%}.solution-chart i:nth-child(3){height:40%}.solution-chart i:nth-child(4){height:72%}.solution-chart i:nth-child(5){height:90%}.scene-pulse{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:var(--red);transform:translate(-50%,-50%);animation:pulse-out 7s ease-in-out infinite}.hero-footer{position:absolute;bottom:28px;left:50%;z-index:2;display:flex;align-items:center;gap:16px;color:#666;font:10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;transform:translateX(-50%)}.hero-footer div{width:100px;height:1px;background:#3c3935}.section{padding:155px 0}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8rem;margin-top:45px}.intro h2,.closing h2{margin:0;font-size:clamp(3rem,6vw,6.5rem);font-weight:400;line-height:.9;letter-spacing:-.07em}.intro-grid>p{max-width:370px;margin-top:20px;color:#95918a;font-size:16px}.services{background:#11110f;border-top:1px solid #211f1c;border-bottom:1px solid #211f1c}.service-list{margin-top:60px;border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;min-height:145px;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.service-list article:hover{padding-left:18px;background:#191816}.service-list article>span{align-self:start;padding-top:28px;color:var(--red);font:10px "DM Mono",monospace}.service-list article h3{margin:0 0 7px;font-size:27px;font-weight:500;letter-spacing:-.04em}.service-list article p{margin:0;color:#88847d;font-size:13px}.service-list article>b{color:var(--red);font-size:22px}.closing{text-align:center}.closing-mark{margin:0 0 50px;color:var(--red);font:22px "DM Mono",monospace}.closing-mark span{font-size:9px}.closing h2{font-size:clamp(4rem,8vw,8rem)}.closing .main-cta{margin-top:52px}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:28px 0 38px;border-top:1px solid var(--line);color:#777}.footer>div{display:flex;justify-content:center;gap:24px}.footer a{font:11px "DM Mono",monospace;text-decoration:none}.footer small{color:#555;text-align:right;font:10px "DM Mono",monospace}.modal-backdrop{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:20px;background:#000b;backdrop-filter:blur(12px)}.modal-backdrop[hidden]{display:none}.contact-modal{position:relative;width:min(570px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:42px 48px;background:#e9e6df;color:#171615}.modal-close{position:absolute;right:18px;top:12px;border:0;background:none;color:#666;font-size:28px}.contact-modal h2{margin:8px 0 13px;font-size:clamp(3rem,6vw,4.8rem);font-weight:400;line-height:.86;letter-spacing:-.07em}.modal-intro{color:#777;font-size:13px}.contact-modal form{display:grid;gap:17px;margin-top:28px}.contact-modal label{display:grid;gap:6px;color:#6a655e;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.contact-modal input,.contact-modal select,.contact-modal textarea{width:100%;padding:10px 0;border:0;border-bottom:1px solid #bcb8b0;outline:none;background:none;color:#171615;font:14px "DM Sans",sans-serif;resize:vertical}.contact-modal input:focus,.contact-modal select:focus,.contact-modal textarea:focus{border-color:var(--red)}.submit-button{padding:15px;border:0;background:var(--red);color:#fff;text-align:left;font-weight:600}.submit-button span{float:right;font-size:18px}.cursor-dot,.cursor-ring{position:fixed;z-index:100;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:5px;height:5px;background:var(--red)}.cursor-ring{width:28px;height:28px;border:1px solid #fff8;transition:width .25s,height .25s,border-color .25s}.cursor-ring.is-hover{width:44px;height:44px;border-color:var(--red)}body.hero-active .cursor-ring{width:72px;height:72px;border-color:var(--red);box-shadow:0 0 28px #f036265c}body.hero-active .cursor-dot{width:8px;height:8px;box-shadow:0 0 12px var(--red)}@keyframes mess-fade{0%,12%{opacity:1;transform:translate(0)}38%,60%{opacity:.15;transform:translate(35px,8px) rotate(5deg)}75%,100%{opacity:0;transform:translate(90px,8px)}}@keyframes solution-in{0%,27%{opacity:0;transform:translateX(-65px);filter:blur(8px)}42%,73%{opacity:1;transform:translateX(0);filter:blur(0)}88%,100%{opacity:0;transform:translateX(35px);filter:blur(5px)}}@keyframes core-pulse{0%,22%{transform:translate(-50%,-50%) scale(1)}30%,65%{transform:translate(-50%,-50%) scale(1.12)}78%,100%{transform:translate(-50%,-50%) scale(1)}}@keyframes core-ring{to{transform:rotate(360deg)}}@keyframes pulse-out{0%,20%{box-shadow:0 0 0 0 #f0362600}35%,55%{box-shadow:0 0 0 130px #f0362600;background:#f03626}100%{box-shadow:0 0 0 160px #f0362600}}@media(max-width:900px){.mail-link{display:none}.nav-menu{gap:18px}.hero-content{grid-template-columns:1fr;gap:10px;padding-top:110px}.hero{height:auto;min-height:930px}.hero-copy h1{font-size:clamp(4rem,13vw,7rem)}.hero-scene{height:410px}.intro-grid{gap:4rem}.service-list article h3{font-size:23px}}@media(max-width:650px){.container{width:calc(100% - 2rem)}.nav-menu{display:none}.menu-button{display:block}.nav-menu.is-open{position:absolute;top:76px;left:0;right:0;display:flex;flex-direction:column;gap:0;padding:12px 1rem 20px;background:#111;border-bottom:1px solid var(--line)}.nav-menu.is-open a,.nav-menu.is-open button{display:block;width:100%;padding:12px;text-align:left}.hero{min-height:850px}.hero-content{padding-top:85px}.hero-copy h1{font-size:clamp(3.7rem,17vw,5.8rem)}.hero-intro{font-size:15px}.hero-scene{height:320px;margin-top:8px}.scene-caption{display:none}.mess{left:2%;top:28%;transform:scale(.8);transform-origin:left center}.solution{right:0;top:25%;width:220px;height:165px}.solution-body{height:120px}.solution-chart{height:60px;gap:5px}.solution-chart i{width:13px}.scene-core{width:70px;height:70px}.scene-core:before{inset:-18px}.scene-core:after{inset:-42px}.hero-footer{bottom:18px;width:calc(100% - 2rem);justify-content:space-between}.hero-footer div{width:50px}.section{padding:100px 0}.intro-grid{display:block;margin-top:35px}.intro-grid>p{margin-top:35px}.service-list{margin-top:40px}.service-list article{grid-template-columns:40px 1fr 20px;min-height:150px}.service-list article h3{font-size:21px}.service-list article p{font-size:12px}.closing{text-align:left}.closing h2{font-size:clamp(3.8rem,17vw,6rem)}.footer{display:block}.footer>div{justify-content:flex-start;flex-wrap:wrap;margin:22px 0}.footer small{display:block}.contact-modal{padding:36px 24px}.cursor-dot,.cursor-ring{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

/* Clear product preview: a real web page and a real system, not abstract symbols. */
.hero-choices{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.main-cta--quiet{margin-top:0;color:#aaa}
.main-cta--quiet b{background:transparent;border:1px solid #514c45;color:var(--paper)}
.hero-scene{height:540px;position:relative}
.browser-window,.system-window{position:absolute;border:1px solid #514d47;background:#e7e4dc;box-shadow:22px 25px 0 #0008;color:#171615}
.browser-window{top:38px;left:4%;width:455px;height:315px;z-index:1;animation:window-reveal 7s ease-in-out infinite}
.browser-bar{height:29px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #c7c2b9;background:#d8d4cb}
.browser-bar i{width:6px;height:6px;border-radius:50%;background:#9c9891}
.browser-bar span{margin-left:10px;color:#8a857d;font:8px "DM Mono",monospace}
.browser-content{padding:18px 22px}
.browser-nav{display:flex;align-items:center;gap:18px;font-size:8px}.browser-nav strong{margin-right:auto;letter-spacing:.1em}.browser-nav span{width:31px;height:3px;background:#aaa59d}.browser-nav b{width:35px;height:13px;background:var(--red)}
.browser-hero{position:relative;margin-top:43px}.browser-hero small{color:#8b857c;font:7px "DM Mono",monospace;letter-spacing:.12em}.browser-hero h2{margin:10px 0 0;font:400 30px/.85 "DM Sans",sans-serif;letter-spacing:-.06em}.browser-hero h2 em{color:var(--red);font:italic 400 1.1em "Instrument Serif",serif}.browser-hero>i{display:block;width:60px;height:2px;margin-top:18px;background:var(--red)}.browser-image{position:absolute;right:0;top:26px;width:120px;height:120px;background:linear-gradient(135deg,#332d28,#aa3022);clip-path:polygon(0 22%,70% 0,100% 76%,37% 100%)}
.system-window{right:0;bottom:40px;width:290px;height:225px;z-index:2;background:#131313;color:#eee;box-shadow:-18px 20px 0 #0009;animation:system-reveal 7s ease-in-out infinite}.system-top{height:34px;display:flex;align-items:center;padding:0 13px;border-bottom:1px solid #302e2b;font:9px "DM Mono",monospace}.system-top b{color:var(--red);margin-right:14px}.system-top span{color:#777}.system-top i{margin-left:auto;color:#777;font-style:normal}.system-body{display:flex;height:190px}.system-body aside{width:42px;padding:17px 13px;border-right:1px solid #302e2b}.system-body aside i{display:block;width:15px;height:3px;margin-bottom:17px;background:#716d66}.system-body>div{padding:24px 20px}.system-body small{display:block;color:#777;font:8px "DM Mono",monospace}.system-body strong{display:block;margin-top:8px;font-size:18px;font-weight:500}.system-bars{display:flex;align-items:end;gap:6px;height:58px;margin-top:20px;border-bottom:1px solid #403d38}.system-bars i{display:block;width:22px;background:var(--red)}.system-bars i:nth-child(1){height:40%}.system-bars i:nth-child(2){height:72%}.system-bars i:nth-child(3){height:100%}.system-body p{color:#777;font-size:10px}.scene-label{position:absolute;right:3%;top:15px;color:#837e76;font:11px/1.35 "DM Mono",monospace;text-transform:uppercase}.scene-label em{color:var(--red);font:italic 18px "Instrument Serif",serif;text-transform:none}.hero-scene:after{content:"";position:absolute;left:17%;top:22%;width:390px;height:300px;border:1px solid #f0362625;transform:rotate(-8deg);animation:scene-frame 7s ease-in-out infinite}
@keyframes window-reveal{0%,12%{opacity:0;transform:translate(-25px,15px)}25%,70%{opacity:1;transform:none}84%,100%{opacity:0;transform:translate(20px,-10px)}}@keyframes system-reveal{0%,30%{opacity:0;transform:translate(30px,25px)}44%,76%{opacity:1;transform:none}91%,100%{opacity:0;transform:translate(-18px,10px)}}@keyframes scene-frame{0%,16%{opacity:0;transform:rotate(-8deg) scale(.8)}30%,75%{opacity:1;transform:rotate(-8deg) scale(1)}90%,100%{opacity:0;transform:rotate(-8deg) scale(1.05)}}
@media(max-width:900px){.hero-scene{height:430px}.browser-window{width:370px;left:3%;top:15px}.system-window{right:2%;bottom:10px}.hero-layout{gap:0}}
@media(max-width:650px){.hero-choices{gap:10px}.hero-scene{height:310px;margin-top:35px}.browser-window{top:10px;left:0;width:270px;height:190px}.browser-content{padding:11px 13px}.browser-hero{margin-top:25px}.browser-hero h2{font-size:21px}.browser-image{width:75px;height:75px;top:15px}.system-window{width:205px;height:155px;bottom:0}.system-body{height:120px}.system-body aside{width:30px;padding:13px 8px}.system-body aside i{width:10px;margin-bottom:11px}.system-body>div{padding:15px 12px}.system-body strong{font-size:14px}.system-bars{height:38px;margin-top:10px}.system-bars i{width:15px}.scene-label{right:0;top:0;font-size:8px}.scene-label em{font-size:14px}.hero-scene:after{left:4%;top:12%;width:250px;height:190px}}
/* Final layout pass: keep the hero readable at common deploy sizes. */
@media(min-width:901px){.hero-content{grid-template-columns:minmax(470px,.9fr) minmax(560px,1.1fr);gap:2rem}.hero-copy h1{font-size:clamp(3.8rem,6.3vw,6.7rem);line-height:.9}.hero-copy h1 em{white-space:nowrap}}
@media(min-width:651px) and (max-height:760px){.hero{min-height:680px}.hero-content{padding-top:30px}.hero-scene{height:450px}.browser-window{top:22px}.system-window{bottom:18px}.hero-footer{bottom:15px}}
@media(max-width:650px){.hero{min-height:850px}.hero-content{padding-top:85px}.hero-scene{height:310px;margin-top:35px}.hero-footer{bottom:16px}}