*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f9fafb;background:radial-gradient(circle at 0 0,#020617,#000);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172afa;border-bottom:1px solid #0f172a;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:10px 16px;display:flex}.logo{align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:inline-flex}.nav-links{gap:18px;font-size:.9rem;display:flex}.nav-links a{color:#e5e7eb;opacity:.8;text-decoration:none}.nav-links a:hover{opacity:1}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.menu-toggle span{background:#e5e7eb;border-radius:999px;width:20px;height:2px;transition:transform .2s,opacity .2s,background .2s}@media (max-width:768px){.nav-inner{padding:10px 12px}.nav-links{opacity:0;pointer-events:none;background:#0f172afa;border-bottom:1px solid #0f172a;flex-direction:column;gap:12px;padding:12px 16px 16px;transition:opacity .2s,transform .2s;position:absolute;top:56px;left:0;right:0;transform:translateY(-8px)}.nav-links.nav-open{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-toggle{display:flex}}.menu-toggle.open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.global-sale-banner{z-index:40;text-align:center;color:#bbf7d0;background:radial-gradient(circle at 0 0,#22c55e40,#0f172afa);border-bottom:1px solid #22c55e99;padding:8px 16px;font-size:.9rem;animation:3s ease-in-out infinite salePulse;position:sticky;top:56px;box-shadow:0 10px 30px #0f172ae6}.global-sale-banner a{color:#22d3ee;text-decoration:underline}@keyframes salePulse{0%{opacity:.95;transform:translateY(0);box-shadow:0 12px 35px #22c55e66}50%{opacity:1;transform:translateY(-1px);box-shadow:0 20px 50px #22c55eb3}to{opacity:.95;transform:translateY(0);box-shadow:0 12px 35px #22c55e66}}.page-padding{padding-top:120px}.section{padding:80px 16px}.section-dark{background:radial-gradient(circle at top,#0f172ae6,#020617)}.section-center{max-width:1100px;margin:0 auto}.section-title{text-align:center;margin-bottom:16px;font-size:2rem;font-weight:700}.section-subtitle{text-align:center;color:#e5e7eb;max-width:640px;margin:0 auto 32px;font-size:.98rem}.hero{text-align:center;background:url(/code-angle-bg.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:0 20px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;background:radial-gradient(circle,#00000040,#000000d9);position:absolute;inset:0}.hero>*{z-index:2;position:relative}.hero-title{background:linear-gradient(90deg,#38bdf8,#22c55e);color:#0000;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(3rem,6vw,3.8rem);font-weight:800}.hero-text{color:#e5e7eb;max-width:640px;font-size:1.05rem}.button-primary{color:#0b1120;cursor:pointer;background:radial-gradient(circle at 0 0,#22d3ee,#22c55e);border:none;border-radius:999px;justify-content:center;align-items:center;margin-top:24px;padding:.75rem 1.6rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 18px 40px #22c55e73}.button-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 22px 55px #22c55e99}.services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:32px;display:grid}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae6;border:1px solid #94a3b859;border-radius:18px;padding:20px 22px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;box-shadow:0 18px 45px #0f172ae6}.card:hover{background:radial-gradient(circle at 0 0,#38bdf814,#0f172af2);border-color:#38bdf8b3;transform:translateY(-4px);box-shadow:0 26px 60px #0f172af2}.card-title{margin-bottom:6px;font-size:1.1rem;font-weight:600}.card-text{color:#cbd5f5;font-size:.95rem;line-height:1.5}.sale-banner{color:#bbf7d0;background:radial-gradient(circle at 0 0,#22c55e1f,#0f172afa);border:1px solid #22c55eb3;border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:10px 14px;font-size:.9rem;display:inline-flex}.estimate-form{background:#0f172af2;border:1px solid #38bdf880;border-radius:18px;gap:18px;margin-top:32px;padding:24px;display:grid;box-shadow:0 20px 50px #0f172af2}.estimate-form h2{margin-top:0;margin-bottom:8px;font-size:1.1rem}.form-row{flex-direction:column;gap:6px;display:flex}.form-row label{color:#cbd5f5;font-size:.9rem}.form-row input,.form-row select{color:#e5e7eb;background:#0f172ae6;border:1px solid #334155e6;border-radius:10px;padding:8px 10px;font-size:.9rem}.form-row input:focus,.form-row select:focus{border-color:#38bdf8e6;outline:none;box-shadow:0 0 0 1px #38bdf899}.form-inline{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.estimate-result{background:radial-gradient(circle at 0 0,#22c55e1f,#0f172afa);border:1px solid #22c55e99;border-radius:14px;margin-top:20px;padding:18px 20px;font-size:.95rem}.estimate-result h3{margin:0 0 6px;font-size:1.02rem}@media (max-width:768px){.section{padding:64px 16px}.hero-title{font-size:2.6rem}.hero-text{font-size:.98rem}}
