:root{--ecop-ink:#12313a;--ecop-muted:#60737a;--ecop-primary:#0f766e;--ecop-primary-dark:#115e59;--ecop-accent:#84cc16;--ecop-bg:#f6faf8;--ecop-line:#dce8e4;--ecop-card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ecop-ink);background:var(--ecop-bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,100% - 32px);margin:0 auto}.header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--ecop-line);background:#ffffffeb;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:12px;font-weight:900;display:flex}.brand-mark{background:linear-gradient(135deg, var(--ecop-primary), var(--ecop-accent));color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 24px #0f766e38}.nav-links{color:#33535a;align-items:center;gap:18px;font-size:14px;font-weight:700;display:flex}.nav-actions{align-items:center;gap:10px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ecop-primary);color:#fff;box-shadow:0 12px 28px #0f766e3d}.btn-secondary{color:var(--ecop-primary-dark);background:#eaf6f2;border-color:#cfe4dc}.btn-ghost{color:var(--ecop-ink);border-color:var(--ecop-line);background:#fff}.hero{background:radial-gradient(circle at 75% 10%,#84cc1633,#0000 32%),linear-gradient(#fff,#eef8f4);padding:72px 0 48px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:46px;display:grid}.eyebrow{color:var(--ecop-primary);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:900}h1{letter-spacing:-.04em;margin:14px 0 18px;font-size:clamp(40px,7vw,78px);line-height:.95}h2{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(28px,4vw,44px);line-height:1.04}h3{margin:0 0 8px;font-size:20px}p{color:var(--ecop-muted);line-height:1.62}.hero-card{background:linear-gradient(135deg,#dff6ef,#fff);border:1px solid #cfe4dc;border-radius:32px;min-height:420px;padding:34px;position:relative;overflow:hidden;box-shadow:0 30px 80px #12313a24}.device-panel{background:#fff;border:1px solid #dce8e4;border-radius:28px;padding:28px;position:absolute;inset:34px;box-shadow:inset 0 -20px 60px #0f766e14}.metric-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;display:grid}.metric{background:#f4fbf8;border:1px solid #dce8e4;border-radius:20px;padding:18px}.metric strong{color:var(--ecop-primary-dark);font-size:28px;display:block}.section{padding:62px 0}.section-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:28px;display:flex}.grid-4{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.category-card,.product-card,.feature-card,.panel{background:var(--ecop-card);border:1px solid var(--ecop-line);border-radius:24px;box-shadow:0 16px 36px #12313a12}.category-card{flex-direction:column;justify-content:space-between;min-height:210px;padding:24px;display:flex;position:relative;overflow:hidden}.category-card:after{content:"";background:#84cc1626;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-34px;right:-34px}.product-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.product-card{flex-direction:column;display:flex;overflow:hidden}.product-image{aspect-ratio:4/3;color:var(--ecop-primary);background:linear-gradient(135deg,#e7f7f1,#fff);place-items:center;font-weight:900;display:grid}.product-body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.price{color:var(--ecop-primary-dark);font-size:24px;font-weight:950}.sale{color:#b42318}.badge-row{flex-wrap:wrap;gap:8px;display:flex}.badge{color:var(--ecop-primary-dark);background:#edf7f3;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.filter-bar{grid-template-columns:1.4fr repeat(3,minmax(140px,.7fr));gap:12px;margin-bottom:24px;display:grid}.input{border:1px solid var(--ecop-line);background:#fff;border-radius:14px;width:100%;min-height:46px;padding:0 14px}.footer{color:#fff;background:#12313a;margin-top:64px;padding:44px 0}.footer p,.footer a{color:#c8d8dc}.trust-strip{text-align:center;border-top:1px solid var(--ecop-line);border-bottom:1px solid var(--ecop-line);background:#fff;padding:34px 0}.trust-strip strong{font-size:clamp(22px,3vw,34px)}.trust-strip p{max-width:680px;margin:8px auto 0}.legal-page{max-width:920px}.legal-page h2{margin-top:30px;font-size:clamp(22px,3vw,30px)}.legal-list-item{margin:4px 0 4px 16px}.two-col{grid-template-columns:1fr 1fr;gap:28px;display:grid}.detail-layout{grid-template-columns:.95fr 1.05fr;align-items:start;gap:42px;padding:54px 0;display:grid}.detail-media{border:1px solid var(--ecop-line);background:#fff;border-radius:32px;place-items:center;min-height:460px;display:grid;box-shadow:0 24px 60px #12313a1a}.detail-lower{grid-template-columns:1fr 380px;align-items:start;gap:34px;display:grid}.buy-box{border:1px solid var(--ecop-line);background:#fff;border-radius:28px;padding:22px;position:sticky;top:96px;box-shadow:0 22px 54px #12313a1f}.info-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.info-tile{background:#eef8f4;border:1px solid #d6e8e1;border-radius:18px;padding:14px}.info-tile strong,.info-tile span,.spec-item strong,.spec-item span{display:block}.info-tile span,.spec-item span{color:var(--ecop-muted);margin-top:4px}.spec-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.spec-item{border:1px solid var(--ecop-line);background:#f7fbf9;border-radius:16px;padding:16px}.download-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.admin-table{border-collapse:collapse;background:#fff;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 12px 32px #12313a14}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--ecop-line);vertical-align:top;padding:14px 16px}.admin-table th{color:var(--ecop-primary-dark);text-transform:uppercase;letter-spacing:.04em;background:#eaf6f2;font-size:13px}.admin-login{place-items:center;min-height:76vh;padding:32px;display:grid}.admin-login-card{gap:16px;width:min(460px,100%);padding:30px;display:grid}.admin-shell{background:#f3f8f6;grid-template-columns:260px 1fr;min-height:calc(100vh - 72px);display:grid}.admin-sidebar{border-right:1px solid var(--ecop-line);background:#fff;flex-direction:column;gap:24px;height:calc(100vh - 72px);padding:24px;display:flex;position:sticky;top:72px}.admin-sidebar nav{gap:8px;display:grid}.admin-sidebar nav a{color:#33535a;border-radius:14px;padding:12px 14px;font-weight:800}.admin-sidebar nav a:hover{color:var(--ecop-primary-dark);background:#eaf6f2}.admin-content{min-width:0;padding:34px}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.admin-metric{border:1px solid var(--ecop-line);background:#fff;border-radius:22px;padding:20px;box-shadow:0 12px 28px #12313a0f}.admin-metric strong{color:var(--ecop-primary-dark);font-size:34px;display:block}.admin-actions{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.form-alert{color:#b42318;background:#fff1f0;border:1px solid #ffd7d3;border-radius:14px;padding:12px 14px;font-weight:800}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.cart-layout{grid-template-columns:1fr 360px;align-items:start;gap:28px;display:grid}.cart-row{border-bottom:1px solid var(--ecop-line);grid-template-columns:1fr auto;gap:18px;padding:18px;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form-grid .full{grid-column:1/-1}textarea.input{min-height:120px;padding-top:12px}@media (max-width:900px){.hero-grid,.two-col,.detail-layout,.detail-lower,.cart-layout,.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-content{padding:22px}.admin-metrics,.grid-4,.product-grid,.info-strip,.spec-grid{grid-template-columns:repeat(2,1fr)}.buy-box{position:static}.filter-bar{grid-template-columns:1fr}.nav-links{display:none}}@media (max-width:560px){.nav{flex-wrap:wrap;gap:12px;min-height:auto;padding:12px 0}.brand{flex:100%}.nav-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.nav-actions .btn{width:100%;padding:0 12px}.grid-4,.product-grid,.form-grid,.info-strip,.spec-grid,.admin-metrics{grid-template-columns:1fr}.hero{padding-top:42px}.hero-card{border-radius:24px;min-height:330px;padding:18px}.device-panel{padding:20px;inset:18px}}