:root{
  --bg:#0b1118;--surface:#111923;--surface-2:#17212d;--line:#263442;
  --text:#eef3f7;--muted:#95a4b3;--blue:#3a7be0;--blue-2:#2863be;
  --orange:#d88435;--green:#48a878;--max:1240px;--radius:18px;
  --shadow:0 24px 70px rgba(0,0,0,.26);--mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}
a{color:inherit}.page-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 82% 10%,rgba(58,123,224,.16),transparent 29%),radial-gradient(circle at 7% 38%,rgba(216,132,53,.07),transparent 26%),var(--bg)}
.site-header{width:min(var(--max),calc(100% - 48px));height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(149,164,179,.18)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#326fcf,#1d4b91);border:1px solid #5184d7;font:600 14px var(--mono);box-shadow:0 8px 24px rgba(39,96,184,.24)}.brand strong{display:block;font-size:14px;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.header-nav{display:flex;gap:28px}.header-nav a{text-decoration:none;font-size:12px;color:#bac5cf}.header-nav a:hover{color:#fff}
main{width:min(var(--max),calc(100% - 48px));margin:auto}.hero{min-height:530px;padding:70px 0 78px;display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:#9eb7d8;font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow span{width:21px;height:2px;background:var(--blue)}h1{font-size:clamp(36px,5vw,64px);line-height:1.04;letter-spacing:-.045em;margin:20px 0 22px;max-width:680px}.hero-copy p{max-width:570px;color:#a8b5c1;font-size:16px;line-height:1.7;margin:0 0 30px}.hero-action,.app-button{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-radius:8px;background:var(--blue);font-weight:600;transition:.2s}.hero-action{height:44px;padding:0 17px;font-size:12px}.hero-action:hover,.app-button:hover{background:var(--blue-2);transform:translateY(-1px)}.hero-action svg,.app-button svg{width:16px;height:16px}
.hero-visual{border:1px solid #2a3948;border-radius:14px;background:#111923;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.visual-topbar{height:42px;border-bottom:1px solid #263442;display:flex;align-items:center;gap:7px;padding:0 13px;background:#151e28}.visual-topbar i,.preview-toolbar span{width:7px;height:7px;border-radius:50%;background:#536170}.visual-topbar i:first-child{background:#b95454}.visual-topbar i:nth-child(2){background:#c68c3d}.visual-topbar i:nth-child(3){background:#4e9c70}.visual-topbar span{margin-left:8px;color:#71808e;font:500 9px var(--mono)}.visual-canvas{height:354px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f4f6f7,#dfe5e9)}.grid-plane{position:absolute;inset:0;background-image:linear-gradient(rgba(70,84,98,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(70,84,98,.09) 1px,transparent 1px);background-size:30px 30px;transform:perspective(600px) rotateX(64deg) scale(1.8);transform-origin:center 70%;opacity:.65}.structure-scene{position:absolute;left:11%;right:10%;top:21%;bottom:13%;filter:drop-shadow(0 18px 16px rgba(32,43,52,.18))}.column{position:absolute;bottom:12%;width:12px;background:linear-gradient(90deg,#515d67,#8a949b 52%,#414b54);border-radius:2px 2px 0 0}.c1{left:11%;height:51%}.c2{left:49%;height:66%}.c3{right:9%;height:45%}.beam{position:absolute;height:13px;background:linear-gradient(#8d3f31,#b65e47 48%,#713126);transform-origin:left center;border-radius:2px}.b1{left:11%;top:35%;width:39%;transform:rotate(-7deg)}.b2{left:49%;top:23%;width:43%;transform:rotate(9deg)}.node{position:absolute;width:13px;height:13px;border:3px solid #f3f6f8;background:#2f6fda;border-radius:50%}.n1{left:10%;top:33%}.n2{left:48%;top:21%}.n3{right:8%;top:38%}.load-arrow{position:absolute;top:2%;width:2px;height:70px;background:#d77928}.load-arrow:after{content:'';position:absolute;bottom:-1px;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #d77928}.a1{left:29%}.a2{left:69%;height:54px}.visual-panel{position:absolute;right:18px;bottom:17px;width:150px;padding:12px;border-radius:7px;background:rgba(17,25,35,.94);border:1px solid #384756;box-shadow:0 15px 30px rgba(0,0,0,.22)}.visual-panel>span{display:block;font:600 8px var(--mono);color:#7e8e9d;letter-spacing:.08em}.visual-panel strong{display:block;font-size:12px;margin:5px 0 10px}.visual-panel div{font-size:9px;color:#9eacb8}.visual-panel div i{display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--green);margin-right:5px}
.apps-section{padding:64px 0 94px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-kicker{font:600 10px var(--mono);letter-spacing:.12em;color:#7793b4}.section-heading h2{font-size:30px;letter-spacing:-.03em;margin:8px 0 0}.section-heading p{max-width:480px;color:var(--muted);font-size:13px;margin:0}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.app-card{min-width:0;background:linear-gradient(145deg,rgba(24,34,46,.96),rgba(15,23,32,.96));border:1px solid #283747;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.14);transition:transform .22s,border-color .22s,box-shadow .22s}.app-card:hover{transform:translateY(-5px);border-color:#40546a;box-shadow:0 24px 60px rgba(0,0,0,.25)}.app-preview{height:250px;position:relative;overflow:hidden;border-bottom:1px solid #293745}.preview-toolbar{height:34px;background:#17212d;border-bottom:1px solid #283747;display:flex;align-items:center;gap:5px;padding:0 11px}.preview-toolbar span{width:6px;height:6px}.pillar-preview{color:#3976d4;background:linear-gradient(145deg,#eff3f6,#dfe6eb)}.pillar-plan{position:absolute;inset:34px 0 0;display:grid;place-items:center}.pillar-plan svg{width:88%;height:88%}.preview-stat{position:absolute;right:15px;bottom:15px;padding:9px 11px;background:#111923;color:#eef3f7;border-radius:6px;border:1px solid #324252}.preview-stat span{font:600 17px var(--mono);display:block}.preview-stat small{font-size:8px;color:#8d9ba8}.beam-preview{background:#171e26;color:#dd7b2d}.beam-model{position:absolute;inset:34px 0 38px;background:radial-gradient(circle at 50% 30%,#2a343f,#171e26 66%)}.mini-beam{position:absolute;left:10%;right:10%;top:47%;height:13px;background:linear-gradient(#a94f3c,#7e392c);border-radius:2px;box-shadow:0 8px 20px rgba(0,0,0,.28)}.support{position:absolute;top:51%;width:0;height:0;border-left:19px solid transparent;border-right:19px solid transparent;border-bottom:30px solid #71808d}.support:after{content:'';position:absolute;width:50px;height:2px;background:#8c9aa6;left:-25px;top:32px}.support.pin{left:13%}.support.roller{right:13%}.support.roller b{position:absolute;top:31px;width:7px;height:7px;border-radius:50%;border:1px solid #8c9aa6}.support.roller b:first-of-type{left:-13px}.support.roller b:last-of-type{left:6px}.mini-load{position:absolute;top:12%;height:62px;width:2px;background:#dd7b2d}.mini-load:after{content:'';position:absolute;bottom:0;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #dd7b2d}.l1{left:24%}.l2{left:41%}.l3{left:58%}.l4{left:75%}.beam-model svg{position:absolute;left:7%;right:7%;bottom:-3%;width:86%;height:48%;color:#5f91dd}.diagram-strip{position:absolute;left:0;right:0;bottom:0;height:38px;display:flex;align-items:end;gap:4px;padding:8px 12px;background:#111820;border-top:1px solid #283747}.diagram-strip span{height:14px;flex:1;border-radius:2px;background:#27394e}.diagram-strip span:nth-child(2){height:21px;background:#31598e}.diagram-strip span:nth-child(3){height:17px;background:#75442c}.diagram-strip span:nth-child(4){height:24px;background:#31598e}.diagram-strip span:nth-child(5){height:11px}.app-content{padding:25px 26px 27px}.app-meta{display:flex;align-items:center;gap:7px;font:500 9px var(--mono);color:#8293a2;letter-spacing:.03em}.app-meta b{margin-left:auto;color:#718399;font-size:8px}.status-dot{width:7px;height:7px;border-radius:2px;background:var(--green)}.app-content h3{font-size:21px;letter-spacing:-.025em;margin:14px 0 10px}.app-content p{color:#9aa9b6;font-size:13px;line-height:1.65;margin:0 0 17px}.app-content ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:8px}.app-content li{font-size:11px;color:#bdc7d0;padding-left:17px;position:relative}.app-content li:before{content:'';position:absolute;left:0;top:6px;width:6px;height:6px;border:1px solid #557396;border-radius:50%}.app-button{height:39px;padding:0 15px;font-size:11px}
footer{width:min(var(--max),calc(100% - 48px));margin:auto;min-height:92px;border-top:1px solid rgba(149,164,179,.16);display:flex;align-items:center;justify-content:space-between;color:#778795;font-size:10px}footer div{display:flex;align-items:center;gap:12px}footer strong{color:#c7d1da;font-size:11px}footer div span{padding-left:12px;border-left:1px solid #34414d}
@media(max-width:900px){.app-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.section-heading p{max-width:650px}}
@media(max-width:600px){.site-header,main,footer{width:min(100% - 28px,var(--max))}.site-header{height:68px}.header-nav a:first-child{display:none}.apps-section{padding:42px 0 60px}.app-preview{height:210px}.app-content{padding:22px 20px}.section-heading h2{font-size:26px}footer{padding:20px 0;align-items:flex-start;flex-direction:column;justify-content:center;gap:10px}footer div{align-items:flex-start;flex-direction:column;gap:3px}footer div span{padding:0;border:0}}