:root {
    --bg: #08111f;
    --bg-soft: #0d192a;
    --card: #101f33;
    --card-2: #13253c;
    --line: rgba(255,255,255,.09);
    --text: #f7f9fc;
    --muted: #9fb0c5;
    --cyan: #62e7ff;
    --cyan-2: #28b9e8;
    --green: #6cf4c2;
    --blue: #6ea8ff;
    --white: #fff;
    --shell: 1180px;
    --radius: 24px;
    --shadow: 0 28px 80px rgba(0,0,0,.28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
button, input { font: inherit; }
.shell { width: min(calc(100% - 40px), var(--shell)); margin-inline: auto; }
.narrow { max-width: 860px; }
.center { text-align: center; }

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(8,17,31,.78);
    border-bottom: 1px solid rgba(255,255,255,.06);
    backdrop-filter: blur(18px);
}
.nav-wrap { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; font-weight: 800; letter-spacing: -.02em; }
.brand img { display: block; }
.main-nav { display: flex; align-items: center; gap: 28px; }
.main-nav a { text-decoration: none; color: #c9d5e3; font-size: .95rem; font-weight: 650; }
.main-nav a:hover { color: var(--white); }
.nav-toggle { display: none; width: 42px; height: 42px; border: 0; border-radius: 12px; background: rgba(255,255,255,.06); padding: 10px; }
.nav-toggle span { display: block; height: 2px; margin: 5px 0; background: #fff; border-radius: 4px; }

.hero { position: relative; overflow: hidden; padding: 112px 0 92px; }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(98,231,255,.25), transparent); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; opacity: .45; }
.hero-glow-one { width: 540px; height: 540px; right: -220px; top: -180px; background: radial-gradient(circle, rgba(50,196,255,.22), transparent 68%); }
.hero-glow-two { width: 460px; height: 460px; left: -180px; bottom: -250px; background: radial-gradient(circle, rgba(70,104,255,.18), transparent 68%); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1.06fr; align-items: center; gap: 72px; }
.eyebrow, .kicker { color: var(--cyan); font-size: .78rem; text-transform: uppercase; letter-spacing: .16em; font-weight: 850; }
.hero h1 { margin: 14px 0 20px; font-size: clamp(3rem, 5.6vw, 5.25rem); line-height: .98; letter-spacing: -.055em; max-width: 760px; }
.hero-lead { margin: 0; color: #bdcad8; font-size: 1.14rem; max-width: 660px; }
.hero-lead strong { color: #fff; }
.hero-actions { display: flex; gap: 12px; margin: 34px 0 28px; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 13px 22px; border-radius: 14px; text-decoration: none; font-weight: 800; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.button:hover { transform: translateY(-2px); }
.button small { opacity: .74; font-weight: 700; }
.button-primary { background: linear-gradient(135deg, var(--cyan), #8deeff); color: #03111b; box-shadow: 0 14px 34px rgba(68,216,255,.16); }
.button-secondary { border: 1px solid var(--line); background: rgba(255,255,255,.04); color: #eaf2fa; }
.trust-line { display: flex; flex-wrap: wrap; gap: 8px 18px; color: #90a5ba; font-size: .87rem; }
.trust-line span::before { content: "✓"; color: var(--green); margin-right: 6px; font-weight: 900; }

.app-window-wrap { position: relative; }
.app-window { overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: #0c1624; box-shadow: var(--shadow); transform: perspective(1100px) rotateY(-4deg) rotateX(1deg); }
.window-bar { height: 42px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.07); background: #121d2b; color: #aebdcc; font-size: .75rem; }
.window-dots { display: flex; gap: 7px; }
.window-dots i { width: 9px; height: 9px; border-radius: 50%; background: #506175; }
.mock-menu { height: 34px; padding: 8px 14px; border-bottom: 1px solid rgba(255,255,255,.05); color: #7f92a7; font-size: .68rem; }
.mock-workspace { display: grid; grid-template-columns: 142px 1fr; min-height: 382px; }
.mock-sidebar { padding: 14px 10px; background: #0f1a29; border-right: 1px solid rgba(255,255,255,.05); }
.mock-section-title { color: #60758c; font-size: .58rem; text-transform: uppercase; letter-spacing: .12em; margin: 2px 8px 8px; }
.mock-section-title.second { margin-top: 22px; }
.mock-file { padding: 7px 8px; border-radius: 7px; color: #91a4b7; font-size: .67rem; margin-bottom: 3px; }
.mock-file.active { color: #eaf8fc; background: rgba(98,231,255,.09); }
.mock-gauge-row { height: 9px; border-radius: 10px; background: #263a50; margin: 9px 8px; }
.mock-gauge-row.short { width: 56%; }
.mock-canvas { padding: 16px; background: #09131f; }
.mock-video { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(#7791a5 0 44%, #314c44 44% 62%, #273443 62%); border-radius: 9px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.road { position: absolute; width: 56%; height: 100%; left: 23%; top: 53%; background: linear-gradient(90deg, transparent 0 26%, rgba(246,246,246,.5) 27% 29%, #434a52 30% 70%, rgba(246,246,246,.5) 71% 73%, transparent 74%); clip-path: polygon(42% 0,58% 0,95% 100%,5% 100%); }
.gauge { position: absolute; border: 1px solid rgba(255,255,255,.3); background: rgba(2,8,15,.58); backdrop-filter: blur(4px); color: #fff; }
.gauge-speed { width: 76px; height: 76px; border-radius: 50%; right: 18px; bottom: 18px; display: grid; place-items: center; text-align: center; padding-top: 10px; }
.gauge-speed b { font-size: 1.25rem; line-height: .8; }.gauge-speed span { font-size: .48rem; opacity: .8; }
.gauge-alt { left: 18px; bottom: 18px; border-radius: 8px; padding: 7px 11px; }.gauge-alt b{font-size:.9rem}.gauge-alt span{font-size:.48rem;margin-left:3px;opacity:.8}
.gauge-line { left: 18px; right: 110px; top: 18px; height: 26px; border-radius: 7px; padding: 10px; }.gauge-line span{display:block;height:4px;border-radius:5px;background:linear-gradient(90deg,var(--cyan),var(--green));}
.mock-timeline { position: relative; height: 56px; margin-top: 13px; padding: 12px 10px; display:flex; gap:6px; border-radius:8px; background:#101c2a; overflow:hidden; }
.mock-timeline i { flex:1; background:#24394e; border-radius:3px; }
.playhead { position:absolute; left:56%; top:5px; bottom:5px; width:2px; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.app-shadow-label { margin-top: 15px; text-align: center; font-size: .72rem; color: #63768a; }

.section { padding: 96px 0; }
.section-intro { border-bottom: 1px solid var(--line); }
.section h2 { margin: 8px 0 18px; font-size: clamp(2rem, 3.6vw, 3.25rem); line-height: 1.08; letter-spacing: -.04em; }
.section p { color: var(--muted); }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 60px; margin-bottom: 42px; }
.section-heading > div { max-width: 720px; }
.section-heading > p { max-width: 420px; margin: 0 0 8px; }
.section-heading.compact { margin-bottom: 34px; }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.feature-card { min-height: 250px; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(160deg, rgba(255,255,255,.052), rgba(255,255,255,.018)); }
.feature-card-wide { grid-column: span 2; }
.feature-icon { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 34px; border-radius: 15px; background: rgba(98,231,255,.1); border: 1px solid rgba(98,231,255,.18); color: var(--cyan); font-size: .78rem; font-weight: 900; letter-spacing: -.02em; }
.feature-card h3 { margin: 0 0 8px; font-size: 1.14rem; }.feature-card p{margin:0;font-size:.93rem}
.workflow-section { background: #0a1524; border-block: 1px solid var(--line); }
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.steps article { padding: 28px; min-height: 230px; border-right: 1px solid var(--line); }.steps article:last-child{border-right:0}
.steps span { color: var(--cyan); font-size: .75rem; font-weight: 900; letter-spacing: .14em; }.steps h3{margin:46px 0 8px;font-size:1.05rem}.steps p{font-size:.9rem;margin:0}
.privacy-section { padding-top: 70px; padding-bottom: 70px; }
.privacy-card { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; padding: 38px; border-radius: var(--radius); border: 1px solid rgba(108,244,194,.19); background: linear-gradient(135deg, rgba(108,244,194,.08), rgba(255,255,255,.02)); }
.privacy-mark { width: 68px; height: 68px; display: grid; place-items: center; border-radius: 20px; background: rgba(108,244,194,.1); color: var(--green); font-size: 1.6rem; font-weight: 900; }.privacy-card h2{font-size:2.2rem;margin-bottom:8px}.privacy-card p{margin:0}
.download-section { padding-top: 70px; }
.download-card { display: grid; grid-template-columns: 1.25fr .75fr; gap: 46px; padding: 50px; border: 1px solid rgba(98,231,255,.19); border-radius: 30px; background: radial-gradient(circle at 0 0, rgba(98,231,255,.09), transparent 34%), #0d1929; box-shadow: var(--shadow); }
.release-meta { display:flex; flex-wrap:wrap; gap:9px; margin:25px 0 26px; }.release-meta span{padding:8px 11px;border-radius:9px;background:rgba(255,255,255,.045);color:#aebed0;font-size:.8rem}.release-meta b{color:#fff;margin-right:4px}
.download-big { min-width: 250px; }.small-note{font-size:.82rem;margin-top:15px}
.verify-box { align-self: center; padding: 24px; border-radius: 18px; border: 1px solid var(--line); background: rgba(0,0,0,.14); }.verify-box h3{margin-top:0}.verify-box p{font-size:.86rem}.hash-wrap{display:flex;gap:8px;align-items:center}.hash-wrap code{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px;border-radius:8px;background:#07101c;color:#d7e5ef;font-size:.72rem}.copy-button{border:0;border-radius:8px;padding:9px 10px;background:#20364c;color:#fff;cursor:pointer}.command code{color:#9eb5c9}.hash-empty{padding:11px;border-radius:8px;background:#07101c;color:#758aa0!important}.text-link{display:inline-block;margin-top:10px;color:var(--cyan);font-weight:750;text-decoration:none}
.faq-list { border-top: 1px solid var(--line); }.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;font-weight:750;position:relative;padding-right:40px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:5px;top:20px;font-size:1.35rem;color:var(--cyan)}.faq-list details[open] summary::after{content:"−"}.faq-list details p{margin:0;padding:0 0 24px;max-width:760px}
.support-section { padding-top: 60px; }
.support-card { display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;padding:42px 46px;border-radius:var(--radius);border:1px solid rgba(110,168,255,.2);background:linear-gradient(130deg,rgba(110,168,255,.08),rgba(255,255,255,.025))}.support-card h2{font-size:2.25rem}.support-card p{max-width:720px;margin-bottom:0}.support-action{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:240px}.paypal-button{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;padding:15px 20px;border-radius:13px;background:#fff;color:#0d1d35;font-weight:850}.paypal-word{color:#1666b1}.support-action small{color:#71879d;text-align:center}.support-disabled{display:flex;flex-direction:column;padding:15px 18px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.support-disabled span{color:#8399ae;font-size:.82rem}
.about-section { border-top: 1px solid var(--line); }.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.about-grid p{font-size:1.03rem}
.site-footer { border-top: 1px solid var(--line); padding: 30px 0; }.footer-wrap{display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:center}.footer-wrap p{color:#72879c;font-size:.82rem;margin:0}.footer-brand{font-size:.94rem}

@media (max-width: 980px) {
    .hero-grid { grid-template-columns: 1fr; gap: 55px; }
    .hero-copy { max-width: 760px; }
    .app-window { transform: none; }
    .feature-grid { grid-template-columns: repeat(2,1fr); }.feature-card-wide{grid-column:span 1}
    .steps { grid-template-columns: repeat(2,1fr); }.steps article:nth-child(2){border-right:0}.steps article:nth-child(-n+2){border-bottom:1px solid var(--line)}
    .download-card { grid-template-columns: 1fr; }.support-card{grid-template-columns:1fr}.support-action{max-width:300px}.about-grid{gap:40px}
}
@media (max-width: 760px) {
    .shell { width: min(calc(100% - 28px), var(--shell)); }
    .nav-toggle { display: block; }
    .main-nav { display:none;position:absolute;left:14px;right:14px;top:66px;padding:12px;flex-direction:column;align-items:stretch;gap:2px;border:1px solid var(--line);border-radius:16px;background:#0d1929;box-shadow:var(--shadow) }.main-nav.open{display:flex}.main-nav a{padding:11px;border-radius:10px}.main-nav a:hover{background:rgba(255,255,255,.04)}
    .hero { padding: 78px 0 65px; }.hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}
    .mock-workspace { grid-template-columns: 105px 1fr; min-height: 300px; }.mock-canvas{padding:10px}.mock-sidebar{padding:10px 7px}.gauge-speed{width:58px;height:58px;right:10px;bottom:10px}.gauge-line{right:78px;left:10px;top:10px}.gauge-alt{left:10px;bottom:10px}.mock-timeline{height:42px}
    .section { padding: 68px 0; }.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:12px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-icon{margin-bottom:24px}
    .steps { grid-template-columns:1fr }.steps article{border-right:0!important;border-bottom:1px solid var(--line)!important;min-height:0}.steps article:last-child{border-bottom:0!important}.steps h3{margin-top:30px}
    .privacy-card{grid-template-columns:1fr;padding:28px}.download-card{padding:30px 24px}.support-card{padding:30px 24px}.about-grid{grid-template-columns:1fr;gap:8px}.footer-wrap{grid-template-columns:1fr;gap:8px}
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.button{transition:none} }