/* ECOQUN V13 — full visual system. No radial navigation. */
:root{
  --v13-bg:#f5f4f0; --v13-surface:#ffffff; --v13-surface-2:#eeece7; --v13-text:#111214;
  --v13-muted:#6d6e73; --v13-line:#d9d8d2; --v13-orange:#ff6100; --v13-orange-2:#ff8a3d;
  --v13-dark:#0d0e10; --v13-dark-surface:#15171a; --v13-dark-line:#2a2c30; --v13-dark-muted:#a8aab0;
  --v13-radius:22px; --v13-shadow:0 24px 70px rgba(17,18,20,.08);
}
html[data-theme="dark"]{--v13-bg:#0b0c0e;--v13-surface:#121417;--v13-surface-2:#181a1e;--v13-text:#f4f4f2;--v13-muted:#a6a8ae;--v13-line:#2c2f34;--v13-shadow:0 30px 90px rgba(0,0,0,.32)}
*{box-sizing:border-box}
body{background:var(--v13-bg)!important;color:var(--v13-text)!important;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
a{color:inherit}
/* shared navigation */
.site-header.v13-header{position:sticky!important;top:0!important;z-index:80!important;width:100%!important;height:76px!important;background:color-mix(in srgb,var(--v13-bg) 88%,transparent)!important;border-bottom:1px solid var(--v13-line)!important;backdrop-filter:blur(18px)!important}
.v13-header-inner{width:min(1240px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;gap:28px}
.v13-brand{display:inline-flex;align-items:center;width:154px;flex:none}
.v13-brand img{width:100%;height:auto;display:block}
.v13-brand .dark{display:none}.v13-brand .light{display:block}html[data-theme="dark"] .v13-brand .light{display:none}html[data-theme="dark"] .v13-brand .dark{display:block}
.v13-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.v13-nav a{text-decoration:none!important;padding:10px 12px;border-radius:10px;color:var(--v13-muted);font-size:13px;font-weight:750;transition:.2s}
.v13-nav a:hover,.v13-nav a.active{background:var(--v13-surface-2);color:var(--v13-text)}
.v13-nav a.accent{color:var(--v13-orange)}
.v13-tools{display:flex;align-items:center;gap:8px;margin-left:8px}
.v13-lang{display:flex;align-items:center;border:1px solid var(--v13-line);border-radius:999px;padding:3px}
.v13-lang button{border:0;background:none;color:var(--v13-muted);font-size:10px;font-weight:900;padding:6px 7px;border-radius:999px;cursor:pointer}.v13-lang button.active{background:var(--v13-text);color:var(--v13-bg)}
.v13-theme{width:44px;height:34px;border:1px solid var(--v13-line);background:var(--v13-surface);color:var(--v13-text);border-radius:999px;cursor:pointer}
.v13-menu-btn{display:none;width:40px;height:40px;border:1px solid var(--v13-line);background:var(--v13-surface);border-radius:12px;cursor:pointer;color:var(--v13-text)}
.v13-mobile-nav{display:none}
@media(max-width:900px){.v13-nav{display:none}.v13-menu-btn{display:block;margin-left:auto}.v13-tools{margin-left:0}.v13-header-inner{width:min(100% - 24px,1240px)}.v13-mobile-nav{position:absolute;top:76px;left:12px;right:12px;background:var(--v13-surface);border:1px solid var(--v13-line);border-radius:18px;padding:10px;box-shadow:var(--v13-shadow);display:none}.v13-mobile-nav.open{display:grid}.v13-mobile-nav a{padding:13px 12px;border-radius:10px;font-weight:800}.v13-mobile-nav a:hover{background:var(--v13-surface-2)}}
/* home */
.v13-home{min-height:100vh;overflow:hidden}
.v13-hero{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:92px 0 78px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;position:relative}
.v13-hero:before{content:"";position:absolute;inset:0 -20vw;background:radial-gradient(circle at 65% 30%,rgba(255,97,0,.11),transparent 35%);pointer-events:none}
.v13-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--v13-orange);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.v13-kicker:before{content:"";width:24px;height:1px;background:var(--v13-orange)}
.v13-hero h1{font-size:clamp(60px,8.8vw,126px);line-height:.86;letter-spacing:-.085em;margin:20px 0 28px;max-width:800px;position:relative}.v13-hero h1 em{font-style:normal;color:var(--v13-orange)}
.v13-hero p{max-width:640px;color:var(--v13-muted);font-size:18px;line-height:1.7;margin:0}.v13-actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.v13-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:12px;border:1px solid var(--v13-line);font-size:13px;font-weight:850;transition:.2s}.v13-btn:hover{transform:translateY(-2px);border-color:var(--v13-orange)}.v13-btn.primary{background:var(--v13-text);color:var(--v13-bg);border-color:var(--v13-text)}.v13-btn.orange{background:var(--v13-orange);color:#fff;border-color:var(--v13-orange)}
.v13-hero-card{border:1px solid var(--v13-line);background:var(--v13-surface);border-radius:28px;padding:28px;box-shadow:var(--v13-shadow);position:relative;overflow:hidden}.v13-hero-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;top:-80px;background:rgba(255,97,0,.12)}.v13-card-label{font-size:10px;letter-spacing:.14em;color:var(--v13-orange);font-weight:900}.v13-hero-card h2{font-size:36px;letter-spacing:-.06em;margin:35px 0 12px}.v13-hero-card p{font-size:14px;line-height:1.7}.v13-mini-list{margin-top:24px;border-top:1px solid var(--v13-line)}.v13-mini-list a{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--v13-line);font-size:13px;font-weight:800}.v13-mini-list a span{color:var(--v13-muted);font-weight:600}.v13-mini-list a:hover span{color:var(--v13-orange)}
.v13-section{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:86px 0}.v13-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:28px}.v13-section-head h2{font-size:clamp(38px,5vw,68px);line-height:.9;letter-spacing:-.07em;margin:10px 0 0}.v13-section-head p{max-width:480px;color:var(--v13-muted);line-height:1.7;margin:0}.v13-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v13-tile{min-height:270px;border:1px solid var(--v13-line);background:var(--v13-surface);border-radius:20px;padding:23px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.22s}.v13-tile:before{content:"";position:absolute;inset:auto -25px -70px auto;width:140px;height:140px;border-radius:50%;background:rgba(255,97,0,.07);transition:.22s}.v13-tile:hover{transform:translateY(-5px);border-color:var(--v13-orange);box-shadow:var(--v13-shadow)}.v13-tile:hover:before{transform:scale(1.35)}.v13-tile .num{font:900 10px ui-monospace,monospace;color:var(--v13-orange)}.v13-tile h3{font-size:28px;letter-spacing:-.05em;margin:55px 0 10px}.v13-tile p{color:var(--v13-muted);line-height:1.6;font-size:13px;margin:0}.v13-tile b{margin-top:auto;font-size:12px}.v13-tile b span{color:var(--v13-orange)}
.v13-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.v13-feature-main,.v13-feature-side{border:1px solid var(--v13-line);background:var(--v13-surface);border-radius:24px;padding:32px}.v13-feature-main{min-height:360px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.v13-feature-main:after{content:"ACADEMY";position:absolute;right:-10px;bottom:-42px;font-size:120px;font-weight:950;letter-spacing:-.08em;color:color-mix(in srgb,var(--v13-text) 5%,transparent);pointer-events:none}.v13-feature-main h3{font-size:clamp(40px,5vw,68px);line-height:.9;letter-spacing:-.07em;max-width:650px;margin:18px 0}.v13-feature-main p,.v13-feature-side p{color:var(--v13-muted);line-height:1.7;max-width:620px}.v13-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--v13-line);margin-top:26px;border:1px solid var(--v13-line)}.v13-stat{background:var(--v13-surface);padding:20px}.v13-stat strong{display:block;font-size:28px;letter-spacing:-.04em}.v13-stat small{color:var(--v13-muted)}.v13-feature-side h3{font-size:30px;letter-spacing:-.05em;margin:12px 0}.v13-feature-side ul{padding:0;margin:25px 0 0;list-style:none}.v13-feature-side li{padding:13px 0;border-top:1px solid var(--v13-line);font-size:13px;font-weight:750}.v13-feature-side li span{color:var(--v13-orange);margin-right:8px}
.v13-blog-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px}.v13-blog-card{border:1px solid var(--v13-line);background:var(--v13-surface);border-radius:20px;padding:25px;min-height:270px;display:flex;flex-direction:column;transition:.22s}.v13-blog-card:hover{border-color:var(--v13-orange);transform:translateY(-4px)}.v13-blog-card:first-child{background:var(--v13-text);color:var(--v13-bg)}.v13-blog-card small{color:var(--v13-orange);font-weight:900;letter-spacing:.1em}.v13-blog-card h3{font-size:28px;line-height:1.03;letter-spacing:-.05em;margin:22px 0 10px}.v13-blog-card p{color:var(--v13-muted);line-height:1.6;font-size:13px}.v13-blog-card:first-child p{color:color-mix(in srgb,var(--v13-bg) 68%,transparent)}.v13-blog-card a{margin-top:auto;font-size:12px;font-weight:850}.v13-footer{border-top:1px solid var(--v13-line);padding:34px 0;margin-top:50px}.v13-footer-inner{width:min(1240px,calc(100% - 40px));margin:auto;display:flex;justify-content:space-between;gap:30px;color:var(--v13-muted);font-size:11px}.v13-footer-links{display:flex;gap:18px;flex-wrap:wrap}.v13-footer a:hover{color:var(--v13-orange)}
/* old page structures, redesigned */
.tools-page,.academy-hub,.section-page,.content-hub,.seo-hub,.legal,.prompt-page{width:min(1240px,calc(100% - 40px))!important;margin:0 auto!important;padding:70px 0 110px!important}
.app-back{display:inline-flex!important;color:var(--v13-orange)!important;font-weight:850!important;font-size:12px!important;margin-bottom:35px}
.tools-head,.section-hero,.academy-hero-v2,.prompt-hero,.blog-hub-head{background:transparent!important}
.tools-head{display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:60px!important;align-items:end!important;padding-bottom:48px!important;border-bottom:1px solid var(--v13-line)!important}.tools-head h1,.section-copy h1,.academy-intro h1,.prompt-hero h1,.hub-head h1{font-size:clamp(54px,8vw,100px)!important;line-height:.88!important;letter-spacing:-.08em!important}.tools-head h1 em,.section-copy h1 em,.academy-intro h1 em,.prompt-hero h1 em,.hub-head h1 em{color:var(--v13-orange)!important}.tools-head>p,.section-copy>p,.academy-intro>p,.prompt-hero>p,.hub-head>p{color:var(--v13-muted)!important;line-height:1.75!important;font-size:16px!important}
.tool-list,.detail-grid,.academy-course-grid,.content-grid{gap:12px!important}.tool-card,.detail-card,.academy-course-card,.content-card{background:var(--v13-surface)!important;border:1px solid var(--v13-line)!important;border-radius:20px!important;box-shadow:none!important;transition:.22s!important}.tool-card:hover,.detail-card:hover,.academy-course-card:hover,.content-card:hover{border-color:var(--v13-orange)!important;transform:translateY(-4px)!important;box-shadow:var(--v13-shadow)!important}.tool-card{min-height:290px!important;padding:26px!important}.tool-card h2,.detail-card h3,.academy-course-card h3,.content-card h2{letter-spacing:-.05em!important}.section-panel,.academy-system-card,.prompt-find{background:var(--v13-surface)!important;border:1px solid var(--v13-line)!important;border-radius:24px!important;box-shadow:none!important}.academy-category{border-top:1px solid var(--v13-line)!important;padding-top:36px!important;margin-top:45px!important}.academy-category header{display:grid!important;grid-template-columns:60px 1fr!important;gap:20px!important}.academy-category-no{color:var(--v13-orange)!important}.academy-course-card{min-height:250px!important}.academy-course-top span,.academy-course-top b{color:var(--v13-muted)!important}.blog-filter{display:flex!important;gap:7px!important;flex-wrap:wrap!important;border:0!important;margin:20px 0 28px!important}.blog-filter a{border:1px solid var(--v13-line)!important;border-radius:999px!important;padding:9px 13px!important;background:var(--v13-surface)!important}.blog-filter a.active{border-color:var(--v13-orange)!important;color:var(--v13-orange)!important}.blog-feature-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.blog-feature-card{background:var(--v13-surface)!important;border:1px solid var(--v13-line)!important;border-radius:20px!important;min-height:300px!important;padding:24px!important;transition:.2s!important}.blog-feature-card.lead{grid-column:span 2!important;min-height:350px!important;background:var(--v13-text)!important;color:var(--v13-bg)!important}.blog-feature-card:hover{transform:translateY(-4px);border-color:var(--v13-orange)!important}.blog-feature-card h2{letter-spacing:-.05em!important}.blog-feature-card p{color:var(--v13-muted)!important;line-height:1.65!important}.blog-feature-card.lead p{color:color-mix(in srgb,var(--v13-bg) 68%,transparent)!important}.blog-detail{max-width:900px!important;margin:0 auto!important}.blog-detail-head{padding-bottom:40px!important;border-bottom:1px solid var(--v13-line)!important}.blog-detail-head h1{font-size:clamp(46px,7vw,82px)!important;line-height:.92!important;letter-spacing:-.07em!important}.blog-prose{font-size:17px!important;line-height:1.85!important}.blog-prose p{color:var(--v13-muted)!important}.site-footer{width:min(1240px,calc(100% - 40px))!important;margin:0 auto!important;border-top:1px solid var(--v13-line)!important;background:transparent!important;color:var(--v13-muted)!important;padding:28px 0!important}
/* remove legacy edge/radial UI */
.edge-handle,.edge-overlay,.edge-panel,.portal-stage,.eco-radial,.wheel-wrap,.wheel-orbit,.portal-center,.touch-hint{display:none!important}
@media(max-width:900px){.v13-hero{grid-template-columns:1fr;gap:36px;padding-top:65px}.v13-grid{grid-template-columns:1fr 1fr}.v13-feature,.tools-head,.section-hero,.academy-hero-v2{grid-template-columns:1fr!important}.v13-blog-grid{grid-template-columns:1fr 1fr}.blog-feature-grid{grid-template-columns:1fr 1fr!important}.blog-feature-card.lead{grid-column:span 2!important}}
@media(max-width:620px){.v13-brand{width:135px}.v13-header-inner{gap:10px}.v13-hero,.v13-section,.tools-page,.academy-hub,.section-page,.content-hub,.seo-hub,.legal,.prompt-page{width:min(100% - 24px,1240px)!important}.v13-hero h1{font-size:clamp(54px,17vw,78px)}.v13-hero p{font-size:15px}.v13-grid,.v13-blog-grid,.blog-feature-grid{grid-template-columns:1fr!important}.blog-feature-card.lead{grid-column:auto!important}.v13-section{padding:58px 0}.v13-section-head{display:block}.v13-section-head h2{font-size:48px;margin-bottom:18px}.v13-feature-main,.v13-feature-side{padding:23px}.v13-feature-main h3{font-size:43px}.v13-footer-inner{display:block}.v13-footer-links{margin-top:14px}.tool-list,.detail-grid,.academy-course-grid,.content-grid{grid-template-columns:1fr!important}.academy-category header{grid-template-columns:40px 1fr!important}.tools-head{padding-bottom:35px!important}.site-footer{width:calc(100% - 24px)!important}}

/* V14 visual refinement: scroll-safe shell + redesigned home */
html,body{min-height:100%;overflow-x:hidden;overflow-y:auto!important}
.v13-home{min-height:100vh;overflow:visible!important}
.eco-home-hero{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:clamp(72px,10vw,130px) 0 90px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:70px;align-items:center;position:relative}
.eco-home-hero:before{content:"";position:absolute;inset:0 -20vw;background:radial-gradient(circle at 70% 50%,rgba(255,97,0,.12),transparent 34%);pointer-events:none;z-index:-1}
.eco-hero-copy h1{font-size:clamp(58px,8vw,116px);line-height:.88;letter-spacing:-.085em;max-width:900px;margin:22px 0 28px}.eco-hero-copy h1 em{font-style:normal;color:var(--v13-orange)}
.eco-hero-copy>p{max-width:680px;color:var(--v13-muted);font-size:17px;line-height:1.75;margin:0}.eco-hero-meta{display:flex;gap:16px;align-items:center;margin-top:46px;padding-top:16px;border-top:1px solid var(--v13-line);max-width:680px;color:var(--v13-muted);font:10px ui-monospace,monospace;letter-spacing:.1em}.eco-hero-meta span:first-child,.eco-hero-meta span:last-child{color:var(--v13-orange)}
.eco-hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.eco-orbit{position:absolute;border:1px solid var(--v13-line);border-radius:50%;animation:ecoOrbit 16s linear infinite}.eco-orbit-a{width:min(520px,100%);aspect-ratio:1}.eco-orbit-b{width:72%;aspect-ratio:1;border-style:dashed;animation-direction:reverse;animation-duration:24s}.eco-signal{position:absolute;top:7%;right:8%;display:flex;align-items:center;gap:8px;font:9px ui-monospace,monospace;letter-spacing:.12em;color:var(--v13-muted)}.eco-signal i{width:7px;height:7px;border-radius:50%;background:var(--v13-orange);box-shadow:0 0 18px var(--v13-orange)}.eco-signal b{color:var(--v13-orange)}
.eco-dashboard{position:relative;width:min(470px,92%);min-height:360px;padding:24px;border:1px solid var(--v13-line);border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--v13-surface) 92%,transparent),color-mix(in srgb,var(--v13-surface-2) 75%,transparent));box-shadow:0 35px 100px rgba(0,0,0,.13);backdrop-filter:blur(12px);transform:rotate(-2deg);transition:.35s}.eco-dashboard:hover{transform:rotate(0) translateY(-5px)}.eco-dashboard:before{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--v13-line) 55%,transparent);border-radius:22px;pointer-events:none}.eco-dashboard-top{display:flex;justify-content:space-between;color:var(--v13-muted);font:9px ui-monospace,monospace;letter-spacing:.13em}.eco-dashboard-top span:last-child{color:var(--v13-orange)}.eco-dashboard-main{padding:70px 8px 50px}.eco-dashboard-main strong{font-size:clamp(45px,6vw,78px);line-height:.83;letter-spacing:-.075em}.eco-dashboard-main em{font-style:normal;color:var(--v13-orange)}.eco-dashboard-main small{display:block;margin-top:22px;color:var(--v13-muted);font:10px ui-monospace,monospace;letter-spacing:.16em}.eco-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v13-line);padding-top:18px;gap:14px}.eco-dashboard-grid div{display:grid;gap:4px}.eco-dashboard-grid b{font-size:24px;letter-spacing:-.04em}.eco-dashboard-grid span{font-size:9px;color:var(--v13-muted);text-transform:uppercase;letter-spacing:.08em}
@keyframes ecoOrbit{to{transform:rotate(360deg)}}
.eco-quick-section,.eco-resources-section{width:min(1240px,calc(100% - 40px));margin:auto;padding:95px 0}.eco-section-intro{display:grid;grid-template-columns:1fr minmax(300px,.7fr);gap:40px;align-items:end;margin-bottom:35px}.eco-section-intro h2{font-size:clamp(44px,6vw,76px);line-height:.88;letter-spacing:-.075em;margin:12px 0 0}.eco-section-intro h2 em{font-style:normal;color:var(--v13-orange)}.eco-section-intro p{max-width:480px;color:var(--v13-muted);line-height:1.7;margin:0}
.eco-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.eco-product-card{min-height:330px;border:1px solid var(--v13-line);border-radius:24px;background:var(--v13-surface);padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.25s}.eco-product-card:after{content:"";position:absolute;width:180px;height:180px;right:-90px;bottom:-90px;border-radius:50%;background:rgba(255,97,0,.08);transition:.3s}.eco-product-card:hover{transform:translateY(-7px);border-color:var(--v13-orange);box-shadow:var(--v13-shadow)}.eco-product-card:hover:after{transform:scale(1.35)}.eco-product-card>span,.eco-product-card small{font:900 9px ui-monospace,monospace;letter-spacing:.13em;color:var(--v13-orange)}.eco-product-card h3{font-size:34px;letter-spacing:-.06em;margin:8px 0}.eco-product-card p{color:var(--v13-muted);line-height:1.65;font-size:13px;max-width:240px}.eco-product-card>b{font-size:20px;color:var(--v13-orange)}.eco-product-card.featured{background:linear-gradient(145deg,color-mix(in srgb,var(--v13-orange) 9%,var(--v13-surface)),var(--v13-surface) 65%)}
.eco-academy-section{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:95px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.eco-academy-copy,.eco-academy-board{border:1px solid var(--v13-line);border-radius:28px;background:var(--v13-surface);padding:clamp(26px,4vw,46px)}.eco-academy-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:520px}.eco-academy-copy h2{font-size:clamp(58px,7vw,92px);line-height:.82;letter-spacing:-.08em;margin:18px 0}.eco-academy-copy h2 em{font-style:normal;color:var(--v13-orange)}.eco-academy-copy p{color:var(--v13-muted);line-height:1.7;max-width:480px}.eco-academy-board{background:var(--v13-dark);color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.18);display:flex;flex-direction:column}.eco-board-top{display:flex;justify-content:space-between;color:#9a9da5;font:9px ui-monospace,monospace;letter-spacing:.13em;border-bottom:1px solid #292c31;padding-bottom:18px}.eco-board-top span:last-child{color:#ff7a28}.eco-board-list{margin-top:35px}.eco-board-list div{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;border-top:1px solid #292c31;padding:21px 0}.eco-board-list strong{color:#ff7a28;font:800 10px ui-monospace,monospace}.eco-board-list span{font-size:18px;font-weight:800;letter-spacing:-.03em}.eco-board-list b{font:800 8px ui-monospace,monospace;color:#777b83}.eco-board-footer{margin-top:auto;border-top:1px solid #292c31;padding-top:22px;display:flex;gap:10px;align-items:baseline}.eco-board-footer strong{font-size:32px}.eco-board-footer span{color:#8f929a;font-size:11px;margin-right:20px}
.eco-resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.eco-resource-grid a{min-height:210px;border:1px solid var(--v13-line);border-radius:22px;background:var(--v13-surface);padding:23px;display:flex;flex-direction:column;transition:.22s}.eco-resource-grid a:hover{transform:translateY(-5px);border-color:var(--v13-orange)}.eco-resource-grid small{color:var(--v13-orange);font:900 9px ui-monospace,monospace;letter-spacing:.14em}.eco-resource-grid strong{font-size:28px;letter-spacing:-.05em;margin-top:45px}.eco-resource-grid span{color:var(--v13-muted);font-size:12px;margin-top:6px}.eco-resource-grid a:not(.pro){position:relative}.eco-resource-grid a:not(.pro):after,.eco-resource-grid a.pro:after{content:"↗";margin-top:auto;color:var(--v13-orange);font-size:18px}.eco-resource-grid a.pro{background:linear-gradient(145deg,#18191d,#0d0e10);color:#fff;border-color:#34363d}.eco-resource-grid a.pro span{color:#9ea1a9}
.eco-bottom-cta{width:min(1240px,calc(100% - 40px));margin:20px auto 80px;padding:clamp(35px,6vw,70px);border:1px solid var(--v13-line);border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--v13-orange) 10%,var(--v13-surface)),var(--v13-surface));display:grid;grid-template-columns:1fr auto;align-items:end;gap:25px}.eco-bottom-cta h2{font-size:clamp(42px,6vw,74px);line-height:.88;letter-spacing:-.075em;margin:12px 0 0}.eco-bottom-cta h2 em{font-style:normal;color:var(--v13-orange)}
@media(max-width:950px){.eco-home-hero{grid-template-columns:1fr}.eco-hero-visual{min-height:430px}.eco-product-grid{grid-template-columns:1fr 1fr}.eco-academy-section{grid-template-columns:1fr}.eco-resource-grid{grid-template-columns:1fr 1fr}.eco-section-intro{grid-template-columns:1fr}.eco-bottom-cta{grid-template-columns:1fr}}
@media(max-width:620px){.eco-home-hero,.eco-quick-section,.eco-resources-section,.eco-academy-section,.eco-bottom-cta{width:min(100% - 24px,1240px)}.eco-home-hero{padding-top:60px;padding-bottom:55px;gap:28px}.eco-hero-copy h1{font-size:clamp(52px,16vw,78px)}.eco-hero-copy>p{font-size:15px}.eco-hero-meta{margin-top:30px}.eco-hero-visual{min-height:360px}.eco-dashboard{min-height:300px;padding:19px;border-radius:22px}.eco-dashboard-main{padding:52px 4px 36px}.eco-dashboard-grid b{font-size:19px}.eco-product-grid,.eco-resource-grid{grid-template-columns:1fr}.eco-product-card{min-height:240px}.eco-section-intro,.eco-academy-section{padding-top:62px;padding-bottom:62px}.eco-section-intro h2{font-size:48px}.eco-academy-copy{min-height:430px}.eco-academy-copy h2{font-size:62px}.eco-board-list div{grid-template-columns:32px 1fr auto}.eco-board-list span{font-size:15px}.eco-board-footer{flex-wrap:wrap}.eco-bottom-cta{margin-bottom:50px}.eco-bottom-cta h2{font-size:48px}}

.v13-nav a:visited,.v13-nav a:focus,.v13-nav a:active,.v13-mobile-nav a,.v13-mobile-nav a:visited{text-decoration:none!important}


/* =========================================================
   ECOQUN V22 — GLOBAL CONTRAST & THEME CONSISTENCY FIXES
   ========================================================= */
::selection{background:var(--orange,#ff6100);color:#fff}
::-moz-selection{background:var(--orange,#ff6100);color:#fff}

/* Academy system panel must inherit the active theme when the V13 visual layer
   changes its surface from dark to light. */
.academy-system-card{color:var(--ink,#111216)!important}
.academy-system-card .academy-system-step{border-bottom-color:var(--line,#dededb)!important}
.academy-system-card .academy-system-step>b{color:var(--orange,#ff6100)!important;border-color:color-mix(in srgb,var(--orange,#ff6100) 55%,transparent)!important}
.academy-system-card .academy-system-step small{color:var(--muted,#696b73)!important}
.academy-system-card .academy-disclaimer{color:var(--muted,#696b73)!important}
html[data-theme="dark"] .academy-system-card{color:var(--ink,#f7f7f5)!important}
html[data-theme="dark"] .academy-system-card .academy-system-step{border-bottom-color:var(--line,#292a30)!important}

/* V13 surfaces use their own variables; keep the Academy system card readable
   in both themes instead of inheriting the old white-on-dark rule. */
.section-panel,.academy-system-card,.prompt-find{color:var(--v13-text,var(--ink,#111216))!important}
.academy-system-card .academy-system-step small{color:var(--v13-muted,var(--muted,#696b73))!important}
.academy-system-card .academy-disclaimer{color:var(--v13-muted,var(--muted,#696b73))!important}

/* Avoid browser/default link presentation leaking into content blocks. */
.academy-link-grid a,.academy-course-card,.blog-feature-card,.blog-end-links a{ text-decoration:none!important }
.academy-link-grid a strong,.academy-link-grid a span{ text-decoration:none!important }

/* Never allow a light surface to inherit a dark-theme text color. */
html[data-theme="light"] .academy-system-card strong,
html[data-theme="light"] .academy-system-card small,
html[data-theme="light"] .academy-system-card p{color:inherit}

/* ECOQUN mobile polish — 2026-09-22 */
@media (max-width: 620px){
  html,body{overflow-x:hidden}
  .eco-home-hero{width:calc(100% - 32px);padding-top:34px;padding-bottom:38px;gap:18px}
  .eco-hero-copy h1{font-size:clamp(48px,14.2vw,66px);line-height:.9;margin:17px 0 22px;max-width:100%}
  .eco-hero-copy>p{font-size:14px;line-height:1.65;max-width:100%}
  .v13-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
  .v13-actions .v13-btn{width:100%;justify-content:center;padding:13px 10px;font-size:13px;white-space:nowrap}
  .eco-hero-meta{margin-top:26px;padding-top:13px;gap:10px;font-size:9px;overflow:hidden;white-space:nowrap}
  .eco-hero-visual{min-height:300px;width:100%;margin-top:4px}
  .eco-orbit-a{width:92%;max-width:360px}
  .eco-orbit-b{width:68%;max-width:270px}
  .eco-signal{top:5%;right:3%;font-size:8px}
  .eco-dashboard{width:min(100%,360px);min-height:270px;padding:17px;border-radius:21px;transform:rotate(-1.2deg)}
  .eco-dashboard:before{inset:9px;border-radius:16px}
  .eco-dashboard-main{padding:46px 4px 30px}
  .eco-dashboard-main strong{font-size:clamp(39px,11vw,52px)}
  .eco-dashboard-main small{margin-top:16px;font-size:8px}
  .eco-dashboard-grid{gap:8px;padding-top:13px}
  .eco-dashboard-grid b{font-size:17px}
  .eco-dashboard-grid span{font-size:7px}
  .eco-quick-section,.eco-resources-section,.eco-academy-section,.eco-bottom-cta{width:calc(100% - 32px)}
}
@media (max-width:390px){
  .eco-home-hero{width:calc(100% - 24px);padding-top:28px}
  .eco-hero-copy h1{font-size:clamp(44px,14vw,58px)}
  .v13-actions{grid-template-columns:1fr}
  .eco-hero-meta{gap:7px;font-size:8px}
  .eco-hero-visual{min-height:275px}
  .eco-dashboard{min-height:250px}
  .eco-dashboard-main{padding-top:42px}
}


/* =========================================================
   ECOQUN MOBILE FINAL — NO HORIZONTAL OVERFLOW / FOOTER FIX
   2026-09-22
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body.v13-home{min-width:0!important;overflow-x:hidden!important}
body.v13-home main{width:100%;max-width:100%;overflow:clip}
body.v13-home img,body.v13-home svg,body.v13-home video,body.v13-home iframe{max-width:100%;height:auto}
body.v13-home .eco-home-hero,
body.v13-home .eco-quick-section,
body.v13-home .eco-resources-section,
body.v13-home .eco-academy-section,
body.v13-home .eco-bottom-cta{min-width:0;max-width:calc(100% - 24px)}
body.v13-home .eco-hero-copy,
body.v13-home .eco-hero-visual,
body.v13-home .eco-section-intro,
body.v13-home .eco-academy-copy,
body.v13-home .eco-academy-board{min-width:0}
.v13-header{max-width:none!important;width:100%!important}
.v13-header-inner{min-width:0}
.v13-brand{min-width:0}
.v13-brand img{max-width:100%}

.v13-footer{width:100%;max-width:none!important;overflow:hidden}
.v13-footer> a{display:block;width:min(1240px,calc(100% - 40px));margin:0 auto 22px;white-space:normal;overflow-wrap:anywhere}
.v13-footer-inner{width:min(1240px,calc(100% - 40px));max-width:100%;min-width:0}
.v13-footer-inner>*,.v13-footer-links{min-width:0}
.v13-footer-links a{overflow-wrap:anywhere}

@media(max-width:620px){
  .v13-header{height:68px!important}
  .v13-header-inner{width:calc(100% - 24px)!important;max-width:none!important;gap:8px!important}
  .v13-brand{width:128px!important;max-width:42vw!important}
  .v13-tools{gap:7px!important;margin-left:auto!important;flex:0 0 auto}
  .v13-lang{flex:0 0 auto}
  .v13-theme{width:42px!important;height:40px!important;flex:0 0 42px}
  .v13-menu-btn{width:42px!important;height:40px!important;flex:0 0 42px}

  body.v13-home .eco-home-hero,
  body.v13-home .eco-quick-section,
  body.v13-home .eco-resources-section,
  body.v13-home .eco-academy-section,
  body.v13-home .eco-bottom-cta{width:calc(100% - 24px)!important;max-width:none!important;margin-left:12px!important;margin-right:12px!important}

  body.v13-home .eco-home-hero{padding-top:30px!important;padding-bottom:42px!important;gap:18px!important;overflow:visible}
  body.v13-home .eco-hero-copy h1{font-size:clamp(45px,14vw,60px)!important;line-height:.9!important;letter-spacing:-.075em!important;overflow-wrap:normal;word-break:normal}
  body.v13-home .eco-hero-copy>p{font-size:14px!important;line-height:1.62!important}
  body.v13-home .v13-actions{grid-template-columns:1fr 1fr!important;min-width:0}
  body.v13-home .v13-actions .v13-btn{min-width:0;width:100%!important;padding:13px 8px!important;font-size:12px!important}
  body.v13-home .eco-hero-meta{width:100%;max-width:100%;min-width:0;gap:8px!important;overflow:hidden}
  body.v13-home .eco-hero-meta span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

  body.v13-home .eco-hero-visual{width:100%!important;max-width:100%!important;min-height:285px!important;overflow:hidden!important;display:grid;place-items:center}
  body.v13-home .eco-orbit-a{width:min(82vw,320px)!important;max-width:320px!important}
  body.v13-home .eco-orbit-b{width:min(60vw,235px)!important;max-width:235px!important}
  body.v13-home .eco-signal{right:2%!important;top:4%!important}
  body.v13-home .eco-dashboard{width:min(88vw,330px)!important;max-width:calc(100% - 22px)!important;min-height:245px!important;padding:16px!important;transform:none!important;margin:auto}
  body.v13-home .eco-dashboard-main{padding:43px 3px 27px!important}
  body.v13-home .eco-dashboard-main strong{font-size:clamp(37px,10.7vw,48px)!important}
  body.v13-home .eco-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}
  body.v13-home .eco-dashboard-grid b{font-size:16px!important}
  body.v13-home .eco-dashboard-grid span{font-size:6.5px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  body.v13-home .eco-product-grid,
  body.v13-home .eco-resource-grid{grid-template-columns:1fr!important}
  body.v13-home .eco-product-card{min-height:220px!important}
  body.v13-home .eco-section-intro h2{font-size:45px!important}
  body.v13-home .eco-academy-copy h2{font-size:58px!important}
  body.v13-home .eco-board-list div{min-width:0}
  body.v13-home .eco-board-list span{min-width:0;overflow-wrap:anywhere}
  body.v13-home .eco-board-footer{min-width:0;gap:7px!important}
  body.v13-home .eco-bottom-cta{margin-bottom:38px!important}

  .v13-footer{padding:28px 0 34px!important;margin-top:32px!important}
  .v13-footer> a{width:calc(100% - 24px)!important;margin:0 12px 18px!important;font-size:12px!important}
  .v13-footer-inner{width:calc(100% - 24px)!important;margin:0 12px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;font-size:11px!important}
  .v13-footer-contact{display:block;max-width:100%;overflow-wrap:anywhere}
  .v13-footer-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin-top:2px!important}
  .v13-footer-links a{display:block;min-width:0;padding:9px 10px;border:1px solid var(--v13-line);border-radius:10px;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:390px){
  .v13-brand{width:118px!important}
  .v13-lang{display:none!important}
  .v13-tools{gap:6px!important}
  body.v13-home .v13-actions{grid-template-columns:1fr!important}
  body.v13-home .eco-home-hero{padding-top:25px!important}
  body.v13-home .eco-hero-visual{min-height:260px!important}
  body.v13-home .eco-dashboard{width:min(86vw,315px)!important;min-height:230px!important}
  body.v13-home .eco-dashboard-main{padding-top:39px!important}
  .v13-footer-links{grid-template-columns:1fr!important}
}