:root{--ink:#0c0c0d;--ink2:#55514a;--paper:#fff;--mist:#f6f2ea;--line:#e3dccd;--signal:#8a5a14;--signal-d:#6b440c;--rotor:#d2a163;--bubble:#f4ead9}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 "IBM Plex Sans Hebrew","IBM Plex Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 28px}
h1,h2,.price b,.brand{font-family:"Karantina","IBM Plex Sans Hebrew",sans-serif;font-weight:700;letter-spacing:.005em;line-height:.95;margin:0}
h1{font-size:clamp(46px,7.4vw,108px)}
h2{font-size:clamp(40px,5.2vw,68px);margin-bottom:18px}
h3{font-size:21px;line-height:1.3;margin:0 0 6px;font-weight:600}
p{margin:0 0 14px;max-width:62ch}
.top{display:flex;align-items:center;gap:26px;padding:20px 0}
.brand img{height:46px;width:auto;display:block}.brand.chip{background:#fff;border-radius:12px;padding:8px 14px;display:inline-flex}
.groups{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}.groups>div{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:26px}.groups h3{font-size:22px;margin:0 0 4px}.groups .k{color:var(--signal);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.groups ul{list-style:none;padding:0;margin:14px 0 0}.groups li{padding:10px 0;border-top:1px solid var(--line)}.groups li b{display:block}.groups li span{color:var(--ink2);font-size:16px}
.soon{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding:0;list-style:none}.soon li{border:1.5px dashed var(--ink2);border-radius:999px;padding:8px 16px;font-weight:500}
.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}.stages div{border-radius:14px;padding:16px 14px;color:#fff;font-weight:600}.stages div small{display:block;font-weight:400;opacity:.85;font-size:14px}.stages div:nth-child(1){background:#55514a}.stages div:nth-child(2){background:#8a5a14}.stages div:nth-child(3){background:#a36f22}.stages div:nth-child(4){background:#0c0c0d}
@media(max-width:860px){.groups{grid-template-columns:1fr}.stages{grid-template-columns:1fr 1fr}}
.brand{font-size:38px;text-decoration:none;display:flex;align-items:center;gap:10px}
.brand i{width:26px;height:26px;border-radius:50%;border:5px solid var(--ink);border-inline-end-color:var(--rotor);display:block}
.top nav{display:flex;gap:22px;margin-inline-start:auto;align-items:center;flex-wrap:wrap}
.top nav a{text-decoration:none;font-weight:500;font-size:16px}
.top nav a:hover{text-decoration:underline;text-underline-offset:5px}
.lang{border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:15px}
.btn{display:inline-block;background:var(--signal);color:#fff;text-decoration:none;font-weight:600;padding:14px 26px;border-radius:10px;font-size:18px;border:0}
.btn:hover{background:var(--signal-d)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn.small{padding:9px 18px;font-size:16px}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--rotor);outline-offset:3px}
.hero{display:grid;grid-template-columns:1.25fr .9fr;gap:56px;align-items:end;padding:44px 0 84px}
.hero .lead{font-size:22px;line-height:1.5;margin:26px 0 28px;color:var(--ink2)}
.hero .note{font-size:16px;color:var(--ink2);margin-top:16px}
.thread{background:var(--ink);border-radius:22px;padding:26px 22px 22px;display:flex;flex-direction:column;gap:12px}
.msg{max-width:86%;padding:12px 16px;border-radius:16px;font-size:17px;line-height:1.45}
.msg.in{background:#fff;align-self:flex-start;border-end-start-radius:4px}
.msg.out{background:var(--bubble);align-self:flex-end;border-end-end-radius:4px}
.msg.out::after{content:"✓✓";color:var(--signal);font-size:13px;margin-inline-start:8px;letter-spacing:-3px}

@keyframes pop{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.cap{font-size:15px;color:var(--ink2);margin-top:12px}
.film{width:100%;height:auto;display:block;border-radius:18px;border:2px solid var(--ink);background:#fff}
.board{background:var(--ink);border-radius:22px;padding:22px;color:#fff}
.board .head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.board .head strong{font-size:18px}
.board .count{font-family:"Karantina",sans-serif;font-size:44px;line-height:1;color:var(--rotor)}
.board .count small{font:400 14px "IBM Plex Sans Hebrew",sans-serif;color:#c6caee;margin-inline-start:8px}
.board .bar{height:8px;border-radius:99px;background:#2b2f5e;overflow:hidden;margin-bottom:16px}
.board .bar i{display:block;height:100%;width:0;background:var(--signal);border-radius:99px;animation:fill 7s ease-out .4s forwards}
.board .bubble{background:var(--bubble);color:var(--ink);border-radius:14px;border-end-end-radius:4px;padding:11px 14px;font-size:16px;line-height:1.45;margin-bottom:16px}
.board ul{list-style:none;margin:0;padding:0}
.board li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #2b2f5e;font-size:16px}
.board li span{font-size:14px;border-radius:99px;padding:2px 12px;position:relative;min-width:76px;text-align:center}
.board li span b{font-weight:500;display:block}
.board li span b + b,.board li span b + b + b{position:absolute;inset:0;padding:2px 12px;border-radius:99px;opacity:0}
.board li span b:nth-child(1){color:#9aa0d6}
.board li span b:nth-child(2){background:#2b2f5e;color:#fff;animation:show .01s linear forwards}
.board li span b:nth-child(3){background:var(--signal);color:#fff;animation:show .01s linear forwards}
@keyframes show{to{opacity:1}}
@keyframes fill{to{width:62%}}
@media (prefers-reduced-motion:reduce){.board .bar i{animation:none;width:62%}.board li span b:nth-child(3){animation:none;opacity:1}}
.band{background:var(--mist);padding:84px 0}
.plain{padding:84px 0}
.feat{display:grid;grid-template-columns:1fr 1.25fr;gap:52px;align-items:center}
.feat + .feat{margin-top:84px}
.feat.flip .txt{order:2}
.feat img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--line);box-shadow:0 24px 60px -30px rgba(20,23,58,.45)}
.feat p{color:var(--ink2)}
pre{margin:0;background:var(--ink);color:#e9ecff;padding:22px;border-radius:14px;font:14px/1.6 ui-monospace,Menlo,Consolas,monospace;overflow:auto;direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word}
.two{display:grid;grid-template-columns:1fr 1fr;gap:52px}
.steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:s;border-top:2px solid var(--ink)}
.steps li{counter-increment:s;padding:22px 22px 0 0;padding-inline:0 22px}
.steps li::before{content:counter(s);font-family:"Karantina",sans-serif;font-size:64px;line-height:1;color:var(--signal);display:block;margin-bottom:6px}
.steps p{color:var(--ink2);font-size:17px}
.rules{border-inline-start:6px solid var(--rotor);padding-inline-start:26px}
.plans{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);border-radius:16px;overflow:hidden;margin-top:28px}
.plans > div{padding:26px 22px;border-inline-start:1px solid var(--line)}
.plans > div:first-child{border-inline-start:0}
.plans .best{background:var(--ink);color:#fff}
.price b{font-size:64px;display:block;direction:ltr;unicode-bidi:isolate}
.price span{font-size:15px;color:var(--ink2)}
.best .price span,.best .sub{color:#c6caee}
.sub{font-size:15px;color:var(--ink2);margin-top:10px}
.tag{display:inline-block;background:var(--rotor);color:var(--ink);font-weight:600;font-size:14px;padding:3px 10px;border-radius:6px;margin-top:12px}
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.packs div{border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:#fff}
.packs b{font-size:26px;font-weight:600;direction:ltr;unicode-bidi:isolate;display:inline-block}
.pricebox{background:var(--ink);color:#fff;border-radius:22px;padding:34px}.pricebox h2{color:#fff;font-size:30px;margin:0 0 10px}.pricebox .big{font-family:"Karantina",sans-serif;font-size:92px;line-height:1;direction:ltr;unicode-bidi:isolate;display:inline-block;color:var(--rotor)}.pricebox .who{font-weight:600;margin-top:6px}.pricebox ul.check li{border-color:rgba(255,255,255,.16)}
.addon{border:2px solid var(--ink);border-radius:22px;padding:30px;background:#fff}.addon b{font-size:40px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.lead-form{background:#fff;border:2px solid var(--ink);border-radius:22px;padding:30px;display:grid;gap:14px}.lead-form label{font-weight:600;font-size:15px;display:grid;gap:6px}.lead-form input[type=text],.lead-form input[type=email],.lead-form input[type=tel],.lead-form input[type=number],.lead-form textarea{font:inherit;padding:13px 14px;border:1.5px solid #b9bdd6;border-radius:12px;background:#fff;color:var(--ink);width:100%;box-sizing:border-box}.lead-form input:focus,.lead-form textarea:focus{outline:3px solid var(--rotor);outline-offset:1px;border-color:var(--ink)}.lead-form .ck{display:flex;gap:10px;align-items:center;font-weight:500}.lead-form .ck input{width:20px;height:20px}.lead-form button{font:inherit;cursor:pointer;border:0}.lead-form .hp{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip-path:inset(50%)}.lead-form{position:relative}.form-msg{padding:14px 16px;border-radius:12px;background:var(--mist);font-weight:600}.form-msg.bad{background:#ffe9e6;color:#8a1c10}
ul.check{list-style:none;padding:0;margin:18px 0 26px}
ul.check li{padding:10px 0;border-bottom:1px solid var(--line);padding-inline-start:30px;position:relative}
ul.check li::before{content:"";position:absolute;inset-inline-start:2px;top:19px;width:14px;height:8px;border:3px solid var(--signal);border-top:0;border-inline-end:0;transform:rotate(-45deg)}
[dir=rtl] ul.check li::before{transform:scaleX(-1) rotate(-45deg)}
.legal{padding:54px 0 84px;max-width:760px}
.legal h1{font-size:clamp(48px,6vw,80px);margin-bottom:10px}
.legal h3{margin-top:28px}
.legal p{color:var(--ink2)}
.grid9{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:26px;border-top:2px solid var(--ink)}
.grid9 > div{padding:22px 24px 22px 0;padding-inline:0 24px;border-bottom:1px solid var(--line)}
.grid9 p{color:var(--ink2);font-size:16px;margin:0}
.faq{margin-top:22px;border-top:2px solid var(--ink);max-width:880px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:600;font-size:19px;display:flex;justify-content:space-between;gap:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:"Karantina",sans-serif;font-size:34px;line-height:.7;color:var(--signal)}
.faq details[open] summary::after{content:"\2212"}
.faq p{color:var(--ink2);padding-bottom:18px;margin:0}
footer{background:var(--ink);color:#c6caee;padding:64px 0 32px;font-size:15px}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px}
footer h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 12px}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin-bottom:9px}
footer .cols a{color:#c6caee;text-decoration:none}
footer .cols a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
footer .fine{border-top:1px solid #343866;margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px}
footer .about{max-width:34ch;margin-top:14px}
.payrow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:36px}
.payrow span{font-size:14px;color:#c6caee}
.paymark{background:#fff;border-radius:10px;padding:6px 10px;display:inline-flex;line-height:0}
.paymark img{height:44px;width:auto;display:block}
.paybank{border:1px solid #343866;border-radius:10px;padding:10px 14px;color:#fff;font-size:14px;font-weight:500}
.band .paymark,.plain .paymark{border:1px solid var(--line)}
footer a{color:#fff}
footer .row{display:flex;gap:28px;flex-wrap:wrap;align-items:baseline;justify-content:space-between}
footer nav{display:flex;gap:20px;flex-wrap:wrap}
footer p{max-width:none;margin:16px 0 0}
@media (max-width:860px){
  body{font-size:17px}.hero,.feat,.two{grid-template-columns:1fr;gap:32px}.hero{padding:20px 0 56px}.feat.flip .txt{order:0}
  .steps{grid-template-columns:1fr}.plans{grid-template-columns:1fr 1fr}.plans > div{border-inline-start:0;border-top:1px solid var(--line)}
  .grid9{grid-template-columns:1fr}footer .cols{grid-template-columns:1fr 1fr}
  .packs{grid-template-columns:1fr}.band,.plain{padding:56px 0}.top nav{gap:14px}.top{flex-wrap:wrap}
}
@media (max-width:520px){.plans{grid-template-columns:1fr}.wrap{padding:0 18px}}
/* ---- theme: the line of the ENIGMA CRM itself (Heebo, teal, navy, soft pastels) ---- */
:root{--ink:#1f3442;--ink2:#5d7480;--paper:#fff;--mist:#f4f9f9;--line:#dfe9ec;--signal:#087e83;--signal-d:#066469;--rotor:#c9975b;--bubble:#e2f4f1;--navy:#24334f;--blue:#5478f4;--purple:#7057e8;--coral:#d9773f;--green:#188666;--r:18px}
body{font:400 18px/1.65 "Heebo",Arial,sans-serif;color:var(--ink)}
h1,h2,.price b,.brand,.board .count,.steps li::before,.pricebox .big,.faq summary::after{font-family:"Heebo",Arial,sans-serif}
h1,h2{font-weight:800;letter-spacing:-.02em;line-height:1.08;color:var(--navy)}
h1{font-size:clamp(40px,5.6vw,76px)}h2{font-size:clamp(30px,3.6vw,48px);margin-bottom:14px}
h3{font-weight:700;color:var(--navy)}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top{padding:10px 28px}.brand img{height:52px}
.btn{border-radius:12px;box-shadow:0 10px 24px -12px rgba(8,126,131,.7);transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}
.btn.ghost{box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;color:var(--navy)}.btn.ghost:hover{background:var(--mist)}
.btn.small{box-shadow:none}
.band{background:var(--mist)}
.feat img,.film{border:1px solid var(--line);border-radius:var(--r);box-shadow:0 30px 70px -40px rgba(36,51,79,.5)}
.plans{border:1px solid var(--line);border-radius:var(--r)}.plans .best{background:var(--navy)}
.pricebox{background:linear-gradient(150deg,#24334f,#0d5f66);border-radius:24px}.pricebox .big{font-weight:800;color:#fff;font-size:84px}
.addon,.lead-form{border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 70px -50px rgba(36,51,79,.5)}
.faq,.grid9,.steps{border-top:1px solid var(--line)}.faq summary::after{font-weight:400}
footer{background:#16232f}footer .fine{border-top-color:#2c3d4b}
.thread,.board{background:var(--navy)}
.hero2{position:relative;text-align:center;padding:64px 0 0;overflow:hidden;background:radial-gradient(900px 420px at 15% 0,#e7f3ff 0,transparent 60%),radial-gradient(900px 460px at 85% 10%,#efe9ff 0,transparent 60%),radial-gradient(800px 500px at 50% 60%,#e2f4f1 0,transparent 65%),var(--mist)}
.eyebrow{display:inline-block;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 16px;margin-bottom:22px}
.hero2 h1{max-width:980px;margin:0 auto}.hero2 h1 em{font-style:normal;color:var(--signal)}
.hero2 .lead{font-size:21px;color:var(--ink2);max-width:720px;margin:22px auto 28px}
.hero2 .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero2 .note{color:var(--ink2);font-size:15px;margin:14px auto 0}
.shot{margin:44px auto 0;max-width:1180px;padding:0 28px}
.shot .frame{border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 40px 90px -40px rgba(36,51,79,.55);overflow:hidden;max-height:640px;direction:ltr}
.frame .bar3{display:flex;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fbfdfd}.frame .bar3 i{width:11px;height:11px;border-radius:50%;background:#dfe9ec;display:block}
.frame img{width:100%;height:auto;display:block}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pillars div{border-radius:var(--r);padding:24px;border:1px solid transparent}.pillars b{display:block;font-size:22px;font-weight:800;margin-bottom:4px}.pillars span{font-size:16px;color:var(--ink2)}
.pillars div:nth-child(1){background:#eef2ff;border-color:#dfe6ff}.pillars div:nth-child(1) b{color:var(--blue)}
.pillars div:nth-child(2){background:#f3efff;border-color:#e7dfff}.pillars div:nth-child(2) b{color:var(--purple)}
.pillars div:nth-child(3){background:#e6f6f2;border-color:#d2ede6}.pillars div:nth-child(3) b{color:var(--green)}
.pillars div:nth-child(4){background:#fff1e8;border-color:#fde2d0}.pillars div:nth-child(4) b{color:var(--coral)}
.row{display:grid;grid-template-columns:.8fr 1.35fr;gap:56px;align-items:center}.row.flip{grid-template-columns:1.35fr .8fr}.row + .row{margin-top:96px}.row.flip .txt{order:2}
.row .kick{font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.row p{color:var(--ink2);font-size:19px}.row ul.check{margin:16px 0 0}.row ul.check li{border:0;padding:7px 0;padding-inline-start:30px;font-size:17px}.row ul.check li::before{top:15px}
.row .frame{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:0 34px 80px -44px rgba(36,51,79,.55);max-height:540px;direction:ltr}
.row.c1 .kick{color:var(--blue)}.row.c2 .kick{color:var(--coral)}.row.c3 .kick{color:var(--purple)}.row.c4 .kick{color:var(--green)}
.center{text-align:center}.center p{margin-inline:auto;color:var(--ink2);font-size:19px}
.groups{grid-template-columns:repeat(4,1fr);gap:18px}.groups>div{border:1px solid var(--line);border-radius:var(--r);padding:24px;text-align:start}
.groups>div:nth-child(1){border-top:4px solid var(--blue)}.groups>div:nth-child(2){border-top:4px solid var(--coral)}.groups>div:nth-child(3){border-top:4px solid var(--purple)}.groups>div:nth-child(4){border-top:4px solid var(--green)}
.groups .k{color:var(--ink2)}.groups h3{font-size:20px}.groups li span{font-size:15px}
.stages div{border-radius:14px;color:var(--navy)}.stages div small{opacity:1;color:var(--ink2)}
.stages div:nth-child(1){background:#e8f0ff}.stages div:nth-child(2){background:#fff0d9}.stages div:nth-child(3){background:#efe6ff}.stages div:nth-child(4){background:#dff4e9}
.stages{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px;position:relative}
.final{background:linear-gradient(150deg,#24334f,#0d5f66);color:#fff;padding:84px 0}.final h2{color:#fff}.final p{color:#cfe3e6}
.final .lead-form{border:0;color:var(--ink)}
[dir=rtl] ul.check li::before{border-inline-end:3px solid var(--signal);border-inline-start:0;transform:rotate(-45deg)}
.pricebox ul.check li::before{border-color:#7fe0d6}
@media(max-width:980px){.groups{grid-template-columns:1fr 1fr}.pillars{grid-template-columns:1fr 1fr}.row,.row.flip{grid-template-columns:1fr;gap:26px}.row.flip .txt{order:0}.row + .row{margin-top:64px}}
@media(max-width:860px){.top nav a:not(.btn):not(.lang){display:none}.brand img{height:42px}.hero2{padding-top:40px}.shot{padding:0 14px}.shot .frame{max-height:340px}}
@media(max-width:560px){.groups,.pillars{grid-template-columns:1fr}.stages{grid-template-columns:1fr 1fr}.pricebox .big{font-size:68px}}
/* product visuals drawn in HTML, for languages that have no screenshots yet; sized in em so they scale like an image */
.frame{container-type:inline-size}
.mk{font-size:1.02cqw;line-height:1.45;color:#243f48;background:#f4f9f9;display:flex;text-align:start}
.mk p,.row .mk p{font-size:.95em;max-width:none;color:#607780}.mk *{box-sizing:border-box}.mk .side{width:15.5em;background:#fff;border-inline-end:.08em solid #dfe9ec;padding:1.1em .9em;flex:none}
.mk .side img{width:100%;height:auto;border-radius:.8em;background:#fbf4e8;padding:.5em;display:block;margin-bottom:1.2em}
.mk .side b{display:block;font-size:.95em;margin:.2em .5em 0}.mk .side small{display:block;color:#607780;font-size:.75em;margin:0 .6em 1em}
.mk .side .g{color:#607780;font-size:.78em;margin:1.1em .6em .4em}.mk .side span{display:block;padding:.55em .8em;border-radius:.7em;font-size:.9em;color:#3d5560}
.mk .side span.on{background:#dff4f0;color:#087e83;font-weight:700}
.mk .main{flex:1;padding:1.4em 1.8em 1.8em;min-width:0}
.mk h4{font-size:1.5em;font-weight:800;color:#24334f;margin:0 0 .9em;padding-bottom:.7em;border-bottom:.08em solid #dfe9ec}.mk h4 i{font-style:normal;color:#087e83}
.mk .card{background:#fff;border:.08em solid #dfe9ec;border-radius:1.2em;padding:1.1em 1.2em}
.mk .two2{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin-bottom:1.2em}
.mk .money{border-radius:1.1em;padding:1.1em 1.3em}.mk .money small{display:block;font-weight:600;font-size:.9em}.mk .money b{font-size:2.2em;font-weight:800;direction:ltr;unicode-bidi:isolate;display:inline-block}
.mk .money.a{background:#fff3e3;border:.08em solid #f6dfc0;color:#a8560f}.mk .money.b{background:#e7f6ee;border:.08em solid #cdebdc;color:#14694a}
.mk .four{display:grid;grid-template-columns:repeat(4,1fr);gap:.9em;margin-bottom:1.2em}
.mk .met{border-radius:1.1em;padding:1em 1.1em;border:.08em solid transparent}.mk .met small{display:block;font-weight:600;font-size:.82em}.mk .met b{font-size:1.9em;font-weight:800;direction:ltr;unicode-bidi:isolate;display:inline-block}
.mk .met:nth-child(1){background:#eef2ff;color:#4a66d8}.mk .met:nth-child(2){background:#f3efff;color:#6a4fd0}.mk .met:nth-child(3){background:#e6f6f2;color:#188666}.mk .met:nth-child(4){background:#fff1e8;color:#c96a34}
.mk .lst>div{display:flex;align-items:center;gap:.9em;padding:.7em 0;border-top:.08em solid #edf2f4}.mk .lst>div:first-of-type{border-top:0}
.mk .av{width:2.3em;height:2.3em;border-radius:.6em;display:grid;place-items:center;font-weight:700;background:#eef2ff;color:#4a66d8;flex:none}.mk .lst>div:nth-child(2n) .av{background:#f3efff;color:#6a4fd0}.mk .lst>div:nth-child(3n) .av{background:#e6f6f2;color:#188666}
.mk .lst b{display:block;font-size:.95em}.mk .lst small{color:#607780;font-size:.8em}.mk .lst time{margin-inline-start:auto;color:#607780;font-size:.8em;direction:ltr}
.mk .bar2{display:flex;gap:.7em;margin-bottom:1em}.mk .inp{flex:1;border:.08em solid #dfe9ec;border-radius:.8em;padding:.7em 1em;color:#8a9aa2;background:#fff;font-size:.9em}
.mk .b1{background:#087e83;color:#fff;border-radius:.8em;padding:.7em 1.1em;font-weight:700;font-size:.9em}.mk .b2{background:#fff;border:.08em solid #dfe9ec;border-radius:.8em;padding:.7em 1em;font-size:.85em}
.mk .chips{display:flex;gap:.5em;margin-bottom:.9em;flex-wrap:wrap}.mk .chips span{border:.08em solid #dfe9ec;border-radius:.7em;padding:.4em .8em;font-size:.82em;background:#fff}.mk .chips span.on{background:#dff4f0;border-color:#b9e3db;color:#087e83;font-weight:700}
.mk .rw{display:grid;grid-template-columns:1.5fr 1fr .9fr 1fr 1fr auto;gap:.8em;align-items:center;border:.08em solid #dfe9ec;border-radius:.9em;padding:.75em 1em;margin-bottom:.55em;background:#fff}
.mk .rw b{display:block;font-size:.95em}.mk .rw small{display:block;color:#607780;font-size:.74em}.mk .rw .ph{direction:ltr;text-align:end;font-size:.88em}.mk .rw .v{font-size:.86em}
.mk .bd{display:inline-block;border-radius:.5em;padding:.25em .65em;font-size:.78em;font-weight:700}.mk .bd.s1{background:#e8f0ff;color:#3f63c4}.mk .bd.s2{background:#fff0d9;color:#a8650f}.mk .bd.s3{background:#efe6ff;color:#6a4fd0}.mk .bd.s4{background:#dff4e9;color:#14694a}
.mk .acts{display:flex;gap:.3em}.mk .acts span{border:.08em solid #dfe9ec;border-radius:.5em;padding:.3em .6em;font-size:.74em;background:#fff}.mk .acts span:first-child{background:#efe9ff;border-color:#e2d8ff}
.mk .chs{display:grid;grid-template-columns:repeat(4,1fr);gap:.9em}.mk .ch{background:#fff;border:.08em solid #dfe9ec;border-radius:1.2em;padding:1.1em;border-top:.25em solid #5478f4}
.mk .ch:nth-child(2){border-top-color:#d9773f}.mk .ch:nth-child(3){border-top-color:#c0508a}.mk .ch:nth-child(4){border-top-color:#188666}
.mk .ch .ic{width:2.4em;height:2.4em;border-radius:.7em;background:#eef2ff;display:grid;place-items:center;font-weight:800;margin-bottom:.7em}.mk .ch b{display:block;font-size:1.15em}.mk .ch small{color:#607780;font-size:.8em;display:block;margin-bottom:.9em}
.mk .ch strong{font-size:1.7em;color:#3f63c4;direction:ltr;unicode-bidi:isolate;display:inline-block}.mk .ch em{font-style:normal;font-size:.8em;color:#607780}.mk .ch .m{display:block;margin-top:.8em;background:#eef2ff;border-radius:.7em;padding:.55em .8em;font-size:.82em;font-weight:700;color:#3f63c4}
.mk .ai{text-align:center;padding:2.2em 0 0}.mk .ai .lg{width:3.6em;height:3.6em;border-radius:1em;background:#2aa39c;color:#fff;font-weight:700;font-size:1.3em;display:grid;place-items:center;margin:0 auto .9em}
.mk .ai h5{font-size:2em;font-weight:800;color:#24586a;margin:0 0 .3em}.mk .ai p{color:#607780;margin:0 auto 1.2em;font-size:1em}
.mk .ai .sug{display:flex;gap:.7em;justify-content:center;margin-bottom:1.4em;flex-wrap:wrap}.mk .ai .sug span{border-radius:.9em;padding:.8em 1.2em;font-size:.9em}.mk .ai .sug span:nth-child(1){background:#efe9ff;color:#5a45b8}.mk .ai .sug span:nth-child(2){background:#e3f5f0;color:#14694a}.mk .ai .sug span:nth-child(3){background:#fff1e3;color:#a8560f}
.mk .ai .box{background:#fff;border:.08em solid #dfe9ec;border-radius:1.2em;padding:1.2em 1.4em;text-align:start;max-width:46em;margin:0 auto;min-height:6.5em;position:relative}.mk .ai .box i{position:absolute;inset-inline-end:1em;bottom:1em;width:2.3em;height:2.3em;border-radius:.6em;background:#087e83;display:block}
.more{display:inline-block;margin-top:18px;font-weight:700;color:var(--signal);text-decoration:none}.more:hover{text-decoration:underline;text-underline-offset:5px}
.phero{background:radial-gradient(900px 420px at 15% 0,#e7f3ff 0,transparent 60%),radial-gradient(900px 460px at 85% 10%,#efe9ff 0,transparent 60%),var(--mist);padding:64px 0 76px}
.phero .row h1{font-size:clamp(36px,4.4vw,60px)}.phero .row p.lead{font-size:20px;color:var(--ink2);margin:18px 0 24px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;text-align:start}.cards3>div{border-radius:var(--r);padding:26px;border:1px solid var(--line);background:#fff}.cards3 h3{font-size:20px}.cards3 p{color:var(--ink2);font-size:16.5px;margin:0}
.cards3>div:nth-child(4n+1){border-top:4px solid var(--blue)}.cards3>div:nth-child(4n+2){border-top:4px solid var(--purple)}.cards3>div:nth-child(4n+3){border-top:4px solid var(--green)}.cards3>div:nth-child(4n+4){border-top:4px solid var(--coral)}
.cta2{background:linear-gradient(150deg,#24334f,#0d5f66);color:#fff;border-radius:28px;padding:54px 40px;text-align:center}.cta2 h2{color:#fff}.cta2 p{color:#cfe3e6;margin:0 auto 22px}.cta2 .btn{background:#fff;color:var(--navy)}
.others{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.others a{display:block;border:1px solid var(--line);border-radius:var(--r);padding:22px;text-decoration:none;background:#fff}.others a:hover{border-color:var(--signal)}.others b{display:block;font-size:19px;color:var(--navy)}.others span{color:var(--ink2);font-size:15.5px}
@media(max-width:980px){.cards3,.others{grid-template-columns:1fr}}