.opcu-page{--opcu:#0d6549;--opcu-dark:#082f24;--opcu-gold:#c09a55}.opcu-hero{min-height:790px;background:radial-gradient(circle at 78% 25%,#2f7c6044,transparent 24%),linear-gradient(145deg,#061d17,#0c3b2d);color:#fff;display:flex;align-items:center;padding-block:100px}.opcu-hero .eyebrow{color:#bca775}.opcu-hero h1{font-size:clamp(4rem,8.2vw,7.6rem);line-height:1.03;letter-spacing:-.065em;max-width:1050px}.opcu-hero h1 span{color:#93c5ae}.opcu-hero-line{font-size:clamp(1.3rem,2.3vw,2rem);line-height:1.65;margin:35px 0 18px}.opcu-intro{max-width:760px;font-size:1.05rem;line-height:1.9;color:#b9c8c1}.opcu-button{margin-top:28px;background:#fff;color:var(--opcu-dark)}.opcu-purpose{padding-block:105px;text-align:center}.opcu-big-copy{font-size:clamp(2rem,4vw,3.35rem);line-height:1.45;letter-spacing:-.045em;max-width:1100px;margin-inline:auto}.opcu-purpose>p:last-child{color:var(--muted);font-size:1.1rem}.opcu-four{background:#ededeb}.four-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.four-grid article{background:#fff;border-radius:28px;padding:34px;min-height:390px;display:grid;grid-template-columns:95px 1fr;gap:28px}.four-letter{font-size:5.2rem;font-weight:700;color:var(--opcu);line-height:1}.four-en{font-size:.75rem;letter-spacing:.13em;color:var(--muted)}.four-grid h3{font-size:1.75rem;margin:55px 0 16px}.four-grid article p:not(.four-en){line-height:1.85;color:var(--muted)}.four-grid strong{display:block;margin-top:25px;font-size:.95rem;line-height:1.8;color:var(--opcu)}.opcu-task{background:var(--opcu-dark);color:#fff}.task-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.opcu-task .eyebrow{color:#bca775}.opcu-task h2{font-size:clamp(2.7rem,5vw,4.5rem)}.opcu-task p:not(.eyebrow){color:#afc0b9;line-height:1.8;margin-top:25px}.task-chain{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.task-chain span{border:1px solid #ffffff28;background:#ffffff0c;padding:18px 20px;border-radius:18px}.task-chain i{font-style:normal;color:var(--opcu-gold)}.loop-list{list-style:none;padding:0;margin:0}.loop-list li{display:grid;grid-template-columns:80px 1fr;border-top:1px solid var(--line);padding:28px 0;align-items:center}.loop-list li:last-child{border-bottom:1px solid var(--line)}.loop-list>li>span{color:var(--opcu);font-size:.8rem}.loop-list h3{font-size:1.55rem;margin:0}.loop-list p{color:var(--muted);margin:7px 0 0}.loop-equation{margin-top:40px;padding:30px;border-radius:24px;background:#e3ede7;text-align:center;font-size:1.15rem;word-spacing:8px}.loop-equation b{color:var(--opcu)}.opcu-value{background:#f0f0ed}.value-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-three article{background:#fff;border-radius:28px;padding:34px;min-height:330px;display:flex;flex-direction:column}.value-three span{color:var(--opcu);font-size:.8rem}.value-three h3{font-size:1.7rem;margin:auto 0 16px}.value-three p{color:var(--muted);line-height:1.85}.opcu-goal{background:linear-gradient(135deg,#f1ebdc,#e4eee7)}.goal-inner{text-align:center}.goal-inner h2{font-size:clamp(2.8rem,5.5vw,5rem)}.goal-inner>p:not(.eyebrow){max-width:820px;margin:30px auto;color:var(--muted);line-height:1.9}.goal-tags{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:40px 0}.goal-tags span{background:#fff9;border:1px solid #fff;padding:13px 18px;border-radius:25px}.goal-inner>strong{font-size:1.2rem}.opcu-slogan{text-align:center;padding-block:115px}.opcu-slogan blockquote{font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.5;font-weight:600;letter-spacing:-.045em;margin:0 auto 28px}.opcu-slogan>p:not(.eyebrow){color:var(--muted);font-size:1.1rem}.opcu-slogan .button{margin-top:28px}.ecosystem-cta{margin-top:36px}
@media(max-width:900px){.four-grid{grid-template-columns:1fr}.task-layout{grid-template-columns:1fr;gap:45px}.value-three{grid-template-columns:1fr}.value-three article{min-height:240px}.opcu-hero{min-height:680px}.opcu-page #main-nav{max-height:calc(100vh - 70px);overflow:auto}}
@media(max-width:600px){.opcu-hero{min-height:650px;padding-block:75px}.opcu-hero h1{font-size:3.65rem}.opcu-hero-line{font-size:1.25rem}.opcu-purpose{padding-block:75px}.four-grid article{grid-template-columns:1fr;min-height:0;padding:28px}.four-letter{font-size:4.3rem}.four-grid h3{margin:20px 0 14px}.task-chain{justify-content:flex-start}.task-chain span{padding:13px 14px}.loop-list li{grid-template-columns:50px 1fr}.loop-equation{font-size:1rem;line-height:2}.opcu-slogan{padding-block:80px}.opcu-slogan blockquote{font-size:2.1rem}}