*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f7f8f5;color:#122832;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #139b86;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 42px}header{background:rgba(247,248,245,.97);border-bottom:1px solid #dce4df;position:sticky;top:0;z-index:20}.nav{height:87px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:24px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.mark{width:29px;height:29px;border:2px solid #168c7c;border-radius:50%;display:inline-block;position:relative}.mark:after{content:'';position:absolute;inset:5px;border:2px solid #168c7c;border-radius:50%;transform:translateX(7px)}nav{display:flex;align-items:center;gap:30px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 23px;border:1px solid #132e38;border-radius:5px;background:#132e38;color:white;font-weight:600;font-size:14px}.button.light{background:transparent;color:#132e38;border-color:#c3d0c9}.button.teal{background:#99e5d0;color:#102f35;border:0}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;font-size:11px;font-weight:700;color:#197c6d;display:block;margin-bottom:18px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:640px;gap:38px;padding-top:58px;padding-bottom:64px}h1{font-size:clamp(42px,5.1vw,66px);line-height:1.08;font-weight:500;letter-spacing:-3px;margin:0 0 27px}h1 em{font-style:normal;color:#248b78}.lead{font-size:18px;color:#52676d;max-width:520px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.micro{font-size:12px;color:#62766f;margin-top:24px}.micro:before{content:'●';color:#288d77;margin-right:9px}.orbit{height:420px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#d7e8df 0%,transparent 68%)}.ring{position:absolute;width:320px;height:320px;border:1px solid #b0c9bd;border-radius:50%}.ring.r2{width:230px;height:230px}.ring.r3{width:390px;height:390px;border-style:dashed;opacity:.5}.core{width:138px;height:138px;display:grid;place-items:center;background:#132e38;color:#a4e7d3;border-radius:50%;font-size:28px;box-shadow:0 18px 40px #173c3425}.orbit-label{position:absolute;background:#fff;padding:12px 16px;border:1px solid #dce4df;border-radius:6px;font-size:12px;box-shadow:0 7px 30px #14322a08}.o1{top:45px;left:28px}.o2{top:115px;right:-5px}.o3{bottom:73px;right:0}.o4{bottom:30px;left:9px}.orbit-label b{display:block;font-size:13px}.dot{height:8px;width:8px;background:#46b09a;border-radius:50%;position:absolute;top:17px;left:50%}.strip{border-top:1px solid #dce4df;border-bottom:1px solid #dce4df;padding:22px 0}.strip .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px;color:#5a6f71}.strip strong{color:#142f38}section{padding:85px 0}h2{font-size:40px;line-height:1.18;letter-spacing:-1.5px;font-weight:500;margin:0 0 18px}.intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.intro p{max-width:390px;color:#597075;font-size:15px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:#fff;border:1px solid #dde5e0;border-radius:9px;padding:32px;position:relative;display:flex;flex-direction:column;align-items:start;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#72b4a0}.num{font-size:12px;color:#638279;letter-spacing:1px}.card h3{font-size:25px;letter-spacing:-.6px;margin:20px 0 4px;line-height:1.2}.tag{font-size:12px;color:#288471}.card p{color:#5a7075;font-size:15px;max-width:410px}.card .link{margin-top:auto;padding-top:12px;font-size:13px;font-weight:700}.link span{margin-left:20px;color:#288471}.film-area{background:#132e38;color:#fff;border-radius:12px;padding:46px;display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:center}.film-area .eyebrow{color:#9fe1cd}.film-area h2{font-size:36px}.film-area p{color:#bccdce;font-size:14px}.stage{aspect-ratio:16/10;background:#0d222b;position:relative;border:1px solid #2d4c55;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:36px}.stage:before{content:'';position:absolute;width:280px;height:280px;border:1px solid #326558;border-radius:50%;right:-80px;top:-60px}.stage:after{content:'';position:absolute;width:200px;height:200px;border:1px solid #326558;border-radius:50%;right:-40px;top:-20px}.stage small{color:#8cceb8;font-size:10px;letter-spacing:2px;text-transform:uppercase;z-index:1}.stage h3{font-size:31px;line-height:1.17;letter-spacing:-1px;margin:14px 0;z-index:1}.stage p{font-size:13px;max-width:310px;z-index:1}.controls{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:12px}.play{background:#a3e3cf;color:#142f38;border:0;border-radius:4px;padding:8px 15px;font-size:12px;min-width:105px}.track{height:3px;background:#365159;flex:1}.progress{height:100%;background:#9ce3cf;width:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px}.step{border-top:1px solid #bfcec5;padding-top:22px}.step b{font-size:19px;font-weight:500;display:block;margin:12px 0}.step p{color:#5a7075;font-size:14px}.future{background:#eaf0ea;border-top:1px solid #dbe4db;border-bottom:1px solid #dbe4db}.future-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.future p{color:#536c6e}.future-box{background:#fff;border:1px solid #d4e1d7;border-radius:8px;padding:28px}.pill{font-size:10px;border:1px solid #c8dcd1;padding:5px 9px;border-radius:20px;display:inline-block;color:#497967}.bubble{background:#edf4f0;border-radius:10px 10px 0 10px;padding:15px;margin:18px 0;font-size:14px}.future-box small{color:#637a78;font-size:12px}.contact{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px}.contact p{color:#5a7075}.footer{border-top:1px solid #dce4df;padding:30px 0;font-size:12px;color:#597075}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.detail-hero{padding:70px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.detail-hero h1{font-size:56px}.detail-box{background:#e8f0e9;border:1px solid #d2e0d4;border-radius:10px;padding:36px}.detail-box h2{font-size:27px}.detail-box p{color:#526c6d}.back{display:inline-block;font-size:13px;color:#3a7d6b;margin-bottom:30px}.example{background:#132e38;color:#e7f1ed;padding:36px;border-radius:9px}.example h2{font-size:28px}.example p{color:#c1d3cf;max-width:770px}.example small{color:#9dc5b8}.detail-steps{padding-top:50px;padding-bottom:60px}.detail-steps h2{font-size:30px}.preview-note{background:#e8eee7;text-align:center;font-size:11px;padding:6px 20px;color:#4b6860}@media(max-width:800px){.wrap{padding:0 24px}.nav{height:76px}.brand{font-size:22px}nav{gap:18px}nav a:not(.button){display:none}.hero{grid-template-columns:1fr;gap:20px;padding-top:48px;min-height:0}h1{font-size:49px;letter-spacing:-2px}.hero .lead{font-size:16px}.orbit{height:340px;max-width:400px;width:100%;margin:auto}.ring{width:260px;height:260px}.ring.r2{width:190px;height:190px}.ring.r3{width:320px;height:320px}.core{height:110px;width:110px}.o1{top:20px;left:0}.o2{top:95px;right:-5px}.o3{bottom:40px;right:0}.o4{bottom:13px;left:0}.orbit-label{font-size:10px;padding:10px}.orbit-label b{font-size:12px}.strip .wrap{justify-content:start;gap:12px 25px}.strip span:first-child{width:100%}section{padding:58px 0}h2{font-size:33px}.intro{display:block}.intro p{max-width:100%}.grid{grid-template-columns:1fr}.card{padding:27px}.film-area{grid-template-columns:1fr;padding:26px;gap:25px}.film-area h2{font-size:31px}.stage{padding:24px}.stage h3{font-size:26px}.stage p{font-size:12px}.steps{grid-template-columns:1fr;gap:20px}.future-inner{grid-template-columns:1fr;gap:28px}.contact{grid-template-columns:1fr}.contact .button{justify-self:start}.footer .wrap{flex-direction:column;gap:10px}.detail-hero{grid-template-columns:1fr;gap:28px;padding:45px 0}.detail-hero h1{font-size:42px}.detail-box{padding:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
.language-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px}.language-switch a{padding:7px 5px}.language-switch a[aria-current="page"]{font-weight:800;text-decoration:underline;text-underline-offset:5px}@media(max-width:640px){.nav{flex-wrap:wrap;gap:12px}.nav nav{flex-wrap:wrap;gap:12px}.language-switch{margin-left:auto}}

/* Five-company Circle: BlackCell completes the existing diagram. */
.orbit .o5{top:0;left:50%;transform:translateX(-50%);text-decoration:none;color:inherit;white-space:nowrap}.orbit .o1{top:80px}.orbit .o2{top:105px}
@media(max-width:700px){.hero .orbit{height:410px}.orbit .o5{top:0}.orbit .o1{top:85px;left:0}.orbit .o2{top:85px;right:0}.orbit .o3{bottom:35px;right:0}.orbit .o4{bottom:0;left:0}.orbit-label{max-width:53%;box-sizing:border-box}.orbit .o5{max-width:85%}}