::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-forest-black)}::-webkit-scrollbar-thumb{background:var(--ps-surf-200);border-radius:4px}.eco-nav{z-index:100;background:linear-gradient(to bottom,color-mix(in srgb,var(--ps-s-111816) 40%,transparent) 0%,transparent 100%);justify-content:space-between;align-items:center;height:80px;padding:0 40px;transition:background .4s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .4s cubic-bezier(.16,1,.3,1),backdrop-filter .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}.eco-nav.scrolled{background:color-mix(in srgb,var(--ps-s-111816) 95%,transparent);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px color-mix(in srgb,var(--ps-sheen) 6%,transparent),0 4px 24px color-mix(in srgb,var(--ps-shadow) calc(15% * var(--ps-shadow-k)),transparent)}.eco-nav-brand{letter-spacing:-.02em;color:var(--bg-pure-white);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.eco-nav-links{align-items:center;gap:32px;display:flex}.eco-nav-actions{align-items:center;gap:10px;display:flex}.eco-nav-links a{color:var(--bg-pure-white);opacity:.8;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.eco-nav-lang{color:color-mix(in srgb,var(--ps-ink) calc(78% * var(--ps-ink-k)),transparent);cursor:pointer;letter-spacing:.04em;background:0 0;border:0;padding:6px 8px;font-size:13px;font-weight:600}.eco-nav-drawer-lang{border-top:1px solid color-mix(in srgb,var(--ps-line) calc(8% * var(--ps-line-k)),transparent);flex-direction:column;gap:4px;margin-top:16px;padding-top:16px;display:flex}.eco-nav-drawer-lang-label{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--ps-ink) calc(45% * var(--ps-ink-k)),transparent);padding:0 8px 8px;font-size:11px;font-weight:700}.eco-nav-drawer-lang-item{width:100%;min-height:44px;color:color-mix(in srgb,var(--ps-ink) calc(85% * var(--ps-ink-k)),transparent);cursor:pointer;font-family:var(--font-stack);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px 8px;font-size:16px;font-weight:600;transition:background .15s,color .15s;display:flex}.eco-nav-drawer-lang-item.is-current{color:var(--accent-grass-green,var(--ps-accent-ink));background:color-mix(in srgb,var(--ps-accent-tint) calc(6% * var(--ps-accent-tint-k)),transparent)}.eco-nav-drawer-lang-check{color:var(--accent-grass-green,var(--ps-accent-ink));flex:0 0 14px}.eco-btn-primary{background:color-mix(in srgb,var(--ps-accent-tint) calc(10% * var(--ps-accent-tint-k)),transparent);color:var(--accent-grass-green,var(--ps-accent-ink));border:1px solid color-mix(in srgb,var(--ps-accent-line) calc(40% * var(--ps-accent-k)),transparent);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sharp);cursor:pointer;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:flex}.eco-btn-secondary{background:var(--ps-surf-040);color:color-mix(in srgb,var(--ps-ink) calc(92% * var(--ps-ink-k)),transparent);border:1px solid color-mix(in srgb,var(--ps-line) calc(18% * var(--ps-line-k)),transparent);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sharp);cursor:pointer;align-items:center;gap:8px;padding:11px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,background .2s,color .2s;display:inline-flex}.eco-btn-secondary:disabled,.eco-btn-secondary[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.eco-btn-upgrade{isolation:isolate;background:linear-gradient(135deg,color-mix(in srgb,var(--ps-accent-tint) calc(7% * var(--ps-accent-tint-k)),transparent),color-mix(in srgb,var(--ps-accent-tint) calc(1.5% * var(--ps-accent-tint-k)),transparent));color:var(--accent-grass-green);border:1px solid color-mix(in srgb,var(--ps-accent-line) calc(38% * var(--ps-accent-k)),transparent);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sharp);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.eco-btn-upgrade:before{content:"";background:linear-gradient(135deg,var(--accent-grass-green) 0%,#c9f4a8 100%);opacity:0;z-index:-1;transition:opacity .25s;position:absolute;inset:0}.eco-btn-upgrade:disabled,.eco-btn-upgrade[aria-disabled=true]{opacity:.6;cursor:not-allowed;transform:none}.eco-nav-ext-cta{isolation:isolate;background:linear-gradient(135deg,var(--accent-grass-green) 0%,#c9f4a8 100%);color:var(--bg-forest-black);border:1px solid color-mix(in srgb,var(--ps-accent-line) calc(55% * var(--ps-accent-k)),transparent);letter-spacing:.02em;cursor:pointer;box-shadow:0 6px 20px -8px color-mix(in srgb,var(--ps-accent-glow) 55%,transparent);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;position:relative;overflow:hidden}.eco-nav-ext-cta:before{content:"";background:linear-gradient(115deg,transparent 0%,color-mix(in srgb,var(--ps-tint) calc(55% * var(--ps-tint-k)),transparent) 50%,transparent 100%);z-index:1;pointer-events:none;width:40%;height:100%;animation:4s ease-in-out infinite eco-nav-ext-cta-shine;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.eco-nav-profile{cursor:pointer;align-items:center;gap:12px;display:flex;position:relative}.eco-nav-create-btn{white-space:nowrap;gap:6px;padding:9px 14px;font-size:12px}.eco-nav-hamburger{border:1px solid color-mix(in srgb,var(--ps-line) calc(15% * var(--ps-line-k)),transparent);color:var(--bg-pure-white);border-radius:var(--radius-sharp);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .18s,border-color .18s,color .18s;display:none}.eco-nav-drawer{background:color-mix(in srgb,var(--ps-s-0a0c12) 96%,transparent);-webkit-backdrop-filter:blur(24px);z-index:200;visibility:hidden;flex-direction:column;gap:4px;padding:80px 24px 40px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translate(100%)}.eco-nav-drawer a,.eco-nav-drawer a:visited,.eco-nav-drawer a:link{border-bottom:1px solid color-mix(in srgb,var(--ps-line) calc(5% * var(--ps-line-k)),transparent);padding:18px 8px;font-size:22px;font-weight:600;text-decoration:none;transition:color .18s,padding-left .18s;color:var(--ps-ink)!important;opacity:1!important}.eco-nav-drawer .eco-nav-drawer-close{border:1px solid color-mix(in srgb,var(--ps-line) calc(15% * var(--ps-line-k)),transparent);color:var(--bg-pure-white);border-radius:var(--radius-sharp);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .18s,border-color .18s,color .18s;display:flex;position:absolute;top:18px;right:18px}.eco-hero{align-items:flex-end;min-height:100dvh;padding:40px;display:flex;position:relative}.eco-hero-bg{z-index:0;background-image:-webkit-image-set(url(/assets/eco_bg_3-B_SO_IxE.avif) 1x type("image/avif"),url(/assets/eco_bg_3-C_w7t7Wq.webp) 1x type("image/webp"));background-image:image-set("/assets/eco_bg_3-B_SO_IxE.avif" 1x type("image/avif"),"/assets/eco_bg_3-C_w7t7Wq.webp" 1x type("image/webp"));background-position:50%;background-size:cover;position:absolute;inset:0}@media(width<=700px){.eco-hero-bg{background-image:-webkit-image-set(url(/assets/eco_bg_3-640-C6l6MftR.avif) 1x type("image/avif"),url(/assets/eco_bg_3-640-Cy1MAPSn.webp) 1x type("image/webp"));background-image:image-set("/assets/eco_bg_3-640-C6l6MftR.avif" 1x type("image/avif"),"/assets/eco_bg_3-640-Cy1MAPSn.webp" 1x type("image/webp"))}}.eco-hero-glass{z-index:1;background:var(--glass-overlay);width:100%;max-width:1400px;-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-sharp);border:var(--border-divider-light);margin:0 auto 40px;padding:48px;position:relative;overflow:hidden}.eco-hero-glass:before{content:"";background:var(--glass-gradient-mask);z-index:0;pointer-events:none;position:absolute;inset:0}.eco-hero-header{z-index:1;margin-bottom:40px;position:relative}.eco-eyebrow{letter-spacing:var(--tracking-loose);color:color-mix(in srgb,var(--ps-ink) calc(62% * var(--ps-ink-k)),transparent);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.eco-text-muted{color:color-mix(in srgb,var(--ps-ink) calc(78% * var(--ps-ink-k)),transparent)}.eco-text-emphasis{color:color-mix(in srgb,var(--ps-ink) calc(92% * var(--ps-ink-k)),transparent)}html.light-theme .eco-text-muted{color:#000000b8}html.light-theme .eco-text-emphasis{color:#000000e0}.eco-title{font-size:var(--fs-hero,4rem);letter-spacing:var(--tracking-tight);color:var(--bg-pure-white);text-wrap:balance;margin:0;font-weight:800;line-height:1.1}.eco-box{flex-direction:column;justify-content:center;padding:32px;display:flex}.eco-box h3{letter-spacing:var(--tracking-tight);margin:0 0 12px;font-size:24px;font-weight:700}.eco-box p{opacity:.8;margin:0;font-size:15px;line-height:1.5}.eco-timeline-ruler{z-index:1;border-top:var(--border-divider-light);align-items:center;gap:16px;padding-top:24px;display:flex;position:relative}.ruler-ticks{background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ps-tint) calc(20% * var(--ps-tint-k)),transparent) 0 1px,transparent 1px 9px);flex:1;height:12px}.eco-band-light{background:var(--bg-pale-mint);color:var(--bg-forest-black);padding:100px 40px}.eco-band-container{max-width:1400px;margin:0 auto}.eco-band-title{letter-spacing:var(--tracking-tight);max-width:600px;margin:0 0 40px;font-size:3rem;font-weight:800}.eco-title-line,.eco-copy-line{display:block}.bento-span-2{grid-column:span 2}.eco-box-num{font-family:var(--font-display);opacity:.55;margin-bottom:20px;font-size:22px;font-style:italic;font-weight:400;display:block}.eco-box-icon{width:44px;height:44px;margin:0 0 18px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:block}.eco-box-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.box-white .eco-box-icon{color:#166534}.box-green .eco-box-icon{color:var(--bg-forest-black)}.box-black .eco-box-icon{color:var(--accent-grass-green)}.eco-band-dark{background:var(--bg-forest-black);color:var(--bg-pure-white);padding:100px 40px}.eco-layout-split{grid-template-columns:1fr 1.5fr;align-items:center;gap:80px;display:grid}.eco-split-left h2{letter-spacing:var(--tracking-tight);margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1}.eco-split-left p{opacity:.7;margin-bottom:40px;font-size:18px}.topology-showcase-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:clamp(48px,6vw,88px)}.topology-showcase-copy h2{max-width:9em;margin-top:8px;margin-bottom:30px}@media(width<=1024px){.topology-showcase-layout{gap:32px}}@media(width<=640px){.topology-showcase-copy h2{max-width:11em;margin-bottom:24px}}.pricing-free-cta{color:var(--bg-forest-black);border-radius:var(--radius-sharp);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #11181659;justify-content:center;align-self:stretch;align-items:center;gap:8px;margin-top:auto;padding:12px 20px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.eco-footer{background:color-mix(in srgb,var(--ps-s-0a0d0b) 95%,transparent);border-top:1px solid color-mix(in srgb,var(--ps-line) calc(6% * var(--ps-line-k)),transparent);color:color-mix(in srgb,var(--ps-ink) calc(40% * var(--ps-ink-k)),transparent);padding:48px 40px 32px;font-size:13px}.eco-footer-inner{justify-content:space-between;align-items:flex-start;gap:40px;max-width:1400px;margin:0 auto;display:flex}.eco-footer-brand{flex-direction:column;gap:8px;display:flex}.eco-footer-brand strong{color:color-mix(in srgb,var(--ps-ink) calc(80% * var(--ps-ink-k)),transparent);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.eco-footer-tagline{color:color-mix(in srgb,var(--ps-ink) calc(30% * var(--ps-ink-k)),transparent);max-width:240px;font-size:12px;line-height:1.5}.eco-footer-links{gap:24px;display:flex}.eco-footer-links a{color:color-mix(in srgb,var(--ps-ink) calc(40% * var(--ps-ink-k)),transparent);font-weight:500;text-decoration:none;transition:color .2s}.eco-footer-copy{color:color-mix(in srgb,var(--ps-ink) calc(20% * var(--ps-ink-k)),transparent);font-size:12px}@media(width<=640px){.eco-footer-inner{flex-direction:column;gap:24px}}.skip-to-content{z-index:1000;background:var(--ps-accent-fill);color:#111816;padding:8px 16px;font-size:13px;font-weight:600;transition:top .2s;position:absolute;top:-40px;left:0}.rrb-faq-list{flex-direction:column;gap:8px;display:flex}.rrb-faq-item{border:1px solid color-mix(in srgb,var(--ps-line) calc(8% * var(--ps-line-k)),transparent);background:var(--ps-surf-020);border-radius:10px;transition:background .15s,border-color .15s}.rrb-faq-item[open]{background:color-mix(in srgb,var(--ps-accent-tint) calc(4% * var(--ps-accent-tint-k)),transparent);border-color:color-mix(in srgb,var(--ps-accent-line) calc(20% * var(--ps-accent-k)),transparent)}.rrb-faq-item summary{cursor:pointer;color:var(--ps-ink);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:15px;font-weight:600;list-style:none;display:flex}.rrb-faq-item summary:after{content:"+";width:24px;height:24px;color:var(--accent-grass-green,var(--ps-accent-ink));border:1px solid color-mix(in srgb,var(--ps-accent-line) calc(30% * var(--ps-accent-k)),transparent);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:400;transition:transform .2s;display:grid}.rrb-faq-item[open] summary:after{content:"−";transform:rotate(360deg)}.rrb-faq-body{color:color-mix(in srgb,var(--ps-ink) calc(72% * var(--ps-ink-k)),transparent);padding:0 18px 18px;font-size:14px;line-height:1.65}.faq-section .eco-eyebrow{color:#ffffff9e}.eco-band-light.pricing-section{padding:clamp(84px,9vw,124px) 40px}.pricing-container{max-width:1320px}.pricing-intro{border-bottom:1px solid #11181629;grid-template-columns:minmax(0,1fr) minmax(20rem,.85fr);align-items:end;gap:clamp(48px,7vw,96px);margin-bottom:clamp(44px,5vw,64px);padding-bottom:clamp(34px,4vw,48px);display:grid}.eco-eyebrow.pricing-eyebrow{color:#1118169e;margin:0 0 18px}.eco-band-title.pricing-title{color:#111816;text-wrap:balance;max-width:none;margin:0;font-size:clamp(2.6rem,4.4vw,4.25rem);line-height:1.05}.pricing-section .pricing-description{color:#111816b8;max-width:46ch;margin:0 0 4px;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.7}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.pricing-period-toggle{background:#ffffffb8;border:1px solid #11181624;border-radius:999px;width:fit-content;margin:-24px auto 32px;padding:4px;display:flex}.pricing-card{border:1px solid #11181621;border-radius:14px;flex-direction:column;gap:24px;min-width:0;min-height:390px;padding:clamp(24px,2.4vw,34px);display:flex;position:relative;overflow:hidden}.pricing-card-free{background:#ffffffad;box-shadow:0 18px 50px #1118160f}.pricing-card-paid{background:#ffffffdb;box-shadow:0 18px 50px #11181612}.pricing-plan-name{color:#111816b8;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.pricing-price-row{align-items:baseline;gap:7px;margin-top:12px;display:flex}.pricing-price-period,.pricing-effective-price{color:#11181699;font-size:12px}.pricing-card-pro .pricing-price-period,.pricing-card-pro .pricing-effective-price{color:#ffffff9e}.pricing-card [data-billing-monthly]:not([hidden]),.pricing-card [data-billing-yearly]:not([hidden]){animation:.5s cubic-bezier(.2,.8,.3,1) np-reveal}.pricing-paid-cta{color:#111816;border-color:#11181640;justify-content:center;margin-top:auto}.pricing-card-pro{color:#fff;background:linear-gradient(150deg,#91e9710f,#0000 42%),#111816;border-color:#111816e6;box-shadow:0 24px 64px #11181629}.pricing-card-pro:before{content:"";background:#91e971;height:3px;position:absolute;inset:0 0 auto}.pricing-card-badge{color:#111816;letter-spacing:.1em;text-transform:uppercase;background:#91e971;padding:6px 13px;font-size:10px;font-weight:800;position:absolute;top:0;right:28px}.pricing-price-amount{color:#111816;letter-spacing:-.02em;font-size:40px;font-weight:800}.pricing-card-pro .pricing-price-amount{color:#fff}.pricing-card-pro>div>div:first-child,.pricing-card-pro .pricing-features>li>span:first-child{color:#91e971!important}.pricing-features{color:#111816bd;flex-direction:column;gap:14px;margin:0;padding:0;font-size:14px;line-height:1.55;list-style:none;display:flex}.pricing-features li{grid-template-columns:16px minmax(0,1fr);gap:8px;display:grid}.pricing-features li>span:first-child{color:#438a2b;font-weight:850}.pricing-features-pro{color:#ffffffdb}.pricing-renewal-note{color:#1118169e;text-align:center;max-width:78ch;margin:24px auto 0;font-size:12px;line-height:1.6}@media(width<=1120px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.eco-band-dark.faq-section{background:linear-gradient(#ffffff03,#0000 28%),#111816;padding:clamp(88px,9vw,128px) 40px}.faq-layout{grid-template-columns:minmax(15rem,.62fr) minmax(0,1.38fr);align-items:start;gap:clamp(64px,9vw,132px);max-width:1220px;display:grid}.faq-title{color:#fff;letter-spacing:-.045em;text-wrap:balance;max-width:8em;margin:16px 0 0;font-size:clamp(2.8rem,4.8vw,4.5rem);font-weight:800;line-height:1.03}.faq-intro:after{content:"";background:var(--accent-grass-green);width:54px;height:2px;margin-top:32px;display:block}.faq-section .rrb-faq-list{border-top:1px solid #ffffff1f;gap:0}.faq-section .rrb-faq-item,.faq-section .rrb-faq-item[open]{background:0 0;border:0;border-bottom:1px solid #ffffff1f;border-radius:0}.faq-section .rrb-faq-item[open]{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-grass-green) 5%,transparent),transparent 54%)}.faq-section .rrb-faq-item summary{color:#fff;padding:22px 0;font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.45}.faq-section .rrb-faq-item summary:after{color:#91e971;border-color:#91e9714d;border-radius:8px}.faq-section .rrb-faq-body{color:#ffffffb8;max-width:66ch;padding:0 56px 26px 0;font-size:.94rem;line-height:1.75}.eco-band-dark.final-cta-section{background:#111816;border-top:1px solid #ffffff0a;padding:36px 40px 96px}.final-cta-panel{background:radial-gradient(circle at 88% 10%,#91e97124,#0000 30%),#111816bd;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(40px,7vw,96px);max-width:1400px;padding:clamp(44px,6vw,78px);display:grid;position:relative;overflow:hidden}.final-cta-panel:after{content:"";pointer-events:none;border:1px solid #91e9714d;border-radius:50%;width:280px;height:280px;position:absolute;top:-180px;right:-150px}.final-cta-title{z-index:1;color:#fff;letter-spacing:-.045em;text-wrap:balance;max-width:16em;margin:0;font-size:clamp(2.5rem,4.6vw,4.6rem);font-weight:800;line-height:1.05;position:relative}.final-cta-accent{color:#91e971}.final-cta-actions{z-index:1;position:relative}.eco-btn-primary.final-cta-button{color:#91e971;background:#91e9711a;border-color:#91e97173;justify-content:center;min-width:210px;padding:16px 26px;font-size:14px}.final-cta-arrow{font-size:16px}@media(width<=900px){.pricing-intro,.faq-layout,.final-cta-panel{grid-template-columns:1fr}.faq-layout{gap:44px}.faq-title{max-width:12em}.pricing-intro{gap:28px}.final-cta-panel{align-items:start;gap:32px}}@media(width<=640px){.eco-band-light.pricing-section,.eco-band-dark.faq-section{padding:68px 20px}.faq-layout{gap:34px}.faq-title{font-size:clamp(2.2rem,9.5vw,2.8rem)}.pricing-grid{grid-template-columns:1fr;gap:14px}.eco-band-title.pricing-title{font-size:clamp(2.25rem,10vw,3rem)}.pricing-card{border-radius:12px;min-height:0;padding:30px 24px}.faq-section .rrb-faq-item summary{gap:18px;padding:19px 0}.faq-section .rrb-faq-body{padding:0 44px 22px 0;font-size:.9rem}.eco-band-dark.final-cta-section{padding:20px 14px 54px}.final-cta-panel{border-radius:12px;gap:28px;padding:34px 24px}.final-cta-title{font-size:clamp(2.15rem,10vw,3rem)}.eco-btn-primary.final-cta-button{width:100%;min-width:0}}@media(width<=1024px){.eco-nav{height:64px;padding:0 20px}.eco-nav-links{gap:16px}.eco-nav-links a{font-size:13px}.eco-btn-primary{padding:10px 16px;font-size:12px}.eco-hero{min-height:80vh;padding:24px}.eco-hero-glass{padding:32px}.bento-span-2,.bento-span-3{grid-column:span 1}.eco-band-light,.eco-band-dark{padding:60px 24px}.eco-band-title{font-size:2rem}.eco-layout-split{grid-template-columns:1fr;gap:40px}.eco-split-left h2{font-size:2.5rem}}@media(width<=640px){.eco-nav{height:56px;padding:0 16px}.eco-nav-links{display:none}.eco-nav-hamburger{display:inline-flex}.eco-nav-brand{white-space:nowrap;font-size:16px}.eco-nav #nav-btn-login{display:none!important}.eco-btn-primary{padding:8px 12px;font-size:11px}.eco-nav .eco-btn-upgrade{letter-spacing:.04em;gap:6px;padding:7px 12px;font-size:11px}.eco-hero{min-height:auto;padding:calc(var(--nav-height,56px) + 20px) 16px 32px;align-items:stretch}.eco-hero-glass{margin:0;padding:22px 18px}.eco-hero-header{margin-bottom:24px}.eco-hero .eco-title{font-size:clamp(36px,11vw,44px);line-height:1.05}.eco-hero .eco-text-muted{margin-top:16px!important;font-size:clamp(14px,4vw,16px)!important;line-height:1.58!important}.eco-hero .hero-cta-row{gap:10px!important;margin-top:24px!important}.eco-hero .eco-timeline-ruler{margin-top:20px;padding-top:18px}.eco-eyebrow{font-size:10px}.eco-box{padding:20px}.eco-box h3{font-size:18px}.eco-band-light,.eco-band-dark{padding:40px 16px}.eco-band-title{font-size:1.5rem}.eco-split-left h2{font-size:1.8rem}}.page-fade-in{animation:.3s ease-out pageFadeIn}.theme-toggle{border:1px solid color-mix(in srgb,var(--ps-line) calc(15% * var(--ps-line-k)),transparent);color:color-mix(in srgb,var(--ps-ink) calc(60% * var(--ps-ink-k)),transparent);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}html.light-theme .eco-nav{background:linear-gradient(#f5f5f0e6,#0000)}html.light-theme .eco-nav-brand{color:#111816}html.light-theme .eco-nav-links a{color:#111816;opacity:.7}html.light-theme .eco-eyebrow{color:#0000008c}html.light-theme .eco-band-light,html.light-theme .eco-band-light .eco-band-title,html.light-theme .eco-band-light p{color:#111816}html.light-theme body:not(.portal-premium-surface) .eco-band-dark{color:#f5f5f0;background:#111816}html.light-theme body:not(.portal-premium-surface) .eco-band-dark .eco-eyebrow{color:#ffffff8c}html.light-theme body:not(.portal-premium-surface) .eco-band-dark .eco-text-muted{color:#ffffffa6}html.light-theme body:not(.portal-premium-surface) .eco-band-dark .eco-text-emphasis{color:#ffffffd9}img[loading=lazy]{opacity:0;transition:opacity .3s}img[loading=lazy].loaded,img[loading=lazy][complete]{opacity:1}img{max-width:100%;height:auto}.eco-hero-bg img{object-fit:cover}@media(any-pointer:coarse),(width<=640px){.nav-icon-btn,.eco-nav-hamburger,.eco-nav-avatar,.nav-avatar,.nav-btn-login,.theme-toggle,.sort-tab,.filter-pill,.age-chip,.ec-corner-btn,.ec-bookmark,.mm-icon-btn,.back-to-top,.carousel-nav,.eqp-chip,.eco-nav-lang,.share-social-btn,.lifecycle-filter,.profile-tab,.period-toggle-btn,.mm-btn-share,.mm-btn-card,.mm-btn-open-full,.mm-btn-embed,.mm-btn-report,.mm-comment-submit,.mm-report-option,.vs-close-btn,.vs-fork-btn,.cu-close,.qum-btn,.eco-btn-secondary,.create-topology-button{min-width:44px;min-height:44px}}@media(width<=640px){.eco-nav .theme-toggle{display:none!important}.eco-nav .eco-btn-upgrade{gap:4px;padding:6px 9px;font-size:0}.eco-footer{padding:36px 20px 28px}.eco-footer-inner,.eco-footer-links{width:100%;min-width:0;max-width:100%}.eco-footer-links{flex-wrap:wrap;justify-content:flex-start;gap:10px 14px}.eco-footer-links a{align-items:center;min-height:32px;display:inline-flex}}@media(width<=380px){.eco-nav{padding:0 12px}.eco-nav-brand{font-size:14px}.eco-nav .eco-btn-upgrade{display:none!important}.eco-hero{padding:calc(var(--nav-height,56px) + 16px) 12px 28px}.eco-hero-glass{padding:16px}.hero-cta-row,.eco-cta-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.hero-cta-row>*,.eco-cta-row>*{box-sizing:border-box;text-align:center;justify-content:center;width:100%;max-width:100%}.eco-band-light,.eco-band-dark{padding:32px 14px}.eco-timeline-grid{gap:8px}.eco-box{border-radius:10px;padding:16px}.eco-box h3{font-size:16px;line-height:1.3}.eco-footer{padding:32px 16px 24px}.eco-footer-links{gap:8px 12px}}@media(width>=641px)and (width<=1024px){.eco-nav-brand{white-space:nowrap;flex-shrink:0;font-size:15px}.eco-nav-links{flex-shrink:1;gap:12px;min-width:0}.eco-nav-links a{white-space:nowrap;font-size:12.5px}.eco-nav>div:nth-child(3){gap:8px}.eco-nav .eco-btn-upgrade{letter-spacing:.04em;gap:4px;padding:7px 11px;font-size:11px}.eco-nav .eco-btn-upgrade svg{width:11px;height:11px}.eco-btn-primary{white-space:nowrap;padding:8px 14px;font-size:12px}.eco-nav #nav-btn-login{display:none!important}.eco-nav .theme-toggle{display:none}.eco-nav #nav-create-btn,.eco-nav .eco-btn-secondary{padding:7px 12px;font-size:12px}.eco-nav-lang{padding:4px 6px!important;font-size:11px!important}.eco-footer{padding:40px 28px 30px}.eco-footer-inner{flex-direction:column;gap:20px;width:100%;min-width:0;max-width:100%}.eco-footer-links{flex-wrap:wrap;gap:12px 18px;width:100%;min-width:0;max-width:100%}.eco-hero{min-height:70vh;padding:28px 32px}.eco-hero-glass{border-radius:18px;padding:40px 36px}.eco-title{font-size:clamp(36px,6.5vw,56px);line-height:1.1}.eco-eyebrow{letter-spacing:.18em;font-size:11px}.hero-cta-row,.eco-cta-row{flex-wrap:wrap;gap:12px}.eco-timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.eco-band-light,.eco-band-dark{padding:56px 32px}.eco-band-title{font-size:2.2rem;line-height:1.15}.eco-layout-split{grid-template-columns:1fr 1fr;gap:32px}.eco-split-left h2{font-size:2.2rem}}@supports (padding:max(0px)){.eco-nav{padding-top:env(safe-area-inset-top)}@media(width<=640px){.eco-nav{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.eco-footer{padding-bottom:max(24px,calc(24px + env(safe-area-inset-bottom)))}}}@media(orientation:portrait)and (width>=641px)and (width<=1024px){.eco-hero{min-height:60vh}}@media(orientation:landscape)and (width>=641px)and (width<=1024px){.eco-hero{min-height:88vh;padding:24px 36px}}@media(orientation:landscape)and (height<=500px)and (width<=932px){.eco-hero{min-height:88vh;padding:14px 20px}.eco-hero-glass{margin-bottom:12px;padding:18px 22px}.hero-cta-row,.eco-cta-row{flex-wrap:wrap;flex-direction:row!important;gap:8px!important}.hero-cta-row>*,.eco-cta-row>*{text-align:center;width:auto}.eco-eyebrow{margin-bottom:6px;font-size:10px}.eco-title{margin-bottom:6px;font-size:clamp(28px,5vw,40px);line-height:1.05}}html{scroll-behavior:smooth;scroll-padding-top:80px}@media(width<=1024px){html{scroll-padding-top:64px}}@media(width<=640px){html{scroll-padding-top:56px}}@media(width>=641px)and (width<=1024px){.eco-band-title{font-size:2.4rem;line-height:1.12}.eco-eyebrow{letter-spacing:.16em}.eco-band-light p,.eco-band-dark p{max-width:64ch;font-size:16px;line-height:1.65}}button,a,.eco-btn-primary,.eco-btn-secondary,.eco-btn-upgrade,.nav-create,.eco-nav-hamburger,.eco-nav-lang,.theme-toggle,.sort-tab,.filter-pill,.age-chip,.eqp-chip,.share-social-btn,.ec-corner-btn,.ec-bookmark,.mm-icon-btn,.modal-sidebar-toggle,.eco-list-item,.eco-box,.explore-card,.profile-tab{touch-action:manipulation}button,a,[role=button],input,textarea,select,summary,.eco-box,.explore-card,.eco-list-item,.eco-nav-hamburger,.eco-nav-lang{-webkit-tap-highlight-color:transparent}.carousel-track,.sort-tabs,.profile-tabs,.kids-topic-chips,.modal-sidebar,.share-video-sidebar,.comment-list,.notif-dropdown,.settings-sidebar,.eco-nav-drawer{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.eco-band-light,.eco-band-dark,.editorial-asym,.editorial-3,.new-rail,.wings-grid,.profile-card-grid,.kids-maps-grid{content-visibility:auto;contain-intrinsic-size:auto 800px}.eco-box,.explore-card,.profile-card,.kids-maps-grid>*{contain:layout style}.share-video-sidebar,.modal-sidebar,.eco-nav-drawer,.lb-sidebar.mobile-open,.collab-cursor{will-change:transform}.eco-nav,.eco-nav-drawer,.sort-tabs,.filter-pill,.eco-nav-hamburger,.theme-toggle,.modal-sidebar-toggle,button,.eco-btn-primary,.eco-btn-secondary{-webkit-user-select:none;user-select:none}.eco-box h3,.eco-box p,.lb-title-wrap,.share-map-title,.profile-info,.empty-state-desc,.eco-band-light p,.eco-band-dark p{-webkit-user-select:text;user-select:text}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.eco-nav,.gallery-nav,.kids-nav{view-transition-name:site-nav}@media(width<=640px){@supports (padding:max(0px)){.back-to-top{bottom:max(24px,env(safe-area-inset-bottom))!important;right:max(20px,env(safe-area-inset-right))!important}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.light-theme{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:where(.eco-title,.eco-band-title,.eco-split-left h2,.kids-hero-title,.hero-title,.portal-page-header h1,.empty-state-title,.onboarding-card h2,h1,h2){text-wrap:balance}:where(.eco-text-muted,.empty-state-desc,p,.htc-step-body span){text-wrap:pretty}html{scrollbar-gutter:stable}.eco-timeline-grid,.featured-grid,.profile-card-grid,.kids-maps-grid,.new-rail,.wings-grid{container:card-grid/inline-size}@container card-grid (width>=281px) and (width<=380px){.eco-box{padding:18px!important}.eco-box h3{font-size:16px!important}}@container card-grid (width>=381px){.eco-box{padding:28px!important}.eco-box h3{font-size:20px!important}}.eco-title,.hero-title,.eco-band-title,.kids-hero-title{font-synthesis:weight style}.share-cta-banner,.share-video-sidebar,.modal-sidebar,.notif-dropdown,.eco-nav-drawer{padding-inline:var(--space-inline,16px)}.mc-grid-thumb-wrap,.ec-thumb{background-color:var(--ps-surf-040);background-clip:padding-box}body.page-fade-in{animation:.3s ease-out portal-primary-page-fade}@media(width>=1367px){.eco-nav,.gallery-nav-inner{--portal-primary-header-height:80px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:10px;display:grid}.eco-nav>.eco-nav-brand,.gallery-nav-inner>.nav-brand{grid-area:1/1;justify-self:start;min-width:0}.eco-nav>.portal-primary-nav,.gallery-nav-inner>.portal-primary-nav{left:calc(50vw / var(--hh-ui-zoom,1));top:calc(var(--portal-primary-header-height) / 2);position:absolute;transform:translate(-50%,-50%)}.eco-nav>.eco-nav-actions,.eco-nav>.eco-nav-hamburger,.gallery-nav-inner>.nav-meta{grid-area:1/4;justify-self:end;min-width:0}.portal-primary-nav{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:32px;display:flex}.portal-primary-nav>a,.portal-primary-nav>button{box-sizing:border-box;justify-content:center;align-items:center;min-height:44px;margin:0;font-family:Inter,Noto Sans TC,Helvetica Neue,Segoe UI,Microsoft JhengHei,sans-serif;line-height:1;display:inline-flex}.eco-nav .portal-primary-nav>a:not(.eco-nav-ext-cta),.gallery-nav .portal-primary-nav>a:not(.eco-nav-ext-cta){letter-spacing:normal;padding:0;font-size:14px;font-weight:500}.eco-nav .portal-primary-nav>.eco-nav-ext-cta,.gallery-nav .portal-primary-nav>.eco-nav-ext-cta{letter-spacing:.02em;min-height:44px;font-size:13px;font-weight:600;padding:0 16px!important}.portal-primary-nav>.eco-nav-lang{letter-spacing:.04em;background:0 0;border:0;border-radius:0;flex:0 0 44px;inline-size:44px;min-inline-size:44px;font-size:13px;font-weight:600;padding:0!important}}.eco-nav-brand{color:inherit;text-decoration:none}.eco-nav-links>a,.eco-nav-links>button,.eco-nav-create-btn,.eco-nav-login,.eco-nav-lang{box-sizing:border-box;min-height:44px}.eco-nav-links>a,.eco-nav-links>button{align-items:center;display:inline-flex}.eco-nav-login{border:1px solid color-mix(in srgb,var(--ps-line) calc(16% * var(--ps-line-k)),transparent);border-radius:var(--radius-sharp,4px);color:color-mix(in srgb,var(--ps-ink) calc(82% * var(--ps-ink-k)),transparent);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.eco-nav .eco-nav-ext-cta,.gallery-nav .eco-nav-ext-cta{border-color:color-mix(in srgb,var(--ps-line) calc(14% * var(--ps-line-k)),transparent)!important;box-shadow:none!important;color:inherit!important;background:0 0!important;animation:none!important}.eco-nav .eco-nav-ext-cta:before,.gallery-nav .eco-nav-ext-cta:before{animation:none!important;display:none!important}.hero-example-link{border:1px solid color-mix(in srgb,var(--ps-line) calc(18% * var(--ps-line-k)),transparent);background:var(--ps-surf-050);min-height:44px;color:color-mix(in srgb,var(--ps-ink) calc(90% * var(--ps-ink-k)),transparent);align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}@media(width<=680px){.eco-btn-upgrade{display:none!important}}:root{--hh-ui-zoom:1}@media(width>=1800px){body{zoom:1.15;--hh-ui-zoom:1.15}}@media(width>=2400px){body{zoom:1.25;--hh-ui-zoom:1.25}}@media(width>=3200px){body{zoom:1.5;--hh-ui-zoom:1.5}}.hh-landing .hero-cta-row{z-index:1;position:relative}[data-portal-create][hidden]{display:none!important}.hh-landing a.eco-btn-primary,.hh-landing a.pricing-free-cta{text-decoration:none}.hh-landing .hero-create-note{z-index:1;color:color-mix(in srgb,currentColor 72%,transparent);margin:14px 0 0;font-size:13px;position:relative}.hh-landing .eco-hero .eco-btn-primary{background:var(--accent-grass-green);color:var(--bg-forest-black);border-color:#0000;box-shadow:inset 0 1px #ffffff52,0 14px 34px -16px #91e971bf}.hh-landing .eco-hero .eco-btn-primary:hover{background:color-mix(in srgb,var(--accent-grass-green) 86%,#fff);transform:translateY(-1px)}.hh-landing .eco-hero .eco-btn-primary:focus-visible,.hh-landing .hero-example-link:focus-visible{outline:2px solid var(--bg-pure-white);outline-offset:3px}.hh-landing .eco-hero .eco-title>span,.hh-landing .eco-hero-header>p.eco-text-muted>span{text-wrap:balance;display:block}.hh-landing .eco-hero .eco-title>br,.hh-landing .eco-hero-header>p.eco-text-muted>br{display:none}html[lang=zh-TW] .hh-landing .eco-hero .eco-title>span{word-break:keep-all;overflow-wrap:anywhere}html[lang=ja] .hh-landing .eco-hero .eco-title>span{word-break:auto-phrase}.hh-landing .eco-hero-glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hh-landing .eco-timeline-ruler{margin-top:28px}@media(width>=641px)and (width<=1179px){.hh-landing .eco-hero{padding-top:84px}}@media(width<=640px){.hh-landing .eco-hero .eco-title{font-size:clamp(31px,9vw,38px);line-height:1.06}.hh-landing .eco-hero .eco-timeline-ruler{display:none}}@media(width>=1367px)and (width<=1679px){.eco-nav-actions:has(>.eco-btn-upgrade:not([hidden]))>.eco-nav-create-btn{justify-content:center;width:44px;min-width:44px;padding:0}.eco-nav-actions:has(>.eco-btn-upgrade:not([hidden]))>.eco-nav-create-btn>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}html:not([lang^=zh]) [data-lang=zh],html[lang^=zh] [data-lang=en]{display:none!important}.hh-landing .eco-hero{align-items:center;overflow:hidden}@media(width>=1800px){.hh-landing .eco-hero{min-height:calc(100vh / var(--hh-ui-zoom,1));min-height:calc(100dvh / var(--hh-ui-zoom,1))}}.hh-landing .eco-hero-bg{opacity:.38}.hh-landing .eco-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#070b09 32%,#070b09d1 46%,#070b0933 62%,#0000 76%),linear-gradient(#070b09,#0000 18% 78%,#111816);position:absolute;inset:0}.hh-landing .eco-hero-glass{z-index:2;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border-color:#0000;max-width:1240px;margin-bottom:0;padding-left:0;padding-right:0}.hh-landing .eco-hero-glass>*{pointer-events:auto}.hh-landing .eco-hero-glass:before{display:none}.hh-landing .eco-hero-header{max-width:min(880px,60vw)}.hw-wall{perspective:2400px;perspective-origin:30% 40%;width:86%;height:136%;position:absolute;top:-12%;right:-20%}.hw-grid{transform:rotateX(var(--hw-rx,16deg)) rotateY(var(--hw-ry,-26deg)) rotate(5deg);grid-template-columns:repeat(4,1fr);gap:22px;display:grid;position:absolute;inset:0}.hw-col{flex-direction:column;gap:22px;display:flex}.hw-col:nth-child(2){margin-top:-140px}.hw-col:nth-child(3){margin-top:90px}.hw-col:nth-child(4){margin-top:-60px}.hw-tile{filter:brightness(.82);background:#05080a;border:1px solid #ffffff1f;border-radius:12px;display:block;overflow:hidden;box-shadow:0 30px 60px -24px #000}.hw-tile img{width:100%;height:auto;display:block}.hh-landing .hw-tile img{opacity:1}@media(width>=641px){.hh-landing .eco-hero .eco-title{font-size:clamp(38px,4.2vw,72px)}}html.light-theme .hh-landing .eco-hero{--bg-pure-white:#fff;--accent-grass-green:#91e971}html.light-theme .hh-landing .eco-hero .eco-text-muted{color:#ffffffb8}html.light-theme .hh-landing .eco-hero .eco-eyebrow{color:#ffffff8c}[dir=rtl] .hw-wall{left:-20%;right:auto}[dir=rtl] .hw-grid{transform:rotateX(16deg)rotateY(26deg)rotate(-5deg)}[dir=rtl] .hh-landing .eco-hero:after{background:linear-gradient(270deg,#070b09 32%,#070b09d1 46%,#070b0933 62%,#0000 76%),linear-gradient(#070b09,#0000 18% 78%,#111816)}@media(width<=1060px){.hw-wall{opacity:.5;width:120%;right:-50%}[dir=rtl] .hw-wall{left:-50%}}@media(width<=640px){.hh-landing .eco-hero{min-height:0;padding-bottom:0;display:block}.hh-landing .eco-hero:after{background:linear-gradient(#070b09b8,#070b0940 34%,#070b098c 64%,#111816)}.hw-wall,[dir=rtl] .hw-wall{opacity:1;perspective-origin:50% 0;width:150%;height:340px;margin:28px -25% 0;position:relative;top:auto;left:auto;right:auto}.hw-grid,[dir=rtl] .hw-grid{gap:12px;transform:rotateX(28deg)rotate(-8deg)scale(.9)}.hw-col{gap:12px}}.hh-landing .hp-story{color:#fff;background:#070b09;padding:clamp(72px,9vw,120px) clamp(16px,4vw,56px);position:relative}.hh-landing .hp-story-ocean,.hh-landing .hp-story-pool,.hh-landing .hp-story-ring,.hh-landing .hp-story-flash,.hh-landing .hp-story-scrim,.hh-landing .hp-story-map,.hh-landing .hp-story-axis,.hh-landing .hp-story-dots{display:none}@media(width>=641px)and (width<=1366px){.eco-nav{gap:12px}.eco-nav:has(>.eco-nav-hamburger)>.eco-nav-links{display:none}.eco-nav>.eco-nav-hamburger{flex-shrink:0;display:inline-flex}.eco-nav>.eco-nav-actions{flex-shrink:0;margin-left:auto}}@media(any-pointer:coarse){.eco-nav>.eco-nav-actions .notif-wrap{margin-left:0}.eco-nav .eco-btn-upgrade,.eco-nav .notif-bell,.eco-nav .eco-nav-profile{min-width:44px;min-height:44px}}
