:root{--page-bg:#f5faf7;--surface:#fffffff2;--surface-strong:#fff;--surface-border:#073f221a;--text:#07351f;--muted:#4d6256;--green:#74bd09;--green-dark:#063f22;--blue:#078fe2;--cyan:#57dfff;--dark:#03180d;--dark-soft:#062916;--cream:#f7f4ea;--shadow:0 28px 80px #03180d24}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%}body{color:var(--text);background:var(--page-bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.plumber-home{background:radial-gradient(circle at 16% 12%, #74bd0929, transparent 24rem), linear-gradient(180deg, #fff, var(--page-bg));min-height:100vh;overflow:hidden}.site-nav{z-index:50;color:#f7f4eadb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03180dc2;border:1px solid #ffffff1f;border-radius:999px;justify-content:space-between;align-items:center;gap:22px;width:min(100% - 32px,1180px);min-height:72px;padding:12px 14px 12px 22px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #0000003d}.site-nav__brand{align-items:center;min-width:170px;display:inline-flex}.site-nav__logo{filter:drop-shadow(0 12px 22px #0000003d);width:185px;height:auto;display:block}.site-nav__links{letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:clamp(16px,2vw,28px);font-size:.83rem;font-weight:800;display:flex}.site-nav__links a{opacity:.78;transition:opacity .16s,color .16s}.site-nav__links a:hover{color:var(--cyan);opacity:1}.site-nav__call{color:#052313;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg, var(--green), #b8ff30);border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:.82rem;font-weight:900;display:inline-flex;box-shadow:0 12px 26px #74bd0947}.hero-section{min-height:100vh;color:var(--cream);background:radial-gradient(circle at 70% 42%,#078fe233,#0000 28rem),radial-gradient(circle at 18% 20%,#74bd092e,#0000 22rem),linear-gradient(135deg,#03180d 0%,#062916 48%,#010906 100%);align-items:center;display:flex;position:relative}.hero-section:after{content:"";pointer-events:none;background:linear-gradient(180deg, #03180d00, var(--page-bg));height:170px;position:absolute;inset:auto 0 0}.hero-section__inner{z-index:3;width:min(100%,1180px);margin:0 auto;padding:160px 24px 120px;position:relative}.hero-section__content{max-width:820px}.eyebrow{color:var(--green-dark);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:900}.eyebrow--light{color:var(--cyan)}.hero-section h1,.section-block h2,.problem-section h2,.contact-section h2{letter-spacing:-.06em;margin:0}.hero-section h1{text-transform:uppercase;max-width:980px;font-size:clamp(3.3rem,9vw,8.6rem);line-height:.87}.hero-section__lead{color:#f7f4eabd;max-width:720px;margin:28px 0 0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.72}.hero-section__actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:36px;display:flex}.button{letter-spacing:.03em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:54px;padding:0 24px;font-weight:900;display:inline-flex}.button--primary{color:#052313;background:linear-gradient(135deg, var(--green), #c9ff43);box-shadow:0 18px 36px #74bd0942}.button--ghost{color:var(--cream);background:#ffffff14;border:1px solid #ffffff2e}.hero-trust{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-trust span{color:#f7f4ead1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:800}.hero-scroll{z-index:4;color:#f7f4ea75;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl;font-size:.78rem;font-weight:900;position:absolute;bottom:40px;right:34px}.hero-constellation{position:absolute;inset:0;overflow:hidden}.hero-constellation__canvas{width:100%;height:100%;position:absolute;inset:0}.hero-constellation__spot{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle,#57dfff2e,#0000 62%);border-radius:999px;width:360px;height:360px;transition:opacity .18s;position:absolute;transform:translate(-50%,-50%)}.hero-constellation__badge{z-index:2;min-width:190px;color:var(--cream);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03180da3;border:1px solid #57dfff38;border-radius:24px;gap:4px;padding:20px 22px;display:grid;position:absolute;top:50%;right:clamp(26px,8vw,120px);transform:translateY(-10%);box-shadow:0 18px 60px #0000003d}.hero-constellation__badge span{color:var(--green);letter-spacing:-.08em;font-size:2.8rem;font-weight:950;line-height:.9}.hero-constellation__badge strong{font-size:1rem}.hero-constellation__badge em{color:#f7f4ea94;font-size:.82rem;font-style:normal}.section-inner{width:min(100%,1180px);margin:0 auto;padding:0 24px}.problem-section{padding:110px 0 70px}.problem-grid,.split-section,.portfolio-grid,.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,6vw,82px);display:grid}.problem-section h2,.section-block h2,.contact-section h2{font-size:clamp(2.1rem,5vw,4.8rem);line-height:.95}.problem-card,.service-card,.process-card,.portfolio-preview article,.lead-form,.metric-card{background:var(--surface-strong);border:1px solid var(--surface-border);box-shadow:var(--shadow)}.problem-card{border-radius:30px;padding:clamp(28px,4vw,44px)}.problem-card p,.section-copy,.contact-section p{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.75}.section-block{background:#fff;padding:110px 0}.section-block--light{background:var(--page-bg)}.section-block--dark{color:var(--cream);background:radial-gradient(circle at 82% 30%, #078fe22e, transparent 28rem), linear-gradient(135deg, var(--dark), var(--dark-soft))}.section-heading{max-width:760px;margin-bottom:44px}.service-grid,.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.service-card,.process-card{border-radius:28px;min-height:240px;padding:30px;position:relative;overflow:hidden}.service-card:after,.process-card:after{content:"";background:#74bd091f;border-radius:999px;width:160px;height:160px;position:absolute;inset:auto -50px -60px auto}.service-card__mark{background:radial-gradient(circle at 40% 35%, var(--cyan), var(--blue) 52%, var(--green-dark) 100%);border-radius:999px;width:42px;height:42px;margin-bottom:22px;display:block;box-shadow:0 16px 32px #078fe23d}.service-card h3,.process-card h3,.portfolio-preview strong{z-index:1;letter-spacing:-.03em;margin:0;font-size:1.25rem;position:relative}.service-card p,.process-card p{z-index:1;color:var(--muted);margin:14px 0 0;line-height:1.65;position:relative}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card{color:var(--cream);box-shadow:none;background:#ffffff12;border-color:#ffffff1f;border-radius:26px;padding:28px}.metric-card strong{color:var(--green);letter-spacing:-.08em;font-size:clamp(2.2rem,5vw,3.8rem);line-height:.9;display:block}.metric-card span{color:#f7f4eab3;margin-top:12px;line-height:1.4;display:block}.process-card span{color:var(--green);letter-spacing:.14em;margin-bottom:54px;font-size:.88rem;font-weight:950;display:inline-block}.portfolio-preview{gap:16px;display:grid}.portfolio-preview article{border-radius:24px;gap:8px;padding:26px;display:grid}.portfolio-preview span{color:var(--blue);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:900}.portfolio-preview em{color:var(--muted);font-style:normal}.area-list{flex-wrap:wrap;gap:12px;display:flex}.area-list span{color:var(--green-dark);background:#74bd0924;border:1px solid #74bd0938;border-radius:999px;padding:13px 16px;font-weight:900}.contact-section{color:var(--cream);background:radial-gradient(circle at 18% 20%,#74bd0929,#0000 26rem),radial-gradient(circle at 88% 55%,#078fe233,#0000 28rem),linear-gradient(135deg,#03180d,#062916);padding:110px 0}.contact-phone{color:var(--cyan);margin-top:28px;font-weight:900;display:inline-flex}.lead-form{color:var(--text);border-radius:30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:clamp(24px,4vw,34px);display:grid}.lead-form label{color:var(--green-dark);gap:8px;font-size:.86rem;font-weight:900;display:grid}.lead-form input,.lead-form select,.lead-form textarea{width:100%;min-height:50px;color:var(--text);background:#f7fbf8;border:1px solid #073f2224;border-radius:14px;outline:none;padding:12px 14px}.lead-form textarea{resize:vertical;min-height:112px}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #078fe21f}.lead-form__wide{grid-column:1/-1}@media (max-width:980px){.site-nav{border-radius:28px;align-items:flex-start}.site-nav__links,.hero-constellation__badge{display:none}.problem-grid,.split-section,.portfolio-grid,.contact-grid,.service-grid,.process-grid,.metric-grid{grid-template-columns:1fr}}@media (max-width:640px){.site-nav{width:calc(100% - 20px);min-height:62px;padding:10px 10px 10px 14px;top:10px}.site-nav__logo{width:150px}.site-nav__call{min-height:42px;padding:0 14px;font-size:.68rem}.hero-section__inner{padding:130px 20px 96px}.hero-section h1{font-size:clamp(3rem,15vw,5.4rem)}.section-inner{padding:0 20px}.section-block,.problem-section,.contact-section{padding:82px 0}.lead-form{grid-template-columns:1fr}}
