*,:before,:after{box-sizing:border-box}html,body{scroll-behavior:smooth;margin:0;padding:0}body{color:#e5e7eb;background:#020617;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{padding-top:72px}.section{padding:80px 16px}.section--alt{background:#020617}.container{max-width:1100px;margin:0 auto}.section__header{text-align:center;margin-bottom:48px}.section__header h2{margin-bottom:8px;font-size:2.2rem}.section__header p{color:#9ca3af;max-width:600px;margin:0 auto}.nav{z-index:50;align-items:center;height:72px;transition:background .2s,box-shadow .2s;display:flex;position:fixed;inset:0 0 auto}.nav--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617f2;box-shadow:0 12px 40px #0f172a99}.nav__inner{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:0 16px;display:flex}.nav__logo{align-items:center;gap:8px;display:flex}.nav__logo-mark{background:linear-gradient(135deg,#38bdf8,#6366f1);border-radius:999px;place-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:grid}.nav__logo-text{letter-spacing:.02em;font-weight:600}.nav__links{gap:20px;font-size:.9rem;display:flex}.nav__links a{color:#9ca3af;text-decoration:none;transition:color .15s}.nav__links a:hover{color:#e5e7eb}.nav__burger{background:0 0;border:none;flex-direction:column;gap:6px;padding:8px;display:none}.nav__burger span{background:#e5e7eb;border-radius:999px;width:18px;height:2px}.nav__mobile{background:#020617;border-bottom:1px solid #1f2937;flex-direction:column;gap:8px;padding:12px 16px 18px;display:flex;position:fixed;top:72px;left:0;right:0}.nav__mobile a{color:#e5e7eb;padding:8px 4px;text-decoration:none}.hero{background:radial-gradient(circle at top,#0f172a 0,#020617 60%)}.hero__grid{align-items:center;gap:40px;display:grid}h1{margin:12px 0 16px;font-size:clamp(2.4rem,4vw,3rem);line-height:1.1}.lead{color:#9ca3af;max-width:480px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#38bdf8;font-size:.7rem}.gradient-text{background:linear-gradient(135deg,#38bdf8,#6366f1,#a855f7);color:#0000;-webkit-background-clip:text}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.hero__card{background:#020617;border:1px solid #1f2937;border-radius:18px;padding:24px;box-shadow:0 18px 50px #0f172ab3}.hero__card h3{margin-top:0;margin-bottom:10px}.hero__card ul{color:#9ca3af;margin:0;padding:0;list-style:none}.hero__card li:before{content:"• ";color:#38bdf8}.hero__note{color:#9ca3af;margin-top:16px;font-size:.9rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s;display:inline-flex}.btn--primary{color:#0b1220;background:linear-gradient(135deg,#38bdf8,#6366f1);box-shadow:0 14px 30px #2563eb66}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px #2563eb80}.btn--ghost{color:#e5e7eb;background:0 0;border-color:#1f2937}.btn--ghost:hover{background:#020617}.btn--full{width:100%}.card{background:#020617;border:1px solid #1f2937;border-radius:18px;padding:24px}.card--soft{background:#020617}.grid-3,.about__grid,.process__grid{gap:24px;display:grid}.work__item{background:#0b1220;border:1px solid #1f2937;border-radius:18px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.work__item:hover{border-color:#38bdf8;transform:translateY(-4px);box-shadow:0 12px 32px #38bdf840}.work__thumb{background:#020617;border-radius:12px;width:100%;height:auto;overflow:hidden}.work__thumb-img{object-fit:cover;width:100%;height:auto;display:block}.work__content{flex-direction:column;gap:4px;display:flex}.work__title{color:#e5e7eb;font-size:1.1rem;font-weight:600;text-decoration:none}.work__title:hover{color:#38bdf8}.work__tag{color:#9ca3af;margin:0;font-size:.9rem}.work__image-link{text-decoration:none;display:block}.pricing__grid{gap:24px;display:grid}.pricing__card--highlight{border-color:#38bdf8;box-shadow:0 18px 40px #3b82f659}.pricing__price{margin:8px 0;font-size:2rem}.pricing__highlight{color:#a5b4fc;margin-bottom:12px}.contact__grid{gap:24px;display:grid}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:#9ca3af;font-size:.85rem}.field input,.field select,.field textarea{font:inherit;color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:10px;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{outline-offset:1px;border-color:#38bdf8;outline:2px solid #38bdf8}.form-note{color:#6b7280;margin-top:6px;font-size:.8rem}.contact__list{color:#9ca3af;margin:10px 0 0;padding:0;list-style:none}.contact__list li+li{margin-top:6px}.footer{background:#020617;border-top:1px solid #1f2937;padding:24px 16px 32px}.footer__inner{text-align:center;color:#6b7280;max-width:1100px;margin:0 auto;font-size:.85rem}.footer__note{margin-top:4px}@media (min-width:720px){.hero__grid{grid-template-columns:1.4fr 1fr}.about__grid,.process__grid,.pricing__grid,.contact__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:719px){.nav__links{display:none}.nav__burger{display:flex}}