@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8bcddb47c8219945-s.3gpqod6e6kd7d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c0680f1bdb3a2e90-s.p.1ay-qk1u8nydy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8bcddb47c8219945-s.3gpqod6e6kd7d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c0680f1bdb3a2e90-s.p.1ay-qk1u8nydy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8bcddb47c8219945-s.3gpqod6e6kd7d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c0680f1bdb3a2e90-s.p.1ay-qk1u8nydy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8bcddb47c8219945-s.3gpqod6e6kd7d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/c0680f1bdb3a2e90-s.p.1ay-qk1u8nydy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.d4vbFW_className{font-family:Outfit,Outfit Fallback;font-style:normal}.d4vbFW_variable{--font-display:"Outfit", "Outfit Fallback"}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ffc7b595a48b6846-s.2k_u76ydap2io.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/276a8f4fe816cb6b-s.31_i6ngnt52xa.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/82b67ad56d243b47-s.2p5l8hwveaaiz.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/33ee198db9637ef4-s.1_g-53zz09yvy.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fbb7028efdf70529-s.2gp_y-cmv6-ey.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/82450a180bcad83c-s.p.2ywnh8m32q6p0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ffc7b595a48b6846-s.2k_u76ydap2io.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/276a8f4fe816cb6b-s.31_i6ngnt52xa.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/82b67ad56d243b47-s.2p5l8hwveaaiz.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/33ee198db9637ef4-s.1_g-53zz09yvy.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fbb7028efdf70529-s.2gp_y-cmv6-ey.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/82450a180bcad83c-s.p.2ywnh8m32q6p0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ffc7b595a48b6846-s.2k_u76ydap2io.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/276a8f4fe816cb6b-s.31_i6ngnt52xa.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/82b67ad56d243b47-s.2p5l8hwveaaiz.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/33ee198db9637ef4-s.1_g-53zz09yvy.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fbb7028efdf70529-s.2gp_y-cmv6-ey.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/82450a180bcad83c-s.p.2ywnh8m32q6p0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ffc7b595a48b6846-s.2k_u76ydap2io.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/276a8f4fe816cb6b-s.31_i6ngnt52xa.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/82b67ad56d243b47-s.2p5l8hwveaaiz.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/33ee198db9637ef4-s.1_g-53zz09yvy.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fbb7028efdf70529-s.2gp_y-cmv6-ey.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/82450a180bcad83c-s.p.2ywnh8m32q6p0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.bVTkyW_className{font-family:Manrope,Manrope Fallback;font-style:normal}.bVTkyW_variable{--font-body:"Manrope", "Manrope Fallback"}
:root{--brand-gradient:linear-gradient(135deg, #14b8a6 0%, #0ea5e9 52%, #2563eb 100%);--btn-on-gradient:#041018;--font-display:var(--font-display), "Outfit", sans-serif;--font-body:var(--font-body), "Manrope", sans-serif;--container:1320px;--gutter:1.125rem;--space-1:.35rem;--space-2:.65rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.25rem;--space-6:3.25rem;--section-y:clamp(3.75rem, 8vw, 6.25rem);--ease:cubic-bezier(.22, 1, .36, 1);--header-h:72px;--wa-bottom:1.25rem;--btn-h:48px;--btn-h-sm:40px;--btn-radius:14px;--radius:22px;--radius-sm:12px;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent-cyan) 45%, transparent);--bg:#f4f7fb;--bg-elevated:#fff;--bg-soft:#e8eef6;--fg:#0b1220;--muted:#3a4658;--faint:#6b7789;--accent:#1d4ed8;--accent-cyan:#2563eb;--accent-strong:#1e3a8a;--accent-soft:#2563eb1a;--border:#0f172a1a;--border-strong:#0f172a2e;--shadow:0 14px 36px #0f172a0f;--shadow-brand:0 10px 28px #2563eb1a;--surface-glow-a:#2563eb12;--surface-glow-b:#0ea5e90d;--header-bg:#ffffffe0;--chip-bg:#fff;--panel-bg:#fff;--danger:#dc2626;--ok:#059669}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070a12;--bg-elevated:#0d1220;--bg-soft:#12192b;--fg:#f1f5f9;--muted:#94a3b8;--faint:#64748b;--accent:#6366f1;--accent-cyan:#22d3ee;--accent-strong:#4f46e5;--accent-soft:#6366f124;--border:#94a3b824;--border-strong:#94a3b847;--shadow:0 30px 80px #00000073;--shadow-brand:0 0 40px #22d3ee2e, 0 0 80px #6366f11f;--surface-glow-a:#22d3ee1f;--surface-glow-b:#6366f124;--header-bg:#070a12c7;--chip-bg:#ffffff0a;--panel-bg:#ffffff08;--danger:#f87171;--ok:#34d399}}html[data-theme=light]{--bg:#f4f7fb;--bg-elevated:#fff;--bg-soft:#e8eef6;--fg:#0b1220;--muted:#3a4658;--faint:#6b7789;--accent:#1d4ed8;--accent-cyan:#2563eb;--accent-strong:#1e3a8a;--accent-soft:#2563eb1a;--border:#0f172a1a;--border-strong:#0f172a2e;--shadow:0 14px 36px #0f172a0f;--shadow-brand:0 10px 28px #2563eb1a;--surface-glow-a:#2563eb12;--surface-glow-b:#0ea5e90d;--header-bg:#ffffffe0;--chip-bg:#fff;--panel-bg:#fff;--danger:#dc2626;--ok:#059669}html[data-theme=dark]{--bg:#070a12;--bg-elevated:#0d1220;--bg-soft:#12192b;--fg:#f1f5f9;--muted:#94a3b8;--faint:#64748b;--accent:#6366f1;--accent-cyan:#22d3ee;--accent-strong:#4f46e5;--accent-soft:#6366f124;--border:#94a3b824;--border-strong:#94a3b847;--shadow:0 30px 80px #00000073;--shadow-brand:0 0 40px #22d3ee2e, 0 0 80px #6366f11f;--surface-glow-a:#22d3ee1f;--surface-glow-b:#6366f124;--header-bg:#070a12c7;--chip-bg:#ffffff0a;--panel-bg:#ffffff08;--danger:#f87171;--ok:#34d399}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100%;color:var(--fg);background:radial-gradient(900px 480px at 12% -8%, var(--surface-glow-a), transparent 55%), radial-gradient(800px 420px at 88% 4%, var(--surface-glow-b), transparent 50%), linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg) 42%, var(--bg) 100%);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}body:before{content:"";pointer-events:none;opacity:.022;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-weight:700;line-height:1.08}p{color:var(--muted);margin:0}.muted{color:var(--muted)}.small{font-size:.88rem}@media (min-width:640px){:root{--gutter:1.75rem}}@media (min-width:1024px){:root{--gutter:clamp(3rem, 4vw, 4rem)}}.site-shell{z-index:1;min-height:100vh;position:relative;overflow-x:clip}.container{box-sizing:border-box;width:min(var(--container), calc(100% - (2 * var(--gutter))));max-width:var(--container);margin-inline:auto}.section-intro{max-width:40rem;margin-bottom:var(--space-5)}.section-intro h2{margin-bottom:.65rem;font-size:clamp(1.75rem,3.4vw,2.55rem)}.section-intro p{max-width:36rem;font-size:1.02rem}.brand-logo-link{display:inline-flex}.brand-logo{-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;display:inline-flex}.brand-logo-mark{filter:drop-shadow(0 0 8px #22d3ee59);width:auto;height:auto;max-height:100%;transition:filter .3s var(--ease), transform .3s var(--ease)}.brand-logo-mark-light,html[data-theme=light] .brand-logo-mark-dark{display:none}html[data-theme=light] .brand-logo-mark-light{display:block}.brand-logo:hover .brand-logo-mark,.brand-logo-link:hover .brand-logo-mark{filter:drop-shadow(0 0 14px #22d3eeb3)drop-shadow(0 0 22px #6366f173);transform:scale(1.04)}.brand-logo-sm .brand-logo-mark{height:32px}.brand-logo-md .brand-logo-mark{height:40px}.brand-logo-lg .brand-logo-mark{height:52px}.brand-logo-hero .brand-logo-mark{height:clamp(56px,9vw,88px)}.brand-logo-word{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;font-weight:800;line-height:1;display:inline-flex}.brand-logo-zain{color:var(--fg)}.brand-logo-codes{background:var(--brand-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #22d3ee47);-webkit-background-clip:text;background-clip:text;margin-left:1px}.btn{min-height:var(--btn-h);border-radius:var(--btn-radius);background:var(--brand-gradient);color:var(--btn-on-gradient);font-weight:700;font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), opacity .2s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-size:.95rem;display:inline-flex;box-shadow:0 10px 28px #22d3ee29}.btn:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 12px 32px #6366f142}.btn:focus-visible{box-shadow:var(--focus-ring), 0 10px 28px #22d3ee29;outline:none}.btn:disabled,.btn[aria-disabled=true],.btn.is-loading{opacity:.55;cursor:not-allowed;filter:none;pointer-events:none;transform:none}.btn-secondary{background:var(--panel-bg);border-color:var(--border-strong);color:var(--fg);box-shadow:none}.btn-secondary:hover{border-color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 8%, var(--panel-bg));filter:none}.btn-danger{color:#fff;box-shadow:none;background:#e23f3f;border-color:#0000}.btn-danger:hover{filter:brightness(1.06);box-shadow:0 10px 24px #ef444447}.btn-outline{border-color:var(--border-strong);color:var(--fg);box-shadow:none;background:0 0}.btn-outline:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 6%, transparent)}.btn-icon{width:var(--btn-h-sm);min-height:var(--btn-h-sm);background:var(--chip-bg);border:1px solid var(--border);color:var(--fg);box-shadow:none;border-radius:12px;padding:0}.btn-icon:hover{border-color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 8%, var(--chip-bg));filter:none;transform:translateY(-1px)}.btn-sm{min-height:var(--btn-h-sm);border-radius:12px;padding:.4rem .95rem;font-size:.88rem}.magnetic-wrap{display:inline-flex}html[data-theme=light] .btn{box-shadow:0 10px 26px #0f766e33}html[data-theme=light] .btn-secondary,html[data-theme=light] .btn-outline{color:var(--fg);background:#fff;border-color:#14182029}html[data-theme=light] .btn-secondary:hover,html[data-theme=light] .btn-outline:hover{background:#fff;border-color:#0f766e59}.eyebrow{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.55rem;margin-bottom:1rem;font-size:.72rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:1.4rem;height:1px}.section{padding:var(--section-y) 0;position:relative}.section-head{max-width:42rem;margin-bottom:2.75rem}.section-head h2{margin-bottom:.85rem;font-size:clamp(1.9rem,3.8vw,2.9rem)}.section-head p{font-size:1.08rem}.site-header{z-index:40;height:var(--header-h);transition:background .25s var(--ease), border-color .25s var(--ease), backdrop-filter .25s;border-bottom:1px solid #0000;align-items:center;display:flex;position:sticky;top:0}.site-header.scrolled{background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--border)}.nav-row{width:min(var(--container), calc(100% - (2 * var(--gutter))));max-width:var(--container);justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.nav-actions{align-items:center;gap:.5rem;display:flex}.nav-end{align-items:center;gap:.55rem;margin-left:.35rem;display:inline-flex}.nav-theme-mobile{display:none}.theme-toggle{background:color-mix(in srgb, var(--fg) 6%, transparent);width:38px;height:38px;color:var(--fg);cursor:pointer;transition:border-color .2s var(--ease), transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease);box-shadow:none;border:1px solid #0000;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.theme-toggle:hover{border-color:color-mix(in srgb, var(--accent-cyan) 45%, transparent);background:color-mix(in srgb, var(--accent-cyan) 10%, transparent);color:var(--accent-cyan);transform:translateY(-1px)}.theme-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}html[data-theme=light] .theme-toggle{background:color-mix(in srgb, var(--fg) 5%, transparent);box-shadow:none;color:#0f172a;border-color:#0000}html[data-theme=light] .theme-toggle:hover{color:#0e7490;background:#0e74901a;border-color:#0e749047}.nav-links{align-items:center;gap:1.2rem;display:flex}.nav-links a:not(.btn){color:var(--muted);transition:color .2s var(--ease);font-size:.95rem;font-weight:600;position:relative}.nav-links a:not(.btn):hover,.nav-links a.active{color:var(--fg)}.nav-links a:not(.btn):after{content:"";background:var(--brand-gradient);height:2px;transition:right .25s var(--ease);position:absolute;bottom:-6px;left:0;right:100%}.nav-links a:not(.btn):hover:after,.nav-links a.active:after{right:0}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:0 12px;display:none}.nav-toggle span{background:var(--fg);border-radius:2px;height:2px;display:block}@media (max-width:860px){.nav-toggle{display:flex}.nav-links{top:var(--header-h);padding:1rem var(--gutter) 1.35rem;background:var(--header-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;align-items:stretch;gap:.75rem;display:none;position:absolute;left:0;right:0}.nav-links.open{display:flex}.nav-end{border-top:1px solid var(--border);justify-content:space-between;margin-top:.35rem;margin-left:0;padding-top:.65rem}}.hero-stage{min-height:calc(100svh - var(--header-h));perspective:1400px;align-items:center;padding:clamp(1.75rem,4vw,3rem) 0 clamp(2.5rem,5vw,4rem);display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;opacity:.85;position:absolute;inset:0}.hero-ambient{pointer-events:none;background:radial-gradient(50% 40% at 78% 42%,#6366f129,#0000 70%),radial-gradient(40% 35% at 18% 70%,#22d3ee14,#0000 65%);position:absolute;inset:0}.hero-layout{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(1.75rem,4.5vw,3.75rem);display:grid;position:relative}.hero-copy{gap:.85rem;max-width:36rem;display:grid}.hero-badge{color:#34d399;letter-spacing:.02em;text-wrap:balance;background:#10b98117;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:.55rem;width:fit-content;max-width:100%;padding:.42rem .85rem .42rem .7rem;font-size:.78rem;font-weight:700;line-height:1.3;display:inline-flex}html[data-theme=light] .hero-badge{color:#047857;background:#10b9811f;border-color:#04785747}.hero-badge-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #10b981}.hero-kicker{color:var(--accent-cyan);letter-spacing:.02em;font-size:.95rem;font-weight:600}.hero-title{letter-spacing:-.04em;text-wrap:balance;max-width:13.5ch;font-size:clamp(2.05rem,4.4vw,3.35rem);font-weight:800;line-height:1.1}.hero-title-accent{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline}.hero-position-line{color:var(--faint);letter-spacing:.02em;font-size:.9rem;font-weight:600}.hero-pillars{flex-wrap:wrap;gap:.5rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.hero-pillars li{border:1px solid var(--border);background:var(--chip-bg);color:var(--fg);border-radius:999px;padding:.4rem .75rem;font-size:.82rem;font-weight:600}.hero-lede{max-width:32rem;margin-top:.1rem;font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.45rem;display:flex}.hero-visual-3d{width:min(100%,380px);transform-style:preserve-3d;will-change:transform;justify-self:end;position:relative}.hero-visual-back,.hero-visual-mid{pointer-events:none;border-radius:28px;position:absolute;inset:8% -6% -6% 8%}.hero-visual-back{filter:blur(.5px);background:linear-gradient(145deg,#22d3ee2e,#6366f11f);transform:translateZ(-40px)rotate(-4deg)}.hero-visual-mid{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);inset:4% -2% -2% 4%;transform:translateZ(-18px)rotate(-1.5deg)}html[data-theme=light] .hero-visual-back{background:linear-gradient(145deg,#0e74902e,#4338ca1f)}html[data-theme=light] .hero-frame{border-color:#0f172a29;box-shadow:0 28px 64px #0f172a29,0 0 0 1px #0e749014}.hero-frame{background:#0b1020;border:1px solid #94a3b838;border-radius:26px;position:relative;overflow:hidden;transform:translateZ(28px);box-shadow:0 40px 90px #00000080,0 0 0 1px #22d3ee14}.hero-portrait{aspect-ratio:4/5;object-fit:cover;object-position:center top;width:100%}.hero-frame-sheen{pointer-events:none;background:linear-gradient(160deg,#ffffff24,#0000 32% 68%,#6366f11a);position:absolute;inset:0}.hero-frame-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e2e8f0;background:#070a12b8;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;font-size:.78rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.hero-frame-caption span:last-child{color:var(--muted)}@media (max-width:900px){.hero-layout{grid-template-columns:1fr;gap:1.75rem}.hero-title{max-width:16ch}.hero-copy{max-width:none}.hero-visual-3d{order:-1;justify-self:center;width:min(100%,280px)}.hero-stage{min-height:auto;padding-top:1.25rem}}@media (max-width:430px){.hero-title{max-width:none;font-size:clamp(1.85rem,9vw,2.25rem)}.hero-actions,.hero-actions .magnetic-wrap,.hero-actions .btn{width:100%}}.services-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 80%, transparent), transparent 50%)}.svc-board{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);align-items:start;gap:clamp(1rem,2.5vw,1.75rem);display:grid}.svc-index{border-top:1px solid var(--border)}.svc-index-row{border-bottom:1px solid var(--border);transition:background .25s var(--ease), padding .25s var(--ease);grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:start;gap:.75rem 1rem;padding:.95rem .65rem .95rem 0;display:grid}.svc-index-row:hover,.svc-index-row.is-active{background:color-mix(in srgb, var(--accent-cyan) 5%, transparent);border-radius:10px;padding-left:.55rem}.svc-index-row:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent-cyan) 50%, transparent);outline:none}.svc-num{font-family:var(--font-display);letter-spacing:.14em;color:var(--faint);padding-top:.28rem;font-size:.72rem;font-weight:700}.svc-index-row.is-active .svc-num,.svc-index-row:hover .svc-num{color:var(--accent-cyan)}.svc-index-copy{gap:.25rem;min-width:0;display:grid}.svc-index-copy strong{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:1.05rem}.svc-index-copy span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.svc-index-go{color:var(--faint);transition:transform .25s var(--ease), color .25s var(--ease);padding-top:.2rem;font-weight:700}.svc-index-row:hover .svc-index-go,.svc-index-row.is-active .svc-index-go{color:var(--accent-cyan);transform:translate(3px)}.svc-stage{top:calc(var(--header-h) + 1rem);border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--shadow);border-radius:16px;gap:.55rem;padding:1.15rem 1.2rem 1.25rem;display:grid;position:sticky}.svc-stage-preview{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-soft) 70%, var(--panel-bg));border-radius:12px;margin-bottom:.25rem;padding:.85rem}.svc-stage-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan);margin:0;font-size:.68rem;font-weight:750}.svc-stage h3{letter-spacing:-.025em;font-size:1.2rem}.svc-stage>p{font-size:.92rem;line-height:1.55}.svc-stage-caps{flex-wrap:wrap;gap:.35rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.svc-stage-caps li{border:1px solid var(--border);background:var(--chip-bg);color:var(--fg);border-radius:6px;padding:.22rem .5rem;font-size:.74rem;font-weight:650}.svc-stage-cta{color:var(--accent-cyan);border-bottom:1px solid color-mix(in srgb, var(--accent-cyan) 35%, transparent);width:fit-content;margin-top:.35rem;font-size:.9rem;font-weight:700}.tilt-3d{transform-style:preserve-3d;will-change:transform}.work-feature-media-tilt,.work-tile-media-tilt{width:100%}.work-section,.skills-section{perspective:1200px}.svc-preview-art{width:100%;height:auto;overflow:visible}.svc-pv-frame{fill:none;stroke:color-mix(in srgb, var(--fg) 35%, transparent);stroke-width:1.5px}.svc-pv-chrome{fill:color-mix(in srgb, var(--fg) 8%, transparent)}.svc-pv-dot{fill:color-mix(in srgb, var(--fg) 28%, transparent)}.svc-pv-fill{fill:color-mix(in srgb, var(--accent-cyan) 22%, transparent);stroke:none}.svc-pv-accent{fill:color-mix(in srgb, var(--accent) 28%, transparent);stroke:none}.svc-pv-line{fill:color-mix(in srgb, var(--fg) 18%, transparent)}.svc-pv-path{fill:none;stroke:color-mix(in srgb, var(--accent-cyan) 55%, transparent);stroke-width:1.5px}.services-sublinks{color:var(--muted);flex-wrap:wrap;gap:.85rem 1.25rem;margin-top:1.35rem;font-size:.9rem;font-weight:600;display:flex}.services-sublinks a:hover{color:var(--accent-cyan)}html[data-theme=light] .services-section{background:linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--bg) 75%, #fff) 100%)}html[data-theme=light] .svc-stage{box-shadow:0 12px 30px #0f172a0d}@media (max-width:900px){.svc-board{grid-template-columns:1fr}.svc-stage{order:-1;position:static}}@media (prefers-reduced-motion:reduce){.svc-index-row,.svc-index-go{transition:none!important}}.pg-intro{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 1.5rem;margin-bottom:clamp(1.35rem,2.8vw,2rem);display:flex}.pg-intro h2,.pg-page-title{letter-spacing:-.035em;text-wrap:balance;max-width:min(18ch,100%);margin:0;font-size:clamp(1.85rem,3.6vw,2.75rem)}.pg-lead{max-width:min(42rem,100%);color:var(--muted);margin:.7rem 0 0;font-size:.98rem;line-height:1.65}.pg-all{font-family:var(--font-display);color:var(--fg);border-bottom:1px solid color-mix(in srgb, var(--fg) 28%, transparent);transition:color .2s var(--ease), border-color .2s var(--ease);padding-bottom:.12rem;font-size:.92rem;font-weight:700}.pg-all:hover{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.pg-empty{color:var(--muted);margin:1rem 0 0}.pg-footnote{border-top:1px solid var(--border);color:var(--muted);margin-top:clamp(1.5rem,3vw,2.25rem);padding-top:1rem;font-size:.94rem}.pg-footnote a{color:var(--accent-cyan);border-bottom:1px solid color-mix(in srgb, var(--accent-cyan) 35%, transparent);font-weight:650}.pg-chapter{border-top:1px solid var(--border);margin-top:clamp(1.5rem,3vw,2.35rem);padding-top:clamp(1rem,2vw,1.35rem)}.pg-chapter:first-of-type{border-top:0;margin-top:.35rem;padding-top:0}.pg-chapter-head{gap:.3rem;width:100%;max-width:40rem;margin-bottom:clamp(.9rem,1.8vw,1.25rem);display:grid}.pg-chapter-head h2,.pg-chapter-head h3{letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.1vw,1.55rem)}.pg-chapter-head p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.pg-subcat{margin:0 0 clamp(1.35rem,2.8vw,2rem);padding-top:.15rem}.pg-subcat-head{max-width:40rem;margin-bottom:.9rem}.pg-subcat-label{color:var(--fg);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:.45rem;margin:0;font-size:.74rem;font-weight:750;display:inline-flex}.pg-subcat-label svg{color:var(--accent-cyan);flex-shrink:0}.pg-subcat-label em{color:var(--faint);letter-spacing:.04em;font-style:normal;font-weight:700}.pg-subcat-blurb{color:var(--muted);margin:.35rem 0 0;font-size:.9rem;line-height:1.5}.pg-shell{min-width:0}.pg-grid--gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.35rem,2.4vw,1.85rem) clamp(1.15rem,2vw,1.6rem);width:100%;display:grid}.pg-grid--gallery>.pg-grid-item{width:100%;min-width:0}.pg-filters{background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:.55rem .75rem;margin:0 0 clamp(1.1rem,2.2vw,1.55rem);padding:0;display:flex}.pg-filter-seg{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 80%, transparent);border-radius:999px;flex-wrap:wrap;gap:.2rem;padding:.18rem;display:inline-flex}.pg-filter-seg button{appearance:none;color:var(--muted);font:inherit;font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:999px;margin:0;padding:.32rem .7rem;font-size:.8rem;font-weight:650}.pg-filter-seg button:hover{color:var(--fg)}.pg-filter-seg button.is-active{background:color-mix(in srgb, var(--accent-cyan) 14%, transparent);color:var(--fg)}.pg-filter-seg button:focus-visible{box-shadow:var(--focus-ring);outline:none}.pg-filter-type{align-items:center;gap:.4rem;min-width:0;display:inline-flex}.pg-filter-type-label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);white-space:nowrap;font-size:.68rem;font-weight:750}.pg-filter-select{appearance:none;border:1px solid var(--border);background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 14px) calc(50% - 3px) / 5px 5px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 9px) calc(50% - 3px) / 5px 5px no-repeat, var(--bg-elevated);min-width:9.5rem;max-width:min(100%,16rem);color:var(--fg);font:inherit;cursor:pointer;border-radius:999px;margin:0;padding:.38rem 2rem .38rem .75rem;font-size:.82rem;font-weight:650}.pg-filter-select:focus-visible{box-shadow:var(--focus-ring);outline:none}.pg-filter-types-desktop{flex-wrap:wrap;gap:.25rem;display:none}.pg-filter-types-desktop button{appearance:none;color:var(--muted);font:inherit;cursor:pointer;transition:border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);background:0 0;border:1px solid #0000;border-radius:999px;margin:0;padding:.28rem .58rem;font-size:.78rem;font-weight:650}.pg-filter-types-desktop button:hover{color:var(--fg);border-color:var(--border)}.pg-filter-types-desktop button.is-active{color:var(--fg);border-color:color-mix(in srgb, var(--accent-cyan) 45%, var(--border));background:color-mix(in srgb, var(--accent-cyan) 10%, transparent)}.pg-filter-types-desktop button:focus-visible{box-shadow:var(--focus-ring);outline:none}.pg-filter-meta{color:var(--muted);align-items:center;gap:.55rem;margin-left:auto;font-size:.8rem;display:inline-flex}.pg-filter-clear,.pg-inline-filter{appearance:none;color:var(--accent-cyan);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650;text-decoration:none}.pg-filter-clear:hover,.pg-inline-filter:hover{text-decoration:underline}.pg-copy-link{appearance:none;color:var(--faint);font:inherit;cursor:pointer;text-underline-offset:.15em;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--faint) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--faint) 45%, transparent);background:0 0;border:0;padding:0;font-size:.8rem;font-weight:650}.pg-copy-link:hover{color:var(--accent-cyan)}.pg-empty-state{text-align:center;max-width:22rem;color:var(--muted);justify-items:center;gap:.75rem;margin:1.25rem auto 0;padding:1rem .5rem;display:grid}.pg-empty-state p{margin:0}.pg-home-filters{flex-wrap:wrap;align-items:center;gap:.35rem .55rem;margin:0 0 clamp(1rem,2vw,1.4rem);display:flex}.pg-home-chip{color:var(--muted);transition:border-color .2s var(--ease), color .2s var(--ease);border:1px solid #0000;border-radius:999px;align-items:center;padding:.26rem .58rem;font-size:.78rem;font-weight:650;display:inline-flex}.pg-home-chip--group{font-family:var(--font-display);border-color:var(--border);color:var(--fg)}.pg-home-chip:hover{color:var(--accent-cyan);border-color:color-mix(in srgb, var(--accent-cyan) 40%, var(--border))}@media (min-width:900px){.pg-filter-type-mobile{display:none}.pg-filter-types-desktop{display:inline-flex}}.admin-taxonomy-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-soft) 55%, var(--panel-bg));border-radius:14px;grid-column:1/-1;gap:.75rem;padding:1rem;display:grid}.admin-taxonomy-panel h4{margin:0;font-size:1rem}.admin-taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}.admin-type-checks{flex-wrap:wrap;gap:.45rem .85rem;display:flex}.admin-type-check{color:var(--fg);align-items:center;gap:.4rem;font-size:.88rem;display:inline-flex}@media (max-width:720px){.admin-taxonomy-grid{grid-template-columns:1fr}}.pg-featured-wrap{width:100%;display:block}.pg-featured{border-bottom:1px solid var(--border);width:100%;margin-bottom:clamp(1.1rem,2.2vw,1.65rem);padding-bottom:clamp(1.1rem,2.2vw,1.65rem)}.pg-featured .pg-card{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(1rem,2.2vw,1.65rem);width:100%;display:grid}.pg-featured .pg-media{width:100%;max-width:none}.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.4vw,1.75rem) clamp(1rem,2vw,1.5rem);width:100%;display:grid}.pg-grid-item{width:100%;min-width:0;height:100%;display:block}.pg-grid-item>.pg-card{height:100%}.pg-card{grid-template-rows:auto 1fr;align-content:start;gap:.85rem;width:100%;min-width:0;display:grid}.pg-media{border:1px solid var(--border);background:var(--bg-soft);width:100%;min-width:0;transition:border-color .25s var(--ease), transform .35s var(--ease);border-radius:14px;display:block;overflow:hidden}.pg-card:hover .pg-media{border-color:color-mix(in srgb, var(--accent-cyan) 35%, var(--border));transform:translateY(-2px)}.pg-body{gap:.4rem;min-width:0;display:grid}.pg-cat{color:var(--accent-cyan);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.35rem;margin:0;font-size:.68rem;font-weight:750;display:inline-flex}.pg-cat svg{flex-shrink:0}.pg-body h2,.pg-body h3{letter-spacing:-.025em;margin:0;font-size:clamp(1.12rem,1.8vw,1.38rem);line-height:1.25}.pg-body h2 a,.pg-body h3 a{color:inherit}.pg-body h2 a:hover,.pg-body h3 a:hover{color:var(--accent-cyan)}.pg-tech{flex-wrap:wrap;gap:.3rem;margin:.05rem 0 0;padding:0;list-style:none;display:flex}.pg-tech li{color:var(--fg);border:1px solid var(--border);background:var(--chip-bg);border-radius:6px;padding:.22rem .5rem;font-size:.72rem;font-weight:650}.pg-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.pg-featured .pg-desc{-webkit-line-clamp:3;font-size:.98rem}.pg-actions{flex-wrap:wrap;align-items:center;gap:.55rem .95rem;margin-top:.15rem;display:flex}.pg-cta{color:var(--fg);align-items:center;gap:.35rem;font-size:.88rem;font-weight:700;display:inline-flex}.pg-cta span{transition:transform .25s var(--ease);display:inline-block}.pg-card:hover .pg-cta span{transform:translate(3px)}.pg-cta:hover{color:var(--accent-cyan)}.pg-ext{flex-wrap:wrap;gap:.65rem;display:flex}.pg-ext a{color:var(--muted);font-size:.84rem;font-weight:600}.pg-ext a:hover{color:var(--accent-cyan)}.pg-card.is-featured .pg-media{box-shadow:0 12px 36px color-mix(in srgb, var(--fg) 6%, transparent)}.pbanner{isolation:isolate;width:100%;position:relative}.pbanner-stage{aspect-ratio:16/10;background:linear-gradient(145deg, color-mix(in srgb, var(--bg-elevated) 80%, var(--accent-cyan) 8%), var(--bg-soft));width:100%;height:auto;max-height:none;position:relative;overflow:hidden}.pg-card .pbanner-stage,.pg-media .pbanner-stage{aspect-ratio:16/10}.case-hero-media .pbanner-stage{aspect-ratio:var(--pbanner-aspect,16 / 10);max-height:280px}.pbanner-img{object-position:center top;width:100%;height:100%;display:block}.pbanner-stage.fit-cover .pbanner-img{object-fit:cover}.pbanner-stage.fit-contain .pbanner-img{object-fit:contain;background:color-mix(in srgb, var(--bg) 70%, #000 30%)}.pbanner-stage.is-scroll .pbanner-scroll-img{object-fit:cover;object-position:center top;will-change:transform;width:100%;height:auto;min-height:160%;animation:22s linear infinite alternate pbanner-scroll-y;transform:translate(0,0)}.pbanner-stage.is-scroll.is-paused .pbanner-scroll-img{animation-play-state:paused}@keyframes pbanner-scroll-y{0%{transform:translate(0,0)}to{transform:translateY(-42%)}}@media (prefers-reduced-motion:reduce){.pbanner-stage.is-scroll .pbanner-scroll-img{animation:none!important;transform:none!important}}.pbanner-placeholder{text-align:center;background:radial-gradient(ellipse 60% 50% at 50% 30%, color-mix(in srgb, var(--accent-cyan) 14%, transparent), transparent 70%), linear-gradient(160deg, var(--bg-elevated), var(--bg-soft));place-content:center;justify-items:center;gap:.55rem;padding:1.25rem;display:grid;position:absolute;inset:0}.pbanner-placeholder strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1rem,2vw,1.25rem)}.pbanner-placeholder span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.pbanner-play{background:color-mix(in srgb, var(--fg) 78%, transparent);width:58px;height:58px;color:var(--bg);cursor:pointer;transition:transform .2s var(--ease), background .2s var(--ease);z-index:2;border:0;border-radius:999px;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.pbanner-play span{border:8px solid #0000;border-left:14px solid;border-right-width:0;width:0;height:0;margin-left:3px}.pbanner-play:hover{background:var(--fg);transform:scale(1.06)}.pbanner-dots{z-index:3;justify-content:center;gap:.35rem;display:flex;position:absolute;bottom:.65rem;left:0;right:0}.pbanner-dots button{cursor:pointer;background:#ffffff73;border:0;border-radius:999px;width:7px;height:7px;padding:0}.pbanner-dots button.active{background:#fff;width:16px}.pbanner-video-inline{object-fit:cover;background:#000;width:100%;height:100%;display:block}.admin-showcase-panel{grid-column:1/-1;gap:.85rem;display:grid}.admin-showcase-panel>h3{margin:0;font-size:1.05rem}.admin-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}.admin-shot.is-selected{outline:2px solid var(--accent-cyan);outline-offset:1px}.admin-shot-tools{gap:2px;display:flex;position:absolute;bottom:4px;left:4px}.admin-shot-tools button{color:#fff;cursor:pointer;background:#0f172ac7;border:0;border-radius:6px;width:22px;height:22px;font-size:.7rem;line-height:1}.admin-preview-stage{border:1px solid var(--border);border-radius:12px;max-width:520px;overflow:hidden}html[data-theme=light] .pg-tech li{background:#fff;border-color:#1418201a}html[data-theme=light] .pg-media{background:#fff;box-shadow:0 8px 24px #1418200a}@media (max-width:1024px){.pg-grid,.pg-grid--gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.pg-grid,.pg-grid--gallery{grid-template-columns:minmax(0,1fr)}.pg-featured .pg-card,.admin-showcase-grid,.svc-board{grid-template-columns:1fr}.svc-stage{order:-1}}@media (max-width:430px){.pg-intro h2,.pg-page-title{max-width:12ch;font-size:1.7rem}.pbanner-play{width:48px;height:48px}}.wk-intro{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.25rem 2rem;margin-bottom:clamp(1.75rem,3.5vw,2.5rem);display:flex}.wk-intro h2,.wk-page-title{letter-spacing:-.035em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(1.85rem,3.6vw,2.75rem)}.wk-intro-lead{max-width:34rem;color:var(--muted);margin:.7rem 0 0;font-size:.98rem;line-height:1.65}.wk-all{font-family:var(--font-display);color:var(--fg);border-bottom:1px solid color-mix(in srgb, var(--fg) 28%, transparent);transition:color .2s var(--ease), border-color .2s var(--ease);padding-bottom:.12rem;font-size:.92rem;font-weight:700}.wk-all:hover{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.wk-chapter{border-top:1px solid var(--border);margin-top:clamp(2.25rem,4.5vw,3.25rem);padding-top:clamp(1.35rem,2.8vw,1.85rem)}.wk-chapter:first-of-type{margin-top:.35rem}.wk-chapter-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem 1rem;max-width:40rem;margin-bottom:clamp(1.25rem,2.5vw,1.75rem);display:grid}.wk-index{font-family:var(--font-display);letter-spacing:.14em;color:var(--faint);padding-top:.45rem;font-size:.75rem;font-weight:700}.wk-chapter-copy h2,.wk-chapter-copy h3{letter-spacing:-.03em;margin:0;font-size:clamp(1.3rem,2.4vw,1.75rem)}.wk-chapter-copy p{color:var(--muted);margin:.4rem 0 0;font-size:.94rem;line-height:1.6}.wk-lane{margin:0 0 clamp(1.85rem,3.5vw,2.5rem)}.wk-lane-label{color:var(--fg);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.72rem;font-weight:750;display:inline-flex}.wk-lane-label svg{color:var(--accent-cyan)}.wk-lane-label em{color:var(--faint);letter-spacing:.04em;margin-left:.15rem;font-style:normal;font-weight:700}.wk-media-link{min-width:0;display:block}.wk-copy{gap:.45rem;min-width:0;display:grid}.wk-copy.is-compact{gap:.35rem}.wk-copy h3{letter-spacing:-.025em;margin:0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.2}.wk-copy.is-compact h3{font-size:clamp(1.02rem,1.6vw,1.2rem)}.wk-copy h3 a{color:inherit}.wk-meta{color:var(--accent-cyan);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:750}.wk-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.wk-feature .wk-desc{-webkit-line-clamp:3;font-size:.98rem}.wk-tech{flex-wrap:wrap;gap:.3rem;margin:.1rem 0 0;padding:0;list-style:none;display:flex}.wk-tech li{color:var(--fg);border:1px solid var(--border);background:var(--chip-bg);border-radius:999px;padding:.22rem .5rem;font-size:.72rem;font-weight:650}.wk-actions{flex-wrap:wrap;align-items:center;gap:.55rem .95rem;margin-top:.15rem;display:flex}.wk-cta{color:var(--fg);align-items:center;gap:.35rem;font-size:.88rem;font-weight:700;display:inline-flex}.wk-cta span{transition:transform .25s var(--ease);display:inline-block}.wk-feature:hover .wk-cta span,.wk-phone-card:hover .wk-cta span,.wk-web-card:hover .wk-cta span,.wk-product-row:hover .wk-cta span{transform:translate(3px)}.wk-cta:hover{color:var(--accent-cyan)}.wk-links{flex-wrap:wrap;gap:.65rem;display:flex}.wk-links a{color:var(--muted);font-size:.84rem;font-weight:600}.wk-links a:hover{color:var(--accent-cyan)}.wk-empty{color:var(--muted);margin:0;font-size:.94rem}.wk-feature{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(1rem,2.5vw,1.75rem);margin-bottom:1.15rem;display:grid}.wk-feature-media{width:100%;max-width:520px}.wk-lane-product .wk-feature-media{max-width:480px}.wk-phone-rail{grid-template-columns:repeat(auto-fit,minmax(180px,240px));justify-content:start;gap:1.25rem 1.1rem;display:grid}.wk-phone-card{align-content:start;gap:.85rem;display:grid}.wk-phone-card .ppm{max-width:200px;margin-inline:auto}.wk-web-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem 1.25rem;display:grid}.wk-web-grid-page{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.wk-web-card{align-content:start;gap:.85rem;display:grid}.wk-web-card .wk-side-media{max-width:100%}.wk-product-stack{gap:1rem;display:grid}.wk-product-row{border-top:1px solid var(--border);grid-template-columns:minmax(160px,260px) minmax(0,1fr);align-items:center;gap:1rem 1.25rem;padding:.85rem 0;display:grid}.wk-product-row:first-child{border-top:0;padding-top:0}.wk-side-media{min-width:0}html[data-theme=light] .wk-tech li{background:#fff;border-color:#1418201a}html[data-theme=light] .wk-feature-media,html[data-theme=light] .wk-side-media,html[data-theme=light] .wk-phone-card .ppm{filter:saturate(1.02)}@media (max-width:900px){.wk-feature{grid-template-columns:1fr;gap:1rem}.wk-feature-media{max-width:440px}.wk-web-grid{grid-template-columns:1fr}}@media (max-width:720px){.wk-product-row{grid-template-columns:1fr;gap:.85rem}.wk-phone-rail{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.15rem .85rem}.wk-intro{align-items:start}}@media (max-width:430px){.wk-intro h2,.wk-page-title{max-width:12ch;font-size:1.7rem}.wk-phone-card .ppm{max-width:160px}}.work-filters{flex-wrap:wrap;gap:.55rem;margin-bottom:1.75rem;display:flex}.filter-chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .2s var(--ease);background:0 0;border-radius:999px;padding:.5rem 1rem;font-weight:600}.filter-chip:hover,.filter-chip.active{background:var(--brand-gradient);color:#041018;border-color:#0000}.work-list{gap:1rem;display:grid}.work-item{border:1px solid var(--border);transition:transform .3s var(--ease), border-color .3s var(--ease);background:#ffffff05;border-radius:12px;grid-template-columns:minmax(220px,38%) 1fr;align-items:center;gap:1.1rem;padding:.9rem;display:grid}.work-item:hover{border-color:#22d3ee4d;transform:translateY(-3px)}.work-thumb{aspect-ratio:16/11;background:var(--bg-soft);border-radius:14px;width:100%;overflow:hidden}.work-thumb img{object-fit:cover;width:100%;height:100%}.work-thumb.thumb-phone{aspect-ratio:9/14;border:5px solid #111827;border-radius:20px;max-width:120px;margin-inline:auto}.work-item h2,.work-item h3{margin-bottom:.35rem;font-size:1.2rem}@media (max-width:900px){.work-feature,.work-mosaic{grid-template-columns:1fr}.work-tile.tile-offset{margin-top:0}.work-browser-frame,.work-phone-frame{transform:none}}@media (max-width:700px){.work-item{grid-template-columns:1fr}}.about-panel{gap:1rem;max-width:720px;display:grid}.about-text{font-size:1.08rem}.about-meta{color:var(--muted);flex-wrap:wrap;gap:.75rem;display:flex}.about-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.about-section{border-top:1px solid var(--border)}.about-editorial{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(1.75rem,4vw,3.75rem);display:grid}.about-editorial h2{text-wrap:balance;letter-spacing:-.04em;max-width:11ch;font-size:clamp(1.85rem,3.5vw,2.75rem)}.about-location{color:var(--accent-cyan);margin-top:.9rem;font-size:.92rem;font-weight:700}.about-lead{max-width:38rem;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.18rem);line-height:1.78}.about-cred{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;max-width:38rem;margin:1.6rem 0 0;padding:1.15rem 0 0;display:grid}.about-cred-item{gap:.25rem;min-width:0;display:grid}.about-cred-item dt{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:.72rem;font-weight:700}.about-cred-item dd{color:var(--fg);margin:0;font-size:.95rem;font-weight:600;line-height:1.45}.about-cta-row{flex-wrap:wrap;align-items:center;gap:.85rem 1.35rem;margin-top:1.55rem;padding-top:.15rem;display:flex}.about-cta-inline{font-family:var(--font-display);color:var(--accent-cyan);letter-spacing:-.01em;align-items:center;gap:.45rem;font-size:1rem;font-weight:700;display:inline-flex}.about-cta-inline em{transition:transform .3s var(--ease);font-style:normal;display:inline-block}.about-cta-inline:hover em{transform:translate(5px)}.btn-resume{border:1px solid color-mix(in srgb, var(--accent-cyan) 35%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-cyan) 16%, transparent), transparent 55%), var(--panel-bg);min-height:52px;color:var(--fg);box-shadow:0 10px 28px color-mix(in srgb, var(--accent-cyan) 12%, transparent), inset 0 1px 0 #ffffff0f;transition:transform .28s var(--ease), border-color .28s var(--ease), box-shadow .28s var(--ease);border-radius:16px;align-items:center;gap:.75rem;padding:.55rem 1rem .55rem .7rem;text-decoration:none;display:inline-flex}.btn-resume:hover{border-color:color-mix(in srgb, var(--accent-cyan) 55%, var(--border));box-shadow:0 16px 36px color-mix(in srgb, var(--accent-cyan) 18%, transparent), inset 0 1px 0 #ffffff14;transform:translateY(-2px)}.btn-resume-icon{width:38px;height:38px;color:var(--btn-on-gradient);background:var(--brand-gradient);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.btn-resume-copy{text-align:left;gap:.08rem;line-height:1.15;display:grid}.btn-resume-copy strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:.95rem}.btn-resume-copy small{color:var(--muted);letter-spacing:.02em;font-size:.72rem;font-weight:600}.btn-resume-nav{min-height:var(--btn-h-sm);border-radius:12px;gap:.45rem;padding:.28rem .7rem .28rem .35rem}.btn-resume-nav .btn-resume-icon{border-radius:9px;width:28px;height:28px}.btn-resume-nav .btn-resume-copy strong{font-size:.86rem}html[data-theme=light] .btn-resume{background:linear-gradient(135deg,#0891b21a,#0000 55%),#fff;box-shadow:0 10px 24px #0f172a0f}html[data-theme=light] .about-lead{color:#334155}html[data-theme=light] .about-cred{border-top-color:#0f172a1f}@media (max-width:900px){.about-editorial{grid-template-columns:1fr;gap:1.25rem}.about-editorial h2{max-width:16ch}}@media (max-width:520px){.about-cred{grid-template-columns:1fr;gap:.85rem}}.ppm{width:100%;position:relative}.ppm-stage{background:var(--bg-soft);position:relative;overflow:hidden}.ppm-stage>img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block;position:absolute;inset:0}.ppm-placeholder{color:var(--muted);text-align:center;background:linear-gradient(145deg, var(--bg-soft), color-mix(in srgb, var(--accent-cyan) 8%, var(--bg-elevated)));place-items:center;gap:.45rem;padding:1rem;font-size:.82rem;font-weight:600;display:grid;position:absolute;inset:0}.ppm-placeholder img{opacity:.8;width:48px;height:auto}.ppm-browser-shell{width:100%;position:relative}.ppm-browser-shell.is-stack{padding-top:.7rem;padding-right:.35rem}.ppm-browser-back{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 85%, var(--accent-cyan) 6%);opacity:.5;border-radius:12px;height:72%;position:absolute;inset:0 8% auto;transform:rotate(-1.8deg)scale(.97)}.ppm-browser-front{z-index:1;border:1px solid var(--border-strong);background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:12px;position:relative;overflow:hidden}.ppm-chrome{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-soft) 90%, transparent);align-items:center;gap:.32rem;padding:.45rem .65rem;display:flex}.ppm-chrome span{background:var(--faint);opacity:.7;border-radius:50%;width:6px;height:6px}.ppm-chrome em{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;max-width:70%;margin-left:.4rem;font-size:.65rem;font-style:normal;overflow:hidden}.ppm-browser .ppm-stage,.ppm-browser-front .ppm-stage{aspect-ratio:16/10}.ppm-lg .ppm-browser-front .ppm-stage{max-height:280px}.ppm-md .ppm-browser-front .ppm-stage{max-height:220px}.ppm-sm .ppm-browser-front .ppm-stage{aspect-ratio:16/11;max-height:160px}.ppm-phone{place-items:center;display:grid}.ppm-phone-bezel{width:min(200px,70%);box-shadow:var(--shadow);background:#05070c;border:7px solid #12161f;border-radius:26px;position:relative;overflow:hidden}html[data-theme=light] .ppm-phone-bezel{border-color:#1c2430;box-shadow:0 14px 32px #14182024}.ppm-phone-notch{z-index:2;background:#05070c;border-radius:999px;width:64px;height:12px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.ppm-phone .ppm-stage{aspect-ratio:9/17}.ppm-lg .ppm-phone-bezel{width:min(220px,72%)}.ppm-sm .ppm-phone-bezel{border-width:5px;border-radius:20px;width:min(140px,62%)}.ppm-controls{justify-content:center;align-items:center;margin-top:.55rem;display:flex}.ppm-dots{gap:.28rem;display:flex}.ppm-dots button{background:var(--border-strong);cursor:pointer;width:6px;height:6px;transition:background .2s var(--ease), transform .2s var(--ease);border:0;border-radius:999px;padding:0}.ppm-dots button.active{background:var(--accent-cyan);transform:scale(1.15)}.ppm-play{background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:3;border:0;border-radius:999px;width:48px;height:48px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000047}.ppm-phone .ppm-play{width:40px;height:40px}.ppm-play span{border-left:12px solid var(--fg);border-top:7px solid #0000;border-bottom:7px solid #0000;width:0;height:0;margin-left:3px;display:block}.video-lightbox{z-index:120;background:#02060ee6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.video-lightbox-frame{aspect-ratio:16/9;border:1px solid var(--border);background:#000;border-radius:16px;width:min(960px,100%);overflow:hidden}.video-lightbox-frame iframe,.video-lightbox-frame video{border:0;width:100%;height:100%;display:block}.video-fallback{color:#fff;text-align:center;place-content:center;gap:1rem;height:100%;padding:1rem;display:grid}.projects-rail{gap:1.1rem;display:grid}.project-row{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg) 96%, transparent);transition:border-color .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:18px;grid-template-columns:minmax(220px,360px) 1fr;align-items:center;gap:1.25rem;padding:1.05rem;display:grid}.project-row:hover{border-color:color-mix(in srgb, var(--accent-cyan) 28%, var(--border));transform:translateY(-3px);box-shadow:0 16px 36px #00000014}.project-row-copy{gap:.55rem;min-width:0;display:grid}.project-row-copy h2{letter-spacing:-.02em;font-size:clamp(1.25rem,2vw,1.6rem)}.project-row-copy p{color:var(--muted)}@media (max-width:800px){.project-row{grid-template-columns:1fr;padding:.9rem}}.case-study{padding-bottom:var(--section-y)}.case-hero{border-bottom:1px solid var(--border);background:radial-gradient(ellipse 50% 70% at 92% 8%, color-mix(in srgb, var(--accent-cyan) 10%, transparent), transparent 55%), var(--bg);padding:clamp(1.6rem,3.5vw,2.35rem) 0 clamp(1.6rem,3vw,2.1rem)}.case-hero-inner{gap:.85rem;max-width:780px;display:grid}.case-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(1.15rem,3vw,2rem);display:grid}.case-hero-copy{gap:.65rem;max-width:34rem;display:grid}.case-hero-media{border:1px solid var(--border);border-radius:14px;justify-self:end;width:100%;max-width:520px;overflow:hidden}.case-hero-banner{border-radius:0;width:100%}.case-hero-media .ppm-phone{justify-items:end}html[data-theme=light] .case-hero{background:radial-gradient(ellipse 48% 60% at 90% 0%, #0f766e14, transparent 55%), var(--bg)}html[data-theme=light] .case-meta-card{background:#fff;box-shadow:0 10px 28px #1418200d}.case-back{color:var(--muted);width:fit-content;margin-bottom:.15rem;font-size:.92rem;font-weight:600}.case-back:hover{color:var(--accent-cyan)}.case-hero .eyebrow{margin-bottom:.35rem}.case-hero h1{text-wrap:balance;max-width:16ch;font-size:clamp(1.9rem,4vw,3rem)}.case-summary{max-width:34rem;font-size:1.05rem;line-height:1.65}.case-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.35rem;display:flex}.case-actions .btn{min-height:var(--btn-h-sm);padding:.45rem 1.05rem;font-size:.9rem}.case-body{gap:2.25rem;padding-top:2.25rem;display:grid}.case-gallery-wrap{width:100%;max-width:920px;margin-inline:auto}.video-embed-frame{aspect-ratio:16/9;border:1px solid var(--border);background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.video-embed-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.case-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:1.75rem;display:grid}.case-main{gap:1.6rem;display:grid}.case-block h2{margin-bottom:.6rem;font-size:1.28rem}.case-prose{white-space:pre-wrap;max-width:62ch;font-size:1.02rem;line-height:1.75}.case-list{color:var(--muted);gap:.45rem;margin:0;padding-left:1.15rem;display:grid}.case-list.compact{padding-left:1rem;font-size:.95rem}.case-aside{top:calc(var(--header-h) + 1rem);gap:.85rem;display:grid;position:sticky}.case-meta-card{border:1px solid var(--border);background:var(--panel-bg);border-radius:16px;padding:1rem 1.05rem}.case-meta-card h3{color:var(--fg);margin-bottom:.65rem;font-size:.88rem}.case-tags{flex-wrap:wrap;gap:.35rem;display:flex}.case-tags span{border:1px solid var(--border);color:var(--fg);background:var(--chip-bg);border-radius:999px;padding:.28rem .55rem;font-size:.76rem;font-weight:600}.case-aside-links{gap:.45rem;display:grid}.case-aside-links a{color:var(--accent-cyan);font-weight:600}.case-nav{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;display:grid}.case-nav-link{border:1px solid var(--border);background:var(--panel-bg);border-radius:16px;gap:.25rem;padding:1rem 1.1rem;display:grid}.case-nav-link.next{text-align:right}.case-nav-link span{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:.75rem;font-weight:700}.case-nav-link strong{font-size:1rem}.case-cta-band{border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-cyan) 10%, transparent), color-mix(in srgb, var(--accent) 12%, transparent));border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:1.35rem 1.4rem;display:flex}.case-cta-band h2{margin-bottom:.35rem;font-size:1.35rem}@media (max-width:900px){.case-grid,.case-hero-grid{grid-template-columns:1fr}.case-hero-media{justify-self:stretch;max-width:none}.case-hero-copy,.case-hero h1{max-width:none}.case-aside{position:static}.case-nav{grid-template-columns:1fr}.case-nav-link.next{text-align:left}}@media (max-width:430px){.case-actions .btn{flex:auto;min-width:calc(50% - .4rem)}}.contact-split{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:800px){.contact-split{grid-template-columns:1fr}}.skills-section{border-top:1px solid var(--border)}.skills-intro{max-width:36rem}.skills-editorial{gap:clamp(1.15rem,2.4vw,1.65rem);display:grid}.skills-lane{border-bottom:1px solid var(--border);padding:0 0 1.05rem}.skills-lane:last-child{border-bottom:0;padding-bottom:0}.skills-lane-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.45rem 1rem;margin-bottom:.7rem;display:flex}.skills-lane-head h3{letter-spacing:-.02em;color:var(--fg);font-size:1rem}.skills-related{color:var(--accent-cyan);border-bottom:1px solid color-mix(in srgb, var(--accent-cyan) 30%, transparent);font-size:.8rem;font-weight:650}.skills-items{flex-wrap:wrap;gap:.4rem .5rem;margin:0;padding:0;list-style:none;display:flex}.skill-item{border:1px solid var(--border);background:var(--chip-bg);color:var(--fg);transition:border-color .2s var(--ease), transform .2s var(--ease);border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .5rem .3rem .35rem;font-size:.8rem;font-weight:600;line-height:1.2;display:inline-flex}.skill-item:hover{border-color:color-mix(in srgb, var(--accent-cyan) 40%, var(--border));transform:translateY(-1px)}.skill-icon-wrap{background:color-mix(in srgb, var(--bg-soft) 80%, transparent);border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.skill-name{white-space:nowrap}html[data-theme=light] .skill-item{background:#fff;box-shadow:0 1px #0f172a08}.tech-icon{flex-shrink:0}.tech-icon-fallback{background:var(--accent-soft);width:18px;height:18px;color:var(--accent-cyan);border-radius:6px;place-items:center;font-size:.65rem;font-weight:800;display:grid}@media (max-width:430px){.skill-name{white-space:normal}}.journey-head{margin-bottom:2rem}.journey-head h2{font-size:clamp(1.85rem,3.5vw,2.7rem)}.journey-layout{grid-template-columns:1.1fr .9fr;gap:2rem;display:grid}.journey-col-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:1.25rem;font-size:.8rem}.timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.timeline-item{padding-bottom:1.5rem;padding-left:1.6rem;position:relative}.timeline-item:before{content:"";background:var(--border-strong);width:1px;position:absolute;top:10px;bottom:-4px;left:5px}.timeline-item:last-child:before{display:none}.timeline-marker{background:var(--brand-gradient);width:11px;height:11px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-cyan) 18%, transparent);border-radius:50%;position:absolute;top:8px;left:0}.timeline-marker.edu{background:linear-gradient(135deg,#38bdf8,#6366f1)}.timeline-card{border:1px solid var(--border);background:var(--panel-bg);border-radius:16px;padding:1rem 1.1rem}.timeline-top{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:.35rem;display:flex}.timeline-top h4{font-size:1.12rem}.timeline-top time{color:var(--faint);font-size:.85rem;font-weight:600}.timeline-org{color:var(--muted);font-size:.95rem;font-weight:600}.timeline-body{color:var(--muted);margin-top:.55rem}@media (max-width:900px){.journey-layout{grid-template-columns:1fr}}.contact-shell{grid-template-columns:.95fr 1.05fr;align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.contact-intro{gap:1rem;display:grid}.contact-lede{max-width:36ch;font-size:1.05rem}.contact-direct{gap:.65rem;margin-top:.35rem;display:grid}.contact-direct-link{border:1px solid var(--border);background:var(--panel-bg);transition:border-color .2s var(--ease), transform .2s var(--ease);border-radius:16px;gap:.15rem;padding:.85rem 1rem;display:grid}.contact-direct-link:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.contact-direct-link.static{cursor:default}.contact-direct-link span{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:.75rem;font-weight:700}.contact-direct-link strong{word-break:break-word;font-size:.95rem;font-weight:650}.contact-social{flex-wrap:wrap;gap:.55rem;margin-top:.5rem;display:flex}.contact-social-btn{border:1px solid var(--border);background:var(--chip-bg);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .8rem;font-size:.88rem;font-weight:600;transition:border-color .2s,transform .2s;display:inline-flex}.contact-social-btn:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.contact-form{border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--shadow);border-radius:24px;gap:.9rem;padding:1.35rem;display:grid}.contact-form-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.contact-form label{gap:.4rem;font-size:.9rem;font-weight:600;display:grid}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--border);background:var(--bg-elevated);border-radius:14px;outline:none;width:100%;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-cyan) 18%, transparent)}.contact-form .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.contact-submit{width:100%;margin-top:.25rem}@media (max-width:860px){.contact-shell,.contact-form-row{grid-template-columns:1fr}}.mock-phone{width:min(280px,100%);box-shadow:var(--shadow), 0 0 40px #22d3ee1f;transition:transform .4s var(--ease);background:#000;border:10px solid #0b1220;border-radius:32px;margin:0 auto;position:relative;overflow:hidden;transform:perspective(900px)rotateY(-8deg)rotateX(2deg)}.mock-phone:hover{transform:perspective(900px)rotateY(-2deg)rotateX(0)translateY(-6px)}.mock-phone.android{border-color:#111827}.mock-phone.flutter{box-shadow:var(--shadow), 0 0 40px #6366f12e;border-color:#0f172a}.mock-phone .notch{z-index:2;background:#111;border-radius:999px;width:86px;height:18px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.mock-phone.android .notch{border-radius:4px;width:48px;height:8px;top:12px}.mock-phone img{aspect-ratio:9/19.5;object-fit:cover;width:100%;display:block}.mock-browser{border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow);transition:transform .4s var(--ease), box-shadow .4s var(--ease);border-radius:16px;overflow:hidden;transform:perspective(1100px)rotateY(4deg)}.mock-browser:hover{box-shadow:var(--shadow), var(--shadow-brand);transform:perspective(1100px)rotateY(0)translateY(-4px)}.mock-browser-bar{border-bottom:1px solid var(--border);background:var(--bg-soft);align-items:center;gap:.4rem;padding:.7rem .9rem;display:flex}.dot{background:var(--faint);border-radius:50%;width:8px;height:8px}.mock-browser-bar .dot:first-child{background:#f87171}.mock-browser-bar .dot:nth-child(2){background:#fbbf24}.mock-browser-bar .dot:nth-child(3){background:#34d399}.mock-browser-bar .url-chip{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:.5rem;font-size:.7rem}.mock-browser img{aspect-ratio:16/10;object-fit:cover;width:100%;max-height:480px;display:block}.mock-stack{perspective:1200px;min-height:280px;padding:1.4rem 0 .5rem;position:relative}.mock-stack .mock-browser.back{opacity:.55;filter:saturate(.85);pointer-events:none;position:absolute;inset:0 8% auto;transform:rotate(-3deg)scale(.92)translateZ(-40px)}.mock-stack .mock-browser.front{z-index:1;width:92%;margin-left:auto;position:relative;transform:perspective(1100px)rotateY(-2deg)}.gallery-stage{position:relative}.gallery-nav{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.15rem;display:flex}.gallery-nav button{border:1px solid var(--border);cursor:pointer;opacity:.65;background:0 0;border-radius:10px;width:68px;height:50px;padding:0;transition:opacity .2s,border-color .2s,transform .2s;overflow:hidden}.gallery-nav button:hover{opacity:1;transform:translateY(-2px)}.gallery-nav button.active{opacity:1;border-color:var(--accent-cyan);box-shadow:0 0 0 1px #22d3ee59}.gallery-nav img{object-fit:cover;width:100%;height:100%}.lightbox{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060ee6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.lightbox img{max-width:min(1100px,100%);max-height:85vh;box-shadow:var(--shadow);border-radius:14px}.lightbox-close{border:1px solid var(--border);width:44px;height:44px;color:var(--fg);cursor:pointer;background:#ffffff0f;border-radius:999px;font-size:1.4rem;position:absolute;top:1.25rem;right:1.25rem}.form-grid{gap:.9rem;display:grid}.form-grid label{gap:.4rem;font-size:.92rem;font-weight:600;display:grid}.form-grid input,.form-grid textarea,.form-grid select{border:1px solid var(--border);background:#ffffff08;border-radius:14px;outline:none;width:100%;padding:.85rem 1rem;transition:border-color .2s}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #22d3ee1f}.notice{color:#a7f3d0;background:#34d39914;border:1px solid #34d3994d;border-radius:14px;padding:.85rem 1rem}.notice.error{color:#fecaca;background:#f871711a;border-color:#f8717159}.site-footer{border-top:1px solid var(--border);background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg-elevated) 80%, transparent));margin-top:2rem;padding:3.75rem 0 1.5rem}.footer-top{grid-template-columns:1.2fr 1.8fr;gap:2.5rem;margin-bottom:2.5rem;display:grid}.footer-brand-block{gap:.9rem;max-width:36ch;display:grid}.footer-blurb{color:var(--muted)}.footer-closing{font-family:var(--font-display);letter-spacing:-.02em;background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.footer-cols{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.footer-cols h4{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:.85rem;font-size:.78rem}.footer-links{color:var(--muted);gap:.45rem;display:grid}.footer-links a:hover{color:var(--accent-cyan)}.footer-social{flex-wrap:wrap;gap:.5rem;margin-top:.15rem;display:flex}.footer-social-btn{border:1px solid var(--border);background:var(--chip-bg);width:38px;height:38px;color:var(--fg);transition:border-color .2s var(--ease), transform .2s var(--ease), color .2s var(--ease), background .2s var(--ease);border-radius:12px;place-items:center;display:grid}.footer-social-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-2px)}html[data-theme=light] .footer-social-btn{background:#fff;border-color:#0f172a24}.footer-bottom{border-top:1px solid var(--border);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.25rem;font-size:.88rem;display:flex}.footer-tagline{font-weight:600}@media (max-width:900px){.footer-top{grid-template-columns:1fr;gap:2rem}.footer-cols{grid-template-columns:1fr 1fr}}@media (max-width:560px){.footer-cols{grid-template-columns:1fr}}.wa-fab{right:1rem;bottom:var(--wa-bottom);z-index:50;color:#fff;width:52px;height:52px;transition:transform .25s var(--ease);background:#25d366;border-radius:999px;place-items:center;font-weight:800;display:grid;position:fixed;box-shadow:0 12px 30px #25d36659}.wa-fab:hover{transform:translateY(-3px)scale(1.04)}@media (max-width:480px){.wa-fab{width:48px;height:48px;bottom:.85rem;right:.85rem}#contact .contact-form{margin-bottom:3.5rem}}.admin-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-side{border-right:1px solid var(--border);background:var(--bg-elevated);flex-direction:column;gap:.35rem;padding:1.25rem;display:flex}.admin-side button{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:.7rem .85rem;font-weight:600}.admin-side button.active,.admin-side button:hover{background:var(--accent-soft);color:var(--fg)}.admin-main{padding:1.5rem}.admin-card{border:1px solid var(--border);background:#ffffff05;border-radius:18px;margin-bottom:1rem;padding:1.25rem}.admin-media-block{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-soft) 70%, transparent);border-radius:12px;gap:.65rem;padding:.95rem;display:grid}.admin-media-block h4{margin:0;font-size:.98rem}.admin-media-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.admin-media-row input{flex:220px;min-width:0}.admin-file-btn{cursor:pointer;margin:0}.admin-media-cover,.admin-media-video{justify-items:start;gap:.55rem;display:grid}.admin-media-cover img{aspect-ratio:2;object-fit:cover;border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;width:min(100%,420px)}.admin-media-video video{border:1px solid var(--border);background:#000;border-radius:10px;width:min(100%,420px);max-height:240px}.admin-shot-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.55rem;display:grid}.admin-shot{aspect-ratio:1;border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;position:relative;overflow:hidden}.admin-shot img{object-fit:cover;width:100%;height:100%;display:block}.admin-shot button{color:#fff;cursor:pointer;background:#0f172ac7;border:0;border-radius:999px;width:24px;height:24px;font-size:1rem;line-height:1;position:absolute;top:4px;right:4px}.admin-check{align-items:center;gap:.55rem;font-weight:600;flex-direction:row!important;display:flex!important}.admin-check input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent-cyan)}@media (max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-side{flex-flow:wrap}}.page-loader{z-index:90;background:var(--bg-elevated);color:var(--fg);pointer-events:none;place-items:center;transition:none;display:grid;position:fixed;inset:0}.page-loader-inner{justify-items:center;gap:.85rem;display:grid}.page-loader-mark{filter:drop-shadow(0 0 18px #22d3ee73);animation:1.2s ease-in-out infinite logoPulse}html[data-theme=light] .page-loader-mark{filter:drop-shadow(0 0 14px #0e749047)}@keyframes logoPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.page-loader-word{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);font-size:1.7rem;font-weight:800;display:flex}.page-loader-word>span:first-child{color:var(--fg)}.page-loader-track{background:color-mix(in srgb, var(--fg) 12%, transparent);border-radius:999px;width:140px;height:2px;overflow:hidden}.page-loader-track span{background:var(--brand-gradient);width:40%;height:100%;animation:.9s ease-in-out infinite load;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(280%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit,.hero-float-mark,.page-loader-mark,.page-loader-track span{animation:none!important}.work-item,.mock-phone,.mock-browser,.btn{transition:none!important}}.blog-index-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.blog-index-head h1{margin:.35rem 0 .65rem;font-size:clamp(2rem,4vw,3rem)}.blog-lede{max-width:38rem;color:var(--muted)}.blog-search{align-items:center;gap:.5rem;display:flex}.blog-search input{border:1px solid var(--border);background:var(--panel-bg);min-width:min(260px,70vw);color:var(--fg);border-radius:12px;padding:.55rem .75rem}.blog-cats{flex-wrap:wrap;gap:.45rem;margin-bottom:1.75rem;display:flex}.blog-cats a{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.35rem .85rem;font-size:.86rem;font-weight:600}.blog-cats a.active,.blog-cats a:hover{border-color:var(--accent-cyan);color:var(--fg)}.blog-featured{border:1px solid var(--border);background:var(--panel-bg);border-radius:14px;grid-template-columns:1.2fr 1fr;align-items:center;gap:1.25rem;margin-bottom:1.75rem;padding:1rem;display:grid}.blog-featured-media{aspect-ratio:16/10;background:var(--bg-soft);border-radius:12px;overflow:hidden}.blog-featured-media img,.blog-card-media img{object-fit:cover;width:100%;height:100%;display:block}.blog-featured-copy h2{margin:.35rem 0 .55rem;font-size:clamp(1.4rem,2.5vw,2rem)}.blog-card-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.blog-card{border:1px solid var(--border);background:var(--panel-bg);border-radius:12px;gap:.75rem;padding:.85rem;display:grid}.blog-card-media{aspect-ratio:16/10;background:var(--bg-soft);border-radius:10px;overflow:hidden}.blog-card-copy h2,.blog-card-copy h3{margin:.25rem 0 .4rem;font-size:1.15rem}.blog-card-copy p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.blog-meta{color:var(--accent-cyan);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.blog-pager{justify-content:space-between;align-items:center;margin-top:1.75rem;display:flex}.blog-article{max-width:920px}.blog-breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;font-size:.88rem;display:flex}.blog-article-head h1{margin:.4rem 0 .6rem;font-size:clamp(2rem,4vw,3rem)}.blog-deck{color:var(--muted);max-width:42rem;font-size:1.15rem}.blog-author{color:var(--muted);font-weight:600}.blog-article-cover{aspect-ratio:2;object-fit:cover;border:1px solid var(--border);border-radius:12px;width:100%;margin:1.25rem 0 1.5rem}.blog-article-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.blog-toc{font-size:.86rem;position:sticky;top:5rem}.blog-toc p{margin-bottom:.5rem;font-weight:700}.blog-toc ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.blog-toc a{color:var(--muted)}.blog-toc a:hover{color:var(--accent-cyan)}.blog-prose{gap:.95rem;max-width:42rem;font-size:1.08rem;line-height:1.75;display:grid}.blog-prose h2,.blog-prose h3{margin-top:.75rem;scroll-margin-top:5rem}.blog-prose pre{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-soft) 80%, #0b1020);border-radius:10px;padding:.9rem 1rem;font-size:.9rem;overflow:auto}.blog-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.blog-prose blockquote{border-left:3px solid var(--accent-cyan);color:var(--muted);margin:0;padding:.35rem 0 .35rem 1rem}.blog-prose img{border-radius:10px;max-width:100%}.blog-prose a{color:var(--accent-cyan);text-underline-offset:3px;text-decoration:underline}.blog-share,.blog-tags{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;display:flex}.blog-tags span{border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:600}.blog-cta{border:1px solid var(--border);background:var(--panel-bg);border-radius:12px;justify-items:start;gap:.65rem;margin:2rem 0;padding:1.25rem;display:grid}.blog-related{margin-top:2rem}.blog-related h2{margin-bottom:1rem}.blog-admin-editor-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1rem;display:grid}.blog-tiptap-shell{border:1px solid var(--border);background:var(--panel-bg);border-radius:12px;overflow:hidden}.blog-tiptap-toolbar{border-bottom:1px solid var(--border);background:var(--bg-soft);flex-wrap:wrap;gap:.3rem;padding:.5rem;display:flex}.blog-tiptap-toolbar button{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:8px;padding:.25rem .5rem;font-size:.78rem;font-weight:700}.blog-tiptap-toolbar button.active,.blog-tiptap-toolbar button:hover{border-color:var(--accent-cyan)}.blog-tiptap-editor{outline:none;min-height:280px;padding:.9rem 1rem}.blog-tiptap-editor:focus{outline:none}.blog-seo-list{gap:.55rem;margin:0;padding:0;font-size:.86rem;list-style:none;display:grid}.blog-seo-list li[data-severity=error]{color:#f87171}.blog-seo-list li[data-severity=warn]{color:#fbbf24}.blog-seo-list li[data-severity=info]{color:var(--muted)}.blog-setup-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.blog-setup-list li{grid-template-columns:72px 1fr;align-items:start;gap:.75rem;display:grid}.blog-setup-list .ok,.blog-setup-list .pending{text-transform:uppercase;letter-spacing:.06em;text-align:center;border-radius:8px;padding:.3rem .4rem;font-size:.72rem;font-weight:800}.blog-setup-list .ok{color:#4ade80;background:#22c55e2e}.blog-setup-list .pending{color:#fbbf24;background:#f59e0b29}.blog-traffic-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.blog-metric-cards{grid-template-columns:repeat(2,1fr);gap:.55rem;margin-top:.75rem;display:grid}.blog-metric-cards div{border:1px solid var(--border);border-radius:10px;gap:.25rem;padding:.7rem;display:grid}.blog-metric-cards span{color:var(--muted);font-size:.75rem}.blog-metric-cards strong{font-size:1.2rem}.blog-prose table{border-collapse:collapse;-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.45rem .6rem}.blog-prose pre{max-width:100%}@media (max-width:960px){.blog-featured,.blog-card-grid,.blog-article-layout,.blog-admin-editor-grid,.blog-traffic-grid{grid-template-columns:1fr}.blog-toc{position:static}}@media (max-width:430px){.blog-index-head{align-items:start}.blog-search{width:100%}.blog-search input{width:100%;min-width:0}.blog-prose{font-size:1.02rem}.blog-article-cover{aspect-ratio:16/10;border-radius:10px}.blog-tiptap-toolbar{gap:.25rem}.blog-admin-editor-grid{gap:.75rem}}@media (max-width:320px){.blog-cats a{padding:.3rem .65rem;font-size:.8rem}.blog-card{padding:.65rem}}