@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--ink:#202124;--ink-2:#292b2f;--panel:#2d3035;--line:#454951;--orange:#f26a21;--orange-2:#ff8a43;--cream:#f4f0e8;--muted:#aeb3ba;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Barlow,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.eyebrow{font:500 .72rem/1.2 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--orange-2)}.lede{color:var(--muted);font-size:1.08rem;max-width:650px}.button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.25rem;background:var(--orange);color:#fff;border:1px solid var(--orange);font-weight:700;letter-spacing:.03em;transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px);background:var(--orange-2)}.button.ghost{background:transparent;color:var(--cream);border-color:var(--line)}.button.ghost:hover{border-color:var(--orange);color:#fff}.topline{border-bottom:1px solid var(--line);font:500 .7rem 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:.08em}.topline .wrap{display:flex;justify-content:space-between;padding:.55rem 0}.site-header{position:sticky;top:0;z-index:10;background:rgba(32,33,36,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;letter-spacing:.04em}.brand-mark{width:35px;height:35px;border:2px solid var(--orange);display:grid;place-items:center;color:var(--orange);font:700 1.1rem 'IBM Plex Mono',monospace;transform:rotate(45deg)}.brand-mark span{transform:rotate(-45deg)}.brand small{display:block;font:500 .62rem 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:.12em}.nav{display:flex;align-items:center;gap:1.5rem;font-size:.92rem;font-weight:600;color:#d7d5ce}.nav a{position:relative;padding:.3rem 0}.nav a:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--orange);transition:right .2s}.nav a:hover:after{right:0}.menu{display:none;background:none;border:0;color:var(--cream);font-size:1.7rem}.hero{position:relative;overflow:hidden;min-height:650px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(32,33,36,.98) 0%,rgba(32,33,36,.85) 48%,rgba(32,33,36,.28) 100%),url('https://redrock-tec.com/wp-content/uploads/2026/07/S1-1.png') center/cover}.hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.04) 80px),linear-gradient(135deg,transparent 0 68%,rgba(242,106,33,.18) 68% 68.2%,transparent 68.2%)}.hero .wrap{position:relative;z-index:1}.hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.94;max-width:760px;margin:1rem 0 1.4rem;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--orange)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.hero-spec{position:absolute;right:5%;bottom:2.5rem;z-index:2;border-left:2px solid var(--orange);padding-left:1rem;color:var(--muted);font:500 .7rem 'IBM Plex Mono',monospace}.hero-spec strong{display:block;color:var(--cream);font-size:1rem}.section{padding:6rem 0}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.5rem}.section h2{font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.04em;margin:.5rem 0}.section-intro{max-width:500px;color:var(--muted)}.dark-panel{background:var(--panel)}.orange-rule{width:100%;height:1px;background:linear-gradient(90deg,var(--orange),transparent)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.product-card{background:var(--ink-2);min-height:370px;display:flex;flex-direction:column;overflow:hidden}.product-card .card-image{height:175px;background-size:cover;background-position:center;filter:saturate(.75)}.product-card:nth-child(1) .card-image{background-image:linear-gradient(90deg,rgba(32,33,36,.45),rgba(32,33,36,.05)),url('https://redrock-tec.com/wp-content/uploads/2026/09/%E4%B8%8A%E6%9D%BF%E6%9C%BA%E4%B8%BB%E5%9B%BE-2.png')}.product-card:nth-child(2) .card-image{background-image:linear-gradient(90deg,rgba(32,33,36,.5),rgba(32,33,36,.05)),url('https://redrock-tec.com/wp-content/uploads/2026/09/ScreenShot_2026-09-01_144509_689.png')}.product-card:nth-child(3) .card-image{background-image:linear-gradient(90deg,rgba(32,33,36,.5),rgba(32,33,36,.05)),url('https://redrock-tec.com/wp-content/uploads/2026/09/8%E6%B8%A9%E5%8C%BA-1.png')}.card-body{padding:1.4rem;display:flex;flex-direction:column;flex:1}.card-code{font:500 .7rem 'IBM Plex Mono',monospace;color:var(--orange-2)}.card-body h3{font-size:1.65rem;line-height:1.05;margin:.55rem 0}.card-body p{color:var(--muted);margin:0 0 1.2rem}.text-link{margin-top:auto;color:var(--orange-2);font-weight:700}.text-link:after{content:'  ↗';font-family:'IBM Plex Mono',monospace}.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.blueprint{position:relative;min-height:410px;border:1px solid var(--line);background:linear-gradient(135deg,#272a2e,#1c1e20);overflow:hidden}.blueprint:before,.blueprint:after{content:'';position:absolute;border:1px solid rgba(242,106,33,.6);width:75%;height:70%;left:12%;top:15%;transform:skew(-14deg)}.blueprint:after{width:52%;height:43%;left:24%;top:29%;border-color:rgba(255,255,255,.22)}.blueprint-label{position:absolute;left:1.5rem;top:1.5rem;font:500 .7rem 'IBM Plex Mono',monospace;color:var(--orange-2)}.blueprint-mark{position:absolute;right:2rem;bottom:1.5rem;font-size:7rem;font-weight:800;color:rgba(255,255,255,.06);line-height:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:3rem}.stat{padding:1.5rem 1rem;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:2.2rem;color:var(--orange)}.stat span{color:var(--muted);font-size:.86rem}.route-hero{padding:6rem 0 4rem;border-bottom:1px solid var(--line);background:linear-gradient(115deg,#202124 0%,#2d3035 68%,#452513 100%)}.route-hero h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:.94;max-width:850px;margin:1rem 0}.crumbs{color:var(--muted);font:500 .72rem 'IBM Plex Mono',monospace}.detail{padding:4rem 0}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem}.detail h2{font-size:2.4rem;line-height:1.05}.detail p,.detail li{color:var(--muted);font-size:1.05rem}.detail ul{padding-left:1.3rem}.spec-box{border:1px solid var(--line);padding:1.5rem;background:var(--panel);align-self:start}.spec-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.8rem 0;font-size:.9rem}.spec-row:last-child{border:0}.spec-row span{color:var(--muted)}.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.solution-item{background:var(--ink-2);padding:2rem;min-height:230px}.solution-number{color:var(--orange);font:500 1rem 'IBM Plex Mono',monospace}.solution-item h3{font-size:1.65rem;margin:.8rem 0 .5rem}.solution-item p{color:var(--muted)}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:3rem}.process-step{padding:1.4rem 1rem;border-top:2px solid var(--orange);border-right:1px solid var(--line)}.process-step strong{display:block;font-size:1.1rem}.process-step span{display:block;color:var(--muted);font-size:.85rem;margin-top:.45rem}.contact-panel{padding:3rem;background:linear-gradient(125deg,#3b2117,#2b2e32);border:1px solid var(--orange)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}.contact-info p{color:var(--muted)}.contact-info strong{display:block;color:var(--cream);font-size:1.2rem;margin-top:1rem}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quote-form label{display:grid;gap:.4rem;color:var(--muted);font-size:.85rem}.quote-form label.full{grid-column:1/-1}.quote-form input,.quote-form textarea{font:inherit;background:#202124;color:var(--cream);border:1px solid var(--line);padding:.85rem}.quote-form textarea{min-height:130px;resize:vertical}.quote-form .button{grid-column:1/-1;cursor:pointer}.form-status{display:none;color:#9ee6c0;margin:0}.form-status.is-visible{display:block}.footer{border-top:1px solid var(--line);padding:2.5rem 0;color:var(--muted);font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;gap:2rem}.footer a:hover{color:var(--orange-2)}.tag-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.4rem}.tag{border:1px solid var(--line);padding:.45rem .65rem;color:var(--muted);font:500 .72rem 'IBM Plex Mono',monospace}.quote-strip{padding:2rem 0;background:var(--orange);color:#fff}.quote-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem}.quote-strip h2{font-size:2rem;margin:0}.quote-strip .button{background:var(--ink);border-color:var(--ink)}@media(max-width:850px){.wrap{width:min(calc(100% - 32px),var(--max))}.menu{display:block}.nav{display:none;position:absolute;left:0;right:0;top:78px;padding:1.2rem 1rem;background:var(--ink);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav.is-open{display:flex}.hero{min-height:650px}.hero h1{font-size:3.8rem}.hero-spec{position:static;margin:1rem 1rem 1.5rem;border-left:2px solid var(--orange);padding-left:1rem}.product-grid,.solution-grid,.split,.detail-grid,.contact-grid{grid-template-columns:1fr}.section-head{display:block}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.process{grid-template-columns:1fr 1fr}.process-step{border-bottom:1px solid var(--line)}.footer-inner,.quote-strip .wrap{display:block}.quote-strip .button{margin-top:1rem}.quote-form{grid-template-columns:1fr}.quote-form label.full{grid-column:auto}}
