:where(.eco) :where(h1,.eco h2,.eco h3,.eco p,.eco dl,.eco dd,.eco ul,.eco ol,.eco fieldset,.eco legend){margin:0}:where(.eco) :where(ul,.eco ol){padding:0;list-style:none}:where(.eco) :where(img){display:block}.eco{color:var(--ah-foreground);font-family:var(--ah-font-body);font-size:var(--ah-text-body);line-height:1.625}.eco .icon{width:16px;height:16px;flex:none;fill:currentColor}.eco [hidden]{display:none!important}.eco .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eco a:focus-visible,.eco .faq-q:focus-visible,.eco .more-toggle:focus-visible,.eco .sub-chip:focus-visible{outline:2px solid var(--ah-focus-border);outline-offset:2px;border-radius:var(--ah-radius-sm)}.eco .band{padding-block:var(--ah-space-16)}.eco .band+.band{padding-top:0}.eco .section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--ah-space-2) var(--ah-space-6);margin-bottom:var(--ah-space-6)}.eco .section-head .ds-section-marketing{margin:0}.eco .eyebrow{color:var(--ah-accent-foreground);font-size:var(--ah-text-overline);font-weight:600;margin-bottom:var(--ah-space-3)}.eco .hero{position:relative;isolation:isolate;padding-block:var(--ah-space-16);overflow:hidden}.eco .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(600px,46%));gap:var(--ah-space-12);align-items:center}.eco .hero-title{font-family:var(--ah-font-title);font-weight:700;line-height:var(--ah-leading-hero);margin:0;text-wrap:balance}.eco .hero-line{display:block;text-wrap:balance}.eco .hero-sub{color:var(--ah-muted-foreground);margin-top:var(--ah-space-5);max-width:36em;text-wrap:pretty}.eco .hero-actions{display:flex;flex-wrap:wrap;gap:var(--ah-space-3);margin-top:var(--ah-space-8)}.eco .hero-stats{display:flex;flex-wrap:wrap;gap:var(--ah-space-4) 0;margin-top:var(--ah-space-12)}.eco .stat{display:flex;flex-direction:column-reverse;gap:2px;padding-inline:var(--ah-space-6);border-inline-start:1px solid var(--ah-border)}.eco .stat:first-child{padding-inline-start:0;border-inline-start:0}.eco .stat dd{font:700 var(--ah-text-display)/1.2 var(--ah-font-title);font-variant-numeric:tabular-nums}.eco .stat dt{color:var(--ah-muted-foreground);font-size:var(--ah-text-caption);white-space:nowrap}.eco .hero{container-type:inline-size}.eco .matrix{position:relative;width:100%;aspect-ratio:1.05;pointer-events:none;--edge: max(var(--ah-space-6), calc((100cqw - var(--ah-content-max)) / 2 + var(--ah-space-6)));--matrix-bleed: -14% calc(var(--edge) * -1) -14% -12%}.eco .matrix-stage{-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 calc(100% - max(var(--edge),140px)),transparent),linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 calc(100% - max(var(--edge),140px)),transparent),linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);mask-composite:intersect}.eco .matrix-canvas{display:block}.eco .matrix-soft{filter:blur(1.4px)}.eco .logo{--logo: 40px;display:inline-grid;place-items:center;width:var(--logo);height:var(--logo);flex:none;border-radius:var(--ah-radius-md);overflow:hidden}.eco .logo :is(img,svg){width:100%;height:100%;object-fit:contain}.eco .logo-plate{background:var(--ah-card);border:1px solid var(--ah-border);padding:calc(var(--logo) * .14)}.eco .logo-fallback{background:var(--ah-surface-inset);border:1px solid var(--ah-border)}.eco .logo-fallback:after{content:attr(data-initial);font:600 calc(var(--logo) * .42)/1 var(--ah-font-title);color:var(--ah-muted-foreground)}.eco .integ{display:inline-flex;align-items:center;gap:var(--ah-space-1);padding:2px var(--ah-space-2);border-radius:var(--ah-radius-sm);font-size:var(--ah-text-overline);font-weight:500;line-height:18px;white-space:nowrap}.eco .integ .icon{width:14px;height:14px}.eco .integ-accent{background:var(--ah-accent);color:var(--ah-accent-foreground)}.eco .integ-neutral{background:var(--ah-muted);color:var(--ah-muted-foreground);box-shadow:inset 0 0 0 1px var(--ah-border)}.eco .heat{display:inline-flex;align-items:center;gap:var(--ah-space-1);color:var(--ah-muted-foreground);font-size:var(--ah-text-caption);font-variant-numeric:tabular-nums;white-space:nowrap}.eco .heat .icon{width:14px;height:14px}.eco .heat-lg{color:var(--ah-foreground);font:700 var(--ah-text-heading)/1 var(--ah-font-title)}.eco .heat-lg .icon{width:16px;height:16px;color:var(--eco-star)}.eco .heat-label{font:400 var(--ah-text-caption)/1 var(--ah-font-body);color:var(--ah-muted-foreground);margin-inline-start:var(--ah-space-1)}.eco{--eco-star: rgb(255 171 0);--eco-accent-teal: rgb(20 184 166);--eco-accent-violet: rgb(139 92 246);--eco-accent-blue: rgb(37 99 235);--eco-accent-orange: rgb(249 115 22)}.eco .feature-card.accent-teal{--eco-accent: var(--eco-accent-teal)}.eco .feature-card.accent-violet{--eco-accent: var(--eco-accent-violet)}.eco .feature-card.accent-blue{--eco-accent: var(--eco-accent-blue)}.eco .feature-card.accent-orange{--eco-accent: var(--eco-accent-orange)}.eco .feature-card[class*=accent-]{border-color:color-mix(in srgb,var(--eco-accent) 50%,var(--ah-card));transition:border-color var(--ah-duration-fast) var(--ah-ease-standard)}.eco .feature-card[class*=accent-]:hover,.eco .feature-card[class*=accent-]:focus-within{border-color:color-mix(in srgb,var(--eco-accent) 80%,var(--ah-card))}.eco .feature-top .logo{background:var(--ah-card);border:1px solid var(--ah-border);padding:calc(var(--logo) * .18)}.eco .featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ah-space-4)}.eco .feature-card{display:flex;flex-direction:column;gap:var(--ah-space-2)}.eco .feature-card{padding:var(--ah-space-5)}.eco .feature-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ah-space-3);margin-bottom:var(--ah-space-1)}.eco .feature-heat{display:flex;flex-direction:column;align-items:flex-end;gap:var(--ah-space-1)}.eco .feature-heat .heat .icon{color:var(--eco-star)}.eco .feature-name{font:600 var(--ah-text-title)/var(--ah-leading-title) var(--ah-font-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eco .feature-desc{font-size:var(--ah-text-body);line-height:1.6;color:var(--ah-muted-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em}.eco .feature-card{position:relative}.eco .feature-name .pc-link{color:inherit}.eco .feature-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--ah-space-3);margin-top:auto;padding-top:var(--ah-space-3);border-top:1px solid var(--ah-border)}.eco .card-links{display:flex;align-items:center;justify-content:space-between;gap:var(--ah-space-3);padding-top:var(--ah-space-3);margin-top:var(--ah-space-2);border-top:1px solid var(--ah-border);font-size:var(--ah-text-caption)}.eco .card-guide,.eco .card-site{display:inline-flex;align-items:center;gap:var(--ah-space-1);font-weight:500;text-decoration:none}.eco .card-site{color:var(--ah-muted-foreground);font-size:var(--ah-text-caption);transition:color var(--ah-duration-fast) var(--ah-ease-standard)}.eco .card-site:hover{color:var(--ah-foreground)}.eco .filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ah-space-3);justify-content:space-between}.eco .filter-group{display:flex;flex-wrap:wrap;gap:var(--ah-space-2)}.eco .filter-chip{gap:var(--ah-space-2)}.eco .chip-count{color:var(--ah-muted-foreground);font-size:var(--ah-text-overline);font-variant-numeric:tabular-nums}.eco .search-box{position:relative;display:block;width:240px}.eco .search-box .icon{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--ah-muted-foreground);pointer-events:none}.eco .search-box input{width:100%;min-height:calc(var(--ah-control-height) - 2px);padding:6px 12px 6px 34px;font-size:var(--ah-text-body);color:var(--ah-foreground)}.eco .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ah-space-4)}.eco .product-card{position:relative;display:flex;flex-direction:column;gap:var(--ah-space-3);padding:var(--ah-space-5);background:var(--ah-card);border:1px solid var(--ah-border);border-radius:var(--ah-radius-lg);transition:background-color var(--ah-duration-fast) var(--ah-ease-standard),border-color var(--ah-duration-fast) var(--ah-ease-standard)}.eco .product-card:hover,.eco .product-card:focus-within{background:var(--ah-list-item-hover-bg)}.eco .pc-head{display:flex;align-items:flex-start;gap:var(--ah-space-3)}.eco .pc-title{flex:1;min-width:0}.eco .pc-title h3{font:600 var(--ah-text-heading)/1.4 var(--ah-font-title);overflow-wrap:anywhere}.eco .pc-title p{color:var(--ah-muted-foreground);font-size:var(--ah-text-caption)}.eco .pc-link{color:inherit;text-decoration:none}.eco .pc-link:after{content:"";position:absolute;inset:0;border-radius:var(--ah-radius-lg)}.eco .pc-link:focus-visible{outline:none}.eco .pc-link:focus-visible:after{outline:2px solid var(--ah-focus-border);outline-offset:2px}.eco .pc-desc{color:var(--ah-muted-foreground);font-size:var(--ah-text-body);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.eco .pc-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--ah-space-3);margin-top:auto}.eco .empty{display:flex;flex-direction:column;align-items:center;gap:var(--ah-space-2);padding:var(--ah-space-12) var(--ah-space-6);text-align:center;border:1px dashed var(--ah-border-strong);border-radius:var(--ah-radius-lg)}.eco .empty-icon.icon{width:24px;height:24px;color:var(--ah-muted-foreground)}.eco .empty-title{font-weight:600;font-size:var(--ah-text-heading)}.eco .empty-actions{display:flex;gap:var(--ah-space-2);margin-top:var(--ah-space-3)}.eco .community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ah-space-3)}.eco .community-item{display:flex;align-items:center;gap:var(--ah-space-3);height:100%;padding:var(--ah-space-3) var(--ah-space-4);border:1px solid var(--ah-border);border-radius:var(--ah-radius-lg);background:var(--ah-card);min-width:0;color:inherit;text-decoration:none;transition:background-color var(--ah-duration-fast) var(--ah-ease-standard)}.eco .community-item:hover{background:var(--ah-list-item-hover-bg)}.eco .ci-host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eco .ci-text{display:flex;flex-direction:column;min-width:0}.eco .ci-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eco .nowrap{white-space:nowrap}.eco .apply-band{padding-top:var(--ah-space-4)!important}.eco .apply-band .apply-grid{background:var(--ah-muted);border-radius:var(--ah-radius-lg);padding:var(--ah-space-12);overflow:clip}.eco .apply-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:var(--ah-space-12);align-items:stretch}.eco .apply-lead{color:var(--ah-muted-foreground);margin-top:calc(var(--ah-space-6) * -1 + var(--ah-space-2))}.eco .apply-card{display:flex;flex-direction:column;gap:var(--ah-space-4)}.eco .apply-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ah-space-3)}.eco .card-title{font:600 var(--ah-text-title)/var(--ah-leading-title) var(--ah-font-title);outline:none}.eco .field{display:flex;flex-direction:column;gap:6px;min-width:0;border:0;padding:0;margin:0}.eco .field-label{font-weight:500;font-size:var(--ah-text-body);padding:0}.eco .req{color:var(--ah-negative);margin-inline-start:2px}.eco .field-hint{color:var(--ah-muted-foreground);font-size:var(--ah-text-caption)}.eco .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ah-space-4)}.eco .field .ds-select{width:100%}.eco .eco-logo-field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ah-space-3)}.eco .eco-logo-choose{cursor:pointer}.eco .eco-logo-input:focus-visible+.eco-logo-choose{outline:2px solid var(--ah-focus-border);outline-offset:2px}.eco .eco-logo-filename{overflow-wrap:anywhere}.eco .eco-logo-field .field-hint{flex-basis:100%}.eco .eco-logo-preview{width:44px;height:44px;object-fit:contain;border-radius:var(--ah-radius-md)}.eco .input-affix{display:flex;align-items:stretch}.eco .affix{display:inline-flex;align-items:center;padding-inline:10px;background:var(--ah-surface-inset);border:1px solid var(--ah-input-border);border-inline-end:0;border-radius:var(--ah-radius-md) 0 0 var(--ah-radius-md);color:var(--ah-muted-foreground);font-size:var(--ah-text-body)}.eco .input-affix .ds-input{border-start-start-radius:0;border-end-start-radius:0}.eco .input-affix.is-invalid .affix{border-color:var(--ah-negative)}.eco .counter-wrap{position:relative}.eco .counter-wrap .ds-input{padding-inline-end:64px}.eco .counter{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);color:var(--ah-muted-foreground);font-size:var(--ah-text-overline);font-variant-numeric:tabular-nums;pointer-events:none}.eco .counter.over{color:var(--ah-negative)}.eco .radio-chips{display:flex;flex-wrap:wrap;gap:var(--ah-space-2)}.eco .radio-chip{position:relative}.eco .radio-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.eco .radio-chip span{display:inline-flex;align-items:center;min-height:var(--ah-control-height);padding:7px 12px;border:1px solid var(--ah-interactive-border);border-radius:var(--ah-radius-md);font-size:var(--ah-text-body);font-variant-numeric:tabular-nums;transition:background-color var(--ah-duration-fast) var(--ah-ease-standard),border-color var(--ah-duration-fast) var(--ah-ease-standard),color var(--ah-duration-fast) var(--ah-ease-standard)}.eco .radio-chip:hover span{background:var(--ah-button-hover-bg)}.eco .radio-chip input:checked+span{background:var(--ah-button-active-bg);border-color:var(--ah-button-active-border);color:var(--ah-button-active-color);box-shadow:var(--ah-button-active-shadow)}.eco .radio-chip input:focus-visible+span{outline:2px solid var(--ah-focus-border);outline-offset:2px}.eco .has-error .radio-chip span{border-color:var(--ah-negative)}.eco .more-toggle{display:inline-flex;align-items:center;gap:var(--ah-space-1);align-self:flex-start;padding:0;border:0;background:none;color:var(--ah-link);font-size:var(--ah-text-body);font-weight:500;cursor:pointer}.eco .more-inner{display:grid;gap:var(--ah-space-4);padding-top:var(--ah-space-1)}.eco .checks{display:grid;gap:var(--ah-space-2)}.eco .check{display:flex;align-items:flex-start;gap:var(--ah-space-2);font-size:var(--ah-text-body);cursor:pointer}.eco .check input{margin:3px 0 0;width:16px;height:16px;accent-color:var(--ah-primary);flex:none}.eco .form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ah-space-3);padding-top:var(--ah-space-2)}.eco .submit-btn{min-width:160px}.eco .submit-btn .icon{width:16px;height:16px}.eco .notice{display:flex;align-items:flex-start;gap:var(--ah-space-2);padding:var(--ah-space-3);border-radius:var(--ah-radius-md);font-size:var(--ah-text-body)}.eco .notice .icon{margin-top:3px}.eco .notice-info{background:var(--ah-accent);color:var(--ah-foreground)}.eco .notice-info .icon{color:var(--ah-accent-foreground)}.eco .notice-warn{background:var(--ah-warning-bg);flex-wrap:wrap}.eco .notice-warn .icon{color:var(--ah-warning)}.eco .notice-error{background:var(--ah-negative-bg)}.eco .notice-error .icon{color:var(--ah-negative)}.eco .notice-action{margin-inline-start:auto;min-height:28px;padding-block:2px}.eco .status-head{display:flex;align-items:center;gap:var(--ah-space-3)}.eco .status-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--ah-radius-full);flex:none}.eco .status-icon .icon{width:20px;height:20px}.eco .status-info{background:var(--ah-accent);color:var(--ah-accent-foreground)}.eco .status-ok{background:var(--ah-positive-bg);color:var(--ah-positive)}.eco .status-error{background:var(--ah-negative-bg);color:var(--ah-negative)}.eco .status-warn{background:var(--ah-warning-bg);color:var(--ah-warning)}.eco .status-body{color:var(--ah-muted-foreground)}.eco .status-body:empty{display:none}.eco .status-centered{align-items:center;text-align:center}.eco .status-centered .status-head{flex-direction:column;gap:var(--ah-space-4)}.eco .status-centered .status-icon{width:56px;height:56px}.eco .status-centered .status-icon .icon{width:28px;height:28px}.eco .status-centered .status-body{max-width:36ch}.eco .summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ah-space-3) var(--ah-space-4);padding:var(--ah-space-4);background:var(--ah-surface-inset);border-radius:var(--ah-radius-md)}.eco .summary div{min-width:0}.eco .summary dt{color:var(--ah-muted-foreground);font-size:var(--ah-text-caption)}.eco .summary dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.eco .listing-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ah-space-2) var(--ah-space-3)}.eco .pill{display:inline-flex;align-items:center;padding:0 var(--ah-space-2);border-radius:var(--ah-radius-full);font-size:var(--ah-text-overline);font-weight:600;line-height:20px}.eco .reason{padding:var(--ah-space-3) var(--ah-space-4);background:var(--ah-negative-bg);border-radius:var(--ah-radius-md)}.eco .reason-label{font-size:var(--ah-text-caption);color:var(--ah-negative);font-weight:600}.eco .code-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ah-space-3);padding:var(--ah-space-3) var(--ah-space-4);background:var(--ah-surface-inset);border-radius:var(--ah-radius-md)}.eco .code-value{font-family:var(--ah-font-code);font-size:var(--ah-text-body);margin-inline-end:auto;overflow-wrap:anywhere}.eco .faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--ah-space-12)}.eco .faq-item{border-bottom:1px solid var(--ah-border)}.eco .faq-item:first-child{border-top:1px solid var(--ah-border)}.eco .faq-q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--ah-space-4);padding:var(--ah-space-4) 0;border:0;background:none;color:var(--ah-foreground);font:600 var(--ah-text-heading)/1.5 var(--ah-font-title);text-align:start;cursor:pointer}.eco .faq-a{color:var(--ah-muted-foreground);padding-bottom:var(--ah-space-4);max-width:640px}@media(max-width:1023px){.eco .hero-grid{grid-template-columns:minmax(0,1fr)}.eco .matrix{position:absolute;inset:0;z-index:-1;width:auto;aspect-ratio:auto;--matrix-bleed: 0}.eco .matrix-stage{-webkit-mask-image:linear-gradient(180deg,transparent 4%,#000 26%,#000 78%,transparent 96%);mask-image:linear-gradient(180deg,transparent 4%,#000 26%,#000 78%,transparent 96%)}.eco .matrix-soft{filter:blur(1.6px)}.eco .product-grid,.eco .community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eco .apply-grid{grid-template-columns:minmax(0,1fr)}.eco .apply-panel{max-width:560px}.eco .faq-grid{grid-template-columns:minmax(0,1fr);gap:var(--ah-space-4)}}@media(max-width:1023px){.eco .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.eco .featured-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:639px){.eco .band,.eco .hero{padding-block:var(--ah-space-12)}.eco .apply-band .apply-grid{padding:var(--ah-space-8) var(--ah-space-4);border-radius:0}.eco .stat{padding-inline:var(--ah-space-4)}.eco .stat dd{font-size:20px}.eco .hero-actions .ds-button{flex:1 1 100%}.eco .search-box{width:100%}.eco .filter-group{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--ah-space-4) * -1);padding-inline:var(--ah-space-4);scrollbar-width:none}.eco .filter-chip{flex:none;white-space:nowrap}.eco .product-grid,.eco .community-grid,.eco .field-row,.eco .summary{grid-template-columns:minmax(0,1fr)}.eco .search-box input{font-size:16px;min-height:44px}.eco .radio-chip span{min-height:44px}}.eco .apply-loading{display:grid;gap:var(--ah-space-3)}.eco .apply-loading .ds-skeleton{height:var(--ah-control-height)}.eco .apply-loading .ds-skeleton:first-child{height:24px;width:50%}.eco .product-grid.is-collapsed>:nth-child(n+13),.eco .community-grid.is-collapsed>:nth-child(n+17){display:none}.eco .more-link{display:none;align-items:center;gap:var(--ah-space-1);margin:var(--ah-space-4) auto 0;padding:var(--ah-space-1) var(--ah-space-2);border:0;border-radius:var(--ah-radius-sm);background:none;color:var(--ah-link);font-size:var(--ah-text-body);font-weight:500;cursor:pointer;transition:color var(--ah-duration-fast) var(--ah-ease-standard)}.eco .more-link:hover{color:var(--ah-link-hover)}.eco .more-link:focus-visible{outline:2px solid var(--ah-focus-border);outline-offset:2px}.eco .more-link.more-d{display:flex}@media(max-width:1023px){.eco .product-grid.is-collapsed>:nth-child(n+9),.eco .community-grid.is-collapsed>:nth-child(n+11){display:none}.eco .more-link.more-t{display:flex}.eco .more-link:not(.more-t){display:none}}@media(max-width:639px){.eco .product-grid.is-collapsed>:nth-child(n+7),.eco .community-grid.is-collapsed>:nth-child(n+7){display:none}.eco .more-link.more-m{display:flex}.eco .more-link:not(.more-m){display:none}}.eco-dev-control{position:fixed;right:88px;bottom:var(--ah-space-6);z-index:var(--ah-z-toast);display:flex;flex-direction:column;align-items:flex-end;gap:var(--ah-space-2);font-size:var(--ah-text-caption)}.eco-dev-toggle{display:inline-flex;align-items:center;gap:var(--ah-space-2);min-height:32px;padding:0 var(--ah-space-3);border:1px dashed var(--ah-border-strong);border-radius:var(--ah-radius-full);background:var(--ah-elevated);color:var(--ah-foreground);box-shadow:var(--ah-shadow-overlay);cursor:pointer;font-size:var(--ah-text-caption)}.eco-dev-toggle svg{width:14px;height:14px}.eco-dev-panel{display:grid;gap:var(--ah-space-2);padding:var(--ah-space-3);border:1px solid var(--ah-border);border-radius:var(--ah-radius-lg);background:var(--ah-elevated);box-shadow:var(--ah-shadow-overlay);animation:ah-fade-in var(--ah-duration-fast) var(--ah-ease-out)}.eco-dev-panel label{display:grid;gap:var(--ah-space-1);color:var(--ah-muted-foreground)}.eco-dev-panel .ds-select{min-width:200px;font-size:var(--ah-text-caption)}.eco-dev-panel .eco-dev-check{display:flex;align-items:center;gap:var(--ah-space-2);color:var(--ah-foreground)}.eco section[id]{scroll-margin-top:calc(var(--ah-header-height) + var(--ah-space-4))}.eco .integ-key{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ah-space-2)}.eco .integ-key-label{color:var(--ah-muted-foreground);font-size:var(--ah-text-caption);margin-inline-end:var(--ah-space-1)}.eco .integ-key-item{display:inline-flex;border-radius:var(--ah-radius-sm);cursor:help}.eco .integ-key-item:focus-visible{outline:2px solid var(--ah-focus-border);outline-offset:2px}.eco .filter-bar{margin-bottom:var(--ah-space-6)}.eco .apply-copy{display:flex;flex-direction:column;min-width:0}.eco .apply-panel{position:relative;display:flex;flex-direction:column;min-width:0}.eco .apply-panel>.apply-card{flex:1}.eco .apply-login-overlay{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:var(--ah-space-4);border-radius:var(--ah-radius-lg);background:color-mix(in srgb,var(--ah-card) 76%,transparent);-webkit-backdrop-filter:grayscale(1) blur(3px);backdrop-filter:grayscale(1) blur(3px)}.eco .apply-login-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--ah-space-4);max-width:320px;padding:var(--ah-space-8);text-align:center;border:1px solid var(--ah-border);border-radius:var(--ah-radius-lg);background:var(--ah-card);box-shadow:var(--ah-shadow-overlay)}.eco .apply-login-prompt>.icon{width:24px;height:24px;color:var(--ah-primary)}.eco .status-card{justify-content:center}@media(max-width:1023px){.eco .apply-panel{max-width:none}}@media(max-width:639px){.eco .section-head .integ-key{width:100%}}.eco .apply-card{min-height:0}@media(min-width:1024px){.eco .apply-panel>.apply-card{height:560px;flex:none}}.eco .form-card{gap:var(--ah-space-3)}.eco .form-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--ah-space-4);overflow-y:auto;margin-inline:-4px;padding:4px}.eco .form-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--ah-space-3);padding-top:var(--ah-space-4)}.eco .form-foot .submit-btn{min-width:136px;min-height:var(--ah-cta-height)}.eco .step-name{color:var(--ah-muted-foreground);font-size:var(--ah-text-caption);margin-top:calc(var(--ah-space-2) * -1)}.eco .step-count{display:inline-flex;align-items:center;gap:var(--ah-space-1);color:var(--ah-muted-foreground);font-size:var(--ah-text-caption);font-variant-numeric:tabular-nums}.eco .step-bar{width:20px;height:3px;border-radius:2px;background:var(--ah-border-strong);transition:background-color var(--ah-duration-moderate) var(--ah-ease-standard)}.eco .step-bar.is-on{background:var(--ah-primary)}.eco .step-bar+.step-bar{margin-inline-end:var(--ah-space-1)}.eco .svc{position:relative;isolation:isolate;flex:1;display:grid;align-items:center;grid-template-columns:minmax(0,1.5fr) minmax(20px,.45fr) auto minmax(44px,1fr) auto;min-height:0;margin:var(--ah-space-4) 0 0;padding:var(--ah-space-4) 0}.eco .svc:before,.eco .svc:after{content:"";position:absolute;inset:-32px -40px;pointer-events:none}.eco .svc:before{z-index:-3;background-image:radial-gradient(color-mix(in srgb,var(--ah-foreground) 16%,transparent) 1px,transparent 1.4px);background-size:14px 14px;-webkit-mask-image:radial-gradient(58% 62% at 56% 50%,#000 25%,transparent 100%);mask-image:radial-gradient(58% 62% at 56% 50%,#000 25%,transparent 100%)}.eco .svc:after{z-index:-2;background-image:radial-gradient(color-mix(in srgb,var(--ah-primary) 42%,transparent) 1.6px,transparent 2px);background-size:14px 14px;background-position:7px 7px;-webkit-mask-image:radial-gradient(24% 34% at 54% 50%,#000 0%,rgb(0 0 0 / 45%) 45%,transparent 100%);mask-image:radial-gradient(24% 34% at 54% 50%,#000 0%,rgb(0 0 0 / 45%) 45%,transparent 100%)}.eco .svc-lines{position:absolute;inset:0;z-index:-1;overflow:visible;pointer-events:none}.eco .svc-line{fill:none;stroke:var(--ah-border-strong);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:0 5;transition:stroke var(--ah-duration-slow) var(--ah-ease-out)}.eco .svc-line[data-state=active]{stroke:var(--ah-primary);animation:eco-stream .9s linear infinite}.eco .svc:not(.is-live) .svc-line{animation-play-state:paused}@keyframes eco-stream{0%{stroke-dashoffset:0}to{stroke-dashoffset:5}}.eco .svc-app{position:relative;grid-row:1;grid-column:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ah-space-2);min-width:0;padding:var(--ah-space-5);border:1px solid var(--ah-accent-border);border-radius:var(--ah-radius-lg);background:var(--ah-card);box-shadow:0 20px 40px -24px color-mix(in srgb,var(--ah-primary) 50%,transparent),0 2px 6px #03080a0d}.eco .svc-app .stage-pill{position:absolute;top:var(--ah-space-3);right:var(--ah-space-3)}.eco .svc-app-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--ah-radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--ah-primary) 16%,var(--ah-card)),color-mix(in srgb,var(--ah-primary) 6%,var(--ah-card)));color:var(--ah-accent-foreground);box-shadow:inset 0 0 0 1px var(--ah-accent-border)}.eco .svc-app-icon svg{width:24px;height:24px}.eco .svc-app-icon.has-img{background:var(--ah-card);box-shadow:inset 0 0 0 1px var(--ah-border)}.eco .svc-app-icon img{width:26px;height:26px;object-fit:contain}.eco .svc-app-name{font:600 var(--ah-text-heading)/1.3 var(--ah-font-title);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eco .svc-app-host{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:-6px}.eco .svc-gap{grid-row:1}.eco .svc-hub{position:relative;grid-row:1;grid-column:3;display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:var(--ah-card);border:1px solid var(--ah-accent-border);box-shadow:0 12px 28px -12px color-mix(in srgb,var(--ah-primary) 45%,transparent)}.eco .svc-hub svg{width:40px;height:40px}.eco .svc-models{grid-row:1;grid-column:5;display:flex;flex-direction:column;gap:var(--ah-space-2)}.eco .svc-models li{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--ah-radius-md);background:var(--ah-card);box-shadow:0 0 0 1px #03080a0a,0 2px 6px -2px #03080a1a;transition:box-shadow var(--ah-duration-slow) var(--ah-ease-out)}.eco .svc-models li[data-state=active]{box-shadow:0 0 0 1px var(--ah-accent-border),0 0 0 4px color-mix(in srgb,var(--ah-primary) 12%,transparent),0 2px 6px -2px #03080a1a}.eco .svc-models img{width:22px;height:22px;object-fit:contain}.eco .svc-values{--value-gap: var(--ah-space-6);display:flex;flex-wrap:wrap;row-gap:var(--ah-space-3);margin-top:var(--ah-space-6)}.eco .svc-values li{display:flex;align-items:center;gap:var(--ah-space-2);white-space:nowrap;padding-inline-end:var(--value-gap)}.eco .svc-values li+li{padding-inline-start:var(--value-gap);border-inline-start:1px solid var(--ah-border)}.eco .svc-values li:last-child{padding-inline-end:0}@media(max-width:1199px){.eco .svc-values{--value-gap: var(--ah-space-4)}}.eco .svc-values strong{font:600 var(--ah-text-heading)/var(--ah-leading-title) var(--ah-font-title)}.eco .value-icon{display:inline-flex;flex:none;color:var(--ah-primary)}.eco .value-icon .icon{width:18px;height:18px}@media(max-width:639px),(min-width:1024px)and (max-width:1099px){.eco .svc-values{justify-content:space-between;column-gap:var(--ah-space-1)}.eco .svc-values li,.eco .svc-values li+li{padding-inline:0;border-inline-start:0}.eco .svc-values strong{font-size:var(--ah-text-body)}.eco .value-icon .icon{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.eco .svc-line{animation:none}}@media(max-width:639px){.eco .svc{padding:var(--ah-space-6) var(--ah-space-3) var(--ah-space-4);grid-template-columns:minmax(0,1.6fr) 12px auto minmax(16px,.8fr) auto}.eco .svc-hub{width:48px;height:48px;border-radius:14px}.eco .svc-hub svg{width:26px;height:26px}.eco .svc-models li{width:30px;height:30px}.eco .svc-models img{width:16px;height:16px}.eco .svc-app{padding:var(--ah-space-3)}.eco .svc-app .stage-pill{position:static;order:-1}}.eco .stage-pill{padding:0 var(--ah-space-2);border-radius:var(--ah-radius-full);font-size:var(--ah-text-overline);font-weight:600;line-height:20px;white-space:nowrap;animation:ah-fade-in var(--ah-duration-moderate) var(--ah-ease-out)}.eco .pill-neutral{background:var(--ah-muted);color:var(--ah-muted-foreground);box-shadow:inset 0 0 0 1px var(--ah-border)}.eco .pill-info{background:var(--ah-accent);color:var(--ah-accent-foreground)}.eco .pill-ok{background:var(--ah-positive-bg);color:var(--ah-positive)}.eco .pill-error{background:var(--ah-negative-bg);color:var(--ah-negative)}.eco .pill-warn{background:var(--ah-warning-bg);color:var(--ah-warning)}.eco .pc-out{width:18px;height:18px;color:var(--ah-muted-foreground);transition:color var(--ah-duration-fast) var(--ah-ease-standard),transform var(--ah-duration-fast) var(--ah-ease-out)}.eco :is(.product-card,.feature-card):hover .pc-out{color:var(--ah-link);transform:translate(2px,-2px)}