*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0c0c0f;--card:rgba(24,24,30,.82);--card-hover:rgba(31,31,39,.95);--border:rgba(255,255,255,.08);--border-active:rgba(255,107,74,.35);--text:#f3f3f5;--muted:#9b9ba7;--orange:#ff6d5a;--pink:#ea4aaa;--purple:#9d68ff;--green:#52d273}
html{scroll-behavior:smooth}
body{min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(255,109,90,.11),transparent 25%),radial-gradient(circle at 90% 25%,rgba(157,104,255,.08),transparent 25%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
header{position:sticky;top:0;z-index:100;background:rgba(12,12,15,.75);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:-.02em}
.brand-icon{width:38px;height:38px;position:relative;border-radius:12px;background:linear-gradient(135deg,rgba(255,109,90,1),rgba(234,74,170,.85));box-shadow:0 0 30px rgba(255,109,90,.18)}
.brand-icon:before,.brand-icon:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:white;transform:translateY(-50%)}.brand-icon:before{left:8px}.brand-icon:after{right:8px}.brand-line{position:absolute;left:13px;top:18px;width:12px;height:2px;background:white}
.nav-links{display:flex;align-items:center;gap:30px;color:#b6b6c0;font-size:14px}.nav-links a{transition:.2s}.nav-links a:hover{color:white}
.nav-status{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);color:#d8d8dd;font-size:13px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(82,210,115,.8)}
.hero{padding:115px 0 90px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:7px 12px;border:1px solid rgba(255,109,90,.23);border-radius:999px;background:rgba(255,109,90,.06);color:#ffab9c;font-size:13px}.badge-dot{width:6px;height:6px;background:var(--orange);border-radius:50%}
h1{max-width:700px;margin-bottom:24px;font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.055em}.gradient-text{color:transparent;background:linear-gradient(90deg,#ff775f,#ff9a68,#e669b6);background-clip:text;-webkit-background-clip:text}.hero-text{max-width:600px;margin-bottom:32px;color:var(--muted);font-size:18px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.025);font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s,border .2s}.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)}.btn-primary{border-color:transparent;background:linear-gradient(135deg,var(--orange),#f15b73);color:white;box-shadow:0 10px 40px rgba(255,109,90,.2)}
.workflow-card{min-height:450px;position:relative;padding:32px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(24,24,30,.92),rgba(15,15,20,.82));box-shadow:0 30px 90px rgba(0,0,0,.38);overflow:hidden}.workflow-card:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:24px 24px}
.workflow-title{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.workflow-name{font-size:14px;font-weight:600}.workflow-live{display:flex;align-items:center;gap:7px;color:#a9eab8;font-size:12px}.workflow-space{height:340px;position:relative;z-index:2}.node{width:160px;position:absolute;padding:15px;border:1px solid var(--border);border-radius:12px;background:#1a1a20;box-shadow:0 12px 25px rgba(0,0,0,.22)}.node:hover{border-color:var(--border-active)}.node-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin-bottom:11px;border-radius:9px;background:rgba(255,109,90,.12);color:var(--orange);font-weight:700}.node-title{margin-bottom:3px;font-size:13px;font-weight:600}.node-sub{color:#81818e;font-size:11px}.node-1{left:5%;top:105px}.node-2{left:37%;top:35px}.node-3{right:3%;top:105px}.node-4{left:39%;bottom:12px}.connector{height:2px;position:absolute;background:linear-gradient(90deg,rgba(255,109,90,.3),rgba(255,109,90,.9));transform-origin:left center}.connector:after{content:"";width:7px;height:7px;position:absolute;right:-3px;top:-2.5px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px rgba(255,109,90,.7)}.line-1{width:150px;left:145px;top:145px;transform:rotate(-25deg)}.line-2{width:150px;left:305px;top:86px;transform:rotate(26deg)}.line-3{width:125px;left:300px;top:172px;transform:rotate(73deg)}
section{padding:90px 0}.section-header{max-width:700px;margin:0 auto 50px;text-align:center}.section-kicker{margin-bottom:10px;color:var(--orange);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}h2{margin-bottom:16px;font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.035em}.section-description{color:var(--muted);font-size:16px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{min-height:210px;padding:26px;border:1px solid var(--border);border-radius:16px;background:var(--card);transition:transform .2s,border-color .2s,background .2s}.feature:hover{transform:translateY(-4px);border-color:rgba(255,109,90,.22);background:var(--card-hover)}.feature-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;border:1px solid rgba(255,109,90,.16);border-radius:12px;background:rgba(255,109,90,.08);color:#ff8975;font-size:20px}.feature h3{margin-bottom:9px;font-size:17px}.feature p{color:var(--muted);font-size:14px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.02)}.stat{padding:34px 20px;text-align:center;border-right:1px solid var(--border)}.stat:last-child{border-right:0}.stat-value{margin-bottom:3px;font-size:29px;font-weight:700;letter-spacing:-.03em}.stat-name{color:var(--muted);font-size:12px}
.integration-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.integration{padding:19px 12px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.02);color:#b6b6c0;font-size:13px;text-align:center;transition:.2s}.integration:hover{border-color:var(--border-active);color:white;transform:translateY(-2px)}
.server-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;padding:45px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(28,28,34,.8),rgba(15,15,20,.8))}.terminal{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:#09090b;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:12px}.terminal-top{height:39px;display:flex;align-items:center;gap:7px;padding:0 13px;border-bottom:1px solid var(--border);background:#111115}.terminal-dot{width:8px;height:8px;border-radius:50%;background:#565660}.terminal-content{padding:22px;color:#9ca3af}.terminal-content div{margin-bottom:7px}.terminal-green{color:#6ee7a0}.terminal-orange{color:#ff8c73}.terminal-purple{color:#b896ff}.server-copy{display:flex;flex-direction:column;justify-content:center}.server-copy h3{margin-bottom:15px;font-size:29px;letter-spacing:-.025em}.server-copy p{margin-bottom:24px;color:var(--muted)}.checklist{display:grid;gap:12px}.check{display:flex;align-items:center;gap:9px;color:#d0d0d6;font-size:14px}.check-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(82,210,115,.1);color:var(--green);font-size:11px}
footer{margin-top:40px;padding:35px 0;border-top:1px solid var(--border);color:#777782;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:20px}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(3,1fr)}.server-panel{grid-template-columns:1fr}}
@media(max-width:700px){.nav-links{display:none}.hero{padding-top:70px}.feature-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid var(--border)}.integration-grid{grid-template-columns:repeat(2,1fr)}.workflow-card{padding:18px}.node{width:130px}.node-1{left:0}.node-2{left:34%}.node-3{right:0}}