:root{--accent: #6c8aff;--accent-strong: #5070ee;--accent-muted: rgba(108,138,255,.12);--bg-dark: #08090a;--bg-dark-card: rgba(255,255,255,.04);--bg-dark-border: rgba(255,255,255,.08);--text-on-dark: #f0f1f3;--text-muted-dark: #8a8f98;--bg-light: #fafafa;--bg-white: #ffffff;--border: rgba(0,0,0,.08);--text: #171717;--text-secondary: #525252;--text-muted: #8a8a8a;--green: #22c55e;--green-bg: rgba(34,197,94,.08);--orange: #f59e0b;--orange-bg: rgba(245,158,11,.08);--red: #ef4444;--red-bg: rgba(239,68,68,.08);--radius: 12px;--radius-lg: 20px;--ring: rgba(0,0,0,.08) 0 0 0 1px;--ring-hover: rgba(0,0,0,.12) 0 0 0 1px;--shadow: 0 2px 4px rgba(0,0,0,.04);--shadow-md: 0 8px 24px rgba(0,0,0,.06);--shadow-lg: 0 16px 48px rgba(0,0,0,.08);--font: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Space Grotesk", var(--font);--font-serif: "Noto Serif KR", serif}*{box-sizing:border-box;margin:0}body{font-family:var(--font);color:var(--text);line-height:1.6;background:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:14px;font-weight:500;padding:10px 20px;border-radius:8px;text-decoration:none;transition:all .15s ease;cursor:pointer;border:none}.btn-primary{background:var(--bg-white);color:var(--bg-dark);box-shadow:#00000014 0 0 0 1px,#0000000a 0 1px 2px}.btn-primary:hover{box-shadow:#0000001f 0 0 0 1px,#00000014 0 2px 4px}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 1px 2px #0000001a}.btn-accent:hover{background:var(--accent-strong)}.btn-ghost{background:transparent;color:var(--text-muted-dark);box-shadow:var(--bg-dark-border) 0 0 0 1px}.btn-ghost:hover{color:var(--text-on-dark);box-shadow:#ffffff29 0 0 0 1px}.btn-lg{font-size:15px;padding:12px 28px;border-radius:10px}.hero{background:var(--bg-dark);color:var(--text-on-dark);text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% -10%,rgba(108,138,255,.15) 0%,transparent 100%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.06) 0%,transparent 40%),radial-gradient(circle at 80% 60%,rgba(59,130,246,.06) 0%,transparent 40%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;z-index:0}.hero-glow-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(108,138,255,.4) 30%,rgba(139,92,246,.5) 50%,rgba(108,138,255,.4) 70%,transparent 90%);z-index:3}.hero-glow-line:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:8px;background:linear-gradient(90deg,transparent,rgba(108,138,255,.15) 30%,rgba(139,92,246,.2) 50%,rgba(108,138,255,.15) 70%,transparent);filter:blur(4px)}.hero-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);padding:6px 14px;border-radius:20px;background:#6c8aff14;border:1px solid rgba(108,138,255,.15);margin-bottom:32px;position:relative;box-shadow:0 0 20px #6c8aff14,inset 0 .5px #ffffff0f}.hero h1{font-family:var(--font-display);font-size:clamp(48px,6vw,72px);font-weight:600;line-height:1;letter-spacing:-.025em;margin-bottom:16px;color:#fff}.hero-tagline{font-family:var(--font-serif);font-size:clamp(18px,2.2vw,22px);font-weight:700;color:var(--text-on-dark);margin-bottom:20px;letter-spacing:.01em}.hero-desc{font-size:16px;color:var(--text-muted-dark);max-width:480px;margin:0 auto 40px;line-height:1.7}.hero-ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hero-transition{background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-white) 70%);padding:0 24px 80px}.hero-product{max-width:920px;margin:-40px auto 0;position:relative;z-index:2}.hero-product-inner{border-radius:var(--radius-lg)}.hero-product .img-slot{background:var(--bg-light);border-radius:var(--radius-lg);height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;gap:8px;position:relative;overflow:hidden;box-shadow:var(--ring),var(--shadow-lg)}.img-slot .slot-icon{font-size:32px;opacity:.5;position:relative}.img-slot .slot-label{font-weight:500;color:var(--text-muted-dark);position:relative}.img-slot .slot-hint{font-size:13px;color:#8a8f9899;position:relative}.s{padding:100px 0}.s-header{margin-bottom:48px}.s-center{text-align:center}.s-center .s-header{max-width:560px;margin-left:auto;margin-right:auto}.s-badge{display:inline-flex;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.s-title{font-family:var(--font-serif);font-size:clamp(28px,3vw,36px);font-weight:900;line-height:1.25;letter-spacing:-.01em;margin-bottom:12px}.s-desc{font-size:15px;color:var(--text-secondary);line-height:1.7;max-width:520px}.s-center .s-desc{margin-left:auto;margin-right:auto}.pkg-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.pkg-visual{background:var(--bg-white);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:var(--ring),var(--shadow)}.pkg-stack{display:flex;flex-direction:column;gap:8px;align-items:center}.pkg-card{display:flex;align-items:center;gap:14px;background:var(--bg-white);box-shadow:var(--ring),var(--shadow);border-radius:var(--radius);padding:14px 20px;width:100%;max-width:280px;transition:all .2s ease}.pkg-card:hover{box-shadow:var(--ring-hover),var(--shadow-md);transform:translateY(-2px)}.pkg-card.active{box-shadow:#6c8aff59 0 0 0 1.5px,0 4px 16px #6c8aff1a,0 0 32px #6c8aff0f,inset 0 1px #6c8aff26;background:linear-gradient(135deg,#6c8aff0f,#8b5cf608)}.pkg-card-icon{font-size:20px;flex-shrink:0}.pkg-card-title{font-size:14px;font-weight:600}.pkg-card-desc{font-size:12px;color:var(--text-muted);margin-top:1px}.pkg-line{width:1px;height:14px;background:var(--border)}.pkg-info .tagline{font-size:15px;color:var(--accent);font-weight:500;margin-bottom:28px;line-height:1.6}.pkg-checks{list-style:none;padding:0;margin:0 0 32px}.pkg-checks li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);padding:6px 0}.pkg-checks .ck{color:var(--accent);font-weight:700;font-size:16px;flex-shrink:0}.scene-slot{margin-top:48px}.scene-slot .img-slot{background:var(--bg-light);box-shadow:var(--ring);border-radius:var(--radius-lg);height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;gap:8px}.flow-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--ring)}.flow-item{background:var(--bg-white);padding:32px 20px;text-align:center;transition:background .15s}.flow-item:hover{background:var(--bg-light)}.flow-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-dark);color:var(--text-on-dark);border-radius:50%;font-family:var(--font-display);font-size:14px;font-weight:600;margin-bottom:14px}.flow-item h3{font-size:14px;font-weight:600;margin-bottom:6px}.flow-item p{font-size:13px;color:var(--text-muted);line-height:1.5}.route-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.route-card{border-radius:var(--radius);padding:24px;border-left:3px solid;transition:transform .2s,box-shadow .2s}.route-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.route-card.s1{background:var(--green-bg);border-color:var(--green)}.route-card.s2{background:var(--orange-bg);border-color:var(--orange)}.route-card.s3{background:var(--red-bg);border-color:var(--red)}.route-badge{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.s1 .route-badge{color:var(--green)}.s2 .route-badge{color:var(--orange)}.s3 .route-badge{color:var(--red)}.route-card h4{font-size:14px;font-weight:600;margin-bottom:4px}.route-card p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feat-card{background:var(--bg-white);box-shadow:var(--ring),inset 0 1px #fffc;border-radius:var(--radius);padding:28px 24px;transition:all .25s ease;position:relative;overflow:hidden}.feat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent, var(--accent)),transparent);opacity:0;transition:opacity .25s}.feat-card:hover{box-shadow:var(--ring-hover),var(--shadow-md),0 0 30px var(--card-glow, rgba(108,138,255,.06));transform:translateY(-3px)}.feat-card:hover:before{opacity:1}.feat-card:nth-child(1){--card-accent: #6c8aff;--card-glow: rgba(108,138,255,.06)}.feat-card:nth-child(2){--card-accent: #a78bfa;--card-glow: rgba(167,139,250,.06)}.feat-card:nth-child(3){--card-accent: #34d399;--card-glow: rgba(52,211,153,.06)}.feat-card:nth-child(4){--card-accent: #fbbf24;--card-glow: rgba(251,191,36,.06)}.feat-icon{font-size:24px;margin-bottom:14px}.feat-card h3{font-size:15px;font-weight:600;margin-bottom:8px}.feat-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cmp-card{border-radius:var(--radius-lg);padding:32px}.cmp-before{background:var(--bg-light);box-shadow:var(--ring)}.cmp-after{background:linear-gradient(135deg,#6c8aff0a,#8b5cf605);box-shadow:#6c8aff40 0 0 0 1px,0 0 40px #6c8aff0d,inset 0 1px #6c8aff14}.cmp-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.cmp-before .cmp-label{color:var(--text-muted)}.cmp-after .cmp-label{color:var(--accent)}.cmp-card h3{font-family:var(--font-serif);font-size:18px;font-weight:700;margin-bottom:16px}.cmp-list{list-style:none;padding:0;margin:0}.cmp-list li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--text-secondary);padding:5px 0;line-height:1.5}.cmp-list .ic{flex-shrink:0;font-weight:700;font-size:14px}.cmp-before .cmp-list .ic{color:var(--red)}.cmp-after .cmp-list .ic{color:var(--accent)}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{text-align:center;padding:36px 16px;background:var(--bg-white);box-shadow:var(--ring);border-radius:var(--radius);transition:all .2s ease}.metric:hover{box-shadow:var(--ring-hover),var(--shadow-md),0 0 24px #6c8aff0d;transform:translateY(-3px)}.metric-val{font-family:var(--font-display);font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text) 0%,#666 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:13px;color:var(--text-muted);margin-top:8px}.faq-list{max-width:680px;margin:0 auto}.faq-item{box-shadow:var(--ring);border-radius:var(--radius);margin-bottom:8px;overflow:hidden;transition:box-shadow .15s}.faq-item:hover{box-shadow:var(--ring-hover)}.faq-q{padding:18px 24px;font-size:14px;font-weight:600;background:var(--bg-white);cursor:pointer;transition:background .15s}.faq-q:hover{background:var(--bg-light)}.faq-a{padding:0 24px 18px;font-size:14px;color:var(--text-secondary);line-height:1.7}.team-row{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:720px;margin:0 auto}.team-card{text-align:center}.team-photo{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--bg-light),rgba(91,127,255,.06));box-shadow:var(--ring),var(--shadow);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);overflow:hidden;transition:transform .2s}.team-photo:hover{transform:scale(1.05)}.team-photo .ph-icon{font-size:36px;opacity:.4}.team-card h3{font-size:15px;font-weight:600;margin-bottom:2px}.team-card .team-role{font-family:var(--font-display);font-size:12px;color:var(--accent);font-weight:500;letter-spacing:.02em;margin-bottom:6px}.team-card .team-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.cta{text-align:center;padding:64px 32px;background:var(--bg-dark);border-radius:var(--radius-lg);margin:80px 0 0;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 50% at 50% 0%,rgba(108,138,255,.12) 0%,transparent 100%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.06) 0%,transparent 50%);pointer-events:none}.cta:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px;pointer-events:none;border-radius:var(--radius-lg)}.cta *{position:relative}.cta h2{font-family:var(--font-serif);color:var(--text-on-dark);font-size:28px;font-weight:900;margin-bottom:12px}.cta p{color:var(--text-muted-dark);font-size:15px;max-width:440px;margin:0 auto 32px;line-height:1.7}.cta .btn-accent{font-size:15px;padding:12px 32px}.closing{text-align:center;padding:48px 0 64px}.closing-p{font-family:var(--font-serif);font-size:15px;color:var(--text-muted);line-height:1.9;margin-bottom:16px}.closing-cta{font-family:var(--font-serif);font-size:22px;font-weight:900;color:var(--text)}@media(max-width:900px){.hero{padding:80px 24px 60px}.pkg-layout{grid-template-columns:1fr;gap:32px}.flow-row{grid-template-columns:repeat(2,1fr)}.feat-grid,.route-row,.cmp-grid{grid-template-columns:1fr}.metrics-row{grid-template-columns:repeat(2,1fr)}.team-row{grid-template-columns:1fr;gap:24px}.hero-product .img-slot{height:260px}}@media(max-width:600px){.hero{padding:64px 20px 48px}.s{padding:64px 0}.flow-row{grid-template-columns:1fr}.metrics-row{grid-template-columns:1fr 1fr}.cmp-card{padding:20px}}
