.reference-ui .about-hero{min-height:620px;padding-top:120px;position:relative;overflow:hidden}.reference-ui .about-hero:before{content:"";background:radial-gradient(circle, rgb(var(--primary) / .13), transparent 68%);pointer-events:none;width:640px;height:500px;position:absolute;top:10px;left:-150px}.reference-ui .about-hero h1{letter-spacing:-2.5px;max-width:820px;margin:24px 0 22px;font-size:58px;line-height:1.12;position:relative}.reference-ui .about-hero>p{max-width:620px;line-height:1.9;position:relative}.reference-ui .about-hero>.button{margin-top:30px}.reference-ui .about-mascot{width:340px;filter:drop-shadow(0 30px 38px rgb(var(--primary) / .2));animation:5s ease-in-out infinite mascot-float;position:absolute;top:90px;right:4%}@media (width<=1180px){.reference-ui .about-mascot{opacity:.75;width:270px}.reference-ui .about-hero h1{max-width:690px;font-size:50px}}@media (width<=860px){.reference-ui .about-hero{min-height:auto;padding-top:70px;padding-bottom:80px}.reference-ui .about-hero h1{font-size:44px}.reference-ui .about-mascot{width:210px;margin:40px auto 0;display:block;position:relative;top:auto;right:auto}}@media (width<=560px){.reference-ui .about-hero h1{letter-spacing:-1.2px;font-size:34px;line-height:1.17}}.reference-ui .about-hero>.intro-badge{display:none!important}.reference-ui .about-hero h1{margin-top:0}.reference-ui .about-page{background:linear-gradient(180deg, rgb(var(--primary) / .025), #fff 620px);overflow:hidden}.reference-ui .about-page .about-hero{grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);align-items:center;gap:78px;min-height:690px;padding-top:82px;padding-bottom:86px;display:grid;overflow:visible}.reference-ui .about-page .about-hero:before{background:radial-gradient(circle, rgb(var(--violet) / .11), transparent 67%);width:760px;height:760px;top:-120px;left:auto;right:-260px}.reference-ui .about-copy{z-index:2;position:relative}.reference-ui .about-overline{color:rgb(var(--primary));letter-spacing:1.7px;margin-bottom:22px;font-size:12px;font-weight:750;display:block}.reference-ui .about-page .about-hero h1{letter-spacing:-2.4px;max-width:660px;margin:0 0 26px;font-size:55px;line-height:1.16}.reference-ui .about-page .about-hero>div>p{max-width:620px;color:rgb(var(--text));font-size:16px;line-height:2}.reference-ui .about-principles{flex-wrap:wrap;gap:22px;margin-top:28px;display:flex}.reference-ui .about-principles span{align-items:center;gap:7px;font-size:13px;font-weight:650;display:flex}.reference-ui .about-principles svg{color:rgb(var(--primary))}.reference-ui .about-system{place-items:center;min-height:500px;display:grid;position:relative}.reference-ui .about-metrics{border:1px solid rgb(var(--border));box-shadow:0 22px 65px rgb(var(--primary) / .08);background:#fff;border-radius:24px;grid-template-columns:repeat(4,1fr);margin-top:-34px;display:grid;overflow:hidden}.reference-ui .about-metrics article{border-right:1px solid rgb(var(--border));padding:30px 28px}.reference-ui .about-metrics article:last-child{border-right:0}.reference-ui .about-metrics strong{color:rgb(var(--primary));font-size:40px;line-height:1;display:block}.reference-ui .about-metrics h2{margin:13px 0 5px;font-size:16px}.reference-ui .about-metrics p{font-size:12px}.reference-ui .about-story{grid-template-columns:1.05fr .95fr;align-items:center;gap:78px;display:grid}.reference-ui .about-story-visual{border:1px solid rgb(var(--primary) / .13);background:linear-gradient(145deg, rgb(var(--primary) / .075), rgb(var(--violet) / .04));border-radius:28px;padding:22px;transform:rotate(-1deg)}.reference-ui .about-story-copy h2{margin-bottom:20px;font-size:38px;line-height:1.45}.reference-ui .about-story-copy>p{font-size:15px;line-height:1.9}.reference-ui .about-values{background:linear-gradient(120deg, rgb(var(--primary) / .04), rgb(var(--violet) / .035));padding:86px 0 100px}.reference-ui .about-value-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.reference-ui .about-value-grid article{border:1px solid rgb(var(--border));background:#fff;border-radius:22px;padding:32px;position:relative;overflow:hidden}.reference-ui .about-value-grid article>span{color:rgb(var(--primary) / .14);font-size:48px;font-weight:850;position:absolute;top:18px;right:24px}.reference-ui .about-value-grid h3{margin-bottom:12px;font-size:21px}.reference-ui .about-value-grid p{font-size:14px}@media (width<=980px){.reference-ui .about-page .about-hero{grid-template-columns:1fr;gap:30px;padding-top:60px}.reference-ui .about-system{min-height:460px}.reference-ui .about-metrics{grid-template-columns:1fr 1fr}.reference-ui .about-metrics article:nth-child(2){border-right:0}.reference-ui .about-metrics article:nth-child(-n+2){border-bottom:1px solid rgb(var(--border))}.reference-ui .about-story,.reference-ui .about-value-grid{grid-template-columns:1fr}}@media (width<=860px){.reference-ui .about-page .about-hero h1{font-size:44px}.reference-ui .about-system{transform:scale(.9)}}@media (width<=560px){.reference-ui .about-page .about-hero{padding-top:44px}.reference-ui .about-overline{letter-spacing:1px;overflow-wrap:anywhere;font-size:9px;line-height:1.6}.reference-ui .about-page .about-hero h1{letter-spacing:-1.2px;font-size:32px}.reference-ui .about-page .about-hero>div>p{font-size:15px}.reference-ui .about-system{min-height:390px;margin-inline:-70px;transform:scale(.72)}.reference-ui .about-metrics{grid-template-columns:1fr;margin-top:-16px}.reference-ui .about-metrics article{border-right:0;border-bottom:1px solid rgb(var(--border))}.reference-ui .about-metrics article:last-child{border-bottom:0}.reference-ui .about-story{gap:42px}.reference-ui .about-story-copy h2{font-size:30px}.reference-ui .about-values{padding-block:68px}}@media (width>=1181px){.reference-ui .about-page .about-hero{grid-template-columns:minmax(0,1.2fr) minmax(440px,.8fr);gap:30px}.reference-ui .about-page .about-hero h1{white-space:nowrap;max-width:none;font-size:44px}.reference-ui .about-page .about-hero>div>p{white-space:nowrap;max-width:none;font-size:15px}}@media (width<=980px){.reference-ui .about-page .about-hero h1,.reference-ui .about-page .about-hero>div>p{white-space:normal}}.reference-ui .about-title-line{display:block}.reference-ui .about-page .about-hero h1{max-width:none}.reference-ui .about-system{isolation:isolate;min-height:520px;filter:drop-shadow(0 30px 36px rgb(var(--primary) / .13))}.reference-ui .about-system:before{content:"";z-index:-2;background:radial-gradient(circle at 50% 44%, #fffffff5 0 24%, rgb(var(--primary) / .12) 49%, rgb(var(--violet) / .07) 62%, transparent 72%);border-radius:50%;width:520px;height:430px;position:absolute}.reference-ui .about-system:after{content:"";z-index:-1;background:radial-gradient(ellipse, rgb(var(--primary) / .22), transparent 68%);filter:blur(10px);border-radius:50%;width:390px;height:65px;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}@media (width<=560px){.reference-ui .about-system{min-height:410px}.reference-ui .about-system:before{width:460px;height:380px}.reference-ui .about-system:after{bottom:29px}}.reference-ui .about-system{filter:none;min-height:540px;overflow:visible}.reference-ui .about-system:after{background:radial-gradient(ellipse, rgb(var(--primary) / .24), transparent 69%);width:430px;height:72px;bottom:35px}.reference-ui .about-hero-art{z-index:2;width:min(100%,570px);height:auto;filter:drop-shadow(0 28px 30px rgb(var(--primary) / .21));transition:transform .5s var(--ease), filter .4s ease;display:block;position:relative;transform:translateY(-4px)}.reference-ui .about-system:hover .about-hero-art{filter:drop-shadow(0 38px 38px rgb(var(--primary) / .28));transform:translateY(-12px)rotate(-1deg)scale(1.025)}@media (hover:hover){.reference-ui .about-metrics article,.reference-ui .about-story-visual,.reference-ui .about-value-grid article{transition:transform .26s var(--ease), box-shadow .26s ease, border-color .26s ease, background .26s ease}.reference-ui .about-metrics article:hover,.reference-ui .about-value-grid article:hover{z-index:2;border-color:rgb(var(--primary) / .28);box-shadow:0 17px 42px rgb(var(--primary) / .11);position:relative;transform:translateY(-4px)scale(1.012)}.reference-ui .about-story-visual:hover{box-shadow:0 22px 52px rgb(var(--primary) / .12);transform:translateY(-5px)rotate(0)scale(1.012)}.reference-ui .about-value-grid article:hover .value-scene{transform:translateY(-5px)rotate(-3deg)scale(1.06)}}@media (width<=560px){.reference-ui .about-system{min-height:430px;margin-inline:-24px;transform:none}.reference-ui .about-hero-art{width:min(100%,440px)}}@media (prefers-reduced-motion:reduce){.reference-ui .about-system:hover .about-hero-art,.reference-ui .about-metrics article:hover,.reference-ui .about-story-visual:hover,.reference-ui .about-value-grid article:hover{transform:none!important}}.reference-ui .about-system{min-height:520px}.reference-ui .about-system:before{background:radial-gradient(circle at 50% 54%, rgb(var(--primary) / .12), rgb(var(--violet) / .045) 47%, transparent 72%);width:610px;height:420px}.reference-ui .about-system:after{width:390px;height:62px;bottom:42px}.reference-ui .about-hero-art{width:min(112%,680px);max-width:none;filter:drop-shadow(0 28px 34px rgb(var(--primary) / .18));transform:translateY(3px)}.reference-ui .about-system:hover .about-hero-art{transform:translateY(-7px)rotate(-.5deg)scale(1.018)}@media (width<=560px){.reference-ui .about-system{min-height:360px;margin-inline:-38px}.reference-ui .about-hero-art{width:125%}}.reference-ui .about-title-sweep>span{white-space:pre;opacity:0;animation:8s ease-in-out infinite about-title-sweep;animation-delay:calc(var(--character-index) * 70ms);display:inline-block}.reference-ui .about-title-typewriter{max-width:100%;animation:1.6s steps(8,end) .2s both about-title-typewriter;display:inline-block}@media (prefers-reduced-motion:reduce){.reference-ui .about-title-sweep>span,.reference-ui .about-title-typewriter{opacity:1;clip-path:none;animation:none;transform:none}}