.site-header{position:sticky;top:0;border-bottom:1px solid #eeeef6;backdrop-filter:blur(14px)}
.board article{transition:transform .25s,box-shadow .25s}.board article:hover{transform:translateY(-4px);box-shadow:0 12px 22px #171b3712}
.orbit{animation:morph-contour 14s ease-in-out infinite}.orbit-two{animation-delay:-7s}
@keyframes morph-contour{0%,100%{border-radius:42% 58% 68% 32% / 36% 45% 55% 64%;transform:rotate(-16deg)}35%{border-radius:70% 30% 42% 58% / 65% 55% 45% 35%;transform:rotate(10deg)}70%{border-radius:28% 72% 35% 65% / 48% 28% 72% 52%;transform:rotate(-5deg)}}
.morph-section{margin-top:70px;background:#171b37;color:#fff;overflow:hidden;position:relative}
.morph-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;min-height:630px;padding-block:64px}
.morph-copy{position:relative;z-index:2}.morph-copy h2{font-size:clamp(42px,4.8vw,66px);letter-spacing:-.055em;line-height:1.05;margin:0 0 26px}.morph-copy h2 span{color:#c5b8ff}
.morph-copy>p{font-size:18px;color:#cbd0e4;line-height:1.7;max-width:440px;margin:0 0 28px}
.scene-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:30px}.scene-tabs button{background:#ffffff0c;color:#dcd9f1;border:1px solid #ffffff25;border-radius:24px;padding:11px 17px;font-size:12px;font-weight:600;transition:background .25s,color .25s}.scene-tabs button[aria-selected=true]{background:#c5b8ff;color:#171b37;border-color:#c5b8ff}.scene-tabs button:hover{border-color:#c5b8ff}
.scene-cta{background:#fff;color:#171b37}.scene-cta:hover{background:#efedff;color:#171b37}
.morph-art{position:relative;width:100%;min-width:0;aspect-ratio:600/520}.morph-canvas{display:block;width:100%;height:auto;overflow:visible;transition:filter .5s}
.morph-art[data-scene-state=projects] .morph-canvas{filter:hue-rotate(24deg)}.morph-art[data-scene-state=spaces] .morph-canvas{filter:hue-rotate(-25deg)}
.scene-ticket{position:absolute;display:flex;align-items:center;gap:13px;background:#fff;color:#171b37;padding:17px 21px;box-shadow:0 16px 38px #080a2040;border-radius:15px;animation:ticket-drift 7s ease-in-out infinite;animation-play-state:paused;max-width:85%}
.graphic-visible .scene-ticket{animation-play-state:running}.ticket-top{top:10%;left:2%;transform:rotate(-5deg)}.ticket-bottom{bottom:13%;right:0;transform:rotate(4deg);animation-delay:-3s}.ticket-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#efedff;color:#6554e8;font-weight:750;flex-shrink:0}.ticket-icon.mint{background:#e4f3ec;color:#216e50}.scene-ticket b{display:block;font-size:13px}.scene-ticket small{display:block;font-size:10px;color:#69718b;margin-top:5px;line-height:1.5}.scene-caption{font-size:10px;color:#a9abc7;position:absolute;bottom:-12px;left:0;width:100%;text-align:center}
.morph-orbits{transform-origin:300px 265px;animation:scene-orbit 35s linear infinite;animation-play-state:paused}.graphic-visible .morph-orbits{animation-play-state:running}.scene-particle{animation:particle-orbit 9s ease-in-out infinite;animation-play-state:paused}.graphic-visible .scene-particle{animation-play-state:running}.scene-particle:nth-last-child(2){animation-delay:-3s}.scene-particle:last-child{animation-delay:-6s}
.corporate-footer{background:#fff;padding-top:65px;color:#171b37}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:36px;padding-bottom:50px}.footer-brand p{font-size:22px;letter-spacing:-.025em;line-height:1.35;margin:24px 0;color:#171b37}.footer-demo{display:inline-flex;color:#6554e8;font-size:13px;font-weight:650;gap:18px}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-grid nav h2{font-size:13px;margin:5px 0 10px;font-weight:700}.footer-grid nav a{font-size:12px;color:#666c83;line-height:1.5}.footer-grid nav a:hover{color:#6554e8}.footer-motion-toggle{font-size:11px;color:#6554e8;background:#efedff;border:0;border-radius:6px;padding:9px 12px;text-align:left}.footer-note{display:flex;gap:20px;align-items:center;background:#f6f5ff;border-radius:12px;padding:22px 26px;margin-bottom:35px}.footer-note p{font-size:14px;margin:0;color:#424765;line-height:1.6}.footer-note>a{font-size:12px;white-space:nowrap;color:#6554e8;font-weight:650;margin-left:auto}.footer-shapes{display:flex;align-items:center;gap:6px;flex-shrink:0}.footer-shapes span{width:28px;height:28px;background:#b2a3f4;border-radius:8px;animation:footer-form 9s ease-in-out infinite;animation-play-state:paused}.graphic-visible .footer-shapes span{animation-play-state:running}.footer-shapes span:nth-child(2){background:#91d9bb;animation-delay:-2s}.footer-shapes span:nth-child(3){background:#f1c9ad;animation-delay:-4s}.footer-shapes span:nth-child(4){background:#8e83cb;animation-delay:-6s}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:11px;color:#777d93;padding:24px 0 32px;border-top:1px solid #e7e8f1}.footer-bottom small{font-size:11px}.footer-bottom>div{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom a:hover{color:#6554e8}
html[data-motion=paused] .scene-ticket,html[data-motion=paused] .morph-orbits,html[data-motion=paused] .scene-particle,html[data-motion=paused] .footer-shapes span{animation-play-state:paused!important}
@keyframes ticket-drift{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes scene-orbit{to{rotate:360deg}}
@keyframes particle-orbit{0%,100%{translate:0 0;opacity:.65}50%{translate:12px -16px;opacity:1}}
@keyframes footer-form{0%,100%{border-radius:8px;rotate:0deg}33%{border-radius:50%;rotate:90deg}66%{border-radius:3px 14px 3px 14px;rotate:180deg}}
@media(max-width:1000px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px}.footer-brand{grid-row:span 2}.morph-copy h2{font-size:48px}.scene-ticket{padding:14px;gap:10px}.scene-ticket b{font-size:12px}}
@media(max-width:650px){.morph-section{margin-top:44px}.morph-layout{grid-template-columns:1fr;gap:28px;padding-block:44px;min-height:0}.morph-copy h2{font-size:46px}.morph-copy>p{font-size:16px;max-width:none}.scene-tabs button{padding:10px 12px;font-size:11px}.morph-art{max-width:430px;margin:auto}.scene-ticket{padding:12px;max-width:85%;gap:8px}.ticket-icon{width:28px;height:28px;border-radius:8px}.scene-ticket b{font-size:10px}.scene-ticket small{font-size:9px}.ticket-top{top:5%;left:0}.ticket-bottom{right:0;bottom:12%}.scene-caption{font-size:9px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-brand p{font-size:25px}.corporate-footer{padding-top:42px}.footer-grid nav a{font-size:12px}.footer-note{flex-wrap:wrap;gap:16px;padding:20px}.footer-note p{width:100%;font-size:13px}.footer-note>a{margin:0}.footer-bottom{font-size:10px;gap:20px}.footer-bottom>div{gap:14px}.morph-copy .scene-cta{min-height:46px}}
@media(prefers-reduced-motion:reduce){.morph-canvas{transition:none}.scene-ticket,.morph-orbits,.scene-particle,.footer-shapes span{animation:none!important}}

.feature-art{width:100%;height:140px;background:#faf9ff;border-radius:17px;margin-bottom:22px;overflow:hidden}.feature-art svg{display:block;width:100%;height:100%}.feature-art-projects{background:#f5faf7}.feature-art-documents{background:#fffbf7}.feature-satellite{animation:feature-pulse 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center;animation-play-state:paused}.feature-satellite:last-of-type{animation-delay:-2.5s}.graphic-visible .feature-satellite,.graphic-visible .feature-progress,.graphic-visible .feature-doc-front,.graphic-visible .feature-doc-back{animation-play-state:running}.feature-progress{stroke-dasharray:116;animation:feature-draw 7s ease-in-out infinite;animation-play-state:paused}.feature-doc-front{animation:doc-slide 7s ease-in-out infinite;animation-play-state:paused}.feature-doc-back{animation:doc-slide 7s ease-in-out infinite reverse;animation-play-state:paused}html[data-motion=paused] .feature-art *{animation-play-state:paused!important}@keyframes feature-pulse{50%{scale:1.17}}@keyframes feature-draw{0%,100%{stroke-dashoffset:90}50%{stroke-dashoffset:0}}@keyframes doc-slide{50%{translate:8px -5px}}@media(max-width:760px){.feature-columns .feature-art{grid-column:1/-1;height:150px;margin-bottom:18px}.feature-columns h3,.feature-columns p,.feature-columns a{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.feature-art *{animation:none!important}}

#main,#plans,#how-it-works,.product-row{scroll-margin-top:116px}@media(max-width:760px){#main,#plans,#how-it-works,.product-row{scroll-margin-top:92px}}
