:root{--bg: #f5f7fb;--surface: #ffffff;--surface-alt: #eef4ff;--text: #14213d;--muted: #5c6b85;--line: #dbe4f0;--primary: #2563eb;--primary-dark: #1e40af;--secondary: #10b981;--accent: #f59e0b;--accent-2: #a855f7;--accent-soft: #fff4d6;--grad-primary: linear-gradient(135deg, #2563eb, #10b981);--grad-accent: linear-gradient(135deg, #f59e0b, #fb7185);--grad-purple: linear-gradient(135deg, #a855f7, #6366f1);--grad-teal: linear-gradient(135deg, #06b6d4, #10b981);--success: #22c55e;--shadow: 0 12px 30px rgba(20, 33, 61, .08);--shadow-soft: 0 10px 24px rgba(37, 99, 235, .14);--radius: 20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at top left,rgba(245,158,11,.1),transparent 26%),radial-gradient(circle at top right,rgba(34,197,94,.1),transparent 22%),linear-gradient(180deg,#f8fbff,#f5f7fb);color:var(--text);line-height:1.65}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 2rem));margin:0 auto}.narrow{width:min(780px,calc(100% - 2rem));margin:0 auto}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid rgba(219,228,240,.9)}.nav{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:1.25rem;min-height:84px}.logo-wrap{display:inline-flex;align-items:center;gap:.9rem;color:var(--text);z-index:60}.logo-mark{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:var(--grad-primary);color:#fff;font-weight:800;font-size:1.2rem;box-shadow:var(--shadow-soft)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-text strong{font-size:1.05rem}.logo-text small{color:var(--muted);font-size:.78rem;margin-top:.2rem}.menu-toggle{display:none;width:48px;height:48px;border:1px solid rgba(29,78,216,.12);border-radius:14px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;box-shadow:var(--shadow-soft);z-index:60}.menu-toggle span{width:18px;height:2px;background:var(--primary-dark);border-radius:999px}.nav-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem}.main-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.main-nav a{color:var(--text);padding:.7rem 1rem;border-radius:999px;font-weight:600;transition:.2s ease}.main-nav a:hover{background:linear-gradient(135deg,#2563eb1a,#10b9811a);color:var(--primary-dark)}.main-nav a.active{background:var(--grad-primary);color:#fff}.nav-actions{display:flex;align-items:center;gap:.75rem}.hero,.section{padding:4.5rem 0}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(245,158,11,.28),transparent 24%),radial-gradient(circle at 90% 10%,rgba(168,85,247,.25),transparent 24%),radial-gradient(circle at 70% 80%,rgba(16,185,129,.2),transparent 28%),linear-gradient(135deg,#eef2ff,#ecfeff 45%,#fff7ed)}.hero:after{content:"";position:absolute;inset:auto -80px -100px auto;width:280px;height:280px;border-radius:999px;background:#1d4ed814;filter:blur(10px)}.hero h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.05;margin-bottom:1rem;max-width:14ch}.hero p{max-width:720px;font-size:1.08rem;color:var(--muted)}.gradient-text{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid{display:grid;gap:1.4rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:linear-gradient(180deg,#fff,#fcfdff);border:1px solid rgba(219,228,240,.9);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #14213d1f;border-color:#1d4ed840}.card h3,.card h2{margin-top:0}.card--blue{border-top:5px solid #2563eb}.card--green{border-top:5px solid #10b981}.card--orange{border-top:5px solid #f59e0b}.card--purple{border-top:5px solid #a855f7}.card--pink{border-top:5px solid #fb7185}.card--teal{border-top:5px solid #06b6d4}.card-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:.9rem}.card-icon--blue{background:#eff6ff}.card-icon--green{background:#ecfdf5}.card-icon--orange{background:#fff7ed}.card-icon--purple{background:#f5f3ff}.card-icon--pink{background:#fef2f2}.card-icon--teal{background:#ecfeff}.contact-card{border-left:6px solid var(--accent);background:linear-gradient(180deg,#fff,#fffdf5)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.9rem 1.4rem;border-radius:999px;border:1px solid transparent;cursor:pointer;font:inherit;font-weight:700;text-decoration:none;transition:.2s ease}.button,.button-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-soft)}.button:hover,.button-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px #1d4ed838}.button-accent{background:var(--grad-accent);color:#fff}.button-accent:hover{transform:translateY(-1px);box-shadow:0 14px 28px #f59e0b40}.button-purple{background:var(--grad-purple);color:#fff}.button-secondary{background:#fff;color:var(--primary-dark);border-color:#1d4ed82e}.button-secondary:hover{background:var(--surface-alt)}.button-ghost{background:#ffffffb3;color:var(--primary-dark);border-color:#1d4ed82e}.button-ghost:hover{background:#fff}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}.badge{display:inline-flex;align-items:center;padding:.3rem .8rem;border-radius:999px;font-size:.82rem;font-weight:700}.badge--blue{background:#dbeafe;color:#1e40af}.badge--green{background:#d1fae5;color:#065f46}.badge--orange{background:#ffedd5;color:#9a3412}.badge--purple{background:#ede9fe;color:#5b21b6}.badge--pink{background:#fce7f3;color:#9d174d}.badge--teal{background:#ccfbf1;color:#115e59}.eyebrow{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;background:linear-gradient(135deg,#fde68a,#fecaca);color:#7c2d12;font-weight:700;font-size:.9rem;margin-bottom:1rem}.section--soft-blue{background:linear-gradient(135deg,#eff6ff,#ecfeff);border-radius:var(--radius);border:1px solid #bfdbfe}.section--soft-green{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-radius:var(--radius);border:1px solid #a7f3d0}.section--soft-orange{background:linear-gradient(135deg,#fff7ed,#fef9c3);border-radius:var(--radius);border:1px solid #fde68a}.section--soft-purple{background:linear-gradient(135deg,#faf5ff,#f0e7ff);border-radius:var(--radius);border:1px solid #d8b4fe}.form{display:grid;gap:1rem;margin-top:2rem}.form label{display:grid;gap:.45rem;font-weight:700}.form input,.form textarea,.form select{width:100%;padding:.95rem 1rem;border-radius:14px;border:1px solid var(--line);background:#fff;font:inherit;transition:border-color .2s ease,box-shadow .2s ease}.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:#1d4ed88c;box-shadow:0 0 0 4px #1d4ed81a}.price{font-size:2.4rem;font-weight:800;color:var(--primary-dark);margin-bottom:.2rem}.price-unit{color:var(--muted);margin-top:0}.pricing-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.lead{max-width:720px;font-size:1.08rem;color:var(--muted)}.site-footer{background:linear-gradient(135deg,#0f172a,#14213d);color:#fff;padding:3.5rem 0;margin-top:2rem}.site-footer a{color:#93c5fd}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}ul{padding-left:1.2rem}@media(max-width:1024px){.nav{grid-template-columns:1fr auto;padding:1rem 0}.menu-toggle{display:inline-flex;justify-self:end}.nav-panel{display:none;grid-column:1/-1;width:100%;flex-direction:column;align-items:stretch;gap:1rem;padding-top:.5rem}.nav-panel.is-open{display:flex}.main-nav,.nav-actions{width:100%;justify-content:flex-start;flex-direction:column;align-items:stretch}.main-nav a,.nav-actions a{width:100%;text-align:center}}@media(max-width:900px){.grid-2,.grid-3,.footer-grid,.pricing-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}}body.menu-open{overflow:hidden}@media(max-width:640px){.hero,.section{padding:3.5rem 0}.hero h1{max-width:100%}.logo-text small{display:none}}