:root{
  --lav-50:#F8F6FF;
  --lav-100:#F2EEFF;
  --lav-200:#E4DEFF;
  --lav-300:#C9C1FA;
  --lav-400:#9D90FF;
  --lav-500:#7C6CF2;
  --lav-700:#5443CF;
  --peach-50:#FFF8F4;
  --peach-100:#FFEDE3;
  --peach-200:#FFD9C4;
  --peach-400:#FFB99A;
  --peach-500:#FF9F7A;
  --peach-700:#C2603A;
  --mint-200:#CDEFE3;
  --mint-700:#2E8A6A;
  --ink:#33334D;
  --ink-strong:#22223A;
  --ink-soft:#6B6790;
  --line:#ECE8FA;
  --white:#FFFFFF;
  --grad-lav:linear-gradient(135deg,#A99CFF 0%,#7C6CF2 55%,#5443CF 100%);
  --grad-peach:linear-gradient(135deg,#FFD9C4 0%,#FF9F7A 100%);
  --shadow-1:0 1px 2px rgba(60,48,150,.05),0 6px 18px rgba(84,67,207,.07);
  --shadow-2:0 2px 4px rgba(60,48,150,.06),0 16px 36px rgba(84,67,207,.12);
  --radius:20px;
  --radius-sm:14px;
  --font-num:"Outfit","Noto Sans KR",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font-family:"Noto Sans KR",system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:17px;line-height:1.8;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--lav-700)}
h1,h2,h3{color:var(--ink-strong);line-height:1.4;margin:0}
p{margin:0 0 1.1em}
ul,ol{margin:0;padding:0;list-style:none}
.wrap{width:100%;max-width:980px;margin:0 auto;padding:0 20px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}

/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(124,108,242,.12)}
.top-in{display:flex;align-items:center;justify-content:center;height:66px}
.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;transition:transform .25s ease}
.logo:hover{transform:translateY(-1px)}
.logo-mark{width:38px;height:38px;flex:none;filter:drop-shadow(0 6px 10px rgba(84,67,207,.28))}
.logo-word{font-family:var(--font-num);font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1}
.lw-a{color:var(--ink-strong)}
.lw-b{background:var(--grad-lav);-webkit-background-clip:text;background-clip:text;color:transparent}

/* hero */
.hero{position:relative;overflow:hidden;padding:64px 0 76px;background:
  radial-gradient(520px 380px at 88% 8%,rgba(255,201,173,.55),transparent 65%),
  radial-gradient(460px 340px at 2% 100%,rgba(205,239,227,.75),transparent 65%),
  radial-gradient(600px 420px at 50% 120%,rgba(201,193,250,.55),transparent 70%),
  linear-gradient(180deg,#F7F4FF 0%,#EFEAFF 100%)}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(124,108,242,.16) 1.2px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%);pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.85);color:var(--lav-700);font-size:13px;font-weight:500;padding:6px 14px;border-radius:999px;margin-bottom:20px;box-shadow:var(--shadow-1);border:1px solid rgba(255,255,255,.9)}
.pill-dot{width:8px;height:8px;border-radius:50%;background:var(--peach-500);box-shadow:0 0 0 4px rgba(255,159,122,.22)}
.hero h1{font-size:42px;font-weight:700;letter-spacing:-.025em;line-height:1.32;margin-bottom:20px}
.hl{position:relative;background:linear-gradient(120deg,#7C6CF2 0%,#5443CF 55%,#C2603A 120%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hl::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.3em;border-radius:6px;background:linear-gradient(90deg,rgba(255,185,154,.7),rgba(201,193,250,.7));z-index:-1}
.hero-txt{position:relative;z-index:1}
.hero-lead{font-size:17px;color:var(--ink-soft);margin:0;max-width:500px}
.hero-art{position:relative;perspective:1400px}
.hero-svg{width:100%;height:auto;overflow:visible;transform:rotateY(-11deg) rotateX(7deg);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hero-art:hover .hero-svg{transform:rotateY(-3deg) rotateX(2deg)}
.hero-svg .bob{transform-box:fill-box;transform-origin:center;animation:bob 7s ease-in-out infinite}
.hero-svg .bob-b{animation-duration:8s;animation-delay:-2s}
.hero-svg .bob-c{animation-duration:6.5s;animation-delay:-1s}
.hero-svg .bob-d{animation-duration:5.5s;animation-delay:-3s}
.hero-svg .bob-e{animation-duration:7.5s;animation-delay:-4s}
.hero-svg .sheen{animation:sheen 6s ease-in-out infinite}
.hero-svg .twinkle use{transform-box:fill-box;transform-origin:center;animation:twinkle 3.2s ease-in-out infinite}
.hero-svg .tw-2 use{animation-delay:-.8s}
.hero-svg .tw-3 use{animation-delay:-1.6s}
.hero-svg .tw-4 use{animation-delay:-2.4s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes sheen{0%{transform:translateX(-60px)}55%,100%{transform:translateX(520px)}}
@keyframes twinkle{0%,100%{transform:scale(.6);opacity:.35}50%{transform:scale(1.1);opacity:1}}

/* sections */
.sec{position:relative;padding:80px 0;scroll-margin-top:66px}
.sec-tint{background:linear-gradient(180deg,var(--lav-50) 0%,#F4F1FF 100%)}
.sec-peach{background:linear-gradient(180deg,var(--peach-50) 0%,#FFF2EA 100%)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-num);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--lav-700);background:var(--white);padding:5px 14px 5px 6px;border-radius:999px;margin-bottom:16px;box-shadow:var(--shadow-1)}
.eyebrow::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--grad-lav);box-shadow:inset 0 -2px 4px rgba(0,0,0,.12),inset 0 2px 3px rgba(255,255,255,.5)}
.sec-peach .eyebrow{color:var(--peach-700)}
.sec-peach .eyebrow::before{background:var(--grad-peach)}
.sec h2{font-size:30px;font-weight:700;letter-spacing:-.02em;margin-bottom:28px}
.sec h3{font-size:18px;font-weight:700;margin-bottom:8px}
.note{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 20px 16px 24px;margin-top:8px;box-shadow:var(--shadow-1);overflow:hidden}
.note::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad-lav)}
.sec-peach .note::before{background:var(--grad-peach)}
.src{font-size:13px;color:var(--ink-soft);margin:14px 0 0}

/* shared card surface */
.vs-card,.reason,.tl-body,.loop-step,.ph,.tile,.chart-box,.table-wrap,.country,.myth,.qa,.flow-node{box-shadow:var(--shadow-1);transition:transform .25s ease,box-shadow .25s ease}
.reason:hover,.tl-body:hover,.ph:hover,.tile:hover,.country:hover,.myth:hover,.loop-step:hover,.vs-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}

/* 1 */
.terms{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 30px}
.terms li{background:var(--lav-100);color:var(--lav-700);font-size:14px;font-weight:500;padding:6px 14px;border-radius:999px;border:1px solid var(--lav-200)}
.flow{margin:10px 0 30px;padding:30px 24px;background:radial-gradient(400px 200px at 50% 0%,rgba(255,255,255,.9),transparent 70%),linear-gradient(135deg,#F2EEFF,#FFF1E9);border-radius:var(--radius);border:1px solid var(--line)}
.flow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;position:relative}
.flow-node{position:relative;background:var(--white);border-radius:var(--radius);padding:22px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.flow-node.fn-peach{background:linear-gradient(180deg,#FFFFFF,#FFF1E9)}
.flow-node:not(:last-child)::after{content:"";position:absolute;right:-32px;top:50%;width:24px;height:24px;transform:translateY(-50%);border-radius:50%;background:var(--white) no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C6CF2' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");box-shadow:var(--shadow-1)}
.fn-ico{width:54px;height:54px;border-radius:16px;background:var(--grad-lav);display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 8px 16px rgba(84,67,207,.25),inset 0 2px 3px rgba(255,255,255,.4),inset 0 -3px 6px rgba(0,0,0,.12)}
.fn-peach .fn-ico{background:var(--grad-peach);box-shadow:0 8px 16px rgba(255,159,122,.3),inset 0 2px 3px rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.08)}
.fn-ico svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fn-name{font-weight:700;color:var(--ink-strong);font-size:16px}
.fn-desc{font-size:13px;color:var(--ink-soft);line-height:1.5}
.flow figcaption{margin-top:20px;text-align:center;font-size:14px;color:var(--ink-soft)}
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:4px 0 22px}
.vs-card{position:relative;overflow:hidden;border-radius:var(--radius);padding:22px 24px;display:flex;flex-direction:column;gap:4px;border:1px solid transparent}
.vs-card::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.55)}
.vs-a{background:linear-gradient(135deg,#FFF4EE,#FFE3D3);border-color:var(--peach-200)}
.vs-b{background:linear-gradient(135deg,#F7F4FF,#E9E4FF);border-color:var(--lav-200)}
.vs-tag{position:relative;font-size:13px;font-weight:700;color:var(--peach-700)}
.vs-b .vs-tag{color:var(--lav-700)}
.vs-big{position:relative;font-size:19px;font-weight:700;color:var(--ink-strong)}
.vs-sub{position:relative;font-size:14px;color:var(--ink-soft)}

/* 2 */
.reasons{display:grid;gap:14px;margin-bottom:18px}
.reason{display:flex;gap:18px;background:var(--white);border-radius:var(--radius);padding:24px 26px;border:1px solid var(--line)}
.rs-n{flex:none;width:44px;height:44px;border-radius:14px;background:var(--grad-lav);color:var(--white);font-family:var(--font-num);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 8px 14px rgba(84,67,207,.25),inset 0 2px 3px rgba(255,255,255,.35)}
.reason:nth-child(2) .rs-n{background:var(--grad-peach);box-shadow:0 8px 14px rgba(255,159,122,.3),inset 0 2px 3px rgba(255,255,255,.45)}
.reason:nth-child(3) .rs-n{background:linear-gradient(135deg,#9BE3C8,#3FAE86);box-shadow:0 8px 14px rgba(46,138,106,.25),inset 0 2px 3px rgba(255,255,255,.35)}
.rs-body{min-width:0}
.rs-body p{margin:0}

/* 3 */
.timeline{position:relative;padding-left:32px}
.timeline::before{content:"";position:absolute;left:9px;top:10px;bottom:10px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--lav-400),var(--peach-400),var(--lav-400))}
.tl-item{position:relative;padding-bottom:24px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:"";position:absolute;left:-31px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--grad-lav);border:4px solid var(--white);box-shadow:0 4px 10px rgba(84,67,207,.3)}
.tl-item:nth-child(even)::before{background:var(--grad-peach);box-shadow:0 4px 10px rgba(255,159,122,.35)}
.tl-when{display:inline-block;font-family:var(--font-num);font-size:13px;font-weight:600;color:var(--lav-700);background:var(--lav-100);padding:3px 12px;border-radius:999px;margin-bottom:10px}
.tl-item:nth-child(even) .tl-when{color:var(--peach-700);background:var(--peach-100)}
.tl-body{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px}
.tl-body p{margin:0}

/* 4 */
.loop{margin:8px 0 26px}
.loop-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.loop-step{background:var(--white);border:1px solid var(--peach-200);border-radius:var(--radius);padding:20px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.ls-n{width:36px;height:36px;border-radius:12px;background:var(--grad-peach);color:var(--white);font-family:var(--font-num);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 6px 12px rgba(255,159,122,.3),inset 0 2px 3px rgba(255,255,255,.45)}
.ls-t{font-size:15px;font-weight:500;color:var(--ink-strong);line-height:1.5}
.ls-warn{background:linear-gradient(180deg,#FFF4EE,#FFE3D3);border-color:var(--peach-400)}
.ls-warn .ls-n{background:linear-gradient(135deg,#FF9F7A,#E2764F)}

/* 5 */
.when{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 22px}
.when li{display:flex;align-items:center;gap:8px;background:var(--peach-100);color:var(--peach-700);font-size:14px;font-weight:500;padding:6px 14px;border-radius:999px;border:1px solid var(--peach-200)}
.when li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--peach-500);box-shadow:0 0 0 3px rgba(255,159,122,.2);flex:none}
.phrases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}
.ph{border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:8px;background:var(--white);border:1px solid var(--line)}
.ph-k{display:inline-block;align-self:flex-start;font-size:13px;font-weight:700;padding:3px 12px;border-radius:999px;background:var(--lav-100);color:var(--lav-700)}
.ph-2 .ph-k,.ph-4 .ph-k,.ph-6 .ph-k{background:var(--peach-100);color:var(--peach-700)}
.ph-v{font-size:15px;line-height:1.6;color:var(--ink)}

/* 6 */
.stat-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}
.tile{position:relative;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:4px}
.tile::after{content:"";position:absolute;right:-24px;bottom:-24px;width:90px;height:90px;border-radius:50%;background:var(--lav-100)}
.tile:nth-child(2){background:linear-gradient(135deg,#FFF6F1,#FFE6D8);border-color:var(--peach-200)}
.tile:nth-child(2)::after{background:rgba(255,255,255,.6)}
.tile-k{position:relative;z-index:1;font-size:13px;color:var(--ink-soft)}
.tile-v{position:relative;z-index:1;font-family:var(--font-num);font-size:32px;font-weight:700;color:var(--ink-strong);letter-spacing:-.02em;line-height:1.2}
.tile-v small{font-family:"Noto Sans KR",sans-serif;font-size:15px;font-weight:500;margin-left:3px;color:var(--ink-soft)}
.chart-box{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin:0 0 20px}
.chart-t{font-size:16px !important;margin-bottom:18px !important}
.bars{display:grid;gap:12px}
.bar-row{display:grid;grid-template-columns:96px minmax(0,1fr) 84px;align-items:center;gap:12px;font-size:14px}
.bar-k{color:var(--ink-soft);white-space:nowrap}
.bar-track{height:16px;border-radius:999px;background:var(--lav-100);overflow:hidden;box-shadow:inset 0 1px 2px rgba(84,67,207,.08)}
.bar-fill{display:block;height:100%;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#9D90FF,#6C5CE7);box-shadow:inset 0 2px 2px rgba(255,255,255,.35)}
.bar-row:last-child .bar-fill{background:linear-gradient(90deg,#FFC7AD,#FF9F7A)}
.bar-v{text-align:right;font-family:var(--font-num);font-weight:600;color:var(--ink-strong)}
.table-wrap{overflow-x:auto;margin:0 0 20px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line)}
.stat-table{width:100%;border-collapse:collapse;font-size:15px}
.stat-table caption{text-align:left;padding:18px 22px 6px;font-size:14px;color:var(--ink-soft)}
.stat-table th,.stat-table td{padding:13px 22px;text-align:left;border-bottom:1px solid var(--line)}
.stat-table td{font-family:var(--font-num);font-weight:500}
.stat-table thead th{font-size:13px;color:var(--ink-soft);font-weight:500;background:var(--lav-50)}
.stat-table tbody tr:last-child th,.stat-table tbody tr:last-child td{border-bottom:0}
.stat-table tbody tr:hover{background:var(--lav-50)}
.stat-table tbody th{font-weight:500;color:var(--ink-strong)}
.stack{display:flex;height:20px;border-radius:999px;overflow:hidden;gap:3px;margin-bottom:16px}
.st{display:block;width:var(--w);height:100%;box-shadow:inset 0 2px 2px rgba(255,255,255,.35)}
.st-1{background:linear-gradient(90deg,#9D90FF,#6C5CE7)}
.st-2{background:var(--lav-300)}
.st-3{background:linear-gradient(90deg,#FFC7AD,#FF9F7A)}
.st-4{background:var(--mint-200)}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}
.legend li{display:flex;align-items:center;gap:8px}
.lg{width:12px;height:12px;border-radius:4px;flex:none}
.lg-1{background:#7C6CF2}
.lg-2{background:var(--lav-300)}
.lg-3{background:var(--peach-500)}
.lg-4{background:var(--mint-200)}

/* 7 */
.countries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.country{background:var(--white);border-radius:var(--radius);padding:24px;border:1px solid var(--line)}
.country p{margin:0;font-size:15px;line-height:1.75}
.cn-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cn-head h3{margin:0 !important}
.cn-code{width:42px;height:42px;border-radius:14px;background:var(--grad-lav);color:var(--white);font-family:var(--font-num);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 8px 14px rgba(84,67,207,.25),inset 0 2px 3px rgba(255,255,255,.35)}
.country:nth-child(2) .cn-code{background:var(--grad-peach);box-shadow:0 8px 14px rgba(255,159,122,.3),inset 0 2px 3px rgba(255,255,255,.45)}
.country:nth-child(3) .cn-code{background:linear-gradient(135deg,#9BE3C8,#3FAE86);box-shadow:0 8px 14px rgba(46,138,106,.25),inset 0 2px 3px rgba(255,255,255,.35)}

/* 8 */
.myths{display:grid;gap:16px}
.myth{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.myth-q{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--ink-strong);margin-bottom:14px;line-height:1.5}
.mq-tag{font-size:12px;font-weight:700;background:var(--grad-peach);color:var(--white);padding:4px 11px;border-radius:999px;flex:none;box-shadow:0 4px 10px rgba(255,159,122,.3)}
.myth-a{margin:0;position:relative;padding-left:20px}
.myth-a::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:2px;background:linear-gradient(180deg,#9D90FF,#C9C1FA)}
.calc{background:linear-gradient(135deg,#F8F6FF,#FFF4EE);border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px 22px;margin:0 0 18px;display:grid;gap:12px}
.calc-row{display:grid;grid-template-columns:64px minmax(0,1fr) 92px;align-items:center;gap:12px;font-size:14px}
.calc-k{color:var(--ink-soft)}
.calc-track{height:18px;border-radius:999px;background:var(--white);overflow:hidden;box-shadow:inset 0 1px 2px rgba(84,67,207,.1)}
.calc-fill{display:block;height:100%;width:var(--w);border-radius:999px;box-shadow:inset 0 2px 2px rgba(255,255,255,.4)}
.cf-get{background:linear-gradient(90deg,#C9C1FA,#9D90FF)}
.cf-pay{background:linear-gradient(90deg,#FFC7AD,#FF9F7A)}
.calc-v{text-align:right;font-weight:600;color:var(--ink-strong);white-space:nowrap}
.calc-note{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin:4px 0 0;font-size:14px;color:var(--ink-soft)}
.calc-big{font-family:var(--font-num);font-size:24px;font-weight:700;background:linear-gradient(90deg,#E2764F,#C2603A);-webkit-background-clip:text;background-clip:text;color:transparent}

/* 9 */
.faq{display:grid;gap:12px}
.qa{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.qa[open]{border-color:var(--lav-300);box-shadow:var(--shadow-2)}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 22px;font-weight:700;color:var(--ink-strong);font-size:16px;line-height:1.5}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{background:var(--lav-50)}
.qa summary::after{content:"";margin-left:auto;flex:none;width:9px;height:9px;border-right:2px solid var(--lav-500);border-bottom:2px solid var(--lav-500);transform:rotate(45deg);transition:transform .25s}
.qa[open] summary::after{transform:rotate(-135deg)}
.q-mark{flex:none;width:32px;height:32px;border-radius:11px;background:var(--grad-lav);color:var(--white);font-family:var(--font-num);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 6px 12px rgba(84,67,207,.25),inset 0 2px 3px rgba(255,255,255,.35)}
.q-t{min-width:0}
.qa-a{padding:0 22px 22px 68px}
.qa-a p{margin:0}
.nums{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.nums li{display:flex;align-items:baseline;gap:8px;background:linear-gradient(135deg,#FFF6F1,#FFE6D8);border:1px solid var(--peach-200);border-radius:var(--radius-sm);padding:8px 14px}
.num{font-family:var(--font-num);font-weight:700;color:var(--peach-700);font-size:18px}
.num-t{font-size:13px;color:var(--ink-soft)}

/* footer */
.foot{background:linear-gradient(180deg,#F4F1FF,#ECE7FF);padding:48px 0 56px;border-top:1px solid var(--line)}
.foot-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.foot .logo-mark{width:34px;height:34px}
.foot .logo-word{font-size:19px}
.foot-t{font-size:14px;color:var(--ink-soft);margin:0;max-width:640px}

@media (prefers-reduced-motion:reduce){
  .hero-svg .bob,.hero-svg .sheen,.hero-svg .twinkle use{animation:none}
  .hero-svg,.logo,.vs-card,.reason,.tl-body,.loop-step,.ph,.tile,.country,.myth{transition:none}
}
@media (max-width:860px){
  .hero-in{grid-template-columns:minmax(0,1fr);gap:8px}
  .hero-art{max-width:460px;margin:0 auto;width:100%}
  .hero-svg{transform:rotateY(-6deg) rotateX(4deg)}
  .countries{grid-template-columns:minmax(0,1fr)}
  .loop-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .top-in{height:60px}
  .logo-mark{width:34px;height:34px}
  .logo-word{font-size:19px}
  .hero{padding:40px 0 40px}
  .hero h1{font-size:30px}
  .sec{padding:56px 0}
  .sec h2{font-size:23px}
  .flow{padding:22px 16px}
  .flow-list{grid-template-columns:minmax(0,1fr);gap:34px}
  .flow-node:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-29px;transform:translateX(-50%) rotate(90deg)}
  .vs,.phrases{grid-template-columns:minmax(0,1fr)}
  .stat-tiles{grid-template-columns:minmax(0,1fr)}
  .tile-v{font-size:28px}
  .chart-box{padding:20px 16px}
  .bar-row{grid-template-columns:88px minmax(0,1fr) 70px;gap:8px;font-size:13px}
  .reason{padding:20px 18px;gap:14px}
  .myth{padding:22px 18px}
  .calc{padding:18px 16px}
  .calc-row{grid-template-columns:56px minmax(0,1fr) 84px;gap:8px;font-size:13px}
  .qa summary{padding:16px 18px;gap:12px;font-size:15px}
  .qa-a{padding:0 18px 18px 18px}
  .stat-table th,.stat-table td{padding:11px 14px}
}