/* ins2.css — front-door comparison: welcome hero, intro frame, nav, bridge lines, practice strip, news-led footer */
.c2-board{width:1440px;min-height:100%;background:#e9e6df;padding:0 0 40px;font-family:'Plus Jakarta Sans','Noto Sans SC','Noto Sans JP',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.c2-board *{box-sizing:border-box;margin:0;padding:0}
.c2-board a{color:inherit;text-decoration:none}
.c2-step{display:flex;align-items:center;gap:14px;padding:26px 40px 18px;font-size:17px;font-weight:600;color:#3a3529}
.c2-step b{width:34px;height:34px;border-radius:50%;background:#1d4ed8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.c2-frame{position:relative;margin:0 40px;width:1360px;overflow:hidden;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.08);background:#f6f4ef}
.c2-frame.light{background:#fff url(assets/bg-light-geo.jpg) center/cover no-repeat}
.c2-frame .ic{width:100%;padding:0 52px}

/* nav: floating pill on light grounds, flush bar inside Insights */
.c2-navwrap{position:absolute;top:18px;left:0;right:0;z-index:5;display:flex;justify-content:center;padding:0 40px}
.c2-navwrap.solid{position:relative;top:0;padding:16px 40px;background:#f6f4ef;border-bottom:1px solid rgba(20,26,38,.1)}
.c2-nav{display:flex;align-items:center;gap:10px;width:100%;max-width:1180px;padding:10px 12px 10px 18px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(15,21,36,.08);backdrop-filter:blur(16px);box-shadow:0 6px 24px rgba(15,21,36,.07)}
.c2-navwrap.solid .c2-nav{box-shadow:none;background:#fff}
.c2-nav a{text-decoration:none}
.c2-brand img{display:block;filter:invert(1)}
.c2-items{display:flex;gap:2px;margin-left:12px;flex:1}
.c2-items a{font-size:14.5px;font-weight:600;color:#5b6478;padding:10px 14px;border-radius:10px}
.c2-items a i{font-style:normal;font-size:9px;opacity:.55}
.c2-items a.on{color:#0f1524;background:rgba(15,21,36,.06)}
.c2-div{width:1px;align-self:stretch;margin:8px 10px;background:rgba(15,21,36,.14);flex-shrink:0}
.c2-items a.c2-prac{color:#1d4ed8}
.c2-items a.c2-prac:hover{background:rgba(37,99,235,.08)}
.c2-lang{display:flex;gap:2px;padding:3px;border-radius:10px;background:rgba(15,21,36,.05)}
.c2-lang button{border:0;background:transparent;font-family:inherit;font-size:12px;font-weight:600;color:#5b6478;padding:7px 10px;border-radius:7px;cursor:pointer}
.c2-lang button.on{background:#2563eb;color:#fff}
.c2-cta{background:#2563eb;color:#fff!important;font-size:14px;font-weight:700;padding:11px 20px;border-radius:12px}

/* welcome hero (static recreation of v9's resting state) */
.c2-hero{position:relative;height:880px;overflow:hidden}
.c2-hero.compact{height:640px;background:#fff url(assets/bg-light-geo.jpg) center/cover no-repeat}
.c2-lock,.c2-introlock{position:absolute;width:560px;height:560px;color:#0d1220}
.c2-lock{left:-150px;top:50%;margin-top:-250px}
.c2-hero.compact .c2-lock{margin-top:-230px;transform:scale(.8);transform-origin:left center}
.c2-sq{position:absolute;left:50%;top:50%;width:380px;height:380px;margin:-190px 0 0 -190px;border-radius:96px;background:rgba(15,21,36,.06);transform:rotate(45deg)}
.c2-w1,.c2-w2{position:absolute;font-size:30px;font-weight:600;color:rgba(13,18,32,.5);letter-spacing:.01em}
.c2-w1{left:178px;top:150px;transform:rotate(45deg)}
.c2-w2{left:160px;top:372px;transform:rotate(-45deg)}
.c2-tri{position:absolute;left:258px;top:192px;width:88px;height:176px;overflow:visible;opacity:.55}
.c2-tri path{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}
.c2-herotext{position:absolute;left:600px;top:50%;transform:translateY(-44%);max-width:640px}
.c2-hero.compact .c2-herotext{left:560px;transform:translateY(-40%)}
.c2-eyebrow{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.16em;color:#2563eb}
.c2-eyebrow i{width:7px;height:7px;border-radius:50%;background:#2563eb}
.c2-herotext h1{margin-top:26px;font-size:78px;font-weight:800;line-height:1;letter-spacing:-.045em;color:#0d1220}
.c2-hero.compact h1{font-size:62px}
.c2-herotext h1 em{font-style:normal;background:linear-gradient(100deg,#1d4ed8,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.c2-herotext p{margin-top:26px;font-size:18.5px;line-height:1.62;color:#54607a;text-wrap:pretty}
.c2-btns{display:flex;gap:12px;margin-top:32px}
.c2-btn{display:inline-flex;padding:16px 28px;border-radius:12px;background:#111a2e;color:#fff!important;font-size:16px;font-weight:600}
.c2-btn.ghost{background:transparent;color:#0f1524!important;border:1px solid rgba(15,21,36,.18)}

/* intro frame */
.c2-intro{position:relative;height:640px}
.c2-introlock{left:50%;top:50%;margin:-280px 0 0 -280px}
.c2-skip{position:absolute;right:36px;top:30px;font-size:14px;font-weight:600;color:#5b6478;padding:9px 16px;border:1px solid rgba(15,21,36,.15);border-radius:10px;background:rgba(255,255,255,.7)}
.c2-introcap{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:14px;color:#5b6478}

/* Insights inside the comparison */
.c2-ed{font-size:12.5px;line-height:1.5;color:#6a7286;text-align:right}
.c2-eu{flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}
.c2-bridge{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:13.5px;color:#4a5164;padding-top:14px;border-top:1px dashed rgba(37,99,235,.3)}
.c2-bridge b{color:#1d4ed8;font-weight:700}
.c2-bridge:hover b{text-decoration:underline;text-underline-offset:3px}
.c2-strip{margin-top:44px;padding:34px 36px 36px;background:#141a26;color:#fff;border-radius:18px}
.c2-striphead span{display:block;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#93c5fd}
.c2-striphead b{display:block;margin-top:10px;font-size:28px;font-weight:800;letter-spacing:-.025em}
.c2-stripgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.c2-pc{padding:22px 22px 24px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.04);transition:background .2s,border-color .2s}
.c2-pc:hover{background:rgba(255,255,255,.08);border-color:rgba(147,197,253,.5)}
.c2-pc b{font-size:18px;font-weight:700;color:#fff}
.c2-pc p{margin-top:10px;font-size:14px;line-height:1.58;color:rgba(255,255,255,.72)}

/* news-led footer */
.c2-foot{border-top:2px solid #141a26;margin-top:8px;padding:32px 0 40px}
.c2-footnews{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:30px;border-bottom:1px solid rgba(20,26,38,.12)}
.c2-footnews b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.c2-footnews p{margin-top:6px;font-size:14.5px;line-height:1.55;color:#4a5164;max-width:46em}
.c2-footnews form{display:flex;gap:8px;flex-shrink:0}
.c2-footnews input{width:280px;font-family:inherit;font-size:14.5px;background:#fff;border:1px solid rgba(20,26,38,.18);border-radius:10px;padding:12px 14px}
.c2-footnews button{border:0;background:#141a26;color:#fff;font-family:inherit;font-size:14.5px;font-weight:700;padding:12px 20px;border-radius:10px;cursor:pointer}
.c2-footcols{display:grid;grid-template-columns:1.3fr repeat(4,minmax(0,1fr));gap:32px;padding:30px 0}
.c2-footbrand img{display:block;filter:invert(1);margin-bottom:12px}
.c2-footbrand b{font-size:16px;font-weight:800}
.c2-footbrand p{margin-top:6px;font-size:13.5px;color:#6a7286;line-height:1.5}
.c2-fcol{display:flex;flex-direction:column;gap:10px}
.c2-fcol span{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#141a26;margin-bottom:4px}
.c2-fcol a{font-size:14.5px;color:#4a5164}
.c2-fcol a:hover{color:#1d4ed8}
.c2-footbase{display:flex;align-items:center;gap:24px;padding-top:22px;border-top:1px solid rgba(20,26,38,.12)}
.c2-ms{display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(20,26,38,.15);border-radius:10px;background:#fff;flex-shrink:0}
.c2-ms i{width:18px;height:18px;background:linear-gradient(90deg,#f25022 0 47%,transparent 47% 53%,#7fba00 53%) top/100% 47% no-repeat,linear-gradient(90deg,#00a4ef 0 47%,transparent 47% 53%,#ffb900 53%) bottom/100% 47% no-repeat}
.c2-ms span{font-size:10.5px;line-height:1.25;color:#6a7286}
.c2-ms b{font-size:10.5px;letter-spacing:.06em;color:#141a26}
.c2-footbase p{font-size:13px;color:#6a7286}
.c2-copy{margin-left:auto}

/* token guide + AI index */
.tg,.aix{margin-top:52px}
.tg-head span{display:block;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#1d4ed8;padding-bottom:12px;border-bottom:2px solid #1d4ed8}
.tg-head h2{margin-top:18px;font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#141a26;max-width:24em}
.tg-head p{margin-top:12px;font-size:16px;line-height:1.62;color:#4a5164;max-width:46em}
.tg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:56px;margin-top:30px}
.tg-sub{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#141a26;padding-bottom:10px;border-bottom:1px solid rgba(20,26,38,.2)}
.tg-r{display:block;padding:16px 0;border-bottom:1px solid rgba(20,26,38,.1);text-decoration:none}
.tg-rh{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.tg-rh b{font-size:17px;font-weight:700;color:#141a26}
.tg-rh i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6a7286;background:rgba(20,26,38,.06);padding:4px 8px;border-radius:6px;white-space:nowrap}
.tg-r p{margin-top:6px;font-size:14px;line-height:1.55;color:#4a5164}
.tg-r:hover b{color:#1d4ed8}
.tg-tips{list-style:none;counter-reset:t;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.tg-tips li{counter-increment:t;position:relative;padding:16px 0 16px 34px;border-bottom:1px solid rgba(20,26,38,.1)}
.tg-tips li::before{content:counter(t,decimal-leading-zero);position:absolute;left:0;top:18px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:#1d4ed8}
.tg-tips b{font-size:15.5px;font-weight:700;color:#141a26}
.tg-tips p{margin-top:5px;font-size:14px;line-height:1.55;color:#4a5164}
.tg-note{margin-top:18px;padding:16px 18px;border-radius:12px;background:rgba(37,99,235,.08);font-size:15px;font-weight:600;line-height:1.5;color:#1e2a44}
.aix-table{margin-top:28px;border-top:1px solid rgba(20,26,38,.2)}
.aix-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.5fr) 170px;gap:28px;padding:18px 0;border-bottom:1px solid rgba(20,26,38,.1);align-items:start}
.aix-th{padding:12px 0}
.aix-th span{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6a7286}
.aix-co b{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em;color:#141a26}
.aix-co>span{display:block;margin-top:3px;font-size:12.5px;color:#8a8f9c}
.aix-tags{display:flex;gap:6px;margin-top:8px}
.aix-tags i{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1f7a4d;background:rgba(31,122,77,.1);padding:3px 7px;border-radius:5px}
.aix-tags i.l{color:#8a5a12;background:rgba(138,90,18,.1)}
.aix-row p{font-size:14.5px;line-height:1.55;color:#3f4658}
.aix-row p.aix-why{color:#141a26;font-weight:500}
.aix-row>a{font-size:12.5px;color:#6a7286;text-decoration:none;border-bottom:1px solid rgba(20,26,38,.15);justify-self:start}
.aix-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-top:18px}
.aix-foot p{font-size:13px;line-height:1.6;color:#6a7286;max-width:80ch}
.aix-foot p b{color:#3f4658;font-weight:600}
.aix-foot a{flex-shrink:0;font-size:14px;font-weight:700;color:#1d4ed8;text-decoration:none}

.c2-body .ic-mast{grid-template-columns:auto minmax(0,1fr) auto}
.c2-body .ic-axis{min-width:0;justify-content:center}
.c2-body .ic-axis i{flex:1 1 0;min-width:10px;max-width:70px;width:auto}
@media (max-width:1340px){.c2-body .ic-axis>div:nth-of-type(2),.c2-body .ic-axis>div:nth-of-type(4){display:none}.c2-body .ic-axis>i:nth-of-type(2),.c2-body .ic-axis>i:nth-of-type(4){display:none}}

.c2-tie{display:flex;flex-direction:column;gap:10px;align-self:stretch;padding-top:14px;border-top:1px dashed rgba(37,99,235,.3)}
.c2-tie .co-links{margin-top:0}
.c2-tie-ix{font-size:13.5px;font-weight:700;color:#1d4ed8;text-decoration:none;align-self:flex-start}
.c2-tie-ix:hover{text-decoration:underline;text-underline-offset:3px}