:root{--color-black:#191818;--color-cream:#f4f4f4;--color-sand:#edeae4;--color-sand-hover:#eae6dd;--color-blue:#1b5def;--color-blue-subtle:#1b5def14;--color-blue-tint:#1b5def26;--color-orange:#e25327;--color-orange-subtle:#e2532714;--color-green:#15803d;--color-green-subtle:#15803d14;--color-purple:#7c3aed;--color-purple-subtle:#7c3aed14;--color-teal:#0d9488;--color-teal-subtle:#0d948814;--color-amber:#b45309;--color-amber-subtle:#b4530914;--color-bg-primary:var(--color-cream);--color-bg-secondary:var(--color-black);--color-bg-tertiary:var(--color-sand);--color-bg-tertiary-hover:var(--color-sand-hover);--color-text-primary:var(--color-black);--color-text-secondary:#191818b3;--color-text-tertiary:#19181873;--color-text-inverse:var(--color-cream);--color-border:#19181826;--color-border-subtle:#19181814;--color-border-strong:var(--color-black);--font-display:"Playfair Display", serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:80px;--space-10:96px;--container-max:1200px;--container-pad:var(--space-6);--grid-gap:var(--space-5);--motion-fast:.15s;--motion-medium:.25s;--motion-slow:.35s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out-soft:cubic-bezier(0, 0, .2, 1)}:root.dark{--color-bg-primary:#121212;--color-bg-secondary:#0d0d0d;--color-bg-tertiary:#1a1a1a;--color-bg-tertiary-hover:#222;--color-text-primary:#f4f4f4;--color-text-secondary:#f4f4f4b3;--color-text-tertiary:#f4f4f473;--color-text-inverse:#121212;--color-border:#f4f4f426;--color-border-subtle:#f4f4f414;--color-border-strong:#f4f4f4;--color-blue:#4a7ff7;--color-blue-subtle:#4a7ff714;--color-blue-tint:#4a7ff726;--color-orange:#e8734b;--color-orange-subtle:#e8734b14;--color-green:#22c55e;--color-green-subtle:#22c55e14;--color-purple:#a78bfa;--color-purple-subtle:#a78bfa14;--color-teal:#2dd4bf;--color-teal-subtle:#2dd4bf14;--color-amber:#f59e0b;--color-amber-subtle:#f59e0b14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}body{min-height:100vh;transition:background-color var(--motion-medium) var(--ease-standard), color var(--motion-medium) var(--ease-standard);padding-bottom:45px;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.2}a{color:var(--color-blue);transition:color var(--motion-fast) var(--ease-standard);text-decoration:none}a:hover{color:var(--color-orange)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary);border-left:1px solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-border);border:1px solid var(--color-bg-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.container{width:100%;max-width:var(--container-max);padding-right:var(--container-pad);padding-left:var(--container-pad);margin-left:auto;margin-right:auto}.grid-2{gap:var(--grid-gap);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.grid-2,.grid-3{grid-template-columns:1fr}}.scanlines-overlay{pointer-events:none;z-index:9998;opacity:.45;background:linear-gradient(#12101000 50%,#00000005 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000003,#00ff0001,#0000ff03) 0 0/6px 100%;position:fixed;inset:0}:root.dark .scanlines-overlay{opacity:.6;background:linear-gradient(#fff0 50%,#ffffff04 50%) 0 0/100% 4px}.section-box{border:1px solid var(--color-border);background:var(--color-bg-primary);padding:var(--space-8) 0;margin-top:-1px;position:relative}.section-box-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-end;display:flex}.section-tag{font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-orange);text-transform:uppercase;font-size:12px}.section-title{color:var(--color-text-primary);font-size:32px}@media (width<=600px){.section-title{font-size:24px}}.badge-pill{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:20px;font-size:12px;font-weight:500;display:inline-flex}.badge-pill--blue{background:var(--color-blue-subtle);color:var(--color-blue);border-color:var(--color-blue-tint)}.badge-pill--orange{background:var(--color-orange-subtle);color:var(--color-orange);border-color:#e2532733}.badge-pill--green{background:var(--color-green-subtle);color:var(--color-green);border-color:#15803d33}.btn-primary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-black);color:var(--color-cream);font-family:var(--font-mono);border:1px solid var(--color-black);transition:all var(--motion-fast) var(--ease-standard);text-transform:uppercase;letter-spacing:.02em;font-size:13px;font-weight:500;display:inline-flex;position:relative}.btn-primary:before,.btn-primary:after,.btn-secondary:before,.btn-secondary:after,.about-link:before,.about-link:after,.contact-cta:before,.contact-cta:after{content:"";border:2px solid var(--color-blue);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-standard), transform var(--motion-medium) var(--ease-standard);position:absolute;inset:-7px;transform:scale(.94)}.btn-primary:before,.btn-secondary:before,.about-link:before,.contact-cta:before{clip-path:polygon(0 0,34px 0,34px 2px,2px 2px,2px 34px,0 34px);border-bottom-color:#0000;border-right-color:#0000}.btn-primary:after,.btn-secondary:after,.about-link:after,.contact-cta:after{clip-path:polygon(100% 100%,calc(100% - 34px) 100%,calc(100% - 34px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(100% - 34px),100% calc(100% - 34px));border-top-color:#0000;border-left-color:#0000}.btn-primary:hover:before,.btn-primary:hover:after,.btn-secondary:hover:before,.btn-secondary:hover:after,.about-link:hover:before,.about-link:hover:after,.contact-cta:hover:before,.contact-cta:hover:after{opacity:1;transform:scale(1)}.btn-primary:hover,.btn-secondary:hover,.about-link:hover,.contact-cta:hover{background-image:radial-gradient(circle at center, var(--color-blue) 0 3px, transparent 4px);animation:buttonTargetPulse .8s var(--ease-standard) infinite alternate;background-repeat:no-repeat}@keyframes buttonTargetPulse{0%{background-size:8px 8px}to{background-size:18px 18px}}:root.dark .btn-primary{background:var(--color-cream);color:var(--color-black);border-color:var(--color-cream)}.btn-primary:hover{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.btn-secondary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);color:var(--color-text-primary);font-family:var(--font-mono);border:1px solid var(--color-border-strong);transition:all var(--motion-fast) var(--ease-standard);text-transform:uppercase;letter-spacing:.02em;background:0 0;font-size:13px;font-weight:500;display:inline-flex;position:relative}.btn-secondary:hover{background:var(--color-border-subtle);border-color:var(--color-blue);color:var(--color-blue)}[dir=rtl] .eyebrow-dot{margin-left:6px;margin-right:0}[dir=rtl] .problem-card{border-left:none;border-right:3px solid var(--color-orange)}[dir=rtl] .problem-card-num{text-align:left}[dir=rtl] .proof-card{border-left:none;border-right:4px solid var(--color-blue)}[dir=rtl] .about-number{left:auto;right:0}[dir=rtl] .contact-number{left:auto;right:-20px}[dir=rtl] .contact-page__number{left:5%;right:auto}[dir=rtl] .contact-page__number--low{left:auto;right:0}[dir=rtl] .contact-page__cursor{left:auto;right:clamp(30px,5vw,110px)}[dir=rtl] .contact-process__step{border-left:none;border-right:1px solid var(--color-border)}[dir=rtl] .contact-method__copy{right:auto;left:var(--space-6)}[dir=rtl] .contact-page__console{text-align:right;direction:ltr}
