*{margin:0;padding:0;box-sizing:border-box}
:root{
  --orange:#526346;--cream:#f2eee4;--warm:#f1f1ef;--brown:#34382d;
  --light-orange:#577b9e;--text:#34382d;--accent:#3c4c32;
  --gradient:linear-gradient(135deg,#526346 0%,#577b9e 100%);
}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans KR',sans-serif;color:var(--text);background:#fffdf7;overflow-x:hidden}
a{text-decoration:none;color:inherit}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 40px;display:flex;justify-content:center;align-items:center;transition:all .3s}
.nav-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px}
.nav.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);box-shadow:0 2px 20px rgba(0,0,0,.06);padding:16px 40px}
.nav-logo{font-size:1.5rem;font-weight:900;color:var(--brown);text-decoration:none;cursor:pointer}
.nav-logo span{color:var(--orange)}
.nav-buttons{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}
.nav-cta{padding:12px 32px;background:var(--orange);color:#fffdf7;border-radius:50px;font-size:1rem;font-weight:600;transition:all .3s;border:none;cursor:pointer;white-space:nowrap}
.nav-cta:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 4px 15px rgba(82,99,70,.3)}
.nav-guide{padding:12px 24px;background:#fffdf7;color:var(--brown);border:1.5px solid #dededb;border-radius:50px;font-size:1rem;font-weight:600;transition:all .3s;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.nav-guide:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.08);border-color:var(--orange);color:var(--orange)}
.nav-kakao{padding:12px 24px;background:#FEE500;color:#3C1E1E;border-radius:50px;font-size:1rem;font-weight:600;transition:all .3s;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.nav-kakao:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(254,229,0,.4);background:#FDD800}

.btn{display:inline-flex;align-items:center;gap:8px;padding:18px 44px;border-radius:60px;font-weight:700;font-size:1.05rem;transition:all .3s ease;cursor:pointer;border:none}
.btn-primary{background:var(--gradient);color:#fffdf7;box-shadow:0 8px 32px rgba(82,99,70,.3)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(82,99,70,.4)}
.btn-outline{border:2px solid var(--orange);color:var(--orange);background:transparent}
.btn-outline:hover{background:var(--orange);color:#fffdf7}

/* Hero */
.hero{min-height:100vh;display:flex;align-items:center;padding:100px 40px 60px;position:relative;overflow:hidden;background:var(--cream)}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.hero-bg .circle{position:absolute;border-radius:50%;opacity:.15}
.hero-bg .circle-1{width:600px;height:600px;background:var(--orange);top:-200px;right:-100px;animation:float 20s ease-in-out infinite}
.hero-bg .circle-2{width:400px;height:400px;background:var(--light-orange);bottom:-100px;left:-100px;animation:float 15s ease-in-out infinite reverse}
.hero-bg .circle-3{width:200px;height:200px;background:var(--accent);top:40%;left:20%;animation:float 12s ease-in-out infinite 2s}
@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-30px)}}

.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}
.hero-text{max-width:560px}
.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:rgba(82,99,70,.1);border:1px solid rgba(82,99,70,.2);border-radius:30px;font-size:.82rem;color:var(--orange);font-weight:500;margin-bottom:28px}
.hero-badge::before{content:'';width:8px;height:8px;background:var(--orange);border-radius:50%;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-size:3.6rem;font-weight:900;line-height:1.25;margin-bottom:24px;color:var(--brown);letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:var(--orange);position:relative}
.hero h1 em::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:12px;background:rgba(82,99,70,.15);border-radius:4px;z-index:-1}
.hero p{font-size:1.15rem;color:#707264;line-height:1.9;margin-bottom:32px;font-weight:300}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:36px}
.hero-trust{display:flex;align-items:center;gap:16px}
.trust-avatars{display:flex}
.trust-avatar{width:36px;height:36px;border-radius:50%;border:3px solid var(--cream);margin-left:-10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fffdf7;font-weight:700}
.trust-avatar:first-child{margin-left:0}
.trust-text{font-size:.85rem;color:#707264;line-height:1.5}
.trust-text strong{color:var(--brown)}

/* Phone Mockup */
.hero-mockup{display:flex;justify-content:center;position:relative}
.phone{width:300px;background:#fffdf7;border-radius:40px;box-shadow:0 40px 80px rgba(25,25,25,.15),0 10px 30px rgba(25,25,25,.08);padding:12px;position:relative;border:1px solid rgba(0,0,0,.06)}
.phone::before{content:'';position:absolute;top:12px;left:50%;transform:translateX(-50%);width:100px;height:28px;background:#ededeb;border-radius:20px;z-index:10}
.phone-screen{width:100%;border-radius:30px;background:var(--cream);overflow:hidden;padding:48px 18px 18px}
.mock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.mock-title{font-size:.82rem;font-weight:700;color:var(--brown)}
.mock-date{font-size:.68rem;color:#737370;background:#fffdf7;padding:4px 10px;border-radius:12px}
.mock-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:14px}
.mock-day{aspect-ratio:1;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:#737370;background:#fffdf7;font-weight:500;transition:all .3s}
.mock-day.checked{background:var(--orange);color:#fffdf7;font-weight:700}
.mock-day.today{border:2px solid var(--orange);color:var(--orange);font-weight:700;background:#fffdf7}
.mock-day.head{background:transparent;font-weight:600;font-size:.5rem}
.mock-progress{height:8px;background:#e8e8e5;border-radius:4px;overflow:hidden;margin-bottom:8px}
.mock-progress-bar{height:100%;width:72%;background:var(--gradient);border-radius:4px;position:relative;overflow:hidden}
.mock-progress-bar::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.mock-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.mock-percent{font-size:.72rem;font-weight:700;color:var(--orange)}
.mock-badge{font-size:.55rem;background:rgba(82,99,70,.1);color:var(--orange);padding:3px 8px;border-radius:8px;font-weight:500}
.mock-users{display:flex;flex-direction:column;gap:6px}
.mock-user{display:flex;align-items:center;gap:8px;background:#fffdf7;padding:8px 10px;border-radius:12px}
.mock-user-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fffdf7;font-weight:700}
.mock-user-name{font-size:.6rem;color:var(--brown);font-weight:500;flex:1}
.mock-user-check{font-size:.7rem}
.phone-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(82,99,70,.12) 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}

/* Features */
.features{padding:80px 40px;max-width:1200px;margin:0 auto}
.section-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:rgba(82,99,70,.08);border-radius:20px;font-size:.78rem;color:var(--orange);font-weight:600;margin-bottom:12px}
.section-title{font-size:2.4rem;font-weight:800;color:var(--brown);margin-bottom:12px;letter-spacing:-.02em;line-height:1.3}
.section-desc{font-size:1.05rem;color:#707264;line-height:1.8;margin-bottom:40px;max-width:500px}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.feature-card{background:var(--cream);border-radius:24px;padding:32px 28px;transition:all .3s ease;border:1px solid transparent;position:relative;overflow:hidden}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(25,25,25,.08);border-color:rgba(82,99,70,.15);background:#fffdf7}
.feature-card-visual{height:140px;border-radius:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.feature-card-visual.v-calendar{background:linear-gradient(135deg,#FFF3E8,#FFE8D5)}
.feature-card-visual.v-church{background:linear-gradient(135deg,#F0EBE5,#E8DFD5)}
.feature-card-visual.v-bible{background:linear-gradient(135deg,#f2eee4,#F5EDE2)}
.feature-card-visual.v-video{background:linear-gradient(135deg,#FFF0E8,#FFE0CC)}
.mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;width:160px}
.mini-cal-day{width:100%;aspect-ratio:1;border-radius:4px;background:rgba(255,255,255,.6);font-size:.4rem;display:flex;align-items:center;justify-content:center;color:#737370}
.mini-cal-day.ck{background:var(--orange);color:#fffdf7}
.mini-cal-day.td{border:1.5px solid var(--orange);background:#fffdf7}
.mini-avatars{display:flex;flex-direction:column;gap:6px}
.mini-avatar-row{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.7);padding:6px 12px;border-radius:10px}
.mini-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0}
.mini-name{font-size:.6rem;color:var(--brown);font-weight:500;flex:1}
.mini-ck{font-size:.6rem}
.mini-plans{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:0 10px}
.mini-plan-chip{padding:5px 10px;border-radius:20px;font-size:.58rem;font-weight:600;white-space:nowrap}
.mini-plan-chip.active{background:var(--orange);color:#fffdf7}
.mini-plan-chip.alt{background:#fffdf7;color:var(--brown);border:1px solid #dededb}
.mini-video{width:160px;height:90px;background:#000;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 15px rgba(0,0,0,.15)}
.mini-play{width:36px;height:36px;background:rgba(82,99,70,.9);border-radius:50%;display:flex;align-items:center;justify-content:center}
.mini-play::after{content:'';width:0;height:0;border-left:12px solid #fffdf7;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.feature-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:14px;position:relative}
.icon-calendar{background:linear-gradient(135deg,rgba(82,99,70,.12),rgba(90,110,130,.12))}
.icon-church{background:linear-gradient(135deg,rgba(25,25,25,.08),rgba(160,138,123,.08))}
.icon-bible{background:linear-gradient(135deg,rgba(82,99,70,.08),rgba(25,25,25,.08))}
.icon-video{background:linear-gradient(135deg,rgba(255,107,53,.1),rgba(90,110,130,.1))}
.feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--brown)}
.feature-card p{font-size:.88rem;color:#707264;line-height:1.7}
.feature-tag{display:inline-block;padding:3px 10px;background:rgba(82,99,70,.08);border-radius:8px;font-size:.7rem;color:var(--orange);font-weight:500;margin-top:12px}

/* How it works */
.how{padding:80px 40px;background:var(--cream)}
.how-inner{max-width:1000px;margin:0 auto;text-align:center}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:48px;position:relative}
.steps::before{content:'';position:absolute;top:40px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,rgba(82,99,70,.2),rgba(82,99,70,.2),transparent)}
.step{text-align:center;position:relative}
.step-num{width:80px;height:80px;border-radius:50%;background:var(--gradient);color:#fffdf7;font-size:1.6rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 30px rgba(82,99,70,.2);position:relative;z-index:1}
.step h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--brown)}
.step p{font-size:.88rem;color:#707264;line-height:1.7}

/* Community */
.community{padding:80px 40px;background:#fffdf7}
.community-inner{max-width:1100px;margin:0 auto}
.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.community-visual{position:relative}
.comm-card{background:var(--cream);border-radius:24px;padding:32px;position:relative}
.comm-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.comm-church-icon{width:44px;height:44px;border-radius:14px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fffdf7}
.comm-church-name{font-size:1rem;font-weight:700;color:var(--brown)}
.comm-church-sub{font-size:.75rem;color:#737370}
.comm-members{display:flex;flex-direction:column;gap:10px}
.comm-member{display:flex;align-items:center;gap:12px;background:#fffdf7;padding:12px 16px;border-radius:14px}
.comm-avatar{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fffdf7;font-weight:700;flex-shrink:0}
.comm-name{font-size:.85rem;font-weight:500;color:var(--brown);flex:1}
.comm-progress{width:60px;height:6px;background:#e8e8e5;border-radius:3px;overflow:hidden}
.comm-progress-fill{height:100%;background:var(--gradient);border-radius:3px}
.comm-check{font-size:.7rem;color:var(--orange);font-weight:600}
.toast-popup{position:absolute;bottom:-16px;right:-16px;background:#fffdf7;border-radius:16px;padding:12px 20px;box-shadow:0 8px 30px rgba(0,0,0,.1);display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:500;color:var(--brown);animation:toastBounce 3s ease-in-out infinite;border:1px solid rgba(82,99,70,.1)}
@keyframes toastBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.toast-emoji{font-size:1.4rem}

.community-text .section-tag{margin-bottom:16px}
.community-text h2{font-size:2.4rem;font-weight:800;color:var(--brown);margin-bottom:20px;line-height:1.3}
.community-text p{font-size:1rem;color:#707264;line-height:1.9;margin-bottom:32px}
.stat-row{display:flex;gap:32px}
.stat-item{text-align:center}
.stat-number{font-size:2.2rem;font-weight:900;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-desc{font-size:.8rem;color:#707264;margin-top:2px;font-weight:500}

/* CTA */
.cta{padding:80px 40px;background:var(--gradient);text-align:center;position:relative;overflow:hidden}
.cta::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.cta-inner{position:relative;z-index:1;max-width:600px;margin:0 auto}
.cta h2{font-size:2.6rem;font-weight:900;color:#fffdf7;margin-bottom:16px}
.cta p{font-size:1.1rem;color:rgba(255,255,255,.85);margin-bottom:40px;line-height:1.8}
.btn-white{background:#fffdf7;color:var(--orange);padding:18px 48px;border-radius:60px;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:all .3s;box-shadow:0 8px 30px rgba(0,0,0,.15)}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.2)}

footer{background:#fffdf7;padding:40px 40px 32px;border-top:1px solid #e9e9e7}
.f-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}
.f-left .f-logo{font-size:1.1rem;font-weight:800;color:var(--brown)}
.f-left .f-logo span{color:var(--orange)}
.f-left .f-desc{font-size:.78rem;color:#737370;margin-top:6px}
.f-right{display:flex;gap:24px}
.f-right a{font-size:.82rem;color:#737370;text-decoration:none;transition:color .2s}
.f-right a:hover{color:var(--orange)}
.f-bottom{max-width:1200px;margin:20px auto 0;padding-top:16px;border-top:1px solid #e9e9e7;font-size:.7rem;color:#767671}
@media(max-width:900px){
footer{padding:32px 24px 28px}
.f-inner{flex-direction:column;gap:20px}
.f-right{gap:20px}
}
@media(max-width:600px){
.nav{padding:14px 12px}
.nav.scrolled{padding:10px 12px}
.nav-logo{font-size:1.1rem}
.nav-buttons{gap:5px}
.nav-cta,.nav-guide,.nav-kakao{padding:7px 11px;font-size:.75rem}
.nav-guide,.nav-kakao{gap:3px}
}
@media(max-width:400px){
.nav{padding:12px 10px}
.nav.scrolled{padding:9px 10px}
.nav-logo{font-size:1rem}
.nav-buttons{gap:4px}
.nav-cta,.nav-guide,.nav-kakao{padding:6px 9px;font-size:.7rem}
}

/* Trial Section */
.trial{padding:80px 40px;background:#fffdf7}
.trial-inner{max-width:680px;margin:0 auto;text-align:center}
.trial-badge{display:inline-block;padding:6px 20px;background:var(--gradient);color:#fffdf7;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1.5px;margin-bottom:20px}
.trial h2{font-size:2.4rem;font-weight:800;color:var(--brown);margin-bottom:12px}
.trial p{font-size:1.05rem;color:#707264;line-height:1.8;margin-bottom:40px}
.trial-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;text-align:left}
.trial-left{text-align:center}
.trial-left h2{text-align:center}
.trial-left>p{text-align:center}
.trial-steps{display:flex;flex-direction:column;gap:0;position:relative;margin-bottom:0}
.trial-step{display:flex;gap:16px;position:relative;padding-bottom:28px}
.trial-step:last-child{padding-bottom:0}
/* vertical line */
.trial-step::before{content:'';position:absolute;left:22px;top:48px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--orange),rgba(82,99,70,.15))}
.trial-step:last-child::before{display:none}
.trial-step-num{width:46px;height:46px;border-radius:50%;background:var(--gradient);color:#fffdf7;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px rgba(82,99,70,.25);position:relative;z-index:1}
.trial-step-body{flex:1;padding-top:4px}
.trial-step-title{font-size:1rem;font-weight:700;color:var(--brown);margin-bottom:4px}
.trial-step-title strong{color:var(--orange)}
.trial-step-desc{font-size:.85rem;color:#707264;line-height:1.6}
.trial-step-icon{font-size:1.3rem;margin-right:6px}
.trial-right{display:flex;flex-direction:column;align-items:center;gap:24px}
.trial-code-box{background:var(--cream);border:2px solid var(--orange);border-radius:24px;padding:36px 44px;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;width:100%;max-width:360px;box-shadow:0 8px 30px rgba(82,99,70,.08)}
.trial-code-box::before{content:'👆 이 코드를 입력하세요';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--orange);color:#fffdf7;font-size:.7rem;font-weight:600;padding:4px 16px;border-radius:20px;white-space:nowrap}
.trial-code-label{font-size:.82rem;color:#707264;font-weight:500}
.trial-code{font-size:2.8rem;font-weight:900;color:var(--orange);font-family:'Noto Sans KR',monospace;letter-spacing:3px;line-height:1}
.trial-mockup{background:var(--cream);border-radius:16px;padding:16px 20px;width:100%;max-width:360px}
.trial-mockup-label{font-size:.7rem;color:#737370;margin-bottom:8px;font-weight:500}
.trial-mockup-input{background:#fffdf7;border:2px solid var(--orange);border-radius:12px;padding:14px 18px;font-size:1rem;font-weight:700;color:var(--orange);letter-spacing:1px;font-family:monospace;text-align:center;position:relative}
.trial-mockup-input::after{content:'';position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px}
.trial-mockup-cursor{display:inline-block;width:2px;height:1.1em;background:var(--orange);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.trial-copy{padding:10px 28px;background:var(--gradient);color:#fffdf7;border:none;border-radius:50px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:'Noto Sans KR',sans-serif}
.trial-copy:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(82,99,70,.3)}
@media(max-width:900px){
  .trial{padding:60px 20px}
  .trial h2{font-size:1.8rem}
  .trial-content{grid-template-columns:1fr}
  .trial-code{font-size:2rem}
  .trial-code-box{padding:28px 24px}
}

/* PWA Section */
.pwa{padding:80px 40px;background:var(--cream)}
.pwa-inner{max-width:1100px;margin:0 auto}
.pwa-subtitle{text-align:center;font-size:1.05rem;color:#707264;line-height:1.8;max-width:520px;margin:12px auto 48px}
.pwa-subtitle strong{color:var(--orange)}
.pwa-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:40px}
.pwa-card{background:#fffdf7;border-radius:24px;padding:36px 32px;box-shadow:0 4px 24px rgba(25,25,25,.06);transition:transform .3s;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start}
.pwa-card:hover{transform:translateY(-4px)}
.pwa-card-info{text-align:left}
.pwa-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.pwa-device-badge{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.pwa-device-badge.ios{background:linear-gradient(135deg,#414538,#111)}
.pwa-device-badge.android{background:linear-gradient(135deg,#34A853,#0F9D58)}
.pwa-card h4{font-size:1.1rem;font-weight:700;color:var(--brown)}
.pwa-card-sub{font-size:.75rem;color:#737370}
.pwa-steps-list{display:flex;flex-direction:column;gap:0;position:relative}
.pwa-step-item{display:flex;gap:14px;padding-bottom:16px;position:relative}
.pwa-step-item:last-child{padding-bottom:0}
.pwa-step-item::before{content:'';position:absolute;left:11px;top:26px;bottom:0;width:2px;background:rgba(82,99,70,.15)}
.pwa-step-item:last-child::before{display:none}
.pwa-step-bullet{width:24px;height:24px;border-radius:50%;background:var(--gradient);color:#fffdf7;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}
.pwa-step-text{font-size:.88rem;color:var(--brown);line-height:1.6;padding-top:2px}
.pwa-step-text strong{color:var(--orange)}

/* Phone mockups — realistic */
.pwa-phone{width:160px;background:#1a1a1e;border-radius:28px;padding:6px;box-shadow:0 16px 40px rgba(0,0,0,.18);flex-shrink:0;position:relative}
.pwa-phone::after{content:'';position:absolute;inset:0;border-radius:28px;border:1px solid rgba(255,255,255,.1);pointer-events:none}
.pwa-phone.android{border-radius:20px}
.pwa-phone.android::after{border-radius:20px}
.pwa-phone-notch{width:50px;height:5px;background:#2a2a2e;border-radius:4px;margin:2px auto 4px}
.pwa-phone-screen{background:#fffdf7;border-radius:22px;overflow:hidden}
.pwa-phone.android .pwa-phone-screen{border-radius:16px}
/* Status bar */
.pwa-status{background:#f8f5f2;padding:4px 10px;display:flex;justify-content:space-between;align-items:center;font-size:.4rem;color:#999}
.pwa-status-time{font-weight:600}
.pwa-status-icons{display:flex;gap:3px}
/* URL bar */
.pwa-url-bar{margin:4px 6px;background:#f0ece8;border-radius:8px;padding:5px 10px;display:flex;align-items:center;justify-content:space-between}
.pwa-url-text{font-size:.45rem;color:#888;font-family:monospace}
.pwa-url-share{font-size:.6rem;color:#007AFF}
.pwa-url-dots{font-size:.55rem;color:#666;font-weight:700}
/* Screen content */
.pwa-screen-app{padding:6px;text-align:center}
.pwa-screen-app-title{font-size:.5rem;font-weight:600;color:var(--brown);margin-bottom:4px}
.pwa-screen-mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:6px}
.pwa-screen-mini-day{aspect-ratio:1;border-radius:2px;font-size:.3rem;display:flex;align-items:center;justify-content:center;color:#bbb;background:#faf7f4}
.pwa-screen-mini-day.ck{background:var(--orange);color:#fffdf7}
/* Share sheet / menu overlay */
.pwa-overlay{background:rgba(0,0,0,.3);padding:6px}
.pwa-sheet{background:#fffdf7;border-radius:12px;overflow:hidden}
.pwa-sheet-header{padding:8px 10px 4px;font-size:.45rem;font-weight:600;color:#888;border-bottom:1px solid #f0ece8}
.pwa-sheet-item{padding:7px 10px;font-size:.52rem;color:#414538;display:flex;align-items:center;gap:6px;border-bottom:1px solid #f8f6f4}
.pwa-sheet-item:last-child{border-bottom:none}
.pwa-sheet-item.highlight{background:rgba(82,99,70,.06);color:var(--orange);font-weight:700}
.pwa-sheet-item .si{font-size:.6rem;width:16px;text-align:center;flex-shrink:0}
/* Finger pointer */
.pwa-finger{position:absolute;font-size:1.2rem;z-index:5;animation:fingerTap 2s ease-in-out infinite}
.pwa-finger.ios-pos{bottom:58px;right:-8px}
.pwa-finger.android-pos{top:68px;right:-8px}
@keyframes fingerTap{0%,100%{transform:translate(0,0) scale(1);opacity:.8}40%{transform:translate(-4px,-4px) scale(.9);opacity:1}50%{transform:translate(-4px,-4px) scale(1.05);opacity:1}60%{transform:translate(0,0) scale(1);opacity:.8}}
/* Pulse ring on highlight */
.pwa-sheet-item.highlight{position:relative}
.pwa-sheet-item.highlight::before{content:'';position:absolute;left:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:2px solid var(--orange);animation:ringPulse 2s ease-in-out infinite;opacity:0}
@keyframes ringPulse{0%,100%{opacity:0;transform:translateY(-50%) scale(.8)}40%,60%{opacity:.4;transform:translateY(-50%) scale(1.2)}50%{opacity:.6;transform:translateY(-50%) scale(1)}}
/* Home screen result */
.pwa-homescreen{margin-top:8px;text-align:center}
.pwa-homescreen-label{font-size:.5rem;color:#737370;margin-bottom:6px;font-weight:500}
.pwa-homescreen-icon{width:36px;height:36px;border-radius:10px;background:var(--gradient);margin:0 auto 3px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fffdf7;box-shadow:0 2px 8px rgba(82,99,70,.25)}
.pwa-homescreen-name{font-size:.48rem;color:var(--brown);font-weight:600}

.pwa-benefits{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.pwa-benefit{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fffdf7;border-radius:16px;font-size:.88rem;font-weight:500;color:var(--brown);box-shadow:0 2px 12px rgba(25,25,25,.06)}
.pwa-benefit span{font-size:1.2rem}

@media(max-width:900px){
  .pwa{padding:60px 20px}
  .pwa-grid{grid-template-columns:1fr}
  .pwa-card{grid-template-columns:1fr;text-align:center}
  .pwa-card-info{text-align:left}
  .pwa-phone{margin:0 auto}
  .pwa-benefits{gap:10px}
  .pwa-benefit{padding:10px 16px;font-size:.82rem}
}

/* Admin Section */
.admin-section{padding:80px 40px;background:var(--cream)}
.admin-inner{max-width:1100px;margin:0 auto}
.admin-subtitle{text-align:center;font-size:1.05rem;color:#707264;line-height:1.8;max-width:600px;margin:16px auto 48px}
.admin-subtitle strong{color:var(--brown)}
.admin-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:start;margin-bottom:56px}
.admin-flow-step{text-align:center;position:relative}
.admin-flow-num{width:32px;height:32px;border-radius:50%;background:var(--gradient);color:#fffdf7;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.admin-flow-card{background:#fffdf7;border-radius:20px;padding:28px 20px;box-shadow:0 4px 20px rgba(25,25,25,.06);transition:transform .3s}
.admin-flow-card:hover{transform:translateY(-4px)}
.admin-flow-icon{font-size:2rem;margin-bottom:12px}
.admin-flow-card h4{font-size:1rem;font-weight:700;color:var(--brown);margin-bottom:8px}
.admin-flow-card p{font-size:.85rem;color:#707264;line-height:1.7}
.admin-flow-card p strong{color:var(--orange)}
.admin-flow-arrow{font-size:1.6rem;color:var(--orange);font-weight:700;align-self:center;margin-top:24px;opacity:.5}

.admin-features{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-bottom:48px}
.admin-feature-card{background:#fffdf7;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(25,25,25,.08)}
.admin-mockup-header{background:#2D2D2D;padding:10px 16px;display:flex;align-items:center;gap:6px}
.admin-mockup-dot{width:10px;height:10px;border-radius:50%}
.admin-mockup-title{font-size:.7rem;color:#999;margin-left:auto}
.admin-mockup-body{display:flex;min-height:180px}
.admin-mockup-sidebar{width:100px;background:#f2f2f0;padding:12px 8px;display:flex;flex-direction:column;gap:4px}
.admin-mockup-menu{font-size:.65rem;padding:6px 8px;border-radius:6px;color:#707264;cursor:default}
.admin-mockup-menu.active{background:var(--orange);color:#fffdf7;font-weight:600}
.admin-mockup-content{flex:1;padding:16px;display:flex;flex-direction:column;gap:10px}
.admin-mockup-row{background:var(--cream);border-radius:10px;padding:12px}
.admin-mockup-church{display:flex;align-items:center;gap:10px}
.admin-mockup-logo{width:32px;height:32px;border-radius:8px;background:rgba(82,99,70,.1);display:flex;align-items:center;justify-content:center;font-size:.9rem}
.admin-mockup-name{font-size:.75rem;font-weight:700;color:var(--brown)}
.admin-mockup-code{font-size:.65rem;color:var(--orange);font-weight:600;font-family:monospace;letter-spacing:.5px}

.admin-feature-list h3{font-size:1.2rem;font-weight:700;color:var(--brown);margin-bottom:20px}
.admin-feature-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.admin-check{width:28px;height:28px;border-radius:50%;background:var(--gradient);color:#fffdf7;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.admin-feature-item strong{color:var(--brown);font-size:.92rem}
.admin-feature-item span{color:#707264;font-size:.82rem}

.admin-notice{background:#fffdf7;border-radius:16px;padding:20px 28px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px rgba(25,25,25,.06);border-left:4px solid var(--orange)}
.admin-notice-icon{font-size:1.6rem}
.admin-notice-text{font-size:.9rem;color:#707264;line-height:1.7}
.admin-notice-text strong{color:var(--brown)}

@media(max-width:900px){
  .admin-flow{grid-template-columns:1fr;gap:12px}
  .admin-flow-arrow{transform:rotate(90deg);margin:0 auto}
  .admin-features{grid-template-columns:1fr}
  .admin-section{padding:60px 20px}
}

/* Kakao Apply Section */
.kakao-apply{padding:80px 40px;background:#fffdf7}
.kakao-apply-inner{max-width:1100px;margin:0 auto}
.kakao-apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.kakao-apply-text h2{font-size:2.2rem;font-weight:800;color:var(--brown);margin-bottom:16px;line-height:1.3}
.kakao-apply-text p{font-size:.95rem;color:#707264;line-height:1.8;margin-bottom:28px}
.kakao-apply-text p strong{color:var(--orange)}
.kakao-apply-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.kakao-apply-step{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--brown)}
.kakao-apply-step strong{color:var(--orange)}
.kakao-apply-num{width:24px;height:24px;border-radius:50%;background:var(--gradient);color:#fffdf7;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kakao-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#FEE500;color:#3C1E1E;border-radius:14px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px rgba(254,229,0,.3)}
.kakao-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(254,229,0,.4);background:#FDD800}
.kakao-icon{flex-shrink:0}

/* Kakao chat mockup */
.kakao-chat-mockup{background:#B2C7D9;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.1);max-width:360px;margin:0 auto}
.kakao-chat-header{background:#4A6FA5;padding:20px 20px 14px;text-align:center}
.kakao-chat-title{font-size:1rem;font-weight:700;color:#fffdf7}
.kakao-chat-sub{font-size:.7rem;color:rgba(255,255,255,.7);margin-top:2px}
.kakao-chat-body{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:280px}
.kakao-msg{display:flex;gap:8px;max-width:85%}
.kakao-msg.sent{align-self:flex-end;flex-direction:row-reverse}
.kakao-msg-avatar{width:32px;height:32px;border-radius:50%;background:#fffdf7;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.kakao-msg-content{display:flex;flex-direction:column;gap:2px}
.kakao-msg-name{font-size:.6rem;color:#5A7A9A;font-weight:600}
.kakao-msg-bubble{background:#fffdf7;padding:10px 14px;border-radius:14px;font-size:.78rem;color:#414538;line-height:1.6;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.kakao-msg.sent .kakao-msg-bubble{background:#FEE500;color:#3C1E1E}

@media(max-width:900px){
  .kakao-apply{padding:60px 20px}
  .kakao-apply-grid{grid-template-columns:1fr}
  .kakao-apply-text h2{font-size:1.8rem}
  .kakao-chat-mockup{max-width:100%}
}

/* ===== Animations ===== */

/* Shared easing */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}

/* Individual element reveal — used by JS */
[data-anim]{opacity:0;transform:translateY(48px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
[data-anim].in{opacity:1;transform:none}

/* Nav — slide down gently */
@keyframes navEnter{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
.nav{animation:navEnter .6s var(--ease-out) .1s both}

/* Hero — cascade with spring */
.hero-badge{opacity:0;transform:translateY(30px);animation:fadeUp .7s var(--ease-spring) .3s both}
.hero h1{opacity:0;transform:translateY(30px);animation:fadeUp .8s var(--ease-spring) .45s both}
.hero p{opacity:0;transform:translateY(30px);animation:fadeUp .8s var(--ease-spring) .6s both}
.hero-buttons{opacity:0;transform:translateY(30px);animation:fadeUp .8s var(--ease-spring) .75s both}
.hero-trust{opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease-spring) .9s both}
.hero-mockup{opacity:0;transform:translateY(40px) scale(.95);animation:mockupEnter 1s var(--ease-spring) .5s both}
@keyframes fadeUp{to{opacity:1;transform:none}}
@keyframes mockupEnter{to{opacity:1;transform:none}}

/* Phone gentle float */
@keyframes phoneBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.phone{animation:phoneBob 5s ease-in-out infinite}

/* Parallax-like subtle shift on scroll — handled by JS */
.parallax-bg{transition:transform .1s linear}

@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:36px;text-align:center}
  .hero-text{max-width:100%}
  .hero-buttons{justify-content:center}
  .hero-trust{justify-content:center}
  .hero h1{font-size:2.4rem}
  .feature-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:32px}
  .steps::before{display:none}
  .community-grid{grid-template-columns:1fr;gap:36px}
  .stat-row{justify-content:center}
  .nav{padding:14px 20px}
  .hero,.features,.how,.community,.cta{padding:60px 20px}
  .section-title{font-size:2rem}
  .cta h2{font-size:2rem}
}
@media(max-width:480px){
  .hero h1{font-size:1.9rem}
  .phone{width:260px}
}

/* Notion-inspired presentation; all original landing content is retained. */
:root{--orange:#526346;--cream:#f2eee4;--warm:#f1f1ef;--brown:#34382d;--light-orange:#577b9e;--text:#34382d;--accent:#3c4c32;--gradient:linear-gradient(#526346,#526346)}
html{scroll-padding-top:100px}body{overflow-x:visible;word-break:keep-all;-webkit-font-smoothing:antialiased}
a:focus-visible,button:focus-visible{outline:3px solid #526346;outline-offset:5px}
.skip-link{position:fixed;left:20px;top:-100px;z-index:200;background:#fffdf7;padding:14px;border:1px solid #34382d}.skip-link:focus{top:12px}
.nav,.hero-badge,.hero h1,.hero p,.hero-buttons,.hero-trust,.hero-mockup,.phone{animation:none;opacity:1;transform:none}
.hero-bg,.phone-glow{display:none}.mock-progress-bar::after,.steps::before,.cta::before{display:none}
.toast-popup,.pwa-finger,.pwa-sheet-item.highlight::before{animation:none}
.nav{position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(16px);padding:18px 40px;border-bottom:1px solid #eee;min-height:78px}.nav.scrolled{padding:18px 40px;box-shadow:none}.nav-inner{max-width:1200px}
.nav-logo{color:#34382d;font-size:21px;letter-spacing:-1px}.nav-logo span{color:#34382d;font-weight:400}
.nav-cta,.nav-guide,.nav-kakao{border-radius:5px;font-size:14px;padding:11px 19px;font-weight:600;box-shadow:none}.nav-guide,.nav-kakao{background:#fffdf7;color:#414538;border:1px solid #ded9cb}.nav-kakao:hover,.nav-guide:hover{background:#f5f5f3;box-shadow:none;transform:none;color:#111}
.hero{min-height:0;background:#fffdf7;padding:72px 40px 84px;overflow:hidden}.hero-inner{width:100%;max-width:1120px;gap:56px;grid-template-columns:1.15fr 1fr}.hero-text{max-width:none}
.hero-badge,.section-tag{background:transparent;color:#707264;border:0;border-radius:0;padding:0;font-size:14px;letter-spacing:.02em;font-weight:500}.hero-badge{margin-bottom:24px}.hero-badge::before{display:none}
.hero h1{font-size:clamp(40px,4.4vw,62px);font-weight:800;letter-spacing:-.065em;line-height:1.23;margin-bottom:24px}.hero h1 em{color:#34382d}.hero h1 em::after{display:none}.hero p{font-size:18px;line-height:1.9;font-weight:400;color:#707264}
.btn,.btn-white{border-radius:5px;padding:14px 23px;min-height:48px;font-size:16px;box-shadow:none;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover,.btn-white:hover{transform:none;box-shadow:none}.btn-primary:hover{background:#3c4c32}.btn-outline{border:1px solid #ded9cb;color:#414538}.btn-outline:hover{background:#f2eee4;color:#111;border-color:#aaa}.hero-buttons{gap:12px;margin-bottom:26px}
.trust-avatar{background:#747470!important;border-color:white}.trust-avatar:nth-child(2){background:#292928!important}.trust-avatar:nth-child(3){background:#aaa9a4!important}.trust-text{font-size:14px;color:#666}
.hero-mockup{padding:12px 0 10px;isolation:isolate}.hero-book-photo{position:absolute;width:210px;height:280px;right:-28px;bottom:0;object-fit:cover;filter:grayscale(1);transform:rotate(10deg);border:9px solid white;outline:1px solid #aaa;z-index:-1}.hero-star{position:absolute;right:-2px;top:-18px;font-size:68px;color:#414538;line-height:1}
.phone{width:310px;border:1px solid #777;border-radius:16px;padding:9px;background:#fffdf7;box-shadow:5px 6px 0 #e9e9e6;transform:rotate(-4deg);margin-right:66px}.phone::before{display:none}.phone-screen{padding:24px 17px 17px;border-radius:9px;background:#fffdf7}.mock-title{font-size:14px}.mock-date{font-size:11px;border-radius:4px}.mock-day{font-size:11px;border-radius:4px}.mock-day.head{font-size:10px}.mock-day.checked{background:#e9edde;color:#526346}.mock-user{border-radius:4px;border:1px solid #eee}.mock-user-name{font-size:12px}.mock-user-avatar{background:#777!important}.mock-percent{font-size:13px}
.features{max-width:1200px;padding:64px 40px 80px;border-top:1px solid #e8e8e5}.section-title{font-size:40px;letter-spacing:-.05em;font-weight:750}.section-desc{font-size:17px;color:#707264;max-width:none;margin-bottom:32px}
.feature-grid{gap:24px}.feature-card{border:1px solid #ded9cb;border-radius:10px;background:#fffdf7;padding:28px;box-shadow:none}.feature-card:hover{transform:none;border-color:#bcbcb8;box-shadow:none;background:#fffdf7}.feature-card-visual{background:#eeebdf!important;border:1px solid #e5e5e2;border-radius:6px;height:164px}.feature-card h3{font-size:23px;letter-spacing:-.04em}.feature-card p{font-size:16px;line-height:1.85}.feature-icon{background:#fffdf7;border:1px solid #e5e5e2;border-radius:6px;font-size:22px;width:42px;height:42px}.feature-tag{background:#e9edde;color:#526346;font-size:12px;border-radius:4px}.mini-cal{width:190px}.mini-cal-day{font-size:10px}.mini-name,.mini-ck{font-size:12px}.mini-dot{background:#767672!important}.mini-plan-chip{font-size:12px;border-radius:4px}.mini-video{width:190px;height:110px;background:#414538}.mini-play{background:#526346}
.how{background:#f2eee4;padding:64px 40px}.how-inner{max-width:1120px}.how-photo{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:36px;filter:saturate(.5)}.steps{margin-top:32px;gap:28px}.step{text-align:left;border-top:1px solid #d8d8d4;padding-top:22px}.step-num{width:38px;height:38px;border:1px solid #c4c4bf;border-radius:5px;background:#fffdf7;color:#414538;box-shadow:none;font-size:17px;margin:0 0 20px}.step h3{font-size:21px}.step p{font-size:16px}
.community{padding:80px 40px}.community-inner,.admin-inner,.pwa-inner,.kakao-apply-inner{max-width:1120px}.community-grid{gap:64px}.community-photo{width:100%;height:200px;object-fit:cover;filter:saturate(.55);border-radius:8px;margin-bottom:20px}.comm-card{background:#fffdf7;border:1px solid #ded9cb;border-radius:8px;padding:24px}.comm-member{border-radius:4px;padding:12px 10px}.comm-avatar{background:#777!important;border-radius:5px}.comm-progress{background:#ded9cb;width:48px}.comm-name{font-size:14px}.comm-church-icon{background:#eee;color:#414538;border-radius:5px}.toast-popup{position:static;margin-top:16px;border:1px solid #e1e1dc;box-shadow:none;border-radius:5px;padding:12px;font-size:13px}.community-text h2{font-size:40px;letter-spacing:-.05em}.community-text p{font-size:17px}.stat-number{background:none;-webkit-text-fill-color:#34382d;color:#34382d;font-size:36px}.stat-row{gap:36px}.stat-desc{font-size:14px}
.admin-section{padding:72px 40px;background:#f2eee4;border-block:1px solid #ded9cb}.admin-subtitle{max-width:760px;font-size:17px;margin-bottom:36px}.admin-flow-card{border:1px solid #ded9cb;box-shadow:none;border-radius:7px;padding:24px 20px}.admin-flow-card:hover{transform:none}.admin-flow-card h4{font-size:18px}.admin-flow-card p{font-size:15px}.admin-flow-num{border-radius:4px;background:#414538}.admin-flow-icon{font-size:25px}.admin-flow{margin-bottom:40px}.admin-feature-card{border:1px solid #d8d8d5;border-radius:7px;box-shadow:0 8px 24px #00000006}.admin-mockup-header{background:#eee;border-bottom:1px solid #ded9cb;padding:14px}.admin-mockup-title{font-size:12px;color:#555}.admin-mockup-sidebar{width:115px;background:#f5f5f3}.admin-mockup-menu{font-size:12px}.admin-mockup-menu.active{background:#e9edde;color:#526346}.admin-mockup-name{font-size:14px}.admin-mockup-code{font-size:11px}.admin-mockup-row{border-radius:4px}.admin-mockup-logo{background:#e9e9e6!important}.admin-feature-list h3{font-size:23px}.admin-feature-item strong{font-size:17px}.admin-feature-item span{font-size:15px;line-height:1.8}.admin-check{background:#e9edde;color:#526346;border-radius:4px}.admin-notice{border:1px solid #ded9cb;border-left:3px solid #526346;border-radius:5px;box-shadow:none}.admin-notice-text{font-size:16px}
.trial{padding:72px 40px}.trial-inner{max-width:900px}.trial-badge{background:#e9edde;color:#526346;border-radius:4px;font-size:12px}.trial h2{font-size:40px;letter-spacing:-.05em}.trial p{font-size:17px}.trial-code-box{background:#f2eee4;border:1px solid #ded9cb;border-radius:8px;box-shadow:none}.trial-code{color:#34382d}.trial-copy{border-radius:4px;background:#fffdf7;color:#414538;border:1px solid #ccc;min-height:44px}.trial-step-title{font-size:17px}.trial-step-desc{font-size:15px}.trial-step-num{border-radius:4px;background:#414538}.trial-mockup{border:1px solid #ded9cb;border-radius:6px;background:#fffdf7}
.pwa{padding:72px 40px;background:#f2eee4}.pwa h2{font-size:40px;letter-spacing:-.05em}.pwa-card{border:1px solid #ded9cb;border-radius:8px;box-shadow:none;padding:28px;gap:20px}.pwa-card:hover{transform:none}.pwa-card h4{font-size:21px}.pwa-card-sub{font-size:13px}.pwa-step-text{font-size:16px}.pwa-step-bullet{border-radius:4px}.pwa-device-badge{border-radius:5px}.pwa-benefit{border:1px solid #ded9cb;box-shadow:none;border-radius:5px}.pwa-phone{box-shadow:0 6px 16px #0002}
.kakao-apply{padding:80px 40px}.kakao-apply-text h2{font-size:38px;letter-spacing:-.05em}.kakao-apply-text p{font-size:17px}.kakao-apply-step{font-size:16px}.kakao-apply-num{border-radius:4px}.kakao-btn{border-radius:5px;padding:15px 22px;box-shadow:none;font-size:16px}.kakao-btn:hover{box-shadow:none;transform:none}.kakao-chat-mockup{border:1px solid #d1d9de;border-radius:10px;box-shadow:none;max-width:400px}.kakao-chat-header{background:#e1e9ef;border-bottom:1px solid #c8d5df}.kakao-chat-title{color:#243f52}.kakao-chat-sub{color:#5b6d7a}.kakao-chat-body{padding:24px}.kakao-msg-bubble{font-size:14px;border-radius:7px;box-shadow:none}.kakao-msg-name{font-size:12px}
.cta{background:#f2eee4;padding:68px 40px;border-block:1px solid #e5e5e1}.cta h2{color:#34382d;font-size:40px;letter-spacing:-.05em}.cta p{color:#707264;font-size:17px;margin-bottom:26px}.btn-white{background:#526346;color:#fffdf7}footer{background:#fffdf7}.f-left .f-desc,.f-right a{font-size:14px;color:#666}.f-bottom{font-size:12px;color:#777}
@media(max-width:1000px){.hero-inner{gap:32px}.hero-book-photo{right:-5px;width:170px}.hero-star{right:0}.pwa-grid{grid-template-columns:1fr}.pwa-card{grid-template-columns:1fr auto}.community-grid{gap:36px}.hero h1{font-size:46px}}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero{padding:48px 24px 64px}.hero h1{font-size:48px}.hero-mockup{max-width:430px;width:100%;margin:10px auto 0}.hero-book-photo{right:0}.feature-grid{grid-template-columns:1fr 1fr}.community-grid,.admin-features,.kakao-apply-grid{grid-template-columns:1fr}.community-text{grid-row:1}.steps{grid-template-columns:repeat(3,1fr);gap:20px}.step p{font-size:15px}.admin-flow{grid-template-columns:1fr;max-width:620px;margin-inline:auto}.admin-flow-card{text-align:left}.admin-flow-num{margin-left:0}.admin-flow-icon{float:right}.nav,.nav.scrolled{padding:14px 24px}.admin-feature-card{max-width:650px;width:100%;margin:auto}.kakao-chat-mockup{width:100%;max-width:480px}}
@media(max-width:600px){.nav,.nav.scrolled{padding:12px 14px;min-height:66px}.nav-logo{font-size:16px;letter-spacing:-.8px}.nav-buttons{gap:4px}.nav-cta,.nav-guide,.nav-kakao{padding:9px 7px;font-size:11px;min-height:38px}.hero{padding:40px 20px 50px}.hero h1{font-size:39px}.hero p{font-size:16px}.hero-badge{font-size:12px}.hero-buttons .btn{font-size:14px;padding:13px 17px}.hero-mockup{max-width:350px}.phone{width:265px;margin-right:46px}.hero-book-photo{width:145px;height:225px;right:0}.hero-star{font-size:49px;top:-8px}.hero-inner{gap:32px}.features,.how,.community,.admin-section,.trial,.pwa,.kakao-apply,.cta{padding:48px 20px}.section-title,.community-text h2,.trial h2,.pwa h2,.kakao-apply-text h2,.cta h2{font-size:30px}.section-desc,.admin-subtitle,.trial p,.community-text p,.kakao-apply-text p{font-size:16px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:24px}.feature-card h3{font-size:22px}.feature-card p{font-size:16px}.steps{grid-template-columns:1fr;gap:24px}.step-num{margin-bottom:12px}.step p{font-size:16px}.how-photo{height:150px;margin-bottom:28px}.community-photo{height:170px}.comm-card{padding:18px}.comm-member{gap:8px}.comm-avatar{width:28px;height:28px}.comm-name{font-size:12px}.comm-check{font-size:11px}.stat-row{justify-content:flex-start;gap:30px}.stat-number{font-size:30px}.admin-flow-card p{font-size:15px}.admin-mockup-sidebar{width:85px;padding:10px 5px}.admin-mockup-menu{font-size:10px;padding:7px 4px}.admin-mockup-content{padding:10px}.admin-mockup-row{padding:10px 7px}.admin-mockup-name{font-size:12px}.admin-mockup-code{font-size:9px;letter-spacing:0}.admin-mockup-logo{width:26px;flex-shrink:0}.admin-mockup-title{font-size:10px}.admin-notice{padding:18px;gap:10px}.admin-notice-text{font-size:14px}.trial-content{grid-template-columns:1fr;gap:26px}.trial-step-desc{font-size:15px}.trial-code-box{padding:24px}.pwa-card{grid-template-columns:1fr;padding:24px}.pwa-phone{margin:auto}.pwa-step-text{font-size:16px}.pwa-benefits{gap:8px}.pwa-benefit{padding:10px 12px}.kakao-btn{font-size:14px;padding:14px 16px}.kakao-apply-step{font-size:14px}.kakao-chat-body{padding:18px}.kakao-msg-bubble{font-size:13px}.f-right{flex-wrap:wrap}footer{padding:32px 20px}.hero-trust{gap:12px}.trust-text{font-size:13px}}
@media(max-width:360px){.nav-logo{font-size:14px}.nav-cta,.nav-guide,.nav-kakao{font-size:10px;padding:8px 5px}.hero h1{font-size:34px}.phone{width:238px;margin-right:25px}.hero-book-photo{width:120px;right:0}.hero-star{right:-5px}.comm-progress{width:34px}.comm-card{padding:14px}.admin-mockup-sidebar{width:72px}.admin-mockup-logo{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Scripture journal: warm paper, botanical green, editorial book typography. */
:root{--orange:#526346;--cream:#f2eee4;--warm:#eae4d6;--brown:#34382d;--text:#34382d;--accent:#3c4c32;--gradient:linear-gradient(#526346,#526346)}
body{background:#faf7ef;color:#34382d}.nav,.nav.scrolled{background:#faf7eff5;border-color:#e4dece;min-height:82px}.nav-logo{color:#34382d;font-weight:700;letter-spacing:-.05em}.nav-logo span{color:#7a806c}.nav-guide,.nav-kakao{background:transparent;border-color:#d8d3c5;color:#555b49}.nav-guide:hover,.nav-kakao:hover{background:#eae6da;color:#34382d}.nav-cta{background:#526346;color:#fffdf7}.nav-cta:hover{background:#3c4c32;box-shadow:none}
.hero{background:#faf7ef;padding:76px 40px 92px;position:relative}.hero:after{content:'';position:absolute;left:calc(50% - 560px);right:calc(50% - 560px);bottom:0;height:1px;background:#dcd6c6}.hero-inner{grid-template-columns:1.08fr 1fr;gap:70px;min-height:490px}.hero-text{text-align:left}.hero-badge{font-size:13px;color:#7b806d;letter-spacing:.12em;padding-left:28px;position:relative}.hero-badge:before{content:'';display:block;position:absolute;left:0;width:17px;height:1px;top:50%;background:#8c947a;border:0;animation:none;opacity:1}
.hero h1,.section-title,.community-text h2,.trial h2,.pwa h2,.kakao-apply-text h2,.cta h2{font-family:'Noto Serif KR',serif;font-weight:600;letter-spacing:-.055em;line-height:1.45}.hero h1{font-size:clamp(40px,4.1vw,58px);line-height:1.45;margin-bottom:25px}.hero h1 em{color:#526346}.hero p{color:#727565;font-size:17px;line-height:2}.hero-buttons{margin-top:30px}.btn,.btn-white{border-radius:8px;padding:15px 25px;font-size:15px;min-height:50px}.btn-outline{background:transparent;border-color:#b8bfaa;color:#526346}.btn-outline:hover{background:#eeeee3;color:#3c4c32;border-color:#879478}.hero-trust{margin-top:28px}.trust-avatar{background:#93987f!important;border-color:#faf7ef}.trust-avatar:nth-child(2){background:#66745a!important}.trust-avatar:nth-child(3){background:#b2ab8f!important}.trust-text{color:#7a7d6f;font-size:13px}
.hero-mockup{height:480px;padding:45px 0 0;align-items:flex-start;justify-content:flex-start;position:relative}.hero-book-photo{width:350px;height:410px;right:-12px;top:0;bottom:auto;transform:rotate(3deg);border:0;outline:0;border-radius:160px 160px 12px 12px;filter:sepia(.2) saturate(.7) brightness(.86);object-fit:cover;box-shadow:none}.hero-star{top:20px;left:5px;right:auto;font-size:46px;color:#a9ad95}.phone{width:276px;margin:70px 0 0;transform:rotate(-5deg);border:1px solid #b8bda9;background:#fffdf7;box-shadow:10px 15px 35px #37442a18;border-radius:12px}.phone-screen{background:#fffdf7;padding:22px 15px 16px}.mock-date{background:#f1f0e6;color:#71785e}.mock-day.checked{background:#e4eadb;color:#526346}.mock-day.today{border-color:#74815f;color:#526346}.mock-day{background:#f5f3e9}.mock-user{border-color:#e8e4d8}.mock-user-avatar{background:#8a9478!important}.mock-progress{background:#e6e7da}.mock-badge{background:#edf0e3;color:#65734f}
.features{border:0;padding-top:75px;padding-bottom:78px}.section-tag{color:#7d856e;font-size:13px;letter-spacing:.08em;margin-bottom:16px}.section-title{font-size:38px}.section-desc{color:#757969;font-size:16px;margin-top:16px;margin-bottom:35px}.feature-grid{gap:24px}.feature-card{background:#fffdf7;border:1px solid #e1decd;border-radius:14px;padding:30px;display:grid;grid-template-columns:46px 1fr;column-gap:14px}.feature-card:hover{background:#fffdf7;border-color:#b7bea5}.feature-card-visual{grid-column:1/-1;background:#f0f1e7!important;border-color:#e5e6d9;border-radius:9px;height:175px;margin-bottom:27px}.feature-icon{grid-row:2/4;background:#f1f0e5;border:0;width:44px;height:44px;border-radius:10px;margin:0}.feature-card h3{font-size:22px;letter-spacing:-.045em}.feature-card p{grid-column:2;font-size:15px;line-height:1.9;color:#727866}.feature-tag{grid-column:2;justify-self:start;background:transparent;color:#798568;padding:0;margin-top:15px;font-size:12px}.mini-cal-day.ck{background:#899675}.mini-plan-chip.active{background:#667650}.mini-plan-chip.alt{background:#fffdf7;border-color:#d5d9c6;color:#637153}.mini-video{background:#5a664c;box-shadow:none}.mini-play{background:#faf7ef}.mini-play:after{border-left-color:#667650}.mini-dot{background:#899675!important}
.how{background:#eeeddf;padding:60px 40px 64px}.how-inner{text-align:left;display:grid;grid-template-columns:310px 1fr;column-gap:60px;align-items:start}.how-photo{grid-column:1;grid-row:1/5;height:360px;border-radius:140px 140px 8px 8px;margin:0;filter:sepia(.15) saturate(.6);object-fit:cover}.how .section-tag,.how .section-title,.how .steps{grid-column:2}.how .section-title{text-align:left!important}.steps{gap:24px;margin-top:30px}.step{border-top-color:#ccd0bc;padding-top:20px}.step-num{background:transparent;border-color:#acb59c;color:#65734f;border-radius:50%;font-family:Georgia,serif;font-weight:400;font-size:20px}.step h3{font-size:18px}.step p{font-size:14px;color:#737a66;line-height:1.9}
.community{background:#faf7ef;padding-block:80px}.community-grid{grid-template-columns:1fr 1fr;gap:70px}.community-photo{height:210px;border-radius:12px;filter:sepia(.17) saturate(.55)}.comm-card{background:#fffdf7;border-color:#e1decd;border-radius:12px}.comm-church-icon{background:#ecefdf}.comm-member{background:#f6f5ec;border-radius:7px}.comm-avatar{background:#899675!important}.toast-popup{background:#f1f2e7;border-color:#e0e4d0;border-radius:6px;color:#60704d}.community-text h2{font-size:38px}.community-text p{font-size:16px;color:#757969}.stat-row{border-top:1px solid #dedcca;padding-top:25px}.stat-number{font-family:Georgia,'Noto Serif KR',serif;font-weight:500;color:#526346;-webkit-text-fill-color:#526346}.stat-desc{font-size:13px;color:#80856f}
.admin-section{background:#eef0e5;border-color:#dde1ce}.admin-subtitle{color:#747c64;font-size:16px}.admin-flow-card{background:#fafbf5;border-color:#d9dfc9;border-radius:10px}.admin-flow-num,.trial-step-num{background:#768463;color:#fffdf7}.admin-flow-card p{color:#747c64}.admin-flow-arrow{color:#83916f}.admin-feature-card{border-color:#d0d8be;border-radius:10px}.admin-mockup-header{background:#e4e8d8;border-color:#d3d9c5}.admin-mockup-sidebar{background:#f0f2e8}.admin-mockup-menu.active{background:#dfe6d0;color:#526346}.admin-check{background:#dae3c9;color:#526346}.admin-notice{background:#fafbf5;border-color:#d8dfc9;border-left-color:#819265;border-radius:8px;box-shadow:none}
.trial{background:#faf7ef;padding-block:72px}.trial-badge{background:transparent;color:#889171;letter-spacing:.17em;padding:0}.trial h2{font-size:38px}.trial-content{margin-top:32px;gap:60px}.trial-code-box{background:#eeeadb;border:1px solid #d6cfbb;border-radius:14px;box-shadow:none}.trial-code{font-family:Georgia,serif;font-size:38px;color:#64734e;letter-spacing:.02em}.trial-copy{background:#fffdf7;border-color:#c8cbb7;color:#64734e}.trial-code-box::before{background:#7d8969}.trial-mockup{background:#fffdf7;border-color:#ddd8c8;border-radius:10px}.trial-mockup-input{border-color:#95a67c;color:#61724c}.trial-step-desc{color:#797e6c}
.pwa{background:#f0ecdf;border-block:1px solid #e2dccb}.pwa h2{font-size:38px}.pwa-card{background:#faf8f1;border-color:#dfd9c8;border-radius:12px}.pwa-device-badge{background:#717b61!important}.pwa-benefit{background:transparent;border-color:#d9d2bf;color:#6b745b;border-radius:6px}.pwa-subtitle{color:#7b806d}.pwa-screen-mini-day.ck{background:#8b9977}
.kakao-apply{background:#faf7ef}.kakao-apply-text h2{font-size:36px}.kakao-apply-text p{color:#777d69;font-size:16px}.kakao-chat-mockup{background:#eae7da;border-color:#d5d1bf;border-radius:12px}.kakao-chat-header{background:#dddcc9;border-color:#cdcfb8}.kakao-chat-title{color:#5c684b}.kakao-chat-sub,.kakao-msg-name{color:#7c856c}.kakao-msg.sent .kakao-msg-bubble{background:#e2e8d0;color:#4e5d3d}.kakao-msg-bubble{background:#fffdf7}.kakao-btn{background:#efe1a8;color:#61572f;border:1px solid #e3d49a;border-radius:8px}.kakao-btn:hover{background:#e7d89b}
.cta{background:#4e5d40;border:0;padding:64px 40px}.cta h2{color:#fffaf0;font-size:39px}.cta p{color:#d3d9c5;font-size:16px}.btn-white{background:#f6f0df;color:#4e5d40}.btn-white:hover{background:#e8e2d0}footer{background:#faf7ef;border-color:#dedcca}.f-logo,.f-logo span{color:#667452!important}.f-desc,.f-right a,.f-bottom{color:#848772!important}.f-bottom{border-color:#e4dfd0}
a:focus-visible,button:focus-visible{outline-color:#526346}
@media(max-width:1000px){.hero-inner{gap:35px}.hero-book-photo{width:300px;right:0}.hero h1{font-size:45px}.how-inner{grid-template-columns:240px 1fr;gap:35px}.how-photo{height:360px}.step h3{font-size:16px}.step p{font-size:13px}.community-grid{gap:35px}}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:20px}.hero-text{text-align:center}.hero{padding:44px 24px 65px}.hero-mockup{max-width:420px;height:485px;margin:auto}.hero-book-photo{width:320px;right:0}.hero h1{font-size:46px}.hero:after{left:24px;right:24px}.how-inner{grid-template-columns:1fr}.how-photo{grid-column:1;grid-row:auto;width:100%;height:190px;border-radius:12px;margin-bottom:25px}.how .section-tag,.how .section-title,.how .steps{grid-column:1}.how .steps{grid-template-columns:repeat(3,1fr)}.step h3{font-size:18px}.step p{font-size:15px}.community-grid{grid-template-columns:1fr}.community-text{grid-row:1}.community-visual{max-width:620px;width:100%;margin:auto}.feature-card{padding:24px;grid-template-columns:1fr}.feature-icon{grid-row:auto;grid-column:1;margin-bottom:14px}.feature-card p,.feature-tag{grid-column:1}.feature-card-visual{grid-column:1}.nav,.nav.scrolled{min-height:74px}}
@media(max-width:600px){.hero{padding:38px 20px 50px}.hero h1{font-size:37px}.hero p{font-size:15px;line-height:1.9}.hero-badge{font-size:11px;margin-bottom:18px}.hero-buttons{margin-top:22px}.hero-trust{margin-top:20px}.hero-mockup{height:435px;max-width:340px;padding-top:25px}.hero-book-photo{width:270px;height:350px;right:0;top:12px}.phone{width:244px;margin:65px 0 0 4px}.hero-star{left:0;top:4px;font-size:34px}.nav,.nav.scrolled{min-height:64px}.features,.how,.community,.admin-section,.trial,.pwa,.kakao-apply{padding:48px 20px}.section-title,.community-text h2,.trial h2,.pwa h2,.kakao-apply-text h2,.cta h2{font-size:29px;line-height:1.5}.section-desc{font-size:15px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:24px;border-radius:12px}.feature-card h3{font-size:22px}.feature-card p{font-size:15px}.how .steps{grid-template-columns:1fr}.how-photo{height:175px}.step h3{font-size:20px}.step p{font-size:15px}.community-photo{height:190px}.community-text p{font-size:15px}.stat-row{gap:30px}.trial-content{gap:30px}.trial-code{font-size:34px}.cta{padding:50px 22px}.cta p{font-size:15px}.kakao-btn{font-size:14px}.pwa-card{padding:24px}.nav-buttons a{border-radius:5px}}
@media(max-width:360px){.hero h1{font-size:33px}.hero-mockup{height:420px}.hero-book-photo{width:230px;height:325px}.phone{width:223px;margin-left:0}.hero p{font-size:14px}.hero-buttons .btn{padding:13px 14px}.hero-badge{letter-spacing:.06em}.hero-star{font-size:28px}.section-title{font-size:27px}}
/* Let the reading card determine hero height so all sample content remains visible. */
.hero-mockup{height:auto;min-height:540px;padding-bottom:24px}.phone{margin-top:25px}
@media(max-width:600px){.hero-mockup{height:auto;min-height:510px;padding-bottom:24px}.phone{margin-top:35px}}
/* Readable secondary text on the existing warm paper backgrounds. */
.landing-scripture { --readable-muted: #626a56; }
.landing-scripture .hero-badge,
.landing-scripture .hero p,
.landing-scripture .section-tag,
.landing-scripture .section-desc,
.landing-scripture .feature-card p,
.landing-scripture .feature-tag,
.landing-scripture .step p,
.landing-scripture .community-text p,
.landing-scripture .stat-desc,
.landing-scripture .admin-subtitle,
.landing-scripture .admin-flow-card p,
.landing-scripture .admin-feature-item span,
.landing-scripture .trial-badge,
.landing-scripture .trial-step-desc,
.landing-scripture .pwa-subtitle,
.landing-scripture .pwa-card-sub,
.landing-scripture .kakao-apply-text p { color: var(--readable-muted); }
/* Override the earlier footer palette, which uses !important. */
.landing-scripture .f-desc,
.landing-scripture .f-right a,
.landing-scripture .f-bottom { color: var(--readable-muted) !important; }
/* Motion adapted from jeremyfactoryhomepage/landing-motion.module.css. */
@keyframes scripture-intro {
  from { opacity: 0; transform: translate3d(0, 14px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@media (prefers-reduced-motion: no-preference) {
  .landing-scripture .hero-text { animation: scripture-intro 650ms cubic-bezier(.22,1,.36,1) both; }
  .landing-scripture .hero-mockup { animation: scripture-intro 800ms 170ms cubic-bezier(.22,1,.36,1) both; }
  .landing-scripture [data-motion-state] {
    transition: opacity 800ms cubic-bezier(.22,1,.36,1), transform 800ms cubic-bezier(.22,1,.36,1), border-color 180ms, box-shadow 220ms;
    transition-delay: var(--reveal-delay,0ms), var(--reveal-delay,0ms), 0ms, 0ms;
  }
  .landing-scripture [data-motion-state="pending"] { opacity: 0; transform: translate3d(0,24px,0); transition: none; }
  .landing-scripture [data-motion-state="visible"] { opacity: 1; transform: translate3d(0,0,0); }
  .landing-scripture [data-motion-state]:focus-within { opacity: 1; transform: none; transition-delay: 0ms; transition-duration: 0ms; }
  .landing-scripture :is(.hero-book-photo,.how-photo,.community-photo) { transition: scale 650ms cubic-bezier(.22,1,.36,1); }
  .landing-scripture :is(.btn,.btn-white,.nav-cta,.nav-guide,.nav-kakao,.kakao-btn,.trial-copy) {
    transition: transform 240ms ease, background-color 240ms ease, border-color 240ms ease, color 240ms ease, box-shadow 240ms ease;
  }
}
@media (hover:hover) and (prefers-reduced-motion: no-preference) {
  .landing-scripture :is(.feature-card,.pwa-card)[data-motion-state="visible"]:hover {
    transform: translate3d(0,-4px,0);
    box-shadow: 0 12px 30px #5263461a;
    border-color: #a7b291;
    transition-duration: 800ms,240ms,180ms,240ms;
    transition-delay: 0ms;
  }
  .landing-scripture :is(.hero-book-photo,.how-photo,.community-photo):hover { scale: 1.025; }
  .landing-scripture :is(.btn,.btn-white,.nav-cta,.nav-guide,.nav-kakao,.kakao-btn,.trial-copy):hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 18px #35442b1a;
  }
}
@media (prefers-reduced-motion: reduce), print {
  .landing-scripture [data-motion-state] { opacity: 1; transform: none; transition: none; }
  .landing-scripture .hero-text,.landing-scripture .hero-mockup { animation: none; }
}