*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-900:#14213d;--brand-700:#1f3a6d;--brand-600:#2a4d8f;--brand-500:#3a63b8;--brand-100:#dce6f7;--brand-050:#eef3fc;--accent:#b8860b;--tint-bg:#f6f8fc;--hero-grad-a:#101b33;--hero-grad-b:#24406e;--ink-900:#171a21;--ink-700:#363b46;--ink-500:#6a7180;--ink-400:#949aa8;--ink-200:#e4e7ee;--ink-100:#eef0f5;--ink-050:#f7f8fb;--paper:#fff;--warn:#c2410c;--warn-bg:#fff5ee;--ok:#15803d;--ok-bg:#ecf8f0;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--radius-full:999px;--shadow-sm:0 1px 3px #1418280f;--shadow-md:0 8px 24px -8px #1418281f;--shadow-lg:0 24px 48px -16px #1418282e;--ease:cubic-bezier(.22, .61, .36, 1);--max-w:1060px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--ink-900);background:var(--paper);-webkit-font-smoothing:antialiased;word-break:keep-all;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--brand-600);text-decoration:none}ul,ol{list-style:none}strong{font-weight:700}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 20px}.header{z-index:100;-webkit-backdrop-filter:blur(12px);transition:border-color .25s var(--ease), box-shadow .25s var(--ease);background:#ffffffeb;border-bottom:1px solid #0000;position:sticky;top:0}.header.scrolled{border-color:var(--ink-100);box-shadow:var(--shadow-sm)}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.logo{align-items:baseline;gap:8px;min-width:0;display:flex}.logo b{color:var(--brand-900);letter-spacing:-.02em;white-space:nowrap;font-size:17px;font-weight:900}.logo span{color:var(--ink-400);white-space:nowrap;font-size:12px;font-weight:500;display:none}@media (width>=480px){.logo span{display:inline}}.nav-desktop{gap:2px;display:none}.nav-desktop a{color:var(--ink-500);border-radius:var(--radius-full);transition:all .2s var(--ease);padding:7px 12px;font-size:13.5px;font-weight:600}.nav-desktop a:hover{color:var(--brand-700);background:var(--brand-050)}.header-cta{color:#fff;background:var(--brand-700);border-radius:var(--radius-full);white-space:nowrap;transition:all .2s var(--ease);align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.header-cta:hover{background:var(--brand-900);color:#fff;transform:translateY(-1px)}.hero{background:radial-gradient(900px 480px at 85% -10%, var(--brand-100) 0%, transparent 60%), radial-gradient(700px 420px at -10% 110%, var(--brand-050) 0%, transparent 55%), linear-gradient(180deg, #fff 0%, var(--tint-bg) 100%);padding:52px 0 64px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr;align-items:center;gap:40px;display:grid}.hero-copy{text-align:center}.hero-eyebrow{letter-spacing:.14em;color:var(--brand-600);text-transform:uppercase;border:1px solid var(--brand-100);border-radius:var(--radius-full);background:#ffffffb3;align-items:center;gap:8px;margin-bottom:22px;padding:7px 16px;font-size:12.5px;font-weight:700;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-.03em;color:var(--ink-900);margin-bottom:18px;font-size:clamp(30px,6.2vw,46px);font-weight:900;line-height:1.22}.hero h1 em{color:var(--brand-600);font-style:normal}.hero-sub{color:var(--ink-500);max-width:560px;margin:0 auto 30px;font-size:clamp(15px,2.4vw,17px);line-height:1.8}.hero-cta-group{flex-direction:column;align-items:center;gap:12px;margin-bottom:26px;display:flex}.hero-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{color:var(--ink-500);border:1px solid var(--ink-200);border-radius:var(--radius-full);background:#ffffffd9;padding:6px 14px;font-size:12.5px;font-weight:600}.chip b{color:var(--brand-700);font-weight:800}.hero-visual{justify-content:center;display:flex;position:relative}.hero-product{z-index:1;filter:drop-shadow(0 30px 40px #1418282e);border-radius:var(--radius-lg);width:min(78%,380px);animation:7s ease-in-out infinite heroFloat;position:relative}.hero-halo{background:radial-gradient(closest-side, var(--brand-100), transparent 72%);filter:blur(6px);z-index:0;position:absolute;inset:8% 6%}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.btn{letter-spacing:-.01em;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all .22s var(--ease);border:none;justify-content:center;align-items:center;gap:10px;padding:15px 30px;font-size:15.5px;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;box-shadow:0 12px 24px -10px var(--brand-500)}.btn-primary:hover{color:#fff;box-shadow:0 16px 30px -10px var(--brand-500);transform:translateY(-2px)}.btn-primary .arr{transition:transform .22s var(--ease)}.btn-primary:hover .arr{transform:translate(4px)}.btn-outline{color:var(--brand-700);border:1.5px solid var(--brand-100);box-shadow:var(--shadow-sm);background:#ffffffe6}.btn-outline:hover{border-color:var(--brand-500);color:var(--brand-900);transform:translateY(-2px)}.btn-lg{padding:18px 40px;font-size:17px}.btn-note{color:var(--ink-400);font-size:12.5px}.section{padding:76px 0}.section-tint{background:var(--tint-bg)}.section-head{text-align:center;margin-bottom:44px}.sec-label{letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-block}.sec-title{letter-spacing:-.02em;color:var(--ink-900);margin-bottom:14px;font-size:clamp(23px,4.4vw,33px);font-weight:900;line-height:1.3}.sec-title em{color:var(--brand-600);font-style:normal}.sec-sub{color:var(--ink-500);max-width:620px;margin:0 auto;font-size:15px}.symptom-grid{grid-template-columns:1fr;gap:12px;max-width:720px;margin:0 auto;display:grid}.symptom-item{background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .22s var(--ease);align-items:center;gap:14px;padding:18px 22px;display:flex}.symptom-item:hover{box-shadow:var(--shadow-md);border-color:var(--brand-100);transform:translateY(-2px)}.symptom-check{background:var(--brand-050);width:26px;height:26px;color:var(--brand-600);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex}.symptom-item p{color:var(--ink-700);font-size:15px;font-weight:600;line-height:1.55}.symptom-close{text-align:center;color:var(--brand-700);margin-top:28px;font-size:16px;font-weight:700}.mech-grid{grid-template-columns:1fr;gap:16px;display:grid}.mech-card{background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .25s var(--ease);padding:30px 26px 26px;position:relative}.mech-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.mech-step{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;width:40px;height:40px;box-shadow:0 8px 16px -6px var(--brand-500);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:16px;font-weight:900;display:inline-flex}.mech-card h3{letter-spacing:-.01em;color:var(--ink-900);margin-bottom:8px;font-size:17.5px;font-weight:800}.mech-card p{color:var(--ink-500);font-size:14px;line-height:1.7}.ingr-grid{grid-template-columns:1fr;gap:14px;display:grid}.ingr-card{background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .22s var(--ease);padding:24px}.ingr-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.ingr-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.ingr-card h3{color:var(--ink-900);font-size:16.5px;font-weight:800}.ingr-card h3 small{color:var(--ink-400);margin-top:2px;font-size:12px;font-weight:600;display:block}.ingr-amount{color:var(--brand-600);background:var(--brand-050);border-radius:var(--radius-full);padding:3px 12px;font-size:13px;font-weight:800}.ingr-card p{color:var(--ink-500);font-size:13.5px;line-height:1.65}.ingr-note{text-align:center;color:var(--ink-400);margin-top:18px;font-size:12.5px}.rec-wrap{background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-xl);max-width:760px;box-shadow:var(--shadow-md);margin:0 auto;padding:38px 30px}.rec-list{grid-template-columns:1fr;gap:6px;display:grid}.rec-item{border-bottom:1px dashed var(--ink-100);align-items:flex-start;gap:14px;padding:12px 6px;display:flex}.rec-item:last-child{border-bottom:none}.rec-num{color:var(--accent);letter-spacing:.06em;flex-shrink:0;min-width:26px;margin-top:5px;font-size:12px;font-weight:900}.rec-item p{color:var(--ink-700);font-size:15.5px;font-weight:600;line-height:1.6}.effect-panel{background:linear-gradient(160deg, var(--brand-050), #fff 65%);border:1px solid var(--brand-100);border-radius:var(--radius-xl);text-align:center;max-width:780px;box-shadow:var(--shadow-sm);margin:0 auto;padding:40px 30px}.effect-badge{letter-spacing:.1em;color:var(--brand-700);border:1px solid var(--brand-100);border-radius:var(--radius-full);background:#fff;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:800;display:inline-block}.effect-main{letter-spacing:-.02em;color:var(--ink-900);margin-bottom:14px;font-size:clamp(20px,3.6vw,26px);font-weight:900;line-height:1.45}.effect-main em{color:var(--brand-600);font-style:normal}.effect-desc{color:var(--ink-500);max-width:560px;margin:0 auto;font-size:14.5px}.effect-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.effect-tag{color:var(--brand-700);border:1px solid var(--brand-100);border-radius:var(--radius-full);background:#fff;padding:7px 16px;font-size:13px;font-weight:700}.usage-wrap{max-width:760px;margin:0 auto}.usage-table{border-collapse:separate;border-spacing:0;background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.usage-table th{background:var(--brand-900);color:#fff;text-align:left;padding:14px 18px;font-size:13.5px;font-weight:700}.usage-table td{color:var(--ink-700);border-bottom:1px solid var(--ink-100);padding:15px 18px;font-size:14.5px}.usage-table tr:last-child td{border-bottom:none}.usage-table td:first-child{color:var(--ink-900);white-space:nowrap;background:var(--ink-050);width:34%;font-weight:700}.usage-tips{gap:8px;margin-top:18px;display:grid}.usage-tip{color:var(--ink-500);gap:10px;font-size:13.5px;display:flex}.usage-tip:before{content:"·";color:var(--brand-500);font-weight:900}.safety-grid{grid-template-columns:1fr;gap:16px;max-width:820px;margin:0 auto;display:grid}.safety-card{background:var(--paper);border:1px solid var(--ink-100);border-left:4px solid var(--warn);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:26px}.safety-card.info{border-left-color:var(--brand-500)}.safety-card h3{color:var(--ink-900);align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:800;display:flex}.safety-card h3 .dot{background:var(--warn);border-radius:50%;flex-shrink:0;width:8px;height:8px}.safety-card.info h3 .dot{background:var(--brand-500)}.safety-card li{color:var(--ink-700);gap:10px;padding:5px 0;font-size:14px;line-height:1.65;display:flex}.safety-card li:before{content:"—";color:var(--ink-400);flex-shrink:0}.disclaimer-box{background:var(--ink-050);border:1px solid var(--ink-100);border-radius:var(--radius-md);max-width:820px;color:var(--ink-500);margin:26px auto 0;padding:20px 24px;font-size:12.5px;line-height:1.8}.shop-grid{grid-template-columns:1fr;gap:20px;display:grid}.shop-card{background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .25s var(--ease);flex-direction:column;display:flex;overflow:hidden}.shop-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-100);transform:translateY(-5px)}.shop-img{background:linear-gradient(160deg, var(--tint-bg), #fff);border-bottom:1px solid var(--ink-100);justify-content:center;align-items:center;padding:26px;display:flex}.shop-img img{object-fit:contain;width:auto;max-height:210px}.shop-body{flex-direction:column;flex:1;gap:10px;padding:22px 24px 26px;display:flex}.shop-name{letter-spacing:-.01em;color:var(--ink-900);font-size:17px;font-weight:800}.shop-meta{color:var(--ink-500);font-size:13px;line-height:1.6}.shop-badges{flex-wrap:wrap;gap:6px;display:flex}.shop-badge{color:var(--brand-700);background:var(--brand-050);border-radius:var(--radius-full);padding:3px 10px;font-size:11.5px;font-weight:700}.shop-card .btn{width:100%;margin-top:auto;padding:13px 20px;font-size:14px}.price-band{background:linear-gradient(135deg, var(--hero-grad-a), var(--hero-grad-b));text-align:center;color:#fff;padding:84px 0;position:relative;overflow:hidden}.price-band:before{content:"";background:radial-gradient(600px 300px at 20% 0,#ffffff14,#0000 60%),radial-gradient(500px 320px at 85% 100%,#ffffff0f,#0000 60%);position:absolute;inset:0}.price-band .container{z-index:1;position:relative}.price-band .sec-label{color:#ffffffa6}.price-band h2{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(24px,4.6vw,36px);font-weight:900;line-height:1.35}.price-band p{color:#ffffffc7;max-width:560px;margin:0 auto 34px;font-size:15px}.price-band .btn-primary{color:var(--brand-900);background:#fff;box-shadow:0 16px 32px -12px #0006}.price-band .btn-primary:hover{color:var(--brand-900)}.price-band .btn-note{color:#ffffff8c;margin-top:14px;display:block}.footer{color:#8a8f9c;background:#12141a;padding:52px 0 110px}.footer-brand{color:#d8dbe2;margin-bottom:16px;font-size:15px;font-weight:800}.footer-disclaimer{color:#767b88;max-width:720px;margin-bottom:22px;font-size:12px;line-height:1.9}.footer-copy{color:#565b66;font-size:12px}.cta-bar{z-index:60;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--ink-100);padding:12px 16px calc(12px + env(safe-area-inset-bottom));transition:transform .35s var(--ease);background:#fffffff0;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -8px 24px #14182814}.cta-bar.visible{transform:translateY(0)}.cta-bar-inner{max-width:var(--max-w);justify-content:center;align-items:center;gap:12px;margin:0 auto;display:flex}.cta-bar-label{color:var(--ink-700);font-size:14px;font-weight:700;display:none}.cta-bar .btn{flex:1;max-width:340px;padding:13px 22px;font-size:14.5px}.back-to-top{z-index:55;background:var(--brand-900);color:#fff;cursor:pointer;width:42px;height:42px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:all .25s var(--ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:17px;display:flex;position:fixed;bottom:86px;right:18px;transform:translateY(8px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.js .reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(22px)}.js .reveal.in{opacity:1;transform:translateY(0)}.js .stagger>*{opacity:0;transition:opacity .55s var(--ease), transform .55s var(--ease);transform:translateY(18px)}.js .stagger.in>*{opacity:1;transform:translateY(0)}.js .stagger.in>:first-child{transition-delay:0s}.js .stagger.in>:nth-child(2){transition-delay:70ms}.js .stagger.in>:nth-child(3){transition-delay:.14s}.js .stagger.in>:nth-child(4){transition-delay:.21s}.js .stagger.in>:nth-child(5){transition-delay:.28s}.js .stagger.in>:nth-child(6){transition-delay:.35s}.js .stagger.in>:nth-child(7){transition-delay:.42s}.js .stagger.in>:nth-child(8){transition-delay:.49s}@media (prefers-reduced-motion:reduce){.js .reveal,.js .stagger>*{opacity:1!important;transition:none!important;transform:none!important}.hero-product{animation:none}html{scroll-behavior:auto}}@media (width>=640px){.symptom-grid{grid-template-columns:1fr 1fr}.mech-grid,.ingr-grid,.shop-grid{grid-template-columns:repeat(2,1fr)}.hero-cta-group{flex-direction:row;justify-content:center}}@media (width>=900px){.header-inner{height:68px}.nav-desktop{display:flex}.hero{padding:84px 0 96px}.hero-grid{grid-template-columns:1.05fr .95fr;gap:48px}.hero-copy{text-align:left}.hero-sub{margin-left:0}.hero-cta-group,.hero-chips{justify-content:flex-start}.section{padding:100px 0}.mech-grid.cols-3,.ingr-grid.cols-3{grid-template-columns:repeat(3,1fr)}.shop-grid.cols-1{grid-template-columns:minmax(0,560px);justify-content:center}.shop-grid.cols-3{grid-template-columns:repeat(3,1fr)}.cta-bar-label{display:block}.footer{padding-bottom:100px}}