:root{--bg:#020504;--bg-soft:#07100d;--surface:#09120fc7;--surface-strong:#0e1b17eb;--text:#f3f5f0;--text-soft:#f3f5f0b8;--muted:#f3f5f06b;--line:#bfe8ca29;--line-strong:#98f2b157;--accent:#8cf2a8;--accent-2:#38d898;--ink:#020504;--radius:18px;--inner:min(980px, calc(100vw - 48px));--section-pad:clamp(5rem, 9vw, 8rem);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-snap-type:y mandatory;background:var(--bg)}body{background:radial-gradient(circle at 16% 0%, #519c5b47, transparent 23rem), radial-gradient(circle at 78% 96%, #38d89829, transparent 28rem), var(--bg);min-width:320px;color:var(--text);word-break:keep-all;overflow-wrap:break-word;text-rendering:optimizelegibility;margin:0;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}button{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible+.custom-check{outline:2px solid var(--accent);outline-offset:4px}::selection{background:#8cf2a83d}.page-shell{overflow:hidden}.hero-section{isolation:isolate;min-height:100svh;padding:clamp(1.2rem,3vw,2rem);display:grid;position:relative}.hero-section:before{z-index:-3;content:"";background:linear-gradient(#0205042e,#020504c7),radial-gradient(at 50% 43%,#0000 0 21%,#0000008a 48%,#000000e6 78%),linear-gradient(145deg,#08120e 0%,#010302 48%,#020604 100%);position:absolute;inset:0}.poster-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.poster-grain{opacity:.18;mix-blend-mode:screen;background-image:radial-gradient(circle at 16% 24%,#ffffff29 0 1px,#0000 1px),radial-gradient(circle at 78% 72%,#8cf2a82e 0 1px,#0000 1px);background-size:29px 31px,43px 47px;position:absolute;inset:0}.poster-wave{opacity:.28;filter:blur(.2px);background:repeating-radial-gradient(#0000 0 14px,#8cf2a82e 15px 16px,#0000 17px 30px);width:125vw;height:34rem;position:absolute}.wave-top{top:-13rem;left:-28vw;transform:rotate(11deg)skew(-22deg)}.wave-bottom{opacity:.34;bottom:-10rem;right:-34vw;transform:rotate(-14deg)skew(18deg)}.poster-topline{color:#f3f5f0b8;margin:0;font-size:clamp(.72rem,1.4vw,.95rem);font-weight:500;position:absolute;top:clamp(.9rem,2vw,1.35rem);right:clamp(1rem,4vw,2.4rem)}.hero-content{text-align:center;width:min(620px,100%);animation:fadeUp .72s var(--ease) both;place-self:center}.quote-image{opacity:.18;width:clamp(2.4rem,5vw,4.1rem);height:auto;margin-bottom:1rem}.hero-statement{color:#ffffffed;letter-spacing:0;margin:0;font-size:clamp(1.35rem,2.6vw,2rem);font-weight:360;line-height:1.62}.hero-statement strong{color:var(--accent);font-weight:800}.poster-lockup{text-align:center;position:absolute;bottom:clamp(2.3rem,6vw,4rem);left:1.4rem;right:1.4rem}.brand-section .poster-lockup{place-self:center;width:min(520px,100%);padding:0 1rem;position:relative;inset:auto}.brand-section h1{font-size:clamp(2.05rem,5vw,3.35rem)}.brand-section .hero-copy{margin-top:.7rem;margin-bottom:1.45rem;font-size:clamp(.9rem,1.7vw,1.05rem)}.hero-english{color:#f3f5f06b;letter-spacing:.06em;margin:0 0 .2rem;font-size:clamp(1rem,2.2vw,1.7rem);font-weight:300}h1,h2,h3,p{margin-top:0}h1{color:#fff;letter-spacing:0;margin:0;font-size:clamp(1.65rem,3.6vw,2.55rem);font-weight:850;line-height:1.1}.hero-copy{color:#f3f5f0a8;max-width:520px;margin:.35rem auto 1rem;font-size:clamp(.75rem,1.5vw,.92rem)}.primary-button,.secondary-button,.text-button{cursor:pointer;min-height:42px;transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.primary-button{color:#eaffef;background:#8cf2a814;border-color:#8cf2a86b;border-radius:999px;padding:.72rem 1rem;font-size:.88rem;font-weight:760}.primary-button:hover,.secondary-button:hover,.text-button:hover{transform:translateY(-2px)}.primary-button:hover,.secondary-button:hover{background:#8cf2a829;border-color:#8cf2a8b8}.primary-button:active,.secondary-button:active,.text-button:active{transform:translateY(0)}.scroll-cue{color:#f3f5f06b;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.74rem;display:flex;position:absolute;bottom:clamp(1rem,3vw,1.7rem);left:clamp(1rem,4vw,2.3rem)}.scroll-cue span:first-child{background:#8cf2a861;width:36px;height:1px}.poster-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100svh;padding:clamp(1.4rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.poster-section:not(.hero-section){border-top:1px solid var(--line);background:radial-gradient(circle at 15% 18%,#8cf2a814,#0000 23rem),radial-gradient(circle at 82% 86%,#38d89814,#0000 26rem),linear-gradient(#020504 0%,#07100d 50%,#020504 100%);place-items:center}.poster-section:not(.hero-section):before{z-index:0;content:"";opacity:.28;pointer-events:none;background:repeating-radial-gradient(#0000 0 18px,#8cf2a814 19px 20px,#0000 21px 38px);position:absolute;inset:-30% -20%;transform:rotate(-10deg)}.message-section,.action-section,.closing-section{text-align:center;align-content:center;justify-items:center;gap:1.15rem}.section-kicker{z-index:1;color:#8cf2a8b8;letter-spacing:.12em;margin:0 0 1.15rem;font-size:clamp(.72rem,1.4vw,.9rem);font-weight:700;position:relative}.message-section h2,.action-section h2,.closing-section h2,.habit-copy h2{z-index:1;max-width:720px;color:var(--text);margin:0 auto;font-size:clamp(1.55rem,3.4vw,2.55rem);font-weight:720;line-height:1.52;position:relative}.habit-section{grid-template-columns:minmax(260px,420px) minmax(320px,420px);justify-content:center;align-items:center;gap:clamp(4rem,9vw,8.5rem)}.habit-copy{z-index:1;text-align:left;position:relative}.section{padding:var(--section-pad) 0;border-top:1px solid var(--line);background:linear-gradient(#020504f0,#07100df5),radial-gradient(circle at 8% 8%,#8cf2a814,#0000 24rem);position:relative}.section:nth-of-type(odd){background:linear-gradient(#07100df5,#020504f5),radial-gradient(circle at 90% 18%,#38d89814,#0000 26rem)}.section-grid{width:var(--inner);grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(2rem,6vw,5rem);margin:0 auto;display:grid}.section-number,.sdg-label,.item-label,.result-count{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:760}.section-number{color:#8cf2a894;margin-bottom:.9rem}h2{max-width:10em;color:var(--text);letter-spacing:0;margin-bottom:0;font-size:clamp(1.9rem,4vw,3.25rem);font-weight:820;line-height:1.18}h3{color:var(--text);font-size:clamp(1.15rem,2vw,1.42rem);line-height:1.45}.text-flow p,.section-lead,.sdg-item p,.prompt-block p,.closing-inner p{color:var(--text-soft);font-size:clamp(.98rem,1.35vw,1.08rem)}.text-flow{max-width:680px}.text-flow p{margin-bottom:1rem}.statement-line{border-top:1px solid var(--line-strong);color:var(--text);margin:clamp(1.7rem,4vw,2.6rem) 0 0;padding-top:1.25rem;font-size:clamp(1.18rem,2.6vw,1.88rem);font-weight:760;line-height:1.48}.sdg-list{border-top:1px solid var(--line);gap:0;display:grid}.sdg-item{border-bottom:1px solid var(--line);padding:clamp(1.45rem,3.5vw,2.35rem) 0}.item-label{margin-bottom:.7rem}.sdg-item h3{margin-bottom:.65rem}.section-lead{max-width:500px;margin-top:1rem}.habit-panel{z-index:1;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;box-shadow:0 22px 80px #00000047}.habit-panel fieldset{border:0;min-width:0;margin:0;padding:8px 24px 0}.habit-row{border-bottom:1px solid var(--line);min-height:66px;color:var(--text-soft);cursor:pointer;transition:color .18s var(--ease);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:.9rem;padding:.85rem 0;display:grid;position:relative}.habit-row:hover{color:var(--text)}.habit-row:has(input:checked){color:var(--text)}.habit-row input{opacity:0;width:1px;height:1px;position:absolute}.custom-check{width:20px;height:20px;transition:border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);background:#ffffff08;border:1px solid #f3f5f047;border-radius:50%;place-items:center;display:grid}.custom-check:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);opacity:0;width:6px;height:10px;transform:rotate(42deg)translate(-1px,-1px)}.habit-row input:checked+.custom-check{border-color:var(--accent);background:var(--accent);box-shadow:0 0 24px #8cf2a82e}.habit-row input:checked+.custom-check:after{opacity:1}.habit-text{min-width:0;font-size:.98rem;font-weight:520}.habit-actions{justify-content:space-between;align-items:center;gap:1rem;padding:20px 24px 24px;display:flex}.habit-actions p{color:var(--muted);margin:0;font-size:.9rem}.secondary-button{color:#eaffef;background:#8cf2a814;border-color:#8cf2a85c;border-radius:999px;min-width:128px;padding:.68rem .95rem;font-size:.88rem;font-weight:760}.result-area{border-top:1px solid var(--line-strong);margin:0 24px 24px;padding:clamp(1.2rem,3vw,1.7rem) 0 0}.result-area h3{margin-bottom:.45rem;font-size:clamp(1.45rem,3.1vw,2.15rem)}.result-area p{max-width:650px;color:var(--text-soft)}.result-count{margin-bottom:.35rem}.text-button{min-height:auto;color:var(--accent);background:0 0;border:0;margin-top:.25rem;padding:0;font-weight:780}.text-button:after{content:"→";margin-left:.45rem}.compare-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:0;display:grid;overflow:hidden}.prompt-block{padding:clamp(1.4rem,3.5vw,2.1rem) 0}.prompt-block+.prompt-block{border-left:1px solid var(--line);padding-left:clamp(1.5rem,4vw,2.6rem)}.prompt-block blockquote{color:var(--text);margin:0 0 1rem;font-size:clamp(1.1rem,2vw,1.48rem);font-weight:650;line-height:1.62}.prompt-muted .item-label{color:var(--muted)}.prompt-accent blockquote{color:#e8ffed}.compare-statement{grid-column:2}.action-list{z-index:1;border-top:1px solid var(--line);margin:clamp(2.4rem,4.5vw,4rem) 0 0;padding:0;list-style:none;position:relative}.action-list li{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(0,1fr);align-items:baseline;gap:1rem;padding:1rem 0;display:grid}.action-list span{color:#8cf2a8b3;font-size:.76rem;font-weight:800}.action-list p{color:var(--text);margin:0;font-size:clamp(1rem,1.6vw,1.18rem);font-weight:560;line-height:1.55}.closing-section{min-height:78svh;padding:var(--section-pad) max(24px, calc((100vw - 980px) / 2)) 2.2rem;border-top:1px solid var(--line);background:radial-gradient(circle at 62% 22%,#8cf2a817,#0000 24rem),#020504;display:grid}.closing-line{display:none}.closing-inner{align-self:center;width:min(820px,100%)}.closing-inner h2{max-width:13em;color:var(--text);margin-bottom:1.3rem;font-size:clamp(1.9rem,4.2vw,3.25rem)}.closing-inner p{max-width:650px}footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-self:end;gap:.8rem 1.5rem;font-size:.82rem;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.section-grid{grid-template-columns:1fr;gap:2rem}.compare-statement{grid-column:1}}@media (width<=768px){:root{--inner:min(100vw - 32px, 680px);--section-pad:4.4rem}.hero-section{min-height:100svh;padding:1rem}.poster-section:not(.hero-section),.message-section{min-height:100svh}.poster-topline{text-align:right;left:1rem;right:1rem}.hero-content{width:min(330px,100%)}.quote-mark{height:2.6rem;font-size:4.4rem}.hero-statement{font-size:clamp(1.3rem,6vw,1.72rem);line-height:1.7}.poster-lockup{bottom:3.2rem}h1{font-size:clamp(1.75rem,8vw,2.25rem)}.primary-button{min-height:40px;padding:.62rem .9rem;font-size:.82rem}.scroll-cue{display:none}h2{font-size:clamp(1.75rem,8vw,2.55rem)}.statement-line{font-size:clamp(1.12rem,5.6vw,1.55rem)}.habit-panel fieldset{padding-left:18px;padding-right:18px}.habit-row{grid-template-columns:23px minmax(0,1fr);gap:.75rem;min-height:54px;padding:.56rem 0;line-height:1.45}.habit-text{font-size:.94rem}.habit-section{flex-direction:column;justify-content:center;gap:1.25rem;min-height:100svh;padding-top:4.25rem;padding-bottom:4.25rem;scroll-margin-top:0;display:flex}.habit-copy{width:var(--inner);text-align:center}.habit-copy h2{max-width:100%}.habit-panel{width:var(--inner);max-width:420px}.habit-actions{flex-direction:column;align-items:stretch;gap:.65rem;padding:14px 18px 18px}.habit-actions p{order:2}.secondary-button{width:100%}.result-area{margin-left:18px;margin-right:18px;padding-top:1rem}.result-area h3{font-size:1.38rem}.result-area p{margin-bottom:.65rem;font-size:.95rem}.compare-wrap{grid-template-columns:1fr}.prompt-block+.prompt-block{border-top:1px solid var(--line);border-left:0;padding-left:0}.action-list li{grid-template-columns:40px minmax(0,1fr)}.closing-section{min-height:72svh;padding-left:18px;padding-right:18px}footer{flex-direction:column}}@media (width<=420px){.poster-topline{font-size:.68rem}.hero-copy{max-width:260px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}