.sss{--black:#0a0a0a;--charcoal:#141414;--dark:#1c1c1c;--gold:#c9a84c;--gold-light:#e8c96a;--gold-dim:#8a6e30;--white:#f0ede6;--gray:#9a9a8a;--red:#8b1a1a;--serif:"Noto Serif KR", serif;--sans:"Noto Sans KR", sans-serif;background:var(--black);color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.7;position:relative;overflow-x:hidden}.sss:before{content:"";pointer-events:none;z-index:999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.sss .hero{text-align:center;background:radial-gradient(ellipse at 50% 80%, #2a1f0a 0%, var(--black) 65%);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:80px 24px 60px;display:flex;position:relative;overflow:hidden}.sss .hero:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.sss .hero-eyebrow{letter-spacing:4px;color:var(--gold);text-transform:uppercase;opacity:.8;margin-bottom:32px;font-size:11px;font-weight:500}.sss .hero-headline{font-family:var(--serif);color:var(--white);max-width:900px;margin-bottom:24px;font-size:clamp(38px,7vw,80px);font-weight:900;line-height:1.1}.sss .hero-headline .gold{color:var(--gold)}.sss .hero-headline .strike{color:var(--gray);font-size:.75em;text-decoration:line-through}.sss .hero-sub{color:var(--gray);max-width:560px;margin-bottom:48px;font-size:clamp(15px,2vw,19px);line-height:1.8}.sss .hero-quote{font-family:var(--serif);color:var(--white);border-left:3px solid var(--gold);text-align:left;background:#c9a84c0d;max-width:640px;margin:0 auto 56px;padding:16px 24px;font-size:clamp(17px,2.5vw,22px)}.sss .cta-btn{background:var(--gold);color:var(--black);letter-spacing:1px;cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);border:none;padding:18px 48px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.sss .cta-btn:hover{background:var(--gold-light);transform:translateY(-2px)}.sss .cta-note{color:var(--gray);letter-spacing:1px;margin-top:14px;font-size:12px}.sss .section{max-width:860px;margin:0 auto;padding:100px 24px}.sss .section-label{letter-spacing:5px;color:var(--gold-dim);text-transform:uppercase;margin-bottom:20px;font-size:10px;font-weight:500}.sss .section-title{font-family:var(--serif);color:var(--white);margin-bottom:32px;font-size:clamp(26px,4vw,44px);font-weight:900;line-height:1.25}.sss .section-body{color:#b8b4ac;font-size:17px;line-height:1.9}.sss .pain-list{margin-top:36px;padding:0;list-style:none}.sss .pain-list li{color:#c8c4bc;border-bottom:1px solid #ffffff0f;align-items:flex-start;gap:16px;padding:18px 0;font-size:16px;display:flex}.sss .pain-list li:before{content:"✕";color:var(--red);flex-shrink:0;margin-top:4px;font-size:13px}.sss .divider{background:linear-gradient(90deg,#0000,#c9a84c40,#0000);width:100%;max-width:860px;height:1px;margin:0 auto}.sss .story-wrap{background:var(--charcoal);padding:100px 24px;position:relative}.sss .story-inner{max-width:740px;margin:0 auto}.sss .story-stats{background:#c9a84c1a;grid-template-columns:repeat(3,1fr);gap:2px;margin:56px 0;display:grid}.sss .stat-box{background:var(--dark);text-align:center;padding:28px 20px}.sss .stat-num{font-family:var(--serif);color:var(--gold);font-size:clamp(30px,5vw,50px);font-weight:900;display:block}.sss .stat-label{color:var(--gray);letter-spacing:1px;margin-top:6px;font-size:12px}.sss .emphasis-block{background:#c9a84c0a;border:1px solid #c9a84c4d;margin:40px 0;padding:32px 36px}.sss .emphasis-block p{font-family:var(--serif);color:var(--white);font-size:clamp(18px,2.5vw,24px);line-height:1.7}.sss .levels-wrap{max-width:900px;margin:0 auto;padding:100px 24px}.sss .levels-header{text-align:center;margin-bottom:80px}.sss .level-card{grid-template-columns:100px 1fr;gap:0;margin-bottom:2px;display:grid;position:relative}.sss .level-num{background:var(--dark);border-right:2px solid var(--gold-dim);flex-direction:column;justify-content:center;align-items:center;padding:40px 16px;display:flex;position:relative}.sss .level-tag{letter-spacing:3px;color:var(--gold-dim);text-transform:uppercase;margin-bottom:6px;font-size:9px}.sss .level-n{font-family:var(--serif);color:var(--gold);font-size:36px;font-weight:900;line-height:1}.sss .level-body{background:var(--charcoal);padding:36px 40px}.sss .level-title{font-family:var(--serif);color:var(--white);margin-bottom:16px;font-size:clamp(18px,2.5vw,24px);font-weight:700}.sss .level-desc{color:var(--gray);margin-bottom:20px;font-size:14px;line-height:1.8}.sss .level-items{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.sss .level-items li{color:var(--gold);letter-spacing:.5px;border:1px solid #c9a84c40;padding:5px 12px;font-size:12px}.sss .staircase-wrap{background:var(--charcoal);padding:100px 24px;overflow:hidden}.sss .staircase-inner{max-width:760px;margin:0 auto}.sss .staircase{margin-top:64px;position:relative}.sss .stair-item{align-items:center;margin-bottom:4px;display:flex}.sss .stair-bar{align-items:center;height:64px;padding:0 28px;transition:all .2s;display:flex;position:relative}.sss .stair-bar:hover{filter:brightness(1.15)}.sss .stair-1{background:#1e1e1e;width:28%}.sss .stair-2{background:#252520;width:40%}.sss .stair-3{background:#2e2a1e;width:54%}.sss .stair-4{background:#3a3220;width:68%}.sss .stair-5{background:#4a3e22;width:82%}.sss .stair-6{background:linear-gradient(90deg,#5a4a24,#c9a84c);width:100%}.sss .stair-label{color:var(--white);white-space:nowrap;font-size:13px;font-weight:500}.sss .stair-6 .stair-label{color:var(--black);font-weight:700}.sss .ba-wrap{background:var(--charcoal);padding:100px 24px}.sss .ba-inner{max-width:900px;margin:0 auto}.sss .ba-grid{grid-template-columns:1fr 1fr;gap:2px;margin-top:56px;display:grid}.sss .ba-col{padding:40px 36px}.sss .ba-before{background:#1a1410}.sss .ba-after{background:#101a14}.sss .ba-tag{letter-spacing:4px;text-transform:uppercase;margin-bottom:28px;font-size:10px;font-weight:700;display:block}.sss .ba-before .ba-tag{color:var(--red)}.sss .ba-after .ba-tag{color:#4caf50}.sss .ba-list{padding:0;list-style:none}.sss .ba-list li{color:#b8b4ac;border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:12px;padding:12px 0;font-size:15px;display:flex}.sss .ba-before .ba-list li:before{content:"—";color:var(--red);flex-shrink:0}.sss .ba-after .ba-list li:before{content:"→";color:#4caf50;flex-shrink:0}.sss .final-wrap{text-align:center;background:radial-gradient(ellipse at 50% 30%, #1f1800 0%, var(--black) 70%);padding:120px 24px;position:relative}.sss .final-manifesto{text-align:left;max-width:700px;margin:0 auto 80px}.sss .final-manifesto p{font-family:var(--serif);color:var(--white);margin-bottom:20px;font-size:clamp(16px,2vw,20px);line-height:2}.sss .final-manifesto .bold-gold{color:var(--gold);font-weight:700}.sss .final-manifesto hr{border:none;border-top:1px solid #c9a84c33;margin:32px 0}.sss .text-center{text-align:center}.sss .mt-16{margin-top:16px}.sss .mt-32{margin-top:32px}.sss .gold-line{background:var(--gold);width:48px;height:2px;margin:24px auto}@media (max-width:640px){.sss .level-card{grid-template-columns:60px 1fr}.sss .level-num{padding:28px 8px}.sss .level-n{font-size:26px}.sss .level-body{padding:24px 20px}.sss .ba-grid{grid-template-columns:1fr}.sss .story-stats{grid-template-columns:1fr;gap:2px}.sss .stair-1{width:40%}.sss .stair-2{width:52%}.sss .stair-3{width:64%}.sss .stair-4{width:76%}.sss .stair-5{width:88%}.sss .stair-6{width:100%}.sss .stair-label{font-size:11px}}