/* Derived from the existing IAMX homepage; homepage source is untouched. */

:root{--bg:#04060f;--ink:#eef1ff;--mut:#9aa3c6;--dim:#68719a;--line:rgba(255,255,255,.08);--acA:#6d8bff;--acB:#a468ff;--glowO:.7}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased;min-width:0;overflow-x:hidden}
.lbl[id]{scroll-margin-top:96px}
/* Pricing cards: prevent the flexbox min-height:auto overflow that let the
   long feature list push the CTA button out the bottom of the card. */
.card.fcard.fx.col{min-height:0}
.card.fcard.fx.col>.fx.col{min-height:0}
.card.fcard.fx.col>a{flex-shrink:0;box-sizing:border-box}
.disp{font-family:'Space Grotesk',sans-serif}.mono{font-family:'JetBrains Mono',monospace}
.wrap{width:min(1200px,calc(100% - 96px));margin:0 auto}
.sec{padding:112px 0;position:relative}
.lbl{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--acA)}
.mut{color:var(--mut)}.dim{color:var(--dim)}
.h1{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:60px;line-height:1.05;letter-spacing:-.025em;margin:22px 0 0}
.h2{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:41px;line-height:1.12;letter-spacing:-.02em;margin:16px 0 0}
.h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:18.5px;letter-spacing:-.01em;margin:0}
.grad{background:linear-gradient(95deg,var(--acA),var(--acB));-webkit-background-clip:text;background-clip:text;color:transparent}
.gradV{background:linear-gradient(95deg,var(--acB),color-mix(in oklab,var(--acB) 55%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{font-size:16.5px;line-height:1.7;color:var(--mut);margin:0}
.p{font-size:14px;line-height:1.65;color:var(--mut);margin:0}
.btnP{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:12px;background:linear-gradient(135deg,var(--acA),var(--acB));color:#fff;font-weight:700;font-size:15px;border:0;cursor:pointer;font-family:Manrope,sans-serif;box-shadow:0 10px 34px color-mix(in oklab,var(--acB) 35%,transparent)}
.btnP:hover{filter:brightness(1.12)}
.btnG{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:12px;background:rgba(255,255,255,.03);color:var(--ink);font-weight:600;font-size:15px;border:1px solid rgba(255,255,255,.14);cursor:pointer;font-family:Manrope,sans-serif}
.btnG:hover{background:rgba(255,255,255,.07)}
.btnP,.btnG,.navlink{text-decoration:none}
.btnS{padding:10px 18px;font-size:13.5px;border-radius:10px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:20px;position:relative}
.glass{background:rgba(9,12,26,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 30px 70px rgba(1,3,10,.65)}
.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.08em;color:var(--mut);white-space:nowrap}
.tag{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
.ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;font-size:20px;color:color-mix(in oklab,var(--acA) 70%,#fff);background:linear-gradient(135deg,color-mix(in oklab,var(--acA) 16%,transparent),color-mix(in oklab,var(--acB) 13%,transparent));border:1px solid color-mix(in oklab,var(--acA) 26%,transparent)}
.icoS{width:36px;height:36px;border-radius:10px;font-size:17px}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:var(--glowO);pointer-events:none;background:radial-gradient(circle,color-mix(in oklab,var(--acB) 24%,transparent),transparent 70%)}
.glowA{background:radial-gradient(circle,color-mix(in oklab,var(--acA) 22%,transparent),transparent 70%)}
.dots{position:absolute;inset:0;background-image:radial-gradient(rgba(150,165,225,.13) 1px,transparent 1.3px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 55% 50% at 50% 6%,#000,transparent);mask-image:radial-gradient(ellipse 55% 50% at 50% 6%,#000,transparent);pointer-events:none}
.topline{height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--acA) 55%,transparent),color-mix(in oklab,var(--acB) 55%,transparent),transparent)}
.nav{padding:20px 0}
.navlink{color:var(--mut);font-size:14px;font-weight:600;text-decoration:none}
.navlink:hover{color:#fff}
.logo{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;letter-spacing:.03em}
.lmark{height:58px;width:58px;object-fit:contain;mix-blend-mode:screen;display:block}
.ltype{height:31px;mix-blend-mode:screen;display:block}
.heroG{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;padding:64px 0 56px}
.stage{position:relative;height:620px}
.ringO{position:absolute;width:560px;height:560px;right:-80px;top:14px;border-radius:50%;border:1px solid color-mix(in oklab,var(--acB) 45%,transparent);-webkit-mask-image:linear-gradient(205deg,#000 35%,transparent 72%);mask-image:linear-gradient(205deg,#000 35%,transparent 72%);pointer-events:none}
.ring2{width:640px;height:640px;right:-120px;top:-24px;opacity:.5;-webkit-mask-image:linear-gradient(160deg,#000 30%,transparent 65%);mask-image:linear-gradient(160deg,#000 30%,transparent 65%)}
.avfrm{position:absolute;left:34px;top:44px;width:470px;height:427px;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px rgba(1,3,12,.7)}
.cov{width:100%;height:100%;object-fit:cover;display:block}
.avshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,15,.18),transparent 30%,transparent 58%,rgba(4,6,15,.88))}
.plate{position:absolute;left:18px;right:18px;bottom:14px}
.live{width:8px;height:8px;border-radius:50%;background:#46d68c;animation:pulse 2s infinite;flex-shrink:0}
.wave{display:flex;align-items:center;gap:3px;height:22px}
.wb{width:3px;border-radius:2px;background:linear-gradient(180deg,var(--acA),var(--acB));animation:wv 1s ease-in-out infinite alternate}
.wbT{width:4px}
.bub{border-radius:13px;padding:10px 13px;font-size:12.5px;line-height:1.55;color:#cfd6f2;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}
.bubU{background:color-mix(in oklab,var(--acA) 13%,transparent);border-color:color-mix(in oklab,var(--acA) 22%,transparent)}
.avc{width:26px;height:26px;border-radius:50%;flex-shrink:0;object-fit:cover;border:1px solid rgba(255,255,255,.15)}
.avi{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;background:linear-gradient(135deg,#333b63,#222842);color:#aab4dd;flex-shrink:0}
.evt{display:flex;gap:9px;align-items:center;border-radius:11px;padding:9px 12px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.02em;border:1px dashed color-mix(in oklab,var(--acA) 35%,transparent);background:color-mix(in oklab,var(--acA) 7%,transparent);color:color-mix(in oklab,var(--acA) 55%,#fff)}
.caret{display:inline-block;width:8px;height:14px;border-radius:2px;background:var(--acA);animation:blink 1.1s steps(1) infinite;vertical-align:-2px}
.fcE{position:absolute;left:-14px;top:118px;width:226px;padding:16px;z-index:3}
.fcF{position:absolute;left:216px;top:8px;padding:12px 15px;z-index:3}
.fcC{position:absolute;right:-16px;top:168px;width:300px;padding:16px;z-index:4}
.fcM{position:absolute;left:12px;top:492px;padding:12px 15px;z-index:3}
.plut{position:relative;width:118px;height:118px;margin:14px auto 8px}
.pring{position:absolute;inset:0;border:1px dashed rgba(255,255,255,.16);border-radius:50%}
.pd{position:absolute;width:9px;height:9px;border-radius:50%;background:color-mix(in oklab,var(--acA) 55%,#fff);opacity:.45}
.pdA{width:14px;height:14px;opacity:1;background:linear-gradient(135deg,var(--acA),var(--acB));box-shadow:0 0 16px color-mix(in oklab,var(--acB) 70%,transparent)}
.ebar{height:5px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;flex:1}
.ebf{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--acA),var(--acB))}
.provrow{border-top:1px solid var(--line);padding:24px 0 8px;display:flex;align-items:center;gap:32px}
.prov{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15.5px;color:rgba(230,235,255,.4);white-space:nowrap}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#060919,#04060f)}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.g6{display:grid;grid-template-columns:repeat(6,1fr)}
.span2{grid-column:span 2}
.fi{display:flex;align-items:center;gap:12px;padding:26px 8px 26px 0;font-size:13px;font-weight:700;line-height:1.4}
.bl{border-left:1px solid var(--line);padding-left:20px}
.node{width:38px;height:38px;border-radius:50%;border:1px solid color-mix(in oklab,var(--acA) 45%,transparent);display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-size:12px;color:color-mix(in oklab,var(--acA) 55%,#fff);background:color-mix(in oklab,var(--acA) 10%,transparent);flex-shrink:0}
.conn{height:1px;flex:1;background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--acA) 38%,transparent) 0 6px,transparent 6px 12px)}
.fcard{padding:26px}
.mock{border-radius:14px;border:1px solid var(--line);background:rgba(3,5,12,.55);padding:14px;display:flex;flex-direction:column;gap:9px}
.shc{text-align:center;max-width:620px;margin:0 auto}
.uc{padding:24px;display:flex;flex-direction:column;gap:13px;min-height:172px}
.cast{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);height:252px;background:#10142a}
.castShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,15,.05),transparent 35%,transparent 58%,rgba(4,6,15,.9))}
.castPlate{position:absolute;left:13px;right:13px;bottom:11px}
.castN{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14.5px}
.ctaface{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 12%;border:2px solid #171b38;margin:0 -8px}
.console{border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0a0e22,#060919);box-shadow:0 50px 120px rgba(0,2,10,.6);overflow:hidden}
.cbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}
.dotT{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.12)}
.cbody{display:grid;grid-template-columns:250px 1fr 318px;height:470px}
.pane{padding:18px;display:flex;flex-direction:column;gap:7px}
.paneL{border-right:1px solid var(--line)}
.paneR{border-left:1px solid var(--line)}
.sess{padding:10px 12px;border-radius:10px;border:1px solid transparent}
.sessA{background:color-mix(in oklab,var(--acA) 10%,transparent);border-color:color-mix(in oklab,var(--acA) 25%,transparent)}
.sn{font-size:12.5px;font-weight:700}
.stagePane{position:relative;overflow:hidden}
.stShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,15,.3),transparent 30%,transparent 55%,rgba(4,6,15,.92))}
.inp{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:12.5px;color:var(--dim);background:rgba(255,255,255,.02)}
.cta{position:relative;overflow:hidden;border-radius:28px;border:1px solid color-mix(in oklab,var(--acB) 28%,transparent);padding:88px 40px;text-align:center;background:radial-gradient(640px 320px at 50% -100px,color-mix(in oklab,var(--acB) 26%,transparent),transparent),linear-gradient(180deg,#0a0d22,#05070f)}
.fcol{display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.fhead{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#c8cfeb}
.flink{color:var(--mut);font-size:13.5px;text-decoration:none}
.flink:hover{color:#fff}
.soc{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--mut);font-size:15px}
.badge{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--mut);background:rgba(255,255,255,.02)}
.tick{display:flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim);letter-spacing:.04em}
.tickI{color:#46d68c;font-size:13px}
@keyframes wv{from{transform:scaleY(.28)}to{transform:scaleY(1)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(70,214,140,.4)}70%{box-shadow:0 0 0 8px transparent}}
body[data-anim="off"] .wb,body[data-anim="off"] .caret,body[data-anim="off"] .live{animation:none}

/* ── Mobile / tablet responsive — landing was desktop-only (body had
   min-width:1280px, no media queries). Breakpoint is 1200px so tablets and
   landscape phones (the 900–1280 "dead zone" that overflowed) get the mobile
   layout too, not just phones. Desktop (>1200) is untouched. ── */
@media (max-width:1200px){
  body{min-width:0;overflow-x:hidden}
  .wrap{width:calc(100% - 36px)}
  .sec{padding:58px 0}
  header>nav{display:none!important}       /* placeholder menu — !important needed: .fx{display:flex} outranks header>nav */
  .lmark{height:46px;width:46px}.ltype{height:25px}
  .h1{font-size:37px}
  .h2{font-size:27px}
  .sub{font-size:15px}
  .heroG{grid-template-columns:1fr;gap:0;padding:24px 0 16px}   /* stack hero: text only */
  .stage{display:none}                     /* decorative absolute-positioned avatar montage — hide on mobile */
  .provrow{flex-direction:column;align-items:flex-start;gap:14px}
  section .fx.jb[style*="align-items:flex-end"]{flex-direction:column;align-items:flex-start!important;gap:18px}
  .g6{grid-template-columns:repeat(2,1fr)}
  .g6 .fi.bl{border-left:0;padding-left:0}
  .g4{grid-template-columns:1fr!important;gap:26px;margin-top:36px!important}
  .g3{grid-template-columns:1fr}
  .span2{grid-column:span 1}
  .card.span2.grid{grid-template-columns:1fr!important}         /* two-col feature cards → single col */
  .cbody{grid-template-columns:1fr!important;height:auto}       /* console demo: stack the 3 panes */
  .paneL{border-right:0;border-bottom:1px solid var(--line)}
  .paneR{border-left:0;border-top:1px solid var(--line)}
  .stagePane{min-height:300px}
  .cta{padding:52px 20px}
  .cta .h2{font-size:29px!important}       /* inline 46px → override */
  footer>.grid{grid-template-columns:1fr 1fr!important;gap:26px}
  footer>.fx.jb{flex-direction:column;gap:14px;align-items:flex-start}
}
@media (max-width:600px){
  .h1{font-size:30px}
  .h2{font-size:23px}
  .cta .h2{font-size:25px!important}
  .g6{grid-template-columns:1fr 1fr}
  .console .cbar{flex-wrap:wrap;gap:10px}
  footer>.grid{grid-template-columns:1fr!important;gap:22px}   /* single-column footer on phones — 2-col was cramped */
  .provrow .prov{font-size:14px}
}

/* atomic utilities (previously injected by the design runtime) */
.fx{display:flex}.grid{display:grid}.col{flex-direction:column}
.ac{align-items:center}.jb{justify-content:space-between}.jc{justify-content:center}
.f1{flex:1}.noshrink{flex-shrink:0}.wrap2{flex-wrap:wrap}
.posrel{position:relative}.posabs{position:absolute}.ohide{overflow:hidden}
.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap11{gap:11px}.gap12{gap:12px}.gap16{gap:16px}.gap20{gap:20px}.gap24{gap:24px}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mb8{margin-bottom:8px}
.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}
.fw6{font-weight:600}.fw7{font-weight:700}


/* Editorial pages use the homepage shell and design primitives above. */
*{box-sizing:border-box}
:root{color-scheme:dark}
html{scroll-padding-top:32px}
.site-inner{line-height:1.7}
.site-inner::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--acA),var(--acB),transparent)}
.site-inner a{color:#b8c8ff;text-underline-offset:4px}
.site-inner a:hover{color:#fff}
.site-inner :focus-visible{outline:2px solid var(--acA);outline-offset:5px}
.site-inner .site-header{gap:18px;position:relative;z-index:20;min-height:98px}
.site-logo{text-decoration:none;flex-shrink:0}
.site-inner .site-header .lmark{height:46px;width:46px}
.site-inner .site-header .ltype{height:24px;width:auto}
.site-inner .site-header .primary-nav{gap:17px;flex:1;justify-content:center}
.site-inner .site-header .navlink{white-space:nowrap;font-size:12px;color:var(--mut)}
.site-inner .site-header .navlink:hover{color:#fff}
.site-inner .header-actions{gap:14px;flex-shrink:0}
.site-inner .header-actions .btnP{font-size:12px;padding:10px 14px;white-space:nowrap}
.site-inner .btnP,.site-inner .btnG{color:var(--ink)}
.site-inner .site-header .primary-nav{display:flex!important}
.mobile-menu{display:none}
.site-language{position:relative;flex-shrink:0;font-size:12px;z-index:25;color:var(--mut)}
.site-language>summary{cursor:pointer;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03);white-space:nowrap}
.site-language-list{display:grid;position:absolute;inset-inline-end:0;top:calc(100% + 10px);min-width:170px;padding:8px;background:#090c1a;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 30px 70px rgba(1,3,10,.65);gap:0;font:13px/1.5 Manrope,sans-serif}
.site-language-list a{padding:10px 12px;color:var(--ink);text-decoration:none;border-radius:9px;white-space:nowrap}
.site-language-list a:hover,.site-language-list a[aria-current="true"]{background:color-mix(in oklab,var(--acA) 13%,transparent)}
.site-inner main{position:relative}
.site-inner .hero{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;padding:74px 0 92px;position:relative;isolation:isolate}
.site-inner .hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-70px -45px 0;background-image:radial-gradient(rgba(150,165,225,.13) 1px,transparent 1.3px);background-size:28px 28px;mask-image:radial-gradient(ellipse 70% 70% at 50% 20%,#000,transparent)}
.site-inner .hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:650px;max-width:100%;height:460px;inset-inline-end:-35px;top:0;filter:blur(70px);background:radial-gradient(ellipse,rgba(164,104,255,.19),transparent 70%)}
.site-inner h1,.site-inner h2,.site-inner h3{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
.site-inner h1{font-size:clamp(38px,4.1vw,60px);line-height:1.05;margin:22px 0 24px;text-wrap:balance}
.site-inner h2{font-size:clamp(28px,3vw,41px);line-height:1.12;margin:0 0 24px;text-wrap:balance}
.site-inner h3{font-size:20px;line-height:1.3;margin:0 0 14px}
.site-inner p{color:var(--mut);margin:0 0 20px;line-height:1.7}
.site-inner .hero p{font-size:16.5px;max-width:66ch}
.site-inner .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--acA)}
.site-inner .actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}
.site-inner .actions a{text-decoration:none;font-size:14px;font-weight:600}
.site-inner .actions .button{display:inline-flex;align-items:center;padding:14px 24px;border-radius:12px;background:linear-gradient(135deg,var(--acA),var(--acB));color:#fff;font-weight:700;box-shadow:0 10px 34px color-mix(in oklab,var(--acB) 35%,transparent)}
.site-inner .actions .button:hover{filter:brightness(1.12)}
.site-inner .actions>a:not(.button){padding:13px 22px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.14);color:var(--ink)}
.site-inner .actions>a:not(.button):hover{background:rgba(255,255,255,.07)}
.site-inner .visual{position:relative;margin:0;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(9,12,26,.8);box-shadow:0 30px 70px rgba(1,3,10,.65);min-width:0}
.site-inner .visual::before{content:"";position:absolute;pointer-events:none;inset:-45px -25px;border-radius:50%;border:1px solid color-mix(in oklab,var(--acB) 30%,transparent);z-index:-1;mask-image:linear-gradient(205deg,#000 35%,transparent 72%)}
.site-inner .visual img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain;border-radius:15px}
.site-inner .visual figcaption{padding:14px 10px 4px;font-size:11px;color:var(--dim);line-height:1.65;text-align:start}
.site-inner .content-section{position:relative;padding:70px 0;border-top:1px solid var(--line)}
.site-inner .content-section>p{max-width:80ch;font-size:15px}
.site-inner .split{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}
.site-inner .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none;counter-reset:workflow;padding:0;margin:30px 0 0}
.site-inner .steps>li{counter-increment:workflow;position:relative;padding:28px;padding-inline-start:76px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));min-width:0}
.site-inner .steps>li::before{content:counter(workflow);position:absolute;inset-inline-start:24px;top:25px;width:34px;height:34px;border-radius:50%;border:1px solid color-mix(in oklab,var(--acA) 45%,transparent);display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-size:12px;color:#b8c8ff;background:color-mix(in oklab,var(--acA) 10%,transparent)}
.site-inner .steps strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:18px;line-height:1.35;font-weight:600}
.site-inner .steps p{font-size:14px;line-height:1.7;margin:12px 0 0}
.site-inner .table-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));margin-top:28px;scrollbar-color:var(--dim) transparent;scrollbar-width:thin}
.site-inner table{border-collapse:collapse;width:100%;text-align:start;font-size:14px}
.site-inner th,.site-inner td{padding:22px 24px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.7}
.site-inner th{color:var(--ink);font-weight:600}
.site-inner td{color:var(--mut)}
.site-inner thead{background:rgba(109,139,255,.06)}
.site-inner tbody th{min-width:140px;font-family:'Space Grotesk',sans-serif;font-size:16px}
.site-inner tbody tr:last-child>*{border-bottom:0}
.site-inner .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.site-inner .faq>div{padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.site-inner .faq p{font-size:14px;margin:0}
.site-inner .links{display:flex;gap:12px 26px;flex-wrap:wrap;margin-top:28px;font-size:14px}
.site-inner .note{border-inline-start:2px solid var(--acA);padding:8px 0;padding-inline-start:22px;max-width:900px}
.site-inner .note p:last-child{margin-bottom:0}
.site-inner .code{background:#0a0e22;border:1px solid var(--line);border-radius:14px;padding:24px;max-width:100%;overflow:auto;font:13px/1.8 'JetBrains Mono',monospace;white-space:pre}
.site-inner code{overflow-wrap:anywhere}
.site-inner .closing{position:relative;overflow:hidden;border-radius:28px;border:1px solid color-mix(in oklab,var(--acB) 28%,transparent);padding:72px 40px;text-align:center;background:radial-gradient(640px 320px at 50% -100px,color-mix(in oklab,var(--acB) 26%,transparent),transparent),linear-gradient(180deg,#0a0d22,#05070f);margin:48px 0 26px}
.site-inner .closing h2{max-width:770px;margin:0 auto 20px}
.site-inner .closing p{max-width:72ch;margin:0 auto}
.site-inner .closing .actions{justify-content:center}
.site-inner .updated{font-size:11px;color:var(--dim);margin:0 0 64px}
.site-inner .site-footer{border-top:1px solid var(--line);padding-top:48px!important}
.site-inner .site-footer p{font-size:14px}
.site-inner .site-footer .flink{font-size:13px;color:var(--mut)}
.site-inner .site-footer .fhead{font-size:11px}
.site-inner .site-footer .fcol{min-width:0}
.site-inner .site-footer .fcol:first-child img{max-width:100%;height:auto}
.site-inner .site-footer .badge{font-size:9px;letter-spacing:.03em}
.site-inner .site-footer img[src*="iyzico-band"]{width:auto;max-width:100%;object-fit:contain}
.site-inner .shell-icon{width:16px;height:16px;display:block;flex-shrink:0}
.site-inner .site-footer .soc{color:var(--mut)}
.skip{position:absolute;top:-100px;inset-inline-start:20px;z-index:100}
.skip:focus{top:10px;background:var(--bg);padding:10px}
.site-inner img{max-width:100%}
html[dir="rtl"] .site-inner,html[dir="rtl"] .site-inner h1,html[dir="rtl"] .site-inner h2,html[dir="rtl"] .site-inner h3{font-family:'Noto Sans Arabic',Manrope,sans-serif;letter-spacing:normal}
html[dir="rtl"] .site-inner h1{line-height:1.4;font-size:clamp(34px,3.6vw,50px)}
html[dir="rtl"] .site-inner h2{line-height:1.5}
html[dir="rtl"] .site-inner .code{direction:ltr;text-align:left}
@media(min-width:1201px){.site-inner .site-header{width:min(1340px,calc(100% - 64px))}}
@media(max-width:1200px){
  .site-inner .site-header{min-height:90px;justify-content:flex-start;gap:16px}
  .site-inner .site-header .primary-nav{display:none!important}
  .site-inner .header-actions{margin-inline-start:auto}
  .mobile-menu{display:block;position:static}
  .mobile-menu>summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:12px;list-style:none;background:rgba(255,255,255,.03)}
  .mobile-menu>summary::-webkit-details-marker{display:none}
  .mobile-menu>summary svg{width:18px;height:18px}
  .mobile-menu .mobile-nav{position:absolute;top:calc(100% - 6px);inset-inline:0;padding:18px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#090c1a;box-shadow:0 30px 70px rgba(1,3,10,.65)}
  .mobile-menu:not([open]) .mobile-nav{display:none!important}
  .site-inner .mobile-nav .navlink{padding:12px;font-size:14px}
  .site-inner .hero{gap:32px;padding:44px 0 64px}
  .site-inner .site-footer>.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .site-inner .site-footer .fcol:first-child{grid-column:span 2}
}
@media(max-width:800px){
  .site-inner .hero{grid-template-columns:1fr;gap:42px}
  .site-inner h1{font-size:40px;max-width:800px}
  .site-inner .hero p{font-size:16px}
  .site-inner .visual{max-width:650px;width:100%}
  .site-inner .content-section{padding:48px 0}
  .site-inner .split{grid-template-columns:1fr;gap:24px}
  .site-inner .steps,.site-inner .faq{grid-template-columns:1fr}
  .site-inner .table-scroll table{min-width:560px}
  .site-inner th,.site-inner td{padding:16px}
  .site-inner .closing{padding:50px 24px}
}
@media(max-width:600px){
  .site-inner .site-header{flex-wrap:wrap;gap:12px;padding:16px 0}
  .site-inner .site-header .lmark{height:36px;width:36px}
  .site-inner .site-header .ltype{height:20px}
  .site-inner .site-logo{gap:8px}
  .site-inner .header-actions{gap:10px}
  .site-inner .header-actions .btnP{font-size:11px;padding:9px 10px}
  .site-inner .site-header .site-language{margin-inline-start:auto}
  .site-inner .mobile-menu{margin-inline-start:0}
  .site-inner .site-header .site-language,.site-inner .mobile-menu{font-size:11px}
  .site-inner .site-language-list{inset-inline-end:0}
  .site-inner .hero{padding-top:28px;gap:32px}
  .site-inner h1{font-size:34px;line-height:1.12;margin-top:12px}
  .site-inner h2{font-size:28px}
  .site-inner .hero::before{inset-inline:0}
  .site-inner .hero::after{inset-inline-end:0}
  .site-inner .visual::before{inset:-20px 0}
  .site-inner .actions{gap:12px}
  .site-inner .actions a{font-size:13px}
  .site-inner .actions .button,.site-inner .actions>a:not(.button){padding:12px 16px}
  .site-inner .steps>li{padding:24px;padding-inline-start:68px}
  .site-inner .steps>li::before{inset-inline-start:20px;top:22px}
  .site-inner .faq>div{padding:24px}
  .site-inner .closing{padding:42px 20px}
  .site-inner .site-footer>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .site-inner .site-footer .fcol:first-child{grid-column:1/-1}
  .site-inner .site-footer>.fx.jb>.fx:first-child{flex-wrap:wrap;max-width:100%}
  .site-inner .site-footer .tag{font-size:9px;letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-inner *{animation:none!important;transition:none!important}}