.wrap{max-width:1180px;padding-inline:max(16px, env(safe-area-inset-left,0px));margin:0 auto}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--saffron);outline-offset:2px;border-radius:6px}.top{z-index:20;background:var(--brand);color:#fff;position:sticky;top:0;overflow:hidden}.top .pat{opacity:.3;width:100%;height:100%;position:absolute;inset:0}.top .wrap{flex-wrap:wrap;align-items:center;gap:18px;padding-block:12px;display:flex;position:relative}.top .spacer{flex:1}.top nav{gap:4px;font-size:15px;display:flex}.top nav a{opacity:.85;border-radius:99px;padding:6px 14px}.top nav a.on,.top nav a:hover{opacity:1;background:#ffffff24}.hero-band{background:var(--brand);color:#fff;position:relative;overflow:hidden}.hero-band .pat{opacity:.45;width:100%;height:100%;position:absolute;inset:0}.hero-band .wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:32px;padding-block:48px 70px;display:grid;position:relative}.hero-band h1{text-wrap:balance;margin:0 0 14px;font-size:clamp(34px,5vw,58px);font-weight:700;line-height:1.2}.hero-band h1 .hl{background:linear-gradient(#0000 66%,#f2a93be6 66% 90%,#0000 90%);padding-inline:4px}.hero-band .lede{opacity:.92;max-width:34em;margin:0 0 24px;font-size:18px;font-weight:300}.search{color:#6a7b7f;background:#fff;border-radius:99px;align-items:center;gap:12px;padding:8px;padding-inline-start:22px;display:flex;box-shadow:0 16px 36px -16px #0000008c}.search svg{color:#17807b;width:22px;height:22px}.search input{font:inherit;color:#122a2f;background:0 0;border:0;outline:none;flex:1;min-width:0;padding-block:8px;font-size:17px}.search:has(input:focus-visible){outline:3px solid var(--saffron);outline-offset:2px}.search button{color:#2a1a00;cursor:pointer;background:#f2a93b;border:0;border-radius:99px;padding:11px 22px;font-weight:600}.popular{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex}.popular a{background:#ffffff24;border-radius:99px;padding:5px 14px}.collage{height:330px;position:relative}.collage .c{background:#ffffff1f;border-radius:50%;place-items:center;display:grid;position:absolute}.collage .c svg{width:80%;height:80%}.collage .c1{inset-inline-start:18%;width:210px;height:210px;top:0}.collage .c2{inset-inline-start:0;width:150px;height:150px;top:170px}.collage .c3{inset-inline-start:52%;width:170px;height:170px;top:150px}.collage .c4{inset-inline-start:66%;width:96px;height:96px;top:18px}.wave-bottom{inset-inline:0;width:100%;height:40px;position:absolute;bottom:-1px}.sos{background:var(--surface);border:1.5px solid color-mix(in srgb, var(--red) 45%, transparent);color:var(--text);border-radius:var(--r);z-index:2;box-shadow:var(--shadow);align-items:center;gap:12px;margin-top:-26px;padding:12px 16px;display:flex;position:relative}.sos .ico{background:var(--red);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.sos b{color:var(--red)}section.blockpad{padding-block:44px 8px}.sec-title{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;display:flex}.sec-title h2{margin:0;font-size:28px;font-weight:700}.sec-title p{color:var(--muted);margin:4px 0 0;font-weight:300}.sec-title a.more{color:var(--brand-2);align-items:center;gap:6px;font-weight:500;display:inline-flex}.systems{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.sys{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.sys .art{place-items:center;height:122px;display:grid;position:relative;overflow:hidden}.sys .art .pat{opacity:.45;width:100%;height:100%;position:absolute;inset:0}.sys .art svg.ill{width:100px;height:100px;position:relative}.sys .nm{justify-content:space-between;align-items:baseline;gap:8px;padding:10px 14px 12px;display:flex}.sys .nm b{font-size:15.5px;font-weight:600;line-height:1.35}.sys .nm span{color:var(--faint);white-space:nowrap;font-size:13px}.types{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.type{background:var(--surface);border:1px solid var(--border);border-radius:18px;grid-template-columns:96px 1fr;align-items:center;gap:16px;padding:18px;display:grid}.type .thumb{border-radius:6px;overflow:hidden;box-shadow:0 8px 18px -10px #00000073}.type>div>h3{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;display:flex}.type>div>p{color:var(--muted);margin:0;font-size:14.5px;font-weight:300}.cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.card{border-radius:var(--r);background:var(--surface);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.card .art{place-items:center;height:120px;display:grid;position:relative;overflow:hidden}.card .art .pat{opacity:.4;width:100%;height:100%;position:absolute;inset:0}.card .art svg.ill{width:100px;height:100px;position:relative}.card .cb{flex-direction:column;flex:1;gap:4px;padding:12px 14px 14px;display:flex}.card .ty{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.card .cb>:is(h2,h3){margin:0;font-size:18px;font-weight:600;line-height:1.35}.card p{color:var(--muted);margin:0;font-size:14px;font-weight:300}.card .by{color:var(--faint);align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:12.5px;display:flex}.card .by svg{color:var(--green)}.trust{background:var(--surface);border:1px solid var(--border);border-radius:22px;grid-template-columns:220px 1fr;align-items:center;gap:28px;padding:26px;display:grid}.trust .seal-big svg.seal{width:150px;height:150px;margin-inline:auto;display:block}.steps4{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps4 li{counter-increment:s;background:var(--bg);border-radius:var(--r);padding:14px;position:relative}.steps4 li:before{content:counter(s);top:-10px;background:var(--saffron);color:#2a1a00;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid;position:absolute;inset-inline-start:14px}.steps4 b{align-items:center;gap:8px;margin:8px 0 4px;font-weight:600;display:flex}.steps4 b svg{color:var(--brand-2)}.steps4 p{color:var(--muted);margin:0;font-size:14px;font-weight:300}.band2{color:#fff;position:relative;overflow:hidden}.band2 .pat{opacity:.45;width:100%;height:100%;position:absolute;inset:0}.band2 .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding-block:26px 58px;display:grid;position:relative}.band2 h1{margin:6px 0;font-size:clamp(30px,4.4vw,48px);font-weight:700;line-height:1.25}.band2 h1 .hl{background:linear-gradient(#0000 66%,#f2a93be6 66% 90%,#0000 90%);padding-inline:3px}.band2 p{opacity:.95;margin:0;font-size:18px;font-weight:300}.band2 .bigart{background:#ffffff1f;border-radius:50%;place-items:center;width:170px;height:170px;display:grid}.band2 .bigart svg{width:146px;height:146px}.crumbs{opacity:.85;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.crumbs svg{width:14px;height:14px}[dir=rtl] .crumbs svg{transform:scaleX(-1)}.hchips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip-w{background:#ffffff29;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:13.5px;display:inline-flex}.filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.filters button{border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:7px 16px;font-size:14px;display:inline-flex}.filters button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.item-grid{z-index:2;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:26px;margin-top:-30px;display:grid;position:relative}.paper{box-shadow:var(--shadow);color:#122a2f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fffdf8;border-radius:22px;padding:26px}.sheet.reading{width:auto;height:auto;box-shadow:none;background:0 0;font-size:16px;display:block;position:static;overflow:visible;transform:none}.sheet.reading[lang=ar]{font-size:16.5px;line-height:1.8}.sheet.reading .sh-body{gap:16px;padding:0}.sheet.reading .sh-full,.sheet.reading .sh-col,.sheet.reading .signal,.sheet.reading .sh-cols{gap:16px}.sheet.reading .blk h2,.sheet.reading .bodymap h2{font-size:18px}.sheet.reading .feature p{font-size:19px}.sheet.reading .tile p{font-size:15.5px}.sheet.reading .tier .ls.two{font-size:16px}.sheet.reading .bodymap .fig svg{width:130px;height:216px}.sheet.reading .bodymap{grid-template-columns:1fr 130px 1fr}.sheet.reading .tier .ta{border-radius:12px}.sheet.reading .blk.write,.sheet.reading .log{display:none}.paper .note-print{color:#3b5157;background:#f6efe4;border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:10px 14px;font-size:14px;display:flex}.side{flex-direction:column;gap:14px;display:flex}.box{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px}.box>h2{color:var(--faint);align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:500;display:flex}.dlrow{grid-template-columns:92px 1fr;align-items:center;gap:14px;display:grid}.dlrow .thumb{border-radius:4px;overflow:hidden;box-shadow:0 8px 18px -10px #00000073}.dlbtns{flex-direction:column;gap:8px;display:flex}.btn2{cursor:pointer;border:0;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14.5px;font-weight:500;display:inline-flex}.btn2.teal{background:var(--brand-2);color:var(--on-accent)}.btn2.saff{background:var(--saffron);color:#2a1a00}.btn2.ghost{border:1.5px solid var(--border-strong);color:var(--text);background:0 0}.revrow{align-items:center;gap:12px;display:flex}.revrow svg.seal{flex:none;width:60px;height:60px}.revrow b{display:block}.revrow span{color:var(--faint);font-size:13.5px;display:block}.kv2{grid-template-columns:auto 1fr;gap:4px 14px;margin:12px 0 0;font-size:14px;display:grid}.kv2 dt{color:var(--faint)}.kv2 dd{margin:0}.srcs2{text-align:left;direction:ltr;flex-direction:column;gap:10px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.srcs2 li{grid-template-columns:22px 1fr;gap:6px;display:grid}.srcs2 b{background:var(--saffron);color:#2a1a00;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.srcs2 a{color:var(--brand-2);word-break:break-word}.rel{flex-direction:column;gap:10px;display:flex}.rel a{grid-template-columns:52px 1fr;align-items:center;gap:10px;display:grid}.rel .mini{border-radius:12px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.rel .mini svg{width:44px;height:44px}.rel b{font-size:14.5px;font-weight:500;line-height:1.35;display:block}.rel span{color:var(--faint);font-size:12.5px}.placeholder{background:var(--surface);border:2px dashed var(--border-strong);text-align:center;color:var(--muted);border-radius:22px;padding:28px}footer.site{background:var(--surface);border-top:1px solid var(--border);margin-top:56px}footer.site .wrap{color:var(--muted);grid-template-columns:1.4fr 1fr 1fr;gap:24px;padding-block:26px 34px;font-size:14px;display:grid}footer.site h2{color:var(--text);margin:0 0 8px;font-size:15px}footer.site p{margin:0 0 6px;font-weight:300}.sample{bottom:12px;z-index:30;background:var(--text);color:var(--bg);opacity:.9;border-radius:99px;padding:6px 12px;font-size:12px;position:fixed;inset-inline-start:12px}@media (max-width:920px){.hero-band .wrap{grid-template-columns:minmax(0,1fr);padding-block:34px 64px}.collage{display:none}.types,.trust{grid-template-columns:1fr}.steps4{grid-template-columns:1fr 1fr}.item-grid,footer.site .wrap{grid-template-columns:1fr}}@media (max-width:640px){.top nav{display:none}.band2 .bigart{width:96px;height:96px}.band2 .bigart svg{width:82px;height:82px}.paper{border-radius:16px;padding:16px}.sheet.reading .sh-cols,.sheet.reading .tiles{grid-template-columns:1fr}.sheet.reading .tier{grid-template-columns:52px 1fr}.sheet.reading .tier .lamp{width:52px;height:52px}.sheet.reading .tier .lamp span{width:40px;height:40px}.sheet.reading .signal:before{width:12px;inset-inline-start:20px}.sheet.reading .tier .ls.two,.sheet.reading .alarm .ls.two{grid-template-columns:1fr}.sheet.reading .bodymap{grid-template-columns:1fr 96px}.sheet.reading .bodymap .fig{grid-area:2/2/span 2}.sheet.reading .bodymap .fig svg{width:96px;height:160px}.sheet.reading .bodymap .bm-col{grid-column:1}.sheet.reading .contact,.steps4{grid-template-columns:1fr}.sys .art{height:100px}.sys .art svg.ill{width:84px;height:84px}.systems{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.art-svg{display:contents}.sample-banner{background:var(--text);color:var(--bg);text-align:center;padding:6px 16px;font-size:13px}.empty{background:var(--surface);border:2px dashed var(--border-strong);text-align:center;color:var(--muted);border-radius:22px;padding:28px}.results-head{color:var(--muted);margin:0 0 16px}.page-skeleton{background:var(--brand);min-height:70vh}.top nav a,.pill-btn,.brand,.popular a,.search,.search button,.btn2,.rel a b,.srcs2 a,.crumbs a,.sec-title a.more,footer.site a,.filters button,.sys,.card,.type{transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease, border-color var(--dur-fast) ease, box-shadow var(--dur-base) ease, opacity var(--dur-fast) ease, translate var(--dur-base) var(--ease-out), scale var(--dur-base) var(--ease-spring)}.pill-btn:hover{background:#ffffff24;border-color:#fff9}.popular a:hover{background:#ffffff42}.search button:hover{background:#f4b85e}.btn2.teal:hover{background:color-mix(in srgb, var(--brand-2) 86%, var(--text))}.btn2.saff:hover{background:color-mix(in srgb, var(--saffron) 82%, #fff)}.btn2.ghost:hover{border-color:var(--brand-2);color:var(--brand-2)}.btn2:hover,.search button:hover{box-shadow:0 12px 22px -14px #0000008c}.rel a:hover b,.rel a:focus-visible b{color:var(--brand-2)}.srcs2 a:hover,.crumbs a:hover,footer.site a:hover{text-underline-offset:3px;text-decoration:underline}footer.site a:hover{color:var(--brand-2)}.sys:hover,.card:hover,.type:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.search:focus-within{box-shadow:0 18px 40px -14px #0009,0 0 0 5px #f2a93b47}.filters button:hover{border-color:var(--brand-2)}@media (prefers-reduced-motion:no-preference){.sys:hover,.card:hover,.type:hover{translate:0 -4px}.btn2:hover,.search button:hover,.pill-btn:hover,.popular a:hover{translate:0 -2px}.sys:active,.card:active,.type:active{transition-duration:var(--dur-press);translate:0 -1px;scale:.975}.btn2:active,.search button:active,.pill-btn:active,.popular a:active,.top nav a:active,.filters button:active,.brand:active{transition-duration:var(--dur-press);translate:0;scale:.95}.sys .art svg.ill,.card .art svg.ill,.type .thumb,.rel .mini,.pill-btn svg,.brand svg,.sec-title a.more svg,.btn2 svg{transition:scale var(--dur-slow) var(--ease-spring), rotate var(--dur-slow) var(--ease-spring), translate var(--dur-base) var(--ease-out)}.sys:hover .art svg.ill,.card:hover .art svg.ill{rotate:-4deg;scale:1.09}.type:hover .thumb{rotate:-2deg;scale:1.04}.rel a:hover .mini{rotate:-4deg;scale:1.08}.pill-btn:hover svg{rotate:-14deg}.brand:hover svg{rotate:-10deg}.btn2:hover svg{scale:1.14}.sec-title a.more:hover svg{translate:calc(var(--inline-sign) * 4px) 0}.hero-band .wrap>div:first-child>*{animation:m-rise var(--dur-slow) var(--ease-out) backwards}.hero-band .wrap>div:first-child>:nth-child(2){animation-delay:70ms}.hero-band .wrap>div:first-child>:nth-child(3){animation-delay:.14s}.hero-band .wrap>div:first-child>:nth-child(4){animation-delay:.21s}.collage .c{animation:m-pop .9s var(--ease-spring) backwards, bob 7s ease-in-out infinite}.collage .c1{animation-delay:.12s,0s}.collage .c2{animation-delay:.26s,-2s}.collage .c3{animation-delay:.38s,-4s}.collage .c4{animation-delay:.48s,-1s}.collage .c svg{animation:9s ease-in-out infinite sway}.collage .c2 svg{animation-delay:-3s}.collage .c3 svg{animation-delay:-6s}@keyframes bob{50%{translate:0 -10px}}@keyframes sway{0%,to{rotate:-3deg}50%{rotate:3deg}}.sos{animation:m-rise var(--dur-slow) var(--ease-out) .26s backwards}.sos .ico:after{content:"";border:2px solid var(--red);border-radius:50%;animation:2.6s ease-out 1s 3 m-ring;position:absolute;inset:0}.sample-banner{animation:m-drop var(--dur-base) var(--ease-out) backwards}.band2 .wrap>div:first-child>*{animation:m-rise var(--dur-slow) var(--ease-out) backwards}.band2 .wrap>div:first-child>:nth-child(2){animation-delay:60ms}.band2 .wrap>div:first-child>:nth-child(3){animation-delay:.12s}.band2 .wrap>div:first-child>:nth-child(4){animation-delay:.18s}.band2 .bigart:before{animation:m-pop .7s var(--ease-spring) 80ms backwards}.band2 .bigart svg{animation:8s ease-in-out infinite m-drift}section.blockpad .sec-title,.trust,.empty,.results-head{animation:m-rise var(--dur-slow) var(--ease-out) backwards}.systems>.sys,.cards>.card,.types>.type,.steps4>li{animation:m-rise var(--dur-slow) var(--ease-out) backwards;animation-delay:calc(var(--i,0) * var(--stagger))}:is(.systems,.cards,.types,.steps4)>:nth-child(2){--i:1}:is(.systems,.cards,.types,.steps4)>:nth-child(3){--i:2}:is(.systems,.cards,.types,.steps4)>:nth-child(4){--i:3}:is(.systems,.cards,.types,.steps4)>:nth-child(5){--i:4}:is(.systems,.cards,.types,.steps4)>:nth-child(6){--i:5}:is(.systems,.cards,.types,.steps4)>:nth-child(n+7){--i:6}.steps4>li:before{animation:m-pop .6s var(--ease-spring) backwards;animation-delay:calc(var(--i,0) * var(--stagger) + .2s)}.trust .seal-big{animation:m-pop .8s var(--ease-spring) .15s backwards}.item-grid .paper{animation:m-rise var(--dur-slow) var(--ease-out) 80ms backwards}.side>.box{animation:m-rise var(--dur-slow) var(--ease-out) backwards}.side>.box:first-child{animation-delay:.16s}.side>.box:nth-child(2){animation-delay:.22s}.side>.box:nth-child(3){animation-delay:.28s}.side>.box:nth-child(n+4){animation-delay:.34s}}.sos .ico{position:relative}.band2 .bigart{background:0 0;position:relative}.band2 .bigart:before{content:"";background:#ffffff1f;border-radius:50%;position:absolute;inset:0}.band2 .bigart>*{position:relative}.top{view-transition-name:site-header}.vt-morph{place-items:center;display:grid;position:relative}.sk-top{background:var(--brand);height:64px;position:relative;overflow:hidden}.sk-top .wrap{align-items:center;gap:12px;height:100%;display:flex;position:relative}.sk-band{background:var(--brand);position:relative;overflow:hidden}.sk-band .pat{opacity:.45;width:100%;height:100%;position:absolute;inset:0}.sk-band .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding-block:30px 62px;display:grid;position:relative}.sk-band .sk,.sk-top .sk{background:#ffffff24}.sk-band .sk:after,.sk-top .sk:after{background:linear-gradient(90deg,#0000,#ffffff2e,#0000)}.sk-stack{flex-direction:column;gap:12px;display:flex}.sk-card{border-radius:var(--r);background:var(--surface);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.sk-card>.sk:first-child{border-radius:0;height:120px}.sk-card .sk-stack{gap:10px;padding:14px}.sk-paper{background:var(--surface);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:14px;padding:26px;display:flex}.sk-box{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.sk-dl{grid-template-columns:92px 1fr;align-items:center;gap:14px;display:grid}@media (max-width:640px){.sk-band .sk-circle{width:96px!important;height:96px!important}}