:root {
  --bg: #050706;
  --panel: #0a0d0b;
  --panel-2: #0e1210;
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.14);
  --text: #f4f7f5;
  --muted: #919a95;
  --green: #5bffb1;
  --green-2: #22db83;
  --purple: #b997ff;
  --coral: #ff7f73;
  --amber: #ffc766;
  --radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.noise {
  position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}
.section-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.site-header {
  position: fixed; z-index: 30; top: 14px; left: 50%; transform: translateX(-50%);
  width: min(1240px, calc(100% - 32px)); height: 66px; padding: 0 18px 0 22px;
  display: flex; align-items: center; justify-content: space-between;
  border: 1px solid rgba(255,255,255,.08); border-radius: 17px;
  background: rgba(5, 7, 6, .76); backdrop-filter: blur(22px); box-shadow: 0 12px 50px rgba(0,0,0,.28);
}
.brand { display: inline-flex; align-items: center; gap: 9px; font-size: 17px; font-weight: 820; letter-spacing: .08em; }
.brand-mark { width: 29px; height: 29px; overflow: visible; fill: var(--green); filter: drop-shadow(0 0 9px rgba(91,255,177,.26)); }
.brand-mark .brand-cut { fill: #101713; }
.desktop-nav { display: flex; align-items: center; gap: 35px; margin-left: 70px; }
.desktop-nav a, .login-link { color: #b7bdb9; font-size: 13px; font-weight: 560; transition: color .2s ease; }
.desktop-nav a:hover, .login-link:hover { color: #fff; }
.header-actions { display: flex; align-items: center; gap: 20px; }
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 0 22px; border: 1px solid transparent; border-radius: 12px;
  font-size: 14px; font-weight: 700; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 38px; padding: 0 17px; color: #09110d; background: var(--green); border-radius: 9px; }
.button-small:hover { box-shadow: 0 0 25px rgba(91,255,177,.22); }
.menu-button { display: none; width: 40px; height: 40px; padding: 0; border: 0; background: transparent; }
.menu-button span { display: block; width: 20px; height: 1px; margin: 5px auto; background: white; transition: .2s ease; }
.mobile-menu { display: none; }

.hero { position: relative; min-height: 780px; padding: 198px 0 110px; text-align: center; isolation: isolate; }
.hero::before {
  content: ""; position: absolute; z-index: -3; inset: 0 50% auto; width: 1100px; height: 720px; transform: translateX(-50%);
  background-image: linear-gradient(rgba(91,255,177,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(91,255,177,.045) 1px, transparent 1px);
  background-size: 70px 70px; mask-image: radial-gradient(ellipse 55% 50% at 50% 38%, black 5%, transparent 75%);
}
.hero-glow { position: absolute; z-index: -2; top: -280px; left: 50%; width: 900px; height: 660px; transform: translateX(-50%); border-radius: 50%; background: rgba(26, 152, 95, .22); filter: blur(120px); }
.hero::after { content: ""; position: absolute; z-index: -1; top: 97px; left: 50%; width: 470px; height: 470px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(91,255,177,.075), transparent 68%); border: 1px solid rgba(91,255,177,.04); box-shadow: 0 0 100px rgba(91,255,177,.04), inset 0 0 100px rgba(91,255,177,.02); }
.eyebrow, .kicker { color: var(--green); font-size: 11px; font-weight: 780; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 9px 13px; border: 1px solid rgba(91,255,177,.18); border-radius: 999px; background: rgba(91,255,177,.055); }
.eyebrow-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }
.hero h1 { max-width: 990px; margin: 28px auto 22px; font-size: clamp(56px, 7.2vw, 96px); line-height: .98; letter-spacing: -.068em; font-weight: 770; }
.hero h1 span { color: transparent; background: linear-gradient(102deg, #eaf6ef 3%, #62ffb6 49%, #d9ffec 100%); -webkit-background-clip: text; background-clip: text; }
.hero-copy { max-width: 660px; margin: 0 auto; color: #a8b0ac; font-size: 17px; line-height: 1.7; }
.hero-actions { display: flex; justify-content: center; gap: 12px; margin-top: 32px; }
.button-primary { min-width: 190px; color: #06110b; background: var(--green); box-shadow: 0 0 34px rgba(91,255,177,.16); }
.button-primary svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.button-primary:hover { background: #7cffc2; box-shadow: 0 0 45px rgba(91,255,177,.28); }
.button-ghost { color: #d9dedb; border-color: var(--line-strong); background: rgba(255,255,255,.025); }
.button-ghost:hover { border-color: rgba(91,255,177,.35); background: rgba(91,255,177,.05); }
.play-icon { color: var(--green); font-size: 10px; }
.trust-row { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 42px; }
.avatar-stack { display: flex; }
.avatar-stack span { width: 32px; height: 32px; margin-left: -7px; display: grid; place-items: center; border: 2px solid var(--bg); border-radius: 50%; color: #09100c; background: #d8eee2; font-size: 8px; font-weight: 800; }
.avatar-stack span:first-child { margin-left: 0; background: #ffb3a8; }.avatar-stack span:nth-child(2){background:#b8a4ff}.avatar-stack span:nth-child(3){background:#76ffc1}.avatar-stack span:last-child{color:#dce4df;background:#1a211d;font-size:7px}
.trust-row p { margin: 0; color: #777f7b; font-size: 11px; line-height: 1.4; text-align: left; }.trust-row strong{color:#cdd4d0;font-weight:650}

.showcase { position: relative; width: 100%; overflow: hidden; padding: 22px 0 140px; }
.marquee-track { display: flex; width: max-content; gap: 18px; animation: marquee 35s linear infinite; }
.marquee-track:hover { animation-play-state: paused; }
@keyframes marquee { to { transform: translateX(calc(-50% - 9px)); } }
.showcase-fade { position: absolute; z-index: 4; top: 0; bottom: 100px; width: 12vw; pointer-events:none; }
.showcase-fade-left { left: 0; background: linear-gradient(90deg, var(--bg), transparent); }.showcase-fade-right { right:0;background:linear-gradient(-90deg,var(--bg),transparent); }
.product-card { width: 410px; height: 390px; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(91,255,177,.09); border-radius: 22px; overflow: hidden; background: radial-gradient(circle at 50% 15%, rgba(25,103,69,.22), transparent 60%), #080b09; }
.mock-window { height: 285px; overflow:hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background:#0b0e0c; box-shadow: 0 25px 50px rgba(0,0,0,.45); transform: perspective(900px) rotateX(2deg) rotateY(-4deg); }
.mock-topbar { height: 32px; padding: 0 10px; display:flex;align-items:center;gap:5px;color:#57605b;background:#101411;border-bottom:1px solid rgba(255,255,255,.055);font-size:7px; }
.mock-topbar i{width:5px;height:5px;border-radius:50%;background:#ff7f73}.mock-topbar i:nth-child(2){background:#ffc766}.mock-topbar i:nth-child(3){background:#5bffb1}.mock-topbar span{margin-left:auto;margin-right:auto}
.mod-layout{display:flex;height:calc(100% - 32px)}.mini-sidebar{width:41px;padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:15px;border-right:1px solid rgba(255,255,255,.05);background:#090c0a}.mini-sidebar b{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;color:#07110b;background:var(--green);font-size:9px}.mini-sidebar i{width:13px;height:4px;border-radius:2px;background:#242a26}.mod-content{flex:1;padding:21px 15px}.tiny-label{margin-bottom:12px;color:#a9b0ac;font-size:9px;font-weight:700}.report{display:flex;align-items:center;gap:9px;padding:10px;margin-bottom:8px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#101512}.report p,.team-row p{margin:0;display:flex;flex:1;flex-direction:column;gap:3px;font-size:8px}.report small,.team-row small{color:#606963;font-size:7px}.report em{padding:4px 6px;border-radius:5px;color:#ff9a8e;background:rgba(255,127,115,.09);font-size:6px;font-style:normal}.report.dim{opacity:.55}
.tiny-avatar{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border-radius:7px;color:#07110b;font-size:7px;font-weight:800}.coral{background:#ff9a8e}.mint{background:#72ffc0}.violet{background:#b49cff}.amber-bg{background:#ffd37b}
.card-label{display:flex;align-items:center;gap:10px;padding:5px 3px 1px;color:#e8ecea;font-size:14px;font-weight:600}.card-label span{color:var(--green);font-family:monospace;font-size:9px}.card-label b{margin-left:auto;color:#727b76;font-size:15px;font-weight:400}
.stats-window{padding-bottom:13px}.stat-head{display:flex;justify-content:space-between;align-items:flex-end;padding:25px 22px 12px}.stat-head div{display:flex;flex-direction:column;gap:6px}.stat-head small{color:#747d77;font-size:8px}.stat-head strong{font-size:27px;letter-spacing:-.05em}.stat-head span{padding:5px 7px;border-radius:5px;color:var(--green);background:rgba(91,255,177,.08);font-size:7px}.bars{height:130px;padding:10px 20px 0;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid rgba(255,255,255,.06)}.bars i{height:var(--h);flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#5bffb1,#17633e);opacity:.8}.chart-days{display:flex;justify-content:space-between;padding:9px 28px;color:#515954;font-size:6px}.team-window{padding-bottom:18px}.team-title{display:flex;align-items:center;justify-content:space-between;padding:20px 17px 11px}.team-title div{display:flex;flex-direction:column;gap:3px}.team-title small{color:#68716b;font-size:7px}.team-title strong{font-size:11px}.team-title button{border:0;border-radius:5px;padding:5px 7px;color:#07110b;background:var(--green);font-size:6px}.team-row{display:flex;align-items:center;gap:8px;margin:0 13px 7px;padding:8px 10px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:#0f1311}.team-row>i{width:5px;height:5px;border-radius:50%;background:#363d39}.team-row>i.online{background:var(--green);box-shadow:0 0 5px var(--green)}.flow-grid{position:absolute;inset:32px 0 0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:20px 20px}.automation-window{position:relative}.flow-node{position:absolute;z-index:2;width:125px;padding:12px;border:1px solid rgba(91,255,177,.16);border-radius:9px;background:#111713;box-shadow:0 15px 25px rgba(0,0,0,.3)}.flow-node small{display:block;margin-bottom:6px;color:#65706a;font-size:6px}.flow-node b{font-size:9px}.flow-node.trigger{top:71px;left:32px}.flow-node.action{top:155px;right:30px;border-color:rgba(185,151,255,.22)}.flow-line{position:absolute;top:123px;left:146px;width:110px;height:69px;border-right:1px solid rgba(91,255,177,.38);border-bottom:1px solid rgba(91,255,177,.38)}.flow-status{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:6px;color:#859089;font-size:7px}.flow-status i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}

.content-section { padding: 50px 0 140px; }
.section-heading { max-width: 760px; margin: 0 auto 65px; text-align:center; }
.section-heading .kicker { margin-bottom: 17px; }
.section-heading h2,.control-copy h2,.cta-card h2 { margin:0;color:#edf3ef;font-size:clamp(40px,5vw,64px);line-height:1.06;letter-spacing:-.055em;font-weight:730; }
.section-heading>p:last-child { max-width:610px;margin:22px auto 0;color:var(--muted);font-size:15px;line-height:1.7; }
.bento-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.bento-card { min-height:430px;padding:32px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#0e1210,#080b09); }
.bento-card::before{content:"";position:absolute;width:380px;height:300px;right:-170px;bottom:-180px;border-radius:50%;background:rgba(91,255,177,.08);filter:blur(65px)}
.bento-large { grid-column:1/-1;min-height:570px;display:grid;grid-template-columns:.78fr 1.4fr;gap:40px;align-items:center; }
.bento-copy { position:relative;z-index:2;max-width:370px; }.bento-copy.compact{max-width:390px}
.feature-icon { width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(91,255,177,.24);border-radius:10px;color:var(--green);background:rgba(91,255,177,.07);font-size:18px; }.feature-icon.purple{color:var(--purple);border-color:rgba(185,151,255,.25);background:rgba(185,151,255,.06)}.feature-icon.amber{color:var(--amber);border-color:rgba(255,199,102,.25);background:rgba(255,199,102,.06)}
.bento-copy h3{margin:22px 0 12px;font-size:27px;line-height:1.2;letter-spacing:-.035em}.bento-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.bento-copy a{display:inline-flex;gap:8px;margin-top:23px;color:#d9dfdc;font-size:12px;font-weight:700}.bento-copy a span{color:var(--green)}
.dashboard-panel{position:relative;z-index:2;min-width:650px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:#0b0f0c;box-shadow:0 35px 80px rgba(0,0,0,.4);transform:perspective(1100px) rotateY(-4deg)}
.dash-header{display:flex;justify-content:space-between;align-items:center}.dash-header div{display:flex;flex-direction:column;gap:5px}.dash-header small{color:#5f6862;font-size:8px}.dash-header strong{font-size:15px}.dash-header>span{padding:7px 9px;border:1px solid var(--line);border-radius:6px;color:#858e89;font-size:7px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.dash-stats>div{padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0f1411}.dash-stats small{display:block;color:#68716b;font-size:7px}.dash-stats strong{display:block;margin:8px 0 6px;font-size:21px}.dash-stats em{color:var(--green);font-size:7px;font-style:normal}.dash-chart{position:relative;height:205px;margin-top:12px;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;overflow:hidden}.chart-grid{position:absolute;inset:20px 0 0}.chart-grid i{display:block;height:43px;border-top:1px solid rgba(255,255,255,.045)}.dash-chart svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:175px}.dash-chart .area{fill:url(#area)}.dash-chart .line{fill:none;stroke:var(--green);stroke-width:2;filter:drop-shadow(0 0 5px rgba(91,255,177,.5))}
.moderation-stack{position:absolute;left:32px;right:32px;bottom:33px;height:170px}.stack-card{position:absolute;left:50%;width:86%;height:105px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#101512}.stack-3{top:0;width:73%;opacity:.35}.stack-2{top:14px;width:80%;opacity:.6}.stack-main{top:30px;padding:18px;display:flex;align-items:center;gap:13px;box-shadow:0 18px 35px rgba(0,0,0,.3)}.stack-main div{display:flex;flex:1;flex-direction:column;gap:4px}.stack-main small{color:var(--coral);font-size:7px}.stack-main b{font-size:10px}.stack-main p{margin:0;color:#69716c;font-size:7px}.stack-main em{color:var(--green);font-size:7px;font-style:normal}
.mini-flow{position:absolute;left:32px;right:32px;bottom:31px;display:flex;flex-direction:column;align-items:center}.mini-flow>span{height:18px;color:#3d4741;font-size:10px}.flow-pill{width:82%;padding:12px 14px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;background:#101512;color:#bcc3bf;font-size:9px}.flow-pill.active{border-color:rgba(91,255,177,.18);box-shadow:0 0 35px rgba(91,255,177,.05)}.flow-pill b{margin-left:auto;padding:3px 5px;border-radius:4px;color:#07110b;background:var(--green);font-size:5px}.green-dot,.purple-dot,.amber-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.purple-dot{background:var(--purple)}.amber-dot{background:var(--amber)}

.control-section { padding:150px 0;background:linear-gradient(180deg,transparent,rgba(91,255,177,.025),transparent); }
.control-inner { display:grid;grid-template-columns:.74fr 1.35fr;gap:70px;align-items:center; }
.control-copy .kicker{margin-bottom:18px}.control-copy h2{font-size:48px}.control-copy>p:not(.kicker){margin:19px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.tab-list{display:flex;flex-direction:column;margin-top:34px}.tab-button{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;width:100%;padding:18px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;opacity:.5;transition:.2s ease}.tab-button:last-child{border-bottom:1px solid var(--line)}.tab-button:hover,.tab-button.active{opacity:1}.tab-button>span{color:var(--green);font-family:monospace;font-size:8px}.tab-button div{display:flex;flex-direction:column;gap:4px}.tab-button b{font-size:13px}.tab-button small{color:#6e7771;font-size:9px}.tab-button>i{color:#66706a;font-style:normal;transition:transform .2s ease}.tab-button.active>i{color:var(--green);transform:translateX(4px)}
.control-visual{position:relative;min-width:760px}.visual-orbit{position:absolute;z-index:-1;left:50%;top:50%;border:1px solid rgba(91,255,177,.08);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:640px;height:640px}.orbit-two{width:510px;height:510px}.app-shell{height:510px;display:grid;grid-template-columns:53px 1fr;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;background:#0b0f0c;box-shadow:0 45px 100px rgba(0,0,0,.45),0 0 90px rgba(91,255,177,.04);transform:perspective(1300px) rotateY(-3deg) rotateX(1deg)}.app-shell aside{padding:15px 0;display:flex;flex-direction:column;align-items:center;gap:18px;border-right:1px solid rgba(255,255,255,.06);background:#090c0a}.app-logo{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:#07110b;background:var(--green);font-size:10px;font-weight:800}.app-shell aside>i{width:16px;height:16px;border:1px solid #343b37;border-radius:5px}.app-shell aside>i.selected{border-color:var(--green);background:rgba(91,255,177,.09);box-shadow:0 0 10px rgba(91,255,177,.1)}.app-shell aside>span{flex:1}.app-shell aside .tiny-avatar{width:25px;height:25px}.app-main{padding:26px}.app-top{display:flex;justify-content:space-between;align-items:center}.app-top div{display:flex;flex-direction:column;gap:6px}.app-top small{color:#5f6862;font-size:8px}.app-top small span{color:#88928c}.app-top strong{font-size:17px}.app-top button{padding:8px 10px;border:0;border-radius:6px;color:#07110b;background:var(--green);font-size:7px;font-weight:700}.panel-content{display:none;margin-top:24px}.panel-content.active{display:block;animation:panelIn .35s ease both}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-toolbar{display:flex;gap:8px;margin-bottom:12px}.fake-search{flex:1;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:7px;color:#535c56;background:#0f1311;font-size:7px}.panel-toolbar button{padding:0 12px;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:#727b76;background:#0f1311;font-size:7px}.ticket-table{border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden}.ticket{min-height:60px;display:grid;grid-template-columns:1.25fr 1.4fr .8fr .45fr;align-items:center;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.055);color:#88918c;font-size:7px}.ticket:last-child{border:0}.ticket-head{min-height:34px;color:#4e5751;background:#0f1311;font-size:6px}.ticket>span:first-child{display:flex;align-items:center;gap:8px;color:#bdc5c0}.ticket .tiny-avatar{display:grid;width:25px;height:25px;font-style:normal}.status{padding:5px 7px;border-radius:5px;font-size:6px;font-style:normal}.status.urgent{color:#ff9a8e;background:rgba(255,127,115,.08)}.status.review{color:#ffd37b;background:rgba(255,199,102,.08)}.status.done{color:var(--green);background:rgba(91,255,177,.08)}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-row>div{padding:18px;border:1px solid var(--line);border-radius:10px;background:#0e1310}.metric-row small{display:block;color:#656e68;font-size:7px}.metric-row strong{display:inline-block;margin:10px 9px 0 0;font-size:24px}.metric-row em{color:var(--green);font-size:7px;font-style:normal}.team-activity{margin-top:12px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#0e1310}.activity-title{display:flex;justify-content:space-between;font-size:9px}.activity-title span{color:#656e68;font-size:7px}.activity-bars{height:205px;margin-top:18px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}.activity-bars i{height:var(--h);flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#5bffb1,#17633e)}.automation-canvas{height:340px;padding:25px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--line);border-radius:12px}.canvas-node{width:150px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#111612;box-shadow:0 15px 30px rgba(0,0,0,.25)}.canvas-node small{display:block;color:#626b65;font-size:6px}.canvas-node b{display:block;margin:9px 0 5px;font-size:9px}.canvas-node span{color:#5f6862;font-size:7px}.canvas-node.accent{border-color:rgba(91,255,177,.25);box-shadow:0 0 35px rgba(91,255,177,.05)}.automation-canvas>i{width:38px;height:1px;background:linear-gradient(90deg,#2d3631,var(--green));opacity:.7}

.stories-section{padding:120px 0 150px}.stories-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;align-items:center}.story-card{min-height:330px;margin:0;padding:31px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:20px;background:#0b0f0c}.story-card.featured{min-height:390px;background:radial-gradient(circle at 50% 0,rgba(91,255,177,.1),transparent 55%),#0c110e;border-color:rgba(91,255,177,.14)}.story-card blockquote{margin:0;color:#c9cfcc;font-size:16px;line-height:1.75;letter-spacing:-.01em}.story-card.featured blockquote{font-size:19px}.quote-mark{height:50px;color:var(--green);font-family:Georgia,serif;font-size:70px;line-height:1}.story-card figcaption{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:30px}.story-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#07110b;font-size:8px;font-weight:800}.story-card figcaption div{display:flex;flex-direction:column;gap:4px}.story-card figcaption b{font-size:10px}.story-card figcaption small{color:#69716c;font-size:7px}.story-card figcaption>strong{color:#424a45;font-size:20px}.story-card figcaption>strong::after{content:" members";display:block;font-size:5px;letter-spacing:.08em;text-transform:uppercase}

.cta-section{padding:30px 0 110px}.cta-card{position:relative;overflow:hidden;min-height:500px;padding:90px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(91,255,177,.2);border-radius:30px;background:#0a150f;text-align:center;isolation:isolate}.cta-grid{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(91,255,177,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(91,255,177,.055) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 78%)}.cta-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(80px)}.orb-a{width:400px;height:300px;left:8%;bottom:-170px;background:rgba(24,202,118,.23)}.orb-b{width:350px;height:280px;right:7%;top:-140px;background:rgba(91,255,177,.13)}.cta-card h2{margin-top:18px;font-size:64px}.cta-card h2 span{color:var(--green)}.cta-card>p:not(.kicker){max-width:520px;margin:20px 0 0;color:#8f9b94;font-size:14px;line-height:1.7}.cta-actions{display:flex;gap:10px;margin-top:30px}.button-light{color:#07110b;background:#eefcf4}.button-light:hover{background:#fff;box-shadow:0 0 30px rgba(255,255,255,.1)}.button-dark{border-color:rgba(255,255,255,.13);background:rgba(3,7,5,.35)}

.site-footer{padding:45px 0 30px}.footer-main{padding:0 0 70px;display:flex;justify-content:space-between}.footer-brand p{margin:18px 0 0;color:#68716c;font-size:12px;line-height:1.65}.footer-links{display:flex;gap:95px}.footer-links>div{display:flex;flex-direction:column;gap:13px}.footer-links b{margin-bottom:5px;color:#aeb6b1;font-size:10px}.footer-links a{color:#5e6761;font-size:10px;transition:color .2s}.footer-links a:hover{color:var(--green)}.footer-bottom{padding-top:22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);color:#4d5550;font-size:9px}.footer-bottom a{justify-self:end;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:#a4ada7}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}

@media (max-width: 1080px){
  .desktop-nav{gap:22px;margin-left:20px}.control-inner{grid-template-columns:1fr}.control-copy{max-width:600px}.control-visual{min-width:0}.dashboard-panel{min-width:520px}.bento-large{grid-template-columns:1fr;padding-bottom:0}.bento-large .bento-copy{max-width:540px}.stories-grid{grid-template-columns:1fr 1fr}.story-card:last-child{grid-column:1/-1;min-height:270px}.footer-links{gap:55px}
}
@media (max-width: 760px){
  .section-shell{width:min(100% - 28px,1180px)}.site-header{top:9px;width:calc(100% - 18px);height:60px;padding:0 12px 0 15px}.desktop-nav,.login-link,.button-small{display:none}.menu-button{display:block}.menu-button.active span:first-child{transform:translateY(3px) rotate(45deg)}.menu-button.active span:last-child{transform:translateY(-3px) rotate(-45deg)}
  .mobile-menu{position:fixed;z-index:29;top:78px;left:9px;right:9px;padding:16px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:15px;background:rgba(8,11,9,.96);backdrop-filter:blur(20px);opacity:0;transform:translateY(-12px);pointer-events:none;transition:.2s ease}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{padding:13px;border-radius:8px;color:#c3cac6;font-size:13px}.mobile-menu a:hover{background:rgba(255,255,255,.04)}
  .hero{min-height:730px;padding:170px 0 75px}.hero::before{width:700px}.hero h1{font-size:clamp(50px,14.5vw,68px)}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .button{width:min(100%,300px)}
  .showcase{padding-bottom:100px}.product-card{width:340px;height:355px}.mock-window{height:253px}.showcase-fade{width:8vw}
  .content-section{padding:40px 0 100px}.section-heading{margin-bottom:45px}.section-heading h2,.cta-card h2{font-size:39px}.bento-grid{grid-template-columns:1fr}.bento-large{grid-column:auto;min-height:650px;padding:26px;display:flex;flex-direction:column;align-items:stretch;gap:30px}.bento-card{padding:26px;min-height:410px}.dashboard-panel{min-width:570px;transform:scale(.72);transform-origin:top left}.bento-large .dashboard-panel{margin-right:-230px;margin-bottom:-95px}.moderation-stack,.mini-flow{left:20px;right:20px}
  .control-section{padding:90px 0}.control-copy h2{font-size:40px}.control-inner{gap:50px}.app-shell{width:690px;transform:scale(.67);transform-origin:top left}.control-visual{height:350px}.visual-orbit{display:none}
  .stories-section{padding:80px 0 100px}.stories-grid{grid-template-columns:1fr}.story-card,.story-card.featured{min-height:310px}.story-card:last-child{grid-column:auto}.cta-card{min-height:480px;padding:70px 20px}.cta-actions{width:100%;flex-direction:column}.cta-actions .button{width:100%}
  .footer-main{gap:45px;flex-direction:column}.footer-links{justify-content:space-between;gap:20px}.footer-bottom{grid-template-columns:1fr auto}.footer-bottom span:nth-child(2){display:none}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.marquee-track{animation-play-state:paused}.reveal{opacity:1;transform:none;transition:none}}