/* Free scrolling, torn-paper steps and editorial feature gallery. */
@font-face{font-family:'USMCC Extra Bold';src:url('assets/usmcc-extra-bold.otf') format('opentype');font-weight:900;font-style:normal;font-display:swap}
.hero{isolation:isolate}.hero-inner{position:relative;z-index:1}.hero h1{font-family:'USMCC Extra Bold',Arial,'Microsoft YaHei',sans-serif;font-weight:900;font-synthesis:none}
html{scroll-snap-type:none;scroll-padding-top:0}
main>section,.footer{scroll-margin-top:0}
.hero{scroll-margin-top:6vw}
.hero-side{gap:20px}
.hero-side a{background:#fff;color:#222;min-height:64px;padding:18px 22px;border:0;align-items:center;filter:drop-shadow(0 5px 3px #0002);clip-path:polygon(2% 0,10% 3%,19% 0,28% 4%,37% 1%,46% 3%,56% 0,67% 4%,78% 0,88% 3%,98% 0,96% 14%,100% 24%,96% 34%,99% 45%,96% 58%,100% 70%,96% 82%,99% 96%,89% 100%,78% 97%,67% 100%,56% 97%,45% 100%,34% 97%,23% 100%,12% 97%,1% 100%,3% 85%,0 73%,3% 62%,0 49%,3% 36%,0 24%,4% 12%);transition:transform .25s,background .25s}
.hero-side a:after{display:none}.hero-side a:nth-child(1){transform:rotate(-3deg)}.hero-side a:nth-child(2){transform:rotate(2deg);background:var(--lime)}.hero-side a:nth-child(3){transform:rotate(-1.5deg)}.hero-side a:hover{color:#222;background:var(--lime);transform:rotate(0) translateX(-6px)}.hero-side a span{max-width:85%}
.value-card{--badge-rim:var(--lime)}.value-card.dark{--badge-rim:var(--ink)}.value-card.gray{--badge-rim:#eee}.metric-icon{outline:10px solid var(--badge-rim);box-shadow:none;isolation:isolate;color:white}.value-card.dark .metric-icon,.value-card.gray .metric-icon{color:#222}.metric-icon svg{width:72%;height:72%;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none;overflow:visible}.metric-icon .icon-fill{fill:currentColor;stroke-width:1.3}.metric-icon .icon-accent{fill:var(--lime);stroke:var(--lime);stroke-width:1}.value-card.dark .metric-icon .icon-fill{fill:var(--ink)}.value-card .metric{margin-top:1.3vw}
.features{height:auto;max-height:none;min-height:100svh;padding:95px 0 85px;background:#f7f7f4;border-top:1px solid #e9e9e4;isolation:isolate}
.features>.container{width:91.6667%;max-width:1600px}.features .section-intro{width:100%;margin:0 0 52px;align-items:end}.features .section-intro>p{max-width:370px;width:33%;line-height:1.6}.feature-stage{display:grid;grid-template-columns:.88fr 1.12fr;align-items:stretch;gap:5%;position:relative}.feature-list{background:transparent;min-width:0}.feature-item{border-top:1px solid #d5d5ce;border-bottom:0;transition:background .25s}.feature-item:last-child{border-bottom:1px solid #d5d5ce}.feature-trigger{height:auto;min-height:86px;padding:22px 17px;gap:20px;align-items:center}.feature-number{font-size:13px;min-width:28px}.feature-name{width:auto;max-width:none;flex:1;font-size:clamp(17px,1.65vw,26px);line-height:1.3}.feature-arrow{width:36px;height:36px;font-size:22px;flex:none}.feature-item.active{border-radius:10px;background:var(--ink);border-color:transparent}.feature-item.active+.feature-item{border-top-color:transparent}.feature-item.active .feature-description{display:block!important;color:#c5c5bd;padding:0 28px 28px 65px;max-width:540px;font-size:13px;line-height:1.85}.feature-preview{position:relative;inset:auto;width:100%;align-self:stretch;display:flex;flex-direction:column;transform:none!important;margin:0;border:1px solid #deded5;border-radius:16px;background:white;box-shadow:0 20px 65px #00000008;pointer-events:auto;overflow:visible}.preview-top{padding:20px 24px;font-size:13px;border-bottom:1px solid #eee;min-height:63px}.preview-top .status-dot{background:var(--lime)}.preview-index{font-size:9px;letter-spacing:1px}.preview-image{height:auto;aspect-ratio:2560/1390;min-height:220px;flex:1;margin:12px;background:#e8e7e0;border-radius:8px;overflow:hidden}.preview-image img{object-fit:contain;background:#fff}.image-note{right:24px;bottom:24px;font-size:10px}.preview-bottom{padding:16px 24px 24px;gap:30px;min-height:91px}.preview-bottom p{font-size:14px;line-height:1.6;max-width:80%}.preview-bottom .round-link{height:43px;width:43px;font-size:26px}.about{height:auto;min-height:100svh;max-height:none;display:flex;align-items:center;padding:100px 0 110px}.about .container{width:91.6667%}.knowledge{height:auto;max-height:none;min-height:100svh;display:flex;align-items:center}.workflow{height:auto;max-height:none;min-height:100svh}.closing{height:auto;max-height:none;min-height:78svh;display:flex;align-items:center}.footer{height:auto;min-height:90svh;max-height:none;padding-bottom:110px}
@media(min-width:761px){.hero-side{width:20%;right:-.3%;top:26vw}.hero-side a{font-size:clamp(12px,1.2vw,20px);min-height:clamp(55px,5vw,82px)}.metric-icon{width:clamp(42px,4.2vw,80px);height:clamp(42px,4.2vw,80px)}.features .section-intro h2{font-size:clamp(35px,3.4vw,56px)}.about .section-intro{margin-bottom:55px}.value-card{min-height:265px;height:22vw;max-height:380px}.knowledge-grid{min-height:560px}.workflow{padding:95px 0 110px}.workflow-grid{max-width:1450px;margin:auto}.tool-card{max-height:420px}.closing{padding:100px 0}.footer-grid{padding-bottom:100px}}
@media(min-width:761px) and (max-height:800px){.about{padding:80px 0}.features{padding:75px 0}.features .section-intro{margin-bottom:35px}.feature-trigger{min-height:72px;padding:18px 15px}.feature-item.active .feature-description{padding-bottom:20px}.preview-image{min-height:190px}}
@media(max-width:760px){html{scroll-snap-type:none}.hero{scroll-margin-top:72px}.about{padding:80px 0;min-height:100svh}.about .section-intro{margin-bottom:40px}.value-grid{gap:20px}.value-card{min-height:220px}.value-card .metric{margin-top:20px}.metric-icon{outline-width:10px;top:18px;left:20px;width:40px;height:40px}.features{padding:70px 0;min-height:100svh}.features .section-intro{display:block;margin-bottom:35px}.features .section-intro>p{width:100%;max-width:none;margin-top:22px}.feature-stage{grid-template-columns:1fr;gap:28px}.feature-trigger{min-height:70px;padding:16px 12px;gap:14px}.feature-name{font-size:17px}.feature-number{min-width:20px}.feature-item.active .feature-description{font-size:12px;padding:0 22px 22px 46px}.preview-top{font-size:12px;padding:16px}.preview-index{font-size:8px}.preview-image{min-height:180px;margin:8px}.preview-bottom{padding:12px 16px 18px}.preview-bottom p{font-size:12px}.knowledge{padding:80px 0;min-height:100svh}.workflow{padding:75px 0}.closing{min-height:65svh;padding:75px 0}.footer{padding-bottom:25px;min-height:70svh}.image-note{font-size:9px;right:18px;bottom:18px}.hero-side{display:none}}
.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.workflow-manifest{min-width:0}.workflow-manifest h3{font-size:clamp(28px,3vw,48px);line-height:1.2;letter-spacing:-1px}.workflow-manifest p{max-width:100%;line-height:1.6}.workflow-end p{font-size:clamp(20px,2vw,32px)}
.footer{background:#000;color:#fff}.footer-word{color:#fff;text-shadow:none;filter:none;transform:none}.footer .brand-mark{background:var(--lime)}.footer-grid h3{color:var(--lime)}.footer-grid>div>a:not(.brand):not(.button){color:#fff}.footer-grid>div>a:not(.brand):not(.button):hover{color:var(--lime)}.footer .button{background:var(--lime);color:#222}.footer .legal{color:#fff;border-color:#fff2}.footer .footer-word:before,.footer .footer-word:after{display:none}
@media(min-width:761px){.value-card:first-child p{font-size:1.1vw}.value-card:not(:first-child) p{font-size:.8vw}.workflow-manifest{padding-right:2vw}.workflow-grid{row-gap:1.4vw}.workflow .section-intro>p{max-width:420px}.footer .footer-word{padding-top:1vw}}
@media(max-width:760px){.value-card:first-child p{font-size:14px}.value-card:not(:first-child) p{font-size:12px}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-manifest h3{font-size:27px}.footer-word{color:white}}
.knowledge-art>img{object-fit:contain;background:#fff;height:auto;aspect-ratio:2260/1280}
.tool-card.workflow-screenshot{padding:0;background:#fff;color:#222;justify-content:space-between}.workflow-screenshot>img{position:relative;inset:auto;width:100%;height:calc(100% - 96px);object-fit:contain;background:#fff}.workflow-screenshot:after{display:none}.workflow-screenshot>div:last-child{margin:0;width:100%;padding:18px 22px 22px;border-top:1px solid #e8e8e8;background:#bfff00}.workflow-screenshot b{right:22px;bottom:22px}
@media(max-width:760px){.workflow-screenshot>img{height:calc(100% - 72px)}.workflow-screenshot>div:last-child{margin:0;padding:12px}.workflow-screenshot h3{font-size:16px}.workflow-screenshot b{right:12px;bottom:12px}}
.footer .footer-word{font-size:21.8vw}
@font-face{font-family:'vivo Sans';src:url('assets/vivo-sans-demibold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
html[lang=en] :is(.hero-copy p,.section-intro>p,.value-card p,.lead,.benefit-list p,.feature-description,.preview-bottom p,.workflow-manifest p,.faq details p,.closing-bottom>span){font-family:'vivo Sans',Arial,sans-serif;font-weight:600}
.features:before{content:'';position:absolute;left:0;right:0;top:-23px;height:24px;background:#f7f7f4;clip-path:polygon(0 55%,2% 33%,4% 60%,6% 20%,8% 48%,10% 38%,12% 65%,14% 29%,16% 43%,18% 17%,20% 50%,22% 27%,24% 55%,26% 32%,28% 62%,30% 21%,32% 42%,34% 33%,36% 58%,38% 14%,40% 43%,42% 24%,44% 51%,46% 35%,48% 62%,50% 26%,52% 47%,54% 17%,56% 55%,58% 33%,60% 63%,62% 23%,64% 44%,66% 31%,68% 57%,70% 16%,72% 43%,74% 29%,76% 61%,78% 20%,80% 47%,82% 32%,84% 56%,86% 18%,88% 41%,90% 27%,92% 60%,94% 35%,96% 48%,98% 23%,100% 51%,100% 100%,0 100%)}
.features{border-top:0;position:relative;overflow:visible}
.hero h1{background-image:linear-gradient(90deg,#27d0ff 0%,#9ff0ff 28%,#97c8cf 50%,#27d0ff 75%,#9ff0ff 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 14px #27d0ff29);animation:hero-gradient-flow 8s linear infinite}
.hero h1>span,.hero h1 .hero-bottom,.hero h1 .period{color:transparent}
@keyframes hero-gradient-flow{from{background-position:0% 50%}to{background-position:200% 50%}}
.icp-link{white-space:nowrap}.icp-link:hover{color:var(--lime)}
@media(max-width:760px){.legal{flex-wrap:wrap}.icp-link{order:3;width:100%;margin-top:8px}}
@keyframes hero-text-in{from{opacity:0;transform:translateY(26px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes hero-card-in{from{opacity:0;translate:0 55px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
@keyframes hero-star-in{from{opacity:0;scale:.6;rotate:-20deg}to{opacity:1;scale:1;rotate:0deg}}
.hero h1>span{display:inline-block;animation:hero-text-in .85s cubic-bezier(.2,.7,.2,1) both}.hero h1>span:last-child{animation-delay:.12s}
.hero-copy{animation:hero-text-in .75s cubic-bezier(.2,.7,.2,1) .28s both}
.hero .art-card{animation:hero-card-in 1s cubic-bezier(.2,.7,.2,1) both}.hero .art-back{animation-delay:.22s}.hero .art-middle{animation-delay:.36s}.hero .art-front{animation-delay:.5s}
.hero .art-star{transform-origin:center;animation:hero-star-in 1s cubic-bezier(.2,.7,.2,1) .5s both}
.hero-side{animation:hero-text-in .75s cubic-bezier(.2,.7,.2,1) .62s both}.hero-foot{animation:hero-text-in .75s cubic-bezier(.2,.7,.2,1) .7s both}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}.hero h1>span,.hero-copy,.hero .art-card,.hero .art-star,.hero-side,.hero-foot{animation:none;opacity:1;filter:none;translate:none;scale:none}}

.feature-preview{min-width:0}.preview-image{min-width:0}.preview-image img{min-width:0}@media(max-width:760px){.feature-stage{grid-template-columns:minmax(0,1fr)}.feature-preview .preview-image{min-height:0;flex:none}}
.hero h1{background:none;animation:none;filter:none}
.hero h1>span{background:none;color:#fff;-webkit-text-fill-color:#fff;animation:hero-text-in .85s cubic-bezier(.2,.7,.2,1) both;text-shadow:none}
.hero h1>span:last-child{animation-delay:.12s}
.hero h1 .hero-bottom,.hero h1 .period{color:#fff;-webkit-text-fill-color:#fff}
.hero .community-people img{margin-left:-12px;border:2px solid #000}
.hero .art-card{background:#fff;color:#222}.hero .art-card span{color:#222}
.hero-side a,.hero-side a:nth-child(2),.hero-side a:hover{background:#fff;color:#222}
@media(prefers-reduced-motion:reduce){.hero h1>span{animation:none}}