:root{--bg:#0b1020;--surface:#121a31;--surface2:#f4f7fb;--text:#f7f9ff;--dark:#101526;--muted:#aeb8cf;--accent:#67e8a5;--accent2:#49b6ff;--border:rgba(255,255,255,.12);--shadow:0 24px 70px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,72px);background:rgba(11,16,32,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.logo{font-weight:900;font-size:1.35rem;letter-spacing:-.04em}.logo span{color:var(--accent)}.nav{display:flex;align-items:center;gap:24px}.nav a:not(.btn){color:#dce4f7;font-weight:600}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:14px 20px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06111a;cursor:pointer;box-shadow:0 12px 30px rgba(73,182,255,.18)}.btn:hover{transform:translateY(-1px)}.btn-small{padding:10px 14px}.btn-secondary{background:transparent;color:white;border:1px solid var(--border);box-shadow:none}.btn-full{width:100%}.hero{min-height:82vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;padding:80px clamp(20px,7vw,110px);background:radial-gradient(circle at top right,rgba(73,182,255,.16),transparent 35%),radial-gradient(circle at left,rgba(103,232,165,.12),transparent 30%)}.hero h1{font-size:clamp(2.8rem,6vw,6.2rem);line-height:.98;letter-spacing:-.065em;margin:.2em 0}.hero p{max-width:680px;color:var(--muted);font-size:1.1rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem!important;font-weight:900;color:var(--accent)!important}.hero-card{background:linear-gradient(145deg,#192442,#0f172b);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(2deg)}.browser-bar{display:flex;gap:8px;padding:14px;border-bottom:1px solid var(--border)}.browser-bar span{width:11px;height:11px;border-radius:50%;background:#d8e2fa}.mockup{padding:34px;min-height:380px}.mock-nav,.mock-title,.mock-text,.mock-button,.mock-grid div{background:rgba(255,255,255,.12);border-radius:10px}.mock-nav{height:20px;width:55%;margin-left:auto}.mock-title{height:64px;width:85%;margin-top:70px}.mock-text{height:18px;width:65%;margin-top:18px}.mock-button{height:42px;width:135px;margin-top:26px;background:linear-gradient(135deg,var(--accent),var(--accent2))}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}.mock-grid div{height:80px}.section{padding:90px clamp(20px,7vw,110px)}.section.alt{background:var(--surface2);color:var(--dark)}.section-heading{max-width:760px;margin:0 auto 42px;text-align:center}.section-heading h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em;margin:.15em 0}.section-heading p:not(.eyebrow){color:#65708a}.pricing-grid,.portfolio-grid,.testimonial-grid,.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1100px;margin:auto}.price-card,.portfolio-card,.testimonial-grid blockquote,.form-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.price-card{position:relative}.price-card.featured{outline:2px solid var(--accent)}.badge{position:absolute;right:18px;top:18px;background:var(--accent);color:#07140f;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900}.price{font-size:3.4rem;font-weight:900;letter-spacing:-.06em;margin:.15em 0}.price-card ul{padding-left:20px;color:#ced8ee}.portfolio-grid{grid-template-columns:repeat(3,1fr)}.portfolio-card{background:white;color:var(--dark);padding:0;overflow:hidden}.portfolio-card h3,.portfolio-card p{padding-left:22px;padding-right:22px}.portfolio-card p{padding-bottom:20px;color:#667087}.portfolio-image{height:220px;background-size:cover}.portfolio-image.one{background:linear-gradient(135deg,#202a44,#f59e0b)}.portfolio-image.two{background:linear-gradient(135deg,#7c3aed,#ec4899)}.portfolio-image.three{background:linear-gradient(135deg,#0ea5e9,#22c55e)}.testimonial-grid{grid-template-columns:repeat(3,1fr)}.testimonial-grid blockquote{margin:0;font-size:1.06rem}.testimonial-grid cite{display:block;margin-top:20px;color:var(--accent);font-style:normal;font-weight:800}.form-card{max-width:900px;margin:auto}.alt .form-card{background:white;color:var(--dark);border-color:#dfe5ef;box-shadow:0 18px 50px rgba(28,39,64,.09)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}label{display:grid;gap:8px;font-weight:800;margin-bottom:18px}input,select,textarea{width:100%;border:1px solid #d8dfeb;border-radius:10px;padding:13px 14px;font:inherit;background:white;color:#111827}textarea{resize:vertical}.payment-grid{max-width:760px}.contact-strip{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:70px clamp(20px,7vw,110px);background:linear-gradient(135deg,#16233d,#0b1020)}.contact-strip h2{font-size:clamp(2rem,4vw,3.4rem);margin:0}.contact-info{display:grid;gap:8px;text-align:right}.contact-info a{font-weight:800;color:var(--accent)}footer{text-align:center;padding:24px;color:var(--muted);border-top:1px solid var(--border)}
@media(max-width:850px){.menu-toggle{display:block}.nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:20px;background:#0d1427;border-bottom:1px solid var(--border)}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px}.hero-card{transform:none}.portfolio-grid,.testimonial-grid,.pricing-grid,.payment-grid{grid-template-columns:1fr}.contact-strip{flex-direction:column;align-items:flex-start}.contact-info{text-align:left}.form-grid{grid-template-columns:1fr}}