:root {
  --ink: #152238;
  --muted: #65748a;
  --line: #dde6e2;
  --soft: #f4f8f6;
  --mint: #dff5ed;
  --green: #176b52;
  --green-strong: #0c4d3b;
  --green-deep: #082f25;
  --green-light: #2ea27e;
  --white: #ffffff;
  --orange: #f29b18;
  --shadow: 0 24px 70px rgba(13, 62, 48, 0.12);
  --shell: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input { font: inherit; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 999; padding: 10px 14px; color: #fff; background: #111; border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.section-shell { width: min(calc(100% - 48px), var(--shell)); margin: 0 auto; }
.section { padding: 120px 0; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  height: 76px;
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(220, 230, 226, 0.82);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.nav-shell { width: min(calc(100% - 48px), var(--shell)); height: 100%; margin: 0 auto; display: flex; align-items: center; gap: 42px; }
.brand { display: flex; align-items: center; gap: 11px; font-size: 19px; font-weight: 850; letter-spacing: -0.04em; }
.brand img { width: 38px; height: 38px; border-radius: 11px; }
.nav-links { display: flex; align-items: center; gap: 34px; margin-left: auto; }
.nav-links a { color: #526176; font-size: 14px; font-weight: 700; transition: color .2s ease; }
.nav-links a:hover { color: var(--green); }
.button { min-height: 52px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 12px; font-size: 15px; font-weight: 800; line-height: 1; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.button-small { min-height: 42px; padding: 0 18px; border-radius: 10px; font-size: 13px; }
.nav-download svg { width: 17px; height: 17px; }
.button-dark { color: #fff; background: var(--green-deep); box-shadow: 0 8px 22px rgba(8, 47, 37, .14); }
.button-primary { color: #fff; background: var(--green); box-shadow: 0 12px 28px rgba(23, 107, 82, .22); }
.button-primary:hover { background: #115b45; box-shadow: 0 15px 32px rgba(23, 107, 82, .28); }
.button-ghost { color: var(--green-deep); background: rgba(255,255,255,.72); border-color: #cfded8; }
.button-outline { color: var(--green); background: #fff; border-color: #bcd8ce; }
.button-windows { color: var(--green-deep); background: rgba(255,255,255,.82); border-color: #cbdcd6; cursor: pointer; }
.button-windows:hover { transform: none; }
.button-windows svg { fill: currentColor; stroke: none; }
.button-windows-primary { cursor: pointer; }
.button-windows-primary:hover { transform: none; background: var(--green); box-shadow: 0 12px 28px rgba(23,107,82,.22); }
.button-windows-primary svg { fill: currentColor; stroke: none; }
.button .os-icon { fill: currentColor; stroke: none; }

.hero { position: relative; overflow: hidden; min-height: 850px; padding: 166px 0 100px; background: linear-gradient(135deg, #f7fbf9 0%, #edf7f3 58%, #f8fbfa 100%); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(23,107,82,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(23,107,82,.045) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to right, #000, transparent 78%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(10px); pointer-events: none; }
.hero-glow-one { width: 560px; height: 560px; right: -160px; top: 40px; background: rgba(96, 209, 168, .16); }
.hero-glow-two { width: 330px; height: 330px; left: -150px; bottom: 15px; background: rgba(73, 171, 135, .11); }
.hero-grid { position: relative; display: grid; grid-template-columns: .9fr 1.15fr; align-items: center; gap: 72px; }
.hero-copy { padding-bottom: 20px; }
.eyebrow { width: fit-content; display: flex; align-items: center; gap: 9px; padding: 8px 14px; color: var(--green); background: rgba(223, 245, 237, .75); border: 1px solid #c9e9de; border-radius: 999px; font-size: 12px; font-weight: 850; letter-spacing: .03em; }
.eyebrow-dot { width: 7px; height: 7px; background: var(--green-light); border-radius: 50%; box-shadow: 0 0 0 5px rgba(46,162,126,.12); }
.hero h1 { margin: 27px 0 24px; color: #122237; font-size: clamp(43px, 4.15vw, 64px); line-height: 1.17; letter-spacing: -.06em; }
.hero h1 span { color: var(--green); }
.hero-description { max-width: 560px; margin: 0; color: #66758a; font-size: 18px; line-height: 1.85; letter-spacing: -.015em; }
.hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 34px; }
.hero-actions .button { min-width: 0; padding-inline: 17px; white-space: nowrap; }
.download-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0; margin-top: 20px; color: #78869a; font-size: 12px; font-weight: 650; }
.download-meta span { display: flex; align-items: center; gap: 5px; }
.download-meta span + span::before { content: ""; width: 3px; height: 3px; margin: 0 10px; background: #aeb9c5; border-radius: 50%; }
.download-meta svg { width: 14px; height: 14px; fill: currentColor; }

.app-visual { position: relative; min-width: 670px; background: #fff; border: 1px solid #d7e3df; border-radius: 22px; box-shadow: 0 38px 95px rgba(13, 75, 56, .18), 0 8px 24px rgba(24, 54, 45, .09); transform: perspective(1400px) rotateY(-2deg) rotateX(1deg); transform-origin: left center; }
.window-bar { height: 42px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 14px; background: #f7f5f7; border-bottom: 1px solid #e0dfe1; border-radius: 22px 22px 0 0; }
.window-bar strong { color: #676568; font-size: 10px; font-weight: 750; }
.traffic-lights { display: flex; gap: 7px; }
.traffic-lights i { width: 10px; height: 10px; border-radius: 50%; background: #ff5f57; }
.traffic-lights i:nth-child(2) { background: #febc2e; }
.traffic-lights i:nth-child(3) { background: #28c840; }
.app-body { position: relative; height: 446px; display: flex; overflow: hidden; border-radius: 0 0 22px 22px; }
.app-sidebar { flex: 0 0 126px; padding: 24px 11px 14px; display: flex; flex-direction: column; color: #adcbc0; background: #082f25; }
.app-logo { margin: 0 10px 28px; color: #fff; font-size: 16px; font-weight: 850; }
.app-logo small { display: block; margin-top: 5px; color: #86a99c; font-size: 7px; font-weight: 600; }
.mock-menu { height: 42px; display: flex; align-items: center; gap: 8px; padding: 0 11px; margin-bottom: 6px; border-radius: 9px; font-size: 8px; font-weight: 700; white-space: nowrap; }
.mock-menu.active { color: #fff; background: #078566; }
.menu-icon { width: 14px; text-align: center; font-size: 12px; }
.app-content { flex: 1; min-width: 0; background: #f5f7fb; }
.mock-topbar { height: 52px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; background: #fff; border-bottom: 1px solid #e3e9ef; }
.mock-topbar strong { font-size: 10px; }
.mock-topbar span { padding: 6px 9px; color: #176b52; background: #eef9f5; border: 1px solid #d2e9e0; border-radius: 7px; font-size: 6px; font-weight: 750; }
.mock-panels { height: calc(100% - 52px); min-height: 0; display: grid; grid-template-columns: .92fr 1.03fr 1.35fr; grid-template-rows: minmax(0, 1fr); gap: 8px; padding: 10px; }
.mock-card { min-width: 0; min-height: 0; padding: 12px; background: #fff; border: 1px solid #dfe6ef; border-radius: 10px; }
.mock-card h3 { margin: 0 0 13px; font-size: 9px; }
.mock-card label { display: block; margin: 10px 0 5px; color: #53637a; font-size: 7px; font-weight: 750; }
.mock-select, .keyword { height: 28px; display: flex; align-items: center; justify-content: space-between; padding: 0 9px; color: #283951; border: 1px solid #d5deea; border-radius: 6px; font-size: 7px; }
.mock-select b { font-size: 9px; }
.keyword span { padding: 3px 7px; color: #167258; background: #e7f7f1; border-radius: 5px; }
.keyword em { color: #8794a6; font-style: normal; font-size: 11px; }
.mock-option { display: flex; align-items: center; gap: 6px; margin-top: 15px; color: #4d5e74; font-size: 7px; }
.mock-option i { width: 13px; height: 13px; display: grid; place-items: center; border-radius: 4px; font-size: 8px; font-style: normal; }
.mock-option .checked { color: #fff; background: #108064; }
.settings-card button { width: 100%; height: 30px; margin-top: 81px; color: #fff; background: #087e60; border: 0; border-radius: 7px; font-size: 8px; font-weight: 750; }
.card-heading { display: flex; align-items: center; justify-content: space-between; }
.card-heading span { padding: 4px 7px; color: #0d785c; background: #e8f8f2; border-radius: 5px; font-size: 7px; font-weight: 800; }
.card-heading .live-count { display: flex; align-items: center; gap: 4px; }
.live-count i { width: 5px; height: 5px; background: #20b882; border-radius: 50%; box-shadow: 0 0 0 0 rgba(32,184,130,.45); animation: live-pulse 1.8s ease-out infinite; }
.rank-item { min-height: 58px; display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 7px; border-bottom: 1px solid #edf1f5; }
.rank-item > strong { width: 22px; height: 22px; display: grid; place-items: center; color: #0d785c; background: #e7f7f1; border-radius: 7px; font-size: 8px; }
.rank-item div { font-size: 7px; font-weight: 750; }
.rank-item small { display: block; color: #8995a5; font-size: 6px; font-weight: 600; }
.rank-item > b { color: #176b52; font-size: 8px; }
.rank-active { position: relative; background: linear-gradient(90deg, rgba(232,248,242,.72), transparent); }
.rank-active > b { display: flex; align-items: center; gap: 4px; }
.rank-active > b em { color: #9aa7b4; font-size: 6px; font-style: normal; font-weight: 600; text-decoration: line-through; }
.rank-active > b span { display: inline-block; animation: rank-rise 3.6s ease-in-out infinite; }
.mini-rank-chart { position: relative; height: 58px; margin-top: 9px; padding-top: 13px; overflow: hidden; }
.mini-rank-chart svg { width: 100%; height: 42px; overflow: visible; }
.mini-rank-chart .mini-grid { fill: none; stroke: #edf2f0; stroke-width: 1; }
.mini-rank-chart .mini-line { fill: none; stroke: #21a979; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 300; stroke-dashoffset: 300; animation: draw-line 4.6s ease-in-out infinite; }
.mini-rank-chart circle { fill: #fff; stroke: #21a979; stroke-width: 3; animation: point-pulse 2s ease-in-out infinite; }
.mini-rank-chart span { position: absolute; left: 0; top: 0; color: #78879a; font-size: 6px; font-weight: 700; }
.browser-card { padding: 0; overflow: hidden; }
.browser-head { height: 36px; padding: 0 7px; display: flex; align-items: center; gap: 5px; background: #fff; border-bottom: 1px solid #e5eaf0; }
.browser-head > span { width: 22px; height: 22px; display: grid; place-items: center; color: #52627a; background: #f5f8fa; border: 1px solid #dce3ea; border-radius: 5px; font-size: 9px; }
.browser-head div { flex: 1; height: 22px; padding: 5px 7px; color: #8491a3; background: #f6f8fa; border-radius: 5px; font-size: 5px; overflow: hidden; }
.browser-page { position: relative; height: calc(100% - 36px); padding: 17px 10px 10px; overflow: hidden; isolation: isolate; background: linear-gradient(180deg, #f0f5f8, #fff 38%); }
.place-brand { display: flex; align-items: center; gap: 7px; }
.place-brand > span { width: 25px; height: 25px; display: grid; place-items: center; color: #fff; background: #03c75a; border-radius: 8px; font-size: 13px; font-weight: 950; }
.place-brand strong, .place-brand small { display: block; white-space: nowrap; }
.place-brand strong { color: #1d2a3c; font-size: 7px; letter-spacing: -.03em; }
.place-brand small { margin-top: 1px; color: #8a96a4; font-size: 5px; }
.place-search { height: 28px; margin: 11px 0 10px; padding: 0 9px; display: flex; align-items: center; gap: 6px; color: #385166; background: #fff; border: 2px solid #03c75a; border-radius: 999px; box-shadow: 0 4px 12px rgba(3,199,90,.08); font-size: 6px; font-weight: 750; }
.place-search i { width: 7px; height: 7px; position: relative; border: 2px solid #03c75a; border-radius: 50%; }
.place-search i::after { content: ""; position: absolute; width: 4px; height: 2px; right: -4px; bottom: -2px; background: #03c75a; transform: rotate(45deg); border-radius: 2px; }
.place-tabs { height: 23px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; color: #8692a0; background: #fff; border-bottom: 1px solid #e5ebee; font-size: 5px; text-align: center; }
.place-tabs b { height: 23px; display: grid; place-items: center; color: #111d2d; border-bottom: 2px solid #111; }
.place-result { margin-top: 10px; padding: 8px; background: #fff; border: 1px solid #e3e9eb; border-radius: 9px; box-shadow: 0 5px 15px rgba(29,55,47,.07); }
.place-photo { height: 67px; display: grid; grid-template-columns: 1.35fr .65fr; grid-template-rows: repeat(2, 1fr); gap: 3px; overflow: hidden; border-radius: 6px; }
.place-photo i { display: block; background: linear-gradient(135deg, #40312b, #99614a 55%, #d29b72); }
.place-photo i:first-child { grid-row: 1 / 3; background: radial-gradient(circle at 60% 45%, #e5a44b 0 13%, transparent 14%), linear-gradient(135deg, #2c2421, #744a38 52%, #c28b61); }
.place-photo i:nth-child(2) { background: linear-gradient(135deg, #e8d6c1, #88634e); }
.place-photo i:nth-child(3) { background: linear-gradient(135deg, #5b362a, #d19a6d); }
.place-result-copy { padding: 7px 1px 1px; }
.place-result-copy small, .place-result-copy strong, .place-result-copy span { display: block; }
.place-result-copy small { color: #8a96a3; font-size: 5px; }
.place-result-copy strong { margin: 1px 0; color: #192538; font-size: 8px; }
.place-result-copy span { color: #f19a16; font-size: 6px; font-weight: 800; }
.place-result-copy em { margin-left: 3px; color: #778697; font-style: normal; font-weight: 600; }
.place-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin-top: 7px; }
.place-actions span { padding: 5px 1px; color: #4c5d70; background: #fff; border: 1px solid #e1e7ea; border-radius: 5px; font-size: 5px; font-weight: 750; text-align: center; }
.naver-word { color: #03c75a; font-size: 17px; font-weight: 900; text-align: center; letter-spacing: -.06em; }
.search-line { position: relative; height: 29px; margin: 15px 0 16px; overflow: hidden; background: #fff; border: 2px solid #03c75a; border-radius: 999px; }
.search-line i { position: absolute; width: 30%; height: 100%; left: -40%; top: 0; background: linear-gradient(90deg, transparent, rgba(3,199,90,.16), transparent); transform: skewX(-20deg); animation: search-sweep 3.2s ease-in-out infinite; }
.browser-chips { display: flex; gap: 6px; padding: 8px; background: #fff; border-radius: 9px; box-shadow: 0 4px 12px rgba(31,52,47,.06); }
.browser-chips i { height: 9px; flex: 1; background: #e7ecef; border-radius: 4px; }
.result-line { width: 72%; height: 8px; margin-top: 16px; background: #dfe5e9; border-radius: 4px; }
.result-line.wide { width: 94%; margin-top: 23px; }
.map-block { height: 95px; margin-top: 14px; background: linear-gradient(135deg, #deeee5, #c8e1d7); border-radius: 8px; }
.traffic-pulse { position: absolute; right: 11px; bottom: 10px; display: flex; align-items: center; gap: 5px; padding: 6px 8px; color: #0b7055; background: rgba(255,255,255,.94); border: 1px solid #cde8de; border-radius: 7px; box-shadow: 0 7px 18px rgba(12,77,59,.12); font-size: 6px; font-weight: 850; animation: traffic-toast 3.2s ease-in-out infinite; }
.traffic-pulse i { width: 6px; height: 6px; background: #21b980; border-radius: 50%; box-shadow: 0 0 0 0 rgba(33,185,128,.35); animation: live-pulse 1.5s ease-out infinite; }
.float-badge { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; min-width: 195px; padding: 12px 15px; background: rgba(255,255,255,.96); border: 1px solid #d9e5e0; border-radius: 13px; box-shadow: 0 15px 34px rgba(11,54,42,.16); transform: rotateY(2deg); }
.float-badge > span { width: 32px; height: 32px; display: grid; place-items: center; color: #fff; background: var(--green); border-radius: 9px; font-size: 11px; font-weight: 850; }
.float-badge strong, .float-badge small { display: block; }
.float-badge strong { font-size: 10px; }
.float-badge small { margin-top: 2px; color: #7a8898; font-size: 7px; }
.float-badge-top { top: -27px; right: 18px; }
.float-badge-bottom { left: 18px; bottom: -45px; }
.float-badge-top { animation: badge-float 3.2s ease-in-out infinite; }
.float-badge-bottom { animation: badge-float 3.2s .8s ease-in-out infinite; }
.float-badge-bottom > span { background: #152c53; }
.float-badge .pulse-icon { box-shadow: 0 0 0 0 rgba(23,107,82,.35); animation: live-pulse 1.8s ease-out infinite; }

@keyframes live-pulse { 0% { box-shadow: 0 0 0 0 rgba(46,162,126,.42); } 70%, 100% { box-shadow: 0 0 0 8px rgba(46,162,126,0); } }
@keyframes rank-rise { 0%, 18% { opacity: .45; transform: translateY(5px); } 38%, 84% { opacity: 1; transform: translateY(0) scale(1.08); } 100% { opacity: .45; transform: translateY(-2px); } }
@keyframes draw-line { 0%, 12% { stroke-dashoffset: 300; opacity: .3; } 55%, 88% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: .3; } }
@keyframes point-pulse { 0%, 100% { transform: scale(.82); transform-origin: center; } 50% { transform: scale(1.18); transform-origin: center; } }
@keyframes search-sweep { 0%, 20% { left: -40%; } 65%, 100% { left: 115%; } }
@keyframes traffic-toast { 0%, 14%, 100% { opacity: 0; transform: translateY(7px); } 28%, 78% { opacity: 1; transform: translateY(0); } }
@keyframes badge-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }

.trust-strip { position: relative; z-index: 2; border-top: 1px solid #e4ece8; border-bottom: 1px solid #e4ece8; background: #fff; }
.trust-grid { min-height: 116px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; }
.trust-grid div { padding: 0 28px; border-right: 1px solid #e5ebe8; text-align: center; }
.trust-grid div:first-child { padding-left: 0; }
.trust-grid div:last-child { border-right: 0; }
.trust-grid strong { display: block; color: var(--green); font-size: 18px; letter-spacing: -.03em; }
.trust-grid span { display: block; margin-top: 4px; color: #758397; font-size: 11px; font-weight: 650; }

.section-heading { margin-bottom: 54px; }
.center-heading { text-align: center; }
.section-kicker { display: inline-block; color: var(--green); font-size: 11px; font-weight: 850; letter-spacing: .16em; }
.section-heading h2, .workflow-copy h2, .detail-copy h2 { margin: 12px 0 16px; color: #142238; font-size: clamp(32px, 3.2vw, 44px); line-height: 1.3; letter-spacing: -.055em; }
.section-heading p { max-width: 650px; margin: 0 auto; color: var(--muted); font-size: 16px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.feature-card { position: relative; min-height: 425px; padding: 34px 31px 30px; overflow: hidden; background: #fff; border: 1px solid #e0e8e4; border-radius: 20px; box-shadow: 0 14px 42px rgba(25,67,54,.06); transition: transform .25s ease, box-shadow .25s ease; }
.feature-card:hover { transform: translateY(-5px); box-shadow: 0 23px 50px rgba(25,67,54,.1); }
.feature-card::after { content: ""; position: absolute; width: 180px; height: 180px; right: -90px; top: -80px; background: #edf8f4; border-radius: 50%; }
.feature-icon { position: relative; z-index: 1; width: 54px; height: 54px; display: grid; place-items: center; color: var(--green); background: #e9f7f2; border-radius: 15px; }
.feature-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.feature-number { position: absolute; right: 26px; top: 29px; z-index: 1; color: #c8d9d3; font-size: 12px; font-weight: 850; letter-spacing: .08em; }
.feature-card h3 { margin: 27px 0 13px; font-size: 22px; letter-spacing: -.035em; }
.feature-card p { min-height: 76px; margin: 0; color: #6d7b8e; font-size: 14px; line-height: 1.8; }
.feature-card ul, .price-card ul { padding: 0; margin: 23px 0 0; list-style: none; }
.feature-card li { position: relative; margin: 9px 0; padding-left: 20px; color: #405169; font-size: 12px; font-weight: 650; }
.feature-card li::before { content: "✓"; position: absolute; left: 0; color: var(--green-light); font-weight: 900; }
.feature-card.feature-primary { color: #fff; background: linear-gradient(145deg, #176b52, #0c4939); border-color: transparent; }
.feature-card.feature-primary::after { background: rgba(255,255,255,.05); }
.feature-card.feature-primary .feature-icon { color: #fff; background: rgba(255,255,255,.13); }
.feature-card.feature-primary .feature-number { color: rgba(255,255,255,.38); }
.feature-card.feature-primary h3 { color: #fff; }
.feature-card.feature-primary p { color: #c2dbd2; }
.feature-card.feature-primary li { color: #e0eee9; }
.feature-card.feature-primary li::before { color: #79d9b7; }

.traffic-growth { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #082f25 0%, #0c4d3b 48%, #12664e 100%); }
.traffic-growth::before { content: ""; position: absolute; width: 700px; height: 700px; right: -260px; top: -320px; border: 100px solid rgba(255,255,255,.035); border-radius: 50%; }
.traffic-growth-grid { position: relative; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 86px; }
.traffic-growth-copy h2 { margin: 12px 0 20px; font-size: clamp(35px, 3.2vw, 46px); line-height: 1.28; letter-spacing: -.055em; }
.traffic-growth-copy > p { margin: 0; color: #bed7ce; font-size: 15px; line-height: 1.9; }
.traffic-points { display: grid; gap: 12px; margin-top: 30px; }
.traffic-points span { display: flex; align-items: center; gap: 11px; color: #e6f2ee; font-size: 13px; font-weight: 700; }
.traffic-points i { width: 19px; height: 19px; display: grid; place-items: center; background: rgba(108,220,179,.15); border: 1px solid rgba(127,224,188,.28); border-radius: 6px; }
.traffic-points i::after { content: "✓"; color: #79dfbb; font-size: 9px; font-style: normal; }
.growth-dashboard { position: relative; padding: 27px 29px 24px; color: var(--ink); background: rgba(255,255,255,.98); border: 1px solid rgba(255,255,255,.7); border-radius: 24px; box-shadow: 0 30px 70px rgba(0,0,0,.25); }
.growth-dashboard-head { display: flex; align-items: center; justify-content: space-between; }
.growth-dashboard-head small, .growth-dashboard-head strong { display: block; }
.growth-dashboard-head small { color: #8190a2; font-size: 10px; }
.growth-dashboard-head strong { margin-top: 3px; font-size: 18px; letter-spacing: -.025em; }
.growth-dashboard-head > span { display: flex; align-items: center; gap: 6px; padding: 6px 9px; color: #0a7659; background: #eaf8f3; border-radius: 999px; font-size: 8px; font-weight: 850; letter-spacing: .06em; }
.growth-dashboard-head > span i { width: 6px; height: 6px; background: #21ba82; border-radius: 50%; animation: live-pulse 1.6s ease-out infinite; }
.growth-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 22px 0 5px; }
.growth-stats > div { position: relative; padding: 15px 17px; background: #f4f8f6; border: 1px solid #e2ebe7; border-radius: 13px; }
.growth-stats small { display: block; color: #78879a; font-size: 9px; }
.growth-stats strong { display: inline-block; margin-top: 3px; font-size: 25px; line-height: 1.2; letter-spacing: -.035em; }
.growth-stats strong em { margin-left: 2px; color: #66778b; font-size: 11px; font-style: normal; }
.growth-stats span { position: absolute; right: 14px; bottom: 17px; color: #15946d; font-size: 8px; font-weight: 800; }
.growth-chart { position: relative; height: 235px; margin: 16px 3px 0 37px; }
.growth-chart svg { width: 100%; height: 205px; overflow: visible; }
.chart-y { position: absolute; inset: 0 auto 28px -36px; display: flex; flex-direction: column; justify-content: space-between; color: #9aa7b5; font-size: 7px; }
.chart-grid { fill: none; stroke: #e7edeb; stroke-width: 1; stroke-dasharray: 4 5; }
.chart-area { fill: url(#trafficArea); opacity: 0; animation: chart-area-in 5s ease-in-out infinite; }
.chart-line { fill: none; stroke: #29a97b; stroke-width: 4; stroke-linecap: round; stroke-dasharray: 900; stroke-dashoffset: 900; filter: drop-shadow(0 5px 8px rgba(41,169,123,.2)); animation: chart-line-in 5s ease-in-out infinite; }
.chart-dot { fill: #fff; stroke: #29a97b; stroke-width: 4; opacity: 0; animation: chart-dot-in 5s ease-in-out infinite; }
.chart-dot-two { animation-delay: .3s; }
.chart-dot-three { animation-delay: .55s; }
.chart-x { position: absolute; left: 0; right: 0; bottom: 5px; display: flex; justify-content: space-between; color: #96a3b1; font-size: 7px; }
.chart-tooltip { position: absolute; right: -8px; top: 2px; padding: 8px 10px; background: #fff; border: 1px solid #d9e7e2; border-radius: 9px; box-shadow: 0 8px 24px rgba(14,73,56,.13); animation: tooltip-pop 5s ease-in-out infinite; }
.chart-tooltip small { display: block; color: #8996a6; font-size: 6px; }
.chart-tooltip strong { font-size: 12px; }
.chart-tooltip span { margin-left: 4px; color: #15946d; font-size: 7px; font-weight: 850; }
.traffic-bars { height: 45px; display: flex; align-items: flex-end; gap: 7px; padding: 0 2px; border-bottom: 1px solid #e4ebe8; }
.traffic-bars span { height: var(--bar); flex: 1; background: linear-gradient(#74d4b1, #d7f1e8); border-radius: 4px 4px 0 0; transform-origin: bottom; animation: bars-grow 3.8s ease-in-out infinite alternate; }
.traffic-bars span:nth-child(2) { animation-delay: .12s; }.traffic-bars span:nth-child(3) { animation-delay: .24s; }.traffic-bars span:nth-child(4) { animation-delay: .36s; }.traffic-bars span:nth-child(5) { animation-delay: .48s; }.traffic-bars span:nth-child(6) { animation-delay: .6s; }.traffic-bars span:nth-child(7) { animation-delay: .72s; }
.traffic-bars-label { display: flex; justify-content: space-between; margin-top: 7px; color: #8492a3; font-size: 8px; }
.traffic-bars-label strong { color: #15946d; }
@keyframes chart-line-in { 0%, 12% { stroke-dashoffset: 900; } 62%, 100% { stroke-dashoffset: 0; } }
@keyframes chart-area-in { 0%, 30% { opacity: 0; } 62%, 100% { opacity: 1; } }
@keyframes chart-dot-in { 0%, 40% { opacity: 0; transform: scale(.4); transform-origin: center; } 62%, 100% { opacity: 1; transform: scale(1); transform-origin: center; } }
@keyframes tooltip-pop { 0%, 48% { opacity: 0; transform: translateY(8px); } 67%, 100% { opacity: 1; transform: translateY(0); } }
@keyframes bars-grow { from { transform: scaleY(.45); opacity: .55; } to { transform: scaleY(1); opacity: 1; } }

.workflow { background: var(--soft); }
.workflow-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 100px; align-items: center; }
.workflow-copy { text-align: center; }
.workflow-copy > p, .detail-copy > p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.85; }
.workflow-note { display: flex; flex-direction: row; justify-content: center; gap: 12px; margin-top: 28px; padding: 17px; background: #fff; border: 1px solid #dce9e4; border-radius: 13px; text-align: center; }
.workflow-note span { flex: 0 0 25px; height: 25px; display: grid; place-items: center; color: #fff; background: var(--green); border-radius: 50%; font-size: 11px; font-weight: 850; }
.workflow-note p { margin: 0; color: #637489; font-size: 11px; line-height: 1.7; }
.step-list { position: relative; padding: 0; margin: 0; list-style: none; }
.step-list::before { content: ""; position: absolute; left: 26px; top: 30px; bottom: 30px; width: 1px; background: #c8ddd5; }
.step-list li { position: relative; display: grid; grid-template-columns: 54px 1fr; align-items: center; gap: 21px; padding: 20px 0; }
.step-list li > span { position: relative; z-index: 1; width: 54px; height: 54px; display: grid; place-items: center; color: var(--green); background: #fff; border: 1px solid #c8ded6; border-radius: 16px; box-shadow: 0 8px 20px rgba(15,81,61,.08); font-size: 11px; font-weight: 850; }
.step-list li:first-child > span { color: #fff; background: var(--green); border-color: var(--green); }
.step-list strong { font-size: 17px; letter-spacing: -.025em; }
.step-list p { margin: 4px 0 0; color: #718095; font-size: 12px; }

.detail-grid { display: grid; grid-template-columns: 1.07fr .93fr; gap: 100px; align-items: center; }
.detail-copy { text-align: center; }
.detail-copy .check-list { width: fit-content; margin: 29px auto 0; text-align: left; }
.detail-visual { position: relative; min-height: 500px; display: grid; place-items: center; }
.detail-visual::before { content: ""; position: absolute; width: 440px; height: 440px; background: #e7f5ef; border-radius: 50%; }
.review-card { position: absolute; background: #fff; border: 1px solid #dae6e1; border-radius: 18px; box-shadow: var(--shadow); }
.review-card-main { z-index: 2; width: min(100%, 500px); padding: 26px; }
.review-card-top { display: flex; align-items: center; gap: 12px; }
.avatar { width: 42px; height: 42px; background: #ddeae5; border-radius: 12px; }
.avatar.photo { display: grid; place-items: center; color: #fff; background: var(--green); font-weight: 850; }
.review-card-top strong, .review-card-top small { display: block; }
.review-card-top small { color: #8794a5; font-size: 10px; }
.review-card-top > span { margin-left: auto; color: #f6aa19; font-size: 11px; letter-spacing: 1px; }
.review-card-main > p { margin: 22px 0; color: #47586e; font-size: 13px; line-height: 1.8; }
.ai-answer { display: flex; gap: 12px; padding: 17px; background: #edf8f4; border: 1px solid #d4ece3; border-radius: 13px; }
.ai-answer span { flex: 0 0 31px; height: 31px; display: grid; place-items: center; color: #fff; background: var(--green); border-radius: 9px; font-size: 9px; font-weight: 850; }
.ai-answer p { margin: 0; color: #345547; font-size: 11px; line-height: 1.75; }
.review-card-back { z-index: 1; width: 310px; height: 105px; left: 5px; top: 70px; padding: 21px; display: flex; gap: 12px; transform: rotate(-7deg); opacity: .72; }
.review-lines { flex: 1; padding-top: 5px; }
.review-lines i { display: block; width: 90%; height: 8px; margin-bottom: 10px; background: #dfe8e4; border-radius: 4px; }
.review-lines i:last-child { width: 65%; }
.review-card-front { z-index: 3; right: 0; bottom: 56px; display: flex; align-items: center; gap: 10px; padding: 14px 18px; animation: answer-complete-rise 4.4s cubic-bezier(.22,.8,.3,1) infinite; will-change: transform, opacity; }
.review-card-front > span { width: 31px; height: 31px; display: grid; place-items: center; color: #fff; background: var(--green-light); border-radius: 9px; font-size: 12px; font-weight: 900; }
.review-card-front strong, .review-card-front small { display: block; }
.review-card-front strong { font-size: 11px; }
.review-card-front small { color: #829082; font-size: 8px; }
@keyframes answer-complete-rise {
  0%, 12% { opacity: 0; transform: translateY(44px); }
  28%, 74% { opacity: 1; transform: translateY(0); }
  90%, 100% { opacity: 0; transform: translateY(-14px); }
}
.check-list { display: grid; gap: 13px; margin-top: 29px; }
.check-list span { position: relative; padding-left: 31px; color: #394c63; font-size: 13px; font-weight: 700; }
.check-list span::before { content: "✓"; position: absolute; left: 0; top: -2px; width: 21px; height: 21px; display: grid; place-items: center; color: var(--green); background: #e5f5ef; border-radius: 7px; font-size: 10px; font-weight: 900; }

.owner-stories { position: relative; overflow: hidden; background: linear-gradient(180deg, #f4f9f7 0%, #eef7f3 100%); }
.owner-stories::before { content: ""; position: absolute; width: 460px; height: 460px; left: -230px; top: -190px; border: 75px solid rgba(23,107,82,.035); border-radius: 50%; }
.story-grid { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.story-card { position: relative; min-height: 390px; padding: 34px 31px 29px; display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid #dce7e3; border-radius: 21px; box-shadow: 0 17px 45px rgba(18,66,51,.07); animation: story-card-sequence 9s cubic-bezier(.22,.75,.3,1) infinite; will-change: transform, background, box-shadow; }
.story-card:nth-child(2) { animation-delay: 3s; }
.story-card:nth-child(3) { animation-delay: 6s; }
.story-card::after { content: ""; position: absolute; width: 145px; height: 145px; right: -72px; top: -72px; background: #edf7f3; border-radius: 50%; }
.story-card-featured { color: #fff; background: linear-gradient(145deg, #176b52, #0c4939); border-color: transparent; box-shadow: 0 23px 55px rgba(12,73,56,.17); animation-name: story-card-featured-sequence; }
.story-card-featured::after { background: rgba(255,255,255,.05); }
.story-quote { position: absolute; right: 27px; top: 11px; z-index: 1; color: #d3e8df; font-family: Georgia, serif; font-size: 72px; line-height: 1; }
.story-card-featured .story-quote { color: rgba(255,255,255,.17); }
.story-rating { position: relative; z-index: 1; color: #f3a51d; font-size: 11px; letter-spacing: .09em; }
.story-card blockquote { position: relative; z-index: 1; margin: 21px 0 29px; color: #35485f; font-size: 15px; font-weight: 650; line-height: 1.85; letter-spacing: -.018em; }
.story-card-featured blockquote { color: #eff8f5; }
.story-owner { margin-top: auto; display: flex; align-items: center; gap: 12px; }
.story-owner > span { flex: 0 0 43px; height: 43px; display: grid; place-items: center; color: #fff; background: var(--green); border-radius: 13px; font-size: 13px; font-weight: 850; }
.story-card-featured .story-owner > span { color: var(--green-deep); background: #8adbbd; }
.story-owner strong, .story-owner small { display: block; }
.story-owner strong { font-size: 13px; }
.story-owner small { margin-top: 2px; color: #8391a2; font-size: 9px; }
.story-card-featured .story-owner small { color: #a8c8bc; }
.story-result { margin-top: 23px; padding-top: 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #e5ece9; }
.story-result span { color: #7a899a; font-size: 9px; }
.story-result strong { color: var(--green); font-size: 11px; }
.story-card-featured .story-result { border-top-color: rgba(255,255,255,.13); }
.story-card-featured .story-result span { color: #a8c8bc; }
.story-card-featured .story-result strong { color: #8ce0c1; }
@keyframes story-card-sequence {
  0%, 2%, 30%, 100% { transform: translateY(0) scale(1); background: #fff; box-shadow: 0 17px 45px rgba(18,66,51,.07); }
  9% { transform: translateY(-8px) scale(1.012); background: #e3f6ee; box-shadow: 0 25px 52px rgba(18,104,77,.16); }
  15% { transform: translateY(2px) scale(1.006); background: #e9f8f2; box-shadow: 0 21px 48px rgba(18,104,77,.13); }
  21% { transform: translateY(0) scale(1); background: #edf9f4; box-shadow: 0 19px 46px rgba(18,104,77,.1); }
}
@keyframes story-card-featured-sequence {
  0%, 2%, 30%, 100% { transform: translateY(0) scale(1); background: linear-gradient(145deg, #176b52, #0c4939); box-shadow: 0 23px 55px rgba(12,73,56,.17); }
  9% { transform: translateY(-8px) scale(1.012); background: linear-gradient(145deg, #238463, #105b45); box-shadow: 0 29px 60px rgba(12,73,56,.25); }
  15% { transform: translateY(2px) scale(1.006); background: linear-gradient(145deg, #1f795c, #0f523f); box-shadow: 0 25px 57px rgba(12,73,56,.21); }
  21% { transform: translateY(0) scale(1); background: linear-gradient(145deg, #1b7257, #0d4d3b); box-shadow: 0 24px 56px rgba(12,73,56,.19); }
}
.story-disclaimer { margin: 23px 0 0; color: #8a97a6; font-size: 10px; text-align: center; }

.pricing { background: #f5f8fa; }
.pricing-grid { max-width: 860px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.price-card { position: relative; min-height: 430px; padding: 35px; display: flex; flex-direction: column; background: #fff; border: 1px solid #dfe6e3; border-radius: 22px; box-shadow: 0 16px 45px rgba(18,58,47,.06); }
.price-card.recommended { border: 2px solid var(--green); box-shadow: 0 22px 55px rgba(23,107,82,.13); }
.recommended-label { position: absolute; right: 21px; top: 20px; padding: 6px 10px; color: #fff; background: var(--green); border-radius: 999px; font-size: 9px; font-weight: 850; }
.price-label { color: var(--green); font-size: 10px; font-weight: 850; letter-spacing: .14em; }
.price-card h3 { margin: 8px 0 9px; font-size: 25px; letter-spacing: -.04em; }
.price-card > div > p { min-height: 52px; margin: 0; color: #738196; font-size: 12px; line-height: 1.7; }
.price { display: flex; align-items: flex-end; gap: 6px; margin: 28px 0 22px; }
.price strong { font-size: 37px; line-height: 1; letter-spacing: -.04em; }
.price span { color: #708095; font-size: 13px; }
.price-card ul { padding: 21px 0 0; margin: 0; border-top: 1px solid #e8eeeb; }
.price-card li { position: relative; margin: 12px 0; padding-left: 24px; color: #45576d; font-size: 12px; }
.price-card li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 900; }
.annual-saving-wrap { padding-top: 16px; border-top: 1px solid #e8eeeb; }
.annual-saving { margin: 0 0 4px; padding: 10px 12px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 8px; color: #5d7082; background: #edf8f4; border: 1px solid #d5ebe3; border-radius: 10px; font-size: 9px; }
.annual-saving del { color: #8995a3; text-align: right; }
.annual-saving strong { grid-column: 1 / -1; color: var(--green); font-size: 11px; }
.price-card.recommended ul { border-top: 0; }
.pricing-payment-note { max-width: 860px; margin: 20px auto 0; padding: 18px 28px; display: flex; align-items: center; justify-content: flex-start; gap: 13px; color: #315f51; background: #e8f5f1; border: 1px solid #cce7de; border-radius: 15px; text-align: left; }
.pricing-payment-note > span { flex: 0 0 36px; height: 36px; display: grid; place-items: center; color: #fff; background: var(--green); border-radius: 11px; font-size: 17px; font-weight: 900; }
.pricing-payment-note strong, .pricing-payment-note p { display: block; margin: 0; }
.pricing-payment-note strong { color: #174f3e; font-size: 13px; }
.pricing-payment-note p { margin-top: 3px; color: #607a71; font-size: 11px; line-height: 1.55; }
.pricing-payment-note b { color: var(--green); }
.pricing-vpn-note { margin-top: 10px; color: #6b5016; background: #fff8e8; border-color: #eedba7; }
.pricing-vpn-note > span { flex-basis: 42px; color: #fff; background: #c98200; font-size: 9px; letter-spacing: .03em; }
.pricing-vpn-note strong { color: #684700; }
.pricing-vpn-note p { color: #806a3d; }

.download-section { padding: 80px 0; background: #fff; }
.download-card { position: relative; min-height: 250px; padding: 43px 50px; display: grid; grid-template-columns: auto 1fr 270px; align-items: center; gap: 30px; overflow: hidden; color: #fff; background: linear-gradient(125deg, #082f25, #0e5a45 65%, #176b52); border-radius: 26px; box-shadow: 0 26px 60px rgba(9,57,44,.2); }
.download-card::after { content: ""; position: absolute; width: 330px; height: 330px; right: -130px; top: -150px; border: 55px solid rgba(255,255,255,.05); border-radius: 50%; }
.download-icon-wrap { position: relative; z-index: 1; padding: 9px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15); border-radius: 25px; }
.download-icon-wrap img { border-radius: 20px; }
.download-copy { position: relative; z-index: 1; }
.light-kicker { color: #81d7b8; }
.download-copy h2 { margin: 8px 0 6px; color: #fff; font-size: 31px; letter-spacing: -.045em; }
.download-copy p { margin: 0; color: #bad3ca; font-size: 13px; }
.download-specs { width: min(100%, 460px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 14px; color: #d4e6df; font-size: 9px; }
.download-specs span { padding: 6px 9px; background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.11); border-radius: 8px; }
.download-specs strong { display: block; margin-bottom: 2px; color: #8ee0c3; font-size: 9px; }
.button-light { position: relative; z-index: 1; color: var(--green-deep); background: #fff; box-shadow: 0 12px 30px rgba(0,0,0,.12); }
.platform-downloads { position: relative; z-index: 1; display: grid; gap: 10px; }
.platform-download { min-height: 64px; padding: 0 18px; display: flex; align-items: center; gap: 13px; border-radius: 14px; }
.platform-download svg { flex: 0 0 25px; width: 25px; height: 25px; padding: 1px; overflow: visible; fill: currentColor; }
.platform-download small, .platform-download strong { display: block; }
.platform-download small { margin-bottom: 1px; font-size: 9px; font-weight: 700; }
.platform-download strong { font-size: 13px; line-height: 1.2; }
.platform-download-ready { color: var(--green-deep); background: #fff; box-shadow: 0 12px 30px rgba(0,0,0,.12); transition: transform .2s ease, box-shadow .2s ease; }
.platform-download-ready:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(0,0,0,.18); }
.platform-download-windows { color: var(--green-deep); background: #fff; border: 1px solid rgba(255,255,255,.7); box-shadow: 0 12px 30px rgba(0,0,0,.12); }
.standard-download-strip { margin-top: 14px; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #30473f; background: #f5f8f7; border: 1px solid #e0e9e5; border-radius: 16px; }
.standard-download-copy { min-width: 0; display: flex; align-items: center; gap: 11px; }
.standard-download-copy img { flex: 0 0 42px; border-radius: 11px; }
.standard-download-copy span, .standard-download-copy strong, .standard-download-copy small { display: block; }
.standard-download-copy span { margin-bottom: 1px; color: var(--green); font-size: 9px; font-weight: 850; letter-spacing: .04em; }
.standard-download-copy strong { color: #183b30; font-size: 14px; }
.standard-download-copy small { margin-top: 2px; color: #788a84; font-size: 10px; }
.standard-download-actions { flex: 0 0 auto; display: flex; gap: 8px; }
.standard-download-link { min-width: 128px; min-height: 44px; padding: 6px 12px; display: flex; align-items: center; gap: 9px; color: #315d50; background: #fff; border: 1px solid #d5e2dd; border-radius: 11px; box-shadow: 0 5px 15px rgba(22,74,58,.05); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.standard-download-link:hover { transform: translateY(-1px); border-color: #a9c9bd; box-shadow: 0 8px 18px rgba(22,74,58,.09); }
.standard-download-link svg { flex: 0 0 18px; width: 18px; height: 18px; fill: currentColor; }
.standard-download-link span, .standard-download-link small, .standard-download-link strong { display: block; }
.standard-download-link small { color: #86958f; font-size: 8px; line-height: 1.1; }
.standard-download-link strong { margin-top: 1px; font-size: 11px; line-height: 1.15; }

/* Enterprise landing */
.enterprise-brand span { display: flex; align-items: baseline; gap: 6px; }
.enterprise-brand b { color: var(--green); font-size: .72em; letter-spacing: -.02em; }
.enterprise-hero .hero-description { max-width: 610px; }
.enterprise-window-status { white-space: nowrap; }
.enterprise-sidebar-account { margin-top: auto; padding: 9px 8px 0; border-top: 1px solid rgba(255,255,255,.1); }
.enterprise-sidebar-account strong, .enterprise-sidebar-account small, .enterprise-sidebar-account span { display: block; }
.enterprise-sidebar-account strong { color: #fff; font-size: 7px; }
.enterprise-sidebar-account small { margin: 2px 0 7px; overflow: hidden; color: #7fa396; font-size: 5px; text-overflow: ellipsis; }
.enterprise-sidebar-account span { padding: 5px; color: #466b5e; background: rgba(255,255,255,.94); border-radius: 5px; font-size: 6px; font-weight: 800; text-align: center; }
.enterprise-panel-caption { display: block; margin: -10px 0 5px; color: #8a96a6; font-size: 5px; line-height: 1.4; }
.enterprise-app-visual .settings-card, .enterprise-app-visual .enterprise-bundle-card { display: flex; flex-direction: column; }
.enterprise-code-verified { min-height: 30px; margin-top: 6px; padding: 5px 6px; display: flex; align-items: center; gap: 5px; color: #08795b; background: #e9f8f3; border: 1px solid #cbeade; border-radius: 6px; }
.enterprise-code-verified > i { flex: 0 0 16px; height: 16px; display: grid; place-items: center; color: #fff; background: #12a078; border-radius: 50%; font-size: 7px; font-style: normal; }
.enterprise-code-verified > span { font-size: 5px; font-weight: 850; line-height: 1.35; }
.enterprise-code-verified small { display: block; color: #639383; font-size: 4px; font-weight: 650; }
.settings-card .enterprise-add-button { height: 26px; margin-top: 6px; }
.enterprise-delay-row { margin-top: 9px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.enterprise-delay-row span { padding: 5px 4px; color: #5c6e83; background: #f7f9fb; border: 1px solid #dce4ec; border-radius: 5px; font-size: 5px; text-align: center; }
.enterprise-pattern-row { min-height: 28px; margin-top: 8px; padding: 0 7px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 5px; color: #52647a; background: #fff; border: 1px solid #dce4ec; border-radius: 5px; font-size: 5px; }
.enterprise-pattern-row b { overflow: hidden; color: #26394e; font-size: 5px; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-pattern-row i { color: #7890a1; font-size: 7px; font-style: normal; }
.settings-card .mock-option { margin-top: 9px; }
.enterprise-work-actions { margin-top: auto; padding-top: 8px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 4px; }
.enterprise-work-actions span, .enterprise-work-actions b { padding: 6px 3px; border-radius: 5px; font-size: 4.5px; text-align: center; }
.enterprise-work-actions span { color: #65768b; border: 1px solid #dce4ec; }
.enterprise-work-actions b { color: #fff; background: #078566; }
.enterprise-bundle-card .rank-item { min-height: var(--enterprise-group-row-height, 64px); }
.enterprise-bundle-card .rank-item > b { padding: 3px 6px; color: #08785c; background: #e8f8f2; border-radius: 5px; font-size: 6px; }
.enterprise-group-list { --enterprise-group-row-height: 78px; --enterprise-group-step: 88px; --enterprise-group-step-double: 176px; position: relative; flex: 1; min-height: 210px; margin-top: 6px; overflow: hidden; }
.enterprise-group-item { position: absolute; inset: 0 0 auto; min-height: var(--enterprise-group-row-height); margin: 0; padding: 0 7px; background: #fff; border: 1px solid #e1e8ee; border-radius: 8px; will-change: transform, background-color, border-color, box-shadow; }
.enterprise-group-one { animation: enterprise-group-one-cycle 12s cubic-bezier(.45,0,.2,1) infinite; }
.enterprise-group-two { animation: enterprise-group-two-cycle 12s cubic-bezier(.45,0,.2,1) infinite; }
.enterprise-group-three { animation: enterprise-group-three-cycle 12s cubic-bezier(.45,0,.2,1) infinite; }
.enterprise-group-item > b::after { display: block; min-width: 28px; text-align: center; }
.enterprise-group-one > b::after { content: "작업 중"; animation: enterprise-group-one-status 12s step-end infinite; }
.enterprise-group-two > b::after { content: "대기"; animation: enterprise-group-two-status 12s step-end infinite; }
.enterprise-group-three > b::after { content: "대기"; animation: enterprise-group-three-status 12s step-end infinite; }
.bundle-summary { flex: 0 0 30px; height: 30px; margin-top: 8px; padding: 8px 9px; background: #f3f7f6; border: 1px solid #e0e9e5; border-radius: 7px; }
.bundle-summary span { position: static; color: #607286; }
.enterprise-browser-toolbar { height: 32px; padding: 0 8px; display: flex; align-items: center; gap: 5px; background: #fff; border-bottom: 1px solid #e5eaf0; }
.enterprise-browser-toolbar strong { margin-right: auto; color: #26384d; font-size: 7px; }
.enterprise-browser-toolbar span, .enterprise-browser-toolbar b { padding: 4px 6px; border-radius: 5px; font-size: 5px; }
.enterprise-browser-toolbar span { color: #d66b2d; background: #fff4ec; border: 1px solid #ffd5bb; }
.enterprise-browser-toolbar b { color: #a66800; background: #fff7df; border: 1px solid #f1dda3; }
.enterprise-browser-status { position: relative; width: 38px; height: 18px; overflow: hidden; }
.enterprise-browser-status i { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; font-size: 5px; font-style: normal; white-space: nowrap; }
.enterprise-browser-status i:nth-child(1) { animation: enterprise-browser-status-search 12s linear infinite; }
.enterprise-browser-status i:nth-child(2) { animation: enterprise-browser-status-scroll 12s linear infinite; }
.enterprise-browser-status i:nth-child(3) { animation: enterprise-browser-status-click 12s linear infinite; }
.enterprise-browser-toolbar + .browser-head { height: 32px; }
.enterprise-browser-toolbar ~ .browser-page { height: calc(100% - 64px); padding-top: 13px; }
.enterprise-browser-url { position: relative; white-space: nowrap; }
.enterprise-browser-url i { position: absolute; inset: 5px 7px; overflow: hidden; opacity: 0; font-size: 5px; font-style: normal; text-overflow: ellipsis; }
.enterprise-browser-url i:nth-child(1) { animation: enterprise-browser-url-home 12s linear infinite; }
.enterprise-browser-url i:nth-child(2) { animation: enterprise-browser-url-search 12s linear infinite; }
.enterprise-browser-url i:nth-child(3) { animation: enterprise-browser-url-place 12s linear infinite; }
.enterprise-browser-track { position: relative; z-index: 1; will-change: transform; animation: enterprise-browser-scroll 12s cubic-bezier(.38,.05,.22,1) infinite; }
.enterprise-primary-result { position: relative; overflow: hidden; animation: enterprise-result-focus 12s ease-in-out infinite; }
.enterprise-primary-result::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: 34px; height: 34px; border: 2px solid rgba(3,199,90,.5); border-radius: 50%; opacity: 0; transform: translate(-50%, -50%) scale(.2); animation: enterprise-result-click 12s ease-out infinite; pointer-events: none; }
.enterprise-primary-result .place-result-copy strong { font-size: 0; }
.enterprise-primary-result .place-result-copy strong::after { content: "어장군"; font-size: 8px; animation: enterprise-result-name 12s step-end infinite; }
.enterprise-primary-result .place-result-copy em { font-size: 0; }
.enterprise-primary-result .place-result-copy em::after { content: "11718476"; font-size: 6px; animation: enterprise-result-code 12s step-end infinite; }
.place-search > span { font-size: 0; }
.place-search > span::after { content: "제주 연동 맛집"; font-size: 6px; animation: enterprise-search-keyword 12s step-end infinite; }
.enterprise-next-result { min-height: 49px; display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 7px; }
.enterprise-next-result > strong { width: 25px; height: 25px; display: grid; place-items: center; color: #078566; background: #e8f8f2; border-radius: 7px; font-size: 7px; }
.enterprise-next-result .place-result-copy { padding: 0; }
.enterprise-next-result .place-result-copy b { color: #26384d; font-size: 0; }
.enterprise-next-result .place-result-copy b::after { content: ""; font-size: 7px; animation: enterprise-next-result-name 12s step-end infinite; }
.enterprise-next-result .place-result-copy span { color: #168367; }
.place-actions span { animation: enterprise-browser-action 12s ease-in-out infinite; }
.place-actions span:nth-child(2) { animation-name: enterprise-browser-scroll-action; }
.place-actions span:nth-child(3) { animation-name: enterprise-browser-click-action; }
.browser-page .traffic-pulse { z-index: 2; animation: enterprise-success-cycle 12s ease-in-out infinite; }
.vpn-auto-toast { position: absolute; left: 60%; top: 49%; z-index: 12; width: 238px; padding: 11px 13px 14px; display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 10px; overflow: hidden; color: #26394e; background: rgba(255,255,255,.98); border: 1px solid #bfe4d7; border-radius: 12px; box-shadow: 0 20px 48px rgba(5,52,39,.25); opacity: 0; transform: translate(-50%, -50%) scale(.92); animation: vpn-auto-toast-cycle 12s cubic-bezier(.2,.75,.25,1) infinite; pointer-events: none; }
.vpn-auto-toast .vpn-auto-icon { width: 31px; height: 31px; display: grid; place-items: center; color: #fff; background: #078566; border-radius: 9px; font-size: 13px; font-weight: 900; animation: vpn-auto-icon-cycle 12s ease-in-out infinite; }
.vpn-auto-toast strong, .vpn-auto-toast small { display: block; }
.vpn-auto-toast strong { font-size: 8px; }
.vpn-auto-toast small { margin-top: 2px; color: #718297; font-size: 5px; }
.vpn-auto-toast > i { position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #19ae80, #75d6b4); transform-origin: left; animation: vpn-auto-progress 12s linear infinite; }
@keyframes enterprise-group-one-cycle { 0%, 27% { transform: translateY(0); background-color: #e9f8f3; border-color: #bee6d7; box-shadow: 0 0 0 3px rgba(23,107,82,.08); } 32%, 61% { transform: translateY(var(--enterprise-group-step-double)); background-color: #fff; border-color: #e1e8ee; box-shadow: none; } 66%, 94% { transform: translateY(var(--enterprise-group-step)); background-color: #fff; border-color: #e1e8ee; box-shadow: none; } 99%, 100% { transform: translateY(0); background-color: #e9f8f3; border-color: #bee6d7; box-shadow: 0 0 0 3px rgba(23,107,82,.08); } }
@keyframes enterprise-group-two-cycle { 0%, 27% { transform: translateY(var(--enterprise-group-step)); background-color: #fff; border-color: #e1e8ee; box-shadow: none; } 32%, 61% { transform: translateY(0); background-color: #e9f8f3; border-color: #bee6d7; box-shadow: 0 0 0 3px rgba(23,107,82,.08); } 66%, 94% { transform: translateY(var(--enterprise-group-step-double)); background-color: #fff; border-color: #e1e8ee; box-shadow: none; } 99%, 100% { transform: translateY(var(--enterprise-group-step)); background-color: #fff; border-color: #e1e8ee; box-shadow: none; } }
@keyframes enterprise-group-three-cycle { 0%, 27% { transform: translateY(var(--enterprise-group-step-double)); background-color: #fff; border-color: #e1e8ee; box-shadow: none; } 32%, 61% { transform: translateY(var(--enterprise-group-step)); background-color: #fff; border-color: #e1e8ee; box-shadow: none; } 66%, 94% { transform: translateY(0); background-color: #e9f8f3; border-color: #bee6d7; box-shadow: 0 0 0 3px rgba(23,107,82,.08); } 99%, 100% { transform: translateY(var(--enterprise-group-step-double)); background-color: #fff; border-color: #e1e8ee; box-shadow: none; } }
@keyframes enterprise-group-one-status { 0%, 27%, 99%, 100% { content: "작업 중"; } 28%, 98% { content: "완료"; } }
@keyframes enterprise-group-two-status { 0%, 27%, 99%, 100% { content: "대기"; } 28%, 61% { content: "작업 중"; } 62%, 98% { content: "완료"; } }
@keyframes enterprise-group-three-status { 0%, 61%, 99%, 100% { content: "대기"; } 62%, 94% { content: "작업 중"; } 95%, 98% { content: "완료"; } }
@keyframes enterprise-browser-scroll { 0%, 2%, 32%, 35%, 65%, 68%, 98%, 100% { transform: translateY(0); } 12%, 43%, 76% { transform: translateY(-28px); } 24%, 27%, 57%, 60%, 90%, 94% { transform: translateY(-92px); } }
@keyframes enterprise-browser-status-search { 0%, 8%, 32%, 41%, 65%, 74%, 98%, 100% { opacity: 1; } 10%, 30%, 43%, 63%, 76%, 96% { opacity: 0; } }
@keyframes enterprise-browser-status-scroll { 0%, 8%, 20%, 41%, 53%, 74%, 86%, 100% { opacity: 0; } 10%, 18%, 43%, 51%, 76%, 84% { opacity: 1; } }
@keyframes enterprise-browser-status-click { 0%, 19%, 32%, 52%, 65%, 85%, 98%, 100% { opacity: 0; } 21%, 29%, 54%, 62%, 87%, 95% { opacity: 1; } }
@keyframes enterprise-browser-url-home { 0%, 5%, 32%, 38%, 65%, 71%, 98%, 100% { opacity: 1; } 7%, 30%, 40%, 63%, 73%, 96% { opacity: 0; } }
@keyframes enterprise-browser-url-search { 0%, 5%, 22%, 38%, 55%, 71%, 88%, 100% { opacity: 0; } 7%, 20%, 40%, 53%, 73%, 86% { opacity: 1; } }
@keyframes enterprise-browser-url-place { 0%, 21%, 32%, 54%, 65%, 87%, 98%, 100% { opacity: 0; } 23%, 30%, 56%, 63%, 89%, 96% { opacity: 1; } }
@keyframes enterprise-search-keyword { 0%, 31%, 99%, 100% { content: "제주 연동 맛집"; } 32%, 64% { content: "성수 파스타 맛집"; } 65%, 98% { content: "연남 카페 추천"; } }
@keyframes enterprise-result-name { 0%, 31%, 99%, 100% { content: "어장군"; } 32%, 64% { content: "성수 파스타"; } 65%, 98% { content: "연남 카페"; } }
@keyframes enterprise-result-code { 0%, 31%, 99%, 100% { content: "11718476"; } 32%, 64% { content: "26580194"; } 65%, 98% { content: "98241037"; } }
@keyframes enterprise-next-result-name { 0%, 31%, 99%, 100% { content: "성수 파스타"; } 32%, 64% { content: "연남 카페"; } 65%, 98% { content: "어장군"; } }
@keyframes enterprise-browser-action { 0%, 6%, 28%, 34%, 39%, 61%, 67%, 72%, 94%, 100% { color: #4c5d70; background: #fff; border-color: #e1e7ea; } 7%, 13%, 40%, 46%, 73%, 79% { color: #08785c; background: #e8f8f2; border-color: #bfe4d7; } }
@keyframes enterprise-browser-scroll-action { 0%, 12%, 28%, 34%, 45%, 61%, 67%, 78%, 94%, 100% { color: #4c5d70; background: #fff; border-color: #e1e7ea; } 14%, 20%, 47%, 53%, 80%, 86% { color: #08785c; background: #e8f8f2; border-color: #bfe4d7; } }
@keyframes enterprise-browser-click-action { 0%, 19%, 32%, 52%, 65%, 85%, 98%, 100% { color: #4c5d70; background: #fff; border-color: #e1e7ea; } 21%, 28%, 54%, 61%, 87%, 94% { color: #fff; background: #078566; border-color: #078566; } }
@keyframes enterprise-result-focus { 0%, 19%, 31%, 52%, 64%, 85%, 98%, 100% { border-color: #e3e9eb; box-shadow: 0 5px 15px rgba(29,55,47,.07); } 21%, 28%, 54%, 61%, 87%, 94% { border-color: #68cbaa; box-shadow: 0 0 0 3px rgba(3,199,90,.09), 0 8px 18px rgba(29,55,47,.1); } }
@keyframes enterprise-result-click { 0%, 20%, 29%, 53%, 62%, 86%, 95%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(.2); } 23%, 56%, 89% { opacity: .8; transform: translate(-50%, -50%) scale(1); } 28%, 61%, 94% { opacity: 0; transform: translate(-50%, -50%) scale(1.8); } }
@keyframes enterprise-success-cycle { 0%, 21%, 31%, 54%, 64%, 87%, 98%, 100% { opacity: 0; transform: translateY(7px); } 24%, 29%, 57%, 62%, 90%, 96% { opacity: 1; transform: translateY(0); } }
@keyframes vpn-auto-toast-cycle { 0%, 27%, 34%, 60%, 67%, 93%, 100% { opacity: 0; transform: translate(-50%, -42%) scale(.92); } 29%, 32%, 62%, 65%, 95%, 98% { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
@keyframes vpn-auto-icon-cycle { 0%, 27% { transform: rotate(0); } 32%, 60% { transform: rotate(360deg); } 65%, 93% { transform: rotate(720deg); } 98%, 100% { transform: rotate(1080deg); } }
@keyframes vpn-auto-progress { 0%, 28%, 34%, 61%, 67%, 94%, 100% { transform: scaleX(0); } 32%, 65%, 98% { transform: scaleX(1); } }
.enterprise-list-visual .review-card-back .avatar { display: grid; place-items: center; color: #fff; background: #6b8f82; font-size: 12px; font-weight: 850; }
.enterprise-list-visual .review-card-main { padding-bottom: 30px; }
.enterprise-list-visual .review-card-top > span { color: var(--green); font-weight: 850; letter-spacing: .08em; }
.enterprise-saved-row { min-height: 58px; margin-top: 10px; padding: 10px 12px; display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 11px; background: #f7faf9; border: 1px solid #dfe9e5; border-radius: 11px; }
.enterprise-saved-row > span { width: 31px; height: 31px; display: grid; place-items: center; color: var(--green); background: #e4f5ef; border-radius: 9px; font-size: 9px; font-weight: 850; }
.enterprise-saved-row strong, .enterprise-saved-row small { display: block; }
.enterprise-saved-row strong { color: #34475e; font-size: 11px; }
.enterprise-saved-row small { margin-top: 2px; color: #8290a0; font-size: 8px; }
.enterprise-saved-row b { padding: 5px 8px; color: var(--green); background: #fff; border: 1px solid #cce4db; border-radius: 7px; font-size: 8px; }
.enterprise-use-cases .story-rating { color: var(--green-light); font-weight: 850; }
.enterprise-use-cases .story-card-featured .story-rating { color: #8ce0c1; }
.enterprise-use-cases .story-quote { top: 20px; font-family: inherit; font-size: 43px; font-weight: 900; }
.enterprise-release-pending { color: #b8d0c7; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); }
.site-footer { padding: 38px 0; border-top: 1px solid #e5ebe8; background: #fbfcfc; }
.footer-grid { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.footer-brand { display: flex; align-items: center; gap: 11px; }
.footer-brand img { border-radius: 10px; }
.footer-brand strong, .footer-brand span { display: block; }
.footer-brand strong { font-size: 15px; }
.footer-brand span { color: #8693a3; font-size: 9px; }
.footer-info { display: flex; align-items: center; gap: 20px; color: #7e8b9d; font-size: 10px; }
.kakao-float { position: fixed; right: 28px; bottom: 26px; z-index: 90; height: 50px; padding: 0 18px; display: flex; align-items: center; gap: 8px; color: #281d00; background: #fee500; border-radius: 999px; box-shadow: 0 13px 32px rgba(31,25,0,.18); font-size: 12px; font-weight: 850; transition: transform .2s ease; }
.kakao-float:hover { transform: translateY(-3px); }
.kakao-float svg { width: 21px; height: 21px; fill: currentColor; }

@media (max-width: 1120px) {
  .hero { min-height: auto; padding-bottom: 80px; }
  .hero-grid { grid-template-columns: 1fr; gap: 66px; }
  .hero-copy { max-width: 720px; text-align: center; margin: 0 auto; }
  .eyebrow { margin: 0 auto; }
  .hero-description { margin: 0 auto; }
  .hero-actions, .download-meta { justify-content: center; }
  .app-visual { width: min(100%, 760px); min-width: 0; margin: 0 auto; transform: none; }
  .float-badge-top { right: 14px; }
  .float-badge-bottom { left: 14px; }
  .trust-grid { grid-template-columns: repeat(2, 1fr); padding: 20px 0; }
  .trust-grid div { min-height: 68px; padding: 13px 25px; }
  .trust-grid div:nth-child(2) { border-right: 0; }
  .traffic-growth-grid { gap: 55px; }
  .workflow-grid, .detail-grid { gap: 60px; }
  .download-card { grid-template-columns: auto 1fr; }
  .platform-downloads { grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 780px) {
  .section-shell, .nav-shell { width: min(calc(100% - 32px), var(--shell)); }
  .section { padding: 82px 0; }
  .site-header { height: 66px; }
  .nav-shell { gap: 16px; }
  .brand { font-size: 17px; }
  .enterprise-brand { font-size: 15px; }
  .brand img { width: 34px; height: 34px; }
  .nav-links { display: none; }
  .nav-shell > .button { margin-left: auto; min-height: 38px; padding: 0 13px; font-size: 11px; }
  .hero { padding: 118px 0 65px; }
  .hero h1 { font-size: clamp(36px, 11vw, 49px); }
  .hero-description { font-size: 15px; line-height: 1.8; }
  .hero-actions { grid-template-columns: 1fr; }
  .hero-actions .button { width: 100%; }
  .download-meta { gap: 6px 0; }
  .app-body { height: 360px; }
  .app-sidebar { flex-basis: 102px; padding: 18px 8px; }
  .app-logo { margin: 0 7px 20px; font-size: 11px; }
  .mock-menu { height: 35px; padding: 0 7px; font-size: 6px; }
  .menu-icon { width: 10px; font-size: 8px; }
  .mock-panels { grid-template-columns: .95fr 1.15fr; }
  .browser-card { display: none; }
  .settings-card button { margin-top: 37px; }
  .enterprise-pattern-row { display: none; }
  .enterprise-group-list { --enterprise-group-row-height: 64px; --enterprise-group-step: 70px; --enterprise-group-step-double: 140px; }
  .float-badge { min-width: 155px; padding: 9px 11px; }
  .float-badge-top { top: -23px; right: 10px; }
  .float-badge-bottom { left: 10px; bottom: -40px; }
  .float-badge > span { width: 26px; height: 26px; }
  .trust-grid { grid-template-columns: 1fr; }
  .trust-grid div, .trust-grid div:first-child { padding: 13px 0; border-right: 0; border-bottom: 1px solid #edf1ef; text-align: center; }
  .trust-grid div:last-child { border-bottom: 0; }
  .section-heading { margin-bottom: 35px; }
  .section-heading h2, .workflow-copy h2, .detail-copy h2 { font-size: 32px; }
  .feature-grid, .story-grid, .pricing-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: auto; }
  .feature-card p { min-height: 0; }
  .story-card { min-height: 355px; }
  .traffic-growth-grid, .workflow-grid, .detail-grid { grid-template-columns: 1fr; gap: 45px; }
  .traffic-growth-copy { text-align: center; }
  .traffic-points { width: fit-content; margin: 27px auto 0; text-align: left; }
  .growth-dashboard { padding: 23px 20px 20px; }
  .growth-chart { height: 215px; }
  .workflow-copy { text-align: center; }
  .workflow-note { flex-direction: row; text-align: center; }
  .workflow-grid .step-list { width: min(100%, 500px); margin-inline: auto; text-align: left; }
  .detail-visual { min-height: 420px; order: 2; }
  .detail-copy { order: 1; }
  .detail-visual::before { width: 330px; height: 330px; }
  .review-card-main { padding: 21px; }
  .review-card-front { bottom: 28px; }
  .price-card { min-height: auto; padding: 28px; }
  .pricing-payment-note { align-items: flex-start; justify-content: flex-start; text-align: left; }
  .download-section { padding: 55px 0; }
  .download-card { padding: 34px 26px; grid-template-columns: 1fr; text-align: center; }
  .download-icon-wrap { width: fit-content; margin: 0 auto; }
  .platform-downloads { grid-column: 1; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .platform-download { padding: 0 13px; text-align: left; }
  .standard-download-strip { align-items: stretch; flex-direction: column; }
  .standard-download-actions { width: 100%; }
  .standard-download-link { flex: 1; }
  .download-specs { display: none; }
  .footer-grid, .footer-info { flex-direction: column; align-items: center; text-align: center; }
  .footer-info { gap: 5px; }
  .footer-brand, .footer-info span:first-child { display: none; }
  .site-footer { padding: 25px 0; }
  .kakao-float { right: 4px; bottom: 12px; width: 42px; height: 42px; padding: 0; justify-content: center; gap: 0; background: transparent; border-radius: 50%; box-shadow: none; }
  .kakao-float svg { flex: 0 0 42px; width: 42px; height: 42px; padding: 11px; box-sizing: border-box; background: #fee500; border-radius: 50%; box-shadow: 0 11px 26px rgba(31,25,0,.18); }
  .kakao-float span { display: none; }
}

@media (max-width: 430px) {
  .enterprise-brand span { display: flex; flex-direction: column; align-items: flex-start; gap: 0; font-size: 13px; line-height: 1.05; }
  .enterprise-brand b { display: block; font-size: 9px; }
  .enterprise-hero h1 { font-size: 36px; line-height: 1.22; }
  .nav-shell > .nav-download { width: 42px; padding: 0; gap: 0; }
  .nav-download span { display: none; }
  .nav-download svg { width: 21px; height: 21px; margin: 0; }
  .window-bar { height: 36px; }
  .app-body { height: 330px; }
  .app-sidebar { display: none; }
  .mock-topbar { height: 45px; }
  .mock-panels { height: calc(100% - 45px); }
  .float-badge-top { display: none; }
  .enterprise-delay-row, .settings-card .mock-option { display: none; }
  .enterprise-group-list { --enterprise-group-row-height: 50px; --enterprise-group-step: 55px; --enterprise-group-step-double: 110px; min-height: 0; }
  .enterprise-work-actions { padding-top: 6px; }
  .growth-stats { grid-template-columns: 1fr; }
  .growth-chart { margin-left: 31px; }
  .platform-downloads { grid-template-columns: 1fr; }
  .standard-download-actions { display: grid; grid-template-columns: 1fr; }
  .download-specs { grid-template-columns: 1fr; }
  .review-card-front { right: -5px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .vpn-auto-toast { display: none; }
  .mini-rank-chart .mini-line, .chart-line { stroke-dashoffset: 0; }
  .chart-area, .chart-dot, .chart-tooltip { opacity: 1; transform: none; }
  .traffic-bars span { transform: scaleY(1); opacity: 1; }
}