:root{--accent: #5B8DEF;--accent-2: #00C2A8;--bg: #0d1321;--bg-soft: #121830;--text: #E8ECF1;--muted: #99A3B3;--card: #11172B;--card-2: #0F1528;--success: #00C28E;--danger: #FF6370;--placeholder: #A8B1C2;--shadow: 0 10px 30px rgba(0, 0, 0, .25);--radius: 18px;--radius-sm: 12px;--radius-lg: 28px;--maxw: 1200px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);color:var(--text);font-family:Heebo,system-ui,Arial;scroll-behavior:smooth}a{color:var(--accent);text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--maxw);margin-inline:auto;padding:24px}header.nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(10px);background:linear-gradient(90deg, rgba(13, 19, 33, 0.75), rgba(13, 19, 33, 0.35));border-bottom:1px solid hsla(0,0%,100%,.06)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px}.brand .dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg, var(--accent), var(--accent-2))}.nav a{font-weight:500}.nav-links{display:flex;gap:18px;flex-wrap:wrap}.cta-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));border:none;color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s ease,filter .15s ease}.cta-btn:hover{transform:translateY(-2px)}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.05)}.ok{color:var(--success);font-weight:700}.no{color:var(--danger);font-weight:700}.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 90% -20%, rgba(91, 141, 239, 0.18), transparent 60%),radial-gradient(800px 600px at -10% 10%, rgba(0, 194, 168, 0.12), transparent 55%);border-bottom:1px solid hsla(0,0%,100%,.06)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.badge{display:inline-flex;gap:8px;align-items:center;padding:6px 12px;border-radius:999px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);font-weight:600;color:#dde6f5}.headline{font-size:clamp(28px,5.2vw,48px);line-height:1.1;margin:14px 0 10px}.sub{color:var(--muted);font-size:18px}.gradient-text{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chip{padding:8px 12px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;font-weight:600}.hero-card{background:linear-gradient(180deg, var(--card) 0%, var(--card-2) 100%);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow)}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.kpis{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.kpi{min-width:140px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);padding:14px;border-radius:14px}.kpi b{display:block;font-size:22px}section{padding:40px 24px;border-bottom:1px solid hsla(0,0%,100%,.06)}.sec-title{font-size:28px;margin:0 0 10px}.muted{color:var(--muted)}.grid{display:grid;gap:16px}.g-3{grid-template-columns:repeat(3, 1fr)}.g-2{grid-template-columns:repeat(2, 1fr)}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.card{background:linear-gradient(180deg, var(--card) 0%, var(--card-2) 100%);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card h3{margin:4px 0 8px;font-size:20px}.list{display:grid;gap:8px;list-style-type:none;padding-inline-start:0}.list li{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);padding:10px;border-radius:12px}.portfolio .proj{display:flex;gap:14px;align-items:flex-start}.proj img{width:90px;height:90px;border-radius:12px;object-fit:cover;border:1px solid hsla(0,0%,100%,.08)}.proj h4{margin:0 0 6px}.proj small{color:var(--muted)}.tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tools span{font-size:12px;padding:6px 8px;border-radius:999px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08)}.faq details{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:12px}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:8px 0 0}.pricing .plan{display:flex;flex-direction:column;gap:10px}.price{font-size:32px;font-weight:800}.str{color:var(--muted);text-decoration:line-through;margin-inline-start:8px;font-size:16px}.cta-strip{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#001018;border-radius:var(--radius-lg);padding:18px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cta-strip b{font-size:20px}form .row{display:grid;gap:10px}.row.g-2{grid-template-columns:repeat(2, 1fr)}form input,form textarea,form select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.04);color:var(--text);outline:none}form input::placeholder,textarea::placeholder{color:var(--placeholder)}form select option{color:var(--card)}.note{font-size:12px;color:var(--muted)}footer{padding:28px 24px;color:#9ba7bc}.footer-row{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;align-items:center}.small{font-size:12px;color:#001018}@media(max-width: 400px){.nav-inner{padding:12px}.headline{font-size:28px}.cta-strip{gap:10px}.cta-btn{padding:6px 12px;font-size:smaller}.kpi{width:100%}}.floating{position:fixed;inset-inline-start:14px;inset-block-end:14px;z-index:40;display:none;flex-direction:column;gap:10px}.float-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);backdrop-filter:blur(8px);color:var(--text);font-weight:700;box-shadow:var(--shadow)}.float-btn:hover{filter:brightness(1.1)}.copy{cursor:pointer}.toast{position:fixed;inset-inline:0;inset-block-end:24px;margin-inline:auto;width:max-content;max-width:90%;background:#0b1c12;color:#dff8ee;border:1px solid rgba(0,255,200,.2);padding:12px 16px;border-radius:12px;display:none;box-shadow:var(--shadow)}.portfolio,.pricing,.faq{display:none}@media(max-width: 900px){.g-3,.g-2,.hero-grid{grid-template-columns:1fr !important}}