@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Noto+Serif+KR:wght@400;700&display=swap";:root{--canvas-cream:#f2f0eb;--surface-white:#fff;--ceramic:#edebe9;--starbucks-green:#006241;--green-accent:#00754a;--house-green:#1e3932;--green-uplift:#2b5148;--green-light:#d4e9e2;--gold:#cba258;--gold-light:#dfc49d;--gold-lightest:#faf6ee;--text-black:#000000de;--text-black-soft:#00000094;--text-white:#fff;--text-white-soft:#ffffffb3;--font-sans:"Noto Sans KR", sans-serif;--font-serif:"Noto Serif KR", serif;--space-1:.4rem;--space-2:.8rem;--space-3:1.6rem;--space-4:2.4rem;--space-5:3.2rem;--space-6:4.8rem;--space-7:6.4rem;--space-8:9.6rem;--radius-card:12px;--radius-pill:50px;--shadow-card:0 0 .5px #00000024, 0 1px 1px #0000003d;--shadow-frap-base:0 0 6px #0000003d;--shadow-frap-ambient:0 8px 12px #00000024}*{box-sizing:border-box}html{font-size:62.5%}body{font-family:var(--font-sans);background-color:var(--canvas-cream);color:var(--text-black);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-black);margin-top:0}a{color:var(--green-accent);text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}.pill-button{background:var(--green-accent);color:var(--text-white);border:1px solid var(--green-accent);border-radius:var(--radius-pill);letter-spacing:-.01em;padding:7px 16px;font-size:1.6rem;font-weight:600;transition:all .2s}.pill-button:active{transform:scale(.95)}.pill-button.outlined{color:var(--green-accent);background:0 0}.pill-button.black{color:#fff;background:#000;border-color:#000}.card{background:var(--surface-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}.dashboard-container{flex-direction:column;min-height:100vh;display:flex}.global-nav{z-index:100;background:var(--surface-white);height:72px;padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001a,0 2px 2px #0000000f,0 0 2px #00000012}.nav-left{align-items:center;gap:var(--space-2);color:var(--starbucks-green);display:flex}.brand-text{letter-spacing:-.01em;font-size:2rem;font-weight:700}.brand-divider{color:var(--ceramic);margin:0 4px;font-size:1.4rem}.nav-home-link{color:var(--warm-grey);font-size:1.25rem;font-weight:600;text-decoration:underline;transition:color .2s}.nav-left:hover .nav-home-link{color:var(--green-accent)}.nav-right{gap:var(--space-2);display:flex}.dashboard-body{flex:1;display:flex}.sidebar-nav{background:var(--house-green);width:260px;padding:var(--space-4) var(--space-3);z-index:10;border-right:none;flex-direction:column;display:flex;box-shadow:2px 0 8px #00000026}.sidebar-title{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);margin-top:24px;padding-left:12px;font-size:1.2rem;font-weight:700}.sidebar-title:first-child{margin-top:0}.sidebar-menu{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sidebar-menu li a{color:var(--text-white-soft);border-radius:6px;padding:12px;font-size:1.4rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.sidebar-menu li a:hover{color:var(--text-white);background:#ffffff1a}.sidebar-menu li.active a{background:var(--green-accent);color:var(--text-white);font-weight:700;box-shadow:0 2px 4px #0003}.sidebar-menu li.disabled a{color:#ffffff4d;cursor:not-allowed}.sidebar-menu li.disabled a:hover{color:#ffffff4d;background:0 0}.main-workspace{padding:var(--space-5) var(--space-4);flex:1;width:100%;max-width:1200px}.frap-cart-button{background:var(--green-accent);width:56px;height:56px;box-shadow:var(--shadow-frap-base), var(--shadow-frap-ambient);z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px}.frap-cart-button:active{box-shadow:var(--shadow-frap-base);transform:scale(.95)}.cart-badge{background:var(--gold);color:var(--text-white);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:1.2rem;font-weight:700;display:flex;position:absolute;top:0;right:0}.global-footer{background:var(--house-green);color:var(--text-white-soft);padding:var(--space-5) var(--space-4);margin-top:auto}.footer-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:flex}.footer-text{max-width:850px}.footer-text p{margin:0 0 var(--space-1) 0;font-size:1.4rem}.footer-qr-container{justify-content:center;align-items:center;display:flex}.qr-image-wrapper{background:var(--surface-white);width:90px;height:90px;box-shadow:var(--shadow-card);border-radius:8px;padding:6px}.qr-image-wrapper img{object-fit:contain;width:100%;height:100%}.landing-wrapper{background-color:var(--canvas-cream);min-height:calc(100vh - 72px);position:relative;overflow-x:clip}.mesh-background{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.mesh-blob{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate float-blob;position:absolute}.blob-1{background:var(--green-light);width:600px;height:600px;animation-delay:0s;top:-100px;left:-100px}.blob-2{background:#cba25826;width:500px;height:500px;animation-delay:-5s;bottom:100px;right:-50px}.blob-3{background:#00754a1a;width:400px;height:400px;animation-delay:-10s;top:40%;left:30%}@keyframes float-blob{0%{transform:translate(0)scale(1)}33%{transform:translate(50px,-50px)scale(1.1)}66%{transform:translate(-30px,30px)scale(.9)}to{transform:translate(0)scale(1)}}.landing-container{z-index:1;max-width:1200px;padding:var(--space-6) var(--space-4);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex;position:relative}.fade-up{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.is-mounted .fade-up{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.3s}.delay-3{transition-delay:.5s}.glass-panel{-webkit-backdrop-filter:blur(24px);background:#fff6;border:1px solid #fffc;border-radius:24px;box-shadow:0 8px 32px #0000000a}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-card);background:#fff9;border:1px solid #ffffffe6;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 24px #00000008}.hero-section{text-align:center;padding:var(--space-8) var(--space-4);flex-direction:column;align-items:center;display:flex}.hero-badge{background:var(--starbucks-green);color:var(--gold-lightest);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-4);border-radius:30px;padding:6px 16px;font-size:1.3rem;font-weight:600;display:inline-block;box-shadow:0 4px 12px #1e393233}.hook-title{color:var(--house-green);margin-bottom:var(--space-4);letter-spacing:-1.5px;font-size:4.8rem;font-weight:800;line-height:1.25}.text-gradient{background:linear-gradient(90deg, var(--house-green) 0%, var(--green-accent) 40%, var(--gold) 60%, var(--green-accent) 80%, var(--house-green) 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite shimmer-sweep}@keyframes shimmer-sweep{0%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 0}}.hurdle-text{color:var(--green-uplift);max-width:800px;margin:0 auto;font-size:1.9rem;font-weight:400;line-height:1.7}.hurdle-text strong{color:var(--house-green);border-bottom:2px solid var(--gold-light);font-weight:700}.solution-section{text-align:center}.solution-title{margin-bottom:var(--space-6);color:var(--house-green);letter-spacing:-1px;font-size:3.2rem;font-weight:700}.brand-highlight{color:var(--green-accent);display:inline-block;position:relative}.brand-highlight:after{content:"";z-index:-1;background:#cba2584d;border-radius:4px;width:100%;height:8px;position:absolute;bottom:2px;left:0}.features-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.feature-card{padding:var(--space-5);text-align:left;opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--card-index,0) * .1s);flex-direction:column;display:flex;transform:translateY(40px)}.feature-card.is-visible{opacity:1;transform:translateY(0)}.feature-card:hover{border-color:#fff;transform:translateY(-8px);box-shadow:0 12px 40px #00624114}.feature-icon-wrapper{background:linear-gradient(135deg, var(--green-light) 0%, #d4e9e24d 100%);width:64px;height:64px;margin-bottom:var(--space-4);color:var(--green-accent);border-radius:16px;justify-content:center;align-items:center;transition:transform .3s;display:flex}.feature-card:hover .feature-icon-wrapper{background:var(--green-accent);color:#fff;transform:scale(1.1)rotate(5deg)}.feature-card h3{color:var(--house-green);margin-bottom:var(--space-2);font-size:2rem;font-weight:700}.feature-card p{color:var(--green-uplift);margin:0;font-size:1.5rem;line-height:1.6}.action-section{margin-top:var(--space-2);padding-bottom:var(--space-8);justify-content:center;display:flex}.accent-card{width:100%;max-width:700px;padding:var(--space-6) var(--space-5);text-align:center;border:1px solid var(--green-light);background:linear-gradient(135deg,#fffc 0%,#d4e9e266 100%)}.action-title{color:var(--house-green);margin-bottom:var(--space-2);letter-spacing:-.5px;font-size:2.8rem;font-weight:800}.action-subtitle{color:var(--green-uplift);margin-bottom:var(--space-5);font-size:1.6rem}.login-wrapper{padding:var(--space-4);border-radius:var(--radius-card);background:#ffffffb3;box-shadow:inset 0 2px 4px #00000005}