@font-face{font-family:Onest;src:url('/assets/onest-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Onest,system-ui,sans-serif;color:#26222b;background:#f5f2fa;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #2e9d72;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:1rem;z-index:100;padding:.7rem 1rem;background:#fff;border-radius:8px}.skip-link:focus{top:1rem}.shell{width:min(100% - 4rem,1360px);margin-inline:auto}.section-pad{padding-block:clamp(5rem,9vw,9rem)}.eyebrow{font-size:.78rem;letter-spacing:.15em;font-weight:800;color:#6546c5}.section-copy h2{font-size:clamp(2.7rem,5.2vw,5.3rem);line-height:1.03;letter-spacing:-.065em;margin:1.15rem 0 1.5rem;font-weight:770}.section-copy>p:last-child{font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.65;color:#716b79;max-width:33rem}.accent{color:#7657d6}
.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:4}.brand{display:inline-flex;align-items:center;gap:.7rem;font-size:1.26rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:30px;height:30px;display:inline-block;position:relative;background:#7657d6;border-radius:9px;transform:rotate(-7deg)}.brand-mark:before{content:"";position:absolute;width:17px;height:11px;left:8px;top:12px;background:#2c183f;border-radius:60% 45% 50% 55%;transform:rotate(-13deg)}.brand-mark:after{content:"";position:absolute;width:9px;height:6px;left:4px;top:8px;background:#8ccc5d;border-radius:70% 20% 60% 20%;transform:rotate(38deg)}.header-nav{display:flex;gap:2.3rem;color:#625b69;font-size:.94rem;font-weight:600}.header-nav a:hover,.footer nav a:hover{color:#6546c5}.header-download{border:1px solid #d8cee8;border-radius:12px;background:transparent;padding:.72rem 1rem;color:#493172;font-weight:760}.header-download span{margin-left:.7rem}.header-download:hover{background:#eee8ff}
.hero{min-height:min(770px,calc(100svh - 106px));display:grid;grid-template-columns:48% 52%;align-items:center;position:relative;padding-bottom:4rem}.hero-copy{position:relative;z-index:2;padding-block:3rem 6rem}.hero .eyebrow{display:flex;align-items:center;gap:.8rem}.eyebrow-line{width:26px;height:2px;background:#7657d6}.hero h1{font-size:clamp(4.2rem,8.7vw,9rem);letter-spacing:-.085em;line-height:.95;margin:1.6rem 0 2rem;font-weight:790}.hero h1 em,.final-cta h2 em{color:#7657d6;font-style:normal}.lead{font-size:clamp(1.14rem,1.65vw,1.5rem);line-height:1.5;max-width:34rem;color:#5e5865;margin:0 0 2.1rem}.button{border:0;border-radius:15px;padding:1rem 1.3rem;display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;font-size:1.04rem;font-weight:780;min-height:58px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:1.25rem;font-weight:500}.button-primary{background:#7657d6;color:#fff;box-shadow:0 13px 30px #7657d629}.button-primary:hover{background:#6546c5}.hero-note{font-size:.92rem;color:#8a8490;margin:1.1rem 0 0}.hero-art{height:620px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:min(100%,580px);aspect-ratio:1;background:radial-gradient(circle,#e3d9fa 0,#e8dffa 45%,transparent 70%);z-index:-2}.hero-art img{width:min(118%,740px);max-width:none;filter:drop-shadow(0 35px 25px #25103736);transform:rotate(-7deg);animation:hero-in .9s ease both}.hero-orbit{position:absolute;border:1px solid #d9cbed;border-radius:50%;z-index:-1}.orbit-one{width:88%;aspect-ratio:1;transform:rotate(-15deg) scaleY(.66)}.orbit-two{width:110%;aspect-ratio:1;transform:rotate(25deg) scaleY(.6)}.hero-stamp{position:absolute;bottom:9%;right:4%;width:132px;height:132px;border-radius:50%;background:#fff;box-shadow:0 15px 35px #37244f1c;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(9deg);gap:.15rem}.hero-stamp span{font-size:.64rem;font-weight:800;letter-spacing:.09em;color:#716b79}.hero-stamp strong{font-size:2.25rem;color:#7657d6;letter-spacing:-.08em;line-height:1}.hero-bottom{position:absolute;bottom:1.4rem;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid #ded7e7;padding-top:1.2rem;color:#8c8296;letter-spacing:.12em;font-size:.72rem;font-weight:750}.hero-bottom span:last-child{font-size:1.4rem;line-height:.7}
.growth{background:#fcfafe}.growth-inner{display:grid;grid-template-columns:1fr 1.25fr;gap:3.5rem;align-items:center}.growth-visual{display:grid;grid-template-columns:.8fr 1fr 1.28fr;gap:1rem;align-items:end;border-bottom:1px solid #ded7e7;padding-bottom:1.2rem}.growth-item{min-width:0;text-align:center}.growth-image{height:170px;display:flex;align-items:end;justify-content:center}.growth-image img{width:100%;height:auto;filter:drop-shadow(0 12px 10px #38204424)}.growth-small img{width:48%}.growth-medium img{width:72%}.growth-large img{width:100%}.growth-item strong{display:block;margin-top:1rem;font-size:clamp(1.25rem,2vw,2rem);letter-spacing:-.05em;white-space:nowrap}.growth-item strong small{font-size:.65em;color:#766e7f}.growth-item>span{display:block;font-size:.64rem;letter-spacing:.11em;font-weight:750;color:#98909d;margin-top:.25rem;white-space:nowrap}
.ranking{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:clamp(3rem,9vw,9rem)}.ranking-card{background:#fcfafe;border:1px solid #e6e0eb;border-radius:26px;box-shadow:0 26px 75px #34205012;padding:clamp(1.1rem,2.5vw,2.4rem);transform:rotate(1deg)}.ranking-head{display:flex;justify-content:space-between;align-items:center;padding:.25rem .45rem 1.8rem}.ranking-head div{display:flex;flex-direction:column;gap:.3rem}.ranking-head span:first-child{font-size:.69rem;letter-spacing:.13em;font-weight:800;color:#8d8396}.ranking-head strong{font-size:1.45rem;letter-spacing:-.045em}.ranking-symbol{width:40px;height:40px;display:grid;place-items:center;background:#eee8ff;border-radius:12px;color:#7657d6;font-size:1.3rem}.ranking-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.ranking-list li{display:grid;grid-template-columns:2.1rem 2.6rem minmax(0,1fr) auto;align-items:center;gap:.65rem;border-radius:14px;padding:.85rem .7rem}.rank-number{color:#a49ba9;font-weight:800;font-size:.8rem}.rank-avatar{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:11px;background:#eee7fa;color:#7751b9;font-size:.88rem;font-weight:780}.avatar-one{background:#f6eaca;color:#866524}.avatar-two{background:#e1e9f1;color:#536b89}.avatar-you{background:#7657d6;color:#fff}.avatar-four{background:#e5eee7;color:#507a60}.rank-name{font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-list li>strong{font-size:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}.ranking-list small{font-size:.76rem;color:#938a9b;font-weight:600}.ranking-list .your-rank{background:#eee8ff}.your-rank .rank-number,.your-rank>strong{color:#6546c5}.you-badge{display:inline-block;font-size:.57rem;letter-spacing:.08em;color:#7657d6;background:#fff;padding:.23rem .38rem;border-radius:5px;vertical-align:middle;margin-left:.25rem}.ranking-foot{text-align:center;color:#8c8490;font-size:.87rem;margin:1.7rem 0 .1rem}
.skins{background:#eeebf6;overflow:hidden}.skins-layout{display:grid;grid-template-columns:40% 60%;grid-template-areas:'copy stage' 'controls controls';align-items:center}.skins-copy{grid-area:copy;z-index:2}.skin-choice{margin-top:2.5rem;border-left:3px solid #7657d6;padding-left:1rem;display:flex;flex-direction:column;gap:.25rem}.skin-choice span{font-size:.68rem;letter-spacing:.12em;font-weight:800;color:#8b8294}.skin-choice strong{font-size:1.4rem;letter-spacing:-.04em}.skin-stage{grid-area:stage;min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}.skin-stage-glow{position:absolute;width:min(80%,580px);aspect-ratio:1;z-index:-1;background:radial-gradient(circle,#ded2f6 0,transparent 68%)}.skin-stage img{width:min(100%,780px);filter:drop-shadow(0 35px 24px #2413302f);transition:opacity .15s ease,transform .3s ease}.skin-stage img.is-changing{opacity:0;transform:translateY(10px)}.skin-controls{grid-area:controls;margin-top:2.7rem}.skin-thumbs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.6rem}.skin-thumb{min-width:0;background:#fcfafe;border:2px solid transparent;border-radius:14px;padding:.35rem .3rem .6rem;min-height:96px;color:#625b69;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:.25rem;transition:border-color .2s,transform .2s}.skin-thumb:hover{transform:translateY(-4px)}.skin-thumb.is-selected{border-color:#7657d6;background:#fff}.skin-thumb img{width:100%;height:50px;object-fit:contain}.skin-thumb span{font-size:clamp(.62rem,.9vw,.83rem);font-weight:700;white-space:nowrap}.skin-controls>p{text-align:center;color:#716b79;margin:1.4rem 0 0;font-size:1rem}
.final-cta{background:#2a193e;color:#fff;overflow:hidden}.final-inner{min-height:550px;display:grid;grid-template-columns:1fr .9fr;align-items:center;position:relative}.final-cta .eyebrow{color:#bba8f4}.final-cta h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:1.09;letter-spacing:-.065em;margin:1.5rem 0 2.3rem}.final-cta h2 em{color:#baa6f6}.final-inner img{width:100%;filter:drop-shadow(0 28px 30px #0c06167a);transform:rotate(-9deg)}.button-light{background:#fff;color:#392550}.button-light:hover{background:#eee8ff}.footer{min-height:126px;display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer nav{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.84rem;color:#716b79}.footer>span{font-size:.83rem;color:#8d8494;white-space:nowrap}.notice{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);width:max-content;max-width:min(90vw,500px);background:#26222b;color:#fff;padding:1rem 1.3rem;border-radius:12px;box-shadow:0 12px 35px #26222b40;z-index:20;text-align:center;font-size:.94rem}.notice[hidden]{display:none}@keyframes hero-in{from{opacity:0;transform:translateY(28px) rotate(-11deg)}to{opacity:1;transform:rotate(-7deg)}}
@media(max-width:1100px){.shell{width:min(100% - 3rem,1360px)}.hero{min-height:700px}.hero-art{height:530px}.hero h1{font-size:clamp(4rem,8vw,7rem)}.growth-inner{grid-template-columns:1fr;gap:2rem}.growth-visual{max-width:760px;width:100%;justify-self:center}.ranking{gap:3rem}.skin-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}.skin-thumb span{font-size:.8rem}}
@media(max-width:760px){.shell{width:min(100% - 2rem,1360px)}.site-header{height:76px}.header-nav{display:none}.header-download{font-size:.84rem;padding:.55rem .7rem}.brand{font-size:1.06rem}.brand-mark{width:27px;height:27px}.hero{grid-template-columns:1fr;min-height:0;padding-bottom:4.4rem}.hero-copy{padding:3rem 0 0}.hero h1{font-size:clamp(4.3rem,15vw,7rem);margin:1.3rem 0 1.4rem}.hero .eyebrow{font-size:.68rem}.lead{font-size:1.1rem;max-width:34rem}.hero-art{height:clamp(250px,70vw,500px);margin-top:-.2rem}.hero-art img{width:min(112%,680px)}.hero-stamp{width:96px;height:96px;right:1%;bottom:2%}.hero-stamp strong{font-size:1.65rem}.hero-stamp span{font-size:.5rem}.hero-bottom{bottom:1rem}.section-pad{padding-block:5rem}.section-copy h2{font-size:clamp(2.7rem,10vw,4.6rem)}.ranking{grid-template-columns:1fr}.ranking-card{transform:none}.skins-layout{grid-template-columns:1fr;grid-template-areas:'copy' 'stage' 'controls'}.skin-choice{margin-top:1.6rem}.skin-stage{min-height:clamp(230px,57vw,400px)}.skin-controls{margin-top:1rem}.skin-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-thumb{min-height:85px}.final-inner{grid-template-columns:1fr;min-height:0;padding-block:5rem 2rem}.final-cta h2{font-size:clamp(2.7rem,10vw,4.8rem)}.final-inner img{width:min(90%,540px);justify-self:center;margin-top:1.4rem}.footer{padding-block:2rem;align-items:flex-start;flex-wrap:wrap}.footer nav{order:3;width:100%;gap:1rem 1.5rem}}
@media(max-width:430px){.hero h1{font-size:clamp(4rem,16vw,5rem)}.hero-art{height:255px}.hero-stamp{right:-.2rem;bottom:-.3rem}.growth-visual{gap:.2rem}.growth-image{height:100px}.growth-item strong{font-size:1.1rem}.growth-item>span{font-size:.48rem;letter-spacing:.04em}.ranking-card{padding:.9rem}.ranking-head{padding:.25rem .3rem 1rem}.ranking-list li{grid-template-columns:1.3rem 2rem minmax(0,1fr) auto;gap:.35rem;padding:.65rem .35rem}.rank-avatar{width:2rem;height:2rem}.rank-name,.ranking-list li>strong{font-size:.79rem}.rank-number{font-size:.7rem}.ranking-list small{font-size:.65rem}.you-badge{display:none}.skin-thumb span{font-size:.69rem}.skin-thumb img{height:40px}.footer nav{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-art img{animation:none}}
.hero-art{overflow:hidden}.hero-art img{width:min(100%,740px);height:auto}.skin-stage img,.final-inner img{height:auto}