:root{--green: #16bf71;--green-lit: #2ad684;--green-deep: #0e9a59;--teal: #128c99;--teal-lit: #17a9b8;--teal-deep: #0b6a74;--navy: #2a5a8c;--navy-lit: #3b74ac;--navy-deep: #1c3e63;--grad-brand: linear-gradient(115deg, var(--green) 0%, var(--teal) 52%, var(--navy) 100%);--grad-soft: linear-gradient( 115deg, rgba(22, 191, 113, .12), rgba(18, 140, 153, .1) 55%, rgba(42, 90, 140, .1) );--grad-line: linear-gradient(90deg, var(--green), var(--teal), var(--navy));--ill-ground: rgba(22, 191, 113, .07);--ink-900: #0b1f30;--ink-800: #14304a;--ink-700: #2a465f;--ink-600: #4a6478;--ink-500: #6d8494;--ink-400: #93a6b2;--ink-300: #bccad3;--bg: #f4f8f8;--bg-alt: #eaf2f2;--surface: #ffffff;--surface-2: #f8fbfb;--border: rgba(11, 31, 48, .09);--border-2: rgba(11, 31, 48, .16);--dark: #0b1f30;--dark-2: #102a3f;--dark-line: rgba(255, 255, 255, .1);--ok: #16bf71;--warn: #e0a012;--err: #dc5b4a;--info: #128c99;--font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--r-xs: 6px;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(11, 31, 48, .05), 0 2px 6px rgba(11, 31, 48, .04);--sh-2: 0 2px 6px rgba(11, 31, 48, .05), 0 10px 24px rgba(11, 31, 48, .07);--sh-3: 0 4px 12px rgba(11, 31, 48, .06), 0 22px 48px rgba(11, 31, 48, .1);--sh-green: 0 10px 30px rgba(22, 191, 113, .28);--sh-teal: 0 10px 30px rgba(18, 140, 153, .24);--shell: 1240px;--gutter: clamp(20px, 4vw, 56px);--ease: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--t1: .16s;--t2: .3s;--t3: .62s;--header-h: 86px}@keyframes ex-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes ex-fade{0%{opacity:0}to{opacity:1}}@keyframes ex-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes ex-marquee{to{transform:translate(-50%)}}@keyframes ex-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes ex-blip{0%,to{opacity:1}50%{opacity:.25}}@keyframes ex-spin{to{transform:rotate(360deg)}}@keyframes ex-shimmer{to{background-position:200% 0}}@keyframes ex-progress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ex-slide-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.ex-rise{opacity:0;animation:ex-rise var(--t3) var(--ease) forwards}.ex-d1{animation-delay:80ms}.ex-d2{animation-delay:.16s}.ex-d3{animation-delay:.24s}.ex-d4{animation-delay:.32s}.ex-d5{animation-delay:.4s}.ex-d6{animation-delay:.48s}.ex-d7{animation-delay:.56s}.ex-d8{animation-delay:.64s}.ex-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.ex-reveal.is-visible{opacity:1;transform:none}.ex-s1{transition-delay:80ms}.ex-s2{transition-delay:.16s}.ex-s3{transition-delay:.24s}.ex-s4{transition-delay:.32s}.ex-s5{transition-delay:.4s}.ex-s6{transition-delay:.48s}.ex-s7{transition-delay:.56s}.ex-s8{transition-delay:.64s}.ex-skeleton{background:linear-gradient(90deg,var(--bg-alt) 0%,var(--surface-2) 40%,var(--bg-alt) 80%);background-size:200% 100%;animation:ex-shimmer 1.4s var(--ease-io) infinite;border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.ex-reveal,.ex-rise{opacity:1!important;transform:none!important}}.ex-words .ex-word{display:inline-block;opacity:0;transform:translateY(.5em) rotate(2deg);will-change:transform,opacity}.ex-words.is-in .ex-word{animation:ex-word-in .62s var(--ease) both}@keyframes ex-word-in{0%{opacity:0;transform:translateY(.5em) rotate(2deg)}to{opacity:1;transform:none}}.ex-spotlight{position:relative;isolation:isolate}.ex-spotlight:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:var(--spot-on, 0);transition:opacity .35s var(--ease);background:radial-gradient(220px circle at var(--spot-x, 50%) var(--spot-y, 50%),rgba(22,191,113,.16),transparent 68%)}.ex-typing:after{content:"";display:inline-block;width:2px;height:1em;margin-inline-start:3px;vertical-align:-.12em;background:var(--green);animation:ex-caret 1s steps(2,start) infinite}@keyframes ex-caret{50%{opacity:0}}.ex-shine{position:relative;overflow:hidden}.ex-shine:before{content:"";position:absolute;inset:0;transform:translate(-120%) skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);pointer-events:none}.ex-shine:hover:before{animation:ex-shine .85s var(--ease)}@keyframes ex-shine{to{transform:translate(120%) skew(-18deg)}}@media(prefers-reduced-motion:reduce){.ex-words .ex-word{opacity:1;transform:none;animation:none!important}.ex-spotlight:after,.ex-shine:before{display:none}.ex-typing:after{animation:none}}.eyebrow-sm{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap;margin-bottom:var(--s-5)}.page-head h1{font-size:28px;font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-top:6px}.page-head .sub{color:var(--ink-500);font-size:14px;margin-top:6px}.head-actions{display:flex;gap:var(--s-3);flex-wrap:wrap}.abtn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--r-pill);border:1px solid transparent;font-size:13.5px;font-weight:700;white-space:nowrap;transition:background var(--t1) var(--ease),border-color var(--t1) var(--ease),color var(--t1) var(--ease),transform var(--t1) var(--ease),box-shadow var(--t2) var(--ease)}.abtn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.abtn-primary{background:var(--grad-brand);color:#fff;box-shadow:var(--sh-green)}.abtn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 34px #128c9952}.abtn-ghost{border-color:var(--border-2);background:var(--surface);color:var(--ink-800)}.abtn-ghost:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.abtn-danger{border-color:#dc5b4a66;background:var(--surface);color:#b4483a}.abtn-danger:hover:not(:disabled){background:#dc5b4a14;border-color:var(--err)}.abtn-sm{padding:8px 14px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:18px 22px;border-bottom:1px solid var(--border)}.card-head h2{font-size:16px;font-weight:800;letter-spacing:-.02em}.card-head .sub{font-size:12.5px;color:var(--ink-500);margin-top:2px}.card-body{padding:22px}.empty{padding:var(--s-8) var(--s-5);text-align:center;color:var(--ink-500)}.empty ex-icon{color:var(--ink-300);margin-inline:auto}.empty b{display:block;font-size:15px;font-weight:700;color:var(--ink-800);margin-top:12px}.empty p{font-size:13.5px;margin-top:5px}.empty .abtn{margin-top:var(--s-5)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);margin-bottom:var(--s-5)}.kpi-skeleton{height:152px;border-radius:var(--r-lg)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 22px;transition:transform var(--t2) var(--ease),box-shadow var(--t2) var(--ease)}.kpi:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}.kpi b{display:block;font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-block:16px 10px}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.kpi-ic{width:40px;height:40px;border-radius:12px;background:var(--grad-soft);color:var(--teal);display:grid;place-items:center;flex:none}.kpi-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.delta{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill)}.delta.is-up{color:var(--green-deep);background:#16bf711f}.delta.is-up ex-icon{transform:rotate(-45deg)}.delta.is-down{color:#b4483a;background:#dc5b4a1f}.delta.is-down ex-icon{transform:rotate(45deg)}.delta.is-flat{color:var(--ink-500);background:var(--bg-alt)}.spark{width:74px;height:28px;overflow:visible;flex:none}.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--s-4);align-items:start}.stack{display:flex;flex-direction:column;gap:var(--s-4)}.tabs{display:flex;gap:0;padding:0 22px;border-bottom:1px solid var(--border);overflow-x:auto}.tab{padding:14px 4px;margin-right:18px;font-size:13.5px;font-weight:700;color:var(--ink-500);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color var(--t1) var(--ease),border-color var(--t1) var(--ease)}.tab:hover{color:var(--ink-900)}.tab.is-active{color:var(--teal);border-bottom-color:var(--teal)}.tab em{font-style:normal;font-size:11px;font-weight:700;background:var(--bg-alt);color:var(--ink-500);border-radius:var(--r-pill);padding:2px 7px;margin-left:6px}.tab.is-active em{background:#128c991f;color:var(--teal)}.toolbar{display:flex;align-items:center;gap:var(--s-3);padding:14px 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar .spacer{margin-left:auto}.search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-pill);padding:8px 15px;min-width:240px;transition:border-color var(--t1) var(--ease),box-shadow var(--t1) var(--ease)}.search-box:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px #128c9917}.search-box ex-icon{color:var(--ink-400)}.search-box input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:13.5px}.filter{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-pill);padding:8px 14px;font-size:13px;font-weight:600;color:var(--ink-700);transition:border-color var(--t1) var(--ease),color var(--t1) var(--ease)}.filter:hover,.filter.is-active{border-color:var(--teal);color:var(--teal)}.table-wrap{overflow-x:auto}.data-table{min-width:640px}.data-table thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-400);padding:12px 22px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.data-table tbody td{padding:15px 22px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr{transition:background var(--t1) var(--ease)}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr:last-child td{border-bottom:0}.data-table th.right,.data-table td.right{text-align:right}.cell-title{font-weight:700;font-size:14px;display:block}.cell-sub{color:var(--ink-500);font-size:12px;margin-top:2px;display:block}.with-thumb{display:flex;align-items:center;gap:13px}.thumb{width:40px;height:40px;border-radius:11px;background:var(--grad-soft);border:1px solid var(--border);display:grid;place-items:center;color:var(--teal);flex:none}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:var(--r-pill);white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.is-published{color:var(--green-deep);background:#16bf711f}.pill.is-draft{color:var(--ink-500);background:var(--bg-alt)}.pill.is-inreview{color:#a8760b;background:#e0a01224}.pill.is-archived,.pill.is-spam{color:#b4483a;background:#dc5b4a1f}.pill.is-new{color:var(--green-deep);background:#16bf711f}.pill.is-read{color:var(--ink-500);background:var(--bg-alt)}.pill.is-replied{color:var(--teal);background:#128c991f}.row-actions{display:flex;gap:4px;justify-content:flex-end;opacity:0;transition:opacity var(--t1) var(--ease)}tr:hover .row-actions,.row-actions:focus-within{opacity:1}.row-actions button,.row-actions a{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-xs);color:var(--ink-500);transition:background var(--t1) var(--ease),color var(--t1) var(--ease)}.row-actions button:hover,.row-actions a:hover{background:#128c991a;color:var(--teal)}.row-actions button.danger:hover,.row-actions a.danger:hover{background:#dc5b4a1f;color:#b4483a}.tfoot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:14px 22px;border-top:1px solid var(--border);color:var(--ink-500);font-size:13px;flex-wrap:wrap}.pager{display:flex;gap:5px}.pager button{min-width:32px;height:32px;padding-inline:10px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-xs);font-size:13px;font-weight:600;color:var(--ink-700);transition:border-color var(--t1) var(--ease),color var(--t1) var(--ease)}.pager button:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.pager button.is-active{background:var(--grad-brand);border-color:transparent;color:#fff}.pager button:disabled{opacity:.45;cursor:not-allowed}.msg{display:flex;gap:13px;padding:16px 22px;border-bottom:1px solid var(--border);position:relative;transition:background var(--t1) var(--ease)}.msg:hover{background:var(--surface-2)}.msg:last-child{border-bottom:0}.msg.unread{background:#16bf710b}.msg.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad-line)}.msg .av{width:38px;height:38px;border-radius:50%;background:var(--grad-brand);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.msg-body{min-width:0;flex:1}.msg-body p{font-size:13px;color:var(--ink-600);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.msg-top b{font-size:13.5px;font-weight:700;color:var(--ink-900)}.msg-top time{font-size:11.5px;color:var(--ink-400);white-space:nowrap}.msg-tag{display:inline-block;margin-top:8px;font-size:11px;font-weight:700;color:var(--teal);background:#128c9917;border-radius:var(--r-pill);padding:3px 9px}.feed{padding:8px 22px 22px}.feed li{display:flex;gap:14px;padding-block:12px;position:relative}.feed li:before{content:"";position:absolute;left:5px;top:26px;bottom:-6px;width:2px;background:var(--bg-alt)}.feed li:last-child:before{display:none}.feed p{font-size:13px;color:var(--ink-700)}.feed time{font-size:11.5px;color:var(--ink-400);display:block;margin-top:3px}.bullet{width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--ink-300);margin-top:5px;flex:none}.bullet.is-created,.bullet.is-published{border-color:var(--green)}.bullet.is-updated{border-color:var(--teal)}.bullet.is-unpublished,.bullet.is-deleted{border-color:var(--warn)}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--s-4);align-items:start}.field{margin-bottom:var(--s-5)}.field:last-child{margin-bottom:0}.field>label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-700);margin-bottom:8px}.field>label span{color:var(--err)}.field input[type=text],.field input[type=email],.field input[type=number],.field input[type=url],.field textarea,.field select{width:100%;border:1px solid var(--border-2);background:var(--surface);border-radius:var(--r-sm);padding:11px 14px;font-size:14px;outline:none;transition:border-color var(--t1) var(--ease),box-shadow var(--t1) var(--ease)}.field input[type=text]:focus,.field input[type=email]:focus,.field input[type=number]:focus,.field input[type=url]:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 4px #128c991a}.field input[type=text].is-invalid,.field input[type=email].is-invalid,.field input[type=number].is-invalid,.field input[type=url].is-invalid,.field textarea.is-invalid,.field select.is-invalid{border-color:#dc5b4a99}.field textarea{resize:vertical;min-height:110px;line-height:1.65;font-family:inherit}.field .hint{font-size:12px;color:var(--ink-400);margin-top:7px}.field .hint.error{color:var(--err)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.slug-input{display:flex;align-items:stretch;border:1px solid var(--border-2);border-radius:var(--r-sm);background:var(--surface);overflow:hidden}.slug-input>span{display:flex;align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--ink-500);padding-inline:14px;background:var(--bg-alt);border-right:1px solid var(--border);white-space:nowrap}.slug-input input{border:0!important;border-radius:0;box-shadow:none!important}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;border-radius:var(--r-pill);padding:6px 13px;background:var(--bg-alt);color:var(--ink-700)}.chip button{color:var(--ink-400);line-height:1;font-size:15px}.chip button:hover{color:var(--err)}.chip.add{background:none;border:1px dashed var(--border-2);color:var(--ink-500)}.chip.add:hover{border-color:var(--teal);color:var(--teal)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:10px}.switch-row b{display:block;font-size:13.5px;font-weight:600}.switch-row small{font-size:12px;color:var(--ink-400)}.switch{width:42px;height:24px;border-radius:var(--r-pill);background:var(--ink-300);position:relative;transition:background var(--t2) var(--ease);flex:none;cursor:pointer;border:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);transition:transform var(--t2) var(--ease)}.switch.on{background:var(--grad-brand)}.switch.on:after{transform:translate(18px)}.modal-backdrop{position:fixed;inset:0;z-index:240;background:#0b1f306b;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:var(--s-5);animation:ex-fade .16s var(--ease) both}.modal{width:min(720px,100%);max-height:88vh;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-3);display:flex;flex-direction:column;overflow:hidden;animation:ex-scale-in .22s var(--ease) both}.modal.sm{width:min(480px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:18px 22px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:17px;font-weight:800;letter-spacing:-.02em}.modal-body{padding:22px;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:var(--s-3);padding:16px 22px;border-top:1px solid var(--border);background:var(--surface-2)}@media(max-width:1280px){.kpis{grid-template-columns:repeat(2,1fr)}.split,.form-grid{grid-template-columns:1fr}}@media(max-width:640px){.kpis,.field-row{grid-template-columns:1fr}}.ar-inline{margin-top:8px;font-size:13.5px}.field .ar-inline::placeholder{color:var(--ink-300)}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4)}.card-skeleton{height:268px;border-radius:var(--r-lg)}.card{position:relative;display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-6);overflow:hidden;transition:transform var(--t2) var(--ease),box-shadow var(--t2) var(--ease),border-color var(--t2) var(--ease)}.card:hover{transform:translateY(-5px);box-shadow:var(--sh-3)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-line);transform:scaleX(0);transform-origin:left;transition:transform var(--t3) var(--ease)}.card:hover{border-color:transparent}.card:hover:before{transform:scaleX(1)}.card:hover .card-ic{background:var(--grad-brand);color:#fff;transform:scale(1.06) rotate(-4deg);border-color:transparent}.card:hover .card-more ex-icon{transform:translate(4px)}.card h3{font-size:19px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.card p{font-size:14.5px;color:var(--ink-600);line-height:1.65}.card-ic{width:52px;height:52px;border-radius:15px;background:var(--grad-soft);border:1px solid var(--border);display:grid;place-items:center;color:var(--teal);margin-bottom:var(--s-5);transition:background var(--t2) var(--ease),color var(--t2) var(--ease),transform var(--t2) var(--ease)}.card-more{display:inline-flex;align-items:center;gap:7px;margin-top:var(--s-5);font-size:13.5px;font-weight:700;color:var(--teal)}.card-more ex-icon{transition:transform var(--t2) var(--ease)}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-5)}.card-tags li{font-size:11.5px;font-weight:600;color:var(--ink-600);background:var(--bg-alt);border-radius:var(--r-pill);padding:5px 11px}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5)}.work{display:block;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:transform var(--t2) var(--ease),box-shadow var(--t2) var(--ease),border-color var(--t2) var(--ease)}.work:hover{transform:translateY(-5px);box-shadow:var(--sh-3)}.work-media{height:200px;position:relative;overflow:hidden;display:grid;place-items:center}.work-media:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.32) 1px,transparent 1px);background-size:22px 22px;opacity:.5}.work-media .work-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.work-media b{position:relative;z-index:1;color:#ffffffeb;font-size:26px;font-weight:800;letter-spacing:-.03em}.work-body{padding:var(--s-5) var(--s-6) var(--s-6)}.work-body h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.work-body>p{font-size:14.5px;color:var(--ink-600);line-height:1.65}.work-meta{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ink-500);margin-bottom:10px;flex-wrap:wrap}.work-meta i{width:3px;height:3px;border-radius:50%;background:var(--ink-300)}.work-metrics{display:flex;gap:var(--s-6);margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--border);flex-wrap:wrap}.work-metrics b{display:block;font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--teal)}.work-metrics span{font-size:12px;color:var(--ink-500)}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.post{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--t2) var(--ease),box-shadow var(--t2) var(--ease),border-color var(--t2) var(--ease)}.post:hover{transform:translateY(-5px);box-shadow:var(--sh-3)}.post:nth-child(3n+2) .post-media{background:linear-gradient(120deg,#128c9929,#2a5a8c24)}.post:nth-child(3n) .post-media{background:linear-gradient(120deg,#2a5a8c29,#16bf7124)}.post-media{height:150px;background:var(--grad-soft);display:grid;place-items:center;color:var(--teal);opacity:.85;overflow:hidden}.post-media img{width:100%;height:100%;object-fit:cover;display:block}.post-body{padding:var(--s-5)}.post-body h3{font-size:17px;font-weight:800;line-height:1.32;letter-spacing:-.02em;margin-bottom:10px}.post-body p{font-size:13.5px;color:var(--ink-600);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-cat{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:#128c9917;padding:4px 10px;border-radius:var(--r-pill);margin-bottom:12px}.post-foot{display:flex;align-items:center;gap:8px;margin-top:var(--s-5);font-size:12px;color:var(--ink-500)}.post-foot i{width:3px;height:3px;border-radius:50%;background:var(--ink-300)}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.quote{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-6);transition:transform var(--t2) var(--ease),box-shadow var(--t2) var(--ease)}.quote:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}.quote>p{font-size:15px;line-height:1.7;color:var(--ink-700)}.quote-by{display:flex;align-items:center;gap:12px;margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--border)}.quote-by .av{width:42px;height:42px;border-radius:50%;background:var(--grad-brand);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}.quote-by b{display:block;font-size:14px;font-weight:700}.quote-by span span{font-size:12.5px;color:var(--ink-500)}.stars{display:flex;gap:2px;color:#f2b322}.quote .stars{margin-bottom:var(--s-4)}.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3)}.ind{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;min-width:0}.ind>span:last-child{min-width:0}.ind b{overflow-wrap:anywhere}.ind{transition:transform var(--t2) var(--ease),box-shadow var(--t2) var(--ease),border-color var(--t2) var(--ease)}.ind:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:#128c9959}.ind:hover .ic{background:var(--grad-brand);color:#fff}.ind .ic{width:38px;height:38px;border-radius:11px;background:var(--grad-soft);color:var(--teal);display:grid;place-items:center;flex:none;transition:background var(--t2) var(--ease),color var(--t2) var(--ease)}.ind b{font-size:14.5px;font-weight:700;display:block}.ind span span{font-size:12px;color:var(--ink-500)}.prose{font-size:16.5px;line-height:1.78;color:var(--ink-700);max-width:68ch}.prose h2{font-size:26px;font-weight:800;letter-spacing:-.025em;color:var(--ink-900);margin-block:var(--s-7) var(--s-4)}.prose h3{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink-900);margin-block:var(--s-6) var(--s-3)}.prose p{margin-bottom:var(--s-4)}.prose ul,.prose ol{margin-bottom:var(--s-4);padding-left:22px;list-style:disc}.prose li{margin-bottom:8px}.prose a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.prose strong{color:var(--ink-900)}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-alt);border-radius:5px;padding:2px 6px}.prose blockquote{border-left:3px solid var(--green);padding-left:var(--s-5);margin-block:var(--s-5);color:var(--ink-600);font-style:italic}.stats-band{background:var(--dark);border-radius:var(--r-xl);padding:clamp(32px,4vw,56px);position:relative;overflow:hidden;color:#fff}.stats-band .blob-green{width:420px;height:420px;top:-220px;left:-120px;opacity:.4}.stats-band .blob-teal{width:400px;height:400px;bottom:-240px;right:-100px;opacity:.36}.stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-5)}.stat{text-align:center;padding-inline:var(--s-3);position:relative}.stat+.stat:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:var(--dark-line)}.stat b{display:block;font-size:clamp(34px,4.2vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.stat p{font-size:13.5px;color:#ffffff9e;margin-top:10px}.cta-wrap{padding-block:clamp(48px,6vw,80px)}.cta{position:relative;border-radius:var(--r-xl);padding:clamp(40px,6vw,76px);background:var(--grad-brand);color:#fff;overflow:hidden;text-align:center}.cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.26) 1px,transparent 1px);background-size:26px 26px;opacity:.45}.cta>*{position:relative;z-index:1}.cta h2{margin-bottom:var(--s-4)}.cta>p{max-width:54ch;margin-inline:auto;color:#ffffffe0;font-size:16.5px}.cta-actions{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap;margin-top:var(--s-6)}.cta-note{margin-top:var(--s-5);font-size:13px;color:#ffffffbf}.watermark{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;background-image:url(/icon-192.png);background-repeat:no-repeat;background-size:contain;background-position:center;opacity:.05}.watermark-lg{width:clamp(280px,34vw,520px);aspect-ratio:1;right:-8%;bottom:-22%;transform:rotate(-8deg)}.watermark-sm{width:clamp(180px,20vw,280px);aspect-ratio:1;right:4%;top:-12%}.cta .watermark,.stats-band .watermark,.footer .watermark{filter:brightness(0) invert(1);opacity:.07}.public-empty{text-align:center;padding:var(--s-9) var(--s-5);color:var(--ink-500)}.public-empty ex-icon{color:var(--ink-300);margin-inline:auto}.public-empty b{display:block;font-size:17px;font-weight:800;color:var(--ink-800);margin-top:14px}.public-empty p{font-size:14.5px;margin-top:6px}@media(max-width:1080px){.cards-3,.quotes,.posts{grid-template-columns:repeat(2,1fr)}.ind-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--s-6)}.stat:nth-child(3):before{display:none}}@media(max-width:860px){.work-grid,.cards-2{grid-template-columns:1fr}}@media(max-width:640px){.cards-3,.quotes,.posts{grid-template-columns:1fr}.ind-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}}@media(max-width:640px)and (max-width:400px){.ind-grid{grid-template-columns:1fr}}@media(max-width:640px){.stat+.stat{border-top:1px solid var(--dark-line);padding-top:var(--s-5)}.stat+.stat:before{display:none}}.faq-list{max-width:820px;margin-inline:auto;display:grid;gap:var(--s-3)}.faq-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--t2) var(--ease),box-shadow var(--t2) var(--ease)}.faq-row:hover{border-color:#128c9959}.faq-row.is-open{border-color:#128c9973;box-shadow:var(--sh-2)}.faq-row.is-open .faq-chev{transform:rotate(180deg);background:var(--grad-brand);color:#fff;border-color:transparent}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%;padding:20px 22px;text-align:left;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ink-900)}.faq-chev{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-2);display:grid;place-items:center;color:var(--ink-500);flex:none;transition:transform var(--t2) var(--ease),background var(--t2) var(--ease),color var(--t2) var(--ease),border-color var(--t2) var(--ease)}.faq-a{padding:0 22px 22px;animation:ex-fade .24s var(--ease) both}.faq-a p{font-size:15px;line-height:1.72;color:var(--ink-600);max-width:68ch}.card.has-art:hover .card-art{transform:translateY(-3px) scale(1.03)}.card.has-art .card-ic{width:38px;height:38px;border-radius:11px;margin-bottom:var(--s-4)}.card-art{display:block;width:min(230px,78%);margin:var(--s-5) auto var(--s-4);transform-origin:center bottom;transition:transform var(--t3) var(--ease)}.card-art svg{border-radius:0}.section-art{display:block;width:min(320px,62%);margin:0 auto var(--s-6);border-radius:var(--r-lg);overflow:hidden}.aside-art{display:block;margin-bottom:var(--s-5);border-radius:var(--r-lg);overflow:hidden}:root[data-theme=dark]{--bg: #0a1824;--bg-alt: #0f2231;--surface: #102639;--surface-2: #14304a;--border: rgba(255, 255, 255, .09);--border-2: rgba(255, 255, 255, .18);--dark: #071320;--dark-2: #0f2231;--dark-line: rgba(255, 255, 255, .12);--ill-ground: rgba(22, 191, 113, .09);--ink-900: #eaf2f6;--ink-800: #d2e0e8;--ink-700: #b2c6d2;--ink-600: #92a9b8;--ink-500: #78909f;--ink-400: #5f7a8b;--ink-300: #405a6c;--navy: #5b8fc7;--navy-lit: #7aa8d8;--navy-deep: #3d6d9f;--green-deep: #2ad684;--teal-deep: #38c6d4;--grad-soft: linear-gradient( 115deg, rgba(22, 191, 113, .18), rgba(18, 140, 153, .15) 55%, rgba(91, 143, 199, .15) );--sh-1: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .28);--sh-2: 0 2px 6px rgba(0, 0, 0, .4), 0 10px 24px rgba(0, 0, 0, .34);--sh-3: 0 4px 12px rgba(0, 0, 0, .42), 0 22px 48px rgba(0, 0, 0, .44);--sh-green: 0 10px 30px rgba(22, 191, 113, .32);--sh-teal: 0 10px 30px rgba(23, 169, 184, .3)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a1824;--bg-alt: #0f2231;--surface: #102639;--surface-2: #14304a;--border: rgba(255, 255, 255, .09);--border-2: rgba(255, 255, 255, .18);--dark: #071320;--dark-2: #0f2231;--dark-line: rgba(255, 255, 255, .12);--ill-ground: rgba(22, 191, 113, .09);--ink-900: #eaf2f6;--ink-800: #d2e0e8;--ink-700: #b2c6d2;--ink-600: #92a9b8;--ink-500: #78909f;--ink-400: #5f7a8b;--ink-300: #405a6c;--navy: #5b8fc7;--navy-lit: #7aa8d8;--navy-deep: #3d6d9f;--green-deep: #2ad684;--teal-deep: #38c6d4;--grad-soft: linear-gradient( 115deg, rgba(22, 191, 113, .18), rgba(18, 140, 153, .15) 55%, rgba(91, 143, 199, .15) );--sh-1: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .28);--sh-2: 0 2px 6px rgba(0, 0, 0, .4), 0 10px 24px rgba(0, 0, 0, .34);--sh-3: 0 4px 12px rgba(0, 0, 0, .42), 0 22px 48px rgba(0, 0, 0, .44);--sh-green: 0 10px 30px rgba(22, 191, 113, .32);--sh-teal: 0 10px 30px rgba(23, 169, 184, .3)}}@media(prefers-color-scheme:dark){:root[data-theme=dark] .header,:root:not([data-theme=light]) .header{background:#0a1824b8}:root[data-theme=dark] .header.stuck,:root:not([data-theme=light]) .header.stuck{background:#0a1824e0}:root[data-theme=dark] .topbar,:root:not([data-theme=light]) .topbar{background:#0a1824d1}}:root[data-theme=dark] .header{background:#0a1824b8}:root[data-theme=dark] .header.stuck{background:#0a1824e0}:root[data-theme=dark] .topbar{background:#0a1824d1}:root[data-theme=dark] .blob{opacity:.34}:root[data-theme=dark] ex-logo .logo-plate{background:#fff;border-radius:10px;padding:6px 10px}:root[data-theme=dark] .ex-skeleton{background:linear-gradient(90deg,var(--bg-alt) 0%,var(--surface-2) 40%,var(--bg-alt) 80%);background-size:200% 100%}[dir=rtl]{--font-sans: "IBM Plex Sans Arabic", "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;line-height:1.75}[dir=rtl] ex-icon[name=arrowRight] svg,[dir=rtl] ex-icon[name=arrowLeft] svg,[dir=rtl] .card-more ex-icon svg,[dir=rtl] .crumb ex-icon svg,[dir=rtl] .back-btn ex-icon svg{transform:scaleX(-1)}[dir=rtl] .card:hover .card-more ex-icon{transform:translate(-4px)}[dir=rtl] .rail{padding-left:0;padding-right:34px}[dir=rtl] .rail:before{left:auto;right:11px}[dir=rtl] .rail li:before{left:auto;right:-34px}[dir=rtl] blockquote,[dir=rtl] .prose blockquote{border-left:none;border-right:3px solid var(--green);padding-left:0;padding-right:var(--s-5)}[dir=rtl] .tick,[dir=rtl] .check-list .tick{margin-right:0}[dir=rtl] .blob-green{left:auto;right:-120px}[dir=rtl] .blob-teal{right:auto;left:-100px}[dir=rtl] .watermark{right:auto;left:-8%}[dir=rtl] .watermark-lg{right:auto;left:4%}[dir=rtl] .text-left,[dir=rtl] .sec-head:not(.center){text-align:right}[dir=rtl] .loading-bar-fill,[dir=rtl] .scroll-progress-fill{transform-origin:right}[dir=rtl] .admin-sidebar{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .nav-link.is-active:before{left:auto;right:0}[dir=rtl] .mono,[dir=rtl] code,[dir=rtl] pre,[dir=rtl] input[type=email],[dir=rtl] input[type=url],[dir=rtl] input[type=tel],[dir=rtl] .url-row input{direction:ltr;text-align:start}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink-900);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}::selection{background:#16bf7140;color:var(--ink-900)}html{scrollbar-width:thin;scrollbar-color:var(--ink-300) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:100px;border:3px solid transparent;background-clip:content-box;transition:background-color var(--t1) var(--ease)}::-webkit-scrollbar-thumb:hover{background:var(--teal);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter);position:relative}.section{padding-block:clamp(64px,8vw,112px);position:relative}.section-alt{background:var(--surface);border-block:1px solid var(--border)}.h1{font-size:clamp(38px,5.6vw,68px);font-weight:800;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}.h2{font-size:clamp(30px,3.8vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}.h3{font-size:clamp(20px,2vw,26px);font-weight:800;line-height:1.08;letter-spacing:-.03em;text-wrap:balance;letter-spacing:-.02em}.grad-text{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:clamp(16px,1.2vw,18.5px);line-height:1.68;color:var(--ink-600);max-width:58ch}.muted{color:var(--ink-500)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.eyebrow:before{content:"";width:18px;height:2px;border-radius:2px;background:var(--grad-line)}.sec-head{max-width:660px;margin-bottom:var(--s-8)}.sec-head .eyebrow,.sec-head h2{margin-bottom:var(--s-4)}.sec-head.center{margin-inline:auto;text-align:center}.sec-head.center .lede{margin-inline:auto}.sec-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap;margin-bottom:var(--s-8)}.sec-head-row .sec-head{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:var(--r-pill);font-size:14.5px;font-weight:700;letter-spacing:-.01em;border:1px solid transparent;white-space:nowrap;transition:transform var(--t1) var(--ease),box-shadow var(--t2) var(--ease),background var(--t1) var(--ease),border-color var(--t1) var(--ease),color var(--t1) var(--ease)}.btn svg{width:16px;height:16px;flex:none;transition:transform var(--t2) var(--ease)}.btn:hover svg{transform:translate(3px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--grad-brand);background-size:160% 160%;background-position:0% 50%;color:#fff;box-shadow:var(--sh-green);transition:background-position var(--t3) var(--ease),transform var(--t1) var(--ease),box-shadow var(--t2) var(--ease)}.btn-primary:hover:not(:disabled){background-position:100% 50%;transform:translateY(-2px);box-shadow:0 14px 38px #128c9957}.btn-outline{border-color:var(--border-2);color:var(--ink-800);background:var(--surface)}.btn-outline:hover:not(:disabled){border-color:var(--teal);color:var(--teal);transform:translateY(-2px);box-shadow:var(--sh-2)}.btn-ghost{color:var(--ink-800)}.btn-ghost:hover:not(:disabled){background:#0b1f300d}.btn-white{background:#fff;color:var(--ink-900)}.btn-white:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #0000002e}.btn-on-dark{border-color:#ffffff47;color:#fff}.btn-on-dark:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80}.btn-sm{padding:10px 18px;font-size:13.5px}.blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;opacity:.5}.blob-green{background:#16bf718c}.blob-teal{background:#128c996b}.blob-navy{background:#2a5a8c59}.route-fade{animation:ex-fade .32s var(--ease) both}