@font-face {
  font-family: 'Seiton Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/seiton_website_live19/static/src/fonts/geist-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Seiton Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/seiton_website_live19/static/src/fonts/geist-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Seiton Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/seiton_website_live19/static/src/fonts/geist-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Seiton Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/seiton_website_live19/static/src/fonts/geist-mono-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Seiton Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/seiton_website_live19/static/src/fonts/geist-mono-1.ttf) format('truetype');
}
.seiton_process_flow{
  --bg:#FAFAFA;
  --ink:#0A0A0A;
  --ink-40:rgba(10,10,10,.4);
  --orange:#F63A22;
  --green:#22F677;
  --dark:#131313;
  --line:rgba(10,10,10,.12);
}
.seiton_process_flow,.seiton_process_flow *{box-sizing:border-box;margin:0;padding:0}
html:has(.seiton_process_flow){scroll-behavior:smooth}
.seiton_process_flow{
  font-family:"Seiton Geist",ui-sans-serif,system-ui,sans-serif;font-weight:400;
  background:var(--bg);color:var(--ink);line-height:1.6;
  -webkit-font-smoothing:antialiased;min-height:100dvh;
}
.seiton_process_flow a{color:inherit;text-decoration:none}
.seiton_process_flow a:focus-visible,.seiton_process_flow button:focus-visible{outline:2px solid #4d65ff;outline-offset:2px}
.seiton_process_flow .mono{font-family:"Seiton Geist Mono",ui-monospace,monospace}
.seiton_process_flow header{
  display:flex;justify-content:space-between;align-items:center;
  padding:20px clamp(20px,4vw,48px);position:sticky;top:0;z-index:30;
  background:rgba(250,250,250,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);
}
.seiton_process_flow .wordmark{display:flex;align-items:center}
.seiton_process_flow .wordmark img{height:26px;width:auto;display:block}
.seiton_process_flow nav{display:flex;gap:26px;font-size:14px}
.seiton_process_flow nav a{color:var(--ink-40);transition:color .2s}
.seiton_process_flow nav a:hover{color:var(--ink)}
.seiton_process_flow nav a.back{color:var(--ink)}
.seiton_process_flow .wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.seiton_process_flow .hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(64px,10vh,120px) 0}
.seiton_process_flow .hero h1{font-size:clamp(38px,5.6vw,68px);line-height:1.02;letter-spacing:-.03em;font-weight:700}
.seiton_process_flow .hero h1 em{font-style:normal;color:var(--orange)}
.seiton_process_flow .hero .kick{font-family:"Seiton Geist Mono",monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-40);margin-bottom:24px;display:block}
.seiton_process_flow .hero p{color:var(--ink-40);margin:24px 0 32px;max-width:44ch;font-size:17px}
.seiton_process_flow .btn{
  position:relative;display:inline-block;overflow:hidden;background:var(--orange);color:#fff;
  border-radius:8px;font-weight:500;font-size:15px;line-height:1;padding:0;border:0;cursor:pointer;
}
.seiton_process_flow .btn .track{display:block;transition:transform .3s ease;padding:18px 28px}
.seiton_process_flow .btn .track span{display:block}
.seiton_process_flow .btn .track span:last-child{position:absolute;top:100%;left:28px;white-space:nowrap}
.seiton_process_flow .btn:hover .track,.seiton_process_flow .btn:focus-visible .track{transform:translateY(-100%)}
.seiton_process_flow .browser{
  background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:0 30px 80px -30px rgba(10,10,10,.25);transform:translateX(clamp(0px,3vw,48px));
}
.seiton_process_flow .browser-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}
.seiton_process_flow .browser-bar i{width:11px;height:11px;border-radius:50%}
.seiton_process_flow .browser-bar i:nth-child(1){background:#FF5F57}
.seiton_process_flow .browser-bar i:nth-child(2){background:#FFBD2E}
.seiton_process_flow .browser-bar i:nth-child(3){background:#28CA42}
.seiton_process_flow .browser-bar .url{flex:1;margin-left:8px;font-family:"Seiton Geist Mono",monospace;font-size:11px;color:var(--ink-40);background:var(--bg);border-radius:6px;padding:5px 10px}
.seiton_process_flow .browser-body{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--bg)}
.seiton_process_flow .tile{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}
.seiton_process_flow .tile .t{font-family:"Seiton Geist Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-40)}
.seiton_process_flow .tile .v{font-size:22px;font-weight:700;margin-top:6px}
.seiton_process_flow .tile .v.ok{color:#16a34a}
.seiton_process_flow .tile .v.warn{color:var(--orange)}
.seiton_process_flow .tile .bar{height:6px;border-radius:3px;background:var(--bg);margin-top:10px;overflow:hidden}
.seiton_process_flow .tile .bar i{display:block;height:100%;border-radius:3px;background:var(--green)}
.seiton_process_flow section{padding:clamp(64px,10vh,120px) 0}
.seiton_process_flow .sec-head{margin-bottom:48px}
.seiton_process_flow .sec-head h2{font-size:clamp(30px,4.4vw,52px);letter-spacing:-.02em;line-height:1.05;font-weight:700}
.seiton_process_flow .sec-head p{color:var(--ink-40);max-width:52ch;margin-top:14px;font-size:17px}
.seiton_process_flow .process{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:start}
.seiton_process_flow .graph-box{position:relative;border:1px solid var(--line);border-radius:16px;background:#fff;padding:clamp(16px,3vw,32px)}
.seiton_process_flow .graph-box svg{width:100%;height:auto;display:block}
.seiton_process_flow #graphPath{stroke:var(--green);stroke-width:3;fill:none;stroke-linecap:round}
.seiton_process_flow #graphDot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(34,246,119,.25);transform:translate(-50%,-50%);left:0;top:0}
.seiton_process_flow .progress-lines{position:absolute;left:-24px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-evenly}
.seiton_process_flow .pline{width:8px;height:2px;background:var(--line);transition:width .3s ease,background .3s ease}
.seiton_process_flow .pline.on{width:32px;background:var(--orange)}
.seiton_process_flow .steps{display:flex;flex-direction:column;gap:0}
.seiton_process_flow .step{border-top:1px solid var(--line);padding:28px 0}
.seiton_process_flow .step:last-child{border-bottom:1px solid var(--line)}
.seiton_process_flow .step .no{font-family:"Seiton Geist Mono",monospace;font-size:12px;color:var(--orange);letter-spacing:.1em}
.seiton_process_flow .step h3{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:8px 0 8px}
.seiton_process_flow .step p{color:var(--ink-40);font-size:15px}
.seiton_process_flow .dark{position:relative;background:var(--dark);color:#fff;border-radius:24px;overflow:hidden}
.seiton_process_flow .dark::before{
  content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
}
.seiton_process_flow .dark .inner{position:relative;padding:clamp(40px,6vw,88px)}
.seiton_process_flow .star{position:absolute;width:22px;height:22px;fill:#fff;opacity:.9}
.seiton_process_flow .star.tl{top:20px;left:20px}
.seiton_process_flow .star.tr{top:20px;right:20px}
.seiton_process_flow .dark h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.02em;line-height:1.1;font-weight:700;max-width:20ch}
.seiton_process_flow .dark .sub{color:rgba(255,255,255,.6);margin-top:16px;max-width:56ch;font-size:16px}
.seiton_process_flow .pluslist{list-style:none;margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:14px 40px}
.seiton_process_flow .pluslist li{display:flex;gap:12px;font-size:15px;color:rgba(255,255,255,.85);line-height:1.55}
.seiton_process_flow .pluslist li::before{content:"+";color:var(--orange);font-family:"Seiton Geist Mono",monospace;flex:none}
.seiton_process_flow .badges{display:flex;gap:10px;margin-top:40px;flex-wrap:wrap}
.seiton_process_flow .pf-badge{font-family:"Seiton Geist Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 14px;color:rgba(255,255,255,.8)}
.seiton_process_flow .ba{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.seiton_process_flow .ba-card{border-radius:16px;padding:32px;border:1px solid var(--line);background:#fff}
.seiton_process_flow .ba-card.after{background:var(--dark);color:#fff;border-color:transparent}
.seiton_process_flow .ba-card .tag{font-family:"Seiton Geist Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-40)}
.seiton_process_flow .ba-card.after .tag{color:rgba(255,255,255,.5)}
.seiton_process_flow .ba-card h3{font-size:24px;font-weight:700;margin:12px 0 16px;letter-spacing:-.01em}
.seiton_process_flow .ba-card ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px}
.seiton_process_flow .ba-card.before li{color:var(--ink-40)}
.seiton_process_flow .ba-card.before li::before{content:"✕ ";color:var(--orange)}
.seiton_process_flow .ba-card.after li{color:rgba(255,255,255,.85)}
.seiton_process_flow .ba-card.after li::before{content:"✓ ";color:var(--green)}
.seiton_process_flow .faq{max-width:760px}
.seiton_process_flow .faq-item{border-top:1px solid var(--line)}
.seiton_process_flow .faq-item:last-child{border-bottom:1px solid var(--line)}
.seiton_process_flow .faq-q{
  width:100%;background:none;border:0;cursor:pointer;text-align:left;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:22px 0;font:inherit;font-size:17px;font-weight:500;color:var(--ink);
}
.seiton_process_flow .faq-q .ic{flex:none;width:22px;height:22px;position:relative;transition:transform .25s ease}
.seiton_process_flow .faq-q .ic::before,.seiton_process_flow .faq-q .ic::after{content:"";position:absolute;background:var(--ink);left:50%;top:50%}
.seiton_process_flow .faq-q .ic::before{width:14px;height:1.5px;transform:translate(-50%,-50%)}
.seiton_process_flow .faq-q .ic::after{width:1.5px;height:14px;transform:translate(-50%,-50%)}
.seiton_process_flow .faq-item.open .ic{transform:rotate(45deg)}
.seiton_process_flow .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--ink-40);font-size:15px}
.seiton_process_flow .faq-a p{padding-bottom:22px;max-width:60ch}
.seiton_process_flow .cta{text-align:center;padding:clamp(80px,14vh,160px) 0}
.seiton_process_flow .cta h2{font-size:clamp(34px,5vw,60px);letter-spacing:-.03em;line-height:1.05;font-weight:700}
.seiton_process_flow .cta p{color:var(--ink-40);margin:20px auto 36px;max-width:46ch;font-size:17px}
.seiton_process_flow footer{border-top:1px solid var(--line);padding:32px 0}
.seiton_process_flow footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:"Seiton Geist Mono",monospace;font-size:12px;color:var(--ink-40)}
.seiton_process_flow footer a:hover{color:var(--ink)}
@media  (max-width:900px){.seiton_process_flow .hero{grid-template-columns:1fr}
.seiton_process_flow .browser{transform:none}
.seiton_process_flow .process{grid-template-columns:1fr}
.seiton_process_flow .progress-lines{display:none}
.seiton_process_flow .pluslist{grid-template-columns:1fr}
.seiton_process_flow .ba{grid-template-columns:1fr}
.seiton_process_flow nav a:not(.back){display:none}}
@media  (prefers-reduced-motion:reduce){.seiton_process_flow,.seiton_process_flow *{transition:none!important;animation:none!important}}
.seiton_process_flow { width:100%; }
.seiton_process_flow h1,.seiton_process_flow h2,.seiton_process_flow h3 {font-family:'Seiton Geist',ui-sans-serif,system-ui,sans-serif;color:inherit;}
.seiton_process_flow .hero h1 em {color:var(--orange);}
.seiton_process_flow .btn {text-decoration:none;vertical-align:middle;}
.seiton_process_flow button {font-family:inherit;}
.seiton_process_flow .skip {position:absolute;left:20px;top:-100px;z-index:50;padding:12px;background:white;}
.seiton_process_flow .skip:focus {top:10px;}
.seiton_process_flow .footer-links {display:flex;gap:20px;flex-wrap:wrap;}
.seiton_process_flow header {min-height:67px;}
.seiton_process_flow section {scroll-margin-top:90px;}
@media(max-width:400px){.seiton_process_flow .tile .v {font-size:19px;} .seiton_process_flow .browser-body {padding:14px;gap:10px;}}

.seiton_process_flow nav {align-items:center;}
.seiton_process_flow .site-navigation summary {cursor:pointer;color:var(--ink);list-style:none;font-size:14px;}
.seiton_process_flow .site-navigation summary::-webkit-details-marker {display:none;}
.seiton_process_flow .site-navigation summary::after {content:' +';font-family:'Seiton Geist Mono',monospace;color:var(--orange);}
.seiton_process_flow .site-navigation[open] summary::after {content:' −';}
.seiton_process_flow .site-navigation-panel {position:absolute;right:48px;top:calc(100% + 8px);width:250px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(10,10,10,.12);}
.seiton_process_flow .site-navigation-panel a {display:block;padding:10px 12px;color:var(--ink);font-size:14px;border-radius:6px;}
.seiton_process_flow .site-navigation-panel a:hover {background:var(--bg);color:var(--orange);}
.seiton_process_flow .site-navigation-panel a:focus-visible {outline-offset:-2px;}
.seiton_process_flow .legacy-anchor {position:absolute;top:0;scroll-margin-top:90px;}
.seiton_process_flow #prozess {position:relative;}
@media(max-width:900px){.seiton_process_flow nav .site-navigation-panel a {display:block;}.seiton_process_flow .site-navigation-panel {right:20px;}}