:root{--bg: #070816;--bg-soft: #0f1332;--text: #f6f7ff;--muted: #b8c0e0;--accent: #6a5cff;--accent-2: #3b8dff;--card: #11162f;--stroke: #232a4a;--shadow: 0 30px 80px rgba(6, 8, 20, .55);--bg-gradient: radial-gradient(circle at top, rgba(90, 105, 255, .25), transparent 55%), radial-gradient(circle at 20% 20%, rgba(86, 163, 255, .2), transparent 40%), linear-gradient(180deg, #070816, #0b0e2b 45%, #0a0d21 100%);--offer-card-bg: #f8f8ff;--offer-card-text: #1a1d3a;--offer-list-text: #4c557a;--compare-bg: rgba(11, 14, 34, .7);--compare-row-bg: rgba(15, 19, 45, .8);--compare-label-text: #d7ddff;--radius: 18px;--maxw: 1120px;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif}html[data-theme=light]{--bg: #f4f6ff;--bg-soft: #ffffff;--text: #0f142a;--muted: #4d5776;--card: #ffffff;--stroke: rgba(35, 42, 74, .15);--shadow: 0 24px 60px rgba(10, 16, 40, .12);--bg-gradient: radial-gradient(circle at top, rgba(90, 105, 255, .12), transparent 55%), radial-gradient(circle at 20% 20%, rgba(86, 163, 255, .12), transparent 40%), linear-gradient(180deg, #f6f7ff, #eef1ff 55%, #f8f9ff 100%);--offer-card-bg: #ffffff;--offer-card-text: #151a33;--offer-list-text: #455074;--compare-bg: rgba(240, 243, 255, .85);--compare-row-bg: rgba(255, 255, 255, .9);--compare-label-text: #2d3558}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background:var(--bg-gradient);color:var(--text);font-family:var(--font-sans);line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(100%,var(--maxw));margin:0 auto;padding:0 24px}.bg-orb{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(40px);opacity:.5;z-index:0}.orb-a{background:radial-gradient(circle,rgba(88,106,255,.7),transparent 60%);top:-120px;left:-80px}.orb-b{background:radial-gradient(circle,rgba(75,138,255,.65),transparent 60%);bottom:-160px;right:-120px}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(transparent 94%,#ffffff0a 96%),linear-gradient(90deg,transparent 94%,rgba(255,255,255,.04) 96%);background-size:48px 48px;z-index:0;pointer-events:none}.site-header{position:sticky;top:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070816c7;border-bottom:1px solid rgba(255,255,255,.06);z-index:10}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.logo{font-family:var(--font-display);font-size:1.3rem;font-weight:700;letter-spacing:.5px}.logo span{color:var(--accent)}.nav{display:flex;gap:20px;font-size:.95rem;color:var(--muted)}.nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle{background:transparent;color:var(--text);border:1px solid rgba(140,155,230,.3);border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:600}.cta{background:linear-gradient(135deg,#6a5cff,#3b8dff);color:#050614;padding:12px 18px;border-radius:999px;font-weight:600;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 30px #3a72ff66}.cta:hover{transform:translateY(-2px)}.cta.ghost{background:transparent;color:var(--text);border-color:#8c9be64d;box-shadow:none}.cta.kofi{background:linear-gradient(135deg,#007bff,#22b6ff);color:#fff;gap:10px;box-shadow:0 14px 30px #0078ff59}.kofi-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:#ffffff29;font-weight:700;letter-spacing:.02em;font-size:.8rem}.hero{padding:90px 0 60px;position:relative;z-index:1}.hero-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.eyebrow{color:var(--accent-2);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}h1{font-family:var(--font-display);font-size:clamp(2.6rem,4vw,4rem);margin:16px 0;line-height:1.05}.subhead{font-size:1.1rem;color:var(--muted)}.hero-actions{display:flex;gap:16px;margin:24px 0;flex-wrap:wrap}.hero-metrics{display:flex;gap:24px;margin-top:12px;color:var(--muted);font-size:.95rem}.metric{display:block;font-size:1.5rem;color:var(--text);font-weight:700}.hero-card{background:linear-gradient(160deg,#11162fe6,#080a18e6);border:1px solid var(--stroke);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;border:2px solid rgba(120,140,230,.5);margin-bottom:18px;box-shadow:0 12px 26px #1e286e59}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.status{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;color:var(--muted);margin-bottom:18px}.dot{width:10px;height:10px;border-radius:50%;background:#6dff6d;box-shadow:0 0 12px #6dff6d99}.card-block{margin-bottom:20px}.card-block h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:10px}.list{list-style:none;display:grid;gap:8px;color:var(--muted)}.stack{color:var(--muted)}.section{padding:70px 0;position:relative;z-index:1}.section-title h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem)}.section-title p{color:var(--muted);margin-top:10px}.cards{display:grid;gap:22px;margin-top:32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.featured-project{margin-top:32px;background:linear-gradient(150deg,#6a5cff38,#3b8dff1a),var(--card);border:1px solid rgba(106,92,255,.35);border-radius:24px;padding:28px;display:grid;gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;animation:floatIn .8s ease both}.featured-project:hover{transform:translateY(-4px);border-color:#6a5cff99;box-shadow:0 32px 70px #141c4661}.featured-project-copy,.featured-project-side{display:grid;gap:14px}.featured-badge{display:inline-flex;justify-self:start;padding:6px 12px;border-radius:999px;background:#ffffff1f;color:var(--text);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.featured-project h3{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05}.featured-project p{color:var(--muted)}.featured-points{display:flex;flex-wrap:wrap;gap:12px}.featured-points span{padding:10px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:var(--text);font-size:.92rem;font-weight:600}.featured-kpi{background:#070a1857;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px}.featured-kpi strong{font-family:var(--font-display);font-size:1.05rem}.featured-kpi p{margin-top:8px}.featured-link{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:12px 18px;border-radius:999px;background:#ffffff24;font-weight:700}.card{background:var(--card);border:1px solid var(--stroke);padding:20px;border-radius:16px;display:grid;gap:10px;min-height:280px;animation:floatIn .8s ease both}.card:nth-child(1){animation-delay:.05s}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.18s}.card:nth-child(4){animation-delay:.24s}.project-details{border-top:1px dashed rgba(120,140,230,.25);padding-top:10px;color:var(--muted)}.project-details summary{cursor:pointer;font-weight:600;color:var(--accent-2);list-style:none}.project-details summary::-webkit-details-marker{display:none}.card h3{font-family:var(--font-display);font-size:1.2rem}.card p{color:var(--muted)}.card strong{color:var(--text)}.meta{margin-top:auto;color:var(--accent-2);font-size:.9rem}.links{display:flex;gap:16px;margin-top:8px;font-weight:600}.case-study{padding-top:24px}.case-grid{display:grid;gap:18px;margin-top:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.case-card{background:#0c1028d1;border:1px solid rgba(120,140,230,.2);border-radius:18px;padding:22px;display:grid;gap:10px;animation:floatIn .8s ease both}.case-card h3{font-family:var(--font-display);font-size:1.15rem}.case-card p{color:var(--muted)}.service-grid{display:grid;gap:20px;margin-top:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.badge-grid{display:grid;gap:16px;margin-top:28px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.badge{display:inline-flex;align-items:center;gap:10px;background:#ffffff12;border:1px solid rgba(120,140,230,.2);border-radius:14px;padding:12px 14px;color:var(--text);font-weight:600;letter-spacing:.02em;animation:floatIn .8s ease both}.badge:nth-child(1){animation-delay:.05s}.badge:nth-child(2){animation-delay:.12s}.badge:nth-child(3){animation-delay:.18s}.badge:nth-child(4){animation-delay:.24s}.badge:nth-child(5){animation-delay:.3s}.badge img{width:22px;height:22px}.availability{padding-top:40px}.availability-card{background:linear-gradient(130deg,#6a5cff38,#3b8dff14);border:1px solid rgba(106,92,255,.4);border-radius:18px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.availability-card h3{font-family:var(--font-display);font-size:1.3rem}.availability-card p{color:var(--muted);margin-top:6px}.why-grid{display:grid;gap:18px;margin-top:28px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.why-card{background:#0c1028cc;border:1px solid rgba(120,140,230,.2);border-radius:16px;padding:20px;display:grid;gap:8px;animation:floatIn .8s ease both}.why-card:nth-child(1){animation-delay:.05s}.why-card:nth-child(2){animation-delay:.12s}.why-card:nth-child(3){animation-delay:.18s}.why-card:nth-child(4){animation-delay:.24s}.why-card h3{font-family:var(--font-display);font-size:1.15rem}.why-card p{color:var(--muted)}.demo-page{padding-top:120px}.demo-card{margin-top:24px;background:#0c1028cc;border:1px solid rgba(120,140,230,.2);border-radius:18px;padding:24px;display:grid;gap:16px;justify-items:start}.offers-page{padding-top:120px}.offers-title{display:grid;gap:16px;justify-items:start}.offers-grid{display:grid;gap:22px;margin-top:32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.offer-card{background:var(--offer-card-bg);color:var(--offer-card-text);border:1px solid rgba(140,155,230,.25);border-radius:20px;padding:26px;display:grid;gap:14px;box-shadow:0 20px 50px #0a102840;position:relative}.offer-card .cta{justify-self:start}.offer-card.is-featured{transform:translateY(-10px);border:1px solid rgba(106,92,255,.6);box-shadow:0 30px 70px #3c50c859}.offer-badge{position:absolute;top:-12px;left:24px;background:linear-gradient(135deg,#ff6fd8,#6a5cff);color:#fff;padding:6px 12px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.offer-card h3{font-family:var(--font-display);font-size:1.3rem}.offer-list{list-style:none;display:grid;gap:8px;color:var(--offer-list-text)}.offer-list li:before{content:"•";margin-right:8px;color:#6a5cff}.offer-price{font-weight:700;color:var(--offer-card-text);font-size:1.05rem}.compare{margin-top:48px;background:var(--compare-bg);border:1px solid rgba(120,140,230,.2);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.compare-header h3{font-family:var(--font-display);font-size:1.6rem}.compare-header p{color:var(--muted);margin-top:6px}.compare-selects{margin-top:20px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.compare-selects label{display:grid;gap:8px;color:var(--muted);font-weight:600}select{background:#0d1230;border:1px solid rgba(120,140,230,.35);border-radius:12px;padding:10px 12px;color:var(--text);font-family:var(--font-sans)}.compare-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.compare-head{font-weight:700;color:var(--text);padding:10px 12px}.compare-row{display:contents}.compare-label,.compare-cell{background:var(--compare-row-bg);border:1px solid rgba(120,140,230,.15);border-radius:12px;padding:12px;color:var(--muted)}.compare-label{font-weight:600;color:var(--compare-label-text)}.offers-foot{margin-top:32px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;color:var(--muted)}.service{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:22px;display:grid;gap:12px;animation:floatIn .8s ease both}.service:nth-child(1){animation-delay:.05s}.service:nth-child(2){animation-delay:.12s}.service:nth-child(3){animation-delay:.18s}.service:nth-child(4){animation-delay:.24s}.service h3{font-family:var(--font-display)}.tag{font-size:.85rem;color:var(--accent-2)}.process{display:grid;gap:12px;margin-top:28px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.step{background:linear-gradient(150deg,#6a5cff2e,#3b8dff14);border:1px solid rgba(106,92,255,.4);padding:16px;border-radius:14px;text-align:center;font-weight:600}.contact-grid{display:grid;gap:28px;margin-top:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.contact-form{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:24px;display:grid;gap:16px}.contact-form label{display:grid;gap:8px;font-weight:600;color:var(--muted)}input,textarea{background:#0f1332;border:1px solid rgba(120,140,230,.35);border-radius:12px;padding:12px;color:var(--text);font-family:var(--font-sans)}input:focus,textarea:focus{outline:2px solid rgba(59,141,255,.5);border-color:transparent}.contact-alt{display:grid;gap:14px}.alt-card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:18px}.alt-card h3{font-family:var(--font-display);margin-bottom:6px}.fine{font-size:.85rem;color:var(--muted)}.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:26px 0 40px;position:relative;z-index:1}.site-footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--muted)}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-copy,.hero-card,.section-title,.featured-project,.cards,.case-grid,.service-grid,.process,.contact-grid,.offers-grid,.compare{animation:floatIn .8s ease both}@media (max-width: 900px){.nav{display:none}.site-header .container{justify-content:space-between}.featured-project{grid-template-columns:1fr}.offer-card.is-featured{transform:none}}@media (max-width: 700px){.compare-grid{grid-template-columns:1fr}.compare-head{display:none}.compare-label,.compare-cell{grid-column:auto}}@media (max-width: 600px){.hero{padding-top:70px}.hero-metrics{flex-direction:column;gap:12px}.featured-project{padding:22px}}