/* RusChat Ultra Motion: unique, lightweight visual treatments for every section. */
.rc-cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:10;pointer-events:none;opacity:.7;mix-blend-mode:screen}
html[data-theme="light"] .rc-cosmos{mix-blend-mode:multiply;opacity:.24}
.rc-motion-zone{position:relative;isolation:isolate}
.rc-motion-zone>.container{position:relative;z-index:2}
.rc-stage-lights,.rc-stage-line{position:absolute;pointer-events:none;z-index:0}
.rc-stage-lights{inset:0;overflow:hidden;opacity:.9}
.rc-stage-lights i{position:absolute;display:block;border-radius:50%;will-change:transform}
.rc-stage-lights i:nth-child(1){width:clamp(230px,37vw,640px);height:clamp(230px,37vw,640px);top:10%;right:-12%;background:radial-gradient(circle,rgba(111,97,247,.14),transparent 69%);animation:rc-light-drift 17s ease-in-out infinite alternate}
.rc-stage-lights i:nth-child(2){width:clamp(210px,30vw,500px);height:clamp(210px,30vw,500px);bottom:0;left:-13%;background:radial-gradient(circle,rgba(58,176,249,.12),transparent 70%);animation:rc-light-drift 22s ease-in-out -9s infinite alternate-reverse}
.rc-stage-lights i:nth-child(3){width:3px;height:3px;left:18%;top:35%;background:#b0a3ff;box-shadow:0 0 10px 3px #7b8dff,90px 170px 0 1px #8ebef9,-45px 280px 0 0 #f6a6df;animation:rc-spark-travel 8s ease-in-out infinite alternate}
.rc-stage-line{height:1px;top:0;left:12%;right:12%;background:linear-gradient(90deg,transparent,#9b86fb85 28%,#6fd9ff86 55%,transparent);transform:scaleX(.05);opacity:0;transition:transform 1.65s cubic-bezier(.12,.9,.2,1),opacity .9s ease;transform-origin:center}
.rc-awake>.rc-stage-line{opacity:.68;transform:scaleX(1)}
.rc-stage-line:after{content:"";position:absolute;top:-2px;left:0;width:90px;height:5px;background:linear-gradient(90deg,transparent,#b9e2ff,transparent);filter:blur(2px);animation:rc-rail-scan 8s ease-in-out infinite}
/* Distinct section palettes: mint for connections, pink for community and blue for projects */
.story-section .rc-stage-lights i:nth-child(1){background:radial-gradient(circle,rgba(139,96,245,.19),transparent 69%);right:-25%;top:15%}
.connect-section .rc-stage-lights i:nth-child(1){background:radial-gradient(circle,rgba(34,221,191,.15),transparent 69%);right:-15%;top:0}
.connect-section .rc-stage-lights i:nth-child(2){background:radial-gradient(circle,rgba(86,119,253,.17),transparent 70%)}
.projects-section .rc-stage-lights i:nth-child(1){background:radial-gradient(circle,rgba(79,154,255,.20),transparent 70%)}
.projects-section .rc-stage-lights i:nth-child(2){background:radial-gradient(circle,rgba(209,116,238,.16),transparent 70%)}
.faq-section .rc-stage-lights i:nth-child(1){background:radial-gradient(circle,rgba(245,118,189,.13),transparent 70%)}
.final-section .rc-stage-lights{opacity:.5}
/* Navigation gently marks the area currently in view */
.desktop-nav a{position:relative}
.desktop-nav a:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:2px;background:linear-gradient(90deg,#9a75ff,#70c9ff);border-radius:5px;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.desktop-nav a:hover:after,.desktop-nav a.rc-current:after{transform:scaleX(1)}
.desktop-nav a.rc-current{color:var(--text)}
.brand-mark{animation:rc-logo-orbit 8s ease-in-out infinite;transform-origin:center}
.header-inner .brand:hover .brand-mark{animation:rc-logo-turn 1s ease-in-out both}
.rc-page-rail{position:fixed;z-index:40;right:18px;top:50%;transform:translateY(-50%);display:grid;gap:7px;padding:10px 8px;background:rgba(18,19,43,.66);border:1px solid rgba(159,148,241,.2);border-radius:99px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 35px #0305143d;opacity:0;pointer-events:none;transition:opacity .5s,transform .5s}
.rc-page-rail.rc-shown{opacity:1;pointer-events:auto;transform:translateY(-50%)}
.rc-page-rail a{position:relative;width:17px;height:22px;display:grid;place-items:center}
.rc-page-rail i{display:block;height:6px;width:6px;border-radius:20px;background:#85839c;transition:width .35s,height .35s,box-shadow .35s,background .35s}
.rc-page-rail a.rc-current i{width:7px;height:20px;background:linear-gradient(#9e83ff,#6ebdfa);box-shadow:0 0 12px #977dffb0}
.rc-page-rail a span{position:absolute;right:calc(100% + 18px);top:50%;transform:translate(6px,-50%);opacity:0;visibility:hidden;white-space:nowrap;color:#fff;background:#272442;padding:7px 11px;border-radius:7px;font-size:11px;pointer-events:none;box-shadow:0 8px 24px #0005;transition:opacity .2s,transform .2s}
.rc-page-rail a:hover span,.rc-page-rail a:focus-visible span{visibility:visible;opacity:1;transform:translate(0,-50%)}
/* Hero: comet trail, dynamic headline highlighting, orbital beacons */
.hero-left .eyebrow{animation:rc-badge-levitate 5s ease-in-out infinite}
.hero-left h1{position:relative}
.hero-left h1:after{content:"";position:absolute;top:-9px;left:-15px;width:5px;height:5px;border-radius:50%;background:#a2c9ff;box-shadow:0 0 16px 4px #977eff;animation:rc-heading-star 7s ease-in-out infinite}
.hero-buttons .btn-primary{position:relative;overflow:hidden}
.hero-buttons .btn-primary:after{content:"";position:absolute;width:65%;height:200%;top:-40%;left:-90%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#ffffff50,transparent);pointer-events:none;animation:rc-button-glint 6.8s ease-in-out infinite}
.hero-visual .rc-comet{position:absolute;width:105px;height:1px;top:4%;left:6%;z-index:1;pointer-events:none;transform:rotate(-35deg);background:linear-gradient(90deg,transparent,#a5baff);opacity:0;animation:rc-comet-cross 8s linear infinite}
.hero-visual .rc-comet.rc-comet-two{animation-delay:-4.3s;top:88%;left:70%;width:68px}
/* Feature section: unique motion for each of six icons, spotlight glass card and animated borders. */
.features-section .section-heading .number-decor{animation:rc-number-pop 4.5s ease-in-out infinite}
.features-grid{perspective:1100px}
.feature-card.rc-card-3d{--rc-rx:0deg;--rc-ry:0deg;--rc-up:0px;transform:translateY(var(--rc-up)) perspective(1000px) rotateX(var(--rc-rx)) rotateY(var(--rc-ry));transition:opacity .72s,transform .42s cubic-bezier(.18,.8,.2,1),border-color .32s,box-shadow .32s;transform-style:preserve-3d}
.feature-card.rc-card-3d:hover{--rc-up:-10px;border-color:rgba(171,143,255,.66);box-shadow:0 24px 68px #0708238a,0 0 38px #8a70fd12}
.feature-card.rc-card-3d .feature-top,.feature-card.rc-card-3d>div:nth-child(2){transform:translateZ(15px)}
.feature-card .feature-icon{position:relative}
.feature-chat.in-view .feature-icon{animation:rc-feature-talk 4.2s ease-in-out infinite}
.feature-radio.in-view .feature-icon{animation:rc-feature-tune 3s ease-in-out infinite}
.feature-trophy.in-view .feature-icon{animation:rc-feature-trophy 5s ease-in-out infinite}
.feature-gift.in-view .feature-icon{animation:rc-feature-gift 4s ease-in-out infinite}
.feature-user.in-view .feature-icon{animation:rc-feature-user 5.3s ease-in-out infinite}
.feature-devices.in-view .feature-icon{animation:rc-feature-device 5s ease-in-out infinite}
.feature-card:hover .feature-icon{animation-play-state:paused;transform:translateY(-4px) scale(1.1)}
.feature-card .feature-art{opacity:.06;transition:opacity .5s,transform .7s}
.feature-card:hover .feature-art{opacity:.13;transform:rotate(-7deg) translate3d(-12px,-10px,0)}
.feature-card .rc-card-sheen{position:absolute;inset:-2px;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 28%,#c5b1ff1b 49%,transparent 70%);transform:translateX(-140%);opacity:.65}
.feature-card:hover .rc-card-sheen{transition:transform 1.05s ease;transform:translateX(140%)}
/* Network diagram: orbiting light markers and lines that activate as the scene comes in */
.rc-network-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0}
.rc-network-rings i{position:absolute;display:block;width:min(64%,340px);aspect-ratio:1;border-radius:50%;border:1px dashed #a79bff50;animation:rc-network-orbit 29s linear infinite}
.rc-network-rings i:before{content:"";position:absolute;top:-5px;left:50%;width:9px;height:9px;border-radius:50%;background:#b7ceff;box-shadow:0 0 18px 7px #748dff71}
.rc-network-rings i:nth-child(2){width:min(84%,450px);animation-duration:41s;animation-direction:reverse;border-color:#84d9ee42}
.rc-network-rings i:nth-child(2):before{background:#85e8db;box-shadow:0 0 18px 8px #65eed14f}
.rc-network-rings i:nth-child(3){width:min(47%,240px);animation-duration:17s;border-color:#a88aff38}
.story-section .network-svg{z-index:1;animation:rc-network-hover 10s ease-in-out infinite}
.story-section.rc-awake .network-svg g[stroke="url(#edgeGradient)"] path{stroke-dasharray:1100;stroke-dashoffset:1100;animation:rc-link-draw 4.7s ease-out forwards}
.story-section.rc-awake .network-svg g[stroke="url(#edgeGradient)"] path:nth-child(2){animation-delay:.45s}
.story-section .network-svg g[fill="#9a8bff"] circle{animation:rc-node-flare 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.story-section .network-svg g[fill="#9a8bff"] circle:nth-child(even){animation-delay:-2s}
.story-section .story-points>div .i{animation:rc-check-pop 5.7s ease-in-out infinite}
.story-section .story-points>div:nth-child(2) .i{animation-delay:-1.5s}.story-section .story-points>div:nth-child(3) .i{animation-delay:-3s}
/* Connect: three linked panels with signal pulses */
.connect-grid{position:relative}
.connect-grid:before{content:"";position:absolute;left:13%;right:13%;top:37%;height:1px;z-index:0;background:linear-gradient(90deg,transparent,#7ed7ee55,#b69bff7c,#73eaca61,transparent)}
.connect-card{overflow:hidden;transition:border-color .35s,box-shadow .35s,transform .45s cubic-bezier(.2,.7,.2,1)}
.connect-card.rc-spotlight:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(130deg,transparent 18%,rgba(124,202,244,.12) 49%,transparent 80%);transform:translateX(-140%);animation:rc-connect-scan 8s ease-in-out infinite}
.connect-card:nth-child(2):before{animation-delay:-2.8s}.connect-card:nth-child(3):before{animation-delay:-5.3s}
.connect-card:hover{transform:translateY(-9px);box-shadow:0 28px 70px #07082378,0 0 35px #7275ff1a}
.connect-card .connect-icon{animation:rc-connect-beacon 5s ease-in-out infinite}
.connect-card:nth-child(2) .connect-icon{animation-delay:-1.6s}.connect-card:nth-child(3) .connect-icon{animation-delay:-3.3s}
.connection-settings>div{position:relative}
.connect-section.rc-awake .connection-settings>div b{animation:rc-setting-flash .7s both}
.connect-section.rc-awake .connection-settings>div:nth-child(2) b{animation-delay:.32s}
.connect-section.rc-awake .connection-settings>div:nth-child(3) b{animation-delay:.58s}
/* Projects: separate chromatic and liquid-glass effects. */
.project-card{transform-style:preserve-3d;isolation:isolate}
.project-card:before{content:"";position:absolute;inset:-1px;pointer-events:none;z-index:0;border-radius:inherit;background:linear-gradient(108deg,transparent 30%,#91b8ff17 49%,transparent 66%);transform:translateX(-130%);transition:transform .95s ease}
.project-card:hover:before{transform:translateX(120%)}
.project-card>*{position:relative;z-index:1}
.project-card .project-arrow{transition:background .3s,transform .4s}
.project-card:hover .project-arrow{transform:rotate(45deg) scale(1.1)}
.project-card .project-icon{animation:rc-project-hover 5.2s ease-in-out infinite}
.project-card:nth-child(2) .project-icon{animation-delay:-2.5s}
.project-card:hover .project-icon{animation-play-state:paused;transform:translateY(-6px) rotate(-8deg)}
.project-card.rc-card-bright{border-color:#9c9cf366;box-shadow:0 0 60px #6684e814}
/* FAQ: ambient glyphs, active question bloom, interaction feedback */
.faq-decor span:nth-child(1){animation:rc-faq-question 10s ease-in-out infinite}
.faq-decor span:nth-child(2){animation:rc-faq-star 7s ease-in-out infinite}
.faq-decor span:nth-child(3){animation:rc-faq-plus 9s ease-in-out infinite}
.faq-item{position:relative;transition:background .4s ease,padding .4s,border-color .4s}
.faq-item[open]{background:linear-gradient(120deg,#8771e20c,#5c84ef0c);border-color:#a491ff42}
.faq-item[open]:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:4px;background:linear-gradient(#856dff,#7dcaff);box-shadow:0 0 12px #a68bff66;animation:rc-faq-reveal .5s ease both}
.faq-item summary:hover strong{color:#b9abff}
.faq-item .faq-plus{transition:transform .45s cubic-bezier(.2,.9,.3,1),color .3s,background .3s}
.faq-item[open] .faq-answer{animation:rc-answer-fade .45s ease both}
/* Finishing scene: celestial rings and falling streams */
.final-cta{transition:box-shadow .55s,transform .55s;--rc-final-shift:0%}
.final-section.rc-awake .final-cta{box-shadow:0 40px 110px #5143b45f,0 0 45px #8b8bff29}
.final-cta:before{content:"";position:absolute;inset:-150% -30%;z-index:-1;pointer-events:none;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,#c9e2ff21 35deg,transparent 56deg,#d8baff2b 109deg,transparent 145deg,#ebf6ff13 215deg,transparent 265deg,#d3baff29 312deg,transparent 350deg);animation:rc-final-beams 23s linear infinite}
.final-cta .rc-cta-stars{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.final-cta .rc-cta-stars i{position:absolute;top:var(--sy);left:var(--sx);width:var(--sz);height:var(--sz);background:#e8f5ff;border-radius:50%;opacity:.6;box-shadow:0 0 16px 5px #c9d8ff59;animation:rc-cta-spark var(--sp) ease-in-out infinite alternate}
.final-cta .rc-cta-stars i:nth-child(even){background:#ffd8f7}
.final-cta .section-kicker,.final-cta h2,.final-cta p,.final-cta .final-buttons{position:relative;z-index:2}
.final-cta h2 em{background:linear-gradient(98deg,#fff,#ccdcff,#ffdafa,#fff);background-size:250% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:rc-gradient-push 9s ease-in-out infinite}
.final-cta .btn{transition:transform .28s,box-shadow .28s}
.final-cta .btn:hover{transform:translateY(-5px) scale(1.025)}
.site-footer .brand-mark{box-shadow:0 0 22px #9f74ff5e}
.footer-col a{position:relative;width:max-content;max-width:100%;transition:color .2s,transform .25s}
.footer-col a:hover{transform:translateX(5px)}
.footer-bottom .heart{display:inline-block;animation:rc-heartbeat 2.8s ease-in-out infinite}
/* Light-mode tuning */
html[data-theme="light"] .rc-page-rail{background:#fffffff0;border-color:#8279d94a}
html[data-theme="light"] .rc-page-rail a span{background:#fff;color:#373158}
html[data-theme="light"] .rc-stage-lights i:nth-child(1){opacity:.6}
html[data-theme="light"] .faq-item[open]{background:linear-gradient(120deg,#a698ff20,#b8e1ff21)}
/* Animations */
@keyframes rc-light-drift{from{transform:translate3d(-45px,35px,0) scale(.9)}to{transform:translate3d(80px,-55px,0) scale(1.2)}}
@keyframes rc-spark-travel{0%{transform:translate3d(0,10px,0);opacity:.2}60%{opacity:1}100%{transform:translate3d(150px,-70px,0);opacity:.1}}
@keyframes rc-rail-scan{0%,20%{transform:translateX(0);opacity:0}55%{opacity:.95}85%,100%{transform:translateX(min(66vw,800px));opacity:0}}
@keyframes rc-logo-orbit{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(5deg) scale(1.04)}}
@keyframes rc-logo-turn{0%{transform:rotate(-8deg)}60%{transform:rotate(16deg) scale(1.12)}100%{transform:rotate(0deg)}}
@keyframes rc-badge-levitate{50%{transform:translateY(-5px);box-shadow:0 0 34px #aa7bff35}}
@keyframes rc-heading-star{0%,100%{transform:translate(0,0) scale(.7);opacity:.18}50%{transform:translate(24px,-17px) scale(1.2);opacity:1}}
@keyframes rc-button-glint{0%,58%,100%{left:-90%}79%{left:140%}}
@keyframes rc-comet-cross{0%,10%{opacity:0;transform:rotate(-35deg) translateX(-120px)}13%{opacity:.75}30%{opacity:0;transform:rotate(-35deg) translateX(400px)}100%{opacity:0}}
@keyframes rc-number-pop{50%{border-color:#baa2ffa3;box-shadow:0 0 18px #8d79ff35}}
@keyframes rc-feature-talk{0%,100%{transform:translateY(0)}20%{transform:translateY(-5px)}35%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes rc-feature-tune{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-7deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-4deg)}}
@keyframes rc-feature-trophy{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-6px) scale(1.07);filter:drop-shadow(0 0 9px #e6b9ff70)}}
@keyframes rc-feature-gift{0%,100%{transform:rotate(0deg) scale(1)}30%{transform:rotate(10deg) scale(1.06)}54%{transform:rotate(-9deg)}68%{transform:rotate(5deg)}}
@keyframes rc-feature-user{0%,100%{transform:translateY(0)}40%{transform:translateY(-5px) scale(1.06)}64%{transform:translateY(0)}}
@keyframes rc-feature-device{0%,100%{transform:perspective(500px) rotateY(-9deg)}50%{transform:perspective(500px) rotateY(11deg)}}
@keyframes rc-network-orbit{to{transform:rotate(360deg)}}
@keyframes rc-network-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes rc-node-flare{0%,100%{opacity:.72;transform:scale(.92)}50%{opacity:1;transform:scale(1.16)}}
@keyframes rc-link-draw{to{stroke-dashoffset:0}}
@keyframes rc-check-pop{0%,100%{transform:scale(1)}45%{transform:scale(1.15)}}
@keyframes rc-connect-scan{0%,40%,100%{transform:translateX(-140%)}64%{transform:translateX(140%)}}
@keyframes rc-connect-beacon{0%,100%{box-shadow:0 0 0 #7f83ff00}50%{box-shadow:0 0 20px #91acff63;transform:scale(1.06)}}
@keyframes rc-setting-flash{from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes rc-project-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(4deg)}}
@keyframes rc-faq-question{0%,100%{transform:rotate(17deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-15px)}}
@keyframes rc-faq-star{to{transform:rotate(360deg)}}
@keyframes rc-faq-plus{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(10px) rotate(90deg)}}
@keyframes rc-faq-reveal{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
@keyframes rc-answer-fade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes rc-final-beams{to{transform:rotate(360deg)}}
@keyframes rc-cta-spark{from{opacity:.07;transform:translateY(17px) scale(.5)}to{opacity:.9;transform:translateY(-21px) scale(1.5)}}
@keyframes rc-gradient-push{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes rc-heartbeat{0%,100%{transform:scale(1)}10%,30%{transform:scale(1.24)}20%,40%{transform:scale(.94)}}
/* Keep motion smooth and menus clickable on small screens */
@media(max-width:1340px){.rc-page-rail{right:8px}}
@media(max-width:1130px){.rc-page-rail{display:none}}
@media(max-width:770px){
 .rc-cosmos{opacity:.39}
 .rc-stage-lights i:nth-child(2),.rc-stage-lights i:nth-child(3){display:none}
 .rc-stage-lights i:nth-child(1){opacity:.65}
 .rc-network-rings i:nth-child(2){display:none}
 .connect-grid:before{display:none}
 .hero-visual .rc-comet{display:none}
 .feature-card.rc-card-3d{transform:none!important}
 .rc-motion-zone>.container{z-index:2}
}
@media(prefers-reduced-motion:reduce){
 .rc-cosmos,.rc-stage-lights,.rc-stage-line,.rc-network-rings,.rc-comet,.rc-cta-stars{display:none!important}
 .rc-page-rail{transition:none}
 .feature-card.rc-card-3d{transform:none!important}
 .story-section .network-svg g[stroke="url(#edgeGradient)"] path{stroke-dasharray:none;stroke-dashoffset:0}
}
/* Pause expensive scene effects when their section is not near the viewport. */
.rc-motion-zone:not(.rc-awake) .rc-stage-lights i,
.rc-motion-zone:not(.rc-awake) .rc-stage-line:after,
.rc-motion-zone:not(.rc-awake) .rc-network-rings i,
.rc-motion-zone:not(.rc-awake) .network-svg,
.rc-motion-zone:not(.rc-awake) .network-svg circle,
.rc-motion-zone:not(.rc-awake) .connect-icon,
.rc-motion-zone:not(.rc-awake) .project-icon,
.rc-motion-zone:not(.rc-awake) .faq-decor span,
.rc-motion-zone:not(.rc-awake) .final-cta:before,
.rc-motion-zone:not(.rc-awake) .rc-cta-stars i{animation-play-state:paused!important}
/* Different entrance choreography from section to section (rather than one generic fade). */
.js .features-section .section-heading.reveal:not(.in-view){transform:translate3d(-52px,12px,0)}
.js .features-section .feature-card.reveal:not(.in-view){transform:translate3d(0,40px,0) scale(.95)}
.js .story-section .network-graphic.reveal:not(.in-view){transform:translate3d(-36px,25px,0) scale(.88) rotate(-4deg)}
.js .story-section .story-content.reveal:not(.in-view){transform:translate3d(55px,0,0)}
.js .connect-section .section-heading.reveal:not(.in-view){transform:translate3d(0,30px,0) scale(.94)}
.js .connect-section .connect-card.reveal:not(.in-view){transform:translate3d(0,50px,0) scale(.94)}
.js .projects-section .section-heading.reveal:not(.in-view){transform:translate3d(-45px,0,0)}
.js .projects-section .project-card.reveal:not(.in-view){transform:translate3d(-65px,12px,0)}
.js .projects-section .project-card:nth-child(even).reveal:not(.in-view){transform:translate3d(65px,12px,0)}
.js .faq-section .faq-intro.reveal:not(.in-view){transform:translate3d(-55px,15px,0)}
.js .faq-section .faq-questions.reveal:not(.in-view){transform:translate3d(55px,15px,0)}
.js .final-section .final-cta.reveal:not(.in-view){transform:translate3d(0,40px,0) scale(.93)}
.js .rc-motion-zone .reveal.in-view{transform:translate3d(0,0,0)}
.js .feature-card.rc-card-3d.in-view{transform:translateY(var(--rc-up)) perspective(1000px) rotateX(var(--rc-rx)) rotateY(var(--rc-ry))}
@media(max-width:770px){.js .rc-motion-zone .reveal:not(.in-view){transform:translate3d(0,23px,0)!important}.js .feature-card.rc-card-3d.in-view{transform:none!important}}
@media(prefers-reduced-motion:reduce){.js .rc-motion-zone .reveal:not(.in-view),.js .rc-motion-zone .reveal.in-view{opacity:1!important;transform:none!important}}

/* v1.0.2 Ultra Motion: clean, perfectly centered FAQ + / - icons.
   Draw both strokes as CSS geometry to avoid font-dependent misalignment. */
.faq-item summary .faq-plus{
  position:relative;display:block;flex:0 0 32px;box-sizing:border-box;
  width:32px;height:32px;border-radius:50%;line-height:0;font-size:0;
  transform:none!important;transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.faq-item summary .faq-plus::before,.faq-item summary .faq-plus::after{
  content:"";position:absolute;left:50%;top:50%;border-radius:2px;
  background:currentColor;transform:translate(-50%,-50%);
  transition:opacity .22s ease,transform .22s ease;
}
.faq-item summary .faq-plus::before{width:13px;height:2px}
.faq-item summary .faq-plus::after{width:2px;height:13px}
.faq-item[open] summary .faq-plus{background:#7a65d52d;color:#c4afff;border-color:#a894ff55}
.faq-item[open] summary .faq-plus::after{opacity:0;transform:translate(-50%,-50%) scaleY(.1)}
/* Keep the fourth channel readable even at 320px without affecting the chat preview. */
@media(max-width:550px){.mock-channel.retro-node{gap:3px;padding-inline:4px;font-size:9px;letter-spacing:-.15px}}
@media(prefers-reduced-motion:reduce){
 .faq-item summary .faq-plus,.faq-item summary .faq-plus::before,.faq-item summary .faq-plus::after{transition:none}
}