:root{--primary: #000000;--text-main: #000000;--text-sub: #6e6e73;--bg-white: #FFFFFF;--bg-soft: #fbfbfd;--glass: rgba(255, 255, 255, .7);--font-main: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-display: var(--font-main);--font-sans: var(--font-main);--easing: cubic-bezier(.16, 1, .3, 1);--transition: all .6s var(--easing);--header-height: 60px}.mockup{position:relative;width:100%;max-width:280px;margin:0 auto;background:#1d1d1f;border-radius:50px;padding:10px;box-shadow:0 0 0 2px #3a3a3a inset,0 30px 60px #0000004d;z-index:10}.mockup__screen{position:relative;border-radius:40px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.mockup__screen img{width:100%;height:auto;display:block}.mockup__status-bar{height:50px;background:#eee;display:flex;justify-content:space-between;align-items:center;padding:0 12px 0 25px;position:relative;z-index:20}.mockup__time{font-size:14px;font-weight:600;display:flex;align-items:center;line-height:1}.mockup__island{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:28px;background:#000;border-radius:20px}.mockup__icons{display:flex;gap:5px;align-items:center}.mockup__btn{position:absolute;background:#1a1a1a;width:3px;z-index:1;border-radius:.5px}.mockup__btn--vol-up{left:-3px;top:145px;height:35px}.mockup__btn--vol-down{left:-3px;top:195px;height:35px}.mockup__btn--power{right:-3px;top:160px;height:90px}.studynote .studynote-hero{height:100vh!important;position:sticky;top:var(--header-height);z-index:1;background-image:url(../images/studynote_planner.png);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.studynote .studynote-hero:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.studynote .studynote-hero__title,.studynote .studynote-hero__desc{position:relative;z-index:2;color:#fff!important;transform:translateY(-60px)}.studynote .studynote-hero__title{font-size:clamp(2.5rem,8vw,4rem);margin-bottom:20px}.studynote .studynote-hero__desc{font-size:1.5rem;font-weight:500;max-width:800px;line-height:1.6;word-break:keep-all}@media(max-width:768px){.studynote .studynote-hero{padding:0 20px}.studynote .studynote-hero__desc{font-size:1rem;line-height:1.5}}.studynote .reveal{position:relative;z-index:10;background-color:#fff;width:100%}.studynote .reveal:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;box-shadow:0 -30px 60px #0000001a;pointer-events:none}.studynote .features{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:40px;padding:100px 20px}.studynote .features__item{background:var(--bg-soft);border-radius:40px;overflow:hidden;display:flex;flex-direction:column}.studynote .features__image-box{width:100%;height:600px;background:#e8e8ed;display:flex;justify-content:center;align-items:center;padding:40px;gap:20px}.studynote .features__image-box img{max-width:48%;max-height:100%;object-fit:contain;border-radius:20px;box-shadow:0 20px 50px #00000026;transition:transform .3s ease}.studynote .features__image-box img:hover{transform:translateY(-10px);z-index:2}.studynote .features__image-box img:only-child{max-width:80%}.studynote .features__title{font-size:1.8rem;padding:40px 40px 0}.studynote .features__text{padding:10px 40px 40px;color:var(--text-sub);font-size:1.1rem;line-height:1.6}@media(max-width:768px){.studynote .features{grid-template-columns:1fr;gap:30px;padding:60px 20px}.studynote .features__item{border-radius:30px}.studynote .features__image-box{height:350px;padding:20px;gap:10px}.studynote .features__image-box img{max-width:60%}.studynote .features__image-box img:only-child{max-width:70%}.studynote .features__title{font-size:1.5rem;padding:30px 20px 0}.studynote .features__text{font-size:1rem;padding:10px 20px 30px}}.studynote .cta{background-color:#000;color:#fff;padding:15vh 0;display:flex;justify-content:center}.studynote .cta__box{text-align:center;max-width:800px}.studynote .cta__title{font-size:clamp(2.5rem,8vw,4rem);margin-bottom:20px}.studynote .cta__desc{font-size:1.25rem;opacity:.8;color:#fff!important}