/* DZnetwork — editorial design system, September 2026 */
:root,body.future{--ink:#241b2d;--purple:#30203f;--green:#287044;--bright:#b8ed83;--paper:#fafbf8;--line:#dfe3dc;--mist:#f0f3ed;--muted:#626660;--radius:18px}
body,body.future{background:var(--paper);font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:500;letter-spacing:-.05em;text-wrap:balance}
h1{font-size:clamp(2.8rem,5.1vw,5.2rem);line-height:1.04}h2{line-height:1.1}p{line-height:1.7;text-wrap:pretty}.wrap{width:min(1320px,90%)}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.17em;color:var(--green)}
header{min-height:86px;padding:17px 5%;background:#fafbf8f5;border-bottom:1px solid var(--line)}.brand img{width:158px}.brand{flex-basis:158px}nav{gap:23px;font-size:13px}nav>a:not(.button){padding:9px 0}nav a[aria-current]{border-bottom:2px solid var(--green)}
.button,.future .button{background:var(--purple);border-color:var(--purple);color:white;border-radius:999px;padding:16px 26px;font-size:14px;letter-spacing:0;font-weight:600;box-shadow:none;transition:background .2s,transform .2s}.button:hover,.future .button:hover{background:#513661;transform:translateY(-2px);color:white}.button.light,.future .button.light{background:var(--bright);border-color:var(--bright);color:#243022}.button.outline{background:transparent;color:var(--ink)}.button.small{padding:12px 19px;font-size:12px}.text-link{font-size:14px}
.hero{gap:5%;padding-top:80px;padding-bottom:80px;grid-template-columns:1.05fr 1fr;align-items:center}.hero h1{font-size:clamp(3rem,4.7vw,4.85rem);max-width:750px}.hero h1 em{color:var(--green);font-weight:400}.hero .lead{font-size:17px;max-width:560px;margin-top:26px}.hero-foot{margin-top:40px;gap:12px;font-size:11px;letter-spacing:.03em}.hero-foot span+span{padding-left:12px}
.hero-visual{background:#e9eee4;border:1px solid #dde5d5;border-radius:26px;padding:28px;isolation:isolate;overflow:hidden;min-height:490px;display:flex;flex-direction:column;justify-content:space-between}.hero-visual>img{mix-blend-mode:normal;width:108%;max-width:108%;margin:35px -4% 18px;filter:drop-shadow(0 24px 20px #1e30252b);position:relative;z-index:1}.visual-top{font-size:10px;font-weight:600;letter-spacing:.14em;align-items:center}.visual-top span:first-child:before{content:"";display:inline-block;width:7px;height:7px;background:#398750;border-radius:50%;margin-right:8px}.visual-bottom{border-color:#c6d1bd;padding-top:18px}.visual-bottom strong{font-size:17px}.visual-bottom>a{background:var(--purple);color:white;border:0}.hero-visual .caption{font-size:11px}.product-label{font-size:clamp(4rem,8vw,8rem);line-height:1;font-weight:600;letter-spacing:-.075em;color:#c3d1b7;position:absolute;top:65px;left:20px;z-index:-1}.hero-visual .product-tag{display:inline-block;font-size:10px;border:1px solid #b8c9ac;padding:4px 9px;border-radius:20px;letter-spacing:.07em}
.credibility-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0;margin-bottom:65px;gap:35px}.credibility-strip>div{display:flex;gap:14px;align-items:center}.credibility-strip b{display:block;font-size:14px;font-weight:600}.credibility-strip small{display:block;color:var(--muted);font-size:12px}.dz-icon{width:27px;height:27px;stroke:currentColor;stroke-width:1.5;fill:none;flex:none;stroke-linecap:round;stroke-linejoin:round}
.principles{background:var(--purple);padding:60px 0}.principles .three{gap:40px}.principles h2{font-size:27px;font-weight:400}.principles span{color:#c4eaa4}.principles p{font-size:14px;line-height:1.75;color:#d8d3dc}.principles .three>div+div{border-color:#63536d}.section{padding:95px 0}.section-heading{margin-bottom:40px}.section-heading h2{font-size:clamp(2.2rem,3.6vw,3.6rem)}.section-heading>p{font-size:15px}
.sector-row{grid-template-columns:52px 1fr 1fr 44px;padding:25px 0}.sector-row .index{display:grid;place-items:center;background:#e9f0e4;width:44px;height:44px;border-radius:12px;color:var(--green)}.sector-row h3{font-size:26px}.sector-row .sector-note{font-size:14px}.sector-row .arrow{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:19px}
.split-band{gap:10%;padding-bottom:50px}.split-band h2{font-size:clamp(2rem,3.5vw,3.4rem)}.method-card{background:white;border-radius:20px;padding:35px 40px}.method-card li::marker{color:var(--green);font-weight:700}
.cta,.future .cta{background:var(--purple);border-radius:24px;padding:55px 50px;margin-top:65px;margin-bottom:85px;box-shadow:none}.cta h2{font-size:clamp(2rem,3vw,3rem);max-width:650px}.cta .eyebrow{color:#c4eaa4}.cta p{color:#d7cfe0;font-size:15px}
footer{background:#f0f3ed;padding:50px 5% 25px}.footer-top strong{font-size:14px}.footer-top p,.footer-top a{font-size:13px}.footer-bottom{font-size:11px}.footer-contact-links{display:flex;gap:24px;margin-top:18px;flex-wrap:wrap}.footer-contact-links a{margin:0}
.intro,.future .intro{padding-top:70px;padding-bottom:55px}.intro .lead{font-size:18px;max-width:750px}.target-intro,.method-intro{border-bottom:1px solid var(--line);margin-bottom:35px}.target-grid-cards{gap:22px}.target-card,.future .target-card{border:1px solid var(--line);border-radius:20px;background:white;padding:34px;box-shadow:none;transition:transform .2s,border-color .2s}.target-card:hover{transform:translateY(-4px);border-color:#719667}.target-card h2{font-size:34px;letter-spacing:-.04em}.target-card .target-icon,.target-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;background:#eaf1e4;color:var(--green);margin-bottom:30px}.target-card small{letter-spacing:.14em;font-size:10px;color:var(--green)}.target-card p{font-size:15px}.target-card b{font-size:13px;font-weight:600}.target-card.wide{background:var(--purple);color:white}.target-card.wide p,.target-card.wide small{color:#dce5d6}.target-card.wide b{color:var(--bright)}.target-card .load-bars{display:none}
.sector-timing{margin:27px 0 30px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.sector-timing .dz-icon{width:19px;height:19px}.target-card.wide .sector-timing{color:#dae1d5;border-color:#615069}
.stability-band,.future .stability-band{background:#edf2e7;border:0;border-radius:22px;padding:45px;margin-top:55px}.stability-band p{font-size:17px}.stability-word{font-size:clamp(3rem,11vw,10rem);line-height:1;color:#dfe6d7;letter-spacing:-.06em;margin-top:40px}
.method-system{gap:50px}.system-core{background:var(--purple);border-radius:22px;padding:40px}.system-core>span{color:var(--bright)}.system-core strong{font-size:38px;font-weight:500}.system-core p{color:#e1dce7}.system-ring article{border-radius:0;border:0;border-bottom:1px solid var(--line);padding:25px 0;background:transparent}.system-ring article>span{width:40px;height:40px;border-radius:50%;background:#e8efdf;color:var(--green);font-size:13px;display:grid;place-items:center}.system-ring article h3{font-size:22px}.system-ring article p{font-size:15px}.stability-pillars{gap:22px}.stability-pillars article{background:white;border:1px solid var(--line);border-radius:20px;padding:30px}.method-promise{padding:60px 0;border-top:1px solid var(--line)}.method-promise h2{font-size:clamp(2.2rem,3.5vw,3.5rem)}
.sector-content{gap:60px;grid-template-columns:290px minmax(0,1fr)}.sector-content aside{border-radius:16px;background:#eaf0e4;border-top:0;padding:30px}.sector-content article{max-width:850px}.sector-content article h2{font-size:30px}.note{border-radius:0 14px 14px 0;background:#ecf2e7}.product{background:white;border-radius:22px;padding:32px}.product .product-media{border-radius:15px;background:#eef2e9;height:290px}.product .product-media img{max-height:260px}.product h2{font-size:28px}.product-assurance{border-radius:18px}.finance-card,.contact-card{border-radius:18px!important}.contact-intro,.contact-panel{border-radius:20px}.contact-form-simple,.lead-form{background:white;border:1px solid var(--line);border-radius:22px}
.sim-intro-v2{padding:65px 0 40px;gap:24px 60px}.sim-intro-v2 h1{font-size:clamp(2.5rem,4.2vw,4.2rem);font-weight:500;letter-spacing:-.05em}.sim-intro-v2 p:last-child{font-size:16px}.sim-shell{gap:28px;align-items:start}.sim-form{border:1px solid var(--line);border-radius:20px;padding:30px;background:white}.form-head{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.form-head h2{font-size:24px}.field input,.field select,.field textarea{background:#fafbf8;border:1px solid #cdd6c7;border-radius:9px;min-height:48px}.field input:focus,.field select:focus{outline:2px solid #5d8c52;outline-offset:2px}.field.featured{font-size:14px}.input-unit input{font-variant-numeric:tabular-nums}.sim-shell .results{border-radius:20px;border:1px solid var(--line);overflow:hidden;background:white;box-shadow:0 12px 40px #28352008}.sim-shell .result-hero{background:var(--purple);padding:35px}.sim-shell .result-hero strong{color:#c4eea1;letter-spacing:-.05em;font-weight:500}.result-hero p{color:#e4dfe8}.result-hero .result-kicker{color:#d1c6da;font-size:11px;letter-spacing:.14em}.result-metrics>div{padding:20px 25px;border-bottom:1px solid var(--line);background:#f1f5ec}.result-metrics b{font-variant-numeric:tabular-nums;font-size:20px}.result-metrics span{font-size:13px}.investment-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.investment-grid>div{border-radius:0;background:white;padding:22px;border:1px solid #edf0e8}.investment-grid b{font-size:25px;font-weight:500}.result-breakdown{background:#f7f9f4;padding:25px}.result-explanation{padding:28px}.result-explanation p{font-size:14px}.result-explanation h2{font-size:22px}.warning{border-radius:9px;font-size:14px}
.finance-showcase{padding-top:45px}.finance-solutions{gap:24px}.finance-solution,.finance-solution:nth-child(4){border:1px solid var(--line);border-radius:20px;background:white;padding:30px}.finance-heading>span{width:32px;height:32px;border-radius:50%;background:var(--purple);color:#c7efa5;display:grid;place-items:center;font-size:11px;padding:0;flex:none}.finance-heading h3{font-size:26px}.finance-solution>p{font-size:14px;color:var(--muted)}.pbt-highlight{background:#edf4e7;border:0;border-radius:12px;padding:21px}.pbt-highlight strong{font-weight:500;font-size:28px}.pbt-highlight span{font-size:12px}.finance-lines{font-size:14px}.finance-solution .finance-terms{font-size:13px}.finance-settings{background:#edf1e7;border-radius:16px}.analogue-card{background:white;border-radius:18px;border:1px solid var(--line);box-shadow:none}.analogue-card h3{font-size:23px}.finance-mini{margin-top:22px;border-top:1px solid var(--line);padding-top:12px}.finance-mini .exact-chart{margin:0;min-height:0}.finance-mini>small{color:var(--muted);font-size:11px;letter-spacing:.06em}
.market-panel{background:#eef3e7;border:1px solid #d7e2cc;border-radius:20px;margin-bottom:30px;padding:30px;display:grid;grid-template-columns:1fr 1.4fr;gap:24px 45px}.market-panel .eyebrow{margin:0 0 12px}.market-panel h2{font-size:30px;margin:0 0 15px}.market-panel p{font-size:14px;margin-bottom:12px}.market-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.market-price{padding:16px;background:#fafcf7;border:1px solid #d8e2d0;border-radius:12px}.market-price small{display:block;font-size:11px;color:var(--green)}.market-price strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.04em;margin:5px 0}.market-price span{font-size:11px;color:var(--muted)}.market-panel details{font-size:13px;margin:0;grid-column:1/-1;padding:14px 0 0}.market-panel details p{font-size:13px}.market-panel a:not(.button){text-decoration:underline;text-underline-offset:3px}.market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.market-toolbar .button{padding:12px 18px;font-size:12px}.market-toolbar small{font-size:12px;max-width:250px;color:var(--muted)}.market-timeline{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;margin:15px 0 6px}.market-hour{height:48px;border-radius:4px;background:#d8e1d0;display:flex;align-items:end;justify-content:center;padding-bottom:5px;font-size:9px;color:#3f5035}.market-hour.is-charge{background:#b9df98;color:#263f1e}.market-hour.is-discharge{background:var(--purple);color:#fff}.market-plan{padding:20px;background:#edf4e7;border-radius:14px;margin-bottom:22px}.market-plan h3{font-size:20px;margin-bottom:12px}.market-plan p{font-size:13px;margin:10px 0 0}.market-plan .schedule{display:grid;grid-template-columns:1fr 1fr;gap:12px}.schedule>div{border-left:2px solid #79a85c;padding-left:12px}.schedule small{display:block;color:var(--muted);font-size:11px}.schedule b{display:block;font-size:20px;font-weight:500}.schedule span{font-size:12px}.market-status{font-size:12px;margin:10px 0;color:var(--green)}.market-panel .market-resolution{font-size:12px;color:#46513e}
@media(min-width:1600px){.hero h1{font-size:80px}}@media(max-width:1100px){nav{gap:14px}.hero{gap:35px}.hero h1{font-size:3.4rem}.hero-visual{min-height:420px}.hero-foot{line-height:1.8}.sim-shell{grid-template-columns:1fr}.market-panel{grid-template-columns:1fr 1fr}.sector-row h3{font-size:23px}}
@media(max-width:850px){header{padding:14px 5%;min-height:76px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:40px}.hero h1{font-size:clamp(2.8rem,7vw,4.5rem);max-width:680px}.hero .lead{max-width:650px}.hero-visual{min-height:0;max-width:650px;width:100%;margin:auto}.hero-visual>img{max-height:380px;object-fit:contain}.product-label{font-size:100px}.credibility-strip{gap:20px;margin-bottom:40px}.credibility-strip>div{align-items:start}.credibility-strip b{font-size:12px}.credibility-strip small{font-size:11px}.market-panel{grid-template-columns:1fr}.sector-content{grid-template-columns:1fr;gap:35px}.section{padding:60px 0}.split-band{gap:35px}.cta,.future .cta{padding:38px 30px}.method-system{gap:25px}.sim-intro-v2{grid-template-columns:1fr;padding-top:45px}.intro,.future .intro{padding-top:45px}}
@media(max-width:600px){.wrap{width:90%}.hero h1{font-size:2.9rem}.hero .lead{font-size:16px}.hero-foot{margin-top:25px}.hero-foot span+span{padding-left:0;border:0}.hero-visual{padding:22px;border-radius:20px}.visual-top{font-size:9px}.visual-bottom strong{font-size:15px}.credibility-strip{grid-template-columns:1fr;padding:25px 0;gap:22px}.credibility-strip b{font-size:14px}.credibility-strip small{font-size:12px}.principles{padding:40px 0}.principles .three{gap:28px}.principles .three>div+div{padding-top:25px}.sector-row{grid-template-columns:40px 1fr 32px;gap:12px}.sector-row .index{width:36px;height:36px}.sector-row h3{font-size:21px}.sector-row .sector-note{display:none}.sector-row .arrow{width:32px;height:32px}.cta,.future .cta{margin-top:40px;margin-bottom:50px;padding:32px 25px;border-radius:18px}.target-card,.future .target-card{padding:27px}.target-card h2{font-size:30px}.stability-band,.future .stability-band{padding:28px}.sim-form{padding:22px}.sim-shell .result-hero{padding:27px}.result-metrics b{font-size:17px}.finance-solution,.finance-solution:nth-child(4){padding:23px}.finance-heading h3{font-size:23px}.market-panel{padding:22px;gap:20px}.market-prices{gap:6px}.market-price{padding:12px 9px}.market-price strong{font-size:19px}.market-toolbar{align-items:start;flex-direction:column}.market-timeline{gap:2px}.market-hour{font-size:8px}.market-plan{padding:17px}.schedule b{font-size:18px}.product{padding:23px}.product .product-media{height:230px}.footer-contact-links{gap:15px}.stability-word{font-size:16vw}.intro .lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Readability across the legacy page templates. */
.stability-band,.future .stability-band{color:var(--ink)}.stability-band>p{color:#505f49}.stability-word{position:relative;right:auto;bottom:auto;z-index:0;font-weight:500}.system-core>span .dz-icon{width:66px;height:66px;margin-bottom:35px}.future header{background:#fafbf8f5;border-bottom-color:var(--line)}.sim-form{box-shadow:none}.future .button:hover{box-shadow:none}.contact-intro h1{font-size:clamp(2.7rem,4.5vw,4.7rem)}.simulation-recap{background:var(--purple);box-shadow:none}.lead-form{box-shadow:none}.direct-channels a{padding:24px;border-radius:18px}.direct-channels a>span{background:#eaf1e4;color:var(--green)}.direct-channels small{font-size:11px}.visit-banner{border-radius:16px;background:var(--purple)}.target-card:hover{box-shadow:0 12px 30px #28352008}.target-card.wide:hover{color:white}.target-card.wide .target-icon{background:#4c3c59;color:#c1e9a1}.method-promise{background:#edf2e7;padding:60px 25px}.future .results{position:static}.form-panel .check{font-size:13px}.market-panel details .wide-table{margin:16px 0}.market-panel details summary{font-size:13px}.market-plan .schedule{font-variant-numeric:tabular-nums}.system-core small{color:#c4eaa4}
@media(max-width:600px){.target-intro h1,.method-intro h1{font-size:2.9rem;line-height:1.04}.system-core{padding:30px}.finance-mini .exact-chart text{font-size:16px}.stability-band h2{font-size:2rem}}
