/* One final view of the platform, with the original Mirai character. */
.platform-summary{position:relative;isolation:isolate;width:min(1360px,calc(100% - 112px));margin:0 auto;padding:110px 0 100px;overflow:clip}
.summary-copy{width:74%;position:relative;z-index:1}
.summary-heading>.eyebrow{font-size:10px;color:var(--muted);margin-bottom:27px}
.summary-heading h2{font-size:clamp(2.8rem,4.4vw,4.4rem);font-weight:400;line-height:1.12;letter-spacing:-.055em;max-width:21ch}
.summary-heading h2>span{font-weight:500}
.summary-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:47px 38px;margin-top:60px}
.summary-module{position:relative;padding-top:25px;min-width:0}
.summary-module::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:color-mix(in srgb,var(--ink) 27%,transparent);transform-origin:left}
.summary-module svg{width:30px;height:30px;color:var(--teal);margin-bottom:23px}
.summary-module h3{font-size:clamp(17px,1.35vw,22px);font-weight:500;line-height:1.2;letter-spacing:-.035em}
.summary-module p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:13px;max-width:27ch}
.summary-baseline{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:46px;border-top:1px solid var(--line);padding-top:23px;font-size:10px;color:var(--muted)}
.summary-baseline>span{font-family:var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase}.summary-baseline a{min-height:40px;display:flex;gap:22px;align-items:center;color:var(--ink)}.summary-baseline a span{font-size:17px;color:var(--teal)}
.summary-character{position:absolute;right:-1%;top:85px;width:24%;margin:0;pointer-events:none}
.summary-character::before{content:'';position:absolute;inset:8% -10% 5%;background:radial-gradient(ellipse,color-mix(in srgb,var(--teal) 10%,transparent),transparent 65%);opacity:.8;z-index:-1}
.summary-character picture,.summary-character img{display:block;width:100%;height:auto}
.summary-motion-ready [data-entered=false].summary-heading,.summary-motion-ready [data-entered=false].summary-module{opacity:0;transform:translateY(28px)}
.summary-motion-ready .summary-character-reveal[data-entered=false]{opacity:0;transform:translate(40px,45px) rotate(-4deg)}
.summary-motion-ready .summary-heading[data-entered=true]{animation:summary-enter .85s cubic-bezier(.22,1,.36,1) both}
.summary-motion-ready .summary-module[data-entered=true]{animation:summary-enter .7s cubic-bezier(.22,1,.36,1) both}
.summary-motion-ready .summary-module[data-entered=true]::before{animation:summary-rule .85s cubic-bezier(.22,1,.36,1) both}
.summary-motion-ready .summary-module[data-entered=true] svg{animation:summary-icon .9s cubic-bezier(.22,1,.36,1) both}
.summary-motion-ready .summary-module:nth-child(3n+2){animation-delay:.12s}.summary-motion-ready .summary-module:nth-child(3n+3){animation-delay:.24s}
.summary-motion-ready .summary-character-reveal[data-entered=true]{animation:summary-character-enter 1.15s cubic-bezier(.22,1,.36,1) both}
.summary-character picture{transform-origin:50% 90%;animation:summary-character-sway 6s ease-in-out infinite alternate;animation-play-state:paused}
.summary-character-reveal[data-running=true] picture{animation-play-state:running}
.summary-module::after{content:'';position:absolute;left:0;top:0;width:30%;height:1px;background:var(--teal);opacity:0}
.summary-module[data-running=true]::after{animation:summary-signal 5.5s ease-in-out infinite}
@keyframes summary-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes summary-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes summary-icon{from{opacity:0;transform:translateY(10px) rotate(-12deg) scale(.85)}to{opacity:1;transform:none}}
@keyframes summary-character-enter{from{opacity:0;transform:translate(40px,45px) rotate(-4deg)}to{opacity:1;transform:none}}
@keyframes summary-character-sway{from{transform:translateY(3px) rotate(-.75deg)}to{transform:translateY(-7px) rotate(.75deg)}}
@keyframes summary-signal{0%,15%{opacity:0;transform:translateX(0)}30%,60%{opacity:.8}85%,100%{opacity:0;transform:translateX(233%)}}
@media(max-width:1000px){.platform-summary{width:calc(100% - 72px);padding-block:85px}.summary-copy{width:73%}.summary-modules{grid-template-columns:1fr 1fr;gap:34px 24px}.summary-character{width:25%;top:125px}.summary-heading h2{font-size:3.2rem}}
@media(max-width:600px){.platform-summary{width:calc(100% - 48px);padding:72px 0 58px}.summary-copy{width:100%}.summary-heading{min-height:255px;width:67%;padding-right:3px}.summary-heading>.eyebrow{font-size:8px;margin-bottom:25px;max-width:18ch;line-height:1.8}.summary-heading h2{font-size:2.35rem;line-height:1.12;max-width:10ch}.summary-character{width:33%;right:-1%;top:80px}.summary-modules{gap:30px 20px;margin-top:34px}.summary-module{padding-top:20px}.summary-module svg{width:26px;height:26px;margin-bottom:19px}.summary-module h3{font-size:17px;line-height:1.25}.summary-module p{font-size:11px;line-height:1.8;margin-top:11px}.summary-baseline{font-size:8px;gap:15px;margin-top:32px}.summary-baseline>span{max-width:24ch;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.platform-summary *{animation:none!important;transform:none!important;opacity:1!important}}
@media print{.summary-character{display:none}.summary-copy{width:100%}}
