@charset "UTF-8";

:root{

  --logo-blue:#1955a6; --logo-navy:#153677;

  --sky-1:#cadcf2; --sky-2:#d9e8f7; --sky-3:#e9f2fb;

  --prob:#c1392a; --prob-1:#f2d7d3; --prob-2:#f9e7e4; --prob-3:#fdf4f2;

  --navy:#153677; --navy-d:#122b52; --navy-dd:#0c1c36;
  --blue:#1257d6; --blue-l:#eaf1fd; --blue-line:#c9dbf7;
  --yellow:#ffdb22; --yellow-l:#fff9db;
  --accent:#ef6c1f; --accent-h:#d95c12;
  --ink:#0f1720; --body:#333333; --muted:#888787; --line:#e8ebef; --bg:#f5f7fa;

  --g1:#1257d6; --g1-l:#c9dbf7; --g1-bg:#eaf1fd;
  --g2:#0e7f8f; --g2-l:#bde0e6; --g2-bg:#e8f5f7;
  --g3:#4a4fa8; --g3-l:#ccd0ee; --g3-bg:#eeeff9;
  --r-card:24px; --r-lg:32px; --r-pill:60px; --r-sm:12px;
  --sh:0 0 24px rgba(0,0,0,.08); --sh-h:0 8px 30px rgba(0,0,0,.13);
  --wrap:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic","Yu Gothic","YuGothic",Meiryo,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-feature-settings:"palt" 1;
  font-size:18px;color:var(--body);line-height:1.9;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{color:var(--ink)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.ph{background:#eef1f5;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#9aa3ad;font-size:14px;text-align:center;padding:8px;line-height:1.55}

img.case-ph,img.iss-ph,img.fl-ph,img.f2-ph,img.fc-ph,img.ab-ph,img.metric-ph,
img.hero-ph,img.fh-ph,img.about-vis,.art figure img{width:100%;height:auto;object-fit:cover}

.dia-full{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px 30px;margin:0 0 44px}
.dia-full img{width:100%;height:auto;display:block}
.dia-full figcaption{font-size:14.5px;color:var(--muted);margin-top:16px;line-height:1.7;text-align:center}
.art figure img{border-radius:var(--r-sm);aspect-ratio:16/9}
.ar{display:inline-block;transition:transform .22s}
.bl{color:var(--blue)}
.sp-br{display:none}

.btn{display:inline-flex;align-items:center;gap:16px;padding:16px 32px;border-radius:var(--r-pill);transition:all .22s;box-shadow:var(--sh);text-align:left}
.btn:hover{transform:translateY(-2px);box-shadow:var(--sh-h)}
.btn-tx{display:flex;flex-direction:column;line-height:1.4}
.btn-tx small{font-size:13.5px;font-weight:700;opacity:.9}
.btn-tx b{font-size:19.5px;font-weight:700;white-space:nowrap}
.btn-1{font-size:18px;font-weight:700}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{background:var(--accent-h)}
.btn-yellow{background:var(--yellow);color:var(--ink)}
.btn-yellow:hover{background:#f5cf13}
.btn-white{background:#fff;color:var(--navy)}
.btn-outline{background:#fff;color:var(--navy);border:1.5px solid var(--blue);box-shadow:none}
.btn-outline:hover{background:var(--blue-l);box-shadow:var(--sh)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);box-shadow:none}
.btn-ghost:hover{background:rgba(255,255,255,.12);box-shadow:none}
.btn:hover .ar{transform:translateX(4px)}
.cta-set{display:flex;gap:18px;flex-wrap:wrap;align-items:center}

.sec{padding:96px 0}
.sec-bg{background:var(--bg)}
.shead{margin-bottom:52px}

.sec-label{display:flex;align-items:center;gap:16px;font-size:38px;font-weight:700;color:var(--navy);line-height:1.35;letter-spacing:-.035em;margin-bottom:16px}
.sec-label::before{content:'';flex-shrink:0;width:7px;height:38px;border-radius:4px;background:var(--yellow)}
h2.sec-title{font-size:26px;font-weight:700;line-height:1.6;letter-spacing:-.02em;margin-bottom:20px;color:var(--ink)}
.lead{font-size:18px;color:var(--body);line-height:2;max-width:900px}
.lead+.lead{margin-top:16px}
h3.sub-ttl{font-size:25px;font-weight:700;line-height:1.6;margin-bottom:20px}
.sec-navy{background:var(--navy);color:#fff;border-radius:var(--r-lg)}
.sec-navy h2.sec-title,.sec-navy h3,.sec-navy h4{color:#fff}
.sec-navy .sec-label{color:#fff}
.sec-navy .lead{color:#ccd9ea}
.navy-wrap{padding:0 24px}

.hd{position:sticky;top:0;z-index:80;background:#fff;box-shadow:0 1px 12px rgba(0,0,0,.06)}
.hd-in{display:flex;align-items:center;height:80px;gap:12px;max-width:var(--wrap);margin:0 auto;padding:0 24px}
.hd-logo{font-size:27px;font-weight:700;color:var(--navy);letter-spacing:-.02em;margin-right:auto}
.hd-nav{display:flex;align-items:center;gap:26px}
.hd-nav a{font-size:16.5px;font-weight:700;color:var(--ink);transition:color .2s}
.hd-nav a:hover{color:var(--blue)}
.hd-nav a[aria-current]{color:var(--blue)}
.hd-cta{display:flex;gap:12px;margin-left:26px}
.hd-cta a{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:var(--r-pill);font-size:15.5px;font-weight:700;transition:all .2s;white-space:nowrap}
.hd-cta .c1{background:#fff;color:var(--navy);border:1.5px solid var(--blue)}
.hd-cta .c1:hover{background:var(--blue-l)}
.hd-cta .c2{background:var(--accent);color:#fff;box-shadow:var(--sh)}
.hd-cta .c2:hover{background:var(--accent-h);box-shadow:var(--sh-h)}
.burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:0;cursor:pointer;width:46px;height:46px;flex-shrink:0}
.burger span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;transition:transform .22s,opacity .18s}
.burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

body.dw-lock{overflow:hidden}
.dw-ov{position:fixed;inset:0;background:rgba(12,28,54,.5);z-index:70}
.dw{position:fixed;top:0;right:0;bottom:0;width:min(340px,86vw);background:#fff;z-index:71;padding:82px 22px 32px;overflow-y:auto;box-shadow:-6px 0 30px rgba(0,0,0,.16)}
.dw ul{list-style:none;display:grid;gap:2px;margin-bottom:26px}
.dw ul a{display:flex;align-items:center;justify-content:space-between;font-size:17.5px;font-weight:700;color:var(--ink);padding:15px 4px;border-bottom:1px solid var(--line)}
.dw ul a::after{content:'→';color:var(--blue);font-size:15px}
.dw-cta{display:grid;gap:11px}
.dw-cta a{display:flex;align-items:center;justify-content:center;height:56px;border-radius:var(--r-pill);font-size:16.5px;font-weight:700}
.dw-cta .d1{background:var(--accent);color:#fff}
.dw-cta .d2{background:var(--navy);color:#fff}
.dw-cta .d3{background:#fff;color:var(--navy);border:1.5px solid var(--blue)}

.sp-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:65;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);box-shadow:0 -2px 16px rgba(0,0,0,.12)}
.sp-cta a{flex:1;display:flex;align-items:center;justify-content:center;height:52px;border-radius:var(--r-pill);font-size:16px;font-weight:700}
.sp-cta .s1{background:#fff;color:var(--navy);border:1.5px solid var(--blue)}
.sp-cta .s2{background:var(--accent);color:#fff}

.bc{background:var(--bg);border-bottom:1px solid var(--line)}
.bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:9px;align-items:center;max-width:var(--wrap);margin:0 auto;padding:14px 24px;font-size:14px;color:var(--muted)}
.bc li{display:flex;align-items:center;gap:9px}
.bc li+li::before{content:'›';color:#bcc4cf}
.bc a:hover{color:var(--blue)}
.bc [aria-current]{color:var(--ink);font-weight:700}

.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;padding:92px 0 96px}

.hero-bg{position:absolute;inset:0;
  background:
    linear-gradient(102deg,rgba(16,37,70,.96) 0%,rgba(21,54,119,.92) 46%,rgba(33,74,131,.84) 76%,rgba(38,83,143,.78) 100%),
    url(hero-factory.jpg) center 45%/cover no-repeat,
    linear-gradient(112deg,#12294c 0%,#153677 52%,#26538f 100%)}
.hero-bg span{position:absolute;right:20px;bottom:16px;color:rgba(255,255,255,.24);font-size:12.5px}
.hero-o1{position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(255,255,255,.045);right:-90px;top:-190px}
.hero-o2{position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.035);right:280px;bottom:-210px}
.hero-in{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.24fr .76fr;gap:46px;align-items:center}
.hero-tag{display:inline-flex;align-items:center;background:rgba(255,219,34,.16);border:1px solid rgba(255,219,34,.5);color:var(--yellow);font-size:15px;font-weight:700;padding:9px 20px;border-radius:var(--r-pill);margin-bottom:26px}
.hero h1{font-size:43px;font-weight:700;line-height:1.42;letter-spacing:-.035em;margin-bottom:24px;color:#fff}
.hero h1 em{font-style:normal;color:var(--yellow)}
.hero .h-sub{font-size:20px;font-weight:500;line-height:1.8;color:#cfdcec}
.hero .cta-set{margin-top:40px}
.hero-ph{aspect-ratio:4/3;background:rgba(255,255,255,.07);color:rgba(255,255,255,.6);border-radius:var(--r-card)}

.fh{position:relative;background:linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 44%,var(--sky-3) 76%,#fff 100%);color:var(--body);overflow:hidden;padding:54px 0 74px}
.fh-o1{position:absolute;width:660px;height:660px;border-radius:50%;background:radial-gradient(circle,rgba(25,85,166,.14) 0%,rgba(25,85,166,0) 68%);right:-150px;top:-250px}
.fh-o2{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(255,219,34,.2) 0%,rgba(255,219,34,0) 66%);left:-240px;bottom:-270px}
.fh-in{position:relative;z-index:2}
.fh-grid{display:grid;grid-template-columns:1.24fr .76fr;gap:44px;align-items:center}
.fh-gp{display:inline-flex;align-items:center;gap:11px;font-size:14.5px;font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--blue-line);box-shadow:0 0 14px rgba(0,0,0,.05);border-radius:var(--r-pill);padding:9px 20px;margin-bottom:20px}
.fh-gp b{color:var(--blue);letter-spacing:.04em}
.fh-gp .sl{color:#c3ccd8}
.fh h1{margin-bottom:20px}
.fh h1 .nm{display:block;font-size:46px;font-weight:700;color:var(--navy);letter-spacing:-.04em;line-height:1.28;margin-bottom:16px}
.fh h1 .cp{display:block;font-size:25px;font-weight:700;color:var(--ink);line-height:1.55;letter-spacing:-.025em;padding-top:16px;border-top:1.5px solid var(--blue-line)}
.fh h1 .cp em{font-style:normal;color:var(--blue);font-size:34px;letter-spacing:-.04em}
.fh .h-sub{font-size:17px;line-height:1.95;color:var(--body)}
.fh .cta-set{margin-top:32px}
.fh-ph{aspect-ratio:4/3;background:#fff;box-shadow:var(--sh);color:#9aa3ad;border-radius:var(--r-card)}

.fh-prob{background:linear-gradient(180deg,var(--prob-1) 0%,var(--prob-2) 44%,var(--prob-3) 76%,#fff 100%)}
.fh-prob .fh-o1{background:radial-gradient(circle,rgba(193,57,42,.15) 0%,rgba(193,57,42,0) 68%)}
.fh-prob .fh-o2{background:radial-gradient(circle,rgba(193,57,42,.11) 0%,rgba(193,57,42,0) 66%)}
.fh-prob .fh-gp{border-color:#edcac4}
.fh-prob .fh-gp b{color:var(--prob)}

.bnr{position:relative;overflow:hidden;padding:44px 0 50px;
  background:
    linear-gradient(100deg,rgba(246,219,214,.97) 0%,rgba(251,233,230,.94) 46%,rgba(253,245,243,.68) 78%,rgba(255,252,251,.32) 100%),
    url(bnr-problem.jpg) center 62%/cover no-repeat,
    linear-gradient(104deg,#f6dbd6 0%,#fbe9e6 54%,#fdf5f3 100%)}
.bnr-o{position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(193,57,42,.11) 0%,rgba(193,57,42,0) 68%);right:-130px;top:-230px}
.bnr-note{position:absolute;right:20px;bottom:12px;font-size:12px;color:rgba(0,0,0,.26);z-index:1}
.bnr-in{position:relative;z-index:2;max-width:920px}
.bnr-tag{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--prob);background:#fff;border:1px solid #edcac4;box-shadow:0 0 12px rgba(0,0,0,.05);border-radius:var(--r-pill);padding:7px 18px;margin-bottom:18px}
.bnr-tag .sl{color:#dfb9b2}
.bnr h1{font-size:40px;font-weight:700;line-height:1.4;letter-spacing:-.04em;color:var(--navy);margin-bottom:16px}
.bnr .sub{font-size:18px;line-height:1.9;color:var(--body);max-width:790px}
.bnr .meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:13.5px;color:#96706a}

.bnr-blue{
  background:
    linear-gradient(100deg,rgba(202,220,242,.97) 0%,rgba(217,232,247,.94) 46%,rgba(233,242,251,.68) 78%,rgba(244,249,254,.32) 100%),
    url(bnr-problem.jpg) center 62%/cover no-repeat,
    linear-gradient(104deg,var(--sky-1) 0%,var(--sky-2) 54%,var(--sky-3) 100%)}
.bnr-blue .bnr-o{background:radial-gradient(circle,rgba(25,85,166,.12) 0%,rgba(25,85,166,0) 68%)}
.bnr-blue .bnr-tag{color:var(--blue);border-color:var(--blue-line)}

.concl{max-width:1010px;margin:0 auto;text-align:center}
.concl .st{font-size:21px;font-weight:700;line-height:1.95;color:var(--ink);max-width:880px;margin:0 auto 44px;letter-spacing:-.025em}
.concl .st strong{color:var(--blue)}
.concl-3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.cc{position:relative;background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);padding:28px 26px 30px}
.cc .lb{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;border-radius:var(--r-pill);padding:5px 17px;margin-bottom:15px;letter-spacing:.02em}
.cc.q .lb{background:#fbe6e3;color:var(--prob)}
.cc.a .lb{background:var(--blue-l);color:var(--blue)}
.cc.e .lb{background:#e1f2f4;color:#0b6e7c}
.cc p{font-size:16.5px;line-height:1.85;color:var(--ink);font-weight:500;text-align:left}
.cc p strong{color:var(--blue);font-weight:700}
.cc:not(:last-child)::after{content:'';position:absolute;right:-28px;top:50%;width:14px;height:14px;border-right:2.5px solid #c9d2de;border-bottom:2.5px solid #c9d2de;transform:translateY(-50%) rotate(-45deg)}

.art-wrap{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:78px;align-items:start}
.art-wrap .art{max-width:none;margin:0}
.side{position:sticky;top:104px;display:grid;gap:30px}
.side-mod .t{font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.08em;padding-bottom:10px;border-bottom:1.5px solid #cfd6e0}
.side-mod a{display:block;padding:15px 0 16px;border-bottom:1px solid #dfe4ea}
.side-mod a h4{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.55;letter-spacing:-.02em;margin-bottom:5px}
.side-mod a h4::after{content:'→';margin-left:auto;flex-shrink:0;color:#b9c2cf;font-size:13px;transition:all .18s}
.side-mod a p{font-size:13.5px;color:var(--muted);line-height:1.7}
.side-mod a:hover h4{color:var(--blue)}
.side-mod a:hover h4::after{color:var(--blue);transform:translateX(3px)}
.side-dl2{display:block;border:1px solid #dfe4ea;border-radius:12px;padding:15px 17px;background:#fff;transition:all .18s}
.side-dl2 small{display:block;font-size:12.5px;color:var(--muted);margin-bottom:5px}
.side-dl2 b{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--navy);letter-spacing:-.02em}
.side-dl2 b::after{content:'↓';margin-left:auto;color:var(--blue);font-size:13px}
.side-dl2:hover{border-color:var(--blue-line);background:#fbfcfe}

.feat2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.f2{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);overflow:hidden;transition:all .22s}
.f2:hover{box-shadow:var(--sh-h);transform:translateY(-3px)}
.f2-ph{aspect-ratio:16/9;border-radius:0}
.f2-b{padding:26px 30px 30px;display:flex;flex-direction:column;flex:1}
.f2 .lb{font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.08em;margin-bottom:12px}
.f2 h3{font-size:23px;font-weight:700;color:var(--navy);letter-spacing:-.03em;line-height:1.45;margin-bottom:14px}
.f2 p{font-size:16.5px;color:var(--body);line-height:1.9;flex:1;margin-bottom:20px}
.f2 .more{font-size:16px;font-weight:700;color:var(--accent)}
.f2:hover .ar{transform:translateX(4px)}

.smry{background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);overflow:hidden;max-width:920px}
.smry-r{display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;padding:22px 30px;border-bottom:1px solid var(--line)}
.smry-r:last-child{border-bottom:0}
.smry-r dt{font-size:15.5px;font-weight:700;display:flex;align-items:center;gap:9px;line-height:1.7}
.smry-r dt::before{content:'';flex-shrink:0;width:8px;height:8px;border-radius:50%}
.smry-r.q dt{color:var(--prob)} .smry-r.q dt::before{background:var(--prob)}
.smry-r.a dt{color:var(--blue)} .smry-r.a dt::before{background:var(--blue)}
.smry-r.e dt{color:#0e7f8f}     .smry-r.e dt::before{background:#0e7f8f}
.smry-r dd{font-size:17.5px;font-weight:700;color:var(--ink);line-height:1.8;letter-spacing:-.02em}

.art{max-width:840px;margin:0 auto}
.art>h2{font-size:29px;font-weight:700;line-height:1.5;letter-spacing:-.03em;color:var(--ink);margin:66px 0 24px;padding-bottom:14px;border-bottom:2px solid var(--navy)}
.art>h2:first-child{margin-top:0}
.art h3{font-size:21.5px;font-weight:700;line-height:1.6;letter-spacing:-.025em;color:var(--navy);margin:42px 0 14px;padding-left:15px;border-left:4px solid var(--blue)}
.art h3:first-of-type{margin-top:32px}
.art p{font-size:17.5px;line-height:2.05;margin-bottom:20px;color:var(--body)}
.art p:last-child{margin-bottom:0}
.art p strong{color:var(--ink);font-weight:700}
.art .lead-tx{font-size:18.5px;line-height:2;color:var(--ink);font-weight:500}
.art figure{margin:26px 0 30px}
.art figure .ph{aspect-ratio:16/9}
.art figcaption{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.7}
.art .quote{display:inline-block;background:var(--yellow-l);border-left:4px solid var(--yellow);border-radius:0 8px 8px 0;padding:11px 20px;font-size:18.5px;font-weight:700;color:var(--ink);margin:0 0 18px}
.art .alert{margin:32px 0}
.art .tblw{margin:28px 0 10px}

.art .tbl-std{font-size:15.5px}
.art .tbl-std th,.art .tbl-std td{padding:15px 17px}
.art .tbl-std thead th{font-size:14.5px}
.art .tbl-std tbody th{width:25%;font-size:15.5px}
.art .tbl-std td.c-bf{width:35%}
.art .tbl-std td.c-fx{width:40%;font-size:15.5px}
.art .inline-l{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--blue);border-bottom:1px solid var(--blue-line);padding-bottom:1px}
.art .inline-l:hover{border-color:var(--blue)}

.toc{background:#fff;border-radius:16px;box-shadow:var(--sh);padding:24px 30px 26px;margin-bottom:52px}
.toc .t{font-size:16.5px;font-weight:700;color:var(--ink);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.toc .t::before{content:'';flex-shrink:0;width:5px;height:17px;border-radius:3px;background:var(--navy)}
.toc ol{list-style:none;counter-reset:toc;display:grid;gap:10px}
.toc li{counter-increment:toc}
.toc a{display:flex;gap:12px;font-size:16.5px;font-weight:700;color:var(--body);line-height:1.6;transition:color .18s}
.toc a::before{content:counter(toc,decimal-leading-zero);color:var(--blue);flex-shrink:0}
.toc a:hover{color:var(--blue)}

.pos-sec{background:var(--bg);padding:44px 0;border-bottom:1px solid var(--line)}
.pos-hd{margin-bottom:24px}
.pos-hd h2{font-size:20px;font-weight:700;line-height:1.65;letter-spacing:-.02em;color:var(--ink)}
.pos-hd h2 b{color:var(--blue)}
.pos-hd p{font-size:15px;color:var(--muted);margin-top:6px}
.pos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pos-col{background:#fff;border-radius:16px;box-shadow:0 0 14px rgba(0,0,0,.05);overflow:hidden}
.pos-h{display:flex;align-items:baseline;gap:11px;padding:18px 20px 15px;font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.5;letter-spacing:-.02em;border-bottom:1px solid var(--line)}
.pos-h .n{flex-shrink:0;font-size:15px;font-weight:700;color:var(--gc);letter-spacing:.04em}
.pos ul{list-style:none;padding:8px 10px 12px;display:grid;gap:3px}
.pos li a,.pos li.on{display:flex;align-items:center;gap:9px;border-radius:9px;padding:11px 12px;font-size:14.5px;font-weight:700;line-height:1.5;letter-spacing:-.02em}
.pos li a{color:var(--body);transition:all .18s}
.pos li a:hover{background:#f4f7fb;color:var(--blue)}
.pos li a::after{content:'→';margin-left:auto;color:#c3ccd8;font-size:13px}
.pos li a:hover::after{color:var(--blue)}
.pos li.on{background:var(--gc-bg);color:var(--gc)}
.pos li.on span{margin-left:auto;flex-shrink:0;font-size:11.5px;font-weight:700;background:#fff;color:var(--gc);border-radius:5px;padding:3px 8px;letter-spacing:.02em}

.proof{background:#fff;padding:0}
.proof-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-46px;position:relative;z-index:3}
.proof-i{background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);padding:28px 22px;text-align:center}
.proof-i .n{font-size:44px;font-weight:700;color:var(--blue);line-height:1.1;letter-spacing:-.03em}
.proof-i .n small{font-size:20px;margin-left:2px}
.proof-i .n .fr{font-size:19px;color:var(--muted);text-decoration:line-through;text-decoration-color:#c9ced5;margin-right:6px;letter-spacing:0}
.proof-i .t{font-size:15px;color:var(--muted);margin-top:8px;line-height:1.6}

.about-vis{border-radius:var(--r-lg);aspect-ratio:16/6;margin-bottom:38px}
.about-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ab{background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column}
.ab-ph{aspect-ratio:16/9;border-radius:0}
.ab-b{padding:24px 26px 26px}
.ab-b .n{font-size:14px;font-weight:700;color:var(--blue);letter-spacing:.06em;margin-bottom:8px}
.ab-b h3{font-size:22px;font-weight:700;line-height:1.55;margin-bottom:12px;letter-spacing:-.02em}
.ab-b p{font-size:16.5px;color:var(--body);line-height:1.85}

.idx-band{background:var(--blue-l);border-radius:var(--r-lg);padding:36px 36px 40px;margin-bottom:64px}
.idx-ttl{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:20px}
.idx{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.idx a{display:flex;align-items:center;gap:13px;background:#fff;border-radius:14px;padding:17px 20px;box-shadow:0 0 14px rgba(0,0,0,.05);transition:all .2s;min-height:70px}
.idx a:hover{box-shadow:var(--sh-h);transform:translateY(-2px)}
.idx .ic{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#e3ecfa;display:flex;align-items:center;justify-content:center}
.idx .ic svg{width:21px;height:21px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.idx .nm{font-size:16.5px;font-weight:700;color:var(--navy);line-height:1.45;letter-spacing:-.025em}
.idx .ar{margin-left:auto;color:var(--blue);font-size:17px;flex-shrink:0}
.idx a[data-g="2"] .ic{background:#d9edf1}.idx a[data-g="2"] .ic svg{stroke:var(--g2)}.idx a[data-g="2"] .nm{color:#0b616e}.idx a[data-g="2"] .ar{color:var(--g2)}
.idx a[data-g="3"] .ic{background:#e2e4f4}.idx a[data-g="3"] .ic svg{stroke:var(--g3)}.idx a[data-g="3"] .nm{color:#3b3f88}.idx a[data-g="3"] .ar{color:var(--g3)}
.idx-lgd{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;font-size:15px;color:#5b6b82}
.idx-lgd span{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.idx-lgd i{width:11px;height:11px;border-radius:50%;display:inline-block}

.gp{display:grid;grid-template-columns:300px minmax(0,1fr);gap:46px;padding:52px 0;border-top:1px solid var(--line)}
.gp:last-of-type{border-bottom:1px solid var(--line)}
.gp-l{position:sticky;top:112px;align-self:start}
.gp-num{font-size:68px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.8px var(--gc-l);letter-spacing:.02em;margin-bottom:12px}
.gp-l h3{font-size:27px;font-weight:700;color:var(--gc);line-height:1.45;letter-spacing:-.03em;padding-bottom:16px;border-bottom:1.5px solid var(--gc-l);margin-bottom:16px}
.gp-l p{font-size:15.5px;color:var(--muted);line-height:1.8}
.gp-l .cnt{display:inline-block;margin-top:16px;font-size:15px;font-weight:700;color:var(--gc);background:var(--gc-bg);padding:6px 16px;border-radius:var(--r-pill)}
.fg2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.fc{position:relative;border-radius:var(--r-card);overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:var(--sh);transition:box-shadow .22s,transform .22s}
.fc::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--gc);z-index:2}
.fc:hover{box-shadow:var(--sh-h);transform:translateY(-4px)}
.fc-ph{aspect-ratio:16/9;border-radius:0}
.fc-b{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.fc h4{font-size:21px;font-weight:700;line-height:1.45;margin-bottom:11px;letter-spacing:-.025em}
.fc p{font-size:16px;color:var(--body);line-height:1.8;margin-bottom:16px;flex:1}
.fc .more{font-size:15.5px;font-weight:700;color:var(--accent)}
.fc:hover .ar{transform:translateX(4px)}

.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{border-radius:var(--r-card);padding:32px;background:#fff;box-shadow:var(--sh)}
.card h3{font-size:20.5px;font-weight:700;margin-bottom:12px;line-height:1.55;letter-spacing:-.02em}
.card p{font-size:16.5px;color:var(--body);line-height:1.9}
.card .no{display:block;font-size:46px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--blue-line);margin-bottom:14px}
.sec-navy .card{background:rgba(255,255,255,.07);box-shadow:none}
.sec-navy .card p{color:#ccd9ea}
.sec-navy .card .no{-webkit-text-stroke-color:rgba(255,219,34,.6)}

.chk{list-style:none;display:grid;gap:14px;margin-top:8px}
.chk li{display:flex;gap:14px;align-items:flex-start;font-size:18px;font-weight:700;color:var(--ink);line-height:1.65}
.chk li::before{content:'✓';flex-shrink:0;width:26px;height:26px;margin-top:3px;border-radius:7px;background:var(--blue);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}
.chk-w li{color:#fff}
.chk-w li::before{background:var(--yellow);color:var(--navy)}

.iss-wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:start}
.iss-wrap .iss{grid-template-columns:1fr}
.iss-ph{aspect-ratio:16/9;border-radius:var(--r-card)}
.iss{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.iss li{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);padding:24px 28px;font-size:17.5px;font-weight:700;color:var(--ink);line-height:1.7;letter-spacing:-.015em}
.iss li::before{content:'!';flex-shrink:0;width:28px;height:28px;margin-top:3px;border-radius:50%;background:#fdf0e6;color:var(--accent);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}
.link-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.link-row a{display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--blue-line);border-radius:var(--r-pill);padding:12px 24px;font-size:16px;font-weight:700;color:var(--navy);background:#fff;transition:all .2s}
.link-row a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.link-row a:hover .ar{color:#fff}
.link-row .lbl{color:var(--muted);font-size:15px;font-weight:700;align-self:center;margin-right:2px}

.solve{display:grid;grid-template-columns:1.32fr 1fr;gap:22px;align-items:stretch}
.solve-main{position:relative;background:var(--navy);color:#fff;border-radius:var(--r-card);padding:32px 34px 34px;display:flex;flex-direction:column;box-shadow:var(--sh);overflow:hidden}
.solve-main .o{position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.05);right:-130px;top:-150px}
.solve-main>*{position:relative;z-index:2}
.solve-main .tag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:13.5px;font-weight:700;color:var(--navy);background:var(--yellow);border-radius:var(--r-pill);padding:5px 15px;margin-bottom:18px;letter-spacing:.02em}
.solve-main .ic{width:54px;height:54px;border-radius:15px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.solve-main .ic svg{width:29px;height:29px;fill:none;stroke:var(--yellow);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.solve-main h3{color:#fff;font-size:27px;font-weight:700;line-height:1.45;letter-spacing:-.03em;margin-bottom:14px}
.solve-main p{font-size:16.5px;color:#ccd9ea;line-height:1.9;margin-bottom:26px}
.solve-main .btn{align-self:flex-start;margin-top:auto}
.solve-sub{display:grid;gap:22px;align-content:stretch}
.solve-sub a{background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);padding:24px 26px;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-content:center;transition:all .22s}
.solve-sub a:hover{box-shadow:var(--sh-h);transform:translateY(-3px)}
.solve-sub .ic{grid-row:1/3;width:44px;height:44px;border-radius:12px;background:var(--blue-l);display:flex;align-items:center;justify-content:center;align-self:start}
.solve-sub .ic svg{width:24px;height:24px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.solve-sub h4{font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.45}
.solve-sub p{font-size:15px;color:var(--body);line-height:1.75}
.solve-sub .more{grid-column:2;font-size:14.5px;font-weight:700;color:var(--accent);margin-top:8px}
.solve-sub a:hover .ar{transform:translateX(4px)}

.alert{background:#fdf6ef;border-left:4px solid var(--accent);border-radius:0 16px 16px 0;padding:24px 30px;margin-top:30px}
.alert h4{font-size:18px;font-weight:700;color:var(--accent-h);margin-bottom:9px;letter-spacing:-.02em}
.alert p{font-size:16.5px;color:var(--body);line-height:1.9}

.merit{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mr{background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);padding:30px 28px 32px;display:flex;flex-direction:column}
.mr .n{font-size:14px;font-weight:700;color:var(--blue);letter-spacing:.06em;margin-bottom:10px}
.mr h3{font-size:21px;font-weight:700;line-height:1.55;letter-spacing:-.025em;margin-bottom:14px}
.mr p{font-size:16px;color:var(--body);line-height:1.9;flex:1}
.mr .fig{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.mr .fig .fr{font-size:18px;color:var(--muted);text-decoration:line-through;text-decoration-color:#c9ced5}
.mr .fig .to{font-size:46px;font-weight:700;color:var(--blue);line-height:1;letter-spacing:-.035em}

.flow{display:grid}
.fl{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);padding-bottom:26px}
.fl:last-child{padding-bottom:0}

.fl::before{content:'';position:absolute;left:25px;top:60px;bottom:0;width:2px;background:var(--blue-line)}
.fl:last-child::before{display:none}
.fl-num{width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:-.02em;position:relative;z-index:2;box-shadow:0 0 0 6px #fff}
.fl-card{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);padding:30px 32px}
.fl-lb{display:block;font-size:13.5px;font-weight:700;color:var(--blue);letter-spacing:.06em;margin-bottom:8px}
.fl h3{font-size:23px;font-weight:700;line-height:1.55;letter-spacing:-.025em;margin-bottom:13px}
.fl p{font-size:16.5px;color:var(--body);line-height:1.9}
.fl-ph{aspect-ratio:16/9;border-radius:var(--r-sm)}
.fl .quote{display:inline-block;background:var(--yellow-l);border-left:4px solid var(--yellow);border-radius:0 8px 8px 0;padding:10px 18px;font-size:18px;font-weight:700;color:var(--ink);margin-bottom:14px}

.brk-ttl{font-size:17px;font-weight:700;color:var(--ink);margin:44px 0 16px;display:flex;align-items:center;gap:12px}
.brk-ttl::after{content:'';flex:1;height:1px;background:var(--line)}
.brk{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.brk-i{background:#fff;border-radius:16px;box-shadow:0 0 14px rgba(0,0,0,.05);padding:20px 22px 22px}
.brk-i .lb{font-size:14.5px;font-weight:700;color:var(--muted);margin-bottom:8px}
.brk-i .vl{display:flex;align-items:baseline;gap:10px}
.brk-i .vl .fr{font-size:17px;color:var(--muted);text-decoration:line-through;text-decoration-color:#c9ced5}
.brk-i .vl .sp{color:#c3ccd8;font-size:14px}
.brk-i .vl .to{font-size:29px;font-weight:700;color:var(--blue);line-height:1;letter-spacing:-.03em}

.demo{background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);overflow:hidden;max-width:720px}
.demo-hd{background:var(--navy);color:#fff;font-size:14px;font-weight:700;padding:13px 24px;display:flex;align-items:center;gap:10px}
.demo-hd::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--yellow)}
.demo-b{padding:26px 26px 28px;display:grid;gap:18px}
.bub-u{justify-self:end;max-width:80%;background:var(--blue);color:#fff;font-size:17.5px;font-weight:700;padding:14px 22px;border-radius:20px 20px 6px 20px;line-height:1.6}
.bub-a{background:var(--bg);border-radius:6px 20px 20px 20px;padding:20px 22px}
.bub-a .t{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:14px}
.cand{list-style:none;display:grid;gap:10px}
.cand li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;background:#fff;border-radius:12px;padding:13px 16px;box-shadow:0 0 12px rgba(0,0,0,.05)}
.cand .no{grid-row:1/3;width:24px;height:24px;border-radius:50%;background:var(--blue-l);color:var(--blue);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;align-self:center}
.cand b{font-size:16.5px;font-weight:700;color:var(--ink);line-height:1.5}
.cand span{font-size:15px;color:var(--muted);line-height:1.6}
.src{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:15px;border-top:1px dashed #d5dbe3;font-size:14.5px;color:var(--body);flex-wrap:wrap}
.src .tag{font-size:12.5px;font-weight:700;color:#fff;background:var(--blue);border-radius:5px;padding:3px 9px;letter-spacing:.03em}
.demo-note{font-size:14px;color:var(--muted);margin-top:14px}

.xlink{display:flex;align-items:center;gap:22px;background:var(--blue-l);border-radius:var(--r-card);padding:26px 30px;transition:all .2s}
.xlink:hover{background:#dbe8fb}
.xlink .ic{flex-shrink:0;width:52px;height:52px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(0,0,0,.06)}
.xlink .ic svg{width:27px;height:27px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.xlink h4{font-size:19.5px;font-weight:700;color:var(--navy);letter-spacing:-.02em;margin-bottom:5px}
.xlink p{font-size:15.5px;color:var(--body);line-height:1.7}
.xlink .ar{margin-left:auto;color:var(--blue);font-size:22px;flex-shrink:0}
.xlink:hover .ar{transform:translateX(4px)}

.vs{display:flex;align-items:flex-end;gap:44px}
.vs .it{text-align:left}
.vs .it .lb{font-size:15px;color:#a8bbd4;margin-bottom:6px}
.vs .it .vl{font-size:38px;font-weight:700;color:#8fa6c4;line-height:1;letter-spacing:-.03em}
.vs .it .vl small{font-size:19px}
.vs .it.win .lb{color:var(--yellow);font-weight:700}
.vs .it.win .vl{font-size:60px;color:var(--yellow);letter-spacing:-.04em}
.vs .it.win .vl small{font-size:26px}

.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rel a{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);padding:28px 26px 26px;transition:all .22s}
.rel a:hover{box-shadow:var(--sh-h);transform:translateY(-4px)}
.rel .ic{width:48px;height:48px;border-radius:13px;background:var(--blue-l);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.rel .ic svg{width:26px;height:26px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rel h3{font-size:20px;font-weight:700;line-height:1.5;letter-spacing:-.025em;margin-bottom:10px}
.rel p{font-size:15.5px;color:var(--body);line-height:1.8;flex:1;margin-bottom:16px}
.rel .more{font-size:15px;font-weight:700;color:var(--accent)}
.rel a:hover .ar{transform:translateX(4px)}

.faq{display:grid;gap:14px}
.faq details{background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);overflow:hidden}
.faq summary{list-style:none;cursor:pointer;display:flex;gap:16px;align-items:flex-start;padding:24px 28px;font-size:18.5px;font-weight:700;color:var(--ink);line-height:1.6;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:'Q';flex-shrink:0;width:30px;height:30px;border-radius:9px;background:var(--blue);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}
.faq summary .mk{margin-left:auto;flex-shrink:0;width:12px;height:12px;border-right:2.2px solid var(--blue);border-bottom:2.2px solid var(--blue);transform:rotate(45deg);margin-top:9px;transition:transform .22s}
.faq details[open] summary .mk{transform:rotate(-135deg);margin-top:13px}
.faq .a{padding:0 28px 26px 74px;font-size:16.5px;line-height:1.95;color:var(--body)}
.faq .a strong{color:var(--navy)}

.tbl-std{width:100%;border-collapse:collapse;font-size:16.5px;background:#fff}
.tbl-std th,.tbl-std td{padding:18px 22px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.tbl-std th:last-child,.tbl-std td:last-child{border-right:0}
.tbl-std thead th{background:#eef1f6;color:var(--ink);font-size:15.5px;font-weight:700;border-bottom:2px solid #d5dce6;white-space:nowrap}
.tbl-std thead th.h-fx{background:var(--navy);color:#fff;border-right-color:rgba(255,255,255,.2)}
.tbl-std thead th.h-fx .bd{display:inline-flex;align-items:center;gap:7px}
.tbl-std thead th.h-fx .bd::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--yellow)}
.tbl-std tbody th{background:#f7f9fc;color:var(--ink);font-weight:700;font-size:16px;width:19%}
.tbl-std td.c-bf{color:var(--body);width:39%}
.tbl-std td.c-fx{background:var(--blue-l);color:var(--navy);font-weight:700;width:42%;border-right-color:#d3e2f8}
.tbl-std tbody tr:last-child th,.tbl-std tbody tr:last-child td{border-bottom:0}

.tbl-std .ct{display:flex;align-items:baseline;justify-content:space-between;gap:18px;line-height:1.65}
.tbl-std .c-bf .ct b{color:var(--ink);font-size:17px;font-weight:700;white-space:nowrap}
.tbl-std .c-fx .ct b{color:var(--blue);font-size:19px;font-weight:700;white-space:nowrap;letter-spacing:-.02em}

.tbl-std tr.total th{background:var(--navy);color:#fff;font-size:17.5px;border-bottom:0}
.tbl-std tr.total td{border-bottom:0;padding-top:20px;padding-bottom:20px}
.tbl-std tr.total td.c-bf{background:#e7eaef}
.tbl-std tr.total td.c-bf .ct b{font-size:22px;color:#7b8698;text-decoration:line-through;text-decoration-color:#b6bfcb}
.tbl-std tr.total td.c-fx{background:#d6e6fb}
.tbl-std tr.total td.c-fx .ct b{font-size:30px}
.tbl-std tr.total .cut{display:inline-block;margin-left:12px;font-size:14px;font-weight:700;color:var(--accent);background:#fdf0e6;padding:4px 12px;border-radius:var(--r-pill);vertical-align:middle}

.tblw{border-radius:var(--r-card);overflow:hidden;box-shadow:var(--sh);background:#fff}
.tbl{width:100%;border-collapse:collapse;font-size:16.5px}
.tbl th,.tbl td{padding:19px 22px;text-align:left;vertical-align:middle;color:var(--body);border-bottom:1px solid var(--line)}
.tbl td:first-child{color:var(--ink);font-weight:700}
.tbl thead th{background:var(--navy);color:#fff;font-weight:700;font-size:17px;border-bottom:0}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl td.hl{background:var(--blue-l);color:var(--navy);font-weight:500}

.tbl-cmp thead th{background:#fff;color:var(--muted);font-size:15px;font-weight:700;letter-spacing:.02em;border-bottom:1px solid var(--line);padding-bottom:14px}
.tbl-cmp thead th.h-af{color:var(--blue)}
.tbl-cmp tbody tr:nth-child(odd) td{background:#fbfcfe}
.tbl-cmp tbody tr:nth-child(odd) td.af{background:#e4eefc}
.tbl-cmp td.it{width:19%;color:var(--ink);font-weight:700;font-size:16.5px;border-left:4px solid var(--blue-line)}
.tbl-cmp td.bf{width:36%;color:#7b8698;font-size:16px;line-height:1.75}
.tbl-cmp td.mid{width:6%;text-align:center;color:var(--blue);font-size:21px;font-weight:700}
.tbl-cmp td.af{width:39%;background:var(--blue-l);color:var(--navy);font-weight:700;font-size:16.5px;line-height:1.75}
.tbl-cmp td.af::before{content:'✓ ';color:var(--blue);font-weight:700}

.tbl-cmp tbody tr.total td,.tbl-cmp tbody tr.total:nth-child(odd) td{background:var(--navy);color:#fff;border-bottom:0;padding-top:22px;padding-bottom:22px}
.tbl-cmp tr.total td.it{color:#fff;border-left:4px solid var(--yellow);font-size:18px}
.tbl-cmp tr.total td.bf{color:#a8bbd4;font-size:20px;font-weight:700;text-decoration:line-through;text-decoration-color:#5e769b}
.tbl-cmp tr.total td.mid{color:var(--yellow)}
.tbl-cmp tbody tr.total td.af,.tbl-cmp tbody tr.total:nth-child(odd) td.af{background:var(--navy);color:var(--yellow);font-size:26px;letter-spacing:-.02em}
.tbl-cmp tr.total td.af::before{content:none}
.tbl-cmp tr.total td.af em{font-style:normal;font-size:15px;color:#cfdcec;margin-left:12px;font-weight:700}
.note{font-size:14.5px;color:var(--muted);margin-top:18px;line-height:1.8}

.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.metric{background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column}
.metric-ph{aspect-ratio:16/9;border-radius:0}
.metric-b{padding:26px 28px 30px}
.metric .lbl{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:16px;line-height:1.6}
.metric .row{display:flex;align-items:baseline;gap:14px}
.metric .from{font-size:18px;color:var(--muted);text-decoration:line-through;text-decoration-color:#c9ced5}
.metric .to{font-size:52px;font-weight:700;color:var(--blue);line-height:1;letter-spacing:-.035em}
.metric .cut{display:inline-block;margin-top:16px;font-size:15px;font-weight:700;color:var(--accent);background:#fdf0e6;padding:5px 14px;border-radius:var(--r-pill)}

.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.stp{background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);padding:26px 22px}
.stp .n{font-size:38px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.6px var(--blue-line);margin-bottom:12px}
.stp h4{font-size:18.5px;font-weight:700;margin-bottom:8px;line-height:1.5;letter-spacing:-.02em}
.stp p{font-size:15.5px;color:var(--body);line-height:1.75}

.case{border-radius:var(--r-card);overflow:hidden;background:#fff;box-shadow:var(--sh);transition:box-shadow .22s,transform .22s;display:block}
.case:hover{box-shadow:var(--sh-h);transform:translateY(-4px)}
.case-ph{aspect-ratio:16/9;border-radius:0}
.case-b{padding:24px 26px 26px}
.case-tag{display:inline-block;font-size:14px;font-weight:700;padding:6px 15px;border-radius:var(--r-pill);margin-bottom:14px;border:1px solid var(--blue-line);color:var(--blue)}
.case-b h3{font-size:21.5px;font-weight:700;line-height:1.55;margin-bottom:14px;letter-spacing:-.025em}
.case-b .ba{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:15.5px;color:var(--muted);padding-top:14px;border-top:1px solid var(--line);margin-bottom:12px}
.case-b .ba b{font-size:30px;font-weight:700;color:var(--blue);letter-spacing:-.02em}

.case-b .ba.ba-t b{font-size:17px;line-height:1.5;letter-spacing:-.025em}
.case-b p{font-size:15.5px;color:var(--muted);line-height:1.75}

.pb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.pb-col{background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column}

.pb-hd{padding:24px 26px 20px;border-bottom:1px solid var(--line)}
.pb-hd .n{font-size:13.5px;font-weight:700;color:var(--gc);letter-spacing:.08em;margin-bottom:6px}
.pb-hd h3{font-size:22px;font-weight:700;color:var(--ink);line-height:1.5;letter-spacing:-.03em}
.pb-hd p{font-size:15px;color:var(--muted);line-height:1.7;margin-top:8px}
.pb-list{list-style:none;padding:0 18px 22px;display:grid;gap:10px}
.pb-list a{display:flex;align-items:center;gap:10px;background:var(--gc-bg);border-radius:12px;padding:15px 17px;font-size:16.5px;font-weight:700;color:var(--ink);line-height:1.5;letter-spacing:-.015em;transition:all .2s}
.pb-list a:hover{background:var(--gc);color:#fff}
.pb-list a .ar{margin-left:auto;color:var(--gc);flex-shrink:0}
.pb-list a:hover .ar{color:#fff}

.pb-list .soon{display:flex;align-items:center;gap:10px;border-radius:12px;padding:15px 17px;font-size:16.5px;font-weight:700;color:#9aa4b2;background:#f4f6f9;line-height:1.5;letter-spacing:-.015em}
.pb-list .soon em{margin-left:auto;flex-shrink:0;font-style:normal;font-size:11.5px;font-weight:700;background:#e5e9ef;color:#7b8698;border-radius:5px;padding:3px 8px;letter-spacing:.02em}

.pb-col .cnt2{display:inline-block;margin-top:9px;font-size:13px;font-weight:700;color:var(--gc);background:var(--gc-bg);padding:4px 13px;border-radius:var(--r-pill)}

.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.price{border-radius:var(--r-card);padding:30px 26px;background:#fff;box-shadow:var(--sh)}
.price .no{display:block;font-size:40px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.6px var(--blue-line);margin-bottom:14px}
.price h3{font-size:18.5px;font-weight:700;margin-bottom:12px;line-height:1.5;letter-spacing:-.02em}
.price p{font-size:15.5px;color:var(--body);line-height:1.8}

.band{position:relative;background:var(--navy);color:#fff;padding:82px 0;overflow:hidden;border-radius:var(--r-lg);text-align:center}
.band-o1{position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.05);left:-160px;top:-160px}
.band-o2{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.04);right:-120px;bottom:-170px}
.band-in{position:relative;z-index:2}
.band h2{font-size:36px;font-weight:700;line-height:1.5;color:#fff;margin-bottom:18px;letter-spacing:-.035em}
.band p{font-size:18px;color:#ccd9ea;margin-bottom:34px;line-height:1.9}
.band .cta-set{justify-content:center}
.band .sub-l{display:inline-block;margin-top:26px;font-size:15.5px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px}
.band .sub-l:hover{color:var(--yellow);border-color:var(--yellow)}

.fcta{position:relative;padding:104px 0;color:#fff;overflow:hidden}

.fcta-bg{position:absolute;inset:0;
  background:
    linear-gradient(112deg,rgba(12,28,54,.95) 0%,rgba(21,54,119,.90) 58%,rgba(38,83,143,.85) 100%),
    url(bnr-problem.jpg) center 58%/cover no-repeat,
    linear-gradient(112deg,#0c1c36 0%,#153677 58%,#26538f 100%)}
.fcta-bg span{position:absolute;right:20px;bottom:16px;color:rgba(255,255,255,.22);font-size:12.5px}
.fcta-in{position:relative;z-index:2;text-align:center}
.fcta h2{font-size:38px;font-weight:700;line-height:1.48;margin-bottom:22px;letter-spacing:-.035em;color:#fff}
.fcta p{font-size:18px;color:#ccd9ea;max-width:860px;margin:0 auto 38px;line-height:2}
.fcta .cta-set{justify-content:center}
.fcta .fine{font-size:14.5px;color:#8fa2bd;max-width:940px;margin:44px auto 0;line-height:1.9;text-align:left}

.ft{background:#fff;color:var(--body);padding:72px 0 32px;border-top:1px solid var(--line)}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;margin-bottom:48px}
.ft-logo{font-size:26px;font-weight:700;color:var(--navy);margin-bottom:16px}
.ft h4{font-size:16.5px;font-weight:700;color:var(--ink);margin-bottom:18px}
.ft ul{list-style:none;display:grid;gap:13px}
.ft a{font-size:15.5px;color:var(--body)}
.ft a:hover{color:var(--blue)}
.ft-cert{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ft-cert span{font-size:14px;border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 16px;color:var(--muted)}
.ft-btm{border-top:1px solid var(--line);padding-top:26px;font-size:14.5px;color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media(max-width:1080px){
  :root{--wrap:100%}
  .art-wrap{grid-template-columns:minmax(0,1fr) 268px;gap:36px}
  .concl-3{gap:30px}
  .cc:not(:last-child)::after{right:-22px}
  .idx{grid-template-columns:repeat(2,1fr)}
  .gp{grid-template-columns:230px minmax(0,1fr);gap:32px}
  .gp-l h3{font-size:23px}
  .gp-num{font-size:56px}
  .steps{grid-template-columns:repeat(3,1fr)}
  .price-grid{grid-template-columns:1fr 1fr}
  .fh h1 .cp{font-size:34px}
  .fl{gap:26px;padding:28px 28px}
  .fl h3{font-size:21px}
}

@media(max-width:980px){
  .hd-nav,.hd-cta{display:none}
  .burger{display:flex;margin-left:auto}
  .hd-in{height:64px;padding:0 16px}
  .hd-logo{font-size:24px;margin-right:0}
  .wrap{padding:0 20px}
  .navy-wrap{padding:0 12px}
  .sp-cta{display:flex}
  body{font-size:16.5px;line-height:1.85;padding-bottom:76px}

  .bc ol{padding:11px 20px;font-size:13px;gap:7px}
  .bc li{gap:7px}

  .hero{padding:44px 0 56px}
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-tag{font-size:13.5px;padding:7px 16px;margin-bottom:20px}
  .hero h1{font-size:30px;line-height:1.45;letter-spacing:-.03em}
  .sp-br{display:inline}
  .hero .h-sub{font-size:16.5px}
  .hero .cta-set{margin-top:28px}
  .hero-ph{aspect-ratio:4/3}
  .hero-o1{width:340px;height:340px;right:-120px;top:-140px}
  .hero-o2{display:none}

  .fh{padding:30px 0 48px}
  .fh-grid{grid-template-columns:1fr;gap:26px}
  .fh-gp{font-size:12.5px;padding:7px 15px;margin-bottom:16px;gap:8px}
  .fh h1 .nm{font-size:31px;margin-bottom:13px;line-height:1.35}
  .fh h1 .cp{font-size:19px;line-height:1.6;padding-top:13px}
  .fh h1 .cp em{font-size:25px}
  .fh .h-sub{font-size:15.5px}
  .fh .cta-set{margin-top:24px}
  .fh-ph{aspect-ratio:16/11}
  .fh-o1{width:340px;height:340px;right:-130px;top:-160px}
  .fh-o2{display:none}

  .pos-sec{padding:30px 0}
  .pos-hd{margin-bottom:18px}
  .pos-hd h2{font-size:17px;line-height:1.7}
  .pos-hd p{font-size:14px}
  .pos{grid-template-columns:1fr;gap:12px}
  .pos-h{font-size:14.5px;padding:13px 16px 11px}
  .pos li a,.pos li.on{font-size:14.5px;padding:12px 13px}

  .iss-wrap{grid-template-columns:1fr;gap:24px}
  .iss-ph{aspect-ratio:16/10;order:-1}

  .bnr{padding:26px 0 34px}
  .bnr-tag{font-size:12.5px;padding:6px 15px;margin-bottom:14px;gap:8px}
  .bnr h1{font-size:27px;line-height:1.45;margin-bottom:13px}
  .bnr .sub{font-size:16px;line-height:1.85}
  .bnr-o{width:320px;height:320px;right:-120px;top:-160px}
  .bnr-note{display:none}

  .concl .st{font-size:17.5px;line-height:1.9;margin-bottom:26px;text-align:left}

  .feat2{grid-template-columns:1fr;gap:16px}
  .f2-b{padding:22px 20px 24px}
  .f2 h3{font-size:20px}
  .f2 p{font-size:15.5px;margin-bottom:16px}
  .concl-3{grid-template-columns:1fr;gap:14px}
  .cc{padding:20px 20px 22px}
  .cc p{font-size:15.5px;line-height:1.8}
  .cc:not(:last-child)::after{display:none}

  .art-wrap{grid-template-columns:1fr;gap:0}
  .side{display:none}

  .smry-r{grid-template-columns:1fr;gap:6px;padding:18px 20px}
  .smry-r dt{font-size:14px}
  .smry-r dd{font-size:16.5px;line-height:1.85}

  .art>h2{font-size:22px;margin:48px 0 20px;padding-bottom:12px}
  .art h3{font-size:19px;margin:32px 0 12px;padding-left:13px;border-left-width:3px}
  .art h3:first-of-type{margin-top:26px}
  .art p{font-size:16.5px;line-height:1.98;margin-bottom:18px}
  .art .lead-tx{font-size:17px}
  .art .quote{font-size:17px;padding:10px 16px}
  .art figure{margin:20px 0 24px}
  .toc{padding:20px 20px 22px;margin-bottom:38px}
  .toc .t{font-size:15.5px}
  .toc a{font-size:15.5px}

  .solve{grid-template-columns:1fr;gap:16px}
  .solve-main{padding:24px 22px 26px}
  .solve-main .ic{width:46px;height:46px;border-radius:13px;margin-bottom:14px}
  .solve-main .ic svg{width:25px;height:25px}
  .solve-main h3{font-size:22px}
  .solve-main p{font-size:15.5px;margin-bottom:20px}
  .solve-main .btn{align-self:stretch;justify-content:space-between}
  .solve-sub{gap:16px}
  .solve-sub a{padding:20px 20px;gap:5px 14px}
  .solve-sub .ic{width:40px;height:40px}
  .solve-sub h4{font-size:17.5px}
  .solve-sub p{font-size:14.5px}

  .alert{padding:20px 22px;margin-top:22px}
  .alert h4{font-size:16.5px}
  .alert p{font-size:15.5px}

  .tbl-std{font-size:15.5px}
  .tbl-std th,.tbl-std td{padding:14px 15px}
  .tbl-std .ct{gap:12px}
  .tbl-std .c-fx .ct b{font-size:17px}

  .proof-in{grid-template-columns:1fr 1fr;gap:12px;margin-top:-28px}
  .proof-i{padding:20px 12px}
  .proof-i .n{font-size:34px}
  .proof-i .n small{font-size:15px}
  .proof-i .n .fr{font-size:15px;margin-right:4px}
  .proof-i .t{font-size:13px;margin-top:5px}

  .sec{padding:56px 0}
  .shead{margin-bottom:30px}
  .sec-label{font-size:27px;gap:11px;line-height:1.4}
  .sec-label::before{width:6px;height:28px}
  h2.sec-title{font-size:20.5px;line-height:1.65;margin-bottom:16px}
  .lead{font-size:16px;line-height:1.95}
  h3.sub-ttl{font-size:21px}

  .about-vis{aspect-ratio:16/9;border-radius:var(--r-card);margin-bottom:26px}
  .about-3{grid-template-columns:1fr;gap:16px}
  .ab-b{padding:20px 20px 22px}
  .ab-b h3{font-size:19.5px}
  .ab-b p{font-size:15.5px}

  .idx-band{padding:22px 16px 24px;border-radius:var(--r-card);margin-bottom:36px}
  .idx-ttl{font-size:16.5px;margin-bottom:16px}
  .idx{grid-template-columns:1fr;gap:10px}
  .idx a{padding:14px 16px;min-height:62px;border-radius:12px}
  .idx .nm{font-size:16px}
  .idx .ic{width:32px;height:32px}
  .idx .ic svg{width:19px;height:19px}
  .idx-lgd{flex-direction:column;gap:9px;font-size:13.5px;margin-top:18px}

  .gp{grid-template-columns:1fr;gap:20px;padding:32px 0}
  .gp-l{position:static;display:grid;grid-template-columns:auto 1fr;gap:0 16px;align-items:start}
  .gp-num{font-size:46px;grid-row:1/3;margin-bottom:0;-webkit-text-stroke-width:1.6px}
  .gp-l h3{font-size:22px;padding-bottom:12px;margin-bottom:12px}
  .gp-l p{grid-column:2;font-size:14.5px}
  .gp-l .cnt{grid-column:2;margin-top:12px}
  .fg2{grid-template-columns:1fr;gap:16px}
  .fc h4{font-size:19.5px}
  .fc p{font-size:15.5px}
  .fc-b{padding:20px 20px 22px}

  .cols-2,.cols-3,.metrics,.pb-grid,.merit,.rel,.iss{grid-template-columns:1fr;gap:16px}
  .card{padding:24px 22px}
  .card h3{font-size:19.5px}
  .card p{font-size:15.5px}
  .card .no{font-size:40px;margin-bottom:10px}
  .chk li{font-size:16.5px}

  .iss li{padding:18px 20px;font-size:16.5px;gap:13px}
  .iss li::before{width:25px;height:25px;font-size:15px}
  .link-row{flex-direction:column;align-items:stretch;margin-top:22px}
  .link-row a{justify-content:space-between;font-size:15.5px;padding:14px 20px}
  .link-row .lbl{margin-bottom:2px}

  .mr{padding:24px 22px 26px}
  .mr h3{font-size:19.5px}
  .mr p{font-size:15.5px}
  .mr .fig .to{font-size:40px}

  .fl{grid-template-columns:54px minmax(0,1fr);padding-bottom:18px}
  .fl::before{left:20px;top:50px}
  .fl-num{width:42px;height:42px;font-size:18px;box-shadow:0 0 0 5px #fff}
  .fl-card{grid-template-columns:1fr;gap:18px;padding:22px 20px 24px}
  .fl-lb{font-size:12.5px;margin-bottom:6px}
  .fl h3{font-size:20px}
  .fl p{font-size:15.5px}
  .fl .quote{font-size:16.5px;padding:9px 15px}
  .fl-ph{aspect-ratio:16/10}

  .brk-ttl{font-size:16px;margin:32px 0 14px}
  .brk{grid-template-columns:1fr;gap:12px}
  .brk-i{padding:16px 18px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
  .brk-i .lb{margin-bottom:0}
  .brk-i .vl .to{font-size:26px}

  .demo{max-width:none}
  .demo-b{padding:20px 18px 22px;gap:14px}
  .bub-u{font-size:16px;padding:12px 18px;max-width:88%}
  .bub-a{padding:17px 18px}
  .cand li{padding:12px 14px;gap:3px 10px}
  .cand b{font-size:15.5px}
  .cand span{font-size:14px}
  .src{font-size:13.5px;gap:8px}

  .xlink{gap:16px;padding:20px 20px;flex-wrap:wrap}
  .xlink .ic{width:44px;height:44px}
  .xlink .ic svg{width:24px;height:24px}
  .xlink h4{font-size:17.5px}
  .xlink p{font-size:14.5px;width:100%}

  .vs{gap:30px}
  .vs .it .vl{font-size:32px}
  .vs .it.win .vl{font-size:48px}

  .rel a{padding:22px 20px 24px}
  .rel h3{font-size:19px}
  .rel p{font-size:15px}

  .faq summary{font-size:17px;padding:19px 20px;gap:13px}
  .faq summary::before{width:27px;height:27px;font-size:14px}
  .faq summary .mk{width:10px;height:10px;margin-top:8px}
  .faq details[open] summary .mk{margin-top:11px}
  .faq .a{padding:0 20px 22px 60px;font-size:15.5px;line-height:1.9}

  .metric-b{padding:22px 22px 24px}
  .metric .lbl{font-size:16px}
  .metric .to{font-size:46px}

  .steps{grid-template-columns:1fr;gap:12px}
  .stp{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:20px 20px}
  .stp .n{grid-row:1/3;font-size:32px;margin-bottom:0;align-self:center}
  .stp h4{font-size:18px;margin-bottom:4px}
  .stp p{font-size:15px}

  .case-b{padding:20px 20px 22px}
  .case-b h3{font-size:20px}
  .case-b .ba b{font-size:27px}

  .pb-hd{padding:20px 20px 16px}
  .pb-hd h3{font-size:20.5px}
  .pb-list{padding:0 14px 18px}
  .pb-list a{font-size:16px;padding:14px 15px;min-height:52px}

  .price-grid{grid-template-columns:1fr;gap:16px}
  .price{padding:24px 22px}

  .sec-navy{border-radius:var(--r-card)}
  .band{border-radius:var(--r-card);padding:56px 0}
  .band h2{font-size:25px;line-height:1.55}
  .band p{font-size:16px;margin-bottom:26px}
  .band .sub-l{font-size:14.5px;margin-top:22px}
  .fcta{padding:64px 0}
  .fcta h2{font-size:26px;line-height:1.5}
  .fcta p{font-size:16px;margin-bottom:28px}
  .fcta .fine{font-size:13px;margin-top:32px}

  .cta-set{flex-direction:column;align-items:stretch;gap:12px}
  .btn{justify-content:space-between;padding:15px 24px;min-height:60px}
  .btn-tx b{font-size:17.5px;white-space:normal}
  .btn-tx small{font-size:12.5px}
  .btn-1{font-size:17px}

  .tblw{overflow:hidden}

  .ft{padding:48px 0 24px}
  .ft-grid{grid-template-columns:1fr 1fr;gap:28px 20px;margin-bottom:32px}
  .ft-grid>div:first-child{grid-column:1/-1}
  .ft a{font-size:14.5px}
  .ft-btm{font-size:13px;flex-direction:column;gap:8px}
}

@media(max-width:700px){

  .dia-full{padding:16px 0 18px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .dia-full img{min-width:680px}
  .dia-full figcaption{padding:0 16px;font-size:13.5px;position:sticky;left:0}

  .bnr{background-image:linear-gradient(104deg,#f6dbd6 0%,#fbe9e6 54%,#fdf5f3 100%)}
  .bnr-blue{background-image:linear-gradient(104deg,var(--sky-1) 0%,var(--sky-2) 54%,var(--sky-3) 100%)}

  .tbl-std thead{display:none}
  .tbl-std tbody tr{display:block;padding:0;border-bottom:1px solid var(--line)}
  .tbl-std tbody tr:last-child{border-bottom:0}
  .tbl-std tbody th,.tbl-std tbody td{display:block;border-right:0;border-bottom:0}

  .tbl-std tbody th,.tbl-std td.c-bf,.tbl-std td.c-fx{width:auto}
  .tbl-std tbody th{background:#f7f9fc;font-size:16px;padding:12px 18px}
  .tbl-std tbody td{padding:14px 18px}
  .tbl-std tbody td::before{content:attr(data-l);display:block;font-size:12px;font-weight:700;margin-bottom:4px;letter-spacing:.02em}
  .tbl-std td.c-bf{background:#fff}
  .tbl-std td.c-bf::before{color:#9aa4b2}
  .tbl-std td.c-fx::before{color:var(--blue)}
  .tbl-std tr.total th{font-size:16.5px}
  .tbl-std tr.total td.c-bf .ct b{font-size:19px}
  .tbl-std tr.total td.c-fx .ct b{font-size:26px}
  .tbl-std tr.total .cut{display:block;margin:8px 0 0}

  .tbl thead{display:none}
  .tbl tbody tr{display:block;padding:18px 18px 20px;border-bottom:1px solid var(--line)}
  .tbl tbody tr:last-child{border-bottom:0}
  .tbl tbody td{display:block;width:auto;border:0;padding:0}

  .tbl-vs td:first-child{font-size:17px;font-weight:700;color:var(--blue);margin-bottom:11px;line-height:1.5}
  .tbl-vs td:not(:first-child){font-size:15.5px;line-height:1.7;padding:12px 14px;border-radius:10px;margin-bottom:8px;font-weight:400}
  .tbl-vs td:nth-child(2){background:#f2f4f7;color:#7b8698}
  .tbl-vs td.hl{background:var(--blue-l);color:var(--navy);font-weight:700;margin-bottom:0}
  .tbl-vs td:not(:first-child)::before{content:attr(data-l);display:block;font-size:12px;font-weight:700;opacity:.7;margin-bottom:3px}

  .tbl-cmp td.it,.tbl-cmp td.bf,.tbl-cmp td.af,.tbl-cmp td.mid{width:auto}
  .tbl-cmp tbody tr:nth-child(odd) td,.tbl-cmp tbody tr:nth-child(odd) td.af{background:none}
  .tbl-cmp td.it{font-size:17px;color:var(--blue);border-left:0;margin-bottom:11px;line-height:1.5}
  .tbl-cmp td.bf{font-size:15.5px;padding:12px 14px;border-radius:10px;background:#f2f4f7;margin-bottom:8px}
  .tbl-cmp td.bf::before{content:'導入前';display:block;font-size:12px;font-weight:700;color:#98a2b3;margin-bottom:3px}
  .tbl-cmp td.mid{display:none}
  .tbl-cmp tbody tr:nth-child(odd) td.af,.tbl-cmp td.af{background:var(--blue-l);font-size:15.5px;padding:12px 14px;border-radius:10px}
  .tbl-cmp td.af::before{content:'✓ 導入後';display:block;font-size:12px;font-weight:700;color:var(--blue);margin-bottom:3px}

  .tbl-cmp tbody tr.total{background:var(--navy);border-radius:var(--r-sm)}
  .tbl-cmp tbody tr.total td,.tbl-cmp tbody tr.total:nth-child(odd) td{background:none;padding:0}
  .tbl-cmp tr.total td.it{color:var(--yellow);border-left:0;font-size:17px;margin-bottom:10px}
  .tbl-cmp tr.total td.bf{background:rgba(255,255,255,.08);color:#a8bbd4;font-size:16px}
  .tbl-cmp tr.total td.bf::before{content:'導入前';color:#8fa2bd}
  .tbl-cmp tbody tr.total td.af,.tbl-cmp tbody tr.total:nth-child(odd) td.af{background:rgba(255,219,34,.14);color:var(--yellow);font-size:22px;padding:12px 14px}
  .tbl-cmp tr.total td.af em{display:block;font-size:13.5px;margin-left:0;margin-top:2px}
}

@media(max-width:560px){
  .about-vis{aspect-ratio:4/3}
  .hero-ph{aspect-ratio:16/11}

  .fl{grid-template-columns:44px minmax(0,1fr)}
  .fl::before{left:17px;top:46px}
  .fl-num{width:36px;height:36px;font-size:16px;box-shadow:0 0 0 4px #fff}
  .fl-card{padding:20px 18px 22px}
}

@media(max-width:400px){
  .wrap{padding:0 16px}
  .hero h1{font-size:27px}
  .fh h1 .nm{font-size:27px}
  .fh h1 .cp{font-size:17.5px}
  .fh h1 .cp em{font-size:22px}
  .sec-label{font-size:24px}
  .sec-label::before{height:25px}
  h2.sec-title{font-size:19px}
  .proof-i .n{font-size:30px}
  .sp-cta a{font-size:14.5px;height:50px}
  .btn-tx b{font-size:16.5px}
  .ft-grid{gap:24px 14px}
  .ft a{font-size:14px}
  .bub-u{font-size:15.5px}
}

@media(prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}

.dia-live{padding:30px 34px 26px}

.dia-dark{position:relative;border:0;padding:0;background:transparent;overflow:visible}
.pf{position:relative;overflow:hidden;border-radius:var(--r-lg);
  padding:46px 40px;
  background:
    radial-gradient(118% 92% at 50% 46%,#1e4590 0%,#153677 42%,#0d2148 74%,#091730 100%);
  display:grid;grid-template-columns:1fr 1fr 268px 1fr 1fr;
  grid-template-rows:repeat(3,1fr);gap:14px;align-items:stretch}

.pf-rings{position:absolute;inset:0;pointer-events:none}
.pf-rings i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  border-radius:50%;border:1px solid rgba(255,255,255,.055)}
.pf-rings i:nth-child(1){width:400px;height:400px}
.pf-rings i:nth-child(2){width:620px;height:620px;border-color:rgba(255,255,255,.045)}
.pf-rings i:nth-child(3){width:880px;height:880px;border-color:rgba(255,255,255,.035)}

.pf-core{grid-column:3;grid-row:1 / span 3;position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(158deg,#fff 0%,#eaf1fd 100%);border-radius:50%;
  aspect-ratio:1;align-self:center;justify-self:center;width:100%;
  box-shadow:0 18px 60px rgba(4,14,36,.45),0 0 0 10px rgba(255,255,255,.06)}
.pf-core .nm{font-size:44px;font-weight:700;color:var(--navy);letter-spacing:-.035em;
  line-height:1.05}
.pf-core .kd{font-size:14px;font-weight:700;color:var(--blue);margin-top:7px;letter-spacing:.02em}
.pf-core .ln{width:44px;height:3px;border-radius:3px;background:var(--yellow);margin:13px 0 11px}
.pf-core .ct{font-size:13px;color:#5a6472;line-height:1.55;text-align:center}
.pf-core .ct b{color:var(--navy);font-size:15px}

.pf-t{grid-column:var(--c);grid-row:var(--r);position:relative;z-index:1;min-width:0;
  background:rgba(255,255,255,.062);border:1px solid rgba(255,255,255,.14);
  border-radius:15px;padding:13px 14px;display:flex;flex-direction:column;gap:9px;
  justify-content:center}
.pf-t.near{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.pf-t .ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;background:var(--tc-bg)}
.pf-t .ic svg{width:20px;height:20px;fill:none;stroke:var(--tc);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.pf-t .nm{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.94);line-height:1.45;
  letter-spacing:-.01em}
.pf-t[data-g="1"]{--tc:#8fb6f5;--tc-bg:rgba(105,157,240,.2)}
.pf-t[data-g="2"]{--tc:#7fd0dc;--tc-bg:rgba(78,190,206,.2)}
.pf-t[data-g="3"]{--tc:#a9adea;--tc-bg:rgba(138,143,225,.2)}

.pf-lg{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;
  margin-top:18px;padding:0 4px}
.pf-lg span{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted)}
.pf-lg span i{width:13px;height:13px;border-radius:4px;display:block}
.pf-lg span:nth-child(1) i{background:var(--g1)}
.pf-lg span:nth-child(2) i{background:var(--g2)}
.pf-lg span:nth-child(3) i{background:var(--g3)}

@media(max-width:1080px){
  .pf{grid-template-columns:1fr 1fr 218px 1fr 1fr;padding:38px 30px;gap:11px}
  .pf-core .nm{font-size:36px}
  .pf-core .ct{display:none}
  .pf-rings i:nth-child(1){width:330px;height:330px}
  .pf-rings i:nth-child(2){width:520px;height:520px}
  .pf-rings i:nth-child(3){width:720px;height:720px}
}
@media(max-width:860px){
  .pf{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:10px;padding:30px 22px}
  .pf-t{grid-column:auto;grid-row:auto}
  .pf-core{grid-column:1 / span 2;grid-row:auto;aspect-ratio:auto;border-radius:var(--r-card);
    width:100%;padding:26px 20px;margin-bottom:6px}
  .pf-core .nm{font-size:38px}
  .pf-core .ct{display:block}
  .pf-rings i:nth-child(1){width:280px;height:280px;top:120px}
  .pf-rings i:nth-child(2){width:440px;height:440px;top:120px}
  .pf-rings i:nth-child(3){width:640px;height:640px;top:120px}
  .pf-t{padding:12px 13px}
}
@media(max-width:400px){
  .pf{padding:24px 16px}
  .pf-t .nm{font-size:11.8px}
  .pf-core .nm{font-size:32px}
}

.stepd{display:block}
.sd-hd{display:flex;align-items:center;gap:22px;padding-bottom:9px}
.sd-hd .sp1{flex:0 0 186px}
.sd-hd .h{flex:0 0 300px;font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.05em}
.stepd ol{list-style:none;margin:0;padding:0}
.sd-row{display:flex;align-items:center;gap:22px;padding:16px 0;border-top:1px solid #eef0f3}
.sd-lab{flex:0 0 186px}
.sd-lab .st{display:block;font-size:12.5px;font-weight:700;color:var(--blue);letter-spacing:.08em}
.sd-lab .tx{display:block;font-size:17px;font-weight:700;margin-top:3px;letter-spacing:-.01em}
.sd-grid{flex:0 0 300px;display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.sd-grid i{height:23px;border-radius:4px;border:1.5px solid #dde3ea;background:#fff;display:block}
.sd-grid i.g1{background:var(--g1);border-color:var(--g1)}
.sd-grid i.g2{background:var(--g2);border-color:var(--g2)}
.sd-grid i.g3{background:var(--g3);border-color:var(--g3)}
.sd-cnt{flex:0 0 78px;text-align:right;font-size:19px;font-weight:700;color:var(--navy);
  letter-spacing:-.02em}
.sd-note{flex:1;min-width:0;font-size:14.5px;color:#5a6472;line-height:1.65;margin:0}
.sd-lg{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;margin-top:18px;
  padding-top:15px;border-top:1.5px solid var(--line)}
.sd-lg span{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#5a6472}
.sd-lg span i{width:13px;height:13px;border-radius:4px;display:block}
.sd-lg .rt{margin-left:auto;color:var(--muted)}

.viz{background:#f7f8fa;border-bottom:1px solid var(--line);padding:18px 20px;
  display:flex;flex-direction:column;gap:11px}
.viz-hd{font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.04em}
.viz-row{display:flex;align-items:center;gap:12px}
.viz-arw{flex:0 0 auto;width:20px;height:20px;stroke:var(--blue);stroke-width:2.2;fill:none;
  stroke-linecap:round;stroke-linejoin:round}
.viz-files{list-style:none;margin:0;padding:0;flex:1;min-width:0;display:flex;
  flex-direction:column;gap:6px}
.viz-files li{display:flex;align-items:center;gap:7px;background:#fff;
  border:1px solid var(--line);border-radius:8px;padding:5px 7px;font-size:12px;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.viz-files li em{flex:0 0 auto;font-style:normal;font-size:9.5px;color:#fff;border-radius:4px;
  padding:2px 5px;letter-spacing:.02em}
.viz-files li em.x{background:#0e7f8f}.viz-files li em.p{background:var(--prob)}
.viz-files li em.d{background:var(--blue)}
.viz-kv{list-style:none;margin:0;padding:0;flex:0 0 auto;background:#fff;
  border:1px solid var(--line);border-radius:10px;padding:8px 11px}
.viz-kv li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding:5px 0;border-top:1px solid #eef0f3;font-size:12px;color:var(--muted);
  white-space:nowrap}
.viz-kv li:first-child{border-top:0}
.viz-kv li b{font-size:14px;font-weight:700;color:var(--navy);white-space:nowrap}
.viz-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}
.viz-grid i{height:18px;border-radius:3px;border:1.5px solid #dde3ea;background:#fff;display:block}
.viz-grid i.g1{background:var(--g1);border-color:var(--g1)}
.viz-grid i.g2{background:var(--g2);border-color:var(--g2)}
.viz-grid i.g3{background:var(--g3);border-color:var(--g3)}
.viz-cap{font-size:13.5px;font-weight:700;color:var(--navy);margin:0}
.viz-cap em{font-style:normal;color:var(--blue)}
.viz-say{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px;
  font-size:13.5px;line-height:1.6;color:var(--body)}
.viz-say .m{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);
  font-weight:700;margin-bottom:5px}
.viz-say .m svg{width:12px;height:12px;fill:var(--blue)}
.viz-down{align-self:center;width:18px;height:18px;stroke:var(--blue);stroke-width:2.4;fill:none;
  stroke-linecap:round;stroke-linejoin:round}
.viz-dl{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:9px 12px}
.viz-dl li{display:flex;gap:10px;padding:4px 0;font-size:13px;line-height:1.5}
.viz-dl li b{flex:0 0 62px;font-weight:700;color:var(--muted);font-size:12px}
.viz-srch{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);
  border-radius:8px;padding:7px 10px;font-size:13px}
.viz-srch svg{flex:0 0 auto;width:13px;height:13px;stroke:var(--blue);stroke-width:2.4;fill:none}
.viz-tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);
  border-radius:8px;overflow:hidden}
.viz-tbl th{font-size:11.5px;color:var(--muted);font-weight:500;text-align:left;
  padding:6px 10px;background:#f2f4f7;border:0}
.viz-tbl td{font-size:13px;padding:6px 10px;border-top:1px solid #eef0f3}
.viz-tbl tr.on{background:var(--blue-l)}
.viz-tbl tr.on td{font-weight:700;color:var(--navy)}

@media(max-width:980px){
  .dia-live{padding:24px 20px 22px;overflow-x:visible}
  .sd-hd{display:none}
  .sd-row{flex-wrap:wrap;gap:10px 14px;padding:15px 0}
  .sd-lab{flex:1 1 auto}
  .sd-cnt{flex:0 0 auto;text-align:left}
  .sd-grid{flex:1 1 100%;order:3}
  .sd-note{flex:1 1 100%;order:4}
  .sd-lg{flex-direction:column;align-items:flex-start;gap:9px}
  .sd-lg .rt{margin-left:0}
}
@media(max-width:560px){
  .dia-live{padding:20px 16px 18px}
  .sd-lab .tx{font-size:15.5px}
  .sd-cnt{font-size:17px}
  .sd-note{font-size:13.5px}
  .sd-grid i{height:20px}
  .viz-row{flex-wrap:wrap}
  .viz-kv{flex:1 1 100%}
  .viz-arw{transform:rotate(90deg);align-self:center;margin:0 auto}
}

.ab>.viz{aspect-ratio:16/9;overflow:hidden;justify-content:center}
.ab>img.ab-ph,.ab>.ph.ab-ph{aspect-ratio:16/9;object-fit:cover}
.metric>.viz{aspect-ratio:16/9;overflow:hidden;justify-content:center;gap:6px;padding:13px 16px}
.metric>img.metric-ph,.metric>.ph.metric-ph{aspect-ratio:16/9;object-fit:cover}
.metric>.viz .viz-say{font-size:12.5px;padding:7px 9px;line-height:1.5}
.metric>.viz .viz-say .m{font-size:11px;margin-bottom:3px}
.metric>.viz .viz-dl{padding:6px 10px}
.metric>.viz .viz-dl li{padding:2px 0;font-size:12px;line-height:1.45}
.metric>.viz .viz-dl li b{flex:0 0 56px;font-size:11px}
.metric>.viz .viz-srch{padding:6px 9px;font-size:12.5px}
.metric>.viz .viz-tbl th{padding:4px 9px;font-size:11px}
.metric>.viz .viz-tbl td{padding:4px 9px;font-size:12.5px}
.metric>.viz .viz-down{width:15px;height:15px}

.card-h{padding:24px 26px 16px}
.card-h .n{font-size:14px;font-weight:700;color:var(--blue);letter-spacing:.06em;
  margin-bottom:8px}
.card-h h3{font-size:22px;font-weight:700;line-height:1.45;letter-spacing:-.025em;
  color:var(--ink)}
.card-h h4{font-size:20px;font-weight:700;line-height:1.45;letter-spacing:-.025em;
  color:var(--ink)}
.card-h .case-tag{display:inline-block;font-size:13.5px;font-weight:700;color:var(--blue);
  background:var(--blue-l);border-radius:20px;padding:4px 13px;margin-bottom:11px}
.card-h .lbl{font-size:17px;font-weight:700;color:var(--ink);line-height:1.5;
  letter-spacing:-.02em}
.ab-b,.case-b,.metric-b,.fc-b{padding-top:20px}
.fc .card-h{padding:22px 24px 14px}
.metric .card-h{padding:26px 28px 16px}
@media(max-width:700px){
  .card-h{padding:20px 20px 14px}
  .card-h h3{font-size:20px}.card-h h4{font-size:18.5px}
  .fc .card-h,.metric .card-h{padding:20px 20px 14px}
}

.idx{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 20px;align-items:start}
.idx-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.idx-gh{display:flex;align-items:baseline;gap:11px;padding:0 4px 12px;
  border-bottom:2px solid var(--gc)}
.idx-gh .n{font-size:22px;font-weight:700;color:var(--gc);letter-spacing:-.02em;
  line-height:1}
.idx-gh .t{font-size:15.5px;font-weight:700;color:var(--gc);line-height:1.4;
  letter-spacing:-.02em}
.idx-col a{min-height:auto}
@media(max-width:860px){
  .idx{grid-template-columns:1fr;gap:26px}
}

.ab>.viz{padding:14px 16px;gap:8px}
.ab>.viz .viz-row{flex-wrap:nowrap}
.ab>.viz .viz-kv{flex:0 0 auto;padding:6px 9px}
.ab>.viz .viz-kv li{padding:3.5px 0;font-size:11.5px}
.ab>.viz .viz-kv li b{font-size:13px}
.ab>.viz .viz-files li{padding:4px 6px;font-size:11.5px}
.ab>.viz .viz-arw{transform:none;width:17px;height:17px}
.ab>.viz .viz-grid i{height:16px}
.ab>.viz .viz-cap{font-size:12.5px}

h2.sec-label{margin:0 0 16px}
p.sec-title{margin-bottom:20px}

.tbl-std{border-collapse:collapse;font-size:16.5px;background:transparent}
.tbl-std th,.tbl-std td{padding:20px 4px;border-right:0;border-bottom:1px solid var(--line);
  background:transparent}
.tbl-std thead th{background:transparent;border-bottom:1.5px solid #cdd5e0;
  font-size:14.5px;font-weight:700;color:var(--muted);letter-spacing:.02em;padding-bottom:12px}
.tbl-std thead th:first-child{color:transparent}
.tbl-std thead th.h-fx{background:transparent;color:var(--navy);border-right:0}
.tbl-std thead th.h-fx .bd{display:inline-flex;align-items:center;gap:8px;font-size:16px}
.tbl-std thead th.h-fx .bd::before{width:9px;height:9px;background:var(--blue)}
.tbl-std tbody th{background:transparent;font-size:16px;font-weight:700;color:var(--ink);
  width:20%;padding-left:0}
.tbl-std td.c-bf{color:var(--body);width:38%;padding-left:22px;padding-right:22px}
.tbl-std td.c-fx{background:var(--blue-l);color:var(--navy);font-weight:700;width:42%;
  padding-left:22px;padding-right:22px;border-right:0}
.tbl-std tbody tr:first-child td.c-fx{border-radius:10px 10px 0 0}
.tbl-std tbody tr:last-child td.c-fx{border-radius:0 0 10px 10px}
.tbl-std tbody tr:last-child th,.tbl-std tbody tr:last-child td{border-bottom:0}

.sec-navy .tbl-std thead th{color:rgba(255,255,255,.62);border-bottom-color:rgba(255,255,255,.24)}
.sec-navy .tbl-std thead th:first-child{color:transparent}
.sec-navy .tbl-std thead th.h-fx{color:#fff}
.sec-navy .tbl-std thead th.h-fx .bd::before{background:var(--yellow)}
.sec-navy .tbl-std th,.sec-navy .tbl-std td{border-bottom-color:rgba(255,255,255,.14)}
.sec-navy .tbl-std tbody th{color:#fff}
.sec-navy .tbl-std td.c-bf{color:rgba(255,255,255,.6)}
.sec-navy .tbl-std td.c-fx{background:rgba(255,255,255,.09);color:#fff}

.tblw{overflow:visible;background:transparent;box-shadow:none;border-radius:0}

.gp{border-top:0;border-radius:var(--r-lg);padding:46px 34px;margin-bottom:22px;
  background:linear-gradient(168deg,var(--gc-bg) 0%,rgba(255,255,255,.55) 52%,rgba(255,255,255,0) 100%)}
.gp:last-of-type{border-bottom:0;margin-bottom:0}
.gp-l{top:120px}

.cic{display:flex;align-items:center;justify-content:center;width:50px;height:50px;
  border-radius:14px;background:var(--blue-l);margin-bottom:16px}
.cic svg{width:26px;height:26px;fill:none;stroke:var(--blue);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.stp .cic{width:44px;height:44px;border-radius:12px;margin-bottom:12px}
.stp .cic svg{width:23px;height:23px}
.price .cic{width:46px;height:46px;border-radius:12px;margin-bottom:14px}
.price .cic svg{width:24px;height:24px}

.card,.price,.stp{position:relative}
.card>.cic,.price>.cic,.stp>.cic{position:absolute;margin:0}
.card>.cic{top:30px;right:30px}
.price>.cic{top:26px;right:24px}
.stp>.cic{top:22px;right:20px}

.sec-photo{position:relative;overflow:hidden;background:
  linear-gradient(104deg,rgba(11,26,52,.955) 0%,rgba(19,48,106,.925) 52%,rgba(32,71,127,.88) 100%),
  url(hero-factory.jpg) center 42%/cover no-repeat,
  var(--navy)}
.sec-photo>*{position:relative;z-index:1}

@media(max-width:980px){
  .gp{padding:36px 22px}
}
@media(max-width:700px){
  .tbl-std td.c-bf,.tbl-std td.c-fx{padding-left:0;padding-right:0}
  .tbl-std tbody tr td.c-fx{border-radius:10px}
  .cic{width:44px;height:44px;border-radius:12px;margin-bottom:13px}
  .cic svg{width:23px;height:23px}
  .gp{padding:30px 18px}
  .sec-photo{background-image:linear-gradient(104deg,#0b1a34 0%,#13306a 52%,#20477f 100%)}
}

.ab{background:linear-gradient(180deg,#f3f8fe 0%,#fbfcfe 58%,#fff 100%);
  border:1px solid #e7eef8;box-shadow:0 0 20px rgba(21,54,119,.055)}
.ab>.viz{background:#e9f1fb;border-bottom-color:#dce7f5}
.ab>.viz .viz-files li,.ab>.viz .viz-kv{border-color:#d8e4f4}

.pf{border-radius:0;padding:56px 28px 50px;
  background:radial-gradient(66% 74% at 50% 46%,
    #e4edfa 0%,#ecf3fc 34%,#f5f9fd 56%,#fcfdfe 74%,#fff 88%,#fff 100%)}
.pf-rings i{border-color:rgba(21,54,119,.075)}
.pf-rings i:nth-child(2){border-color:rgba(21,54,119,.055)}
.pf-rings i:nth-child(3){border-color:rgba(21,54,119,.04)}

.pf-t{background:#fff;border:1px solid #dfe8f4;box-shadow:0 1px 3px rgba(21,54,119,.05)}
.pf-t.near{background:#fff;border-color:#cfdff2;box-shadow:0 3px 12px rgba(21,54,119,.08)}
.pf-t .nm{color:var(--ink)}
.pf-t[data-g="1"]{--tc:var(--g1);--tc-bg:#e7effc}
.pf-t[data-g="2"]{--tc:var(--g2);--tc-bg:#e2f2f4}
.pf-t[data-g="3"]{--tc:var(--g3);--tc-bg:#e9eaf8}

.pf-core{background:linear-gradient(158deg,#1a3f84 0%,#153677 52%,#102b60 100%);
  box-shadow:0 20px 54px rgba(21,54,119,.28),0 0 0 12px rgba(21,54,119,.05)}
.pf-core .nm{color:#fff}
.pf-core .kd{color:rgba(255,255,255,.78)}
.pf-core .ct{color:rgba(255,255,255,.8)}
.pf-core .ct b{color:#fff}

.proof-in{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:-52px;
  position:relative;z-index:3;background:#fff;border-radius:var(--r-lg);
  box-shadow:0 10px 40px rgba(12,28,54,.13);padding:6px 0;overflow:hidden}
.proof-i{background:transparent;border-radius:0;box-shadow:none;text-align:left;
  padding:30px 30px 28px;border-left:1px solid var(--line);position:relative}
.proof-i:first-child{border-left:0}
.proof-i::before{content:'';position:absolute;top:30px;left:30px;width:26px;height:3px;
  border-radius:2px;background:var(--yellow)}
.proof-i .k{display:block;font-size:13.5px;font-weight:700;color:var(--muted);
  letter-spacing:.02em;margin:16px 0 10px}
.proof-i .n{font-size:50px;font-weight:700;color:var(--navy);line-height:1;
  letter-spacing:-.045em}
.proof-i .n small{font-size:20px;margin-left:3px;letter-spacing:-.02em}
.proof-i .s{display:block;font-size:12.5px;color:#98a1ae;margin-top:11px;line-height:1.55}

@media(max-width:980px){
  .proof-in{grid-template-columns:repeat(2,1fr);margin-top:-40px}
  .proof-i{padding:26px 24px 24px}
  .proof-i:nth-child(3),.proof-i:nth-child(4){border-top:1px solid var(--line)}
  .proof-i:nth-child(3){border-left:0}
  .proof-i .n{font-size:44px}
  .proof-i::before{top:26px;left:24px}
}
@media(max-width:520px){
  .proof-in{grid-template-columns:1fr}
  .proof-i{border-left:0;border-top:1px solid var(--line);padding:22px 22px 20px}
  .proof-i:first-child{border-top:0}
  .proof-i::before{top:22px;left:22px}
  .proof-i .n{font-size:40px}
  .pf{padding:34px 18px 30px}
}

.sec-label{display:block;font-size:44px;line-height:1.3;letter-spacing:-.04em;
  margin-bottom:0;padding-bottom:0}
.sec-label::before{display:none}
.sec-label::after{content:'';display:block;width:58px;height:5px;border-radius:3px;
  background:var(--yellow);margin:18px 0 22px}
.sec-navy .sec-label::after,.sec-photo .sec-label::after{background:var(--yellow)}
p.sec-title{font-size:30px;font-weight:700;line-height:1.55;letter-spacing:-.03em;
  color:var(--navy);margin-bottom:22px;max-width:900px}
.sec-navy p.sec-title,.sec-photo p.sec-title{color:#fff}
.lead{max-width:680px}
.shead{margin-bottom:44px}
@media(max-width:860px){
  .sec-label{font-size:34px}
  .sec-label::after{width:48px;height:4px;margin:14px 0 18px}
  p.sec-title{font-size:23px;margin-bottom:18px}
  .lead{max-width:none}
}
@media(max-width:560px){
  .sec-label{font-size:29px}
  p.sec-title{font-size:20.5px}
}

.ba2{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}
.ba2-r{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px}
.ba2-r .lb{font-size:12.5px;color:var(--muted);font-weight:500}
.ba2-r .bar{height:10px;border-radius:6px;background:#eef1f5;overflow:hidden}
.ba2-r .bar i{display:block;height:100%;border-radius:6px;background:#c3ccd8}
.ba2-r .vl{font-size:19px;font-weight:700;color:#9aa3ae;text-align:right;
  letter-spacing:-.03em;white-space:nowrap;min-width:58px}
.ba2-r.fx .lb{color:var(--navy);font-weight:700}
.ba2-r.fx .bar i{background:var(--blue)}
.ba2-r.fx .vl{font-size:29px;color:var(--navy)}
.ba2-cut{display:inline-block;font-size:14px;font-weight:700;color:var(--blue);
  background:var(--blue-l);padding:5px 13px;border-radius:8px}
.ba2-cut::before{content:'▼ ';font-size:.8em}

.cols-3 .card{position:relative;padding:30px 30px 32px;overflow:hidden;
  border-top:3px solid var(--blue-line)}
.cols-3 .card .no{position:absolute;top:14px;right:22px;font-size:58px;margin:0;
  -webkit-text-stroke:0;color:#eef3fb;line-height:1;pointer-events:none}
.cols-3 .card>.cic{position:static;margin:0 0 16px}
.cols-3 .card h3{position:relative;font-size:21px;margin-bottom:11px}
.sec-navy .cols-3 .card{border-top-color:rgba(255,219,34,.45)}
.sec-navy .cols-3 .card .no{color:rgba(255,255,255,.08)}

.viz-c{align-items:center;justify-content:center;gap:16px;padding:20px}
.sm-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;
  justify-content:center;max-width:250px}
.sm-chips li{font-size:15px;font-weight:700;color:var(--navy);background:#fff;
  border:1px solid #d8e4f4;border-radius:9px;padding:8px 14px;line-height:1.3}
.sm-cap{font-size:14.5px;font-weight:700;color:var(--blue);margin:0}
.sm-cap b{font-weight:700}
.sm-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;width:100%;max-width:270px}
.sm-grid i{height:22px;border-radius:4px;border:1.5px solid #cfdcee;background:#fff;display:block}
.sm-grid i.g1{background:var(--g1);border-color:var(--g1)}
.sm-grid i.g2{background:var(--g2);border-color:var(--g2)}
.sm-grid i.g3{background:var(--g3);border-color:var(--g3)}

.vres{margin-top:40px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r-lg);padding:30px 34px 34px}
.vres-h .k{display:inline-block;font-size:12.5px;font-weight:700;color:var(--yellow);
  letter-spacing:.08em;margin-bottom:10px}
.vres-h .t{font-size:19px;font-weight:700;color:#fff;margin:0 0 24px;letter-spacing:-.02em}
.vres-b{display:flex;flex-direction:column;gap:14px}
.vres-r{display:grid;grid-template-columns:80px minmax(0,1fr) 92px;align-items:center;gap:18px}
.vres-r .nm{font-size:14.5px;color:rgba(255,255,255,.6)}
.vres-r .bar{height:16px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}
.vres-r .bar i{display:block;height:100%;border-radius:9px;background:rgba(255,255,255,.34)}
.vres-r .vl{font-size:30px;font-weight:700;color:rgba(255,255,255,.62);text-align:right;
  letter-spacing:-.035em;line-height:1}
.vres-r .vl small{font-size:15px;margin-left:1px}
.vres-r.fx .nm{color:var(--yellow);font-weight:700}
.vres-r.fx .bar i{background:var(--yellow)}
.vres-r.fx .vl{font-size:46px;color:var(--yellow)}
.vres-r.fx .vl small{font-size:21px}

@media(max-width:700px){
  .ba2-r{grid-template-columns:50px minmax(0,1fr) auto;gap:8px}
  .ba2-r .vl{min-width:48px;font-size:17px}
  .ba2-r.fx .vl{font-size:25px}
  .vres{padding:22px 20px 26px}
  .vres-r{grid-template-columns:60px minmax(0,1fr) 74px;gap:11px}
  .vres-r.fx .vl{font-size:36px}
  .cols-3 .card .no{font-size:48px;top:10px;right:16px}
}

.shead{max-width:none}
p.sec-title{max-width:none}
.lead{max-width:none}

.sec-label{position:relative;padding-left:0}
.sec-label::after{width:100%;max-width:none;height:1px;background:var(--line);
  margin:20px 0 24px;border-radius:0}
.sec-label::before{content:'';display:inline-block;width:34px;height:6px;border-radius:3px;
  background:var(--yellow);vertical-align:middle;margin:0 16px 8px 0}
.sec-navy .sec-label::after,.sec-photo .sec-label::after{background:rgba(255,255,255,.22)}

.cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 44px}
.cmp-c{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);
  border-radius:var(--r-lg);overflow:hidden}
.cmp-c.fx{background:rgba(255,255,255,.1);border-color:rgba(255,219,34,.4)}
.cmp-h{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.13)}
.cmp-h .nm{font-size:16px;font-weight:700;color:rgba(255,255,255,.66)}
.cmp-c.fx .cmp-h{border-bottom-color:rgba(255,219,34,.3)}
.cmp-c.fx .cmp-h .nm{color:var(--yellow)}
.cmp-b{padding:22px 24px 24px}
.cmp-s{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);
  border-radius:12px;padding:13px 16px}
.cmp-s i{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--yellow)}
.cmp-s i.d{background:rgba(255,255,255,.3)}
.cmp-s span{font-size:15px;font-weight:700;color:#fff;line-height:1.5}
.cmp-s.big{padding:22px 16px}
.cmp-a{width:2px;height:18px;background:rgba(255,255,255,.34);margin:0 auto;border-radius:2px}
.cmp-c.fx .cmp-a{background:rgba(255,219,34,.6)}
.cmp-n{font-size:13.5px;color:rgba(255,255,255,.58);margin:16px 0 0;line-height:1.65}
.cmp-c.fx .cmp-n{color:rgba(255,255,255,.78)}

.ba2{position:relative}
.ba2-r.dg{gap:11px;min-height:26px;align-items:center}
.ba2-r.dg svg{width:100%;height:26px;display:block;overflow:visible}
.ba2-r.dg path{fill:none;stroke:var(--blue);stroke-width:1.6;stroke-dasharray:4 3;
  stroke-linecap:round}
.ba2-r.dg .ba2-cut{margin:0;padding:4px 9px;font-size:12.5px;white-space:nowrap}
.ba2-note{font-size:14px;color:var(--body);line-height:1.75;margin:14px 0 0}

.flowline{position:relative;padding-top:8px}
.fl-rail{position:absolute;left:26px;right:26px;top:34px;height:2px;background:var(--blue-line)}
.fl-rail i{display:block;height:100%;width:100%;
  background:linear-gradient(90deg,var(--blue) 0%,var(--blue-line) 100%)}
.fl-steps{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;position:relative}
.fl-st{position:relative;padding-right:8px}
.fl-dot{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid var(--blue-line);
  margin-bottom:16px}
.fl-st:first-child .fl-dot{border-color:var(--blue);background:var(--blue-l)}
.fl-dot svg{width:24px;height:24px;fill:none;stroke:var(--blue);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.fl-n{display:block;font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.08em;
  margin-bottom:6px}
.fl-st h4{font-size:18px;font-weight:700;line-height:1.5;letter-spacing:-.02em;margin-bottom:8px}
.fl-st p{font-size:15px;color:var(--body);line-height:1.8}

.prc{display:grid;grid-template-columns:288px 92px minmax(0,1fr);align-items:center;gap:0}
.prc-base{background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:34px 30px}
.prc-base .k{display:block;font-size:12.5px;font-weight:700;color:var(--yellow);
  letter-spacing:.08em;margin-bottom:12px}
.prc-base .t{font-size:25px;font-weight:700;line-height:1.5;letter-spacing:-.025em;margin:0}
.prc-x{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.02em;text-align:center;
  line-height:1.4}
.prc-x::before{content:'×';font-size:32px;font-weight:700;color:#c3d3ec;line-height:1}
.prc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.prc-list li{display:flex;align-items:flex-start;gap:14px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-card);padding:20px 22px}
.prc-list .ic{flex:0 0 auto;width:42px;height:42px;border-radius:11px;background:var(--blue-l);
  display:flex;align-items:center;justify-content:center}
.prc-list .ic svg{width:22px;height:22px;fill:none;stroke:var(--blue);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.prc-list .tx{min-width:0}
.prc-list .tx b{display:block;font-size:17px;font-weight:700;letter-spacing:-.02em;
  margin-bottom:6px}
.prc-list .tx span{display:block;font-size:14.5px;color:var(--body);line-height:1.7}

@media(max-width:980px){
  .cmp{grid-template-columns:1fr;gap:14px}
  .fl-rail{display:none}
  .fl-steps{grid-template-columns:1fr;gap:0}
  .fl-st{display:grid;grid-template-columns:52px minmax(0,1fr);gap:0 18px;
    padding:0 0 24px 0;position:relative}
  .fl-st::before{content:'';position:absolute;left:25px;top:52px;bottom:0;width:2px;
    background:var(--blue-line)}
  .fl-st:last-child::before{display:none}
  .fl-dot{grid-row:1/4;margin-bottom:0}
  .fl-n{margin-top:4px}
  .prc{grid-template-columns:1fr;gap:0}
  .prc-x{writing-mode:horizontal-tb;padding:16px 0}
  .prc-list{grid-template-columns:1fr}
}
@media(max-width:700px){
  .shead{max-width:none}
  .sec-label::after{max-width:none}
  .prc-base{padding:26px 22px}
  .prc-base .t{font-size:21px}
}

.hero{padding:104px 0 116px}
.hero h1{font-size:53px;line-height:1.36;letter-spacing:-.04em;margin-bottom:26px}
.h-sub{font-size:21px;line-height:1.95}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:56px;align-items:center}
.hero-in{overflow:visible}

.hero-ph{width:calc(100% + 130px);max-width:none;
  box-shadow:0 30px 80px rgba(4,14,36,.45);border-radius:20px}
.hero-tag{margin-bottom:26px}
@media(max-width:1080px){
  .hero{padding:88px 0 96px}
  .hero h1{font-size:44px}
  .h-sub{font-size:19px}
  .hero-ph{width:calc(100% + 70px)}
}
@media(max-width:860px){
  .hero{padding:72px 0 78px}
  .hero h1{font-size:36px;line-height:1.42}
  .h-sub{font-size:17.5px}
  .hero-grid{grid-template-columns:1fr;gap:38px}
  .hero-ph{width:100%;box-shadow:0 18px 48px rgba(4,14,36,.4)}
}
@media(max-width:560px){
  .hero h1{font-size:31px}
}

.hero h1{letter-spacing:-.012em;line-height:1.44}
.h-sub{letter-spacing:.015em;line-height:2.05}
.hero-tag{letter-spacing:.04em}

.cvs{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:44px}
.cvs-i{display:grid;grid-template-columns:216px minmax(0,1fr) minmax(0,1.06fr);
  align-items:stretch;gap:14px}
.cvs-k{display:flex;align-items:center;gap:14px;font-size:17px;font-weight:700;color:#fff;
  letter-spacing:-.02em;line-height:1.5;padding-right:6px}
.cvs-k .n{flex:0 0 auto;font-size:13px;font-weight:700;color:rgba(255,255,255,.42);
  letter-spacing:.06em}
.cvs-p{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);
  border-radius:14px;padding:16px 20px}
.cvs-p .who{display:block;font-size:12px;font-weight:700;color:rgba(255,255,255,.5);
  letter-spacing:.06em;margin-bottom:7px}
.cvs-p p{font-size:16px;line-height:1.75;color:rgba(255,255,255,.72);margin:0}
.cvs-p.fx{background:rgba(255,255,255,.11);border-color:rgba(255,219,34,.42)}
.cvs-p.fx .who{color:var(--yellow)}
.cvs-p.fx p{color:#fff;font-weight:700}

.tbl-std thead th.h-bf,.tbl-std thead th.h-fx{padding-bottom:14px}
.tbl-std thead th.h-bf .bd,.tbl-std thead th.h-fx .bd{display:inline-flex;align-items:center;
  gap:8px;font-size:15px;font-weight:700;border-radius:8px;padding:6px 14px}
.tbl-std thead th.h-bf .bd{background:#eceff3;color:#6b7480}
.tbl-std thead th.h-fx .bd{background:var(--navy);color:#fff}
.tbl-std thead th.h-fx .bd::before{width:8px;height:8px;background:var(--yellow)}
.tbl-std thead th.h-bf{color:inherit}

@media(max-width:980px){
  .cvs-i{grid-template-columns:1fr;gap:9px}
  .cvs-k{padding:2px 0 2px}
}
@media(max-width:700px){
  .tbl-std thead th.h-bf .bd,.tbl-std thead th.h-fx .bd{font-size:13.5px;padding:5px 11px}
}

.dif{display:grid;grid-template-columns:1fr 1fr;gap:34px 48px;margin-bottom:44px}
.dif-i{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 4px;align-items:start}
.dif-i .n{font-size:16px;font-weight:700;color:var(--yellow);letter-spacing:.02em;
  line-height:1.7;padding-top:2px}
.dif-i h3{font-size:19px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.55;
  margin-bottom:9px}
.dif-i p{font-size:16.5px;line-height:1.95;color:rgba(255,255,255,.78);margin:0}

.mtx{font-size:17px;line-height:1.95;color:var(--body);margin:0 0 16px;letter-spacing:.01em}
.mtx b{font-size:38px;font-weight:700;color:var(--navy);letter-spacing:-.04em;
  line-height:1;vertical-align:-2px;margin:0 3px}
.metric-b .ba2-cut{margin-bottom:14px}

@media(max-width:860px){
  .dif{grid-template-columns:1fr;gap:26px}
  .dif-i h3{font-size:17.5px}
  .dif-i p{font-size:16px}
  .mtx{font-size:16px}
  .mtx b{font-size:32px}
}

.pln{display:flex;flex-direction:column;gap:22px}

.pln-init{background:var(--navy);color:#fff;border-radius:var(--r-lg);
  padding:28px 34px;display:grid;grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;gap:0 30px}
.pln-init .k{font-size:12.5px;font-weight:700;color:var(--yellow);letter-spacing:.08em}
.pln-init .v{font-size:42px;font-weight:700;letter-spacing:-.04em;line-height:1;
  grid-column:2;grid-row:1}
.pln-init .v small{font-size:20px;margin-left:2px}
.pln-init .d{font-size:14px;line-height:1.8;color:rgba(255,255,255,.72);margin:0;
  grid-column:3;grid-row:1;padding-left:30px;border-left:1px solid rgba(255,255,255,.2)}

.pln-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pln-c{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:30px 32px 34px;display:flex;flex-direction:column}
.pln-c.rec{border:2px solid var(--blue);box-shadow:0 8px 34px rgba(18,87,214,.12)}
.pln-h{position:relative;padding-bottom:20px;border-bottom:1px solid var(--line)}
.pln-h .bdg{position:absolute;top:-46px;left:0;font-size:12.5px;font-weight:700;
  color:#fff;background:var(--blue);border-radius:8px;padding:6px 13px}
.pln-h .nm{display:block;font-size:22px;font-weight:700;color:var(--navy);
  letter-spacing:.02em}
.pln-h .for{font-size:15px;color:var(--muted);margin:7px 0 0}
.pln-p{padding:22px 0 20px;border-bottom:1px solid var(--line)}
.pln-p .v{font-size:40px;font-weight:700;color:var(--navy);letter-spacing:-.04em;line-height:1}
.pln-p .v small{font-size:18px;margin-left:2px;letter-spacing:-.01em}
.pln-p .add{font-size:14.5px;color:var(--muted);margin:10px 0 0}
.pln-l{list-style:none;margin:0;padding:0;flex:1}
.pln-l li{display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  padding:14px 0;border-bottom:1px solid #eef0f3}
.pln-l li:last-child{border-bottom:0;padding-bottom:0}
.pln-l li.fn{align-items:flex-start}
.pln-l .k{font-size:14.5px;color:var(--muted);flex:0 0 auto}
.pln-l .v{font-size:16px;font-weight:700;text-align:right;line-height:1.7}
.pln-l .v b{color:var(--blue)}

.pln-opt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 40px;
  align-items:center;background:#f4f7fc;border-radius:var(--r-lg);padding:26px 32px}
.pln-opt .o-h .k{display:block;font-size:12.5px;font-weight:700;color:var(--blue);
  letter-spacing:.08em;margin-bottom:9px}
.pln-opt .o-h .t{font-size:16.5px;line-height:1.85;color:var(--body);margin:0}
.o-l{list-style:none;margin:0;padding:0}
.o-l li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:11px 0;border-bottom:1px solid #e3e9f2}
.o-l li:last-child{border-bottom:0}
.o-l .k{font-size:14.5px;color:var(--muted)}
.o-l .v{font-size:15.5px;font-weight:700}
.o-l .v b{font-size:19px;color:var(--navy);letter-spacing:-.02em}

.sec-label{font-size:48px}
.sec-label::before{width:40px;height:7px;margin:0 18px 10px 0}
@media(max-width:1080px){
  .pln-init{grid-template-columns:auto minmax(0,1fr);gap:6px 26px}
  .pln-init .d{grid-column:1/3;grid-row:2;padding-left:0;border-left:0;padding-top:14px;
    border-top:1px solid rgba(255,255,255,.2);margin-top:14px}
  .pln-init .v{grid-column:2;grid-row:1}
}
@media(max-width:860px){
  .sec-label{font-size:34px}
  .sec-label::before{width:32px;height:5px;margin:0 13px 7px 0}
  .pln-grid{grid-template-columns:1fr;gap:38px}
  .pln-h .bdg{top:-42px}
  .pln-opt{grid-template-columns:1fr;gap:20px}
  .pln-init{padding:24px 22px}
  .pln-init .v{font-size:34px}
}
@media(max-width:560px){
  .sec-label{font-size:29px}
  .pln-c{padding:24px 22px 26px}
  .pln-p .v{font-size:34px}
  .pln-l li{flex-direction:column;gap:5px;align-items:flex-start}
  .pln-l .v{text-align:left}
}

.anim-on .anim{opacity:0;transform:translate3d(0,18px,0);
  transition:opacity .62s cubic-bezier(.22,.61,.36,1) var(--d,0ms),
             transform .62s cubic-bezier(.22,.61,.36,1) var(--d,0ms);
  will-change:opacity,transform}
.anim-on .anim.is-in{opacity:1;transform:none}
.anim-on .anim.is-in{will-change:auto}

.anim-on .dia-full.anim,.anim-on .tblw.anim{transform:translate3d(0,12px,0)}

.anim-on .hero-ph.anim{transform:translate3d(0,26px,0)}
@media(prefers-reduced-motion:reduce){
  .anim-on .anim{opacity:1;transform:none;transition:none}
}

.pr2{display:flex;flex-direction:column;gap:22px}
.pr2-base{background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:30px 34px;
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 34px}
.pr2-base .k{grid-column:1;grid-row:1;font-size:12.5px;font-weight:700;color:var(--yellow);
  letter-spacing:.08em;white-space:nowrap}
.pr2-base .t{grid-column:1;grid-row:2;font-size:29px;font-weight:700;letter-spacing:-.03em;
  margin:9px 0 0;line-height:1.4;white-space:nowrap}
.pr2-base .d{grid-column:2;grid-row:1/3;font-size:15px;line-height:1.9;
  color:rgba(255,255,255,.74);margin:0;padding-left:34px;
  border-left:1px solid rgba(255,255,255,.2)}
.pr2-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pr2-c{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 30px}
.pr2-c .lb{display:inline-block;font-size:15px;font-weight:700;color:var(--blue);
  background:var(--blue-l);border-radius:8px;padding:6px 14px;margin-bottom:20px}
.pr2-c ul{list-style:none;margin:0;padding:0}
.pr2-c ul li{display:flex;gap:16px;font-size:16.5px;line-height:1.75;padding:11px 0;
  border-bottom:1px solid #eef0f3}
.pr2-c ul li:last-child{border-bottom:0}
.pr2-c ul li .k{flex:0 0 62px;font-size:14px;color:var(--muted);padding-top:3px}
.pr2-c .n{font-size:15px;line-height:1.85;color:var(--body);margin:18px 0 0;
  padding-top:16px;border-top:1px solid var(--line)}
.pr2-ax{background:#f4f7fc;border-radius:var(--r-lg);padding:26px 32px}
.pr2-ax .k{display:block;font-size:12.5px;font-weight:700;color:var(--blue);
  letter-spacing:.08em;margin-bottom:18px}
.pr2-ax ul{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pr2-ax ul li{display:flex;align-items:center;gap:12px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-card);padding:15px 17px;
  font-size:16px;font-weight:700;letter-spacing:-.02em}
.pr2-ax .ic{flex:0 0 auto;width:36px;height:36px;border-radius:10px;background:var(--blue-l);
  display:flex;align-items:center;justify-content:center}
.pr2-ax .ic svg{width:20px;height:20px;fill:none;stroke:var(--blue);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.pr2-ax .n{font-size:14.5px;color:var(--muted);margin:16px 0 0;line-height:1.75}
.pr2-flow{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.pr2-flow li{position:relative;padding:0 26px 0 0}
.pr2-flow li+li{padding-left:30px;border-left:1px solid var(--line)}
.pr2-flow .n{display:block;font-size:12.5px;font-weight:700;color:var(--blue);
  letter-spacing:.08em;margin-bottom:9px}
.pr2-flow b{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.pr2-flow li>span:last-child{display:block;font-size:15px;line-height:1.8;color:var(--body)}
@media(max-width:980px){
  .pr2-base{grid-template-columns:1fr;gap:0}
  .pr2-base .t{grid-column:1;grid-row:2;white-space:normal}
  .pr2-base .d{grid-column:1;grid-row:3;padding-left:0;border-left:0;padding-top:16px;
    margin-top:16px;border-top:1px solid rgba(255,255,255,.2)}
  .pr2-grid{grid-template-columns:1fr}
  .pr2-ax ul{grid-template-columns:1fr 1fr}
  .pr2-flow{grid-template-columns:1fr;gap:20px}
  .pr2-flow li,.pr2-flow li+li{padding:0 0 0 18px;border-left:2px solid var(--blue-line)}
}
@media(max-width:560px){
  .pr2-base{padding:24px 22px}
  .pr2-base .t{font-size:23px}
  .pr2-c{padding:22px 20px}
  .pr2-ax{padding:22px 20px}
  .pr2-ax ul{grid-template-columns:1fr}
}

.fh{padding:66px 0 86px}
.fh-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px}
.fh-in{overflow:visible}
.fh h1 .nm{font-size:44px;letter-spacing:-.032em;line-height:1.34;margin-bottom:18px}
.fh h1 .cp{font-size:27px;letter-spacing:-.015em;padding-top:18px}
.fh .h-sub{font-size:19px;line-height:2;letter-spacing:.015em}
img.fh-ph{aspect-ratio:16/9;width:calc(100% + 130px);max-width:none;
  box-shadow:0 26px 70px rgba(21,54,119,.24);border-radius:18px}

.mr .mtx{font-size:16.5px;line-height:1.7;color:var(--body);margin:0 0 16px;
  letter-spacing:.01em;white-space:nowrap}
.mr .mtx b{font-size:36px;font-weight:700;color:var(--navy);letter-spacing:-.04em;
  line-height:1;vertical-align:-2px;margin:0 2px}

.brk-i .vl{align-items:center;gap:14px}
.brk-i .vl .sp{position:relative;flex:0 0 26px;height:1.6px;background:var(--blue-line);
  border-radius:2px}
.brk-i .vl .sp::after{content:'';position:absolute;right:-1px;top:-3.2px;
  border:4px solid transparent;border-left-color:var(--blue-line)}

.mr{position:relative;overflow:hidden;border-top:3px solid var(--blue-line)}
.mr>.cic{margin:0 0 16px}
.mr .n{position:absolute;top:14px;right:20px;font-size:13px;letter-spacing:.06em;
  color:#c9d8ef;margin:0}
.mr h3{position:relative}

.pos-h{align-items:baseline;gap:12px;padding:16px 20px 13px;
  border-bottom:2px solid var(--gc)}
.pos-h .n{font-size:21px;font-weight:700;color:var(--gc);letter-spacing:-.02em;line-height:1}
.pos-h .t{font-size:15px;font-weight:700;color:var(--gc);line-height:1.45;letter-spacing:-.02em}

.demo{max-width:none}
.demo-b{gap:14px}

.fl-card{padding:32px 34px;gap:38px}

@media(max-width:1080px){
  .fh h1 .nm{font-size:37px}
  .fh h1 .cp{font-size:23px}
  img.fh-ph{width:calc(100% + 70px)}
}

@media(max-width:980px){
  .fh h1 .nm{font-size:32px}
  .fh h1 .cp{font-size:21px}
}
@media(max-width:860px){
  .fh{padding:52px 0 62px}
  .fh h1 .nm{font-size:34px}
  .fh h1 .cp{font-size:20px}
  .fh .h-sub{font-size:17px}
  .fh-grid{grid-template-columns:1fr;gap:34px}
  img.fh-ph{width:100%;box-shadow:0 16px 44px rgba(21,54,119,.2)}
  .mr .mtx b{font-size:29px}
}

@media(max-width:520px){
  .fh h1 .nm{font-size:28px}
  .fh h1 .cp{font-size:19px}
}
@media(max-width:430px){
  .fh h1 .nm{font-size:25px}
  .fh h1 .cp{font-size:18px}
}

.demo-b .bub-u{align-self:flex-end;margin-left:auto;background:#0b2997;color:#fff;
  border-radius:18px 18px 6px 18px;padding:15px 22px;font-size:18px;font-weight:700;
  width:max-content;max-width:78%;letter-spacing:-.01em}
.demo-b .bub-a{background:#e1efff;border-radius:18px 18px 18px 6px;padding:22px 24px 24px}
.demo-b .bub-a .t{font-size:16.5px;line-height:1.75;color:var(--ink);margin-bottom:16px}
.demo-b .bub-a .src{border-top:1px solid #c6dcf7;margin-top:16px;padding-top:14px;
  font-size:14.5px;color:#5a6472}
.demo-b .bub-a .src .tag{display:inline-block;font-size:12px;font-weight:700;color:var(--blue);
  background:#fff;border-radius:6px;padding:3px 9px;margin-right:10px}
.demo-b .cand li{background:#fff}

.btn{font-size:18px;font-weight:700}

.fh-gp{font-size:16.5px;padding:11px 24px;gap:13px;margin-bottom:24px}
.fh-gp b{font-size:15.5px}

.pos-col{background:var(--gc-bg)}
.pos-h{border-bottom-color:var(--gc)}
.pos li a{background:rgba(255,255,255,.78)}
.pos li a:hover{background:#fff;color:var(--gc)}
.pos li a:hover::after{color:var(--gc)}
.pos li.on{background:var(--gc);color:#fff}
.pos li.on span{background:rgba(255,255,255,.92);color:var(--gc)}

.theme{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.th{background:#fff;border-radius:var(--r-card);box-shadow:var(--sh);
  overflow:hidden;display:flex;flex-direction:column;padding-bottom:24px}

.th .th-ph{aspect-ratio:16/9;border-radius:0;background:#f2f6fc;
  color:#7d93b5;font-size:13px}
.th img.th-ph{width:100%;height:auto;object-fit:contain}
.th h3{font-size:18px;font-weight:700;line-height:1.65;letter-spacing:-.025em;
  color:var(--ink);padding:22px 24px 0}
.th h3 b{color:var(--blue)}
.th p{font-size:14.5px;color:var(--body);line-height:1.8;
  margin:16px 24px 0;padding-top:15px;border-top:1px solid var(--line)}

.about-3 .ab-b .mtx{font-size:16px;line-height:1.7;color:var(--body);
  margin:0 0 14px;letter-spacing:.01em}
.about-3 .ab-b .mtx b{font-size:32px;font-weight:700;color:var(--navy);
  letter-spacing:-.04em;line-height:1;vertical-align:-2px;margin:0 2px;
  white-space:nowrap}   

.fl>.fl-num{align-self:center}
.fl::before{top:0;bottom:50%}
.fl::after{content:'';position:absolute;left:25px;top:50%;bottom:0;
  width:2px;background:var(--blue-line)}
.fl:first-child::before{display:none}
.fl:last-child::after{display:none}
.fl:last-child::before{display:block}

.xlink{gap:20px}
.xlink .tx{display:flex;flex-direction:column;gap:4px}
.xlink .tx .lb{font-size:13.5px;font-weight:700;color:var(--blue);letter-spacing:.02em}
.xlink h4{margin-bottom:0}
.xlink .go{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:9px;
  font-size:15px;font-weight:700;color:#fff;background:var(--blue);
  border-radius:var(--r-pill);padding:11px 22px;transition:all .2s}
.xlink:hover .go{background:var(--navy)}
.xlink .go .ar{color:#fff;font-size:15px}

.case-b .ba{color:var(--body)}
.case-b p{color:var(--body)}

.rel-img a{padding:0;overflow:hidden}
.rel-img .rel-ph{aspect-ratio:16/9;border-radius:0;background:#f2f6fc;
  color:#7d93b5;font-size:13px;width:100%}

.rel-img img.rel-ph{height:auto;object-fit:contain}
.rel-img .rel-b{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.rel-img .rel-hd{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.rel-img .ic{width:38px;height:38px;border-radius:11px;margin-bottom:0;flex-shrink:0}
.rel-img .ic svg{width:21px;height:21px}
.rel-img .st{font-size:13.5px;font-weight:700;color:var(--blue);letter-spacing:.02em}
.rel-img h3{font-size:21px;margin-bottom:10px}

@media(max-width:980px){
  .theme{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .fh-gp{font-size:14px;padding:9px 18px;gap:10px;margin-bottom:18px}
  .fh-gp b{font-size:13.5px}
  .th h3{font-size:17px;padding:18px 20px 0}
  .th p{margin:14px 20px 0}
  .about-3 .ab-b .mtx b{font-size:28px}
  .xlink{flex-wrap:wrap}
  .xlink .go{margin-left:0;width:100%;justify-content:center}
}
@media(max-width:560px){
  .theme{grid-template-columns:1fr;gap:16px}
  .th .th-ph{aspect-ratio:16/9}
  .th h3{padding:18px 20px 0}
  .th p{margin:13px 20px 0;padding-top:13px}
}

.about-3 .ab>.card-h{padding:24px 26px 14px}
.about-3 .ab>.card-h h3{margin-bottom:0}
.about-3 .ab>.ab-b{padding-top:20px}

.rel-img a>.card-h{display:block;padding:22px 24px 14px}
.rel-img a>.card-h h3{font-size:21px;margin-bottom:0}
.rel-img .rel-b{padding-top:20px}

.fh-gpx{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.fh-gpx .n{font-size:72px;font-weight:700;line-height:.86;color:transparent;
  -webkit-text-stroke:2px var(--gc);letter-spacing:-.01em;flex-shrink:0}
.fh-gpx .t{font-size:19px;font-weight:700;color:var(--gc);line-height:1.45;
  letter-spacing:-.02em;padding-left:16px;border-left:2px solid var(--gc-l)}
.fh-gpx .t small{display:block;font-size:12.5px;font-weight:700;color:var(--muted);
  letter-spacing:.14em;margin-bottom:5px}

.xdoc{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:36px;
  align-items:center;background:var(--blue-l);border-radius:var(--r-card);padding:30px 34px}
img.xdoc-ph{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  border-radius:var(--r-sm);background:#fff;box-shadow:0 10px 30px rgba(21,54,119,.13)}
.xdoc-b .ic{display:flex;align-items:center;justify-content:center;width:46px;height:46px;
  border-radius:13px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.06);margin-bottom:14px}
.xdoc-b .ic svg{width:25px;height:25px;fill:none;stroke:var(--blue);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.xdoc-b .lb{display:block;font-size:13.5px;font-weight:700;color:var(--blue);
  letter-spacing:.02em;margin-bottom:6px}
.xdoc-b h4{font-size:24px;font-weight:700;color:var(--navy);letter-spacing:-.025em;
  margin-bottom:16px}
.xdoc-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.xdoc-tags li{font-size:14px;font-weight:700;color:var(--navy);background:#fff;
  border-radius:var(--r-pill);padding:7px 14px}
.xdoc-b .go{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700;
  color:#fff;background:var(--blue);border-radius:var(--r-pill);padding:13px 26px;
  transition:all .2s}
.xdoc-b .go:hover{background:var(--navy)}
.xdoc-b .go .ar{color:#fff;font-size:15px;transition:transform .2s}
.xdoc-b .go:hover .ar{transform:translateX(4px)}

@media(max-width:980px){
  .xdoc{grid-template-columns:1fr;gap:24px;padding:26px 24px}
}
@media(max-width:860px){
  .fh-gpx{gap:13px;margin-bottom:20px}
  .fh-gpx .n{font-size:52px;-webkit-text-stroke-width:1.8px}
  .fh-gpx .t{font-size:16px;padding-left:13px}
  .fh-gpx .t small{font-size:11.5px}
}
@media(max-width:430px){
  .fh-gpx .n{font-size:42px}
  .fh-gpx .t{font-size:14.5px}
}

.fl-vis{position:relative}

.fl-fig{position:absolute;left:-54px;bottom:-26px;width:24%;aspect-ratio:3/4;
  z-index:2;font-size:10.5px;border-radius:12px}
img.fl-fig{width:24%;height:auto;object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(21,54,119,.16))}
@media(max-width:860px){
  .fl-fig{left:-22px;bottom:-16px;width:22%}
  img.fl-fig{width:22%}
}
@media(max-width:560px){
  .fl-fig{left:-12px;bottom:-12px;width:26%}
  img.fl-fig{width:26%}
}

.th h3 b{color:#c1392a}

.about-3 .ab>.card-h,
.rel-img a>.card-h,
.metric>.card-h{background:var(--navy);border-radius:var(--r-card) var(--r-card) 0 0}
.about-3 .ab>.card-h .n,
.metric>.card-h .n{color:var(--yellow)}
.about-3 .ab>.card-h h3,
.rel-img a>.card-h h3,
.metric>.card-h h3{color:#fff}
.rel-img a>.card-h .st{color:var(--yellow)}
.rel-img a>.card-h .ic{background:rgba(255,255,255,.14)}
.rel-img a>.card-h .ic svg{stroke:#fff}

.ab-b p.mtx-band,.metric-b p.mtx-band,
.mtx-band{display:block;background:var(--navy);color:#fff;border-radius:12px;
  padding:14px 18px;margin:0 0 16px;font-size:15px;line-height:1.6;letter-spacing:.01em}
.mtx-band b{font-size:26px;font-weight:700;color:var(--yellow);letter-spacing:-.03em;
  line-height:1;vertical-align:-1px;margin:0 3px;white-space:nowrap}

.fl{grid-template-columns:112px minmax(0,1fr)}
.fl-num{width:auto;height:auto;border-radius:var(--r-pill);padding:9px 0;
  font-size:14px;letter-spacing:.06em;width:88px;box-shadow:0 0 0 5px #fff}
.fl::before,.fl::after{left:43px}
.fl h3{margin-top:0}

.fl-fig{left:-12px;bottom:-20px;width:21%}
img.fl-fig{width:21%}

.fh-gpx{display:inline-flex;align-items:center;gap:18px;background:var(--gc);
  border-radius:16px;padding:14px 26px 14px 22px;margin-bottom:26px;
  box-shadow:0 10px 26px rgba(21,54,119,.18)}
.fh-gpx .n{font-size:46px;font-weight:700;line-height:.9;color:var(--yellow);
  -webkit-text-stroke:0;letter-spacing:-.02em;flex-shrink:0}
.fh-gpx .t{font-size:19px;font-weight:700;color:#fff;line-height:1.4;
  letter-spacing:-.02em;padding-left:18px;border-left:1px solid rgba(255,255,255,.34)}
.fh-gpx .t small{display:block;font-size:11.5px;font-weight:700;
  color:rgba(255,255,255,.72);letter-spacing:.16em;margin-bottom:4px}

@media(max-width:860px){
  .fl{grid-template-columns:96px minmax(0,1fr)}
  .fl-num{width:80px;font-size:13px}
  .fl::before,.fl::after{left:39px}
  .fh-gpx{gap:13px;padding:11px 18px 11px 16px}
  .fh-gpx .n{font-size:34px}
  .fh-gpx .t{font-size:16px;padding-left:13px}
  .mtx-band b{font-size:23px}
}
@media(max-width:560px){
  .fl{grid-template-columns:1fr}
  .fl-num{margin-bottom:14px}
  .fl::before,.fl::after{display:none}
}

.shead-sub{max-width:none;margin:52px 0 26px}
.sub-label{position:relative;font-size:26px;font-weight:700;color:var(--navy);
  letter-spacing:-.03em;line-height:1.4;padding-left:18px;margin-bottom:12px}
.sub-label::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:5px;
  border-radius:3px;background:var(--yellow)}
.shead-sub .lead{margin:0}

.metric>.card-h .lbl{color:#fff;margin-bottom:0}

.gp{background:linear-gradient(168deg,var(--gc-l) 0%,var(--gc-bg) 46%,
  rgba(255,255,255,.7) 100%)}

.cmp-c{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.cmp-c .cmp-s{background:rgba(255,255,255,.08)}
.cmp-c .cmp-s span{color:rgba(255,255,255,.72);font-weight:500}
.cmp-c.fx{background:#fff;border-color:var(--yellow)}
.cmp-c.fx .cmp-h{border-bottom-color:var(--blue-line)}
.cmp-c.fx .cmp-h .nm{color:var(--navy);font-size:18px}
.cmp-c.fx .cmp-s{background:var(--blue-l)}
.cmp-c.fx .cmp-s span{color:var(--navy);font-weight:700}
.cmp-c.fx .cmp-s i{background:var(--blue)}
.cmp-c.fx .cmp-a{background:var(--blue-line)}
.cmp-c.fx .cmp-n{color:var(--muted)}
.cmp-c.fx .cmp-h{background:var(--yellow)}
.cmp-c.fx .cmp-h .nm{color:var(--navy)}

@media(max-width:860px){
  .sub-label{font-size:21px;padding-left:14px}
  .shead-sub{margin:38px 0 20px}
}

:root{--card-hd:#1c4f9e}
.about-3 .ab>.card-h,
.rel-img a>.card-h,
.metric>.card-h{background:var(--card-hd)}
.ab-b p.mtx-band,.metric-b p.mtx-band,.mtx-band{background:var(--card-hd)}

.th h3{padding:24px 24px 18px;order:0}
.th .th-ph{order:1}
.th p{order:2;margin-top:18px;padding-top:0;border-top:0}
.th{padding-bottom:26px}

.fh{position:relative;padding-top:0}
.fh-grid{padding-top:112px}
.fh-gpx{position:absolute;top:0;left:0;margin:0;border-radius:0;
  padding:17px 30px 17px 26px;box-shadow:none;z-index:4}
@media(max-width:1180px){
  .fh-gpx{padding-left:22px}
}
@media(max-width:860px){
  .fh-grid{padding-top:86px}
  .fh-gpx{padding:12px 20px 12px 18px}
}
@media(max-width:430px){
  .fh-grid{padding-top:74px}
  .fh-gpx .n{font-size:28px}
  .fh-gpx .t{font-size:14px}
}

.fh-gpx{padding-left:max(26px,calc((100vw - 1112px) / 2 + 26px))}
@media(max-width:1180px){
  .fh-gpx{padding-left:26px}
}
@media(max-width:860px){
  .fh-gpx{padding-left:18px}
}

:root{--card-hd:#2358ac}

.gp-num{-webkit-text-stroke:2.2px var(--gc);opacity:.9}

.pf{display:block;padding:52px 0 0;border-radius:0;background:none;
  position:relative;overflow:hidden}

.pf-air{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pf-air i{position:absolute;left:50%;bottom:104px;transform:translate(-50%,50%);
  border-radius:50%;border:1px solid rgba(21,54,119,.07)}
.pf-air i:nth-child(1){width:460px;height:460px}
.pf-air i:nth-child(2){width:760px;height:760px;border-color:rgba(21,54,119,.05)}
.pf-air i:nth-child(3){width:1100px;height:1100px;border-color:rgba(21,54,119,.035)}
.pf-air .glow{position:absolute;left:50%;bottom:104px;width:900px;height:520px;
  transform:translate(-50%,42%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(28,79,158,.16),rgba(28,79,158,0) 72%)}

.pf-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.pf-col{position:relative}
.pf-ch{display:flex;align-items:baseline;gap:11px;padding:0 4px 12px;
  margin-bottom:16px;border-bottom:2px solid var(--tc)}
.pf-ch .n{font-size:22px;font-weight:700;color:var(--tc);line-height:1;letter-spacing:-.02em}
.pf-ch .t{font-size:15px;font-weight:700;color:var(--ink);line-height:1.4;letter-spacing:-.02em}
.pf-ts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pf-t{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:#fff;border:0;border-radius:16px;padding:18px 10px;text-align:center;
  box-shadow:0 2px 4px rgba(21,54,119,.05),0 10px 26px rgba(21,54,119,.07)}
.pf-t .ic{width:38px;height:38px;border-radius:12px;background:var(--tc-bg);
  display:flex;align-items:center;justify-content:center}
.pf-t .ic svg{width:21px;height:21px;fill:none;stroke:var(--tc);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.pf-t .nm{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.45;letter-spacing:-.02em}

.pf-link{position:relative;z-index:1;display:block;width:100%;height:76px;overflow:visible}
.pf-link path{fill:none;stroke-width:1.6;opacity:.3;vector-effect:non-scaling-stroke;
  stroke-linecap:round}

.pf-links{position:relative}
.pf-pulse{position:absolute;inset:0;width:100%;height:100%;
  overflow:visible;pointer-events:none;z-index:2}
.pf-pulse path{fill:none;opacity:0;stroke-width:2.6;vector-effect:non-scaling-stroke;
  stroke-linecap:round}

.pf-base{position:relative;z-index:1;width:fit-content;max-width:100%;margin:0 auto;
  display:flex;align-items:center;gap:26px;flex-wrap:wrap;
  padding:26px 34px;border-radius:20px;
  background:linear-gradient(100deg,#153677 0%,#1a3f84 46%,#1c4f9e 100%);
  box-shadow:0 2px 0 rgba(255,255,255,.14) inset,
             0 22px 48px rgba(21,54,119,.3),
             0 6px 0 -2px rgba(13,33,72,.55);
  overflow:hidden}
.pf-base::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--g1),var(--g2) 50%,var(--g3))}
.pf-base .lg{font-size:34px;font-weight:700;color:#fff;letter-spacing:-.035em;line-height:1}
.pf-base .kd{font-size:14px;font-weight:700;color:var(--yellow);letter-spacing:.04em;
  padding-left:20px;border-left:1px solid rgba(255,255,255,.28)}
.pf-base .ct{font-size:15.5px;color:rgba(255,255,255,.86);line-height:1.6}
.pf-base .ct b{color:#fff;font-weight:700}

.anim-on .pf-t{opacity:0;transform:translate3d(0,14px,0);
  transition:opacity .42s ease var(--pd,0ms),transform .42s cubic-bezier(.22,.7,.3,1) var(--pd,0ms)}
.anim-on .pf-ch{opacity:0;transition:opacity .4s ease var(--pd,0ms)}
.anim-on .pf-link path{stroke-dashoffset:var(--len,300);
  transition:stroke-dashoffset .55s cubic-bezier(.4,0,.2,1) var(--pd,0ms)}
.anim-on .pf-base{opacity:0;transform:translate3d(0,24px,0);
  transition:opacity .5s ease var(--pd,0ms),transform .5s cubic-bezier(.22,.7,.3,1) var(--pd,0ms)}
.anim-on .pf-air{opacity:0;transition:opacity 1.1s ease .3s}
.anim-on .pf.is-in .pf-t,.anim-on .pf.is-in .pf-ch,
.anim-on .pf.is-in .pf-base,.anim-on .pf.is-in .pf-air{opacity:1;transform:none}
.anim-on .pf.is-in .pf-air i,.anim-on .pf.is-in .pf-air .glow{transform:translate(-50%,50%)}
.anim-on .pf.is-in .pf-air .glow{transform:translate(-50%,42%)}
.anim-on .pf.is-in .pf-link path{stroke-dashoffset:0}

@media(prefers-reduced-motion:reduce){
  .anim-on .pf-t,.anim-on .pf-ch,.anim-on .pf-base,.anim-on .pf-air{
    opacity:1;transform:none;transition:none}
  .anim-on .pf-link path{stroke-dashoffset:0;transition:none}
}
@media(max-width:980px){
  .pf-cols{gap:20px}
  .pf-ts{gap:8px}
  .pf-t{padding:14px 7px;gap:8px}
  .pf-t .ic{width:34px;height:34px}
  .pf-t .nm{font-size:11.5px}
  .pf-ch .t{font-size:13.5px}
  .pf-base{padding:22px 24px;gap:16px}
  .pf-base .lg{font-size:28px}
  .pf-base .ct{flex-basis:100%;font-size:14.5px}
  .pf-air i:nth-child(3){display:none}
}
@media(max-width:760px){
  .pf{padding-top:34px}
  .pf-cols{grid-template-columns:1fr;gap:26px}
  .pf-link{height:44px}
  .pf-base{border-radius:16px;padding:20px}
  .pf-air i:nth-child(2){display:none}
  .pf-air .glow{width:560px;height:340px}
}

.fh-gpx{left:0;padding:17px 30px 17px 24px}
.fh-gpx::before{content:'';position:absolute;top:0;bottom:0;right:100%;
  width:100vw;background:var(--gc)}
@media(max-width:1180px){ .fh-gpx{padding-left:24px} }
@media(max-width:860px){ .fh-gpx{padding:12px 20px 12px 20px} }
@media(max-width:430px){ .fh-gpx{padding:11px 16px} }

.fh-gpx{left:0;padding:17px 32px 17px 26px}
.fh-gpx::before{display:none}
@media(max-width:1180px){ .fh-gpx{padding-left:24px} }
@media(max-width:860px){ .fh-gpx{padding:12px 22px 12px 18px} }
@media(max-width:430px){ .fh-gpx{padding:11px 18px 11px 16px} }

.anim-on .pf-base{opacity:0;transform:translate3d(0,18px,0);
  transition:opacity .5s ease,transform .5s cubic-bezier(.22,.7,.3,1)}
.anim-on .pf.is-in .pf-base{opacity:1;transform:none}

.pf-base::before{transform:scaleX(0);transform-origin:left}
.anim-on .pf.is-lit .pf-base::before{transform:scaleX(1);
  transition:transform .7s cubic-bezier(.4,0,.2,1)}
html:not(.anim-on) .pf-base::before{transform:none}

.pf.is-lit .pf-pulse path{animation:pfpulse 1s cubic-bezier(.45,0,.5,1) forwards}
@keyframes pfpulse{
  0%{opacity:0;stroke-dashoffset:var(--len)}
  12%{opacity:.85}
  86%{opacity:.85}
  100%{opacity:0;stroke-dashoffset:0}
}
@media(prefers-reduced-motion:reduce){
  .pf-pulse{display:none}
  .pf-base::before{transform:none}
}

.f2>.card-h{background:var(--card-hd);border-radius:var(--r-card) var(--r-card) 0 0;
  padding:22px 30px 14px}
.f2>.card-h .lb{color:var(--yellow);margin-bottom:8px}
.f2>.card-h h3{color:#fff;margin-bottom:0}
.f2-b{padding-top:20px}
@media(max-width:700px){
  .f2>.card-h{padding:18px 20px 12px}
}

.bnr-gpx{position:absolute;top:0;left:0;z-index:3;display:inline-flex;align-items:center;
  gap:18px;background:var(--prob);padding:17px 32px 17px 26px}
.bnr-gpx .n{font-size:46px;font-weight:700;line-height:.9;color:var(--yellow);
  letter-spacing:-.02em;flex-shrink:0}
.bnr-gpx .t{display:block;font-size:19px;font-weight:700;color:#fff;
  line-height:1.4;letter-spacing:-.02em;padding-left:18px;
  border-left:1px solid rgba(255,255,255,.34)}
.bnr-gpx .t small{display:block;font-size:11.5px;font-weight:700;
  color:rgba(255,255,255,.85);letter-spacing:.16em;margin-bottom:4px}

.bnr{padding:0 0 50px}
.bnr-in{padding-top:116px}
.bnr h1{font-size:42px;line-height:1.5;letter-spacing:.04em;margin-bottom:18px}

.bnr h1 span{display:inline-block}
.bnr .sub{font-size:16.5px;line-height:2;max-width:720px}
.bnr .sub b{color:var(--navy);font-weight:700}
@media(max-width:1000px){
  .bnr h1{font-size:36px}
}
@media(max-width:860px){
  .bnr-gpx{gap:13px;padding:12px 22px 12px 18px}
  .bnr-gpx .n{font-size:34px}
  .bnr-gpx .t{font-size:16px;padding-left:13px}
  .bnr-gpx .t small{font-size:10.5px;margin-bottom:3px}
  .bnr-in{padding-top:92px}
}
@media(max-width:700px){
  .bnr{padding:0 0 34px}
  .bnr h1{font-size:25px;line-height:1.55;letter-spacing:.03em;margin-bottom:13px}
  .bnr .sub{font-size:15px;line-height:1.95}
}
@media(max-width:430px){
  .bnr-gpx{padding:11px 18px 11px 16px}
  .bnr-gpx .n{font-size:28px}
  .bnr-gpx .t{font-size:14px}
}

.concl-hd{display:table;margin:0 auto 30px;background:var(--card-hd);color:#fff;
  font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.4;
  padding:12px 34px 13px;border-radius:12px}
.concl .st{margin-bottom:40px}
@media(max-width:700px){
  .concl-hd{font-size:16.5px;padding:10px 24px 11px;margin-bottom:22px}
}

.art{counter-reset:arth2}
.art>h2{counter-increment:arth2;position:relative;display:flex;align-items:baseline;gap:16px;
  font-size:27px;line-height:1.5;margin:80px 0 30px;padding-bottom:16px;
  border-bottom:1px solid #dfe4ea}
.art>h2::before{content:counter(arth2,decimal-leading-zero);flex-shrink:0;
  font-size:33px;font-weight:700;line-height:1;color:transparent;
  -webkit-text-stroke:1.7px var(--blue);letter-spacing:.02em;transform:translateY(2px)}
.art>h2::after{content:'';position:absolute;left:0;bottom:-1px;width:72px;height:3px;
  border-radius:2px;background:var(--navy)}

.art h3{margin:46px 0 18px;padding:12px 18px 12px 16px;font-size:20px;line-height:1.6;
  border-left:4px solid var(--blue);background:#f3f7fd;border-radius:0 10px 10px 0}

.art>h4{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700;
  color:var(--ink);margin:28px 0 10px}
.art>h4::before{content:'';width:9px;height:9px;border-radius:2.5px;background:var(--blue)}

.art figure{max-width:660px;margin:30px auto 38px}
.art figure img{border:1px solid var(--line);border-radius:12px}
.art figcaption{text-align:center}

.art .quote,.fl .quote{position:relative;display:inline-block;background:var(--yellow-l);
  border:0;border-radius:14px;padding:13px 24px;margin:2px 0 24px;
  font-size:18px;font-weight:700;color:var(--ink)}
.art .quote::after,.fl .quote::after{content:'';position:absolute;left:28px;bottom:-8px;
  width:15px;height:15px;background:var(--yellow-l);transform:rotate(45deg);
  border-radius:0 0 3px 0}

.art .alert{background:#fff7ef;border:1px solid #f3dcc2;border-left:4px solid var(--accent);
  border-radius:0 14px 14px 0;padding:24px 30px 26px}
.alert h4{display:flex;align-items:center;gap:11px}
.alert h4::before{content:'!';flex-shrink:0;width:23px;height:23px;border-radius:50%;
  background:var(--accent);color:#fff;font-size:14.5px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center}

.art p.go-l{margin:20px 0 30px}
.art .inline-l{display:inline-flex;align-items:center;gap:10px;
  border:1.5px solid var(--blue-line);border-radius:var(--r-pill);padding:11px 24px;
  font-weight:700;color:var(--blue);background:#fff;transition:all .18s}
.art .inline-l:hover{border-color:var(--blue);background:var(--blue-l)}
.art .inline-l .ar{transition:transform .18s}
.art .inline-l:hover .ar{transform:translateX(3px)}

@media(max-width:700px){
  .art>h2{font-size:21.5px;gap:12px;margin:56px 0 22px;padding-bottom:13px}
  .art>h2::before{font-size:26px;-webkit-text-stroke-width:1.5px}
  .art>h2::after{width:56px}
  .art h3{font-size:17.5px;margin:36px 0 14px;padding:10px 14px 10px 13px}
  .art .quote,.fl .quote{font-size:16px;padding:11px 18px}
  .art figure{margin:24px auto 30px}
}

.side-mod a{display:block;padding:0 0 12px;margin-top:12px;background:#fff;
  border:1px solid #e2e7ee;border-radius:12px;overflow:hidden;
  transition:border-color .18s,box-shadow .18s}
.side-mod a:hover{border-color:var(--blue-line);box-shadow:var(--sh)}
img.side-ph{display:block;width:100%;height:72px;object-fit:cover;
  object-position:center 30%;border-bottom:1px solid #eef1f5}
.side-mod a h4{padding:11px 13px 0;margin-bottom:5px;font-size:17px}
.side-mod a h4::after{content:none}
.side-mod a p{padding:0 13px;font-size:12.5px;line-height:1.65}
.side-mod .go{display:inline-flex;align-items:center;gap:7px;margin:7px 13px 0;
  font-size:12.5px;font-weight:700;color:var(--blue)}
.side-mod .go .ar{transition:transform .18s}
.side-mod a:hover .go .ar{transform:translateX(3px)}
.side-mod .t{border-bottom:0;padding-bottom:0}
.side{gap:18px}

.side-dl2{display:flex;align-items:center;gap:12px;padding:12px 14px 13px}
.dl-doc{flex-shrink:0;display:block;width:44px;height:58px;background:#fff;
  border:1px solid #dfe4ea;border-radius:5px;overflow:hidden;
  box-shadow:2.5px 2.5px 0 #eef1f5}
.dl-doc b{display:block;background:var(--navy);color:#fff;font-size:8.5px;
  font-weight:700;letter-spacing:.03em;padding:4px 5px 3px}
.dl-doc b::after{content:none}
.dl-doc i{display:block;height:3.5px;border-radius:2px;background:#dbe3ee;margin:5px 6px 0}
.dl-doc i:nth-of-type(2){width:60%}
.dl-doc i:nth-of-type(3){width:75%}
.dl-tx{min-width:0}
.dl-tx small{display:block;font-size:11.5px;color:var(--muted);margin-bottom:3px}
.dl-tx b{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;
  color:var(--navy);letter-spacing:-.02em;line-height:1.5}
.dl-tx b::after{content:'↓';margin-left:auto;color:var(--blue);font-size:13px}

.cc.q{background:#fdf5f3}
.cc.a{background:#f4f8fe}
.cc.e{background:#f1f8f8}
.cc .lb{font-size:16px;padding:7px 20px}

.art-wrap{grid-template-columns:minmax(0,1fr) 232px;gap:32px;
  background:linear-gradient(var(--line),var(--line)) no-repeat;
  background-size:1px 100%;background-position:calc(100% - 248px) 0}
@media(max-width:1080px){
  .art-wrap{grid-template-columns:minmax(0,1fr) 232px;gap:28px;
    background-position:calc(100% - 246px) 0}
}
@media(max-width:980px){
  .art-wrap{grid-template-columns:1fr;gap:0;background:none}
}

.art figure img.fig-chat{aspect-ratio:auto}

.side-mod .t{display:flex;align-items:center;gap:10px;background:none;color:var(--ink);
  font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.5;
  padding:0;border-radius:0;border-bottom:0}
.side-mod .t::before{content:'';flex-shrink:0;width:4.5px;height:18px;border-radius:3px;
  background:var(--navy)}
img.side-ph{height:auto;aspect-ratio:auto;object-fit:fill;object-position:center}
.side{gap:14px}
.side-mod a{margin-top:12px;padding-bottom:11px}
.side-mod a h4{padding-top:10px}
.side-mod a p{font-size:12px;line-height:1.6}
.side-mod .go{margin-top:6px}
.side-dl2{padding:11px 14px 12px}

.feat2{max-width:920px;margin:0 auto;gap:22px}
.f2>.card-h h3{font-size:24px}
.f2>.card-h .lb{font-size:13px}
.f2-b{padding:20px 26px 24px}
.f2 p{font-size:15px;line-height:1.8;margin-bottom:14px}
.f2 .more{font-size:15px}
@media(max-width:700px){
  .f2>.card-h h3{font-size:21px}
}

.art-sec>.wrap{max-width:1408px}

.art-wrap{grid-template-columns:minmax(0,1fr) 280px;gap:64px;
  background:linear-gradient(to right,rgba(15,32,64,.075),rgba(15,32,64,0)) no-repeat;
  background-size:14px 100%;
  background-position:calc(100% - 312px) 0}
.art figure{max-width:760px}

.side{width:auto;gap:12px}
.side-mod a{margin-top:11px;padding-bottom:10px}
.side-mod a p{font-size:12.5px}

@media(max-width:1180px){
  .art-wrap{grid-template-columns:minmax(0,1fr) 260px;gap:40px;
    background-size:12px 100%;
    background-position:calc(100% - 280px) 0}
}
@media(max-width:980px){
  .art-wrap{grid-template-columns:1fr;gap:0;background:none}
}

.p-feature .ab-b p.mtx-band,.p-feature .mtx-band{background:none;color:var(--body);
  border-radius:0;padding:0 0 13px;margin:0 0 15px;
  border-bottom:1px solid #d9e2f2;font-size:15px}
.p-feature .mtx-band b{color:var(--blue);font-size:26px}

.p-feature .about-3 .ab>.ab-b{background:#f3f7fd}
.p-feature .rel-img .rel-b{background:#f3f7fd}
.p-feature .fl-card{background:#f3f7fd}

.lp-wrap{max-width:1408px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:264px minmax(0,1fr);gap:48px;align-items:start}
.lp-main{min-width:0}
.lp-main .wrap{max-width:none}
.lp-main .navy-wrap{padding:0 24px}

.lnav{position:sticky;top:88px;display:grid;gap:15px;padding:24px 0 8px}
.ln-h{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;
  color:var(--ink);line-height:1.45;letter-spacing:-.02em;
  padding-bottom:9px;border-bottom:2px solid var(--gc);margin-bottom:6px}
.ln-h .n{flex-shrink:0;font-size:17px;font-weight:700;color:var(--gc);letter-spacing:.02em}
.lnav ul{list-style:none;display:grid}
.lnav li a,.lnav li.on>span{display:block;font-size:13.5px;line-height:1.55;
  padding:7px 10px 7px 14px;border-radius:8px;color:var(--body)}
.lnav li a:hover{background:#f3f6fb;color:var(--blue)}

.lnav li.on>span{position:relative;background:var(--gc-bg);color:var(--gc);
  font-weight:700;padding-left:17px}
.lnav li.on>span::before{content:'';position:absolute;left:0;top:6px;bottom:6px;
  width:3.5px;border-radius:2px;background:var(--gc)}
.lnav li.on small{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:700;
  color:#fff;background:var(--gc);border-radius:var(--r-pill);padding:2px 9px 2.5px;
  vertical-align:1px}
.lnav .side-dl2{margin-top:4px}

@media(max-width:1080px){
  .lp-wrap{display:block;padding:0}
  .lnav{display:none}
  .lp-main .wrap{max-width:var(--wrap)}
}

.p-feature .fl-fig{left:-30px;bottom:-14px;width:28%}
.p-feature img.fl-fig{width:28%;aspect-ratio:auto}
@media(max-width:860px){
  .p-feature .fl-fig{left:-18px;bottom:-10px;width:26%}
  .p-feature img.fl-fig{width:26%}
}
@media(max-width:560px){
  .p-feature .fl-fig{left:-10px;bottom:-8px;width:30%}
  .p-feature img.fl-fig{width:30%}
}

.p-feature .about-3,.p-feature .cols-3,.p-problem .cols-3,
.p-feature .theme{grid-template-rows:auto auto 1fr}
.p-feature .about-3>.ab,
.p-feature .cols-3>.case,
.p-problem .cols-3>.case,
.p-feature .theme>.th{display:grid;grid-row:span 3;grid-template-rows:subgrid;
  row-gap:0}

@supports not (grid-template-rows:subgrid){
  .p-feature .theme>.th>h3{min-height:96px}
  .p-feature .about-3>.ab>.card-h{min-height:136px}
  .p-feature .cols-3>.case>.card-h,
  .p-problem .cols-3>.case>.card-h{min-height:151px}
}
@media(max-width:700px){

  .p-feature .about-3,.p-feature .cols-3,.p-problem .cols-3,
  .p-feature .theme{grid-template-rows:none}
  .p-feature .about-3>.ab,
  .p-feature .cols-3>.case,
  .p-problem .cols-3>.case,
  .p-feature .theme>.th{display:flex;flex-direction:column;grid-row:auto}
}

.ln-tg{display:flex;align-items:center;gap:7px;width:100%;margin-bottom:14px;
  padding:7px 10px;background:#fff;border:1px solid #e2e7ee;border-radius:8px;
  font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;
  transition:border-color .18s,color .18s}
.ln-tg:hover{border-color:var(--blue-line);color:var(--blue)}
.ln-tg .ic{flex-shrink:0;font-size:14px;line-height:1}

.lp-wrap.is-navoff{grid-template-columns:40px minmax(0,1fr);gap:24px}
.lp-wrap.is-navoff .ln-body{display:none}
.lp-wrap.is-navoff .ln-tg{flex-direction:column;justify-content:flex-start;gap:10px;
  margin-bottom:0;padding:11px 4px 14px;min-height:132px}
.lp-wrap.is-navoff .ln-tg .tx{flex:none;width:1em;line-height:1.2;
  white-space:normal;word-break:break-all;text-align:center}

@media(max-width:1080px){

  .ln-tg{display:none}
  .lp-wrap.is-navoff{grid-template-columns:1fr;gap:0}
}

.cols-3.cols-2{grid-template-columns:repeat(2,1fr);max-width:760px;margin:0 auto}
@media(max-width:700px){ .cols-3.cols-2{grid-template-columns:1fr;max-width:none} }

.lp-wrap{grid-template-columns:224px minmax(0,1fr);gap:40px}
.lp-wrap.is-navoff{grid-template-columns:36px minmax(0,1fr);gap:22px}

.lnav{background:#eaedf2;border-radius:0;
  margin-left:-24px;               
  padding:22px 20px 30px 44px;     
  gap:14px}

.lnav::before{content:'';position:absolute;top:0;bottom:0;right:100%;
  width:100vw;background:#eaedf2;pointer-events:none}
.ln-body{background:none;padding:0;display:grid;gap:15px}

.lnav .ln-h{color:#7c8798;border-bottom:1px solid #d7dce4;
  font-size:13px;padding:0 2px 8px;margin-bottom:5px;letter-spacing:-.01em}
.lnav .ln-h .n{color:#a6afbd;font-size:15px}

.lnav .ln-g:has(li.on) .ln-h{color:var(--ink);border-bottom-color:#b7c1ce}

.lnav li a{color:#7b8493;font-size:13px;padding:6px 8px 6px 12px}
.lnav li a:hover{background:#fff;color:var(--blue)}

.lnav li.on>span{background:var(--gc);color:#fff;font-size:13px;
  padding:6px 8px 6px 14px;box-shadow:0 2px 10px rgba(18,87,214,.26)}
.lnav li.on>span::before{width:3px;background:rgba(255,255,255,.8)}
.lnav li.on small{background:#fff;color:var(--gc);font-size:10px;
  padding:2px 8px 2.5px;margin-left:6px}

.lnav .side-dl2{margin-top:2px;background:#fff;border-color:#dde3ea;
  padding:10px 11px 11px;gap:10px}
.lnav .side-dl2:hover{background:#fff;border-color:var(--blue-line)}
.lnav .side-dl2 .dl-doc{width:38px;height:50px}
.lnav .side-dl2 .dl-tx small{font-size:11px}
.lnav .side-dl2 .dl-tx b{font-size:12.5px}
.ln-tg{background:#fff;border:1px solid #dbe1e9;color:var(--muted);
  margin-bottom:6px;padding:7px 9px;font-size:12px}
.ln-tg:hover{background:#fff;border-color:var(--blue-line);color:var(--blue)}
.lp-wrap.is-navoff .lnav{padding:18px 8px 22px 26px}
.lp-wrap.is-navoff .ln-tg{padding:11px 3px 14px;min-height:126px}

.theme{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){
  .theme{grid-template-columns:repeat(3,1fr);gap:16px}
}
@media(max-width:860px){
  .theme{grid-template-columns:1fr;gap:16px}
}

@media(max-width:860px){
  .p-feature .theme{grid-template-rows:none}
  .p-feature .theme>.th{display:flex;flex-direction:column;grid-row:auto}
}

.hero .hero-h1{display:grid;font-size:60px;font-weight:700;line-height:1.16;
  letter-spacing:-.045em;color:#fff;margin:0 0 20px}
.hero .hero-h1 .hh1{color:rgba(255,255,255,.82);font-size:.62em;
  letter-spacing:.02em;line-height:1.3;margin-bottom:2px}

.hero .hero-cc{font-size:27px;font-weight:700;line-height:1.55;
  letter-spacing:-.03em;color:#fff;margin:0 0 18px}
.hero .hero-cc em{font-style:normal;color:var(--yellow)}
.hero .h-sub{font-size:18px;line-height:1.9;color:#bccee3}
.hero .cta-set{margin-top:34px}

@media(max-width:1200px){
  .hero .hero-h1{font-size:52px}
  .hero .hero-cc{font-size:24px}
}
@media(max-width:1080px){
  .hero .hero-h1{font-size:46px}
  .hero .hero-cc{font-size:22px}
  .hero .h-sub{font-size:17px}
}
@media(max-width:860px){
  .hero .hero-h1{font-size:38px;margin-bottom:16px}
  .hero .hero-cc{font-size:20px;margin-bottom:14px}
}
@media(max-width:560px){
  .hero .hero-h1{font-size:30px;letter-spacing:-.04em}
  .hero .hero-cc{font-size:17.5px;line-height:1.6}
  .hero .h-sub{font-size:15.5px}
  .hero .cta-set{margin-top:26px}
}

.btn .bi{display:inline-flex;align-items:center;justify-content:center;
  flex-shrink:0;width:20px;height:20px;transition:transform .22s}
.btn .bi svg{width:100%;height:100%;display:block}
.btn:hover .bi{transform:translateY(-1.5px)}
.btn-1 .bi{width:18px;height:18px}

.p-feature .fl-card{
  background:linear-gradient(122deg,#d6e5fa 0%,#eaf2fd 46%,#dde9fc 100%);
  border:1px solid #cbdcf4;box-shadow:0 2px 18px rgba(21,54,119,.09)}

.about-3 .ab>.card-h h3{letter-spacing:-.03em}
@media(max-width:1200px){
  .about-3 .ab>.card-h h3{font-size:21px}
}

.tbl-std thead th{color:var(--ink)}

.lnav{padding:22px 20px 30px 26px}
.lp-wrap.is-navoff .lnav{padding:18px 6px 22px 16px}

.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.82fr)}
.hero .hero-h1{font-size:43px;line-height:1.24}
.hero .hero-h1 .hh1{font-size:.66em;margin-bottom:0}
.hero .hero-h1 .hh2{letter-spacing:-.05em;white-space:nowrap}
.hero .hero-h1 .hh2 b{font-weight:700;letter-spacing:-.07em}

@media(max-width:1208px){ .hero .hero-h1{font-size:39px} }

@media(max-width:1080px){
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .hero .hero-h1{font-size:41px}
}
@media(max-width:560px){ .hero .hero-h1{font-size:26px} }
@media(max-width:400px){ .hero .hero-h1{font-size:22px} }

.hero-v2{background:linear-gradient(176deg,#fbfdff 0%,#f1f7fd 62%,#e9f1fb 100%);
  color:var(--body);padding:76px 0 84px;overflow:hidden}
.hero-v2 .hero-bg,.hero-v2 .hero-o1,.hero-v2 .hero-o2{display:none}

.hero-v2 .hv-dots{position:absolute;right:-30px;top:56px;width:330px;height:190px;
  background:radial-gradient(#c4d8f2 1.5px,transparent 1.5px) 0 0/17px 17px;
  opacity:.75;-webkit-mask-image:linear-gradient(255deg,#000,transparent 78%);
  mask-image:linear-gradient(255deg,#000,transparent 78%)}
.hero-v2 .hv-arc{position:absolute;right:-330px;top:-190px;width:820px;height:820px;
  border-radius:50%;border:1.5px solid rgba(18,87,214,.10)}
.hero-v2 .hv-glow{position:absolute;left:-180px;top:-160px;width:620px;height:620px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(18,87,214,.075) 0%,rgba(18,87,214,0) 68%)}
.hero-v2 .hv-sky{position:absolute;left:-14px;bottom:-6px;width:660px;height:auto;
  opacity:.75;pointer-events:none}
.hero-v2 .hero-in{position:relative;z-index:2}
.hero-v2 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
  gap:34px;align-items:center}

.hero-v2 .hero-h1{display:grid;justify-items:start;gap:20px;
  font-size:43px;font-weight:700;line-height:1.2;letter-spacing:-.05em;
  color:var(--navy-d);margin:0 0 20px}
.hero-v2 .hv-pill{display:inline-flex;align-items:center;gap:9px;
  font-size:15px;font-weight:700;letter-spacing:0;line-height:1;
  color:var(--navy);background:#fff;border:1px solid #cddff5;
  border-radius:var(--r-pill);padding:9px 19px 10px;
  box-shadow:0 1px 8px rgba(21,54,119,.06)}
.hero-v2 .hv-pill .ic{display:inline-flex;width:17px;height:17px;color:var(--blue)}
.hero-v2 .hv-pill .ic svg{width:100%;height:100%}
.hero-v2 .hero-h1 .hh2{white-space:nowrap}
.hero-v2 .hero-h1 b{font-weight:700;letter-spacing:-.07em;color:#8ab4e8}

.hero-v2 .hero-h1 i{font-style:normal;letter-spacing:-.02em;
  background:linear-gradient(96deg,#12a7c2 0%,#1668dd 52%,#1257d6 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}

@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .hero-v2 .hero-h1 i{color:var(--blue);background:none}
}

.hero-v2 .hero-cc{font-size:27px;font-weight:700;line-height:1.55;
  letter-spacing:-.035em;color:var(--navy-d);margin:0 0 16px}
.hero-v2 .hero-cc em{font-style:normal;color:var(--blue)}

.hero-v2 .h-sub{font-size:17px;font-weight:500;line-height:1.9;color:#5b6676}
.hero-v2 .cta-set{margin-top:30px;gap:14px}

.hero-v2 .btn{box-shadow:0 4px 16px rgba(21,54,119,.10)}
.hero-v2 .btn-accent{box-shadow:0 8px 22px rgba(239,108,31,.28)}
.hero-v2 .btn-outline{background:#fff;border:1.5px solid var(--blue-line);color:var(--blue)}
.hero-v2 .btn-outline:hover{border-color:var(--blue);background:#fbfdff}

.bi-cir{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.9);
  color:var(--accent);padding:5px}
.btn:hover .bi-cir{transform:translateX(2px)}

.bi-first{flex-direction:row}
.bi-first .bi{order:-1;color:var(--blue)}

.hero-v2 .hv-dev{width:calc(100% + 96px);max-width:none;height:auto;
  filter:drop-shadow(0 18px 34px rgba(15,35,80,.10))}

@media(max-width:1208px){
  .hero-v2 .hero-h1{font-size:39px}
}
@media(max-width:1080px){
  .hero-v2{padding:56px 0 64px}
  .hero-v2 .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero-v2 .hero-h1{font-size:41px}
  .hero-v2 .hv-dev{width:100%}
  .hero-v2 .hv-sky{width:520px;opacity:.5}
  .hero-v2 .hv-dots{width:210px;height:130px;top:26px}
}
@media(max-width:700px){
  .hero-v2 .hero-h1{gap:16px;margin-bottom:16px}
  .hero-v2 .hero-cc{font-size:21px;margin-bottom:13px}
  .hero-v2 .hv-arc{display:none}
}
@media(max-width:560px){
  .hero-v2{padding:38px 0 46px}
  .hero-v2 .hero-h1{font-size:26px}
  .hero-v2 .hv-pill{font-size:13px;padding:7px 15px 8px}
  .hero-v2 .hero-cc{font-size:18px;line-height:1.6}
  .hero-v2 .h-sub{font-size:15.5px}
  .hero-v2 .cta-set{margin-top:24px}
  .hero-v2 .hv-sky{width:400px;opacity:.42}
}
@media(max-width:400px){
  .hero-v2 .hero-h1{font-size:22px}
}

.hero-v2 .hero-grid{grid-template-columns:minmax(0,1.10fr) minmax(0,.90fr)}
.hero-v2 .hero-h1{font-size:41px}
.hero-v2 .btn{padding:15px 26px;gap:12px}
.hero-v2 .hv-sky{width:560px;opacity:.55}
@media(max-width:1208px){
  .hero-v2 .hero-h1{font-size:38px}
  .hero-v2 .btn{padding:14px 21px;gap:10px;font-size:15.5px}
}
@media(max-width:1080px){ .hero-v2 .hero-h1{font-size:41px} }
@media(max-width:560px){ .hero-v2 .hero-h1{font-size:26px} }
@media(max-width:400px){ .hero-v2 .hero-h1{font-size:22px} }

@media(max-width:1080px){
  .hero-v2 .hero-grid{grid-template-columns:1fr;gap:34px}
}

@media(max-width:980px){
  .hero-v2 .bi-first{justify-content:center;gap:12px}
}

.hero-v2 .hv-dev{width:calc(100% + 150px)}
@media(max-width:1080px){ .hero-v2 .hv-dev{width:100%} }

.anim-on .hv-dev.anim{transform:translate3d(0,26px,0)}

.hero-v2 .hero-h1 i{background:linear-gradient(96deg,#0f96ae 0%,#1668dd 52%,#1257d6 100%);
  -webkit-background-clip:text;background-clip:text}
.hero-v2 .hero-h1 b{color:#5589cf}

.hero-v2 .hero-grid>picture{display:contents}

.hero-v2 .hv-dev{width:100%;max-width:660px;justify-self:end}
.hero-v2 .hero-grid{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:30px}

.hero-v2 .hero-h1{font-size:clamp(26px,3.4vw,41px)}
.hero-v2 .hero-cc{font-size:clamp(19px,2.2vw,27px)}

@media(max-width:1208px){
  .hero-v2 .btn{padding:13px 17px;gap:9px;font-size:15px}
  .hero-v2 .bi{width:18px;height:18px}
  .hero-v2 .bi-cir{width:25px;height:25px;padding:4px}
}

@media(max-width:980px){
  .hero-v2 .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-v2 .hv-dev{width:100%;max-width:620px;justify-self:center}
  .hero-v2 .hero-h1{font-size:clamp(26px,5.2vw,38px)}
  .hero-v2 .hero-cc{font-size:clamp(18px,3.2vw,23px)}
}
@media(max-width:560px){
  .hero-v2 .hero-h1{font-size:clamp(21px,6.6vw,26px)}
  .hero-v2 .hero-cc{font-size:18px}
}

.hero-v2 .hero-grid>picture>source{display:none}

.hero-v2 .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:30px}
.hero-v2 .hv-dev{width:calc(100% + 70px);max-width:600px}
@media(max-width:980px){
  .hero-v2 .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-v2 .hv-dev{width:100%;max-width:560px;justify-self:center}
}

.hero-v2 .hv-dev{justify-self:start}
@media(max-width:980px){ .hero-v2 .hv-dev{justify-self:center} }

@media(min-width:981px){
  .hero-v2{min-height:calc(100svh - 80px);display:flex;align-items:center;
    padding:40px 0}
  .hero-v2 .hero-in{width:100%}
}

.hero-v2 .hero-grid{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:26px}
.hero-v2 .hero-h1{font-size:clamp(28px,4.6vw,56px);letter-spacing:-.012em;
  line-height:1.24;gap:24px}
.hero-v2 .hero-h1 .hh2{white-space:normal}
.hero-v2 .hero-h1 b{display:block;letter-spacing:-.02em}
.hero-v2 .hero-cc{font-size:clamp(19px,2.3vw,28px);letter-spacing:.005em;
  line-height:1.6}
.hero-v2 .h-sub{letter-spacing:.01em}

.hero-v2 .hv-pill{font-size:18px;padding:11px 24px 12px;gap:11px;letter-spacing:.02em}
.hero-v2 .hv-pill .ic{width:20px;height:20px}

.hero-v2 .hv-dev{width:calc(100% + clamp(0px,(100vw - 1120px)/2,150px));
  max-width:none;justify-self:start}

.hero-v2 .hv-photo{position:absolute;inset:0;
  background:url(hero-factory.jpg) center 42%/cover no-repeat;
  opacity:.16;filter:saturate(.35) brightness(1.12);
  -webkit-mask-image:linear-gradient(97deg,transparent 0%,transparent 34%,#000 88%);
  mask-image:linear-gradient(97deg,transparent 0%,transparent 34%,#000 88%)}
.hero-v2 .hv-veil{position:absolute;inset:0;
  background:linear-gradient(97deg,#f7fbff 0%,rgba(247,251,255,.86) 42%,
    rgba(240,247,254,.55) 70%,rgba(233,241,251,.42) 100%)}

@keyframes hvFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-16px,0)}
}
@keyframes hvDrift{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-14px,10px,0)}
  100%{transform:translate3d(0,0,0)}
}
@keyframes hvSpin{ to{transform:rotate(360deg)} }
@keyframes hvPulse{
  0%,100%{transform:scale(1);opacity:.85}
  50%{transform:scale(1.14);opacity:1}
}
.hero-v2 .hv-arc{animation:hvSpin 70s linear infinite}
.hero-v2 .hv-glow{animation:hvPulse 14s ease-in-out infinite}
.hero-v2 .hv-dots{animation:hvDrift 28s ease-in-out infinite}
.hero-v2 .hv-dev{animation:hvFloat 9s ease-in-out infinite}

.anim-on .hv-dev.anim{animation:none}
.anim-on .hv-dev.anim.is-in{animation:hvFloat 9s ease-in-out 1s infinite}
@media(prefers-reduced-motion:reduce){
  .hero-v2 .hv-arc,.hero-v2 .hv-glow,.hero-v2 .hv-dots,.hero-v2 .hv-dev,
  .anim-on .hv-dev.anim.is-in{animation:none}
}

.hero-v2 .hv-arc,.hero-v2 .hv-glow,.hero-v2 .hv-dots,.hero-v2 .hv-dev,
.anim-on .hv-dev.anim,.anim-on .hv-dev.anim.is-in{animation:none}

.hero-v2 .hero-grid{grid-template-columns:minmax(0,2.18fr) minmax(0,1fr);gap:26px}
.hero-v2 .hero-h1 .hh2{white-space:nowrap}
.hero-v2 .hero-h1 b{display:inline}
.hero-v2 .hero-h1{font-size:clamp(22px,4.15vw,50px)}

@media(max-width:430px){
  .hero-v2 .hero-h1{font-size:clamp(17px,5.6vw,23px)}
}

.hero-v2 .hv-pill{font-size:30px;padding:13px 30px 15px;gap:14px;
  border-radius:var(--r-pill);letter-spacing:.02em}
.hero-v2 .hv-pill .ic{width:31px;height:31px}
@media(max-width:980px){
  .hero-v2 .hv-pill{font-size:24px;padding:11px 24px 12px;gap:11px}
  .hero-v2 .hv-pill .ic{width:25px;height:25px}
}
@media(max-width:560px){
  .hero-v2 .hv-pill{font-size:18px;padding:8px 18px 9px;gap:9px}
  .hero-v2 .hv-pill .ic{width:19px;height:19px}
}

.hero-v2 .h-sub{max-width:36em;line-height:1.95}

.hero-v2 .hero-grid{grid-template-columns:minmax(0,2.35fr) minmax(0,1fr)}
.hero-v2 .hero-h1{font-size:clamp(22px,4.05vw,48px)}
@media(max-width:980px){
  .hero-v2 .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-v2 .hv-dev{width:100%;max-width:560px;justify-self:center}
}
@media(max-width:430px){
  .hero-v2 .hero-h1{font-size:clamp(17px,5.4vw,23px)}
}

.hero-v2 .hv-dev{filter:none}

.hero-v2 .hero-in{max-width:1320px}
.hero-v2 .hero-grid{grid-template-columns:minmax(0,1.985fr) minmax(0,1fr);gap:20px}
.hero-v2 .hero-h1{font-size:clamp(22px,4.0vw,54px);letter-spacing:.005em}

.hero-v2 .hero-h1 b{letter-spacing:-.01em}
.hero-v2 .hero-cc{letter-spacing:.015em}

.hero-v2 .hv-dev{width:calc(100% + clamp(0px,(100vw - 1272px)/2,150px));justify-self:start}

.hero-v2 .hv-pill{font-size:27px;padding:12px 27px 13px;gap:13px}
.hero-v2 .hv-pill .ic{width:28px;height:28px}

@media(max-width:980px){
  .hero-v2 .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-v2 .hv-dev{width:100%;max-width:560px;justify-self:center}
  .hero-v2 .hv-pill{font-size:22px;padding:10px 22px 11px;gap:11px}
  .hero-v2 .hv-pill .ic{width:23px;height:23px}
}
@media(max-width:560px){
  .hero-v2 .hv-pill{font-size:17px;padding:8px 17px 9px;gap:9px}
  .hero-v2 .hv-pill .ic{width:18px;height:18px}
}
@media(max-width:430px){
  .hero-v2 .hero-h1{font-size:clamp(17px,5.3vw,23px)}
}

.hero-v2{background:#f7fbff}
.hero-v2 .hv-bg{position:absolute;inset:0;
  background:url(hero-bg.jpg) center right/cover no-repeat}

.hero-v2 .hv-veil{position:absolute;inset:0;
  background:linear-gradient(96deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.58) 34%,
    rgba(255,255,255,.10) 62%,rgba(255,255,255,0) 100%)}
.hero-v2 .hv-photo,.hero-v2 .hv-dots,.hero-v2 .hv-arc,.hero-v2 .hv-glow,
.hero-v2 .hv-sky{display:none}
@supports (background-image:image-set(url(a.webp) type("image/webp"))){
  .hero-v2 .hv-bg{background-image:image-set(url(hero-bg.webp) type("image/webp") 1x,
    url(hero-bg.jpg) type("image/jpeg") 1x)}
}

.hero-v2 .hv-bg{background:url(hero-plant.jpg) center right/cover no-repeat}
@supports (background-image:image-set(url(a.webp) type("image/webp"))){
  .hero-v2 .hv-bg{background-image:image-set(url(hero-plant.webp) type("image/webp") 1x,
    url(hero-plant.jpg) type("image/jpeg") 1x)}
}

.hero-v2 .hv-veil{background:linear-gradient(96deg,rgba(255,255,255,.94) 0%,
  rgba(255,255,255,.80) 34%,rgba(255,255,255,.34) 64%,rgba(255,255,255,.14) 100%)}

.sec-abst{position:relative;overflow:hidden;isolation:isolate}
.sec-abst::before{content:'';position:absolute;inset:0;z-index:-1;
  background:url(hero-bg.jpg) center/cover no-repeat;opacity:.75;
  -webkit-mask-image:linear-gradient(#0000 0%,#000 16%,#000 78%,#0000 100%);
  mask-image:linear-gradient(#0000 0%,#000 16%,#000 78%,#0000 100%)}
.sec-abst::after{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(96deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.62) 46%,
    rgba(255,255,255,.5) 100%)}

.hero-v2 .hv-dev{width:calc(100% + 110px);margin-left:-176px;align-self:center;
  margin-top:-26px;position:relative;z-index:1}
@media(max-width:980px){
  .hero-v2 .hv-dev{width:100%;max-width:560px;margin-left:0;margin-top:0;
    justify-self:center}
}

.sec-abst::before{
  background:url(hero-bg.jpg) center bottom/100% auto no-repeat;
  opacity:1;
  -webkit-mask-image:linear-gradient(#0000 0%,#0000 22%,#000 62%,#000 100%);
  mask-image:linear-gradient(#0000 0%,#0000 22%,#000 62%,#000 100%)}
.sec-abst::after{
  background:linear-gradient(96deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.52) 44%,
    rgba(255,255,255,.30) 100%)}

.hero-v2 .hv-dev{width:calc(100% + clamp(0px,(100vw - 1272px)/2,150px));
  margin-left:0;margin-top:0}
@media(min-width:1240px){

  .hero-v2 .hv-dev{width:calc(100% + 110px);margin-left:-150px;margin-top:-26px}
}
@media(max-width:980px){
  .hero-v2 .hv-dev{width:100%;max-width:560px;margin-left:0;margin-top:0;justify-self:center}
}

.hd-logo{display:flex;align-items:center;font-size:0;line-height:0;margin-right:auto}
.hd-logo img{height:32px;width:auto;display:block}
@media(max-width:700px){ .hd-logo img{height:26px} }

.sec-abst::before{
  background:
    radial-gradient(520px 380px at 88% 14%,rgba(18,87,214,.055),rgba(18,87,214,0) 70%),
    radial-gradient(620px 460px at 6% 92%,rgba(14,127,143,.045),rgba(14,127,143,0) 70%),
    linear-gradient(rgba(18,87,214,.055) 1px,transparent 1px) 0 0/100% 88px,
    linear-gradient(90deg,rgba(18,87,214,.055) 1px,transparent 1px) 0 0/88px 100%;
  opacity:1;
  -webkit-mask-image:radial-gradient(120% 76% at 50% 42%,#000 42%,#0000 100%);
  mask-image:radial-gradient(120% 76% at 50% 42%,#000 42%,#0000 100%)}
.sec-abst::after{background:none}

.sec-navy.sec-cmp::before{content:'';position:absolute;inset:0;z-index:0;
  background:url(plant-line.jpg) center 40%/cover no-repeat;
  opacity:.14;mix-blend-mode:luminosity;
  -webkit-mask-image:linear-gradient(#0000,#000 22%,#000 72%,#0000 100%);
  mask-image:linear-gradient(#0000,#000 22%,#000 72%,#0000 100%)}
.sec-navy.sec-cmp{position:relative;overflow:hidden}
.sec-navy.sec-cmp>.wrap{position:relative;z-index:1}

.hero-v2 .btn-accent .bi{color:currentColor;background:none;width:20px;height:20px;padding:0}

.fh::before{content:'';position:absolute;inset:0;z-index:0;
  background:url(feat-bg.jpg) center right/cover no-repeat;opacity:.5;
  -webkit-mask-image:linear-gradient(96deg,transparent 0%,transparent 26%,#000 78%);
  mask-image:linear-gradient(96deg,transparent 0%,transparent 26%,#000 78%)}
.fh-in{position:relative;z-index:2}
.fh-gpx{z-index:3}

.lnav{padding:22px 16px 30px 14px}
.lp-wrap.is-navoff .lnav{padding:18px 6px 22px 10px}

.fh::before{opacity:.32;
  -webkit-mask-image:linear-gradient(96deg,transparent 0%,transparent 42%,#000 86%);
  mask-image:linear-gradient(96deg,transparent 0%,transparent 42%,#000 86%)}

.sec-navy.sec-cmp::before{opacity:.085;mix-blend-mode:normal;
  background:url(plant-line.jpg) center 42%/cover no-repeat;
  -webkit-mask-image:linear-gradient(#0000,#000 26%,#000 70%,#0000 100%);
  mask-image:linear-gradient(#0000,#000 26%,#000 70%,#0000 100%)}
.sec-navy.sec-cmp::after{content:'';position:absolute;inset:0;z-index:0;
  background:linear-gradient(100deg,rgba(18,43,82,.72) 0%,rgba(18,43,82,.42) 46%,
    rgba(18,43,82,.20) 100%)}

.sec-navy.sec-cmp::before{opacity:.045;filter:brightness(.62) saturate(.35)}
.sec-navy.sec-cmp::after{
  background:linear-gradient(100deg,rgba(18,43,82,.55) 0%,rgba(18,43,82,.3) 46%,
    rgba(18,43,82,.14) 100%)}

@media(max-width:700px){

  .ft ul{gap:2px}
  .ft a{display:block;padding:11px 0;line-height:1.35}

  .idx .nm{font-size:13.5px}
  .idx a{padding:12px 12px}

  .band .sub-l{padding:9px 0 6px}
}

@media(max-width:700px){
  .pf-t .nm{font-size:12.5px}
}

@media(max-width:980px){
  .hero-v2 .hv-veil{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,
    rgba(255,255,255,.9) 44%,rgba(255,255,255,.6) 74%,rgba(255,255,255,.28) 100%)}
}

.sec-abst{overflow:visible}

.sec-navy.sec-cmp::before{opacity:.13;filter:brightness(.82) saturate(.5)}
.sec-navy.sec-cmp::after{
  background:linear-gradient(100deg,rgba(18,43,82,.66) 0%,rgba(18,43,82,.34) 44%,
    rgba(18,43,82,.06) 100%)}

.hero-v2 .btn .bi{order:0}

.fh-grid>picture{display:contents}
.fh-grid>picture>source{display:none}
.fh-dev{width:calc(100% + 90px);max-width:none;height:auto;justify-self:start;
  filter:none}
.fh-grid{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:24px}
@media(max-width:1080px){
  .fh-grid{grid-template-columns:1fr;gap:30px}
  .fh-dev{width:100%;max-width:620px;justify-self:center}
}

.ceo{margin-top:52px;padding-top:44px;border-top:1px solid rgba(255,255,255,.16)}
.ceo-q{font-size:25px;font-weight:700;line-height:1.75;letter-spacing:-.02em;
  color:#fff;font-style:italic;margin:0 0 34px}
.ceo-b{display:grid;grid-template-columns:172px minmax(0,1fr);gap:34px;align-items:start}
.ceo-b>picture{display:contents}
.ceo-b>picture>source{display:none}
.ceo-ph{width:172px;height:172px;border-radius:18px;object-fit:cover;display:block}
.ceo-role{font-size:14.5px;font-weight:700;color:var(--yellow);letter-spacing:.04em;
  margin:0 0 6px}
.ceo-nm{font-size:30px;font-weight:700;color:#fff;letter-spacing:-.02em;margin:0 0 16px}
.ceo-bio{font-size:16px;line-height:1.95;color:#ccd9ea;margin:0;max-width:44em}
@media(max-width:860px){
  .ceo{margin-top:40px;padding-top:34px}
  .ceo-q{font-size:19px;line-height:1.7;margin-bottom:26px}
  .ceo-b{grid-template-columns:1fr;gap:20px}
  .ceo-ph{width:132px;height:132px}
  .ceo-nm{font-size:24px}
  .ceo-bio{font-size:15px}
}

.shead-sub{margin-top:86px}
@media(max-width:860px){ .shead-sub{margin-top:56px} }

.lnav li.on small{background:var(--yellow);color:var(--navy-d);font-weight:700}

.lp-main .sec-bg,.lp-main .sec-navy,.lp-main .pos-sec{
  margin-left:-40px;padding-left:40px}
@media(max-width:1080px){
  .lp-main .sec-bg,.lp-main .sec-navy,.lp-main .pos-sec,
  .lp-main .sec-sol{margin-left:0;padding-left:0}
}

.p-feature .th h3{font-size:21px;line-height:1.55}
@media(max-width:980px){ .p-feature .th h3{font-size:19px} }

.p-problem .concl .st{margin-bottom:26px}
.bnr-in{padding-top:74px}
@media(max-width:860px){ .bnr-in{padding-top:64px} }

.hd-in{max-width:1400px;padding:0 28px}
@media(max-width:1080px){ .hd-in{padding:0 20px} }
@media(max-width:700px){ .hd-in{padding:0 16px} }

.fh h1 .nm{letter-spacing:-.012em}

.hero-v2 .hero-h1{gap:32px;margin:0 0 28px}
.hero-v2 .hero-cc{margin:0 0 24px}
.hero-v2 .h-sub{margin:0}
.hero-v2 .cta-set{margin-top:48px}
@media(max-width:860px){
  .hero-v2 .hero-h1{gap:22px;margin-bottom:20px}
  .hero-v2 .hero-cc{margin-bottom:18px}
  .hero-v2 .cta-set{margin-top:34px}
}

.hero-v2 .hero-grid{grid-template-columns:minmax(0,2.34fr) minmax(0,1fr)}
.hero-v2 .hero-h1{font-size:clamp(24px,4.3vw,58px);letter-spacing:.02em}
.hero-v2 .hero-cc{font-size:clamp(20px,2.5vw,31px)}
.hero-v2 .h-sub{font-size:18.5px;line-height:1.95}

@media(max-width:980px){
  .hero-v2 .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-v2 .hv-dev{width:100%;max-width:560px;margin-left:0;margin-top:0;justify-self:center}
  .hero-v2 .h-sub{font-size:17px}
}
@media(max-width:430px){
  .hero-v2 .hero-h1{font-size:clamp(18px,5.5vw,24px)}
  .hero-v2 .h-sub{font-size:16px}
}

.hd-nav a{padding:8px 12px;border-radius:9px;transition:color .2s,background .2s}
.hd-nav a:hover{background:#f4f8ff}
.hd-nav a[aria-current]{background:var(--blue-l);color:var(--blue)}
@media(max-width:1080px){ .hd-nav{gap:14px} .hd-nav a{padding:7px 9px} }

.side-mod .side-ph{aspect-ratio:16/9;border-radius:10px}
.side-mod a{padding:12px 14px 14px}
.side-mod h4{font-size:16.5px;margin-top:10px}
.side-mod p{font-size:13.5px;line-height:1.7;margin-top:5px}
.side-mod .go{margin-top:8px;font-size:13px}
.side-mod .t{margin-bottom:12px}
.side{gap:18px}
.p-problem .concl .st{margin-bottom:14px}

.hero-v2 .hero-h1{font-size:clamp(24px,4.45vw,60px)}
@media(max-width:430px){ .hero-v2 .hero-h1{font-size:clamp(18px,5.5vw,24px)} }

@media(min-width:1240px){
  .hero-v2 .hv-dev{margin-left:-100px}
}

.hd-logo img{height:38px}
@media(max-width:700px){ .hd-logo img{height:30px} }

.hero-v2 .hero-h1 .hh2{letter-spacing:.02em}
.hero-v2 .hero-h1 i{letter-spacing:0}

@media(max-width:700px){
  .hero-v2 .hv-dev{display:none}
  .hero-v2 .hero-grid>picture{display:none}
  .hero-v2 .hero-grid{gap:0}
}

@media(max-width:700px){
  .hero-v2 .hv-bg{background-position:58% center}
  .hero-v2 .hv-veil{background:linear-gradient(180deg,
    rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 44%,
    rgba(255,255,255,.80) 72%,rgba(255,255,255,.56) 100%)}
}

@media(max-width:700px){

  .hero-v2{min-height:calc(100svh - 64px);display:flex;align-items:flex-start;
           padding:30px 0 calc(26px + 72px)}
  .hero-v2 .hero-in{width:100%}
}

@media(max-width:980px){
  .btn{justify-content:center;text-align:center;gap:10px;padding:14px 18px;min-height:54px}
  .btn-tx{align-items:center}
  .solve-main .btn{justify-content:center}
  .cta-set{gap:10px}
}
@media(max-width:700px){
  .hero-v2 .cta-set{margin-top:28px}
}

@media(max-width:700px){
  .hd-logo{padding:8px 0}
  .band .sub-l{padding:13px 0 11px}
}

@media(max-width:700px){
  .hero-v2 .cta-set{gap:10px}

  .hero-v2 .btn-outline{padding-top:11.5px;padding-bottom:11.5px}
}

@media(max-width:700px) and (max-height:700px){
  .hero-v2{min-height:0;padding:22px 0 calc(18px + 72px)}
  .hero-v2 .hero-h1{gap:16px;margin-bottom:14px}
  .hero-v2 .hero-cc{margin-bottom:12px}
  .hero-v2 .h-sub{line-height:1.78}
  .hero-v2 .cta-set{margin-top:20px}
}

@media(max-width:700px){

  .fh-dev{display:none}
  .fh-grid>picture{display:none}

  .fh-gpx .t small{font-size:12px}
  .bnr-gpx .t small{font-size:12px}
  .pos-col li.on span{font-size:12.5px}
  .pb-list .soon em{font-size:12px}

  .bc a,.bc [aria-current]{display:inline-block;padding:9px 0}
  .bc li{align-items:center}
  .toc a{padding:8px 0}    
  .f2 .more,.rel .more,.solve-sub .more{display:inline-block;padding:7px 0}
}

@media(max-width:430px){
  .fh-gpx .t small{font-size:12px}
  .bnr-gpx .t small{font-size:12px}
}

@media(max-width:700px){

  .fh h1,.bnr h1,
  .fh h1 .nm,.fh h1 .cp,.bnr h1 .nm,.bnr h1 .cp,
  h2,.shead .st,.sec-label,.fcta h2,.band h2{text-wrap:balance}

}

@media(max-width:700px){
  .tbl-std th,.tbl-std td{padding:14px 18px;border-bottom:0}
  .tbl-std tbody tr{display:block;padding:0;border-bottom:1px solid var(--line)}
  .tbl-std tbody tr:last-child{border-bottom:0}
  .tbl-std tbody th,.tbl-std tbody td{display:block;border-right:0}
  .tbl-std tbody th{width:auto;background:#f7f9fc;color:var(--ink);font-size:16px;padding:12px 18px}
  .tbl-std td.c-bf{width:auto;padding:14px 18px;background:#fff}
  .tbl-std td.c-fx{width:auto;padding:14px 18px}
  .tbl-std tbody tr td.c-fx,
  .tbl-std tbody tr:first-child td.c-fx,
  .tbl-std tbody tr:last-child td.c-fx{border-radius:10px}
  .sec-navy .tbl-std tbody th{background:rgba(255,255,255,.07);color:#fff}
  .sec-navy .tbl-std td.c-bf{background:transparent}
}

@media(max-width:700px){
  .art .tbl-std tbody th,.art .tbl-std td.c-bf,.art .tbl-std td.c-fx{width:auto}
  .art .tbl-std td.c-fx{font-size:16px}
}

@media(max-width:700px){
  .hero-v2 .hero-h1{font-size:clamp(26px,8.2vw,34px);letter-spacing:.01em;gap:14px;margin-bottom:22px}
  .hero-v2 .hero-h1 .hh2{white-space:normal}
  .hero-v2 .hero-h1 b{display:block;letter-spacing:0}

  .hero-v2 .hv-pill{font-size:15px;padding:8px 16px 9px;gap:8px}
  .hero-v2 .hero-cc{font-size:19px;margin-bottom:18px}
}
@media(max-width:430px){
  .hero-v2 .hero-h1{font-size:clamp(26px,8.2vw,34px)}
}

@media(max-width:340px){
  .hero-v2 .hero-cc{font-size:17.5px}
}

.sec-label{color:var(--blue)}

.hero-v2 .hv-bg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(102deg,rgba(18,87,214,.14) 0%,
    rgba(18,87,214,.22) 50%,rgba(15,150,174,.18) 100%)}
.hero-v2 .hv-veil{background:linear-gradient(96deg,rgba(241,247,255,.97) 0%,
  rgba(241,247,255,.93) 52%,rgba(236,244,255,.72) 74%,rgba(224,236,253,.24) 100%)}
.hero-v2 .h-sub{color:#4c5665}

@media(max-width:700px){
  .hero-v2 .hv-veil{background:linear-gradient(180deg,
    rgba(240,246,255,.96) 0%,rgba(240,246,255,.92) 44%,
    rgba(231,241,254,.80) 72%,rgba(222,235,253,.56) 100%)}
}

.sec-label{color:var(--navy)}
p.sec-title{color:var(--blue)}
.sec-navy p.sec-title,.sec-photo p.sec-title{color:#fff}

.pr2-ax .k,.pr2-base .k{font-size:18px;letter-spacing:.02em;margin-bottom:16px}
.pr2-ax .n{font-size:15px}
@media(max-width:700px){
  .pr2-ax .k,.pr2-base .k{font-size:16.5px;margin-bottom:13px}
}

.sec-navy .cols-2 .card h3,.sec-photo .cols-2 .card h3{
  color:var(--yellow);display:flex;align-items:flex-start;gap:12px}
.ph-ic{flex:0 0 auto;width:30px;height:30px;border-radius:9px;
  background:rgba(255,219,34,.14);display:inline-flex;align-items:center;justify-content:center;
  margin-top:1px}
.ph-ic svg{width:19px;height:19px;fill:none;stroke:var(--yellow);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;display:block}

.ceo{text-align:center}
.ceo-q{margin:0 auto 34px;max-width:30em}
.ceo-b{grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;
  max-width:46em;margin:0 auto}
.ceo-bio{max-width:40em;margin:0 auto}
.ceo-tx{text-align:center}
@media(max-width:860px){
  .ceo-b{grid-template-columns:minmax(0,1fr)}
}

.btn-outline:hover,.btn-outline:focus-visible{
  background:var(--blue);border-color:var(--blue);color:#fff;
  box-shadow:0 8px 22px rgba(18,87,214,.26)}
.hero-v2 .btn-outline:hover,.hero-v2 .btn-outline:focus-visible{
  background:var(--blue);border-color:var(--blue);color:#fff}

.sec-navy .btn-outline:hover,.sec-navy .btn-outline:focus-visible,
.btn-ghost:hover,.btn-ghost:focus-visible{
  background:#fff;border-color:#fff;color:var(--navy)}

.hd-mm{position:relative;display:flex;align-items:center}
.hd-nav-t{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:9px;
  background:none;border:0;font:inherit;font-size:16.5px;font-weight:700;color:var(--ink);
  cursor:pointer;transition:color .2s,background .2s}
.hd-nav-t:hover{background:#f4f8ff}
.hd-nav-t[aria-current]{background:var(--blue-l);color:var(--blue)}
.hd-nav-t[aria-expanded=true]{color:var(--blue);background:var(--blue-l)}
.mm-cv{width:15px;height:15px;transition:transform .22s}
.hd-nav-t[aria-expanded=true] .mm-cv{transform:rotate(180deg)}

.mm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mm-sr:focus{position:static;width:auto;height:auto;clip:auto;padding:8px 12px;
  background:var(--blue-l);color:var(--blue);border-radius:9px}

.mm{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 18px);
  width:min(1180px,calc(100vw - 48px));background:#fff;border-radius:16px;
  box-shadow:0 18px 50px rgba(12,28,54,.16),0 2px 8px rgba(12,28,54,.06);
  z-index:81;overflow:hidden}
.mm[hidden]{display:none}
.mm-in{display:grid;grid-template-columns:250px minmax(0,1fr)}
.mm-l{background:var(--blue-l);padding:30px 26px}
.mm-ttl{font-size:21px;font-weight:700;color:var(--navy);margin:0 0 16px;letter-spacing:-.02em}
.mm-all{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;
  color:var(--blue);padding:9px 0}
.mm-all:hover{text-decoration:underline}
.mm-note{font-size:13.5px;line-height:1.8;color:#5b6676;margin:14px 0 0}
.mm-cols{display:grid;gap:0 34px;padding:26px 30px}
.mm-cols-2{grid-template-columns:1fr 1fr}
.mm-cols-3{grid-template-columns:1fr 1fr 1fr}
.mm-gh{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;
  color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
.mm-gh .n{font-size:15px;color:var(--blue);font-weight:700}
.mm-g ul{list-style:none;margin:0;padding:0}
.mm-g li{border-bottom:1px solid var(--line)}
.mm-g li:last-child{border-bottom:0}
.mm-g a,.mm-soon{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 2px;font-size:15px;font-weight:700;color:var(--ink);line-height:1.5;
  transition:color .18s}
.mm-g a:hover{color:var(--blue)}
.mm-g a .ar{color:var(--blue);transition:transform .18s}
.mm-g a:hover .ar{transform:translateX(4px)}
.mm-soon{color:#9aa4b2}
.mm-soon em{flex:0 0 auto;font-style:normal;font-size:12px;font-weight:700;
  background:#eceff3;color:#7b8698;border-radius:5px;padding:3px 8px;letter-spacing:.02em}
@media(max-width:1080px){
  .hd-nav-t{padding:7px 9px;font-size:15.5px}
  .mm-cols{padding:22px 24px;gap:0 24px}
  .mm-in{grid-template-columns:210px minmax(0,1fr)}
}

@media(max-width:980px){ .mm{display:none} }

.hd-mm{position:static}
.mm{top:100%;border-radius:0 0 16px 16px;border-top:1px solid var(--line)}

.mm-sr{padding:0;border:0;margin:-1px}
.mm-sr:focus{padding:8px 12px;margin:0}

.bnr-gpx .t small,.fh-gpx .t small{font-size:12px}
.pb-list .soon em{font-size:12px}
.pf-t .nm{font-size:12.5px}

.hd-nav a.mm-sr{padding:0;border:0}
.hd-nav a.mm-sr:focus{padding:8px 12px}

.pos-col li.on span{font-size:12.5px}
.pos-col li.on small{font-size:12px}
.side-dl2 .dl-tx small{font-size:12px}
.side-dl2 .dl-doc b{font-size:12px}

.lnav li.on small{font-size:12px}
.lnav .side-dl2 .dl-tx small{font-size:12px}
.lnav .side-dl2 .dl-tx b{font-size:13px}

.sec-ceo{background:#f8f9fc;padding:78px 0 84px}
.sec-ceo .ceo{margin:0;padding:0;border-top:0;text-align:center}
.sec-ceo .ceo-q{font-size:27px;font-weight:700;font-style:italic;line-height:1.75;
  letter-spacing:-.02em;color:var(--navy-d);max-width:28em;margin:0 auto 44px}

.sec-ceo .ceo-b{display:grid;grid-template-columns:auto auto;justify-content:center;
  align-items:center;gap:40px;max-width:none;margin:0 auto;text-align:left;justify-items:start}
.sec-ceo .ceo-ph{width:212px;height:212px;border-radius:18px}
.sec-ceo .ceo-tx{text-align:left;max-width:34em}
.sec-ceo .ceo-role{color:var(--blue);font-size:15px;margin:0 0 6px}
.sec-ceo .ceo-nm{color:var(--ink);font-size:34px;margin:0 0 18px}
.sec-ceo .ceo-bio{color:#5b6676;font-size:16px;line-height:1.95;margin:0;max-width:34em}
@media(max-width:860px){
  .sec-ceo{padding:56px 0 60px}
  .sec-ceo .ceo-q{font-size:20px;margin-bottom:30px}
  .sec-ceo .ceo-b{grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;text-align:center}
  .sec-ceo .ceo-tx{text-align:center}
  .sec-ceo .ceo-ph{width:150px;height:150px}
  .sec-ceo .ceo-nm{font-size:26px}
  .sec-ceo .ceo-bio{text-align:left}
}

.idx-gh .t{font-size:18px}
.idx-gh .n{font-size:24px}
.idx .nm{font-size:17.5px}
.idx .ic{width:42px;height:42px;border-radius:12px}
.idx .ic svg{width:24px;height:24px}
@media(max-width:860px){
  .idx-gh .t{font-size:16.5px} .idx .nm{font-size:16.5px}
  .idx .ic{width:38px;height:38px} .idx .ic svg{width:22px;height:22px}
}
@media(max-width:700px){ .idx .nm{font-size:15px} }

@media(min-width:981px){
  .pf-cols>.pf-col:first-child,.pf-cols>.pf-col:last-child{
    transform:translateY(30px) scale(.985);transform-origin:50% 0}
  .pf-cols>.pf-col:nth-child(2){transform:translateY(-6px)}
  .pf-cols{align-items:start;padding-bottom:30px}
}

.dif-i .n{font-size:24px}
.dif-i h3{font-size:22px}
.dif-i{grid-template-columns:52px minmax(0,1fr)}
@media(max-width:860px){
  .dif-i .n{font-size:21px} .dif-i h3{font-size:19.5px}
  .dif-i{grid-template-columns:46px minmax(0,1fr)}
}

h3.sub-ttl{font-size:26px}
.gp-l h3{font-size:26px}
.metric .lbl{font-size:22px;margin-bottom:16px}
.cols-3 .card h3{font-size:22px}
.sec-navy .cols-2 .card h3,.sec-photo .cols-2 .card h3{font-size:22px}
.fl-st h4{font-size:20px}

h3.ax-ttl{margin:0 0 18px;letter-spacing:-.02em;color:var(--navy)}
@media(max-width:860px){
  h3.sub-ttl{font-size:22px}
  .gp-l h3{font-size:22px}
  .metric .lbl{font-size:19px}
  .cols-3 .card h3{font-size:19.5px}
  .sec-navy .cols-2 .card h3,.sec-photo .cols-2 .card h3{font-size:19.5px}
  .fl-st h4{font-size:18px}
}
@media(max-width:700px){
  h3.sub-ttl{font-size:20px}
  .gp-l h3{font-size:20px}
  .metric .lbl,.cols-3 .card h3,
  .sec-navy .cols-2 .card h3,.sec-photo .cols-2 .card h3{font-size:18.5px}
}

@media(max-width:860px){
  h3.sub-label,h3.sub-ttl,.gp-l h3{font-size:22px}
  .ab .card-h h3,.case .card-h h3,.pb-col h3,.dif-i h3,
  .cols-3 .card h3,.sec-navy .cols-2 .card h3,.sec-photo .cols-2 .card h3,
  .metric .lbl{font-size:19.5px}
  .fc .card-h h4,.fl-st h4{font-size:18px}
}
@media(max-width:700px){
  h3.sub-label,h3.sub-ttl,.gp-l h3{font-size:20px}
  .ab .card-h h3,.case .card-h h3,.pb-col h3,.dif-i h3,
  .cols-3 .card h3,.sec-navy .cols-2 .card h3,.sec-photo .cols-2 .card h3,
  .metric .lbl{font-size:18.5px}
  .fc .card-h h4,.fl-st h4{font-size:17.5px}
}

@media(max-width:1200px){ .about-3 .ab>.card-h h3{font-size:22px} }
@media(max-width:860px){ .about-3 .ab>.card-h h3{font-size:19.5px} }
@media(max-width:700px){ .about-3 .ab>.card-h h3{font-size:18.5px} }

.sec-ceo .ceo-q{max-width:min(100%,44em)}
@media(max-width:980px){ .sec-ceo .ceo-q{max-width:min(100%,30em)} }

a.fc:hover,a.fc:focus-visible,
a.case:hover,a.case:focus-visible,
.idx a:hover,.idx a:focus-visible,
.rel a:hover,.rel a:focus-visible,
.link-row a:hover,.link-row a:focus-visible,
.pf-link:hover,.pf-link:focus-visible{
  background:var(--blue-l);border-color:var(--blue)}

a.fc:hover .fc-b,a.case:hover .case-b,
a.fc:focus-visible .fc-b,a.case:focus-visible .case-b{background:var(--blue-l)}
a.fc:hover .card-h,a.case:hover .card-h,
a.fc:focus-visible .card-h,a.case:focus-visible .card-h{background:var(--blue-l)}

a.case:hover .ar,a.fc:hover .ar,.idx a:hover .ar{transform:translateX(4px)}

.btn-white:hover,.btn-white:focus-visible{background:var(--blue-l);color:var(--navy-d)}

.fl-dot{width:66px;height:66px;border-width:2px}
.fl-dot svg{width:32px;height:32px}
@media(max-width:980px){ .fl-dot{width:60px;height:60px} .fl-dot svg{width:29px;height:29px} }
@media(max-width:700px){
  .fl-dot{width:56px;height:56px} .fl-dot svg{width:27px;height:27px}

  .fl-st{grid-template-columns:56px minmax(0,1fr)}
  .fl-st::before{left:27px;top:58px}
}

.ceo-panel{background:#f8f9fc;border-radius:22px;padding:52px 48px 56px;margin-top:44px}
.ceo-panel .ceo{margin:0;padding:0;border-top:0;text-align:center}
.ceo-panel .ceo-q{font-size:27px;font-weight:700;font-style:italic;line-height:1.75;
  letter-spacing:-.02em;color:var(--navy-d);max-width:min(100%,44em);margin:0 auto 44px}

.ceo-panel .ceo-b{display:grid;grid-template-columns:auto auto;justify-content:center;
  align-items:center;gap:40px;max-width:none;margin:0 auto;text-align:left;justify-items:start}
.ceo-panel .ceo-ph{width:212px;height:212px;border-radius:18px}
.ceo-panel .ceo-tx{text-align:left;max-width:34em}
.ceo-panel .ceo-role{color:var(--blue);font-size:15px;margin:0 0 6px}
.ceo-panel .ceo-nm{color:var(--ink);font-size:34px;margin:0 0 18px}
.ceo-panel .ceo-bio{color:#5b6676;font-size:16px;line-height:1.95;margin:0;max-width:34em}
@media(max-width:980px){
  .ceo-panel{padding:40px 28px 44px;border-radius:18px;margin-top:34px}
  .ceo-panel .ceo-q{max-width:min(100%,30em)}
}
@media(max-width:860px){
  .ceo-panel .ceo-q{font-size:20px;margin-bottom:30px}
  .ceo-panel .ceo-b{grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;text-align:center}
  .ceo-panel .ceo-tx{text-align:center}
  .ceo-panel .ceo-ph{width:150px;height:150px}
  .ceo-panel .ceo-nm{font-size:26px}
  .ceo-panel .ceo-bio{text-align:left}
}
@media(max-width:700px){ .ceo-panel{padding:32px 20px 36px} }

h3.sub-ttl,h3.ax-ttl{position:relative;padding-left:19px;color:var(--navy);
  letter-spacing:-.03em}
h3.sub-ttl::before,h3.ax-ttl::before{content:'';position:absolute;left:0;top:4px;bottom:4px;
  width:5px;border-radius:3px;background:var(--yellow);display:block}
@media(max-width:860px){ h3.sub-ttl,h3.ax-ttl{padding-left:14px} }

.gp-l h3{color:var(--navy)}

.ceo-panel{background:none;border-radius:0;padding:0;margin-top:52px;
  padding-top:44px;border-top:1px solid rgba(255,255,255,.16)}
.ceo-panel .ceo-q{color:#fff}
.ceo-panel .ceo-role{color:var(--yellow)}
.ceo-panel .ceo-nm{color:#fff}
.ceo-panel .ceo-bio{color:#ccd9ea}
@media(max-width:980px){ .ceo-panel{padding:34px 0 0;margin-top:40px} }
@media(max-width:700px){ .ceo-panel{padding:30px 0 0} }

@media(min-width:1240px){
  .hero-v2 .hv-dev{width:calc(100% + 170px);margin-top:-34px}
}
@media(min-width:981px) and (max-width:1239px){
  .hero-v2 .hv-dev{width:calc(100% + clamp(40px,(100vw - 1000px)/3,150px))}
}

.mm-ov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:70;
  opacity:0;transition:opacity .4s ease;pointer-events:none}
.mm-ov.on{opacity:1;pointer-events:auto}
.mm-ov[hidden]{display:none}

.hd-nav-t{position:relative;height:80px;padding:0 14px;border-radius:0;gap:6px}
.hd-nav-t:hover{background:#f4f6f9}
.hd-nav-t[aria-expanded=true]{background:#f4f6f9;color:var(--blue)}
.hd-nav-t::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--blue);transform:scaleX(0);transition:transform .22s}
.hd-nav-t[aria-expanded=true]::after{transform:scaleX(1)}
.hd-nav-t[aria-current]{background:var(--blue-l)}

.mm{position:absolute;left:0;right:0;top:100%;transform:none;width:auto;
  background:#fff;border-radius:0;border-top:1px solid var(--line);
  box-shadow:0 16px 34px rgba(12,28,54,.10);z-index:81;overflow:hidden}
.mm-in{display:grid;grid-template-columns:340px minmax(0,1fr) 260px;
  max-width:1400px;margin:0 auto;min-height:330px}

.mm-l{background:linear-gradient(180deg,#eef4fc 0%,#e8f0fa 100%);padding:26px 22px 30px}
.mm-lh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:0 10px 16px}
.mm-ttl{font-size:21px;font-weight:700;color:var(--navy);margin:0;letter-spacing:-.02em}
.mm-all{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;
  color:var(--blue);white-space:nowrap}
.mm-all:hover{text-decoration:underline}
.mm-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.mm-cat{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  background:none;border:0;font:inherit;font-size:15.5px;font-weight:700;color:var(--ink);
  text-align:left;padding:13px 14px;border-radius:10px;cursor:pointer;line-height:1.5;
  transition:background .18s,color .18s}
.mm-cat:hover{background:rgba(255,255,255,.6)}
.mm-cat.is-on{background:#fff;color:var(--navy);box-shadow:0 1px 6px rgba(12,28,54,.06)}
.mm-cc{flex:0 0 auto;width:17px;height:17px;color:var(--blue);opacity:.75;transition:opacity .18s}
.mm-cc svg{width:100%;height:100%;display:block}
.mm-cat.is-on .mm-cc{opacity:0}    

.mm-r{padding:26px 30px 30px}
.mm-pane{display:none}
.mm-pane.is-on{display:block}
.mm-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;
  gap:0 30px}
.mm-items li{border-bottom:1px solid var(--line)}
.mm-items a,.mm-items .mm-soon{display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:15px 4px;font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.5;
  transition:color .18s}
.mm-items a:hover{color:var(--blue)}
.mm-ar{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--blue-l);
  color:var(--blue);display:inline-flex;align-items:center;justify-content:center;
  transition:background .18s,color .18s,transform .18s}
.mm-ar svg{width:15px;height:15px;display:block}
.mm-items a:hover .mm-ar{background:var(--blue);color:#fff;transform:translateX(3px)}
.mm-soon{color:#9aa4b2}
.mm-soon em{flex:0 0 auto;font-style:normal;font-size:12px;font-weight:700;
  background:#eceff3;color:#7b8698;border-radius:5px;padding:3px 8px;letter-spacing:.02em}

.mm-side{padding:26px 26px 30px 0}
.mm-side>ul{list-style:none;margin:0;padding:16px 18px;background:#f5f8fd;border-radius:12px}
.mm-sh{font-size:13.5px;font-weight:700;color:var(--navy);margin:0 0 10px;letter-spacing:.02em}
.mm-side li+li{margin-top:4px}
.mm-side a{display:block;font-size:14.5px;font-weight:700;color:var(--blue);
  padding:8px 0;text-decoration:underline;text-underline-offset:3px}
.mm-side a:hover{text-decoration-thickness:2px}

@media(max-width:1180px){
  .mm-in{grid-template-columns:290px minmax(0,1fr) 220px}
  .mm-r{padding:22px 22px 26px}
  .mm-items{gap:0 20px}
}
@media(max-width:1040px){
  .mm-in{grid-template-columns:262px minmax(0,1fr)}
  .mm-side{display:none}           
  .mm-items{grid-template-columns:1fr}
}
@media(max-width:980px){ .mm,.mm-ov{display:none} }

.mm-lh{flex-wrap:wrap;row-gap:6px}
.mm-ttl{white-space:nowrap}
.mm-all{white-space:nowrap}

.mm-all .mm-ar{width:22px;height:22px}
.mm-all .mm-ar svg{width:13px;height:13px}

.pts-band{position:relative;padding:8px 0 4px;
  background:linear-gradient(180deg,#edf4fe 0%,#d9e8fb 40%,#d6e6fb 66%,#eaf3ff 100%)}
.pts-band>*{position:relative;z-index:1}

.pts-band::before,.pts-band::after{content:'';position:absolute;left:0;right:0;
  height:170px;background-size:100% 100%;background-repeat:no-repeat;z-index:0;pointer-events:none}
.pts-band::before{top:-1px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 180%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0,87.6C10,88.4 40,91.2 60,92.6C80,94.1 100,95.3 120,96.2C140,97.0 160,97.6 180,97.9C200,98.1 220,98.0 240,97.6C260,97.2 280,96.4 300,95.4C320,94.4 340,93.0 360,91.4C380,89.9 400,88.0 420,86.0C440,84.1 460,81.9 480,79.7C500,77.4 520,75.1 540,72.8C560,70.5 580,68.2 600,66.0C620,63.9 640,61.8 660,59.9C680,58.1 700,56.4 720,55.0C740,53.6 760,52.4 780,51.6C800,50.8 820,50.3 840,50.1C860,49.9 880,50.0 900,50.5C920,51.0 940,51.8 960,52.9C980,54.0 1000,55.4 1020,57.0C1040,58.6 1060,60.5 1080,62.5C1100,64.5 1120,66.7 1140,69.0C1160,71.2 1180,73.6 1200,75.8C1220,78.1 1240,80.4 1260,82.6C1280,84.7 1300,86.8 1320,88.6C1340,90.4 1360,92.0 1380,93.4C1400,94.7 1430,96.1 1440,96.6L1440,175.9C1430,175.7 1400,175.3 1380,174.6C1360,173.9 1340,172.9 1320,171.7C1300,170.5 1280,169.1 1260,167.5C1240,166.0 1220,164.1 1200,162.3C1180,160.4 1160,158.3 1140,156.2C1120,154.2 1100,152.0 1080,149.8C1060,147.7 1040,145.5 1020,143.4C1000,141.4 980,139.3 960,137.4C940,135.6 920,133.8 900,132.2C880,130.7 860,129.3 840,128.1C820,127.0 800,126.0 780,125.3C760,124.7 740,124.2 720,124.1C700,123.9 680,124.0 660,124.4C640,124.8 620,125.4 600,126.3C580,127.2 560,128.4 540,129.7C520,131.0 500,132.6 480,134.3C460,136.0 440,137.9 420,139.9C400,141.9 380,144.0 360,146.1C340,148.2 320,150.4 300,152.5C280,154.7 260,156.8 240,158.8C220,160.8 200,162.8 180,164.6C160,166.3 140,168.0 120,169.4C100,170.9 80,172.1 60,173.1C40,174.1 10,174.9 0,175.3Z%22 fill=%22rgba(255,255,255,.55)%22/%3E%3Cpath d=%22M0,110.7C10,109.1 40,104.3 60,101.2C80,98.1 100,94.9 120,92.1C140,89.3 160,86.5 180,84.3C200,82.1 220,80.2 240,78.8C260,77.4 280,76.5 300,76.2C320,75.8 340,76.0 360,76.7C380,77.4 400,78.7 420,80.4C440,82.1 460,84.4 480,86.8C500,89.3 520,92.2 540,95.2C560,98.1 580,101.5 600,104.6C620,107.7 640,111.0 660,113.9C680,116.8 700,119.7 720,122.1C740,124.4 760,126.6 780,128.2C800,129.7 820,130.9 840,131.5C860,132.1 880,132.1 900,131.7C920,131.2 940,130.2 960,128.7C980,127.2 1000,125.2 1020,122.9C1040,120.6 1060,117.7 1080,114.9C1100,112.0 1120,108.7 1140,105.6C1160,102.5 1180,99.2 1200,96.2C1220,93.2 1240,90.2 1260,87.7C1280,85.1 1300,82.8 1320,81.0C1340,79.2 1360,77.8 1380,77.0C1400,76.2 1430,76.2 1440,76.1L1440,180.0C1320,180.0 960,180.0 720,180.0C480,180.0 120,180.0 0,180.0Z%22 fill=%22rgba(18,87,214,.05)%22/%3E%3Cpath d=%22M0,0L0,106.4C10,107.0 40,109.1 60,110.0C80,110.9 100,111.5 120,111.8C140,112.1 160,112.1 180,111.7C200,111.3 220,110.6 240,109.6C260,108.7 280,107.3 300,105.8C320,104.3 340,102.5 360,100.5C380,98.6 400,96.3 420,94.1C440,91.9 460,89.5 480,87.1C500,84.8 520,82.3 540,80.0C560,77.7 580,75.4 600,73.4C620,71.3 640,69.3 660,67.7C680,66.0 700,64.5 720,63.4C740,62.2 760,61.3 780,60.7C800,60.2 820,59.9 840,60.0C860,60.1 880,60.5 900,61.2C920,62.0 940,63.0 960,64.3C980,65.6 1000,67.3 1020,69.1C1040,70.8 1060,72.9 1080,75.0C1100,77.2 1120,79.5 1140,81.9C1160,84.2 1180,86.6 1200,89.0C1220,91.3 1240,93.7 1260,95.9C1280,98.0 1300,100.2 1320,102.0C1340,103.9 1360,105.6 1380,107.0C1400,108.4 1430,109.8 1440,110.4L1440,0Z%22 fill=%22%23ffffff%22/%3E%3C/svg%3E")}
.pts-band::after{bottom:-1px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 180%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0,45.6C10,45.6 40,46.1 60,45.7C80,45.4 100,44.5 120,43.3C140,42.1 160,40.5 180,38.6C200,36.8 220,34.5 240,32.1C260,29.8 280,27.1 300,24.4C320,21.8 340,18.9 360,16.3C380,13.6 400,10.9 420,8.5C440,6.1 460,3.8 480,1.9C500,-0.1 520,-1.8 540,-3.0C560,-4.3 580,-5.2 600,-5.6C620,-6.1 640,-6.1 660,-5.7C680,-5.4 700,-4.5 720,-3.3C740,-2.1 760,-0.5 780,1.4C800,3.2 820,5.5 840,7.9C860,10.2 880,12.9 900,15.6C920,18.2 940,21.1 960,23.7C980,26.4 1000,29.1 1020,31.5C1040,33.9 1060,36.2 1080,38.1C1100,40.1 1120,41.8 1140,43.0C1160,44.3 1180,45.2 1200,45.6C1220,46.1 1240,46.1 1260,45.7C1280,45.4 1300,44.5 1320,43.3C1340,42.1 1360,40.5 1380,38.6C1400,36.8 1430,33.2 1440,32.1L1440,116.4C1430,117.2 1400,119.8 1380,121.3C1360,122.7 1340,124.0 1320,125.0C1300,126.0 1280,126.8 1260,127.3C1240,127.8 1220,128.0 1200,128.0C1180,128.0 1160,127.6 1140,127.1C1120,126.5 1100,125.6 1080,124.6C1060,123.5 1040,122.2 1020,120.7C1000,119.2 980,117.4 960,115.6C940,113.8 920,111.8 900,109.8C880,107.8 860,105.6 840,103.6C820,101.5 800,99.4 780,97.4C760,95.4 740,93.4 720,91.6C700,89.9 680,88.2 660,86.7C640,85.3 620,84.0 600,83.0C580,82.0 560,81.2 540,80.7C520,80.2 500,80.0 480,80.0C460,80.0 440,80.4 420,80.9C400,81.5 380,82.4 360,83.4C340,84.5 320,85.8 300,87.3C280,88.8 260,90.6 240,92.4C220,94.2 200,96.2 180,98.2C160,100.2 140,102.4 120,104.4C100,106.5 80,108.6 60,110.6C40,112.6 10,115.4 0,116.4Z%22 fill=%22rgba(255,255,255,.55)%22/%3E%3Cpath d=%22M0,50.2C10,49.2 40,45.9 60,44.0C80,42.1 100,40.4 120,38.9C140,37.4 160,36.0 180,35.0C200,34.0 220,33.2 240,32.7C260,32.2 280,31.9 300,32.0C320,32.1 340,32.5 360,33.1C380,33.7 400,34.7 420,35.8C440,37.0 460,38.4 480,40.0C500,41.7 520,43.5 540,45.5C560,47.5 580,49.6 600,51.8C620,54.0 640,56.4 660,58.7C680,61.0 700,63.3 720,65.6C740,67.9 760,70.1 780,72.2C800,74.2 820,76.3 840,78.0C860,79.8 880,81.4 900,82.7C920,84.1 940,85.2 960,86.1C980,86.9 1000,87.5 1020,87.8C1040,88.1 1060,88.1 1080,87.8C1100,87.5 1120,86.9 1140,86.1C1160,85.3 1180,84.1 1200,82.8C1220,81.4 1240,79.8 1260,78.1C1280,76.3 1300,74.3 1320,72.3C1340,70.2 1360,67.9 1380,65.7C1400,63.4 1430,59.9 1440,58.8L1440,180.0C1320,180.0 960,180.0 720,180.0C480,180.0 120,180.0 0,180.0Z%22 fill=%22rgba(18,87,214,.05)%22/%3E%3Cpath d=%22M0,180L0,122.1C10,123.2 40,126.6 60,128.5C80,130.4 100,132.2 120,133.5C140,134.9 160,136.0 180,136.8C200,137.5 220,137.9 240,138.0C260,138.0 280,137.7 300,137.1C320,136.4 340,135.4 360,134.1C380,132.8 400,131.1 420,129.3C440,127.4 460,125.3 480,123.0C500,120.8 520,118.3 540,115.9C560,113.4 580,110.9 600,108.4C620,106.0 640,103.5 660,101.3C680,99.0 700,96.8 720,95.0C740,93.1 760,91.4 780,90.1C800,88.8 820,87.7 840,87.0C860,86.3 880,86.0 900,86.0C920,86.0 940,86.4 960,87.1C980,87.8 1000,88.9 1020,90.3C1040,91.7 1060,93.4 1080,95.3C1100,97.1 1120,99.3 1140,101.6C1160,103.9 1180,106.4 1200,108.8C1220,111.2 1240,113.8 1260,116.3C1280,118.7 1300,121.2 1320,123.4C1340,125.6 1360,127.7 1380,129.5C1400,131.4 1430,133.5 1440,134.3L1440,180Z%22 fill=%22%23ffffff%22/%3E%3C/svg%3E")}
.pts-band .shead-sub{padding-top:150px}
@media(max-width:860px){
  .pts-band::before,.pts-band::after{height:80px}
  .pts-band .shead-sub{padding-top:84px}
}

.pts{list-style:none;margin:0;padding:0 0 110px;display:block}

.pt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  grid-template-areas:"s1 im" "hd im" "bd im" "s2 im";
  grid-template-rows:1fr auto auto 1fr;
  gap:0 56px;padding:46px 0;border-top:1px solid rgba(255,255,255,.85)}
.pt:first-child{border-top:0;padding-top:8px}
.pt:last-child{padding-bottom:8px}
.pt-hd{grid-area:hd}
.pt-bd{grid-area:bd}
.pt-im{grid-area:im;align-self:center}

.pt:nth-child(even){grid-template-areas:"im s1" "im hd" "im bd" "im s2"}

.pt-hd,.pt-bd{min-width:0}
.pt-n{display:flex;align-items:center;gap:11px;margin:0 0 15px;
  font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--blue);line-height:1}

.pt-n .l{opacity:1;letter-spacing:.12em}
.pt-n .v{font-size:23px;letter-spacing:.02em;line-height:1}

.pt-n::before{content:'';width:28px;height:3px;border-radius:2px;
  background:var(--blue);opacity:.85;flex:0 0 auto}

.pt-h{font-size:26px;font-weight:700;color:var(--navy);
  line-height:1.5;letter-spacing:-.03em;margin:0 0 14px}

.pt-tag{display:inline-block;margin:0 0 20px;font-size:13.5px;font-weight:700;
  color:var(--blue);background:#fff;border:1px solid var(--blue-line);border-radius:var(--r-pill);
  padding:6px 15px;letter-spacing:.01em;line-height:1.4}
.pt-p{font-size:17px;color:var(--body);line-height:1.95;margin:0}
.pt-p b{font-weight:700;color:var(--ink)}

.pt-im{margin:0;min-width:0}
.pt-ph{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  border-radius:var(--r-sm);box-shadow:0 2px 12px rgba(12,28,54,.10)}

.pt:nth-child(3) .pt-ph{object-fit:contain;background:#f4f7fc;
  border:1px solid var(--line);box-shadow:0 2px 12px rgba(12,28,54,.07)}

@media(max-width:1100px){
  .pt{gap:0 36px;padding:32px}
  .pt-h{font-size:24px}
  .pt-p{font-size:16.5px}
}
@media(max-width:860px){

  .pt,.pt:nth-child(even){grid-template-columns:1fr;
    grid-template-areas:"hd" "im" "bd";grid-template-rows:auto auto auto;
    gap:20px 0;padding:32px 0}
  .pts{padding-bottom:70px}
  .pts-band .shead-sub{padding-top:36px}
  .pt-h{font-size:22px;margin-bottom:12px}
  .pt-p{font-size:16px;line-height:1.9}
  .pt-n{margin-bottom:12px}
  .pt-n .v{font-size:21px}
  .pt-tag{font-size:13px;padding:5px 13px;margin-bottom:0}
}

@media(min-width:1240px){
  .hero-v2 .hero-h1{font-size:clamp(24px,4.45vw,56px)}
  .hero-v2 .hv-dev{margin-left:calc(-100px - clamp(0px,(100vw - 1240px)/2,50px))}
}

.hd-logo,.hd-cta{flex:0 0 auto}
.hd-nav a,.hd-nav .hd-nav-t{white-space:nowrap}

@media(max-width:1199px){
  .hd-nav,.hd-cta{display:none}
  .burger{display:flex;margin-left:auto}
}

@media(min-width:1200px) and (max-width:1365px){
  .hd-nav{gap:14px}
  .hd-nav>a{font-size:15.5px;padding:8px 8px}
  .hd-nav-t{padding:0 9px;font-size:15.5px}
  .hd-cta{margin-left:14px;gap:9px}
  .hd-cta a{padding:12px 17px;font-size:14.5px}
}

.theme{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  padding-top:96px}                       
.th{position:relative;display:grid;
  grid-template-areas:"im" "hd" "bd";grid-template-rows:auto auto 1fr;
  background:linear-gradient(163deg,#f8e3df 0%,#fbeeea 46%,#fdf6f3 100%);
  border-radius:var(--r-card);padding:0 28px 30px;
  box-shadow:0 4px 22px rgba(193,57,42,.10);overflow:visible}
.th-im{grid-area:im;margin:-70px 0 4px;overflow:visible}

.th-ph{display:block;width:100%;max-width:246px;height:auto;margin:0 0 0 auto;
  filter:drop-shadow(0 6px 14px rgba(12,28,54,.10))}
.th-h{grid-area:hd;font-size:20px;font-weight:700;color:var(--ink);
  line-height:1.6;letter-spacing:-.02em;margin:0 0 12px}
.th-h b{color:var(--prob);font-weight:700}
.th-p{grid-area:bd;font-size:15.5px;color:var(--body);line-height:1.85;margin:0}

.th-no{position:absolute;top:-64px;left:-14px;z-index:5;margin:0;
  width:90px;height:90px;border-radius:50% 50% 50% 6px;
  background:var(--navy);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;box-shadow:0 0 0 5px #fff,0 4px 12px rgba(12,28,54,.18)}

.th-no .l{font-size:13px;font-weight:700;letter-spacing:.12em;opacity:1;color:#cfe0f7}
.th-no .v{font-size:22px;font-weight:700;line-height:1;letter-spacing:.02em}

@media(max-width:980px){
  .theme{grid-template-columns:1fr;gap:60px;padding-top:66px}
  .th{padding:0 22px 26px}
  .th-ph{max-width:280px}
}
@media(max-width:700px){
  .th-h{font-size:19px}
  .th-p{font-size:15px}
  .th-no{width:78px;height:78px;top:-56px;left:-10px}

}

.sec-sol{position:relative;margin-top:-58px;padding:150px 0 210px;
  background:linear-gradient(168deg,#12305f 0%,#153677 46%,#1b3f86 100%);
  color:#fff;overflow:hidden}
.sec-sol::before{content:'';position:absolute;top:-1px;left:0;right:0;height:96px;
  background:#fff;clip-path:polygon(100% 0,0 0,50% 100%);z-index:1}

.sec-sol::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:260px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 260%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0,60.4C9,61.5 37,65.1 55,67.1C74,69.0 92,70.8 111,72.1C129,73.5 148,74.5 166,75.2C185,75.8 203,76.1 222,76.0C240,75.9 258,75.3 277,74.5C295,73.6 314,72.4 332,70.8C351,69.3 369,67.3 388,65.2C406,63.1 425,60.7 443,58.2C462,55.7 480,52.9 498,50.2C517,47.5 535,44.6 554,41.9C572,39.2 591,36.4 609,33.9C628,31.4 646,28.9 665,26.8C683,24.7 702,22.8 720,21.2C738,19.7 757,18.4 775,17.5C794,16.7 812,16.1 831,16.0C849,15.9 868,16.2 886,16.8C905,17.5 923,18.5 942,19.8C960,21.2 978,22.9 997,24.9C1015,26.8 1034,29.1 1052,31.5C1071,33.9 1089,36.6 1108,39.3C1126,42.0 1145,44.8 1163,47.6C1182,50.3 1200,53.2 1218,55.7C1237,58.3 1255,60.9 1274,63.2C1292,65.4 1311,67.5 1329,69.2C1348,71.0 1366,72.5 1385,73.6C1403,74.6 1431,75.4 1440,75.8L1440,183.9C1431,183.7 1403,183.2 1385,182.4C1366,181.5 1348,180.3 1329,178.9C1311,177.5 1292,175.7 1274,173.8C1255,171.9 1237,169.6 1218,167.3C1200,165.0 1182,162.4 1163,159.8C1145,157.2 1126,154.4 1108,151.7C1089,149.0 1071,146.2 1052,143.5C1034,140.9 1015,138.2 997,135.7C978,133.3 960,130.9 942,128.8C923,126.6 905,124.7 886,123.0C868,121.4 849,119.9 831,118.9C812,117.8 794,117.0 775,116.5C757,116.0 738,115.9 720,116.1C702,116.3 683,116.8 665,117.6C646,118.5 628,119.7 609,121.1C591,122.5 572,124.3 554,126.2C535,128.1 517,130.4 498,132.7C480,135.0 462,137.6 443,140.2C425,142.8 406,145.6 388,148.3C369,151.0 351,153.8 332,156.5C314,159.1 295,161.8 277,164.3C258,166.7 240,169.1 222,171.2C203,173.4 185,175.3 166,177.0C148,178.6 129,180.1 111,181.1C92,182.2 74,183.0 55,183.5C37,184.0 9,183.8 0,183.9Z%22 fill=%22rgba(255,255,255,.085)%22/%3E%3Cpath d=%22M0,113.5C9,112.4 37,109.1 55,106.8C74,104.5 92,102.0 111,99.6C129,97.2 148,94.7 166,92.2C185,89.8 203,87.3 222,85.0C240,82.7 258,80.4 277,78.3C295,76.3 314,74.3 332,72.5C351,70.7 369,69.1 388,67.7C406,66.4 425,65.2 443,64.3C462,63.4 480,62.8 498,62.4C517,62.0 535,61.9 554,62.1C572,62.2 591,62.6 609,63.3C628,64.0 646,65.0 665,66.1C683,67.3 702,68.7 720,70.3C738,71.9 757,73.8 775,75.7C794,77.7 812,79.9 831,82.1C849,84.3 868,86.7 886,89.1C905,91.5 923,94.0 942,96.5C960,98.9 978,101.4 997,103.8C1015,106.2 1034,108.6 1052,110.8C1071,113.0 1089,115.1 1108,117.0C1126,118.9 1145,120.7 1163,122.3C1182,123.8 1200,125.2 1218,126.3C1237,127.4 1255,128.3 1274,128.9C1292,129.5 1311,129.9 1329,130.0C1348,130.1 1366,129.9 1385,129.4C1403,129.0 1431,127.7 1440,127.3L1440,251.9C1431,251.8 1403,252.0 1385,251.4C1366,250.9 1348,249.9 1329,248.5C1311,247.2 1292,245.4 1274,243.4C1255,241.4 1237,239.0 1218,236.5C1200,234.0 1182,231.2 1163,228.5C1145,225.7 1126,222.8 1108,220.0C1089,217.3 1071,214.5 1052,212.0C1034,209.5 1015,207.0 997,205.0C978,203.0 960,201.1 942,199.7C923,198.4 905,197.3 886,196.7C868,196.1 849,195.9 831,196.1C812,196.3 794,197.0 775,198.0C757,199.1 738,200.6 720,202.3C702,204.1 683,206.3 665,208.6C646,210.9 628,213.6 609,216.2C591,218.9 572,221.8 554,224.6C535,227.4 517,230.3 498,232.9C480,235.5 462,238.1 443,240.4C425,242.6 406,244.7 388,246.4C369,248.1 351,249.5 332,250.4C314,251.3 295,251.9 277,252.0C258,252.1 240,251.8 222,251.0C203,250.3 185,249.1 166,247.7C148,246.2 129,244.2 111,242.1C92,240.0 74,237.5 55,235.0C37,232.4 9,228.2 0,226.8Z%22 fill=%22rgba(255,255,255,.055)%22/%3E%3Cpath d=%22M0,98.7C9,98.1 37,95.8 55,95.1C74,94.3 92,93.9 111,94.0C129,94.1 148,94.7 166,95.7C185,96.7 203,98.2 222,100.0C240,101.8 258,104.0 277,106.4C295,108.7 314,111.5 332,114.2C351,116.9 369,119.8 388,122.6C406,125.4 425,128.2 443,130.8C462,133.3 480,135.8 498,137.8C517,139.8 535,141.6 554,142.9C572,144.2 591,145.2 609,145.6C628,146.1 646,146.1 665,145.7C683,145.2 702,144.3 720,143.0C738,141.7 757,139.9 775,137.9C794,135.8 812,133.4 831,130.9C849,128.3 868,125.5 886,122.7C905,120.0 923,117.0 942,114.3C960,111.6 978,108.8 997,106.5C1015,104.1 1034,101.8 1052,100.1C1071,98.3 1089,96.8 1108,95.8C1126,94.8 1145,94.1 1163,94.0C1182,93.9 1200,94.3 1218,95.0C1237,95.8 1255,97.1 1274,98.7C1292,100.2 1311,102.3 1329,104.5C1348,106.8 1366,109.4 1385,112.1C1403,114.7 1431,119.0 1440,120.4L1440,260.0C1320,260.0 960,260.0 720,260.0C480,260.0 120,260.0 0,260.0Z%22 fill=%22rgba(0,0,0,.17)%22/%3E%3Cpath d=%22M0,260L0,201.2C9,201.8 37,203.7 55,204.5C74,205.3 92,205.8 111,205.9C129,206.1 148,205.9 166,205.5C185,205.0 203,204.2 222,203.1C240,202.0 258,200.6 277,199.0C295,197.4 314,195.5 332,193.4C351,191.4 369,189.1 388,186.7C406,184.4 425,181.8 443,179.3C462,176.8 480,174.2 498,171.8C517,169.3 535,166.7 554,164.4C572,162.1 591,159.9 609,157.9C628,155.9 646,154.0 665,152.4C683,150.9 702,149.5 720,148.5C738,147.5 757,146.8 775,146.4C794,146.0 812,145.9 831,146.1C849,146.4 868,146.9 886,147.8C905,148.6 923,149.8 942,151.3C960,152.7 978,154.4 997,156.3C1015,158.2 1034,160.4 1052,162.6C1071,164.9 1089,167.3 1108,169.8C1126,172.3 1145,174.9 1163,177.4C1182,179.9 1200,182.4 1218,184.8C1237,187.2 1255,189.6 1274,191.8C1292,193.9 1311,195.9 1329,197.7C1348,199.4 1366,201.0 1385,202.2C1403,203.4 1431,204.5 1440,205.0L1440,260Z%22 fill=%22%23ffffff%22/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;z-index:1;
  pointer-events:none}
.sec-sol>*{position:relative;z-index:2}

@media(min-width:981px){
  .lp-wrap{overflow-x:clip}

  .sec-sol{margin-right:calc(-1 * max(24px,(100vw - 1408px)/2 + 24px));
    padding-right:max(24px,calc((100vw - 1408px)/2 + 24px))}
}

@media(min-width:1081px){
  .lp-main .sec-sol{margin-left:-40px;padding-left:40px}
}
.sol-bridge{position:absolute;top:16px;left:0;right:0;z-index:3;margin:0;
  text-align:center;font-size:25px;font-weight:700;color:var(--navy);letter-spacing:.02em}
.sol-bridge::after{content:'…'}
.sec-sol .sec-label{color:#fff}
.sec-sol p.sec-title{color:#fff}
.sec-sol .lead{color:#ccd9ea}
.sec-sol .note{color:#9db3d1}

.sols{list-style:none;margin:0;padding:0;display:block}

.sol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  grid-template-areas:"s1 im" "hd im" "bd im" "s2 im";
  grid-template-rows:1fr auto auto 1fr;
  gap:0 52px;padding:44px 0;border-top:1px solid rgba(255,255,255,.16)}
.sol:first-child{border-top:0;padding-top:10px}
.sol:last-child{padding-bottom:6px}
.sol:nth-child(even){grid-template-areas:"im s1" "im hd" "im bd" "im s2"}
.sol-hd{grid-area:hd}
.sol-bd{grid-area:bd}
.sol-im{grid-area:im;align-self:center;margin:0;min-width:0}

.sol-no{margin:0 0 10px;line-height:1}
.sol-no .v{display:block;font-size:64px;font-weight:700;line-height:1;
  letter-spacing:.02em;color:transparent;-webkit-text-stroke:1.8px rgba(255,219,34,.85)}
.sol-h{font-size:26px;font-weight:700;color:#fff;
  line-height:1.5;letter-spacing:-.03em;margin:0 0 14px}
.sol-p{font-size:17px;color:#d5e1f2;line-height:1.95;margin:0}
.sol-p b{font-weight:700;color:#fff}
.sec-sol .mtx-band{font-size:17px;color:#fff;margin:0 0 12px;
  background:rgba(255,255,255,.10);border-radius:10px;padding:10px 16px;display:inline-block}
.sec-sol .mtx-band b{font-size:29px;font-weight:700;color:var(--yellow);
  letter-spacing:-.02em;margin:0 3px}
.sol-ph{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  border-radius:var(--r-sm);box-shadow:0 6px 22px rgba(0,0,0,.22)}

@media(max-width:1100px){ .sol{gap:0 36px;padding:36px 0} .sol-h{font-size:24px} .sol-p{font-size:16.5px} }
@media(max-width:860px){
  .sec-sol{margin-top:-40px;padding:110px 0 120px}
  .sec-sol::before{height:56px}
  .sec-sol::after{height:130px}
  .sol-no .v{font-size:52px}
  .sol-bridge{top:10px;font-size:20px}
  .sol,.sol:nth-child(even){grid-template-columns:1fr;
    grid-template-areas:"hd" "im" "bd";grid-template-rows:auto auto auto;
    gap:18px 0;padding:30px 0}
  .sol-h{font-size:22px;margin-bottom:0}
  .sol-p{font-size:16px;line-height:1.9}
  .sol-no{margin-bottom:12px}
  .sol-no .v{font-size:21px}
  .sec-sol .mtx-band b{font-size:26px}
}

.th .th-im{grid-area:im;margin:-52px 0 12px;padding:0;overflow:visible;
  display:flex;justify-content:flex-end;align-items:flex-start;min-height:86px}
.th img.th-ph{display:block;width:auto;max-width:84%;height:auto;
  margin:0 -12px 0 0;aspect-ratio:auto;object-fit:contain;background:none;
  border-radius:0;filter:drop-shadow(0 6px 14px rgba(12,28,54,.10))}
.th h3.th-h{font-size:20px;font-weight:700;color:var(--ink);
  line-height:1.6;letter-spacing:-.02em;margin:0 0 12px;padding:0;text-align:left;order:0}
.th h3.th-h b{color:var(--prob)}
.th p.th-p{font-size:15.5px;color:var(--body);line-height:1.85;
  margin:0;padding:0;border-top:0;order:0}

.th p.th-no{color:#fff;font-size:14px;margin:0;padding:0;border-top:0;line-height:1}
.th p.th-no .l{color:#cfe0f7;font-size:13px}
.th p.th-no .v{color:#fff;font-size:22px}
@media(max-width:700px){
  .th p.th-no .v{font-size:19px}
}

@media(max-width:860px){
  .p-feature .theme>.th{display:grid;grid-row:auto;
    grid-template-areas:"im" "hd" "bd";grid-template-rows:auto auto 1fr}
  .th img.th-ph{max-width:62%}
  .th .th-im{margin:-44px 0 12px;min-height:86px}
}
@media(max-width:700px){
  .th h3.th-h{font-size:19px}
  .th p.th-p{font-size:15px}
}

.sec-abst::before{
  background:
    radial-gradient(520px 380px at 88% 14%,rgba(18,87,214,.055),rgba(18,87,214,0) 70%),
    radial-gradient(620px 460px at 6% 92%,rgba(14,127,143,.045),rgba(14,127,143,0) 70%)}

.p-feature .fl-fig{left:-78px;bottom:-26px;width:40%}
.p-feature img.fl-fig{width:40%;aspect-ratio:auto}
@media(max-width:1080px){
  .p-feature .fl-fig{left:-56px;bottom:-20px;width:38%}
  .p-feature img.fl-fig{width:38%}
}
@media(max-width:860px){

  .p-feature .fl-fig{left:-24px;bottom:-12px;width:32%}
  .p-feature img.fl-fig{width:32%}
}
@media(max-width:560px){
  .p-feature .fl-fig{left:-12px;bottom:-8px;width:34%}
  .p-feature img.fl-fig{width:34%}
}

.p-feature .fl h3{font-size:28px;letter-spacing:-.03em;margin-bottom:14px}
@media(max-width:1080px){ .p-feature .fl h3{font-size:25px} }
@media(max-width:860px){ .p-feature .fl h3{font-size:23px} }
@media(max-width:400px){ .p-feature .fl h3{font-size:21px} }

.p-feature .fl-card{position:relative}
.p-feature .fl-card::after{content:'';position:absolute;left:50%;top:100%;
  width:58px;height:27px;margin-left:-29px;background:#dbe7fb;
  clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none}
.p-feature .fl:last-child .fl-card::after{display:none}

.p-feature .fl{padding-bottom:52px}
.p-feature .fl:last-child{padding-bottom:0}
@media(max-width:860px){
  .p-feature .fl-card::after{width:46px;height:22px;margin-left:-23px}
  .p-feature .fl{padding-bottom:40px}
}

.p-feature .fl-card::after{width:86px;height:40px;margin-left:-43px;background:#e9f1fd}
@media(max-width:860px){
  .p-feature .fl-card::after{width:68px;height:32px;margin-left:-34px}
  .p-feature .fl{padding-bottom:48px}
}
.p-feature .fl{padding-bottom:64px}
.p-feature .fl:last-child{padding-bottom:0}

.p-feature .fl h3{color:var(--blue)}

.ba3{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ba3-h{display:grid;grid-template-columns:58px minmax(90px,150px) minmax(0,1fr) minmax(0,1fr);
  gap:0;font-size:14px;font-weight:700;letter-spacing:.02em}
.ba3-h::before{content:'';grid-column:1/3}
.ba3-hb{padding-left:26px;color:var(--prob)}
.ba3-ha{padding-left:44px;color:var(--blue)}
.ba3-r{display:grid;grid-template-columns:58px minmax(90px,150px) minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 1px 8px rgba(12,28,54,.06)}
.ba3-n{margin:0;display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:700;color:var(--blue);letter-spacing:.02em}
.ba3-k{margin:0;display:flex;align-items:center;padding:18px 16px 18px 16px;
  font-size:16.5px;font-weight:700;color:var(--ink);line-height:1.5;
  border-left:1px solid var(--line)}
.ba3-bf{background:#fdeceb;display:flex;align-items:center;
  padding:18px 48px 18px 26px;margin-right:-26px;position:relative;z-index:1;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%)}
.ba3-af{background:#e8f0fd;display:flex;align-items:center;padding:18px 26px 18px 46px}
.ba3-bf p{margin:0;font-size:15.5px;line-height:1.75;color:#8d3226}
.ba3-af p{margin:0;font-size:15.5px;line-height:1.75;color:var(--navy)}

@media(max-width:860px){

  .ba3-h{display:none}
  .ba3-r{grid-template-columns:52px minmax(0,1fr);border-radius:12px}
  .ba3-n{align-items:flex-start;padding-top:17px}
  .ba3-k{border-left:0;padding:16px 16px 4px 0;font-size:16px}
  .ba3-bf,.ba3-af{grid-column:2/3;margin-right:0}
  .ba3-bf{padding:14px 18px 26px;margin-bottom:-14px;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),50% 100%,0 calc(100% - 16px))}
  .ba3-af{padding:24px 18px 16px;border-radius:0 0 12px 0}
  .ba3-bf p,.ba3-af p{font-size:15px}
}

.case-cli{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);
  font-size:15px;font-weight:700;color:var(--navy);letter-spacing:.01em}
.case-cli .tmp{margin-left:6px;font-size:12.5px;font-weight:700;color:var(--muted)}

.ba3{gap:14px}

.ba3-h{font-size:18px;padding-bottom:4px}
.ba3-hb{padding-left:30px}
.ba3-ha{padding-left:52px}

.ba3-r{grid-template-columns:64px minmax(104px,168px) minmax(0,1fr) minmax(0,1fr);
  border-radius:16px;min-height:108px;box-shadow:0 2px 10px rgba(12,28,54,.07)}
.ba3-n{font-size:20px}
.ba3-k{font-size:17px;padding:20px 18px}

.ba3-bf{padding:20px 54px 20px 26px;margin-right:-30px;gap:16px;
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,0 100%)}
.ba3-bf::after{content:'';position:absolute;top:0;right:0;bottom:0;width:34px;
  background:#fff;
  clip-path:polygon(calc(100% - 30px) 0,100% 0,100% 100%,calc(100% - 30px) 100%,
    calc(100% - 26px) 50%);z-index:2}
.ba3-af{padding:20px 26px 20px 50px;gap:16px}

.ba3-ic{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 1px 4px rgba(12,28,54,.10)}
.ba3-ic svg{width:24px;height:24px;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
.ba3-bf .ba3-ic svg{stroke:var(--prob)}
.ba3-af .ba3-ic svg{stroke:var(--blue)}
.ba3-bf p,.ba3-af p{font-size:16px;line-height:1.7}
@media(max-width:1180px){
  .ba3-r{grid-template-columns:56px minmax(92px,150px) minmax(0,1fr) minmax(0,1fr)}
  .ba3-k{font-size:16px;padding:18px 14px}
  .ba3-bf p,.ba3-af p{font-size:15px}
  .ba3-ic{width:40px;height:40px}
  .ba3-ic svg{width:21px;height:21px}
}
@media(max-width:860px){
  .ba3-h{display:none}
  .ba3-r{min-height:0}
  .ba3-bf{padding:16px 18px 30px;margin-right:0;margin-bottom:-16px;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),50% 100%,0 calc(100% - 18px))}
  .ba3-bf::after{display:none}
  .ba3-af{padding:26px 18px 16px}
}

.ba3-h{font-size:22px;padding-bottom:6px}
.ba3-hb{padding-left:32px}
.ba3-ha{padding-left:64px}

.ba3-ic{display:none}
.ba3-r{min-height:124px}
.ba3-bf,.ba3-af{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}
.ba3-t{margin:0;font-size:17px;font-weight:700;line-height:1.45;letter-spacing:-.01em}
.ba3-d{margin:0;font-size:15.5px;line-height:1.7}
.ba3-bf .ba3-t{color:#a8321f}
.ba3-bf .ba3-d{color:#7d4038}
.ba3-af .ba3-t{color:var(--blue)}
.ba3-af .ba3-d{color:var(--navy)}

.ba3-bf{padding:20px 56px 20px 26px;margin-right:-34px;
  clip-path:polygon(0 0,calc(100% - 34px) 0,100% 50%,calc(100% - 34px) 100%,0 100%)}
.ba3-bf::after{display:none}
.ba3-af{padding:20px 26px 20px 60px;
  clip-path:polygon(45px 0,100% 0,100% 100%,45px 100%,11px 50%)}

@media(max-width:1180px){
  .ba3-t{font-size:16px}
  .ba3-d{font-size:14.5px}
  .ba3-h{font-size:19px}
}
@media(max-width:860px){
  .ba3-r{min-height:0}
  .ba3-bf{padding:16px 18px 32px;margin-right:0;margin-bottom:-18px;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),50% 100%,0 calc(100% - 20px))}
  .ba3-af{padding:30px 18px 16px;
    clip-path:polygon(0 12px,50% 32px,100% 12px,100% 100%,0 100%)}
}

#cases .cols-3>.case{background:linear-gradient(168deg,#f4f8ff 0%,#fafcff 60%,#fff 100%);
  border:1px solid #e2ebf9}

.ba3-bf{position:relative;z-index:2}
.ba3-af{position:relative;z-index:1}

.ba3-af{clip-path:none;padding:20px 26px 20px 56px}
.ba3-bf{margin-right:-30px;padding:20px 54px 20px 26px;
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,0 100%)}
.ba3-bf::after{display:block;content:'';position:absolute;top:0;right:-9px;bottom:0;width:39px;
  background:#fff;z-index:3;
  clip-path:polygon(calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,
    calc(100% - 39px) 100%,calc(100% - 9px) 50%,calc(100% - 39px) 0)}
@media(max-width:860px){ .ba3-af{clip-path:none;padding:30px 18px 16px} .ba3-bf::after{display:none} }

.sec-sol{margin-top:-18px;padding-top:196px}
.sec-sol::before{height:132px}
.sol-bridge{top:46px}
@media(max-width:860px){
  .sec-sol{margin-top:-12px;padding-top:132px}
  .sec-sol::before{height:76px}
  .sol-bridge{top:26px}
}

.rel-case>a{display:flex;flex-direction:column;background:#fff;
  border-radius:var(--r-card);box-shadow:var(--sh);padding:0;overflow:hidden;
  transition:all .22s}
.rel-case>a:hover,.rel-case>a:focus-visible{box-shadow:var(--sh-h);transform:translateY(-3px)}
.rel-case>a>.card-h{display:block;padding:22px 24px 18px;background:var(--card-hd)}
.rel-case .rel-hd{margin-bottom:10px}
.rel-case .st{font-size:13.5px;font-weight:700;color:var(--yellow);letter-spacing:.02em}
.rel-case .st i{font-style:normal;margin-left:5px;font-size:12px;color:rgba(255,255,255,.72)}

.rel-case>a>.card-h h3{font-size:21px;font-weight:700;line-height:1.5;
  letter-spacing:-.025em;margin:0;color:#fff;min-height:calc(21px * 1.5 * 2)}
.rel-case .rel-b{display:flex;flex-direction:column;flex:1;padding:20px 24px 24px;gap:12px}
.rel-case .ba{display:block;font-size:16px;font-weight:700;color:var(--navy);
  padding-bottom:12px;border-bottom:1px solid var(--line)}
.rel-case .ba b{font-size:26px;color:var(--blue);margin:0 3px;letter-spacing:-.02em}
.rel-case .rel-b p{margin:0;font-size:15.5px;color:var(--body);line-height:1.85}
@media(max-width:980px){ .rel-case{grid-template-columns:1fr} }
@media(max-width:700px){
  .rel-case>a>.card-h{padding:18px 20px 16px}
  .rel-case>a>.card-h h3{font-size:19px;min-height:calc(19px * 1.5 * 2)}
  .rel-case .rel-b{padding:18px 20px 20px}
  .rel-case .rel-b p{font-size:15px}
}

.p-feature .fl-card::after{width:132px;height:34px;margin-left:-66px}
.p-feature .fl-fig{width:35%;left:-66px}
.p-feature img.fl-fig{width:35%}
@media(max-width:1080px){
  .p-feature .fl-fig{width:34%;left:-48px}
  .p-feature img.fl-fig{width:34%}
}
@media(max-width:860px){
  .p-feature .fl-card::after{width:104px;height:28px;margin-left:-52px}
  .p-feature .fl-fig{width:29%;left:-20px}
  .p-feature img.fl-fig{width:29%}
}
@media(max-width:560px){
  .p-feature .fl-fig{width:31%;left:-10px}
  .p-feature img.fl-fig{width:31%}
}

.p-feature .fl-card::after{width:196px;height:26px;margin-left:-98px}
@media(max-width:860px){ .p-feature .fl-card::after{width:140px;height:20px;margin-left:-70px} }

p.sec-title{color:var(--ink)}

.pf3-fig{border:0;padding:0;background:transparent;overflow:visible;margin-bottom:36px}
.pf3{position:relative;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,430px) minmax(0,1fr);
  grid-template-areas:"g1 mid g2" "g3 g3 g3" "ft ft ft";
  gap:0 22px;padding:6px 0 0}

.pf3-air{position:absolute;left:0;right:0;top:0;height:520px;pointer-events:none;overflow:hidden}
.pf3-air i{position:absolute;left:50%;top:250px;transform:translate(-50%,-50%);
  border-radius:50%;border:1px solid rgba(21,54,119,.06)}
.pf3-air i:nth-child(1){width:700px;height:700px}
.pf3-air i:nth-child(2){width:1040px;height:1040px;border-color:rgba(21,54,119,.04)}
.pf3-air .glow{position:absolute;left:50%;top:250px;width:820px;height:620px;
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,rgba(18,87,214,.10),rgba(18,87,214,0) 70%)}

.pf3-mid{grid-area:mid;position:relative;aspect-ratio:1;align-self:start;
  display:flex;align-items:center;justify-content:center}
.pf3-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pf3-ring .arc{fill:none;stroke-width:15;stroke-linecap:round}
.pf3-ring .arc-t{font-size:15px;font-weight:700;letter-spacing:.16em;
  font-family:inherit;opacity:.85}
.pf3-core{position:relative;z-index:1;width:66%;aspect-ratio:1;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;
  background:radial-gradient(118% 118% at 32% 24%,
    #2f66c6 0%,#1c4390 30%,#12305f 60%,#0a1c3e 100%);
  box-shadow:0 26px 70px rgba(10,28,62,.34),0 0 0 14px rgba(18,87,214,.05)}
.pf3-core .lg{font-size:44px;font-weight:700;color:#fff;letter-spacing:-.035em;line-height:1}
.pf3-core .ln{width:46px;height:3px;border-radius:3px;background:var(--yellow);margin:16px 0 13px}
.pf3-core .kd{font-size:15px;font-weight:700;color:rgba(255,255,255,.9);letter-spacing:.04em}

.pf3-g{position:relative;z-index:1;align-self:center}
.pf3-g1{grid-area:g1}
.pf3-g2{grid-area:g2}
.pf3-g3{grid-area:g3;margin-top:-18px}
.pf3-hd{margin-bottom:16px}
.pf3-n{display:flex;align-items:baseline;gap:11px;margin:0 0 6px}
.pf3-n .v{font-size:23px;font-weight:700;color:var(--gc);line-height:1;letter-spacing:-.02em}
.pf3-n .t{font-size:16.5px;font-weight:700;color:var(--ink);line-height:1.4;letter-spacing:-.02em}
.pf3-d{margin:0;font-size:14px;color:var(--muted);line-height:1.65}
.pf3-g2 .pf3-hd{text-align:right}
.pf3-g2 .pf3-n{flex-direction:row-reverse}
.pf3-g3 .pf3-hd{text-align:center}
.pf3-g3 .pf3-n{justify-content:center}
.pf3-ts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pf3-g3 .pf3-ts{grid-template-columns:repeat(4,1fr)}
.pf3-t{display:flex;align-items:center;gap:13px;background:#fff;border-radius:14px;
  padding:13px 16px;box-shadow:0 2px 4px rgba(21,54,119,.05),0 10px 26px rgba(21,54,119,.07)}
.pf3-t .ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:var(--gc-bg);
  display:flex;align-items:center;justify-content:center}
.pf3-t .ic svg{width:21px;height:21px;fill:none;stroke:var(--gc);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.pf3-t .nm{flex:1 1 auto;min-width:0;font-size:14.5px;font-weight:700;color:var(--ink);
  line-height:1.4;letter-spacing:-.02em}
.pf3-t .ck{flex:0 0 auto;width:21px;height:21px;border-radius:50%;background:var(--gc);
  display:flex;align-items:center;justify-content:center}
.pf3-t .ck svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:3;
  stroke-linecap:round;stroke-linejoin:round}
.pf3-g3 .pf3-t{padding:12px 14px;gap:10px}
.pf3-g3 .pf3-t .nm{font-size:13.5px}

.pf3-foot{grid-area:ft;margin:34px auto 0;width:fit-content;max-width:100%;
  padding:16px 30px;border-radius:16px;background:#fff;
  box-shadow:0 2px 4px rgba(21,54,119,.05),0 10px 30px rgba(21,54,119,.08);
  font-size:16px;color:var(--ink);line-height:1.6;text-align:center}
.pf3-foot b{color:var(--blue);font-weight:700}

@media(max-width:1180px){
  .pf3{grid-template-columns:minmax(0,1fr) minmax(300px,350px) minmax(0,1fr);gap:0 16px}
  .pf3-core .lg{font-size:36px}
  .pf3-t{padding:11px 13px;gap:11px}
  .pf3-t .nm{font-size:13.5px}
  .pf3-t .ic{width:34px;height:34px;border-radius:10px}
  .pf3-t .ic svg{width:19px;height:19px}
  .pf3-ring .arc-t{font-size:17px}
}
@media(max-width:980px){
  .pf3{grid-template-columns:1fr;grid-template-areas:"mid" "g1" "g2" "g3" "ft";gap:0}
  .pf3-mid{width:min(340px,86vw);margin:0 auto 30px;aspect-ratio:1}
  .pf3-g{margin:0 0 26px}
  .pf3-g3{margin-top:0}
  .pf3-g2 .pf3-hd,.pf3-g3 .pf3-hd{text-align:left}
  .pf3-g2 .pf3-n{flex-direction:row}
  .pf3-g3 .pf3-n{justify-content:flex-start}
  .pf3-g3 .pf3-ts{grid-template-columns:1fr 1fr}
  .pf3-air{height:400px}
  .pf3-air i:nth-child(1){width:460px;height:460px;top:180px}
  .pf3-air i:nth-child(2){width:700px;height:700px;top:180px}
  .pf3-air .glow{width:560px;height:440px;top:180px}
  .pf3-foot{margin-top:8px;padding:15px 22px;font-size:15px}
}
@media(max-width:560px){
  .pf3-g3 .pf3-ts{grid-template-columns:1fr}
  .pf3-g3 .pf3-t{padding:13px 16px;gap:13px}
  .pf3-g3 .pf3-t .nm{font-size:14.5px}
  .pf3-core .lg{font-size:32px}
  .pf3-ring .arc{stroke-width:17}
  .pf3-ring .arc-t{font-size:19px}
}

.pf3-core{width:58%;box-shadow:0 26px 70px rgba(10,28,62,.34),0 0 0 10px rgba(18,87,214,.045)}
.pf3-ring .arc{stroke-width:16}
.pf3-d,.pf3-n .t{text-wrap:balance}
.pf3-g3 .pf3-ts{max-width:980px;margin:0 auto}
@media(max-width:980px){ .pf3-g3 .pf3-ts{max-width:none} }

.pf3-g3 .pf3-ts{max-width:none}
.pf3-g3 .pf3-t .nm{font-size:13px}
.pf3-d{font-size:13.5px}

.pf3-d{font-size:13px}
@media(min-width:981px) and (max-width:1080px){
  .pf3-g3 .pf3-t{padding:12px 11px;gap:8px}
  .pf3-g3 .pf3-t .nm{font-size:12.2px}
}

.pf3-d{font-size:13.5px}
@media(min-width:981px){
  .pf3-d{max-width:250px}
  .pf3-g2 .pf3-d{margin-left:auto}
  .pf3-g3 .pf3-d{margin:0 auto}
}

.pf3-d{color:#5a6472}

.pf3-core img.lg{width:auto;height:44px;display:block;margin:0;
  background:none;border-radius:0;aspect-ratio:auto;object-fit:contain}
.pf3-core .kd{margin-top:12px;font-size:14.5px;letter-spacing:.06em}
.pf3-core .ln{width:40px;height:2px;margin:15px 0 13px;background:rgba(255,219,34,.9)}

.pf3-core .ct{font-size:13px;line-height:1.75;color:rgba(255,255,255,.86);
  text-align:center;letter-spacing:-.01em}

.pf3-t .ic{border-radius:50%}

.pf3-ring .halo{fill:none;stroke:rgba(21,54,119,.10);stroke-width:1.4}

.pf3-hd{position:relative}
@media(min-width:981px){
  .pf3-g1 .pf3-hd::after,.pf3-g2 .pf3-hd::after{content:'';position:absolute;
    top:14px;width:78px;height:1px;background:rgba(21,54,119,.16)}
  .pf3-g1 .pf3-hd::after{left:100%;margin-left:14px;
    transform:rotate(20deg);transform-origin:0 50%}
  .pf3-g2 .pf3-hd::after{right:100%;margin-right:14px;
    transform:rotate(-20deg);transform-origin:100% 50%}
  .pf3-g3 .pf3-hd::after{content:'';position:absolute;left:50%;bottom:100%;
    width:1px;height:26px;margin-bottom:6px;background:rgba(21,54,119,.16)}
}

.pf3-foot{display:flex;align-items:center;gap:22px;width:min(920px,100%);
  margin:38px auto 0;padding:20px 30px;border-radius:20px;background:#fff;
  box-shadow:0 2px 4px rgba(21,54,119,.05),0 12px 34px rgba(21,54,119,.09);
  text-align:left}
.pf3-foot .fi{flex:0 0 auto;width:44px;height:44px;border-radius:50%;
  background:#e7effc;color:var(--blue);display:flex;align-items:center;justify-content:center}
.pf3-foot .fi svg{width:24px;height:24px}
.pf3-foot .ft{flex:0 0 auto;margin:0;font-size:19px;font-weight:700;color:var(--ink);
  line-height:1.5;letter-spacing:-.02em;
  padding-right:22px;border-right:1px solid var(--line)}
.pf3-foot .ft b{color:var(--blue)}
.pf3-foot .fd{flex:1 1 auto;margin:0;font-size:13.5px;color:#5a6472;line-height:1.7}
@media(max-width:980px){
  .pf3-foot{flex-direction:column;align-items:flex-start;gap:12px;
    width:100%;padding:20px 22px;margin-top:10px}
  .pf3-foot .ft{font-size:17px;padding-right:0;border-right:0}
  .pf3-foot .fd br{display:none}
  .pf3-core img.lg{height:38px}
  .pf3-core .ct{font-size:12.5px}
}

.pf3-fig{overflow-x:visible}
.pf3-fig img{min-width:0;width:auto;max-width:100%}

.pf3-foot .pf3-fic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;
  background:#e7effc;color:var(--blue);display:flex;align-items:center;justify-content:center}
.pf3-foot .pf3-fic svg{width:24px;height:24px}
.pf3-foot .pf3-ftt{flex:0 0 auto;margin:0;font-size:19px;font-weight:700;color:var(--ink);
  line-height:1.5;letter-spacing:-.02em;padding-right:22px;border-right:1px solid var(--line)}
.pf3-foot .pf3-ftt b{color:var(--blue)}
.pf3-foot .pf3-fdd{flex:1 1 auto;margin:0;font-size:13.5px;color:#5a6472;line-height:1.7}
@media(max-width:980px){
  .pf3-foot .pf3-ftt{font-size:17px;padding-right:0;border-right:0}
  .pf3-foot .pf3-fdd br{display:none}
}

.pf3-d{word-break:auto-phrase}
.pf3-g3 .pf3-d{max-width:300px}

@media(max-width:980px){
  .pf3-core{width:66%}
  .pf3-core .ct,.pf3-core .ln{display:none}
  .pf3-core img.lg{height:34px}
  .pf3-core .kd{margin-top:10px;font-size:13px}
}
@media(max-width:430px){
  .pf3-core img.lg{height:30px}
  .pf3-core .kd{font-size:12.5px;margin-top:8px}
}

.pf4-fig{border:0;padding:0;background:transparent;overflow:visible;margin:0 0 40px}
.pf4-fig img{min-width:0;width:auto;max-width:100%}
.pf4{position:relative;padding:10px 0 0}

.pf4-head{text-align:center;margin:0 auto 30px;max-width:900px}
.pf4-h{margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.5;
  letter-spacing:-.035em;color:var(--ink)}
.pf4-h b{color:#1a6fd4;font-weight:700}
.pf4-sub{margin:0;font-size:15px;line-height:1.75;color:#7c8698;letter-spacing:-.01em}

.pf4-body{position:relative;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,460px) minmax(0,1fr);
  grid-template-areas:"g1 mid g2" "g3 g3 g3";gap:0 26px}
.pf4-air{position:absolute;left:0;right:0;top:-20px;height:560px;pointer-events:none;overflow:hidden}
.pf4-air i{position:absolute;left:50%;top:250px;transform:translate(-50%,-50%);
  border-radius:50%;border:1px solid rgba(120,130,200,.10)}
.pf4-air i:nth-child(1){width:720px;height:720px}
.pf4-air i:nth-child(2){width:1060px;height:1060px;border-color:rgba(120,130,200,.07)}
.pf4-air .glow{position:absolute;left:50%;top:250px;width:900px;height:660px;
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,rgba(157,192,243,.16),rgba(157,192,243,0) 72%)}

.pf4-mid{grid-area:mid;position:relative;aspect-ratio:1;align-self:start;
  display:flex;align-items:center;justify-content:center}
.pf4-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pf4-ring .arc{fill:none;stroke-width:30;stroke-linecap:round}
.pf4-ring .nd{fill:#fff;filter:drop-shadow(0 1px 3px rgba(60,80,140,.22))}
.pf4-ring .arc-t{font-size:17px;font-weight:700;letter-spacing:.2em;
  font-family:inherit;fill:#fff}

.pf4-core{position:relative;z-index:1;width:65%;aspect-ratio:1;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:
    radial-gradient(42% 38% at 40% 26%,rgba(120,170,255,.55),rgba(120,170,255,0) 70%),
    radial-gradient(120% 120% at 50% 42%,#2a5cb8 0%,#1b3f8c 34%,#122c62 66%,#0a1c40 100%);
  box-shadow:0 30px 76px rgba(16,36,80,.36),0 0 0 1px rgba(255,255,255,.5) inset}
.pf4-core img.lg{height:46px;width:auto;display:block;margin:0;
  background:none;border-radius:0;aspect-ratio:auto;object-fit:contain}
.pf4-core .kd{margin-top:13px;font-size:15px;font-weight:700;color:#fff;letter-spacing:.04em}
.pf4-core .ct{margin-top:19px;font-size:13.5px;line-height:1.85;color:rgba(255,255,255,.9);
  text-align:center;letter-spacing:-.01em}

.pf4-g{position:relative;z-index:1}
.pf4-g1{grid-area:g1;align-self:center}
.pf4-g2{grid-area:g2;align-self:center}
.pf4-g3{grid-area:g3;margin-top:6px}
.pf4-g1{--gc:#1a6fd4;--gn:#2b7cf0;--gbg:#dbeafe;--gck:#1a73e8}
.pf4-g2{--gc:#11857c;--gn:#14a08d;--gbg:#d3efe9;--gck:#0f9b8e}
.pf4-g3{--gc:#5f54bd;--gn:#6b5fc7;--gbg:#e4e1f7;--gck:#6b5fc7}

.pf4-hd{position:relative;margin-bottom:18px}
.pf4-n{display:flex;align-items:baseline;gap:12px;margin:0 0 7px}
.pf4-n .v{font-size:25px;font-weight:700;color:var(--gn);line-height:1;letter-spacing:-.02em}
.pf4-n .t{font-size:17px;font-weight:700;color:var(--gc);line-height:1.4;letter-spacing:-.02em}
.pf4-d{margin:0;font-size:13.5px;line-height:1.7;color:#7c8698;letter-spacing:-.01em}
.pf4-g2 .pf4-hd{text-align:right}
.pf4-g2 .pf4-n{flex-direction:row-reverse}
.pf4-g3 .pf4-hd{text-align:center}
.pf4-g3 .pf4-n{justify-content:center}

@media(min-width:981px){
  .pf4-g1 .pf4-hd::after,.pf4-g2 .pf4-hd::after{content:'';position:absolute;
    top:16px;width:86px;height:1px;background:rgba(120,130,200,.32)}
  .pf4-g1 .pf4-hd::after{left:100%;margin-left:16px;transform:rotate(19deg);transform-origin:0 50%}
  .pf4-g2 .pf4-hd::after{right:100%;margin-right:16px;transform:rotate(-19deg);transform-origin:100% 50%}
  .pf4-g3 .pf4-hd::after{content:'';position:absolute;left:50%;bottom:100%;
    width:1px;height:30px;margin-bottom:8px;background:rgba(120,130,200,.32)}
}

.pf4-ts{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pf4-g3 .pf4-ts{grid-template-columns:repeat(4,1fr);gap:14px}
.pf4-t{position:relative;display:flex;align-items:center;gap:14px;background:#fff;
  border-radius:15px;padding:14px 18px;
  box-shadow:0 1px 2px rgba(60,80,140,.05),0 10px 26px rgba(60,80,140,.09)}
.pf4-t .ic{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--gbg);
  display:flex;align-items:center;justify-content:center}
.pf4-t .ic svg{width:21px;height:21px;fill:none;stroke:var(--gn);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.pf4-t .nm{flex:1 1 auto;min-width:0;font-size:14.5px;font-weight:700;color:#1b2431;
  line-height:1.4;letter-spacing:-.02em}
.pf4-t .ck{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--gck);
  display:flex;align-items:center;justify-content:center}
.pf4-t .ck svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:3;
  stroke-linecap:round;stroke-linejoin:round}

.pf4-g3 .pf4-t{padding:14px 16px}
.pf4-g3 .pf4-t .nm{font-size:13.5px}
.pf4-g3 .pf4-t .ck{position:absolute;top:-9px;right:-9px;width:24px;height:24px;
  box-shadow:0 0 0 3px #fff,0 2px 6px rgba(60,80,140,.18)}

.pf4-foot{display:flex;align-items:center;gap:24px;width:min(1000px,100%);
  margin:40px auto 0;padding:22px 34px;border-radius:22px;background:#fff;
  box-shadow:0 1px 2px rgba(60,80,140,.05),0 14px 38px rgba(60,80,140,.10)}
.pf4-fic{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:#dbeafe;
  color:#1a73e8;display:flex;align-items:center;justify-content:center}
.pf4-fic svg{width:25px;height:25px}
.pf4-ftt{flex:0 0 auto;margin:0;font-size:21px;font-weight:700;color:#1b2431;
  line-height:1.5;letter-spacing:-.035em;padding-right:24px;border-right:1px solid #e3e7ee}
.pf4-fdd{flex:1 1 auto;margin:0;font-size:13.5px;line-height:1.75;color:#7c8698}

@media(max-width:1180px){
  .pf4-h{font-size:27px}
  .pf4-body{grid-template-columns:minmax(0,1fr) minmax(330px,390px) minmax(0,1fr);gap:0 18px}
  .pf4-core img.lg{height:38px}
  .pf4-core .ct{font-size:12.5px;margin-top:15px}
  .pf4-t{padding:12px 14px;gap:11px}
  .pf4-t .nm{font-size:13.5px}
  .pf4-t .ic{width:36px;height:36px}
  .pf4-t .ic svg{width:19px;height:19px}
  .pf4-g3 .pf4-t .nm{font-size:12.5px}
  .pf4-ftt{font-size:19px}
}
@media(max-width:980px){
  .pf4-h{font-size:23px;letter-spacing:-.03em}
  .pf4-sub{font-size:14px}
  .pf4-body{grid-template-columns:1fr;grid-template-areas:"mid" "g1" "g2" "g3";gap:0}
  .pf4-mid{width:min(360px,88vw);margin:0 auto 32px}
  .pf4-g{margin:0 0 28px}
  .pf4-g3{margin-top:0}
  .pf4-g2 .pf4-hd,.pf4-g3 .pf4-hd{text-align:left}
  .pf4-g2 .pf4-n{flex-direction:row}
  .pf4-g3 .pf4-n{justify-content:flex-start}
  .pf4-g3 .pf4-ts{grid-template-columns:1fr 1fr}
  .pf4-core{width:68%}
  .pf4-core .ct,.pf4-core .kd{display:none}
  .pf4-core img.lg{height:34px}
  .pf4-air{height:420px}
  .pf4-air i:nth-child(1){width:480px;height:480px;top:180px}
  .pf4-air i:nth-child(2){width:720px;height:720px;top:180px}
  .pf4-air .glow{width:580px;height:460px;top:180px}
  .pf4-foot{flex-direction:column;align-items:flex-start;gap:14px;
    width:100%;padding:22px 24px;margin-top:12px}
  .pf4-ftt{font-size:18px;padding-right:0;border-right:0}
  .pf4-fdd br{display:none}
}
@media(max-width:560px){
  .pf4-g3 .pf4-ts{grid-template-columns:1fr}
  .pf4-g3 .pf4-t .nm{font-size:14.5px}
  .pf4-ring .arc{stroke-width:34}
  .pf4-ring .arc-t{font-size:20px}
  .pf4-core img.lg{height:30px}
}

.pf4-head{max-width:1040px}
.pf4-h{text-wrap:balance}
.pf4-g3{padding:0 12px}

.pf4-foot{width:min(1060px,100%)}

.pf4-ring .rbs{filter:drop-shadow(0 6px 14px rgba(70,90,150,.13))}
.pf4-ring .rb{stroke:none}
.pf4-ring .rb-sheen{fill:rgba(255,255,255,.42);stroke:none}
.pf4-ring .arc-t{font-size:17.5px;font-weight:700;letter-spacing:.2em;
  font-family:inherit;fill:#fff}
.pf4-ring .nd{fill:#fff;filter:drop-shadow(0 1px 3px rgba(60,80,140,.26))}

.pf4-core{width:68%}

.pf4-ring .rb-shade{fill:rgba(60,80,150,.10);stroke:none}

.pf4-ftt{font-size:20px}
.pf4-fdd{font-size:13px;text-wrap:balance}

.pf5-fig{border:0;padding:0;background:transparent;overflow:visible;margin:0 0 40px}
.pf5-fig img{min-width:0;width:auto;max-width:100%}
.pf5{position:relative;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(400px,470px) minmax(0,1fr);
  grid-template-areas:"g1 mid g2" "g3 g3 g3";gap:0 58px;padding:6px 0 0}
.pf5-air{position:absolute;left:50%;top:200px;width:1000px;height:700px;
  transform:translate(-50%,-50%);pointer-events:none}
.pf5-air .glow{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,rgba(90,130,210,.14),rgba(90,130,210,0) 70%)}

.pf5-mid{grid-area:mid;position:relative;aspect-ratio:1;align-self:start;
  display:flex;align-items:center;justify-content:center}
.pf5-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pf5-ring .rbs{filter:drop-shadow(0 8px 18px rgba(40,60,120,.16))}
.pf5-ring .rb{stroke:none}
.pf5-ring .rb-sheen{fill:rgba(255,255,255,.20);stroke:none}
.pf5-ring .gd{fill:none;stroke:rgba(90,110,180,.30);stroke-width:1;stroke-dasharray:2 6}
.pf5-ring .gd-2{stroke:rgba(90,110,180,.18)}
.pf5-ring .nd{fill:#fff;stroke-width:3.4;filter:drop-shadow(0 2px 5px rgba(40,60,120,.22))}
.pf5-ring .arc-t{font-size:19px;font-weight:700;letter-spacing:.05em;
  font-family:inherit;fill:#fff}

.pf5-core{position:relative;z-index:1;width:66%;aspect-ratio:1;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:
    radial-gradient(38% 34% at 42% 24%,rgba(120,170,255,.5),rgba(120,170,255,0) 72%),
    radial-gradient(122% 122% at 50% 40%,#28579f 0%,#1a3d80 32%,#102a5c 64%,#08183a 100%);
  box-shadow:0 30px 78px rgba(12,30,70,.4),0 0 0 1px rgba(255,255,255,.42) inset,
    0 0 0 12px rgba(120,150,220,.07)}
.pf5-core img.lg{height:48px;width:auto;display:block;margin:0;
  background:none;border-radius:0;aspect-ratio:auto;object-fit:contain}
.pf5-core .kd{margin-top:15px;font-size:16px;font-weight:700;color:#fff;letter-spacing:.04em}
.pf5-core .ct{margin-top:22px;font-size:14px;line-height:1.9;color:rgba(255,255,255,.92);
  text-align:center;letter-spacing:-.01em}

.pf5-g{position:relative;z-index:1}
.pf5-g1{grid-area:g1;align-self:center}
.pf5-g2{grid-area:g2;align-self:center}
.pf5-g3{grid-area:g3;margin-top:34px;padding:0 4px}
.pf5-g1{--gc:#1a6fd4;--gn:#2b7cf0;--gbg:#e4eefc;--gl:rgba(43,124,240,.42)}
.pf5-g2{--gc:#0f7a76;--gn:#12908c;--gbg:#dcf0ee;--gl:rgba(18,144,140,.42)}
.pf5-g3{--gc:#5b4fbb;--gn:#6b5fc7;--gbg:#e8e5f8;--gl:rgba(107,95,199,.42)}

.pf5-hd{position:relative;margin-bottom:20px}
.pf5-n{display:flex;align-items:baseline;gap:13px;margin:0 0 8px}
.pf5-n .v{font-size:30px;font-weight:700;color:var(--gn);line-height:1;letter-spacing:-.03em}
.pf5-n .t{font-size:17.5px;font-weight:700;color:var(--gc);line-height:1.4;letter-spacing:-.025em}
.pf5-d{margin:0;font-size:13.5px;line-height:1.7;color:#6f7889;letter-spacing:-.01em}
.pf5-g2 .pf5-hd{text-align:right}
.pf5-g2 .pf5-n{flex-direction:row-reverse}
.pf5-g3 .pf5-hd{text-align:center}
.pf5-g3 .pf5-n{justify-content:center}

.pf5-ts{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pf5-g3 .pf5-ts{grid-template-columns:repeat(4,1fr);gap:18px}
.pf5-t{position:relative;display:flex;align-items:flex-start;gap:14px;background:#fff;
  border-radius:14px;padding:16px 18px;
  box-shadow:0 1px 2px rgba(40,60,120,.05),0 8px 22px rgba(40,60,120,.08)}
.pf5-t .ic{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--gbg);
  display:flex;align-items:center;justify-content:center;margin-top:1px}
.pf5-t .ic svg{width:25px;height:25px;fill:none;stroke:var(--gn);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.pf5-t .bd{flex:1 1 auto;min-width:0;display:block}
.pf5-t .nm{display:block;font-size:15.5px;font-weight:700;color:#1b2431;
  line-height:1.4;letter-spacing:-.025em;margin-bottom:5px}
.pf5-t .ds{display:block;font-size:12.5px;line-height:1.65;color:#6f7889;letter-spacing:-.01em}

@media(min-width:1081px){

  .pf5-g1 .pf5-ts::before,.pf5-g2 .pf5-ts::before{content:'';position:absolute;
    top:44px;bottom:44px;width:1px;background:var(--gl)}
  .pf5-g1 .pf5-ts::before{right:-24px}
  .pf5-g2 .pf5-ts::before{left:-24px}

  .pf5-g1 .pf5-t::after,.pf5-g2 .pf5-t::after{content:'';position:absolute;
    top:44px;width:24px;height:1px;background:var(--gl)}
  .pf5-g1 .pf5-t::after{right:-24px}
  .pf5-g2 .pf5-t::after{left:-24px}

  .pf5-g1 .pf5-t::before,.pf5-g2 .pf5-t::before{content:'';position:absolute;
    top:41px;width:6px;height:6px;border-radius:50%;background:var(--gn);opacity:.6}
  .pf5-g1 .pf5-t::before{right:-27px}
  .pf5-g2 .pf5-t::before{left:-27px}

  .pf5-g1 .pf5-hd::after,.pf5-g2 .pf5-hd::after{content:'';position:absolute;
    top:20px;width:94px;height:1px;background:var(--gl)}
  .pf5-g1 .pf5-hd::after{left:100%;margin-left:18px;transform:rotate(17deg);transform-origin:0 50%}
  .pf5-g2 .pf5-hd::after{right:100%;margin-right:18px;transform:rotate(-17deg);transform-origin:100% 50%}

  .pf5-g3 .pf5-hd::after{content:'';position:absolute;left:50%;top:100%;
    width:1px;height:14px;background:var(--gl)}
  .pf5-g3 .pf5-ts::before{content:'';position:absolute;top:-20px;
    left:12.5%;right:12.5%;height:1px;background:var(--gl)}
  .pf5-g3 .pf5-t::after{content:'';position:absolute;left:50%;top:-20px;
    width:1px;height:20px;background:var(--gl)}
  .pf5-g3 .pf5-t::before{content:'';position:absolute;left:calc(50% - 3px);top:-23px;
    width:6px;height:6px;border-radius:50%;background:var(--gn);opacity:.6}
}

@media(max-width:1240px){
  .pf5{grid-template-columns:minmax(0,1fr) minmax(340px,400px) minmax(0,1fr);gap:0 44px}
  .pf5-core img.lg{height:40px}
  .pf5-core .kd{font-size:14.5px;margin-top:12px}
  .pf5-core .ct{font-size:12.5px;margin-top:16px;line-height:1.85}
  .pf5-t{padding:14px 15px;gap:12px}
  .pf5-t .ic{width:42px;height:42px}
  .pf5-t .ic svg{width:23px;height:23px}
  .pf5-t .nm{font-size:14.5px}
  .pf5-t .ds{font-size:12px}
  .pf5-n .v{font-size:26px}
  .pf5-n .t{font-size:16px}
}
@media(max-width:1080px){
  .pf5{grid-template-columns:1fr;grid-template-areas:"mid" "g1" "g2" "g3";gap:0}
  .pf5-mid{width:min(380px,88vw);margin:0 auto 34px}
  .pf5-g{margin:0 0 30px}
  .pf5-g3{margin-top:0;padding:0}
  .pf5-g2 .pf5-hd,.pf5-g3 .pf5-hd{text-align:left}
  .pf5-g2 .pf5-n{flex-direction:row}
  .pf5-g3 .pf5-n{justify-content:flex-start}
  .pf5-g3 .pf5-ts{grid-template-columns:1fr 1fr;gap:14px}
  .pf5-core{width:70%}
  .pf5-core .ct{display:none}
  .pf5-air{width:640px;height:520px;top:170px}
}
@media(max-width:700px){
  .pf5-g3 .pf5-ts{grid-template-columns:1fr}
  .pf5-core img.lg{height:34px}
  .pf5-core .kd{font-size:13px}
  .pf5-ring .arc-t{font-size:21px}
}

.pf5{grid-template-columns:minmax(0,1fr) minmax(330px,370px) minmax(0,1fr);gap:0 34px}
.pf5-air{max-width:100%}
.pf5-t .ds{word-break:auto-phrase}
.pf5-t .nm{word-break:auto-phrase}
.pf5-g3 .pf5-t{padding:15px 15px}
.pf5-g3 .pf5-t .nm{font-size:14.5px}
.pf5-g3 .pf5-t .ic{width:42px;height:42px}
.pf5-g3 .pf5-t .ic svg{width:23px;height:23px}

@media(min-width:1081px){
  .pf5{grid-template-columns:minmax(0,1fr) minmax(330px,370px) minmax(0,1fr);gap:0 34px}
}
@media(max-width:1080px){
  .pf5{grid-template-columns:1fr;grid-template-areas:"mid" "g1" "g2" "g3";gap:0}
}

.pf5-g3 .pf5-t .ds{font-size:12px}

.pf5-core{width:68%}

.pf5-ring .rb-sheen{fill:rgba(255,255,255,.10)}

.pf5-d,.pf5-t .ds{color:#6b7381}

.pf5-t{align-items:center;padding:15px 18px}
.pf5-t .nm{margin-bottom:0}
.pf5-core .kd{margin-top:14px}

.pf5-g1 .pf5-t{background:linear-gradient(90deg,rgba(61,108,189,.02) 0%,rgba(61,108,189,.10) 100%)}
.pf5-g2 .pf5-t{background:linear-gradient(270deg,rgba(43,138,139,.02) 0%,rgba(43,138,139,.10) 100%)}
.pf5-g3 .pf5-t{background:linear-gradient(180deg,rgba(117,104,208,.10) 0%,rgba(117,104,208,.02) 100%)}

.pf5-g1 .pf5-t:nth-child(1),.pf5-g1 .pf5-t:nth-child(4),
.pf5-g2 .pf5-t:nth-child(1),.pf5-g2 .pf5-t:nth-child(4){
  background:linear-gradient(90deg,rgba(61,108,189,.01) 0%,rgba(61,108,189,.06) 100%)}
.pf5-g2 .pf5-t:nth-child(1),.pf5-g2 .pf5-t:nth-child(4){
  background:linear-gradient(270deg,rgba(43,138,139,.01) 0%,rgba(43,138,139,.06) 100%)}
.pf5-g3 .pf5-t:nth-child(1),.pf5-g3 .pf5-t:nth-child(4){
  background:linear-gradient(180deg,rgba(117,104,208,.06) 0%,rgba(117,104,208,.01) 100%)}

@media(min-width:1081px){

  .pf5-g1 .pf5-hd::after,.pf5-g2 .pf5-hd::after{display:none}

  .pf5-g1 .pf5-ts::before,.pf5-g2 .pf5-ts::before{top:38px;bottom:38px}
  .pf5-g1 .pf5-t::after,.pf5-g2 .pf5-t::after{top:50%}
  .pf5-g1 .pf5-t::before,.pf5-g2 .pf5-t::before{top:calc(50% - 3px)}

  .pf5-g1::after,.pf5-g2::after{content:'';position:absolute;top:50%;
    width:96px;height:1px;background:var(--gl)}
  .pf5-g1::after{right:-104px}
  .pf5-g2::after{left:-104px}

  .pf5-g3{position:relative}
  .pf5-g3::before{content:'';position:absolute;left:50%;top:-100px;
    width:1px;height:96px;background:var(--gl)}
}

.pf5-ring .arc-t{stroke:rgba(16,35,80,.60);stroke-width:3;paint-order:stroke;
  stroke-linejoin:round}

@media(min-width:1081px){
  .pf5{grid-template-columns:minmax(276px,300px) minmax(310px,340px) minmax(276px,300px);
    gap:0 30px;width:fit-content;margin:0 auto}
  .pf5-t{padding:14px 16px}

  .pf5-g3 .pf5-t{padding:13px 13px;gap:10px}
  .pf5-g3 .pf5-t .nm{font-size:13.5px}

  .pf5-g1::after,.pf5-g2::after{width:92px}
  .pf5-g1::after{right:-100px}
  .pf5-g2::after{left:-100px}
}

@media(min-width:1081px){
  .pf5{grid-template-columns:282px minmax(310px,330px) 282px}
}

@media(min-width:1081px){
  .pf5-g3 .pf5-t{padding:12px 11px;gap:9px}
  .pf5-g3 .pf5-t .nm{font-size:13px}
}

@media(min-width:1081px){
  .pf5-n{white-space:nowrap}
  .pf5-n .t{font-size:16.5px}
}

@media(min-width:1081px){
  .pf5{grid-template-columns:284px minmax(310px,352px) 284px}
  .pf5-t{padding:14px 14px;gap:12px}
  .pf5-t .ic{width:44px;height:44px}
  .pf5-t .ic svg{width:24px;height:24px}
  .pf5-t .nm{font-size:14.5px}
  .pf5-g3 .pf5-t{padding:14px 14px;gap:12px}
  .pf5-g3 .pf5-t .nm{font-size:14.5px}
  .pf5-g3 .pf5-t .ic{width:44px;height:44px}
  .pf5-g3 .pf5-t .ic svg{width:24px;height:24px}
  .pf5-g3 .pf5-ts{gap:12px}
}

@media(min-width:1081px){
  .pf5-g3 .pf5-t{padding:14px 10px;gap:10px}
}

.pf5-mnum,.pf5-med,.pf5-acc{display:none}
.pf5-ring .arc-ja{display:none}

@media(max-width:1080px){

  .pf5-g1,.pf5-g2,.pf5-g3{display:none}
  .pf5-ring .arc-en{display:none}
  .pf5-ring .arc-ja{display:block}
  .pf5-ring .arc-t{font-size:19.5px;letter-spacing:.04em}
  .pf5-mid{width:min(400px,92vw);margin:0 auto 6px}
  .pf5-core{width:64%}
  .pf5-core img.lg{height:36px}
  .pf5-core .kd{font-size:14px;margin-top:11px}

  .pf5-mnum{display:block;position:absolute;z-index:2;font-size:34px;font-weight:700;
    line-height:1;letter-spacing:-.02em}
  .pf5-mnum.n1{left:2%;top:-2%;color:#2b5aad}
  .pf5-mnum.n2{right:2%;top:-2%;color:#1a7075}
  .pf5-mnum.n3{left:5%;bottom:2%;color:#5a4dbc}

  .pf5-med{display:flex;position:absolute;z-index:2;width:17%;aspect-ratio:1;
    border-radius:50%;background:#fff;align-items:center;justify-content:center;
    box-shadow:0 4px 14px rgba(40,60,120,.18),0 0 0 5px rgba(255,255,255,.55)}
  .pf5-med svg{width:52%;height:52%;fill:none;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round}
  .pf5-med.m1{left:0;top:50%;transform:translate(-38%,-50%)}
  .pf5-med.m1 svg{stroke:#2b7cf0}
  .pf5-med.m2{right:0;top:50%;transform:translate(38%,-50%)}
  .pf5-med.m2 svg{stroke:#12908c}
  .pf5-med.m3{left:50%;bottom:0;transform:translate(-50%,38%)}
  .pf5-med.m3 svg{stroke:#6b5fc7}

  .pf5-acc{display:block;margin-top:30px}
  .pf5-ac{background:#fff;border-radius:16px;margin-bottom:14px;
    box-shadow:0 1px 2px rgba(40,60,120,.05),0 8px 22px rgba(40,60,120,.08);
    overflow:hidden}
  .pf5-ac[data-g="1"]{--gc:#1a6fd4;--gn:#2b7cf0;--gbg:#e4eefc}
  .pf5-ac[data-g="2"]{--gc:#0f7a76;--gn:#12908c;--gbg:#dcf0ee}
  .pf5-ac[data-g="3"]{--gc:#5b4fbb;--gn:#6b5fc7;--gbg:#e8e5f8}
  .pf5-ac summary{display:flex;align-items:center;gap:14px;padding:16px 16px;
    cursor:pointer;list-style:none}
  .pf5-ac summary::-webkit-details-marker{display:none}
  .pf5-ac .no{flex:0 0 auto;font-size:26px;font-weight:700;color:var(--gn);
    line-height:1;letter-spacing:-.02em;padding-right:14px;
    border-right:1px solid var(--line)}
  .pf5-ac .mic{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--gbg);
    display:flex;align-items:center;justify-content:center}
  .pf5-ac .mic svg{width:25px;height:25px;fill:none;stroke:var(--gn);stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round}
  .pf5-ac .tx{flex:1 1 auto;min-width:0}
  .pf5-ac .tx b{display:block;font-size:15.5px;font-weight:700;color:#1b2431;
    line-height:1.45;letter-spacing:-.025em;margin-bottom:3px;word-break:auto-phrase}
  .pf5-ac .tx small{display:block;font-size:12.5px;line-height:1.6;color:#6b7381;
    word-break:auto-phrase}
  .pf5-ac .cv{flex:0 0 auto;width:22px;height:22px;color:var(--gn);
    transition:transform .25s ease}
  .pf5-ac .cv svg{width:100%;height:100%}
  .pf5-ac[open] .cv{transform:rotate(180deg)}
  .pf5-ac ul{list-style:none;margin:0;padding:4px 16px 14px}
  .pf5-ac li{display:flex;align-items:center;gap:12px;padding:11px 12px;
    font-size:14.5px;font-weight:700;color:#1b2431;letter-spacing:-.02em;
    background:linear-gradient(90deg,var(--gbg),rgba(255,255,255,0) 130%);
    border-radius:11px;margin-bottom:8px}
  .pf5-ac li:last-child{margin-bottom:0}
  .pf5-ac li .ic{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#fff;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 1px 4px rgba(40,60,120,.10)}
  .pf5-ac li .ic svg{width:19px;height:19px;fill:none;stroke:var(--gn);stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round}

  .pf5-banner{display:flex;align-items:center;gap:14px;margin-top:18px;
    padding:18px 18px;border-radius:16px;color:#fff;
    background:linear-gradient(135deg,#1a3d80 0%,#122c62 60%,#0d2149 100%);
    box-shadow:0 10px 28px rgba(12,30,70,.28)}
  .pf5-banner .bic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;
    background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}
  .pf5-banner .bic svg{width:24px;height:24px;stroke:#fff}
  .pf5-banner .btx{flex:1 1 auto;font-size:15.5px;font-weight:700;line-height:1.65;
    letter-spacing:-.02em;color:#fff}
  .pf5-banner .bar{flex:0 0 auto;width:20px;height:20px;color:rgba(255,255,255,.85)}
  .pf5-banner .bar svg{width:100%;height:100%}
  .pf5-banner:hover{opacity:.93}
}
@media(max-width:430px){
  .pf5-ring .arc-t{font-size:21px}
  .pf5-mnum{font-size:30px}
  .pf5-ac .tx b{font-size:14.5px}
}

@media(max-width:1080px){
  .pf5-mid{width:min(352px,84vw)}
}

@media(max-width:1080px){
  .pf5-ring .arc-t{font-size:18px}
  .pf5-mnum.n1{top:0}
  .pf5-mnum.n2{top:0}
  .pf5-ac summary{gap:12px;padding:15px 14px}
  .pf5-ac .no{padding-right:12px}
  .pf5-ac .tx small{font-size:12px}
}
@media(max-width:430px){
  .pf5-ring .arc-t{font-size:19px}
}

@media(min-width:1081px){
  .pf5-g1::after,.pf5-g2::after{width:29px}
  .pf5-g1::after{right:-53px}
  .pf5-g2::after{left:-53px}
  .pf5-g3::before{top:-86px;height:82px}

  .pf5-g1 .pf5-ts::after,.pf5-g2 .pf5-ts::after{content:'';position:absolute;
    top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;
    background:var(--gn);opacity:.6;z-index:1}
}

@media(min-width:1081px){
  .pf5-g3 .pf5-hd{margin-bottom:34px}
}

.pf5-t{padding:0;transition:transform .2s ease,box-shadow .2s ease}
.pf5-t>a{display:flex;align-items:center;gap:12px;width:100%;padding:14px 14px;
  color:inherit;border-radius:inherit}
.pf5-t:hover,.pf5-t:focus-within{transform:translateY(-3px);
  box-shadow:0 3px 6px rgba(40,60,120,.08),0 14px 30px rgba(40,60,120,.16)}
.pf5-t:hover .nm{color:var(--gc)}
.pf5-hlink{display:inline-flex;align-items:baseline;gap:inherit;color:inherit}
.pf5-hlink:hover .t{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1081px){
  .pf5-g3 .pf5-t>a{padding:14px 10px;gap:10px}
}

.pf5-ac li{padding:0}
.pf5-ac li>a{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;
  color:inherit;border-radius:inherit}
.pf5-ac li>a:active{opacity:.7}

@keyframes pf5-core-in{
  0%{opacity:0;transform:scale(.15)}
  55%{opacity:1;transform:scale(1.07)}
  78%{transform:scale(.97)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes pf5-rbg-in{
  0%{opacity:0;transform:rotate(-26deg)}
  62%{opacity:1}
  74%{transform:rotate(2.4deg)}
  100%{opacity:1;transform:rotate(0deg)}
}
@keyframes pf5-t-in{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:none}
}
@keyframes pf5-fade{from{opacity:0}to{opacity:1}}

.anim-on .pf5 .pf5-core{opacity:0}
.anim-on .pf5.is-in .pf5-core{animation:pf5-core-in .9s cubic-bezier(.3,.9,.4,1) both}
.anim-on .pf5 .rbg{opacity:0;transform-box:view-box;transform-origin:50% 50%}
.anim-on .pf5.is-in .rbg1{animation:pf5-rbg-in .72s cubic-bezier(.3,.8,.4,1) .18s both}
.anim-on .pf5.is-in .rbg2{animation:pf5-rbg-in .72s cubic-bezier(.3,.8,.4,1) .33s both}
.anim-on .pf5.is-in .rbg3{animation:pf5-rbg-in .72s cubic-bezier(.3,.8,.4,1) .48s both}
.anim-on .pf5 .arc-t,.anim-on .pf5 .gd{opacity:0}
.anim-on .pf5.is-in .arc-t,.anim-on .pf5.is-in .gd{animation:pf5-fade .5s ease 1.05s both}
.anim-on .pf5 .pf5-hd,.anim-on .pf5 .pf5-t{opacity:0}
.anim-on .pf5.is-in .pf5-hd{animation:pf5-t-in .5s ease .62s both}
.anim-on .pf5.is-in .pf5-g2 .pf5-hd{animation-delay:.77s}
.anim-on .pf5.is-in .pf5-g3 .pf5-hd{animation-delay:.92s}
.anim-on .pf5.is-in .pf5-t{animation:pf5-t-in .5s ease both}
.anim-on .pf5.is-in .pf5-g1 .pf5-t:nth-child(1){animation-delay:.72s}
.anim-on .pf5.is-in .pf5-g1 .pf5-t:nth-child(2){animation-delay:.81s}
.anim-on .pf5.is-in .pf5-g1 .pf5-t:nth-child(3){animation-delay:.90s}
.anim-on .pf5.is-in .pf5-g1 .pf5-t:nth-child(4){animation-delay:.99s}
.anim-on .pf5.is-in .pf5-g2 .pf5-t:nth-child(1){animation-delay:.87s}
.anim-on .pf5.is-in .pf5-g2 .pf5-t:nth-child(2){animation-delay:.96s}
.anim-on .pf5.is-in .pf5-g2 .pf5-t:nth-child(3){animation-delay:1.05s}
.anim-on .pf5.is-in .pf5-g2 .pf5-t:nth-child(4){animation-delay:1.14s}
.anim-on .pf5.is-in .pf5-g3 .pf5-t:nth-child(1){animation-delay:1.02s}
.anim-on .pf5.is-in .pf5-g3 .pf5-t:nth-child(2){animation-delay:1.11s}
.anim-on .pf5.is-in .pf5-g3 .pf5-t:nth-child(3){animation-delay:1.20s}
.anim-on .pf5.is-in .pf5-g3 .pf5-t:nth-child(4){animation-delay:1.29s}

.anim-on .pf5 .pf5-ts::before,.anim-on .pf5 .pf5-ts::after,
.anim-on .pf5 .pf5-t::before,.anim-on .pf5 .pf5-t::after,
.anim-on .pf5 .pf5-g1::after,.anim-on .pf5 .pf5-g2::after,
.anim-on .pf5 .pf5-g3::before,.anim-on .pf5 .pf5-g3 .pf5-hd::after{opacity:0;
  transition:opacity .5s ease 1.35s}
.anim-on .pf5.is-in .pf5-ts::before,.anim-on .pf5.is-in .pf5-ts::after,
.anim-on .pf5.is-in .pf5-t::before,.anim-on .pf5.is-in .pf5-t::after,
.anim-on .pf5.is-in .pf5-g1::after,.anim-on .pf5.is-in .pf5-g2::after,
.anim-on .pf5.is-in .pf5-g3::before,.anim-on .pf5.is-in .pf5-g3 .pf5-hd::after{opacity:1}

.anim-on .pf5.is-in .pf5-t::before{opacity:.6}
.anim-on .pf5.is-in .pf5-ts::after{opacity:.6}

.anim-on .pf5 .pf5-med,.anim-on .pf5 .pf5-mnum{opacity:0}
.anim-on .pf5.is-in .pf5-med{animation:pf5-core-in .6s cubic-bezier(.3,.9,.4,1) 1.0s both}
.anim-on .pf5.is-in .pf5-mnum{animation:pf5-fade .5s ease 1.1s both}
.anim-on .pf5 .pf5-ac,.anim-on .pf5 .pf5-banner{opacity:0}
.anim-on .pf5.is-in .pf5-ac{animation:pf5-t-in .5s ease both}
.anim-on .pf5.is-in .pf5-ac:nth-of-type(1){animation-delay:.85s}
.anim-on .pf5.is-in .pf5-ac:nth-of-type(2){animation-delay:.97s}
.anim-on .pf5.is-in .pf5-ac:nth-of-type(3){animation-delay:1.09s}
.anim-on .pf5.is-in .pf5-banner{animation:pf5-t-in .5s ease 1.22s both}
@media(prefers-reduced-motion:reduce){
  .anim-on .pf5 .pf5-core,.anim-on .pf5 .rbg,.anim-on .pf5 .arc-t,.anim-on .pf5 .gd,
  .anim-on .pf5 .pf5-hd,.anim-on .pf5 .pf5-t,.anim-on .pf5 .pf5-med,
  .anim-on .pf5 .pf5-mnum,.anim-on .pf5 .pf5-ac,.anim-on .pf5 .pf5-banner{
    opacity:1;animation:none;transform:none}
}

@media(min-width:1081px){
  .pf5-g3 .pf5-t{padding:0}
}
.pf5-ac li{padding:0}

@media(min-width:1081px){
  .pf5-g1::after{right:-57px;width:33px}
  .pf5-g2::after{left:-57px;width:33px}
  .pf5-g1 .pf5-ts::after{right:-27px}
  .pf5-g2 .pf5-ts::after{left:-27px}
  .pf5-g3::before{top:-92px;height:88px}
}

@media(min-width:1081px){
  .pf5-g1 .pf5-ts::after,.pf5-g2 .pf5-ts::after{content:none}
  .pf5-g1::before,.pf5-g2::before{content:'';position:absolute;z-index:1;
    top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;
    background:var(--gn);opacity:.6}
  .pf5-g1::before{right:-27px}
  .pf5-g2::before{left:-27px}
}

.anim-on .pf5 .pf5-g1::before,.anim-on .pf5 .pf5-g2::before{opacity:0;
  transition:opacity .5s ease 1.35s}
.anim-on .pf5.is-in .pf5-g1::before,.anim-on .pf5.is-in .pf5-g2::before{opacity:.6}

.gp .fc>.card-h{background:var(--gc)}
.gp .fc>.card-h h4{color:#fff}

.gp a.fc:hover,.gp a.fc:focus-visible{background:var(--gc-bg);border-color:var(--gc)}
.gp a.fc:hover .fc-b,.gp a.fc:focus-visible .fc-b{background:var(--gc-bg)}
.gp a.fc:hover>.card-h,.gp a.fc:focus-visible>.card-h{background:var(--gc)}

#g1{--gc-d:#1257d6}
#g2{--gc-d:#0c6b78}
#g3{--gc-d:#4a4fa8}
.gp .fc>.card-h{background:var(--gc-bg);transition:background .22s}
.gp .fc>.card-h h4{color:var(--gc-d);transition:color .22s}
.gp a.fc:hover>.card-h,.gp a.fc:focus-visible>.card-h{background:var(--gc)}
.gp a.fc:hover>.card-h h4,.gp a.fc:focus-visible>.card-h h4{color:#fff}

.pb-col{position:relative;overflow:visible}
.pb-col>*{position:relative;z-index:2}
.pb-col img.pb-ph{position:absolute;z-index:1;top:-30px;right:-14px;
  width:47%;height:auto;max-width:none;aspect-ratio:auto;object-fit:contain;
  border-radius:0;background:none;pointer-events:none;
  filter:drop-shadow(0 6px 14px rgba(12,28,54,.10))}

.pb-hd{padding-right:44%}
.pb-hd p{padding-right:0;margin-right:-38%}
@media(max-width:1180px){
  .pb-col img.pb-ph{width:50%;top:-24px}
  .pb-hd{padding-right:46%}
  .pb-hd p{margin-right:-40%}
}
@media(max-width:980px){

  .pb-col img.pb-ph{width:30%;top:-22px;right:-10px}
  .pb-hd{padding-right:30%}
  .pb-hd p{margin-right:-24%}
}
@media(max-width:560px){
  .pb-col img.pb-ph{width:34%;top:-16px;right:-6px}
  .pb-hd{padding-right:34%}
  .pb-hd p{margin-right:-28%}
}

.pb-grid{margin-top:38px}

.pb-hd h3,.pb-hd p{word-break:auto-phrase}
.pb-col img.pb-ph{top:-24px}
@media(max-width:1180px){ .pb-col img.pb-ph{top:-20px} }

.pb-col img.pb-ph{top:-56px;right:6px;width:47%}
.pb-hd{padding-right:22%}
.pb-hd p{margin-right:-22%}
.pb-grid{margin-top:62px}
@media(max-width:1180px){
  .pb-col img.pb-ph{top:-52px;right:4px;width:50%}
  .pb-hd{padding-right:24%}
  .pb-hd p{margin-right:-24%}
}
@media(max-width:980px){
  .pb-col img.pb-ph{top:-40px;right:2px;width:30%}
  .pb-hd{padding-right:8%}
  .pb-hd p{margin-right:-8%}
  .pb-grid{margin-top:46px}
}
@media(max-width:560px){
  .pb-col img.pb-ph{top:-32px;right:0;width:34%}
  .pb-hd{padding-right:6%}
  .pb-hd p{margin-right:-6%}
}

.ba3-bf .ba3-t,.ba3-af .ba3-t{font-size:20px;line-height:1.4;letter-spacing:-.02em}
.ba3-bf .ba3-d,.ba3-af .ba3-d{font-size:15.5px;line-height:1.7}

.ba3-hb,.ba3-ha{padding-left:0;text-align:center}

.ba3-bf::after{display:none}
.ba3-af{clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,42px 50%);
  padding:20px 26px 20px 64px}
@media(max-width:1180px){
  .ba3-bf .ba3-t,.ba3-af .ba3-t{font-size:18px}
  .ba3-bf .ba3-d,.ba3-af .ba3-d{font-size:14.5px}
}
@media(max-width:860px){

  .ba3-af{clip-path:polygon(0 10px,50% 30px,100% 10px,100% 100%,0 100%);
    padding:40px 18px 16px}
}

@media(max-width:1180px){
  .pb-hd{padding-right:16%}
  .pb-hd p{margin-right:-16%}
}

@media(min-width:981px) and (max-width:1060px){
  .pb-hd h3{font-size:20px}
  .pb-hd{padding-right:13%}
  .pb-hd p{margin-right:-13%}
}

.ba3-h{grid-template-columns:64px 168px minmax(0,1fr) minmax(0,1fr)}
@media(max-width:1180px){
  .ba3-h{grid-template-columns:56px 150px minmax(0,1fr) minmax(0,1fr)}
}

@media(max-width:860px){
  .ba3-r{grid-template-columns:52px minmax(0,1fr);border-radius:12px;min-height:0}
  .ba3-n{align-items:flex-start;padding-top:17px}
  .ba3-k{border-left:0;padding:16px 16px 4px 0}
  .ba3-bf,.ba3-af{grid-column:2/3;margin-right:0;margin-left:0}
  .ba3-bf{padding:16px 18px 34px;margin-bottom:-18px;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),50% 100%,0 calc(100% - 20px))}
  .ba3-af{padding:40px 18px 18px;border-radius:0 0 12px 0;
    clip-path:polygon(0 10px,50% 30px,100% 10px,100% 100%,0 100%)}
  .ba3-bf::after{display:none}
}

#g1{--hd-a:#d4e3fa;--hd-b:#eaf1fd;--hd-c:#f7fbff;--hd-dk:#0e46a8}
#g2{--hd-a:#cfeaee;--hd-b:#e8f5f7;--hd-c:#f5fcfd;--hd-dk:#0a6270}
#g3{--hd-a:#dadcf2;--hd-b:#eeeff9;--hd-c:#f8f9fd;--hd-dk:#383c8a}

.gp .fc>.card-h,
.gp a.fc:hover>.card-h,.gp a.fc:focus-visible>.card-h{
  background:linear-gradient(152deg,var(--hd-a) 0%,var(--hd-b) 56%,var(--hd-c) 100%)}

.gp .fc>.card-h{position:relative}
.gp .fc>.card-h::before{content:'';position:absolute;inset:0;z-index:0;opacity:0;
  background:linear-gradient(152deg,var(--gc) 0%,var(--hd-dk) 100%);
  transition:opacity .22s ease}
.gp a.fc:hover>.card-h::before,.gp a.fc:focus-visible>.card-h::before{opacity:1}
.gp .fc>.card-h h4{position:relative;z-index:1}

.gp .fc::before{display:none}

#g1{--hd-dk:#0a3a90}
#g2{--hd-dk:#08505c}
#g3{--hd-dk:#2e3175}

.about-3 .ab>.card-h,
.rel-img a>.card-h,
.rel-case>a>.card-h,
.metric>.card-h,
.f2>.card-h{background:linear-gradient(152deg,
  var(--card-hd) 0%,#1a4489 55%,#123268 100%)}

@media(min-width:1081px){
  .pf5{grid-template-columns:262px minmax(260px,280px) 262px;gap:0 26px}
  .pf5-t{padding:10px 12px;gap:9px}
  .pf5-t .ic{width:34px;height:34px}
  .pf5-t .ic svg{width:19px;height:19px}
  .pf5-t .nm{font-size:13px}
  .pf5-g3 .pf5-t{padding:10px 11px;gap:9px}
  .pf5-g3 .pf5-t .nm{font-size:13px}
  .pf5-g3 .pf5-t .ic{width:34px;height:34px}
  .pf5-g3 .pf5-t .ic svg{width:19px;height:19px}
  .pf5-ts{gap:9px}
  .pf5-g3 .pf5-ts{gap:9px}
  .pf5-n{gap:10px;margin-bottom:6px}
  .pf5-n .v{font-size:25px}
  .pf5-n .t{font-size:15.5px}
  .pf5-hd{margin-bottom:15px}
  .pf5-g3{margin-top:26px}
  .pf5-core img.lg{height:40px}
  .pf5-core .kd{font-size:14px;margin-top:11px}

  .pf5-g1 .pf5-ts::before,.pf5-g2 .pf5-ts::before{top:32px;bottom:32px}
  .pf5-g1 .pf5-ts::before{right:-20px}
  .pf5-g2 .pf5-ts::before{left:-20px}
  .pf5-g1 .pf5-t::after,.pf5-g2 .pf5-t::after{width:20px}
  .pf5-g1 .pf5-t::after{right:-20px}
  .pf5-g2 .pf5-t::after{left:-20px}
  .pf5-g1 .pf5-t::before{right:-23px}
  .pf5-g2 .pf5-t::before{left:-23px}
  .pf5-g1::before{right:-23px}
  .pf5-g2::before{left:-23px}
  .pf5-g1::after,.pf5-g2::after{width:29px}
  .pf5-g1::after{right:-49px}
  .pf5-g2::after{left:-49px}
}

@media(min-width:1081px){
  .pf5-t{padding:0}
  .pf5-t>a{padding:10px 12px;gap:9px}
  .pf5-g3 .pf5-t{padding:0}
  .pf5-g3 .pf5-t>a{padding:10px 10px;gap:9px}
}

@media(min-width:1081px){
  .pf5-g3::before{top:-56px;height:52px}
}

@media(min-width:1240px){
  .hero-v2 .hv-dev{margin-left:calc(-116px - clamp(0px,(100vw - 1240px)/2,50px))}
}

#points{padding:0}
#points .pts-band{padding-top:74px;padding-bottom:16px}
@media(max-width:860px){
  #points .pts-band{padding-top:52px}
}

#points{padding:0 0 0}
#points>.wrap{padding-top:96px}
#points .pts-band{padding-top:8px}
@media(max-width:860px){
  #points>.wrap{padding-top:64px}
}

#about .pf5-fig{margin-bottom:0}

.pr3{list-style:none;margin:34px 0 44px;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.pr3>li{position:relative;padding:4px 30px;display:flex;flex-direction:column;
  align-items:flex-start}
.pr3>li+li{border-left:1px solid var(--line)}
.pr3>li:first-child{padding-left:0}
.pr3 .k{font-size:14px;font-weight:700;color:#5a6472;letter-spacing:.02em;
  margin-bottom:10px}
.pr3 .v{font-size:48px;font-weight:700;color:var(--navy);line-height:1;
  letter-spacing:-.045em;display:flex;align-items:baseline}
.pr3 .v small{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-left:3px}
.pr3 .s{font-size:13.5px;color:#5a6472;line-height:1.65;margin-top:11px}

.pr3 .k::before{content:'';display:block;width:24px;height:3px;border-radius:2px;
  background:var(--yellow);margin-bottom:12px}

.pf5-cap{margin:22px auto 0;max-width:860px;text-align:center;
  font-size:15.5px;line-height:1.8;color:#5a6472;letter-spacing:-.01em}

@media(max-width:980px){
  .pr3{grid-template-columns:1fr;gap:0;margin:26px 0 34px}
  .pr3>li{padding:20px 0;border-left:0}
  .pr3>li+li{border-top:1px solid var(--line)}
  .pr3 .v{font-size:40px}
  .pf5-cap{margin-top:18px;font-size:14.5px;text-align:left}
}

.hv-proof{position:relative;z-index:3;margin-top:44px;
  background:linear-gradient(100deg,#24334a 0%,#1f2c40 52%,#1b2739 100%)}
.hvp{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr)}
.hvp>li{display:flex;align-items:center;gap:20px;padding:30px 34px}
.hvp>li+li{border-left:1px solid rgba(255,255,255,.13)}
.hvp>li:first-child{padding-left:6px}
.hvp>li:last-child{padding-right:6px}
.hvp .ic{flex:0 0 auto;width:40px;height:40px;color:#9fadc2}
.hvp .ic svg{width:100%;height:100%;fill:none}
.hvp .tx{display:flex;flex-direction:column;min-width:0}
.hvp .k{font-size:13.5px;font-weight:700;color:#b0bdd0;letter-spacing:.03em;
  line-height:1.4}
.hvp .v{font-size:36px;font-weight:700;color:#fff;line-height:1.15;
  letter-spacing:-.04em;margin:5px 0 4px;display:flex;align-items:baseline}
.hvp .v small{font-size:17px;font-weight:700;letter-spacing:-.02em;margin-left:2px}
.hvp .s{font-size:13px;color:#9fadc2;line-height:1.55;letter-spacing:-.01em}

@media(max-width:1180px){
  .hvp>li{gap:16px;padding:26px 22px}
  .hvp .ic{width:36px;height:36px}
  .hvp .v{font-size:31px}
  .hvp .k{font-size:13px}
  .hvp .s{font-size:12.5px}
}
@media(max-width:860px){
  .hv-proof{margin-top:30px}
  .hvp{grid-template-columns:1fr}
  .hvp>li{padding:20px 4px;gap:16px}
  .hvp>li+li{border-left:0;border-top:1px solid rgba(255,255,255,.13)}
  .hvp>li:first-child,.hvp>li:last-child{padding-left:4px;padding-right:4px}
  .hvp .v{font-size:30px}
}

@media(min-width:861px){
  .hero-v2{padding-bottom:112px}
  .hero-v2>.hv-proof{position:absolute;left:0;right:0;bottom:0;margin-top:0}
}
@media(max-width:860px){
  .hero-v2{flex-wrap:wrap}
  .hero-v2>.wrap.hero-in{flex:1 1 100%}
  .hero-v2>.hv-proof{flex:1 1 100%}
}

@media(min-width:861px) and (max-width:1080px){
  .hero-v2{padding-bottom:186px}
}
@media(max-width:860px){
  .hero-v2{padding-bottom:0}
}

.hvp>li+li{border-left:0}
@media(min-width:861px){
  .hvp>li{position:relative}
  .hvp>li+li::before{content:'';position:absolute;left:0;top:24px;bottom:24px;
    width:1px;background:rgba(255,255,255,.15)}
}
@media(max-width:860px){
  .hvp>li+li{border-top:1px solid rgba(255,255,255,.13)}
}

.hvp>li{gap:16px;padding:16px 34px}
.hvp .ic{width:34px;height:34px}
.hvp .k{font-size:12.5px}
.hvp .v{font-size:29px;margin:3px 0 2px}
.hvp .v small{font-size:15px}
.hvp .s{font-size:12.5px;line-height:1.5}
@media(min-width:1081px){
  .hero-v2{padding-bottom:108px}
}
@media(min-width:861px) and (max-width:1080px){
  .hero-v2{padding-bottom:150px}
  .hvp>li{padding:14px 20px;gap:13px}
  .hvp .ic{width:31px;height:31px}
  .hvp .v{font-size:26px}
}
@media(max-width:860px){
  .hvp>li{padding:14px 4px;gap:14px}
  .hvp .v{font-size:26px}
}

.hv-proof{background:linear-gradient(100deg,#0c1b37 0%,#19305e 52%,#153577 100%)}
.hvp>li{justify-content:center;padding:16px 24px}
.hvp>li:first-child,.hvp>li:last-child{padding-left:24px;padding-right:24px}
.hvp .ic{width:44px;height:44px;color:var(--yellow)}
.hvp .ic svg{stroke-width:1.5}
@media(min-width:861px){
  .hvp>li+li::before{background:rgba(255,255,255,.18)}
}
@media(min-width:861px) and (max-width:1080px){
  .hvp>li{padding:14px 14px;gap:12px}
  .hvp .ic{width:38px;height:38px}
}
@media(max-width:860px){

  .hvp>li{justify-content:flex-start;padding:14px 4px}
  .hvp .ic{width:40px;height:40px}
}

.hvp>li{padding:15px 24px;gap:14px}

.hvp .k em{font-style:normal;font-weight:400;color:#9fadc2;font-size:11.5px;
  margin-left:4px;letter-spacing:0}
.hvp .v{margin:3px 0 0}
.hvp .ic{width:42px;height:42px}
@media(min-width:1081px){
  .hero-v2{padding-bottom:88px}
}
@media(min-width:861px) and (max-width:1080px){
  .hero-v2{padding-bottom:130px}
  .hvp>li{padding:13px 14px;gap:12px}
  .hvp .ic{width:36px;height:36px}
}
@media(max-width:860px){
  .hvp>li{padding:13px 4px;gap:14px}
  .hvp .ic{width:38px;height:38px}
}

@media(max-width:860px){
  .hero-v2{flex-flow:column nowrap;align-items:stretch}
  .hero-v2>.wrap.hero-in{flex:0 0 auto}
  .hero-v2>.hv-proof{flex:0 0 auto;margin-top:auto}
}

@media(max-width:860px){
  .hvp>li{padding:8px 4px;gap:13px}
  .hvp .ic{width:34px;height:34px}
  .hvp .v{font-size:24px;margin-top:2px}
  .hvp .v small{font-size:13.5px}
  .hvp .k{font-size:12px}
}
@media(max-width:700px){
  .hero-v2{min-height:calc(100svh - 64px - 72px)}
}

@media(max-width:860px){
  .hero-v2>.wrap.hero-in{padding-bottom:12px}
}

@media(min-width:981px){
  .hero-v2 .hero-h1{gap:24px;margin-bottom:16px}
  .hero-v2 .hv-tx{padding-bottom:20px}
}

.pt-h{font-size:30px}
@media(max-width:1100px){ .pt-h{font-size:27px} }
@media(max-width:860px){ .pt-h{font-size:24px} }

@media(max-width:340px){ .pt-h{font-size:22px} }

.fc-ph{transform-origin:50% 50%}

.fcpop{--d:.44s;--e:cubic-bezier(.4,0,.2,1);--od:calc(var(--d) * .45);
  position:fixed;z-index:81;pointer-events:none;
  opacity:0;transform-origin:50% 50%;overflow:hidden;background:#fff;
  border-radius:2px;box-shadow:0 0 0 rgba(9,24,52,0);
  transition:opacity var(--od) linear,
             transform var(--d) var(--e),
             border-radius var(--d) var(--e),
             box-shadow var(--d) var(--e);
  will-change:transform,opacity}
.fcpop.is-on{opacity:1;border-radius:14px;
  box-shadow:0 22px 56px rgba(9,24,52,.30),0 3px 10px rgba(9,24,52,.16)}
.fcpop.is-out{--d:.26s;--e:cubic-bezier(.45,0,.75,.25);--od:calc(var(--d) * .9)}

.fcpop img{display:block;width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){
  .fcpop{--d:.001s;transition:opacity .12s linear}
}

#points .pts-band{padding-top:96px}
@media(max-width:860px){
  #points .pts-band{padding-top:64px}
}

@media(min-width:861px){
  #points .pts-band::before{height:156px}
}

@media(min-width:861px){
  #points .pts-band{margin-top:-56px;padding-top:152px}
  #points .pts-band::before{height:170px}
}
@media(max-width:860px){
  #points .pts-band{margin-top:-28px;padding-top:92px}
}

a.case>.card-h{background:linear-gradient(152deg,
  var(--card-hd) 0%,#1a4489 55%,#123268 100%)}
a.case>.card-h h3{color:#fff}

a.case>.card-h .case-tag{background:none;border:0;color:var(--yellow);
  padding:0;border-radius:0;letter-spacing:.02em}

a.case:hover>.card-h,a.case:focus-visible>.card-h{background:linear-gradient(152deg,
  var(--card-hd) 0%,#1a4489 55%,#123268 100%)}
a.case:hover>.card-h h3,a.case:focus-visible>.card-h h3{color:#fff}

.pr4{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.pr4-ax{display:grid;grid-template-columns:repeat(4,1fr)}
.pr4-c{padding:36px 24px 32px;text-align:center}
.pr4-c+.pr4-c{border-left:1px solid var(--line)}
.pr4-c .ic{display:block;width:58px;height:58px;margin:0 auto 20px;color:var(--navy)}
.pr4-c .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round}
.pr4-c .t{font-size:19px;font-weight:700;color:var(--navy);letter-spacing:-.02em;
  line-height:1.5;margin:0 0 9px}
.pr4-c .d{font-size:15px;color:var(--body);line-height:1.7;margin:0}

.pr4-ft{display:flex;align-items:center;justify-content:center;gap:22px;
  padding:26px 34px;background:var(--bg);border-top:1px solid var(--line)}
.pr4-ft .ic{flex:0 0 auto;width:44px;height:44px;color:var(--navy)}
.pr4-ft .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round}
.pr4-ft .t{font-size:21px;font-weight:700;color:var(--navy);letter-spacing:-.025em;
  line-height:1.5;margin:0 0 6px}
.pr4-ft .d{font-size:15px;color:var(--body);line-height:1.7;margin:0}

.pr4-note{display:flex;align-items:center;justify-content:center;gap:13px;
  margin:24px 0 0;font-size:16px;color:var(--body);line-height:1.7}
.pr4-note .ic{flex:0 0 auto;width:27px;height:27px;color:var(--blue)}
.pr4-note .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}

.pr4-cta{margin:46px 0 0;text-align:center}
.pr4-cta .t{font-size:27px;font-weight:700;color:var(--navy);letter-spacing:-.03em;
  line-height:1.5;margin:0 0 20px}
.pr4-cta .btn{min-width:min(420px,100%);justify-content:center;text-align:center}
.pr4-cta .n{margin:16px 0 0;font-size:15px;color:var(--body);line-height:1.7}

@media(max-width:980px){

  .pr4-ax{grid-template-columns:1fr 1fr}
  .pr4-c+.pr4-c{border-left:0}
  .pr4-c:nth-child(2n){border-left:1px solid var(--line)}
  .pr4-c:nth-child(n+3){border-top:1px solid var(--line)}
  .pr4-c{padding:30px 20px 26px}
  .pr4-ft{padding:24px 26px;gap:18px}
  .pr4-ft .t{font-size:19px}
  .pr4-cta .t{font-size:24px}
}
@media(max-width:560px){

  .pr4-ax{grid-template-columns:1fr}
  .pr4-c:nth-child(2n){border-left:0}
  .pr4-c+.pr4-c{border-top:1px solid var(--line)}
  .pr4-c{padding:24px 18px}
  .pr4-c .ic{width:50px;height:50px;margin-bottom:14px}
  .pr4-c .t{font-size:18px}
  .pr4-ft{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 20px}
  .pr4-ft .t{font-size:18px;letter-spacing:-.02em}
  .pr4-note{align-items:flex-start;gap:11px;font-size:15px;text-align:left}
  .pr4-note .ic{width:24px;height:24px;margin-top:2px}
  .pr4-cta{margin-top:36px}
  .pr4-cta .t{font-size:21px}
}

.pt-res{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;
  margin:18px 0 0;padding:10px 0 10px 14px;
  border-left:3px solid var(--blue);
  font-size:16px;color:var(--body);line-height:1.6;letter-spacing:-.01em}
.pt-res .l{flex:0 0 auto;font-size:12.5px;font-weight:700;color:var(--blue);
  letter-spacing:.06em}
.pt-res b{font-weight:700;color:var(--navy);font-size:17.5px;letter-spacing:-.02em}
@media(max-width:1100px){
  .pt-res{font-size:15.5px;margin-top:16px}
  .pt-res b{font-size:17px}
}
@media(max-width:860px){
  .pt-res{font-size:15px;padding:10px 0 10px 12px;margin-top:14px}
  .pt-res b{font-size:16.5px}
}

.mm-cc{display:none}
.mm-cats{gap:4px}

.mm-cat{justify-content:flex-start;padding:10px 6px 10px 7px;border-radius:0;
  border-left:3px solid transparent;letter-spacing:-.01em;
  transition:color .18s,border-color .18s}
.mm-cat:hover{background:none;color:var(--blue)}
.mm-cat.is-on{background:none;box-shadow:none;color:var(--navy);
  border-left-color:var(--blue)}

.mm-cn{flex:0 0 auto;color:var(--blue);letter-spacing:.04em;margin-right:7px}
.mm-cat.is-on .mm-cn{color:var(--blue)}

.fl-lead{display:inline-flex;align-items:center;margin:-6px 0 26px;
  padding:9px 18px 9px 15px;border-radius:var(--r-pill);
  background:var(--blue-l);border:1px solid var(--blue-line);
  font-size:15.5px;font-weight:700;color:var(--navy);
  letter-spacing:-.01em;line-height:1.5}
.fl-lead .ic{flex:0 0 auto;width:19px;height:19px;margin-right:9px;color:var(--blue)}
.fl-lead .ic svg{width:100%;height:100%;display:block;fill:none}
.fl-lead b{color:var(--blue);font-weight:700}
@media(max-width:860px){
  .fl-lead{font-size:14.5px;padding:8px 15px 8px 13px;margin:-2px 0 20px}
  .fl-lead .ic{width:18px;height:18px;margin-right:8px}
}

.hero-v2 .hero-h1 .hh2{white-space:normal}
.hero-v2 .hero-h1 b{display:inline;letter-spacing:0}

@media(min-width:981px){
  .hero-v2 .hero-h1{font-size:44px}
}

.btn .bi{order:-1}
.hero-v2 .btn .bi{order:-1}

@media(min-width:981px){
  .hero-v2 .hero-h1{font-size:54px}
  .hero-v2 .hero-h1 .hh2{white-space:nowrap}
  .hero-v2 .hv-tx{position:relative;z-index:2}
}

.sec4{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.sec4-ax{display:grid;grid-template-columns:repeat(3,1fr)}
.sec4-c{padding:36px 26px 32px;text-align:center}
.sec4-c+.sec4-c{border-left:1px solid var(--line)}
.sec4-c .ic{display:block;width:56px;height:56px;margin:0 auto 20px;color:var(--navy)}
.sec4-c .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round}
.sec4-c .t{font-size:19px;font-weight:700;color:var(--navy);letter-spacing:-.02em;
  line-height:1.5;margin:0 0 9px}
.sec4-c .d{font-size:15px;color:var(--body);line-height:1.7;margin:0}

.sec4-ft{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:14px 34px;padding:22px 34px;background:var(--bg);border-top:1px solid var(--line)}
.sec4-b{display:inline-flex;align-items:center;gap:11px;font-size:16px;font-weight:700;
  color:var(--navy);letter-spacing:-.02em;line-height:1.5}
.sec4-b .ic{flex:0 0 auto;width:26px;height:26px;color:var(--blue)}
.sec4-b .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}

.sec4-note{display:flex;align-items:center;justify-content:center;gap:13px;
  margin:24px 0 0;font-size:16px;color:var(--body);line-height:1.7}
.sec4-note .ic{flex:0 0 auto;width:27px;height:27px;color:var(--blue)}
.sec4-note .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}

@media(max-width:980px){
  .sec4-ax{grid-template-columns:1fr 1fr}

  .sec4-c+.sec4-c{border-left:0}
  .sec4-c{border-top:1px solid var(--line);padding:28px 20px 26px}
  .sec4-c:nth-child(odd){border-right:1px solid var(--line)}

  .sec4-c:nth-child(odd):last-child{border-right:0}
  .sec4-c:nth-child(-n+2){border-top:0}
  .sec4-c .ic{width:48px;height:48px;margin-bottom:16px}
  .sec4-c .t{font-size:17.5px}
  .sec4-c .d{font-size:14.5px}
  .sec4-ft{padding:20px 22px;gap:12px 24px}
  .sec4-b{font-size:15px}
  .sec4-note{font-size:15px;margin-top:20px}
}
@media(max-width:400px){

  .sec4-b{align-items:flex-start}
  .sec4-b .ic{margin-top:2px}
}
@media(max-width:560px){
  .sec4-ax{grid-template-columns:1fr}
  .sec4-c:nth-child(odd){border-right:0}
  .sec4-c:nth-child(-n+2){border-top:1px solid var(--line)}
  .sec4-c:first-child{border-top:0}
  .sec4-c{padding:24px 18px 22px}
  .sec4-ft{flex-direction:column;align-items:flex-start;gap:12px}
  .sec4-note{align-items:flex-start;text-align:left}
  .sec4-note .ic{width:24px;height:24px;margin-top:2px}
}

.fl-span{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

@media(min-width:981px){

  .fl-lead{display:none}
  .fl-span{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;
    margin:0 0 18px}
  .fl-sp-b{grid-column:1/4;margin-left:33px;margin-right:-51px;position:relative;
    height:26px;border:2px solid var(--blue-line);border-bottom:0;
    border-radius:8px 8px 0 0}

  .fl-sp-l{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
    background:#fff;padding:0 14px;font-size:15px;font-weight:700;color:var(--blue);
    letter-spacing:-.01em;line-height:1.5;white-space:nowrap}

  .flowline{padding-top:0}
}
@media(min-width:981px) and (max-width:1180px){
  .fl-sp-l{font-size:14px;padding:0 11px}
}

#security{position:relative;overflow:hidden}
#security>.wrap{position:relative;z-index:2}

.sc-bg{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url(sec-security.jpg) center center/cover no-repeat}
@supports (background-image:image-set(url(sec-security.webp) type("image/webp") 1x)){
  .sc-bg{background-image:image-set(url(sec-security.webp) type("image/webp") 1x,
    url(sec-security.jpg) type("image/jpeg") 1x)}
}

.sc-bg::after{content:'';position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.80) 58%,
      rgba(255,255,255,.90) 82%,#fff 100%)}

.sec4{box-shadow:0 10px 34px rgba(12,30,70,.10)}

@media(max-width:980px){

  .sc-bg::after{background:linear-gradient(180deg,rgba(255,255,255,.86) 0%,
    rgba(255,255,255,.90) 60%,#fff 100%)}
}

@media(min-width:981px){
  .fl-sp-b{border-color:var(--navy);opacity:.9}
  .fl-sp-l{background:var(--yellow);color:var(--navy);padding:3px 15px;
    border-radius:var(--r-pill);opacity:1}
}

@media(min-width:981px){
  .fl-rail{top:32px}
}

.ba3-r{background:var(--bg)}
.ba3-n,.ba3-k{background:#fff}
@media(max-width:860px){

  .ba3-n{grid-row:1/4}
}

.pr4-c{text-align:left}
.pr4-c .ic{margin-left:0;margin-right:0}
.pr4-note{justify-content:flex-start}

.sec4-c{text-align:left}
.sec4-c .ic{margin-left:0;margin-right:0}
.sec4-note{justify-content:flex-start}

.pr4-c,.sec4-c{
  background:linear-gradient(180deg,rgba(18,87,214,.10) 0%,rgba(18,87,214,0) 78%)}

.hero-v2 .hero-cc{color:#46618f;font-weight:500}

.sc-bg::after{
  background:linear-gradient(180deg,rgba(12,28,54,.92) 0%,rgba(21,54,119,.88) 55%,
    rgba(38,83,143,.80) 100%)}
#security .sec-label{color:#fff}
#security .sec-title{color:#fff}
#security .lead{color:#ccd9ea}

.sec4-note{color:var(--blue-l)}
.sec4-note .ic{color:#9dc0f5}

@media(max-width:980px){
  .sc-bg::after{
    background:linear-gradient(180deg,rgba(12,28,54,.93) 0%,rgba(21,54,119,.90) 55%,
      rgba(38,83,143,.84) 100%)}
}

.sc-bg::after{
  background:linear-gradient(180deg,rgba(12,28,54,.74) 0%,rgba(21,54,119,.80) 50%,
    rgba(21,54,119,.90) 78%,rgba(38,83,143,.92) 100%)}
#security .lead{color:var(--blue-l)}
@media(max-width:980px){
  .sc-bg::after{
    background:linear-gradient(180deg,rgba(12,28,54,.80) 0%,rgba(21,54,119,.86) 50%,
      rgba(21,54,119,.92) 78%,rgba(38,83,143,.93) 100%)}
}

.sec4-c:nth-child(1),.pr4-c:nth-child(1){
  background:linear-gradient(180deg,rgba(15,150,174,.20) 0%,rgba(15,150,174,0) 82%)}
.sec4-c:nth-child(2),.pr4-c:nth-child(2){
  background:linear-gradient(180deg,rgba(18,87,214,.20) 0%,rgba(18,87,214,0) 82%)}
.sec4-c:nth-child(3),.pr4-c:nth-child(3){
  background:linear-gradient(180deg,rgba(60,70,190,.20) 0%,rgba(60,70,190,0) 82%)}
.pr4-c:nth-child(4),.sec4-c:nth-child(4){
  background:linear-gradient(180deg,rgba(21,54,119,.20) 0%,rgba(21,54,119,0) 82%)}

.sec4-gh{margin:0;padding:20px 26px 2px;font-size:13.5px;font-weight:700;
  color:var(--blue);letter-spacing:.04em;line-height:1.6}
.sec4-ax+.sec4-gh{border-top:1px solid var(--line);padding-top:18px}
.sec4-ax4{grid-template-columns:repeat(4,1fr)}

.sec4-gh+.sec4-ax .sec4-c{padding-top:24px}
@media(max-width:980px){
  .sec4-gh{padding:16px 20px 2px;font-size:13px}
  .sec4-ax4{grid-template-columns:1fr 1fr}
  .sec4-gh+.sec4-ax .sec4-c{padding-top:20px}
}
@media(max-width:560px){
  .sec4-ax4{grid-template-columns:1fr}
}

@media(min-width:1360px){ .hero-v2 .hv-dev{width:calc(50vw - 111px)} }

@media(min-width:1181px) and (max-width:1239px){ .hero-v2 .hv-dev{width:calc(32vw - 37px)} }
@media(min-width:1240px) and (max-width:1359px){ .hero-v2 .hv-dev{width:calc(78vw - 492px)} }
@media(min-width:981px) and (max-width:1180px){ .hero-v2 .hv-dev{width:calc(30vw - 13px)} }

.ba3-r{background:var(--bg)}

.mm-ph{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;padding:0 0 12px;
  font-size:17px;font-weight:700;color:var(--navy);letter-spacing:-.01em;line-height:1.5;
  border-bottom:1px solid var(--line)}
.mm-pn{flex:0 0 auto;font-size:15px;color:var(--blue);letter-spacing:.04em}

.side-cta{position:fixed;right:0;top:50%;transform:translate(110%,-50%);z-index:60;
  display:none;flex-direction:column;gap:6px;
  transition:transform .34s cubic-bezier(.22,.61,.36,1),opacity .34s;opacity:0}
.side-cta.is-on{transform:translate(0,-50%);opacity:1}

.side-cta:not(.is-on){visibility:hidden;pointer-events:none}
.side-cta[hidden]{display:none}
@media(min-width:981px){
  .side-cta:not([hidden]){display:flex}
}
.sc-i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  width:104px;height:104px;border-radius:12px 0 0 12px;color:#fff;text-decoration:none;
  font-size:14px;font-weight:700;line-height:1.45;letter-spacing:-.01em;text-align:center;
  box-shadow:0 6px 20px rgba(12,28,54,.18);transition:width .18s,background-color .18s}
.sc-ic{display:block;width:30px;height:30px}
.sc-ic svg{width:100%;height:100%;display:block}
.sc-doc{background:var(--accent)}
.sc-tri{background:var(--navy)}
.sc-doc:hover,.sc-doc:focus-visible{background:#d95f16}
.sc-tri:hover,.sc-tri:focus-visible{background:var(--navy-d)}

.sc-x{position:absolute;top:-13px;right:6px;width:26px;height:26px;border-radius:50%;
  border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0;
  box-shadow:0 2px 8px rgba(12,28,54,.14)}
.sc-x svg{width:13px;height:13px}
.sc-x:hover{color:var(--navy);border-color:var(--blue-line)}
@media(prefers-reduced-motion:reduce){
  .side-cta{transition:none}
}

@media(min-width:981px){
  .hero-v2 .hero-h1{font-size:52px}
  .hero-v2 .hero-cc{font-size:clamp(18px,2.35vw,29px)}
  .hero-v2 .h-sub{font-size:16.5px}
}

@media(min-width:1240px){
  .hero-v2 .hero-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}
}

@media(min-width:1240px) and (max-width:1359px){
  .hero-v2 .hv-dev{width:calc(81.7vw - 507px);
    margin-left:calc(-116px - clamp(0px,(100vw - 1240px)/2,50px) + 29px)}
}
@media(min-width:1360px){
  .hero-v2 .hv-dev{width:calc(50vw - 68px);
    margin-left:calc(-116px - clamp(0px,(100vw - 1240px)/2,50px) + 21px)}
}

@media(min-width:981px) and (max-width:1110px){
  .hero-v2 .hv-dev{
    margin-left:clamp(0px,(1110px - 100vw) * 0.4,50px);
    width:calc(30vw - 13px - clamp(0px,(1110px - 100vw) * 0.4,50px))}
}

.sc-mid{margin:0 0 26px;text-align:center;font-size:23px;font-weight:700;color:#fff;
  letter-spacing:-.02em;line-height:1.5;position:relative;padding-bottom:16px}
.sc-mid::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:56px;height:3px;border-radius:2px;background:var(--yellow)}

.sc3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.sc3-c{display:flex;flex-direction:column}
.sc3-l{flex:1 1 auto}
.sc3-c{background:#fff;border-radius:var(--r-lg);overflow:hidden;
  box-shadow:0 10px 34px rgba(12,30,70,.16)}

.sc3-ph{display:none}
.sc3-h{display:flex;align-items:center;gap:14px;padding:22px 22px 18px}
.sc3-h .ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--blue-l);
  display:flex;align-items:center;justify-content:center;color:var(--navy)}
.sc3-h .ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round}
.sc3-h .t{margin:0;font-size:19px;font-weight:700;color:var(--navy);letter-spacing:-.02em;
  line-height:1.4}

.sc3-h .s{margin:3px 0 0;font-size:13.5px;color:#5b6676;line-height:1.5}
.sc3-l{list-style:none;margin:0;padding:4px 22px 24px}
.sc3-l li{position:relative;padding:12px 0 0 26px;border-top:1px solid var(--line);margin-top:12px}
.sc3-l li:first-child{border-top:0;margin-top:0;padding-top:0}

.sc3-l li::before{content:'';position:absolute;left:0;top:3px;width:17px;height:17px;
  border-radius:50%;background:var(--blue-l);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231257d6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  background-size:11px 11px;background-position:center;background-repeat:no-repeat}
.sc3-l li:first-child::before{top:1px}
.sc3-l b{display:block;font-size:16px;font-weight:700;color:var(--navy);letter-spacing:-.015em;
  line-height:1.5;margin-bottom:4px}
.sc3-l span{display:block;font-size:14px;color:var(--body);line-height:1.75}

.sc-cert{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:22px 0 0;
  background:#fff;border-radius:var(--r-lg);box-shadow:0 10px 34px rgba(12,30,70,.16)}
.sc-cert-i{display:flex;align-items:flex-start;gap:16px;padding:24px 26px}
.sc-cert-i+.sc-cert-i{border-left:1px solid var(--line)}
.sc-cert-i .ic{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--blue-l);
  display:flex;align-items:center;justify-content:center;color:var(--navy)}
.sc-cert-i .ic svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round}
.sc-cert-i .t{margin:0 0 5px;font-size:17px;font-weight:700;color:var(--navy);letter-spacing:-.02em}
.sc-cert-i .d{margin:0;font-size:14px;color:var(--body);line-height:1.75}

.sc-ask{display:flex;align-items:center;gap:20px;margin:22px 0 0;padding:22px 28px;
  border:1px solid rgba(255,255,255,.28);border-radius:var(--r-lg);
  background:rgba(255,255,255,.07)}
.sc-ask .ic{flex:0 0 auto;width:40px;height:40px;color:var(--yellow)}
.sc-ask .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round}
.sc-ask p{margin:0;flex:1 1 auto;font-size:17px;font-weight:700;color:#fff;line-height:1.65;
  letter-spacing:-.015em}
.sc-ask .btn{flex:0 0 auto}

@media(max-width:980px){
  .sc-mid{font-size:20px;margin-bottom:22px}
  .sc3{grid-template-columns:1fr;gap:14px}
  .sc-cert{grid-template-columns:1fr}
  .sc-cert-i+.sc-cert-i{border-left:0;border-top:1px solid var(--line)}
  .sc-ask{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 20px 22px}
  .sc-ask p{font-size:16px}
  .sc-ask .btn{width:100%;justify-content:center}
  .pc-br{display:none}
}

.sc3-c{position:relative;overflow:visible}
.sc3-fig{position:absolute;right:8px;bottom:100%;margin-bottom:-44px;z-index:1;
  width:52%;line-height:0;pointer-events:none}
.sc3-fig img{display:block;width:100%;height:auto}

.sc3{padding-top:calc(10.505% - 41.78px)}
.sc3-h{padding-top:50px}
@media(max-width:980px){

  .sc3-fig{width:44%}
  .sc3{padding-top:calc(26.667% - 38px)}
  .sc3-c+.sc3-c{margin-top:calc(26.667% - 52px)}
}

.sc3{padding-top:calc(14.689% - 43.29px)}
@media(max-width:980px){
  .sc3{padding-top:calc(37.288% - 38px)}
  .sc3-c+.sc3-c{margin-top:calc(37.288% - 52px)}
}

.sc3{padding-top:calc(12.121% - 42.36px)}
@media(max-width:980px){
  .sc3{padding-top:calc(30.769% - 38px)}
  .sc3-c+.sc3-c{margin-top:calc(30.769% - 52px)}
}

.sc3-l li::before{content:none}
.sc3-l b{position:relative}
.sc3-l b::before{content:'';position:absolute;left:-26px;top:3.5px;width:17px;height:17px;
  border-radius:50%;background:var(--blue-l);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231257d6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  background-size:11px 11px;background-position:center;background-repeat:no-repeat}

.pr4-c{text-align:center}
.pr4-c .ic{margin-left:auto;margin-right:auto}

.pr4-c:nth-child(1){background:linear-gradient(180deg,rgba(15,150,174,.34) 0%,rgba(15,150,174,0) 82%)}
.pr4-c:nth-child(2){background:linear-gradient(180deg,rgba(18,87,214,.34) 0%,rgba(18,87,214,0) 82%)}
.pr4-c:nth-child(3){background:linear-gradient(180deg,rgba(60,70,190,.34) 0%,rgba(60,70,190,0) 210px)}
.pr4-c:nth-child(4){background:linear-gradient(180deg,rgba(21,54,119,.34) 0%,rgba(21,54,119,0) 82%)}

.sc-bg::after{
  background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.86) 58%,
    rgba(255,255,255,.92) 82%,#fff 100%)}
@media(max-width:980px){
  .sc-bg::after{background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,
    rgba(255,255,255,.91) 60%,#fff 100%)}
}
#security .sec-label{color:var(--navy)}
#security p.sec-title{color:var(--navy)}
#security .lead{color:var(--body)}
.sc3-c{border:1px solid var(--line);box-shadow:0 8px 24px rgba(12,30,70,.08)}
.sc-cert{border:1px solid var(--line);box-shadow:0 8px 24px rgba(12,30,70,.08)}

.sc3-h{display:block;padding:50px 26px 20px;border-bottom:1px solid var(--line)}
.sc3-h .no{display:block;font-size:13px;font-weight:700;letter-spacing:.14em;
  color:var(--blue);line-height:1;margin-bottom:10px}
.sc3-h .t{font-size:24px;letter-spacing:-.03em;line-height:1.35}
.sc3-h .s{margin-top:9px;font-size:14px;line-height:1.6}
.sc3-l{padding:20px 26px 26px}

.sc-cert{background:transparent;border:0;border-radius:0;box-shadow:none;
  border-top:1px solid var(--line);margin-top:38px;padding-top:28px}
.sc-cert-i{padding:0 30px}
.sc-cert-i:first-child{padding-left:4px}
.sc-cert-i+.sc-cert-i{border-left:1px solid var(--line)}
.sc-cert-i .ic{background:transparent;width:40px;height:40px}
.sc-cert-i .ic svg{width:100%;height:100%}

@media(max-width:980px){
  .sc3-h{padding:50px 20px 18px}
  .sc3-h .t{font-size:21px}
  .sc3-l{padding:18px 20px 22px}
  .sc-cert{margin-top:30px;padding-top:22px}
  .sc-cert-i{padding:0 4px}
  .sc-cert-i+.sc-cert-i{border-left:0;border-top:1px solid var(--line);
    margin-top:18px;padding-top:18px}
}

.pr4-ft{background:#fff}

.sc3-fig{margin-bottom:-60px}
.sc3-h{padding-top:66px}
.sc3{padding-top:calc(12.121% - 58.36px)}
@media(max-width:980px){
  .sc3-h{padding-top:66px}
  .sc3{padding-top:calc(30.769% - 54px)}
  .sc3-c+.sc3-c{margin-top:calc(30.769% - 68px)}
}

.sc3-h .no{font-size:30px;letter-spacing:.02em;margin-bottom:4px}
@media(max-width:980px){ .sc3-h .no{font-size:26px} }

.sc3-h .tx{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sc3-h .no{display:inline-block;margin-bottom:0;line-height:1.35}
.sc3-h .t{margin:0}
.sc3-h .s{width:100%;margin-top:9px}

.sc3-fig{width:44%}
.sc3{padding-top:calc(10.256% - 57.69px)}
@media(max-width:980px){
  .sc3-fig{width:38%}
  .sc3{padding-top:calc(26.573% - 54px)}
  .sc3-c+.sc3-c{margin-top:calc(26.573% - 68px)}
}

.fh h1 .cp{color:#46618f;font-weight:500}
.fh h1 .cp em{color:var(--blue);font-weight:700}
.sol-bridge{top:21px}

@media(max-width:860px){ .sol-bridge{top:7px} }

.relist{border-top:1px solid var(--line)}
.relist>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
  gap:22px;padding:26px 10px;border-bottom:1px solid var(--line);
  text-decoration:none;color:inherit;transition:background .18s}
.relist>a:hover{background:#f4f8fd}
.relist .ic{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:var(--blue-l);
  display:flex;align-items:center;justify-content:center;color:var(--navy)}
.relist .ic svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round}
.relist .st{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;
  color:var(--blue);line-height:1.4}
.relist .nm{display:block;font-size:21px;font-weight:700;color:var(--navy);
  letter-spacing:-.025em;line-height:1.4;margin:5px 0 7px}
.relist .ds{display:block;font-size:14.5px;color:var(--body);line-height:1.8}
.relist .ar{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--blue);
  transition:background .18s,border-color .18s,transform .18s}
.relist .ar svg{width:19px;height:19px}
.relist>a:hover .ar{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateX(3px)}
@media(max-width:700px){

  .relist>a{grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:20px 4px}
  .relist .ic{width:44px;height:44px}
  .relist .ic svg{width:23px;height:23px}
  .relist .nm{font-size:18px;margin:4px 0 6px}
  .relist .ds{font-size:14px}
  .relist .ar{width:32px;height:32px}
  .relist .ar svg{width:16px;height:16px}
}

.spf{display:none}

@media(max-width:980px){
  .spf{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;
    margin:0;padding:15px 18px;
    background:#fff;border:1px solid var(--line);border-radius:12px;
    box-shadow:0 1px 3px rgba(12,30,70,.05);
    font-family:inherit;font-size:15.5px;font-weight:700;letter-spacing:-.02em;
    line-height:1.5;color:var(--navy);text-align:left;cursor:pointer;
    -webkit-tap-highlight-color:transparent;transition:background .18s}
  .spf:active{background:#f4f8fd}
  .spf .spf-t{min-width:0}
  .spf .spf-ar{margin-left:auto;flex:0 0 auto;width:22px;height:22px;
    display:flex;align-items:center;justify-content:center;color:var(--blue);
    transition:transform .2s}
  .spf .spf-ar svg{width:18px;height:18px}
  .spf[aria-expanded="true"] .spf-ar{transform:rotate(180deg)}

  .sp-fold.is-closed{display:none}

  .idx-band .idx-ttl{display:none}
  .spf-idx{background:#fff}
  .idx-band .idx:not(.is-closed){margin-top:14px}

  .spf-gp{margin-top:16px}
  #features .fg2:not(.is-closed){margin-top:16px}

  .spf-pos{margin-top:2px}
  .pos-sec .pos:not(.is-closed){margin-top:12px}

  [id]{scroll-margin-top:96px}

  .p-feature .navy-wrap{display:none}
}

@media(max-width:860px){
  .hvp>li:first-child,.hvp>li:last-child{padding-left:4px;padding-right:4px}
}

@media(max-width:860px){
  .hvp{grid-template-columns:max-content;justify-content:center}
}

@media(max-width:980px){
  .ba3-r{grid-template-columns:auto minmax(0,1fr);overflow:hidden;align-items:baseline}
  .ba3-n{align-items:baseline;padding:18px 0 0 16px;font-size:19px}
  .ba3-k{padding:18px 16px 14px 10px;font-size:21px;line-height:1.4;
    letter-spacing:-.03em;color:var(--navy);align-items:baseline}

  .ba3-bf,.ba3-af{grid-column:1/-1}
  .ba3-bf{padding:16px 20px 34px;margin-bottom:-18px}
  .ba3-af{padding:32px 20px 20px}
  .ba3-t{font-size:17px}
  .ba3-d{font-size:14.5px;line-height:1.75}
}

@media(max-width:980px){
  .sol-hd{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
  .sol-no{margin:0;flex:0 0 auto}
  .sol-h{margin:0;flex:1 1 auto;min-width:0}
}

@media(max-width:980px){

  .fl,.p-feature .fl{padding:0 0 20px}
  .fl:last-child,.p-feature .fl:last-child{padding-bottom:0}
  .fl-card{padding:22px 20px 24px;gap:18px}
}

@media(max-width:560px){
  .fl{gap:0}
  .fl-num{margin-bottom:10px}
}

.sols.no-im .sol,.sols.no-im .sol:nth-child(even){
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"hd" "bd";
  grid-template-rows:auto auto;
  gap:10px 0;padding:32px 0}
.sols.no-im .sol-hd{display:flex;align-items:baseline;gap:16px}

.sols.no-im .sol-bd,.sols.no-im .sol-h{max-width:720px}
.sols.no-im .sol-no{margin:0;flex:0 0 auto}
.sols.no-im .sol-h{margin:0}
@media(max-width:980px){
  .sols.no-im .sol,.sols.no-im .sol:nth-child(even){padding:26px 0}
}

.theme.no-im{padding-top:0}
.theme.no-im>.th{grid-template-areas:"hd" "bd";grid-template-rows:auto 1fr;
  padding-top:64px}
.p-feature .theme.no-im{grid-template-rows:auto 1fr}
.p-feature .theme.no-im>.th{grid-row:span 2}
.theme.no-im .th-h{margin-bottom:12px}
@media(max-width:860px){
  .theme.no-im>.th{padding-top:58px}
}
@media(max-width:700px){
  .p-feature .theme.no-im>.th{grid-row:auto}
}

@media(max-width:980px){
  .sl-fn .fn{display:block;font-size:.62em;line-height:1.5;margin-bottom:3px;
    letter-spacing:-.02em}
}

.sl-fn2 .s{display:block;font-size:max(.42em,14.5px);font-weight:700;color:#ccd9ea;
  letter-spacing:.04em;line-height:1.4}
.sl-fn2 em{display:block;font-style:normal;line-height:1.3;margin:4px 0}
.sl-fn2 .s:last-child{margin-top:2px}

.p-feature .sec-sol .shead{text-align:center}
.p-feature .sec-sol .lead{margin-left:auto;margin-right:auto}
.sl-fn3{display:block;text-align:center}
.sl-fn3::before{display:none}
.sl-fn3 em{font-style:normal;color:var(--yellow)}
.sl-fn3::after{content:'';display:block;width:56px;height:2px;border-radius:2px;
  background:rgba(255,255,255,.5);margin:26px auto 0}

.p-feature .sec-sol .sol-hd{display:flex;align-items:center;flex-wrap:nowrap;gap:0}
.p-feature .sec-sol .sol-no{margin:0;flex:0 0 auto;padding-right:20px}
.p-feature .sec-sol .sol-no .v{font-size:54px;-webkit-text-stroke:2px rgba(255,219,34,.9)}
.p-feature .sec-sol .sol-h{margin:0;flex:1 1 auto;min-width:0;
  padding-left:20px;border-left:1px solid rgba(255,255,255,.38)}
.p-feature .sec-sol .sol-bd{margin-top:14px}
.p-feature .sol-p b{color:var(--yellow)}

@media(min-width:861px){
  .p-feature .sol:nth-child(even){
    grid-template-areas:"s1 im" "hd im" "bd im" "s2 im"}
}
@media(max-width:860px){
  .p-feature .sec-sol .sol-no .v{font-size:34px;-webkit-text-stroke-width:1.6px}
  .p-feature .sec-sol .sol-no{padding-right:14px}
  .p-feature .sec-sol .sol-h{padding-left:14px}
  .p-feature .sec-sol .sol-bd{margin-top:0}
  .sl-fn3::after{margin-top:18px}
}

.sl-fn3::after{content:none}
.sl-fn3{padding:0 64px}
.sl-fn3 .in{position:relative;display:inline-block}
.sl-fn3 .in::before,.sl-fn3 .in::after{content:'';position:absolute;top:50%;
  width:4px;height:56px;margin-top:-28px;border-radius:3px;background:var(--yellow)}
.sl-fn3 .in::before{left:-48px;transform:rotate(-32deg)}
.sl-fn3 .in::after{right:-48px;transform:rotate(32deg)}
.p-feature .sec-sol .shead .lead{margin-top:26px}
@media(max-width:860px){

  .sl-fn3{padding:0}
  .sl-fn3 .in::before,.sl-fn3 .in::after{width:3px;height:20px;margin-top:-10px}
  .sl-fn3 .in::before{left:-10px}
  .sl-fn3 .in::after{right:-10px}
  .p-feature .sec-sol .shead .lead{margin-top:20px}
}
@media(max-width:380px){

  .sl-fn3{letter-spacing:-.055em}
}

.p-feature .sec-sol .shead .lead{text-align:left}

@media(min-width:861px){
  .p-feature .sol:nth-child(even){
    grid-template-areas:"im s1" "im hd" "im bd" "im s2"}
}

.sl-q{display:block;text-align:center;padding:0 64px}
.sl-q::before{display:none}
.sl-q .in{position:relative;display:inline-block}
.sl-q .in::before,.sl-q .in::after{content:'';position:absolute;top:50%;
  width:4px;height:44px;margin-top:-22px;border-radius:3px;background:var(--yellow)}
.sl-q .in::before{left:-44px;transform:rotate(-32deg)}
.sl-q .in::after{right:-44px;transform:rotate(32deg)}
@media(max-width:860px){
  .sl-q{padding:0}
  .sl-q .in::before,.sl-q .in::after{width:3px;height:20px;margin-top:-10px}
  .sl-q .in::before{left:-10px}
  .sl-q .in::after{right:-10px}
}

.sl-q{padding:0}
.sl-q .in::before{content:none}
.sl-q .in::after{content:'';position:static;top:auto;right:auto;display:block;
  width:176px;height:15px;margin:12px auto 0;border-radius:0;transform:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176 15'%3E%3Cpath d='M4 11 Q 88 0 172 8' fill='none' stroke='%23ffdb22' stroke-width='5.5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:860px){
  .sl-q .in::after{width:140px;height:12px;margin-top:8px}
}

.sl-q{margin-bottom:44px}
@media(max-width:860px){ .sl-q{margin-bottom:30px} }

h2.sl-q{margin-bottom:44px}
@media(max-width:860px){ h2.sl-q{margin-bottom:30px} }

.sl-q::after{content:none}
h2.sl-q{margin-bottom:52px}
@media(max-width:860px){ h2.sl-q{margin-bottom:34px} }

h2.sl-q{margin-bottom:104px}
@media(max-width:860px){ h2.sl-q{margin-bottom:64px} }
@media(max-width:860px){ h2.sl-q{margin-bottom:96px} }

@media(min-width:861px){
  .p-feature .sol{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .p-feature .sol:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
}

.th-ph{max-width:210px}

.th img.th-ph{max-width:210px}

.p-feature .fl-card::after{
  top:auto;bottom:-21px;width:42px;height:42px;margin-left:-21px;
  clip-path:none;transform:rotate(45deg);background:#e9f1fd;
  border-right:1px solid #cbdcf4;border-bottom:1px solid #cbdcf4;
  border-radius:0 0 6px 0}
@media(max-width:860px){
  .p-feature .fl-card::after{width:32px;height:32px;margin-left:-16px;bottom:-16px}
}

.p-feature .fl-num{display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:9px 0 8px;line-height:1;letter-spacing:.12em;font-size:11px}
.p-feature .fl-num b{font-size:23px;font-weight:700;letter-spacing:.02em;line-height:1}
@media(max-width:860px){
  .p-feature .fl-num{font-size:10px;padding:8px 0 7px}
  .p-feature .fl-num b{font-size:19px}
}

.ln-tg{width:auto;margin:0 0 8px auto;padding:5px 9px;gap:0}
.ln-tg .tx{display:none}
.ln-tg .ic{font-size:16px}
.lp-wrap.is-navoff .ln-tg{width:100%;margin-bottom:0;padding:11px 4px 14px}
.lp-wrap.is-navoff .ln-tg .tx{display:block}

.lnav{gap:10px;padding:12px 0 8px}
.ln-h{padding-bottom:7px;margin-bottom:4px;font-size:13.5px}
.ln-h .n{font-size:15px}
.lnav li a,.lnav li.on>span{padding:5px 10px 5px 14px;font-size:13px;line-height:1.5}

.p-feature .fl-num b{font-size:31px}
.p-feature .fl-num{padding:10px 0 9px;gap:4px}
@media(max-width:860px){
  .p-feature .fl-num b{font-size:25px}
  .p-feature .fl-num{padding:9px 0 8px}
}

.side-dl2 .dl-cv{flex-shrink:0;display:block;width:76px;height:auto;border-radius:6px;
  border:1px solid #e2e7ee}
h2.sl-q{margin-bottom:84px}
@media(max-width:860px){ h2.sl-q{margin-bottom:76px} }
.p-feature .sec-sol .shead{margin-bottom:60px}
@media(max-width:860px){ .p-feature .sec-sol .shead{margin-bottom:42px} }

h2.sl-q{margin-bottom:4px}
@media(max-width:860px){ h2.sl-q{margin-bottom:0} }

.p-feature .shead:has(> .sl-q){margin-bottom:4px}
@media(max-width:860px){ .p-feature .shead:has(> .sl-q){margin-bottom:0} }

.p-feature .sec-sol .shead{margin-bottom:82px}
@media(max-width:860px){ .p-feature .sec-sol .shead{margin-bottom:56px} }

.side-dl2 .dl-cv{width:104px}

.side-dl2{display:block;padding:10px 10px 12px}
.side-dl2 .dl-cv{width:100%;margin-bottom:9px}

.side-dl2 .dl-cv{aspect-ratio:16/7;object-fit:cover;object-position:left top}
.lnav{gap:6px;padding:8px 0 8px}
.lnav li a,.lnav li.on>span{padding:3.5px 10px 3.5px 14px}
.ln-h{margin-bottom:2px}

.lnav{position:sticky;top:88px}
.ln-tg{position:absolute;top:10px;right:0;margin:0;z-index:6}
.lp-wrap.is-navoff .ln-tg{position:static;margin-bottom:0}
.ln-body>.ln-g:first-child .ln-h,.ln-body>div:first-child .ln-h{padding-right:34px}

.p-problem .side-mod a p,
.p-problem .side-mod a .go{display:none}
.p-problem .side-mod a{padding-bottom:0}
.p-problem .side-mod a h4{padding:11px 14px 12px;margin-bottom:0;font-size:16px}
.p-problem .side-mod .side-ph{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px 10px 0 0;border-bottom:0}
.p-problem .side{gap:14px}

.p-problem .side-dl2{display:block;padding:0;overflow:hidden;border:1px solid #e2e7ee;border-radius:12px}
.p-problem .side-dl2 .dl-cv{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid #eef1f5}
.p-problem .side-dl2 .dl-tx{display:block;min-width:0;padding:12px 14px 13px}
.p-problem .side-dl2 .dl-tx small{display:block;font-size:11.5px;color:var(--muted);margin-bottom:3px}
.p-problem .side-dl2 .dl-tx b{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--navy);letter-spacing:-.02em;line-height:1.5}
.p-problem .side-dl2 .dl-tx b::after{content:'\2193';margin-left:auto;color:var(--blue);font-size:13px}

.p-problem .concl .st{font-weight:400}

.p-problem .feat2{gap:40px}
.p-problem .f2>.card-h .lb{font-size:15.5px;letter-spacing:.05em}
.p-problem .f2 .f2-ph{width:auto;max-width:80%;margin:22px auto 4px;border-radius:12px;aspect-ratio:16/9}
.p-problem .f2{transition:transform .22s,box-shadow .22s}
.p-problem .f2:hover,.p-problem .f2:focus-within{transform:translateY(-4px);box-shadow:var(--sh-h)}
@media(max-width:700px){
  .p-problem .feat2{gap:26px}
  .p-problem .f2 .f2-ph{max-width:86%;margin:18px auto 2px}
}

@media(max-width:600px){
  .p-problem .bnr h1{font-size:30px;line-height:1.5;letter-spacing:-.01em}
  .p-problem .bnr h1 span{display:block}
}
@media(max-width:360px){
  .p-problem .bnr h1{font-size:26px}
}

@media(max-width:700px){
  .p-problem .art .tbl-std{border:0;background:transparent}
  .p-problem .art .tbl-std tbody tr{display:block;border:1px solid #e2e7ee;border-radius:12px;overflow:hidden;margin-bottom:14px;background:#fff}
  .p-problem .art .tbl-std tbody tr:last-child{margin-bottom:0}
  .p-problem .art .tbl-std tbody th{display:block;background:#eef2f7;color:var(--ink);font-size:15px;font-weight:700;padding:11px 16px;letter-spacing:-.01em;border-bottom:1px solid #e2e7ee}
  .p-problem .art .tbl-std tbody td{display:block;padding:12px 16px 14px}
  .p-problem .art .tbl-std td.c-bf{background:#fff;color:var(--body)}
  .p-problem .art .tbl-std td.c-fx{background:var(--blue-l);color:var(--navy);font-weight:700}
  .p-problem .art .tbl-std tbody td::before{content:attr(data-l);display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;padding:2px 9px;border-radius:100px}
  .p-problem .art .tbl-std td.c-bf::before{color:#7b8698;background:#eef1f5}
  .p-problem .art .tbl-std td.c-fx::before{color:#fff;background:var(--blue)}
}

.p-problem .side-mod .side-ph{aspect-ratio:2/1}
.p-problem .side-mod a h4{padding:9px 14px 11px}
.p-problem .side-dl2 .dl-cv{aspect-ratio:2/1}
.p-problem .side{gap:12px}

.p-problem .side .side-dlhd{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;
  color:var(--ink);letter-spacing:-.02em;line-height:1.5;margin:2px 0 -2px}
.p-problem .side .side-dlhd::before{content:'';flex-shrink:0;width:4.5px;height:18px;border-radius:3px;background:var(--navy)}
.p-problem .side-dl2 .dl-cv{aspect-ratio:16/9}

.bnr-blue .bnr-gpx{background:var(--navy)}

@media(min-width:981px){
  .idx a{min-height:85px}
}

@media(min-width:981px){
  .cols-3>a.case .card-h h3{min-height:64px}
}

.pb-list a .pb-tx{display:block;min-width:0}
.pb-list a .pb-tx b{display:block;font-weight:700}
.pb-list a .pb-tx em{display:block;font-style:normal;font-size:12.5px;font-weight:700;
  line-height:1.5;letter-spacing:.01em;color:var(--gc);margin-top:4px}
.pb-list a:hover .pb-tx em,.pb-list a:focus-visible .pb-tx em{color:rgba(255,255,255,.88)}
@media(max-width:860px){
  .pb-list a .pb-tx em{font-size:12px}
}

.sc3-c:nth-child(1){background-image:linear-gradient(180deg,rgba(15,150,174,.34) 0%,rgba(15,150,174,0) 210px)}
.sc3-c:nth-child(2){background-image:linear-gradient(180deg,rgba(18,87,214,.34) 0%,rgba(18,87,214,0) 210px)}
.sc3-c:nth-child(3){background-image:linear-gradient(180deg,rgba(60,70,190,.34) 0%,rgba(60,70,190,0) 210px)}

.sec-sol .lead{color:#fff}
.sec-sol .sol-p{color:#fff}

@media(min-width:981px){
  .hero-v2 .hv-dev{
    width:calc(100% + clamp(0px,(100vw - 1200px)/2,150px));
    max-width:none;justify-self:start;margin:0 0 0 -60px}
}

@media(min-width:981px) and (max-width:1352px){
  .hero-v2 .hv-dev{padding-left:34px}
}

@media(min-width:981px){
  .hero-v2 .hv-dev{
    width:calc(100% + clamp(84px,(100vw - 1320px)/2 + 84px,384px))}
}

@media(max-width:980px){
  .hero-v2 .hv-dev{justify-self:end;margin-right:-20px}
}

@media(min-width:981px){
  .hero-v2 .hv-dev{
    width:calc(100% + max(84px,(100vw - 1320px)/2 + 84px))}
}

@media(min-width:1321px){
  .hero-v2 .hv-dev{
    padding-left:calc((100vw - 1320px)/2 + 523px - clamp(340px,36vw,620px))}
}

@media(min-width:981px){
  .hero-v2 .hv-dev{
    justify-self:end;max-width:none;padding-left:0;
    margin:0 calc(-1 * clamp(0px,(100vw - 1320px)/2,300px)) 0 0;
    width:calc((100% + clamp(30px,(100vw - 1000px)*0.40,98px)
                     + clamp(0px,(100vw - 1800px)*0.25,35px)
                     + clamp(0px,(100vw - 1320px)/2,300px)) * 1.15)}
}

@media(max-width:980px){
  .hero-v2 .hv-dev{justify-self:center;margin-right:0}
}

@media(min-width:981px){
  .hero-v2 .hero-h1{font-size:57px}
}
@media(max-width:980px){
  .h1br{display:none}
}

.hero-v2 .hero-h1 b{margin-left:.14em}
@media(min-width:981px){
  .hero-v2 .hero-h1{font-size:59px}
}

@media(min-width:981px){
  .hero-v2 .h-sub{font-size:18.5px}
}

.pt-h{font-size:33px}
@media(max-width:1100px){ .pt-h{font-size:30px} }
@media(max-width:860px){ .pt-h{font-size:27px} }
@media(max-width:340px){ .pt-h{font-size:25px} }

@media(min-width:1081px){
  .pf5-g1::before,.pf5-g2::before{display:none}
}

@media(min-width:981px){
  .hero-v2 .hv-dev{margin-top:-72px}
}

.th img.th-ph{max-height:132px;width:auto}
@media(min-width:981px){
  .hero-v2 .hero-h1 .hh2{letter-spacing:.05em}
}

#mm-features .mm-cats>li:nth-child(1),
#mm-features .mm-r>.mm-pane:nth-child(1){--mg:#1a6fd4;--mg-n:#2b7cf0;--mg-bg:#e4eefc}
#mm-features .mm-cats>li:nth-child(2),
#mm-features .mm-r>.mm-pane:nth-child(2){--mg:#0f7a76;--mg-n:#12908c;--mg-bg:#dcf0ee}
#mm-features .mm-cats>li:nth-child(3),
#mm-features .mm-r>.mm-pane:nth-child(3){--mg:#5b4fbb;--mg-n:#6b5fc7;--mg-bg:#e8e5f8}

#mm-features .mm-cn,
#mm-features .mm-cat.is-on .mm-cn{color:var(--mg-n)}
#mm-features .mm-cat:hover{color:var(--mg)}
#mm-features .mm-cat.is-on{border-left-color:var(--mg-n)}
#mm-features .mm-pn{color:var(--mg-n)}
#mm-features .mm-ar{background:var(--mg-bg);color:var(--mg-n)}
#mm-features .mm-items a:hover{color:var(--mg)}
#mm-features .mm-items a:hover .mm-ar{background:var(--mg-n);color:#fff}

.navy-wrap.nw-fig{position:relative}
.band-fig{position:absolute;top:-76px;right:110px;width:240px;pointer-events:none;z-index:1}
.band-fig img{display:block;width:100%;height:auto}
@media(max-width:1180px){ .band-fig{width:200px;top:-70px;right:40px} }
@media(max-width:860px){  .band-fig{width:125px;top:-34px;right:16px} }

.rc2{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:stretch;margin-bottom:8px}
.rc2-doc{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-card);
  overflow:hidden;box-shadow:var(--sh)}
.rc2-hd{padding:14px 24px;font-size:15.5px;font-weight:700;background:#eef1f6;color:var(--ink)}
.rc2-doc.is-fx .rc2-hd{background:var(--navy);color:#fff}
.rc2-doc.is-fx .rc2-hd .bd{display:inline-flex;align-items:center;gap:7px}
.rc2-doc.is-fx .rc2-hd .bd::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--yellow)}
.rc2-paper{flex:1;display:flex;flex-direction:column;padding:24px 24px 20px}
.rc2-ttl{font-size:13.5px;font-weight:700;letter-spacing:.1em;color:var(--muted);
  padding-bottom:11px;border-bottom:2px solid var(--line)}
.rc2-fields{display:block}
.rc2-f{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;
  padding:14px 2px;border-bottom:1px dashed var(--line)}
.rc2-f:last-child{border-bottom:0}
.rc2-f dt{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.7}
.rc2-f dd{font-size:15.5px;line-height:1.75;color:var(--body)}
.rc2-doc.is-fx .rc2-f dd{color:var(--navy);font-weight:700}
.rc2-f.is-empty dd{color:#9aa5b4}
.rc2-ft{margin-top:auto;padding-top:16px;font-size:14px;line-height:1.7;color:var(--muted)}
.rc2-doc.is-fx .rc2-ft{color:var(--blue);font-weight:700}
.rc2-ar{align-self:center;color:#b7c1d0}
.rc2-ar svg{width:30px;height:30px;display:block}
@media(max-width:860px){
  .rc2{grid-template-columns:minmax(0,1fr);gap:14px}
  .rc2-ar{justify-self:center;transform:rotate(90deg)}
  .rc2-f{grid-template-columns:84px minmax(0,1fr);gap:12px}
}
@media(max-width:430px){
  .rc2-paper{padding:20px 18px 18px}
  .rc2-f{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0}
}

#mm-features .mm-cats>li:nth-child(1){--mg-l:#a8c8f5}
#mm-features .mm-cats>li:nth-child(2){--mg-l:#8fcecb}
#mm-features .mm-cats>li:nth-child(3){--mg-l:#b3adde}

#mm-features .mm-cat{border-left-color:var(--mg-l);border-radius:0 4px 4px 0}
#mm-features .mm-cat:hover{background:var(--mg-bg);border-left-color:var(--mg-n)}

#mm-features .mm-cat.is-on{background:var(--mg-bg);color:var(--mg);font-weight:700;
  border-left-color:var(--mg-n)}

#mm-features .mm-cats>li:nth-child(1){--mg-t:#1257d6}
#mm-features .mm-cats>li:nth-child(2){--mg-t:#0c6b78}
#mm-features .mm-cats>li:nth-child(3){--mg-t:#4a4fa8}
#mm-features .mm-cn,
#mm-features .mm-cat.is-on .mm-cn{color:var(--mg-t)}
#mm-features .mm-cat.is-on{color:var(--mg-t)}
#mm-features .mm-cat:hover{color:var(--mg-t)}

.hero-v2 .hero-cc em{position:relative;display:inline-block;z-index:0}
.hero-v2 .hero-cc em::after{content:"";position:absolute;
  left:-2px;right:-2px;bottom:.03em;height:10px;border-radius:5px;
  background:var(--yellow);z-index:-1;transform:skewX(-14deg)}
@media(max-width:1080px){ .hero-v2 .hero-cc em::after{height:9px} }
@media(max-width:560px){  .hero-v2 .hero-cc em::after{height:7px;border-radius:4px} }
@media(max-width:400px){  .hero-v2 .hero-cc em::after{height:6px} }

.hero-v2 .hero-cc .cc-i{display:inline-block;font-size:.9em;
  transform:skewX(-7deg);transform-origin:left bottom}
.hero-v2 .hero-cc em::after{transform:none;height:9px}
@media(max-width:1080px){ .hero-v2 .hero-cc em::after{height:8px} }
@media(max-width:560px){  .hero-v2 .hero-cc em::after{height:6px;border-radius:3px} }
@media(max-width:400px){  .hero-v2 .hero-cc em::after{height:5px} }

.hero-v2 .hv-fx{position:absolute;top:0;right:0;height:100%;width:66%;
  z-index:1;pointer-events:none;display:none}
@media(min-width:981px){ .hero-v2 .hv-fx{display:block} }

#mm-features .mm-cats>li:nth-child(1),
#mm-features .mm-r>.mm-pane:nth-child(1){--mg-d:#155ab0}
#mm-features .mm-cats>li:nth-child(2),
#mm-features .mm-r>.mm-pane:nth-child(2){--mg-d:#0c6560}
#mm-features .mm-cats>li:nth-child(3),
#mm-features .mm-r>.mm-pane:nth-child(3){--mg-d:#4c41a3}

.mm-items a[aria-current],
.mm-items a[aria-current]:hover{cursor:default;color:var(--blue);background:var(--blue-l)}
.mm-items a[aria-current] .mm-ar{display:none}
.mm-items a[aria-current]::after{content:"表示中";flex:0 0 auto;font-style:normal;
  font-size:12px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:5px;
  background:var(--blue);color:#fff}
#mm-features .mm-items a[aria-current],
#mm-features .mm-items a[aria-current]:hover{color:var(--mg-d);background:var(--mg-bg)}
#mm-features .mm-items a[aria-current]::after{background:var(--mg-d);color:#fff}

.fh h1 .cp .cp-nb,
.fh h1 .cp em{white-space:nowrap}    

.rel-case>a:not([href]){cursor:default}
.rel-case>a:not([href]):hover,
.rel-case>a:not([href]):focus-visible{box-shadow:var(--sh);transform:none}