@font-face{font-family:'Pretendard';font-weight:900;font-display:swap;src:local('Pretendard Black'),url(/assets/font/pretendard/Pretendard-Black.woff2) format('woff2'),url(/assets/font/pretendard/Pretendard-Black.woff) format('woff')}@font-face{font-family:'Pretendard';font-weight:800;font-display:swap;src:local('Pretendard ExtraBold'),url(/assets/font/pretendard/Pretendard-ExtraBold.woff2) format('woff2'),url(/assets/font/pretendard/Pretendard-ExtraBold.woff) format('woff')}@font-face{font-family:'Pretendard';font-weight:700;font-display:swap;src:local('Pretendard Bold'),url(/assets/font/pretendard/Pretendard-Bold.woff2) format('woff2'),url(/assets/font/pretendard/Pretendard-Bold.woff) format('woff')}@font-face{font-family:'Pretendard';font-weight:600;font-display:swap;src:local('Pretendard SemiBold'),url(/assets/font/pretendard/Pretendard-SemiBold.woff2) format('woff2'),url(/assets/font/pretendard/Pretendard-SemiBold.woff) format('woff')}@font-face{font-family:'Pretendard';font-weight:500;font-display:swap;src:local('Pretendard Medium'),url(/assets/font/pretendard/Pretendard-Medium.woff2) format('woff2'),url(/assets/font/pretendard/Pretendard-Medium.woff) format('woff')}@font-face{font-family:'Pretendard';font-weight:400;font-display:swap;src:local('Pretendard Regular'),url(/assets/font/pretendard/Pretendard-Regular.woff2) format('woff2'),url(/assets/font/pretendard/Pretendard-Regular.woff) format('woff')}@font-face{font-family:'Pretendard';font-weight:300;font-display:swap;src:local('Pretendard Light'),url(/assets/font/pretendard/Pretendard-Light.woff2) format('woff2'),url(/assets/font/pretendard/Pretendard-Light.woff) format('woff')}@font-face{font-family:'Pretendard';font-weight:200;font-display:swap;src:local('Pretendard ExtraLight'),url(/assets/font/pretendard/Pretendard-ExtraLight.woff2) format('woff2'),url(/assets/font/pretendard/Pretendard-ExtraLight.woff) format('woff')}@font-face{font-family:'Pretendard';font-weight:100;font-display:swap;src:local('Pretendard Thin'),url(/assets/font/pretendard/Pretendard-Thin.woff2) format('woff2'),url(/assets/font/pretendard/Pretendard-Thin.woff) format('woff')}.toast-container{position:fixed;z-index:9999;pointer-events:none}.toast-container.top-right{top:1rem;right:1rem}.toast-container.top-left{top:1rem;left:1rem}.toast-container.top-center{top:1rem;left:50%;transform:translateX(-50%)}.toast-container.bottom-right{bottom:1rem;right:1rem}.toast-container.bottom-left{bottom:1rem;left:1rem}.toast-container.bottom-center{bottom:1rem;left:50%;transform:translateX(-50%)}.toast{display:flex;align-items:center;gap:.625rem;min-width:280px;max-width:400px;padding:.875rem 1rem;margin-bottom:.5rem;border-radius:.625rem;background:var(--color-surface);box-shadow:0 4px 12px rgb(0 0 0 / .15);pointer-events:auto;opacity:0;transform:translateX(100%);transition:all 0.3s cubic-bezier(.4,0,.2,1)}.toast-container.top-left .toast,.toast-container.bottom-left .toast{transform:translateX(-100%)}.toast-container.top-center .toast,.toast-container.bottom-center .toast{transform:translateY(-20px)}.toast.show{opacity:1;transform:translateX(0) translateY(0)}.toast.hide{opacity:0;transform:translateX(100%)}.toast-container.top-left .toast.hide,.toast-container.bottom-left .toast.hide{transform:translateX(-100%)}.toast-container.top-center .toast.hide,.toast-container.bottom-center .toast.hide{transform:translateY(-20px)}.toast-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;flex-shrink:0}.toast-icon .material-symbols-outlined{font-size:1rem;color:#fff}.toast.success .toast-icon{background:#10b981}.toast.error .toast-icon{background:#ef4444}.toast.warning .toast-icon{background:#f59e0b}.toast.info .toast-icon{background:#3b82f6}.toast-content{flex:1;min-width:0}.toast-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.125rem}.toast-message{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.toast-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#fff0;border:none;border-radius:.25rem;color:var(--color-text-muted);cursor:pointer;transition:background 0.2s;flex-shrink:0}.toast-close:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.toast-close .material-symbols-outlined{font-size:1.125rem}.toast-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 .625rem .625rem;transition:width linear}.toast.success .toast-progress{background:#10b981}.toast.error .toast-progress{background:#ef4444}.toast.warning .toast-progress{background:#f59e0b}.toast.info .toast-progress{background:#3b82f6}body.dark .toast{box-shadow:0 4px 12px rgb(0 0 0 / .4)}.alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background-color:rgb(15 23 42 / .4);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all 0.3s ease}.alert-overlay.active{opacity:1;visibility:visible}.alert-card{width:100%;max-width:360px;background-color:#fff;border-radius:16px;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);transform:scale(.9);transition:transform 0.3s ease;border:1px solid rgb(255 255 255 / .1);overflow:hidden;display:flex;flex-direction:column}.alert-overlay.active .alert-card{transform:scale(1)}@media (min-width:768px){.alert-card{max-width:400px}}body.dark .alert-card{background-color:#1A222C}.alert-icon-section{display:flex;justify-content:center;padding-top:32px;padding-bottom:16px}.alert-icon-container{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}.alert-icon{font-size:40px;font-family:'Material Symbols Outlined'}.alert-type-success .alert-icon-container{background-color:rgb(220 252 231);color:#16a34a}.alert-type-error .alert-icon-container{background-color:rgb(254 242 242);color:#ef4444}.alert-type-warning .alert-icon-container{background-color:rgb(255 251 235);color:#f59e0b}.alert-type-info .alert-icon-container{background-color:rgb(239 246 255);color:#3b82f6}.alert-type-confirm .alert-icon-container{background-color:rgb(243 244 246);color:#6b7280}body.dark .alert-type-success .alert-icon-container{background-color:rgb(21 128 61 / .2);color:#4ade80}body.dark .alert-type-error .alert-icon-container{background-color:rgb(127 29 29 / .2);color:#f87171}body.dark .alert-type-warning .alert-icon-container{background-color:rgb(146 64 14 / .2);color:#fbbf24}body.dark .alert-type-info .alert-icon-container{background-color:rgb(30 58 138 / .2);color:#60a5fa}body.dark .alert-type-confirm .alert-icon-container{background-color:rgb(55 65 81 / .2);color:#9ca3af}.alert-content{padding:0 32px 24px 32px;text-align:center}.alert-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:12px;letter-spacing:-.025em;font-family:"Inter","Noto Sans KR",sans-serif}body.dark .alert-title{color:#fff}@media (min-width:768px){.alert-title{font-size:24px}}.alert-message{color:#64748b;font-size:14px;line-height:1.6;font-family:"Inter","Noto Sans KR",sans-serif}body.dark .alert-message{color:#94a3b8}@media (min-width:768px){.alert-message{font-size:16px}}.alert-actions{padding:8px 24px 24px 24px;display:flex;flex-direction:column;gap:12px}.alert-actions.horizontal{flex-direction:row}.alert-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;font-size:14px;letter-spacing:.025em;transition:all 0.2s ease;cursor:pointer;border:none;outline:none;font-family:"Inter","Noto Sans KR",sans-serif}.alert-btn-primary{background-color:#197fe6;color:#fff;box-shadow:0 4px 14px 0 rgb(25 127 230 / .2)}.alert-btn-primary:hover{background-color:#2563eb}.alert-btn-primary:active{background-color:#1d4ed8}.alert-btn-secondary{background-color:#f1f5f9;color:#374151}body.dark .alert-btn-secondary{background-color:#1e293b;color:#d1d5db}.alert-btn-secondary:hover{background-color:#e2e8f0}body.dark .alert-btn-secondary:hover{background-color:#334155}.alert-btn-success{background-color:#16a34a;color:#fff}.alert-btn-success:hover{background-color:#15803d}.alert-btn-danger{background-color:#ef4444;color:#fff}.alert-btn-danger:hover{background-color:#dc2626}@keyframes alertSlideIn{from{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alertSlideOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}.alert-card.animate-in{animation:alertSlideIn 0.3s ease forwards}.alert-card.animate-out{animation:alertSlideOut 0.3s ease forwards}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,*::before,*::after{box-sizing:inherit}button,label[for],label:has(input),input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}a{text-decoration:none;color:inherit}strong,b{font-weight:600}:root{--color-background:#F1F5F9;--color-surface:#FFFFFF;--color-primary:#3B82F6;--color-primary-light:#EFF6FF;--color-primary-border:#DBEAFE;--color-primary-border-light:#BFDBFE;--color-primary-hover:#2563EB;--color-text-primary:#0F172A;--color-text-secondary:#64748B;--color-text-tertiary:#475569;--color-text-muted:#94A3B8;--color-border:#E2E8F0;--color-border-light:#F1F5F9;--color-surface-secondary:#F8FAFC;--color-border-medium:#CBD5E1}body.dark{--color-background:#0F172A;--color-surface:#1E293B;--color-primary:#3B82F6;--color-primary-light:#1E40AF;--color-primary-border:#1E3A8A;--color-primary-border-light:#2563EB;--color-primary-hover:#60A5FA;--color-text-primary:#F1F5F9;--color-text-secondary:#94A3B8;--color-text-tertiary:#CBD5E1;--color-text-muted:#64748B;--color-border:#334155;--color-border-light:#1E293B;--color-surface-secondary:#273449;--color-border-medium:#475569}html,body{width:100%;height:100%!important;-webkit-text-size-adjust:none;box-sizing:border-box;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif}body{background-color:var(--color-background);color:var(--color-text-primary);font-size:14px;line-height:1.6;overflow-x:hidden}.named{background-color:#DBEAFE;color:#1E40AF;padding:2px 4px;border-radius:3px;font-weight:600;display:inline;line-height:1.2}body.dark .named{background-color:#1E3A8A;color:#BFDBFE}.index-container{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:50;background-color:rgb(255 255 255 / .9);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);padding:16px 24px}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;gap:8px}.logo-icon{width:40px;height:40px;background-color:rgb(59 130 246 / .1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.logo-icon.small{width:32px;height:32px;border-radius:8px}.logo-icon .material-symbols-outlined{font-size:24px}.logo-icon.small .material-symbols-outlined{font-size:20px}.logo-text{font-size:20px;font-weight:900;color:var(--color-text-primary);letter-spacing:-.025em}.nav{display:none;align-items:center;gap:32px}.nav a{color:var(--color-text-secondary);font-size:14px;font-weight:500;transition:color 0.2s ease}.nav a:hover{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:16px}.btn-primary{display:flex;align-items:center;justify-content:center;min-width:84px;height:40px;padding:0 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 14px 0 rgb(59 130 246 / .2)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary.large{height:48px;padding:0 32px;font-size:16px;border-radius:12px}.btn-secondary{display:flex;align-items:center;justify-content:center;height:40px;padding:0 20px;background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.btn-secondary:hover{background-color:var(--color-surface-secondary)}.btn-secondary.large{height:48px;padding:0 32px;font-size:16px;border-radius:12px}.main{flex:1}.hero-section{position:relative;padding:48px 24px;overflow:hidden}.hero-background{position:absolute;top:-80px;right:-80px;width:600px;height:600px;background-color:rgb(59 130 246 / .05);border-radius:50%;filter:blur(60px);z-index:-1}.hero-background-alt{position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background-color:rgb(147 51 234 / .05);border-radius:50%;filter:blur(60px);z-index:-1}.hero-content{max-width:1200px;margin:0 auto}.hero-grid{display:grid;gap:64px;align-items:center;grid-template-columns:1fr}.hero-text{display:flex;flex-direction:column;gap:32px;text-align:center;z-index:10}.badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:24px;background-color:rgb(59 130 246 / .1);border:1px solid rgb(59 130 246 / .2);color:var(--color-primary);font-size:12px;font-weight:700;width:fit-content;margin:0 auto;position:relative}.ping-dot{position:relative;width:8px;height:8px}.ping-dot::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background-color:var(--color-primary);opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.ping-dot-static{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:var(--color-primary)}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}.hero-title{font-size:48px;font-weight:900;line-height:1.1;letter-spacing:-.025em;color:var(--color-text-primary)}.gradient-text{background:linear-gradient(135deg,var(--color-primary),#9333ea);-webkit-background-clip:text;background-clip:text;color:#fff0}.hero-description{font-size:18px;line-height:1.6;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.kakao-badge{background-color:#FEE500;color:#3c1e1e;padding:2px 6px;border-radius:4px;font-weight:700;margin:0 4px}.hero-buttons{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center}.hero-features{display:flex;justify-content:center;gap:24px;font-size:14px;color:var(--color-text-secondary)}.feature-item{display:flex;align-items:center;gap:8px}.feature-item .material-symbols-outlined{font-size:18px;color:var(--color-primary)}.hero-preview{display:flex;justify-content:center;align-items:center;position:relative}.phone-mockup{position:relative;width:100%;max-width:380px;display:flex;justify-content:center;align-items:center}.phone-background{position:absolute;inset:0;background:linear-gradient(135deg,#bfdbfe,#e9d5ff);border-radius:40px;transform:rotate(3deg) scale(.95);opacity:.7}.phone-content{position:relative;z-index:10;width:100%;max-width:320px;background-color:var(--color-surface);border-radius:24px;box-shadow:0 25px 50px -12px rgb(0 0 0 / .1);border:1px solid var(--color-border-light);overflow:hidden;transition:transform 0.3s ease}.phone-content:hover{transform:scale(1.02)}.phone-header{background-color:var(--color-surface-secondary);padding:16px 24px;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center}.traffic-lights{display:flex;gap:8px}.light{width:8px;height:8px;border-radius:50%}.light.red{background-color:#ef4444}.light.yellow{background-color:#f59e0b}.light.green{background-color:#10b981}.preview-label{font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase}.phone-body{padding:24px}.alert-preview{display:flex;flex-direction:column;gap:16px}.alert-header{display:flex;gap:16px;align-items:flex-start}.alert-icon{width:48px;height:48px;border-radius:16px;background-color:rgb(59 130 246 / .1);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.alert-icon .material-symbols-outlined{font-size:24px}.alert-info{flex:1}.status-badge{display:inline-flex;padding:2px 10px;border-radius:12px;background-color:#dcfce7;color:#166534;font-size:10px;font-weight:700;margin-bottom:4px}.alert-info h3{font-weight:700;font-size:18px;color:var(--color-text-primary);margin-bottom:2px}.alert-info p{font-size:12px;color:var(--color-text-secondary)}.price-info{display:flex;align-items:end;gap:12px}.current-price{font-size:30px;font-weight:900;color:var(--color-primary)}.old-price{font-size:14px;color:var(--color-text-muted);text-decoration:line-through;margin-bottom:6px}.price-chart{height:96px;width:100%;background-color:var(--color-surface-secondary);border-radius:8px;border:1px solid var(--color-border-light);display:flex;align-items:end;padding:8px;gap:4px}.bar{flex:1;background-color:var(--color-border-medium);border-radius-top:2px}.bar:nth-child(1){height:80%}.bar:nth-child(2){height:80%}.bar:nth-child(3){height:60%}.bar:nth-child(4){height:70%}.bar:nth-child(5){height:30%;background-color:var(--color-primary)}.kakao-btn{width:100%;padding:14px 16px;border-radius:12px;background-color:#FEE500;color:#3c1e1e;font-weight:700;font-size:14px;border:none;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1)}.kakao-btn:hover{background-color:rgb(254 229 0 / .9)}.discount-badge{position:absolute;right:-16px;top:80px;background-color:var(--color-surface);padding:12px;border-radius:16px;box-shadow:0 10px 25px -5px rgb(0 0 0 / .1);border:1px solid var(--color-border-light);animation:bounce 3s ease-in-out infinite;display:flex;align-items:center;gap:8px}.discount-percent{font-size:14px;font-weight:700;color:#dc2626}.discount-text{font-size:12px;color:var(--color-text-secondary)}@keyframes bounce{0%,20%,53%,80%,100%{transform:translate3d(0,0,0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.stats-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-secondary);padding:48px 24px}.stats-content{max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:1fr;gap:32px;text-align:center}.stat-item{display:flex;flex-direction:column;gap:4px;padding:16px}.stat-label{color:var(--color-text-secondary);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stat-value{color:var(--color-text-primary);font-size:48px;font-weight:900;line-height:1}.features-section{padding:80px 24px;background-color:var(--color-background)}.features-content{max-width:1200px;margin:0 auto}.section-header{display:flex;flex-direction:column;gap:16px;margin-bottom:64px;max-width:800px}.section-header h2{font-size:36px;font-weight:900;letter-spacing:-.025em;color:var(--color-text-primary)}.section-header p{font-size:18px;color:var(--color-text-secondary);line-height:1.6}.features-grid{display:grid;grid-template-columns:1fr;gap:32px}.feature-card{display:flex;flex-direction:column;gap:24px;padding:32px;border-radius:16px;border:1px solid var(--color-border);background-color:var(--color-surface);transition:all 0.3s ease;cursor:pointer}.feature-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px rgb(0 0 0 / .1)}.feature-card.blue:hover{border-color:rgb(59 130 246 / .3);box-shadow:0 25px 50px -12px rgb(59 130 246 / .1)}.feature-card.yellow:hover{border-color:rgb(245 158 11 / .5);box-shadow:0 25px 50px -12px rgb(245 158 11 / .1)}.feature-card.green:hover{border-color:rgb(34 197 94 / .3);box-shadow:0 25px 50px -12px rgb(34 197 94 / .1)}.feature-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.feature-card.blue .feature-icon{background-color:rgb(59 130 246 / .1);color:var(--color-primary)}.feature-card.yellow .feature-icon{background-color:rgb(245 158 11 / .1);color:#f59e0b}.feature-card.green .feature-icon{background-color:rgb(34 197 94 / .1);color:#22c55e}.feature-card:hover .feature-icon{color:#fff}.feature-card.blue:hover .feature-icon{background-color:var(--color-primary)}.feature-card.yellow:hover .feature-icon{background-color:#FEE500;color:#3c1e1e}.feature-card.green:hover .feature-icon{background-color:#22c55e}.feature-icon .material-symbols-outlined{font-size:30px}.feature-content{display:flex;flex-direction:column;gap:12px}.feature-content h3{font-size:20px;font-weight:700;color:var(--color-text-primary)}.feature-content p{color:var(--color-text-secondary);line-height:1.6}.cta-section{padding:80px 24px;background-color:var(--color-surface);border-top:1px solid var(--color-border)}.cta-content{max-width:1200px;margin:0 auto;padding:64px 32px;border-radius:24px;background:linear-gradient(135deg,var(--color-primary),#2563eb);text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgb(59 130 246 / .3)}.cta-background{position:absolute;top:0;right:0;width:256px;height:256px;background-color:rgb(255 255 255 / .1);border-radius:50%;filter:blur(60px);margin:-128px -128px 0 0}.cta-background::after{content:'';position:absolute;bottom:0;left:0;width:256px;height:256px;background-color:rgb(255 255 255 / .1);border-radius:50%;filter:blur(60px);margin:0 0 -128px -128px}.cta-text{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:32px}.cta-text h2{font-size:36px;font-weight:900;line-height:1.1;max-width:800px}.cta-text p{color:rgb(255 255 255 / .9);font-size:18px;font-weight:500;max-width:600px}.app-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px}.app-btn{display:flex;align-items:center;gap:12px;background-color:#fff;color:var(--color-primary);padding:16px 32px;border-radius:12px;font-weight:700;transition:all 0.3s ease;box-shadow:0 4px 14px 0 rgb(0 0 0 / .1);border:none;cursor:pointer}.app-btn:hover{background-color:var(--color-surface-secondary);transform:scale(1.05)}.app-btn .material-symbols-outlined{font-size:24px}.app-btn span:last-child{font-size:18px}.footer{background-color:var(--color-surface-secondary);border-top:1px solid var(--color-border);padding:48px 24px}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:32px}.footer-logo{display:flex;align-items:center;gap:8px}.footer-nav{display:flex;gap:32px;color:var(--color-text-secondary);font-size:14px;font-weight:500}.footer-nav a:hover{color:var(--color-primary)}.copyright{color:var(--color-text-muted);font-size:14px}@media (min-width:640px){.hero-buttons{flex-direction:row}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-item{border-left:1px solid var(--color-border)}.stat-item:first-child{border-left:none}}@media (min-width:768px){.nav{display:flex}.hero-section{padding:96px 24px}.hero-grid{grid-template-columns:1fr 1fr;gap:48px}.hero-text{text-align:left}.badge{margin:0}.hero-description{margin:0}.hero-buttons{justify-content:flex-start}.hero-features{justify-content:flex-start}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.header{padding:16px 80px}.hero-section{padding:96px 80px}.stats-section{padding:48px 80px}.features-section{padding:80px 80px}.features-grid{grid-template-columns:repeat(3,1fr)}.cta-section{padding:80px 80px}.footer{padding:48px 80px}.footer-content{flex-direction:row;gap:32px}}@media (min-width:1280px){.header{padding:16px 160px}.hero-section{padding:96px 160px}.stats-section{padding:48px 160px}.features-section{padding:80px 160px}.cta-section{padding:80px 160px}.footer{padding:48px 160px}}body.dark .header{background-color:rgb(30 41 59 / .9);border-bottom-color:var(--color-border)}body.dark .badge{background-color:rgb(59 130 246 / .2);border-color:rgb(59 130 246 / .3)}body.dark .btn-secondary{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}body.dark .btn-secondary:hover{background-color:var(--color-surface-secondary)}body.dark .phone-content{background-color:var(--color-surface);border-color:var(--color-border)}body.dark .phone-header{background-color:var(--color-surface-secondary);border-bottom-color:var(--color-border)}body.dark .status-badge{background-color:rgb(34 197 94 / .2);color:#4ade80}body.dark .price-chart{background-color:var(--color-surface-secondary);border-color:var(--color-border)}body.dark .discount-badge{background-color:var(--color-surface);border-color:var(--color-border)}body.dark .feature-card{background-color:var(--color-surface);border-color:var(--color-border)}body.dark .app-btn:hover{background-color:#f8fafc}