.ref-page{--ref-px: clamp(20px, 3vw, 40px);background:#000;color:#fff;overflow-x:clip}.ref-fade{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.ref-fade--left{transform:translate(-40px)}.ref-fade--right{transform:translate(40px)}.ref-fade--scale{transform:scale(.92)}.ref-fade--visible{opacity:1;transform:none}.ref-stagger{opacity:0}.ref-reveal--visible .ref-stagger,.ref-fade--visible .ref-stagger{opacity:1;animation:staggerUp .6s cubic-bezier(.4,0,.2,1) var(--stagger, 0s) backwards}.ref-reveal--visible .ref-stagger--scale,.ref-fade--visible .ref-stagger--scale{animation-name:staggerScale}@keyframes staggerUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes staggerScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes heroBrushIn{0%{opacity:0;transform:translate(-30px) scale(.9)}to{opacity:1;transform:none}}.ref-hero{position:relative;padding:clamp(150px,15vw,220px) var(--ref-px) clamp(80px,8vw,120px);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.ref-hero__title{position:relative;z-index:1;font-family:var(--font-sans);font-weight:600;font-size:clamp(28px,4.5vw,64px);line-height:1.11;letter-spacing:-.04em;color:#fff;margin:0 0 clamp(24px,3vw,44px);animation:heroFadeUp .8s cubic-bezier(.22,1,.36,1) .1s backwards}.ref-hero__title-decorated{position:relative}.ref-hero__brush{position:absolute;left:-5%;bottom:-.15em;width:110%;height:auto;pointer-events:none;z-index:-1;animation:heroBrushIn 1.2s cubic-bezier(.22,1,.36,1) backwards}.ref-hero__tagline{position:relative;z-index:1;font-family:var(--font-sans);font-weight:600;font-size:clamp(15px,2vw,30px);line-height:1.11;letter-spacing:-.04em;color:#fff;margin:0 0 clamp(20px,2.5vw,36px);animation:heroFadeUp .8s cubic-bezier(.22,1,.36,1) .25s backwards}.ref-intro__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,80px);align-items:start}.ref-intro__title{font-family:var(--font-serif);font-weight:400;font-size:clamp(24px,3.5vw,52px);line-height:1.05;letter-spacing:-.04em;color:#fff;margin:0;position:sticky;top:100px}.ref-intro__text{font-family:var(--font-sans);font-weight:400;font-size:var(--text-base);line-height:var(--leading-loose);letter-spacing:var(--tracking-tight);color:#9f9f9f}.ref-intro__text p{margin:0 0 14px}.ref-intro__text p:last-child{margin-bottom:0}.ref-hero__cta{display:inline-flex;align-items:center;justify-content:center;padding:0 clamp(14px,1.2vw,18px);height:clamp(38px,3.8vw,55px);background:#95ff4e;border:none;border-radius:33px;font-family:var(--font-sans);font-weight:600;font-size:clamp(14px,1.5vw,22px);line-height:.95;letter-spacing:-.07em;color:#000;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .2s ease;animation:heroFadeUp .7s cubic-bezier(.22,1,.36,1) .4s backwards}.ref-hero__cta:hover{background:#b0ff7a}.ref-section{padding:clamp(56px,6vw,96px) var(--ref-px) clamp(32px,4vw,56px)}.ref-section__title{font-family:var(--font-sans);font-weight:600;font-size:clamp(22px,3vw,42px);line-height:1.11;letter-spacing:-.04em;color:#fff;margin:0 0 clamp(20px,2.5vw,36px)}.ref-how__grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch}.ref-how__step{display:contents}.ref-how__card{background:#000;border:2px solid #fff;border-radius:clamp(20px,2vw,30px);padding:clamp(22px,2.2vw,32px);min-height:clamp(200px,20vw,280px);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(20px,2.5vw,40px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.ref-how__card:hover{transform:translateY(-6px);border-color:#95ff4e;box-shadow:0 8px 30px #95ff4e1f}.ref-how__card-top{display:flex;flex-direction:column;gap:clamp(8px,1vw,14px)}.ref-how__card-num{font-family:var(--font-sans);font-weight:700;font-size:clamp(32px,3.5vw,52px);line-height:1;letter-spacing:-.04em;color:#95ff4e}.ref-how__card-head{font-family:var(--font-serif);font-weight:400;font-size:clamp(18px,2vw,30px);line-height:1.15;letter-spacing:-.04em;color:#fff;margin:0}.ref-how__card-text{font-family:var(--font-sans);font-weight:500;font-size:clamp(13px,1.2vw,18px);line-height:1.4;letter-spacing:-.03em;color:#9f9f9f;margin:0}.ref-how__arrow{font-size:clamp(24px,2.5vw,36px);font-weight:700;color:#95ff4e;display:flex;align-items:center;justify-content:center;padding:0 clamp(8px,1vw,16px)}.ref-section--comp{padding:clamp(64px,7vw,110px) var(--ref-px);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.ref-comp__subtitle{font-family:var(--font-sans);font-weight:500;font-size:clamp(14px,1.4vw,20px);line-height:1.2;letter-spacing:-.03em;color:#9f9f9f;margin:0 0 clamp(32px,3.5vw,56px)}.ref-comp__tiers{display:flex;flex-direction:column;gap:0;margin-bottom:clamp(36px,4vw,56px)}.ref-comp__row{display:flex;align-items:center;gap:clamp(20px,2.5vw,40px);padding:clamp(24px,2.5vw,40px) 0;border-bottom:1px solid rgba(255,255,255,.1);transition:padding-left .3s ease}.ref-comp__row:hover{padding-left:12px}.ref-comp__row:last-child{border-bottom:none}.ref-comp__pct{font-family:var(--font-sans);font-weight:700;font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.04em;color:#000;background:#95ff4e;padding:clamp(10px,1vw,16px) clamp(18px,2vw,28px);border-radius:50px;flex-shrink:0;transition:transform .3s ease}.ref-comp__row:hover .ref-comp__pct{transform:scale(1.08)}.ref-comp__detail{display:flex;flex-direction:column;gap:4px}.ref-comp__text{font-family:var(--font-sans);font-weight:600;font-size:clamp(15px,1.5vw,22px);line-height:1.35;letter-spacing:-.03em;color:#dfdfdf}.ref-comp__note{border-left:2px solid #95FF4E;padding-left:clamp(16px,1.5vw,24px)}.ref-comp__note p{font-family:var(--font-serif);font-weight:400;font-style:italic;font-size:clamp(13px,1.2vw,18px);line-height:1.5;letter-spacing:-.02em;color:#6f6f6f;margin:0;max-width:560px}.ref-scenarios__intro{font-family:var(--font-sans);font-weight:500;font-size:clamp(13px,1.3vw,20px);line-height:1.4;letter-spacing:-.03em;color:#9f9f9f;margin:0 0 clamp(28px,3vw,48px);max-width:800px}.ref-scenarios__grid{display:flex;gap:clamp(10px,1.2vw,16px);max-width:none}.ref-scenarios__option{flex:1;display:flex;flex-direction:column;gap:clamp(18px,2.3vw,33px);background:transparent;border:2px solid #95FF4E;border-radius:clamp(18px,1.8vw,26px);padding:clamp(24px,2.5vw,36px);min-height:clamp(220px,22vw,340px);transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.ref-scenarios__option:hover{transform:translateY(-4px);background:#95ff4e0d;box-shadow:0 8px 30px #95ff4e1a}.ref-scenarios__option-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(18px,2.2vw,32px);line-height:1.15;letter-spacing:-.04em;color:#dfdfdf;margin:0}.ref-scenarios__option-text{font-family:var(--font-sans);font-weight:400;font-size:clamp(12px,1.3vw,19px);line-height:1.35;letter-spacing:-.03em;color:#9f9f9f;margin:0}.ref-form__wrap{display:flex;align-items:center;gap:clamp(24px,3vw,48px)}.ref-form{display:flex;flex-direction:column;flex:1;gap:clamp(12px,1.2vw,16px);max-width:800px;border:1.5px solid rgba(255,255,255,.12);border-radius:clamp(20px,2vw,30px);padding:clamp(20px,2vw,28px) clamp(24px,2.5vw,36px)}.ref-form__mascot{width:clamp(200px,22vw,340px);height:auto;opacity:.85;flex-shrink:0;pointer-events:none}.ref-form__field{display:flex;flex-direction:column;gap:8px}.ref-form__label{font-family:var(--font-sans);font-weight:600;font-size:clamp(13px,1.2vw,16px);letter-spacing:-.02em;color:#fff}.ref-form__input{font-family:var(--font-sans);font-weight:500;font-size:clamp(14px,1.3vw,18px);letter-spacing:-.02em;color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.15);border-radius:12px;padding:clamp(9px,.9vw,12px) clamp(12px,1.2vw,16px);outline:none;transition:border-color .2s ease}.ref-form__input::placeholder{color:#5f5f5f}.ref-form__input:focus{border-color:#95ff4e}.ref-form__textarea{resize:vertical;min-height:70px}.ref-form__btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:0 clamp(18px,1.8vw,28px);height:clamp(42px,4vw,52px);background:#95ff4e;border:none;border-radius:33px;font-family:var(--font-sans);font-weight:600;font-size:clamp(14px,1.3vw,18px);letter-spacing:-.03em;color:#000;cursor:pointer;transition:background .2s ease;margin-top:8px}.ref-form__btn:hover:not(:disabled){background:#b0ff7a}.ref-form__btn:disabled{opacity:.4;cursor:not-allowed}.ref-form__toggle{display:flex;gap:0;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;overflow:hidden;align-self:flex-start}.ref-form__toggle-btn{font-family:var(--font-sans);font-weight:500;font-size:clamp(12px,1.1vw,15px);letter-spacing:-.02em;color:#6f6f6f;background:transparent;border:none;padding:8px clamp(14px,1.4vw,20px);cursor:pointer;transition:color .2s ease,background .2s ease}.ref-form__toggle-btn--active{color:#000;background:#95ff4e}.ref-form__success{font-family:var(--font-sans);font-weight:600;font-size:clamp(18px,2vw,28px);color:#95ff4e;margin:0}.ref-faq__list{margin-top:40px;border-top:1.5px solid rgba(255,255,255,.35)}.ref-faq__item{border-bottom:1.5px solid rgba(255,255,255,.35)}.ref-faq__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:28px 0;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:var(--text-md);font-weight:600;line-height:1.3;letter-spacing:var(--tracking-snug);color:#dfdfdf;transition:color .25s ease}.ref-faq__q:hover,.ref-faq__item--open .ref-faq__q{color:#95ff4e}.ref-faq__icon{flex-shrink:0;font-size:32px;font-weight:300;line-height:1;color:#fff;transition:color .25s ease}.ref-faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.ref-faq__item--open .ref-faq__a{grid-template-rows:1fr}.ref-faq__a>p{overflow:hidden;margin:0;padding-bottom:0;font-family:var(--font-serif);font-size:var(--text-base);font-weight:400;line-height:1.6;color:#9f9f9f;transition:padding-bottom .35s ease}.ref-faq__item--open .ref-faq__a>p{padding-bottom:28px}.ref-cta{text-align:center;padding-top:clamp(80px,8vw,130px);padding-bottom:clamp(80px,8vw,130px);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center}.ref-cta .ref-section__title{text-align:center}.ref-cta__text{font-family:var(--font-sans);font-weight:500;font-size:clamp(13px,1.3vw,20px);line-height:1.45;color:#6f6f6f;margin:0 0 clamp(20px,2.5vw,36px);max-width:440px;text-align:center}@media(max-width:768px){.ref-hero{padding-top:120px;padding-bottom:40px}.ref-section{padding-top:24px}.ref-how__grid{display:flex;flex-direction:column;gap:12px}.ref-how__step{display:contents}.ref-how__arrow{display:none}.ref-intro__grid{grid-template-columns:1fr;gap:24px}.ref-intro__title{position:static}.ref-scenarios__grid{flex-direction:column;gap:12px}.ref-form__mascot{display:none}.ref-comp__row{flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center}.ref-comp__pct{align-self:flex-start}.ref-comp__detail{flex:1;min-width:0}}
