:root{
  
  
  
  
  
  

     
    
        

  
  
  
  
  
  
        
      
  
  

            
        
  
  

    
    
      
     

  
  
  

  
  
  

  
  
  
  
  

  
  
  

      
   
  
  
  
  
  

  
     
     
       
  
  
  
  

  
     
          
          
          
                          
      
                          
                           
                           
                         
  
  
}


@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
     
   
  

    
    
    
    
    
    
    
    
    
    

    
     
    
    
    

      
      
        
    

    
    
    

    
    
    

    
    
    
    
  }}

:root[data-theme="dark"]{
     
   
  

     
     
   
     
     
    
    
      
  
   
  
  
  
  
  
  
  
  
}


*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--font-sans); font-size:17px; line-height:1.7;
  letter-spacing:-.01em; word-break:keep-all; overflow-wrap:break-word;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,p,ul,ol,figure{margin:0;}
ul{padding:0;list-style:none;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
img,svg{max-width:100%;display:block;}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;}}


.wrap{max-width:1200px;margin-inline:auto;padding-inline:24px;}
.stack{display:flex;flex-direction:column;}
.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;}

.skip{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-160%);
  background:var(--brand);color:var(--on-brand);font-size:15px;font-weight:700;
  padding:11px 18px;border-radius:var(--r-md);box-shadow:var(--shadow-card);
  transition:transform var(--t-tap) var(--e-move);}
.skip:focus{transform:none;}


.t-display1{font-size:clamp(34px,5.4vw,56px);font-weight:700;line-height:1.15;letter-spacing:-.025em;text-wrap:balance;}
.t-display2{font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.2;letter-spacing:-.022em;text-wrap:balance;}
.t-h1{font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.3;text-wrap:balance;}
.t-h2{font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1.35;text-wrap:balance;}
.t-h3{font-size:clamp(18px,1.6vw,20px);font-weight:700;line-height:1.4;}
.t-lead{font-size:clamp(16px,1.6vw,18px);line-height:1.75;color:var(--ink-2);}
.t-lead b{color:var(--ink);font-weight:700;}
.t-body{font-size:15px;line-height:1.75;color:var(--ink-2);}
.t-caption{font-size:13px;line-height:1.6;font-weight:400;color:var(--ink-sub);}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;}


.eyebrow{
  font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink);
  display:flex;align-items:center;gap:10px;
}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--border);}


.eyebrow .grp{font-family:var(--font-sans);font-size:12px;font-weight:600;
  letter-spacing:-.005em;text-transform:none;color:var(--brand-ink);}
.eyebrow .grp::after{content:"·";margin-inline-start:8px;
  font-weight:400;color:var(--ink-sub);}
.eyebrow .sec{color:var(--ink-sub);}


.hdr{position:fixed;inset:0 0 auto 0;z-index:60;
  transition:transform var(--t-move) var(--e-move);}
.hdr[data-hidden="true"]{transform:translateY(calc(var(--gnb-h) * -1));}
.gnb{
  height:var(--gnb-h);background:var(--glass);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border);
}

.gnb-in{height:100%;display:flex;align-items:center;gap:clamp(20px,3vw,38px);}

.brand{display:flex;align-items:baseline;gap:9px;flex-shrink:0;}
.brand-mark{
  font-family:var(--font-display);font-size:21px;font-weight:700;
  letter-spacing:-.03em;color:var(--ink);
}
.brand-mark i{font-style:normal;color:var(--brand-ink);}
.brand-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;
  color:var(--ink-sub);text-transform:uppercase;}

.nav{display:flex;align-items:center;gap:2px;}
.nav-item{position:relative;}

.gnb-act{margin-inline-start:auto;display:flex;align-items:center;gap:8px;flex-shrink:0;}
.gnb-act .nav-toggle{display:none;}   
.nav-link{
  display:flex;align-items:center;gap:5px;padding:9px 13px;border-radius:var(--r-sm);
  font-size:15px;font-weight:600;color:var(--ink-2);
  transition:background var(--t-tap) var(--e-move),color var(--t-tap) var(--e-move);
}
.nav-link:hover,.nav-item:focus-within>.nav-link{background:var(--surface-2);color:var(--ink);}
.nav-link .chev{width:9px;height:9px;border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);
  transition:transform var(--t-tap) var(--e-move);}
.nav-item:hover .chev,.nav-item:focus-within .chev{transform:rotate(225deg) translateY(-3px);}


.mega{
  position:absolute;top:calc(100% + 10px);inset-inline-start:-12px;width:min(660px,88vw);
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);
  box-shadow:var(--shadow-card);padding:16px;
  display:grid;grid-template-columns:1fr 1fr;gap:4px;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity var(--t-tap) var(--e-move),transform var(--t-tap) var(--e-move),visibility var(--t-tap) var(--e-move);
}
.nav-item:hover .mega,.nav-item:focus-within .mega{opacity:1;visibility:visible;transform:none;}
.mega-hd{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;
  padding:2px 10px 12px;margin-bottom:4px;border-bottom:1px solid var(--border);}
.mega-hd b{font-size:13px;font-weight:700;}
.mega-hd span{font-size:11px;color:var(--ink-sub);}
.mega a{display:grid;grid-template-columns:auto 1fr;gap:2px 11px;
  padding:10px 11px;border-radius:var(--r-md);transition:background var(--t-tap) var(--e-move);}
.mega a:hover{background:var(--brand-soft);}
.mega .n{grid-row:1/3;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;
  background:var(--surface-2);color:var(--brand-ink);
  font-family:var(--font-mono);font-size:11px;font-weight:600;}
.mega a:hover .n{background:var(--brand);color:var(--on-brand);}
.mega .t{font-size:15px;font-weight:700;color:var(--ink);}
.mega .d{font-size:13px;line-height:1.5;color:var(--ink-sub);}


.mega--compact{width:min(304px,88vw);grid-template-columns:1fr;inset-inline-start:-12px;}
.mega--compact .mega-hd{grid-column:1;}


@media (max-width:1060px){ .brand-tag{display:none;}}

@media (max-width:860px){
  .gnb-act .nav-toggle{display:grid;}
  .gnb-act .btn-outline{display:none;}          
  .nav{position:fixed;inset:var(--gnb-h) 0 auto 0;display:none;
    flex-direction:column;align-items:stretch;gap:2px;
    padding:12px 20px 20px;max-height:calc(100dvh - var(--gnb-h));overflow-y:auto;
    background:var(--surface);border-bottom:1px solid var(--border);
    box-shadow:var(--shadow-card);}
  .nav[data-open="true"]{display:flex;}
  .nav-link{padding:13px 12px;font-size:15px;}
  .nav-link .chev{display:none;}
  .nav-item{position:static;}
  
  .mega{position:static;width:auto;opacity:1;visibility:visible;transform:none;
    grid-template-columns:1fr;gap:0;padding:0 0 8px 10px;
    background:transparent;border:0;box-shadow:none;}
  .mega-hd{display:none;}
  .mega a{padding:9px 10px;}
  .mega .d{display:none;}
  
  .nav .nav-cta{display:flex;justify-content:center;margin-top:14px;}}
@media (min-width:861px){ .nav .nav-cta{display:none;}}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:0 20px;border-radius:var(--r-md);
  font-size:15px;font-weight:700;white-space:nowrap;
  transition:background var(--t-tap) var(--e-move),border-color var(--t-tap) var(--e-move),transform var(--t-tap) var(--e-move),box-shadow var(--t-tap) var(--e-move);}
.btn-primary{background:var(--brand);color:var(--on-brand);}
.btn-primary:hover{background:var(--blue-700);transform:translateY(-2px);box-shadow:var(--shadow-glow);}
.btn-outline{border:1.5px solid var(--border-strong);color:var(--ink);background:var(--surface);}
.btn-outline:hover{border-color:var(--brand);color:var(--brand-ink);background:var(--brand-soft);}
.btn-ghost{color:var(--ink-2);}
.btn-ghost:hover{background:var(--surface-2);color:var(--ink);}
.btn-sm{min-height:38px;padding:0 15px;font-size:13px;}

.icon-btn{width:44px;height:44px;border-radius:var(--r-sm);display:grid;place-items:center;
  color:var(--ink-sub);transition:background var(--t-tap) var(--e-move),color var(--t-tap) var(--e-move);}
.icon-btn:hover{background:var(--surface-2);color:var(--ink);}


.spy{position:fixed;inset:var(--gnb-h) 0 auto 0;z-index:55;height:var(--spy-h);
  background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border);
  transition:transform var(--t-move) var(--e-move);}
.spy[data-up="true"]{transform:translateY(calc(var(--gnb-h) * -1));}
.spy-in{height:100%;display:flex;align-items:center;gap:16px;}
.spy-now{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline-end:16px;
  border-inline-end:1px solid var(--border);height:24px;}
.spy-now .id{font-family:var(--font-mono);font-size:11px;font-weight:600;
  color:var(--on-brand);background:var(--brand);padding:2px 6px;border-radius:5px;}
.spy-now .q{font-size:13px;color:var(--ink-sub);white-space:nowrap;}
.spy-rail{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;}
.spy-rail::-webkit-scrollbar{display:none;}
.spy-rail a{position:relative;padding:6px 11px;border-radius:6px;flex-shrink:0;
  font-size:13px;font-weight:600;color:var(--ink-sub);transition:color var(--t-tap) var(--e-move),background var(--t-tap) var(--e-move);}
.spy-rail a:hover{color:var(--ink-2);background:var(--surface-2);}
.spy-rail a[aria-current="true"]{color:var(--brand-ink);background:var(--brand-soft);}

@media (max-width:900px){
  .spy-now{flex:1 1 auto;min-width:0;}
  .spy-now .q{display:block;min-width:0;overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap;}
  .spy-rail{flex:0 1 auto;}}
@media (max-width:620px){
  .spy-rail{display:none;}
  .spy-now{border-inline-end:0;padding-inline-end:0;}}


.hero{position:relative;overflow:hidden;
  padding-block:var(--hero-pad) clamp(40px,5vw,64px);
  
  scroll-margin-top:calc(var(--chrome-h) + var(--anchor-gap) - var(--hero-pad));}
.hero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:150%;
  background:var(--hero-wash);pointer-events:none;
  animation:washDrift 28s ease-in-out infinite alternate;}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--hero-line) 1px,transparent 1px),
                   linear-gradient(90deg,var(--hero-line) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(760px 520px at 72% 26%,#000,transparent 72%);
  mask-image:radial-gradient(760px 520px at 72% 26%,#000,transparent 72%);}
@keyframes washDrift{from{transform:translate3d(0,0,0) scale(1);}
                     to{transform:translate3d(-2.5%,1.6%,0) scale(1.06);}}

.hero-in{position:relative;z-index:1;}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:clamp(32px,4.5vw,60px);align-items:stretch;}

.hero-grid > .stack{justify-content:flex-start;}
@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:40px;}
  .hero-grid > .stack{justify-content:flex-start;}}


.hero-tag{margin:0;display:flex;align-items:center;gap:12px;
  font-family:var(--font-mono);font-size:12px;font-weight:600;
  letter-spacing:.12em;color:var(--brand-ink);}
.hero-tag .live{position:relative;width:7px;height:7px;border-radius:50%;
  background:var(--brand);flex:0 0 auto;}
.hero-tag .live::after{content:"";position:absolute;inset:0;border-radius:50%;
  background:var(--brand);animation:ping 2.4s cubic-bezier(0,0,.2,1) infinite;}
.hero-tag .ph{flex:0 0 auto;white-space:nowrap;}
.hero-tag .bar{flex:1 1 auto;min-width:16px;height:1px;background:var(--border-strong);}
.hero-tag .cat{flex:0 0 auto;font-family:var(--font-sans);font-size:13px;
  font-weight:600;letter-spacing:-.004em;color:var(--ink-sub);}

@media (max-width:560px){
  .hero-tag{flex-wrap:wrap;gap:9px 10px;}
  .hero-tag .bar{display:none;}
  .hero-tag .cat{flex:1 1 100%;}}
@keyframes ping{0%{transform:scale(1);opacity:.7}
                70%,100%{transform:scale(3.2);opacity:0}}


.hero-h1{font-size:clamp(32px,5.2vw,60px);font-weight:700;line-height:1.14;
  letter-spacing:-.034em;margin-top:38px;text-wrap:balance;}

.hero-h1 em{font-style:normal;color:var(--brand-ink);
  background-image:var(--uline);background-repeat:no-repeat;
  background-position:0 96%;background-size:0% .11em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  animation:underline .7s cubic-bezier(.2,.7,.3,1) forwards;}
.hero-h1 em:nth-of-type(1){animation-delay:1.05s;}
.hero-h1 em:nth-of-type(2){animation-delay:1.35s;}
@keyframes underline{to{background-size:100% .11em;}}




.hero-sub{margin-top:20px;font-size:clamp(16px,1.75vw,19px);line-height:1.7;
  color:var(--ink-2);max-width:620px;}
.hero-sub b{color:var(--ink);font-weight:700;}


.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(34px,3.4vw,52px);}
.hero-cta .btn{min-height:50px;padding:0 26px;font-size:15px;}

.hero-cta .btn-primary:hover{box-shadow:0 8px 24px rgba(6,111,153,.24);}


.hero-trust{display:flex;flex-wrap:wrap;gap:10px 34px;
  margin-top:clamp(22px,2.4vw,30px);padding-top:20px;
  border-top:1px solid var(--border);}
@media (max-width:620px){ .hero-trust{gap:10px 20px;}}
.hero-trust li{display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:600;color:var(--ink-sub);}
.hero-trust svg{width:15px;height:15px;flex-shrink:0;color:var(--ink-faint);}


.flow{position:relative;border-radius:var(--r-2xl);padding:20px;
  background:var(--hero-panel);border:1px solid var(--border);
  -webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);
  box-shadow:var(--shadow-card);}
.flow-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:2px 4px 14px;border-bottom:1px solid var(--border);}
.flow-hd .ttl{display:flex;align-items:center;gap:9px;
  font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.13em;
  color:var(--ink-sub);text-transform:uppercase;}
.flow-hd .loop{font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.1em;color:var(--brand-ink);background:var(--brand-soft);
  border-radius:999px;padding:3px 9px;}



.lc{position:relative;width:min(318px,100%);margin-inline:auto;aspect-ratio:1;}

.arc{fill:none;stroke-width:24;stroke-linecap:round;
  
  opacity:.16;transition:opacity .5s ease,stroke-width .5s ease;}


.flow[data-ph="1"] .arc--test,
.flow[data-ph="2"] .arc--test,
.flow[data-ph="3"] .arc--ops{opacity:1;stroke-width:32;
  stroke-dasharray:300;animation:arcDraw 1.15s cubic-bezier(.25,.85,.35,1) both;}


.flow[data-ph="0"] .arc--dev{opacity:1;stroke-width:23;
  animation:arcMarch 1.4s linear infinite;}


.flow[data-ph="0"] .arc--dev{marker-end:url(#lcT1);}
.flow[data-ph="1"] .arc--test,
.flow[data-ph="2"] .arc--test{marker-end:url(#lcT2);}
.flow[data-ph="3"] .arc--ops{marker-end:url(#lcT3);}


.lc-lb{position:absolute;transform:translate(-50%,-50%);text-align:center;cursor:pointer;
  display:flex;flex-direction:column;gap:1px;width:92px;padding:6px 4px;
  
  border-radius:var(--r-md);opacity:.45;transition:opacity .4s ease,background .2s;}
.lc-lb .ph{font-family:var(--font-mono);font-size:9px;font-weight:600;
  letter-spacing:.1em;color:var(--ink-sub);}
.lc-lb .nm{font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
.lc-lb .by{font-size:11px;font-weight:700;color:var(--ink-sub);}

.flow[data-ph="0"] .lc-lb--dev,
.flow[data-ph="1"] .lc-lb--test,
.flow[data-ph="2"] .lc-lb--test,
.flow[data-ph="3"] .lc-lb--ops{opacity:1;}
.flow[data-ph="1"] .lc-lb--test .by,
.flow[data-ph="2"] .lc-lb--test .by{color:var(--brand-ink);}
.flow[data-ph="3"] .lc-lb--ops .by{color:var(--cyan-ink);}


.lc-say{display:flex;flex-direction:column;gap:8px;padding:16px 18px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);
  min-height:190px;}
.lc-say .who{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.02em;
  border-radius:999px;padding:3px 10px;
  color:var(--ink-sub);border:1px solid var(--border-strong);
  transition:color .3s,border-color .3s;}

.flow[data-ph="3"] .lc-say > .who{color:var(--cyan-ink);border-color:var(--cyan-500);}

.lc-say h3 em{font-style:normal;color:var(--brand-ink);}
.flow[data-ph="3"] .lc-say h3 em{color:var(--cyan-ink);}
.flow[data-ph="3"] .lc-say > ul li::before{background:var(--cyan-500);}

.lc-say[data-swap="true"] h3,.lc-say[data-swap="true"] ul{
  animation:sayIn .42s cubic-bezier(.2,.7,.3,1);}


.stage{display:grid;margin-top:14px;}
.lcv{grid-area:1/1;min-width:0;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1),visibility .5s;}
.lcv[data-on="true"]{opacity:1;visibility:visible;transform:none;}


.rail-msg{font-size:clamp(15px,1.7vw,17.5px);font-weight:700;letter-spacing:-.025em;
  line-height:1.42;margin-bottom:10px;text-wrap:balance;}


.flow-act{display:inline-flex;align-items:center;gap:8px;}
.lc-play{display:inline-flex;align-items:center;gap:5px;cursor:pointer;
  font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--ink-2);
  background:var(--surface-2);border:1px solid var(--border-strong);
  border-radius:999px;padding:3px 10px 3px 8px;
  transition:color .2s,border-color .2s,background .2s;}
.lc-play:hover{color:var(--brand-ink);border-color:var(--brand);background:var(--brand-soft);}
.lc-play .ico{width:10px;height:10px;flex-shrink:0;}
.lc-play .ico--pause,
.lc-play[aria-pressed="true"] .ico--play{display:none;}
.lc-play[aria-pressed="true"] .ico--pause{display:block;}



.lc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;}
.lc-steps button{--seg:var(--border-strong);
  position:relative;display:flex;flex-direction:column;gap:2px;align-items:flex-start;
  padding:9px 2px 0;cursor:pointer;text-align:start;
  border-top:3px solid var(--border);border-radius:1px;
  transition:border-color .35s ease;}
.lc-steps button:nth-child(2),
.lc-steps button:nth-child(3){--seg:var(--brand);}
.lc-steps button:nth-child(4){--seg:var(--cyan-500);}

.lc-steps button::after{content:"";position:absolute;inset-block-start:-3px;
  inset-inline-start:0;height:3px;width:0;border-radius:1px;background:var(--seg);}
.lc-steps button[aria-selected="true"]::after{animation:segFill var(--phdur,6s) linear both;}
@keyframes segFill{from{width:0;}to{width:100%;}}
.lc-steps .k{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.11em;
  color:var(--ink-sub);transition:color .35s ease;}
.lc-steps .n{font-size:13px;font-weight:700;letter-spacing:-.015em;
  color:var(--ink-sub);transition:color .35s ease;}
.lc-steps button[aria-selected="true"] .k{color:var(--ink-sub);}
.lc-steps button[aria-selected="true"] .n{color:var(--ink);}
.lc-steps button[aria-selected="true"]:nth-child(2) .n,
.lc-steps button[aria-selected="true"]:nth-child(3) .n{color:var(--brand-ink);}
.lc-steps button[aria-selected="true"]:nth-child(4) .n{color:var(--cyan-ink);}
.lc-steps button:hover{border-top-color:var(--border-strong);}
.lc-steps button:hover .n{color:var(--ink);}


.lc-brace{grid-column:2/4;display:flex;align-items:center;justify-content:center;gap:7px;
  margin-top:6px;font-family:var(--font-mono);font-size:9px;font-weight:600;
  letter-spacing:.09em;color:var(--brand-ink);}
.lc-brace::before,.lc-brace::after{content:"";flex:1;height:1px;background:var(--brand);opacity:.42;}

.flow-ft{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:11px;
  border-top:1px solid var(--border);font-size:11px;color:var(--ink-sub);}
.flow-ft .ret{font-size:13px;color:var(--brand-ink);display:inline-block;
  animation:spinBack 15s cubic-bezier(.6,0,.3,1) infinite;}
@keyframes spinBack{0%,86%{transform:rotate(0)}100%{transform:rotate(-360deg)}}


.flow[data-motion="off"] .lc-track,
.flow[data-motion="off"] .flow-ft .ret{animation:none;}

.flow[data-motion="off"] .lc-steps button[aria-selected="true"]::after{
  animation:none;width:100%;}
.flow[data-motion="off"] .arc{animation:none;}
.flow[data-motion="off"] .lrow{animation:none;opacity:.94;}
.flow[data-motion="off"] .lrow .dot{animation:none;background:var(--success);}
.flow[data-motion="off"] .lrow--pick{opacity:1;}
.flow[data-motion="off"] .lrow--pick .dot{background:var(--brand);}
.flow[data-motion="off"] .lrail::after{display:none;}

.flow[data-motion="off"] .tmap-n,
.flow[data-motion="off"] .tmap-bd{animation:none;box-shadow:none;transform:none;}
.flow[data-motion="off"] .tmap-ns--par::before{animation:none;opacity:.5;}
.flow[data-motion="off"] .tmap-ret .rt{animation:none;}


@media (prefers-reduced-motion:reduce){
  .lcv{transform:none!important;}}


.flow .lrail-wrap{padding:12px;}
.flow .lrail-hd{padding:0 4px 8px;margin-bottom:2px;}
.flow .lrow{padding:5px 10px;gap:0 11px;}
.flow .lrow .nm{font-size:13px;}
.flow .lrow .ds{font-size:11px;line-height:1.4;}
.flow .pick-div{padding:2px 10px 2px 48px;font-size:11px;}
.flow .lrail-ft{margin-top:6px;padding-top:8px;font-size:11px;}

.flow .tmap{padding:11px 10px 10px;}
.flow .tmap-ft{padding-top:8px;}

.flow[data-motion="off"] .lc-say[data-swap="true"] h3,
.flow[data-motion="off"] .lc-say[data-swap="true"] ul{animation:none;}


.badge381{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:clamp(40px,5vw,60px);
  background:var(--border);border:1px solid var(--border);border-radius:var(--r-xl);
  overflow:hidden;}
@media (max-width:760px){ .badge381{grid-template-columns:1fr;}}
.badge381 li{background:var(--bg);padding:22px 24px;display:flex;flex-direction:column;gap:5px;
  transition:background var(--t-tap) var(--e-move);}
.badge381 li:hover{background:var(--surface-2);}
.badge381 .n{font-family:var(--font-display);font-size:clamp(34px,4vw,44px);font-weight:700;
  line-height:1;letter-spacing:-.03em;color:var(--brand-ink);font-variant-numeric:tabular-nums;
  display:inline-block;transform-origin:left bottom;
  animation:numPop .62s cubic-bezier(.2,1.5,.4,1) backwards;}
.badge381 li:nth-child(1) .n{animation-delay:1.62s}
.badge381 li:nth-child(2) .n{animation-delay:1.75s}
.badge381 li:nth-child(3) .n{animation-delay:1.88s}
@keyframes numPop{from{opacity:0;transform:translateY(10px) scale(.72);}
                  to{opacity:1;transform:none;}}
.badge381 .l{font-size:15px;font-weight:700;color:var(--ink);}
.badge381 .e{font-size:13px;line-height:1.6;color:var(--ink-sub);}


.rv{opacity:0;transform:translateY(16px);
  animation:rvUp .8s cubic-bezier(.2,.7,.3,1) forwards;}
@keyframes rvUp{to{opacity:1;transform:none;}}
.rv-1{animation-delay:.05s}  .rv-2{animation-delay:.22s}
.rv-3{animation-delay:.62s}  .rv-4{animation-delay:.86s}
.rv-5{animation-delay:1.05s} .rv-6{animation-delay:1.3s}
.rv-7{animation-delay:1.55s}

.rv-8{animation-delay:1.78s}


@media (prefers-reduced-motion:no-preference){
  .js-rv .sr{opacity:0;transform:translateY(14px);}
  .js-rv .sr.is-in{opacity:1;transform:none;
    transition:opacity var(--t-enter) var(--e-enter) var(--sr-d,0ms),
               transform var(--t-enter) var(--e-enter) var(--sr-d,0ms);}}


@media (prefers-reduced-motion:reduce){
  .hero::before{animation:none;}
  .hero-tag .live::after,.flow-ft .ret{display:none;animation:none;}
  .lc-orbit{animation:none;}
  .hero-h1 em{animation:none;background-size:100% .11em;}
  .rv{opacity:1;transform:none;animation:none;}
  .badge381 .n{animation:none;}}








.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
@media (max-width:1080px){ .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:620px){ .pgrid{grid-template-columns:1fr;}}

.pcard{display:flex;flex-direction:column;gap:12px;padding:18px;cursor:pointer;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);
  box-shadow:var(--shadow-soft);scroll-margin-top:120px;
  transition:border-color var(--t-tap) var(--e-move),box-shadow var(--t-tap) var(--e-move),transform var(--t-tap) var(--e-move);}
.pcard:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card);transform:translateY(-3px);}
.pcard[data-open="true"]{border-color:var(--brand);box-shadow:var(--shadow-card);transform:none;}

.pcard.is-landing{animation:landRing 1.2s ease-out 1;}
@keyframes landRing{
  0%,70%{box-shadow:0 0 0 2px var(--brand),var(--shadow-card);}
  100%  {box-shadow:0 0 0 0 transparent,var(--shadow-soft);}}

.pcard-hd{display:flex;align-items:flex-start;gap:11px;}
.pcard-ico{width:38px;height:38px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand-ink);
  transition:background var(--t-tap) var(--e-move),color var(--t-tap) var(--e-move),transform var(--t-tap) var(--e-move);}
.pcard-ico svg{width:21px;height:21px;}
.pcard:hover .pcard-ico{background:var(--brand);color:var(--on-brand);transform:rotate(-8deg);}
.pcard-no{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;
  color:var(--ink-sub);display:block;margin-bottom:3px;}

.pcard[data-role="target"] .pcard-no{color:var(--brand-ink);}
.pcard-nm{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-.015em;}
.pcard-def{font-size:13px;line-height:1.6;color:var(--ink-sub);}
.pcard-def b{color:var(--ink);font-weight:700;}


.shot{position:relative;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;
  background:var(--surface-2);border:1px solid var(--border);
  display:flex;flex-direction:column;}

img.shot{display:block;width:100%;height:auto;object-fit:cover;object-position:top center;}
.pd-shot img.shot{aspect-ratio:auto;}


img.is-zoomable{cursor:zoom-in;}
.zoomv{position:fixed;inset:0;z-index:120;display:none;
  align-items:center;justify-content:center;padding:clamp(16px,3vw,40px);
  background:rgba(8,14,26,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.zoomv[data-open="true"]{display:flex;}
.zoomv-in{position:relative;max-width:min(1400px,100%);max-height:100%;
  display:flex;flex-direction:column;gap:10px;}
.zoomv-img{display:block;max-width:100%;max-height:calc(100vh - 140px);
  width:auto;height:auto;object-fit:contain;
  border-radius:var(--r-md);background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.5);}
.zoomv-cap{font-size:13px;line-height:1.6;color:#E9EEF7;text-align:center;
  max-width:min(100%,900px);margin-inline:auto;}
.zoomv-x{position:absolute;top:-46px;inset-inline-end:0;
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  font-size:13px;font-weight:700;color:#E9EEF7;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);
  border-radius:999px;padding:7px 15px;}
.zoomv-x:hover{background:rgba(255,255,255,.2);}
@media (max-width:640px){ .zoomv-x{top:auto;bottom:-46px;}}
.shot-bar{height:20px;flex-shrink:0;display:flex;align-items:center;gap:4px;padding-inline:8px;
  background:var(--bg-alt);border-bottom:1px solid var(--border);}
.shot-bar i{width:5px;height:5px;border-radius:50%;background:var(--border-strong);}
.shot-body{flex:1;padding:9px 10px;display:flex;flex-direction:column;gap:5px;justify-content:center;}
.shot-body span{display:block;height:5px;border-radius:3px;background:var(--border);}
.shot-body span:nth-child(1){width:62%}
.shot-body span:nth-child(2){width:88%;background:var(--brand);opacity:.28}
.shot-body span:nth-child(3){width:44%}
.shot-tag{position:absolute;inset-block-end:7px;inset-inline-end:8px;
  font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--ink-sub);
  background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 6px;}

.pcard-badge{align-self:flex-start;font-size:11px;font-weight:700;
  padding:4px 11px;border-radius:999px;color:var(--ink-2);
  background:var(--surface-2);border:1px solid var(--border);}

.pcard-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:auto;padding-top:14px;border-top:1px solid var(--border);}
.pcard-cta .btn{min-height:38px;font-size:13px;padding:0 14px;}

.pcard-cta .start{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;
  min-height:24px;padding-block:3px;
  color:var(--brand-ink);text-decoration:underline;text-underline-offset:4px;
  text-decoration-thickness:1.5px;transition:text-decoration-thickness var(--t-tap) var(--e-move),gap var(--t-tap) var(--e-move);}
.pcard-cta .start:hover{text-decoration-thickness:2.5px;gap:8px;}
.pcard-cta .more .ar{display:inline-block;transition:transform var(--t-move) var(--e-move);font-size:11px;}
.pcard[data-open="true"] .more{border-color:var(--brand);color:var(--brand-ink);
  background:var(--brand-soft);}
.pcard[data-open="true"] .more .ar{transform:rotate(180deg);}



.pdetail{grid-column:1/-1;display:grid;grid-template-rows:0fr;overflow:hidden;
  transition:grid-template-rows var(--t-move) var(--e-move);}
.pdetail > *{min-height:0;}
.pdetail.is-open{grid-template-rows:1fr;}
.pdetail-in{margin-top:4px;padding:26px clamp(20px,3vw,32px);
  background:var(--surface);border:1px solid var(--brand);border-radius:var(--r-2xl);
  box-shadow:var(--shadow-card);}
.pd-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding-bottom:18px;border-bottom:1px solid var(--border);}
.pd-anchor{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;
  color:var(--brand-ink);background:var(--brand-soft);border-radius:5px;padding:3px 8px;}
.pd-ttl{font-size:clamp(20px,2.4vw,26px);font-weight:700;letter-spacing:-.02em;margin-top:10px;}

.pd-def{font-size:15px;line-height:1.65;color:var(--ink-sub);margin-top:7px;
  max-width:min(100%,720px);}
.pd-def em{font-style:normal;font-weight:700;color:var(--ink);}


.claim{display:flex;flex-direction:column;gap:7px;
  margin-top:10px;padding:13px 16px;
  border-inline-start:3px solid var(--brand);border-radius:0 var(--r-md) var(--r-md) 0;
  background:var(--brand-soft);max-width:min(100%,760px);}
.claim>span{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;}
.claim .ic{width:17px;height:17px;flex-shrink:0;margin-top:2px;border-radius:50%;
  display:grid;place-items:center;font-size:11px;font-weight:700;line-height:1;}

.claim-not{font-size:13px;line-height:1.6;color:var(--ink-2);}
.claim-not .ic{color:var(--ink-2);border:1px solid var(--border-strong);}

.claim-yes{font-size:15px;line-height:1.7;color:var(--ink);font-weight:700;}
.claim-yes .ic{color:var(--on-brand);background:var(--brand);}

.claim .claim-yes b{color:var(--ink);font-weight:700;}
.claim .claim-not b{color:var(--ink-2);font-weight:700;}
.claim-tail{font-size:13px;line-height:1.65;color:var(--ink-2);font-weight:400;
  padding-inline-start:26px;}
.claim .claim-tail b{color:var(--ink-2);font-weight:700;}

.claim-hi{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--brand-ink);
  background:var(--surface);border:1px solid var(--brand);border-radius:999px;
  padding:2px 9px;margin-inline:1px;}
.claim-hi i{font-style:normal;font-family:var(--font-mono);font-size:9px;font-weight:600;
  letter-spacing:.06em;color:var(--ink-sub);}
.pd-close{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--border);color:var(--ink-sub);
  transition:background var(--t-tap) var(--e-move),color var(--t-tap) var(--e-move),border-color var(--t-tap) var(--e-move);}
.pd-close:hover{background:var(--surface-2);color:var(--ink);border-color:var(--border-strong);}

.pd-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:clamp(22px,3vw,38px);padding-top:22px;}
@media (max-width:860px){ .pd-grid{grid-template-columns:1fr;}}


.pdtabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;padding-bottom:14px;
  border-bottom:1px solid var(--border);}
.pdtabs button{display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  font:inherit;font-size:13px;font-weight:700;letter-spacing:-.01em;
  color:var(--ink-2);background:var(--surface-2);
  border:1px solid var(--border);border-radius:999px;padding:7px 14px;
  transition:background var(--t-tap) var(--e-move),color var(--t-tap) var(--e-move),border-color var(--t-tap) var(--e-move);}
.pdtabs button:hover{border-color:var(--border-strong);color:var(--ink);}
.pdtabs button[aria-selected="true"]{background:var(--brand);color:var(--on-brand);
  border-color:var(--brand);}
.pdtabs button i{font-style:normal;font-family:var(--font-mono);font-size:11px;
  font-weight:600;letter-spacing:.06em;padding:1px 6px;border-radius:999px;
  background:var(--surface);color:var(--brand-ink);border:1px solid var(--brand);}

.pdtabs button[aria-selected="true"] i{background:rgba(0,0,0,.24);
  color:var(--on-brand);border-color:rgba(255,255,255,.45);}

.pdpane[hidden]{display:none;}
.pdpane{padding-top:20px;}


.pdpane--feat{display:grid;grid-template-columns:minmax(0,1fr) 260px;
  gap:clamp(18px,2.4vw,28px);align-items:start;}
@media (max-width:860px){ .pdpane--feat{grid-template-columns:1fr;}}


.pd-lead{grid-column:1/-1;margin:0 0 2px;padding-bottom:14px;
  border-bottom:1px solid var(--border);
  font-size:15px;line-height:1.7;color:var(--ink-2);max-width:min(100%,760px);}
.pd-lead b{color:var(--ink);font-weight:700;}

.pd-thumb{margin:0;display:flex;flex-direction:column;gap:8px;}
.pd-thumb img{display:block;width:100%;height:auto;border-radius:var(--r-md);
  border:1px solid var(--border);cursor:zoom-in;
  transition:border-color var(--t-tap) var(--e-move),box-shadow var(--t-tap) var(--e-move);}
.pd-thumb img:hover{border-color:var(--brand);box-shadow:var(--shadow-soft);}
.pd-thumb figcaption{font-size:11px;line-height:1.55;color:var(--ink-2);}
.pd-thumb figcaption b{color:var(--ink);font-weight:700;}

.pd-thumb .zoomhint{font-family:var(--font-mono);font-size:9px;font-weight:600;
  letter-spacing:.08em;color:var(--brand-ink);}

.pdpane .pd-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(20px,2.6vw,34px);}
@media (max-width:860px){ .pdpane .pd-feat{grid-template-columns:1fr;}}

.pdpane .pd-shot{max-width:100%;}
.pdpane .pd-shot img{width:100%;height:auto;}
.pd-sub{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink-sub);margin-bottom:14px;}
.pd-feat li{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;padding-block:11px;}
.pd-feat li+li{border-top:1px solid var(--border);}
.pd-feat .k{grid-row:1/3;width:22px;height:22px;margin-top:2px;border-radius:6px;
  display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink);
  font-family:var(--font-mono);font-size:11px;font-weight:600;}
.pd-feat .t{font-size:15px;font-weight:700;line-height:1.45;}
.pd-feat .d{font-size:13px;line-height:1.65;color:var(--ink-sub);}
.pd-feat .d em{font-style:normal;color:var(--ink-2);font-weight:600;}

.pd-shot .shot{aspect-ratio:16/10;}
.pd-cap{font-size:13px;line-height:1.6;color:var(--ink-sub);margin-top:9px;}

.pdsteps{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px;}
.pdsteps button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 11px;cursor:pointer;
  font:inherit;font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-sm);
  transition:background var(--t-tap) var(--e-move),border-color var(--t-tap) var(--e-move),color var(--t-tap) var(--e-move);}
.pdsteps button b{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--ink-sub);}
.pdsteps button:hover{border-color:var(--border-strong);}
.pdsteps button[aria-pressed="true"]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink);}
.pdsteps button[aria-pressed="true"] b{color:var(--brand-ink);}
.pdsteps button:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}
@media (pointer:coarse){ .pdsteps button{min-height:44px;}}
.pdstep{margin:0;display:grid;grid-template-columns:minmax(0,300px) minmax(0,700px);justify-content:space-between;gap:40px;align-items:center;}
.pdstep[hidden]{display:none;}
@media (prefers-reduced-motion:reduce){ .axg-replay{display:none;}}
@media (max-width:860px){
  .pdstep{grid-template-columns:1fr;gap:14px;}
  .axg-ttl{font-size:19px;}}
@keyframes ax-gather{0%{opacity:0;translate:var(--gx) var(--gy);rotate:var(--gr);}
  18%{opacity:1;translate:var(--gx) var(--gy);rotate:var(--gr);}
  82%{opacity:1;translate:0 0;rotate:0deg;}
  100%{opacity:0;translate:0 0;rotate:0deg;}}




.tcstage{display:flex;align-items:center;gap:10px;margin-top:22px;
  font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink-2);}
.tcstage>b{flex-shrink:0;font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.08em;color:var(--on-brand);background:var(--brand);
  border-radius:999px;padding:4px 12px;}
.tcstage::after{content:"";flex:1;height:1px;background:var(--border);}


.tcplan{display:block;margin-top:20px;padding:clamp(14px,1.8vw,18px);
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);}
.tcplan-say>.lb{display:inline-block;font-family:var(--font-mono);font-size:9px;font-weight:600;
  letter-spacing:.1em;color:var(--on-brand);background:var(--brand);border-radius:999px;padding:3px 11px;}
.tcplan-say h4{margin-top:10px;font-size:15px;font-weight:700;letter-spacing:-.018em;line-height:1.45;}
.tcplan-say h4 em{font-style:normal;color:var(--brand-ink);}

.tcplan-list{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px clamp(18px,2.4vw,28px);}
.tcplan-list>li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 11px;
  align-content:start;}

.tcplan-list>li>b{grid-column:1;grid-row:1;align-self:start;font-size:11px;font-weight:700;
  letter-spacing:-.01em;color:var(--brand-ink);white-space:nowrap;
  background:var(--brand-soft);border-radius:6px;padding:3px 9px;}
.tcplan-list>li>.d{grid-column:2;grid-row:1;font-size:13px;line-height:1.6;color:var(--ink-sub);}
.tcplan-list>li>.tcplan-lv{grid-column:2;}
.tcshot{grid-column:1/-1;display:block;width:100%;max-width:340px;height:auto;margin-top:4px;
  border-radius:var(--r-sm);border:1px solid var(--border);cursor:zoom-in;
  transition:border-color var(--t-tap) var(--e-move),box-shadow var(--t-tap) var(--e-move);}
.tcshot:hover{border-color:var(--brand);box-shadow:var(--shadow-soft);}

@media (max-width:760px){
  .tcplan-list{grid-template-columns:1fr;gap:16px;}
  .tcshot{max-width:420px;}}
.tcplan-list>li>.d b{color:var(--ink-2);font-weight:700;}

.tcplan-ft{margin-top:14px;padding-top:11px;border-top:1px solid var(--border);
  font-size:11px;line-height:1.6;color:var(--ink-2);}
.tcplan-lv{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;}

.tcplan-lv>li{font-size:11px;font-weight:700;letter-spacing:-.01em;color:var(--ink-2);
  background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 8px;}

.tcplan-lv>li.on{color:var(--brand-ink);background:var(--brand-soft);border-color:var(--brand);}

.tcflow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.5fr) minmax(0,1fr);
  gap:10px;align-items:stretch;margin-top:20px;}
@media (max-width:860px){ .tcflow{grid-template-columns:1fr;}}

.tcf-node{display:flex;flex-direction:column;gap:5px;justify-content:center;
  padding:16px;border-radius:var(--r-lg);border:1px solid var(--border);
  background:var(--surface-2);}
.tcf-node .lb{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;
  color:var(--ink-sub);}
.tcf-node b{font-size:15px;font-weight:700;letter-spacing:-.015em;}
.tcf-node .d{font-size:13px;line-height:1.6;color:var(--ink-sub);}

.tcf-node .d b{font-size:inherit;color:var(--ink-2);font-weight:700;}
.tcf-in{border-style:dashed;}

.tcf-fig{margin:7px 0 0;display:flex;flex-direction:column;gap:6px;}
.tcf-fig img{display:block;width:100%;height:auto;border-radius:var(--r-sm);
  border:1px solid var(--border);background:var(--surface);cursor:zoom-in;}
.tcf-fig figcaption{font-size:11px;line-height:1.5;color:var(--ink-2);}
.tcf-fig figcaption b{font-weight:700;}

.tcf-out{border-color:var(--gate);background:var(--gate-soft);}
.tcf-out .lb{color:var(--gate);}

.tcf-agent{padding:14px;border-radius:var(--r-lg);
  border:1px solid var(--brand);background:var(--brand-soft);}
.tcf-agent>.lb{display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:700;letter-spacing:-.01em;color:var(--on-brand);
  background:var(--brand);border-radius:999px;padding:3px 11px;}
.tcf-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px;list-style:none;padding:0;margin-bottom:0;}
@media (max-width:620px){ .tcf-steps{grid-template-columns:1fr;}}
.tcf-steps>li{display:flex;flex-direction:column;gap:4px;padding:11px 12px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);}
.tcf-steps>li>.n{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;
  color:var(--brand-ink);}
.tcf-steps>li>b{font-size:13px;font-weight:700;letter-spacing:-.015em;}
.tcf-steps>li>.d{font-size:11px;line-height:1.55;color:var(--ink-sub);}

.tcf-steps>li>.d b{color:var(--ink-2);font-weight:700;}
.tcf-tech{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;}
.tcf-tech>li{font-size:11px;font-weight:700;letter-spacing:-.01em;color:var(--brand-ink);
  background:var(--brand-soft);border:1px solid var(--brand);border-radius:999px;padding:2px 7px;}

.tcf-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 20px;
  align-items:center;margin-top:12px;padding:14px 16px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);}
@media (max-width:620px){ .tcf-note{grid-template-columns:1fr;}}
.tcf-stat{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.tcf-stat b{font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1;
  letter-spacing:-.03em;color:var(--brand-ink);font-variant-numeric:tabular-nums;}
.tcf-stat .k{font-size:13px;font-weight:700;color:var(--ink-2);}

.tcf-stat .tag{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;
  color:var(--ink-sub);border:1px dashed var(--border-strong);border-radius:5px;padding:2px 6px;}
.tcf-say{font-size:13px;line-height:1.7;color:var(--ink-sub);}
.tcf-say b{color:var(--ink);font-weight:700;}


.heal3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);
  gap:10px;align-items:stretch;margin-top:20px;}
@media (max-width:820px){ .heal3{grid-template-columns:1fr;}}
.heal-col{display:flex;flex-direction:column;gap:7px;padding:14px;
  border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);}
.heal-col>.lb{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;
  font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.09em;
  border-radius:999px;padding:3px 10px;}
.heal-col>.d{font-size:11px;line-height:1.55;color:var(--ink-sub);}

.heal-col--find{border-color:var(--danger);}
.heal-col--find>.lb{color:var(--danger);background:var(--surface-2);}
.heal-col--fix{border-color:var(--success);}
.heal-col--fix>.lb{color:var(--success-ink);background:var(--surface-2);}
.heal-col--why{border-color:var(--brand);background:var(--brand-soft);}
.heal-col--why>.lb{color:var(--on-brand);background:var(--brand);}
.heal-lane{display:flex;flex-direction:column;gap:6px;margin-top:2px;}
.heal-lane>li{display:flex;flex-direction:column;gap:2px;padding:8px 11px;border-radius:var(--r-md);
  background:var(--surface);border:1px solid var(--border);}
.heal-lane>li>b{font-size:13px;font-weight:700;letter-spacing:-.01em;}
.heal-lane>li>span{font-size:11px;line-height:1.5;color:var(--ink-sub);}
.heal-col--find .heal-lane>li>b{color:var(--danger);}
.heal-col--fix .heal-lane>li>b{color:var(--success-ink);}


.heal-ret{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:11px 14px;
  background:var(--brand-soft);border:1px solid var(--border);border-radius:var(--r-lg);
  font-size:13px;line-height:1.65;color:var(--ink-2);}
.heal-ret>.ret{flex-shrink:0;font-size:13px;color:var(--brand-ink);}
.heal-ret b{color:var(--ink);font-weight:700;}

.heal-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;}
@media (max-width:700px){ .heal-note{grid-template-columns:1fr;}}
.heal-note>li{padding:13px 15px;border-radius:var(--r-lg);border:1px solid var(--border);
  background:var(--surface);}
.heal-note>li>b{display:block;font-size:13px;font-weight:700;letter-spacing:-.015em;}
.heal-note>li>span{display:block;margin-top:5px;font-size:11px;line-height:1.65;color:var(--ink-sub);}

.heal-note>li.is-human{border-color:var(--gate);background:var(--gate-soft);}
.heal-note>li.is-human>b{color:var(--gate);}


.tclist{margin-top:20px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;}
.tcl-hd{display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  padding:13px 16px;border-bottom:1px solid var(--border);}
.tcl-hd b{font-size:15px;font-weight:700;letter-spacing:-.015em;color:var(--brand-ink);}
.tcl-hd .tag{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;
  color:var(--ink-sub);border:1px dashed var(--border-strong);border-radius:5px;padding:2px 6px;}
.tcl-hd .cnt{margin-inline-start:auto;font-size:11px;font-weight:700;color:var(--ink-sub);
  font-variant-numeric:tabular-nums;}
.tcl-wrap{overflow-x:auto;}
.tclist table{width:100%;border-collapse:collapse;min-width:540px;}
.tclist th{text-align:start;font-size:11px;font-weight:700;letter-spacing:.04em;
  color:var(--ink-sub);padding:9px 14px;border-bottom:1px solid var(--border);white-space:nowrap;}
.tclist td{padding:10px 14px;font-size:13px;line-height:1.5;
  border-bottom:1px solid var(--border);vertical-align:middle;}
.tclist tbody tr:last-child>td{border-bottom:0;}
.tclist .no{width:34px;color:var(--ink-sub);font-variant-numeric:tabular-nums;}
.tclist .nm{font-weight:700;color:var(--ink);}
.tclist .tk{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  font-size:11px;font-weight:700;color:var(--ink-2);}
.tclist .tk i{font-style:normal;font-family:var(--font-mono);font-size:9px;font-weight:600;
  letter-spacing:.06em;color:var(--gate);background:var(--gate-soft);border-radius:4px;padding:1px 5px;}
.tclist .st{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  font-size:11px;font-weight:700;border-radius:999px;padding:3px 11px;}
.tclist .st::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;}
.tclist .st--ok{color:var(--success-ink);border:1px solid var(--success);}
.tclist .st--wait{color:var(--ink-sub);border:1px solid var(--border-strong);}

.tcl-exp>td{background:var(--bg-alt);padding-block:9px 12px;}
.tcl-exp p{display:flex;gap:9px;font-size:13px;line-height:1.6;color:var(--ink-2);}
.tcl-exp p+p{margin-top:5px;}
.tcl-exp .k{flex-shrink:0;min-width:56px;padding-top:1px;
  font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;
  color:var(--brand-ink);}
.tcl-act{display:flex;justify-content:flex-end;gap:8px;padding:11px 16px;
  border-top:1px solid var(--border);background:var(--bg-alt);}
.tcl-act span{font-size:11px;font-weight:700;border-radius:var(--r-sm);padding:6px 14px;}
.tcl-act .x{color:var(--ink-sub);border:1px solid var(--border-strong);}
.tcl-act .o{color:var(--success-ink);border:1px solid var(--success);}
.pd-cta{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;padding-top:18px;
  border-top:1px solid var(--border);}

.tlink{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;
  color:var(--brand-ink);text-decoration:underline;text-underline-offset:4px;
  text-decoration-thickness:1.5px;transition:text-decoration-thickness var(--t-tap) var(--e-move);}
.tlink:hover{text-decoration-thickness:2.5px;}



.sec-cta{margin-top:clamp(14px,2.3vw,26px);padding-block:10px;
  transition:gap var(--t-tap) var(--e-move),
             text-decoration-thickness var(--t-tap) var(--e-move);}
.sec-cta:hover{gap:11px;}
.sec-cta .ar{font-size:13px;}

@media (prefers-reduced-motion:reduce){
  .pdetail{transition:none;}
  .pcard.is-landing{animation:none;outline:2px solid var(--brand);outline-offset:2px;}}


.eras{margin-top:clamp(20px,2.4vw,28px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
@media (max-width:900px){ .eras{grid-template-columns:1fr;}}
.era{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:11px;padding:26px 24px 22px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);opacity:.82;}
.era>*{align-self:stretch;}
.era-tag{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;
  color:var(--ink-sub);}
.era-nm{font-size:21px;font-weight:700;letter-spacing:-.015em;}
.era-def{font-size:13px;color:var(--ink-sub);}
.era-bot{align-self:stretch;margin-top:auto;padding-top:15px;border-top:1px solid var(--border);}
.era-bot .lb{display:block;margin-bottom:6px;font-family:var(--font-mono);font-size:11px;
  font-weight:600;letter-spacing:.1em;color:var(--ink-sub);}
.era-bot p{font-size:13px;line-height:1.65;color:var(--ink-2);}
.era--now{opacity:1;border-color:var(--brand);box-shadow:var(--shadow-card);}
.era--now .era-tag,.era--now .era-bot .lb{color:var(--brand-ink);}
.era--now .era-bot p{color:var(--ink);}
.era-pill{position:absolute;top:-11px;inset-inline-start:50%;transform:translateX(-50%);background:var(--brand);
  color:var(--on-brand);font-size:11px;font-weight:700;letter-spacing:.05em;
  padding:3px 11px;border-radius:999px;}

.keyline{margin-top:20px;padding:20px 24px;border-radius:var(--r-lg);
  background:var(--brand-soft);border:1px solid var(--border);
  font-size:clamp(15px,1.7vw,17px);font-weight:700;line-height:1.7;color:var(--ink);}


.disc{margin-top:18px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;}
.disc>summary{cursor:pointer;list-style:none;padding:15px 20px;font-size:15px;font-weight:700;
  display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background var(--t-tap) var(--e-move);}
.disc>summary::-webkit-details-marker{display:none;}
.disc>summary:hover{background:var(--surface-2);}
.disc[open]>summary{border-bottom:1px solid var(--border);}


.mk{position:relative;width:15px;height:15px;flex-shrink:0;font-size:0;}
.mk::before,.mk::after{content:"";position:absolute;background:var(--brand-ink);
  border-radius:2px;transition:transform var(--t-move) var(--e-move);}
.mk::before{inset-inline:0;top:6.5px;height:2px;}
.mk::after{inset-block:0;left:6.5px;width:2px;}
details[open] .mk::after{transform:scaleY(0);}
.disc-body{padding:20px;}
.disc-body>p{font-size:13px;line-height:1.7;color:var(--ink-sub);}

.sub-hd{margin-bottom:20px;}
.sub-hd h3{font-size:clamp(19px,2.2vw,24px);font-weight:700;letter-spacing:-.02em;
  line-height:1.4;text-wrap:balance;}

.sub-hd h3 em{font-style:normal;color:var(--brand-ink);}
.sub-hd p{margin-top:9px;font-size:15px;line-height:1.7;color:var(--ink-sub);
  max-width:min(100%,760px);}

.sub-hd p b{color:var(--ink);font-weight:700;}
.blk-gap{margin-top:clamp(44px,5vw,64px);}

.principles{background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;}
.principles li{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:20px 22px;}
.principles li+li{border-top:1px solid var(--border);}
.principles .n{grid-row:1/3;font-family:var(--font-display);font-size:21px;font-weight:700;
  color:var(--brand-ink);line-height:1.1;}
.principles h4{font-size:15px;font-weight:700;line-height:1.45;}
.principles p{font-size:13px;line-height:1.72;color:var(--ink-sub);}
.p-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.p-hd h4{flex:1;}
.kw{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;
  font-size:11px;font-weight:700;letter-spacing:-.01em;color:var(--brand-ink);
  background:var(--brand-soft);border-radius:999px;padding:3px 10px;white-space:nowrap;}
.kw svg{width:11px;height:11px;flex-shrink:0;}


.vrd{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(16px,2.4vw,26px);
  align-items:stretch;}
@media (max-width:1000px){ .vrd{grid-template-columns:1fr;}}


.pcol{display:flex;flex-direction:column;gap:10px;min-width:0;}
.pcol .principles{flex:1;}
.pcol-lb{font-size:13px;line-height:1.65;color:var(--ink-sub);}
.pcol-lb b{color:var(--ink);font-weight:700;}


.vcard{display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);
  box-shadow:var(--shadow-card);padding:18px 20px;}
.vcard-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding-bottom:11px;border-bottom:1px solid var(--border);}
.vcard-hd .ttl{font-size:15px;font-weight:700;letter-spacing:-.015em;}
.vcard-hd .tag{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;
  color:var(--ink-sub);border:1px dashed var(--border-strong);border-radius:5px;padding:2px 6px;}
.vcard-hd .verdict{margin-inline-start:auto;font-size:11px;font-weight:700;
  color:var(--gate);background:var(--gate-soft,transparent);
  border:1px solid var(--gate);border-radius:999px;padding:3px 12px;white-space:nowrap;}

.vrows{display:flex;flex-direction:column;flex:1;justify-content:space-evenly;}
.vrow{display:flex;align-items:center;gap:12px;padding:9px 2px;
  border-bottom:1px solid var(--border);}
.vrow dt{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-2);}

.vrow .pn{width:16px;height:16px;border-radius:5px;display:grid;place-items:center;
  font-size:9px;font-weight:700;font-style:normal;
  color:var(--brand-ink);background:var(--brand-soft);}

.verdict .pn--on{display:inline-grid;place-items:center;width:15px;height:15px;
  margin-inline-start:6px;border-radius:5px;vertical-align:-2px;
  font-size:9px;font-weight:700;font-style:normal;
  color:var(--surface);background:var(--gate);}
.vrow dd{margin-inline-start:auto;font-size:15px;font-weight:700;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
.vrow dd.bad{color:var(--danger);}
.vrow dd.ok{color:var(--success-ink,#046C4E);}
.vrow dd.num{color:var(--ink);}
.vrow dd.none{color:var(--ink-sub);font-weight:700;}

.vnote{margin-top:12px;font-size:13px;line-height:1.65;color:var(--ink-sub);}
.vnote b{color:var(--ink);font-weight:700;}


.cmp-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);}
.cmp{width:100%;border-collapse:collapse;min-width:700px;font-size:13px;}
.cmp th,.cmp td{padding:13px 16px;text-align:start;vertical-align:top;
  border-bottom:1px solid var(--border);}
.cmp thead th{font-size:13px;font-weight:700;color:var(--ink-sub);
  background:var(--bg-alt);white-space:nowrap;}
.cmp thead th:last-child{color:var(--brand-ink);}
.cmp tbody th{font-weight:700;color:var(--ink);}
.cmp td{color:var(--ink-sub);}
.cmp .own{background:var(--brand-soft);color:var(--ink);}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0;}



.pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(14px,1.8vw,20px);margin-top:clamp(22px,2.6vw,30px);}
@media (max-width:760px){ .pillars{grid-template-columns:1fr;}}

.pillars li{display:flex;flex-direction:column;gap:7px;padding:clamp(18px,2.2vw,24px);
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);
  box-shadow:var(--shadow-soft);}
.pillars .ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;
  background:var(--brand-soft);color:var(--brand-ink);}
.pillars .ico svg{width:18px;height:18px;}
.pillars h3{margin-top:2px;font-size:clamp(15.5px,1.7vw,17.5px);font-weight:700;
  letter-spacing:-.025em;line-height:1.35;}
.pillars p{font-size:13px;line-height:1.7;color:var(--ink-sub);}
.pillars b{color:var(--ink);font-weight:700;}


.lyr{margin:clamp(26px,3.2vw,38px) 0 14px;padding-inline-start:14px;
  border-inline-start:3px solid var(--brand);max-width:min(100%,820px);}
.lyr:first-of-type{margin-top:0;}
.lyr--share{border-inline-start-color:var(--success);}
.lyr h3{font-size:clamp(16px,1.8vw,18.5px);font-weight:700;letter-spacing:-.02em;
  line-height:1.4;}
.lyr p{margin-top:6px;font-size:13px;line-height:1.7;color:var(--ink-sub);}
.lyr b{color:var(--ink);font-weight:700;}



.lane{display:grid;grid-template-columns:112px repeat(3,minmax(0,1fr));
  gap:8px;align-items:stretch;}
.lane-cnr{min-height:1px;}

.cell-own{display:none;}

@media (max-width:900px){
  
  .lane{grid-template-columns:1fr;gap:6px;}
  .lane-cnr,.lane-lb{display:none;}
  .lane-hd{margin-top:18px;padding-bottom:8px;}
  .lane > :nth-child(2){order:1;margin-top:0;}   
  .lane > :nth-child(6){order:2;}                
  .lane > :nth-child(10){order:3;}               
  .lane > :nth-child(3){order:4;}                
  .lane > :nth-child(7){order:5;}
  .lane > :nth-child(11){order:6;}
  .lane > :nth-child(4){order:7;}                
  .lane > :nth-child(8){order:8;}
  .lane > :nth-child(12){order:9;}
  
  .cell-own{display:inline-block;align-self:flex-start;margin-bottom:2px;
    font-size:9px;font-weight:700;font-style:normal;letter-spacing:.02em;
    border-radius:999px;padding:1px 8px;}
  .cell--you .cell-own{color:var(--gate);border:1px solid var(--gate);}
  .cell--us .cell-own{color:var(--brand-ink);border:1px solid var(--brand);}}

.lane-hd{display:flex;flex-direction:column;gap:3px;padding:0 4px 10px;
  border-bottom:2px solid var(--border);}
.lane-hd .ph{font-family:var(--font-mono);font-size:9px;font-weight:600;
  letter-spacing:.12em;color:var(--ink-sub);}
.lane-hd b{font-size:clamp(16px,1.8vw,18.5px);font-weight:700;letter-spacing:-.025em;
  line-height:1.3;}
.lane-hd .sub{margin-top:2px;font-size:11px;line-height:1.55;color:var(--ink-sub);}

.lane-lb{display:flex;align-items:center;font-size:13px;font-weight:700;
  line-height:1.45;letter-spacing:-.015em;padding-inline-end:6px;}
.lane-lb--you{color:var(--gate);}
.lane-lb--us{color:var(--brand-ink);}
@media (max-width:900px){
  .lane-lb{padding:14px 0 6px;border-top:1px solid var(--border);}
  .lane-lb br{display:none;}}

.cell{display:flex;flex-direction:column;gap:4px;padding:14px 15px;
  border-radius:var(--r-md);border:1px solid var(--border);
  background:var(--surface);}
.cell b{font-size:13px;font-weight:700;letter-spacing:-.015em;line-height:1.45;
  color:var(--ink-2);}
.cell span{font-size:11px;line-height:1.6;color:var(--ink-sub);}

.cell.is-lead span{color:var(--ink-2);}
.cell--you.is-lead{background:var(--gate-soft);border-color:var(--gate);}
.cell--you.is-lead b{color:var(--gate);}
.cell--us.is-lead{background:var(--brand-soft);border-color:var(--brand);}
.cell--us.is-lead b{color:var(--brand-ink);}

.cell .only{display:inline-block;margin-inline-start:7px;padding:1px 7px;vertical-align:1px;
  font-size:9px;font-weight:700;font-style:normal;letter-spacing:-.01em;white-space:nowrap;
  color:var(--gate);border:1px solid var(--gate);border-radius:999px;}

.lane-ret{display:flex;align-items:center;gap:9px;margin-top:14px;
  padding:13px 16px;border-radius:var(--r-lg);
  background:var(--brand-soft);border:1px solid var(--brand);
  font-size:13px;line-height:1.6;color:var(--ink-2);}
.lane-ret b{color:var(--ink);font-weight:700;}
.lane-ret .ret{font-size:15px;color:var(--brand-ink);display:inline-block;
  animation:spinBack 14s cubic-bezier(.6,0,.3,1) infinite;}
@media (prefers-reduced-motion:reduce){ .lane-ret .ret{animation:none;}}

.loopback{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(14px,2vw,20px);
  align-items:start;margin-top:clamp(16px,2vw,22px);padding:clamp(20px,2.4vw,26px);
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);}
@media (max-width:640px){ .loopback{grid-template-columns:1fr;}}
.loopback .ico{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;
  background:var(--brand-soft);color:var(--brand-ink);}
.loopback .ico svg{width:19px;height:19px;}
.loopback h3{font-size:clamp(16px,1.8vw,18.5px);font-weight:700;letter-spacing:-.025em;
  line-height:1.4;}
.loopback p{margin-top:7px;font-size:15px;line-height:1.75;color:var(--ink-2);}
.loopback b{color:var(--ink);font-weight:700;}

.loopback .lb-note{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);
  font-size:13px;line-height:1.7;color:var(--ink-2);}

.lcy-ft{margin-top:16px;font-size:13px;line-height:1.75;color:var(--ink-sub);
  max-width:min(100%,860px);}
.lcy-ft b{color:var(--ink-2);font-weight:700;}


.sec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,20px);}
@media (max-width:1080px){ .sec{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){ .sec{grid-template-columns:1fr;}}
.sec li{display:flex;flex-direction:column;gap:9px;padding:clamp(20px,2.4vw,26px);
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);
  box-shadow:var(--shadow-soft);}
.sec .ico{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;
  background:var(--brand-soft);color:var(--brand-ink);}
.sec .ico svg{width:19px;height:19px;}
.sec h4{margin-top:2px;font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.4;}
.sec p{font-size:13px;line-height:1.72;color:var(--ink-sub);}
.sec b{color:var(--ink);font-weight:700;}

.sec p.sec-v{font-size:21px;font-weight:700;letter-spacing:-.025em;line-height:1.35;
  color:var(--brand-ink);margin-top:-2px;text-wrap:balance;}

.certs{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(16px,2vw,22px);}
.certs li{display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink-2);
  background:var(--surface);border:1px solid var(--border);border-radius:999px;
  padding:7px 14px;}
.certs li::before{content:"✓";color:var(--success-ink);font-size:11px;font-weight:700;}


.gate{width:100%;border-collapse:collapse;table-layout:fixed;min-width:860px;
  font-size:13px;}
.gate .g-l{width:10%;} .gate .g-w{width:24%;} .gate .g-t{width:20%;}
.gate .g-b{width:29%;} .gate .g-r{width:17%;}
.gate thead th{padding:13px 18px;text-align:start;vertical-align:middle;
  font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--ink-2);
  background:var(--bg-alt);border-bottom:1px solid var(--border);}
.gate tbody th,.gate tbody td{padding:16px 18px;vertical-align:middle;
  border-bottom:1px solid var(--border);}
.gate tbody tr:last-child th,.gate tbody tr:last-child td{border-bottom:0;}
.gate tbody th{text-align:start;font-size:15px;font-weight:700;letter-spacing:-.02em;
  color:var(--ink);}
.gate tbody td{color:var(--ink-sub);line-height:1.6;}

.gate .gate-v{color:var(--ink);font-weight:700;letter-spacing:-.015em;}
.gate .by{display:inline-block;font-size:11px;font-weight:700;letter-spacing:-.01em;
  border-radius:999px;padding:3px 11px;white-space:nowrap;}

.gate .by--you{color:var(--gate);background:var(--gate-soft);}
.gate .by--us{color:var(--brand-ink);background:var(--brand-soft);}


.gate-ft{margin-top:14px;font-size:13px;line-height:1.75;color:var(--ink-2);
  max-width:min(100%,860px);}
.gate-ft b{color:var(--ink);font-weight:700;}


.cand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,18px);
  counter-reset:none;}
@media (max-width:820px){ .cand{grid-template-columns:1fr;}}
.cand li{display:flex;flex-direction:column;gap:5px;padding:clamp(16px,2vw,20px);
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);}
.cand .n{font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1;
  color:var(--ink-sub);}
.cand .t{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
.cand .d{font-size:13px;line-height:1.65;color:var(--ink-sub);}


.cand .is-fix,.cand li.is-fix{background:var(--success-soft);border-color:var(--success);}
.cand li.is-fix .n{color:var(--success-ink);}
.cand li.is-fix .d{color:var(--ink-2);}
.cand .by{font-size:9px;font-weight:700;font-style:normal;letter-spacing:.02em;
  color:var(--gate);border:1px solid var(--gate);border-radius:999px;padding:1px 8px;}


.cand .by--ai{color:var(--ink-2);border-color:var(--border-strong);}


.cand-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px clamp(12px,1.6vw,18px);padding-inline-start:40px;margin-bottom:12px;}
.cand-track .tr{display:block;height:7px;border-radius:999px;background:var(--brand);}
.cand-track .tr--2{width:64%;}
.cand-track .tr--3{width:36%;background:var(--success);}
.cand-track .ax{font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.09em;}
.cand-track .ax--cand{grid-column:1/3;color:var(--brand-ink);}

.cand-track .ax--fix{grid-column:3/4;color:var(--success-ink);}
@media (max-width:820px){
  .cand-track{grid-template-columns:1fr;gap:5px;}
  .cand-track .ax--cand,.cand-track .ax--fix{grid-column:1;}
  .cand-track .tr--2{width:64%;} .cand-track .tr--3{width:36%;}}





.cand-ft{margin-top:15px;padding-inline-start:40px;
  font-size:13px;line-height:1.75;color:var(--ink-sub);}
.cand-ft b{color:var(--ink);font-weight:700;}
.cand-ft-t{font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.08em;color:var(--ink-2);}
.cand-ft-t b{font-family:var(--font-sans);font-size:13px;letter-spacing:-.01em;
  margin-inline-start:4px;}



.cand-key{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:7px;}
.cand-key li{display:flex;align-items:baseline;gap:7px;}

.cand-key i{flex:0 0 auto;align-self:center;width:9px;height:9px;border-radius:50%;}
.cand-key b{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink);}
.cand-key span{font-size:11px;line-height:1.55;color:var(--ink-2);}

.cand-key .k-pass i{background:var(--success);}

.cand-key .k-cand i{background:var(--brand);opacity:.55;}

.cand-key .k-none i{background:transparent;border:1.5px dashed var(--border-strong);}
@media (max-width:640px){ .cand-key{gap:6px 14px;}}



.b5-ft{margin-top:16px;font-size:13px;line-height:1.75;color:var(--ink-sub);
  max-width:min(100%,880px);}
.b5-ft b{color:var(--ink-2);font-weight:700;}



.ease{margin-bottom:clamp(26px,3.2vw,38px);border-top:1px solid var(--border);}
.ease li{display:grid;grid-template-columns:minmax(0,34fr) minmax(0,66fr);
  gap:clamp(8px,2.4vw,40px);align-items:start;
  padding-block:clamp(17px,2.2vw,24px);border-bottom:1px solid var(--border);}
.ease .hd{display:flex;align-items:center;gap:11px;min-width:0;}
.ease .ico{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;
  border-radius:var(--r-lg);background:var(--brand-soft);color:var(--brand-ink);}
.ease .ico svg{width:17px;height:17px;}
.ease h3{font-size:17px;font-weight:700;letter-spacing:-.018em;line-height:1.4;}
.ease p{font-size:15px;line-height:1.72;color:var(--ink-sub);padding-top:5px;}
.ease b{color:var(--ink);font-weight:700;}
@media (max-width:760px){
  .ease li{grid-template-columns:1fr;gap:9px;}
  .ease p{padding-top:0;}}


.statcard{margin-bottom:clamp(28px,3.4vw,40px);}
.statcard-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,2.6vw,30px);
  align-items:center;padding:clamp(20px,2.6vw,28px);
  
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-xl);box-shadow:var(--shadow-soft);}
@media (max-width:640px){ .statcard-in{grid-template-columns:1fr;gap:12px;}}
.statcard .fig{display:flex;align-items:baseline;gap:3px;
  font-family:var(--font-display);font-size:clamp(44px,6vw,64px);font-weight:700;
  letter-spacing:-.04em;line-height:1;color:var(--danger);font-variant-numeric:tabular-nums;}
.statcard .fig .u{font-size:21px;font-weight:700;letter-spacing:-.01em;}
.statcard h3{font-size:clamp(16px,1.9vw,19.5px);font-weight:700;letter-spacing:-.025em;
  line-height:1.45;text-wrap:balance;}
.statcard h3 em{font-style:normal;color:var(--danger);}
.statcard .say p{margin-top:7px;font-size:15px;line-height:1.7;color:var(--ink-sub);}
.statcard .say b{color:var(--ink);font-weight:700;}
.statcard figcaption{margin-top:9px;padding-inline-start:2px;
  font-size:11px;color:var(--ink-sub);}


.dom{margin-top:clamp(18px,2.2vw,24px);padding:clamp(18px,2.2vw,24px);
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);}
.dom-say{font-size:15px;line-height:1.75;color:var(--ink-2);max-width:min(100%,820px);}
.dom-say b{color:var(--ink);font-weight:700;}
.dom-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;}
.dom-chips li{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink-2);
  background:var(--surface-2);border:1px solid var(--border);border-radius:999px;
  padding:5px 13px;}

.dom-chips li:first-child{color:var(--danger);border-color:var(--danger);background:transparent;}
.dom-ft{margin-top:12px;font-size:13px;line-height:1.65;color:var(--ink-sub);}
.dom-ft b{color:var(--ink-2);font-weight:700;}


.trust{background:var(--bg-alt);border-block:1px solid var(--border);
  padding-block:clamp(30px,3.6vw,44px);}
.trust-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2.6vw,34px);}
@media (max-width:940px){ .trust-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}}
@media (max-width:520px){ .trust-row{grid-template-columns:1fr;}}
.trust-row li{display:flex;flex-direction:column;gap:5px;min-width:0;}
.trust-row .fig{display:flex;align-items:baseline;gap:3px;
  font-family:var(--font-display);font-size:clamp(30px,3.4vw,38px);font-weight:700;
  letter-spacing:-.03em;line-height:1.05;color:var(--brand-ink);}
.trust-row .fig .u{font-size:15px;font-weight:700;letter-spacing:-.01em;}
.trust-row h3{margin-top:3px;font-size:15px;font-weight:700;letter-spacing:-.015em;
  line-height:1.4;color:var(--ink);}
.trust-row .d{font-size:13px;line-height:1.6;color:var(--ink-sub);}


.cmp-lede{margin-bottom:16px;font-size:clamp(16px,1.7vw,18.5px);font-weight:700;
  line-height:1.6;letter-spacing:-.02em;color:var(--ink-2);max-width:min(100%,780px);}
.cmp-lede b{color:var(--ink);font-weight:700;}

.cmp2{width:100%;border-collapse:collapse;table-layout:fixed;min-width:880px;}
.cmp2 .c-q{width:27%;} .cmp2 .c-k{width:27%;} .cmp2 .c-o{width:15.33%;}
.cmp2 thead th{padding:13px 18px;text-align:start;vertical-align:middle;
  font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--ink-sub);
  background:var(--bg-alt);border-bottom:1px solid var(--border);}
.cmp2 thead th:not(:first-child):not(:nth-child(2)){text-align:center;}
.cmp2 thead th.own{color:var(--brand-ink);}
.cmp2 tbody th,.cmp2 tbody td{padding:20px 18px;vertical-align:middle;
  border-bottom:1px solid var(--border);}
.cmp2 tbody tr:last-child th,.cmp2 tbody tr:last-child td{border-bottom:0;}


.cmp2 tbody th{text-align:start;font-size:clamp(16px,1.7vw,19px);font-weight:700;
  letter-spacing:-.025em;line-height:1.4;color:var(--ink);}
.cmp2 .qn{display:inline-grid;place-items:center;width:24px;height:24px;margin-inline-end:9px;
  border-radius:8px;background:var(--brand-soft);color:var(--brand-ink);
  font-family:var(--font-mono);font-size:13px;font-weight:700;vertical-align:2px;}

.cmp2 .qn--x{width:auto;padding:0 7px;background:var(--surface-2);color:var(--ink-2);
  font-family:var(--font-sans);font-size:11px;letter-spacing:-.01em;}
.cmp2 .r-frame th{color:var(--ink-2);font-weight:700;}

.cmp2 .key{font-size:15px;line-height:1.6;color:var(--ink-sub);}
.cmp2 .key b{color:var(--ink);font-weight:700;}


.cmp2 .vt{text-align:center;font-size:15px;font-weight:700;letter-spacing:-.01em;}
.cmp2 .vt--no{color:var(--ink-sub);}
.cmp2 .vt--na{color:var(--ink-sub);font-weight:400;}
.cmp2 .vt--part{color:var(--warning);}

.cmp2 thead th.own,
.cmp2 .vt--own{background:var(--brand-soft);}
.cmp2 .vt--own{color:var(--brand-ink);font-weight:700;font-size:15px;}


.cmp--q{table-layout:fixed;min-width:780px;}
.cmp--q .c-item{width:46%;}
.cmp--q .c-v{width:18%;}
.cmp--q th,.cmp--q td{vertical-align:middle;}
.cmp--q thead th:not(:first-child),
.cmp--q tbody td{text-align:center;}
.cmp--q tbody th{padding-top:9px;padding-bottom:9px;}
.cmp--q tbody td{padding-top:9px;padding-bottom:9px;}



.cmp--q .rn{font-size:11px;font-weight:400;line-height:1.5;color:var(--ink-sub);}
.cmp--q .rn::before{content:"";display:inline-block;width:1px;height:11px;
  margin-inline:10px 9px;vertical-align:-1px;background:var(--border-strong);}


.v{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  font-size:11px;font-weight:700;letter-spacing:-.01em;
  border-radius:999px;padding:4px 11px;}
.v::before{font-size:11px;line-height:1;}

.v--no{color:var(--ink-sub);}
.v--no::before{content:"✕";}
.v--na{color:var(--ink-sub);}
.v--na::before{content:"—";}
.v--part{color:var(--warning);border:1px solid var(--warning);}
.v--part::before{content:"△";}
.v--yes{color:var(--surface);background:var(--brand-ink);}
.v--yes::before{content:"●";}

.cmp--q tbody+tbody{border-top:2px solid var(--border);}

.cmp--q .grp-hd th{position:relative;background:var(--bg-alt);
  padding:9px 16px 9px 22px;border-bottom:1px solid var(--border);}
.cmp--q .grp-hd th::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;
  width:4px;background:var(--brand);}
.cmp--q .grp--base .grp-hd th::before,
.cmp--q .grp--scope .grp-hd th::before{background:var(--border-strong);}

.cmp--q .gq{display:inline-flex;align-items:center;gap:8px;vertical-align:baseline;
  font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.015em;}
.cmp--q .gq i{font-family:var(--font-mono);font-style:normal;
  font-size:11px;font-weight:600;letter-spacing:.08em;
  color:var(--brand-ink);background:var(--brand-soft);
  border-radius:5px;padding:2px 6px;flex-shrink:0;}
.cmp--q .gd{font-size:13px;line-height:1.55;color:var(--ink-sub);font-weight:400;}

.cmp--q .gd::before{content:"";display:inline-block;width:1px;height:11px;
  margin-inline:11px 10px;vertical-align:-1px;background:var(--border-strong);}

.cmp--q .grp--base .gq,.cmp--q .grp--scope .gq{color:var(--ink-sub);font-size:13px;
  font-family:var(--font-mono);letter-spacing:.06em;font-weight:600;}
.cmp--q .grp--base .own{background:var(--surface-2);}
.mk-no{color:var(--ink-sub);}
.mk-part{color:var(--warning);font-weight:600;}
.mk-yes{color:var(--brand-ink);font-weight:700;}

.tag-goal{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;
  color:var(--stat-target);border:1px solid var(--stat-target);border-radius:999px;
  padding:1px 7px;vertical-align:1px;}
.cmp sup{color:var(--stat-target);font-weight:700;}
.tag-est{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;
  color:var(--stat-actual);border:1px solid var(--stat-actual);border-radius:999px;
  padding:1px 7px;vertical-align:1px;}
.role li sup{color:var(--stat-target);font-weight:700;}


.cases{display:grid;gap:12px;}
.case-line{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;
  padding:18px 20px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);}
.case-line .cn{font-family:var(--font-display);font-size:21px;font-weight:700;
  color:var(--brand-ink);line-height:1.3;}
.case-line p{font-size:15px;line-height:1.7;}
.case-line .when{display:block;margin-top:6px;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.04em;color:var(--ink-sub);}
.close-line{margin-top:20px;padding:20px 24px;border-radius:var(--r-lg);
  background:var(--brand-soft);border:1px solid var(--border);
  font-size:clamp(15px,1.7vw,17px);font-weight:700;line-height:1.7;}
.case-full+.case-full{margin-top:22px;padding-top:22px;border-top:1px solid var(--border);}
.case-full h4{font-size:15px;font-weight:700;margin-bottom:11px;}
.case-full blockquote{margin:0;padding:15px 18px;background:var(--bg-alt);
  border-inline-start:3px solid var(--brand);border-radius:0 var(--r-md) var(--r-md) 0;
  font-size:15px;line-height:1.78;color:var(--ink-2);}
.fnote{margin-top:11px;font-size:13px;line-height:1.7;color:var(--ink-sub);}
.dl-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;}

.dl-row .t-caption{max-width:340px;}



.pgrid--3{grid-template-columns:repeat(3,minmax(0,1fr));}


.tflow{margin-bottom:clamp(18px,2.2vw,26px);padding:14px clamp(14px,1.8vw,20px) 16px;
  border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);}
.tflow-lb{display:flex;align-items:center;gap:7px;margin-bottom:11px;
  font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;
  color:var(--ink-2);}
.tflow-lb b{font-family:var(--font-sans);font-size:13px;font-weight:700;
  letter-spacing:-.01em;color:var(--ink);}
.tflow-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px 9px;}
.tf-step{display:inline-flex;align-items:baseline;gap:7px;
  padding:6px 12px;border-radius:999px;
  background:var(--surface-2);border:1px solid var(--border);}
.tf-step i{font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.06em;font-style:normal;color:var(--brand-ink);}
.tf-step b{font-size:13px;font-weight:700;letter-spacing:-.015em;color:var(--ink);}
.tf-arrow{font-size:11px;color:var(--ink-sub);}
.tf-ret{display:inline-flex;align-items:center;gap:6px;margin-inline-start:2px;
  font-size:11px;font-weight:700;color:var(--brand-ink);}
.tf-ret span{font-size:13px;}
@media (max-width:1020px){ .pgrid--3{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:620px){ .pgrid--3{grid-template-columns:1fr;}}
.pcard--tech{gap:10px;}
.pcard--tech .pcard-def{flex:0 0 auto;}
.tq{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:700;color:var(--ink-sub);}
.tq b{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;
  color:var(--brand-ink);background:var(--brand-soft);border-radius:5px;padding:2px 6px;}
.tlabel{align-self:stretch;margin-top:2px;font-size:13px;font-weight:700;color:var(--ink-2);
  background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);
  padding:9px 12px;line-height:1.45;}
.tlabel .tag-goal{margin-inline-start:4px;}
.pcard--tech .pcard-cta .btn{flex:1;}

.tech-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:clamp(20px,3vw,36px);padding-top:22px;}
@media (max-width:860px){ .tech-grid{grid-template-columns:1fr;}}
.tech-diff li{position:relative;padding:9px 0 9px 20px;font-size:15px;line-height:1.72;
  color:var(--ink-2);}
.tech-diff li+li{border-top:1px solid var(--border);}
.tech-diff li::before{content:"";position:absolute;left:2px;top:18px;width:6px;height:6px;
  border-radius:50%;background:var(--brand);}
.tech-diff em{font-style:normal;font-weight:700;color:var(--ink);}

.spec{width:100%;border-collapse:collapse;font-size:13px;}
.spec th,.spec td{padding:10px 12px;text-align:start;vertical-align:top;
  border-bottom:1px solid var(--border);}
.spec th{white-space:nowrap;font-weight:600;color:var(--ink-sub);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;width:1%;}
.spec td{color:var(--ink-2);line-height:1.6;}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0;}


.pflow{display:flex;flex-wrap:wrap;align-items:center;gap:5px 7px;margin-top:18px;
  list-style:none;
  padding:12px 14px;background:var(--bg-alt);border:1px solid var(--border);
  border-radius:var(--r-md);}
.pflow li{font-size:13px;font-weight:600;color:var(--ink-2);}

.pflow li:not(:last-child)::after{content:"→";color:var(--brand);
  margin-inline-start:7px;font-weight:400;}


.vbadges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px;}
@media (max-width:900px){ .vbadges{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){ .vbadges{grid-template-columns:1fr;}}
.vbadge{padding:18px 20px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);display:flex;flex-direction:column;gap:8px;}
.vbadge .k{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;
  color:var(--brand-ink);}
.vbadge h4{font-size:15px;font-weight:700;line-height:1.45;}
.vbadge p{font-size:13px;line-height:1.65;color:var(--ink-sub);}





.lrail-wrap{width:100%;padding:18px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-soft);}

.lrail-hd .ttl{display:flex;align-items:center;gap:9px;
  font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ink-sub);}
.lrail-hd .ttl svg{width:14px;height:14px;flex-shrink:0;}
.lrail-hd .loop{font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.1em;color:var(--brand-ink);background:var(--brand-soft);
  border-radius:999px;padding:3px 9px;}

.lrail-hd .phase-of{margin-inline-start:auto;font-size:11px;font-weight:700;
  color:var(--brand-ink);border:1px solid var(--brand);border-radius:999px;
  padding:2px 9px;white-space:nowrap;}
@keyframes railPulse{
  0%{top:-42px;opacity:0} 6%{opacity:1} 92%{opacity:1} 100%{top:100%;opacity:0}}


.lrow{--dur:10.2s;position:relative;display:grid;
  grid-template-columns:24px minmax(0,1fr);gap:3px 11px;
  padding:11px 13px;border-radius:var(--r-md);border:1px solid transparent;
  opacity:.44;animation:lrowState var(--dur) linear infinite;
  
  animation-delay:calc(var(--i) * 2.04s);}
.lrow .dot{grid-column:1;grid-row:1/3;justify-self:center;align-self:start;margin-top:6px;
  width:11px;height:11px;border-radius:50%;background:var(--border-strong);
  animation:lrowDot var(--dur) linear infinite;animation-delay:calc(var(--i) * 2.04s);}
.lrow .hd{grid-column:2;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}

.lrow .no{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;
  color:var(--ink-2);}
.lrow .nm{font-size:15px;font-weight:700;color:var(--ink);line-height:1.35;}

.lrow .ds{grid-column:2;font-size:13px;color:var(--ink-2);line-height:1.6;}
.lrow .ds b{color:var(--ink-2);font-weight:700;}

.lrow .tgt{display:block;margin-top:3px;font-style:normal;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;
  color:var(--brand-ink);}
.lrow .by{font-size:11px;font-weight:700;letter-spacing:.02em;
  border-radius:999px;padding:2px 8px;white-space:nowrap;align-self:center;}
.lrow .by--ai{color:var(--ink-2);border:1px solid var(--border-strong);}
.lrow .by--human{color:var(--gate);border:1px solid var(--gate);}

.lrow .by--rule{color:var(--success-ink);border:1px solid var(--success);}


@keyframes lrowState{
  0%,0.4%    {opacity:.44;background:transparent;border-color:transparent;}
  1.6%,19.4% {opacity:1;background:var(--surface-2);border-color:var(--border);}
  20.6%,100% {opacity:.76;background:transparent;border-color:transparent;}}
@keyframes lrowDot{
  0%,0.4%    {background:var(--border-strong);box-shadow:none;}
  1.6%,19.4% {background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft);}
  20.6%,100% {background:var(--success);box-shadow:none;}}


.lrow--pick{opacity:1;animation:none;background:var(--brand-soft);border-color:var(--brand);}
.lrow--pick .dot{animation:none;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft);}
.lrow--pick .nm{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.pickname.swap{animation:pickSwap .5s cubic-bezier(.2,.7,.3,1);}
.lrow--pick .by{color:var(--brand-ink);border-color:var(--brand);}


.tmap{display:flex;flex-direction:column;
  padding:4px 12px 11px;border-radius:var(--r-xl);
  background:var(--surface);border:1px solid var(--border);}


.lcv--map{display:flex;flex-direction:column;}


.tmap-g{display:grid;grid-template-columns:74px minmax(0,1fr);gap:0 10px;
  padding:9px 0;border-bottom:1px solid var(--border);}


.tmap-bd{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:4px;align-self:stretch;padding:6px 8px;border-radius:var(--r-sm);
  font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.04em;
  line-height:1.35;}
.tmap-bd .par{font-family:var(--font-sans);font-size:9px;font-weight:700;
  letter-spacing:0;font-style:normal;border-radius:999px;padding:1px 6px;
  background:var(--surface);border:1px solid var(--brand);color:var(--brand-ink);}



.tmap-ns{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;}
.tmap-n .ds{font-size:11px;line-height:1.45;color:var(--ink-2);}

.tmap-n .by{margin-inline-start:5px;font-family:var(--font-mono);font-size:9px;
  font-weight:600;letter-spacing:.04em;font-style:normal;white-space:nowrap;
  color:var(--ink-2);background:var(--surface);border:1px solid var(--border-strong);
  border-radius:999px;padding:1px 6px;}

.tmap-n--t{background:var(--brand-soft);border-color:var(--brand);}

.tmap-n--ops{background:var(--surface);border-color:var(--cyan-500);}


.tmap-ns--par{padding-inline-start:13px;}


.tmap-ret{display:flex;align-items:center;gap:7px;padding:10px 2px 0;
  font-size:11px;line-height:1.5;color:var(--ink-2);}
.tmap-ret .rt{flex-shrink:0;font-size:13px;color:var(--cyan-ink);}


.tmap-ft{display:flex;flex-direction:column;gap:5px;
  margin-top:9px;padding-top:9px;border-top:1px solid var(--border);}
.tmap-ft .k{flex-shrink:0;margin-top:1px;font-family:var(--font-mono);font-size:9px;
  font-weight:600;letter-spacing:.05em;color:var(--brand-ink);background:var(--brand-soft);
  border:1px solid var(--brand);border-radius:999px;padding:2px 7px;}


.tmap{--tdur:5.2s;}

.tmap.norun,.tmap.norun *,.tmap.norun *::before{animation:none!important;}

.tmap-n{--ring:var(--border-strong);
  animation:tmapRow var(--tdur) linear infinite;
  animation-delay:calc(var(--t,0) * 1s);}
@keyframes tmapRow{
  0%,3%    {box-shadow:0 0 0 0 transparent;transform:none;}
  8%,22%   {box-shadow:0 0 0 2px var(--ring);transform:translateX(4px);}
  28%,100% {box-shadow:0 0 0 0 transparent;transform:none;}}

.tmap-g--dev  .tmap-bd{--ring:var(--border-strong);}

.tmap-ns--par::before{animation:tmapPar var(--tdur) linear infinite;
  animation-delay:calc(var(--t,0) * 1s);}

.tmap-ret .rt{animation:tmapRet var(--tdur) cubic-bezier(.6,0,.3,1) infinite;}
@keyframes tmapRet{
  0%,60%   {transform:rotate(0);}
  86%,100% {transform:rotate(-360deg);}}


@media (max-width:620px){
  .tmap-g{grid-template-columns:62px minmax(0,1fr);gap:0 8px;}
  .tmap-bd{padding:6px;font-size:9px;}
  .tmap-n{grid-template-columns:minmax(0,1fr);gap:2px;align-items:start;}}
.lrail-ft .ret{font-size:13px;color:var(--brand-ink);display:inline-block;
  animation:spinBack 10.2s cubic-bezier(.6,0,.3,1) infinite;}


.flow[data-motion="off"] .lrail-ft .ret{animation:none;}
.flow[data-motion="off"] .pickname{animation:none;}


.status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
@media (max-width:820px){ .status{grid-template-columns:1fr;}}
.st-col{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--r-xl);
  background:var(--surface);border:1px solid var(--border);}
.st-hd{display:flex;align-items:center;gap:10px;}
.st-ico{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;}
.st-nm{font-size:17px;font-weight:700;letter-spacing:-.015em;}
.st-sub{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;
  color:var(--ink-sub);}
.st-list li{position:relative;padding:11px 0 11px 18px;font-size:15px;line-height:1.6;
  color:var(--ink-2);}
.st-list li+li{border-top:1px solid var(--border);}
.st-list li::before{content:"";position:absolute;left:2px;top:19px;width:6px;height:6px;
  border-radius:50%;background:var(--border-strong);}
.st-list .note{display:block;margin-top:3px;font-size:13px;color:var(--ink-sub);}

.st-col--built{border-color:var(--success);}
.st-col--built .st-ico{background:var(--success);color:#fff;}
.st-col--built .st-list li{color:var(--ink);}
.st-col--built .st-list li::before{background:var(--success);}
.st-col--wip .st-ico{background:var(--surface-2);color:var(--ink-sub);}
.st-col--wip .st-list li::before{background:var(--stat-target);}
.st-col--plan{border-style:dashed;border-color:var(--border-strong);background:transparent;}
.st-col--plan .st-ico{background:var(--surface-2);color:var(--ink-faint);}
.st-col--plan .st-nm,.st-col--plan .st-list li{color:var(--ink-sub);}
.st-tag{margin-inline-start:auto;font-size:11px;font-weight:700;letter-spacing:.04em;
  border-radius:999px;padding:3px 9px;white-space:nowrap;}
.st-tag--plan{color:var(--ink-sub);border:1px dashed var(--border-strong);}
.st-tag--now{color:var(--success-ink,#046C4E);border:1px solid var(--success);}
.honest{margin-top:20px;padding:20px 24px;border-radius:var(--r-lg);
  background:var(--brand-soft);border:1px solid var(--border);
  font-size:clamp(15px,1.7vw,17px);font-weight:700;line-height:1.7;}


.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;
  border-bottom:1px solid var(--border);margin-bottom:26px;}
.tabs::-webkit-scrollbar{display:none;}
.tab{position:relative;padding:13px 18px;font-size:15px;font-weight:700;white-space:nowrap;
  color:var(--ink-sub);transition:color var(--t-tap) var(--e-move);}
.tab::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;
  background:var(--brand);border-radius:2px;transform:scaleX(0);transition:transform var(--t-tap) var(--e-move);}
.tab:hover{color:var(--ink);}
.tab[aria-selected="true"]{color:var(--brand-ink);}
.tab[aria-selected="true"]::after{transform:scaleX(1);}
.tpanel{display:none;animation:fadeIn .3s ease;}
.tpanel[data-on="true"]{display:block;}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}


.meas{display:grid;gap:2px;background:var(--border);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;}

.meas .mhd,.mrow{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,1fr) minmax(0,.3fr);
  gap:6px 20px;padding:16px 20px;background:var(--surface);align-items:baseline;}

.meas .mhd{padding-block:11px;background:var(--bg-alt);
  font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.11em;
  text-transform:uppercase;color:var(--ink-2);}
@media (max-width:760px){
  .meas .mhd{display:none;}
  .mrow{grid-template-columns:1fr;gap:4px;}}
.mrow .k{font-size:15px;font-weight:700;letter-spacing:-.015em;color:var(--ink);}
.mrow .d{font-size:13px;line-height:1.65;color:var(--ink-sub);}

.mrow .w{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--brand-ink);}
@media (max-width:760px){
  .mrow .w{align-self:start;justify-self:start;margin-top:3px;
    background:var(--brand-soft);border-radius:999px;padding:2px 10px;}}

.roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
@media (max-width:900px){ .roles{grid-template-columns:1fr;}}
.role{padding:24px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-xl);display:flex;flex-direction:column;gap:12px;}


.roles-say{margin-bottom:16px;font-size:15px;line-height:1.7;color:var(--ink-2);
  max-width:min(100%,780px);}
.roles-say b{color:var(--ink);font-weight:700;}
.role .who{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--brand-ink);}
.role h4{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.4;}

.role .quote{font-size:13px;line-height:1.7;color:var(--ink-sub);font-style:italic;
  padding-bottom:12px;border-bottom:1px solid var(--border);}
.role li b{color:var(--ink);font-weight:700;}
.role li{position:relative;padding:10px 0 10px 17px;font-size:13px;line-height:1.65;
  color:var(--ink-2);}
.role li+li{border-top:1px solid var(--border);}
.role li::before{content:"";position:absolute;left:2px;top:18px;width:5px;height:5px;
  border-radius:50%;background:var(--brand);}

.inds{display:grid;gap:10px;}
.ind{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.1fr) minmax(0,2fr);
  gap:8px 20px;padding:18px 20px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-lg);align-items:baseline;}
@media (max-width:820px){ .ind{grid-template-columns:1fr;gap:6px;}}
.ind .nm{font-size:15px;font-weight:700;}
.ind .msg{font-size:15px;font-weight:700;color:var(--brand-ink);}
.ind .why{font-size:13px;line-height:1.65;color:var(--ink-sub);}

.gov{width:100%;border-collapse:collapse;font-size:15px;}
.gov th,.gov td{padding:15px 18px;text-align:start;vertical-align:top;
  border-bottom:1px solid var(--border);}
.gov thead th{font-size:13px;font-weight:700;color:var(--ink-sub);background:var(--bg-alt);}
.gov tbody th{font-weight:700;color:var(--ink-2);}
.gov tbody td{color:var(--ink);background:var(--brand-soft);}
.gov tbody tr:last-child th,.gov tbody tr:last-child td{border-bottom:0;}


.poc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
@media (max-width:1000px){ .poc{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){ .poc{grid-template-columns:1fr;}}
.phase{position:relative;padding:22px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-xl);display:flex;flex-direction:column;gap:11px;}
.phase .ph{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;
  color:var(--brand-ink);}
.phase .wk{font-size:21px;font-weight:700;letter-spacing:-.02em;}
.phase .do{font-size:13px;line-height:1.65;color:var(--ink-2);}
.phase .need{margin-top:auto;padding-top:13px;border-top:1px solid var(--border);}
.phase .need .lb{display:block;margin-bottom:4px;font-family:var(--font-mono);font-size:11px;
  font-weight:600;letter-spacing:.08em;color:var(--ink-sub);}
.phase .need p{font-size:13px;color:var(--ink-sub);}


.gov th .t-caption{display:block;margin-top:3px;font-weight:400;}

.closing{text-align:center;max-width:520px;margin-inline:auto;}
.closing .eyebrow{justify-content:center;}
.closing .eyebrow::after{display:none;}
.closing h2{font-size:clamp(26px,3.6vw,42px);font-weight:700;line-height:1.25;
  letter-spacing:-.028em;text-wrap:balance;}

.closing h2 em{font-style:normal;color:var(--brand-ink);
  background-image:var(--uline);background-repeat:no-repeat;
  background-position:0 96%;background-size:100% .1em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;}
.closing-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;}
.closing-cta .btn{min-height:52px;padding:0 24px;font-size:15px;}
.closing-note{margin-top:22px;font-size:13px;color:var(--ink-sub);}


main{padding-top:calc(var(--gnb-h) + var(--spy-h));}

.section{padding-block:var(--sec-pad);
  scroll-margin-top:calc(var(--chrome-h) + var(--anchor-gap) - var(--sec-pad));}
.section--alt{background:var(--bg-alt);}

.section-hd{display:flex;flex-direction:column;gap:14px;margin-bottom:36px;
  max-width:min(100%,830px);}

.section-hd h2 em{font-style:normal;color:var(--brand-ink);
  background-image:var(--uline);background-repeat:no-repeat;
  background-position:0 96%;background-size:100% .1em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;}




.ftr{background:var(--bg-alt);border-top:1px solid var(--border);
  padding-block:clamp(48px,6vw,72px) 28px;}
.ftr-top{display:grid;grid-template-columns:minmax(260px,1.15fr) 2fr;gap:44px;
  padding-bottom:36px;border-bottom:1px solid var(--border);}
@media (max-width:860px){ .ftr-top{grid-template-columns:1fr;gap:32px;}}

.ftr-brand .brand-mark{font-size:21px;}

.ftr-origin{margin-top:14px;font-size:13px;line-height:1.7;color:var(--ink-sub);max-width:380px;}
.ftr-origin b{color:var(--ink-2);font-weight:700;}
.ftr-contact{margin-top:18px;display:flex;flex-direction:column;gap:5px;}

.ftr-contact a,.ftr-contact span{font-size:15px;font-weight:600;color:var(--ink-2);
  font-variant-numeric:tabular-nums;}
.ftr-contact a{display:block;min-height:24px;line-height:24px;}
.ftr-contact a:hover{color:var(--brand-ink);}

.ftr-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:28px;}
.ftr-col h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-sub);margin-bottom:12px;}
.ftr-col li+li{margin-top:7px;}
.ftr-col a{font-size:13px;color:var(--ink-sub);transition:color var(--t-tap) var(--e-move);}
.ftr-col a:hover{color:var(--brand-ink);}

.trust{display:flex;flex-wrap:wrap;gap:8px;margin-block:26px 22px;}
.trust b{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;
  color:var(--ink-sub);background:var(--surface);border:1px solid var(--border);
  padding:7px 13px;border-radius:999px;}
.trust b::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink-faint);}

.ftr-legal{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;
  font-size:13px;color:var(--ink-sub);}

.ftr-legal a{display:inline-flex;align-items:center;min-height:24px;
  color:var(--ink-sub);font-weight:600;}
.ftr-legal a:hover{color:var(--brand-ink);}
.ftr-legal .sep{color:var(--ink-sub);}



.ftr-note{margin-top:14px;font-size:13px;line-height:1.65;color:var(--ink-sub);
  max-width:520px;text-wrap:pretty;}


.modal{border:0;padding:0;background:transparent;color:var(--ink);
  width:min(560px,92vw);max-height:calc(100dvh - 48px);}
.modal::backdrop{background:rgba(7,13,26,.68);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}
.modal-in{position:relative;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-2xl);box-shadow:0 32px 90px rgba(7,13,26,.42);
  padding:clamp(26px,4vw,40px);max-height:calc(100dvh - 48px);overflow-y:auto;}
.modal-x{position:absolute;top:12px;inset-inline-end:12px;width:44px;height:44px;
  border-radius:9px;display:grid;place-items:center;color:var(--ink-sub);
  transition:background var(--t-tap) var(--e-move),color var(--t-tap) var(--e-move);}
.modal-x:hover{background:var(--surface-2);color:var(--ink);}
.modal-ttl{font-size:clamp(22px,2.6vw,26px);font-weight:700;letter-spacing:-.02em;}

.modal-desc{margin-top:10px;font-size:15px;line-height:1.65;color:var(--ink-sub);max-width:380px;}

.form{display:flex;flex-direction:column;gap:18px;margin-top:26px;}
.field{display:flex;flex-direction:column;gap:8px;}
.field>label{font-size:13px;font-weight:700;color:var(--ink-2);}
.field .req{color:var(--brand-ink);}
.field input,.field select,.field textarea{
  width:100%;font:inherit;font-size:15px;color:var(--ink);
  background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-md);
  padding:0 14px;height:48px;
  transition:border-color var(--t-tap) var(--e-move),box-shadow var(--t-tap) var(--e-move),background var(--t-tap) var(--e-move);}
.field textarea{height:auto;min-height:104px;padding:12px 14px;line-height:1.65;resize:vertical;}
.field select{appearance:none;cursor:pointer;padding-inline-end:40px;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),
                   linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-sub);}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--border-strong);}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:0;border-color:var(--brand);background:var(--surface);
  
  box-shadow:0 0 0 3px rgba(6,111,153,.15);}
.field input:user-invalid,.field textarea:user-invalid{border-color:var(--danger);}

.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;
  color:var(--ink-sub);}
.consent input{width:18px;height:18px;flex-shrink:0;margin-top:1px;
  accent-color:var(--brand);cursor:pointer;}
.consent a{color:var(--brand-ink);font-weight:600;text-decoration:underline;
  text-underline-offset:2px;}

.modal .submit{width:100%;min-height:52px;font-size:15px;border-radius:var(--r-md);
  background:linear-gradient(100deg,var(--brand),var(--cyan-500));color:#fff;
  font-weight:700;display:flex;align-items:center;justify-content:center;
  transition:filter var(--t-tap) var(--e-move),transform var(--t-tap) var(--e-move),box-shadow var(--t-tap) var(--e-move);}
.modal .submit:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:var(--shadow-glow);}


.ctx{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;margin-top:18px;
  background:var(--brand-soft);border:1px solid var(--border);border-radius:var(--r-md);
  font-size:13px;line-height:1.6;color:var(--ink-2);}
.ctx svg{width:17px;height:17px;flex-shrink:0;margin-top:2px;color:var(--brand-ink);}
.ctx b{color:var(--brand-ink);font-weight:700;}
.inp{position:relative;display:flex;}
.inp .eye{position:absolute;inset-inline-end:2px;top:0;width:44px;height:48px;
  border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink-sub);}
.inp .eye:hover{background:var(--surface-2);color:var(--ink);}
.inp:has(.eye) input{padding-inline-end:48px;}
.lgrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.chk{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2);
  cursor:pointer;}
.chk input{width:18px;height:18px;flex-shrink:0;accent-color:var(--brand);cursor:pointer;}
.mini{font-size:13px;font-weight:700;color:var(--brand-ink);}
.mini:hover{text-decoration:underline;text-underline-offset:3px;}
.divider{display:flex;align-items:center;gap:14px;margin-block:20px;
  font-size:13px;color:var(--ink-sub);}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--border);}
.sso{display:flex;flex-direction:column;gap:9px;}
.sso button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;
  border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);
  font-size:15px;font-weight:700;transition:border-color var(--t-tap) var(--e-move),background var(--t-tap) var(--e-move);}
.sso button:hover{border-color:var(--border-strong);background:var(--surface-2);}
.sso .mk2{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;
  font-family:var(--font-mono);font-size:11px;font-weight:600;color:#fff;flex-shrink:0;}
.sso .mk2--kc{background:#4D4D4D;}
.sso .mk2--gg{background:#fff;border:1px solid var(--border);color:#4285F4;}
.sso .rec{margin-inline-start:auto;font-size:11px;font-weight:700;color:var(--brand-ink);
  background:var(--brand-soft);border-radius:999px;padding:2px 8px;}
.newbie{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);
  display:flex;flex-direction:column;gap:12px;}
.newbie p{font-size:15px;font-weight:700;color:var(--ink-2);text-align:center;}
.modal .btn-block{width:100%;min-height:50px;font-size:15px;}



.fhint{margin-top:6px;font-size:13px;line-height:1.55;color:var(--ink-sub);}
.fhint b{color:var(--ink-2);font-weight:700;}


.form-err{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;
  border-radius:var(--r-sm);font-size:13px;line-height:1.6;
  background:rgba(220,38,38,.07);border:1px solid rgba(220,38,38,.35);color:var(--ink);}

svg[stroke-width] *{vector-effect:non-scaling-stroke;}
@keyframes axw1-ax-curfly{0%{opacity:0;translate:84px 64px;}
  22%{opacity:1;}
  72%{opacity:1;translate:0 0;scale:1;}
  84%{opacity:1;translate:0 0;scale:.8;}
  100%{opacity:1;translate:0 0;scale:1;}}
@keyframes axw1-ax-press{0%,100%{scale:1;}50%{scale:.94;}}
@keyframes axa3-axapi3-flow{0%{opacity:0;translate:0 0;}
  8%{opacity:1;}
  38%{opacity:1;translate:56px 0;}   
  50%{opacity:1;translate:56px 0;}
  92%{opacity:1;translate:132px 0;}
  100%{opacity:0;translate:132px 0;}}
@keyframes axa4-axapi4-pulse{0%,100%{box-shadow:0 0 0 0 rgba(14,122,95,0);}45%{box-shadow:0 0 0 6px rgba(14,122,95,.14);}}



.cthumb{background:var(--surface);}
.cthumb .tabs{display:flex;gap:3px;margin-inline-start:auto;}
.cthumb .tabs b{width:16px;height:6px;border-radius:2px;background:var(--surface-2);}
.cthumb .tabs b.on{width:22px;background:var(--brand-soft);}
.capi-body{flex:1;display:grid;grid-template-columns:minmax(0,104px) 14px minmax(0,104px);gap:6px;
  align-items:center;justify-content:center;padding:8px 10px 26px;}             
.capi-col{min-width:0;display:flex;flex-direction:column;gap:5px;}
.capi-lb{font-size:9.5px;font-weight:700;letter-spacing:.02em;color:var(--ink-sub);}
.capi-row{display:flex;align-items:center;gap:5px;height:17px;padding:0 6px;border-radius:4px;background:var(--surface-2);}
.capi-row i{flex:1;height:4px;border-radius:2px;background:var(--border);}
.capi-row .v{font-family:var(--font-mono);font-size:8.5px;color:var(--ink-sub);}
.capi-row.bad{background:rgba(179,38,30,.10);box-shadow:inset 0 0 0 1px rgba(179,38,30,.22);}  
.capi-row.bad i{background:rgba(179,38,30,.3);}
.capi-row.bad .v{color:var(--danger);font-weight:700;}
.capi-vs{display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--ink-faint);}
.capi-json{border-radius:4px;background:#0F1623;padding:5px 6px;display:flex;flex-direction:column;gap:3px;}
.capi-json i{height:4px;border-radius:2px;background:#33415A;}
.capi-json i:nth-child(1){width:70%;}
.capi-json i:nth-child(2){width:52%;}
.capi-json i.bad{width:86%;height:8px;background:rgba(240,140,132,.85);}
.cthumb-tag{position:absolute;inset-block-end:7px;inset-inline-start:8px;display:flex;align-items:center;gap:4px;
  font-size:9px;font-weight:700;color:var(--danger);background:var(--surface);
  border:1px solid rgba(179,38,30,.28);border-radius:4px;padding:2px 6px;}
.cthumb-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--danger);}
.cthumb-tag.ok{color:var(--success);border-color:rgba(14,122,95,.3);}
.cthumb-tag.ok::before{background:var(--success);}



.cmob-body{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,74px));gap:7px;align-items:center;
  justify-content:center;padding:7px 10px 26px;}   
.cmob-body .ph{position:relative;height:74px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);
  padding:6px 5px;display:flex;flex-direction:column;gap:4px;}
.cmob-body .sc{height:5px;border-radius:2px;background:var(--border);}
.cmob-body .sc:nth-of-type(2){width:72%;}
.cmob-body .bt{margin-top:auto;height:12px;border-radius:3px;background:var(--brand-soft);
  box-shadow:inset 0 0 0 1px rgba(6,111,153,.22);}
.cmob-body .st{display:flex;align-items:center;gap:3px;font-size:7.5px;font-weight:700;color:var(--success);}
.cmob-body .st i{width:4px;height:4px;border-radius:50%;background:var(--success);}
.cmob-body .ph.heal{border-color:rgba(6,111,153,.35);box-shadow:0 0 0 2px rgba(6,111,153,.08);}
.cmob-body .ph.heal .bt.old{position:relative;background:var(--surface-2);box-shadow:none;}
.cmob-body .ph.heal .bt.old::after{content:"";position:absolute;left:3px;right:3px;top:50%;height:1px;background:var(--ink-faint);}
.cmob-body .ph.heal .mv{align-self:center;font-size:8px;line-height:1;color:var(--brand);}
.cmob-body .ph.heal .bt.new{background:var(--brand);box-shadow:0 0 0 2px rgba(6,111,153,.16);}

.cweb-body{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,104px));grid-auto-rows:30px;gap:6px;
  align-content:center;justify-content:center;padding:8px 10px 26px;}
.cweb-body .bw{display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid var(--border);border-radius:5px;
  background:var(--surface-2);font-family:var(--font-mono);font-size:8.5px;font-weight:600;color:var(--ink-2);}
.cweb-body .bw i{margin-inline-start:auto;width:5px;height:5px;border-radius:50%;background:var(--success);}
.cweb-body .bw.bad{border-color:rgba(179,38,30,.38);background:rgba(179,38,30,.07);color:var(--danger);}
.cweb-body .bw.bad i{background:var(--danger);}
@keyframes axp1-axp1-pulse{0%,100%{box-shadow:0 0 0 0 rgba(6,111,153,0);}45%{box-shadow:0 0 0 5px rgba(6,111,153,.12);}}
@keyframes axp4-axp4-bounce{0%{translate:0 0;}45%{translate:0 -5px;}100%{translate:0 0;}}


.cperf-body{flex:1;display:grid;grid-template-columns:minmax(0,118px) minmax(0,96px);gap:10px;align-items:center;
  justify-content:center;padding:8px 10px 26px;}
.cperf-body .map{position:relative;height:66px;}
.cperf-body .nd{position:absolute;width:26px;height:13px;border-radius:3px;border:1px solid var(--border);background:var(--surface-2);}
.cperf-body .nd.n1{left:50%;top:0;transform:translateX(-50%);}
.cperf-body .nd.n2{left:0;top:26px;}
.cperf-body .nd.n3{right:0;top:26px;}
.cperf-body .nd.n4{left:50%;top:52px;transform:translateX(-50%);border-color:rgba(179,38,30,.45);background:rgba(179,38,30,.14);}
.cperf-body .wire{position:absolute;height:0;border-top:2px dotted rgba(14,122,95,.55);transform-origin:0 50%;}
.cperf-body .wire.w1{left:22%;top:12px;width:34%;transform:rotate(30deg);}
.cperf-body .wire.w2{right:22%;top:12px;width:34%;transform:rotate(-30deg);transform-origin:100% 50%;}
.cperf-body .wire.w3{left:28%;top:40px;width:30%;border-color:rgba(179,38,30,.6);transform:rotate(28deg);}
.cperf-body .mt{display:flex;flex-direction:column;gap:7px;}
.cperf-body .row{display:flex;align-items:center;gap:6px;}
.cperf-body .lb{width:30px;font-size:8.5px;font-weight:700;color:var(--ink-sub);}
.cperf-body .bar{flex:1;height:7px;border-radius:3px;background:var(--surface-2);overflow:hidden;}
.cperf-body .bar i{display:block;height:100%;border-radius:3px;background:#9DB6EA;}
.cperf-body .row.bad .lb{color:var(--danger);}
.cperf-body .row.bad .bar i{background:var(--danger);}
@keyframes axd4-axd4-pulse{0%,100%{box-shadow:0 0 0 0 rgba(6,111,153,0);}45%{box-shadow:0 0 0 5px rgba(6,111,153,.12);}}


.cthumb-tag.info{color:var(--brand-ink);border-color:rgba(6,111,153,.28);}
.cthumb-tag.info::before{background:var(--brand);}
.cdash-body{flex:1;display:grid;grid-template-columns:minmax(0,120px) minmax(0,74px);gap:12px;align-items:center;
  justify-content:center;padding:8px 10px 26px;}
.cdash-body .sc{display:flex;flex-direction:column;gap:6px;}
.cdash-body .row{display:flex;align-items:center;gap:6px;}
.cdash-body .lb{width:30px;font-size:8.5px;font-weight:700;color:var(--ink-sub);}
.cdash-body .bar{flex:1;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;}
.cdash-body .bar i{display:block;height:100%;border-radius:3px;background:var(--brand);}
.cdash-body .bar i.w{background:#D9A55A;}
.cdash-body .tot{display:flex;flex-direction:column;align-items:center;gap:5px;}
.cdash-body .tot .ring{width:48px;height:48px;border-radius:50%;
  background:conic-gradient(var(--success) 0 88%,var(--surface-2) 0);
  -webkit-mask:radial-gradient(circle,transparent 16px,#000 17px);mask:radial-gradient(circle,transparent 16px,#000 17px);}
.cdash-body .tot .lb{width:auto;font-size:8.5px;font-weight:700;color:var(--success);}
@keyframes axv2-axdv2-blink{0%,49%{opacity:1;}50%,100%{opacity:0;}}
@keyframes axv3-axdv3-fly{0%{opacity:0;translate:-46px -34px;}
  24%{opacity:1;}
  70%{opacity:1;translate:0 0;scale:1;}
  82%{opacity:1;translate:0 0;scale:.8;}
  100%{opacity:1;translate:0 0;scale:1;}}
@keyframes axv3-axdv3-press{0%,100%{scale:1;}50%{scale:.95;}}


.cdev-body{flex:1;display:grid;grid-template-columns:44px minmax(0,116px);gap:12px;align-items:center;
  justify-content:center;padding:8px 10px 26px;}
.cdev-body .ph{height:76px;border-radius:7px;border:2px solid var(--ink-2);background:#161C26;
  padding:5px 4px;display:flex;flex-direction:column;gap:4px;}
.cdev-body .ph .bar{height:4px;border-radius:2px;background:#39455C;}
.cdev-body .ph .row{display:flex;gap:3px;}
.cdev-body .ph .row i{flex:1;height:12px;border-radius:2px;background:#2B3648;}
.cdev-body .ctl{display:flex;flex-direction:column;gap:4px;}
.cdev-body .tb{display:flex;gap:3px;}
.cdev-body .tb b{flex:1;text-align:center;padding:3px 0;border:1px solid var(--border);border-radius:3px;
  background:var(--surface-2);font-size:8px;font-weight:700;color:var(--ink-sub);}
.cdev-body .tb b.on{color:var(--brand-ink);border-color:rgba(6,111,153,.32);background:var(--brand-soft);}
.cdev-body .btn{display:flex;align-items:center;padding:3px 7px;border:1px solid var(--border);border-radius:4px;
  background:var(--surface-2);font-size:8.5px;font-weight:700;color:var(--ink-2);}
.cdev-body .btn.dbg{color:var(--brand-ink);border-color:rgba(6,111,153,.24);background:var(--brand-soft);}
.cdev-body .tm{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700;color:var(--ink-sub);}
.cdev-body .tm .bar{flex:1;height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden;}
.cdev-body .tm .bar b{display:block;height:100%;width:62%;border-radius:3px;background:var(--brand);}
@keyframes axa6-axapi6-gau{from{stroke-dashoffset:1;}to{stroke-dashoffset:.34;}}
@keyframes axt2-axdt2-fly{0%{opacity:0;translate:38px -30px;}
  25%{opacity:1;}
  68%{opacity:1;translate:0 0;scale:1;}
  80%{opacity:1;translate:0 0;scale:.8;}
  100%{opacity:1;translate:0 0;scale:1;}}
@keyframes axt3-axdt3-lock{0%{scale:1;}45%{scale:.86;}70%{scale:1.06;}100%{scale:1;}}
@keyframes axt4-axdt4-blink{0%,49%{opacity:1;}50%,100%{opacity:0;}}
@keyframes axg3-axgv3-scan{0%{opacity:0;translate:0 0;}
  12%{opacity:1;}
  88%{opacity:1;translate:0 118px;}
  100%{opacity:0;translate:0 128px;}}
@keyframes axg4-axgv4-flash{0%{opacity:0;}18%{opacity:.85;}100%{opacity:0;}}
@keyframes axg4-axgv4-frame{0%{opacity:0;scale:1.06;}45%{opacity:1;scale:1;}100%{opacity:1;scale:1;}}


.cdat-body{flex:1;display:grid;grid-template-columns:minmax(0,86px) minmax(0,114px);gap:10px;align-items:center;
  justify-content:center;padding:8px 10px 26px;}
.cdat-body .st{display:flex;flex-direction:column;gap:3px;}
.cdat-body .st span{padding:3px 7px;border:1px solid var(--border);border-radius:3px;background:var(--surface-2);
  font-size:8px;font-weight:700;color:var(--ink-sub);}
.cdat-body .st span.on{color:var(--success);border-color:rgba(14,122,95,.35);background:var(--success-soft);}
.cdat-body .rec{display:flex;flex-direction:column;gap:4px;}
.cdat-body .rec span{display:flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid var(--border);
  border-radius:4px;background:var(--surface-2);font-size:7.5px;font-weight:600;color:var(--ink-sub);}
.cdat-body .rec span b{margin-left:auto;font-size:8.5px;font-weight:700;letter-spacing:.08em;}
.cdat-body .rec span.msk{border-color:rgba(14,122,95,.3);background:var(--success-soft);color:var(--success);}
.cdat-body .rec span.msk b{color:var(--success);}
.cdat-body .rec span.keep{border-color:rgba(6,111,153,.24);background:var(--brand-soft);color:var(--brand-ink);}
.cdat-body .rec span.keep b{color:var(--brand-ink);letter-spacing:0;}


.cgov-body{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 10px 26px;}
.cgov-body .lg{width:min(100%, 212px);display:flex;flex-direction:column;gap:3px;position:relative;padding-left:11px;}
.cgov-body .lg::before{content:"";position:absolute;left:3px;top:6px;bottom:6px;width:1.5px;background:var(--border);}
.cgov-body .lg > span{position:relative;display:flex;align-items:center;gap:5px;padding:3px 6px;border-radius:3px;
  background:var(--surface-2);font-style:normal;}
.cgov-body .lg > span::before{content:"";position:absolute;left:-10px;top:50%;translate:0 -50%;width:5px;height:5px;
  border-radius:50%;background:var(--ink-faint);}
.cgov-body .lg > span.ok{background:var(--success-soft);}
.cgov-body .lg > span.ok::before{background:var(--success);}
.cgov-body .lg i{font-style:normal;}
.cgov-body .lg .tm{font-family:var(--font-mono,ui-monospace,Consolas,monospace);font-size:6.5px;font-weight:600;
  color:var(--ink-faint);flex-shrink:0;}
.cgov-body .lg .ac{flex:1;min-width:0;font-size:7.5px;font-weight:600;color:var(--ink-sub);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;}
.cgov-body .lg .ac b{font-weight:700;color:var(--ink-2);}
.cgov-body .lg .tg{font-size:6.5px;font-weight:700;padding:1px 4px;border-radius:2px;flex-shrink:0;
  color:var(--ink-sub);background:var(--surface);}
.cgov-body .lg > span.ok .ac{color:var(--success);}
.cgov-body .lg > span.ok .ac b{color:var(--success);}
.cgov-body .lg > span.ok .tg{color:var(--success);background:var(--surface);}


.lcy{margin-top:28px;}
.lcy.pdpane{padding-top:0;}
.lcy .pd-cap{margin:0 0 14px;}
@keyframes axc3-axlc3-scan{0%{opacity:0;translate:0 -18px;}
  15%{opacity:1;}
  85%{opacity:1;translate:0 74px;}
  100%{opacity:0;translate:0 80px;}}


.lc-track{stroke:var(--border-strong);stroke-width:1.4;stroke-dasharray:4 9;opacity:.75;}
.flow[data-ph="0"] .arc--dev{stroke-width:13;}
.flow[data-ph="1"] .arc--test,
.flow[data-ph="2"] .arc--test,
.flow[data-ph="3"] .arc--ops{stroke-width:18;}


.lc{width:min(360px,100%);}


.lc-lb{width:28%;min-width:92px;padding:9px 8px;gap:3px;opacity:.6;
  background:var(--surface);border:1px solid var(--border);border-radius:6px;
  box-shadow:0 8px 20px rgba(23,35,49,.07);
  transition:opacity .4s ease,border-color .3s ease,box-shadow .3s ease,background .2s;}
.lc-lb .ph{font-size:8.5px;letter-spacing:.12em;color:var(--ink-faint);}
.lc-lb .nm{font-size:14px;}
.lc-lb .by{display:inline-block;margin-top:2px;padding:2px 7px;border-radius:2px;
  font-size:10px;font-weight:700;color:var(--ink-sub);background:var(--surface-2);}
.flow[data-ph="0"] .lc-lb--dev,
.flow[data-ph="1"] .lc-lb--test,
.flow[data-ph="2"] .lc-lb--test,
.flow[data-ph="3"] .lc-lb--ops{border-color:rgba(6,111,153,.35);
  box-shadow:0 10px 24px rgba(23,35,49,.10),0 0 0 4px rgba(6,111,153,.08);}
.flow[data-ph="1"] .lc-lb--test .by,
.flow[data-ph="2"] .lc-lb--test .by{background:var(--brand-soft);}
.flow[data-ph="3"] .lc-lb--ops{border-color:rgba(0,150,180,.38);
  box-shadow:0 10px 24px rgba(23,35,49,.10),0 0 0 4px rgba(0,150,180,.10);}
.flow[data-ph="3"] .lc-lb--ops .by{background:var(--cyan-soft,rgba(0,150,180,.10));}


.lc-core{inset:32%;padding:12px;gap:5px;
  box-shadow:0 12px 30px rgba(23,35,49,.10);}


.whyv{margin-top:26px;}
.whyv.pdpane{padding-top:0;}
.whyv .pd-cap{margin:0 0 14px;}
@keyframes axn2-axwn2-scan{0%{opacity:0;translate:0 -18px;}
  15%{opacity:1;}
  85%{opacity:1;translate:0 72px;}
  100%{opacity:0;translate:0 78px;}}
@keyframes axn3-axwn3-beam{0%{opacity:0;translate:0 -10px;}
  16%{opacity:1;}
  84%{opacity:1;translate:0 46px;}
  100%{opacity:0;translate:0 54px;}}


.selv{margin-top:26px;}
.selv.pdpane{padding-top:0;}
.selv .pd-cap{margin:0 0 14px;}
@keyframes axs3-axsn3-roll{0%{opacity:0;translate:0 11px;}
  62%{opacity:1;translate:0 -2px;}
  100%{opacity:1;translate:0 0;}}
@keyframes axs3-axsn3-ring{0%{opacity:0;scale:.9;}
  25%{opacity:.75;}
  100%{opacity:0;scale:1.45;}}
@keyframes axs4-axsn4-fall{0%{opacity:0;translate:0 0;}
  6%{opacity:1;}
  14%{translate:0 53px;}
  18%{translate:0 57px;}
  36%{translate:0 143px;}
  40%{translate:0 147px;}
  58%{translate:0 233px;}
  62%{translate:0 237px;}
  80%{translate:0 323px;}
  84%{translate:0 327px;}
  96%{opacity:1;translate:0 386px;}
  100%{opacity:0;translate:0 400px;}}
@keyframes axs4-axsn4-bad{0%{opacity:0;translate:0 0;scale:1;}
  12%{opacity:1;}
  44%{translate:0 53px;}
  100%{opacity:0;translate:72px 70px;scale:.55;}}
@keyframes axs4-axsn4-out{0%{opacity:0;translate:-16px 0;scale:.55;}
  32%{opacity:1;translate:0 0;scale:1;}
  70%{opacity:1;translate:11px -5px;}
  100%{opacity:0;translate:26px -12px;scale:.8;}}


.cmpv{margin-top:22px;}
.cmpv.pdpane{padding-top:0;}
.cmpv .pd-cap{margin:0 0 14px;}
@keyframes axq3-axq3-bump{0%{opacity:0;translate:-150px 0;}
  14%{opacity:1;}
  46%{translate:0 0;}
  56%{translate:-14px 0;scale:.8;}
  78%{opacity:1;translate:-64px 22px;scale:.6;}
  100%{opacity:0;translate:-96px 40px;scale:.4;}}


.techfig{margin:0 0 22px;}
@keyframes axe4-axt4-blink{0%,100%{box-shadow:0 0 0 0 rgba(138,90,0,0);}50%{box-shadow:0 0 0 5px rgba(138,90,0,.14);}}


.pdetail .candpane{padding-top:24px;}
.pdetail .candpane .cand-track,.pdetail .candpane .cand-ft{padding-inline-start:0;}
.pdetail .candpane .cand{padding-inline-start:0;list-style:none;}
@media (max-width:860px){
  .pdetail .candpane .cand,.pdetail .candpane .cand-track{grid-template-columns:1fr;}
  .pdetail .candpane .cand-track{display:none;}}




.tech-grid .pd-sub{display:flex;align-items:center;gap:8px;}
.tech-grid .pd-sub::before{content:"";width:16px;height:2px;border-radius:1px;background:var(--brand);}


.tech-diff{list-style:none;margin:0;padding:0;counter-reset:tdn;
  display:flex;flex-direction:column;gap:9px;}
.tech-diff li{counter-increment:tdn;position:relative;
  padding:12px 14px 12px 44px;border:1px solid var(--border);border-radius:8px;
  background:var(--surface);font-size:14px;line-height:1.68;color:var(--ink-2);
  transition:border-color var(--t-move,.3s) ease,box-shadow var(--t-move,.3s) ease;}
.tech-diff li+li{border-top:1px solid var(--border);}   
.tech-diff li::before{content:counter(tdn,decimal-leading-zero);
  position:absolute;left:13px;top:13px;width:21px;height:21px;border-radius:50%;
  display:grid;place-items:center;background:var(--brand);
  font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:0;color:#fff;}
.tech-diff li:hover{border-color:rgba(6,111,153,.28);box-shadow:0 6px 18px rgba(23,35,49,.07);}

.tech-diff em{font-style:normal;font-weight:700;color:var(--brand-ink);
  background:linear-gradient(180deg,transparent 60%,rgba(6,111,153,.16) 60%);
  padding:0 1px;border-radius:2px;}


.spec{border-collapse:separate;border-spacing:0 8px;font-size:13px;}
.spec th,.spec td{border-bottom:0;}
.spec th{width:104px;white-space:normal;vertical-align:top;
  padding:11px 12px;border:1px solid rgba(6,111,153,.16);border-right:0;
  border-radius:7px 0 0 7px;background:var(--brand-soft);
  font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.03em;
  line-height:1.45;color:var(--brand-ink);}
.spec td{padding:11px 14px;border:1px solid var(--border);border-left:0;
  border-radius:0 7px 7px 0;background:var(--surface);
  line-height:1.65;color:var(--ink-2);}
.spec td b{color:var(--ink);font-weight:700;}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:1px solid var(--border);}
.spec tr:last-child th{border-bottom-color:rgba(6,111,153,.16);border-right:0;}
@media (max-width:860px){
  .spec th{width:auto;border-radius:7px 7px 0 0;border-right:1px solid rgba(6,111,153,.16);border-bottom:0;}
  .spec td{border-radius:0 0 7px 7px;border-left:1px solid var(--border);}
  .spec th,.spec td{display:block;}
  .spec tr:last-child th{border-bottom:0;}}


.techsteps{margin-top:30px;}
.techsteps.pdpane{padding-top:0;}
.techsteps > .pd-cap{margin:0 0 14px;}
.techsteps > .pdstep{margin:0;}

.techsteps .tcstage{display:none;}
.techsteps > .pdstep > :nth-child(2){margin-top:0;}


.techsteps > .pdstep{display:block;}
.techsteps > .pdstep[hidden]{display:none;}

.techsteps .tcplan{grid-template-columns:1fr;}


.techsteps > .techfig{margin:0;}
.pdetail .techsteps{margin-top:22px;}
.pdetail .tech-grid{padding-top:26px;margin-top:22px;border-top:1px solid var(--border);}


.tpanel .outfig{margin:0 0 20px;}
.gsv{margin-top:22px;}
.gsv.pdpane{padding-top:0;}
.gsv .pd-cap{margin:0 0 14px;}
@keyframes axi5-gsweep{0%{translate:0 -16px;opacity:0;}
  22%{opacity:1;}
  78%{opacity:1;}
  100%{translate:0 16px;opacity:0;}}


.flow .stage{perspective:1400px;}
.flow 
.lc-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:16px;}
.flow .lc-steps button{--seg:var(--border-strong);
  position:relative;display:flex;flex-direction:column;gap:2px;align-items:flex-start;
  padding:9px 2px 0;cursor:pointer;text-align:start;
  border-top:3px solid var(--border);border-radius:1px;transition:border-color .35s ease;}
.flow .lc-steps button:nth-child(3),.flow .lc-steps button:nth-child(4){--seg:var(--brand);}
.flow .lc-steps button:nth-child(5){--seg:var(--cyan-500);}
.flow .lc-steps button::after{content:"";position:absolute;inset-block-start:-3px;
  inset-inline-start:0;height:3px;width:0;border-radius:1px;background:var(--seg);}
.flow .lc-steps button[aria-selected="true"]::after{animation:segFill var(--phdur,6s) linear both;}
.flow .lc-steps .k{font-family:var(--font-mono);font-size:8.5px;font-weight:600;letter-spacing:.09em;
  color:var(--ink-sub);transition:color .35s ease;}
.flow .lc-steps .n{font-size:12px;font-weight:700;letter-spacing:-.02em;line-height:1.25;
  color:var(--ink-sub);transition:color .35s ease;}
.flow .lc-steps button[aria-selected="true"] .n{color:var(--ink);}
.flow .lc-steps button[aria-selected="true"]:nth-child(3) .n,.flow .lc-steps button[aria-selected="true"]:nth-child(4) .n{color:var(--brand-ink);}
.flow .lc-steps button[aria-selected="true"]:nth-child(5) .n{color:var(--cyan-ink);}
.flow .lc-steps button:hover{border-top-color:var(--border-strong);}
.flow .lc-steps button:hover .n{color:var(--ink);}
.flow .lc-brace{grid-column:3/5;display:flex;align-items:center;justify-content:center;gap:7px;
  margin-top:6px;font-family:var(--font-mono);font-size:9px;font-weight:600;
  letter-spacing:.09em;color:var(--brand-ink);}
.flow .lc-brace::before,.flow .lc-brace::after{content:"";flex:1;height:1px;background:var(--brand);opacity:.42;}

.flow 
.hv{display:flex;flex-direction:column;gap:11px;transform-style:preserve-3d;}
.flow .hv-msg{font-size:clamp(15px,1.7vw,17.5px);font-weight:700;letter-spacing:-.025em;
  line-height:1.42;text-wrap:balance;}
.flow .hv-msg em{font-style:normal;color:var(--brand-ink);}
.flow .hv--ops .hv-msg em{color:var(--cyan-ink);}
.flow 
.hv > .ship,.flow .hv > .stair,.flow .hv > .rows3{flex:1;justify-content:center;}
.flow .hv-band{display:flex;align-items:center;gap:7px;margin-top:auto;padding:9px 11px;
  border-radius:var(--r-xl);background:var(--brand-soft);border:1px solid rgba(6,111,153,.18);
  font-size:11.5px;line-height:1.5;color:var(--ink-2);}
.flow .hv-band b{color:var(--brand-ink);}
.flow .hv-band .ic{width:13px;height:13px;flex-shrink:0;color:var(--brand);}

.flow .glass{position:relative;border-radius:8px;
  background:linear-gradient(158deg,var(--surface),var(--brand-soft));
  border:1px solid var(--border);
  box-shadow:0 14px 30px rgba(23,35,49,.10),0 2px 6px rgba(23,35,49,.05),
             inset 0 1px 0 rgba(255,255,255,.95);}
.flow .glass::after{content:"";position:absolute;inset:0;border-radius:8px;pointer-events:none;
  background:linear-gradient(158deg,var(--glass-border),transparent 42%);}
.flow .who{align-self:flex-start;font-size:10.5px;font-weight:700;border-radius:999px;padding:3px 10px;
  color:var(--ink-sub);border:1px solid var(--border-strong);background:var(--surface);}
.flow .who--ops{color:var(--cyan-ink);border-color:var(--cyan-500);}

.flow 

.iso{position:relative;width:min(440px,100%);margin:2px auto 0;aspect-ratio:1/.72;}
.flow .iso-plane{position:absolute;inset:0;transform:rotateX(56deg);transform-style:preserve-3d;}
.flow .orbit{position:absolute;left:8%;top:8%;width:84%;height:84%;border-radius:50%;
  border:1.5px dashed var(--border-strong);opacity:.8;}
.flow .orbit--in{left:20%;top:20%;width:60%;height:60%;border-style:dotted;opacity:.5;}
.flow 
.neon{position:absolute;left:8%;top:8%;width:84%;height:84%;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 58%,rgba(6,111,153,.0) 58%,
             var(--blue-400) 78%,var(--brand) 92%,transparent 96%);
  -webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 5px),#000 calc(50% - 4px) 50%,transparent 50%);
          mask:radial-gradient(circle,transparent 0 calc(50% - 5px),#000 calc(50% - 4px) 50%,transparent 50%);
  animation:hvOrbitSpin 5.4s linear infinite;filter:blur(.2px);}
@keyframes hvOrbitSpin{to{transform:rotate(360deg);}}
.flow .glowdot{position:absolute;left:8%;top:8%;width:84%;height:84%;
  animation:hvOrbitSpin 5.4s linear infinite;}
.flow .glowdot i{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%);
  width:9px;height:9px;border-radius:50%;
  background:var(--brand);box-shadow:0 0 12px 3px rgba(6,111,153,.45);}
.flow 
.iso-sh{position:absolute;left:24%;top:52%;width:52%;height:22%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(23,35,49,.16),transparent);filter:blur(6px);}
.flow .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:40%;min-width:126px;max-width:174px;padding:12px 10px;border-radius:10px;text-align:center;
  background:var(--surface);border:1px solid var(--border);
  box-shadow:0 16px 34px rgba(23,35,49,.13),inset 0 1px 0 #fff;}
.flow .core b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.02em;}
.flow .core span{display:block;margin-top:4px;font-size:10.5px;line-height:1.45;color:var(--ink-sub);}
.flow .node{position:absolute;transform:translate(-50%,-50%);cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:1px;width:88px;padding:7px 6px;
  border-radius:8px;background:var(--surface);border:1px solid var(--border);
  box-shadow:0 10px 22px rgba(23,35,49,.12),inset 0 1px 0 #fff;
  opacity:.5;transition:opacity .4s ease,transform .4s var(--e-move),box-shadow .4s;}
.flow .node .k{font-family:var(--font-mono);font-size:8.5px;font-weight:600;letter-spacing:.05em;
  white-space:nowrap;color:var(--ink-sub);}
.flow .node .n{font-size:14px;font-weight:700;letter-spacing:-.02em;}
.flow .node .by{font-size:10px;font-weight:700;color:var(--ink-sub);}
.flow 
.node--dev{left:86%;top:36%;} .flow .node--test{left:50%;top:73%;} .flow .node--ops{left:14%;top:36%;}
.flow .iso[data-lit="dev"] .node--dev,.flow .iso[data-lit="test"] .node--test,.flow .iso[data-lit="ops"] .node--ops{
  opacity:1;transform:translate(-50%,-50%) translateY(-5px);
  box-shadow:0 18px 30px rgba(23,35,49,.16),inset 0 1px 0 #fff;}
.flow .iso[data-lit="test"] .node--test{border-color:var(--brand);}
.flow .iso[data-lit="test"] .node--test .by{color:var(--brand-ink);}
.flow .iso[data-lit="ops"] .node--ops{border-color:var(--cyan-500);}
.flow .iso[data-lit="ops"] .node--ops .by{color:var(--cyan-ink);}

.flow 
.ship{position:relative;flex:1;display:grid;grid-template-columns:112px minmax(0,1fr);
  gap:46px;align-items:center;}
.flow .pack{position:relative;height:132px;transform:rotateY(15deg) rotateX(7deg);transform-style:preserve-3d;}
.flow .pack i{position:absolute;left:6px;right:6px;height:34px;border-radius:7px;
  background:linear-gradient(150deg,var(--surface),var(--surface-2));border:1px solid var(--border);
  box-shadow:0 10px 18px rgba(23,35,49,.10);}
.flow .pack i:nth-child(1){top:26px;transform:translateZ(22px);
  background:linear-gradient(150deg,var(--surface),var(--brand-soft));border-color:rgba(6,111,153,.28);}
.flow .pack i:nth-child(2){top:52px;opacity:.9;transform:translateZ(11px);}
.flow .pack i:nth-child(3){top:76px;opacity:.72;}
.flow .pack .lb{position:absolute;left:0;right:0;bottom:6px;text-align:center;
  font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--ink-faint);}
.flow .pack .tag{position:absolute;left:0;right:0;top:0;text-align:center;
  transform:translateZ(30px);font-size:11.5px;font-weight:700;color:var(--brand-ink);}
.flow .pack .ic{position:absolute;left:50%;top:36px;width:15px;height:15px;color:var(--brand);
  transform:translate(-50%,0) translateZ(34px);}
.flow .shards{position:absolute;left:112px;top:50%;width:46px;height:2px;pointer-events:none;}
.flow .shards b{position:absolute;top:-3px;width:7px;height:7px;border-radius:2px;background:var(--blue-400);
  box-shadow:0 0 8px rgba(6,111,153,.5);opacity:0;animation:hvFly 1.9s var(--e-move) infinite;}
.flow .shards b:nth-child(2){animation-delay:.32s;top:-11px;}
.flow .shards b:nth-child(3){animation-delay:.64s;top:5px;}
@keyframes hvFly{0%{left:0;opacity:0;}14%{opacity:1;}70%{opacity:1;}100%{left:46px;opacity:0;}}
.flow .card{display:flex;flex-direction:column;gap:7px;padding:14px 15px;}
.flow .card > b{font-size:15.5px;font-weight:700;letter-spacing:-.02em;}
.flow .card ul{display:flex;flex-direction:column;gap:2px;}
.flow .card li{position:relative;padding:5px 0 5px 15px;font-size:12.5px;line-height:1.55;color:var(--ink-2);}
.flow .card li::before{content:"";position:absolute;left:2px;top:12px;width:5px;height:5px;border-radius:50%;
  background:var(--border-strong);}
.flow .card li b{color:var(--ink);}

.flow 
.picks{display:flex;gap:6px;}
.flow 
.picks span{flex:1;text-align:center;padding:6px 4px;border-radius:var(--r-xl);
  font-size:11px;font-weight:700;color:var(--ink-sub);
  background:var(--surface);border:1px solid var(--border);
  animation:hvPickOn 4.8s linear infinite;}
.flow .picks span:nth-child(2){animation-delay:1.6s;}
.flow .picks span:nth-child(3){animation-delay:3.2s;}
@keyframes hvPickOn{
  0%,32%{color:var(--brand-ink);background:var(--brand-soft);border-color:var(--brand);
    box-shadow:0 6px 14px rgba(6,111,153,.12);transform:translateY(-2px);}
  34%,100%{color:var(--ink-sub);background:var(--surface);border-color:var(--border);
    box-shadow:none;transform:none;}}
.flow .stair{position:relative;display:flex;flex-direction:column;gap:9px;transform-style:preserve-3d;}
.flow .step{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 10px;padding:12px 13px;align-items:start;}
.flow 
.step--a{transform:rotateY(7deg);width:92%;}
.flow .step--b{transform:rotateY(7deg) translateZ(26px);width:92%;margin-left:auto;
  border-color:rgba(6,111,153,.35);
  box-shadow:0 18px 34px rgba(23,35,49,.14),0 0 0 1px rgba(6,111,153,.06),inset 0 1px 0 #fff;}
.flow .step .no{grid-row:1/3;font-family:var(--font-mono);font-size:15px;font-weight:700;
  color:var(--brand);line-height:1.1;}
.flow .step .nm{font-size:14px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.flow .step .ds{margin-top:3px;font-size:11.5px;line-height:1.5;color:var(--ink-sub);}
.flow .step .ds b{color:var(--ink-2);}
.flow .by2{font-size:9.5px;font-weight:700;border-radius:999px;padding:2px 7px;
  border:1px solid var(--border-strong);color:var(--ink-sub);background:var(--surface);}
.flow .by2--ai{color:var(--brand-ink);border-color:var(--brand);background:var(--brand-soft);}
.flow .by2--hm{color:var(--warning-ink);border-color:rgba(154,91,0,.4);background:var(--warn-soft);}
.flow 

.stamp{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px;border-radius:999px;font-size:10.5px;font-weight:700;
  color:var(--on-brand);background:var(--brand);box-shadow:0 8px 18px rgba(6,111,153,.3);
  animation:hvStampIn 4.2s var(--e-move) infinite;}
.flow 
@keyframes hvStampIn{0%,16%{opacity:0;transform:scale(1.7) rotate(-8deg);}
  24%,100%{opacity:1;transform:scale(1) rotate(-8deg);}}
.flow .stamp::before{content:"";position:absolute;inset:-2px;border-radius:999px;
  border:2px solid var(--brand);opacity:0;animation:hvRipple 4.2s var(--e-move) infinite;}
@keyframes hvRipple{0%,22%{opacity:.7;transform:scale(1);}42%{opacity:0;transform:scale(1.9);}100%{opacity:0;}}
.flow .kinds{display:flex;flex-wrap:wrap;gap:5px;}
.flow .kinds li{font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.03em;
  padding:4px 8px;border-radius:var(--r-lg);color:var(--ink-sub);
  background:var(--surface);border:1px solid var(--border);}

.flow 
.devs{position:relative;height:74px;}
.flow .devs .dv{position:absolute;bottom:0;border-radius:6px;background:linear-gradient(160deg,var(--surface),var(--surface-2));
  border:1px solid var(--border);box-shadow:0 10px 20px rgba(23,35,49,.12);
  animation:hvBob 3.4s ease-in-out infinite;}
.flow .devs .dv::after{content:"";position:absolute;inset:5px 4px;border-radius:3px;
  background:var(--surface-2);animation:hvTap 2.2s steps(1,end) infinite;}
.flow .devs .ph1{left:2%;width:34px;height:60px;animation-delay:0s;}
.flow .devs .ph2{left:16%;width:34px;height:66px;animation-delay:.5s;}
.flow .devs .ph3{left:30%;width:34px;height:56px;animation-delay:1s;}
.flow .devs .bw{left:48%;width:96px;height:64px;animation-delay:.25s;}
.flow .devs .bw::after{inset:12px 6px 6px;}
.flow .devs .bw i{position:absolute;left:6px;top:5px;width:4px;height:4px;border-radius:50%;
  background:var(--border-strong);box-shadow:7px 0 0 var(--border-strong),14px 0 0 var(--border-strong);}
.flow .devs .api{left:76%;width:78px;height:58px;animation-delay:.75s;}
.flow .devs .api::after{inset:6px;}
.flow .devs .tg{position:absolute;bottom:-2px;left:0;right:0;text-align:center;
  font-family:var(--font-mono);font-size:8.5px;letter-spacing:.06em;color:var(--ink-faint);}
@keyframes hvBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@keyframes hvTap{0%,60%{background:var(--surface-2);}70%,100%{background:rgba(6,111,153,.18);}}
.flow .rows3{display:flex;flex-direction:column;gap:8px;transform-style:preserve-3d;}
.flow .rows3 .step--c{transform:rotateY(6deg);}
.flow .bolt{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;
  padding:2px 7px;border-radius:999px;color:var(--brand-ink);background:var(--brand-soft);
  border:1px solid rgba(6,111,153,.3);}
.flow .bolt .ic{width:10px;height:10px;}
.flow .verdict{display:inline-flex;align-items:center;gap:6px;margin-top:5px;}
.flow .verdict span{font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--r-lg);}
.flow .verdict .ok{color:var(--success);background:var(--success-soft);border:1px solid rgba(14,122,95,.35);}
.flow .verdict .hold{color:var(--warning-ink);background:var(--warn-soft);border:1px solid rgba(154,91,0,.35);}
.flow .tgt2{display:block;margin-top:4px;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;
  color:var(--ink-faint);font-style:normal;}

.flow 
.dash{padding:13px 14px;display:flex;flex-direction:column;gap:9px;}
.flow .dash .hd{display:flex;align-items:center;justify-content:space-between;}
.flow .dash .hd b{font-size:13.5px;font-weight:700;letter-spacing:-.02em;}
.flow .dash .hd span{font-family:var(--font-mono);font-size:9px;letter-spacing:.07em;color:var(--ink-faint);}
.flow .bars{display:flex;align-items:flex-end;gap:5px;height:56px;padding-top:2px;}
.flow .bars i{flex:1;height:var(--h,60%);border-radius:3px 3px 0 0;
  background:linear-gradient(180deg,var(--blue-400),var(--brand));
  transform-origin:bottom;animation:hvGrow 2.6s var(--e-enter) infinite;}
.flow .bars i:nth-child(1){--h:46%;}
.flow .bars i:nth-child(2){--h:72%;animation-delay:.12s;} .flow .bars i:nth-child(3){--h:38%;animation-delay:.24s;}
.flow .bars i:nth-child(4){--h:88%;animation-delay:.36s;} .flow .bars i:nth-child(5){--h:58%;animation-delay:.48s;}
.flow .bars i:nth-child(6){--h:96%;animation-delay:.6s;
  background:linear-gradient(180deg,#5FC4A5,var(--cyan-500));}
@keyframes hvGrow{0%{transform:scaleY(.25);}45%{transform:scaleY(1);}100%{transform:scaleY(.25);}}
.flow .scrs{display:flex;flex-direction:column;gap:5px;}
.flow .scrs li{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:var(--r-lg);
  background:var(--surface);border:1px solid var(--border);font-size:11.5px;color:var(--ink-2);}
.flow .scrs .st{margin-left:auto;font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:999px;}
.flow .scrs .st--ok{color:var(--cyan-ink);background:var(--success-soft);}
.flow .scrs .st--slow{color:var(--warning-ink);background:var(--warn-soft);}
.flow .scrs .st--err{color:var(--danger);background:#FBECEB;}
.flow .uturn{position:relative;margin-top:auto;display:flex;align-items:center;gap:8px;padding:10px 12px;
  border-radius:var(--r-xl);background:var(--success-soft);border:1px solid rgba(14,122,95,.28);
  font-size:11.5px;line-height:1.5;color:var(--ink-2);overflow:hidden;}
.flow .uturn b{color:var(--cyan-ink);}
.flow .uturn .ic{width:14px;height:14px;color:var(--cyan-500);flex-shrink:0;}
.flow .uturn::after{content:"";position:absolute;left:0;top:0;bottom:0;width:70px;
  background:linear-gradient(90deg,rgba(14,122,95,.22),transparent);
  animation:hvSweepL 2.4s var(--e-move) infinite;}
@keyframes hvSweepL{0%{transform:translateX(100%);opacity:0;}20%{opacity:1;}100%{transform:translateX(-120%);opacity:0;}}

.flow 
.flow[data-motion="off"] .neon,.flow[data-motion="off"] .glowdot,.flow[data-motion="off"] .shards b,.flow[data-motion="off"] .stamp,.flow[data-motion="off"] .stamp::before,.flow[data-motion="off"] .devs .dv,.flow[data-motion="off"] .devs .dv::after,.flow[data-motion="off"] .bars i,.flow[data-motion="off"] .uturn::after,.flow[data-motion="off"] .flow-ft .ret,.flow[data-motion="off"] .picks span,.flow[data-motion="off"] .lc-steps button::after{animation:none;}
.flow[data-motion="off"] .picks span:first-child{color:var(--brand-ink);
  background:var(--brand-soft);border-color:var(--brand);}
.flow[data-motion="off"] .stamp{opacity:1;}
.flow[data-motion="off"] .bars i{transform:scaleY(.8);}



.pdsteps button i{font-style:normal;font-family:var(--font-mono);font-size:10px;
  font-weight:600;letter-spacing:.06em;padding:1px 6px;border-radius:999px;
  background:var(--surface);color:var(--brand-ink);border:1px solid var(--brand);}
.pdsteps button[aria-pressed="true"] i{background:var(--surface);}




.gnb{background:var(--navy-900);border-bottom-color:var(--navy-line);}
.hdr .brand-mark{color:#FFFFFF;}
.hdr .brand-mark i{color:var(--accent);}
.hdr .brand-tag{color:var(--on-navy-faint);}
.gnb .nav-link{color:var(--on-navy);}
.gnb .nav-link:hover,.gnb .nav-item:focus-within>.nav-link{
  background:rgba(255,255,255,.10);color:#FFFFFF;}
.gnb .icon-btn{color:var(--on-navy);}
.gnb .icon-btn:hover{background:rgba(255,255,255,.10);color:#FFFFFF;}
.gnb .btn-outline{border-color:rgba(255,255,255,.30);color:#FFFFFF;background:transparent;}
.gnb .btn-outline:hover{border-color:var(--accent);color:var(--navy-900);background:var(--accent);}

.gnb a:focus-visible,.gnb button:focus-visible{outline-color:var(--accent);}


@media (max-width:860px){
  .gnb .nav{background:var(--navy-900);border-bottom-color:var(--navy-line);}
  .gnb .nav .mega a:hover{background:rgba(255,255,255,.08);}
  .gnb .nav .mega .t{color:#FFFFFF;}
  .gnb .nav .mega .d{color:var(--on-navy-faint);}
  .gnb .nav .mega .n{background:rgba(255,255,255,.12);color:var(--accent);}
  .gnb .nav .mega a:hover .n{background:var(--accent);color:var(--navy-900);}}


.btn{font-weight:600;}
.btn-primary:hover{background:var(--brand-ink);}

.btn-primary:active{transform:translateY(0);}


.hero-tag .live{background:var(--accent);}
.spy-now .id{background:var(--navy-900);color:#FFFFFF;}


.sec-alt{background:#F9FCFE;}
.hero-sub{font-size:var(--fs-lead);line-height:1.72;}


.t-display2,.closing h2{font-size:var(--fs-h1);line-height:1.22;}
.t-display{font-size:var(--fs-display);}
.t-h1{font-size:var(--fs-h1);}


.pd-ttl,.sub-hd h3,.modal-ttl,.t-h2{font-size:var(--fs-h2);line-height:1.3;}


.pcard-nm,.sec h4,.ease h3,.role h4,.st-nm,.principles h4,.vcard-hd .ttl,
.pd-feat .t,.tcplan-say h4{font-size:var(--fs-card);line-height:1.35;}


.t-lead,.keyline,.close-line,.honest,.pd-def,.pd-lead,.claim-yes,
.flow .hv-msg{font-size:var(--fs-lead);}
.t-lead{line-height:1.72;}


:root:root{
  --ci-teal:#0D9488;
  --ci-cyan:#0891B2;
  --ci-blue:#2563EB;
  --ci-indigo:#4F46E5;
  --ci-navy:#0B2238;
  --ci-ink:#101B2E;
  --ci-deep:#1B2430;    
  --ci-sky:#38C6F4;     
  --ci-slate:#7B899D;
  --ci-grad:linear-gradient(90deg,#0D9488 0%,#0891B2 32%,#2563EB 68%,#4F46E5 100%);


  --c-teal-50:#F0FDFA;  --c-teal-100:#CCFBF1; --c-teal-300:#5EEAD4;
  --c-teal-400:#2DD4BF; --c-teal-600:#0D9488; --c-teal-700:#0F766E;
  --c-cyan-50:#ECFEFF;  --c-cyan-100:#CFFAFE; --c-cyan-300:#67E8F9;
  --c-cyan-400:#22D3EE; --c-cyan-600:#0891B2; --c-cyan-700:#0E7490;
  --c-blue-50:#EFF6FF;  --c-blue-100:#DBEAFE; --c-blue-300:#93C5FD;
  --c-blue-400:#60A5FA; --c-blue-600:#2563EB; --c-blue-700:#1D4ED8;
  --c-indigo-50:#EEF2FF; --c-indigo-100:#E0E7FF; --c-indigo-300:#A5B4FC;
  --c-indigo-400:#818CF8; --c-indigo-600:#4F46E5; --c-indigo-700:#4338CA;
  --c-sky-200:#A9E6FA;  --c-sky-400:#38C6F4;   --c-sky-600:#0E96C8;
  --c-slate-50:#F6F9FB; --c-slate-100:#EAF0F5; --c-slate-200:#D9E1E8;
  --c-slate-300:#B3C1CD; --c-slate-500:#7B899D;
  
  --c-slate-550:#657181; --c-slate-600:#54677A; --c-slate-700:#2C3E4F;
  --c-deep-900:#0B2238; --c-deep-800:#101B2E; --c-deep-700:#1B2430;
  --c-deep-600:#213347;


  --bg:#F6F9FB;
  --bg-alt:#FFFFFF;
  --surface:#FFFFFF;
  --surface-2:#EAF0F5;
  --ink:#101B2E;                      
  --ink-2:#2C3E4F;                    
  --ink-sub:#54677A;                  
  --ink-faint:#657181;                
  --border:#D9E1E8;
  --border-strong:#B3C1CD;

  --brand:#2563EB;                    
  --brand-ink:#4F46E5;                
  --brand-soft:#EAF0FE;
  --on-brand:#FFFFFF;

  --accent:#38C6F4;                   
  --accent-soft:#A9E6FA;
  --on-accent:#0B2238;                

  --deep:#1B2430;                     
  --on-deep:rgba(255,255,255,.88);
  --on-deep-faint:rgba(255,255,255,.60);
  --deep-line:rgba(255,255,255,.10);
  --sky:#38C6F4;
  --sky-ink:#0E96C8;                  

  --navy-900:#0B2238;
  --navy-700:#213347;
  --navy-line:rgba(255,255,255,.12);
  --on-navy:rgba(255,255,255,.84);
  --on-navy-faint:rgba(255,255,255,.58);

  --state-pass:#0E7A5F;  --state-pass-ink:#0A5E49; --state-pass-soft:#E9F5F1;
  --state-pass-glow:#3FB998;
  --state-warn:#9A5B00;  --state-warn-ink:#7A4700;
  --state-fail:#B3261E;
  --state-idle:#7B899D;
  --state-gate:#2563EB;  --state-gate-soft:#EFF6FF;

  --glass:rgba(255,255,255,.82);
  --glass-border:rgba(255,255,255,.65);
  --scrim:rgba(16,27,46,.05);


  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;
  --sec-pad:clamp(56px,7vw,96px);
  --hero-pad:clamp(48px,7vw,84px);
  --maxw-page:1200px;
  --maxw-text:68ch;
  --gutter:24px;

  --r-sm:3px; --r-md:4px; --r-lg:6px; --r-xl:8px; --r-2xl:10px; --r-pill:999px;

  
  --font-sans:"Pretendard Variable",Pretendard,"Noto Sans KR","Nanum Gothic",
    "Malgun Gothic",Dotum,-apple-system,BlinkMacSystemFont,
    "Apple SD Gothic Neo",system-ui,sans-serif;
  --font-display:var(--font-sans);
  --font-mono:"IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,
    Consolas,monospace;
  --fs-display:clamp(34px,4.6vw,48px);
  --fs-h1:clamp(26px,3.2vw,34px);
  --fs-h2:clamp(21px,2.4vw,26px);
  --fs-h3:clamp(17px,1.9vw,22px);
  --fs-card:17px;
  --fs-lead:clamp(15.5px,1.5vw,17px);
  --fs-body:15px;
  --fs-sub:14px;
  --fs-cap:13px;
  --fs-label:11px;
  --lh-tight:1.18; --lh-head:1.38; --lh-body:1.72;
  --tr-tight:-.03em; --tr-head:-.015em; --tr-label:.09em;

  
  --fs-read:17px;        
  --fs-read-m:16px;      
  --fs-read-s:15.5px;    
  --fs-read-xs:14px;     
  --fs-read-h:19px;      
  --lh-read:1.65;        

  
  --el-1:0 1px 2px rgba(16,27,46,.06), 0 1px 1px rgba(16,27,46,.04);
  --el-2:0 4px 24px rgba(16,27,46,.08);
  --el-3:0 12px 40px rgba(16,27,46,.12);
  --el-glow:0 0 40px rgba(56,198,244,.16);

  --z-base:0; --z-raised:10; --z-sticky:60; --z-dropdown:70;
  --z-overlay:80; --z-modal:90; --z-toast:100;


  --mo-1:.12s;   
  --mo-2:.22s;   
  --mo-3:.4s;    
  --mo-4:.7s;    
  --ease-out:cubic-bezier(.4,0,.2,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --ease-enter:cubic-bezier(.2,.7,.3,1);
  --mo-rise:14px;       
  --mo-lift:-2px;       


  --focus:#4F46E5;
  --focus-halo:#FFFFFF;
  --focus-w:2px;
  --focus-gap:2px;


  --dur:10.2s; --tdur:5.2s; --h:96%;


  --blue-600:var(--c-blue-600);
  --blue-700:var(--c-blue-700);
  --blue-400:var(--c-blue-400);
  --blue-50:var(--c-blue-50);
  --purple-600:var(--c-indigo-600);
  --cyan-500:var(--state-pass);
  --cyan-glow:var(--state-pass-glow);
  --cyan-ink:var(--state-pass-ink);
  --success:var(--state-pass);
  --success-ink:var(--state-pass-ink);
  --success-soft:var(--state-pass-soft);
  --warning:var(--state-warn);
  --warning-ink:var(--state-warn-ink);
  --danger:var(--state-fail);
  --pending:var(--state-idle);
  --gate:var(--state-gate);
  --gate-soft:var(--state-gate-soft);
  --stat-current:var(--ink-sub);
  --stat-target:var(--state-warn);
  --stat-actual:var(--brand);
  --seg:var(--state-pass);
  --ring:var(--state-pass);
  --t-tap:var(--mo-1);
  --t-move:var(--mo-3);
  --t-enter:var(--mo-4);
  --e-move:var(--ease-out);
  --e-enter:var(--ease-enter);
  --shadow-soft:var(--el-2);
  --shadow-card:var(--el-3);
  --shadow-glow:var(--el-glow);
  --hero-wash:radial-gradient(880px 620px at 72% 18%,rgba(56,198,244,.10),transparent 68%);
  --hero-line:rgba(16,27,46,.045);
  --hero-panel:rgba(255,255,255,.72);
  --uline:linear-gradient(var(--brand),var(--brand));
  --gnb-h:76px;
  --spy-h:0px;
  --chrome-h:calc(var(--gnb-h) + var(--spy-h));
  --anchor-gap:24px;
}


@media (prefers-color-scheme:dark){
  :root:root:not([data-theme="light"]){
    --bg:#0A1017; --bg-alt:#101820; --surface:#101820; --surface-2:#18232E;
    --ink:#E6EDF3; --ink-2:#BFCBD6; --ink-sub:#95A5B4; --ink-faint:#8A9AAA;
    --border:#22303C; --border-strong:#374A59;
    --brand:#60A5FA; --brand-ink:#93C5FD; --brand-soft:#16233A;
    --on-brand:#0A1017;
    --accent:#38C6F4; --accent-soft:#0E2430; --on-accent:#0A1017;
    --deep:#0E1720; --on-deep:rgba(255,255,255,.88);
    --on-deep-faint:rgba(255,255,255,.58); --deep-line:rgba(255,255,255,.08);
    --sky:#67E8F9; --sky-ink:#67E8F9;
    --navy-900:#0A1726; --navy-700:#18293A;
    --navy-line:rgba(255,255,255,.10);
    --on-navy:rgba(255,255,255,.86); --on-navy-faint:rgba(255,255,255,.60);
    --state-pass:#5CC9A7; --state-pass-ink:#5CC9A7; --state-pass-soft:#0F1F1B;
    --state-pass-glow:#5CC9A7;
    --state-warn:#D9A05B; --state-warn-ink:#D9A05B;
    --state-fail:#E88A80;
    --state-idle:#6A7A88;
    --state-gate:#7FD6F2; --state-gate-soft:#0E2430;
    --glass:rgba(16,24,32,.80); --glass-border:rgba(255,255,255,.10);
    --scrim:rgba(0,0,0,.28);
    --el-1:0 1px 2px rgba(0,0,0,.40), 0 1px 1px rgba(0,0,0,.30);
    --el-2:0 4px 24px rgba(0,0,0,.45);
    --el-3:0 12px 40px rgba(0,0,0,.55);
    --el-glow:0 0 40px rgba(103,232,249,.14);
    --focus:#93C5FD; --focus-halo:#0A1017;
    --hero-wash:radial-gradient(880px 620px at 72% 18%,rgba(103,232,249,.08),transparent 68%);
    --hero-line:rgba(255,255,255,.05);
    --hero-panel:rgba(16,24,32,.74);
  }
}
:root:root[data-theme="dark"]{
  --bg:#0A1017; --bg-alt:#101820; --surface:#101820; --surface-2:#18232E;
  --ink:#E6EDF3; --ink-2:#BFCBD6; --ink-sub:#95A5B4; --ink-faint:#8A9AAA;
  --border:#22303C; --border-strong:#374A59;
  --brand:#60A5FA; --brand-ink:#93C5FD; --brand-soft:#16233A;
  --on-brand:#0A1017;
  --accent:#38C6F4; --accent-soft:#0E2430; --on-accent:#0A1017;
  --deep:#0E1720; --on-deep:rgba(255,255,255,.88);
  --on-deep-faint:rgba(255,255,255,.58); --deep-line:rgba(255,255,255,.08);
  --sky:#67E8F9; --sky-ink:#67E8F9;
  --navy-900:#0A1726; --navy-700:#18293A;
  --navy-line:rgba(255,255,255,.10);
  --on-navy:rgba(255,255,255,.86); --on-navy-faint:rgba(255,255,255,.60);
  --state-pass:#5CC9A7; --state-pass-ink:#5CC9A7; --state-pass-soft:#0F1F1B;
  --state-pass-glow:#5CC9A7;
  --state-warn:#D9A05B; --state-warn-ink:#D9A05B;
  --state-fail:#E88A80;
  --state-idle:#6A7A88;
  --state-gate:#7FD6F2; --state-gate-soft:#0E2430;
  --glass:rgba(16,24,32,.80); --glass-border:rgba(255,255,255,.10);
  --scrim:rgba(0,0,0,.28);
  --el-1:0 1px 2px rgba(0,0,0,.40), 0 1px 1px rgba(0,0,0,.30);
  --el-2:0 4px 24px rgba(0,0,0,.45);
  --el-3:0 12px 40px rgba(0,0,0,.55);
  --el-glow:0 0 40px rgba(103,232,249,.14);
  --focus:#93C5FD; --focus-halo:#0A1017;
  --hero-wash:radial-gradient(880px 620px at 72% 18%,rgba(103,232,249,.08),transparent 68%);
  --hero-line:rgba(255,255,255,.05);
  --hero-panel:rgba(16,24,32,.74);
}





:root:root{ --mo-stroke:1.75; }

.ds-motif{display:inline-block;width:1em;height:1em;vertical-align:-.125em;
  fill:none;stroke:currentColor;stroke-width:var(--mo-stroke);
  stroke-linecap:round;stroke-linejoin:round;flex:none;}
.ds-motif--lg{width:1.5em;height:1.5em;}
.ds-motif--brand{color:var(--brand-ink);}
.ds-motif--accent{color:var(--sky-ink);}


.ds-peak{color:var(--brand-ink);}


.ds-check{color:var(--state-pass);}


.ds-colon{display:inline-flex;flex-direction:column;gap:.22em;
  width:.28em;vertical-align:.04em;flex:none;}
.ds-colon i{display:block;width:.28em;height:.28em;border-radius:50%;
  background:var(--accent);}


.ds-round{display:inline-block;width:.6em;height:.6em;border-radius:50%;
  background:var(--brand);box-shadow:0 0 0 .22em var(--brand-soft);flex:none;}
.ds-round--idle{background:var(--state-idle);box-shadow:0 0 0 .22em var(--surface-2);}
.ds-round--pass{background:var(--state-pass);box-shadow:0 0 0 .22em var(--state-pass-soft);}


.ds-chip{display:inline-flex;align-items:center;gap:var(--sp-2);
  padding:5px 12px;border-radius:var(--r-pill);
  background:var(--navy-900);color:var(--on-navy);
  font-family:var(--font-mono);font-size:var(--fs-label);font-weight:700;
  letter-spacing:var(--tr-label);white-space:nowrap;}
.ds-chip--soft{background:var(--brand-soft);color:var(--brand-ink);}
.ds-chip--accent{background:var(--accent);color:var(--on-accent);}

.ds-chip--ko{font-family:var(--font-sans);letter-spacing:0;font-size:12.5px;}


.ds-line{height:1px;background:linear-gradient(90deg,
  transparent,var(--border-strong) 18%,var(--border-strong) 82%,transparent);}
.ds-line--v{width:1px;height:auto;background:linear-gradient(180deg,
  transparent,var(--border-strong) 18%,var(--border-strong) 82%,transparent);}


.ds-container,.wrap,.mwrap{max-width:var(--maxw-page);margin-inline:auto;
  padding-inline:var(--gutter);}
.ds-section{padding-block:var(--sec-pad);}
.ds-section--alt{background:var(--bg-alt);}
.ds-section--deep{background:var(--deep);color:var(--on-deep);}
.ds-section--deep .ds-h,.ds-section--deep h2,.ds-section--deep h3{color:#fff;}
.ds-section--deep .ds-lead{color:var(--on-deep);}
.ds-section--deep .ds-eyebrow{color:var(--accent);}


.ds-seam{position:relative;height:0;}
.ds-seam::before{content:"";position:absolute;left:50%;top:calc(var(--sp-5) * -1);
  width:1px;height:var(--sp-6);
  background:linear-gradient(180deg,transparent,var(--border-strong));}
.ds-seam::after{content:"";position:absolute;left:50%;top:var(--sp-3);
  width:7px;height:7px;margin-left:-3px;border-radius:50%;
  background:var(--surface);border:1px solid var(--border-strong);}



.meyebrow,.pd-sub{font-family:var(--font-sans);letter-spacing:0;}

:root:root .ftr-col h4,
:root:root .qa-tag,
:root:root .toc .t,
:root:root .idx .ttl,
:root:root .hero-tag .ph,
:root:root .ds-mock__bar b,
:root:root dl > dt,
:root:root .badge{font-family:var(--font-sans);letter-spacing:0;}


@media (max-width:400px){
  :root:root .gnb2-in{padding:0 14px;gap:10px;}
  :root:root .gnb2-cta{height:38px;padding:0 13px;font-size:13px;}
  :root:root .gnb2-logo{font-size:19px;}
  :root:root .gnb2-burger{width:36px;height:36px;}
}


:root:root .ftr-legal .sep,
:root:root .ftr .sep{color:var(--ink-sub);}


@media (max-width:980px){
  :root:root .doc{grid-template-columns:minmax(0,1fr);}
}

.mh1 em,.hh2 em,.mh2 em{font-style:normal;color:var(--brand-ink);}
.ds-eyebrow,.eyebrow,.meyebrow{display:inline-flex;align-items:center;
  gap:var(--sp-2);margin:0 0 var(--sp-3);
  font-family:var(--font-mono);font-size:var(--fs-label);font-weight:700;
  letter-spacing:var(--tr-label);color:var(--brand-ink);text-transform:uppercase;}

.ds-eyebrow :lang(ko),.ds-eyebrow .ko,
.eyebrow .ko,.meyebrow .ko{letter-spacing:0;font-family:var(--font-sans);}

.ds-h1,.ds-h2,.ds-h3{margin:0;color:var(--ink);text-wrap:balance;
  font-weight:700;letter-spacing:var(--tr-head);}
.ds-h1{font-size:var(--fs-display);line-height:var(--lh-tight);
  letter-spacing:var(--tr-tight);}
.ds-h2{font-size:var(--fs-h1);line-height:var(--lh-tight);}
.ds-h3{font-size:var(--fs-h3);line-height:var(--lh-head);}
.ds-h1 em,.ds-h2 em,.ds-h3 em{font-style:normal;color:var(--brand-ink);}
.ds-lead{margin:var(--sp-3) 0 0;max-width:var(--maxw-text);
  font-size:var(--fs-lead);line-height:var(--lh-body);color:var(--ink-2);}
.ds-lead b{font-weight:700;color:var(--ink);}


.ds-btn,.mbtn{display:inline-flex;align-items:center;justify-content:center;
  gap:var(--sp-2);min-height:46px;padding:0 22px;border:1px solid transparent;
  border-radius:var(--r-lg);font-size:var(--fs-cap);font-weight:700;
  line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background var(--mo-1) var(--ease-out),
             border-color var(--mo-1) var(--ease-out),
             color var(--mo-1) var(--ease-out),
             transform var(--mo-1) var(--ease-out);}
.ds-btn:active,.mbtn:active{transform:translateY(1px);}
.ds-btn--pri,.mbtn-pri{background:var(--brand);color:var(--on-brand);}
.ds-btn--pri:hover,.mbtn-pri:hover{background:var(--brand-ink);}
.ds-btn--sec,.mbtn-sec{background:transparent;color:var(--brand-ink);
  border-color:var(--border-strong);}
.ds-btn--sec:hover,.mbtn-sec:hover{background:var(--brand-soft);
  border-color:var(--brand);}
.ds-btn--quiet{background:transparent;color:var(--ink-sub);padding-inline:10px;}
.ds-btn--quiet:hover{color:var(--brand-ink);}
.ds-btn--lg{min-height:54px;padding:0 28px;font-size:var(--fs-sub);}
.ds-btns{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5);}


.ds-cta{background:var(--navy-900);color:#fff;padding-block:var(--sec-pad);}
.ds-cta h2{margin:0;color:#fff;font-size:var(--fs-h1);line-height:var(--lh-tight);
  letter-spacing:var(--tr-head);text-wrap:balance;}
.ds-cta p{margin:var(--sp-3) 0 0;color:var(--on-navy);font-size:var(--fs-lead);
  line-height:var(--lh-body);}
.ds-cta .ds-btn--pri{background:var(--accent);color:var(--on-accent);}
.ds-cta .ds-btn--pri:hover{background:var(--accent-soft);}
.ds-cta .ds-btn--sec{color:#fff;border-color:var(--navy-line);}
.ds-cta .ds-btn--sec:hover{background:rgba(255,255,255,.08);}


.ds-card{display:flex;flex-direction:column;position:relative;
  padding:clamp(16px,2vw,22px);background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-lg);
  box-shadow:var(--el-1);scroll-margin-top:96px;
  transition:transform var(--mo-2) var(--ease-out),
             box-shadow var(--mo-2) var(--ease-out),
             border-color var(--mo-2) var(--ease-out);}
.ds-card--flat{box-shadow:none;}
.ds-card--glass{background:var(--glass);border-color:var(--glass-border);
  backdrop-filter:blur(10px);}
a.ds-card:hover,.ds-card--hover:hover{transform:translateY(var(--mo-lift));
  box-shadow:var(--el-2);border-color:var(--border-strong);}
.ds-card__eb{margin:0;font-family:var(--font-mono);font-size:var(--fs-label);
  font-weight:700;letter-spacing:var(--tr-label);color:var(--brand-ink);}
.ds-card__h{margin:var(--sp-2) 0 0;font-size:var(--fs-card);font-weight:700;
  line-height:var(--lh-head);letter-spacing:var(--tr-head);color:var(--ink);}
.ds-card__p{margin:var(--sp-2) 0 0;font-size:var(--fs-cap);
  line-height:var(--lh-body);color:var(--ink-sub);}
.ds-card__foot{margin-top:auto;padding-top:var(--sp-4);}

.ds-feat{margin:var(--sp-3) 0 0;padding:0;list-style:none;display:flex;
  flex-direction:column;gap:8px;}
.ds-feat > li{position:relative;padding-inline-start:20px;font-size:13.5px;
  line-height:var(--lh-body);color:var(--ink-2);}
.ds-feat > li::before{content:"";position:absolute;inset-inline-start:0;top:7px;
  width:10px;height:6px;border-inline-start:2px solid var(--brand);
  border-bottom:2px solid var(--brand);rotate:-45deg;}

.ds-grid{display:grid;gap:clamp(12px,1.6vw,18px);
  grid-template-columns:repeat(auto-fit,minmax(min(246px,100%),1fr));}
.ds-grid--2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));}

.ds-grid--2x2{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));}
.ds-grid--4{grid-template-columns:repeat(auto-fit,minmax(min(214px,100%),1fr));}
.ds-pillars{grid-template-columns:repeat(auto-fit,minmax(min(224px,100%),1fr));}
.ds-grid--4{grid-template-columns:repeat(auto-fit,minmax(214px,1fr));}


.ds-prod{padding:clamp(18px,2.2vw,24px);}
.ds-prod__no{font-family:var(--font-mono);font-size:var(--fs-label);
  font-weight:700;letter-spacing:var(--tr-label);color:var(--ink-faint);}
.ds-prod__grp{margin-inline-start:var(--sp-2);padding:2px 8px;
  border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand-ink);
  font-size:10.5px;font-weight:700;letter-spacing:0;}
.ds-prod__h{margin:var(--sp-3) 0 0;font-size:var(--fs-card);font-weight:700;
  letter-spacing:var(--tr-head);color:var(--ink);}
.ds-prod__p{margin:var(--sp-2) 0 0;font-size:var(--fs-cap);
  line-height:var(--lh-body);color:var(--ink-sub);}
.ds-prod__go{margin-top:auto;padding-top:var(--sp-4);display:inline-flex;
  align-items:center;gap:6px;font-size:var(--fs-cap);font-weight:700;
  color:var(--brand-ink);text-decoration:none;}
a.ds-prod:hover .ds-prod__go{gap:10px;}
.ds-prod__go svg{transition:transform var(--mo-2) var(--ease-out);}


.ds-step{padding:clamp(14px,1.8vw,18px);background:var(--bg-alt);}
.ds-step__no{margin:0 0 7px;font-family:var(--font-mono);font-size:var(--fs-label);
  font-weight:700;letter-spacing:var(--tr-label);color:var(--brand-ink);}
.ds-step__h{display:block;font-size:var(--fs-body);font-weight:700;
  line-height:var(--lh-head);letter-spacing:var(--tr-head);color:var(--ink);}
.ds-step__p{display:block;margin-top:6px;font-style:normal;font-size:var(--fs-cap);
  line-height:var(--lh-body);color:var(--ink-sub);}


.ds-agent{padding:clamp(14px,1.8vw,18px);background:var(--bg-alt);
  border:0;border-top:3px solid var(--brand);border-radius:var(--r-lg);
  box-shadow:none;}
.ds-agent--design{border-top-color:var(--ci-teal);}
.ds-agent--exec{border-top-color:var(--ci-cyan);}
.ds-agent--analysis{border-top-color:var(--ci-blue);}
.ds-agent__eb{margin:0 0 var(--sp-3);display:flex;align-items:baseline;gap:7px;
  font-family:var(--font-mono);font-size:var(--fs-label);font-weight:700;
  letter-spacing:var(--tr-label);color:var(--brand-ink);}
.ds-agent__eb span{font-family:var(--font-sans);font-size:var(--fs-cap);
  font-weight:700;letter-spacing:0;color:var(--ink);}
.ds-agent ul{margin:0;padding:0;list-style:none;display:flex;
  flex-direction:column;gap:9px;}
.ds-agent li{display:flex;flex-direction:column;gap:2px;padding-top:9px;
  border-top:1px solid var(--border);}
.ds-agent li:first-child{padding-top:0;border-top:0;}
.ds-agent li b{font-family:var(--font-mono);font-size:12.5px;color:var(--ink);}
.ds-agent li em{font-style:normal;font-size:12.5px;line-height:1.62;
  color:var(--ink-sub);}


.ds-ev{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);
  gap:clamp(14px,2vw,28px);padding:clamp(14px,1.8vw,20px) clamp(16px,2vw,24px);
  background:var(--surface);align-items:start;}
.ds-ev__k b{display:block;font-size:var(--fs-body);font-weight:700;
  letter-spacing:var(--tr-head);color:var(--ink);}
.ds-ev__k em{display:block;margin-top:4px;font-style:normal;font-size:12.5px;
  line-height:1.6;color:var(--ink-faint);}
.ds-ev__v{margin:0;font-size:var(--fs-sub);line-height:var(--lh-body);
  color:var(--ink-2);}
.ds-ev-tbl{display:grid;gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
@media (max-width:760px){ .ds-ev{grid-template-columns:1fr;gap:var(--sp-2);} }


.ds-arch{padding:0;overflow:hidden;background:var(--bg-alt);}
.ds-arch__cap{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);
  font-size:var(--fs-cap);line-height:var(--lh-body);color:var(--ink-sub);}


.ds-tl{position:relative;display:grid;gap:clamp(12px,1.6vw,18px);
  grid-auto-flow:column;grid-auto-columns:1fr;}
.ds-tl::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;
  background:linear-gradient(90deg,var(--border-strong),var(--brand));}
.ds-tl__i{position:relative;padding-top:var(--sp-6);}
.ds-tl__i::before{content:"";position:absolute;left:0;top:5px;width:9px;height:9px;
  border-radius:50%;background:var(--surface);
  border:2px solid var(--border-strong);}
.ds-tl__i[data-on]::before{background:var(--brand);border-color:var(--brand);
  box-shadow:0 0 0 4px var(--brand-soft);}
.ds-tl__k{font-family:var(--font-mono);font-size:var(--fs-label);font-weight:700;
  letter-spacing:var(--tr-label);color:var(--ink-faint);}
.ds-tl__h{display:block;margin-top:4px;font-size:var(--fs-sub);font-weight:700;
  color:var(--ink);}
.ds-tl__p{display:block;margin-top:4px;font-size:12.5px;line-height:1.62;
  color:var(--ink-sub);}
@media (max-width:860px){
  .ds-tl{grid-auto-flow:row;grid-auto-columns:auto;}
  .ds-tl::before{left:4px;right:auto;top:0;bottom:0;width:1px;height:auto;
    background:linear-gradient(180deg,var(--border-strong),var(--brand));}
  .ds-tl__i{padding-top:0;padding-inline-start:var(--sp-5);}
  .ds-tl__i::before{top:4px;}
}


.ds-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--sp-2);
  margin-top:var(--sp-5);}

.ds-flow__n{position:relative;flex:1 1 128px;min-width:112px;max-width:216px;
  padding:var(--sp-3) var(--sp-3) var(--sp-4);
  border:1px solid var(--border);border-radius:var(--r-lg);
  background:var(--surface);}
.ds-flow__n b{display:block;font-family:var(--font-mono);font-size:10.5px;
  font-weight:700;letter-spacing:var(--tr-label);color:var(--ink-faint);}
.ds-flow__n span{display:block;margin-top:5px;font-size:var(--fs-cap);
  font-weight:700;line-height:1.4;letter-spacing:var(--tr-head);color:var(--ink);}
.ds-flow__n em{display:block;margin-top:4px;font-style:normal;font-size:11.5px;
  line-height:1.55;color:var(--ink-sub);}

.ds-flow__n[data-by="ai"]{border-color:var(--brand);background:var(--brand-soft);}
.ds-flow__n[data-by="ai"] b{color:var(--brand-ink);}
.ds-flow__n[data-by="human"]{border-color:var(--border-strong);
  background:var(--surface-2);}

.ds-flow__n[data-by="human"] b{color:var(--ink-sub);}
.ds-flow__n[data-by="out"]{border-color:var(--state-pass);
  background:var(--state-pass-soft);}
.ds-flow__n[data-by="out"] b{color:var(--state-pass-ink);}
.ds-flow__a{align-self:center;flex:0 0 auto;width:16px;color:var(--border-strong);
  display:flex;align-items:center;justify-content:center;}
.ds-flow__a svg{width:14px;height:14px;}
.ds-flow--loop .ds-flow__n:last-child{border-style:dashed;}

@media (max-width:620px){
  .ds-flow{flex-direction:column;gap:6px;}
  
  .ds-flow__n{max-width:none;flex:0 0 auto;}
  .ds-flow__a{width:auto;height:15px;align-self:center;}
  .ds-flow__a svg{rotate:90deg;}
}


.ds-ab{display:grid;gap:var(--sp-5);margin-top:var(--sp-5);}
.ds-ab__r{padding:clamp(16px,2vw,22px);border:1px solid var(--border);
  border-radius:var(--r-lg);background:var(--bg-alt);}
.ds-ab__r--to{border-color:var(--brand);background:var(--brand-soft);}
.ds-ab__k{margin:0;display:flex;align-items:center;gap:var(--sp-2);
  font-family:var(--font-mono);font-size:var(--fs-label);font-weight:700;
  letter-spacing:var(--tr-label);color:var(--ink-faint);}
.ds-ab__r--to .ds-ab__k{color:var(--brand-ink);}
.ds-ab__k i{font-style:normal;font-family:var(--font-sans);font-size:12px;
  letter-spacing:0;color:var(--ink-sub);font-weight:600;}
.ds-ab .ds-flow{margin-top:var(--sp-3);}
.ds-ab__r .ds-flow__n{background:var(--surface);}


.ds-pillars{display:grid;gap:clamp(12px,1.6vw,18px);margin-top:var(--sp-5);
  grid-template-columns:repeat(auto-fit,minmax(224px,1fr));}
.ds-pillar{padding:clamp(16px,2vw,20px);border:1px solid var(--border);
  border-radius:var(--r-lg);background:var(--surface);}
.ds-pillar > svg{color:var(--brand-ink);margin-bottom:var(--sp-3);}
.ds-pillar b{display:block;font-size:var(--fs-sub);font-weight:700;
  letter-spacing:var(--tr-head);color:var(--ink);}
.ds-pillar em{display:block;margin-top:6px;font-style:normal;font-size:12.5px;
  line-height:1.65;color:var(--ink-sub);}



.ds-hero{position:relative;background:var(--ci-deep);color:var(--on-deep);
  overflow:hidden;--hero-panel:var(--surface);}
.ds-hero .ds-vid{color:var(--ink);}
.ds-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(820px 560px at 76% 14%,rgba(56,198,244,.14),transparent 66%);}
.ds-hero > *{position:relative;}
.ds-hero__in{display:grid;gap:clamp(28px,4vw,54px);align-items:center;
  grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
  padding-block:var(--hero-pad);}
.ds-hero h1{margin:0;font-size:clamp(32px,4.4vw,50px);line-height:1.14;
  letter-spacing:var(--tr-tight);color:#fff;text-wrap:balance;}
.ds-hero h1 em{font-style:normal;color:var(--accent);}
.ds-hero__sub{margin:var(--sp-5) 0 0;max-width:46ch;font-size:var(--fs-lead);
  line-height:var(--lh-body);color:var(--on-deep);}
.ds-hero__eb{margin:0 0 var(--sp-4);font-family:var(--font-mono);
  font-size:var(--fs-label);font-weight:700;letter-spacing:var(--tr-label);
  color:var(--accent);}
.ds-hero .ds-btn--pri{background:var(--accent);color:var(--on-accent);}
.ds-hero .ds-btn--pri:hover{background:var(--accent-soft);}
.ds-hero .ds-btn--sec{color:#fff;border-color:var(--deep-line);}
.ds-hero .ds-btn--sec:hover{background:rgba(255,255,255,.08);}
@media (max-width:900px){
  .ds-hero__in{grid-template-columns:1fr;}
}


.ds-vid{position:relative;border-radius:var(--r-2xl);overflow:hidden;
  border:1px solid var(--deep-line);background:rgba(255,255,255,.04);
  box-shadow:var(--el-3);}
.ds-vid__poster{display:block;width:100%;}

.ds-vid__bar{display:flex;align-items:center;gap:10px;
  padding:11px 16px;border-bottom:1px solid var(--deep-line);
  font-family:var(--font-mono);font-size:14px;font-weight:600;color:#fff;
  letter-spacing:-.01em;}
.ds-vid__bar i{color:var(--accent);font-style:normal;}

.ds-vid__bar span{margin-inline-start:auto;font-family:var(--font-sans);
  font-size:11.5px;font-weight:600;letter-spacing:0;color:var(--on-deep-faint);}
.ds-vid__play{position:absolute;inset:0;z-index:3;display:flex;
  align-items:center;justify-content:center;gap:10px;flex-direction:column;
  border:0;background:rgba(11,34,56,.28);color:#fff;cursor:pointer;
  font-size:var(--fs-cap);font-weight:700;
  transition:background var(--mo-2) var(--ease-out);}
.ds-vid__play:hover{background:rgba(11,34,56,.14);}
.ds-vid__play i{display:flex;align-items:center;justify-content:center;
  width:62px;height:62px;border-radius:50%;background:var(--accent);
  color:var(--on-accent);box-shadow:0 6px 28px rgba(0,0,0,.34);}
.ds-vid__play i svg{width:26px;height:26px;fill:currentColor;stroke:none;}

.ds-vid__soon{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:3;
  display:inline-flex;align-items:center;gap:8px;padding:9px 16px;
  border-radius:var(--r-pill);background:rgba(11,34,56,.72);
  border:1px solid var(--deep-line);color:#fff;font-size:var(--fs-cap);
  font-weight:700;backdrop-filter:blur(6px);}
.ds-vid__cap{padding:12px 16px;border-top:1px solid var(--deep-line);
  font-size:12.5px;line-height:1.6;color:var(--on-deep-faint);}


.ds-modal{width:min(1040px,92vw);padding:0;border:0;border-radius:var(--r-2xl);
  background:var(--ci-deep);color:#fff;box-shadow:var(--el-3);}
.ds-modal::backdrop{background:rgba(8,16,26,.76);}
.ds-modal__bar{display:flex;align-items:center;gap:var(--sp-3);
  padding:12px 14px 12px 18px;border-bottom:1px solid var(--deep-line);}
.ds-modal__bar b{font-family:var(--font-mono);font-size:13px;font-weight:600;}
.ds-modal__bar b i{color:var(--accent);font-style:normal;}
.ds-modal__x{margin-inline-start:auto;width:34px;height:34px;border-radius:var(--r-md);
  border:1px solid var(--deep-line);background:transparent;color:#fff;
  font-size:17px;line-height:1;cursor:pointer;}
.ds-modal__x:hover{background:rgba(255,255,255,.08);}
.ds-modal video{display:block;width:100%;max-height:72vh;background:#000;}


.ds-hero .hero-tag{color:var(--on-deep-faint);}
.ds-hero .hero-tag .ph{color:var(--accent);}
.ds-hero .hero-tag .cat{color:var(--on-deep-faint);}
.ds-hero .hero-tag .bar{background:var(--deep-line);}
.ds-hero .hero-h1{color:#fff;}
.ds-hero .hero-h1 em{color:var(--accent);
  background-image:linear-gradient(var(--accent),var(--accent));}
.ds-hero .hero-sub{color:var(--on-deep);}
.ds-hero .hero-sub b{color:#fff;}
.ds-hero .hero-cta .btn-primary{background:var(--accent);color:var(--on-accent);
  border-color:transparent;}
.ds-hero .hero-cta .btn-primary:hover{background:var(--accent-soft);}

.ds-hero .badge381{background:transparent;gap:1px;}
.ds-hero .badge381 > li{background:rgba(255,255,255,.045);
  border-color:var(--deep-line);box-shadow:0 0 0 1px var(--deep-line);}
.ds-hero .badge381 .n{color:var(--accent);}
.ds-hero .badge381 .l{color:#fff;}
.ds-hero .badge381 .e{color:var(--on-deep-faint);}
.ds-hero .hero-trust{border-top-color:var(--deep-line);}
.ds-hero .hero-trust > li{color:var(--on-deep-faint);}
.ds-hero .hero-trust svg{color:var(--accent);opacity:.9;}


.ds-mock{border:1px solid var(--border);border-radius:var(--r-xl);
  background:var(--surface);box-shadow:var(--el-2);overflow:hidden;}
.ds-mock__bar{display:flex;align-items:center;gap:6px;padding:10px 13px;
  border-bottom:1px solid var(--border);background:var(--bg-alt);}
.ds-mock__bar i{width:7px;height:7px;border-radius:50%;
  background:var(--border-strong);flex:none;}
.ds-mock__bar b{margin-inline-start:8px;font-family:var(--font-mono);
  font-size:10.5px;font-weight:700;letter-spacing:var(--tr-label);
  color:var(--ink-faint);}
.ds-mock__bar em{margin-inline-start:auto;font-style:normal;font-size:10.5px;
  font-weight:700;color:var(--brand-ink);background:var(--brand-soft);
  border-radius:var(--r-sm);padding:2px 7px;}
.ds-mock__body{padding:14px;}
.ds-mock__row{display:flex;align-items:center;gap:10px;padding:10px 11px;
  border-radius:var(--r-md);border:1px solid transparent;}
.ds-mock__row + .ds-mock__row{margin-top:6px;}
.ds-mock__row[data-on]{border-color:var(--brand);background:var(--brand-soft);}
.ds-mock__row[data-pass]{border-color:var(--state-pass);
  background:var(--state-pass-soft);}
.ds-mock__dot{width:8px;height:8px;border-radius:50%;flex:none;
  background:var(--border-strong);}
.ds-mock__row[data-on] .ds-mock__dot{background:var(--brand);}
.ds-mock__row[data-pass] .ds-mock__dot{background:var(--state-pass);}
.ds-mock__ln{display:block;height:7px;border-radius:999px;
  background:var(--surface-2);}

.ds-mock__row[data-on] .ds-mock__ln,
.ds-mock__row[data-pass] .ds-mock__ln{background:var(--border-strong);}

.ds-mock__tag{margin-inline-start:auto;font-family:var(--font-mono);
  font-size:10px;font-weight:700;letter-spacing:var(--tr-label);
  color:var(--ink-sub);flex:none;}
.ds-mock__foot{display:flex;align-items:center;gap:7px;padding:11px 14px;
  border-top:1px solid var(--border);background:var(--bg-alt);}
.ds-mock__foot span{font-size:11px;font-weight:700;color:var(--ink-sub);
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-pill);padding:3px 10px;}


.ds-phead{display:grid;gap:clamp(24px,3.4vw,46px);align-items:center;
  grid-template-columns:minmax(0,1fr) minmax(0,.86fr);}
@media (max-width:900px){ .ds-phead{grid-template-columns:1fr;} }


.ds-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);
  overflow-x:auto;scrollbar-width:none;}
.ds-tabs::-webkit-scrollbar{display:none;}
.ds-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;
  padding:10px 14px;margin-bottom:-1px;font-size:var(--fs-cap);font-weight:700;
  color:var(--ink-sub);cursor:pointer;white-space:nowrap;
  transition:color var(--mo-1) var(--ease-out),
             border-color var(--mo-1) var(--ease-out);}
.ds-tab:hover{color:var(--ink);}
.ds-tab[aria-selected="true"]{color:var(--brand-ink);border-bottom-color:var(--brand);}
.ds-tabpanel[hidden]{display:none;}
.ds-tabpanel{padding-top:var(--sp-5);}


.ds-acc{border:1px solid var(--border);border-radius:var(--r-lg);
  background:var(--surface);overflow:hidden;}
.ds-acc + .ds-acc{margin-top:var(--sp-2);}
.ds-acc > summary{display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-4) var(--sp-5);cursor:pointer;list-style:none;
  font-size:var(--fs-sub);font-weight:700;color:var(--ink);
  transition:background var(--mo-1) var(--ease-out);}
.ds-acc > summary::-webkit-details-marker{display:none;}
.ds-acc > summary:hover{background:var(--surface-2);}
.ds-acc > summary::after{content:"";margin-inline-start:auto;width:9px;height:9px;
  border-right:2px solid var(--ink-faint);border-bottom:2px solid var(--ink-faint);
  rotate:45deg;translate:0 -2px;
  transition:rotate var(--mo-2) var(--ease-out);}
.ds-acc[open] > summary::after{rotate:225deg;translate:0 2px;}
.ds-acc__body{padding:0 var(--sp-5) var(--sp-5);font-size:var(--fs-cap);
  line-height:var(--lh-body);color:var(--ink-2);}


.ds-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;
  border-radius:var(--r-sm);font-size:var(--fs-label);font-weight:700;
  letter-spacing:0;line-height:1.5;}
.ds-badge--pass{background:var(--state-pass-soft);color:var(--state-pass-ink);}
.ds-badge--warn{background:var(--state-warn-ink);color:#fff;}
.ds-badge--fail{background:var(--state-fail);color:#fff;}
.ds-badge--idle{background:var(--surface-2);color:var(--ink-sub);}
.ds-badge--brand{background:var(--brand-soft);color:var(--brand-ink);}


.ds-crumb,.mcrumb{margin:0 0 var(--sp-3);font-size:var(--fs-cap);
  color:var(--ink-sub);}
.ds-crumb a,.mcrumb a{color:var(--brand-ink);text-decoration:none;}
.ds-crumb a:hover,.mcrumb a:hover{text-decoration:underline;}
.ds-crumb [aria-current]{color:var(--ink);font-weight:700;}


@keyframes ds-in{from{opacity:0;transform:translateY(var(--mo-rise));}
  to{opacity:1;transform:none;}}
@keyframes ds-in-x{from{opacity:0;transform:translateX(calc(var(--mo-rise) * -1));}
  to{opacity:1;transform:none;}}
@keyframes ds-pop{from{opacity:0;transform:scale(.98);}to{opacity:1;transform:none;}}
@keyframes ds-draw{from{stroke-dashoffset:var(--ds-len,320);}to{stroke-dashoffset:0;}}
@keyframes ds-node{0%{box-shadow:0 0 0 0 var(--brand-soft);}
  60%{box-shadow:0 0 0 7px transparent;}100%{box-shadow:0 0 0 0 transparent;}}


.ds-reveal{opacity:1;}
[data-ds-reveal="on"] .ds-reveal{opacity:0;}
[data-ds-reveal="on"] .ds-reveal.is-in{animation:ds-in var(--mo-4) var(--ease-enter) both;}
[data-ds-reveal="on"] .ds-reveal-x.is-in{animation:ds-in-x var(--mo-4) var(--ease-enter) both;}
[data-ds-reveal="on"] .ds-reveal-pop.is-in{animation:ds-pop var(--mo-3) var(--ease-enter) both;}
.ds-reveal--d1{animation-delay:.07s;}
.ds-reveal--d2{animation-delay:.14s;}
.ds-reveal--d3{animation-delay:.21s;}
.ds-reveal--d4{animation-delay:.28s;}

.ds-draw{stroke-dasharray:var(--ds-len,320);stroke-dashoffset:0;}
[data-ds-reveal="on"] .ds-draw{stroke-dashoffset:var(--ds-len,320);}
[data-ds-reveal="on"] .ds-draw.is-in{animation:ds-draw var(--mo-4) var(--ease-out) both;}
.ds-node.is-in{animation:ds-node var(--mo-4) var(--ease-out) 1;}

@media (prefers-reduced-motion:reduce){
  
  [data-ds-reveal="on"] .ds-reveal,
  [data-ds-reveal="on"] .ds-draw{opacity:1;stroke-dashoffset:0;}
  .ds-reveal,.ds-reveal-x,.ds-reveal-pop,.ds-draw,.ds-node{animation:none !important;}
  .ds-card,.ds-btn,.mbtn,.ds-tab,.ds-acc > summary,.ds-acc > summary::after{
    transition-duration:.01ms !important;}
  a.ds-card:hover,.ds-card--hover:hover{transform:none;}
}



:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{
  outline:var(--focus-w) solid var(--focus);
  outline-offset:var(--focus-gap);
  box-shadow:0 0 0 calc(var(--focus-w) + var(--focus-gap)) var(--focus-halo);
  border-radius:var(--r-sm);}

.gnb2 :where(a,button):focus-visible,.ds-cta :where(a,button):focus-visible,
.ds-section--deep :where(a,button):focus-visible{
  outline-color:var(--accent);box-shadow:0 0 0 4px var(--navy-900);}


.ds-skip{position:absolute;left:-9999px;top:0;z-index:var(--z-toast);
  padding:12px 18px;background:var(--brand);color:var(--on-brand);
  font-size:var(--fs-cap);font-weight:700;border-radius:0 0 var(--r-lg) 0;}
.ds-skip:focus{left:0;}

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


.ds-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;}


.mbtn{min-height:46px;}
.card,.vl-card,.pf-card,.ad-card,.ag-step,.pf-stage{box-shadow:var(--el-1);}
.gnb2-cta{transition:background var(--mo-1) var(--ease-out);}
.gnb2-cta:hover{background:var(--accent-soft);}
.gnb2-panel{box-shadow:var(--el-3);}


:root:root .axg-lead,
:root:root .axg-kick{font-size:var(--fs-read);line-height:var(--lh-read);}
:root:root .axg-ttl{font-size:24px;line-height:1.38;}
:root:root .t-lead,
:root:root .hlead,
:root:root .hero-sub{font-size:18px;line-height:var(--lh-read);}

:root:root .hcard h3,
:root:root .ds-prod__h,
:root:root .ds-card__h{font-size:var(--fs-read-h);line-height:1.4;}
:root:root .hcard p{font-size:var(--fs-read-m);line-height:var(--lh-read);}
:root:root .ds-prod__p,
:root:root .ds-card__p,
:root:root .loopback p{font-size:var(--fs-read-s);line-height:var(--lh-read);}


:root:root .ds-card > em,
:root:root .ds-pillar > em,
:root:root .ds-tl__p{font-size:var(--fs-read-xs);line-height:1.6;}
:root:root .ds-pillar > b{font-size:var(--fs-read-s);line-height:1.5;}
:root:root .ds-step__h{font-size:16.5px;line-height:1.45;}

:root:root .ds-card__h em,:root:root .ds-card__h b,
:root:root .ds-prod__h em,:root:root .ds-prod__h b,
:root:root .hcard h3 em,:root:root .hcard h3 b{font-size:inherit;}
:root:root .hcard li,
:root:root .ds-prod li,
:root:root .ds-card li{font-size:var(--fs-read-s);line-height:var(--lh-read);}


:root:root .axg-eb,
:root:root .ds-card__eb{font-size:12px;}
:root:root .ftr-col a,
:root:root .ftr-legal,
:root:root .ftr-note{font-size:14.5px;line-height:1.6;}
:root:root .mbtn{font-size:14px;}


:root:root .ftr-note{max-width:none;}
@media (min-width:680px){
  :root:root .ftr-note{white-space:nowrap;}
}


@media (max-width:620px){
  :root:root .axg-lead,
  :root:root .axg-kick{font-size:15.5px;}
  :root:root .axg-ttl{font-size:21px;}
  :root:root .t-lead,
  :root:root .hlead,
  :root:root .hero-sub{font-size:16.5px;}
  :root:root .hcard h3,
  :root:root .ds-prod__h,
  :root:root .ds-card__h{font-size:17.5px;}
  :root:root .hcard p{font-size:15px;}
  :root:root .ds-prod__p,
  :root:root .ds-card__p,
  :root:root .loopback p{font-size:14.5px;}
  :root:root .hcard li,
  :root:root .ds-prod li,
  :root:root .ds-card li{font-size:14.5px;}
}




.ds-bars{display:grid;gap:12px;margin:18px 0 0;}
.ds-bars__r{display:grid;grid-template-columns:minmax(96px,auto) 1fr auto;
  gap:12px;align-items:center;}
.ds-bars__k{font-size:var(--fs-read-s);font-weight:600;color:var(--ink-2);}
.ds-bars__t{position:relative;height:14px;border-radius:var(--r-sm);
  background:var(--surface-2);overflow:hidden;}
.ds-bars__t::after{content:"";position:absolute;inset:0 auto 0 0;
  width:calc(var(--v,0) * 1%);border-radius:var(--r-sm);background:var(--c-slate-500);}
.ds-bars__r[data-top="1"] .ds-bars__t::after{background:var(--brand);}
.ds-bars__v{font-size:var(--fs-read-s);font-weight:700;color:var(--ink-2);
  font-variant-numeric:tabular-nums;}
.ds-bars__r[data-top="1"] .ds-bars__k,
.ds-bars__r[data-top="1"] .ds-bars__v{color:var(--brand-ink);}
.ds-bars__src{margin-top:12px;font-size:var(--fs-read-xs);color:var(--ink-faint);}


.ds-layers{display:grid;gap:10px;margin:18px 0 0;}
.ds-layer{display:grid;grid-template-columns:minmax(132px,170px) 1fr;gap:16px;
  align-items:start;padding:14px 16px;border:1px solid var(--border);
  border-left:3px solid var(--brand);border-radius:var(--r-md);
  background:var(--surface);}
.ds-layer--soft{border-left-color:var(--c-slate-500);}
.ds-layer__k{display:flex;flex-direction:column;gap:3px;}
.ds-layer__k b{font-size:var(--fs-read-s);font-weight:700;color:var(--ink);}
.ds-layer__k em{font-style:normal;font-family:var(--font-mono);
  font-size:var(--fs-label);letter-spacing:.08em;color:var(--brand-ink);}
.ds-layer__v{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;}
.ds-layer__v span{font-size:var(--fs-read-xs);color:var(--ink-sub);
  padding:3px 9px;border-radius:var(--r-sm);background:var(--surface-2);}
.ds-layer__v span b{color:var(--ink-2);font-weight:700;}


.ds-split{display:grid;gap:24px 36px;align-items:start;margin:22px 0 0;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);}
.ds-split--rev > .ds-split__t{order:2;}
.ds-split--rev > .ds-split__f{order:1;}
.ds-split__t > * + *{margin-top:10px;}
@media (max-width:860px){
  .ds-split{grid-template-columns:minmax(0,1fr);}
  .ds-split--rev > .ds-split__t,.ds-split--rev > .ds-split__f{order:0;}
}



.ds-mini{display:grid;gap:12px;margin:18px 0 0;
  grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));}
.ds-mini--2{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));}
.ds-mini__i{display:grid;grid-template-columns:26px 1fr;gap:11px;
  align-items:start;padding:13px 14px;border:1px solid var(--border);
  border-radius:var(--r-md);background:var(--surface);}
.ds-mini--plain .ds-mini__i{grid-template-columns:minmax(0,1fr);gap:0;}
.ds-mini__n{font-family:var(--font-mono);font-size:var(--fs-label);
  font-weight:700;letter-spacing:.04em;color:var(--brand);padding-top:2px;}
.ds-mini__i b{display:block;font-size:var(--fs-read-s);font-weight:700;color:var(--ink);}
.ds-mini__i em{display:block;margin-top:3px;font-style:normal;
  font-size:var(--fs-read-xs);line-height:1.55;color:var(--ink-sub);}

@media (max-width:620px){
  .ds-bars__r{grid-template-columns:1fr auto;}
  .ds-bars__t{grid-column:1 / -1;}
  .ds-layer{grid-template-columns:minmax(0,1fr);gap:9px;}
}



:root:root .gnb2-logo{display:inline-flex;align-items:center;gap:11px;
  text-decoration:none;}
:root:root .gnb2-logo__m{height:34px;width:auto;display:block;flex:0 0 auto;}
:root:root .gnb2-logo__t{display:flex;flex-direction:column;align-items:flex-start;
  gap:3px;min-width:0;}
:root:root .gnb2-logo__w{height:20px;width:auto;display:block;}

:root:root .gnb2-logo__t > span{font-family:var(--font-mono);font-size:9.5px;
  font-weight:600;letter-spacing:.155em;line-height:1;white-space:nowrap;
  color:var(--on-navy);opacity:.72;margin:0;margin-right:-.155em;}

:root:root .brand-mark{display:inline-flex;align-items:center;gap:9px;}
:root:root .brand-mark__m{height:28px;width:auto;display:block;flex:0 0 auto;}
:root:root .brand-mark__w{height:17px;width:auto;display:block;}


@media (max-width:1340px){
  :root:root .gnb2-logo__t > span{display:none;}
}

@media (max-width:1100px){
  :root:root .gnb2-logo__m{height:30px;}
  :root:root .gnb2-logo__w{height:18px;}
}
@media (max-width:400px){
  :root:root .gnb2-logo__m{height:26px;}
  :root:root .gnb2-logo__w{height:16px;}
}


:root:root .gnb2-nav u{display:none;}      


:root:root .gnb2-car{width:14px;height:14px;margin-left:2px;flex:0 0 auto;
  fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;
  stroke-linejoin:round;opacity:.62;
  transition:rotate var(--mo-1) var(--ease-out),opacity var(--mo-1) var(--ease-out);}
:root:root .gnb2-drop:hover .gnb2-car,
:root:root .gnb2-drop:focus-within .gnb2-car{rotate:180deg;opacity:1;}
@media (prefers-reduced-motion:reduce){
  :root:root .gnb2-car{transition:none;}
}


:root:root .gnb2-cat > a,
:root:root .gnb2-cat > .gnb2-soon{display:grid;grid-template-columns:20px 1fr;
  gap:10px;align-items:start;padding:7px 8px;margin-inline:-8px;
  border-radius:var(--r-md);}
:root:root .gnb2-cat > a:hover,
:root:root .gnb2-cat > a[aria-current]{background:var(--brand-soft);}
:root:root .gnb2-ic{width:20px;height:20px;margin-top:1px;flex:0 0 auto;
  fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;
  stroke-linejoin:round;color:var(--brand);}
:root:root .gnb2-soon .gnb2-ic{color:var(--ink-faint);}
:root:root .gnb2-tx{min-width:0;}

:root:root .gnb2-tx b{display:block;font-size:14.5px;font-weight:700;color:var(--ink);}
:root:root .gnb2-tx em{display:block;margin-top:2px;font-style:normal;
  font-size:12.5px;line-height:1.5;color:var(--ink-sub);}
:root:root .gnb2-soon .gnb2-tx b{color:var(--ink-faint);font-weight:600;}
:root:root .gnb2-soon .gnb2-tx em{color:var(--border-strong);}


@media (min-width:1101px){
  :root:root .gnb2-drop[data-ia="company"] .gnb2-panel{left:auto;right:0;}
}


:root:root .dw-body > a:not(.dw-all),
:root:root .dw-body > .dw-soon{display:grid;grid-template-columns:18px 1fr;
  gap:9px;align-items:center;}
:root:root .dw-body .gnb2-ic{width:18px;height:18px;margin-top:0;color:var(--brand);}
:root:root .dw-soon .gnb2-ic{color:var(--ink-faint);}


:root:root #b11 .pdsteps{display:none;}
:root:root #b11 .pdstep[hidden]{display:grid !important;}
:root:root #b11 .pdstep{margin-top:clamp(28px,3.4vw,44px);
  padding-top:clamp(28px,3.4vw,44px);border-top:1px solid var(--border);}


:root:root #b2b .pdstep{align-items:center;}



:root:root:root .axg{max-width:820px;}


:root:root:root #hhow .axg{max-width:700px;margin-inline:0;}

:root:root:root #b7 .axg{max-width:700px;margin-inline:auto;}


:root:root .msec p.d,
:root:root .mdetail p.d,
:root:root p.d{font-size:var(--fs-read-m);line-height:var(--lh-read);}
:root:root span.d{font-size:var(--fs-read-s);line-height:1.6;}


:root:root .tech-diff > li{font-size:var(--fs-read-m);line-height:var(--lh-read);}

:root:root .ag-col li em{font-size:var(--fs-read-xs);line-height:1.6;}
:root:root .ag-col li b{font-size:13.5px;}
:root:root .ag-step em{font-size:15px;line-height:1.6;}
:root:root .gd{font-size:14.5px;line-height:1.6;}
:root:root .pflow > li{font-size:14.5px;line-height:1.6;}
:root:root table.spec td,
:root:root table.spec caption{font-size:var(--fs-read-s);line-height:1.6;}
:root:root table.spec th{font-size:12px;}


:root:root table.cmp td{font-size:var(--fs-read-s);line-height:1.6;}
:root:root table.cmp th{font-size:var(--fs-read-xs);}
:root:root .case-full blockquote{font-size:var(--fs-read);line-height:var(--lh-read);}
:root:root .ad-do > li,
:root:root .vl-do > li{font-size:15px;line-height:1.6;}
:root:root .ds-acc__body{font-size:var(--fs-read-s);line-height:var(--lh-read);}
:root:root .fnote{font-size:var(--fs-read-xs);line-height:1.6;}


:root:root .pf-v,
:root:root .pf-stage > p{font-size:var(--fs-read-m);line-height:var(--lh-read);}
:root:root .pf-card li{font-size:15px;line-height:1.6;}   
:root:root .pf-k > em{font-size:var(--fs-read-xs);}


@media (max-width:620px){
  :root:root .msec p.d,
  :root:root .mdetail p.d,
  :root:root p.d,
  :root:root .pf-v,
  :root:root .pf-stage > p,
  :root:root .tech-diff > li{font-size:15px;}
  :root:root table.spec td,
  :root:root table.cmp td,
  :root:root .ds-acc__body{font-size:14px;}
  :root:root table.spec th,
  :root:root table.cmp th{font-size:11.5px;}
  :root:root .case-full blockquote{font-size:15.5px;}
}




:root:root .hero-grid{grid-template-columns:minmax(0,4fr) minmax(0,6fr);}



:root:root .ds-vid--bare{padding:0;background:var(--deep);
  line-height:0;align-self:center;container-type:inline-size;}

@media (min-width:1001px){
  :root:root .hero-grid > .ds-vid--bare{width:calc(100% + 20px);
    justify-self:end;max-width:none;}
}


:root:root .ds-vid--bare .ds-vid__m{display:block;width:100%;height:auto;
  aspect-ratio:1920/1080;object-fit:cover;border:0;background:var(--deep);}


:root:root .ds-vid--bare .ds-vid__play{position:absolute;inset:0;z-index:5;
  display:flex;align-items:center;justify-content:center;
  border:0;background:rgba(11,34,56,.22);cursor:pointer;padding:0;
  transition:background var(--mo-2) var(--ease-out);}
:root:root .ds-vid--bare .ds-vid__play:hover{background:rgba(11,34,56,.06);}


:root:root .ds-vid--bare .ds-vid__play i{--play-d:72px;
  --play-d:clamp(60px,11cqw,96px);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:var(--play-d);height:var(--play-d);
  min-width:var(--play-d);min-height:var(--play-d);
  border-radius:50%;background:var(--accent);color:var(--on-accent);
  
  box-shadow:0 0 0 1.5px rgba(255,255,255,.62),
             0 0 16px 1px rgba(56,198,244,.60),
             0 0 46px 10px rgba(56,198,244,.26),
             0 12px 34px rgba(0,0,0,.40);
  transition:transform var(--mo-2) var(--ease-out),
             box-shadow var(--mo-2) var(--ease-out);}
:root:root .ds-vid--bare .ds-vid__play:hover i{transform:scale(1.06);
  box-shadow:0 0 0 1.5px rgba(255,255,255,.80),
             0 0 20px 2px rgba(56,198,244,.78),
             0 0 60px 14px rgba(56,198,244,.34),
             0 14px 38px rgba(0,0,0,.44);}

:root:root .ds-vid--bare .ds-vid__play i svg{width:38%;height:38%;
  fill:currentColor;stroke:none;margin-inline-start:7%;}
@media (prefers-reduced-motion:reduce){
  :root:root .ds-vid--bare .ds-vid__play:hover i{transform:none;}
}



:root:root .ds-note{position:absolute;z-index:6;pointer-events:none;
  translate:0 -50%;margin-right:-1px;
  max-width:34%;padding:5px 10px;border-radius:var(--r-md);
  background:rgba(8,16,26,.82);border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(3px);
  font-family:var(--font-sans);font-size:clamp(10.5px,1.72%,13px);
  font-weight:600;line-height:1.35;letter-spacing:0;color:#fff;
  white-space:nowrap;}
:root:root .ds-note__t{position:absolute;inset:0;z-index:6;
  width:100%;height:100%;pointer-events:none;overflow:visible;}

:root:root .ds-note__t path{fill:none;stroke:var(--accent);
  stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;opacity:.95;}

:root:root .ds-note__t .ds-note__h{fill:none;stroke:var(--accent);
  stroke-width:1.9px;stroke-linecap:round;}






:root:root .ds-mktrow{display:grid;gap:14px;margin-top:22px;
  grid-template-columns:1fr;align-items:stretch;}
@media (min-width:1000px){
  :root:root .ds-mktrow{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);}
}


:root:root .ds-mkt{background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-xl);padding:20px 22px;box-shadow:var(--el-1);
  display:flex;flex-direction:column;}
:root:root .ds-mkt__hd b{display:block;font-size:var(--fs-read-h);
  font-weight:700;color:var(--ink);letter-spacing:0;}
:root:root .ds-mkt__hd em{display:block;margin-top:3px;font-style:normal;
  font-size:var(--fs-read-xs);color:var(--ink-sub);letter-spacing:0;}


:root:root .ds-mkt__body{display:grid;gap:16px;margin-top:18px;flex:1;
  grid-template-columns:minmax(0,2.08fr) minmax(0,1fr);align-items:end;}

:root:root .ds-mkt__side{display:flex;flex-direction:column;gap:10px;}
:root:root .ds-mkt__chart{display:flex;align-items:flex-end;
  justify-content:space-around;gap:14px;height:100%;min-height:172px;}
:root:root .ds-mkt__col{display:flex;flex-direction:column;
  align-items:center;gap:6px;flex:1;min-width:0;height:100%;
  justify-content:flex-end;}
:root:root .ds-mkt__num{font-family:var(--font-display);font-size:17px;
  font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;}

:root:root .ds-mkt__bar{display:block;width:62%;max-width:74px;
  height:var(--h);border-radius:5px 5px 0 0;}
:root:root .ds-mkt__bar--a{background:var(--ci-cyan);}
:root:root .ds-mkt__bar--b{background:var(--ci-blue);}
:root:root .ds-mkt__yr{font-size:var(--fs-read-xs);color:var(--ink-sub);
  letter-spacing:0;}


:root:root .ds-mkt__cagr{display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;
  aspect-ratio:1;border-radius:var(--r-lg);
  width:100%;max-width:176px;margin-inline:auto;
  background-color:var(--ci-blue);background-image:var(--ci-grad);
  color:#fff;padding:10px;}
:root:root .ds-mkt__cagr em{font-style:normal;font-family:var(--font-mono);
  font-size:11px;font-weight:600;letter-spacing:.14em;opacity:.92;}
:root:root .ds-mkt__cagr b{font-family:var(--font-display);
  font-size:clamp(26px,3.2vw,34px);font-weight:700;line-height:1.05;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
:root:root .ds-mkt__cagr i{font-style:normal;font-size:11.5px;opacity:.88;
  letter-spacing:0;}
:root:root .ds-mkt__tail{margin:0;font-size:var(--fs-read-s);
  color:var(--ink-sub);letter-spacing:0;text-align:center;line-height:1.5;}


:root:root .ds-stats{display:grid;gap:14px;height:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:minmax(0,1fr);}
@media (max-width:520px){
  :root:root .ds-stats{grid-template-columns:1fr;height:auto;}
}
:root:root .ds-stats__i{background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-xl);
  padding:18px 20px;display:flex;flex-direction:column;gap:6px;
  box-shadow:var(--el-1);}
:root:root .ds-stats__hd{display:flex;align-items:flex-start;
  justify-content:space-between;gap:10px;}
:root:root .ds-stats__v{font-family:var(--font-display);
  font-size:clamp(26px,3.1vw,34px);font-weight:700;line-height:1.05;
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;}

:root:root .ds-stats__ic{flex:0 0 auto;width:34px;height:34px;
  border-radius:50%;display:grid;place-items:center;
  background:var(--surface-2);}
:root:root .ds-stats__ic svg{width:17px;height:17px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-stats__k{font-size:var(--fs-read-m);font-weight:700;
  line-height:1.45;color:var(--ink);letter-spacing:0;text-wrap:pretty;}
:root:root .ds-stats__s{font-size:var(--fs-read-xs);font-style:normal;
  line-height:1.5;letter-spacing:0;color:var(--ink-sub);}

:root:root .ds-stats__i--teal   .ds-stats__v,
:root:root .ds-stats__i--teal   .ds-stats__ic{color:var(--ci-teal);}
:root:root .ds-stats__i--blue   .ds-stats__v,
:root:root .ds-stats__i--blue   .ds-stats__ic{color:var(--ci-blue);}
:root:root .ds-stats__i--indigo .ds-stats__v,
:root:root .ds-stats__i--indigo .ds-stats__ic{color:var(--brand-ink);}
:root:root .ds-stats__i--warn   .ds-stats__v,
:root:root .ds-stats__i--warn   .ds-stats__ic{color:var(--state-warn);}


:root:root .ds-fig{background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-xl);padding:20px 22px;box-shadow:var(--el-1);
  display:flex;flex-direction:column;}
:root:root .ds-fig__ttl{margin:0;font-size:var(--fs-read-h);font-weight:700;
  color:var(--ink);letter-spacing:0;}
:root:root .ds-fig__hd{display:flex;align-items:flex-end;
  flex-wrap:wrap;gap:12px 26px;margin:14px 0 18px;}
:root:root .ds-fig__big{margin:0;display:flex;align-items:baseline;gap:6px;}
:root:root .ds-fig__big b{font-family:var(--font-display);
  font-size:clamp(38px,5vw,56px);font-weight:700;line-height:1;
  letter-spacing:-.035em;color:var(--brand-ink);
  font-variant-numeric:tabular-nums;}
:root:root .ds-fig__big em{font-style:normal;font-size:var(--fs-read-m);
  font-weight:700;color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-fig__side{margin:0;display:flex;gap:22px;flex-wrap:wrap;}
:root:root .ds-fig__side div{display:flex;flex-direction:column;gap:2px;}
:root:root .ds-fig__side dt{font-size:var(--fs-read-xs);color:var(--ink-sub);
  letter-spacing:0;}
:root:root .ds-fig__side dd{margin:0;font-size:var(--fs-read-m);
  font-weight:700;color:var(--ink);letter-spacing:0;
  font-variant-numeric:tabular-nums;}

:root:root .ds-fig .ds-bars{margin-block:auto;}


:root:root .ds-fig .ds-bars__r[data-top] .ds-bars__t::after{
  background:var(--state-fail);}
:root:root .ds-fig .ds-bars__r[data-top] .ds-bars__k,
:root:root .ds-fig .ds-bars__r[data-top] .ds-bars__v{color:var(--state-fail);}


:root:root .ds-cases{list-style:none;margin:0;padding:0 0 0 46px;
  position:relative;display:flex;flex-direction:column;gap:10px;}

:root:root .ds-cases::before{content:"";position:absolute;
  left:17px;top:22px;bottom:22px;width:2px;background:var(--border);}
:root:root .ds-cases__i{position:relative;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-lg);
  padding:12px 16px;box-shadow:var(--el-1);}
:root:root .ds-cases__ic{position:absolute;left:-46px;top:12px;
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--surface);box-shadow:0 0 0 1px var(--border);}
:root:root .ds-cases__ic svg{width:17px;height:17px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-cases__m{margin:0;display:flex;align-items:baseline;
  gap:10px;flex-wrap:wrap;}
:root:root .ds-cases__m b{font-family:var(--font-mono);font-size:12.5px;
  font-weight:700;letter-spacing:.02em;}
:root:root .ds-cases__m span{font-size:var(--fs-read-xs);font-weight:700;
  color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-cases__h{margin:4px 0 0;font-size:var(--fs-read-s);
  font-weight:600;line-height:1.5;color:var(--ink);letter-spacing:0;}
:root:root .ds-cases__h b{font-weight:800;color:var(--brand-ink);}
:root:root .ds-cases__t{margin:3px 0 0;font-size:var(--fs-read-xs);
  line-height:1.5;color:var(--ink-sub);letter-spacing:0;}

:root:root .ds-cases__i--fail   .ds-cases__m b,
:root:root .ds-cases__i--fail   .ds-cases__ic{color:var(--state-fail);}
:root:root .ds-cases__i--warn   .ds-cases__m b,
:root:root .ds-cases__i--warn   .ds-cases__ic{color:var(--state-warn);}
:root:root .ds-cases__i--indigo .ds-cases__m b,
:root:root .ds-cases__i--indigo .ds-cases__ic{color:var(--brand-ink);}



:root:root .ds-cyc{position:relative;aspect-ratio:1.52;
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--r-xl);overflow:hidden;}

:root:root .ds-cyc__r{position:absolute;inset:0;width:100%;height:100%;}

:root:root .ds-cyc__a{fill:none;stroke:var(--c-slate-300);
  stroke-width:1.6px;stroke-linecap:round;
  vector-effect:non-scaling-stroke;}
:root:root .ds-cyc__h{fill:var(--c-slate-300);stroke:none;}
:root:root .ds-cyc__c{position:absolute;left:50%;top:50%;
  translate:-50% -50%;width:30%;aspect-ratio:1;border-radius:50%;
  background:var(--c-deep-900);color:#fff;display:flex;
  flex-direction:column;align-items:center;justify-content:center;
  gap:4px;text-align:center;padding:10px;}
:root:root .ds-cyc__c b{font-size:clamp(13px,1.5vw,17px);font-weight:700;
  line-height:1.3;letter-spacing:0;}
:root:root .ds-cyc__c em{font-style:normal;font-size:clamp(10px,1.1vw,12px);
  line-height:1.3;letter-spacing:0;color:var(--c-teal-400);}

:root:root .ds-cyc__n{position:absolute;translate:-50% -50%;
  display:flex;align-items:center;gap:9px;
  padding:8px 13px;border-radius:var(--r-lg);
  background:var(--surface);border:1.5px solid var(--border);
  box-shadow:var(--el-1);}
:root:root .ds-cyc__i{flex:0 0 auto;display:grid;place-items:center;
  width:26px;height:26px;border-radius:var(--r-sm);
  background:var(--surface-2);}
:root:root .ds-cyc__i svg{width:15px;height:15px;fill:none;
  stroke:currentColor;stroke-width:1.8;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-cyc__x{min-width:0;}
:root:root .ds-cyc__n b{display:block;font-size:var(--fs-read-s);
  font-weight:700;color:var(--ink);letter-spacing:0;white-space:nowrap;}
:root:root .ds-cyc__n em{display:block;margin-top:1px;font-style:normal;
  font-size:var(--fs-read-xs);letter-spacing:0;color:var(--ink-sub);
  white-space:nowrap;}


:root:root .ds-cyc__n--human{border-color:var(--brand-ink);}
:root:root .ds-cyc__n--human em,
:root:root .ds-cyc__n--human .ds-cyc__i{color:var(--brand-ink);}
:root:root .ds-cyc__n--ok .ds-cyc__i{color:var(--ci-teal);}
:root:root .ds-cyc__n--fail .ds-cyc__i{color:var(--state-fail);}
:root:root .ds-cyc__n--plain .ds-cyc__i{color:var(--ci-cyan);}

:root:root .ds-cyc__n--ok{border-color:var(--ci-teal);}
:root:root .ds-cyc__n--ok em{color:var(--c-teal-700);}
:root:root .ds-cyc__n--fail{border-color:var(--state-fail);}
:root:root .ds-cyc__n--fail em{color:var(--state-fail);}
:root:root .ds-cyc__n--plain{border-color:var(--ci-cyan);}
:root:root .ds-cyc__n--plain em{color:var(--c-cyan-700);}

@media (max-width:700px){
  :root:root .ds-cyc{aspect-ratio:auto;display:flex;flex-direction:column;
    gap:8px;padding:16px;}
  :root:root .ds-cyc__r{display:none;}
  :root:root .ds-cyc__c,
  :root:root .ds-cyc__n{position:static;translate:none;width:auto;
    aspect-ratio:auto;}
  :root:root .ds-cyc__c{border-radius:var(--r-lg);padding:12px;}
}


:root:root .ds-claims{display:grid;gap:14px;height:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:minmax(0,1fr);}
@media (max-width:520px){
  :root:root .ds-claims{grid-template-columns:1fr;height:auto;}
}
:root:root .ds-claims__i{background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-xl);
  padding:18px 20px;display:flex;flex-direction:column;gap:10px;
  box-shadow:var(--el-1);}
:root:root .ds-claims__hd{margin:0;display:flex;align-items:center;gap:10px;
  font-size:var(--fs-read-h);font-weight:700;color:var(--ink);
  letter-spacing:0;}
:root:root .ds-claims__ic{flex:0 0 auto;width:34px;height:34px;
  border-radius:50%;display:grid;place-items:center;
  background:var(--surface-2);}
:root:root .ds-claims__ic svg{width:17px;height:17px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-claims__b{font-size:clamp(17px,2vw,23px);font-weight:800;
  line-height:1.3;letter-spacing:-.01em;}
:root:root .ds-claims__t{margin:0;font-size:var(--fs-read-s);line-height:1.55;
  color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-claims__i--indigo .ds-claims__b,
:root:root .ds-claims__i--indigo .ds-claims__ic{color:var(--brand-ink);}
:root:root .ds-claims__i--fail   .ds-claims__b,
:root:root .ds-claims__i--fail   .ds-claims__ic{color:var(--state-fail);}
:root:root .ds-claims__i--warn   .ds-claims__b,
:root:root .ds-claims__i--warn   .ds-claims__ic{color:var(--state-warn);}

:root:root .ds-claims__i--teal   .ds-claims__b{color:var(--c-teal-700);}
:root:root .ds-claims__i--teal   .ds-claims__ic{color:var(--ci-teal);}


:root:root .ds-conds{display:grid;gap:14px;margin-top:22px;
  grid-template-columns:repeat(2,minmax(0,1fr));}
@media (min-width:1000px){
  :root:root .ds-conds{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:560px){
  :root:root .ds-conds{grid-template-columns:1fr;}
}
:root:root .ds-conds__i{background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-xl);
  padding:20px;box-shadow:var(--el-1);
  display:flex;flex-direction:column;gap:10px;}
:root:root .ds-conds__ic{width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;color:#fff;
  background-color:var(--ci-blue);background-image:var(--ci-grad);}
:root:root .ds-conds__ic svg{width:22px;height:22px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-conds__h{margin:4px 0 0;font-size:var(--fs-read-h);
  font-weight:700;color:var(--ink);letter-spacing:0;}
:root:root .ds-conds__s{margin:0;font-size:var(--fs-read-m);font-weight:700;
  letter-spacing:0;padding-bottom:10px;
  border-bottom:1px solid var(--border);}
:root:root .ds-conds__l{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:10px;}
:root:root .ds-conds__l li{position:relative;padding-left:14px;
  font-size:var(--fs-read-s);line-height:1.5;color:var(--ink-2);
  letter-spacing:0;}
:root:root .ds-conds__l li::before{content:"";position:absolute;left:0;
  top:.52em;width:6px;height:6px;border-radius:50%;background:currentColor;
  opacity:.55;}
:root:root .ds-conds__i--teal   .ds-conds__s{color:var(--c-teal-700);}
:root:root .ds-conds__i--blue   .ds-conds__s{color:var(--ci-blue);}
:root:root .ds-conds__i--indigo .ds-conds__s{color:var(--brand-ink);}


:root:root .ds-qa{display:grid;gap:14px;margin-top:22px;
  grid-template-columns:1fr;align-items:stretch;}
@media (min-width:1000px){
  :root:root .ds-qa{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
    gap:34px;position:relative;}
  :root:root .ds-qa::after{content:"";position:absolute;
    left:calc(52.8% + 2px);top:50%;translate:-50% -50%;
    width:0;height:0;border-left:15px solid var(--c-teal-400);
    border-top:11px solid transparent;border-bottom:11px solid transparent;}
}
:root:root .ds-qa__q{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:10px;}
:root:root .ds-qa__q li{display:flex;align-items:center;gap:14px;
  padding:14px 18px;border-radius:var(--r-lg);
  background:var(--c-deep-900);flex:1;}
:root:root .ds-qa__q b{flex:0 0 auto;font-family:var(--font-mono);
  font-size:15px;font-weight:700;color:var(--c-teal-400);
  letter-spacing:.02em;}
:root:root .ds-qa__q span{flex:1;min-width:0;font-size:var(--fs-read-m);
  font-weight:600;line-height:1.45;color:#fff;letter-spacing:0;}
:root:root .ds-qa__q em{flex:0 0 auto;font-style:normal;
  padding:5px 11px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.12);font-size:var(--fs-read-xs);
  font-weight:600;color:#fff;letter-spacing:0;white-space:nowrap;}
:root:root .ds-qa__a{border-radius:var(--r-xl);padding:26px;
  display:flex;flex-direction:column;gap:12px;justify-content:center;
  background-color:var(--ci-blue);background-image:var(--ci-grad);
  color:#fff;}
:root:root .ds-qa__k{margin:0;font-family:var(--font-mono);font-size:12px;
  font-weight:700;letter-spacing:.16em;opacity:.9;}
:root:root .ds-qa__h{margin:0;font-size:clamp(19px,2.2vw,26px);
  font-weight:700;line-height:1.4;letter-spacing:0;}
:root:root .ds-qa__chips{margin:6px 0 0;display:flex;flex-wrap:wrap;gap:8px;}
:root:root .ds-qa__chips span{padding:6px 13px;border-radius:var(--r-pill);
  background:rgba(0,0,0,.26);font-size:var(--fs-read-xs);font-weight:600;
  letter-spacing:0;}


:root:root .ds-key--def{align-items:center;}
:root:root .ds-key__b{flex:1 1 320px;min-width:0;}
:root:root .ds-key__b b{display:block;font-size:clamp(17px,1.9vw,22px);
  font-weight:700;line-height:1.35;letter-spacing:0;color:#fff;}
:root:root .ds-key__b em{display:block;margin-top:5px;font-style:normal;
  font-size:var(--fs-read-s);line-height:1.5;letter-spacing:0;
  color:rgba(255,255,255,.80);}


:root:root .ds-val{display:grid;gap:14px;margin-top:18px;
  grid-template-columns:1fr;}

:root:root .ds-val__i{background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-xl);
  padding:20px;box-shadow:var(--el-1);
  display:grid;gap:14px;grid-template-rows:auto auto 1fr;}

@media (min-width:900px){
  :root:root .ds-val{grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:auto auto 1fr;}
  :root:root .ds-val__i{grid-row:span 3;grid-template-rows:subgrid;}
}

:root:root .ds-val__x{margin:0;display:flex;align-items:center;gap:9px;
  padding:9px 13px;border-radius:var(--r-md);background:var(--surface-2);
  font-size:var(--fs-read-s);line-height:1.45;color:var(--ink-2);
  letter-spacing:0;}
:root:root .ds-val__x i{flex:0 0 auto;font-style:normal;font-weight:700;
  color:var(--state-fail);}
:root:root .ds-val__hd{display:flex;align-items:center;gap:13px;}
:root:root .ds-val__ic{flex:0 0 auto;width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;color:#fff;
  background-color:var(--ci-blue);background-image:var(--ci-grad);}
:root:root .ds-val__ic svg{width:22px;height:22px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-val__eb{margin:0;font-family:var(--font-mono);font-size:12px;
  font-weight:700;letter-spacing:.1em;}
:root:root .ds-val__eb span{font-family:var(--font-sans);font-weight:600;
  letter-spacing:0;margin-inline-start:7px;}
:root:root .ds-val__h{margin:3px 0 0;font-size:clamp(18px,2vw,23px);
  font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--ink);}
:root:root .ds-val__h em{font-style:normal;color:inherit;}
:root:root .ds-val__l{list-style:none;margin:auto 0 0;padding:0;
  display:flex;flex-direction:column;gap:9px;}
:root:root .ds-val__l li{position:relative;padding-left:21px;
  font-size:var(--fs-read-s);line-height:1.5;color:var(--ink-2);
  letter-spacing:0;}
:root:root .ds-val__l li::before{content:"✓";position:absolute;left:0;top:0;
  font-weight:700;}
:root:root .ds-val__i--teal   .ds-val__eb,
:root:root .ds-val__i--teal   .ds-val__l li::before{color:var(--c-teal-700);}
:root:root .ds-val__i--blue   .ds-val__eb,
:root:root .ds-val__i--blue   .ds-val__l li::before{color:var(--ci-blue);}
:root:root .ds-val__i--indigo .ds-val__eb,
:root:root .ds-val__i--indigo .ds-val__l li::before{color:var(--brand-ink);}


:root:root .ds-fnd{display:flex;align-items:center;flex-wrap:wrap;
  gap:10px 16px;margin-top:16px;padding:16px 20px;
  border-radius:var(--r-xl);background:var(--surface-2);}
:root:root .ds-fnd__k{font-family:var(--font-mono);font-size:12px;
  font-weight:700;letter-spacing:.14em;color:var(--c-teal-700);}
:root:root .ds-fnd > span:not(.ds-fnd__k){padding:7px 15px;
  border-radius:var(--r-pill);background:var(--surface);
  border:1px solid var(--border);font-size:var(--fs-read-s);
  font-weight:600;color:var(--ink-2);letter-spacing:0;}

:root:root .ds-fnd--ci .ds-fnd__k{color:var(--c-teal-700);letter-spacing:0;}

:root:root .ds-fnd--ci{gap:10px 26px;}
:root:root .ds-fnd--ci > span:not(.ds-fnd__k){padding:0;border:0;
  border-radius:0;background:none;font-weight:400;color:var(--ink-sub);
  font-size:var(--fs-read-s);}
:root:root .ds-lc__ci b{margin-inline-end:7px;font-weight:700;
  color:var(--ink);letter-spacing:0;}

:root:root .ds-fnd--ci > span.ds-lc__ci--tools{color:var(--ci-blue);
  font-weight:700;}



:root:root .ds-lc{margin-top:22px;--lc-k:74px;}
:root:root .ds-lc__row{display:flex;align-items:center;gap:14px;}
:root:root .ds-lc__k{flex:0 0 var(--lc-k);text-align:center;
  padding:6px 4px;border-radius:var(--r-pill);
  background:var(--c-slate-300);color:var(--ink);
  font-family:var(--font-mono);font-size:11.5px;font-weight:700;
  letter-spacing:.1em;}
:root:root .ds-lc__k--to{background:var(--c-teal-400);color:var(--c-deep-900);}
:root:root .ds-lc__steps{flex:1;min-width:0;display:grid;gap:8px;
  grid-template-columns:repeat(3,minmax(0,1fr));}
@media (min-width:860px){
  :root:root .ds-lc__steps{grid-template-columns:repeat(6,minmax(0,1fr));}
}
:root:root .ds-lc__s{padding:12px 10px;border-radius:var(--r-lg);
  background:var(--surface-2);border:1px solid var(--border);
  font-size:var(--fs-read-s);font-weight:600;color:var(--ink-2);
  text-align:center;letter-spacing:0;}

:root:root .ds-lc__s--bad{background:var(--surface);
  border:1.5px dashed var(--state-fail);color:var(--state-fail);
  font-weight:700;}
:root:root .ds-lc__s--to{background-color:var(--ci-blue);
  background-image:var(--ci-grad);border:0;color:#fff;font-weight:700;}

:root:root .ds-lc__note{margin:9px 0 0;
  margin-inline-start:calc(var(--lc-k) + 14px);
  font-size:var(--fs-read-xs);color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-lc__row--to{margin-top:26px;}

:root:root .ds-lc__agents{display:grid;gap:8px;margin-top:8px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-inline-start:calc(var(--lc-k) + 14px);}
@media (min-width:860px){
  :root:root .ds-lc__agents{grid-template-columns:repeat(6,minmax(0,1fr));}
}
:root:root .ds-lc__a{background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);padding:14px 10px;text-align:center;
  box-shadow:var(--el-1);display:flex;flex-direction:column;
  align-items:center;gap:7px;}
:root:root .ds-lc__ai{width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;background:var(--surface-2);
  color:var(--c-teal-700);}
:root:root .ds-lc__a--warn .ds-lc__ai{color:var(--state-warn);}
:root:root .ds-lc__ai svg{width:19px;height:19px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-lc__a b{font-size:var(--fs-read-s);font-weight:700;
  color:var(--ink);letter-spacing:0;}
:root:root .ds-lc__a--warn b{color:var(--state-warn);}

:root:root .ds-lc__a em{font-style:normal;font-size:var(--fs-read-xs);
  line-height:1.5;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}


:root:root .ds-lc{--lc-rise:11px;--lc-pill:38px;}

:root:root .ds-lc__ret{display:flex;align-items:flex-start;
  margin-top:calc(var(--lc-rise) + 3px);
  margin-inline-start:calc(var(--lc-k) + 14px);
  padding-inline:calc((100% - var(--lc-k) - 14px - 16px) / 6);}
@media (min-width:860px){
  :root:root .ds-lc__ret{
    padding-inline:calc((100% - var(--lc-k) - 14px - 40px) / 12);}
}
:root:root .ds-lc__ret-l,:root:root .ds-lc__ret-r{position:relative;
  flex:1 1 auto;min-width:22px;
  height:calc(var(--lc-rise) + var(--lc-pill) / 2);
  margin-top:calc(-1 * var(--lc-rise));
  border-bottom:1.5px solid var(--brand-ink);}
:root:root .ds-lc__ret-l{border-left:1.5px solid var(--brand-ink);
  border-end-start-radius:12px;}
:root:root .ds-lc__ret-r{border-right:1.5px solid var(--brand-ink);
  border-end-end-radius:12px;}

:root:root .ds-lc__ret-l::before{content:"";position:absolute;
  top:-1px;inset-inline-start:-4.75px;width:0;height:0;
  border-inline:5px solid transparent;
  border-bottom:7px solid var(--brand-ink);}
:root:root .ds-lc__loop{flex:0 1 auto;margin:0;
  min-height:var(--lc-pill);display:flex;align-items:center;
  justify-content:center;padding:7px 20px;
  border-radius:var(--r-pill);border:1.5px solid var(--brand-ink);
  background:var(--surface);
  text-align:center;font-size:var(--fs-read-s);font-weight:700;
  color:var(--brand-ink);letter-spacing:0;}



:root:root .ds-pf{--pf-k:156px;display:grid;gap:10px;margin-top:22px;}
:root:root .ds-pf__row{display:grid;gap:10px;
  grid-template-columns:var(--pf-k) minmax(0,1fr);align-items:stretch;}
:root:root .ds-pf__k{display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:2px;text-align:center;padding:12px 8px;
  border-radius:var(--r-lg);background:var(--surface-2);
  font-size:var(--fs-read-xs);font-weight:700;color:var(--ink-2);
  letter-spacing:0;word-break:keep-all;}

:root:root .ds-pf__k--hero{background:var(--brand-soft);
  font-family:var(--font-mono);letter-spacing:var(--tr-label);
  color:var(--c-teal-700);}
:root:root .ds-pf__k--hero em{font-family:var(--font-sans);font-style:normal;
  letter-spacing:0;font-size:var(--fs-read-xs);}

:root:root .ds-pf__k--core{font-family:var(--font-mono);
  letter-spacing:.04em;white-space:nowrap;color:var(--brand-ink);}

:root:root .ds-pf__chips,:root:root .ds-pf__infra{display:flex;flex-wrap:wrap;
  align-items:center;gap:8px;padding:10px 12px;
  border-radius:var(--r-lg);background:var(--surface-2);}
:root:root .ds-pf__chips > span{padding:6px 14px;border-radius:var(--r-pill);
  background:var(--surface);border:1px solid var(--border);
  font-size:var(--fs-read-xs);font-weight:600;color:var(--ink-2);
  letter-spacing:0;}
:root:root .ds-pf__infra{display:grid;gap:8px;
  grid-template-columns:repeat(2,minmax(0,1fr));background:transparent;
  padding:0;}
@media (min-width:860px){
  :root:root .ds-pf__infra{grid-template-columns:repeat(4,minmax(0,1fr));}
}
:root:root .ds-pf__infra > span{padding:11px 10px;border-radius:var(--r-lg);
  background:var(--surface);border:1px solid var(--border);text-align:center;
  font-size:var(--fs-read-xs);font-weight:600;color:var(--ink-2);
  letter-spacing:0;word-break:keep-all;}

:root:root .ds-pf__mods{display:grid;gap:8px;
  grid-template-columns:repeat(2,minmax(0,1fr));}
@media (min-width:1040px){
  :root:root .ds-pf__mods{grid-template-columns:repeat(4,minmax(0,1fr));}
}
:root:root .ds-pf__m{display:flex;align-items:center;gap:11px;
  padding:13px 12px;border-radius:var(--r-lg);text-decoration:none;
  background:var(--surface);border:1px solid var(--border);
  box-shadow:var(--el-1);}
:root:root .ds-pf__m:hover{border-color:var(--brand);
  box-shadow:var(--el-2);}

:root:root .ds-pf__m--on{border:1.5px solid var(--c-teal-700);
  background:var(--brand-soft);}

:root:root .ds-pf__mi{flex:0 0 auto;width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--surface-2);color:var(--ci-blue);}
:root:root .ds-pf__m--on .ds-pf__mi{color:#fff;
  background-color:var(--ci-blue);background-image:var(--ci-grad);}
:root:root .ds-pf__mi svg{width:22px;height:22px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-pf__mt{min-width:0;}
:root:root .ds-pf__mt b{display:block;font-size:var(--fs-read-s);
  font-weight:700;color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-pf__mt em{display:block;margin-top:3px;font-style:normal;
  font-size:var(--fs-read-xs);line-height:1.45;color:var(--ink-sub);
  letter-spacing:0;word-break:keep-all;}


:root:root .ds-pf__core{display:flex;flex-wrap:wrap;align-items:center;
  justify-content:center;gap:6px 20px;padding:14px 18px;min-height:60px;
  border-radius:var(--r-lg);
  background-color:var(--c-deep-900);
  background-image:linear-gradient(100deg,var(--c-deep-900) 0%,
    var(--c-deep-600) 46%,var(--c-blue-700) 135%);}
:root:root .ds-pf__core > span{position:relative;color:#fff;
  font-size:var(--fs-read-s);font-weight:700;letter-spacing:0;}

:root:root .ds-pf__core > span + span::before{content:"·";
  position:absolute;inset-inline-start:-11px;
  color:var(--c-teal-400);font-weight:700;}

:root:root .ds-pf__way{display:grid;gap:8px;
  grid-template-columns:minmax(0,1fr);}
@media (min-width:860px){
  :root:root .ds-pf__way{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);}
}
:root:root .ds-pf__w{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;
  padding:13px 18px;border-radius:var(--r-lg);
  background:var(--surface);border:1px solid var(--border);}
:root:root .ds-pf__w b{font-family:var(--font-mono);font-size:var(--fs-read-s);
  font-weight:700;letter-spacing:var(--tr-label);color:var(--ci-blue);}
:root:root .ds-pf__w em{font-style:normal;font-size:var(--fs-read-xs);
  color:var(--ink-2);letter-spacing:0;word-break:keep-all;}
:root:root .ds-pf__w--deep{border:0;
  background-color:var(--c-deep-900);
  background-image:linear-gradient(100deg,var(--c-deep-900) 0%,
    var(--c-deep-600) 46%,var(--c-blue-700) 135%);}
:root:root .ds-pf__w--deep b{color:var(--c-teal-400);}
:root:root .ds-pf__w--deep em{color:rgba(255,255,255,.86);}

@media (max-width:719px){
  :root:root .ds-pf__row{grid-template-columns:minmax(0,1fr);gap:6px;}
  :root:root .ds-pf__k{flex-direction:row;gap:7px;padding:8px 12px;}
}


:root:root .ds-aa{display:grid;gap:12px;margin-top:22px;}
:root:root .ds-aa__band{display:flex;align-items:center;flex-wrap:wrap;
  gap:4px 18px;padding:15px 20px;border-radius:var(--r-xl);
  background-color:var(--c-deep-900);
  background-image:linear-gradient(100deg,var(--c-deep-900) 0%,
    var(--c-deep-600) 46%,var(--c-blue-700) 135%);}
:root:root .ds-aa__band b{font-size:var(--fs-read);font-weight:700;
  letter-spacing:0;color:var(--c-teal-400);}
:root:root .ds-aa__band em{font-style:normal;font-size:var(--fs-read-s);
  line-height:1.5;letter-spacing:0;color:rgba(255,255,255,.86);
  word-break:keep-all;}

:root:root .ds-aa__band--verdict b{color:var(--state-warn-ink);
  padding:5px 13px;border-radius:var(--r-pill);background:var(--surface);}

:root:root .ds-aa__vi{flex:0 0 auto;width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--surface);color:var(--state-warn-ink);}
:root:root .ds-aa__vi svg{width:19px;height:19px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-aa__cols{display:grid;gap:12px;align-items:stretch;
  grid-template-columns:minmax(0,1fr);}
@media (min-width:900px){
  :root:root .ds-aa__cols{grid-template-columns:repeat(3,minmax(0,1fr));}
}

:root:root .ds-aa__c{padding:16px;border-radius:var(--r-xl);
  background:var(--surface-2);
  display:grid;grid-template-rows:auto 1fr;}
:root:root .ds-aa__l{grid-auto-rows:1fr;}

:root:root .ds-aa__ch{display:flex;flex-direction:column;gap:3px;
  padding-bottom:12px;margin-bottom:12px;text-decoration:none;
  border-bottom:1px solid var(--border);}
:root:root .ds-aa__eb{font-family:var(--font-mono);font-size:12px;
  font-weight:700;letter-spacing:var(--tr-label);}
:root:root .ds-aa__go{display:inline-flex;align-items:center;gap:6px;
  font-size:var(--fs-read-s);font-weight:700;color:var(--ink);
  letter-spacing:0;word-break:keep-all;}
:root:root .ds-aa__go .ds-motif{width:15px;height:15px;flex:0 0 auto;
  fill:none;stroke:currentColor;stroke-width:1.75;}
:root:root .ds-aa__ch:hover .ds-aa__go{color:var(--brand-ink);}
:root:root .ds-aa__c--teal   .ds-aa__eb{color:var(--c-teal-700);}
:root:root .ds-aa__c--blue   .ds-aa__eb{color:var(--ci-blue);}
:root:root .ds-aa__c--indigo .ds-aa__eb{color:var(--brand-ink);}
:root:root .ds-aa__l{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
:root:root .ds-aa__l li{display:grid;gap:2px 11px;align-items:center;
  grid-template-columns:34px minmax(0,1fr);
  padding:9px 11px;border-radius:var(--r-lg);background:var(--surface);
  border:1px solid var(--border);}
:root:root .ds-aa__i{grid-row:1 / span 2;width:34px;height:34px;
  border-radius:50%;display:grid;place-items:center;
  background:var(--surface-2);color:var(--ci-blue);}
:root:root .ds-aa__c--teal   .ds-aa__i{color:var(--c-teal-700);}
:root:root .ds-aa__c--indigo .ds-aa__i{color:var(--brand-ink);}
:root:root .ds-aa__i svg{width:19px;height:19px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-aa__l li b{font-size:var(--fs-read-s);font-weight:700;
  color:var(--ink);letter-spacing:0;}
:root:root .ds-aa__l li em{font-style:normal;font-size:var(--fs-read-xs);
  line-height:1.45;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}

:root:root .ds-aa__hitl{display:flex;align-items:center;flex-wrap:wrap;
  gap:10px 16px;padding:16px 20px;border-radius:var(--r-xl);
  background:var(--surface-2);}
:root:root .ds-aa__hk{font-family:var(--font-mono);font-size:12px;
  font-weight:700;letter-spacing:var(--tr-label);color:var(--c-teal-700);}
:root:root .ds-aa__h{display:inline-flex;align-items:center;gap:8px;
  padding:7px 15px;border-radius:var(--r-pill);background:var(--surface);
  border:1px solid var(--border);font-size:var(--fs-read-s);
  font-weight:600;color:var(--ink-2);letter-spacing:0;word-break:keep-all;}
:root:root .ds-aa__h i{flex:0 0 auto;width:19px;height:19px;
  border-radius:50%;display:grid;place-items:center;font-style:normal;
  font-family:var(--font-mono);font-size:11px;font-weight:700;
  background:var(--brand-soft);color:var(--brand-ink);}

:root:root .ds-aa__tag{margin-inline-start:7px;padding:2px 7px;
  border-radius:var(--r-sm);font-style:normal;font-size:10.5px;
  font-weight:700;letter-spacing:0;
  background:var(--surface-2);color:var(--ink-sub);}


:root:root .ds-ll{--ll-rise:12px;--ll-pill:42px;margin-top:22px;}

:root:root .ds-ll__flow{display:grid;gap:10px;align-items:stretch;
  grid-template-columns:minmax(0,1fr);}
@media (min-width:1080px){
  :root:root .ds-ll__flow{
    grid-template-columns:minmax(0,1fr) 26px minmax(0,.62fr) 26px
                          minmax(0,1.3fr) 26px minmax(0,.95fr);}
  :root:root .ds-ll__ret{grid-column:5 / 8;grid-row:2;}
}
:root:root .ds-ll__arw{display:grid;place-items:center;color:var(--ink-faint);}
:root:root .ds-ll__arw svg{width:22px;height:22px;fill:none;
  stroke:currentColor;stroke-width:2;stroke-linecap:round;
  stroke-linejoin:round;transform:rotate(90deg);}
@media (min-width:1080px){
  :root:root .ds-ll__arw svg{transform:none;}
}


:root:root .ds-ll__k{margin:0 0 10px;font-family:var(--font-mono);
  font-size:var(--fs-read);font-weight:700;letter-spacing:var(--tr-label);
  color:var(--c-teal-700);}
:root:root .ds-ll__src ul{list-style:none;margin:0;padding:0;
  display:grid;gap:7px;}
:root:root .ds-ll__src li{display:grid;gap:1px 10px;align-items:center;
  grid-template-columns:32px minmax(0,1fr);
  padding:9px 12px;border-radius:var(--r-lg);background:var(--surface);
  border:1px solid var(--border);}
:root:root .ds-ll__i,:root:root .ds-ll__ci,:root:root .ds-ll__oi{
  flex:0 0 auto;border-radius:50%;display:grid;place-items:center;}
:root:root .ds-ll__i{grid-row:1 / span 2;width:32px;height:32px;
  background:var(--surface-2);color:var(--c-teal-700);}
:root:root .ds-ll__i svg{width:18px;height:18px;}
:root:root .ds-ll__src li b{font-size:var(--fs-read-s);font-weight:700;
  color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-ll__src li em{font-style:normal;font-size:var(--fs-read-xs);
  line-height:1.4;color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}


:root:root .ds-ll__clean{display:grid;justify-items:center;
  align-content:center;gap:8px;
  padding:18px 14px;border-radius:var(--r-xl);background:var(--surface-2);
  text-align:center;}
:root:root .ds-ll__ci{width:52px;height:52px;color:#fff;
  background-color:var(--ci-blue);background-image:var(--ci-grad);}
:root:root .ds-ll__ci svg{width:25px;height:25px;}
:root:root .ds-ll__clean b{font-size:var(--fs-read);font-weight:700;
  line-height:1.3;color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-ll__clean ul{list-style:none;margin:0;padding:0;display:grid;
  gap:4px;font-size:var(--fs-read-xs);color:var(--ink-sub);
  letter-spacing:0;}


:root:root .ds-ll__graph{padding:14px 12px 12px;border-radius:var(--r-xl);
  display:grid;grid-template-rows:auto 1fr auto;
  background-color:var(--c-deep-900);
  background-image:linear-gradient(140deg,var(--c-deep-900) 0%,
    var(--c-deep-600) 52%,var(--c-blue-700) 140%);}
:root:root .ds-ll__gh{margin:0 0 6px;font-size:var(--fs-read);
  font-weight:700;color:#fff;letter-spacing:0;}
:root:root .ds-ll__gf{margin:6px 0 0;font-size:var(--fs-read-xs);
  color:rgba(255,255,255,.72);letter-spacing:0;}
:root:root .ds-kg{display:block;width:100%;height:100%;min-height:230px;}
:root:root .ds-kg__e line{stroke:rgba(255,255,255,.30);stroke-width:1.6;}
:root:root .ds-kg__n rect{fill:var(--c-deep-900);stroke-width:1.8;}

:root:root .ds-kg__n text{color:#fff;fill:currentColor;
  font-size:17px;font-weight:700;
  text-anchor:middle;font-family:var(--font-sans);letter-spacing:0;}
:root:root .ds-kg__n--teal   rect{stroke:var(--c-teal-400);}
:root:root .ds-kg__n--blue   rect{stroke:var(--ci-blue);}
:root:root .ds-kg__n--indigo rect{stroke:var(--brand);}
:root:root .ds-kg__n--fail   rect{stroke:var(--state-fail);}

:root:root .ds-ll__out{display:grid;gap:10px;}

:root:root .ds-ll__o{display:grid;gap:5px 11px;align-content:center;
  grid-template-columns:42px minmax(0,1fr);align-items:center;
  padding:16px 14px;border-radius:var(--r-xl);background:var(--surface);
  border:1px solid var(--border);box-shadow:var(--el-1);}
:root:root .ds-ll__oi{grid-row:1;grid-column:1;width:42px;height:42px;
  background:var(--surface-2);color:var(--ci-blue);}

:root:root .ds-ll__o b{grid-column:2;}
:root:root .ds-ll__o em{grid-column:1 / -1;}
:root:root .ds-ll__o em:first-of-type{margin-top:7px;}
:root:root .ds-ll__oi svg{width:22px;height:22px;}
:root:root .ds-ll__o b{font-size:var(--fs-read);font-weight:700;
  color:var(--ink);letter-spacing:0;}
:root:root .ds-ll__o em{font-style:normal;font-size:var(--fs-read-xs);
  line-height:1.45;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-ll__i svg,:root:root .ds-ll__ci svg,
:root:root .ds-ll__oi svg{fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;}


:root:root .ds-ll__ret{display:flex;align-items:flex-start;
  margin-top:calc(var(--ll-rise) + 4px);}
@media (min-width:1080px){
  :root:root .ds-ll__ret{
    padding-inline-start:calc((100% - 46px) * .2889);
    padding-inline-end:calc((100% - 46px) * .2111);}
}
:root:root .ds-ll__ret-l,:root:root .ds-ll__ret-r{position:relative;
  flex:1 1 auto;min-width:18px;
  height:calc(var(--ll-rise) + var(--ll-pill) / 2);
  margin-top:calc(-1 * var(--ll-rise));
  border-bottom:1.5px solid var(--brand-ink);}
:root:root .ds-ll__ret-l{border-left:1.5px solid var(--brand-ink);
  border-end-start-radius:12px;}
:root:root .ds-ll__ret-r{border-right:1.5px solid var(--brand-ink);
  border-end-end-radius:12px;}
:root:root .ds-ll__ret-l::before{content:"";position:absolute;
  top:-1px;inset-inline-start:-4.75px;width:0;height:0;
  border-inline:5px solid transparent;
  border-bottom:7px solid var(--brand-ink);}
:root:root .ds-ll__back{flex:0 1 auto;margin:0;
  min-height:var(--ll-pill);display:flex;align-items:center;
  justify-content:center;padding:7px 18px;text-align:center;
  border-radius:var(--r-pill);border:1.5px solid var(--brand-ink);
  background:var(--surface);
  font-size:var(--fs-read-s);font-weight:700;color:var(--brand-ink);
  letter-spacing:0;word-break:keep-all;}

:root:root .ds-ll__gain{display:flex;align-items:center;flex-wrap:wrap;
  gap:8px 14px;margin-top:12px;}
:root:root .ds-ll__gk{font-size:var(--fs-read-s);font-weight:700;
  color:var(--ink-2);letter-spacing:0;}
:root:root .ds-ll__g{padding:7px 15px;border-radius:var(--r-pill);
  font-size:var(--fs-read-xs);font-weight:700;letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-ll__g--up{background:var(--state-pass-soft);
  color:var(--state-pass-ink);}

:root:root .ds-ll__g--down{background:var(--surface-2);
  color:var(--state-fail);}


:root:root .ds-op{display:grid;gap:14px;margin-top:22px;
  grid-template-columns:minmax(0,1fr);}
@media (min-width:1100px){
  :root:root .ds-op{grid-template-columns:minmax(0,1fr) 230px;}
}
:root:root .ds-op__zones{display:grid;gap:8px;align-items:stretch;
  grid-template-columns:minmax(0,1fr);}
@media (min-width:880px){
  :root:root .ds-op__zones{
    grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1fr);}
}

:root:root .ds-op__z{padding:10px;border-radius:var(--r-xl);
  border:1.5px dashed var(--border-strong);}
:root:root .ds-op__z--teal  {border-color:var(--c-teal-700);}
:root:root .ds-op__z--blue  {border-color:var(--ci-blue);}
:root:root .ds-op__z--indigo{border-color:var(--brand);}
:root:root .ds-op__zh{margin:0 0 9px;display:flex;align-items:center;
  justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding:11px 15px;border-radius:var(--r-lg);color:#fff;}
:root:root .ds-op__z--teal   .ds-op__zh{background:var(--c-teal-700);}
:root:root .ds-op__z--blue   .ds-op__zh{background:var(--ci-blue);}
:root:root .ds-op__z--indigo .ds-op__zh{background:var(--brand);}
:root:root .ds-op__zh b{font-size:var(--fs-read-s);font-weight:700;
  letter-spacing:0;word-break:keep-all;}

:root:root .ds-op__zh span{font-family:var(--font-mono);font-size:11px;
  font-weight:700;letter-spacing:.06em;color:#fff;}
:root:root .ds-op__z ul{list-style:none;margin:0;padding:0;
  display:grid;gap:7px;}
:root:root .ds-op__z li{display:grid;gap:1px 12px;align-items:center;
  grid-template-columns:36px minmax(0,1fr);
  padding:11px 12px;border-radius:var(--r-lg);background:var(--surface);}

:root:root .ds-op__i{grid-row:1 / span 2;width:36px;height:36px;
  display:grid;place-items:center;background:none;color:var(--ci-blue);}
:root:root .ds-op__z--teal   .ds-op__i{color:var(--c-teal-700);}
:root:root .ds-op__z--indigo .ds-op__i{color:var(--brand-ink);}
:root:root .ds-op__i svg{width:30px;height:30px;fill:none;
  stroke:currentColor;stroke-width:1.55;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-op__z li b{font-size:var(--fs-read-s);font-weight:700;
  color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-op__z li em{font-style:normal;font-size:var(--fs-read-xs);
  line-height:1.4;color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}

:root:root .ds-op__fw{display:grid;justify-items:center;align-content:center;
  gap:8px;}
:root:root .ds-op__fw span{display:grid;justify-items:center;
  align-content:center;gap:5px;
  width:40px;min-height:148px;padding:12px 0;border-radius:var(--r-lg);
  border:1.5px solid var(--state-warn);background:var(--state-pass-soft);
  color:var(--state-warn-ink);}
:root:root .ds-op__fw span svg{width:19px;height:19px;fill:none;
  stroke:currentColor;stroke-width:1.6;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-op__fw span i{font-style:normal;font-family:var(--font-mono);
  font-size:11px;font-weight:700;letter-spacing:.04em;}
:root:root .ds-op__fw em{font-style:normal;font-family:var(--font-mono);
  font-size:10.5px;color:var(--ink-sub);letter-spacing:0;text-align:center;}

:root:root .ds-op__rail{display:grid;gap:10px;align-content:stretch;
  grid-template-rows:auto 1fr;}
:root:root .ds-op__spec{padding:16px 18px;border-radius:var(--r-xl);
  background-color:var(--c-deep-900);
  background-image:linear-gradient(150deg,var(--c-deep-900) 0%,
    var(--c-deep-600) 60%,var(--c-blue-700) 150%);}
:root:root .ds-op__sh{margin:0 0 11px;}
:root:root .ds-op__sh b{display:block;font-size:var(--fs-read);
  font-weight:700;color:#fff;letter-spacing:0;}
:root:root .ds-op__sh em{display:block;margin-top:2px;font-style:normal;
  font-size:var(--fs-read-xs);color:rgba(255,255,255,.70);letter-spacing:0;}
:root:root .ds-op__spec dl{display:grid;gap:8px 10px;margin:0;
  grid-template-columns:auto 1fr;}
:root:root .ds-op__spec dt{font-size:var(--fs-read-xs);
  color:rgba(255,255,255,.72);letter-spacing:0;}
:root:root .ds-op__spec dd{margin:0;text-align:end;font-size:var(--fs-read-xs);
  font-weight:700;color:#fff;letter-spacing:0;word-break:keep-all;}
:root:root .ds-op__faas{padding:15px 18px;border-radius:var(--r-xl);
  background:var(--surface);border:1px solid var(--border);}

:root:root .ds-op__faas b{display:block;margin-bottom:6px;
  font-size:var(--fs-read-s);font-weight:700;
  letter-spacing:0;color:var(--ci-blue);}
:root:root .ds-op__faas em{display:block;font-style:normal;
  font-size:var(--fs-read-xs);line-height:1.5;color:var(--ink-sub);
  letter-spacing:0;word-break:keep-all;}

@media (max-width:879px){
  :root:root .ds-op__fw{grid-auto-flow:column;justify-content:center;
    align-items:center;gap:10px;}
  :root:root .ds-op__fw span{width:44px;height:30px;}
}


:root:root .ds-tc{display:grid;gap:14px 16px;margin-top:22px;
  grid-template-columns:minmax(0,1fr);}
@media (min-width:720px){
  :root:root .ds-tc{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:1040px){
  :root:root .ds-tc{grid-template-columns:repeat(3,minmax(0,1fr));}
}
:root:root .ds-tc__g{display:grid;gap:8px;align-content:start;}
:root:root .ds-tc__k{margin:0 0 2px;padding-bottom:7px;
  border-bottom:1px solid var(--border);
  font-family:var(--font-mono);font-size:12px;font-weight:700;
  letter-spacing:var(--tr-label);color:var(--ci-blue);}
:root:root .ds-tc__c{display:grid;gap:2px 11px;align-items:center;
  grid-template-columns:36px minmax(0,1fr) auto;
  padding:12px 14px;border-radius:var(--r-lg);text-decoration:none;
  background:var(--surface);border:1px solid var(--border);}
:root:root .ds-tc__c:hover{border-color:var(--brand);
  box-shadow:var(--el-2);}
:root:root .ds-tc__i{grid-row:1 / span 2;width:36px;height:36px;
  border-radius:50%;display:grid;place-items:center;
  background:var(--surface-2);color:var(--ci-blue);}
:root:root .ds-tc__i svg{width:20px;height:20px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-tc__t{grid-row:1 / span 2;min-width:0;}
:root:root .ds-tc__t b{display:block;font-size:var(--fs-read-s);
  font-weight:700;color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-tc__t em{display:block;margin-top:2px;font-style:normal;
  font-size:var(--fs-read-xs);line-height:1.4;color:var(--ink-sub);
  letter-spacing:0;word-break:keep-all;}
:root:root .ds-tc__go{grid-row:1 / span 2;display:inline-flex;
  align-items:center;gap:4px;flex:0 0 auto;
  font-size:var(--fs-read-xs);font-weight:700;color:var(--brand-ink);
  letter-spacing:0;white-space:nowrap;}
:root:root .ds-tc__go .ds-motif{width:14px;height:14px;fill:none;
  stroke:currentColor;stroke-width:1.9;}

@media (max-width:420px){
  :root:root .ds-tc__c{grid-template-columns:36px minmax(0,1fr);}
  :root:root .ds-tc__go{display:none;}
}



:root:root .ds-finwrap{display:grid;gap:16px;margin-top:22px;
  grid-template-columns:minmax(0,1fr);align-items:start;}
@media (min-width:1180px){
  :root:root .ds-finwrap{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);}
}
:root:root .ds-fin{display:grid;gap:12px;
  grid-template-columns:minmax(0,1fr);}
@media (min-width:640px){
  :root:root .ds-fin{grid-template-columns:repeat(3,minmax(0,1fr));}
}



:root:root .ds-finwrap{align-items:stretch;}
:root:root .ds-fmock{display:grid;gap:12px;align-content:stretch;
  grid-template-rows:minmax(0,1fr) auto;}
:root:root .ds-fmock__win{border-radius:var(--r-xl);overflow:hidden;
  display:grid;grid-template-rows:auto minmax(0,1fr);
  background:var(--surface);border:1px solid var(--border);
  box-shadow:var(--el-2);}
:root:root .ds-fmock__bar{margin:0;display:flex;align-items:center;gap:6px;
  padding:10px 14px;background:var(--surface-2);
  border-bottom:1px solid var(--border);}
:root:root .ds-fmock__bar i{width:9px;height:9px;border-radius:50%;
  background:var(--c-slate-300);}
:root:root .ds-fmock__bar i:first-child{background:var(--state-fail);}
:root:root .ds-fmock__bar i:nth-child(2){background:var(--state-warn);}
:root:root .ds-fmock__bar i:nth-child(3){background:var(--c-teal-700);}
:root:root .ds-fmock__bar span{margin-inline-start:8px;
  font-size:var(--fs-read-xs);color:var(--ink-2);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-fmock__body{display:grid;gap:10px;padding:12px;
  grid-template-columns:76px 94px minmax(0,1fr);align-items:stretch;}
:root:root .ds-fmock__nav{display:grid;gap:7px;align-content:start;}
:root:root .ds-fmock__nav em{font-style:normal;font-size:10px;
  padding:5px 7px;border-radius:var(--r-sm);letter-spacing:0;
  color:var(--ink-sub);background:var(--surface-2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
:root:root .ds-fmock__nav em:last-child{color:var(--brand-ink);
  background:var(--brand-soft);font-weight:700;}


:root:root .ds-fmock__phone{display:grid;place-items:start center;
  border-radius:var(--r-lg);background:var(--surface-2);padding:10px;}

:root:root .ds-fmock__phone span{display:block;width:100%;aspect-ratio:9/18;
  border-radius:10px;border:2px solid var(--border-strong);
  background-color:var(--ci-blue);background-image:var(--ci-grad);}

:root:root .ds-fmock__list{display:grid;gap:6px;align-content:start;
  padding:9px;border-radius:var(--r-lg);background:var(--surface-2);}
:root:root .ds-fmock__list span{height:7px;border-radius:4px;
  background:var(--c-slate-300);}

:root:root .ds-fmock__code{position:relative;padding:34px 14px 14px;
  border-radius:var(--r-xl);border:1.5px solid var(--c-teal-700);
  background:var(--surface);box-shadow:var(--el-1);}
:root:root .ds-fmock__tag{position:absolute;top:-14px;inset-inline-start:14px;
  margin:0;padding:6px 15px;border-radius:var(--r-pill);
  background:var(--c-teal-700);color:#fff;
  font-size:var(--fs-read-xs);font-weight:700;letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-fmock__code ul{list-style:none;margin:0;padding:0;
  display:grid;gap:7px;}
:root:root .ds-fmock__code li{display:grid;gap:10px;align-items:center;
  grid-template-columns:22px 86px minmax(0,1fr);
  padding:6px 9px;border-radius:var(--r-sm);
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:0;}
:root:root .ds-fmock__code li.on{background:var(--brand-soft);}
:root:root .ds-fmock__code li b{color:var(--ink-faint);font-weight:400;}

:root:root .ds-fmock__code li.on b{color:var(--ink-sub);}
:root:root .ds-fmock__code li em{font-style:normal;font-weight:700;
  color:var(--ink);}
:root:root .ds-fmock__code li.on em{color:var(--c-teal-700);}
:root:root .ds-fmock__code li span{color:var(--ink-sub);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media (max-width:620px){
  :root:root .ds-fmock__code li{grid-template-columns:22px minmax(0,1fr);
    row-gap:3px;}
  :root:root .ds-fmock__code li span{grid-column:1 / -1;
    white-space:normal;overflow:visible;}
  :root:root .ds-fmock__body{grid-template-columns:minmax(0,1fr) 94px;}
  :root:root .ds-fmock__nav{grid-column:1 / -1;grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);}
  :root:root .ds-fmock__nav em{white-space:normal;text-align:center;
    text-overflow:clip;word-break:keep-all;}
}
:root:root .ds-fin__i{position:relative;padding:18px 18px 20px;
  border-radius:var(--r-xl);background:var(--surface);
  border:1px solid var(--border);box-shadow:var(--el-1);}

:root:root .ds-fin__i--on{border:1.5px solid var(--c-teal-700);
  background:var(--brand-soft);}
:root:root .ds-fin__no{position:absolute;top:14px;inset-inline-end:16px;
  margin:0;font-family:var(--font-mono);font-size:var(--fs-read-s);
  font-weight:700;color:var(--ink-faint);letter-spacing:.04em;}
:root:root .ds-fin__i--on .ds-fin__no{color:var(--c-teal-700);}

:root:root .ds-fin__ic{width:46px;height:46px;border-radius:var(--r-lg);
  display:grid;place-items:center;
  background:var(--surface-2);color:var(--c-teal-700);}
:root:root .ds-fin__i--on .ds-fin__ic{border-radius:50%;color:#fff;
  background-color:var(--c-teal-700);background-image:var(--ci-grad);}
:root:root .ds-fin__ic svg{width:24px;height:24px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-fin__h{margin:14px 0 0;font-size:var(--fs-card);
  font-weight:700;line-height:1.3;color:var(--ink);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-fin__p{margin:7px 0 0;font-size:var(--fs-read-s);
  line-height:1.55;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}


@media (min-width:1100px){
  :root:root .ftr-top{grid-template-columns:minmax(240px,1fr) 2.45fr;}
  :root:root .ftr-cols{gap:22px;
    grid-template-columns:repeat(auto-fit,minmax(132px,1fr));}
}


:root:root .tblock{scroll-margin-top:62px;}
:root:root .hsec{scroll-margin-top:36px;}
:root:root .section{scroll-margin-top:36px;}


:root:root .ds-std{display:grid;gap:14px;margin-top:22px;
  grid-template-columns:minmax(0,1fr);}
@media (min-width:760px){
  :root:root .ds-std{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:1100px){
  :root:root .ds-std{grid-template-columns:repeat(3,minmax(0,1fr));}
}
:root:root .ds-std__i{display:grid;align-content:start;gap:10px;
  padding:20px;border-radius:var(--r-xl);background:var(--surface);
  border:1px solid var(--border);box-shadow:var(--el-1);}
:root:root .ds-std__hd{display:flex;align-items:center;gap:13px;
  padding-bottom:14px;border-bottom:1px solid var(--border);}
:root:root .ds-std__ic{flex:0 0 auto;width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;color:#fff;
  background-color:var(--ci-blue);background-image:var(--ci-grad);}
:root:root .ds-std__ic svg{width:23px;height:23px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-std__h{margin:0;font-size:var(--fs-card);font-weight:700;
  line-height:1.25;color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-std__s{margin:3px 0 0;font-size:var(--fs-read-xs);
  line-height:1.4;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-std__k{margin:0;font-size:var(--fs-read-xs);font-weight:700;
  color:var(--c-teal-700);letter-spacing:0;}
:root:root .ds-std__p{margin:0;font-size:var(--fs-read-s);line-height:1.55;
  color:var(--ink-2);letter-spacing:0;word-break:keep-all;}

:root:root .ds-std__cert{display:flex;align-items:center;flex-wrap:wrap;
  gap:10px 18px;margin-top:14px;padding:16px 20px;
  border-radius:var(--r-xl);
  background-color:var(--c-deep-900);
  background-image:linear-gradient(100deg,var(--c-deep-900) 0%,
    var(--c-deep-600) 46%,var(--c-blue-700) 135%);}
:root:root .ds-std__ck{font-size:var(--fs-read-s);font-weight:700;
  color:var(--c-teal-400);letter-spacing:0;}
:root:root .ds-std__cert > span{padding:7px 16px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.12);color:#fff;
  font-size:var(--fs-read-xs);font-weight:600;letter-spacing:0;
  word-break:keep-all;}



:root:root .ds-sec{display:grid;gap:18px;margin-top:22px;
  grid-template-columns:minmax(0,1fr);align-items:stretch;}
@media (min-width:1040px){
  :root:root .ds-sec{grid-template-columns:repeat(2,minmax(0,1fr));}
}
:root:root .ds-sec__left{display:grid;grid-template-rows:auto minmax(0,1fr);}
:root:root .ds-sec__right{display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;}
:root:root .ds-sec__k{margin:0 0 11px;font-family:var(--font-mono);
  font-size:var(--fs-read-s);font-weight:700;letter-spacing:var(--tr-label);
  color:var(--c-teal-700);}

:root:root .ds-sec__k--map{font-family:var(--font-sans);letter-spacing:0;}

:root:root .ds-sec__layers{display:grid;gap:10px;grid-auto-rows:1fr;}
:root:root .ds-sec__l{display:grid;gap:10px;align-items:stretch;
  grid-template-columns:132px minmax(0,1fr);}
:root:root .ds-sec__lk{display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;text-align:center;
  padding:16px 10px;border-radius:var(--r-lg);color:#fff;
  font-size:var(--fs-read-s);font-weight:700;letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-sec__lk i{width:26px;height:26px;display:grid;
  place-items:center;}
:root:root .ds-sec__lk i svg{width:24px;height:24px;fill:none;
  stroke:currentColor;stroke-width:1.6;stroke-linecap:round;
  stroke-linejoin:round;}

:root:root .ds-sec__l--teal   .ds-sec__lk{background:var(--c-teal-700);}
:root:root .ds-sec__l--cyan   .ds-sec__lk{background:var(--ci-blue);}
:root:root .ds-sec__l--blue   .ds-sec__lk{background:var(--brand-ink);}
:root:root .ds-sec__l--indigo .ds-sec__lk{background:var(--c-deep-600);}
:root:root .ds-sec__l ul{list-style:none;margin:0;padding:14px 16px;
  display:grid;gap:7px;align-content:center;border-radius:var(--r-lg);
  background:var(--surface);border:1px solid var(--border);}
:root:root .ds-sec__l li{position:relative;padding-left:15px;
  font-size:var(--fs-read-s);line-height:1.5;color:var(--ink-2);
  letter-spacing:0;word-break:keep-all;}
:root:root .ds-sec__l li::before{content:"";position:absolute;left:0;top:.62em;
  width:6px;height:6px;border-radius:50%;background:var(--c-teal-700);}
:root:root .ds-sec__l--cyan   li::before{background:var(--ci-blue);}
:root:root .ds-sec__l--blue   li::before{background:var(--brand-ink);}
:root:root .ds-sec__l--indigo li::before{background:var(--c-deep-600);}

:root:root .ds-sec__map{border-radius:var(--r-xl);overflow:hidden;
  border:1px solid var(--border);background:var(--surface);}
:root:root .ds-sec__mh,:root:root .ds-sec__r{margin:0;display:grid;
  gap:4px 14px;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);
  padding:12px 16px;align-items:center;}
:root:root .ds-sec__mh{
  background-color:var(--c-deep-900);
  background-image:linear-gradient(100deg,var(--c-deep-900) 0%,
    var(--c-deep-600) 60%,var(--c-blue-700) 150%);}
:root:root .ds-sec__mh b{font-size:var(--fs-read-s);font-weight:700;
  color:#fff;letter-spacing:0;}
:root:root .ds-sec__mh em{font-style:normal;font-size:var(--fs-read-s);
  font-weight:700;color:var(--c-teal-400);letter-spacing:0;}
:root:root .ds-sec__r + .ds-sec__r,
:root:root .ds-sec__mh + .ds-sec__r{border-top:1px solid var(--border);}
:root:root .ds-sec__r b{font-size:var(--fs-read-s);font-weight:700;
  color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-sec__r b i{display:block;margin-top:2px;font-style:normal;
  font-size:var(--fs-read-xs);font-weight:400;color:var(--ink-sub);
  letter-spacing:0;}
:root:root .ds-sec__r em{font-style:normal;font-size:var(--fs-read-s);
  line-height:1.5;color:var(--ink-2);letter-spacing:0;word-break:keep-all;}

:root:root .ds-sec__note{margin:12px 0 0;padding:16px 20px;
  border-radius:var(--r-xl);background:var(--surface-2);
  letter-spacing:0;word-break:keep-all;}
:root:root .ds-sec__note b{display:block;font-size:var(--fs-card);
  font-weight:700;line-height:1.3;color:var(--c-teal-700);}
:root:root .ds-sec__note em{display:block;margin-top:5px;font-style:normal;
  font-size:var(--fs-read-s);color:var(--ink-sub);}
@media (max-width:560px){
  :root:root .ds-sec__l{grid-template-columns:minmax(0,1fr);}
  :root:root .ds-sec__lk{flex-direction:row;}
  :root:root .ds-sec__mh,:root:root .ds-sec__r{
    grid-template-columns:minmax(0,1fr);}
}


:root:root .ds-cap{display:grid;gap:26px;margin-top:22px;}

:root:root .ds-cap__stats{display:grid;gap:12px;
  grid-template-columns:repeat(2,minmax(0,1fr));}
@media (min-width:760px){
  :root:root .ds-cap__stats{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:1100px){
  :root:root .ds-cap__stats{grid-template-columns:repeat(5,minmax(0,1fr));}
}
:root:root .ds-cap__s{display:grid;align-content:start;gap:4px;
  padding:20px;border-radius:var(--r-xl);background:var(--surface);
  border:1px solid var(--border);box-shadow:var(--el-1);}
:root:root .ds-cap__s i{width:34px;height:4px;border-radius:2px;
  margin-bottom:10px;background:var(--c-teal-700);}
:root:root .ds-cap__s b{font-size:clamp(26px,3.1vw,38px);font-weight:700;
  line-height:1.1;letter-spacing:-.02em;color:var(--c-teal-700);}
:root:root .ds-cap__s em{font-style:normal;font-size:var(--fs-read-xs);
  line-height:1.45;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-cap__s--cyan   i,:root:root .ds-cap__s--cyan   b{
  background:none;color:var(--ci-blue);}
:root:root .ds-cap__s--cyan   i{background:var(--ci-blue);}
:root:root .ds-cap__s--blue   i{background:var(--brand-ink);}
:root:root .ds-cap__s--blue   b{color:var(--brand-ink);}
:root:root .ds-cap__s--indigo i{background:var(--c-deep-600);}
:root:root .ds-cap__s--indigo b{color:var(--c-deep-600);}
:root:root .ds-cap__s--ink    i{background:var(--ink);}
:root:root .ds-cap__s--ink    b{color:var(--ink);}

:root:root .ds-cap__k{margin:0 0 12px;font-size:var(--fs-read);
  font-weight:700;color:var(--ink);letter-spacing:0;}
:root:root .ds-cap__line{display:grid;gap:14px 10px;
  grid-template-columns:repeat(2,minmax(0,1fr));}
@media (min-width:760px){
  :root:root .ds-cap__line{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:1100px){
  :root:root .ds-cap__line{grid-template-columns:repeat(6,minmax(0,1fr));}
}
:root:root .ds-cap__n{position:relative;display:grid;align-content:start;
  gap:3px;}
:root:root .ds-cap__y{margin:0 0 9px;font-size:var(--fs-read-s);
  font-weight:700;color:var(--c-teal-700);letter-spacing:0;}
:root:root .ds-cap__n--now .ds-cap__y{color:var(--brand-ink);}
:root:root .ds-cap__dot{position:relative;display:block;height:18px;
  margin-bottom:11px;}
:root:root .ds-cap__dot::before{content:"";position:absolute;top:8px;
  left:0;right:-10px;height:2px;background:var(--border-strong);}
:root:root .ds-cap__n:last-child .ds-cap__dot::before{right:0;}
:root:root .ds-cap__dot::after{content:"";position:absolute;top:0;left:0;
  width:18px;height:18px;border-radius:50%;
  background:var(--surface);border:2.5px solid var(--c-teal-700);}
:root:root .ds-cap__n--now .ds-cap__dot::after{border:0;
  background-color:var(--ci-blue);background-image:var(--ci-grad);}
:root:root .ds-cap__t{margin:0;font-size:var(--fs-read-s);font-weight:700;
  line-height:1.3;color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-cap__n--now .ds-cap__t{color:var(--brand-ink);}
:root:root .ds-cap__d{margin:2px 0 0;font-size:var(--fs-read-xs);
  line-height:1.45;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}

:root:root .ds-cap__base{display:grid;gap:12px;
  grid-template-columns:minmax(0,1fr);}
@media (min-width:720px){
  :root:root .ds-cap__base{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:1100px){
  :root:root .ds-cap__base{grid-template-columns:repeat(4,minmax(0,1fr));}
}
:root:root .ds-cap__b{display:grid;align-content:start;gap:7px;
  padding:18px;border-radius:var(--r-xl);background:var(--surface);
  border:1px solid var(--border);box-shadow:var(--el-1);}
:root:root .ds-cap__bh{margin:0;display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;}
:root:root .ds-cap__bi{flex:0 0 auto;width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--surface-2);color:var(--c-teal-700);}
:root:root .ds-cap__bi:empty{display:none;}
:root:root .ds-cap__bi svg{width:21px;height:21px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-cap__bh b{font-size:var(--fs-read);font-weight:700;
  color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-cap__bh i{padding:3px 10px;border-radius:var(--r-pill);
  font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:0;
  background:var(--surface-2);color:var(--ink-sub);}
:root:root .ds-cap__b em{font-style:normal;font-size:var(--fs-read-s);
  line-height:1.5;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-cap__b--deep{border:0;align-content:center;
  background-color:var(--c-deep-900);
  background-image:linear-gradient(120deg,var(--c-teal-700) -10%,
    var(--c-deep-600) 48%,var(--c-blue-700) 130%);}
:root:root .ds-cap__b--deep .ds-cap__bh b{font-size:clamp(20px,2.3vw,27px);
  color:#fff;}
:root:root .ds-cap__b--deep em{color:rgba(255,255,255,.88);}


:root:root .ds-ad{display:grid;gap:14px;margin-top:22px;}
:root:root .ds-ad__flow{display:grid;gap:10px;align-items:stretch;
  grid-template-columns:minmax(0,1fr);}
@media (min-width:1100px){
  :root:root .ds-ad__flow{grid-template-columns:
    minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);}
}
:root:root .ds-ad__arw{display:grid;place-items:center;color:var(--ink-faint);}
:root:root .ds-ad__arw svg{width:20px;height:20px;fill:none;
  stroke:currentColor;stroke-width:2;stroke-linecap:round;
  stroke-linejoin:round;transform:rotate(90deg);}
@media (min-width:1100px){
  :root:root .ds-ad__arw svg{transform:none;}
}

:root:root .ds-ad__s{display:grid;grid-template-rows:auto minmax(0,1fr);
  border-radius:var(--r-xl);overflow:hidden;background:var(--surface);
  border:1px solid var(--border);box-shadow:var(--el-1);}
:root:root .ds-ad__h{margin:0;display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;padding:16px 18px;color:#fff;}
:root:root .ds-ad__s--teal   .ds-ad__h{background:var(--c-teal-700);}
:root:root .ds-ad__s--cyan   .ds-ad__h{background:var(--ci-blue);}
:root:root .ds-ad__s--blue   .ds-ad__h{background:var(--brand-ink);}
:root:root .ds-ad__s--indigo .ds-ad__h{background:var(--c-deep-600);}
:root:root .ds-ad__h b{font-family:var(--font-mono);font-size:21px;
  font-weight:700;letter-spacing:.02em;}
:root:root .ds-ad__h em{flex:1;font-style:normal;font-size:var(--fs-read);
  font-weight:700;letter-spacing:0;word-break:keep-all;}
:root:root .ds-ad__h i{flex:0 0 auto;padding:4px 12px;
  border-radius:var(--r-pill);background:var(--surface);
  font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:0;
  color:var(--ink-2);}
:root:root .ds-ad__body{display:grid;align-content:start;gap:7px;
  padding:16px 18px 18px;}
:root:root .ds-ad__k{margin:0;font-size:var(--fs-read-xs);font-weight:600;
  color:var(--ink-faint);letter-spacing:0;}
:root:root .ds-ad__k--out{margin-top:8px;padding-top:12px;
  border-top:1px solid var(--border);}
:root:root .ds-ad__do{list-style:none;margin:0;padding:0;display:grid;gap:7px;}

:root:root .ds-ad__do li{position:relative;padding-left:13px;
  font-size:13.5px;line-height:1.5;color:var(--ink-2);
  letter-spacing:0;word-break:keep-all;}
:root:root .ds-ad__do li::before{content:"";position:absolute;left:0;
  top:.6em;width:5px;height:5px;border-radius:50%;
  background:var(--c-teal-700);}
:root:root .ds-ad__s--cyan   .ds-ad__do li::before{background:var(--ci-blue);}
:root:root .ds-ad__s--blue   .ds-ad__do li::before{background:var(--brand-ink);}
:root:root .ds-ad__s--indigo .ds-ad__do li::before{background:var(--c-deep-600);}

:root:root .ds-ad__out{margin:0;display:flex;flex-wrap:wrap;gap:6px;}
:root:root .ds-ad__out span{padding:5px 11px;border-radius:var(--r-pill);
  background:var(--surface-2);font-size:11px;font-weight:600;
  color:var(--ink-2);letter-spacing:0;white-space:nowrap;}

:root:root .ds-ad__foot{display:grid;gap:12px;
  grid-template-columns:minmax(0,1fr);align-items:stretch;}
@media (min-width:1100px){
  :root:root .ds-ad__foot{
    grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);}
}
:root:root .ds-ad__prep{display:grid;align-content:center;gap:11px;
  padding:18px 20px;border-radius:var(--r-xl);
  background-color:var(--c-deep-900);
  background-image:linear-gradient(100deg,var(--c-deep-900) 0%,
    var(--c-deep-600) 52%,var(--c-blue-700) 150%);}
:root:root .ds-ad__pk{margin:0;font-size:var(--fs-read);font-weight:700;
  color:var(--c-teal-400);letter-spacing:0;}
:root:root .ds-ad__prep > div{display:flex;flex-wrap:wrap;gap:8px;}
:root:root .ds-ad__prep span{padding:7px 15px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.12);color:#fff;
  font-size:var(--fs-read-xs);font-weight:600;letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-ad__w{display:grid;align-content:center;gap:4px;
  padding:18px 20px;border-radius:var(--r-xl);background:var(--surface);
  border:1.5px solid var(--c-teal-700);}
:root:root .ds-ad__w--blue{border-color:var(--ci-blue);}
:root:root .ds-ad__w i{width:30px;height:4px;border-radius:2px;
  margin-bottom:6px;background:var(--c-teal-700);}
:root:root .ds-ad__w--blue i{background:var(--ci-blue);}
:root:root .ds-ad__w b{font-size:clamp(18px,2vw,23px);font-weight:700;
  letter-spacing:0;color:var(--c-teal-700);}
:root:root .ds-ad__w--blue b{color:var(--ci-blue);}
:root:root .ds-ad__w em{font-style:normal;font-size:var(--fs-read-s);
  line-height:1.5;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}



:root:root .ds-wc{display:grid;gap:16px;margin-top:18px;
  grid-template-columns:minmax(0,1fr);align-items:stretch;}

@media (min-width:1180px){
  :root:root .ds-wc{grid-template-columns:minmax(0,2fr) minmax(0,1fr);}
}
:root:root .ds-wc__shot{border-radius:var(--r-xl);
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  background:var(--surface);border:1px solid var(--border);
  box-shadow:var(--el-2);}
:root:root .ds-wc__bar{margin:0;display:flex;align-items:center;gap:6px;
  padding:10px 14px;background:var(--surface-2);
  border-bottom:1px solid var(--border);}
:root:root .ds-wc__bar i{width:9px;height:9px;border-radius:50%;
  background:var(--c-slate-300);}
:root:root .ds-wc__bar i:first-child{background:var(--state-fail);}
:root:root .ds-wc__bar i:nth-child(2){background:var(--state-warn);}
:root:root .ds-wc__bar i:nth-child(3){background:var(--c-teal-700);}
:root:root .ds-wc__bar span{margin-inline-start:8px;
  font-size:var(--fs-read-xs);color:var(--ink-2);letter-spacing:0;
  word-break:keep-all;}

:root:root .ds-wc__shot{overflow-x:auto;overscroll-behavior-x:contain;}
:root:root .ds-wc__body{display:grid;gap:10px;padding:12px;min-width:740px;
  grid-template-columns:110px minmax(0,1fr) 168px;}
:root:root .ds-wc__nav{display:grid;gap:5px;align-content:start;}
:root:root .ds-wc__nav em{font-style:normal;font-size:10.5px;
  padding:6px 8px;border-radius:var(--r-sm);letter-spacing:0;
  color:var(--ink-sub);background:var(--surface-2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
:root:root .ds-wc__nav em.on{color:var(--brand-ink);
  background:var(--brand-soft);font-weight:700;}
:root:root .ds-wc__main{display:grid;align-content:start;
  grid-template-rows:auto auto auto auto minmax(0,1fr);}
:root:root .ds-wc__tabs{margin:0 0 9px;display:flex;flex-wrap:wrap;
  align-items:center;gap:5px;}

:root:root .ds-wc__n{display:inline-grid;place-items:center;flex:0 0 auto;
  width:18px;height:18px;border-radius:50%;font-style:normal;
  font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:#fff;
  background-color:var(--ci-blue);background-image:var(--ci-grad);
  margin-inline-end:6px;vertical-align:middle;}
:root:root .ds-wc__n--t{margin-inline-end:7px;}

:root:root .ds-wc__n--hd{margin-inline:auto 0;}


:root:root .ds-wc__ag{margin:0 0 4px;display:flex;flex-wrap:wrap;
  align-items:center;gap:6px;}
:root:root .ds-wc__ag b{padding:5px 12px;border-radius:999px;
  font-size:10.5px;font-weight:700;letter-spacing:0;white-space:nowrap;
  color:#fff;background:var(--brand-ink);}
:root:root .ds-wc__ag span{padding:5px 12px;border-radius:999px;
  font-size:10.5px;font-weight:600;letter-spacing:0;white-space:nowrap;
  color:var(--brand-ink);background:var(--brand-soft);}
:root:root .ds-wc__tabs span{padding:5px 10px;border-radius:var(--r-sm);
  font-size:10.5px;color:var(--ink-sub);background:var(--surface-2);
  letter-spacing:0;white-space:nowrap;}
:root:root .ds-wc__tabs span.on{background:var(--brand-ink);color:#fff;
  font-weight:700;}
:root:root .ds-wc__h{margin:0 0 9px;font-size:var(--fs-read-s);
  font-weight:700;color:var(--ink);letter-spacing:0;}

:root:root .ds-wc__grid{display:grid;gap:4px;}

:root:root .ds-wc__r{display:grid;gap:4px;align-items:center;
  grid-template-columns:minmax(118px,3fr) repeat(5,minmax(0,1fr));}
:root:root .ds-wc__r b{display:flex;align-items:center;
  font-size:10.5px;font-weight:600;color:var(--ink-2);
  letter-spacing:0;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;padding-inline-end:4px;}
:root:root .ds-wc__r--hd b{font-size:10px;font-weight:700;
  color:var(--ink-faint);}

:root:root .ds-wc__tg{flex:0 0 auto;margin-inline-start:6px;
  padding:2px 7px;border-radius:var(--r-sm);font-style:normal;
  font-size:8.5px;font-weight:700;letter-spacing:0;
  background:var(--brand-soft);color:var(--brand-ink);}

:root:root .ds-wc__br{display:grid;justify-items:center;gap:2px;}
:root:root .ds-wc__br img.ds-wc__bi{display:block;width:18px;height:18px;}
:root:root .ds-wc__br svg{width:16px;height:16px;fill:none;
  stroke:currentColor;stroke-width:1.6;stroke-linecap:round;
  stroke-linejoin:round;}
:root:root .ds-wc__br em{font-style:normal;font-size:9px;font-weight:700;
  letter-spacing:0;color:var(--ink-sub);}
:root:root .ds-wc__br--pass  {color:var(--state-pass);}
:root:root .ds-wc__br--blue  {color:var(--ci-blue);}
:root:root .ds-wc__br--indigo{color:var(--brand);}
:root:root .ds-wc__br--warn  {color:var(--state-warn);}
:root:root .ds-wc__br--teal  {color:var(--c-teal-700);}
:root:root .ds-wc__m{display:block;padding:4px 0;border-radius:var(--r-sm);
  text-align:center;font-size:9.5px;font-weight:700;letter-spacing:0;
  white-space:nowrap;}
:root:root .ds-wc__m--ok{background:var(--state-pass-soft);
  color:var(--state-pass-ink);}
:root:root .ds-wc__m--heal{background:var(--brand-soft);
  color:var(--brand-ink);}
:root:root .ds-wc__m--fail{background:var(--surface-2);
  color:var(--state-fail);}

:root:root .ds-wc__tk{margin:12px 0 7px;font-size:9.5px;font-weight:700;
  color:var(--ci-blue);letter-spacing:0;}
:root:root .ds-wc__trace{display:flex;align-items:flex-end;gap:4px;
  height:54px;padding:7px 9px;border-radius:var(--r-sm);
  background:var(--surface-2);}
:root:root .ds-wc__trace i{flex:1;min-width:0;border-radius:2px;
  background:var(--c-slate-300);}
:root:root .ds-wc__trace i.on{background:var(--state-fail);}

:root:root .ds-wc__side{padding:10px;border-radius:var(--r-lg);
  background:var(--surface-2);}

:root:root .ds-wc__sk{margin:0 0 8px;display:flex;align-items:center;
  font-size:10px;font-weight:700;color:var(--ink-sub);letter-spacing:.04em;}
:root:root .ds-wc__side ul{list-style:none;margin:0;padding:0;
  display:grid;gap:7px;}
:root:root .ds-wc__side li{display:grid;gap:1px 7px;
  grid-template-columns:18px minmax(0,1fr);align-items:center;}
:root:root .ds-wc__side li i{grid-row:1 / span 2;width:18px;height:18px;
  border-radius:50%;display:grid;place-items:center;font-style:normal;
  font-family:var(--font-mono);font-size:9.5px;font-weight:700;
  background:var(--surface);color:var(--c-teal-700);}
:root:root .ds-wc__side li b{font-size:10px;font-weight:700;color:var(--ink);
  letter-spacing:0;}
:root:root .ds-wc__side li em{font-style:normal;font-size:9.5px;
  line-height:1.4;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}

:root:root .ds-wc__foot{margin:0;display:flex;align-items:center;
  flex-wrap:wrap;gap:8px 16px;padding:12px 14px;
  border-top:1px solid var(--border);background:var(--surface-2);}
:root:root .ds-wc__fk{padding:5px 13px;border-radius:var(--r-pill);
  background:var(--c-teal-700);color:#fff;font-family:var(--font-mono);
  font-size:10.5px;font-weight:700;letter-spacing:.06em;}

:root:root .ds-wc__foot em{font-style:normal;font-size:var(--fs-read-xs);
  color:var(--ink-2);letter-spacing:0;word-break:keep-all;}

:root:root .ds-wc__foot .ds-wc__br{grid-auto-flow:column;align-items:center;
  gap:7px;}
:root:root .ds-wc__foot .ds-wc__br img.ds-wc__bi{width:22px;height:22px;}
:root:root .ds-wc__foot .ds-wc__br em{font-size:var(--fs-read-xs);
  color:var(--ink-2);}


:root:root .ds-wc__pts{display:grid;gap:14px;align-content:space-between;}
:root:root .ds-wc__pts ol{list-style:none;margin:0;padding:0;
  display:grid;gap:14px;counter-reset:none;}
:root:root .ds-wc__pts li{display:grid;gap:11px;
  grid-template-columns:30px minmax(0,1fr);align-items:start;}
:root:root .ds-wc__pts li i{width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;font-style:normal;
  font-family:var(--font-mono);font-size:13px;font-weight:700;color:#fff;
  background-color:var(--ci-blue);background-image:var(--ci-grad);}
:root:root .ds-wc__pts li b{display:block;font-size:var(--fs-card);
  font-weight:700;line-height:1.3;color:var(--ink);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-wc__pts li em{display:block;margin-top:4px;font-style:normal;
  font-size:var(--fs-read-s);line-height:1.5;color:var(--ink-sub);
  letter-spacing:0;word-break:keep-all;}
:root:root .ds-wc__sum{margin:0;display:flex;align-items:center;gap:16px;
  flex-wrap:wrap;padding:16px 18px;border-radius:var(--r-xl);
  background:var(--surface-2);}
:root:root .ds-wc__sum b{font-size:clamp(22px,2.6vw,30px);font-weight:700;
  letter-spacing:0;color:var(--c-teal-700);white-space:nowrap;}
:root:root .ds-wc__sum em{flex:1;font-style:normal;font-size:var(--fs-read-s);
  line-height:1.5;color:var(--ink-2);letter-spacing:0;word-break:keep-all;}



:root:root .ds-wc__body--api{min-width:740px;
  grid-template-columns:96px 142px minmax(0,1fr) 160px;}

:root:root .ds-wc__body--perf{min-width:740px;
  grid-template-columns:110px minmax(0,1fr);}


:root:root .ds-wc__body--dev{min-width:740px;
  grid-template-columns:110px minmax(0,1fr) 168px;}

:root:root .ds-dc__nk{margin:0 0 3px;display:flex;align-items:center;
  font-size:10px;font-weight:700;color:var(--ink-sub);letter-spacing:0;}

:root:root .ds-dc__tools{margin:0 0 9px;display:flex;flex-wrap:wrap;
  align-items:center;gap:5px;padding:7px 9px;border-radius:var(--r-lg);
  background:var(--surface-2);}
:root:root .ds-dc__tools span{padding:3px 8px;border-radius:var(--r-sm);
  font-size:9.5px;font-weight:600;letter-spacing:0;white-space:nowrap;
  color:var(--ink-sub);background:var(--surface);}

:root:root .ds-dc__grid{display:grid;gap:8px;
  grid-template-columns:repeat(3,minmax(0,1fr));}

:root:root .ds-dc__u{display:grid;gap:5px;padding:8px;
  grid-template-rows:auto auto minmax(236px,1fr);
  border-radius:var(--r-lg);background:var(--surface-2);}
:root:root .ds-dc__uh{margin:0;display:flex;align-items:center;gap:5px;}
:root:root .ds-dc__uh b{font-size:10px;font-weight:700;color:var(--ink);
  letter-spacing:0;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;}
:root:root .ds-dc__sx{flex:0 0 auto;
  padding:2px 7px;border-radius:var(--r-sm);font-style:normal;
  font-size:8.5px;font-weight:700;letter-spacing:0;}
:root:root .ds-dc__sx--run{background:var(--state-pass-soft);
  color:var(--state-pass-ink);}
:root:root .ds-dc__sx--wait{background:var(--surface);color:var(--ink-sub);}
:root:root .ds-dc__um{margin:0;display:flex;align-items:center;gap:5px;
  font-size:9px;color:var(--ink-sub);letter-spacing:0;
  white-space:nowrap;overflow:hidden;}
:root:root .ds-dc__clk{flex:0 0 auto;margin-inline-start:auto;
  font-family:var(--font-mono);font-size:9px;color:var(--ink-sub);}

:root:root .ds-dc__scr{display:grid;gap:7px;
  grid-template-rows:auto auto auto auto minmax(0,1fr);
  padding:9px 10px 11px;border-radius:var(--r-md);
  border:1px solid var(--border);background:var(--surface);}
:root:root .ds-dc__stb{display:flex;justify-content:flex-end;gap:3px;}
:root:root .ds-dc__stb i{width:4px;height:4px;border-radius:50%;
  background:var(--border-strong);}
:root:root .ds-dc__wx{margin:2px 0 0;display:grid;gap:1px;
  justify-items:center;}
:root:root .ds-dc__wx b{font-size:var(--fs-read-m);font-weight:700;
  color:var(--ink);letter-spacing:0;}
:root:root .ds-dc__wx em{font-style:normal;font-size:8.5px;
  color:var(--ink-sub);letter-spacing:0;}

:root:root .ds-dc__sb{margin:0;height:11px;border-radius:999px;
  background:var(--surface-2);}

:root:root .ds-dc__hm{margin:0 auto;align-self:end;width:34%;height:3px;
  border-radius:999px;background:var(--border-strong);}
:root:root .ds-dc__apps{display:grid;gap:6px;
  grid-template-columns:repeat(4,minmax(0,1fr));}
:root:root .ds-dc__ap{display:block;aspect-ratio:1;border-radius:var(--r-sm);
  background:var(--surface-2);}

:root:root .ds-dc__ap--1{background:var(--brand-soft);}
:root:root .ds-dc__ap--3{background:var(--state-pass-soft);}
:root:root .ds-dc__ap--6{background:var(--c-indigo-100);}
:root:root .ds-dc__ap--8{background:var(--c-indigo-50);}


:root:root .ds-wc__body--data{min-width:740px;
  grid-template-columns:110px minmax(0,1fr);}
:root:root .ds-dg__sub{display:block;margin-top:2px;font-style:normal;
  font-size:9.5px;font-weight:400;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-dg__k,
:root:root .ds-dg__fk{margin:0 0 7px;display:flex;align-items:center;
  font-size:10px;font-weight:700;color:var(--ink-sub);letter-spacing:0;}

:root:root .ds-dg__cards{display:grid;gap:7px;margin-bottom:9px;
  grid-template-columns:repeat(4,minmax(0,1fr));}
:root:root .ds-dg__c{display:grid;align-content:start;gap:3px;padding:9px;
  border-radius:var(--r-md);background:var(--surface);
  border:1px solid var(--border);border-block-start:2px solid var(--ci-blue);}
:root:root .ds-dg__c--synth{border-block-start-color:var(--brand-ink);}
:root:root .ds-dg__c--mask{border-block-start-color:var(--state-pass);}
:root:root .ds-dg__c--bva{border-block-start-color:var(--c-indigo-600);}
:root:root .ds-dg__c--err{border-block-start-color:var(--state-warn);}
:root:root .ds-dg__c b{font-size:9.5px;font-weight:700;color:var(--ink);
  letter-spacing:0;}

:root:root .ds-dg__c em{font-style:normal;font-size:9px;line-height:1.45;
  min-height:2.9em;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-dg__n{margin:4px 0 0;display:flex;align-items:baseline;gap:5px;
  font-size:var(--fs-read-s);font-weight:700;color:var(--ink);
  letter-spacing:0;}
:root:root .ds-dg__n i{font-style:normal;font-size:8px;font-weight:700;
  color:var(--ink-sub);letter-spacing:.04em;}
:root:root .ds-dg__on{justify-self:start;padding:2px 7px;
  border-radius:var(--r-sm);font-size:8.5px;font-weight:700;letter-spacing:0;
  background:var(--state-pass-soft);color:var(--state-pass-ink);}

:root:root .ds-dg__map{margin:0 0 9px;display:flex;flex-wrap:wrap;
  align-items:center;gap:5px;padding:7px 9px;border-radius:var(--r-lg);
  background:var(--surface-2);}
:root:root .ds-dg__mk{padding:2px 7px;border-radius:var(--r-sm);
  font-size:8.5px;font-weight:700;letter-spacing:0;
  background:var(--brand-ink);color:#fff;}
:root:root .ds-dg__m{display:inline-flex;align-items:center;gap:4px;
  padding:3px 8px;border-radius:var(--r-sm);font-size:9px;
  color:var(--ink-sub);letter-spacing:0;background:var(--surface);
  white-space:nowrap;}
:root:root .ds-dg__m b{font-family:var(--font-mono);font-size:8.5px;
  font-weight:700;color:var(--brand-ink);}

:root:root .ds-dg__agent{margin-bottom:9px;padding:10px;
  border-radius:var(--r-lg);background:var(--surface-2);}
:root:root .ds-dg__ah{margin:0 0 7px;display:flex;flex-wrap:wrap;
  align-items:center;gap:7px;}
:root:root .ds-dg__ah b{font-size:var(--fs-read-s);font-weight:700;
  color:var(--brand-ink);letter-spacing:0;}
:root:root .ds-dg__ah em{font-style:normal;padding:2px 8px;
  border-radius:var(--r-sm);font-size:8.5px;font-weight:700;
  letter-spacing:.04em;background:var(--state-pass-soft);
  color:var(--state-pass-ink);}

:root:root .ds-dg__req{margin:0 0 7px;display:flex;align-items:center;
  padding:8px 11px;border-radius:var(--r-md);letter-spacing:0;
  font-size:10px;font-weight:600;color:#fff;
  background-color:var(--c-deep-900);word-break:keep-all;}
:root:root .ds-dg__req .ds-wc__n{background-image:none;
  background-color:rgba(255,255,255,.18);}
:root:root .ds-dg__done{margin:0;display:flex;flex-wrap:wrap;
  align-items:center;gap:4px 8px;padding:8px 10px;border-radius:var(--r-md);
  background:var(--surface);border:1px solid var(--border);}
:root:root .ds-dg__done b{font-size:9.5px;font-weight:700;letter-spacing:0;
  color:var(--state-pass-ink);}
:root:root .ds-dg__done b::before{content:"✓ ";}
:root:root .ds-dg__done em{font-style:normal;font-size:9px;
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}
:root:root .ds-dg__dl{margin-inline-start:auto;flex:0 0 auto;
  padding:3px 9px;border-radius:999px;font-size:8.5px;font-weight:700;
  letter-spacing:0;background:var(--surface-2);color:var(--ink-2);}

:root:root .ds-dg__flow{padding:10px;border-radius:var(--r-lg);
  background:var(--surface-2);}
:root:root .ds-dg__flow ol{list-style:none;margin:0;padding:0;
  display:grid;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr));}
:root:root .ds-dg__flow li{display:grid;gap:2px;padding:8px 9px;
  border-radius:var(--r-md);background:var(--surface);
  border:1px solid var(--border);}
:root:root .ds-dg__s--mask{border-color:var(--state-pass);}
:root:root .ds-dg__s--keep{border-color:var(--ci-blue);}
:root:root .ds-dg__s--drop{border-color:var(--c-indigo-600);}
:root:root .ds-dg__flow li b{font-size:9.5px;font-weight:700;
  color:var(--ink);letter-spacing:0;}
:root:root .ds-dg__flow li em{font-style:normal;font-size:9px;
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}


:root:root .ds-wc__body--qual{min-width:740px;
  grid-template-columns:110px minmax(0,1fr);}
:root:root .ds-qc__lv{margin-inline-start:auto;flex:0 0 auto;
  padding:4px 9px;border-radius:999px;font-family:var(--font-mono);
  font-size:9px;font-weight:700;letter-spacing:0;
  background:var(--state-pass-soft);color:var(--state-pass-ink);}
:root:root .ds-qc__k1,
:root:root .ds-qc__k2,
:root:root .ds-qc__k3,
:root:root .ds-qc__k4{margin:0 0 7px;display:flex;flex-wrap:wrap;
  align-items:center;gap:4px 7px;font-size:10px;font-weight:700;
  color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qc__k1 em,
:root:root .ds-qc__k2 em,
:root:root .ds-qc__k3 em,
:root:root .ds-qc__k4 em{font-style:normal;font-size:9px;font-weight:400;
  color:var(--ink-sub);letter-spacing:0;}   
:root:root .ds-qc__k4{margin:9px 0 0;}

:root:root .ds-qc__train{list-style:none;margin:0 0 9px;padding:0;
  display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));}
:root:root .ds-qc__train li{display:grid;gap:2px;padding:8px 9px;
  border-radius:var(--r-md);background:var(--surface-2);
  border:1px solid transparent;}
:root:root .ds-qc__t--live{background:var(--state-pass-soft);
  border-color:var(--state-pass);}
:root:root .ds-qc__t--rc{background:var(--brand-soft);
  border-color:var(--brand-ink);}
:root:root .ds-qc__train li b{display:flex;flex-wrap:wrap;align-items:center;
  gap:5px;font-size:10px;font-weight:700;color:var(--ink);letter-spacing:0;}
:root:root .ds-qc__train li b em{font-style:normal;padding:1px 6px;
  border-radius:var(--r-sm);font-size:8.5px;font-weight:700;
  background:var(--surface);color:var(--ink-sub);}
:root:root .ds-qc__t--live b em{background:var(--state-pass);color:#fff;}
:root:root .ds-qc__t--rc b em{background:var(--brand-ink);color:#fff;}
:root:root .ds-qc__train li span{font-size:9px;color:var(--ink-sub);
  letter-spacing:0;word-break:keep-all;}

:root:root .ds-qc__two{display:grid;gap:9px;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
:root:root .ds-qc__rel,
:root:root .ds-qc__hlt{display:grid;align-content:start;padding:10px;
  border-radius:var(--r-lg);background:var(--surface-2);}
:root:root .ds-qc__score{margin:0 0 8px;display:flex;align-items:baseline;
  gap:7px;}
:root:root .ds-qc__score b{font-size:var(--fs-h2);font-weight:700;
  color:var(--brand-ink);letter-spacing:0;line-height:1;}
:root:root .ds-qc__score span{font-size:9px;color:var(--ink-sub);
  letter-spacing:.04em;}

:root:root .ds-qc__gates{list-style:none;margin:0 0 9px;padding:0;
  display:grid;gap:4px;}
:root:root .ds-qc__gates li{display:grid;gap:5px;align-items:center;
  grid-template-columns:22px minmax(0,1fr) auto;padding:5px 8px;
  border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-qc__gates li i{font-style:normal;font-family:var(--font-mono);
  font-size:8.5px;font-weight:700;color:var(--ink-sub);}
:root:root .ds-qc__gates li b{font-size:9.5px;font-weight:600;
  color:var(--ink-2);letter-spacing:0;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;}
:root:root .ds-qc__gates li em{font-style:normal;font-size:9px;
  font-weight:700;color:var(--state-pass-ink);letter-spacing:0;
  white-space:nowrap;}
:root:root .ds-qc__g--no{background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--state-fail);}
:root:root .ds-qc__g--no em{color:var(--state-fail);}
:root:root .ds-qc__ck{margin:0 0 6px;font-size:9.5px;font-weight:700;
  color:var(--ink-sub);letter-spacing:0;}

:root:root .ds-qc__chan{list-style:none;margin:0;padding:0;display:grid;
  gap:5px;}
:root:root .ds-qc__chan li{display:grid;gap:2px 6px;align-items:center;
  grid-template-columns:44px minmax(0,1fr) auto;}
:root:root .ds-qc__chan li b{grid-row:1 / span 2;font-size:9.5px;
  font-weight:700;color:var(--ink);letter-spacing:0;}
:root:root .ds-qc__chan li em,
:root:root .ds-qc__chan li i{font-style:normal;font-size:8.5px;
  color:var(--ink-sub);letter-spacing:0;white-space:nowrap;}
:root:root .ds-qc__chan li i{justify-self:end;}
:root:root .ds-qc__bar{display:block;height:5px;border-radius:999px;
  background:var(--surface);overflow:hidden;}
:root:root .ds-qc__bar u{display:block;height:100%;text-decoration:none;
  border-radius:999px;background-color:var(--ci-blue);
  background-image:var(--ci-grad);}
:root:root .ds-qc__pc{justify-self:end;font-family:var(--font-mono);
  font-size:9px;font-weight:700;color:var(--ink-2);letter-spacing:0;}

:root:root .ds-qc__kpis{display:grid;gap:5px;margin-bottom:9px;
  grid-template-columns:repeat(2,minmax(0,1fr));}
:root:root .ds-qc__k{display:grid;gap:1px;padding:7px 8px;
  border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-qc__k p{margin:0;font-size:8.5px;color:var(--ink-sub);
  letter-spacing:0;}
:root:root .ds-qc__k b{display:flex;align-items:baseline;gap:2px;
  font-size:var(--fs-read-s);font-weight:700;color:var(--ink);
  letter-spacing:0;}
:root:root .ds-qc__k b i{font-style:normal;font-size:8.5px;font-weight:600;
  color:var(--ink-sub);}
:root:root .ds-qc__k em{font-style:normal;font-size:8.5px;
  color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qc__k--warn b{color:var(--state-warn);}
:root:root .ds-qc__bud{margin:0;display:grid;gap:3px;padding:8px;
  border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-qc__bud b{font-size:9.5px;font-weight:700;color:var(--ink);
  letter-spacing:0;}
:root:root .ds-qc__bud .ds-qc__bar{background:var(--surface-2);}
:root:root .ds-qc__bud em{font-style:normal;font-size:8.5px;
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}

:root:root .ds-wc__sum--live b::before{content:"";display:inline-block;
  width:7px;height:7px;margin-inline-end:6px;border-radius:50%;
  vertical-align:middle;background:var(--state-pass);}


:root:root .ds-qo{display:grid;gap:14px;align-items:start;}
@media (min-width:1080px){
  :root:root .ds-qo{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);}
}

:root:root .ds-qo__pj{margin:0 0 10px;display:flex;flex-wrap:wrap;
  align-items:center;gap:7px 9px;padding:11px 14px;
  border-radius:var(--r-lg);background-color:var(--c-deep-900);
  background-image:linear-gradient(180deg,rgba(255,255,255,.05),
    rgba(255,255,255,0));}
:root:root .ds-qo__pj > b{font-size:var(--fs-read-xs);font-weight:700;
  letter-spacing:.1em;color:#fff;}
:root:root .ds-qo__pj > em{font-style:normal;font-size:var(--fs-read-s);
  font-weight:700;color:#fff;letter-spacing:0;
  margin-inline-end:6px;}
:root:root .ds-qo__v{display:inline-flex;align-items:center;gap:5px;
  padding:5px 11px;border-radius:999px;font-size:var(--fs-read-xs);
  font-weight:700;letter-spacing:0;white-space:nowrap;
  background:rgba(255,255,255,.12);color:#fff;}
:root:root .ds-qo__v em{font-style:normal;font-weight:400;
  color:rgba(255,255,255,.72);}
:root:root .ds-qo__v--live{background:var(--state-pass);}
:root:root .ds-qo__v--live em{color:#fff;}
:root:root .ds-qo__v--rc{background:var(--brand-ink);}
:root:root .ds-qo__v--rc em{color:#fff;}

:root:root .ds-qo__cols{display:grid;gap:10px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
:root:root .ds-qo__c{border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--border);background:var(--surface);}
:root:root .ds-qo__ch{margin:0;display:flex;flex-wrap:wrap;
  align-items:baseline;gap:4px 8px;padding:11px 13px;}
:root:root .ds-qo__ch b{font-size:var(--fs-read-m);font-weight:700;
  color:#fff;letter-spacing:0;}
:root:root .ds-qo__ch em{font-style:normal;font-size:var(--fs-read-xs);
  color:#fff;letter-spacing:0;}   
:root:root .ds-qo__c--rel .ds-qo__ch{background:var(--brand-ink);}
:root:root .ds-qo__c--hlt .ds-qo__ch{background:var(--state-pass);}
:root:root .ds-qo__c ol{list-style:none;margin:0;padding:11px 13px 0;
  display:grid;gap:7px;counter-reset:qo;}
:root:root .ds-qo__c li{display:flex;align-items:center;gap:8px;
  counter-increment:qo;font-size:var(--fs-read-s);font-weight:600;
  color:var(--ink);letter-spacing:0;}
:root:root .ds-qo__c li::before{content:counter(qo);flex:0 0 auto;
  display:grid;place-items:center;width:18px;height:18px;border-radius:50%;
  font-family:var(--font-mono);font-size:10px;font-weight:700;}
:root:root .ds-qo__c--rel li::before{background:var(--brand-soft);
  color:var(--brand-ink);}
:root:root .ds-qo__c--hlt li::before{background:var(--state-pass-soft);
  color:var(--state-pass-ink);}
:root:root .ds-qo__cf{margin:10px 0 0;padding:9px 13px 11px;
  font-size:var(--fs-read-xs);color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;border-block-start:1px solid var(--border);}

:root:root .ds-qo__fb{margin:10px 0;text-align:center;
  font-size:var(--fs-read-xs);font-weight:700;color:var(--state-warn-ink);
  letter-spacing:0;word-break:keep-all;}

:root:root .ds-qo__ct{margin:0 0 10px;display:flex;flex-wrap:wrap;
  align-items:baseline;justify-content:center;gap:4px 10px;
  padding:13px;border-radius:var(--r-lg);
  background-color:var(--c-deep-900);
  background-image:linear-gradient(180deg,rgba(255,255,255,.05),
    rgba(255,255,255,0));}
:root:root .ds-qo__ct b{font-size:var(--fs-read-h);font-weight:700;
  color:#fff;letter-spacing:0;}
:root:root .ds-qo__ct em{font-style:normal;font-size:var(--fs-read-xs);
  color:rgba(255,255,255,.76);letter-spacing:0;word-break:keep-all;}

:root:root .ds-qo__drill{list-style:none;margin:0 0 8px;padding:0;
  display:grid;gap:8px;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));}
:root:root .ds-qo__drill li{display:grid;gap:2px;padding:10px;
  border-radius:var(--r-md);text-align:center;background:var(--surface);
  border:1px solid var(--border);}
:root:root .ds-qo__drill li b{font-size:var(--fs-read-s);font-weight:700;
  color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-qo__drill li em{font-style:normal;font-size:var(--fs-read-xs);
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}
:root:root .ds-qo__dk{margin:0;display:flex;flex-wrap:wrap;align-items:center;
  gap:7px;font-size:var(--fs-read-xs);color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-qo__dk b{flex:0 0 auto;padding:3px 9px;border-radius:999px;
  font-size:9.5px;font-weight:700;letter-spacing:.06em;
  background:var(--brand-soft);color:var(--brand-ink);}

:root:root .ds-qo__rh{margin:0 0 10px;font-size:var(--fs-read-s);
  font-weight:700;color:var(--brand-ink);letter-spacing:0;}
:root:root .ds-qo__ask{list-style:none;margin:0 0 12px;padding:0;
  display:grid;gap:12px;}
:root:root .ds-qo__ask li{display:grid;gap:3px 10px;
  grid-template-columns:26px minmax(0,1fr);}
:root:root .ds-qo__ask li i{grid-row:1 / span 1;display:grid;
  place-items:center;width:26px;height:26px;border-radius:50%;
  font-style:normal;font-family:var(--font-mono);font-size:12px;
  font-weight:700;color:#fff;background-color:var(--ci-blue);
  background-image:var(--ci-grad);}
:root:root .ds-qo__ask li div{grid-column:2;display:grid;gap:2px;}
:root:root .ds-qo__ask li b{font-size:var(--fs-read-m);font-weight:700;
  color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-qo__ask li em{font-style:normal;font-size:var(--fs-read-s);
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}
:root:root .ds-qo__std{padding:12px;border-radius:var(--r-lg);
  background:var(--surface-2);}
:root:root .ds-qo__std p{margin:0 0 8px;font-size:var(--fs-read-s);
  font-weight:700;color:var(--ink);letter-spacing:0;}
:root:root .ds-qo__std div{display:flex;flex-wrap:wrap;gap:6px;}
:root:root .ds-qo__std span{padding:4px 10px;border-radius:999px;
  font-size:var(--fs-read-xs);font-weight:600;letter-spacing:0;
  background:var(--surface);color:var(--brand-ink);
  border:1px solid var(--border);}


:root:root .ds-qd{border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--border);background:var(--surface);}
:root:root .ds-qd__bar{margin:0;display:flex;align-items:center;gap:5px;
  padding:9px 12px;background:var(--surface-2);
  border-block-end:1px solid var(--border);}
:root:root .ds-qd__bar > i{width:8px;height:8px;border-radius:50%;
  background:var(--border-strong);}
:root:root .ds-qd__bar > i:first-child{background:var(--state-fail);}
:root:root .ds-qd__bar > i:nth-child(2){background:var(--state-warn);}
:root:root .ds-qd__bar > i:nth-child(3){background:var(--c-teal-700);}
:root:root .ds-qd__bar > span{margin-inline-start:8px;
  font-size:var(--fs-read-xs);color:var(--ink-2);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-qd__lv{margin-inline-start:auto;flex:0 0 auto;
  font-style:normal;padding:3px 9px;border-radius:999px;
  font-family:var(--font-mono);font-size:9px;font-weight:700;
  letter-spacing:0;background:var(--state-pass-soft);
  color:var(--state-pass-ink);}
:root:root .ds-qd__body{overflow-x:auto;overscroll-behavior-x:contain;
  padding:12px;}
:root:root .ds-qd__kpis{display:grid;gap:7px;margin-bottom:10px;
  min-width:700px;grid-template-columns:repeat(5,minmax(0,1fr));}
:root:root .ds-qd__k{display:grid;gap:2px;padding:9px 10px;
  border-radius:var(--r-md);background:var(--surface-2);}
:root:root .ds-qd__k p{margin:0;font-size:9px;color:var(--ink-sub);
  letter-spacing:0;}
:root:root .ds-qd__k b{font-size:var(--fs-read-h);font-weight:700;
  color:var(--ink);letter-spacing:0;line-height:1.15;}
:root:root .ds-qd__k em{font-style:normal;font-size:8.5px;
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}
:root:root .ds-qd__k--warn b{color:var(--state-warn);}
:root:root .ds-qd__k--heal b{color:var(--brand-ink);}
:root:root .ds-qd__k--ok b{color:var(--state-pass-ink);}
:root:root .ds-qd__two{display:grid;gap:10px;min-width:700px;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);}
:root:root .ds-qd__mx,
:root:root .ds-qd__fl{padding:10px;border-radius:var(--r-lg);
  background:var(--surface-2);}
:root:root .ds-qd__sk{margin:0 0 8px;display:flex;flex-wrap:wrap;
  align-items:baseline;gap:4px 7px;font-size:10px;font-weight:700;
  color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qd__sk em{font-style:normal;font-size:8.5px;font-weight:400;
  color:var(--ink-sub);letter-spacing:0;}   

:root:root .ds-qd__grid{display:grid;gap:3px;}
:root:root .ds-qd__r{display:grid;gap:3px;align-items:center;
  grid-template-columns:minmax(104px,2.2fr) repeat(8,minmax(40px,1fr));}
:root:root .ds-qd__r p{margin:0;display:grid;gap:0;}
:root:root .ds-qd__r p b{font-size:9px;font-weight:700;color:var(--ink-2);
  letter-spacing:0;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;}
:root:root .ds-qd__r p em{font-style:normal;font-size:8px;
  color:var(--ink-sub);letter-spacing:0;white-space:nowrap;}
:root:root .ds-qd__r--hd > b{font-size:8.5px;font-weight:700;
  color:var(--ink-sub);letter-spacing:0;text-align:center;
  white-space:nowrap;overflow:hidden;}
:root:root .ds-qd__r--hd p b{color:var(--ink-sub);}
:root:root .ds-qd__m{display:grid;place-items:center;height:18px;
  border-radius:var(--r-sm);font-size:9px;font-weight:700;letter-spacing:0;}
:root:root .ds-qd__m--pass{background:var(--state-pass-soft);
  color:var(--state-pass-ink);}
:root:root .ds-qd__m--fail{background:var(--surface);color:var(--state-fail);
  box-shadow:inset 0 0 0 1px var(--state-fail);}
:root:root .ds-qd__m--heal{background:var(--brand-soft);
  color:var(--brand-ink);}
:root:root .ds-qd__m--warn{background:var(--surface);color:var(--state-warn);
  box-shadow:inset 0 0 0 1px var(--state-warn);}
:root:root .ds-qd__m--none{background:var(--surface);color:var(--ink-sub);}
:root:root .ds-qd__lg{margin:8px 0 0;display:flex;flex-wrap:wrap;
  align-items:center;gap:4px 10px;font-size:8.5px;color:var(--ink-sub);
  letter-spacing:0;}
:root:root .ds-qd__lg .ds-qd__m{display:inline-grid;width:18px;
  margin-inline-end:3px;vertical-align:middle;}

:root:root .ds-qd__fl ol{list-style:none;margin:0;padding:0;display:grid;
  gap:7px;}
:root:root .ds-qd__fl li{display:grid;gap:3px;padding:9px 10px;
  border-radius:var(--r-md);background:var(--surface);
  border-inline-start:3px solid var(--border-strong);}
:root:root .ds-qd__f--fail{border-inline-start-color:var(--state-fail);}
:root:root .ds-qd__f--heal{border-inline-start-color:var(--brand-ink);}
:root:root .ds-qd__f--warn{border-inline-start-color:var(--state-warn);}
:root:root .ds-qd__ft{margin:0;display:flex;align-items:flex-start;gap:7px;}
:root:root .ds-qd__ft b{font-size:9.5px;font-weight:700;color:var(--ink);
  letter-spacing:0;word-break:keep-all;}
:root:root .ds-qd__fb{flex:0 0 auto;margin-inline-start:auto;
  padding:3px 8px;border-radius:999px;font-size:8.5px;font-weight:700;
  letter-spacing:0;background:var(--surface-2);color:var(--ink-2);}
:root:root .ds-qd__fl li > em{font-style:normal;font-size:9px;
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}
:root:root .ds-qd__fm{margin:1px 0 0;display:flex;flex-wrap:wrap;
  align-items:center;gap:6px;font-size:8.5px;color:var(--ink-sub);
  letter-spacing:0;}
:root:root .ds-qd__tg{padding:2px 7px;border-radius:var(--r-sm);
  font-size:8.5px;font-weight:700;letter-spacing:0;
  background:var(--brand-soft);color:var(--brand-ink);}

:root:root .ds-qd__steps{list-style:none;margin:10px 0 0;padding:0;
  display:grid;gap:7px;min-width:700px;
  grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:qd;}
:root:root .ds-qd__steps li{padding:8px 10px;border-radius:var(--r-md);
  text-align:center;font-size:9.5px;font-weight:700;color:var(--ink-2);
  letter-spacing:0;background:var(--surface-2);word-break:keep-all;}


:root:root .mlead2{margin:0 0 18px;font-size:var(--fs-read-m);
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}

:root:root .ds-ac__list{padding:9px;border-radius:var(--r-lg);
  background:var(--surface-2);}
:root:root .ds-ac__lk{margin:0 0 8px;display:flex;align-items:center;
  gap:5px;font-size:10px;font-weight:700;color:var(--ink-sub);
  letter-spacing:0;}
:root:root .ds-ac__lk em{font-style:normal;padding:1px 6px;
  border-radius:var(--r-sm);background:var(--brand-soft);
  color:var(--brand-ink);font-size:9px;}
:root:root .ds-ac__list ul{list-style:none;margin:0;padding:0;
  display:grid;gap:5px;}
:root:root .ds-ac__list li{padding:7px 9px;border-radius:var(--r-sm);
  background:var(--surface);border:1px solid transparent;}
:root:root .ds-ac__list li.on{border-color:var(--c-teal-700);
  background:var(--brand-soft);}
:root:root .ds-ac__list li b{display:block;font-size:9.5px;font-weight:700;
  color:var(--ink);letter-spacing:0;line-height:1.35;word-break:keep-all;}
:root:root .ds-ac__list li em{display:block;margin-top:2px;font-style:normal;
  font-size:8.5px;color:var(--ink-sub);letter-spacing:0;}

:root:root .ds-ac__prompt{margin:0 0 9px;display:flex;align-items:center;
  gap:9px;padding:8px 10px;border-radius:var(--r-lg);
  background:var(--surface-2);border:1px solid var(--border);}
:root:root .ds-ac__prompt span{flex:1;min-width:0;font-size:9.5px;
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}
:root:root .ds-ac__prompt b{flex:0 0 auto;padding:4px 12px;
  border-radius:var(--r-pill);font-size:9.5px;font-weight:700;color:#fff;
  letter-spacing:0;background-color:var(--c-teal-700);
  background-image:var(--ci-grad);}
:root:root .ds-ac__eng{margin-inline-start:7px;padding:2px 8px;
  border-radius:var(--r-sm);font-style:normal;font-size:8.5px;
  font-weight:700;letter-spacing:0;
  background:var(--brand-soft);color:var(--brand-ink);}

:root:root .ds-ac__code{border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--border);background:var(--surface);}
:root:root .ds-ac__ck{margin:0;display:flex;align-items:center;gap:6px;
  padding:7px 10px;background:var(--surface-2);
  border-bottom:1px solid var(--border);
  font-size:9.5px;font-weight:700;color:var(--ink-2);letter-spacing:0;}
:root:root .ds-ac__ck em{margin-inline-start:auto;font-style:normal;
  padding:1px 7px;border-radius:var(--r-sm);font-size:8.5px;
  background:var(--brand-soft);color:var(--brand-ink);}
:root:root .ds-ac__code ol{list-style:none;margin:0;padding:8px 10px;
  counter-reset:ln;display:grid;gap:1px;}
:root:root .ds-ac__code li{counter-increment:ln;position:relative;
  padding-left:22px;font-family:var(--font-mono);font-size:9px;
  line-height:1.6;color:var(--ink-2);letter-spacing:0;white-space:pre;}
:root:root .ds-ac__code li::before{content:counter(ln);position:absolute;
  left:0;width:16px;text-align:end;color:var(--ink-faint);}

:root:root .ds-ac__side{border:1.5px solid var(--c-teal-700);}
:root:root .ds-ac__side li{display:block;padding:7px 9px;
  border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-ac__side li b{display:flex;align-items:center;
  font-size:9.5px;font-weight:700;color:var(--ink);letter-spacing:0;}
:root:root .ds-ac__side li em{display:block;margin-top:3px;font-style:normal;
  font-size:8.5px;line-height:1.45;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-ac__pick{margin-inline-start:auto;padding:1px 6px;
  border-radius:var(--r-sm);font-size:8px;font-weight:700;
  background:var(--brand-soft);color:var(--brand-ink);letter-spacing:0;}

:root:root .ds-ac__before{gap:8px 12px;}
:root:root .ds-ac__bk{padding:5px 13px;border-radius:var(--r-pill);
  background:var(--c-slate-300);color:var(--ink-2);
  font-family:var(--font-mono);font-size:10px;font-weight:700;
  letter-spacing:.06em;}
:root:root .ds-ac__ak{padding:5px 14px;border-radius:var(--r-pill);
  color:#fff;font-size:10.5px;font-weight:700;letter-spacing:0;
  background-color:var(--c-teal-700);background-image:var(--ci-grad);}
:root:root .ds-ac__before em{font-style:normal;font-size:var(--fs-read-xs);
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}
:root:root .ds-ac__before .ds-ac__now{font-weight:700;color:var(--ink);}
:root:root .ds-ac__arw{display:grid;place-items:center;
  color:var(--c-teal-700);}
:root:root .ds-ac__arw svg{width:19px;height:19px;fill:none;
  stroke:currentColor;stroke-width:2.2;stroke-linecap:round;
  stroke-linejoin:round;}

:root:root .ds-wc__sum em i{display:block;margin-top:3px;font-style:normal;
  font-size:var(--fs-read-xs);color:var(--ink-sub);}


:root:root .ds-pc__rng{margin-inline-start:auto;padding:3px 10px;
  border-radius:var(--r-sm);font-style:normal;font-size:9px;font-weight:700;
  letter-spacing:0;background:var(--brand-ink);color:#fff;}
:root:root .ds-pc__sk{margin:10px 0 7px;display:flex;align-items:center;
  font-size:9.5px;font-weight:700;color:var(--ink-sub);letter-spacing:0;}

:root:root .ds-pc__kpis{display:grid;gap:6px;
  grid-template-columns:repeat(3,minmax(0,1fr));}
@media (min-width:640px){
  :root:root .ds-pc__kpis{grid-template-columns:repeat(6,minmax(0,1fr));}
}
:root:root .ds-pc__k{padding:8px 9px;border-radius:var(--r-sm);
  background:var(--surface-2);}
:root:root .ds-pc__k p{margin:0;font-size:8.5px;color:var(--ink-sub);
  letter-spacing:0;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;}
:root:root .ds-pc__k b{display:block;margin-top:2px;font-size:15px;
  font-weight:700;color:var(--ink);letter-spacing:-.01em;}
:root:root .ds-pc__k b i{font-style:normal;margin-inline-start:2px;
  font-size:9px;font-weight:600;color:var(--ink-sub);}
:root:root .ds-pc__d{display:block;margin-top:1px;font-style:normal;
  font-size:8.5px;font-weight:700;letter-spacing:0;}
:root:root .ds-pc__d--good{color:var(--state-pass-ink);}
:root:root .ds-pc__d--bad{color:var(--state-fail);}

:root:root .ds-pc__mid{display:grid;gap:8px;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);}
:root:root .ds-pc__topo,:root:root .ds-pc__state{padding:8px 10px;
  border-radius:var(--r-sm);background:var(--surface-2);}
:root:root .ds-pc__topo .ds-pc__sk,
:root:root .ds-pc__state .ds-pc__sk{margin-top:0;}
:root:root .ds-pc__nodes{display:flex;flex-wrap:wrap;gap:6px;}
:root:root .ds-pc__nd{padding:5px 11px;border-radius:var(--r-pill);
  font-size:9px;font-weight:700;letter-spacing:0;background:var(--surface);
  border:1px solid var(--border);color:var(--ink-2);}
:root:root .ds-pc__nd--ok{border-color:var(--state-pass);
  color:var(--state-pass-ink);}
:root:root .ds-pc__nd--slow{border-color:var(--state-warn);
  color:var(--state-warn-ink);}
:root:root .ds-pc__nd--down{border-color:var(--state-fail);
  color:var(--state-fail);}
:root:root .ds-pc__state ul{list-style:none;margin:0;padding:0;
  display:grid;gap:6px;}
:root:root .ds-pc__state li{display:grid;gap:0 7px;align-items:center;
  grid-template-columns:minmax(0,1fr) auto;
  padding:6px 8px;border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-pc__state li b{font-size:9px;font-weight:700;color:var(--ink);
  letter-spacing:0;}
:root:root .ds-pc__state li em{grid-column:1;font-style:normal;
  font-size:8px;color:var(--ink-sub);letter-spacing:0;}

:root:root .ds-pc__state li i{grid-row:1 / span 2;grid-column:2;
  font-style:normal;font-size:9px;font-weight:700;
  color:var(--state-pass-ink);letter-spacing:0;}

:root:root .ds-pc__root{margin-top:9px;padding:9px 10px;
  border-radius:var(--r-sm);background:var(--surface-2);}
:root:root .ds-pc__rk{margin:0 0 7px;display:flex;align-items:center;
  font-size:9.5px;font-weight:700;color:var(--ink);letter-spacing:0;}
:root:root .ds-pc__rk em{margin-inline-start:auto;font-style:normal;
  font-size:8.5px;font-weight:600;color:var(--ink-sub);}
:root:root .ds-pc__root ul{list-style:none;margin:0;padding:0;
  display:grid;gap:6px;}
:root:root .ds-pc__root li{display:grid;gap:8px;align-items:center;
  grid-template-columns:minmax(0,1fr) auto;
  padding:7px 9px;border-radius:var(--r-sm);background:var(--surface);
  border-inline-start:3px solid var(--border-strong);}
:root:root .ds-pc__r--fail{border-inline-start-color:var(--state-fail);}
:root:root .ds-pc__r--warn{border-inline-start-color:var(--state-warn);}
:root:root .ds-pc__r--info{border-inline-start-color:var(--ci-blue);}
:root:root .ds-pc__root li b{display:block;font-size:9.5px;font-weight:700;
  color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-pc__root li > div > em{display:block;margin-top:2px;
  font-style:normal;font-size:8.5px;line-height:1.4;color:var(--ink-sub);
  letter-spacing:0;word-break:keep-all;}
:root:root .ds-pc__tag{display:inline-block;margin-top:4px;padding:2px 7px;
  border-radius:var(--r-sm);font-size:8px;font-weight:700;letter-spacing:0;
  background:var(--brand-soft);color:var(--brand-ink);}
:root:root .ds-pc__who{margin-inline-start:6px;font-size:8px;
  font-weight:700;color:var(--ink-faint);letter-spacing:0;}
:root:root .ds-pc__root li > i{flex:0 0 auto;padding:4px 11px;
  border-radius:var(--r-pill);font-style:normal;font-size:8.5px;
  font-weight:700;letter-spacing:0;white-space:nowrap;
  background:var(--surface-2);color:var(--ink-2);}
:root:root .ds-pc__ek{padding:5px 13px;border-radius:var(--r-pill);
  background:var(--brand-ink);color:#fff;font-family:var(--font-mono);
  font-size:10px;font-weight:700;letter-spacing:.06em;}


:root:root .ds-key{display:flex;align-items:center;gap:16px;
  flex-wrap:wrap;margin-top:18px;padding:16px 20px;
  border-radius:var(--r-xl);
  background-color:var(--c-deep-900);
  background-image:linear-gradient(100deg,var(--c-deep-900) 0%,
    var(--c-deep-600) 46%,var(--c-blue-700) 135%);}
:root:root .ds-key__p{flex:0 0 auto;padding:6px 14px;
  border-radius:var(--r-pill);background:var(--c-teal-400);
  color:var(--c-deep-900);font-family:var(--font-mono);font-size:11px;
  font-weight:700;letter-spacing:.14em;}

:root:root .ds-key__t{flex:1 1 320px;min-width:0;
  font-size:clamp(15px,1.5vw,18px);font-weight:700;line-height:1.5;
  letter-spacing:0;color:#fff;text-wrap:pretty;}
:root:root .ds-stats__v{font-family:var(--font-display);
  font-size:clamp(28px,3.4vw,38px);font-weight:700;line-height:1.05;
  letter-spacing:-.03em;color:var(--brand-ink);
  font-variant-numeric:tabular-nums;}
:root:root .ds-stats__k{font-size:var(--fs-read-m);font-weight:700;
  line-height:1.45;color:var(--ink);text-wrap:pretty;}

:root:root .ds-stats__s{font-size:var(--fs-read-xs);font-style:normal;
  line-height:1.5;letter-spacing:0;color:var(--ink-sub);}

:root:root .ds-hero .ds-stats__i,
:root:root .section--deep .ds-stats__i{background:rgba(255,255,255,.045);}


@media (max-width:420px){
  :root:root #hwhy .section-hd .t-display2{font-size:24.5px;}
}


:root:root .ds-hero .hero-h1 em.hh-a,
:root:root .ds-hero .hero-h1 em.hh-b{background-image:none;animation:none;
  text-decoration:none;}
:root:root .ds-hero .hero-h1 em.hh-a{color:var(--c-teal-400);}
:root:root .ds-hero .hero-h1 em.hh-b{color:var(--accent);}


:root:root .badge381{margin-top:clamp(24px,2.8vw,36px);}
:root:root .badge381 li{padding:16px 22px;gap:4px;}
:root:root .badge381 .n{font-size:clamp(27px,3.1vw,36px);}


:root:root .ds-modal__list{display:flex;flex-wrap:wrap;gap:8px;
  padding:12px 16px;border-top:1px solid var(--deep-line);
  background:var(--deep);}
:root:root .ds-modal__pick{padding:7px 14px;border-radius:var(--r-pill);
  border:1px solid var(--deep-line);background:transparent;
  font-family:var(--font-sans);font-size:13px;font-weight:600;
  letter-spacing:0;color:var(--on-deep);cursor:pointer;
  transition:background var(--mo-2) var(--ease-out),
             border-color var(--mo-2) var(--ease-out);}
:root:root .ds-modal__pick:hover{background:rgba(255,255,255,.07);}
:root:root .ds-modal__pick[aria-current="true"]{background:var(--accent);
  border-color:var(--accent);color:var(--on-accent);}


@media (max-width:500px){
  :root:root .ds-note,
  :root:root .ds-note__t,
  :root:root .ds-note__d{display:none;}
}



:root:root .ds-qc__four{display:grid;gap:9px;
  grid-template-columns:minmax(0,3fr) minmax(0,1fr);}
:root:root .ds-qc__cards{display:grid;gap:6px;
  grid-template-columns:repeat(4,minmax(0,1fr));}
:root:root .ds-qc__cd{display:grid;align-content:start;gap:4px;padding:8px;
  border-radius:var(--r-md);background:var(--surface-2);}
:root:root .ds-qc__ch{margin:0;display:flex;align-items:center;gap:5px;}
:root:root .ds-qc__ch b{font-size:9.5px;font-weight:700;color:var(--ink);
  letter-spacing:0;}
:root:root .ds-qc__cs{flex:0 0 auto;margin-inline-start:auto;padding:2px 6px;
  border-radius:var(--r-sm);font-style:normal;font-size:8px;font-weight:700;
  letter-spacing:0;}
:root:root .ds-qc__cs--ok{background:var(--state-pass-soft);
  color:var(--state-pass-ink);}
:root:root .ds-qc__cs--warn{background:var(--surface);
  color:var(--state-warn);box-shadow:inset 0 0 0 1px var(--state-warn);}
:root:root .ds-qc__cv{margin:0;display:grid;gap:1px;padding:6px 7px;
  border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-qc__cv b{font-size:var(--fs-read-s);font-weight:700;
  color:var(--ink);letter-spacing:0;}
:root:root .ds-qc__cv i{font-style:normal;font-size:8px;
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}
:root:root .ds-qc__feed{padding:9px;border-radius:var(--r-lg);
  background:var(--surface-2);}
:root:root .ds-qc__fh{margin:0 0 7px;display:flex;align-items:center;gap:6px;
  font-size:10px;font-weight:700;color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qc__fh em{font-style:normal;margin-inline-start:auto;
  flex:0 0 auto;padding:2px 7px;border-radius:var(--r-sm);font-size:8px;
  font-weight:700;background:var(--brand-soft);color:var(--brand-ink);}
:root:root .ds-qc__feed ol{list-style:none;margin:0;padding:0;display:grid;
  gap:6px;}
:root:root .ds-qc__feed li{display:grid;gap:1px;padding-inline-start:9px;
  border-inline-start:2px solid var(--border-strong);}
:root:root .ds-qc__fd--fail{border-inline-start-color:var(--state-fail);}
:root:root .ds-qc__fd--warn{border-inline-start-color:var(--state-warn);}
:root:root .ds-qc__fd--heal{border-inline-start-color:var(--brand-ink);}
:root:root .ds-qc__fd--info{border-inline-start-color:var(--ci-blue);}
:root:root .ds-qc__feed li p{margin:0;display:flex;align-items:baseline;
  gap:6px;}
:root:root .ds-qc__feed li b{font-size:9px;font-weight:700;color:var(--ink);
  letter-spacing:0;white-space:nowrap;}
:root:root .ds-qc__feed li em{font-style:normal;margin-inline-start:auto;
  font-family:var(--font-mono);font-size:8px;color:var(--ink-sub);
  letter-spacing:0;}
:root:root .ds-qc__feed li span{font-size:8.5px;color:var(--ink-sub);
  letter-spacing:0;word-break:keep-all;}


:root:root .gnb2-drop[data-ia="company"] .gnb2-panel{
  width:auto;min-width:264px;max-width:92vw;
  grid-template-columns:minmax(0,1fr);}


:root:root .ds-phead--solo{grid-template-columns:minmax(0,1fr);}

:root:root .ds-phead--solo .mlead{max-width:none;}


:root:root .mhead--merged{border-bottom:0;
  padding-block-end:clamp(10px,1.2vw,16px);}
:root:root .mhead--merged + .mover{padding-block-start:0;
  
  display:flow-root;}


:root:root .section--bare{display:flow-root;
  padding-block:clamp(20px,2.4vw,32px) 0;}
:root:root .section--bare .section-hd{margin-bottom:0;}
:root:root .section--bare + .mdetail{
  padding-block-start:clamp(12px,1.4vw,18px);}


:root:root .mpage .eyebrow::after{display:none;}


:root:root .meyebrow .grp{font-family:var(--font-sans);font-size:12px;
  font-weight:600;letter-spacing:-.005em;text-transform:none;
  color:var(--brand-ink);}
:root:root .meyebrow .grp::after{content:"·";margin-inline-start:8px;
  font-weight:400;color:var(--ink-sub);}
:root:root .meyebrow .sec{color:var(--ink-sub);}



:root:root .ds-pc__proj{flex:0 0 auto;padding:5px 10px;
  border-radius:var(--r-sm);font-size:10px;font-weight:700;letter-spacing:0;
  background:var(--brand-soft);color:var(--brand-ink);white-space:nowrap;}
:root:root .ds-pc__sub{display:block;margin-top:2px;font-style:normal;
  font-size:9.5px;font-weight:400;color:var(--ink-sub);letter-spacing:0;}

:root:root .ds-pc__rng{display:inline-flex;align-items:center;gap:2px;
  flex:0 0 auto;padding:2px;border-radius:999px;background:var(--surface-2);}
:root:root .ds-pc__rng i{padding:3px 8px;border-radius:999px;
  font-style:normal;font-family:var(--font-mono);font-size:9px;
  font-weight:700;letter-spacing:0;color:var(--ink-sub);}
:root:root .ds-pc__rng i.on{background:var(--state-pass);color:#fff;}

:root:root .ds-pc__k p{display:flex;align-items:center;gap:4px;}
:root:root .ds-pc__k p svg{flex:0 0 auto;width:11px;height:11px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;color:var(--ink-sub);}

:root:root .ds-pc__leg{display:inline-flex;align-items:center;gap:9px;
  margin-inline-start:auto;font-style:normal;font-size:8.5px;font-weight:400;
  color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-pc__leg span{display:inline-flex;align-items:center;gap:4px;}
:root:root .ds-pc__leg span::before{content:"";width:6px;height:6px;
  border-radius:50%;background:var(--state-pass);}
:root:root .ds-pc__lg--slow::before{background:var(--state-warn);}
:root:root .ds-pc__lg--down::before{background:var(--state-fail);}
:root:root .ds-pc__svg{display:block;width:100%;height:auto;
  border-radius:var(--r-md);background:var(--surface);padding:6px 0;}
:root:root .ds-pc__ln line{stroke:var(--border-strong);stroke-width:1.2;
  stroke-dasharray:3 4;}
:root:root .ds-pc__g rect{fill:var(--surface);stroke:var(--state-pass);
  stroke-width:1.2;}
:root:root .ds-pc__g text{font-family:var(--font-sans);font-size:10px;
  font-weight:700;letter-spacing:0;text-anchor:middle;
  fill:var(--state-pass-ink);}
:root:root .ds-pc__g--slow rect{stroke:var(--state-warn);}
:root:root .ds-pc__g--slow text{fill:var(--state-warn-ink);}
:root:root .ds-pc__g--down rect{stroke:var(--state-fail);}
:root:root .ds-pc__g--down text{fill:var(--state-fail);}

:root:root .ds-pc__state li p{margin:0;display:flex;align-items:baseline;
  gap:6px;}
:root:root .ds-pc__state li p i{margin-inline-start:auto;font-style:normal;
  font-size:9px;font-weight:700;color:var(--state-pass-ink);
  letter-spacing:0;white-space:nowrap;}
:root:root .ds-pc__sb{display:grid;gap:3px;margin-top:5px;}
:root:root .ds-pc__sb > span{display:grid;gap:3px;align-items:center;
  grid-template-columns:46px minmax(0,1fr) 26px;}
:root:root .ds-pc__sb u{text-decoration:none;font-size:8px;
  color:var(--ink-sub);letter-spacing:0;white-space:nowrap;}
:root:root .ds-pc__sb > span > b{display:block;height:4px;border-radius:999px;
  background-color:var(--ci-blue);background-image:var(--ci-grad);}
:root:root .ds-pc__sb i{justify-self:end;font-style:normal;
  font-family:var(--font-mono);font-size:8px;color:var(--ink-sub);}

:root:root .ds-pc__gl{flex:0 0 auto;display:grid;place-items:center;
  width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:700;
  letter-spacing:0;background:var(--state-fail);color:#fff;}
:root:root .ds-pc__r--warn .ds-pc__gl{background:var(--state-warn);}
:root:root .ds-pc__r--info .ds-pc__gl{background:var(--ci-blue);}


:root:root .ds-pc__state li{grid-template-columns:minmax(0,1fr);
  align-items:stretch;}
:root:root .ds-pc__state li > em{grid-column:1;display:block;margin-top:1px;}
:root:root .ds-pc__state .ds-pc__sb i{grid-row:auto;grid-column:auto;
  font-weight:400;color:var(--ink-sub);}
:root:root .ds-pc__root li{grid-template-columns:20px minmax(0,1fr) auto;}


:root:root .ds-ac__lsub{display:block;margin-top:2px;font-style:normal;
  font-size:8.5px;font-weight:400;color:var(--ink-sub);letter-spacing:0;
  word-break:keep-all;}
:root:root .ds-ac__btabs{margin:0 0 8px;display:flex;flex-wrap:wrap;
  gap:4px 10px;border-block-end:1px solid var(--border);}
:root:root .ds-ac__btabs span{display:inline-flex;align-items:center;gap:5px;
  padding:5px 2px;margin-block-end:-1px;font-size:9px;font-weight:600;
  color:var(--ink-sub);letter-spacing:0;white-space:nowrap;
  border-block-end:2px solid transparent;}
:root:root .ds-ac__btabs span i{font-style:normal;padding:1px 5px;
  border-radius:var(--r-sm);font-family:var(--font-mono);font-size:8px;
  font-weight:700;background:var(--surface);color:var(--ink-sub);}
:root:root .ds-ac__btabs span.on{color:var(--state-pass-ink);font-weight:700;
  border-block-end-color:var(--state-pass);}
:root:root .ds-ac__btabs span.on i{background:var(--state-pass-soft);
  color:var(--state-pass-ink);}


:root:root .ds-wc__side li i.ds-wc__n,
:root:root .ds-ac__side li i.ds-wc__n{grid-row:auto;
  background-color:var(--ci-blue);background-image:var(--ci-grad);
  color:#fff;}

:root:root .ds-ac__lk{flex-wrap:wrap;}
:root:root .ds-ac__lsub{flex:1 0 100%;}


:root:root .ds-pc__kpis{margin-block-end:8px;}

:root:root .ds-pc__mid{padding-block-end:0;}

:root:root .ds-pc__root{position:relative;z-index:2;
  margin-top:-30px;
  padding:0 11px 11px;border-radius:var(--r-lg);
  background:var(--surface);border:1px solid var(--state-pass);
  box-shadow:0 12px 30px rgba(23,35,49,.14);}

:root:root .ds-pc__rk{margin:-13px 0 9px;padding:8px 13px;
  border-radius:999px;background:var(--state-pass);color:#fff;
  box-shadow:0 6px 16px rgba(14,122,95,.28);}
:root:root .ds-pc__rk em{color:#fff;font-weight:400;}

:root:root .ds-pc__rk .ds-wc__n{background-image:none;
  background-color:#fff;color:var(--state-pass-ink);}


:root:root .axg[data-s="v3"] .ax-scr{background:var(--surface-2);}
:root:root .axg[data-s="v3"] .ax-dev{background:var(--surface);
  border-color:var(--border-strong);}
:root:root .axg[data-s="v3"] .ax-mr .ax-dev .ax-row span{
  background:var(--surface-2);}
:root:root .axg[data-s="v3"] .ax-mr .ax-dev .ax-bar{
  background:var(--border-strong);}


@media (min-width:1180px){
  :root:root .ds-wc--qual{grid-template-columns:minmax(0,4.6fr) minmax(0,1fr);}
}


:root:root .ds-wc__body--qual{min-width:912px;}
:root:root .ds-qc__proj{flex:0 0 auto;display:grid;gap:1px;padding:4px 10px;
  border-radius:var(--r-sm);background:var(--brand-soft);}
:root:root .ds-qc__proj i{font-style:normal;font-size:8px;
  color:var(--brand-ink);letter-spacing:0;}
:root:root .ds-qc__pause{flex:0 0 auto;padding:4px 9px;
  border-radius:var(--r-sm);font-size:9px;font-weight:600;letter-spacing:0;
  background:var(--surface-2);color:var(--ink-sub);}

:root:root .ds-qc__trainwrap{display:grid;gap:7px;margin-bottom:9px;
  align-items:center;grid-template-columns:auto minmax(0,1fr) auto;
  padding:8px 10px;border-radius:var(--r-lg);background:var(--surface-2);}
:root:root .ds-qc__trainwrap .ds-qc__k1{margin:0;display:grid;gap:0;
  max-width:120px;}
:root:root .ds-qc__train{margin:0;}
:root:root .ds-qc__vd{margin:0;display:grid;gap:1px;padding:6px 10px;
  border-radius:var(--r-sm);background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--state-warn);}
:root:root .ds-qc__vd b{font-size:8.5px;font-weight:700;
  color:var(--state-warn-ink);letter-spacing:0;white-space:nowrap;}
:root:root .ds-qc__vd em{font-style:normal;font-size:9px;font-weight:700;
  color:var(--state-warn-ink);letter-spacing:0;white-space:nowrap;}

:root:root .ds-qc__pre,:root:root .ds-qc__liveb{flex:0 0 auto;
  margin-inline-end:5px;padding:2px 7px;border-radius:var(--r-sm);
  font-size:8px;font-weight:700;letter-spacing:0;}
:root:root .ds-qc__pre{background:var(--brand-soft);color:var(--brand-ink);}
:root:root .ds-qc__liveb{background:var(--state-pass-soft);
  color:var(--state-pass-ink);}
:root:root .ds-qc__dday{margin-inline-start:5px;padding:1px 6px;
  border-radius:var(--r-sm);font-weight:700;
  background:var(--state-warn);color:#fff;}

:root:root .ds-qc__relbody{display:grid;gap:9px;
  grid-template-columns:142px minmax(0,1fr);}
:root:root .ds-qc__gcol{display:grid;gap:7px;align-content:start;}
:root:root .ds-qc__gauge{display:block;width:100%;max-width:112px;
  margin:0 auto;height:auto;}
:root:root .ds-qc__gt{fill:none;stroke:var(--surface);stroke-width:9;
  stroke-linecap:round;}
:root:root .ds-qc__gv{fill:none;stroke:var(--state-pass);stroke-width:9;
  stroke-linecap:round;}
:root:root .ds-qc__gn{font-family:var(--font-sans);font-size:21px;
  font-weight:700;text-anchor:middle;fill:var(--ink);letter-spacing:0;}
:root:root .ds-qc__gl{font-family:var(--font-sans);font-size:7px;
  text-anchor:middle;fill:var(--ink-sub);letter-spacing:0;}

:root:root .ds-qc__ccol{display:grid;gap:5px;align-content:start;}
:root:root .ds-qc__ck em{margin-inline-start:auto;font-style:normal;
  font-size:8px;font-weight:400;color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qc__ck{margin:0 0 2px;display:flex;flex-wrap:wrap;
  align-items:baseline;gap:4px;font-size:9px;font-weight:700;
  color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qc__chan li{grid-template-columns:38px minmax(0,1fr) 30px;}
:root:root .ds-qc__chan li em{grid-column:2;}
:root:root .ds-qc__bar{display:flex;height:6px;border-radius:999px;
  background:var(--surface);overflow:hidden;}
:root:root .ds-qc__bar u{display:block;height:100%;text-decoration:none;}
:root:root .ds-qc__s--ok{background-color:var(--state-pass);
  background-image:var(--ci-grad);}
:root:root .ds-qc__s--fail{background:var(--state-fail);}
:root:root .ds-qc__s--warn{background:var(--state-warn);}
:root:root .ds-qc__s--none{background:var(--border-strong);}
:root:root .ds-qc__chleg{margin:1px 0 4px;display:flex;flex-wrap:wrap;
  gap:4px 10px;font-size:8px;color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qc__chleg span{display:inline-flex;align-items:center;gap:4px;}
:root:root .ds-qc__chleg span::before{content:"";width:7px;height:7px;
  border-radius:2px;background:var(--state-pass);}
:root:root .ds-qc__cl--fail::before{background:var(--state-fail);}
:root:root .ds-qc__cl--warn::before{background:var(--state-warn);}
:root:root .ds-qc__cl--none::before{background:var(--border-strong);}

:root:root .ds-qc__burn{display:block;width:100%;height:auto;
  border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-qc__ba{fill:var(--brand-soft);}
:root:root .ds-qc__bl{fill:none;stroke:var(--brand-ink);stroke-width:1.6;
  stroke-linejoin:round;}
:root:root .ds-qc__bg{stroke:var(--state-warn);stroke-width:1.2;
  stroke-dasharray:3 3;}
:root:root .ds-qc__bd{fill:var(--brand-ink);}
:root:root .ds-qc__bx{margin:2px 0 0;display:flex;
  justify-content:space-between;font-size:7.5px;color:var(--ink-sub);
  letter-spacing:0;}

:root:root .ds-qc__kpis{grid-template-columns:repeat(5,minmax(0,1fr));}
:root:root .ds-qc__k p{display:flex;align-items:center;gap:4px;}
:root:root .ds-qc__kc{flex:0 0 auto;margin-inline-start:auto;
  font-style:normal;padding:1px 5px;border-radius:var(--r-sm);
  font-size:7.5px;font-weight:700;letter-spacing:0;
  background:var(--state-pass-soft);color:var(--state-pass-ink);}
:root:root .ds-qc__k--warn .ds-qc__kc{background:var(--surface-2);
  color:var(--state-warn-ink);}
:root:root .ds-qc__kf{display:flex;align-items:center;gap:5px;
  font-size:8px;color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qc__sp{flex:0 0 auto;width:40px;height:14px;
  margin-inline-start:auto;}
:root:root .ds-qc__sp path{fill:none;stroke:var(--state-pass);
  stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;}
:root:root .ds-qc__sp--warn path{stroke:var(--state-warn);}
:root:root .ds-qc__sp--fail path{stroke:var(--state-fail);}

:root:root .ds-qc__hbody{display:grid;gap:9px;
  grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);}
:root:root .ds-qc__area{display:block;width:100%;height:auto;
  border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-qc__aa{fill:var(--state-pass-soft);}
:root:root .ds-qc__al{fill:none;stroke:var(--state-pass);stroke-width:1.6;
  stroke-linejoin:round;}
:root:root .ds-qc__as{stroke:var(--state-fail);stroke-width:1.1;
  stroke-dasharray:4 3;}
:root:root .ds-qc__ad{fill:var(--state-pass);}
:root:root .ds-qc__side2{display:grid;gap:8px;align-content:start;}
:root:root .ds-qc__bud{display:grid;gap:3px;padding:8px;
  border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-qc__budv{margin:0;display:flex;align-items:baseline;gap:5px;}
:root:root .ds-qc__budv b{font-size:var(--fs-read-m);font-weight:700;
  color:var(--state-pass-ink);letter-spacing:0;}
:root:root .ds-qc__budv i{font-style:normal;font-size:8px;
  color:var(--ink-sub);letter-spacing:0;}

:root:root .ds-qc__adopt{display:grid;gap:8px;align-items:center;
  grid-template-columns:72px minmax(0,1fr);padding:8px;
  border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-qc__donut{display:block;width:72px;height:auto;}
:root:root .ds-qc__dn{fill:none;stroke-width:9;
  transform:rotate(-90deg);transform-origin:36px 36px;}
:root:root .ds-qc__dn--live{stroke:var(--state-pass);}
:root:root .ds-qc__dn--old{stroke:var(--ci-blue);}
:root:root .ds-qc__dn--dim{stroke:var(--border-strong);}
:root:root .ds-qc__dnv{font-family:var(--font-sans);font-size:15px;
  font-weight:700;text-anchor:middle;fill:var(--ink);letter-spacing:0;}
:root:root .ds-qc__dnl{font-family:var(--font-sans);font-size:6.5px;
  text-anchor:middle;fill:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qc__adopt ul{list-style:none;margin:0;padding:0;display:grid;
  gap:3px;}
:root:root .ds-qc__adopt li{display:flex;align-items:center;gap:5px;
  font-size:8px;color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qc__adopt li::before{content:"";width:7px;height:7px;
  border-radius:2px;background:var(--state-pass);}
:root:root .ds-qc__ad--old::before{background:var(--ci-blue);}
:root:root .ds-qc__ad--dim::before{background:var(--border-strong);}
:root:root .ds-qc__adopt li b{font-weight:600;color:var(--ink-2);}
:root:root .ds-qc__adopt li i{margin-inline-start:auto;font-style:normal;
  font-family:var(--font-mono);font-weight:700;color:var(--ink-2);}

:root:root .ds-qc__cd{gap:5px;}
:root:root .ds-qc__ci{flex:0 0 auto;width:13px;height:13px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;color:var(--brand-ink);}
:root:root .ds-qc__cvs{display:grid;gap:5px;
  grid-template-columns:repeat(2,minmax(0,1fr));}
:root:root .ds-qc__cv u{display:block;text-decoration:none;font-size:7.5px;
  color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qc__cv b{display:block;}
:root:root .ds-qc__cv .ds-qc__sp{width:100%;margin:2px 0 0;height:12px;}
:root:root .ds-qc__cg{margin:0;display:flex;flex-wrap:wrap;gap:4px;}
:root:root .ds-qc__cg span{padding:2px 6px;border-radius:var(--r-sm);
  font-size:7.5px;font-weight:700;letter-spacing:0;
  background:var(--state-pass-soft);color:var(--state-pass-ink);}
:root:root .ds-qc__cp--fail{background:var(--surface);
  color:var(--state-fail);box-shadow:inset 0 0 0 1px var(--state-fail);}
:root:root .ds-qc__cp--warn{background:var(--surface);
  color:var(--state-warn-ink);box-shadow:inset 0 0 0 1px var(--state-warn);}
:root:root .ds-qc__cp--heal{background:var(--brand-soft);
  color:var(--brand-ink);}
:root:root .ds-qc__cp--info{background:var(--c-indigo-50);
  color:var(--c-indigo-700);}
:root:root .ds-qc__ti{margin:0;display:grid;gap:1px;padding:6px 7px;
  border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-qc__ti u{text-decoration:none;font-size:7px;font-weight:700;
  letter-spacing:.06em;color:var(--ink-sub);}
:root:root .ds-qc__ti b{font-size:8.5px;font-weight:700;color:var(--ink);
  letter-spacing:0;word-break:keep-all;}
:root:root .ds-qc__ti i{font-style:normal;font-size:7.5px;
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}
:root:root .ds-qc__cb{margin:auto 0 0;padding:5px;border-radius:var(--r-sm);
  text-align:center;font-size:8px;font-weight:700;letter-spacing:0;
  background:var(--state-pass-soft);color:var(--state-pass-ink);}


:root:root .ds-dc__tk{flex:0 0 auto;margin-inline-end:4px;
  font-size:9.5px;font-weight:700;color:var(--ink-sub);letter-spacing:0;
  white-space:nowrap;}
:root:root .ds-dc__trt{flex:0 0 auto;margin-inline-start:auto;
  display:inline-flex;align-items:center;gap:5px;padding:3px 7px;
  border-radius:var(--r-sm);background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--brand-ink);}
:root:root .ds-dc__trt em{display:inline-flex;align-items:center;gap:3px;
  font-style:normal;font-size:8.5px;font-weight:700;letter-spacing:0;
  color:var(--brand-ink);white-space:nowrap;}
:root:root .ds-dc__trt em svg{width:11px;height:11px;fill:none;
  stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;}

:root:root .ds-dc__scr{display:flex;flex-direction:column;gap:7px;}
:root:root .ds-dc__sb{margin-block-start:auto;}
:root:root .ds-dc__hm{align-self:center;}


:root:root .ds-pc__proj{margin-inline-end:auto;}


:root:root .ds-pc__sys{margin-top:8px;padding:8px 10px;
  border-radius:var(--r-sm);background:var(--surface-2);}
:root:root .ds-pc__sys .ds-pc__sk{margin:0;}
:root:root .ds-pc__info{display:inline-grid;place-items:center;
  width:11px;height:11px;margin-inline-start:5px;border-radius:50%;
  font-style:normal;font-size:7.5px;font-weight:700;letter-spacing:0;
  color:var(--ink-sub);box-shadow:inset 0 0 0 1px var(--border-strong);}
:root:root .ds-pc__sysbody{height:38px;margin-top:6px;
  border-radius:var(--r-sm);background:var(--surface);}


:root:root .ds-pc__ln path{fill:none;stroke:var(--state-pass);
  stroke-width:1.4;stroke-dasharray:4 4;stroke-linecap:round;}
:root:root .ds-pc__ln path.ds-pc__l--fail{stroke:var(--state-fail);
  stroke-width:2.6;stroke-dasharray:6 4;}
:root:root .ds-pc__ln circle{fill:var(--surface);
  stroke:var(--state-pass);stroke-width:1.2;}
:root:root .ds-pc__ln circle.ds-pc__lp--fail{stroke:var(--state-fail);}
:root:root .ds-pc__leg .ds-pc__lg--slow::before{background:var(--state-warn);}
:root:root .ds-pc__leg .ds-pc__lg--down::before{background:var(--state-fail);}


:root:root .ds-pc__h{display:flex;align-items:center;gap:10px;}
:root:root .ds-pc__htx{flex:1 1 auto;min-width:0;}


:root:root .ds-qc__dot{display:inline-block;width:7px;height:7px;
  margin-inline-end:5px;border-radius:2px;vertical-align:middle;
  background:var(--state-pass);}
:root:root .ds-qc__dot--web{background:var(--ci-blue);}
:root:root .ds-qc__dot--api{background:var(--state-fail);}
:root:root .ds-qc__dot--perf{background:var(--c-indigo-600);}

:root:root .ds-qc__chleg .ds-qc__cl--none::before{background:transparent;
  box-shadow:inset 0 0 0 1px var(--border-strong);}

:root:root .ds-qc__bgl,:root:root .ds-qc__agl{stroke:var(--border);
  stroke-width:.8;}
:root:root .ds-qc__bxy,:root:root .ds-qc__bxx{font-family:var(--font-sans);
  font-size:7px;fill:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qc__bxy{text-anchor:end;}
:root:root .ds-qc__bxx{text-anchor:middle;}

:root:root .ds-qc__bp{fill:none;stroke:var(--brand-ink);stroke-width:1.4;
  stroke-dasharray:3 3;}
:root:root .ds-qc__bv{stroke:var(--state-warn);stroke-width:1;
  stroke-dasharray:2 3;}
:root:root .ds-qc__bvt{font-family:var(--font-sans);font-size:7px;
  font-weight:700;text-anchor:end;fill:var(--state-warn-ink);
  letter-spacing:0;}
:root:root .ds-qc__ast{font-family:var(--font-sans);font-size:7px;
  font-weight:700;text-anchor:end;fill:var(--state-fail);letter-spacing:0;}

:root:root .ds-qc__adopt > div{display:grid;gap:4px;}


:root:root .ds-qc__k p{min-width:0;}
:root:root .ds-qc__k p::first-line{line-height:inherit;}
:root:root .ds-qc__kc{flex:0 0 auto;white-space:nowrap;}
:root:root .ds-qc__k > p > :not(.ds-qc__kc){min-width:0;}

:root:root .ds-qc__kpis .ds-qc__k p{overflow:hidden;}

:root:root .ds-qc__bud{gap:2px;padding:7px 8px;}
:root:root .ds-qc__bud .ds-qc__bx{margin-top:1px;}


:root:root .ds-qc__kpis{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));}

:root:root .ds-qc__gl{font-size:6px;}


:root:root .ds-qc__two{grid-template-columns:minmax(0,1.3fr) minmax(0,1.45fr);}
:root:root .ds-qc__rel{display:flex;flex-direction:column;gap:8px;}
:root:root .ds-qc__relbody{flex:1 1 auto;align-items:stretch;}
:root:root .ds-qc__ccol{display:flex;flex-direction:column;gap:3px;}
:root:root .ds-qc__burn{flex:0 0 auto;}

:root:root .ds-qc__adopt li.ds-qc__ad--old::before{background:var(--ci-blue);}
:root:root .ds-qc__adopt li.ds-qc__ad--dim::before{
  background:var(--border-strong);}


:root:root .ds-qc__chan li{display:grid;gap:2px 6px;align-items:center;
  grid-template-columns:48px minmax(0,1fr) 34px;}
:root:root .ds-qc__chan li b{grid-column:1;grid-row:1;}
:root:root .ds-qc__chan li em{grid-column:2;grid-row:1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
:root:root .ds-qc__chan li i{grid-column:3;grid-row:1;justify-self:end;}
:root:root .ds-qc__chan li .ds-qc__bar{grid-column:1 / -1;grid-row:2;}


:root:root .ds-qc__gcol{justify-content:space-between;}
:root:root .ds-qc__ccol{justify-content:flex-start;gap:3px;}


:root:root .ds-qc__bar u.ds-qc__s--ok{background-color:var(--state-pass);
  background-image:none;}
:root:root .ds-qc__bar u.ds-qc__s--fail{background-color:var(--state-fail);
  background-image:none;}
:root:root .ds-qc__bar u.ds-qc__s--warn{background-color:var(--state-warn);
  background-image:none;}
:root:root .ds-qc__bar u.ds-qc__s--none{background-color:transparent;
  background-image:none;}


:root:root .ds-qc__chleg span.ds-qc__cl--fail::before{
  background:var(--state-fail);}
:root:root .ds-qc__chleg span.ds-qc__cl--warn::before{
  background:var(--state-warn);}


:root:root .ds-qc__chan li em{white-space:normal;overflow:visible;
  text-overflow:clip;line-height:1.35;word-break:keep-all;}
:root:root .ds-qc__chan li{gap:1px 6px;}
:root:root .ds-qc__chan{gap:4px;}
:root:root .ds-qc__chleg{margin:1px 0 2px;gap:2px 8px;}
:root:root .ds-qc__ccol .ds-qc__ck{margin-bottom:1px;}

:root:root .ds-qc__adopt{grid-template-columns:62px minmax(0,1fr);
  padding:7px;gap:7px;}
:root:root .ds-qc__donut{width:62px;}
:root:root .ds-qc__adopt li{font-size:7.5px;gap:4px;}
:root:root .ds-qc__adopt li b{white-space:nowrap;}


:root:root .ds-qc__feed li em{margin-inline-start:0;}
:root:root .ds-qc__feed li p{gap:7px;}


:root:root .ds-qc__ccol > .ds-qc__ck{margin:0;}
:root:root .ds-qc__chan{margin:1px 0 0;}
:root:root .ds-qc__chleg{margin:3px 0 4px;}
:root:root .ds-qc__burn{margin-top:1px;}


:root:root .ds-qc__kpis .ds-qc__k{padding:5px 7px;gap:0;}
:root:root .ds-qc__kpis .ds-qc__k p{margin-bottom:1px;}
:root:root .ds-qc__kpis .ds-qc__k b{line-height:1.2;}
:root:root .ds-qc__kpis .ds-qc__kf{margin-top:1px;}
:root:root .ds-qc__p95{display:flex;flex-direction:column;gap:3px;}
:root:root .ds-qc__area{flex:1 1 auto;min-height:0;}


:root:root .ds-qc__ccol .ds-qc__burn{flex:1 1 auto;min-height:88px;}


:root:root .ds-qc__feed{align-self:start;}


:root:root .ds-qc__trainwrap{position:relative;padding:6px 9px;
  gap:6px 9px;}
:root:root .ds-qc__trainwrap .ds-wc__n{position:absolute;top:-7px;left:-7px;
  margin:0;box-shadow:0 0 0 2px var(--surface);}
:root:root .ds-qc__trainwrap .ds-qc__k1{max-width:none;padding-top:2px;}
:root:root .ds-qc__train li{padding:6px 8px;}
:root:root .ds-qc__vd{padding:5px 9px;}


:root:root .ds-qc__fh em{margin-inline-start:7px;}




:root:root .ds-qc__feed li{border-inline-start:0;padding-inline-start:0;}
:root:root .ds-qc__fdot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;
  background:var(--ci-blue);}
:root:root .ds-qc__fd--warn .ds-qc__fdot{background:var(--state-warn);}
:root:root .ds-qc__fd--fail .ds-qc__fdot{background:var(--state-fail);}
:root:root .ds-qc__fd--heal .ds-qc__fdot{background:var(--state-pass);}
:root:root .ds-qc__fd--info .ds-qc__fdot{background:var(--c-indigo-600);}

:root:root .ds-qc__cbar{display:block;height:4px;margin-top:4px;
  border-radius:999px;background:var(--surface-2);overflow:hidden;}
:root:root .ds-qc__cbar u{display:block;height:100%;text-decoration:none;
  border-radius:999px;background:var(--state-pass);}
:root:root .ds-qc__cbar--web u{background:var(--ci-blue);}
:root:root .ds-qc__cbar--api u{background:var(--state-fail);}
:root:root .ds-qc__cbar--perf u{background:var(--c-indigo-600);}

:root:root .ds-qc__sp--web path{stroke:var(--ci-blue);}
:root:root .ds-qc__sp--api path{stroke:var(--state-fail);}
:root:root .ds-qc__sp--perf path{stroke:var(--c-indigo-600);}
:root:root .ds-qc__sp--mob path{stroke:var(--state-pass);}
:root:root .ds-qc__ci--web{color:var(--ci-blue);}
:root:root .ds-qc__ci--api{color:var(--state-fail);}
:root:root .ds-qc__ci--perf{color:var(--c-indigo-600);}
:root:root .ds-qc__ci--mob{color:var(--state-pass);}


:root:root .ds-qc__cd{align-content:stretch;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;}
:root:root .ds-qc__ti{align-content:start;}


:root:root .ds-qd{display:grid;gap:10px;background:transparent;border:0;}
@media (min-width:1080px){
  :root:root .ds-qd{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);}
}
:root:root .ds-qd__shot{border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--border);background:var(--surface);}

:root:root .ds-qd__chrow{margin:0 0 9px;display:flex;flex-wrap:wrap;
  align-items:center;gap:5px;}
:root:root .ds-qd__back{padding:4px 8px;border-radius:var(--r-sm);
  font-size:8.5px;font-weight:600;letter-spacing:0;white-space:nowrap;
  background:var(--surface-2);color:var(--ink-sub);}
:root:root .ds-qd__ch{display:inline-flex;align-items:center;gap:4px;
  padding:4px 9px;border-radius:999px;font-size:9px;font-weight:600;
  letter-spacing:0;white-space:nowrap;background:var(--surface-2);
  color:var(--ink-sub);}
:root:root .ds-qd__ch::before{content:"";width:6px;height:6px;
  border-radius:50%;background:var(--state-pass);}
:root:root .ds-qd__ch--web::before{background:var(--ci-blue);}
:root:root .ds-qd__ch--api::before{background:var(--state-fail);}
:root:root .ds-qd__ch--perf::before{background:var(--c-indigo-600);}
:root:root .ds-qd__ch i{font-style:normal;padding:0 5px;border-radius:999px;
  font-family:var(--font-mono);font-size:8px;font-weight:700;
  background:var(--surface);color:var(--ink-sub);}
:root:root .ds-qd__ch.on{background:var(--brand-soft);color:var(--brand-ink);
  font-weight:700;}
:root:root .ds-qd__cmp{margin-inline-start:auto;display:inline-flex;
  align-items:center;gap:5px;font-size:8px;color:var(--ink-sub);
  letter-spacing:0;white-space:nowrap;}
:root:root .ds-qd__cmp b{padding:3px 7px;border-radius:var(--r-sm);
  font-size:8px;font-weight:700;background:var(--brand-soft);
  color:var(--brand-ink);}

:root:root .ds-qd__sb{margin-top:6px;padding:7px 8px;
  border-radius:var(--r-sm);background:var(--surface);
  display:grid;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));}
:root:root .ds-qd__sb > span{display:grid;gap:3px;}
:root:root .ds-qd__sb u{text-decoration:none;font-size:7.5px;
  color:var(--ink-sub);letter-spacing:0;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;}
:root:root .ds-qd__sb b{display:block;height:4px;border-radius:999px;
  background:var(--state-pass);}
:root:root .ds-qd__sb > span:last-child b{background:var(--state-fail);}
:root:root .ds-qd__sn{grid-column:1 / -1;margin:2px 0 0;font-size:7.5px;
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}

:root:root .ds-qd__two--cf{margin-top:9px;}
:root:root .ds-qd__cf,:root:root .ds-qd__ex{padding:9px 10px;
  border-radius:var(--r-lg);background:var(--surface-2);}
:root:root .ds-qd__cfsvg{display:block;width:100%;height:auto;
  border-radius:var(--r-sm);background:var(--surface);}
:root:root .ds-qd__cf--live{fill:none;stroke:var(--state-pass);
  stroke-width:1.6;stroke-linejoin:round;}
:root:root .ds-qd__cf--old{fill:none;stroke:var(--ci-blue);stroke-width:1.6;
  stroke-linejoin:round;}
:root:root .ds-qd__cfd--live{fill:var(--state-pass);}
:root:root .ds-qd__cfd--old{fill:var(--ci-blue);}
:root:root .ds-qd__cfv{font-family:var(--font-sans);font-size:8px;
  font-weight:700;text-anchor:end;letter-spacing:0;}
:root:root .ds-qd__cfv--live{fill:var(--state-pass-ink);}
:root:root .ds-qd__cfv--old{fill:var(--ci-blue);}
:root:root .ds-qd__cfleg{display:inline-flex;align-items:center;gap:9px;
  margin-inline-start:auto;font-style:normal;font-size:8px;font-weight:400;
  color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qd__cfleg span{display:inline-flex;align-items:center;gap:4px;}
:root:root .ds-qd__cfleg span::before{content:"";width:10px;height:2px;
  border-radius:2px;background:var(--state-pass);}
:root:root .ds-qd__cfleg .ds-qd__cfl--old::before{background:var(--ci-blue);}
:root:root .ds-qd__ex ul{list-style:none;margin:0;padding:0;display:grid;
  gap:5px;}
:root:root .ds-qd__ex li{display:grid;gap:7px;align-items:center;
  grid-template-columns:52px minmax(0,1fr) 34px;}
:root:root .ds-qd__ex li b{font-size:8.5px;font-weight:600;
  color:var(--ink-2);letter-spacing:0;white-space:nowrap;}
:root:root .ds-qd__ex li i{justify-self:end;font-style:normal;
  font-family:var(--font-mono);font-size:8px;font-weight:700;
  color:var(--ink-2);}
:root:root .ds-qd__eb{display:block;height:5px;border-radius:999px;
  background:var(--surface);overflow:hidden;}
:root:root .ds-qd__eb u{display:block;height:100%;text-decoration:none;
  border-radius:999px;background:var(--state-pass);}
:root:root .ds-qd__e--fail{background:var(--state-fail);}
:root:root .ds-qd__e--warn{background:var(--state-warn);}

:root:root .ds-qd__side{display:grid;gap:10px;align-content:start;}
:root:root .ds-qd__card{padding:10px;border-radius:var(--r-lg);
  border:1px solid var(--border);background:var(--surface);}
:root:root .ds-qd__ck{margin:0 0 8px;display:inline-block;padding:5px 12px;
  border-radius:999px;font-size:var(--fs-read-s);font-weight:700;
  letter-spacing:0;color:#fff;background:var(--state-pass);}
:root:root .ds-qd__ck--web{background:var(--ci-blue);}
:root:root .ds-qd__ck--api{background:var(--state-fail);}
:root:root .ds-qd__ck--perf{background:var(--c-indigo-600);}
:root:root .ds-qd__wgrid{display:grid;gap:3px;}
:root:root .ds-qd__wr{display:grid;gap:3px;align-items:center;
  grid-template-columns:minmax(72px,1.6fr) repeat(4,minmax(0,1fr));}
:root:root .ds-qd__wr p{margin:0;display:grid;}
:root:root .ds-qd__wr p b{font-size:8px;font-weight:700;color:var(--ink-2);
  letter-spacing:0;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;}
:root:root .ds-qd__wr p em{font-style:normal;font-size:7px;
  color:var(--ink-sub);letter-spacing:0;}
:root:root .ds-qd__wr--hd > b{font-size:7.5px;font-weight:700;
  color:var(--ink-sub);letter-spacing:0;text-align:center;}

:root:root .ds-qd__eh{margin:0 0 4px;display:grid;gap:5px;
  grid-template-columns:34px minmax(0,1.2fr) minmax(0,1fr) 36px 34px 34px 38px;
  font-size:7px;color:var(--ink-sub);letter-spacing:0;text-align:end;}
:root:root .ds-qd__eh--p{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)
  30px 34px 44px 40px;}
:root:root .ds-qd__ep{list-style:none;margin:0;padding:0;display:grid;
  gap:4px;}
:root:root .ds-qd__ep li{display:grid;gap:5px;align-items:center;
  grid-template-columns:34px minmax(0,1.2fr) minmax(0,1fr) 36px 34px 34px 38px;}
:root:root .ds-qd__ep--p li{
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 30px 34px 44px 40px;}
:root:root .ds-qd__ep li b{font-family:var(--font-mono);font-size:7.5px;
  font-weight:600;color:var(--ink-2);letter-spacing:0;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;}
:root:root .ds-qd__ep--p li b{font-family:var(--font-sans);font-size:8px;
  font-weight:600;}
:root:root .ds-qd__ep li i{justify-self:end;font-style:normal;
  font-family:var(--font-mono);font-size:7.5px;color:var(--ink-sub);
  white-space:nowrap;}
:root:root .ds-qd__mt{padding:2px 4px;border-radius:3px;font-size:6.5px;
  font-weight:700;letter-spacing:0;text-align:center;
  background:var(--brand-soft);color:var(--brand-ink);}
:root:root .ds-qd__mt--get{background:var(--state-pass-soft);
  color:var(--state-pass-ink);}
:root:root .ds-qd__st{justify-self:end;padding:2px 5px;
  border-radius:var(--r-sm);font-style:normal;font-size:7px;font-weight:700;
  letter-spacing:0;white-space:nowrap;background:var(--state-pass-soft);
  color:var(--state-pass-ink);}
:root:root .ds-qd__st--warn{background:var(--surface-2);
  color:var(--state-warn-ink);}
:root:root .ds-qd__st--fail{background:var(--surface-2);
  color:var(--state-fail);}


:root:root .ds-qd__ep li b,
:root:root .ds-qd__ep--p li b,
:root:root .ds-qd__wr p b{white-space:normal;overflow:visible;
  text-overflow:clip;overflow-wrap:anywhere;line-height:1.3;}


:root:root .ds-qd__wr{grid-template-columns:minmax(66px,1.5fr)
  repeat(5,minmax(0,1fr));}
:root:root .ds-qd__two .ds-qd__r{gap:2px;
  grid-template-columns:minmax(84px,1.9fr) repeat(8,minmax(0,1fr));}
:root:root .ds-qd__two .ds-qd__m{height:16px;font-size:8px;}
:root:root .ds-qd__sb{grid-template-columns:repeat(2,minmax(0,1fr));}


:root:root .ds-qo__ar,:root:root .ds-qo__dn,:root:root .ds-qo__back{
  flex:0 0 auto;display:inline-grid;place-items:center;width:20px;height:20px;
  border-radius:var(--r-sm);font-style:normal;font-size:11px;font-weight:700;
  line-height:1;background:var(--surface-2);color:var(--ink-sub);}
:root:root .ds-qo__pj .ds-qo__ar{background:rgba(255,255,255,.16);
  color:#fff;}

:root:root .ds-qo__back{position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);z-index:2;
  background:var(--state-warn);color:#fff;
  box-shadow:0 0 0 3px var(--surface);}
:root:root .ds-qo__left{position:relative;}

:root:root .ds-qo__dns{margin:0 0 6px;display:grid;justify-items:center;
  grid-template-columns:repeat(2,minmax(0,1fr));}
:root:root .ds-qo__drill li{position:relative;}
:root:root .ds-qo__drill{align-items:center;}

:root:root .ds-qo__ctl{display:inline-flex;flex-wrap:wrap;
  align-items:center;gap:4px 10px;}
:root:root .ds-qo__ctl span{color:var(--state-pass-glow);
  font-weight:600;}
:root:root .ds-qo__ctl span + span::before{content:"·";
  margin-inline-end:10px;color:rgba(255,255,255,.4);font-weight:400;}

:root:root .ds-qo__ch{padding:8px 11px;}
:root:root .ds-qo__c ol{padding:8px 11px 0;gap:5px;}
:root:root .ds-qo__c li{font-size:var(--fs-read-xs);}
:root:root .ds-qo__c li::before{width:16px;height:16px;font-size:9px;}
:root:root .ds-qo__cf{margin:7px 0 0;padding:6px 11px 8px;}


:root:root .ds-qo__drill{display:flex;flex-wrap:wrap;align-items:center;
  gap:8px;}
:root:root .ds-qo__drill li{flex:1 1 120px;}
:root:root .ds-qo__drill .ds-qo__ar{flex:0 0 auto;}


:root:root .ds-qd__sb{display:block;}
:root:root .ds-qd__sc{margin:0 0 5px;display:flex;flex-wrap:wrap;gap:4px;}
:root:root .ds-qd__sc span{padding:3px 8px;border-radius:var(--r-sm);
  font-size:7.5px;font-weight:700;letter-spacing:0;white-space:nowrap;
  background:var(--surface-2);color:var(--ink-2);}
:root:root .ds-qd__sl{margin:0;display:flex;gap:3px;}
:root:root .ds-qd__sg{flex:1 1 0;height:5px;border-radius:999px;
  background:var(--state-pass);}
:root:root .ds-qd__sg--fail{background:var(--state-fail);}

:root:root .ds-qd__eb u.ds-qd__e--ok{background:var(--state-pass);}
:root:root .ds-qd__eb u.ds-qd__e--warn{background:var(--state-warn);}
:root:root .ds-qd__eb u.ds-qd__e--fail{background:var(--state-fail);}

:root:root .ds-qd__ep--p .ds-qd__eb u.ds-qd__e--ok{
  background:var(--c-indigo-600);}


:root:root .ds-qo__pj{gap:5px 6px;padding:9px 12px;flex-wrap:wrap;}
:root:root .ds-qo__v{padding:4px 9px;font-size:var(--fs-read-xs);}
:root:root .ds-qo__ar,:root:root .ds-qo__dn{width:16px;height:16px;
  font-size:9px;}
:root:root .ds-qo__ct{padding:9px 12px;}
:root:root .ds-qo__fb{margin:6px 0 2px;}
:root:root .ds-qo__dns{margin:0 0 4px;}
:root:root .ds-qo__drill{align-items:stretch;}
:root:root .ds-qo__drill li{display:grid;align-content:center;gap:2px;
  padding:8px 10px;}


:root:root .ds-qd__eb u.ds-qd__e--perf{background:var(--c-indigo-600);}

:root:root .ds-qo__pj > b{width:100%;flex:0 0 100%;margin:0;line-height:1.2;}
:root:root .ds-qo__pj > em{flex:0 0 auto;margin-inline-end:8px;}


:root:root .ds-qo__drill .ds-qo__ar,
:root:root .ds-qd__steps .ds-qo__ar{align-self:center;}

:root:root .ds-qd__cf,:root:root .ds-qd__ex{padding:8px 9px;}
:root:root .ds-qd__cfsvg{max-height:124px;}
:root:root .ds-qd__ex li{gap:6px;}

:root:root .ds-qd__steps{display:flex;flex-wrap:wrap;align-items:stretch;
  gap:7px;}
:root:root .ds-qd__steps li{flex:1 1 120px;display:grid;place-items:center;
  padding:9px 10px;font-size:var(--fs-read-xs);}


:root:root .mdrill{padding-block:clamp(16px,2vw,28px) clamp(36px,4.5vw,64px);}


:root:root .mdetail--tight{padding-bottom:clamp(16px,2vw,28px);}

@media (min-width:1101px){
  :root:root .gnb2-drop[data-ia="company"] .gnb2-panel{
    left:50%;right:auto;transform:translateX(-50%);}
}


:root:root .ds-mc{padding:14px;}
:root:root .ds-mc__flow{list-style:none;margin:0 0 12px;padding:0;
  display:grid;gap:10px;grid-template-columns:repeat(7,minmax(0,1fr));}
@media (max-width:900px){
  :root:root .ds-mc__flow{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:560px){
  :root:root .ds-mc__flow{grid-template-columns:repeat(2,minmax(0,1fr));}
}

:root:root .ds-mc__s{position:relative;display:flex;flex-direction:column;
  gap:5px;padding:10px 8px 34px;border-radius:var(--r-lg);
  background:var(--surface);border:1px solid var(--border);
  text-align:center;}
:root:root .ds-mc__s--last{border-color:var(--brand-ink);}

:root:root .ds-mc__s + .ds-mc__s::before{content:"";position:absolute;
  left:-8px;top:50%;width:0;height:0;transform:translateY(-50%);
  border-block:4px solid transparent;
  border-inline-start:6px solid var(--border-strong);}
:root:root .ds-mc__no{margin:0;font-family:var(--font-mono);
  font-size:var(--fs-read-s);font-weight:700;color:var(--ci-blue);
  letter-spacing:0;}
:root:root .ds-mc__ic{display:block;width:34px;height:34px;margin:2px auto 3px;
  padding:8px;border-radius:50%;box-sizing:border-box;fill:none;
  stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  background-color:var(--ci-blue);background-image:var(--ci-grad);}
:root:root .ds-mc__t{margin:0;font-size:var(--fs-read-s);font-weight:700;
  color:var(--ink);letter-spacing:0;word-break:keep-all;}
:root:root .ds-mc__d{margin:0;font-size:9px;line-height:1.45;
  color:var(--ink-sub);letter-spacing:0;word-break:keep-all;}

:root:root .ds-mc__ag{margin:auto 0 0;padding:3px 7px;border-radius:999px;
  font-size:8px;font-weight:700;letter-spacing:0;
  background:var(--brand-soft);color:var(--brand-ink);}

:root:root .ds-mc__n{position:absolute;top:-7px;left:-7px;margin:0;
  box-shadow:0 0 0 2px var(--surface);}

:root:root .ds-mc__ok{position:absolute;left:50%;bottom:6px;
  transform:translateX(-50%);padding:3px 8px;border-radius:999px;
  font-size:8px;font-weight:700;letter-spacing:0;white-space:nowrap;
  background:var(--surface);color:var(--state-warn-ink);
  box-shadow:inset 0 0 0 1px var(--state-warn);}

:root:root .ds-mc__vd{margin:0 0 10px;display:flex;flex-wrap:wrap;
  align-items:center;gap:6px 12px;padding:10px 13px;
  border-radius:var(--r-lg);background-color:var(--c-deep-900);
  background-image:linear-gradient(180deg,rgba(255,255,255,.05),
    rgba(255,255,255,0));}

:root:root .ds-mc__vd b{padding:3px 9px;border-radius:999px;
  font-size:var(--fs-read-xs);font-weight:700;letter-spacing:0;
  background:var(--state-warn);color:#fff;}
:root:root .ds-mc__vd em{font-style:normal;font-size:var(--fs-read-xs);
  color:#fff;letter-spacing:0;word-break:keep-all;}
:root:root .ds-mc__re{font-size:var(--fs-read-xs);font-weight:600;
  color:var(--state-pass-glow);letter-spacing:0;word-break:keep-all;}

:root:root .ds-mc__ft{margin:0;display:flex;flex-wrap:wrap;gap:10px 22px;}
:root:root .ds-mc__ft span{display:inline-flex;align-items:center;gap:8px;
  font-size:var(--fs-read-s);font-weight:700;color:var(--ink-2);
  letter-spacing:0;word-break:keep-all;}
:root:root .ds-mc__ft svg{flex:0 0 auto;width:30px;height:30px;padding:7px;
  box-sizing:border-box;border-radius:50%;fill:none;stroke:currentColor;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  background:var(--state-pass-soft);color:var(--state-pass-ink);}


:root:root .mdetail .pd-cap{font-size:var(--fs-read-m);
  line-height:var(--lh-read);}


:root:root #evidence{padding-block:clamp(34px,4vw,52px);}
:root:root #evidence .section-hd{margin-bottom:var(--sp-5);}
:root:root #evidence .ds-pillars{margin-top:0;}
:root:root #evidence .ds-pillar{display:flex;align-items:center;
  gap:10px;padding:14px 16px;}
:root:root #evidence .ds-pillar > svg{flex:none;width:1.15em;height:1.15em;
  margin-bottom:0;}
:root:root #evidence .ds-pillar > b{margin:0;}


:root:root .mstrip{display:grid;gap:clamp(16px,2vw,24px);
  grid-template-columns:minmax(0,780fr) minmax(0,330fr);
  align-items:stretch;}

:root:root .mdetail .pdstep > .stepx.mstrip{margin-top:clamp(10px,1.1vw,16px);
  padding-top:0;border-top:0;}

:root:root .mstrip__flow{margin:0;list-style:none;display:flex;
  align-items:stretch;gap:8px;flex-wrap:wrap;
  padding:clamp(12px,1.4vw,18px);border-radius:var(--r-lg);
  background:var(--surface-2);}
:root:root .mstrip__flow > li{flex:1 1 0;min-width:0;display:grid;
  place-items:center;text-align:center;padding:12px 8px;
  border-radius:var(--r-md);border:1px solid var(--border);
  background:var(--surface);font-size:var(--fs-read-xs);font-weight:700;
  line-height:1.4;letter-spacing:0;color:var(--ink);word-break:keep-all;}

:root:root .mstrip__flow > li + li{position:relative;margin-inline-start:9px;}
:root:root .mstrip__flow > li + li::before{content:"";position:absolute;
  left:-13px;top:50%;width:0;height:0;transform:translateY(-50%);
  border-block:4px solid transparent;
  border-inline-start:6px solid var(--border-strong);}

:root:root .mstrip__flow > li.mstrip__ap{flex:0 0 auto;border:0;border-radius:var(--r-pill);
  padding:12px 18px;background:var(--state-pass);color:#fff;
  font-family:var(--font-mono);font-size:var(--fs-read-xs);
  letter-spacing:.06em;white-space:nowrap;}
:root:root .mstrip__flow > li.mstrip__last{border-color:rgba(14,122,95,.42);
  color:var(--state-pass-ink);}


:root:root .mstrip__stat{margin:0;display:flex;align-items:center;gap:14px;
  padding:clamp(12px,1.4vw,18px);border-radius:var(--r-lg);
  background:var(--surface-2);}
:root:root .mstrip__stat > b{flex:0 0 auto;font-size:clamp(26px,2.6vw,32px);
  font-weight:700;letter-spacing:-.02em;color:var(--state-pass-ink);}
:root:root .mstrip__stat em,
:root:root .mstrip__stat i{display:block;font-style:normal;
  font-size:var(--fs-read-xs);line-height:1.5;color:var(--ink-2);}
:root:root .mstrip__stat i{color:var(--ink-sub);}
@media (max-width:860px){
  :root:root .mstrip{grid-template-columns:1fr;}
  :root:root .mstrip__flow > li{flex:1 1 44%;}
}


.gnb2{position:sticky;top:0;z-index:60;background:var(--navy-900);
  border-bottom:1px solid var(--navy-line,rgba(255,255,255,.12));}

.gnb2-in{max-width:1200px;margin:0 auto;height:var(--gnb-h,76px);padding:0 24px;
  display:flex;align-items:center;gap:26px;}
.gnb2-logo{font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace);font-size:22px;font-weight:600;color:#fff;
  letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.gnb2-logo i{color:var(--accent);font-style:normal}
.gnb2-logo span{margin-left:10px;font-size:11.5px;letter-spacing:.14em;color:var(--on-navy-faint,rgba(255,255,255,.58))}
.gnb2-nav{display:flex;align-items:center;gap:2px}
.gnb2-nav > a,.gnb2-drop > a{display:inline-flex;align-items:center;height:40px;padding:0 15px;
  border-radius:var(--r-lg,6px);font-size:16px;font-weight:600;color:var(--on-navy,rgba(255,255,255,.84));
  text-decoration:none;white-space:nowrap}
.gnb2-nav > a:hover,.gnb2-drop:hover > a,.gnb2-nav a[aria-current]{background:rgba(255,255,255,.09);color:#fff}

.gnb2-sp{flex:1}
.gnb2-cta{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:var(--r-lg,6px);
  background:var(--accent);color:var(--navy-900);font-size:16px;font-weight:700;
  text-decoration:none;white-space:nowrap}


.gnb2-drop{position:relative}
.gnb2-panel{position:absolute;left:-12px;top:calc(100% + 10px);width:min(760px,92vw);
  background:var(--surface,#FFFFFF);border:1px solid var(--border,#D9E1E8);border-radius:var(--r-2xl,10px);
  box-shadow:0 18px 44px rgba(23,35,49,.18);padding:18px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px 20px;
  
  visibility:hidden;opacity:0;pointer-events:none;
  transition:opacity .12s ease .18s, visibility 0s linear .3s;}
.gnb2-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.gnb2-drop:hover .gnb2-panel,.gnb2-drop:focus-within .gnb2-panel{
  visibility:visible;opacity:1;pointer-events:auto;
  transition:opacity .12s ease 0s, visibility 0s linear 0s;}
@media (prefers-reduced-motion:reduce){
  .gnb2-panel{transition:visibility 0s linear .3s}
  .gnb2-drop:hover .gnb2-panel,.gnb2-drop:focus-within .gnb2-panel{
    transition:visibility 0s linear 0s}
}

@media (max-width:1250px){
  .gnb2-in{position:relative}
  .gnb2-drop{position:static}
  .gnb2-panel{left:auto;right:0;width:min(760px,100%)}
}
.gnb2-panel h4{margin:0 0 8px;font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace);font-size:var(--fs-label,11px);
  letter-spacing:.1em;color:var(--ink-sub,#54677A);font-weight:600}
.gnb2-panel a{display:block;padding:7px 9px;margin-left:-9px;border-radius:var(--r-md,4px);
  text-decoration:none;color:var(--ink,#0E1A24)}
.gnb2-panel a:hover,.gnb2-panel a[aria-current]{background:var(--brand-soft)}
.gnb2-panel a b{display:block;font-size:var(--fs-sub,14px);font-weight:700}
.gnb2-panel a em{display:block;font-style:normal;font-size:12.5px;color:var(--ink-sub,#54677A)}


.mpage{display:block}
.mwrap{max-width:1200px;margin:0 auto;padding:0 24px}
.mhead{background:var(--bg-alt,#FFFFFF);border-bottom:1px solid var(--border,#D9E1E8);
  padding:clamp(44px,6vw,76px) 0}
.mcrumb{margin:0 0 10px;font-size:var(--fs-cap,13px);color:var(--ink-sub,#54677A)}
.mcrumb a{color:var(--brand-ink);text-decoration:none}

.meyebrow{margin:0 0 12px;font-family:var(--font-sans);font-size:var(--fs-label,11px);
  letter-spacing:0;color:var(--brand-ink)}
.mh1{margin:0 0 16px;font-size:var(--fs-display,clamp(34px,4.6vw,48px));line-height:1.15;letter-spacing:-.03em;
  text-wrap:balance}
.mlead{margin:0;max-width:62ch;font-size:var(--fs-lead,clamp(15.5px,1.5vw,17px));color:var(--ink-2,#2C3E4F)}
.mbtns{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 0}
.mbtn{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:var(--r-lg,6px);
  font-size:var(--fs-cap,13px);font-weight:700;text-decoration:none;white-space:nowrap}
.mbtn-pri{background:var(--brand);color:var(--on-brand,#FFFFFF)}
.mbtn-sec{background:transparent;color:var(--brand-ink);border:1px solid var(--border-strong,#B3C1CD)}

.mover{padding:clamp(40px,5vw,64px) 0;background:var(--bg-alt,#FFFFFF);
  border-bottom:1px solid var(--border,#D9E1E8)}
.mbig{margin:0 0 14px;max-width:70ch;font-size:var(--fs-h3,clamp(17px,1.9vw,22px));
  font-weight:700;line-height:1.5;letter-spacing:-.018em}
.mbody{margin:0;max-width:70ch;font-size:var(--fs-lead,clamp(15.5px,1.5vw,17px));
  color:var(--ink-2,#2C3E4F)}
.mh2{margin:0 0 6px;font-size:var(--fs-h1,clamp(26px,3.2vw,34px));letter-spacing:-.022em}
.mcases{padding:clamp(40px,5vw,64px) 0;background:var(--bg-alt,#FFFFFF);
  border-block:1px solid var(--border,#D9E1E8)}
.mcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}
.mcase{background:var(--surface,#FFFFFF);border:1px solid var(--border,#D9E1E8);
  border-radius:var(--r-2xl,10px);padding:22px}

.mcase .when{margin:0 0 10px;font-size:var(--fs-read-s,15.5px);
  line-height:1.5;font-weight:700;color:var(--brand-ink)}
.mcase dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;
  font-size:var(--fs-read-s,15.5px);line-height:1.65}
.mcase dt{color:var(--ink-sub,#54677A);white-space:nowrap}
.mcase dd{margin:0;color:var(--ink-2,#2C3E4F)}
.mrels{padding:clamp(40px,5vw,64px) 0}
.mrel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.mrel{display:block;padding:20px;text-decoration:none;color:inherit;
  background:var(--surface,#FFFFFF);border:1px solid var(--border,#D9E1E8);
  border-radius:var(--r-2xl,10px)}
.mrel:hover{border-color:var(--brand);background:var(--brand-soft)}
.mrel b{display:block;margin-bottom:6px;font-size:var(--fs-card,17px)}
.mrel span{font-size:var(--fs-sub,14px);color:var(--ink-sub,#54677A)}
@media (max-width:860px){
  .mcase-grid,.mrel-grid{grid-template-columns:1fr}
}

.mdetail{padding:clamp(40px,5vw,68px) 0}
.mband{background:var(--navy-900);color:#fff;padding:clamp(44px,5vw,68px) 0}
.mband h2{margin:0 0 8px;font-size:var(--fs-h2,clamp(21px,2.4vw,26px));color:#fff}
.mband p{margin:0;color:var(--on-navy,rgba(255,255,255,.84));font-size:var(--fs-sub,14px)}
.mband .mbtn-pri{background:var(--accent);color:var(--navy-900)}
.mband .mbtn-sec{color:#fff;border-color:var(--navy-line,rgba(255,255,255,.12))}

.ft2{background:var(--navy-900);color:var(--on-navy-faint,rgba(255,255,255,.58));padding:44px 0;
  border-top:1px solid var(--navy-line,rgba(255,255,255,.12));font-size:var(--fs-sub,14px)}
.ft2-in{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:24px;
  flex-wrap:wrap;justify-content:space-between;align-items:center}
.ft2-in p{margin:0}
.ft2-in b{color:#fff}
.ft2-in nav a{color:var(--on-navy,rgba(255,255,255,.84));text-decoration:none;margin-right:16px}


.hsec{padding:var(--sec-pad,clamp(56px,7vw,96px)) 0}
.hsec-alt{background:var(--bg-alt,#FFFFFF);border-block:1px solid var(--border,#D9E1E8)}
.hsec > .mwrap > .meyebrow{margin-bottom:12px}
.hh2{margin:0 0 14px;font-size:var(--fs-h1,clamp(26px,3.2vw,34px));line-height:1.3;letter-spacing:-.022em;text-wrap:balance}
.hlead{margin:0;max-width:62ch;font-size:var(--fs-lead,clamp(15.5px,1.5vw,17px));color:var(--ink-2,#2C3E4F)}
.hcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.hcard{background:var(--surface,#FFFFFF);border:1px solid var(--border,#D9E1E8);border-radius:var(--r-2xl,10px);
  padding:24px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}
a.hcard:hover{border-color:var(--brand);box-shadow:var(--shadow-card,0 12px 40px rgba(23,35,49,.10))}
.hcard h3{margin:0;font-size:var(--fs-card,17px);letter-spacing:-.015em}
.hcard p{margin:0;font-size:var(--fs-sub,14px);color:var(--ink-sub,#54677A)}
.hcard ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.hcard li{font-size:var(--fs-sub,14px);color:var(--ink-2,#2C3E4F);display:flex;gap:9px;align-items:flex-start}
.hcard li i{flex:0 0 auto;width:6px;height:6px;margin-top:8px;border-radius:50%;background:var(--accent)}
.hcard .go{margin-top:auto;padding-top:8px;font-size:var(--fs-cap,13px);font-weight:700;color:var(--brand-ink)}
.hband{background:var(--navy-900);color:#fff;padding:clamp(40px,5vw,64px) 0}
.hband .mwrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.hband h2{margin:0 0 6px;font-size:var(--fs-h2,clamp(21px,2.4vw,26px));color:#fff}
.hband p{margin:0;color:var(--on-navy,rgba(255,255,255,.84));font-size:var(--fs-sub,14px)}
.hband .mbtn-pri{background:var(--accent);color:var(--navy-900)}
.hcmp{width:100%;border-collapse:collapse;margin-top:30px;font-size:var(--fs-sub,14px)}
.hcmp th,.hcmp td{border-bottom:1px solid var(--border,#D9E1E8);padding:13px 14px;text-align:left;vertical-align:top}
.hcmp thead th{font-size:var(--fs-cap,13px);color:var(--ink-sub,#54677A);background:var(--surface-2,#EAF0F5)}
.hcmp td.ours{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}
@media (max-width:980px){
  .hcards{grid-template-columns:1fr}
  .hcmp{display:block;overflow-x:auto;white-space:nowrap}
}




.hero{padding-block:clamp(64px,8vw,120px) clamp(48px,6vw,80px);}
#b9,.closing{padding-block:clamp(72px,8vw,120px);}
.hsec,.mover,.mcases,.mrels{padding-block:clamp(48px,6vw,80px);}
.hband,.mband{padding-block:clamp(36px,4vw,56px);}



div.hcard,.mcase,.pillars li{
  background:none;border:0;border-radius:0;box-shadow:none;
  padding:20px 0 0;border-top:1px solid var(--border,#D9E1E8);}
div.hcard{gap:10px}
.mcase dl{margin-top:4px}




.tblock:nth-of-type(even) .pdstep > figcaption{order:2}


.mdetail .pdsteps{display:none}
.mdetail .pdstep[hidden]{display:grid !important}
.mdetail .pdstep{margin-top:clamp(28px,3.4vw,44px);padding-top:clamp(28px,3.4vw,44px);
  border-top:1px solid var(--border,#D9E1E8);}
.mdetail .pdstep:first-of-type{margin-top:0;padding-top:0;border-top:0}
.mdetail .pdstep:nth-of-type(even) > figcaption{order:2}



.mdetail .pdstep > .stepx{grid-column:1 / -1;order:3;
  margin-top:clamp(22px,2.6vw,34px);
  padding-top:clamp(22px,2.6vw,34px);border-top:1px solid var(--border,#D9E1E8);}

.stepx-h{margin:0;font-size:clamp(19px,1.9vw,22px);font-weight:700;
  letter-spacing:-.02em;color:var(--ink,#0E1A24);text-wrap:balance;}

.stepx-eff{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:18px;
  grid-template-columns:repeat(3,minmax(0,1fr));}

.stepx-eff > li{display:grid;grid-template-columns:24px 1fr;gap:5px 11px;
  align-items:baseline;align-content:start;}
.stepx-eff > li > b{grid-row:1 / span 2;width:24px;height:24px;border-radius:50%;
  display:grid;place-items:center;font-family:var(--font-mono,ui-monospace,monospace);
  font-size:12px;font-weight:700;color:var(--brand-ink);
  background:var(--brand-soft);}
.stepx-eff .t{margin:0;font-size:16px;font-weight:700;letter-spacing:-.015em;
  line-height:1.45;color:var(--ink,#0E1A24);}
.stepx-eff .d{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink-sub,#54677A);}
@media (max-width:860px){
  .stepx-eff{grid-template-columns:1fr;gap:18px;}
}



.axg-cap .axg-pts{margin:15px 0 0;padding:0;list-style:none;
  display:flex;flex-direction:column;gap:14px;}
.axg-cap .axg-pts > li{display:grid;grid-template-columns:23px 1fr;gap:4px 10px;
  align-items:baseline;}
.axg-cap .axg-pts > li > b{grid-row:1 / span 2;width:23px;height:23px;border-radius:50%;
  display:grid;place-items:center;font-family:var(--font-mono,ui-monospace,monospace);
  font-size:11.5px;font-weight:700;color:var(--brand-ink);
  background:var(--brand-soft);}
.axg-cap .axg-pts .t{margin:0;font-size:15.5px;font-weight:700;letter-spacing:-.015em;
  line-height:1.4;color:var(--ink,#0E1A24);}
.axg-cap .axg-pts .d{margin:0;font-size:14px;line-height:1.7;color:var(--ink-sub,#54677A);}


.axg-cap .axg-sub{margin:16px 0 0;padding:13px 16px;border-radius:10px;
  background:var(--surface-2,#EAF0F5);
  display:grid;grid-template-columns:26px 1fr;gap:1px 12px;align-items:center;}
.axg-cap .axg-sub > svg{grid-row:1 / span 2;width:26px;height:26px;
  align-self:center;color:var(--state-pass);}
.axg-cap .axg-sub > b{font-size:15.5px;font-weight:700;letter-spacing:-.015em;
  line-height:1.4;color:var(--ink,#0E1A24);}
.axg-cap .axg-sub > em{font-style:normal;font-size:14px;line-height:1.6;
  color:var(--ink-sub,#54677A);}


.eyebrow .grp,.eyebrow .sec{white-space:nowrap;}


:root .axg[data-s="trg"] .axg-view{aspect-ratio:700/450}


:root .axg[data-s="m0"] .axg-view{aspect-ratio:700/500}

:root .axg[data-s="m2"] .axg-view{aspect-ratio:700/530}

:root .axg[data-s="m3"] .axg-view{aspect-ratio:700/460}


.stepx-eff4{grid-template-columns:repeat(2,minmax(0,1fr));}
@media (min-width:1100px){ .stepx-eff4{grid-template-columns:repeat(4,minmax(0,1fr));} }


:root:root .axg[data-s="2"] .axg-view{aspect-ratio:700/610}


:root:root .axg[data-s="4"] .axg-view{aspect-ratio:700/600}


:root:root .axg[data-s="3"] .axg-view{aspect-ratio:700/570}


.vl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));
  gap:clamp(14px,1.8vw,20px);margin-top:clamp(18px,2.2vw,26px);}
.vl-card{padding:clamp(18px,2.2vw,26px);border:1px solid var(--border);
  border-radius:6px;background:var(--surface);scroll-margin-top:96px;}
.vl-eb{margin:0;display:flex;align-items:baseline;gap:7px;
  font-family:var(--font-mono);font-size:11px;font-weight:700;
  letter-spacing:.08em;color:var(--brand-ink);}
.vl-eb span{font-family:var(--font-sans,inherit);font-size:11.5px;font-weight:600;
  letter-spacing:0;color:var(--ink-faint);}
.vl-pain{margin:11px 0 0;font-size:13px;line-height:1.7;color:var(--ink-faint);
  padding-inline-start:11px;border-inline-start:2px solid var(--border);}
.vl-h{margin:12px 0 0;font-size:19px;font-weight:700;line-height:1.42;
  letter-spacing:-.015em;color:var(--ink);}
.vl-h em{font-style:normal;color:var(--brand-ink);}
.vl-do{margin:14px 0 0;padding:14px 0 0;list-style:none;
  border-top:1px solid var(--border);display:flex;flex-direction:column;gap:9px;}
.vl-do li{position:relative;padding-inline-start:20px;font-size:13.5px;
  line-height:1.7;color:var(--ink-2);}
.vl-do li::before{content:"";position:absolute;inset-inline-start:0;top:6px;
  width:10px;height:6px;border-inline-start:2px solid var(--brand);
  border-bottom:2px solid var(--brand);rotate:-45deg;}
.vl-found{margin-top:clamp(16px,2vw,22px);padding:clamp(16px,2vw,22px);
  border:1px solid var(--border);border-radius:6px;background:var(--bg-alt,var(--bg));}
.vl-found h3{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--ink-sub);}
.vl-found ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.vl-found li{font-size:13px;font-weight:600;color:var(--ink-2);
  background:var(--surface);border:1px solid var(--border);
  border-radius:999px;padding:5px 12px;}


.pf-tbl{display:grid;gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:6px;overflow:hidden;
  margin-top:clamp(18px,2.2vw,26px);}
.pf-row{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);
  gap:clamp(14px,2vw,28px);padding:clamp(14px,1.8vw,20px) clamp(16px,2vw,24px);
  background:var(--surface);align-items:start;}
.pf-k b{display:block;font-size:15px;font-weight:700;color:var(--ink);
  letter-spacing:-.01em;}
.pf-k em{display:block;margin-top:4px;font-style:normal;font-size:12.5px;
  line-height:1.6;color:var(--ink-faint);}
.pf-v{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink-2);}
@media (max-width:760px){
  .pf-row{grid-template-columns:1fr;gap:8px;}
}

.pf-cert{margin-top:clamp(18px,2.2vw,26px);padding:clamp(16px,2vw,22px);
  border:1px solid var(--border);border-radius:6px;background:var(--brand-soft);}
.pf-cert h3{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--brand-ink);
  letter-spacing:.02em;}
.pf-cert ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.pf-cert li{font-size:13px;font-weight:600;color:var(--ink-2);
  background:var(--surface);border:1px solid var(--border);
  border-radius:999px;padding:5px 12px;}

.pf-grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));
  gap:clamp(12px,1.6vw,18px);margin-top:clamp(18px,2.2vw,26px);}
.pf-card{padding:clamp(16px,2vw,22px);border:1px solid var(--border);
  border-radius:6px;background:var(--surface);}
.pf-no{margin:0;font-family:var(--font-mono);font-size:11px;font-weight:700;
  color:var(--brand-ink);letter-spacing:.04em;}
.pf-card h3{margin:6px 0 10px;font-size:15.5px;font-weight:700;color:var(--ink);}
.pf-card ul{margin:0;padding:0;list-style:none;display:flex;
  flex-direction:column;gap:7px;}
.pf-card li{position:relative;padding-inline-start:13px;font-size:13.5px;
  line-height:1.7;color:var(--ink-2);}
.pf-card li::before{content:"";position:absolute;inset-inline-start:0;top:9px;
  width:5px;height:5px;border-radius:50%;background:var(--brand);}

.pf-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));
  gap:clamp(12px,1.6vw,18px);margin-top:clamp(18px,2.2vw,26px);}
.pf-stage{padding:clamp(16px,2vw,22px);border:1px solid var(--border);
  border-radius:6px;background:var(--surface);}
.pf-sno{margin:0;font-family:var(--font-mono);font-size:11px;font-weight:700;
  letter-spacing:.08em;color:var(--brand-ink);}
.pf-stage h3{margin:6px 0 8px;font-size:16px;font-weight:700;color:var(--ink);}
.pf-stage p{margin:0;font-size:13.5px;line-height:1.75;color:var(--ink-2);}

.pf-road{display:grid;gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:6px;overflow:hidden;
  margin-top:clamp(18px,2.2vw,26px);}
.pf-q{display:grid;grid-template-columns:86px minmax(0,320px) minmax(0,1fr);
  gap:clamp(12px,1.8vw,22px);align-items:center;background:var(--surface);
  padding:clamp(13px,1.6vw,18px) clamp(16px,2vw,24px);}
.pf-qn{margin:0;font-family:var(--font-mono);font-size:13px;font-weight:700;
  color:var(--brand-ink);}
.pf-qo{display:flex;flex-wrap:wrap;gap:6px;}
.pf-qo span{font-size:13px;font-weight:700;color:var(--on-brand);
  background:var(--brand);border-radius:4px;padding:4px 10px;}
.pf-qd{margin:0;font-size:13px;line-height:1.7;color:var(--ink-sub);}
@media (max-width:860px){
  .pf-q{grid-template-columns:1fr;gap:8px;}
}

.pf-note{margin:clamp(14px,1.8vw,20px) 0 0;font-size:13.5px;line-height:1.75;
  color:var(--ink-sub);padding-inline-start:13px;
  border-inline-start:2px solid var(--border-strong);}


.ag-wrap{margin-top:clamp(18px,2.4vw,30px);padding:clamp(18px,2.2vw,28px);
  border:1px solid var(--border);border-radius:6px;background:var(--surface);
  scroll-margin-top:96px;}
.ag-eb{margin:0;font-family:var(--font-mono);font-size:11px;font-weight:700;
  letter-spacing:.09em;color:var(--brand-ink);}
.ag-h{margin:8px 0 0;font-size:clamp(19px,2.1vw,23px);font-weight:700;
  line-height:1.38;letter-spacing:-.02em;color:var(--ink);text-wrap:balance;}
.ag-h em{font-style:normal;color:var(--brand-ink);}
.ag-lead{margin:10px 0 0;max-width:62ch;font-size:14.5px;line-height:1.78;
  color:var(--ink-2);}
.ag-lead b{font-weight:700;color:var(--ink);}


.ag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));
  gap:clamp(12px,1.6vw,20px);margin-top:clamp(16px,2vw,22px);}
.ag-col{padding:clamp(14px,1.8vw,18px);border-radius:6px;
  background:var(--bg-alt,var(--bg));border-top:3px solid var(--brand);}
.ag-ceb{margin:0 0 10px;display:flex;align-items:baseline;gap:7px;
  font-family:var(--font-mono);font-size:11px;font-weight:700;
  letter-spacing:.08em;color:var(--brand-ink);}
.ag-ceb span{font-family:var(--font-sans,inherit);font-size:13px;font-weight:700;
  letter-spacing:-.01em;color:var(--ink);}
.ag-col ul{margin:0;padding:0;list-style:none;display:flex;
  flex-direction:column;gap:9px;}
.ag-col li{display:flex;flex-direction:column;gap:2px;
  padding-top:9px;border-top:1px solid var(--border);}
.ag-col li:first-child{padding-top:0;border-top:0;}
.ag-col li b{font-family:var(--font-mono);font-size:12.5px;font-weight:700;
  letter-spacing:.01em;color:var(--ink);}
.ag-col li em{font-style:normal;font-size:12.5px;line-height:1.62;
  color:var(--ink-sub);}


.ag-hitl{margin-top:clamp(14px,1.8vw,20px);padding:clamp(14px,1.8vw,20px);
  border:1px solid var(--border);border-radius:6px;background:var(--brand-soft);}
.ag-hitl h4{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--brand-ink);
  letter-spacing:.01em;}
.ag-hitl ol{margin:0;padding:0;list-style:none;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(236px,1fr));gap:8px 16px;
  counter-reset:hitl;}
.ag-hitl li{counter-increment:hitl;position:relative;padding-inline-start:26px;
  font-size:13.5px;line-height:1.7;color:var(--ink-2);}
.ag-hitl li::before{content:counter(hitl);position:absolute;inset-inline-start:0;
  top:2px;width:18px;height:18px;border-radius:50%;
  background:var(--brand);color:var(--on-brand);
  font-family:var(--font-mono);font-size:10.5px;font-weight:700;
  display:flex;align-items:center;justify-content:center;}


.ag-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(236px,1fr));
  gap:clamp(12px,1.6vw,18px);margin-top:clamp(16px,2vw,22px);}
.ag-step{padding:clamp(14px,1.8vw,18px);border:1px solid var(--border);
  border-radius:6px;background:var(--bg-alt,var(--bg));}
.ag-sn{margin:0 0 7px;font-family:var(--font-mono);font-size:11px;font-weight:700;
  letter-spacing:.08em;color:var(--brand-ink);}
.ag-step b{display:block;font-size:15px;font-weight:700;line-height:1.4;
  letter-spacing:-.01em;color:var(--ink);}
.ag-step em{display:block;margin-top:6px;font-style:normal;font-size:13px;
  line-height:1.72;color:var(--ink-sub);}


.ag-gates{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(14px,1.8vw,20px);}
.ag-gate{font-size:13px;font-weight:700;color:var(--on-brand);
  background:var(--brand);border-radius:4px;padding:6px 13px;}


.ad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(246px,1fr));
  gap:clamp(12px,1.6vw,18px);margin-top:clamp(18px,2.2vw,26px);}
.ad-card{display:flex;flex-direction:column;
  padding:clamp(16px,2vw,22px);border:1px solid var(--border);
  border-radius:6px;background:var(--surface);scroll-margin-top:96px;}
.ad-no{margin:0;display:flex;align-items:baseline;gap:8px;
  font-family:var(--font-mono);font-size:11px;font-weight:700;
  letter-spacing:.08em;color:var(--brand-ink);}
.ad-no span{font-family:var(--font-sans,inherit);font-size:12px;font-weight:600;
  letter-spacing:0;color:var(--ink-sub);
  background:var(--bg-alt,var(--bg));border:1px solid var(--border);
  border-radius:999px;padding:2px 9px;}
.ad-card h3{margin:8px 0 12px;font-size:17px;font-weight:700;
  letter-spacing:-.015em;color:var(--ink);}
.ad-do{margin:0;padding:0;list-style:none;display:flex;
  flex-direction:column;gap:8px;}
.ad-do li{position:relative;padding-inline-start:13px;font-size:13.5px;
  line-height:1.7;color:var(--ink-2);}
.ad-do li::before{content:"";position:absolute;inset-inline-start:0;top:9px;
  width:5px;height:5px;border-radius:50%;background:var(--brand);}
.ad-out{margin-top:auto;padding-top:14px;}

.ad-out h4{margin:0 0 8px;font-size:12px;font-weight:700;
  letter-spacing:0;color:var(--ink-sub);
  border-top:1px solid var(--border);padding-top:14px;}
.ad-out ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;}
.ad-out li{font-size:12.5px;font-weight:600;color:var(--ink-2);
  background:var(--bg-alt,var(--bg));border:1px solid var(--border);
  border-radius:4px;padding:4px 10px;}

.ad-prep{margin-top:clamp(16px,2vw,24px);padding:clamp(16px,2vw,22px);
  border:1px solid var(--border);border-radius:6px;background:var(--brand-soft);}
.ad-prep h3{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--brand-ink);}
.ad-prep ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.ad-prep li{font-size:13px;font-weight:600;color:var(--ink-2);
  background:var(--surface);border:1px solid var(--border);
  border-radius:999px;padding:5px 12px;}
.ad-prep p{margin:12px 0 0;font-size:13.5px;line-height:1.78;color:var(--ink-2);}
.ad-prep p b{font-weight:700;color:var(--ink);}




.gnb2-logo{background:var(--ci-grad);-webkit-background-clip:text;
  background-clip:text;color:transparent;}
.gnb2-logo span{background:none;-webkit-text-fill-color:currentColor;
  color:rgba(255,255,255,.62);}
.gnb2-logo i{-webkit-text-fill-color:transparent;}
@supports not (background-clip:text){
  .gnb2-logo{background:none;color:#fff;}
}




.gnb2-nav{gap:0;}
.gnb2-nav > a,.gnb2-drop > a,.gnb2-nav .gnb2-top{
  font-size:15px;padding:0 11px;gap:6px;}
.gnb2-nav .gnb2-top{display:inline-flex;align-items:center;height:40px;
  border-radius:var(--r-lg,6px);font-family:inherit;font-weight:600;
  color:var(--on-navy,rgba(255,255,255,.84));background:none;border:0;
  cursor:pointer;white-space:nowrap;}
.gnb2-nav .gnb2-drop:hover > .gnb2-top,
.gnb2-nav .gnb2-top:hover{background:rgba(255,255,255,.09);color:#fff;}

.gnb2-nav u{font-family:var(--font-mono);font-size:10px;font-weight:600;
  text-decoration:none;color:rgba(255,255,255,.60);letter-spacing:.02em;}
.gnb2-nav > a:hover u,.gnb2-drop:hover > a u,
.gnb2-nav .gnb2-top:hover u{color:rgba(255,255,255,.72);}


@media (max-width:1340px){
  .gnb2-logo span{display:none;}
}


.gnb2-panel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(188px,1fr);
  gap:22px 26px;padding:20px 24px;max-width:min(94vw,1040px);}
.gnb2-cat > h4{margin:0 0 9px;font-family:var(--font-mono);font-size:10px;
  font-weight:600;letter-spacing:.09em;color:var(--brand-ink);
  padding-bottom:7px;border-bottom:1px solid var(--border);white-space:nowrap;}
.gnb2-cat > a,.gnb2-soon{display:block;padding:7px 0;}
.gnb2-cat b{display:block;font-size:13px;font-weight:700;color:var(--ink);}
.gnb2-cat em{display:block;margin-top:2px;font-style:normal;font-size:11px;
  line-height:1.5;color:var(--ink-sub);}


.gnb2-soon{cursor:default;}
.gnb2-soon b{color:var(--ink-faint);font-weight:600;}
.gnb2-soon em{color:var(--border-strong);}
.gnb2-soon i{display:inline-block;margin-top:4px;font-style:normal;font-size:9.5px;
  font-weight:700;color:var(--ink-sub);background:var(--surface-2);
  border-radius:2px;padding:1px 5px;}


.gnb2-burger{display:none;width:38px;height:38px;border:1px solid var(--border);
  border-radius:5px;background:var(--surface);cursor:pointer;
  flex-direction:column;justify-content:center;align-items:center;gap:4px;}
.gnb2-burger i{display:block;width:16px;height:1.5px;border-radius:1px;
  background:var(--ink-2);}
.gnb2-drawer{display:none;}


@media (max-width:1100px){
  .gnb2-nav{display:none;}
  .gnb2-burger{display:flex;}
  .gnb2-drawer{display:block;position:absolute;left:0;right:0;top:100%;
    max-height:calc(100dvh - var(--gnb-h,64px));overflow-y:auto;
    background:var(--surface);border-top:1px solid var(--border);
    box-shadow:0 18px 40px rgba(23,35,49,.14);z-index:60;}
  .gnb2-drawer[hidden]{display:none;}
  .dw-in{padding:10px 16px 20px;}
  .dw-sec{border-bottom:1px solid var(--border);}
  .dw-top{display:flex;align-items:center;gap:8px;width:100%;
    padding:14px 2px;font:inherit;font-size:15px;font-weight:700;
    color:var(--ink);background:none;border:0;cursor:pointer;text-align:left;}
  .dw-top u{font-family:var(--font-mono);font-size:10px;font-weight:600;
    text-decoration:none;color:var(--ink-faint);}
  .dw-top > i{margin-inline-start:auto;width:9px;height:9px;border-right:1.5px solid var(--ink-sub);
    border-bottom:1.5px solid var(--ink-sub);rotate:45deg;translate:0 -2px;
    transition:rotate .18s var(--e-move,ease);}
  .dw-top[aria-expanded="true"] > i{rotate:225deg;translate:0 2px;}
  .dw-body{padding:0 2px 14px;}
  .dw-all{display:block;padding:8px 0;font-size:13px;font-weight:700;
    color:var(--brand-ink);}
  .dw-cat{margin:12px 0 4px;font-family:var(--font-mono);font-size:9.5px;
    font-weight:600;letter-spacing:.09em;color:var(--brand-ink);}
  .dw-body > a{display:block;padding:8px 0;font-size:14px;color:var(--ink-2);}
  .dw-soon{display:block;padding:8px 0;font-size:14px;color:var(--ink-faint);}
  .dw-soon i{margin-inline-start:6px;font-style:normal;font-size:9.5px;
    font-weight:700;background:var(--surface-2);border-radius:2px;padding:1px 5px;}
  .dw-cta{display:block;margin-top:18px;padding:13px;text-align:center;
    font-size:14px;font-weight:700;color:#fff;background:var(--brand);
    border-radius:5px;}
}


.ftr-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));
  gap:18px 22px;}
@media (max-width:760px){
  .ftr-cols{grid-template-columns:repeat(2,minmax(0,1fr));}
}




:root:root .hzig{grid-template-columns:minmax(0,405px) minmax(0,700px);}
:root:root .hzig--left{grid-template-columns:minmax(0,700px) minmax(0,405px);}


:root:root .pdetail-in > .pdstep.techfig{display:block;}


:root:root .techsteps > .pdstep .axg,
:root:root .pdetail-in > .pdstep.techfig .axg{max-width:820px;}


:root:root #b2b .pdstep{grid-template-columns:minmax(0,410px) minmax(0,700px);}
:root:root #b2b .pdstep:nth-of-type(even){
  grid-template-columns:minmax(0,700px) minmax(0,410px);}


.mlead em{font-style:normal;font-weight:700;color:var(--ink,#0E1A24);}


.mdetail .pd-top{margin:0;padding:0;min-height:0}


#b9{padding-block:76px;}
.closing{padding-block:0;}


.tblock{padding-block:38px;}
.mover{padding-block:clamp(32px,4vw,56px);}
.mcases,.mrels{padding-block:clamp(36px,4.5vw,64px);}


.pcard-badge,.badge,.chip{background:var(--surface-2,#EAF0F5);color:var(--ink-2,#2C3E4F);}


.mdetail .pdetail,.mdetail .tpanel,.mdetail .pd-panel,.mdetail .pdetail-in,
.tblock .pdetail,.tblock .tpanel,.tblock .pd-panel,.tblock .pdetail-in{
  border:0;border-radius:0;box-shadow:none;background:none;padding:0;max-width:none;}
.mdetail .pd-close,.mdetail .tpanel-close,.mdetail [class*="close"],
.tblock .pd-close,.tblock .tpanel-close,.tblock [class*="close"]{display:none}
.mdetail .pd-hd > .pd-anchor,.mdetail .pd-anchor,
.tblock .pd-hd > .pd-anchor,.tblock .pd-anchor{display:none}
.mdetail .pd-hd > h2,.mdetail .pd-hd > .pd-nm{display:none}



main{padding-top:0}


.ftr-legal .sep,.ftr .sep{color:var(--ink-sub,#54677A);}


.hero{padding-block:clamp(52px,5vw,76px) clamp(44px,5.5vw,72px);}
.mhead{padding:clamp(36px,4.4vw,60px) 0 clamp(32px,4vw,52px)}





#b3 .pdsteps,#b4 .pdsteps{display:none}
#b3 .pdstep[hidden],#b4 .pdstep[hidden]{display:grid !important}
#b2b .pdstep,#b3 .pdstep,#b4 .pdstep{
  margin-top:clamp(28px,3.4vw,44px);padding-top:clamp(28px,3.4vw,44px);
  border-top:1px solid var(--border,#D9E1E8);}
#b2b .pdstep:first-of-type,#b8 .pdstep:first-of-type,#b3 .pdstep:first-of-type,
#b4 .pdstep:first-of-type{margin-top:0;padding-top:0;border-top:0}
#b2b .pdstep:nth-of-type(even) > figcaption,
#b8 .pdstep:nth-of-type(even) > figcaption,
#b3 .pdstep:nth-of-type(even) > figcaption,
#b4 .pdstep:nth-of-type(even) > figcaption{order:2}


.mdetail .pdstep,
#b2b .pdstep,#b8 .pdstep,#b3 .pdstep,#b4 .pdstep,#b4b .pdstep{align-items:start}


#b3 .pdstep,#b4 .pdstep{
  margin-top:clamp(18px,2vw,24px);padding-top:clamp(18px,2vw,24px);}
#b3,#b4,#b4b{padding-block:clamp(40px,4.6vw,64px)}

#b4b .blk-gap{margin-top:40px}


@media (min-width:861px){
  .mdetail .pdstep:nth-of-type(even),#b8 .pdstep:nth-of-type(even){
    grid-template-columns:minmax(0,700px) minmax(0,300px);}
  #b3 .pdstep,#b4 .pdstep{grid-template-columns:minmax(0,440px) minmax(0,560px);}
  #b3 .pdstep:nth-of-type(even),#b4 .pdstep:nth-of-type(even){
    grid-template-columns:minmax(0,560px) minmax(0,440px);}
}



@media (max-width:860px){
  .flow  .iso{width:100%;aspect-ratio:auto;margin:6px 0 0;
    display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
  .flow  .iso-plane,.flow  .iso-sh{display:none;}
  .flow  .core{position:static;transform:none;grid-column:1/-1;
    width:auto;min-width:0;max-width:none;padding:12px 14px;}
  .flow  .node{position:static;transform:none;width:auto;padding:8px 6px;}
  .flow  .iso[data-lit="dev"] .node--dev,
  .flow  .iso[data-lit="test"] .node--test,
  .flow  .iso[data-lit="ops"] .node--ops{transform:translateY(-3px);}
}


@media (max-width:860px){
  .flow  .hv--loop .iso{flex:1 1 auto;align-content:space-evenly;}
  .flow  .hv--loop .core{padding:16px 14px;}
  .flow  .hv--loop .node{padding:12px 6px;gap:3px;}
}

.stepmark{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 12px;}
.stepmark b{font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);
  font-size:22px;font-weight:700;line-height:1;letter-spacing:-.02em;
  color:var(--brand-ink);}

.stepmark i{font-style:normal;font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);
  font-size:12px;font-weight:600;color:var(--ink-sub,#54677A);}

.stepmark span{margin-inline-start:2px;font-size:22px;font-weight:700;
  line-height:1;letter-spacing:-.02em;color:var(--brand-ink);}

.stepmark em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.02em;
  padding:3px 8px;border-radius:999px;line-height:1;
  background:var(--brand-soft,#E2EEF5);color:var(--brand-ink);}

#b2b .pdstep > figcaption,#b8 .pdstep > figcaption,
#b3 .pdstep > figcaption,#b4 .pdstep > figcaption,
.mdetail .pdstep > figcaption{                 
  position:relative;}
#b2b .pdstep:not(:last-of-type) > figcaption::before,
#b8 .pdstep:not(:last-of-type) > figcaption::before,
#b3 .pdstep:not(:last-of-type) > figcaption::before,
#b4 .pdstep:not(:last-of-type) > figcaption::before,
.mdetail .pdstep:not(:last-of-type) > figcaption::before{
  content:"";position:absolute;left:-16px;top:6px;bottom:-40px;width:1px;
  background:linear-gradient(var(--border-strong,#B3C1CD),var(--border,#D9E1E8));}
@media (max-width:860px){
  #b2b .pdstep > figcaption::before,
  #b8 .pdstep > figcaption::before,#b3 .pdstep > figcaption::before,
  #b4 .pdstep > figcaption::before,
  .mdetail .pdstep > figcaption::before{display:none}
}


.hzig{display:grid;grid-template-columns:minmax(0,440px) minmax(0,560px);
  justify-content:space-between;gap:clamp(24px,3vw,44px);align-items:start;
  margin:clamp(20px,2.4vw,30px) 0 0;}
.hzig--left{grid-template-columns:minmax(0,560px) minmax(0,440px);}
.hzig--left > .hzig-txt{order:2;}

.hzig-txt .hcards{display:flex;flex-direction:column;gap:0;}

@media (max-width:860px){
  .hzig,.hzig--left,#b4 .hzig--left{grid-template-columns:1fr;gap:16px;}
  .hzig--left > .hzig-txt{order:0;}
}


#b6 .hzig .hcard,#b4 .hzig .hcard{padding-block:15px;gap:8px;}
#b6 .hzig .hcard .go,#b4 .hzig .hcard .go{padding-top:6px;}

#b4 .hzig .hcard ul{gap:4px;}
#b6 .hzig .hcards,#b4 .hzig .hcards{margin-top:26px;}


@media (min-width:861px){
  #b4 .hzig--left{grid-template-columns:minmax(0,790px) minmax(0,320px);}
}


body{font-size:16px;}




#b2b .pdstep,#b8 .pdstep,
#b3 .pdstep,#b4 .pdstep,          
.mdetail .pdstep{                 
  grid-template-columns:minmax(0,290px) minmax(0,820px);
  align-items:center;}
#b2b .pdstep:nth-of-type(even),#b8 .pdstep:nth-of-type(even),
#b3 .pdstep:nth-of-type(even),#b4 .pdstep:nth-of-type(even),
.mdetail .pdstep:nth-of-type(even){
  grid-template-columns:minmax(0,820px) minmax(0,290px);}
.hzig{grid-template-columns:minmax(0,430px) minmax(0,680px);align-items:center;}
.hzig--left{grid-template-columns:minmax(0,680px) minmax(0,430px);}


#b3 .pdstep,#b4 .pdstep{grid-template-columns:minmax(0,410px) minmax(0,700px);}
#b3 .pdstep:nth-of-type(even),#b4 .pdstep:nth-of-type(even){
  grid-template-columns:minmax(0,700px) minmax(0,410px);}


.mdetail .pdstep{
  grid-template-columns:minmax(0,330px) minmax(0,780px);}
.mdetail .pdstep:nth-of-type(even){
  grid-template-columns:minmax(0,780px) minmax(0,330px);}


#b2b .pdstep{grid-template-columns:minmax(0,470px) minmax(0,640px);}
#b2b .pdstep:nth-of-type(even){grid-template-columns:minmax(0,640px) minmax(0,470px);}


#b2b .pdstep{align-items:start;}

@media (max-width:860px){
  #b2b .pdstep,#b8 .pdstep,#b3 .pdstep,#b4 .pdstep,.mdetail .pdstep,
  #b2b .pdstep:nth-of-type(even),#b8 .pdstep:nth-of-type(even),
  #b3 .pdstep:nth-of-type(even),#b4 .pdstep:nth-of-type(even),
  .mdetail .pdstep:nth-of-type(even),
  .hzig,.hzig--left{
    grid-template-columns:1fr;align-items:start;}
}


@media (max-width:860px){
  .axg{overflow-x:auto;overscroll-behavior-x:contain;}
  .axg-view{width:640px;max-width:none;}
}


body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(1100px 760px at 10% 14%, #FFFFFF 0%, rgba(255,255,255,0) 62%),
    radial-gradient(900px 680px at 92% 40%, #E2ECF5 0%, rgba(226,236,245,0) 64%),
    radial-gradient(1000px 880px at 26% 82%, #E9F0F7 0%, rgba(233,240,247,0) 66%);
}

main,.ftr,footer{position:relative;z-index:1}


:root[data-theme="dark"] body::before{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) body::before{display:none}
}
@media print{ body::before{display:none} }


:root .axg[data-s="p2"] .ax-nd.ax-n1{left:50%;top:56px;right:auto;transform:translateX(-50%)}
:root .axg[data-s="p2"] .ax-nd.ax-n2{left:50%;top:0;right:auto;transform:translateX(-50%)}
:root .axg[data-s="p2"] .ax-nd.ax-n3{left:auto;right:0;top:56px;transform:none}
:root .axg[data-s="p2"] .ax-nd.ax-n4{left:0;right:auto;top:56px;transform:none}
:root .axg[data-s="p2"] .ax-nd.ax-n5{left:50%;right:auto;top:112px;transform:translateX(-50%)}

:root .axg[data-s="p2"] .ax-wire.ax-w1{left:17%;right:auto;top:67px;width:21%;transform:none}
:root .axg[data-s="p2"] .ax-wire.ax-w2{left:62%;right:auto;top:67px;width:25%;transform:none}

:root .axg[data-s="p2"] .ax-wire.ax-w3{left:50%;right:auto;top:22px;width:34px;
  transform:rotate(90deg);transform-origin:0 0}
:root .axg[data-s="p2"] .ax-wire.ax-w4{left:50%;right:auto;top:78px;width:34px;
  transform:rotate(90deg);transform-origin:0 0}


:root .axg[data-s="d1"] .ax-tr span:nth-child(n){position:absolute;inset:0;top:0;
  height:auto;background:none;border-radius:0}
:root .axg[data-s="d1"] .ax-tr span:nth-child(n) svg{width:100%;height:100%;display:block}
:root .axg[data-s="d1"] .ax-tr span:nth-child(n) svg polyline{vector-effect:non-scaling-stroke}

@media (max-width:980px){
  .gnb2-nav{display:none}
  .gnb2-logo span{display:none}
  .gnb2-panel{grid-template-columns:1fr}
}


.gnb2-panel{width:max-content;max-width:min(94vw,1100px);}
.gnb2-in{position:relative}
@media (min-width:1101px){
  .gnb2-drop[data-ia="tech"],.gnb2-drop[data-ia="why"],
  .gnb2-drop[data-ia="proof"],.gnb2-drop[data-ia="start"]{position:static}
  .gnb2-drop[data-ia="tech"] .gnb2-panel,.gnb2-drop[data-ia="why"] .gnb2-panel,
  .gnb2-drop[data-ia="proof"] .gnb2-panel,.gnb2-drop[data-ia="start"] .gnb2-panel{
    left:0;right:auto;}
}

@media (min-width:1101px) and (max-width:1250px){
  .gnb2-drop[data-ia="plat"]{position:static}
  .gnb2-drop[data-ia="plat"] .gnb2-panel{left:0;right:auto;}
}


@media (min-width:1101px){
  .gnb2-panel::before{top:-32px;height:32px}
}


:root .axg[data-s="1"] .axg-view{aspect-ratio:700/501}
:root .axg[data-s="2"] .axg-view{aspect-ratio:700/578}
:root .axg[data-s="3"] .axg-view{aspect-ratio:700/486}
:root .axg[data-s="4"] .axg-view{aspect-ratio:700/482}
:root .axg[data-s="5"] .axg-view{aspect-ratio:700/555}

:root .axg[data-s="a1"] .axg-view{aspect-ratio:700/456}
:root .axg[data-s="a2"] .axg-view{aspect-ratio:700/553}
:root .axg[data-s="a3"] .axg-view{aspect-ratio:700/440}
:root .axg[data-s="a4"] .axg-view{aspect-ratio:700/460}
:root .axg[data-s="a5"] .axg-view{aspect-ratio:700/510}
:root .axg[data-s="a6"] .axg-view{aspect-ratio:700/474}
:root .axg[data-s="c1"] .axg-view{aspect-ratio:700/519}
:root .axg[data-s="c2"] .axg-view{aspect-ratio:700/495}
:root .axg[data-s="c3"] .axg-view{aspect-ratio:700/492}
:root .axg[data-s="c4"] .axg-view{aspect-ratio:700/496}

:root .axg[data-s="d1"] .axg-view{aspect-ratio:700/473}
:root .axg[data-s="d2"] .axg-view{aspect-ratio:700/383}
:root .axg[data-s="d3"] .axg-view{aspect-ratio:700/478}
:root .axg[data-s="d4"] .axg-view{aspect-ratio:700/385}
:root .axg[data-s="e1"] .axg-view{aspect-ratio:598/442}
:root .axg[data-s="e10"] .axg-view{aspect-ratio:598/520}
:root .axg[data-s="e11"] .axg-view{aspect-ratio:598/506}
:root .axg[data-s="e12"] .axg-view{aspect-ratio:598/477}
:root .axg[data-s="e13"] .axg-view{aspect-ratio:598/574}
:root .axg[data-s="e14"] .axg-view{aspect-ratio:700/433}
:root .axg[data-s="e15"] .axg-view{aspect-ratio:598/421}
:root .axg[data-s="e16"] .axg-view{aspect-ratio:598/520}
:root .axg[data-s="e17"] .axg-view{aspect-ratio:598/626}
:root .axg[data-s="e2"] .axg-view{aspect-ratio:598/368}
:root .axg[data-s="e3"] .axg-view{aspect-ratio:598/372}
:root .axg[data-s="e4"] .axg-view{aspect-ratio:598/413}
:root .axg[data-s="e5"] .axg-view{aspect-ratio:598/423}
:root .axg[data-s="e6"] .axg-view{aspect-ratio:598/481}
:root .axg[data-s="e7"] .axg-view{aspect-ratio:598/448}
:root .axg[data-s="e8"] .axg-view{aspect-ratio:598/458}
:root .axg[data-s="e9"] .axg-view{aspect-ratio:598/450}
:root .axg[data-s="g1"] .axg-view{aspect-ratio:700/499}
:root .axg[data-s="g2"] .axg-view{aspect-ratio:700/519}
:root .axg[data-s="g3"] .axg-view{aspect-ratio:700/497}
:root .axg[data-s="g4"] .axg-view{aspect-ratio:700/500}
:root .axg[data-s="g5"] .axg-view{aspect-ratio:700/488}
:root .axg[data-s="n1"] .axg-view{aspect-ratio:700/564}
:root .axg[data-s="n2"] .axg-view{aspect-ratio:700/512}
:root .axg[data-s="n3"] .axg-view{aspect-ratio:700/512}
:root .axg[data-s="n4"] .axg-view{aspect-ratio:700/512}
:root .axg[data-s="n5"] .axg-view{aspect-ratio:700/564}
:root .axg[data-s="p1"] .axg-view{aspect-ratio:700/526}
:root .axg[data-s="p2"] .axg-view{aspect-ratio:700/536}
:root .axg[data-s="p3"] .axg-view{aspect-ratio:700/510}
:root .axg[data-s="p4"] .axg-view{aspect-ratio:700/516}
:root .axg[data-s="p5"] .axg-view{aspect-ratio:700/529}
:root .axg[data-s="q1"] .axg-view{aspect-ratio:700/542}
:root .axg[data-s="q2"] .axg-view{aspect-ratio:700/458}
:root .axg[data-s="q3"] .axg-view{aspect-ratio:700/526}
:root .axg[data-s="q4"] .axg-view{aspect-ratio:700/458}
:root .axg[data-s="s1"] .axg-view{aspect-ratio:700/556}
:root .axg[data-s="s2"] .axg-view{aspect-ratio:700/556}
:root .axg[data-s="s3"] .axg-view{aspect-ratio:700/556}
:root .axg[data-s="s4"] .axg-view{aspect-ratio:700/556}
:root .axg[data-s="t1"] .axg-view{aspect-ratio:700/511}
:root .axg[data-s="t2"] .axg-view{aspect-ratio:700/504}
:root .axg[data-s="t3"] .axg-view{aspect-ratio:700/496}
:root .axg[data-s="t4"] .axg-view{aspect-ratio:700/556}

:root .axg[data-s="v1"] .axg-view{aspect-ratio:700/484}
:root .axg[data-s="v2"] .axg-view{aspect-ratio:700/461}
:root .axg[data-s="v3"] .axg-view{aspect-ratio:700/525}
:root .axg[data-s="v4"] .axg-view{aspect-ratio:700/578}
:root .axg[data-s="v5"] .axg-view{aspect-ratio:700/456}
:root .axg[data-s="w1"] .axg-view{aspect-ratio:700/480}
:root .axg[data-s="w2"] .axg-view{aspect-ratio:700/574}
:root .axg[data-s="w3"] .axg-view{aspect-ratio:700/524}
:root .axg[data-s="w4"] .axg-view{aspect-ratio:700/518}
:root .axg[data-s="w5"] .axg-view{aspect-ratio:700/474}





.mega .n{grid-row:1/3;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;
  background:var(--surface-2);color:var(--brand-ink);
  font-family:var(--font-mono);font-size:11px;font-weight:600;}

.mega a:hover .n{background:var(--brand);color:var(--on-brand);}


.flow{position:relative;border-radius:var(--r-2xl);padding:20px;
  background:var(--hero-panel);border:1px solid var(--border);
  -webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);
  box-shadow:var(--shadow-card);}

.flow-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:2px 4px 14px;border-bottom:1px solid var(--border);}

.flow-hd .ttl{display:flex;align-items:center;gap:9px;
  font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.13em;
  color:var(--ink-sub);text-transform:uppercase;}

.flow-hd .loop{font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.1em;color:var(--brand-ink);background:var(--brand-soft);
  border-radius:999px;padding:3px 9px;}


.lc{position:relative;width:min(318px,100%);margin-inline:auto;aspect-ratio:1;}

.lc svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}

.lc-track{fill:none;stroke:var(--border);stroke-width:1.5;stroke-dasharray:5 12;
  animation:lcMarch 3.4s linear infinite;}


.arc{fill:none;stroke-width:24;stroke-linecap:round;
  
  opacity:.16;transition:opacity .5s ease,stroke-width .5s ease;}

.arc--dev{stroke:var(--border-strong);stroke-dasharray:2 10;stroke-width:19;}

.arc--test{stroke:var(--brand);}

.arc--ops{stroke:var(--cyan-500);}


.flow[data-ph="1"] .arc--test,
.flow[data-ph="2"] .arc--test,
.flow[data-ph="3"] .arc--ops{opacity:1;stroke-width:32;
  stroke-dasharray:300;animation:arcDraw 1.15s cubic-bezier(.25,.85,.35,1) both;}


.flow[data-ph="0"] .arc--dev{opacity:1;stroke-width:23;
  animation:arcMarch 1.4s linear infinite;}


.flow[data-ph="0"] .arc--dev{marker-end:url(#lcT1);}

.flow[data-ph="1"] .arc--test,
.flow[data-ph="2"] .arc--test{marker-end:url(#lcT2);}

.flow[data-ph="3"] .arc--ops{marker-end:url(#lcT3);}


.lc-lb{position:absolute;transform:translate(-50%,-50%);text-align:center;cursor:pointer;
  display:flex;flex-direction:column;gap:1px;width:92px;padding:6px 4px;
  
  border-radius:var(--r-md);opacity:.45;transition:opacity .4s ease,background .2s;}

.lc-lb:hover{background:var(--surface-2);}

.lc-lb .ph{font-family:var(--font-mono);font-size:9px;font-weight:600;
  letter-spacing:.1em;color:var(--ink-sub);}

.lc-lb .nm{font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--ink);}

.lc-lb .by{font-size:11px;font-weight:700;color:var(--ink-sub);}

.lc-lb--dev{left:75%;top:35%;}

.lc-lb--test{left:50%;top:79%;}

.lc-lb--ops{left:25%;top:35%;}


.flow[data-ph="0"] .lc-lb--dev,
.flow[data-ph="1"] .lc-lb--test,
.flow[data-ph="2"] .lc-lb--test,
.flow[data-ph="3"] .lc-lb--ops{opacity:1;}

.flow[data-ph="1"] .lc-lb--test .by,
.flow[data-ph="2"] .lc-lb--test .by{color:var(--brand-ink);}

.flow[data-ph="3"] .lc-lb--ops .by{color:var(--cyan-ink);}


.lc-core{position:absolute;inset:29%;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;text-align:center;padding:10px;
  background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);}

.lc-core b{font-size:15px;font-weight:700;letter-spacing:-.02em;line-height:1.3;}

.lc-core span{font-size:11px;line-height:1.45;color:var(--ink-sub);}


.lc-say{display:flex;flex-direction:column;gap:8px;padding:16px 18px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);
  min-height:190px;}

.lc-say .who{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.02em;
  border-radius:999px;padding:3px 10px;
  color:var(--ink-sub);border:1px solid var(--border-strong);
  transition:color .3s,border-color .3s;}


.flow[data-ph="3"] .lc-say > .who{color:var(--cyan-ink);border-color:var(--cyan-500);}

.lc-say h3{font-size:clamp(16px,1.9vw,19px);font-weight:700;letter-spacing:-.02em;
  line-height:1.4;}


.lc-say h3 em{font-style:normal;color:var(--brand-ink);}

.flow[data-ph="3"] .lc-say h3 em{color:var(--cyan-ink);}

.lc-say li{position:relative;padding:6px 0 6px 16px;font-size:13px;line-height:1.6;
  color:var(--ink-2);}

.lc-say li::before{content:"";position:absolute;inset-inline-start:2px;top:14px;
  width:5px;height:5px;border-radius:50%;background:var(--border-strong);}

.flow[data-ph="3"] .lc-say > ul li::before{background:var(--cyan-500);}

.lc-say b{color:var(--ink);font-weight:700;}


.lc-say[data-swap="true"] h3,.lc-say[data-swap="true"] ul{
  animation:sayIn .42s cubic-bezier(.2,.7,.3,1);}


.stage{display:grid;margin-top:14px;}

.lcv{grid-area:1/1;min-width:0;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1),visibility .5s;}

.lcv[data-on="true"]{opacity:1;visibility:visible;transform:none;}

.lcv--ring{display:flex;flex-direction:column;gap:12px;}


.rail-msg{font-size:clamp(15px,1.7vw,17.5px);font-weight:700;letter-spacing:-.025em;
  line-height:1.42;margin-bottom:10px;text-wrap:balance;}

.rail-msg em{font-style:normal;color:var(--brand-ink);}


.flow-act{display:inline-flex;align-items:center;gap:8px;}

.lc-play{display:inline-flex;align-items:center;gap:5px;cursor:pointer;
  font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--ink-2);
  background:var(--surface-2);border:1px solid var(--border-strong);
  border-radius:999px;padding:3px 10px 3px 8px;
  transition:color .2s,border-color .2s,background .2s;}

.lc-play:hover{color:var(--brand-ink);border-color:var(--brand);background:var(--brand-soft);}

.lc-play .ico{width:10px;height:10px;flex-shrink:0;}

.lc-play .ico--pause,
.lc-play[aria-pressed="true"] .ico--play{display:none;}

.lc-play[aria-pressed="true"] .ico--pause{display:block;}


.lc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;}

.lc-steps button{--seg:var(--border-strong);
  position:relative;display:flex;flex-direction:column;gap:2px;align-items:flex-start;
  padding:9px 2px 0;cursor:pointer;text-align:start;
  border-top:3px solid var(--border);border-radius:1px;
  transition:border-color .35s ease;}

.lc-steps button:nth-child(2),
.lc-steps button:nth-child(3){--seg:var(--brand);}

.lc-steps button:nth-child(4){--seg:var(--cyan-500);}


.lc-steps button::after{content:"";position:absolute;inset-block-start:-3px;
  inset-inline-start:0;height:3px;width:0;border-radius:1px;background:var(--seg);}

.lc-steps button[aria-selected="true"]::after{animation:segFill var(--phdur,6s) linear both;}

.lc-steps .k{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.11em;
  color:var(--ink-sub);transition:color .35s ease;}

.lc-steps .n{font-size:13px;font-weight:700;letter-spacing:-.015em;
  color:var(--ink-sub);transition:color .35s ease;}

.lc-steps button[aria-selected="true"] .k{color:var(--ink-sub);}

.lc-steps button[aria-selected="true"] .n{color:var(--ink);}

.lc-steps button[aria-selected="true"]:nth-child(2) .n,
.lc-steps button[aria-selected="true"]:nth-child(3) .n{color:var(--brand-ink);}

.lc-steps button[aria-selected="true"]:nth-child(4) .n{color:var(--cyan-ink);}

.lc-steps button:hover{border-top-color:var(--border-strong);}

.lc-steps button:hover .n{color:var(--ink);}


.lc-brace{grid-column:2/4;display:flex;align-items:center;justify-content:center;gap:7px;
  margin-top:6px;font-family:var(--font-mono);font-size:9px;font-weight:600;
  letter-spacing:.09em;color:var(--brand-ink);}

.lc-brace::before,.lc-brace::after{content:"";flex:1;height:1px;background:var(--brand);opacity:.42;}


.flow-ft{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:11px;
  border-top:1px solid var(--border);font-size:11px;color:var(--ink-sub);}

.flow-ft .ret{font-size:13px;color:var(--brand-ink);display:inline-block;
  animation:spinBack 15s cubic-bezier(.6,0,.3,1) infinite;}


.flow[data-motion="off"] .lc-track,
.flow[data-motion="off"] .flow-ft .ret{animation:none;}


.flow[data-motion="off"] .lc-steps button[aria-selected="true"]::after{
  animation:none;width:100%;}

.flow[data-motion="off"] .arc{animation:none;}

.flow[data-motion="off"] .lrow{animation:none;opacity:.94;}

.flow[data-motion="off"] .lrow .dot{animation:none;background:var(--success);}

.flow[data-motion="off"] .lrow--pick{opacity:1;}

.flow[data-motion="off"] .lrow--pick .dot{background:var(--brand);}

.flow[data-motion="off"] .lrail::after{display:none;}


.flow[data-motion="off"] .tmap-n,
.flow[data-motion="off"] .tmap-bd{animation:none;box-shadow:none;transform:none;}

.flow[data-motion="off"] .tmap-ns--par::before{animation:none;opacity:.5;}

.flow[data-motion="off"] .tmap-ret .rt{animation:none;}


.flow[data-motion="on"] .lrow,
.flow[data-motion="on"] .lrow .dot{animation-duration:var(--dur)!important;}

.flow[data-motion="on"] .lrail::after{animation-duration:10.2s!important;}

.flow[data-motion="on"] .tmap-n,
.flow[data-motion="on"] .tmap-bd,
.flow[data-motion="on"] .tmap-ns--par::before,
.flow[data-motion="on"] .tmap-ret .rt{animation-duration:var(--tdur)!important;}

.flow[data-motion="on"] .lc-track{animation-duration:3.4s!important;}

.flow[data-motion="on"] .lc-steps button[aria-selected="true"]::after{
  animation-duration:var(--phdur,6s)!important;}

.flow[data-motion="on"] .arc--dev{animation-duration:1.4s!important;}

.flow[data-motion="on"] .arc--test,
.flow[data-motion="on"] .arc--ops{animation-duration:1.15s!important;}

.flow[data-motion="on"] .flow-ft .ret,
.flow[data-motion="on"] .lrail-ft .ret{display:inline-block;animation-duration:12s!important;}

.flow[data-motion="on"] .pickname.swap{animation-duration:.5s!important;}

.flow[data-motion="on"] .lc-say[data-swap="true"] h3,
.flow[data-motion="on"] .lc-say[data-swap="true"] ul{animation-duration:.42s!important;}

.flow[data-motion="on"] .lcv{transition-duration:.5s!important;}

.flow[data-motion="on"] .arc,
.flow[data-motion="on"] .lc-lb{transition-duration:.5s!important;}


.flow .lrail-wrap{padding:12px;}

.flow .lrail-hd{padding:0 4px 8px;margin-bottom:2px;}

.flow .lrow{padding:5px 10px;gap:0 11px;}

.flow .lrow .nm{font-size:13px;}

.flow .lrow .ds{font-size:11px;line-height:1.4;}

.flow .pick-div{padding:2px 10px 2px 48px;font-size:11px;}

.flow .lrail-ft{margin-top:6px;padding-top:8px;font-size:11px;}


.flow .tmap{padding:11px 10px 10px;}

.flow .tmap-ft{padding-top:8px;}


.flow[data-motion="off"] .lc-say[data-swap="true"] h3,
.flow[data-motion="off"] .lc-say[data-swap="true"] ul{animation:none;}

.badge381 .n{font-family:var(--font-display);font-size:clamp(34px,4vw,44px);font-weight:700;
  line-height:1;letter-spacing:-.03em;color:var(--brand-ink);font-variant-numeric:tabular-nums;
  display:inline-block;transform-origin:left bottom;
  animation:numPop .62s cubic-bezier(.2,1.5,.4,1) backwards;}

.badge381 li:nth-child(1) .n{animation-delay:1.62s}

.badge381 li:nth-child(2) .n{animation-delay:1.75s}

.badge381 li:nth-child(3) .n{animation-delay:1.88s}

.pd-feat .k{grid-row:1/3;width:22px;height:22px;margin-top:2px;border-radius:6px;
  display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink);
  font-family:var(--font-mono);font-size:11px;font-weight:600;}

.tcplan-say>.lb{display:inline-block;font-family:var(--font-mono);font-size:9px;font-weight:600;
  letter-spacing:.1em;color:var(--on-brand);background:var(--brand);border-radius:999px;padding:3px 11px;}

.tcf-node .lb{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;
  color:var(--ink-sub);}

.tcf-out .lb{color:var(--gate);}

.tcf-agent>.lb{display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:700;letter-spacing:-.01em;color:var(--on-brand);
  background:var(--brand);border-radius:999px;padding:3px 11px;}

.tcf-steps>li>.n{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;
  color:var(--brand-ink);}

.tcf-stat .k{font-size:13px;font-weight:700;color:var(--ink-2);}

.heal-col>.lb{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;
  font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.09em;
  border-radius:999px;padding:3px 10px;}

.heal-col--find>.lb{color:var(--danger);background:var(--surface-2);}

.heal-col--fix>.lb{color:var(--success-ink);background:var(--surface-2);}

.heal-col--why>.lb{color:var(--on-brand);background:var(--brand);}

.heal-ret>.ret{flex-shrink:0;font-size:13px;color:var(--brand-ink);}

.tclist .no{width:34px;color:var(--ink-sub);font-variant-numeric:tabular-nums;}

.tclist .nm{font-weight:700;color:var(--ink);}

.tcl-exp .k{flex-shrink:0;min-width:56px;padding-top:1px;
  font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;
  color:var(--brand-ink);}

.era-bot .lb{display:block;margin-bottom:6px;font-family:var(--font-mono);font-size:11px;
  font-weight:600;letter-spacing:.1em;color:var(--ink-sub);}

.era--now .era-tag,.era--now .era-bot .lb{color:var(--brand-ink);}

.principles .n{grid-row:1/3;font-family:var(--font-display);font-size:21px;font-weight:700;
  color:var(--brand-ink);line-height:1.1;}

.vcard-hd .ttl{font-size:15px;font-weight:700;letter-spacing:-.015em;}

.pillars .ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;
  background:var(--brand-soft);color:var(--brand-ink);}

.pillars .ico svg{width:18px;height:18px;}

.lane-ret .ret{font-size:15px;color:var(--brand-ink);display:inline-block;
  animation:spinBack 14s cubic-bezier(.6,0,.3,1) infinite;}

.loopback .ico{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;
  background:var(--brand-soft);color:var(--brand-ink);}

.loopback .ico svg{width:19px;height:19px;}

.sec .ico{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;
  background:var(--brand-soft);color:var(--brand-ink);}

.sec .ico svg{width:19px;height:19px;}

.gate .by{display:inline-block;font-size:11px;font-weight:700;letter-spacing:-.01em;
  border-radius:999px;padding:3px 11px;white-space:nowrap;}

.cand .n{font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1;
  color:var(--ink-sub);}

.cand li.is-fix .n{color:var(--success-ink);}

.cand .by{font-size:9px;font-weight:700;font-style:normal;letter-spacing:.02em;
  color:var(--gate);border:1px solid var(--gate);border-radius:999px;padding:1px 8px;}


.cand .by--ai{color:var(--ink-2);border-color:var(--border-strong);}

.ease .hd{display:flex;align-items:center;gap:11px;min-width:0;}

.ease .ico{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;
  border-radius:var(--r-lg);background:var(--brand-soft);color:var(--brand-ink);}

.ease .ico svg{width:17px;height:17px;}

.vbadge .k{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;
  color:var(--brand-ink);}


.lrail-wrap{width:100%;padding:18px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-soft);}

.lrail-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:2px 6px 13px;border-bottom:1px solid var(--border);margin-bottom:6px;}


.lrail-hd .ttl{display:flex;align-items:center;gap:9px;
  font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ink-sub);}

.lrail-hd .ttl svg{width:14px;height:14px;flex-shrink:0;}

.lrail-hd .loop{font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.1em;color:var(--brand-ink);background:var(--brand-soft);
  border-radius:999px;padding:3px 9px;}


.lrail-hd .phase-of{margin-inline-start:auto;font-size:11px;font-weight:700;
  color:var(--brand-ink);border:1px solid var(--brand);border-radius:999px;
  padding:2px 9px;white-space:nowrap;}


.lrail{position:relative;display:flex;flex-direction:column;gap:2px;}

.lrail::before{content:"";position:absolute;left:26px;top:24px;bottom:24px;width:2px;
  background:var(--border);border-radius:2px;}

.lrail::after{content:"";position:absolute;left:26px;top:0;width:2px;height:42px;
  border-radius:2px;background:linear-gradient(180deg,transparent,var(--brand),transparent);
  animation:railPulse 10.2s linear infinite;}


.lrow{--dur:10.2s;position:relative;display:grid;
  grid-template-columns:24px minmax(0,1fr);gap:3px 11px;
  padding:11px 13px;border-radius:var(--r-md);border:1px solid transparent;
  opacity:.44;animation:lrowState var(--dur) linear infinite;
  
  animation-delay:calc(var(--i) * 2.04s);}

.lrow .dot{grid-column:1;grid-row:1/3;justify-self:center;align-self:start;margin-top:6px;
  width:11px;height:11px;border-radius:50%;background:var(--border-strong);
  animation:lrowDot var(--dur) linear infinite;animation-delay:calc(var(--i) * 2.04s);}

.lrow .hd{grid-column:2;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}


.lrow .no{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;
  color:var(--ink-2);}

.lrow .nm{font-size:15px;font-weight:700;color:var(--ink);line-height:1.35;}


.lrow .ds{grid-column:2;font-size:13px;color:var(--ink-2);line-height:1.6;}

.lrow .ds b{color:var(--ink-2);font-weight:700;}


.lrow .tgt{display:block;margin-top:3px;font-style:normal;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;
  color:var(--brand-ink);}

.lrow .by{font-size:11px;font-weight:700;letter-spacing:.02em;
  border-radius:999px;padding:2px 8px;white-space:nowrap;align-self:center;}

.lrow .by--ai{color:var(--ink-2);border:1px solid var(--border-strong);}

.lrow .by--human{color:var(--gate);border:1px solid var(--gate);}


.lrow .by--rule{color:var(--success-ink);border:1px solid var(--success);}


.lrow--pick{opacity:1;animation:none;background:var(--brand-soft);border-color:var(--brand);}

.lrow--pick .dot{animation:none;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft);}

.lrow--pick .nm{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}

.pickname{color:var(--brand-ink);font-weight:700;}

.pickname.swap{animation:pickSwap .5s cubic-bezier(.2,.7,.3,1);}

.lrow--pick .by{color:var(--brand-ink);border-color:var(--brand);}

.pick-div{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 56px;
  font-size:11px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-sub);}

.pick-div::before{content:"↓";color:var(--brand);font-size:13px;}


.tmap{display:flex;flex-direction:column;
  padding:4px 12px 11px;border-radius:var(--r-xl);
  background:var(--surface);border:1px solid var(--border);}


.lcv--map{display:flex;flex-direction:column;}

.lcv--map .tmap{flex:1;}

.tmap-g--dev,.tmap-g--rel{flex:3;}

.tmap-g--post{flex:1;}


.tmap-g{display:grid;grid-template-columns:74px minmax(0,1fr);gap:0 10px;
  padding:9px 0;border-bottom:1px solid var(--border);}


.tmap-bd{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:4px;align-self:stretch;padding:6px 8px;border-radius:var(--r-sm);
  font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.04em;
  line-height:1.35;}

.tmap-bd .par{font-family:var(--font-sans);font-size:9px;font-weight:700;
  letter-spacing:0;font-style:normal;border-radius:999px;padding:1px 6px;
  background:var(--surface);border:1px solid var(--brand);color:var(--brand-ink);}

.tmap-g--dev  .tmap-bd{background:var(--surface-2);color:var(--ink-2);}

.tmap-g--rel  .tmap-bd{background:var(--brand-soft);color:var(--brand-ink);}

.tmap-g--post .tmap-bd{background:var(--surface-2);color:var(--cyan-ink);}


.tmap-ns{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;}

.tmap-n{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:0 8px;
  padding:8px 10px;border-radius:var(--r-md);
  background:var(--surface-2);border:1px solid var(--border);}

.tmap-n b{font-size:13px;font-weight:700;letter-spacing:-.025em;line-height:1.3;
  color:var(--ink-2);}

.tmap-n .ds{font-size:11px;line-height:1.45;color:var(--ink-2);}


.tmap-n .by{margin-inline-start:5px;font-family:var(--font-mono);font-size:9px;
  font-weight:600;letter-spacing:.04em;font-style:normal;white-space:nowrap;
  color:var(--ink-2);background:var(--surface);border:1px solid var(--border-strong);
  border-radius:999px;padding:1px 6px;}


.tmap-n--t{background:var(--brand-soft);border-color:var(--brand);}

.tmap-n--t b{color:var(--brand-ink);}


.tmap-n--ops{background:var(--surface);border-color:var(--cyan-500);}

.tmap-n--ops b{color:var(--cyan-ink);}


.tmap-ns--par{padding-inline-start:13px;}

.tmap-ns--par::before{content:"";position:absolute;inset-inline-start:0;top:9px;bottom:9px;
  width:7px;border:1.5px solid var(--brand);border-inline-end:0;
  border-radius:4px 0 0 4px;opacity:.5;}


.tmap-ret{display:flex;align-items:center;gap:7px;padding:10px 2px 0;
  font-size:11px;line-height:1.5;color:var(--ink-2);}

.tmap-ret .rt{flex-shrink:0;font-size:13px;color:var(--cyan-ink);}

.tmap-ret b{color:var(--ink);font-weight:700;}


.tmap-ft{display:flex;flex-direction:column;gap:5px;
  margin-top:9px;padding-top:9px;border-top:1px solid var(--border);}

.tmap-ft li{display:flex;align-items:flex-start;gap:7px;
  font-size:11px;line-height:1.55;color:var(--ink-2);}

.tmap-ft .k{flex-shrink:0;margin-top:1px;font-family:var(--font-mono);font-size:9px;
  font-weight:600;letter-spacing:.05em;color:var(--brand-ink);background:var(--brand-soft);
  border:1px solid var(--brand);border-radius:999px;padding:2px 7px;}

.tmap-ft b{color:var(--ink);font-weight:700;}


.tmap{--tdur:5.2s;}


.tmap.norun,.tmap.norun *,.tmap.norun *::before{animation:none!important;}


.tmap-n{--ring:var(--border-strong);
  animation:tmapRow var(--tdur) linear infinite;
  animation-delay:calc(var(--t,0) * 1s);}

.tmap-n--t{--ring:var(--brand);}

.tmap-n--ops{--ring:var(--cyan-500);}


.tmap-g--dev  .tmap-bd{--ring:var(--border-strong);}

.tmap-g--rel  .tmap-bd{--ring:var(--brand);}

.tmap-g--post .tmap-bd{--ring:var(--cyan-500);}

.tmap-bd{animation:tmapBd var(--tdur) linear infinite;
  animation-delay:calc(var(--t,0) * 1s);}


.tmap-ns--par::before{animation:tmapPar var(--tdur) linear infinite;
  animation-delay:calc(var(--t,0) * 1s);}


.tmap-ret .rt{animation:tmapRet var(--tdur) cubic-bezier(.6,0,.3,1) infinite;}


.lrail-ft{display:flex;align-items:center;gap:8px;margin-top:11px;padding-top:12px;
  border-top:1px solid var(--border);font-size:11px;color:var(--ink-sub);}

.lrail-ft .ret{font-size:13px;color:var(--brand-ink);display:inline-block;
  animation:spinBack 10.2s cubic-bezier(.6,0,.3,1) infinite;}


.flow[data-motion="off"] .lrail-ft .ret{animation:none;}

.flow[data-motion="off"] .pickname{animation:none;}

.mrow .k{font-size:15px;font-weight:700;letter-spacing:-.015em;color:var(--ink);}

.role .who{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--brand-ink);}

.ind .nm{font-size:15px;font-weight:700;}

.phase .need .lb{display:block;margin-bottom:4px;font-family:var(--font-mono);font-size:11px;
  font-weight:600;letter-spacing:.08em;color:var(--ink-sub);}

.cperf-body .lb{width:30px;font-size:8.5px;font-weight:700;color:var(--ink-sub);}

.cperf-body .row.bad .lb{color:var(--danger);}

.cdash-body .lb{width:30px;font-size:8.5px;font-weight:700;color:var(--ink-sub);}

.cdash-body .tot .lb{width:auto;font-size:8.5px;font-weight:700;color:var(--success);}


.lc-track{stroke:var(--border-strong);stroke-width:1.4;stroke-dasharray:4 9;opacity:.75;}

.arc{stroke-width:13;opacity:.14;}

.arc--dev{stroke-width:11;stroke-dasharray:2 9;}

.flow[data-ph="0"] .arc--dev{stroke-width:13;}

.flow[data-ph="1"] .arc--test,
.flow[data-ph="2"] .arc--test,
.flow[data-ph="3"] .arc--ops{stroke-width:18;}


.lc{width:min(360px,100%);}

.lc-lb--dev{left:82%;top:28%;}

.lc-lb--ops{left:18%;top:28%;}

.lc-lb--test{left:50%;top:82%;}


.lc-lb{width:28%;min-width:92px;padding:9px 8px;gap:3px;opacity:.6;
  background:var(--surface);border:1px solid var(--border);border-radius:6px;
  box-shadow:0 8px 20px rgba(15,37,71,.07);
  transition:opacity .4s ease,border-color .3s ease,box-shadow .3s ease,background .2s;}

.lc-lb:hover{background:var(--surface);border-color:var(--border-strong);}

.lc-lb .ph{font-size:8.5px;letter-spacing:.12em;color:var(--ink-faint);}

.lc-lb .nm{font-size:14px;}

.lc-lb .by{display:inline-block;margin-top:2px;padding:2px 7px;border-radius:2px;
  font-size:10px;font-weight:700;color:var(--ink-sub);background:var(--surface-2);}

.flow[data-ph="0"] .lc-lb--dev,
.flow[data-ph="1"] .lc-lb--test,
.flow[data-ph="2"] .lc-lb--test,
.flow[data-ph="3"] .lc-lb--ops{border-color:rgba(6,111,153,.35);
  box-shadow:0 10px 24px rgba(15,37,71,.10),0 0 0 4px rgba(6,111,153,.08);}

.flow[data-ph="1"] .lc-lb--test .by,
.flow[data-ph="2"] .lc-lb--test .by{background:var(--brand-soft);}

.flow[data-ph="3"] .lc-lb--ops{border-color:rgba(0,150,180,.38);
  box-shadow:0 10px 24px rgba(15,37,71,.10),0 0 0 4px rgba(0,150,180,.10);}

.flow[data-ph="3"] .lc-lb--ops .by{background:var(--cyan-soft,rgba(0,150,180,.10));}


.lc-core{inset:32%;padding:12px;gap:5px;
  box-shadow:0 12px 30px rgba(15,37,71,.10);}

.lc-core b{font-size:14px;}

.lc-core span{font-size:10.5px;color:var(--ink-sub);}

@media (prefers-reduced-motion:reduce){

  .lcv{transform:none!important;}}

@media (prefers-reduced-motion:reduce){

  .hero-tag .live::after,.flow-ft .ret{display:none;animation:none;}

  .badge381 .n{animation:none;}}

@media (prefers-reduced-motion:reduce){
 .lane-ret .ret{animation:none;}}

@media (max-width:620px){

  .tmap-g{grid-template-columns:62px minmax(0,1fr);gap:0 8px;}

  .tmap-bd{padding:6px;font-size:9px;}

  .tmap-n{grid-template-columns:minmax(0,1fr);gap:2px;align-items:start;}}

#lcPanel .loop{letter-spacing:0;white-space:nowrap;}
#lcPanel .tmap-bd{letter-spacing:.01em;}
#lcPanel .lc-brace{letter-spacing:.02em;}
#lcPanel .pick-div{letter-spacing:.01em;}
#lcPanel .tgt{letter-spacing:.01em;}
@media (max-width:430px){
  #lcPanel .loop{font-size:10px;}
}