:root{--bg:#070a12;--bg2:#0d1222;--card:#12182a;--card2:#171f35;--text:#f4f7fb;--muted:#a8b3c7;--line:#26314d;--accent:#9b7cff;--accent2:#00e0b8;--danger:#ff6b6b;--shadow:0 24px 80px rgba(0,0,0,.35);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.site-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 80% 10%,rgba(155,124,255,.28),transparent 28rem),radial-gradient(circle at 10% 35%,rgba(0,224,184,.14),transparent 24rem),linear-gradient(180deg,#070a12 0%,#0b1020 52%,#070a12 100%)}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.header{min-height:100vh;padding-bottom:80px}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em;font-size:1.35rem}.brand-mark{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#061016;box-shadow:0 0 40px rgba(155,124,255,.35)}.nav-links{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--text)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 18px;font-weight:800;border:1px solid var(--line);transition:.2s ease}.nav-cta{background:#ffffff0d}.nav-cta:hover,.btn.secondary:hover{border-color:var(--accent);transform:translateY(-2px)}.menu-toggle{display:none;background:#ffffff10;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:10px 14px}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding-top:72px}.eyebrow{color:var(--accent2);text-transform:uppercase;font-weight:900;letter-spacing:.12em;font-size:.78rem;margin:0 0 18px}h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;line-height:1.02;letter-spacing:-.06em;margin:0}h1{font-size:clamp(3.1rem,8vw,6.8rem);max-width:850px}h2{font-size:clamp(2.25rem,5vw,4.35rem)}h3{font-size:1.35rem}.hero-text,.section-head p,.cta-card>p{color:var(--muted);font-size:1.1rem;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 28px}.btn.primary{background:var(--accent);color:#090d18;border-color:var(--accent);box-shadow:0 18px 60px rgba(155,124,255,.35)}.btn.primary:hover{background:var(--accent2);border-color:var(--accent2);transform:translateY(-2px)}.btn.secondary{background:#ffffff0a}.hero-meta{display:flex;gap:10px;flex-wrap:wrap}.hero-meta span,.logos span{border:1px solid var(--line);background:#ffffff08;border-radius:999px;padding:9px 12px;color:var(--muted);font-size:.9rem}.hero-panel{border:1px solid var(--line);background:linear-gradient(145deg,#12182bcc,#080b14cc);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transform:rotate(1.5deg)}.panel-top{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 18px;color:var(--muted);font-size:.82rem}.panel-top span{width:11px;height:11px;border-radius:50%;background:var(--accent)}.panel-top span:nth-child(2){background:var(--accent2)}.panel-top span:nth-child(3){background:#ffcc66}.panel-top strong{margin-left:auto}.code-card{padding:34px}.code-card em{font-style:normal;color:var(--accent2);font-weight:800}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.metric-grid div{border:1px solid var(--line);border-radius:22px;padding:22px;background:#ffffff08}.metric-grid b{display:block;font-size:2.4rem;letter-spacing:-.08em}.metric-grid small{color:var(--muted)}.progress{height:12px;border-radius:99px;background:#ffffff12;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit}.code-card ul{margin:24px 0 0;padding-left:18px;color:var(--muted)}.section{padding:88px 0}.logos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:grid;gap:14px;margin-bottom:34px}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{min-height:270px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#141b2e,#0d1220);padding:28px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:auto -20% -40% auto;width:180px;height:180px;border-radius:50%;background:rgba(155,124,255,.14);filter:blur(12px)}.card-index{display:inline-flex;color:var(--accent2);font-family:"Space Grotesk";font-weight:900;margin-bottom:52px}.card p{color:var(--muted)}.card.accent{background:linear-gradient(145deg,rgba(155,124,255,.24),rgba(0,224,184,.12));border-color:rgba(155,124,255,.55)}.card.accent a{color:var(--accent2);font-weight:900}.process{background:linear-gradient(180deg,#0a0f1d,#10172a);border-block:1px solid var(--line)}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start}.timeline{display:grid;gap:14px}.timeline div{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:start;border:1px solid var(--line);background:#ffffff08;border-radius:24px;padding:24px}.timeline span{color:var(--accent2);font-family:"Space Grotesk";font-weight:900}.timeline p{grid-column:2;color:var(--muted);margin:0}.feature-block,.cta-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#151d33,#090d18);box-shadow:var(--shadow);padding:42px}.feature-block{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}.benefits{display:grid;gap:16px}.benefits p{padding:18px;border:1px solid var(--line);border-radius:20px;background:#ffffff08;margin:0;color:var(--muted)}.benefits strong{color:var(--text)}.cta-card{text-align:left}.contact-grid{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.contact-grid>*{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#ffffff09;color:var(--muted)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:#080c16;color:var(--text);border-radius:18px;padding:16px;font:inherit;outline:none}.contact-form textarea,.contact-form button{grid-column:1/-1}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.hp{position:absolute;left:-9999px}.footer{padding:70px 0 26px;border-top:1px solid var(--line);background:#070a12}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:34px}.footer p,.footer a{color:var(--muted)}.footer h4{margin:0 0 16px}.footer a{display:block;margin:8px 0}.footer-bottom{color:#6f7b92;font-size:.9rem;margin-top:40px}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:920px){.nav-links,.nav-cta{display:none}.menu-toggle{display:block}.nav-links.open{display:flex;position:absolute;top:78px;left:20px;right:20px;z-index:20;flex-direction:column;align-items:flex-start;background:#0d1222;border:1px solid var(--line);border-radius:24px;padding:22px}.hero,.split,.feature-block,.footer-grid{grid-template-columns:1fr}.hero{padding-top:36px}.hero-panel{transform:none}.cards.three{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.section{padding:66px 0}}@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.nav{height:76px}.hero-actions .btn{width:100%}.feature-block,.cta-card,.code-card{padding:24px}.timeline div{grid-template-columns:1fr}.timeline p{grid-column:1}.metric-grid{grid-template-columns:1fr}h1{font-size:3rem}}

.brand-logo{height:44px;width:auto;display:block}.portfolio-filters{display:flex;gap:12px;flex-wrap:wrap;margin:-8px 0 28px}.filter-btn{border:1px solid var(--line);background:#ffffff08;color:var(--muted);border-radius:999px;padding:11px 16px;font:inherit;font-weight:800;cursor:pointer;transition:.2s ease}.filter-btn:hover,.filter-btn.active{color:#071016;background:var(--accent2);border-color:var(--accent2);transform:translateY(-1px)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#141b2e,#0b101e);overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.18);transition:.25s ease}.portfolio-card:hover{transform:translateY(-6px);border-color:rgba(0,224,184,.48)}.portfolio-card.is-hidden{display:none}.portfolio-shot{height:210px;padding:20px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.portfolio-shot:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.2),transparent 14rem);pointer-events:none}.gradient-a{background:linear-gradient(135deg,#111827,#6d5dfc)}.gradient-b{background:linear-gradient(135deg,#061b20,#00b894)}.gradient-c{background:linear-gradient(135deg,#1b1025,#ff8a5c)}.gradient-d{background:linear-gradient(135deg,#08111f,#38bdf8)}.gradient-e{background:linear-gradient(135deg,#170f2c,#b06cff)}.gradient-f{background:linear-gradient(135deg,#101820,#c1ff72)}.shot-bar{display:block;width:100%;height:24px;border-radius:999px;background:#07101699;border:1px solid #ffffff24;margin-bottom:18px}.shot-lines,.shot-grid,.shot-chart,.shot-flow,.shot-window,.shot-dashboard{position:relative;z-index:2;border:1px solid #ffffff25;background:#0710168a;border-radius:22px;height:135px;padding:18px}.shot-lines i{display:block;height:14px;border-radius:999px;background:#ffffffc8;margin:12px 0}.shot-lines i:nth-child(2){width:72%}.shot-lines i:nth-child(3){width:45%}.shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shot-grid i,.shot-dashboard i{border-radius:16px;background:#ffffffbf}.shot-chart{display:flex;align-items:end;gap:14px}.shot-chart i{flex:1;border-radius:14px 14px 0 0;background:#ffffffc8}.shot-chart i:nth-child(1){height:42%}.shot-chart i:nth-child(2){height:78%}.shot-chart i:nth-child(3){height:58%}.shot-window{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.shot-window i{border-radius:16px;background:#ffffffc8}.shot-flow{display:flex;align-items:center;justify-content:space-between}.shot-flow i{width:54px;height:54px;border-radius:18px;background:#ffffffd0;position:relative}.shot-flow i:not(:last-child):after{content:"";position:absolute;left:64px;top:26px;width:38px;height:2px;background:#ffffffaa}.shot-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portfolio-content{padding:26px}.portfolio-content span{display:inline-flex;color:var(--accent2);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;margin-bottom:14px}.portfolio-content p{color:var(--muted)}.portfolio-content a{font-weight:900;color:var(--accent2)}@media(max-width:920px){.portfolio-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.portfolio-grid{grid-template-columns:1fr}.brand-logo{height:38px}.portfolio-shot{height:190px}}