/* Wird site layer v2 */
header{transition:box-shadow .25s}header.sc{box-shadow:0 6px 20px -14px rgba(14,23,48,.35)}
.eb{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--blue);margin-bottom:14px}
.eb:before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.head.c,.c{text-align:center}.head.c{margin-inline:auto}.head.c .eb{justify-content:center}
.ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#EEF2FF;color:var(--blue);margin-bottom:14px;flex:none}
.ic svg{width:20px;height:20px}
.hub a,.rel a,.plan{transition:border-color .2s,box-shadow .2s}
.hub a:hover,.rel a:hover{box-shadow:0 14px 30px -22px rgba(14,23,48,.45)}
.hub .more:after{content:" →"}html[dir=rtl] .hub .more:after{content:" ←"}
.rel a{display:flex;align-items:center;gap:12px}.rel a .ic{margin:0;width:36px;height:36px}.rel a .ic svg{width:18px;height:18px}
/* hero */
.hero2{position:relative;color:#fff;padding:0;overflow:hidden;background:#0B1330}
.hero2 picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero2:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,19,48,.94) 0%,rgba(11,19,48,.82) 45%,rgba(11,19,48,.45) 100%)}
html[dir=rtl] .hero2:after{background:linear-gradient(270deg,rgba(11,19,48,.94) 0%,rgba(11,19,48,.82) 45%,rgba(11,19,48,.45) 100%)}
.hero2 .w{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center;padding-top:96px;padding-bottom:96px}
.hero2 .eb{color:#9DB4FF}
.hero2 h1{color:#fff;font-size:clamp(34px,4vw,52px)}
.hero2 .sub{margin-top:20px;font-size:18.5px;color:#D3D9EA;max-width:620px}
.hero2 .cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.hero2 .btn-s{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.hero2 .btn-s:hover{border-color:#fff}
.hk{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;color:#D3D9EA}
.hk li{position:relative;padding-inline-start:22px}
.hk li:before{content:"";position:absolute;inset-inline-start:2px;top:.5em;width:10px;height:6px;border-left:2px solid #7FE0B0;border-bottom:2px solid #7FE0B0;transform:rotate(-45deg)}
/* ui cards */
.today{background:#fff;color:var(--ink);border-radius:16px;padding:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);font-size:14.5px}
.today .th{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.today .th b{display:block;font-size:15.5px}.today .th small{color:var(--slate);font-size:13px}
.today .av{width:38px;height:38px;border-radius:50%;background:#EEF2FF;color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800}
.today .ok{margin-inline-start:auto;font-size:12.5px;font-weight:700;color:#067647;background:#ECFDF3;border-radius:999px;padding:3px 10px}
.today .tr{margin-bottom:14px}.today .tl{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--slate)}.today .tl b{color:var(--ink)}
.today .bar{height:8px;border-radius:99px;background:#EEF0F5;overflow:hidden}.today .bar i{display:block;height:100%;border-radius:99px;background:var(--blue)}
.today .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.today .mini div{background:var(--paper);border-radius:10px;padding:10px;text-align:center}.today .mini b{display:block;font-size:20px}.today .mini span{font-size:12px;color:var(--slate);line-height:1.3;display:block}
.today .tf{margin-top:12px;font-size:12px;color:var(--slate)}
.today .note{background:var(--paper);border-radius:10px;padding:12px 14px;margin-top:4px}.today .note b{font-size:13.5px}.today .note p{font-size:13.5px;color:var(--slate);margin-top:2px}
/* type cards */
.tcs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .25s,border-color .25s}
.tc:hover{border-color:#C9D3F5;box-shadow:0 22px 40px -28px rgba(14,23,48,.5)}
.tc .ph{position:relative;aspect-ratio:3/2;overflow:hidden;background:#E9ECF3}
.tc .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.tc:hover .ph img{transform:scale(1.04)}
.tc .ic.b{position:absolute;bottom:-1px;inset-inline-start:18px;margin:0;width:40px;height:40px;border-radius:10px 10px 0 0;background:#fff}
.tc .bd{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.tc h3{font-size:18.5px;margin-bottom:6px}.tc p{color:var(--slate);font-size:15px;flex:1}
.tc .tg{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 16px}.tc .tg span{font-size:12.5px;font-weight:600;background:#F2F4F8;color:#3B4258;border-radius:999px;padding:3px 10px}
.tc .mo{font-weight:700;color:var(--blue);font-size:15px}.tc .mo:after{content:" →"}html[dir=rtl] .tc .mo:after{content:" ←"}
/* tour */
.tour .tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:36px}
.tour .tabs button{font:inherit;position:relative;display:flex;align-items:center;gap:8px;border:0;background:none;padding:14px 16px;font-weight:600;font-size:15.5px;color:var(--slate);cursor:pointer}
.tour .tabs button svg{width:18px;height:18px}.tour .tabs button:hover{color:var(--ink)}
.tour .tabs button.on{color:var(--blue)}.tour .tabs button.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue)}
.tour .pane{display:none;grid-template-columns:5fr 7fr;gap:56px;align-items:center}.tour .pane.on{display:grid}
.tour .pane h3{font-size:26px;margin-bottom:14px}.tour .pane .t p{color:var(--slate)}
.tour .frame{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(14,23,48,.45);background:#fff}
.tour .go{display:inline-flex;margin-top:26px;color:var(--blue);font-weight:700}.tour .go:after{content:"\00a0→"}html[dir=rtl] .tour .go:after{content:"\00a0←"}
.tour ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.tour li{padding-inline-start:28px;position:relative}
.tour li:before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:12px;height:7px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}
/* dark band */
.dark{background:#0E1730 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='2' cy='2' r='1.2' fill='%23ffffff' fill-opacity='.07'/%3E%3C/svg%3E");color:#fff}
.dark .w{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}
.dark .eb{color:#9DB4FF}.dark h2{color:#fff}.dark .lead{color:#AEB4C8;margin-top:14px;font-size:17.5px}
.roles{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}
.roles li{display:flex;gap:14px;align-items:flex-start}.roles b{display:block;font-size:16px}.roles span{color:#AEB4C8;font-size:14.5px}
.ic.d{background:rgba(157,180,255,.14);color:#B9C8FF;margin:0;width:40px;height:40px;border-radius:10px}
/* steps */
.st4{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.st4 li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 22px}
.st4 .n{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;margin-bottom:16px}
.st4 b{display:block;font-size:17px;margin-bottom:6px}.st4 p{color:var(--slate);font-size:15px}
/* faq boxed */
.faq{display:grid;gap:12px}
.faq details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 20px}
.faq details[open]{border-color:#C9D3F5}
.faq summary:after{content:"";width:9px;height:9px;border-right:2px solid var(--slate);border-bottom:2px solid var(--slate);transform:rotate(45deg);margin-top:6px;flex:none;transition:transform .2s}
.faq details[open] summary:after{content:"";transform:rotate(-135deg);margin-top:10px}
/* band */
.band{background:#0E1730 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='2' cy='2' r='1.2' fill='%23ffffff' fill-opacity='.07'/%3E%3C/svg%3E")}
/* pricing estimator */
.est{border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px 24px;margin-bottom:24px;display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center;max-width:720px}
.est label{font-weight:700;font-size:16px}.est output{font-weight:800;font-size:24px;color:var(--blue);text-align:end}
.est input{grid-column:1/-1;width:100%;accent-color:var(--blue);height:26px;cursor:pointer}
.est .msg{grid-column:1/-1;color:var(--slate);font-size:15px}.est .msg b{color:var(--ink)}
.plan.rec{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}
.mcta{display:none}
@media(max-width:980px){.hero2 .w,.dark .w{grid-template-columns:1fr;gap:40px}.hero2 .today{max-width:420px}.tcs{grid-template-columns:1fr 1fr}.st4{grid-template-columns:1fr 1fr}.tour .pane{grid-template-columns:1fr;gap:24px}.tour .tabs{flex-wrap:nowrap;overflow-x:auto}.tour .tabs button{flex:none}}
@media(max-width:620px){.hero2 .w{padding-top:64px;padding-bottom:64px}.hero2 .today{display:none}.tcs,.st4,.roles{grid-template-columns:1fr}
.mcta{display:flex;position:fixed;bottom:12px;left:12px;right:12px;z-index:30;gap:8px;transform:translateY(130%);transition:transform .3s}.mcta.on{transform:none}.mcta a{flex:1;box-shadow:0 10px 30px -10px rgba(14,23,48,.5)}}
.head .eb{color:var(--blue);font-size:14px;margin-top:0}
/* solution page photo hero */
.lpp{position:relative;color:#fff;background:#0B1330;overflow:hidden}
.lpp>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lpp:after{content:"";position:absolute;inset:0;background:rgba(11,19,48,.84)}
.lpp .w{position:relative;z-index:1}
.lpp h1{color:#fff}.lpp .sub{color:#D3D9EA}.lpp .crumb,.lpp .crumb a{color:#AEB8D6}
.lpp .btn-s{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.lpp .shot{border-color:rgba(255,255,255,.15);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.hub a.hp{padding:0;overflow:hidden;gap:0}.hub a.hp .pi{aspect-ratio:3/2;overflow:hidden;background:#E9ECF3}.hub a.hp .pi img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.hub a.hp:hover .pi img{transform:scale(1.04)}
.hub a.hp .bx{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}

.lpp .w1{position:relative;z-index:1}
.hubh.lpp{padding:88px 0 72px}.hubh.lpp .sub{max-width:640px}
.posts a.pp{padding:0;overflow:hidden;gap:0;transition:box-shadow .25s,border-color .25s}.posts a.pp:hover{box-shadow:0 18px 40px -24px rgba(14,23,48,.35)}
.posts a.pp .pi{aspect-ratio:16/9;overflow:hidden;background:#E9ECF3}.posts a.pp .pi img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.posts a.pp:hover .pi img{transform:scale(1.04)}
.posts a.pp .bx{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.art .cov{margin:32px 0 0;border-radius:16px;overflow:hidden;aspect-ratio:21/9;background:#E9ECF3}.art .cov img{width:100%;height:100%;object-fit:cover}
@media(max-width:620px){.art .cov{aspect-ratio:16/10;border-radius:12px}.hubh.lpp{padding:64px 0 52px}}

.art .hshot{margin:32px 0 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 24px 50px -30px rgba(14,23,48,.45)}
.art .hshot img{display:block;width:100%;height:auto}
.art .hshot figcaption{font-size:13.5px;color:var(--slate);padding:10px 16px;border-top:1px solid var(--line);background:var(--paper)}

.rcw{min-height:78px}.rcw:empty{min-height:0}