@font-face{font-family:"Inter";font-weight:400 700;font-style:normal;font-display:swap;src:url(fonts/Inter-var.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/IBMPlexMono-Regular.woff2) format("woff2")}

:root{--paper:#EEF3F5;--paper-2:#E2EBEE;--panel:#F9FBFC;--ink:#0B2530;--steel:#3F5964;--line:#C7D8DE;--teal:#126A80;--alert:#B3301A;--night:#0B2530;--night-ink:#E9F2F5;--night-steel:#A9C1CA;--night-line:#2A4651;--btn:#0B2530;--btn-ink:#EEF3F5;--btn-hover:#163F50}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-optical-sizing:auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.page{background:var(--paper);color:var(--ink);min-height:100%}
a{color:var(--teal);text-underline-offset:4px}
h1,h2,h3{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:620;margin:0;color:inherit;font-optical-sizing:auto}
.wrap{max-width:1200px;margin:0 auto;padding-left:40px;padding-right:40px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;padding-top:24px;padding-bottom:24px;flex-wrap:wrap}
.logo-lock{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.logo-lock img{display:block;width:40px;height:40px}
.logo-lock span{font:650 24px/1 Inter,system-ui,sans-serif;letter-spacing:.02em}
nav.main{display:flex;align-items:center;gap:8px 28px;flex-wrap:wrap}
nav.main a{color:var(--ink);text-decoration:none;font-size:16px;min-height:44px;display:inline-flex;align-items:center}
nav.main a:hover{text-decoration:underline}
nav.main a.lang{border:1px solid var(--line);border-radius:6px;padding:0 14px}
.hero{padding:48px 0 96px}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;align-items:center}
h1{font-size:clamp(38px,5vw,64px);line-height:1.06;letter-spacing:-.03em;margin-bottom:28px;max-width:13em}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--steel);max-width:33em;margin:0 0 32px}
.btns{display:flex;gap:12px 28px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;background:var(--btn);color:var(--btn-ink);padding:0 28px;min-height:52px;border-radius:6px;text-decoration:none;font-weight:700;font-size:17px}
.btn:hover{background:var(--btn-hover)}
.link{color:var(--ink);font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.note{margin:32px 0 0;font-size:15px;color:var(--steel);max-width:36em}
.verify{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:36px 32px 32px}
.verify::before{content:"";position:absolute;inset:8px;border:1px solid var(--line);border-radius:6px;pointer-events:none}
.v-title{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin-bottom:8px}
.v-sub{font-size:15px;color:var(--steel);margin:0 0 24px;max-width:30em}
.seals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.seal-fig{margin:0;text-align:center}
.seal-box{position:relative;aspect-ratio:1/1;border-radius:50%;margin:0 auto 12px;max-width:210px;width:100%;transition:box-shadow .25s}
.seal{display:block;width:100%;height:100%;color:var(--teal)}
.seal .dot{fill:currentColor;stroke:none}
.draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--d,0s)}
.tick{opacity:0;animation:fade .6s ease-out .1s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}
figcaption{font-size:14px;line-height:1.35;color:var(--steel)}
figcaption span{display:block;margin-bottom:4px}
code{font:400 14px/1.3 "IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;letter-spacing:.01em;color:var(--ink)}
.s-diff,.c-diff,.bad,.l-off{display:none}
.swap{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.status{margin:22px 0 18px;font-size:16px;line-height:1.45;font-weight:700;color:var(--teal);min-height:3em}
.swap:checked ~ .status.ok{display:none}
.swap:checked ~ .status.bad{display:block;color:var(--alert)}
.swap:checked ~ .seals .s-same,.swap:checked ~ .seals .c-same{display:none}
.swap:checked ~ .seals .s-diff{display:block}
.swap:checked ~ .seals .c-diff{display:inline}
.swap:checked ~ .seals .theirs .seal-box{box-shadow:0 0 0 3px var(--panel),0 0 0 5px var(--alert)}
.swap:checked ~ .swap-btn .l-on{display:none}
.swap:checked ~ .swap-btn .l-off{display:inline}
.swap-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1.5px solid var(--ink);border-radius:6px;font-weight:700;font-size:16px;cursor:pointer;user-select:none}
.swap-btn:hover{background:var(--paper-2)}
.swap:focus-visible ~ .swap-btn{outline:3px solid var(--teal);outline-offset:3px}
.guarantees{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:96px 0}
h2{font-size:clamp(28px,3.4vw,42px);line-height:1.12;margin-bottom:40px;letter-spacing:-.025em}
.rows{margin:0;padding:0;list-style:none}
.row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 48px;padding:30px 0;border-top:1px solid var(--line)}
.row:first-child{border-top:0;padding-top:0}
.row h3{font-size:clamp(20px,2vw,25px);line-height:1.25;letter-spacing:-.015em}
.row p{margin:0;color:var(--steel);max-width:36em}
.how{padding:96px 0}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;counter-reset:s}
.steps li{position:relative;counter-increment:s}
.steps li::before{content:counter(s);display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1.5px solid var(--teal);border-radius:50%;font:600 20px/1 Inter,system-ui,sans-serif;color:var(--teal);margin-bottom:20px;background:var(--paper);position:relative;z-index:1}
.steps li:not(:last-child)::after{content:"";position:absolute;top:26px;left:64px;right:-36px;border-top:1.5px dashed var(--line)}
.steps h3{font-size:22px;line-height:1.25;letter-spacing:-.015em;margin-bottom:10px}
.steps p{margin:0;color:var(--steel)}
.where{background:var(--night);color:var(--night-ink);padding:96px 0}
.where h2{color:var(--night-ink)}
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.cols2 .second{border-left:1px solid var(--night-line);padding-left:64px}
.where h3{font-size:25px;line-height:1.25;letter-spacing:-.015em;margin-bottom:12px}
.where p{margin:0;color:var(--night-steel);max-width:30em}
.closing{margin-top:56px !important;font:520 clamp(22px,2.4vw,30px)/1.32 Inter,system-ui,sans-serif;letter-spacing:-.02em;color:var(--night-ink) !important;max-width:26em !important}
.standards{padding-top:40px;padding-bottom:40px;margin:0 auto;font-size:15px;color:var(--steel)}
.foot{background:var(--paper-2);border-top:1px solid var(--line);padding:72px 0 56px}
.foot-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px 48px}
.f-h{font-size:clamp(24px,2.5vw,32px);letter-spacing:-.02em;margin-bottom:12px}
.foot p{margin:0}
.f-links{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.f-links a{color:var(--ink);font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.f-small{grid-column:1/-1;font-size:14px;color:var(--steel);border-top:1px solid var(--line);padding-top:24px;margin-top:16px !important}
.ar{font-family:"Noto Naskh Arabic","Geeza Pro","Segoe UI",serif;font-size:1.15em;color:var(--ink)}
.brandname{font-weight:700;color:var(--ink)}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:10;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:6px}
@media (max-width:960px){.hero-grid,.foot-grid{grid-template-columns:minmax(0,1fr)}.hero-grid{gap:48px}.row{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:minmax(0,1fr);gap:36px}.steps li:not(:last-child)::after{display:none}.cols2{grid-template-columns:minmax(0,1fr);gap:40px}.cols2 .second{border-left:0;padding-left:0;border-top:1px solid var(--night-line);padding-top:40px}.hero{padding:24px 0 64px}.guarantees,.how,.where{padding:64px 0}}
@media (max-width:560px){.wrap{padding-left:20px;padding-right:20px}.verify{padding:28px 20px 24px}.seals{gap:12px}}
@media (prefers-reduced-motion:reduce){.draw{animation:none;stroke-dashoffset:0}.tick{animation:none;opacity:1}.seal-box{transition:none}}

@media (prefers-color-scheme:dark){:root{--paper:#0A1A22;--paper-2:#0E232D;--panel:#0F2530;--ink:#E9F2F5;--steel:#A9C1CA;--line:#2A4651;--teal:#5CC2DA;--alert:#FF9078;--night:#071319;--btn:#E9F2F5;--btn-ink:#0A1A22;--btn-hover:#FFFFFF}.logo-lock img{filter:none}}