/* İZİBİZ ürün sayfaları (single-izi_solution.php): sakin editoryal düzen.
   Mobile-first. Tokens come from .izb-scope (header.css); <main> carries "sol izb-scope".
   Breakpoints: 768 (tablet), 900 (hero split), 1024 (section heads), 1100 (desktop grids), 1200 (header CTA visible). */

.sol{
 --sol-y:64px;--sol-head-gap:32px;--sol-gap:16px;--sol-sticky-top:104px;--sol-line-dark:#ffffff1f;
 --sol-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
 display:block;background:var(--izb-surface);color:var(--izb-ink);font:500 16px/1.6 var(--izb-font);
}
@media (min-width:768px){.sol{--sol-y:80px;--sol-head-gap:40px;--sol-gap:24px}}
@media (min-width:1100px){.sol{--sol-y:96px;--sol-head-gap:48px}}

/* ---------- resets: zero specificity so component classes always win ---------- */
:where(.sol) :where(h1,h2,h3,p,ul,ol,figure,dl,dd){margin:0}
:where(.sol) :where(ul,ol){padding:0;list-style:none}
:where(.sol) p{color:var(--izb-ink-muted);text-wrap:pretty}
:where(.sol) strong{font-weight:600}
.sol :where(h1,h2,h3){font-family:var(--izb-font);font-weight:600;color:var(--izb-ink);text-wrap:balance}
.sol h1{font-size:clamp(34px,calc(2vw + 19px),48px);line-height:1.1;letter-spacing:-.015em}
.sol h2{font-size:clamp(28px,calc(1vw + 22px),36px);line-height:1.15;letter-spacing:-.015em}
.sol h3{font-size:18px;line-height:24px;letter-spacing:-.01em}
@media (min-width:768px){.sol h1{line-height:1.08}.sol h3{font-size:20px;line-height:26px}}
.sol :where(a,button,summary,input):focus-visible{outline:none;box-shadow:var(--izb-focus-ring);border-radius:var(--izb-radius-sm)}
.sol .izb-btn-primary,.sol .izb-btn-primary:hover{color:var(--izb-on-dark)}
.sol-nw{white-space:nowrap}
.sol-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sol-section{padding-block:var(--sol-y)}
.sol-sunken{background:var(--izb-surface-sunken)}
.sol-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sol-gap)}

/* icon tile: same recipe as the header .izb-tile, 40px */
.sol-icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:var(--izb-radius-md);background:linear-gradient(180deg,var(--izb-surface),var(--izb-forest-50));box-shadow:inset 0 0 0 1px var(--izb-forest-100),0 1px 2px #17231e0d;color:var(--izb-forest-700);transition:background .2s,color .2s,box-shadow .2s}
.sol-icon .izb-icon{width:20px;height:20px}
.sol-icon.is-sm{width:32px;height:32px;border-radius:var(--izb-radius-sm)}
.sol-icon.is-sm .izb-icon{width:18px;height:18px}

/* text link (secondary action) */
.sol-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 15px/20px var(--izb-font);color:var(--izb-forest-700);text-decoration:none}
.sol-link .izb-icon{width:16px;height:16px;transition:transform .2s var(--izb-ease)}
.sol-link:hover{color:var(--izb-forest-700);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.sol-link:hover .izb-icon{transform:translateX(2px)}

/* ---------- 1 · Hero ---------- */
.sol-hero{padding:8px 0 56px}
/* Wash (also the e-Dönüşüm hub hero): the homepage horizon retold in plum — a light plum sky, a mint breath
   top-left and a plum glow in the top-right corner, sized in px so it stays clear of the copy at every width
   (muted text keeps AA). It ends in the next band's colour, so no edge appears. */
.sol-hero,.edh-hero{
 --sol-hero-end:var(--izb-surface-sunken);
 background-color:var(--sol-hero-end);
 background-image:
  radial-gradient(50% 420px at 0% 0%,#c6e6ce8c 0%,#c6e6ce00 72%),
  radial-gradient(60% 520px at 100% 0%,#8d567c4d 0%,#8d567c1f 45%,#8d567c00 76%),
  linear-gradient(180deg,#f1e6ee 0%,#f5eef3 50%,var(--sol-hero-end) calc(100% - 24px));
}
.sol-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font:500 13px/20px var(--izb-font);color:var(--izb-ink-muted)}
.sol-crumbs li{display:inline-flex;align-items:center;gap:4px}
.sol-crumbs a{color:var(--izb-ink-muted);text-decoration:none}
.sol-crumbs a:hover{color:var(--izb-forest-700)}
.sol-crumbs [aria-current]{color:var(--izb-ink)}
/* phone: one 44px back link to the parent hub */
.sol-crumbs li:not(:nth-child(2)){display:none}
.sol-crumbs li:nth-child(2) a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:14px}
.sol-crumbs li:nth-child(2) a::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--sol-chev) center/16px no-repeat;mask:var(--sol-chev) center/16px no-repeat;transform:scaleX(-1)}
@media (min-width:768px){
 .sol-crumbs li:not(:nth-child(2)){display:inline-flex}
 .sol-crumbs li:nth-child(2) a{display:inline;min-height:0;font-size:13px}
 .sol-crumbs li:nth-child(2) a::before{content:none}
 .sol-crumbs li+li::before{content:"";width:14px;height:14px;background:currentColor;opacity:.55;-webkit-mask:var(--sol-chev) center/14px no-repeat;mask:var(--sol-chev) center/14px no-repeat}
}
.sol-hero-grid{margin-top:16px;row-gap:32px}
.sol-hero-copy,.sol-hero-media{grid-column:1/-1}
.sol-kicker{display:flex;align-items:center;gap:10px;margin-bottom:16px;font:600 14px/20px var(--izb-font);letter-spacing:0;color:var(--izb-forest-700)}
.sol-kicker.is-family::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--izb-lime-500);box-shadow:0 0 0 3px #95bd4933}
.sol-h1-line{display:block}
.sol-lead{margin-top:16px;max-width:52ch;font-size:17px;line-height:1.6}
.sol-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;margin-top:28px}
.sol-actions>.izb-btn{flex:1 1 100%}
.sol-assure{margin-top:12px;font-size:14px;line-height:20px}
.sol-frame{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--izb-radius-lg);background:var(--izb-surface-sunken)}
.sol-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--izb-hairline);pointer-events:none}
.sol-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
/* e-Fatura POS: premium, code-native product choreography. */
.sol-pos-visual{
 position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) clamp(32px,5vw,58px) minmax(0,.92fr);align-items:center;width:100%;height:100%;padding:clamp(14px,4vw,38px);overflow:hidden;
 background:
  linear-gradient(115deg,#ffffffc7 0 16%,#ffffff00 42%),
  radial-gradient(circle at 14% 18%,#c7efcfb8 0 8%,#c7efcf00 34%),
  radial-gradient(circle at 92% 86%,#b98caa42 0 14%,#b98caa00 48%),
  linear-gradient(145deg,#e8f3ec 0%,#f5f2f5 52%,#ede3eb 100%);
 color:var(--izb-ink)
}
.sol-pos-visual::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#2f5e5209 1px,transparent 1px),linear-gradient(90deg,#2f5e5209 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at center,#000 12%,transparent 74%);mask-image:radial-gradient(ellipse at center,#000 12%,transparent 74%);pointer-events:none}
.sol-pos-visual::after{content:"";position:absolute;z-index:4;inset:0;background:linear-gradient(105deg,#ffffff00 30%,#ffffff42 48%,#ffffff00 64%);opacity:.45;transform:translateX(42%);pointer-events:none}
.sol-pos-aurora{position:absolute;z-index:-1;width:42%;aspect-ratio:1;border-radius:50%;filter:blur(30px);opacity:.32;pointer-events:none}
.sol-pos-aurora.is-mint{top:-24%;left:-12%;background:#9bd4ad}
.sol-pos-aurora.is-plum{right:-14%;bottom:-32%;background:#a97b9f}
.sol-pos-stage{position:relative;z-index:1;display:grid;gap:clamp(7px,1vw,10px);justify-self:center;width:min(100%,238px);perspective:900px}
.sol-pos-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 5px;font:750 clamp(6.5px,.8vw,9px)/1.2 var(--izb-font);letter-spacing:.08em;text-transform:uppercase;color:#3f5d53}
.sol-pos-meta span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.sol-pos-meta span i{width:5px;height:5px;border-radius:50%;background:var(--izb-lime-500);box-shadow:0 0 0 3px #95bd4924,0 0 10px #95bd4980}
.sol-pos-meta b{font-weight:800;color:var(--izb-plum-700);white-space:nowrap}
.sol-pos-device{position:relative;width:100%;aspect-ratio:4/5;padding:clamp(12px,2.2vw,21px);overflow:hidden;border:clamp(4px,.65vw,7px) solid #102d26;border-radius:clamp(19px,3vw,31px);background:radial-gradient(circle at 16% 8%,#477668 0,#274f44 28%,#16392f 78%),linear-gradient(160deg,#285548,#15382f);box-shadow:inset 0 1px 0 #ffffff24,inset 0 -12px 28px #081d1842,0 4px 8px -5px #102d2670,0 28px 52px -24px #102d26a8;transform:perspective(800px) rotateY(5deg) rotateZ(-1.75deg) translateZ(0);transform-origin:50% 80%;color:#fff}
.sol-pos-device::before{content:"";position:absolute;top:8px;left:50%;width:24%;height:3px;border-radius:999px;background:#ffffff35;box-shadow:0 1px 8px #ffffff2b;transform:translateX(-50%)}
.sol-pos-device::after{content:"";position:absolute;top:-35%;left:-75%;width:52%;height:180%;background:linear-gradient(90deg,#ffffff00,#ffffff17,#ffffff00);transform:rotate(18deg);pointer-events:none}
.sol-pos-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #ffffff1f;font:650 clamp(9px,1.35vw,12px)/1.2 var(--izb-font);color:#e4eee9}
.sol-pos-top i{width:7px;height:7px;border-radius:50%;background:var(--izb-lime-300);box-shadow:0 0 0 4px #b8db6d1c,0 0 11px #c4e08a8c}
.sol-pos-amount{display:grid;gap:2px;padding:clamp(11px,2.2vw,19px) 0;text-align:center}
.sol-pos-amount small{font:550 clamp(8px,1.15vw,11px)/1.2 var(--izb-font);letter-spacing:.02em;color:#ffffffa6}
.sol-pos-amount strong{font:650 clamp(18px,3.2vw,30px)/1.05 var(--izb-font);letter-spacing:-.035em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 2px 18px #071a1666}
.sol-pos-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.sol-pos-lines span{display:grid;gap:3px;padding:clamp(7px,1.35vw,11px);border:1px solid #ffffff16;border-radius:11px;background:linear-gradient(145deg,#ffffff12,#ffffff07);box-shadow:inset 0 1px 0 #ffffff0f;backdrop-filter:blur(8px)}
.sol-pos-lines b{font:600 clamp(7px,1vw,10px)/1.2 var(--izb-font);color:#ffffff9c}
.sol-pos-lines em{overflow:hidden;font:650 clamp(8px,1.15vw,11px)/1.2 var(--izb-font);font-style:normal;color:#fff;white-space:nowrap;text-overflow:ellipsis}
.sol-pos-status{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:clamp(8px,1.6vw,14px);padding:clamp(7px,1.25vw,10px);overflow:hidden;border:1px solid #e1f5b280;border-radius:11px;background:linear-gradient(180deg,#d3ee99,var(--izb-lime-300));box-shadow:inset 0 1px 0 #ffffff8c,0 8px 18px -12px #a7d05f;color:#17362e;font:750 clamp(8px,1.15vw,11px)/1.2 var(--izb-font)}
.sol-pos-status::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-35%;width:18%;background:linear-gradient(90deg,#ffffff00,#ffffffa3,#ffffff00);transform:skewX(-18deg);pointer-events:none}
.sol-pos-status .izb-icon{width:14px;height:14px;stroke-width:2.5}
.sol-pos-progress{display:flex;gap:4px;margin-top:clamp(7px,1vw,10px)}
.sol-pos-progress i{height:2px;flex:1;overflow:hidden;border-radius:999px;background:#ffffff18}
.sol-pos-progress i::after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--izb-lime-300),#eef8d9);transform-origin:left}
.sol-pos-route{position:relative;z-index:1;display:grid;place-items:center;height:100%}
.sol-pos-route>span{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,#6fa18d66,#8d567cb8)}
.sol-pos-route>i{position:absolute;left:50%;z-index:2;width:7px;height:7px;margin-left:-3.5px;border:1px solid #ffffff;border-radius:50%;background:var(--izb-lime-300);box-shadow:0 0 0 4px #c4e08a21,0 0 12px #95bd49b8;opacity:0}
.sol-pos-route>b{z-index:3;display:grid;place-items:center;width:clamp(26px,4vw,40px);height:clamp(26px,4vw,40px);border:1px solid #ffffffb8;border-radius:50%;background:#fffffff0;box-shadow:0 10px 24px -14px #17231ea8,inset 0 1px 0 #fff;color:var(--izb-plum-700);backdrop-filter:blur(10px)}
.sol-pos-route .izb-icon{width:clamp(13px,2vw,18px);height:clamp(13px,2vw,18px)}
.sol-pos-sync-wrap{position:relative;z-index:1;display:grid;gap:clamp(6px,1vw,9px);min-width:0}
.sol-pos-sync-wrap>p{overflow:hidden;font:750 clamp(6.5px,.85vw,9px)/1.2 var(--izb-font);letter-spacing:.075em;text-transform:uppercase;color:#51675e;white-space:nowrap;text-overflow:ellipsis}
.sol-pos-sync{display:grid;gap:clamp(6px,1.2vw,10px)}
.sol-pos-sync li{position:relative;display:grid;grid-template-columns:clamp(28px,4vw,40px) minmax(0,1fr) clamp(16px,2vw,22px);align-items:center;gap:clamp(7px,1.2vw,11px);min-width:0;padding:clamp(7px,1.4vw,12px);overflow:hidden;border:1px solid #ffffffd9;border-radius:clamp(11px,1.8vw,16px);background:linear-gradient(135deg,#fffffff5,#ffffffcf);box-shadow:inset 0 1px 0 #fff,0 14px 30px -22px #17231eb0;backdrop-filter:blur(12px)}
.sol-pos-sync li::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,#ffffff00 26%,#ffffff7a 48%,#ffffff00 68%);opacity:0;transform:translateX(-70%);pointer-events:none}
.sol-pos-sync .sol-icon{width:clamp(28px,4vw,40px);height:clamp(28px,4vw,40px);border-radius:10px;background:linear-gradient(145deg,#fff,#eaf3ed);box-shadow:inset 0 0 0 1px #d8e7de,0 5px 14px -10px #173b31}
.sol-pos-sync .sol-icon .izb-icon{width:clamp(14px,2vw,19px);height:clamp(14px,2vw,19px)}
.sol-pos-sync li>span:nth-child(2){min-width:0}
.sol-pos-sync small,.sol-pos-sync strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sol-pos-sync small{font:550 clamp(7px,1vw,10px)/1.2 var(--izb-font);color:var(--izb-ink-muted)}
.sol-pos-sync strong{margin-top:2px;font:700 clamp(8px,1.25vw,12px)/1.2 var(--izb-font);color:var(--izb-ink)}
.sol-pos-sync li>b{display:grid;place-items:center;width:clamp(16px,2vw,22px);height:clamp(16px,2vw,22px);border-radius:50%;background:#e7f2dc;color:#51752c}
.sol-pos-sync li>b .izb-icon{width:60%;height:60%;stroke-width:2.8}
.sol-pos-sync-state{display:flex;align-items:center;gap:6px;padding-left:4px;font:650 clamp(6.5px,.8vw,9px)/1.2 var(--izb-font);color:#496258;white-space:nowrap}
.sol-pos-sync-state i{width:5px;height:5px;border-radius:50%;background:var(--izb-lime-500);box-shadow:0 0 0 3px #95bd4924}
@media (max-width:520px){
 .sol-pos-visual{grid-template-columns:minmax(0,1.04fr) 27px minmax(0,.96fr);padding:12px}
 .sol-pos-meta{padding-inline:2px}.sol-pos-meta b,.sol-pos-sync-wrap>p,.sol-pos-sync-state{display:none}
 .sol-pos-sync li{grid-template-columns:26px minmax(0,1fr) 16px;gap:6px;padding:6px}
 .sol-pos-sync .sol-icon{width:26px;height:26px}
}
/* Product-aware fallback: an honest editorial workspace instead of reusing an unrelated screenshot. */
.sol-product-visual{
 --pv-accent:#7fa546;position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:100%;padding:clamp(11px,2.5vw,25px);overflow:hidden;
 background:radial-gradient(circle at 12% 16%,#c7e8cf 0 4%,#c7e8cf00 32%),radial-gradient(circle at 92% 88%,#a97b9f42 0 9%,#a97b9f00 40%),linear-gradient(145deg,#e8f2eb,#f5f1f4 58%,#ece4eb);color:var(--izb-ink)
}
.sol-product-visual.is-musavir,.sol-product-visual.is-sertifika{--pv-accent:#8d567c}
.sol-product-visual.is-altyapi{--pv-accent:#407468}
.sol-product-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#244d4208 1px,transparent 1px),linear-gradient(90deg,#244d4208 1px,transparent 1px);background-size:25px 25px;-webkit-mask-image:radial-gradient(ellipse at center,#000 8%,transparent 74%);mask-image:radial-gradient(ellipse at center,#000 8%,transparent 74%);pointer-events:none}
.sol-product-visual::after{content:"";position:absolute;right:-8%;bottom:-42%;width:48%;aspect-ratio:1;border-radius:50%;background:var(--pv-accent);filter:blur(48px);opacity:.13;pointer-events:none}
.sol-pv-window{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;border:1px solid #ffffffd9;border-radius:clamp(13px,2vw,19px);background:#f9fbf8e8;box-shadow:inset 0 1px 0 #fff,0 26px 55px -34px #143b36b5;backdrop-filter:blur(12px)}
.sol-pv-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:clamp(24px,3vw,32px);padding:0 clamp(9px,1.5vw,14px);border-bottom:1px solid #dfe7e1;background:#ffffffa8;color:#687970;font:700 clamp(6px,.78vw,9px)/1 var(--izb-font);letter-spacing:.08em;text-transform:uppercase}
.sol-pv-toolbar>b{justify-self:end;padding:4px 7px;border:1px solid #dce7d7;border-radius:999px;background:#edf5e7;color:#557531;font-size:inherit}
.sol-pv-dots{display:flex;gap:4px}.sol-pv-dots i{width:5px;height:5px;border-radius:50%;background:#c6d2ca}.sol-pv-dots i:nth-child(2){background:#b8d77d}.sol-pv-dots i:nth-child(3){background:#a97b9f}
.sol-pv-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.45fr);gap:clamp(7px,1.6vw,16px);height:calc(100% - clamp(24px,3vw,32px));padding:clamp(8px,1.8vw,17px)}
.sol-pv-identity{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(10px,2vw,20px);overflow:hidden;border:1px solid #ffffff17;border-radius:clamp(11px,1.7vw,16px);background:radial-gradient(circle at 95% 0,#8bb59e5c,transparent 42%),linear-gradient(145deg,#224b42,#14372f);box-shadow:inset 0 1px 0 #ffffff1c;color:#fff}
.sol-pv-orbit{position:absolute;z-index:-1;right:-24%;bottom:-35%;width:92%;aspect-ratio:1;border:1px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 18px #ffffff08,0 0 0 38px #ffffff05}
.sol-pv-product-icon{display:grid;place-items:center;width:clamp(32px,5vw,52px);height:clamp(32px,5vw,52px);border:1px solid #ffffff24;border-radius:clamp(9px,1.4vw,14px);background:#ffffff12;box-shadow:inset 0 1px 0 #ffffff19;color:#d2eda3}
.sol-pv-product-icon .izb-icon{width:52%;height:52%}
.sol-pv-identity>small{margin-top:auto;padding-top:7px;color:#b9d0c6;font:700 clamp(6px,.72vw,9px)/1.2 var(--izb-font);letter-spacing:.075em;text-transform:uppercase}
.sol-pv-identity>strong{display:-webkit-box;margin-top:4px;overflow:hidden;color:#fff;font:700 clamp(11px,1.45vw,18px)/1.12 var(--izb-font);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sol-pv-state{display:flex;align-items:center;gap:6px;margin-top:8px;color:#d0e0d8;font:600 clamp(6px,.72vw,9px)/1.2 var(--izb-font);white-space:nowrap}.sol-pv-state i{width:5px;height:5px;border-radius:50%;background:#c4e08a;box-shadow:0 0 0 3px #c4e08a1f}
.sol-pv-panel{display:flex;flex-direction:column;min-width:0;padding:clamp(9px,1.6vw,16px);border:1px solid #e0e8e2;border-radius:clamp(11px,1.7vw,16px);background:#ffffffd4;box-shadow:inset 0 1px 0 #fff}
.sol-pv-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:clamp(6px,1vw,10px);border-bottom:1px solid #e3e9e4}.sol-pv-panel-head>span{min-width:0}.sol-pv-panel-head small,.sol-pv-panel-head strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sol-pv-panel-head small{color:#7c8b83;font:650 clamp(6px,.7vw,8px)/1.2 var(--izb-font);letter-spacing:.06em;text-transform:uppercase}.sol-pv-panel-head strong{margin-top:2px;color:#1e302a;font:700 clamp(9px,1.15vw,13px)/1.2 var(--izb-font)}
.sol-pv-panel-head>b{display:grid;place-items:center;width:clamp(22px,3vw,30px);height:clamp(22px,3vw,30px);flex:none;border-radius:50%;background:#edf5e7;color:#628139;font:750 clamp(7px,.8vw,9px)/1 var(--izb-font)}
.sol-pv-list{display:grid;align-content:space-between;gap:clamp(4px,.8vw,8px);height:100%;padding-top:clamp(6px,1vw,10px)}
.sol-pv-list li{display:grid;grid-template-columns:clamp(26px,3.8vw,38px) minmax(0,1fr) clamp(16px,2.2vw,22px);align-items:center;gap:clamp(6px,1vw,10px);min-width:0;padding:clamp(5px,.9vw,8px);border:1px solid #e5ebe6;border-radius:clamp(8px,1.2vw,11px);background:linear-gradient(145deg,#fff,#f7faf6);box-shadow:0 8px 20px -20px #15392f}
.sol-pv-list .sol-icon{width:clamp(26px,3.8vw,38px);height:clamp(26px,3.8vw,38px);border-radius:9px}.sol-pv-list .sol-icon .izb-icon{width:52%;height:52%}
.sol-pv-list li>span:nth-child(2){min-width:0}.sol-pv-list strong,.sol-pv-list small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sol-pv-list strong{color:#273a33;font:700 clamp(7px,.92vw,11px)/1.2 var(--izb-font)}.sol-pv-list small{margin-top:2px;color:#728079;font:550 clamp(5.8px,.7vw,8px)/1.2 var(--izb-font)}
.sol-pv-check{display:grid;place-items:center;width:clamp(16px,2.2vw,22px);height:clamp(16px,2.2vw,22px);border-radius:50%;background:#e7f2dc;color:#55792e}.sol-pv-check .izb-icon{width:58%;height:58%;stroke-width:2.8}
@media (max-width:520px){
 .sol-product-visual{padding:9px}.sol-pv-layout{grid-template-columns:minmax(0,.76fr) minmax(0,1.4fr);gap:6px;padding:7px}.sol-pv-identity,.sol-pv-panel{padding:8px}.sol-pv-list{gap:4px;padding-top:5px}.sol-pv-list li{padding:4px}.sol-pv-list small{display:none}.sol-pv-state{display:none}
}
.sol-frame.is-device{display:flex;justify-content:center;align-items:flex-start;background:var(--izb-forest-50)}
.sol-frame.is-device img{width:42%;height:auto;margin-top:24px;border-radius:20px 20px 0 0;object-fit:fill;box-shadow:var(--izb-shadow-float)}
.sol-hero-media figcaption{margin-top:12px;font:500 13px/18px var(--izb-font);color:var(--izb-ink-muted)}
@media (min-width:640px) and (max-width:899px){.sol-frame{aspect-ratio:16/10}}
/* "… için neden İZİBİZ?": after the image on phones, under the CTA beside it on desktop */
.sol-why{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--izb-line)}
.sol .sol-why h2{font-size:20px;line-height:26px;letter-spacing:-.01em}
.sol-why p{margin-top:8px;max-width:60ch;font-size:15px;line-height:1.6}
.sol-why ul{display:grid;gap:16px 24px;margin-top:20px}
.sol-why li{display:flex;align-items:flex-start;gap:12px}
.sol-why strong{display:block;font:600 15px/20px var(--izb-font);color:var(--izb-ink)}
.sol-why small{display:block;margin-top:2px;font:500 13px/18px var(--izb-font);color:var(--izb-ink-muted)}
@media (min-width:480px){.sol-why ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){
 .sol-hero{padding:24px 0 80px}
 .sol-hero-grid{margin-top:32px;row-gap:40px}
 .sol-hero-copy{max-width:640px}
 .sol-lead{margin-top:20px;font-size:18px}
 .sol-actions{gap:12px 28px;margin-top:32px}
 .sol-actions>.izb-btn{flex:none}
 .sol-assure{margin-top:16px}
 .sol-frame{border-radius:var(--izb-radius-xl)}
 .sol-frame.is-device img{margin-top:40px;border-radius:28px 28px 0 0}
}
@media (min-width:900px){
 .sol-hero-grid{align-items:center;margin-top:48px;row-gap:32px}
 .sol-hero-copy{grid-column:1/span 7;grid-row:1;align-self:end}
 .sol-hero-media{grid-column:8/-1;grid-row:1/span 2}
 .sol-why{grid-column:1/span 7;grid-row:2;align-self:start;max-width:640px;padding-top:28px}
}
@media (min-width:1100px){
 .sol-hero{padding-bottom:88px}
 .sol-hero-copy{grid-column:1/span 6}
 .sol-hero-media{grid-column:7/-1}
 .sol-why{grid-column:1/span 6}
}

/* Product pages inherit the homepage's confident dark hero and restrained proof-card language. */
.sol-product .sol-hero{
 position:relative;isolation:isolate;overflow:hidden;padding:8px 0 72px;
 background-color:#143b36;
 background-image:radial-gradient(ellipse 56% 78% at 84% 28%,#406d5f66,transparent 72%),radial-gradient(ellipse 40% 58% at 3% 108%,#b4dc721a,transparent 70%);
 color:#fff
}
.sol-product .sol-crumbs,.sol-product .sol-crumbs a{color:#b8cac2}
.sol-product .sol-crumbs [aria-current]{color:#fff}
.sol-product .sol-crumbs a:hover{color:var(--izb-lime-300)}
.sol-product .sol-hero-grid{margin-top:20px;row-gap:30px}
.sol-product .sol-hero h1{color:#fff;font-size:clamp(36px,3.55vw,54px);font-weight:620;line-height:1.06;letter-spacing:-.035em}
.sol-product .sol-kicker{
 display:inline-flex;width:max-content;max-width:100%;margin-bottom:18px;padding:5px 12px 5px 7px;border:1px solid #ffffff21;border-radius:16px;
 background:#b4dc7215;box-shadow:0 1px 2px #071a161f;color:#c0df91;font-size:13px;line-height:1.4
}
.sol-product .sol-kicker .sol-icon{width:28px;height:28px;border-radius:9px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--izb-lime-300)}
.sol-product .sol-kicker .sol-icon .izb-icon{width:16px;height:16px}
.sol-product .sol-kicker.is-family::before{background:var(--izb-lime-300);box-shadow:0 0 0 3px #c4e08a2b}
.sol-product .sol-lead{max-width:50ch;margin-top:18px;color:#d0e0d7;font-size:17px;font-weight:400;line-height:1.6;letter-spacing:-.003em}
.sol-product .sol-hero .sol-actions{gap:12px;margin-top:28px}
.sol-product .sol-hero .sol-actions :where(.izb-btn,.sol-link){display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:12px;font-size:15px;font-weight:650;text-decoration:none;transition:background-color .2s var(--izb-ease),border-color .2s var(--izb-ease),box-shadow .2s var(--izb-ease),color .2s var(--izb-ease)}
.sol-product .sol-hero .izb-btn-primary{gap:10px;border:1px solid #b4d971;background:#b4d971;color:#173b30;box-shadow:inset 0 1px 0 #ffffff3d,0 1px 2px #071a1652}
.sol-product .sol-hero .izb-btn-primary:hover{border-color:#c6e58f;background:#c6e58f;color:#173b30;box-shadow:inset 0 1px 0 #ffffff4d,0 9px 18px -12px #0000008c}
.sol-product .sol-hero .sol-link{gap:8px;padding:12px 20px;border:1px solid #5d3752;background:#5d3752;color:#fff;box-shadow:inset 0 1px 0 #ffffff1f,0 1px 2px #071a1652}
.sol-product .sol-hero .sol-link:hover{border-color:#70435f;background:#70435f;color:#fff;text-decoration:none}
.sol-product .sol-hero .sol-actions .izb-icon{width:16px;height:16px;flex:none;transition:transform .2s var(--izb-ease)}
.sol-product .sol-hero .sol-actions a:hover .izb-icon{transform:translateX(3px)}
.sol-product .sol-assure{margin-top:15px;color:#b8cac2;font-size:13.5px}
.sol-product .sol-hero-media{position:relative}
.sol-product .sol-frame{aspect-ratio:16/10;border:1px solid #ffffff24;border-radius:22px;background:#0f302b;box-shadow:inset 0 1px 0 #ffffff1a,0 2px 5px #06171338,0 30px 64px -30px #061713bf}
.sol-product .sol-frame::after{box-shadow:inset 0 0 0 1px #ffffff0d}
.sol-product .sol-hero-media figcaption{position:absolute;right:12px;bottom:12px;margin:0;padding:6px 10px;border:1px solid #ffffff2b;border-radius:999px;background:#102d27b8;color:#e7efeb;font-size:11px;line-height:16px;backdrop-filter:blur(8px)}

/* ---------- 2 · Why choose İZİBİZ: one compact editorial surface, no card clutter ---------- */
.sol-difference{position:relative;z-index:3;margin-top:-44px;padding:0 0 var(--sol-y);scroll-margin-top:96px;background:linear-gradient(180deg,transparent 0 44px,var(--izb-surface-sunken) 44px)}
/* Keep the first product-detail chapter visually connected to the product-specific proof panel.
   The generic section rhythm is intentionally roomier; stacking both paddings here created a dead band. */
.sol-product .sol-difference{padding-bottom:clamp(20px,2.5vw,36px)}
.sol-product .sol-difference + .sol-section{padding-top:clamp(36px,4.5vw,60px)}
.sol-product .sol-certificate-pricing{scroll-margin-top:96px}
.sol-difference-shell{display:grid;gap:24px;padding:24px;border:1px solid #e0e6dd;border-radius:22px;background:var(--izb-surface);box-shadow:0 1px 2px #163d330a,0 24px 48px -30px #163d3338}
.sol .sol-difference-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--izb-plum-700);font:700 11px/16px var(--izb-font);letter-spacing:.1em;text-transform:uppercase}
.sol-difference-kicker::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--izb-lime-500);box-shadow:0 0 0 4px #95bd4924}
.sol-difference-intro{align-self:center}
.sol-difference-intro h2{max-width:18ch;margin-top:12px;color:var(--izb-forest-900);font-size:clamp(28px,2.35vw,36px);line-height:1.12;letter-spacing:-.032em}
.sol-difference-summary{max-width:47ch;margin-top:14px;color:var(--izb-ink-muted);font-size:14px;line-height:1.55}
.sol-difference-points{display:grid}
.sol-difference-points li{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:18px 0;border-top:1px solid var(--izb-line)}
.sol-difference-points li:first-child{padding-top:0;border-top:0}
.sol-difference-points li:last-child{padding-bottom:0}
.sol-difference-points .sol-icon{width:40px;height:40px;border-radius:11px;background:#f1f6eb;box-shadow:inset 0 0 0 1px #dfe9d5;color:#527921}
.sol .sol-difference-points h3{font-size:16px;line-height:21px;letter-spacing:-.015em}
.sol-difference-points p{margin-top:3px;color:#66756d;font-size:13px;line-height:1.45}
@media (min-width:560px){
 .sol-difference-points{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sol-difference-points li,.sol-difference-points li:first-child,.sol-difference-points li:last-child{padding:16px 20px;border-top:0}
 .sol-difference-points li:nth-child(even){border-left:1px solid var(--izb-line)}
 .sol-difference-points li:nth-child(odd){padding-left:0}
 .sol-difference-points li:nth-child(n+3){border-top:1px solid var(--izb-line)}
 .sol-difference-points li:nth-child(-n+2){padding-top:0}
 .sol-difference-points li:nth-child(n+3){padding-bottom:0}
}
@media (min-width:768px){
 .sol-product .sol-hero{padding-top:14px;padding-bottom:92px}
 .sol-product .sol-hero-grid{margin-top:24px}
 .sol-product .sol-lead{font-size:18px}
 .sol-difference{margin-top:-56px;background:linear-gradient(180deg,transparent 0 56px,var(--izb-surface-sunken) 56px)}
 .sol-difference-shell{padding:28px 32px;border-radius:22px}
}
@media (min-width:900px){
 .sol-product .sol-hero{padding-bottom:88px}
 .sol-product .sol-hero-grid{align-items:center;margin-top:24px;row-gap:0}
 .sol-product .sol-hero-copy{align-self:center}
 .sol-product .sol-hero-media{grid-row:1}
 .sol-product .sol-frame{aspect-ratio:16/9}
}
@media (min-width:1024px){
 .sol-difference-shell{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:44px;padding:30px 34px}
 .sol-difference-summary{font-size:14.5px}
 .sol-difference-points li{min-height:74px}
}
@media (max-width:767px){
 .sol-product .sol-hero .sol-actions{align-items:stretch}
 .sol-product .sol-hero .sol-actions :where(.izb-btn,.sol-link){width:100%}
 .sol-difference{margin-top:0;padding-top:20px;background:var(--izb-surface-sunken)}
}

/* ---------- Shared trust strip (archive and audience pages) ---------- */
.sol-trust{background:var(--izb-surface-sunken)}
.sol-trust li+li{border-top:1px solid var(--izb-line)}
.sol-trust-item{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr);column-gap:16px;align-items:baseline;padding:14px 0;color:inherit;text-decoration:none}
.sol-trust strong{display:block;font:600 18px/24px var(--izb-font);letter-spacing:-.01em;color:var(--izb-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.sol-trust span{display:block;font-size:14px;line-height:20px;color:var(--izb-ink-muted);text-wrap:balance}
a.sol-trust-item:hover strong{color:var(--izb-forest-700)}
@media (min-width:768px){
 .sol-trust ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .sol-trust li,.sol-trust li+li{padding:24px 0 24px 24px;border-top:0;border-left:1px solid var(--izb-line)}
 .sol-trust li:nth-child(odd){padding-left:0;border-left:0}
 .sol-trust li:nth-child(n+3){border-top:1px solid var(--izb-line)}
 .sol-trust-item{display:block;padding:0}
 .sol-trust strong{font-size:20px;line-height:26px}
 .sol-trust span{margin-top:4px}
}
@media (min-width:1200px){
 .sol-trust ul{grid-template-columns:repeat(4,minmax(0,1fr))}
 .sol-trust li,.sol-trust li+li,.sol-trust li:nth-child(odd),.sol-trust li:nth-child(n+3){padding:28px 32px;border-top:0;border-left:1px solid var(--izb-line)}
 .sol-trust li:first-child{padding-left:0;border-left:0}
 .sol-trust strong{font-size:22px;line-height:28px}
}

/* ---------- section heads ---------- */
.sol-head{display:grid;gap:16px;margin-bottom:var(--sol-head-gap)}
.sol-standfirst{max-width:60ch}
.sol-standfirst h3,.sol .sol-standfirst h3{margin-bottom:4px;font-size:16px;line-height:22px;letter-spacing:0}
.sol-standfirst p{font-size:16px;line-height:1.6}
.sol-head-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:8px 32px;margin-bottom:var(--sol-head-gap)}
@media (min-width:1024px){
 .sol-head{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sol-gap);align-items:start}
 .sol-head>h2{grid-column:1/span 6}
 .sol-head>.sol-standfirst{grid-column:8/-1}
 .sol-head.is-solo>h2{grid-column:1/span 8}
 .sol-standfirst p{font-size:17px}
}

/* ---------- 3 · Capabilities: equal icon tiles, count-aware ---------- */
.sol-features{display:grid;overflow:hidden;border-radius:var(--izb-radius-lg);background:var(--izb-surface-sunken)}
.sol-feature{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;align-items:center;padding:20px}
.sol-feature[id]{scroll-margin-top:120px}
.sol-feature+.sol-feature{border-top:1px solid var(--izb-line)}
.sol-feature p{grid-column:1/-1;margin-top:12px;font-size:15px;line-height:1.6}
.sol-sunken .sol-features,.sol-sunken .sol-feature{background:var(--izb-surface)}
@media (min-width:768px){
 .sol-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible;border-radius:0;background:none}
 .sol-sunken .sol-features{background:none}
 .sol-feature{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border-radius:var(--izb-radius-lg);background:var(--izb-surface-sunken)}
 .sol-feature+.sol-feature{border-top:0}
 .sol-feature .sol-icon{margin-bottom:24px}
 .sol-feature p{margin-top:8px;max-width:56ch;font-size:16px}
 .sol-feature:last-child:nth-child(odd){grid-column:1/-1}
}
@media (min-width:1100px){
 .sol-features{grid-template-columns:repeat(6,minmax(0,1fr))}
 .sol-feature,.sol-feature:last-child:nth-child(odd){grid-column:span 2;padding:32px}
 .sol-features[data-count="1"] .sol-feature{grid-column:1/-1}
 .sol-features[data-count="2"] .sol-feature,
 .sol-features[data-count="4"] .sol-feature,
 .sol-features[data-count="5"] .sol-feature:nth-child(-n+2){grid-column:span 3}
 .sol-features[data-count="17"] .sol-feature:nth-last-child(-n+2){grid-column:span 3}
}

/* ---------- 4 · How it works (optional): flow + modules ---------- */
.sol-flow{display:grid;gap:8px;margin-bottom:var(--sol-head-gap)}
.sol-flow-label{margin-bottom:12px;font:600 13px/18px var(--izb-font);color:var(--izb-ink-muted)}
.sol-flow-group ul{display:flex;flex-wrap:wrap;gap:8px}
.sol-node{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 6px;border-radius:var(--izb-radius-lg);background:var(--izb-surface);box-shadow:inset 0 0 0 1px var(--izb-line);font:600 14px/20px var(--izb-font);color:var(--izb-ink)}
.sol-node .sol-icon{width:32px;height:32px;border-radius:var(--izb-radius-sm);box-shadow:none;background:var(--izb-forest-50)}
.sol-node .sol-icon .izb-icon{width:18px;height:18px}
.sol-flow-arrow{display:grid;place-items:center;height:32px;color:var(--izb-forest-700)}
.sol-flow-arrow .izb-icon{transform:rotate(90deg)}
.sol-core{display:grid;justify-items:center;gap:4px;padding:24px;border-radius:var(--izb-radius-xl);background:var(--izb-surface);box-shadow:var(--izb-shadow-float);text-align:center}
.sol-core .sol-icon{width:48px;height:48px;margin-bottom:8px}
.sol-core .sol-icon .izb-icon{width:24px;height:24px}
.sol-core strong{font:600 20px/26px var(--izb-font);letter-spacing:-.01em;color:var(--izb-ink)}
.sol-core small{font-size:14px;line-height:20px;color:var(--izb-ink-muted)}
.sol-pill{display:inline-flex;align-items:center;gap:8px;height:28px;margin-top:12px;padding:0 12px;border-radius:var(--izb-radius-full);background:var(--izb-forest-50);font:600 13px/18px var(--izb-font);color:var(--izb-forest-700)}
.sol-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--izb-lime-500)}
/* stacked flow: sources and outputs sit centred under the arrows */
@media (max-width:1099px){.sol-flow-group ul{justify-content:center}.sol-flow-label{text-align:center}}
.sol-flow-note{margin:16px 0 var(--sol-head-gap);font-size:13px;line-height:18px;text-align:center}
@media (min-width:1100px){
 .sol-flow{grid-template-columns:minmax(0,1fr) 48px minmax(0,1.1fr) 48px minmax(0,1fr);align-items:center;gap:0;margin-bottom:0}
 .sol-flow-group ul{display:grid;gap:12px}
 .sol-node{min-height:56px;padding:0 16px 0 12px;font-size:15px}
 .sol-flow-arrow{height:auto}
 .sol-flow-arrow .izb-icon{transform:none}
 .sol-core{padding:32px 28px}
}

/* e-Fatura POS orchestration surface: scoped so shared e-Arşiv flow remains unchanged. */
.sol-flow.is-pos-flow{position:relative;isolation:isolate;gap:0;margin-bottom:0;padding:clamp(20px,4vw,38px);overflow:hidden;border:1px solid #dfe8e2;border-radius:clamp(22px,3vw,30px);background:radial-gradient(circle at 8% 18%,#dff1e5 0,#dff1e500 28%),radial-gradient(circle at 94% 84%,#eadde746 0,#eadde700 32%),linear-gradient(145deg,#fbfdfb,#f7f8f6 56%,#f7f1f5);box-shadow:inset 0 1px 0 #fff,0 28px 70px -48px #15372d66}
.sol-flow.is-pos-flow::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#2f5e5208 1px,transparent 1px),linear-gradient(90deg,#2f5e5208 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse,#000 5%,transparent 72%);mask-image:radial-gradient(ellipse,#000 5%,transparent 72%)}
.sol-flow.is-pos-flow::after{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:min(48vw,560px);aspect-ratio:1;border:1px solid #8fb4a225;border-radius:50%;box-shadow:0 0 0 44px #8fb4a20b,0 0 0 88px #8d567c08;transform:translate(-50%,-50%);pointer-events:none}
.is-pos-flow .sol-flow-group,.is-pos-flow .sol-core,.is-pos-flow .sol-flow-arrow{position:relative;z-index:1}
.is-pos-flow .sol-flow-label{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:12px;font:750 11px/16px var(--izb-font);letter-spacing:.075em;text-transform:uppercase;color:#496258}
.is-pos-flow .sol-flow-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--izb-lime-500);box-shadow:0 0 0 4px #95bd4918}
.is-pos-flow>.sol-flow-group:last-child .sol-flow-label::before{background:#9f7193;box-shadow:0 0 0 4px #9f719318}
.is-pos-flow .sol-flow-group ul{gap:10px}
.is-pos-flow .sol-node{width:min(100%,440px);min-height:58px;margin-inline:auto;padding:8px 14px 8px 9px;border:1px solid #e1e9e4;border-radius:16px;background:linear-gradient(135deg,#fffffffa,#f9fcfae8);box-shadow:inset 0 1px 0 #fff,0 12px 30px -25px #17392f8c;font-size:14px;backdrop-filter:blur(10px)}
.is-pos-flow .sol-node .sol-icon{width:38px;height:38px;border:1px solid #d8e7de;border-radius:11px;background:linear-gradient(145deg,#fff,#eaf3ed);box-shadow:0 8px 18px -14px #17392f}
.is-pos-flow>.sol-flow-group:last-child .sol-node .sol-icon{border-color:#e5d8e1;background:linear-gradient(145deg,#fff,#f3eaf1);color:var(--izb-plum-700)}
.is-pos-flow .sol-flow-arrow{position:relative;height:58px;color:var(--izb-plum-700)}
.is-pos-flow .sol-flow-arrow::before{content:"";position:absolute;top:2px;bottom:2px;left:50%;width:1px;background:linear-gradient(180deg,#7da28f59,#8d567ca8)}
.is-pos-flow .sol-flow-arrow::after{content:"";position:absolute;top:9px;left:calc(50% - 3px);z-index:3;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:var(--izb-lime-300);box-shadow:0 0 0 4px #c4e08a20,0 0 12px #95bd49a3;opacity:0}
.is-pos-flow .sol-flow-arrow .izb-icon{position:relative;z-index:2;box-sizing:border-box;width:34px;height:34px;padding:8px;border:1px solid #ffffffd9;border-radius:50%;background:#fffffff2;box-shadow:0 8px 18px -12px #17231e99;color:var(--izb-plum-700);backdrop-filter:blur(8px)}
.is-pos-flow .sol-core{min-height:190px;padding:27px 24px;overflow:hidden;border:1px solid #8bb4a155;border-radius:24px;background:radial-gradient(circle at 18% 12%,#56817278 0,#56817200 34%),radial-gradient(circle at 94% 105%,#805a795c 0,#805a7900 40%),linear-gradient(145deg,#2c5d50,#183a31 74%);box-shadow:inset 0 1px 0 #ffffff24,0 22px 48px -26px #0b2921b8,0 0 0 6px #2f5e5208;color:#fff}
.is-pos-flow .sol-core::before{content:"";position:absolute;right:-48px;bottom:-72px;width:190px;height:190px;border:1px solid #d3ef9e24;border-radius:50%;box-shadow:0 0 0 25px #d3ef9e0a,0 0 0 50px #d3ef9e08;pointer-events:none}
.is-pos-flow .sol-core::after{content:"";position:absolute;top:0;left:-45%;width:32%;height:100%;background:linear-gradient(90deg,#ffffff00,#ffffff0e,#ffffff00);transform:skewX(-18deg);pointer-events:none}
.is-pos-flow .sol-core>*{position:relative;z-index:1}
.is-pos-flow .sol-core .sol-icon{width:54px;height:54px;margin-bottom:10px;border:1px solid #d7f1a13d;background:linear-gradient(145deg,#ffffff1d,#bede8312);box-shadow:inset 0 1px 0 #ffffff20,0 12px 28px -18px #071c17;color:var(--izb-lime-300)}
.is-pos-flow .sol-core .sol-icon .izb-icon{width:25px;height:25px}
.is-pos-flow .sol-core strong{color:#fff;font-size:21px}
.is-pos-flow .sol-core small{color:#c8d9d0}
.is-pos-flow .sol-pill{border:1px solid #cbe99a2e;background:#c4e08a14;color:#ddf1bd}
.is-pos-flow .sol-pill::before{background:#c9eb91;box-shadow:0 0 10px #c9eb91}
@media (min-width:1100px){
 .sol-flow.is-pos-flow{grid-template-columns:minmax(0,.95fr) 72px minmax(248px,1.08fr) 72px minmax(0,.95fr);padding:38px}
 .is-pos-flow .sol-flow-label{justify-content:flex-start;margin-left:4px}
 .is-pos-flow .sol-node{width:100%;min-height:62px;padding-inline:10px 15px}
 .is-pos-flow .sol-flow-arrow{height:100%}
 .is-pos-flow .sol-flow-arrow::before{top:50%;right:0;bottom:auto;left:0;width:auto;height:1px;background:linear-gradient(90deg,#7da28f59,#8d567ca8)}
 .is-pos-flow .sol-flow-arrow::after{top:calc(50% - 3px);left:9px}
 .is-pos-flow .sol-flow-arrow .izb-icon{transform:none}
 .is-pos-flow .sol-core{min-height:226px;padding:34px 26px}
}

@media (prefers-reduced-motion:no-preference){
 .sol-product-visual.motion-reveal .sol-pv-window{opacity:0;transform:translateY(10px) scale(.985);transition:opacity .5s var(--izb-ease),transform .62s var(--izb-ease)}
 .sol-product-visual.motion-reveal .sol-pv-identity,.sol-product-visual.motion-reveal .sol-pv-list li{opacity:0;transform:translateY(7px);transition:opacity .38s var(--izb-ease),transform .46s var(--izb-ease)}
 .sol-product-visual.motion-reveal.is-revealed .sol-pv-window,.sol-product-visual.motion-reveal.is-revealed .sol-pv-identity,.sol-product-visual.motion-reveal.is-revealed .sol-pv-list li{opacity:1;transform:none}
 .sol-product-visual.motion-reveal .sol-pv-identity{transition-delay:.12s}.sol-product-visual.motion-reveal .sol-pv-list li:nth-child(1){transition-delay:.18s}.sol-product-visual.motion-reveal .sol-pv-list li:nth-child(2){transition-delay:.24s}.sol-product-visual.motion-reveal .sol-pv-list li:nth-child(3){transition-delay:.3s}
 .sol-pos-visual.motion-reveal.is-revealed .sol-pos-stage{animation:sol-pos-stage-in .78s .06s var(--izb-ease) both}
 .sol-pos-visual.motion-reveal.is-revealed .sol-pos-amount strong{animation:sol-pos-value-in .44s .42s var(--izb-ease) both}
 .sol-pos-visual.motion-reveal.is-revealed .sol-pos-route>span{transform-origin:left;animation:sol-pos-route-draw .52s .52s var(--izb-ease) both}
 .sol-pos-visual.motion-reveal.is-revealed .sol-pos-route>b{animation:sol-pos-route-pop .42s .68s var(--izb-ease) both}
 .sol-pos-visual.motion-reveal.is-revealed .sol-pos-route>i{animation:sol-pos-packet 1.15s .86s ease-in-out 2}
 .sol-pos-visual.motion-reveal.is-revealed .sol-pos-sync li{animation:sol-pos-card-in .5s calc(.78s + var(--item-index) * .11s) var(--izb-ease) both}
 .sol-pos-visual.motion-reveal.is-revealed .sol-pos-sync li::after{animation:sol-pos-card-sheen .72s calc(1.18s + var(--item-index) * .12s) var(--izb-ease) both}
 .sol-pos-visual.motion-reveal.is-revealed .sol-pos-status::after{animation:sol-pos-status-sheen .8s 1.08s var(--izb-ease) both}
 .sol-pos-visual.motion-reveal.is-revealed .sol-pos-top i,.sol-pos-visual.motion-reveal.is-revealed .sol-pos-sync-state i{animation:sol-pos-dot .72s .9s ease-in-out 2}
 .sol-pos-visual.motion-reveal.is-revealed .sol-pos-progress i::after{animation:sol-pos-progress .5s calc(.88s + var(--progress-index,0) * .12s) var(--izb-ease) both}
 .sol-pos-progress i:nth-child(2){--progress-index:1}.sol-pos-progress i:nth-child(3){--progress-index:2}
 @keyframes sol-pos-stage-in{from{opacity:0;transform:translate3d(-12px,18px,0) rotate(-1.5deg) scale(.965)}to{opacity:1;transform:none}}
 @keyframes sol-pos-value-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
 @keyframes sol-pos-route-draw{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
 @keyframes sol-pos-route-pop{from{opacity:0;transform:translateX(-8px) scale(.72)}to{opacity:1;transform:none}}
 @keyframes sol-pos-packet{0%{opacity:0;transform:translateX(-16px) scale(.65)}18%,78%{opacity:1}100%{opacity:0;transform:translateX(16px) scale(1)}}
 @keyframes sol-pos-card-in{from{opacity:0;transform:translate3d(14px,0,0) scale(.98)}to{opacity:1;transform:none}}
 @keyframes sol-pos-card-sheen{from{opacity:0;transform:translateX(-70%)}35%{opacity:.5}to{opacity:0;transform:translateX(70%)}}
 @keyframes sol-pos-status-sheen{from{transform:translateX(-160%) skewX(-18deg)}to{transform:translateX(760%) skewX(-18deg)}}
 @keyframes sol-pos-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.72)}}
 @keyframes sol-pos-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

 .is-pos-flow.motion-reveal .sol-node,.is-pos-flow.motion-reveal .sol-core,.is-pos-flow.motion-reveal .sol-flow-arrow{opacity:0;transition:opacity .38s var(--izb-ease),transform .52s var(--izb-ease)}
 .is-pos-flow.motion-reveal .sol-node{transform:translateY(10px)}
 .is-pos-flow.motion-reveal .sol-core{transform:translateY(12px) scale(.98)}
 .is-pos-flow.motion-reveal .sol-flow-arrow{transform:scale(.72)}
 .is-pos-flow.motion-reveal.is-revealed .sol-node,.is-pos-flow.motion-reveal.is-revealed .sol-core,.is-pos-flow.motion-reveal.is-revealed .sol-flow-arrow{opacity:1;transform:none}
 .is-pos-flow.motion-reveal>.sol-flow-group:first-child .sol-node:nth-child(1){transition-delay:0ms}
 .is-pos-flow.motion-reveal>.sol-flow-group:first-child .sol-node:nth-child(2){transition-delay:70ms}
 .is-pos-flow.motion-reveal>.sol-flow-group:first-child .sol-node:nth-child(3){transition-delay:140ms}
 .is-pos-flow.motion-reveal>.sol-flow-arrow:first-of-type{transition-delay:210ms}
 .is-pos-flow.motion-reveal>.sol-core{transition-delay:280ms}
 .is-pos-flow.motion-reveal>.sol-flow-arrow:last-of-type{transition-delay:380ms}
 .is-pos-flow.motion-reveal>.sol-flow-group:last-child .sol-node:nth-child(1){transition-delay:460ms}
 .is-pos-flow.motion-reveal>.sol-flow-group:last-child .sol-node:nth-child(2){transition-delay:530ms}
 .is-pos-flow.motion-reveal>.sol-flow-group:last-child .sol-node:nth-child(3){transition-delay:600ms}
 .is-pos-flow.motion-reveal.is-revealed .sol-flow-arrow::after{animation:sol-flow-packet-y .9s .72s ease-in-out 2}
 .is-pos-flow.motion-reveal.is-revealed .sol-core::after{animation:sol-core-sheen .9s .65s var(--izb-ease) both}
 @keyframes sol-flow-packet-y{0%{opacity:0;transform:translateY(-13px) scale(.7)}18%,78%{opacity:1}100%{opacity:0;transform:translateY(25px) scale(1)}}
 @keyframes sol-core-sheen{from{transform:translateX(0) skewX(-18deg)}to{transform:translateX(520%) skewX(-18deg)}}
 @media (min-width:1100px){
  .is-pos-flow.motion-reveal>.sol-flow-group:first-child .sol-node{transform:translateX(-12px)}
  .is-pos-flow.motion-reveal>.sol-flow-group:last-child .sol-node{transform:translateX(12px)}
  .is-pos-flow.motion-reveal.is-revealed .sol-node{transform:none}
  .is-pos-flow.motion-reveal.is-revealed .sol-flow-arrow::after{animation-name:sol-flow-packet-x}
  @keyframes sol-flow-packet-x{0%{opacity:0;transform:translateX(-2px) scale(.7)}18%,78%{opacity:1}100%{opacity:0;transform:translateX(47px) scale(1)}}
 }
}

/* ---------- 5 · Steps (the one dark band) ---------- */
.sol-steps{background:var(--izb-forest-900);color:var(--izb-on-dark)}
.sol-steps .sol-grid{row-gap:40px}
.sol-steps-head,.sol-steps ol{grid-column:1/-1}
.sol-steps h2,.sol-steps h3{color:var(--izb-on-dark)}
.sol-steps :where(p){color:var(--izb-on-dark-muted)}
.sol-steps-head p{margin-top:16px;max-width:44ch}
.sol-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:16px;padding:24px 0;border-top:1px solid var(--sol-line-dark)}
.sol-steps li:first-child{padding-top:0;border-top:0}
.sol-steps li h3{padding-top:4px}
.sol-step-no{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--izb-radius-md);background:#ffffff0f;box-shadow:inset 0 0 0 1px var(--sol-line-dark);font:600 14px/1 var(--izb-font);color:var(--izb-lime-300);font-variant-numeric:tabular-nums}
.sol-steps li p{margin-top:6px;max-width:56ch}
.sol-steps li a{color:var(--izb-on-dark);text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:3px}
.sol-steps li a:hover{text-decoration-color:currentColor}
.sol-steps :where(a):focus-visible{box-shadow:0 0 0 2px var(--izb-forest-900),0 0 0 4px var(--izb-lime-300)}
@media (min-width:768px){
 .sol-steps li{grid-template-columns:40px minmax(0,1fr);column-gap:20px;padding:28px 0}
 .sol-steps li h3{padding-top:7px}
 .sol-step-no{width:40px;height:40px;font-size:15px}
}
@media (min-width:1100px){
 .sol-steps-head{grid-column:1/span 4}
 .sol-steps ol{grid-column:6/-1}
}

/* ---------- 6 · Related ---------- */
.sol-tiles{display:grid;overflow:hidden;border:1px solid var(--izb-line);border-radius:var(--izb-radius-lg);background:var(--izb-surface)}
.sol-tiles li+li{border-top:1px solid var(--izb-line)}
.sol-tile{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;column-gap:16px;min-height:72px;padding:16px;color:var(--izb-ink);text-decoration:none;transition:border-color .2s}
.sol-tile strong{display:block;font:600 16px/22px var(--izb-font);color:var(--izb-ink)}
.sol-tile small{display:block;margin-top:2px;overflow:hidden;font-size:14px;line-height:20px;color:var(--izb-ink-muted);white-space:nowrap;text-overflow:ellipsis}
.sol-tile>.izb-icon{width:16px;height:16px;color:var(--izb-ink-faint);transition:transform .2s var(--izb-ease),color .2s}
.sol-tile:hover .sol-icon{background:var(--izb-forest-700);color:var(--izb-on-dark);box-shadow:inset 0 0 0 1px var(--izb-forest-700)}
.sol-tile:hover>.izb-icon{color:var(--izb-forest-700);transform:translateX(2px)}
/* phones: the grouped list clips outer rings, so the focus ring is drawn inside the row */
@media (max-width:767px){.sol-tiles .sol-tile:focus-visible{border-radius:0;box-shadow:inset 0 0 0 2px var(--izb-forest-700)}.sol-tiles li:first-child .sol-tile:focus-visible{border-radius:11px 11px 0 0}.sol-tiles li:last-child .sol-tile:focus-visible{border-radius:0 0 11px 11px}.sol-tiles li:only-child .sol-tile:focus-visible{border-radius:11px}}
@media (min-width:768px){
 .sol-tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;overflow:visible;border:0;border-radius:0;background:none}
 .sol-tiles li+li{border-top:0}
 .sol-tile{height:100%;min-height:88px;padding:20px;border:1px solid var(--izb-line);border-radius:var(--izb-radius-lg);background:var(--izb-surface)}
 .sol-tile:hover{border-color:var(--izb-forest-100)}
 .sol-tiles[data-count="3"] li:last-child{grid-column:1/-1}
}
@media (min-width:1100px){
 .sol-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
 .sol-tiles[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sol-tiles[data-count="3"] li:last-child{grid-column:auto}
 .sol-tiles[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Product landing card system: editorial features, a connected process stage and interactive related links. */
.sol-product .sol-features{gap:12px;overflow:visible;border-radius:0;background:none}
.sol-product .sol-feature{
 position:relative;isolation:isolate;overflow:hidden;padding:20px;border:1px solid #e0e7e1;border-radius:18px;
 background:radial-gradient(circle at 100% 0,#e4f0dc99 0,transparent 35%),linear-gradient(145deg,#fafcf9,#f4f7f2);
 box-shadow:inset 0 1px 0 #fff,0 1px 2px #163d3308,0 18px 40px -34px #163d3342
}
.sol-product .sol-feature+.sol-feature{border-top:1px solid #e0e7e1}
.sol-product .sol-feature .sol-icon{margin-bottom:0;background:linear-gradient(145deg,#fff,#eaf3e7);box-shadow:inset 0 0 0 1px #d9e7d8,0 8px 18px -15px #17392f}
.sol-product .sol-sunken .sol-feature{background:radial-gradient(circle at 100% 0,#eee4eb8a 0,transparent 34%),linear-gradient(145deg,#fff,#fafbf9)}

.sol-product .sol-flow:not(.is-pos-flow){
 position:relative;isolation:isolate;gap:10px;padding:22px;overflow:hidden;border:1px solid #dfe8e2;border-radius:24px;
 background:radial-gradient(circle at 7% 12%,#dff1e5 0,transparent 28%),radial-gradient(circle at 96% 88%,#eadde75c 0,transparent 31%),linear-gradient(145deg,#fbfdfb,#f7f8f6 58%,#f8f3f6);
 box-shadow:inset 0 1px 0 #fff,0 28px 64px -48px #15372d70
}
.sol-product .sol-flow:not(.is-pos-flow)::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#2f5e5208 1px,transparent 1px),linear-gradient(90deg,#2f5e5208 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse,#000 4%,transparent 72%);mask-image:radial-gradient(ellipse,#000 4%,transparent 72%);pointer-events:none}
.sol-product .sol-flow:not(.is-pos-flow)>*{position:relative;z-index:1}
.sol-product .sol-flow:not(.is-pos-flow) .sol-flow-label{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:12px;font:750 11px/16px var(--izb-font);letter-spacing:.075em;text-transform:uppercase;color:#496258}
.sol-product .sol-flow:not(.is-pos-flow) .sol-flow-label::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--izb-lime-500);box-shadow:0 0 0 4px #95bd4918}
.sol-product .sol-flow:not(.is-pos-flow)>.sol-flow-group:last-child .sol-flow-label::before{background:#9f7193;box-shadow:0 0 0 4px #9f719318}
.sol-product .sol-flow:not(.is-pos-flow) .sol-node{min-height:56px;padding:8px 14px 8px 9px;border:1px solid #e0e8e2;border-radius:15px;background:linear-gradient(135deg,#fffffffa,#f9fcfae8);box-shadow:inset 0 1px 0 #fff,0 12px 28px -25px #17392f85;backdrop-filter:blur(8px)}
.sol-product .sol-flow:not(.is-pos-flow) .sol-node .sol-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#fff,#eaf3ed);box-shadow:inset 0 0 0 1px #d8e7de,0 8px 18px -15px #17392f}
.sol-product .sol-flow:not(.is-pos-flow)>.sol-flow-group:last-child .sol-node .sol-icon{background:linear-gradient(145deg,#fff,#f3eaf1);box-shadow:inset 0 0 0 1px #e5d8e1,0 8px 18px -15px #513047;color:var(--izb-plum-700)}
.sol-product .sol-flow:not(.is-pos-flow) .sol-flow-arrow{position:relative;height:52px;color:var(--izb-plum-700)}
.sol-product .sol-flow:not(.is-pos-flow) .sol-flow-arrow::before{content:"";position:absolute;top:2px;bottom:2px;left:50%;width:1px;background:linear-gradient(180deg,#7da28f59,#8d567ca8)}
.sol-product .sol-flow:not(.is-pos-flow) .sol-flow-arrow .izb-icon{position:relative;z-index:2;box-sizing:border-box;width:34px;height:34px;padding:8px;border:1px solid #ffffffd9;border-radius:50%;background:#fffffff2;box-shadow:0 8px 18px -12px #17231e99;color:var(--izb-plum-700);backdrop-filter:blur(8px)}
.sol-product .sol-flow:not(.is-pos-flow) .sol-core{min-height:176px;padding:28px 24px;overflow:hidden;border:1px solid #8bb4a155;border-radius:22px;background:radial-gradient(circle at 18% 12%,#56817278 0,transparent 34%),radial-gradient(circle at 94% 105%,#805a795c 0,transparent 40%),linear-gradient(145deg,#2c5d50,#183a31 74%);box-shadow:inset 0 1px 0 #ffffff24,0 22px 48px -26px #0b2921b8;color:#fff}
.sol-product .sol-flow:not(.is-pos-flow) .sol-core .sol-icon{width:54px;height:54px;border:1px solid #d7f1a13d;background:linear-gradient(145deg,#ffffff1d,#bede8312);box-shadow:inset 0 1px 0 #ffffff20,0 12px 28px -18px #071c17;color:var(--izb-lime-300)}
.sol-product .sol-flow:not(.is-pos-flow) .sol-core strong{color:#fff;font-size:21px}
.sol-product .sol-flow:not(.is-pos-flow) .sol-core small{color:#c8d9d0}
.sol-product .sol-flow:not(.is-pos-flow) .sol-pill{border:1px solid #cbe99a2e;background:#c4e08a14;color:#ddf1bd}
.sol-product .sol-flow:not(.is-pos-flow) .sol-pill::before{background:#c9eb91;box-shadow:0 0 10px #c9eb91}

.sol-product .sol-steps ol{display:grid;gap:12px}
.sol-product .sol-steps li,.sol-product .sol-steps li:first-child{padding:20px;border:1px solid #ffffff19;border-radius:18px;background:linear-gradient(145deg,#ffffff0c,#ffffff06);box-shadow:inset 0 1px 0 #ffffff0c,0 18px 40px -34px #061713}
.sol-product .sol-step-no{border-radius:11px;background:#c4e08a12;box-shadow:inset 0 0 0 1px #c4e08a30;color:#d5eea5}

.sol-product .sol-tiles{gap:10px;overflow:visible;border:0;border-radius:0;background:none}
.sol-product .sol-tiles li+li{border-top:0}
.sol-product .sol-tile{position:relative;isolation:isolate;overflow:hidden;min-height:84px;padding:17px;border:1px solid #e0e7e1;border-radius:18px;background:radial-gradient(circle at 100% 0,#e4f0dc80 0,transparent 38%),linear-gradient(145deg,#fff,#f9fbf8);box-shadow:inset 0 1px 0 #fff,0 1px 2px #163d3308,0 18px 38px -34px #163d334a;transition:transform .28s var(--izb-ease),border-color .22s var(--izb-ease),background-color .22s var(--izb-ease),box-shadow .28s var(--izb-ease)}
.sol-product .sol-tile>.izb-icon{width:30px;height:30px;padding:7px;border:1px solid #e1e7e2;border-radius:50%;background:#ffffffd9;color:var(--izb-plum-700);box-sizing:border-box}
@media (max-width:767px){.sol-product .sol-tiles .sol-tile:focus-visible{border-radius:18px;box-shadow:var(--izb-focus-ring),0 18px 38px -30px #163d3352}}
@media (min-width:768px){
 .sol-product .sol-features{gap:18px}
 .sol-product .sol-feature{display:flex;padding:28px}
 .sol-product .sol-feature .sol-icon{margin-bottom:20px}
 .sol-product .sol-flow:not(.is-pos-flow){padding:30px}
 .sol-product .sol-steps li,.sol-product .sol-steps li:first-child{padding:24px}
 .sol-product .sol-tiles{gap:16px}
 .sol-product .sol-tile{min-height:100px;padding:20px}
}
@media (min-width:1100px){
 .sol-product .sol-flow:not(.is-pos-flow){padding:36px}
 .sol-product .sol-flow:not(.is-pos-flow) .sol-flow-label{justify-content:flex-start;margin-left:4px}
 .sol-product .sol-flow:not(.is-pos-flow) .sol-flow-arrow{height:100%}
 .sol-product .sol-flow:not(.is-pos-flow) .sol-flow-arrow::before{top:50%;right:0;bottom:auto;left:0;width:auto;height:1px;background:linear-gradient(90deg,#7da28f59,#8d567ca8)}
 .sol-product .sol-flow:not(.is-pos-flow) .sol-flow-arrow .izb-icon{transform:none}
 .sol-product .sol-flow:not(.is-pos-flow) .sol-core{min-height:214px;padding:32px 26px}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .sol-product .sol-tile:hover{border-color:var(--izb-forest-100);background-color:#fbfdf9;box-shadow:inset 0 1px 0 #fff,0 16px 34px -24px #163d3359;transform:translateY(-3px)}
 .sol-product .sol-tile:hover>.izb-icon{transform:translateX(4px)}
}

@media (prefers-reduced-motion:no-preference){
 .sol-product [data-sol-reveal].motion-reveal,.sol-product [data-sol-flow-motion].motion-reveal{opacity:1;transform:none}
 .sol-product .sol-difference-shell.motion-reveal .sol-difference-intro,
 .sol-product .sol-difference-shell.motion-reveal .sol-difference-points li,
 .sol-product .sol-features.motion-reveal .sol-feature,
 .sol-product .sol-steps ol.motion-reveal li,
 .sol-product .sol-tiles.motion-reveal li{opacity:0;transform:translateY(10px);transition:opacity .44s var(--izb-ease),transform .48s var(--izb-ease)}
 .sol-product .sol-difference-shell.motion-reveal.is-revealed .sol-difference-intro,
 .sol-product .sol-difference-shell.motion-reveal.is-revealed .sol-difference-points li,
 .sol-product .sol-features.motion-reveal.is-revealed .sol-feature,
 .sol-product .sol-steps ol.motion-reveal.is-revealed li,
 .sol-product .sol-tiles.motion-reveal.is-revealed li{opacity:1;transform:none}
 .sol-product .sol-difference-shell.motion-reveal .sol-difference-points li:nth-child(1),.sol-product .sol-features.motion-reveal .sol-feature:nth-child(1),.sol-product .sol-steps ol.motion-reveal li:nth-child(1),.sol-product .sol-tiles.motion-reveal li:nth-child(4n+1){transition-delay:60ms}
 .sol-product .sol-difference-shell.motion-reveal .sol-difference-points li:nth-child(2),.sol-product .sol-features.motion-reveal .sol-feature:nth-child(2),.sol-product .sol-steps ol.motion-reveal li:nth-child(2),.sol-product .sol-tiles.motion-reveal li:nth-child(4n+2){transition-delay:120ms}
 .sol-product .sol-difference-shell.motion-reveal .sol-difference-points li:nth-child(3),.sol-product .sol-features.motion-reveal .sol-feature:nth-child(3),.sol-product .sol-steps ol.motion-reveal li:nth-child(3),.sol-product .sol-tiles.motion-reveal li:nth-child(4n+3){transition-delay:180ms}
 .sol-product .sol-difference-shell.motion-reveal .sol-difference-points li:nth-child(4),.sol-product .sol-features.motion-reveal .sol-feature:nth-child(4),.sol-product .sol-steps ol.motion-reveal li:nth-child(4),.sol-product .sol-tiles.motion-reveal li:nth-child(4n){transition-delay:240ms}
 .sol-product .sol-features.motion-reveal .sol-feature:nth-child(5){transition-delay:300ms}
 .sol-product .sol-features.motion-reveal .sol-feature:nth-child(6){transition-delay:360ms}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal{opacity:1;transform:none}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal .sol-node,
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal .sol-core,
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal .sol-flow-arrow{opacity:0;transform:translateY(9px);transition:opacity .4s var(--izb-ease),transform .52s var(--izb-ease)}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal.is-revealed .sol-node,
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal.is-revealed .sol-core,
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal.is-revealed .sol-flow-arrow{opacity:1;transform:none}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal>.sol-flow-group:first-child .sol-node:nth-child(1){transition-delay:40ms}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal>.sol-flow-group:first-child .sol-node:nth-child(2){transition-delay:100ms}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal>.sol-flow-group:first-child .sol-node:nth-child(3){transition-delay:160ms}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal>.sol-flow-arrow:first-of-type{transition-delay:200ms}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal>.sol-core{transition-delay:260ms}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal>.sol-flow-arrow:last-of-type{transition-delay:360ms}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal>.sol-flow-group:last-child .sol-node:nth-child(1){transition-delay:420ms}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal>.sol-flow-group:last-child .sol-node:nth-child(2){transition-delay:480ms}
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal>.sol-flow-group:last-child .sol-node:nth-child(3){transition-delay:540ms}
 @media (min-width:1100px){
  .sol-product .sol-flow:not(.is-pos-flow).motion-reveal>.sol-flow-group:first-child .sol-node{transform:translateX(-10px)}
  .sol-product .sol-flow:not(.is-pos-flow).motion-reveal>.sol-flow-group:last-child .sol-node{transform:translateX(10px)}
  .sol-product .sol-flow:not(.is-pos-flow).motion-reveal.is-revealed>.sol-flow-group .sol-node{transform:none}
 }
}

/* ---------- 7 · FAQ ---------- */
.sol-faq .sol-grid{row-gap:40px}
.sol-faq-intro,.sol-faq-list{grid-column:1/-1}
.sol-faq-intro>p{margin-top:16px}
.sol-note{margin-top:24px;padding-top:24px;border-top:1px solid var(--izb-line);font-size:14px;line-height:1.55}
.sol-note a{color:var(--izb-forest-700);text-decoration:underline;text-underline-offset:3px}
.sol-tool{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;margin-top:24px;padding:20px;border:1px solid transparent;border-radius:var(--izb-radius-lg);background:var(--izb-surface-sunken);color:var(--izb-ink);text-decoration:none;transition:border-color .2s}
.sol-tool:hover{border-color:var(--izb-forest-100)}
.sol-tool strong{display:block;font:600 16px/22px var(--izb-font);text-wrap:pretty}
.sol-tool small{display:block;margin-top:4px;font-size:14px;line-height:20px;color:var(--izb-ink-muted)}
.sol-tool-cta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font:600 15px/20px var(--izb-font);color:var(--izb-forest-700)}
.sol-tool-cta .izb-icon{width:16px;height:16px;transition:transform .2s var(--izb-ease)}
.sol-tool:hover .sol-tool-cta .izb-icon{transform:translateX(2px)}
.sol-faq-list details{border-bottom:1px solid var(--izb-line)}
.sol-faq-list details:first-child{border-top:1px solid var(--izb-line)}
.sol-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:18px 0;list-style:none;cursor:pointer;font:600 17px/1.4 var(--izb-font);color:var(--izb-ink)}
.sol-faq-list summary::-webkit-details-marker{display:none}
.sol-faq-list summary::before,.sol-faq-list summary::after{content:none}
.sol-faq-list summary:hover{color:var(--izb-forest-700)}
.sol-faq-list summary>span{text-wrap:balance}
.sol-faq-list summary .izb-icon{color:var(--izb-ink-muted);transition:transform .2s var(--izb-ease)}
.sol-faq-list details[open]>summary .izb-icon{transform:rotate(180deg)}
.sol-faq-list details>div{padding:0 0 24px}
.sol-faq-list details p{max-width:62ch;font-size:15px;line-height:1.65}
.sol-faq-all{margin-top:16px}
@media (min-width:768px){
 .sol-faq-list summary{min-height:72px;padding:20px 0;font-size:18px}
 .sol-faq-list details>div{padding-right:56px}
 .sol-faq-list details p{font-size:16px}
}
@media (min-width:1100px){
 .sol-faq-intro{grid-column:1/span 4;align-self:start;position:sticky;top:var(--sol-sticky-top)}
 .sol-faq-list{grid-column:6/-1}
}

/* ---------- 8 · Conversion + callback ---------- */
.sol-convert .sol-grid{row-gap:40px}
.sol-convert-copy,.sol-convert-form{grid-column:1/-1}
.sol-convert-form{max-width:560px}
.sol-convert-copy>p{margin-top:16px;max-width:48ch;font-size:16px}
.sol-tel{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:600 16px/20px var(--izb-font);color:var(--izb-ink);text-decoration:none;font-variant-numeric:tabular-nums}
.sol-tel .izb-icon{color:var(--izb-forest-700)}
.sol-tel small{font:500 14px/20px var(--izb-font);color:var(--izb-ink-muted)}
.sol-price{max-width:48ch;margin-top:24px;padding-top:20px;border-top:1px solid var(--izb-line)}
.sol-price p{font-size:14px;line-height:20px}
.sol-price p strong{color:var(--izb-ink)}
.sol-price .sol-link{margin-top:4px}
.sol-callback{padding:24px 20px;border:1px solid var(--izb-line);border-radius:var(--izb-radius-xl);background:var(--izb-surface)}
.sol-callback h3{font-size:22px;line-height:28px}
.sol-callback>p{margin-top:8px;font-size:15px;line-height:1.6}
.sol-callback>p strong{color:var(--izb-ink)}
.sol-callback form{display:grid;margin-top:24px}
.sol-field-label{margin-bottom:8px;font:600 14px/20px var(--izb-font);color:var(--izb-ink)}
.sol-email-label{margin-top:16px}
.sol-field{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border:1px solid var(--izb-ink-faint);border-radius:var(--izb-radius-md);background:var(--izb-surface);transition:border-color .15s,box-shadow .15s}
.sol-field .izb-icon{width:18px;height:18px;color:var(--izb-ink-faint)}
.sol-field input{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:none;font:500 16px/1 var(--izb-font);color:var(--izb-ink);outline:none}
.sol .sol-field input:focus-visible{box-shadow:none}
.sol-field input::placeholder{color:var(--izb-ink-muted);opacity:1}
.sol-field:focus-within{border-color:var(--izb-forest-700);box-shadow:0 0 0 3px #2f5e5233}
.sol-field:has(input[aria-invalid="true"]){border-color:var(--izb-plum-700)}
.sol-hint{margin-top:8px;font-size:13px;line-height:18px}
.sol-consent{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;margin-top:8px;font-size:14px;line-height:20px;color:var(--izb-ink-muted)}
.sol-consent label{display:inline-flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}
.sol-consent input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--izb-forest-700)}
.sol-consent a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--izb-forest-700);text-decoration:underline;text-underline-offset:3px}
.sol-callback .izi-captcha{margin-top:8px}
.sol-submit{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:12px;padding:0 20px;border:0;border-radius:var(--izb-radius-md);background:var(--izb-forest-900);color:var(--izb-on-dark);font:600 15px/20px var(--izb-font);cursor:pointer;transition:background .2s}
.sol-submit:hover{background:var(--izb-forest-700)}
.sol-notice{margin-top:16px;padding:12px 16px;border-radius:var(--izb-radius-md);background:var(--izb-forest-50);font-size:14px;line-height:20px;color:var(--izb-ink)}
.sol-notice.is-error{background:#f7f1f5;color:var(--izb-plum-700)}
@media (min-width:768px){
 .sol-convert-copy>p{font-size:17px}
 .sol-callback{padding:32px}
 .sol-callback h3{font-size:24px;line-height:30px}
}
@media (min-width:1100px){
 .sol-convert-copy{grid-column:1/span 6;align-self:center}
 .sol-convert-form{grid-column:8/-1;max-width:none}
}

/* ---------- 9 · Action dock: whenever the header CTA is hidden (<1200) ---------- */
.sol-dock{position:fixed;inset:auto 0 0;z-index:30;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--izb-surface);box-shadow:0 -1px 0 var(--izb-line),0 -16px 32px -16px #17231e33;transform:translateY(110%);visibility:hidden;transition:transform .25s var(--izb-ease),visibility 0s linear .25s}
.sol-dock.is-visible{transform:none;visibility:visible;transition:transform .25s var(--izb-ease)}
.sol-dock-inner{display:flex;align-items:center;gap:8px}
.sol-dock .izb-btn-primary{flex:1}
.sol-dock .izb-btn-tonal{width:48px;padding:0}
.sol-dock-name{display:none}
@media (min-width:768px){
 .sol-dock-inner{gap:12px}
 .sol-dock-name{display:flex;align-items:center;gap:12px;margin-right:auto;font:600 15px/20px var(--izb-font);color:var(--izb-ink)}
 .sol-dock .izb-btn-primary{flex:none}
}
@media (min-width:1200px){.sol-dock{display:none}}
/* keyboard focus never lands under the dock */
@media (max-width:1199px){html:has(.sol-dock){scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom))}}

/* ---------- page chrome on product pages ---------- */
.single-izi_solution .footer-newsletter,.single-izi_solution .footer-primary-cta{display:none}
@media (max-width:1199px){.single-izi_solution .izi-cookie-manage{display:none}}
/* one plum action per screen: a non-trial page demotes the header CTA to the header's own tonal style */
:is(.sol-cta-apply,.sol-cta-demo,.sol-cta-quote) .izb-nav-actions .izb-btn-primary{background:var(--izb-forest-50);color:var(--izb-forest-700);box-shadow:inset 0 0 0 1px var(--izb-forest-100)}
:is(.sol-cta-apply,.sol-cta-demo,.sol-cta-quote) .izb-nav-actions .izb-btn-primary:hover{background:var(--izb-forest-100);color:var(--izb-forest-700);box-shadow:inset 0 0 0 1px var(--izb-forest-100)}

@media (prefers-reduced-motion:reduce){
 .sol *,.sol *::before,.sol *::after{transition-duration:0s!important}
 .sol-product .motion-reveal{opacity:1!important;transform:none!important;animation:none!important}
 .sol-product .sol-difference-shell.motion-reveal :where(.sol-difference-intro,.sol-difference-points li),
 .sol-product .sol-features.motion-reveal .sol-feature,
 .sol-product .sol-steps ol.motion-reveal li,
 .sol-product .sol-tiles.motion-reveal li,
 .sol-product .sol-flow:not(.is-pos-flow).motion-reveal :where(.sol-node,.sol-core,.sol-flow-arrow){opacity:1!important;transform:none!important;animation:none!important}
 .sol-dock,.sol-dock.is-visible{transition:none}
}