/* A stronger editorial expression within the existing ivory / forest / lime palette. */
.top-motion .site-header::after{height:4px}
.top-motion .kinetic-band-shell{padding-block:35px;overflow:hidden;background:var(--paper)}
.top-motion .kinetic-band{width:calc(100% + 40px);margin-inline:-20px;padding-block:20px;background:#d2ed6d;border-block:1px solid #9cbd50;rotate:-1.6deg;overflow:hidden}
.top-motion .kinetic-track{display:flex;align-items:center;gap:42px;width:max-content;white-space:nowrap;font:900 clamp(42px,5.5vw,88px)/1 Arial,sans-serif;letter-spacing:-.055em;color:#263b1b;transform:translateX(calc(-170px + var(--kinetic-shift,0px)));will-change:transform}
.top-motion .kinetic-track span{display:block}
.top-motion .kinetic-track .outline-word{color:transparent;-webkit-text-stroke:1.4px #36551e}
.top-motion .kinetic-track svg{width:.64em;height:.64em;flex:none;fill:#36551e;stroke:none}
.top-motion .top-orbit{width:330px;height:330px;top:155px;left:26%;opacity:.4;overflow:hidden;transform:none}
.top-motion .top-orbit svg{transform:rotate(var(--orbit-turn,0deg));transform-origin:center}
.top-motion .hero-era::after{height:.19em;background:#c9e969;bottom:-.01em}
.top-motion .hero-product-callout::before{width:74px;height:4px}
.top-motion .idea-list a{border-bottom-color:#bdcda9}
.top-motion .idea-list a::before{background:linear-gradient(90deg,#e2edcb,transparent)}
.top-motion .idea-list .circle-arrow{background:#eef3e5;border-color:#bdcda9}
.top-motion .possibilities{padding-top:165px;padding-bottom:125px;background:#263522;color:#f5f7ef;border-color:#36482d}
.top-motion .section-display-type{position:absolute;top:10px;left:max(36px,calc((100% - 1248px)/2));pointer-events:none;user-select:none;font:900 clamp(70px,12vw,190px)/1 Arial,sans-serif;letter-spacing:-.065em;color:transparent;-webkit-text-stroke:1px rgb(210 237 109 / 29%);white-space:nowrap;z-index:-1;transform:translateX(var(--type-shift,0px))}
.top-motion .possibilities::before{top:130px;width:520px;height:520px;right:-220px;border-color:rgb(210 237 109 / 25%);box-shadow:0 0 0 55px rgb(210 237 109 / 3%),0 0 0 110px rgb(210 237 109 / 2%)}
.top-motion .possibilities .top-signal{top:20px;right:6%;width:230px;height:145px;opacity:.7}
.top-motion .possibilities .top-signal svg{stroke:#d2ed6d}
.top-motion .possibilities :is(h2,h3){color:#f5f7ef}
.top-motion .possibilities :is(.text-accent,.key-text){color:#d2ed6d}
.top-motion .possibilities .heading-focus{background-image:linear-gradient(rgb(210 237 109 / 20%),rgb(210 237 109 / 20%))}
.top-motion .possibilities .section-marker{color:#dce7cf}
.top-motion .possibilities .marker-dot{background:#d2ed6d;box-shadow:0 0 0 5px rgb(210 237 109 / 13%)}
.top-motion .possibilities .section-marker>span:last-child{color:#d2ed6d}
.top-motion .possibilities .section-marker::after{background:linear-gradient(90deg,#8ca666,transparent)}
.top-motion .possibilities .section-heading>p,.top-motion .possibilities .service-column>p{color:#d9e2d0}
.top-motion .possibilities .service-media figcaption{border-color:#506347;color:#e3ebda}
.top-motion .possibilities .service-media figcaption>span,.top-motion .possibilities .service-en{color:#c4dd9b}
.top-motion .possibilities .service-tags{color:#bbcdae}
.top-motion .possibilities .service-icon svg{stroke:#dfe9d5}
.top-motion .possibilities .service-icon .accent-line{stroke:#d2ed6d}
.top-motion .service-columns{align-items:start;gap:36px}
.top-motion .service-column:nth-child(2){margin-top:38px}
.top-motion .service-column:nth-child(3){margin-top:76px}
.top-motion .service-media{rotate:-1.3deg;transition:rotate .5s var(--motion-ease),transform .5s var(--motion-ease)}
.top-motion .service-column:nth-child(2) .service-media{rotate:1.4deg}
.top-motion .service-column:nth-child(3) .service-media{rotate:-.8deg}
.top-motion .service-photo{border-radius:1px;border-color:#8da56c;box-shadow:10px 12px 0 rgb(11 21 8 / 23%)}
.top-motion .service-photo::before{width:36px;height:36px;top:15px;left:15px;border-width:2px}
.top-motion .service-photo::after{height:5px}
.top-motion .service-media figcaption{padding:16px 2px 13px}
.top-motion .migration-explainer{border-top:5px solid #b3d16f;background:linear-gradient(140deg,#eff4e4,#e2ebd3);box-shadow:12px 12px 0 #f6f5ef,14px 14px 0 #aec38d}
.top-motion .migration-direction{color:#567734;font-size:28px}
.top-motion .migration-after .system-box{box-shadow:0 10px 24px rgb(41 65 25 / 13%)}
.top-motion .architecture{background-color:#e4edd4}
.top-motion .architecture::before{background-image:linear-gradient(rgb(105 137 66 / 11%) 1px,transparent 1px),linear-gradient(90deg,rgb(105 137 66 / 11%) 1px,transparent 1px);background-size:48px 48px}
.top-motion .architecture::after{width:580px;height:580px;border-color:rgb(105 137 66 / 32%);right:-230px;transform:rotate(var(--orbit-turn,0deg))}
.top-motion .architecture-diagram{border-radius:4px;border-top:5px solid #88a553;box-shadow:0 18px 45px rgb(55 79 28 / 9%)}
.top-motion .diagram-public{border:1px solid #bfdc7e;box-shadow:0 0 0 5px rgb(193 218 146 / 15%),0 12px 24px rgb(35 58 18 / 14%)}
.top-motion .diagram-public .diagram-badge{box-shadow:0 0 0 4px rgb(210 237 109 / 12%)}
.top-motion .support-update-visual{box-shadow:12px 14px 0 #e4ecd8;border-radius:2px;border-color:#b6c99c;overflow:visible}
.top-motion .support-update-visual>img{border-radius:2px 2px 0 0}
.top-motion .support-update-visual figcaption{background:#e2edcf}
.top-motion .update-request{border-left:4px solid #a8ca60;box-shadow:0 10px 24px rgb(29 38 20 / 12%)}
.top-motion .support::before{width:300px;height:300px;left:-10px;bottom:30px;border-color:#c6d7ac;box-shadow:0 0 0 38px rgb(186 206 149 / 10%)}
.top-motion .flow-section{border-block:1px solid #d1dfbd;background:linear-gradient(120deg,#e5edda,#f0f4e9)}
.top-motion .flow-list>li>span{width:48px;height:48px;font-size:20px;font-weight:700;background:#d2ed6d;border-color:#bad77a;color:#36551e;box-shadow:4px 4px 0 #cddbb9}
.top-motion .flow-list::after{height:3px}
.top-motion .faq-illustration{width:235px;height:162px;color:#63843e}
.top-motion .faq-illustration svg{stroke-width:1.7}
.top-motion .faq-illustration .bubble-soft{fill:#d7e8b7;stroke:#a7c77a}
.top-motion .faq-illustration .bubble-dot{fill:#91b84c}
.top-motion .contact-orbit{width:550px;height:550px;right:-130px;top:-25px;opacity:.8;transform:rotate(var(--orbit-turn,0deg))}
.top-motion .contact-orbit svg{stroke-width:1.3}
.top-motion .contact-section .button-lime{min-width:330px;min-height:76px;padding:15px 20px 15px 31px;font-size:18px;box-shadow:0 0 0 6px rgb(210 237 109 / 11%),0 10px 28px rgb(0 0 0 / 14%)}
.top-motion .contact-section .button-arrow{width:44px;height:44px}
@media(min-width:1280px){.top-motion .hero-art::before{content:"";position:absolute;left:44.5%;right:2%;top:10.5%;bottom:22%;background:linear-gradient(#badb72,#badb72) left top/34px 2px no-repeat,linear-gradient(#badb72,#badb72) left top/2px 34px no-repeat,linear-gradient(#badb72,#badb72) right bottom/34px 2px no-repeat,linear-gradient(#badb72,#badb72) right bottom/2px 34px no-repeat;pointer-events:none}}
@media(hover:hover) and (pointer:fine){
 .top-motion .service-column:hover .service-media{rotate:0deg;transform:translateY(-8px)}
 .top-motion .service-column:hover .service-photo{box-shadow:12px 18px 0 rgb(11 21 8 / 27%)}
 .top-motion .idea-list a:hover .circle-arrow{transform:rotate(45deg);background:#d2ed6d}
 .top-motion .contact-section .button-lime:hover{box-shadow:0 0 0 10px rgb(210 237 109 / 14%),0 14px 32px rgb(0 0 0 / 17%)}
}
@media(prefers-reduced-motion:no-preference){
 .top-motion .hero-primary{animation:bold-hero-in .85s .08s var(--motion-ease) both}
 .top-motion .hero-focus{animation:bold-hero-in .85s .2s var(--motion-ease) both}
 .top-motion .hero-description{animation:bold-hero-in .85s .32s var(--motion-ease) both}
 .top-motion .hero-actions{animation:bold-hero-in .85s .44s var(--motion-ease) both}
 .top-motion .reveal.is-observed{transform:translateY(34px);transition-duration:.9s}
 .top-motion .reveal.is-observed.is-visible{transform:none}
 .top-motion .service-column.is-visible .service-photo img{animation:none}
 .top-motion .service-media.bold-visible .service-photo{animation:bold-photo-reveal 1s var(--motion-ease) both}
 .top-motion .migration-explainer.bold-visible{animation:bold-diagram-reveal 1s var(--motion-ease) both}
 .top-motion .support-update-visual.bold-visible .update-request{animation:bold-request-pop .85s .15s var(--motion-ease) both}
 .top-motion .architecture-diagram.bold-visible .diagram-managed{animation:bold-panel .95s .2s ease-out both}
 .top-motion .architecture-diagram.bold-visible .diagram-public{animation:bold-panel .95s .5s ease-out both}
 .top-motion .faq-illustration.bold-visible .bubble-dot{animation:bold-dot .45s ease-in-out 2 alternate}
 .top-motion .faq-illustration.bold-visible .bubble-dot:nth-of-type(2){animation-delay:.15s}
 .top-motion .faq-illustration.bold-visible .bubble-dot:nth-of-type(3){animation-delay:.3s}
}
@media(min-width:768px) and (max-width:1023px){
 .top-motion .service-columns{gap:24px}
 .top-motion .service-column:nth-child(2){margin-top:25px}
 .top-motion .service-column:nth-child(3){margin-top:50px}
 .top-motion .top-orbit{left:18%;width:280px;height:280px}
}
@media(max-width:767px){
 .top-motion .kinetic-band-shell{padding-block:20px}
 .top-motion .kinetic-band{padding-block:16px;rotate:-2deg}
 .top-motion .kinetic-track{gap:25px;font-size:44px;transform:translateX(calc(-95px + var(--kinetic-shift,0px)))}
 .top-motion .top-orbit{width:200px;height:200px;left:auto;right:0;top:210px;opacity:.28}
 .top-motion .possibilities{padding-top:106px;padding-bottom:72px}
 .top-motion .section-display-type{font-size:88px;left:14px;top:6px}
 .top-motion .possibilities .top-signal{width:130px;height:85px;right:-12px;top:62px;opacity:.45}
 .top-motion .service-column:nth-child(n){margin-top:0}
 .top-motion .service-column{border-top-color:#4e6241}
 .top-motion .service-media{rotate:-.6deg}
 .top-motion .service-column:nth-child(2) .service-media{rotate:.6deg}
 .top-motion .service-column:nth-child(3) .service-media{rotate:-.5deg}
 .top-motion .service-photo{box-shadow:6px 7px 0 rgb(11 21 8 / 23%)}
 .top-motion .migration-explainer{box-shadow:6px 6px 0 #f6f5ef,8px 8px 0 #aec38d}
 .top-motion .architecture::before{background-size:36px 36px}
 .top-motion .architecture::after{width:380px;height:380px;right:-220px}
 .top-motion .support-update-visual{box-shadow:7px 8px 0 #e4ecd8}
 .top-motion .support::before{width:200px;height:200px;left:0}
 .top-motion .flow-list>li{grid-template-columns:42px 1fr;column-gap:13px}
 .top-motion .flow-list>li>span{width:38px;height:38px;font-size:16px;margin-top:1px}
 .top-motion .flow-list::after{height:auto;width:3px}
 .top-motion .contact-orbit{width:300px;height:300px;right:-105px;top:20px;opacity:.62}
 .top-motion .contact-section .button-lime{min-width:0;width:100%;min-height:70px;padding:13px 15px 13px 23px;font-size:16px}
 .top-motion .contact-section .button-arrow{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
 .top-motion .kinetic-track{will-change:auto}
 .top-motion .top-orbit,.top-motion .top-orbit svg,.top-motion .contact-orbit{transform:none}
 .top-motion .service-column:hover .service-media{transform:none}
 .top-motion *,.top-motion *::before,.top-motion *::after{animation:none!important;transition:none!important}
}
@media print{.top-motion .kinetic-band-shell,.top-motion .section-display-type{display:none}.top-motion .possibilities{background:white;color:#263522}.top-motion .possibilities :is(h2,h3,p,.text-accent,.key-text){color:#263522}}
@keyframes bold-hero-in{from{opacity:.35;translate:0 17px}to{opacity:1;translate:0 0}}
@keyframes bold-photo-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes bold-diagram-reveal{from{translate:0 25px;rotate:-1.5deg}to{translate:0 0;rotate:0deg}}
@keyframes bold-request-pop{from{scale:.86;translate:0 18px;rotate:-3deg}to{scale:1;translate:0 0;rotate:0deg}}
@keyframes bold-panel{from{box-shadow:0 0 0 10px rgb(160 191 105 / 30%)}to{box-shadow:0 0 0 2px rgb(160 191 105 / 0%)}}
@keyframes bold-dot{from{translate:0 0;opacity:.5}to{translate:0 -4px;opacity:1}}