/* Clear actions and concrete stories, shared by desktop and mobile. */
.numbers-preview .numbers-open{background:#244f39;color:#fffbe9;border:1px solid #244f39;border-radius:18px;min-height:84px;padding:18px 20px 18px 26px;gap:32px;box-shadow:0 7px 0 #91ac6a55;transition:transform .25s,background .25s,box-shadow .25s;max-width:100%}.numbers-preview .numbers-open:hover{background:#173b29;transform:translateY(-3px);box-shadow:0 10px 0 #91ac6a55}.numbers-open-copy{display:flex;flex-direction:column;gap:8px}.numbers-open-copy small{font-size:10px;letter-spacing:.05em;color:#d7e7b9}.numbers-open-copy b{font-size:17px;font-weight:650;letter-spacing:.015em}.numbers-open-arrow{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:50%;background:#e2edb0;color:#244f39;font-size:25px;transition:transform .25s}.numbers-open:hover .numbers-open-arrow{transform:rotate(45deg)}.numbers-open:focus-visible,.scenario-buttons button:focus-visible,.connect-text-link:focus-visible{outline:3px solid #9a5bb5;outline-offset:6px}
#top>.connect-about,#top>.connect-architecture{padding:100px 5%;color:#254837;isolation:isolate;position:relative}.connect-about{background:#fffaf0}.connect-architecture{background:#e6d8f2;scroll-margin-top:90px}.connect-inner{max-width:1220px;margin:auto}.connect-head{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-bottom:48px}.connect-kicker{font-size:10px;letter-spacing:.15em;color:#57705b;margin:0 0 24px;line-height:1.5}.connect-head h2{font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Yu Gothic',sans-serif!important;font-size:clamp(34px,4.4vw,60px);line-height:1.45;letter-spacing:-.055em;font-weight:700;margin:0}.connect-head h2 em{font-style:normal;color:#4e7c40}.connect-architecture .connect-head h2 em{color:#755287}.connect-intro{font-size:14px;line-height:2.1;color:#48624f;margin:0}.connect-intro p{margin:0 0 14px;line-height:2.1}.connect-intro p:last-child{margin-bottom:0}.connect-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.connect-example{border:1px solid #c5d3ad;background:#e6efcf;border-radius:25px;padding:26px;min-width:0;position:relative}.connect-example.ce-1{background:#fff0d8;border-color:#e5ccaa}.connect-example.ce-2{background:#ece1f5;border-color:#d2bedf}.example-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.example-top svg{width:48px;height:48px;color:#526747}.example-top>span{font-size:9px;letter-spacing:.13em}.connect-example h3{font-size:19px;line-height:1.65;letter-spacing:-.03em;margin:22px 0}.example-route{border-top:1px solid #65784c33;border-bottom:1px solid #65784c33;padding:20px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.example-route>span{font-size:14px;font-weight:550;line-height:1.7}.example-route>b{font-size:14px;letter-spacing:.1em;border-radius:30px;background:#2f6044;color:#fffbe9;padding:11px 26px}.example-route>i{font-style:normal;font-size:19px;color:#5b8052;line-height:1}.connect-example>p{font-size:11px;color:#53654b;line-height:1.9;margin:18px 0 0}.connect-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;border-bottom:1px solid #d4ddc5;padding-bottom:22px}.connect-bottom>p{font-size:14px;margin:0;line-height:1.8}.connect-text-link{display:flex;align-items:center;gap:24px;min-height:44px;font-size:12px;border-bottom:1px solid #476945}.connect-text-link span{font-size:21px}.connect-workbench{border:1px solid #bda8cd;background:#fffdf5;border-radius:28px;overflow:hidden;box-shadow:0 9px 0 #b79bc92b}.workbench-toolbar{padding:26px 30px;background:#f4eef9;border-bottom:1px solid #d4c4df}.workbench-toolbar>p{font-size:11px;color:#695974;margin:0 0 15px}.scenario-buttons{display:flex;gap:10px}.scenario-buttons button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;flex:1;padding:13px 20px;border:1px solid #c6b5d4;border-radius:12px;background:#fffdf7;color:#655371;font:600 13px -apple-system,BlinkMacSystemFont,'Hiragino Sans',sans-serif;cursor:pointer;transition:background .2s,color .2s,transform .2s}.scenario-buttons button:hover{background:#e7daf1;transform:translateY(-2px)}.scenario-buttons button[aria-pressed=true]{background:#67497a;border-color:#67497a;color:#fff}.scenario-buttons button span{font-size:19px}.scenario-panel{padding:32px}.scenario-caption{padding:0 0 30px}.scenario-caption>span{font-size:9px;letter-spacing:.13em;color:#6e5c7b}.scenario-caption h3{font-size:clamp(18px,2vw,26px);line-height:1.7;letter-spacing:-.035em;margin:12px 0 0;font-weight:650}.scenario-flow{display:grid;grid-template-columns:1fr 70px 1.15fr 70px 1fr;align-items:stretch}.scenario-stop{border:1px solid #d7dccb;border-radius:19px;background:#f7f7eb;padding:23px 20px;min-width:0;text-align:center}.scenario-stop>small{display:block;font-size:9px;letter-spacing:.12em;color:#6b795c}.scenario-icon svg{width:50px;height:50px;margin:22px auto 6px;color:#59734b}.scenario-stop h4{font-size:18px;line-height:1.6;margin:12px 0 8px;letter-spacing:-.035em}.scenario-stop p{font-size:11px;line-height:1.9;margin:0;color:#617153}.scenario-stop.scenario-hub{background:#2a573e;color:#fffbe9;border-color:#2a573e}.scenario-hub>small{color:#d3e2b5}.scenario-hub h4{font-size:25px;margin:22px 0 20px}.scenario-hub ul{list-style:none;padding:0;margin:0;border-top:1px solid #799468;text-align:left}.scenario-hub li{font-size:11px;line-height:1.7;padding:8px 0;border-bottom:1px solid #799468}.scenario-hub li:before{content:'✓';margin-right:10px;color:#d7e79e}.scenario-connector{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.scenario-connector i{display:block;position:relative;width:100%;height:2px;background:#adbd96}.scenario-connector i:after{content:' ';position:absolute;right:0;top:-4px;width:9px;height:9px;border-top:2px solid #7c936a;border-right:2px solid #7c936a;transform:rotate(45deg)}.scenario-connector i:before{content:'';position:absolute;left:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#7e5293;opacity:0}.scenario-connector span{font-size:8px;white-space:nowrap;color:#6c7b5f}.partner-mark{display:grid;place-items:center;width:48px;height:48px;background:#d8e8ac;border-radius:50%;font-size:25px;color:#41683d;margin:24px auto 13px}.scenario-result{display:flex;align-items:center;gap:20px;background:#f3e5ce;border:1px solid #e6d5b6;border-radius:13px;margin-top:24px;padding:18px 22px}.scenario-result>span{font-size:10px;white-space:nowrap;color:#786143}.scenario-result p{font-size:13px;font-weight:600;line-height:1.8;margin:0;flex:1;color:#4f573c}.scenario-result>b{font-size:27px;font-weight:400}.scenario-note{font-size:11px;line-height:1.9;margin:20px 0 0;color:#6e587e}.connect-visible .example-route>i{animation:connection-down 1.1s ease-in-out 2}.connect-visible .ce-1 .example-route>i{animation-delay:.15s}.connect-visible .ce-2 .example-route>i{animation-delay:.3s}.scenario-enter .scenario-connector i:before{animation:connection-travel 1.4s ease-in-out 2}.scenario-enter .scenario-connector:nth-of-type(4) i:before{animation-delay:.5s}.scenario-enter .scenario-result{animation:connection-result .65s ease-out}.scenario-enter .scenario-hub{animation:connection-result .6s ease-out}@keyframes connection-down{0%,100%{translate:0 -2px}50%{translate:0 3px}}@keyframes connection-travel{0%{left:0;opacity:0}20%{opacity:1}85%{opacity:1}100%{left:90%;opacity:0}}@keyframes connection-result{from{translate:0 7px}to{translate:0 0}}
@media(max-width:1000px){.connect-head{gap:30px}.connect-intro br{display:none}.connect-example{padding:20px}.connect-example h3{font-size:16px}.scenario-panel{padding:24px}.scenario-flow{grid-template-columns:1fr 38px 1.1fr 38px 1fr}.scenario-stop{padding:20px 12px}.scenario-stop h4{font-size:15px}.scenario-hub h4{font-size:21px}.scenario-connector span{font-size:7px;writing-mode:vertical-rl;letter-spacing:.1em}.scenario-connector{gap:8px}.scenario-result{gap:12px}.scenario-result>span{font-size:9px}}
@media(max-width:700px){#top>.connect-about,#top>.connect-architecture{padding:60px 22px}.connect-head{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.connect-kicker{font-size:9px;margin-bottom:18px}.connect-head h2{font-size:36px}.connect-intro{font-size:13px;line-height:2}.connect-intro p{line-height:2}.connect-examples{grid-template-columns:1fr;gap:16px}.connect-example{padding:23px}.example-top svg{width:37px;height:37px}.connect-example h3{font-size:20px;margin:15px 0}.example-route{flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:center;padding:18px 0}.example-route>span{font-size:11px}.example-route>b{font-size:11px;padding:9px 13px}.example-route>i{rotate:-90deg;font-size:14px}.connect-example>p{font-size:11px}.connect-bottom{flex-direction:column;align-items:flex-start;gap:14px}.connect-bottom>p{font-size:13px}.workbench-toolbar{padding:22px 16px}.scenario-buttons{gap:6px}.scenario-buttons button{padding:11px 8px;min-height:52px;font-size:10px;gap:4px}.scenario-buttons button span{font-size:14px}.workbench-toolbar>p{font-size:10px;line-height:1.8}.scenario-panel{padding:22px 18px}.scenario-caption{padding-bottom:22px}.scenario-caption h3{font-size:19px}.scenario-flow{grid-template-columns:1fr}.scenario-stop{padding:20px}.scenario-stop>small{text-align:left}.scenario-stop h4{font-size:18px;margin:8px 0}.scenario-icon svg{width:35px;height:35px;margin:10px auto 0}.scenario-stop p{font-size:12px}.scenario-hub h4{font-size:26px}.scenario-hub h4 br{display:none}.scenario-hub ul{margin-top:15px}.scenario-hub li{font-size:12px}.scenario-connector{height:55px;flex-direction:row;gap:14px}.scenario-connector i{width:2px;height:100%}.scenario-connector i:after{right:-3px;top:auto;bottom:0;rotate:90deg}.scenario-connector i:before{top:0;left:-3px}.scenario-connector span{writing-mode:horizontal-tb;font-size:9px;position:absolute;left:calc(50% + 13px)}.partner-mark{width:36px;height:36px;font-size:20px;margin:12px auto 8px}.scenario-result{display:grid;grid-template-columns:1fr auto;gap:8px;padding:17px}.scenario-result>span{grid-column:1/-1}.scenario-result p{font-size:12px}.scenario-enter .scenario-connector i:before{animation-name:connection-travel-down}.connect-visible .example-route>i{animation:none}.numbers-preview .numbers-open{padding:17px 20px;gap:20px;width:100%;justify-content:space-between}.numbers-open-copy b{font-size:15px}.numbers-open-copy small{font-size:9px}.connect-workbench{border-radius:22px}.scenario-note{font-size:10px}@keyframes connection-travel-down{0%{top:0;opacity:0}20%,85%{opacity:1}100%{top:90%;opacity:0}}}
@media(prefers-reduced-motion:reduce){.connect-about *,.connect-architecture *,.numbers-open,.numbers-open-arrow{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.example-route{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr);gap:5px}.example-route>span{font-size:10px;overflow-wrap:anywhere}.example-route>b{font-size:9px;letter-spacing:.025em;padding:10px 5px}.example-route>i{font-size:13px}}