:root{font-family:'IBM Plex Sans Arabic',Manrope,system-ui,sans-serif;color-scheme:dark;--bg:#0c1422;--surface:#111d2e;--surface2:#15243a;--ink:#eff4f5;--muted:#9aabba;--line:rgba(190,211,224,.13);--teal:#37c4b2;--teal-ink:#0a1a25;--gold:#d9b879;--shadow:0 28px 70px rgba(0,0,0,.24);--radius:22px;scroll-behavior:smooth}
:root[data-theme="light"]{color-scheme:light;--bg:#f5f7f6;--surface:#fff;--surface2:#eef3f1;--ink:#142333;--muted:#61717e;--line:rgba(28,53,66,.13);--teal:#168b80;--teal-ink:#fff;--gold:#94713a;--shadow:0 24px 60px rgba(35,57,68,.1)}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.section-shell,.nav-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.announcement{min-height:36px;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 18px;background:#142d3b;color:#dce9e7;font-size:12px}.announcement a{color:#68d4c1;text-decoration:underline;text-underline-offset:3px}.announcement-dot,.pill-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal)}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-shell{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:36px;height:36px;overflow:visible}.mark-orbit,.mark-handle,.mark-check{fill:none;stroke:var(--teal);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.mark-orbit-end{stroke:var(--gold)}.mark-check{stroke:var(--ink);stroke-width:3.2}.brand-name{font-size:21px;font-weight:700;letter-spacing:.01em}.brand-divider{height:20px;border-inline-start:1px solid var(--line);margin-inline:2px}.brand-region{font-size:11px;color:var(--muted)}.main-nav,.nav-actions{display:flex;align-items:center;gap:24px}.main-nav a{font-size:13px;color:var(--muted);transition:color .2s}.main-nav a:hover,.text-link:hover{color:var(--teal)}.nav-actions{gap:9px}.utility-button{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:transparent;cursor:pointer;font-size:12px}.theme-button{display:flex;align-items:center;gap:7px}.theme-icon{width:16px!important;height:16px!important}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:0 19px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-small{min-height:38px;padding:0 14px;font-size:12px}.button-primary{background:var(--teal);color:var(--teal-ink)}.button-primary:hover{background:#65d3c2}.button-outline{border-color:var(--line);background:var(--surface);color:var(--ink)}.button-quiet{color:var(--muted);padding-inline:8px}.arrow-icon{transform:scaleX(-1)}[dir="ltr"] .arrow-icon{transform:none}.quiet-arrow{color:var(--teal)}.mobile-menu{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.hero{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:38px;padding-top:76px;padding-bottom:28px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--teal);font-size:12px;font-weight:600}.eyebrow-line{width:24px;height:1px;background:var(--teal)}h1,h2,h3,p{margin-top:0}h1{max-width:650px;margin:19px 0 18px;font-size:clamp(42px,5.1vw,68px);line-height:1.2;letter-spacing:-.045em}h1>span{display:block}.hero-accent{color:var(--teal)}.hero-description{max-width:580px;margin-bottom:24px;color:var(--muted);font-size:16px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.hero-assurance{display:flex;align-items:center;gap:8px;margin-top:24px;color:var(--muted);font-size:12px}.hero-assurance .icon{color:var(--teal)}.hero-visual{height:420px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--teal) 14%,var(--surface)),var(--surface) 62%);box-shadow:var(--shadow)}.visual-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center,#000 0,transparent 75%)}.orbit{position:absolute;border:1px solid color-mix(in srgb,var(--teal) 35%,transparent);border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:285px;height:160px}.orbit-two{width:335px;height:225px;transform:rotate(54deg);border-color:color-mix(in srgb,var(--gold) 30%,transparent)}.orbit-core{width:106px;height:106px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--teal) 55%,transparent);border-radius:32px;background:var(--surface2);box-shadow:0 0 65px color-mix(in srgb,var(--teal) 25%,transparent)}.visual-mark{width:66px;height:66px}.visual-caption{position:absolute;inset-inline:22px;bottom:20px;display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px)}.caption-mark,.capability-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--teal) 13%,var(--surface));color:var(--teal)}.caption-kicker{margin:0 0 4px;color:var(--muted);font-size:11px}.caption-title{margin:0;font-size:14px;font-weight:600}.caption-index{margin-inline-start:auto;color:var(--muted);font:11px Manrope,sans-serif;direction:ltr}.visual-note{position:absolute;top:18px;inset-inline-start:18px;padding:6px 10px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:10px}.signal{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:30px;background:var(--surface);color:var(--muted);font-size:11px}.signal>span:first-child{width:6px;height:6px;border-radius:50%;background:var(--gold)}.signal-top{top:17%;inset-inline-end:14%}.signal-side{top:46%;inset-inline-start:8%}.signal-bottom{top:54%;inset-inline-end:7%}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:22px 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.signal-list{display:flex;align-items:center;gap:21px;flex:1;flex-wrap:wrap}.signal-list span{display:flex;align-items:center;gap:7px}.signal-list .icon{width:15px;height:15px;color:var(--teal)}.signal-list b{font-weight:500}.hero-bottom-note{white-space:nowrap}
.checker-section{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading h2,.method-heading h2{margin:12px 0;font-size:clamp(30px,3.5vw,44px);line-height:1.35;letter-spacing:-.03em}.section-heading p,.section-intro{max-width:480px;margin:0;color:var(--muted);font-size:14px;line-height:1.9}.preview-pill,.capability-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:30px;color:var(--muted);white-space:nowrap;font-size:11px}.checker-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.checker-tabs{display:flex;gap:4px;padding:12px;border-bottom:1px solid var(--line);overflow:auto}.checker-tab{display:flex;align-items:center;gap:8px;padding:11px 16px;border:0;border-radius:10px;background:transparent;color:var(--muted);white-space:nowrap;cursor:pointer;font-size:12px}.checker-tab .icon{width:16px;height:16px}.checker-tab.is-active{background:color-mix(in srgb,var(--teal) 13%,var(--surface));color:var(--teal)}.checker-form{padding:26px clamp(18px,4vw,42px) 30px}.checker-form-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.form-step{color:var(--teal);font-size:11px}.checker-form-top h3{margin:6px 0 0;font-size:19px}.privacy-badge{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.privacy-badge .icon{color:var(--teal);width:16px}.mode-panel{display:none}.mode-panel.is-visible{display:block}.field-label{display:block;margin-bottom:9px;font-size:12px;font-weight:600}.url-field{display:flex;align-items:center;gap:11px;min-height:54px;padding:0 15px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.url-field>.icon{color:var(--muted)}input,textarea{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}.input-protocol{color:var(--teal);font:10px Manrope,sans-serif}.field-hint,.textarea-meta{margin:9px 0 0;color:var(--muted);font-size:10px}.drop-zone{width:100%;min-height:92px;display:flex;align-items:center;gap:13px;padding:14px;border:1px dashed color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--teal) 4%,var(--bg));text-align:start;cursor:pointer}.drop-zone.is-dragging{background:color-mix(in srgb,var(--teal) 14%,var(--bg))}.drop-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--surface2);color:var(--teal)}.drop-copy{display:grid;gap:5px;flex:1}.drop-copy strong{font-size:12px}.drop-copy small{color:var(--muted);font-size:10px}.drop-action{padding:8px 11px;border:1px solid var(--line);border-radius:9px;font-size:10px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}textarea{min-height:115px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);resize:vertical}.textarea-meta{display:flex;justify-content:space-between}.selected-file{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding:10px 13px;border-radius:10px;background:var(--surface2);font-size:11px}.selected-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file{border:0;background:none;color:#e49a91;cursor:pointer;font-size:11px}.checker-submit-row{display:flex;align-items:center;gap:16px;margin-top:24px;flex-wrap:wrap}.check-button{min-width:190px}.preview-credit{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.preview-credit .icon{width:15px;color:var(--gold)}.checker-status{margin-top:18px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--teal) 7%,var(--surface));font-size:12px;line-height:1.7}.checker-status[data-state="error"]{border-color:#b96a68;color:#edb5b1}.checker-disclaimer{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.8}
.capabilities{padding-top:25px;padding-bottom:100px}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.capability-card{min-height:260px;padding:23px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .2s,border-color .2s}.capability-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--teal) 45%,var(--line))}.capability-featured{background:linear-gradient(145deg,color-mix(in srgb,var(--teal) 13%,var(--surface)),var(--surface) 70%)}.capability-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.capability-number{color:var(--muted);font:11px Manrope,sans-serif}.capability-card h3{margin-bottom:10px;font-size:17px}.capability-card p{min-height:66px;margin-bottom:19px;color:var(--muted);font-size:12px;line-height:1.8}.capability-tag{padding:6px 9px;font-size:9px}.method-section{padding:90px 0;background:var(--surface);border-block:1px solid var(--line)}.method-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.method-heading h2{font-size:clamp(36px,4vw,52px)}.method-heading h2 span{color:var(--teal)}.method-heading>p{max-width:400px;color:var(--muted);font-size:14px;line-height:1.9}.text-link{display:inline-flex;align-items:center;gap:9px;margin-top:12px;color:var(--teal);font-size:12px}.method-step{display:grid;grid-template-columns:40px 1px 1fr;gap:17px;padding-bottom:28px}.step-number{color:var(--teal);font:12px Manrope,sans-serif}.step-line{background:var(--line)}.method-step h3{margin:0 0 6px;font-size:15px}.method-step p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.method-note{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.method-note .icon{color:var(--gold)}.method-note p{margin:0;font-size:11px;line-height:1.8}
.plans-section{padding-top:100px;padding-bottom:100px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.plan-card{position:relative;padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.plan-card.is-popular{border-color:color-mix(in srgb,var(--teal) 65%,var(--line));box-shadow:0 15px 45px color-mix(in srgb,var(--teal) 9%,transparent)}.popular-badge{position:absolute;top:14px;inset-inline-end:14px;padding:6px 9px;border-radius:20px;background:color-mix(in srgb,var(--teal) 16%,var(--surface));color:var(--teal);font-size:9px}.plan-label{color:var(--teal);font-size:10px}.plan-card h3{margin:9px 0;font-size:24px}.plan-description{min-height:40px;color:var(--muted);font-size:11px;line-height:1.7}.plan-value{margin:19px 0;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:15px;font-weight:700}.plan-card ul{display:grid;gap:13px;min-height:112px;margin:0 0 19px;padding:0;list-style:none;color:var(--muted);font-size:11px}.plan-card li:before{content:'✓';margin-inline-end:8px;color:var(--teal)}.plan-card .button{width:100%}.plans-footnote{margin:18px 0 0;color:var(--muted);font-size:10px;text-align:center}.principles-section{padding:70px 0;background:color-mix(in srgb,var(--surface2) 55%,var(--bg))}.principles-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.principles-layout h2{margin:12px 0;font-size:34px;line-height:1.4}.principles-layout p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.principle-list{display:grid;gap:12px}.principle-item{display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:12px}.principle-item .icon{color:var(--teal)}.site-footer{padding:26px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.footer-brand .brand-mark{width:26px;height:26px}.footer-note,.footer-links{color:var(--muted);font-size:10px}.footer-links{display:flex;gap:16px}.footer-links a:hover{color:var(--teal)}
@media(max-width:980px){.main-nav{gap:13px}.nav-actions .button{display:none}.hero{gap:24px}.hero-visual{height:370px}.capability-grid{grid-template-columns:repeat(2,1fr)}.method-shell{gap:45px}}
@media(max-width:760px){.section-shell,.nav-shell{width:min(100% - 32px,600px)}.nav-shell{min-height:66px}.brand-region,.brand-divider{display:none}.mobile-menu{display:grid;place-items:center;order:3}.main-nav{display:none;position:absolute;top:100%;inset-inline:0;padding:15px 20px 20px;border-bottom:1px solid var(--line);background:var(--bg);flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:12px 4px;border-bottom:1px solid var(--line)}.nav-actions{margin-inline-start:auto}.theme-button span{display:none}.hero{grid-template-columns:1fr;padding-top:52px}.hero-visual{height:330px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:14px}.signal-list{gap:14px}.hero-bottom-note{align-self:flex-end}.checker-section{padding-top:70px;padding-bottom:65px}.section-heading{align-items:flex-start;flex-direction:column}.section-intro{max-width:none}.checker-form-top{align-items:flex-start;flex-direction:column;gap:12px}.method-section{padding:68px 0}.method-shell{grid-template-columns:1fr;gap:35px}.plans-grid{grid-template-columns:1fr}.plan-description,.plan-card ul{min-height:0}.principles-layout{grid-template-columns:1fr;gap:28px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(max-width:480px){.announcement{font-size:10px}.brand-name{font-size:19px}.utility-button{padding:0 10px}.hero h1{font-size:42px}.hero-description{font-size:14px}.hero-visual{height:290px}.orbit-one{width:230px;height:135px}.orbit-two{width:260px;height:185px}.signal{font-size:9px}.signal-side{inset-inline-start:4%}.signal-bottom{inset-inline-end:3%}.signal-list{display:grid;grid-template-columns:repeat(2,auto);justify-content:start}.checker-tabs{padding:8px}.checker-tab{padding:10px}.drop-zone{align-items:flex-start;flex-wrap:wrap}.drop-copy{min-width:calc(100% - 62px)}.drop-action{margin-inline-start:57px}.checker-submit-row{align-items:flex-start;flex-direction:column}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:0}.capability-card p{min-height:0}.footer-inner{gap:12px}}
.principles-shell{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.principles-lead h2{margin:12px 0;font-size:34px;line-height:1.4}.principles-content>p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.9}.principles-points{display:grid;gap:10px}.principles-points span{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:12px}.principles-points .icon{color:var(--teal)}.principles-points b{font-weight:500}.footer-shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-meta{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:10px}.footer-meta a:hover{color:var(--teal)}
@media(max-width:760px){.principles-shell{grid-template-columns:1fr;gap:28px}.footer-shell{align-items:flex-start;flex-direction:column}.footer-meta{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.brand-logo{display:block;width:clamp(132px,14vw,178px);height:42px;object-fit:contain;object-position:center}.footer-brand-logo{width:150px;height:42px}.orbit-core{background:#f5f7f6;transform:translateZ(30px)}.visual-mark{width:78px;height:72px;object-fit:contain}.hero-visual{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .3s;will-change:transform}.hero-visual.is-tilting{box-shadow:0 38px 95px rgba(0,0,0,.3)}.orbit-one{animation:mirsad-orbit-one 38s linear infinite}.orbit-two{animation:mirsad-orbit-two 52s linear infinite}.orbit-core{transition:transform .35s ease}.visual-caption{transform:translateZ(38px)}.signal{transform:translateZ(22px);animation:mirsad-float 5.5s ease-in-out infinite}.signal-side{animation-delay:-1.7s}.signal-bottom{animation-delay:-3.2s}.orbit-one::before,.orbit-two::before{content:"";position:absolute;width:7px;height:7px;top:50%;inset-inline-start:-4px;border-radius:50%;background:var(--teal);box-shadow:0 0 18px var(--teal)}.orbit-two::before{background:var(--gold);box-shadow:0 0 18px var(--gold)}@keyframes mirsad-orbit-one{from{transform:rotate(-28deg)}to{transform:rotate(332deg)}}@keyframes mirsad-orbit-two{from{transform:rotate(54deg)}to{transform:rotate(414deg)}}@keyframes mirsad-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:760px){.brand-logo{width:clamp(118px,36vw,150px);height:36px}.footer-brand-logo{width:140px}.hero-visual{transform:none!important;will-change:auto}.orbit-one,.orbit-two,.signal{animation-duration:8s}.visual-caption{transform:none}}
@media(prefers-reduced-motion:reduce){.orbit-one,.orbit-two,.signal{animation:none!important}.hero-visual{transform:none!important;transition:none!important;will-change:auto}}