:root {
  --bg: #fbfaf7;
  --surface: rgba(255,255,255,.86);
  --surface-solid: #ffffff;
  --ink: #07183d;
  --muted: #62708d;
  --line: #e5e9f1;
  --blue: #1f62ff;
  --cyan: #29c7f6;
  --violet: #8247f5;
  --green: #1faf78;
  --shadow: 0 26px 70px rgba(27, 52, 110, .10);
  --radius: 28px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: var(--bg);
  color: var(--ink);
  font-family: "DM Sans", system-ui, sans-serif;
  overflow-x: hidden;
}
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.ambient { position: fixed; pointer-events: none; z-index: -2; filter: blur(20px); opacity: .6; }
.ambient-one { width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(57,206,255,.17), transparent 68%); right: -140px; top: 120px; }
.ambient-two { width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(133,71,245,.10), transparent 70%); left: -180px; top: 620px; }
.site-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(18px); background: rgba(251,250,247,.78); border-bottom: 1px solid rgba(222,226,236,.75); }
.nav-wrap { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font: 800 21px/1 "Manrope", sans-serif; letter-spacing: -.5px; }
.brand img { width: 36px; height: 36px; object-fit: contain; }
.desktop-nav { display: flex; align-items: center; gap: 31px; margin-left: auto; margin-right: 12px; }
.desktop-nav a { color: #42506f; font-weight: 600; font-size: 14px; transition: .2s; }
.desktop-nav a:hover { color: var(--blue); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.text-btn, .outline-small { border: 0; background: transparent; cursor: pointer; font-weight: 650; }
.primary-btn, .secondary-btn, .white-btn { border: 0; border-radius: 14px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, opacity .2s; }
.primary-btn { padding: 15px 20px; color: #fff; background: linear-gradient(110deg, #13a8f7 0%, #265bff 48%, #8d43f5 100%); box-shadow: 0 13px 28px rgba(55, 87, 233, .22); }
.primary-btn:hover, .white-btn:hover { transform: translateY(-2px); box-shadow: 0 17px 34px rgba(55,87,233,.25); }
.primary-btn.small { padding: 11px 15px; border-radius: 12px; font-size: 14px; }
.secondary-btn { padding: 14px 19px; background: rgba(255,255,255,.74); border: 1px solid #dfe4ee; color: var(--ink); }
.secondary-btn:hover { border-color: #bfc9dd; transform: translateY(-1px); }
.white-btn { padding: 14px 18px; color: var(--ink); background: #fff; }
.menu-btn { display: none; width: 42px; height: 42px; border: 1px solid var(--line); background: #fff; border-radius: 12px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.menu-btn span { width: 17px; height: 1.5px; background: var(--ink); transition: .2s; }
.mobile-menu { display: none; }
.hero { min-height: 670px; display: grid; grid-template-columns: 1.02fr .98fr; gap: 38px; align-items: center; padding-top: 74px; padding-bottom: 80px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #3d67c9; text-transform: uppercase; letter-spacing: .1em; font-size: 12px; font-weight: 800; margin-bottom: 18px; }
.eyebrow span { width: 23px; height: 2px; background: linear-gradient(90deg,var(--cyan),var(--violet)); border-radius: 4px; }
.hero h1, .section-heading h2, .workflow h2, .social h2, .final-cta h2 { font-family: "Manrope", sans-serif; letter-spacing: -.045em; }
.hero h1 { margin: 0; max-width: 720px; font-size: clamp(50px, 5.2vw, 76px); line-height: 1.02; }
.hero h1 span { background: linear-gradient(105deg,#2a5fff 15%,#6b50f5 70%,#9545ee); -webkit-background-clip: text; color: transparent; }
.hero-copy > p { color: var(--muted); font-size: 20px; line-height: 1.65; max-width: 670px; margin: 25px 0 30px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.trust-row { display: flex; gap: 22px; margin-top: 32px; color: #596784; font-size: 13px; flex-wrap: wrap; }
.trust-row span { display: flex; gap: 8px; align-items: center; }
.trust-row i { width: 21px; height: 21px; border-radius: 50%; font-style: normal; background: #edf2ff; color: var(--blue); display: grid; place-items: center; font-weight: 900; }
.hero-art { position: relative; min-height: 520px; display: grid; place-items: center; }
.hero-art img { width: min(94%, 500px); position: relative; z-index: 2; filter: drop-shadow(0 28px 25px rgba(36,74,180,.14)); animation: floatLogo 5s ease-in-out infinite; }
.hero-halo { position: absolute; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(48,205,255,.20) 0%, rgba(79,111,255,.11) 38%, rgba(134,70,246,.07) 53%, transparent 72%); }
.orbit { position: absolute; border: 1px solid rgba(52,103,228,.14); border-radius: 50%; transform: rotate(-14deg); }
.orbit-a { width: 520px; height: 220px; }
.orbit-b { width: 450px; height: 600px; transform: rotate(65deg); }
.float-card { position: absolute; z-index: 4; min-width: 136px; padding: 13px 15px; border: 1px solid rgba(209,218,234,.85); border-radius: 15px; background: rgba(255,255,255,.82); backdrop-filter: blur(12px); box-shadow: 0 15px 36px rgba(45,65,113,.09); }
.float-card strong { display: block; font-family: "Manrope"; font-size: 17px; }
.float-card span { color: var(--muted); font-size: 11px; }
.card-a { top: 82px; left: 12px; }.card-b { right: -5px; top: 205px; }.card-c { left: 48px; bottom: 63px; }
@keyframes floatLogo { 50% { transform: translateY(-10px); } }
.product-section { padding: 100px 0; background: rgba(255,255,255,.64); border-top: 1px solid #eceff5; border-bottom: 1px solid #eceff5; }
.section-heading { margin-bottom: 38px; }
.section-heading.split { display: flex; align-items: end; justify-content: space-between; gap: 38px; }
.section-heading h2 { font-size: clamp(34px,4vw,50px); line-height: 1.08; margin: 0; max-width: 760px; }
.section-heading > p, .section-heading.split > p { color: var(--muted); line-height: 1.7; max-width: 490px; margin: 12px 0 0; }
.app-shell { background: #fff; border: 1px solid #dde4ef; border-radius: 26px; box-shadow: var(--shadow); overflow: hidden; min-height: 655px; display: grid; grid-template-columns: 210px 1fr; }
.app-sidebar { padding: 20px 15px; border-right: 1px solid #e7ebf2; display: flex; flex-direction: column; background: linear-gradient(180deg,#fcfdff,#f8f9fc); }
.app-brand { display: flex; align-items: center; gap: 9px; font-family: "Manrope"; padding: 4px 8px 23px; }
.app-brand img { width: 32px; height: 32px; }
.side-links { display: grid; gap: 6px; }
.side-links button { border: 0; background: transparent; border-radius: 10px; text-align: left; padding: 11px 12px; color: #68748c; font-weight: 650; font-size: 13px; cursor: pointer; display: flex; gap: 9px; align-items: center; }
.side-links button.active { background: #edf1ff; color: #2c57dd; }
.sidebar-note { margin-top: auto; padding: 16px; border-radius: 15px; background: linear-gradient(145deg,#edf9ff,#f1ecff); }
.sidebar-note span { font-size: 11px; font-weight: 800; color: #3b62c7; text-transform: uppercase; }
.sidebar-note p { font-size: 12px; color: #64708a; line-height: 1.5; margin: 6px 0 0; }
.dashboard-area { padding: 24px; min-width: 0; }
.dash-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 12px; }
.mini-label { color: #8b96ac; text-transform: uppercase; font-size: 10px; letter-spacing: .09em; font-weight: 800; }
.dash-top h3 { margin: 3px 0 0; font: 800 27px/1.1 "Manrope"; }
.dash-actions { display: flex; gap: 9px; align-items: center; }
.network-pill { border: 1px solid #dfe7e6; background: #f5fbf8; border-radius: 20px; padding: 8px 11px; font-size: 12px; font-weight: 700; display: flex; align-items: center; gap: 7px; }
.network-pill i { width: 8px; height: 8px; border-radius: 50%; background: #28bd80; box-shadow: 0 0 0 5px rgba(40,189,128,.11); }
.outline-small { border: 1px solid #dfe4ee; padding: 8px 12px; border-radius: 10px; background: #fff; font-size: 12px; }
.stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; margin-bottom: 13px; }
.stat-card { padding: 16px; border: 1px solid #e5e9f0; border-radius: 14px; background: #fff; }
.stat-card span { display: block; color: #7a869c; font-size: 11px; }.stat-card strong { display: block; font: 800 20px/1.2 "Manrope"; margin: 5px 0; }.stat-card small { color: #2aaa79; font-size: 10px; font-weight: 700; }
.dash-grid { display: grid; grid-template-columns: 1.25fr .8fr; gap: 13px; }
.activity-card, .stream-card { border: 1px solid #e4e9f0; border-radius: 16px; padding: 18px; background: #fff; }
.card-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.card-title-row h4 { font: 800 17px/1.2 "Manrope"; margin: 3px 0 0; }.card-title-row button { border: 0; background: none; color: #315ddf; font-weight: 700; font-size: 11px; cursor: pointer; }.beta { color: #5263d9; background: #f0f1ff; border-radius: 20px; padding: 5px 8px; font-size: 10px; font-weight: 800; }
.payment-list { display: grid; }
.payment-row { display: grid; grid-template-columns: 34px 1fr auto auto; gap: 10px; align-items: center; padding: 12px 0; border-top: 1px solid #edf0f4; }
.avatar { width: 31px; height: 31px; border-radius: 50%; display: grid; place-items: center; background: #e7efff; color: #2854ca; font-size: 9px; font-weight: 900; }.avatar.alt{background:#e9f8f1;color:#23835e}.avatar.purple{background:#f1eaff;color:#7042c6}.avatar.cyan{background:#e8f9fe;color:#1685a6}
.payment-row div strong { display: block; font-size: 12px; }.payment-row div small { color: #8a94a8; font-size: 10px; }.payment-row b { font-size: 11px; white-space: nowrap; }.payment-row em { font-style: normal; color: #23956b; background: #e9f8f1; border-radius: 20px; padding: 5px 7px; font-size: 9px; font-weight: 800; white-space: nowrap; }
.stream-card label { display: grid; gap: 6px; color: #59657d; font-size: 11px; font-weight: 700; margin-bottom: 12px; }.stream-card input,.stream-card select { width: 100%; min-width:0; border: 1px solid #dfe5ed; border-radius: 10px; padding: 11px 12px; color: var(--ink); background: #fff; outline: none; }.stream-card input:focus,.stream-card select:focus { border-color: #7897ff; box-shadow: 0 0 0 3px rgba(39,91,255,.08); }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.full { width: 100%; }.form-note { color: #79849a; font-size: 10px; display: flex; align-items: center; gap: 6px; margin: 9px 0 0; }.form-note i { width: 16px; height:16px; display:grid;place-items:center;border-radius:50%;background:#edf1ff;color:#3960d6;font-style:normal;font-weight:800; }
.features { padding: 110px 0; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.feature-card { min-height: 255px; padding: 25px; border: 1px solid #e0e5ee; border-radius: 21px; background: rgba(255,255,255,.72); position: relative; overflow: hidden; transition: .25s ease; }
.feature-card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(27,52,110,.08); border-color: #ced7e7; }
.feature-icon { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(145deg,#eaf9ff,#eeeaff); color: #3562df; font-weight: 900; font-size: 20px; }
.feature-card h3 { font: 800 19px/1.2 "Manrope"; margin: 22px 0 10px; }.feature-card p { color: var(--muted); line-height: 1.6; font-size: 14px; margin: 0; }.feature-card button:not(.secondary-btn) { position: absolute; bottom: 22px; left: 25px; border: 0; background: none; color: #2858d4; font-weight: 800; padding:0; cursor:pointer; font-size: 12px; }.feature-highlight { background: linear-gradient(140deg,#effbff 0%,#f1f2ff 55%,#f8efff 100%); }.feature-highlight h3 { font-size: 25px; max-width: 310px; }.feature-highlight .secondary-btn { margin-top: 18px; }
.how-section { padding: 105px 0; background: #fff; border-top: 1px solid #eceff5; border-bottom: 1px solid #eceff5; }
.centered { text-align: center; }.centered .eyebrow { justify-content: center; }.centered p { margin-left:auto; margin-right:auto; }
.steps { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 62px; }
.step { position: relative; padding: 0 45px 0 0; }.step span { width: 45px; height:45px; border-radius:50%; background:#edf1ff; display:grid;place-items:center;color:#315ee0;font:800 14px "Manrope"; }.step-line { height: 1px; border-top: 1px dashed #a8b7e1; position: absolute; left: 59px; right: 18px; top: 22px; }.step:last-child .step-line { display:none; }.step h3 { font:800 20px "Manrope"; margin:20px 0 8px; }.step p { color:var(--muted);line-height:1.6;font-size:14px;max-width:290px; }
.workflow { padding: 100px 0; }.workflow-card { border-radius: 30px; overflow:hidden; background: linear-gradient(110deg,#185df1 0%,#4e55f2 48%,#8150ed 100%); color:#fff; min-height: 350px; padding: 54px; display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;position:relative;box-shadow:0 30px 70px rgba(43,75,203,.20); }.workflow-card:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;border:1px solid rgba(255,255,255,.18);right:-120px;top:-210px}.eyebrow.light{color:#dce8ff}.eyebrow.light span{background:#fff}.workflow h2{font-size:44px;line-height:1.05;margin:0}.workflow-copy p{color:#e2e7ff;line-height:1.7;max-width:460px;margin:18px 0 24px}.flow-demo{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;position:relative;z-index:2}.flow-node{padding:22px;border-radius:18px;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 18px 34px rgba(4,17,61,.14)}.flow-node small{color:#8090ac;font-size:9px;letter-spacing:.08em}.flow-node strong{display:block;font:800 18px "Manrope";margin:7px 0}.flow-node span{color:#64718b;font-size:12px}.flow-path{height:2px;background:rgba(255,255,255,.4);position:relative}.flow-path i{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:#fff;animation:flow 2.4s linear infinite}.flow-path i:nth-child(2){animation-delay:.8s}.flow-path i:nth-child(3){animation-delay:1.6s}.flow-path b{position:absolute;left:50%;transform:translateX(-50%);top:-34px;font-size:11px;white-space:nowrap}@keyframes flow{from{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}
.roadmap { padding: 95px 0; }.roadmap-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px }.road-card{padding:27px;border:1px solid #e1e6ef;border-radius:20px;background:rgba(255,255,255,.72);min-height:260px}.road-card>span{font:800 13px "Manrope";color:#6b7eaa}.road-card small{float:right;background:#f0f2f7;padding:5px 8px;border-radius:20px;color:#72809a;font-weight:800;font-size:9px}.road-card h3{font:800 20px "Manrope";margin:37px 0 10px}.road-card p{color:var(--muted);line-height:1.6;font-size:14px}.road-card b{display:inline-flex;margin-top:18px;color:#59657d;font-size:11px}.road-card.active{border-color:#c9d7ff;background:linear-gradient(145deg,#f4fbff,#f5f4ff)}.road-card.active b{color:#2a60db}
.social { padding: 20px 0 105px; }.social-card { border:1px solid #dce5f1;border-radius:27px;background:linear-gradient(120deg,#f3fbff 0%,#f7f7ff 48%,#f9f0ff 100%);padding:34px;display:grid;grid-template-columns:1fr 1.08fr;gap:36px;align-items:center;overflow:hidden;position:relative}.social-card:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(91,92,238,.13);border-radius:50%;right:-130px;top:-160px}.social h2{font-size:36px;margin:0}.social-copy p{color:var(--muted);line-height:1.65;margin:12px 0 0}.x-profile{position:relative;z-index:2;display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;background:rgba(255,255,255,.82);border:1px solid rgba(216,223,237,.94);padding:15px;border-radius:18px}.x-icon{width:52px;height:52px;border-radius:13px;background:#080808;color:#fff;display:grid;place-items:center;font-size:25px}.x-copy small{display:block;color:#8c96aa;font-size:9px;font-weight:800;letter-spacing:.08em}.x-copy strong{display:block;font:800 15px "Manrope";margin:3px 0}.x-copy span{color:#7a859a;font-size:11px}.x-profile .secondary-btn{white-space:nowrap;font-size:12px;padding:11px 13px}
.final-cta{padding:0 0 90px;display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta>div{display:flex;align-items:center;gap:18px}.final-cta img{width:70px;height:70px}.final-cta span{font:800 15px "Manrope";color:#315cda}.final-cta h2{font-size:34px;margin:4px 0 0}
footer{border-top:1px solid #e4e8ef;background:rgba(255,255,255,.55);padding:34px 0 20px}.footer-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center}.footer-wrap p{color:#7c879b;font-size:13px}.footer-wrap>div{display:flex;gap:22px;color:#5d6a82;font-size:12px;font-weight:650}.footer-bottom{margin-top:24px;padding-top:17px;border-top:1px solid #e6e9ef;display:flex;justify-content:space-between;color:#98a0af;font-size:11px}
.modal-backdrop{position:fixed;inset:0;background:rgba(13,24,52,.34);backdrop-filter:blur(12px);z-index:100;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.2s}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-card{width:min(430px,100%);background:#fff;border:1px solid #dfe4ec;border-radius:25px;box-shadow:0 30px 90px rgba(16,32,82,.25);padding:30px;text-align:center;transform:translateY(10px) scale(.98);transition:.2s;position:relative}.modal-backdrop.open .modal-card{transform:none}.modal-close{position:absolute;right:15px;top:13px;width:34px;height:34px;border:0;border-radius:50%;background:#f2f4f8;color:#6d778b;font-size:22px;cursor:pointer}.modal-mark{width:68px;height:68px;margin:2px auto 15px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#effbff,#f1edff)}.modal-mark img{width:55px;height:55px}.modal-kicker{font-size:10px;letter-spacing:.12em;color:#5270c5;font-weight:900}.modal-card h2{font:800 30px/1.1 "Manrope";margin:9px 0}.modal-card p{color:var(--muted);line-height:1.65;font-size:14px}.modal-status{display:flex;align-items:center;justify-content:center;gap:8px;margin:19px 0;color:#53617b;font-size:12px;font-weight:700}.modal-status i{width:9px;height:9px;border-radius:50%;background:#30bd83;box-shadow:0 0 0 5px rgba(48,189,131,.12)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#0a1736;color:#fff;padding:12px 17px;border-radius:12px;font-size:12px;font-weight:650;opacity:0;pointer-events:none;z-index:120;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@media (max-width: 980px){.desktop-nav,.desktop-only{display:none}.menu-btn{display:flex}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-art{min-height:460px}.section-heading.split{display:block}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow-card{grid-template-columns:1fr;padding:42px}.social-card{grid-template-columns:1fr}.footer-wrap{grid-template-columns:1fr;text-align:center;justify-items:center}.mobile-menu{position:fixed;top:78px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow);display:grid;gap:5px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{padding:12px;border-radius:10px;font-weight:700;color:#53617a}.mobile-menu .secondary-btn{margin-top:5px}}
@media (max-width: 700px){.container{width:min(100% - 26px,1180px)}.site-header .container{width:calc(100% - 26px)}.nav-wrap{height:68px}.mobile-menu{top:68px;left:13px;right:13px}.primary-btn.small{padding:10px 12px}.brand span{font-size:19px}.hero{min-height:auto;padding:50px 0 55px}.hero h1{font-size:44px}.hero-copy>p{font-size:17px;line-height:1.6}.trust-row{gap:11px 16px;font-size:11px}.hero-art{min-height:360px;margin-top:5px}.hero-art img{width:92%}.hero-halo{width:390px;height:390px}.orbit-a{width:370px;height:160px}.orbit-b{width:320px;height:410px}.float-card{min-width:112px;padding:10px 12px}.float-card strong{font-size:14px}.float-card span{font-size:9px}.card-a{top:35px;left:0}.card-b{top:145px;right:0}.card-c{bottom:25px;left:16px}.product-section,.features,.how-section,.workflow,.roadmap{padding-top:75px;padding-bottom:75px}.section-heading h2{font-size:35px}.app-shell{border-radius:20px;min-height:0}.dashboard-area{padding:16px}.dash-top{align-items:flex-start}.dash-actions{flex-direction:column;align-items:flex-end}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:13px}.stat-card strong{font-size:17px}.payment-row{grid-template-columns:32px 1fr auto}.payment-row em{display:none}.payment-row b{font-size:10px}.activity-card,.stream-card{padding:14px}.form-row{grid-template-columns:1fr}.feature-grid,.roadmap-grid,.steps{grid-template-columns:1fr}.feature-card{min-height:230px}.steps{gap:36px;margin-top:45px}.step{padding-right:0}.step-line{display:none}.workflow-card{padding:31px 22px;border-radius:23px}.workflow h2{font-size:35px}.flow-demo{grid-template-columns:1fr;gap:38px}.flow-path{width:2px;height:50px;margin:auto}.flow-path b{top:15px;left:18px;transform:none}.flow-path i{left:-4px!important;top:auto;animation:flowVertical 2.4s linear infinite}@keyframes flowVertical{from{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:100%;opacity:0}}.social{padding-bottom:80px}.social-card{padding:24px}.social h2{font-size:31px}.x-profile{grid-template-columns:46px 1fr}.x-icon{width:46px;height:46px}.x-profile .secondary-btn{grid-column:1/-1;width:100%}.final-cta{align-items:flex-start;flex-direction:column;padding-bottom:70px}.final-cta img{width:56px;height:56px}.final-cta h2{font-size:28px}.final-cta .primary-btn{width:100%}.footer-wrap>div{flex-wrap:wrap;justify-content:center}.footer-bottom{gap:10px;flex-direction:column;text-align:center}.modal-card{padding:26px 20px}.toast{width:calc(100% - 30px);text-align:center}.nav-actions .text-btn{display:none}}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Polished official X profile */
.x-profile { text-decoration:none; color:inherit; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.x-profile:hover { transform:translateY(-2px); box-shadow:0 18px 42px rgba(39,52,89,.10); border-color:#cbd7ea; }
.x-icon { overflow:hidden; background:#050505; box-shadow:0 8px 22px rgba(0,0,0,.14); }
.x-icon svg { width:23px; height:23px; fill:#fff; display:block; }
.x-follow { display:inline-flex; align-items:center; justify-content:center; gap:7px; }


/* v3: official X icon in navigation */
.nav-x-link {
  width: 34px;
  height: 34px;
  display: inline-grid !important;
  place-items: center;
  border-radius: 10px;
  color: #111318 !important;
  transition: background .2s ease, transform .2s ease, color .2s ease;
}
.nav-x-link:hover {
  background: #f0f2f7;
  color: #050505 !important;
  transform: translateY(-1px);
}
.nav-x-link svg { width: 17px; height: 17px; fill: currentColor; display: block; }
.mobile-x-link { display:flex !important; align-items:center; gap:10px; }
.mobile-x-link svg { width:17px; height:17px; fill:currentColor; flex:0 0 auto; }