.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-solid,.fas{font-family:"Font Awesome 6 Free";font-weight:900}.fa-regular,.far{font-family:"Font Awesome 6 Free";font-weight:400}.fa-brands,.fab{font-family:"Font Awesome 6 Brands";font-weight:400}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url("data:font/woff2;base64,d09GMgABAAAAAARMAAoAAAAACHAAAAQCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAZAqJGIdgCxIAATYCJAMeBCAFgxgHIBvzBsguA+xGeIERBaMdnV8tjWNtQzAIdr/XnVBmwfNgV74/M6c1T2JFRHZ32wWqoRLs0MVtXC8PH/ujP/ctXRI0HUowQ9wtwQ3606lKhsqQvlVjevsfggKSJ9AB0kWQlUQqQCwjbIHGV9fV1imHpdRSygMJ+CbvCG9wemCLuwd/CyQxj2QBrR0eauv9cD/TzSJFqoGm+P76rdvKIq0SIw3qIu2OqrREz/Aeum1TwWqMwsrbW6ApnF8TA+mNbdBBp/7X7AAoZKnksy3+LzQN9/ex55fyX1He/gd5qR0IQJqiDCQCUIAKHFQCOGj0AAsLFb/y/pYhxgs92vtbL/hV8AUpmDEPmP4B6Yi/3V2NkHsgXwBAAwBCkEISVEfxeEuLcqS0MRRoaGzdcWfPhculO+Ywwhyk4mCP0wRjqDj1x90WmALdS6rMsGxfKKChjNnqANnjcOh0eNS5EBY9ulwiOIromx1TeiTJtEiGRnJEgK76vfa6LXA7n5wmOB3cnwPkM5RIZmW9DJ7MTKoCqeycj6/dzjshlHU4nU75fQCuN18dv8+XnvB4vN60ncfiyYP6x3spSsNHb6Qz3lwgE2AIZmXLlKjk5MOaDvZecCjgcnG43XJs0EKSX7jRo+iNYaeTD1kMHxmDIc7sbg0NGDeAe/xC2+rxppmQzLAg7fe5vyRdYSQcZ2XTlEjn5P2AMRK6Y+lm0/vuwFfLi2jz867XQx87XjY+tdv0rPPV4FDmgxHGo1eURs+SVZasUkIfILR0hRi0NvnPa3hiOAJHnnYRc6haFdb7N6urSBHGuj3V+fvVTdTIdOSIKrN4JjNNXQCQVkXtKYmyKtE7+WSjL6obEcWhaO4ZmcmuBuvJHopYq2ULdNb6nVqWbTMo94d2cYYtOfKzBg1t71jxaeYvGxPLNt892f2o3PmNZIoanpiOwBETQKrf8+fvZJ696MdoWU+E7MyfnVVbxFAskKFFywK1ABynMwg351OjTypDPeM1c7hjj68rx4gMTfBkjjuX6p2pH15ztH88l1Oebglm8I+fNZGCk++w7uu1377FGJxORX5mtKGNzsDZmrbl5cC09UyLwHqpCx8jUOOE9L69/W+6YOY/cxgBvl6u7dF1bslxeQnxJGzQ/UouZc8E6RUIYSZOzsGSTEwWoOCVp6TbXEF83BXO1goh5DWMUQlNSigNmcsN6nzgJmTzmptCvTP9qdPcNBbkYrp7PrRbbZUNmmy20PoWriQs53AdAX5Vnn6rrbDUAkMWWme9pVZbJVGFCmXyFSpSpUyJIsXKJMo8clgiLifadABWI5a7WCE3LZa1JVEu8UHqiX15W+uYbh+BLWVmja3WaeHFlmzLkWm+LGrroMlVQgA=") format("woff2")}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url("data:font/woff2;base64,d09GMgABAAAAAAOQAAoAAAAABnwAAANGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAPAqFUIRICwgAATYCJAMMBCAFgzQHIBs9BcgehXHDPYhgMCFaRON/ccuer7Pq/U4GYGcAeelgljwJPIHmgdjPvYno9a0vNMEtFErmEz1Bo3ooVGscVdNCJVlafen/zzX1rrcGXv/Z3gFOLZKiOQM3HBVHCiR4F40aZDjzzF5Kq3QT9tiomYg4GXvuCAhCT0LzEQNaoBoAsfvYrzA0GUYYgQo1fAvh25nJOPph9oeldHG8G+hVAoAAoAFtBfAAgAE4gA4OAQrYAeT8CKOD//8Deql3q9eCKIcD5AAqGH8BKgGwCpCl0FasWCqCXa34rVoVVZWZOmKEQ2O6EmVVmqUvI44m6EmVqpSUlYiUCTmHdQpJaYK+THmWrsRQrCNWKrejS42W2Ky7JQxBaQppDossAE61Fpsg1zGTwjYb8dhEX6Yn1fEV4zwjI6lS4c2NENWct/7j5mV9AjXmTKt1NhuMJuhJbbay6G2Gm5Vn6S/V3x2wP2dCQ6YvNVpivNF6ve4E2qg8y/rxCJnuYoNxHYmuBBfNTVbrrCSmYwicde9EPm+/D57mXrZ23nTrjV3WYCHFvpUrA/0rP31Gbgy5g+n5MSyfwegA026LdFv0SWMLbClqbhn5S7Yo3C0pGX5y7l8HbjVsQrDXKmxApNsIY4oU/TfE7z/G3db3uKicgAmE7HE4PIxxYVDeFiZgwnAOjjRQZCTwW1SPrNEoqaWhElXW12chDS/v7vDw0J5izi5w8sRqI129Xb77tkUYResULRyoaWrO0Bo+LgN3RfwLOnP/9dv2GSVN6wNNTTrqP0KZ7DGzNlWNqWgktu5fQZbouN7o6SQW7WhaWGgWFS3RRibiKQQ1WdnSQ8SA5iFNbQv+EZYiAAAIuIQQL/cc+VII+qqgzAAAjyc2iM8V46//d7P5dBGggBH6X21n+w7yvhUhejy40BjQA9A3AAJw0VTYInuCEGCZvAIciioC8Ap1lowEeCNj1NyTcWKMlwp8mVAVL4vctCDyzVYtuoTrVa1Tq2bVfEToUK5FlU7OMlSr1a1JuQ45qnXoVM9N4/ny5c2FG3f+YvFsiIfGtNplV+J7K68nwRLQRT5c+HbrwZ5p9cF/TB1f6iyFZrHy5kVq1aZfh3q16vjR2alkj9+q5ygA") format("woff2")}.fa-envelope:before{content:"\f0e0"}.fa-bars:before{content:"\f0c9"}.fa-xmark:before{content:"\f00d"}.fa-house:before{content:"\f015"}.fa-image:before{content:"\f03e"}.fa-arrow-up-right-from-square:before{content:"\f08e"}.fa-circle:before{content:"\f111"}.fa-github:before{content:"\f09b"}.fa-linkedin:before{content:"\f08c"}
:root, :host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-300:#8ec5ff;--color-black:#000;--spacing:0.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-0.025em;--tracking-wide:0.025em;--tracking-wider:0.05em;--leading-tight:1.25;--radius-2xl:1rem;--radius-3xl:1.5rem;--blur-xl:24px;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}*, ::after, ::before, ::backdrop, ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html, :host{line-height:1.5;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);color:inherit;border-top-width:1px}h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b, strong{font-weight:bolder}code, kbd, samp, pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}progress{vertical-align:baseline}summary{display:list-item}ol, ul, menu{list-style:none}img, svg, video, canvas, audio, iframe, embed, object{display:block;vertical-align:middle}img, video{max-width:100%;height:auto}button, input, select, optgroup, textarea, ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}textarea{resize:vertical}
:root {
    --primary-color: #0d1b2a;
    --primary-hover: #2563eb;
    --secondary-color: #1e293b;
    --accent-color: #3b82f6;
    --logo-subtitle-color: #94a3b8;
    --button-color: #2563eb;
    --background-color: #020617;
    --surface-color: #0f172a;
    --footer-bg: #050914;
    --text-color: #f8fafc;
    --text-muted: #cbd5e1;
    --border-color: rgba(255, 255, 255, 0.1);
    --glass-bg: rgba(15, 23, 42, 0.72);
    --glass-border: rgba(255, 255, 255, 0.08);
    --nav-bg: rgba(2, 6, 23, 0.85);
    --field-bg: rgba(255, 255, 255, 0.05);
    --sage-soft: rgba(59, 130, 246, 0.15);
    --sage-dark: #60a5fa;
    --terracotta-soft: rgba(30, 58, 138, 0.22);
    --shadow-soft: 0 22px 70px rgba(0, 0, 0, 0.6);
    --shadow-button: 0 16px 36px rgba(37, 99, 235, 0.25);
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-logo: 'Outfit', sans-serif;
}
* {
    box-sizing: border-box;
}
html {
    background: var(--background-color);
    color: var(--text-color);
    scroll-padding-top: 92px;
}
body {
    margin: 0;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(37, 99, 235, 0.08), transparent 26rem),
        radial-gradient(circle at 88% 8%, rgba(30, 58, 138, 0.12), transparent 24rem),
        var(--background-color);
    color: var(--text-color);
    font-family: var(--font-body);
    text-rendering: optimizeLegibility;
}
button,
a,
select {
    cursor: pointer;
}
img {
    display: block;
    max-width: 100%;
}
::selection {
    background: var(--accent-color);
    color: #ffffff;
}
.btn,
.input,
.textarea {
    font-size: 0.525rem !important;
}
.btn-lg,
.input-lg {
    font-size: 0.675rem !important;
}
.site-header {
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.9), rgba(2, 6, 23, 0.52));
    backdrop-filter: blur(18px);
}
.section-kicker { display: inline-flex; align-items: center; gap: 0.7rem; color: var(--sage-dark); font-size: 0.51rem; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; }
.section-kicker::before { display: inline-block; width: 2.4rem; height: 1px; background: var(--accent-color); content: ""; }
.glass-panel { border: 1px solid var(--glass-border); background: linear-gradient(145deg, rgba(15, 23, 42, 0.78), rgba(30, 41, 59, 0.48)); box-shadow: var(--shadow-soft); backdrop-filter: blur(18px); }
.arch-frame { position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); background: var(--surface-color); box-shadow: var(--shadow-soft); }
.arch-frame-large { height: min(74vh, 720px); min-height: 500px; border-radius: 2.5rem; border: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0 40px 80px -10px rgba(0, 0, 0, 0.8), 0 0 40px rgba(59, 130, 246, 0.15);  }
.arch-frame-large::after { display: none; }
.contact-overlay-panel { border-radius: 2.4rem; padding: clamp(1.5rem, 4vw, 2.5rem); background: var(--surface-color); box-shadow: 0 30px 90px rgba(0, 0, 0, 0.8); }
.form-label { display: block; margin-bottom: 0.55rem; color: var(--text-color); font-size: 0.51rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.form-status.success { color: #60a5fa; }
.form-status.error { color: #ef4444; }
.contact-overlay { position: fixed; inset: 0; z-index: 60; display: none; overflow-y: auto; background: rgba(0, 0, 0, 0.7); padding: 1rem; backdrop-filter: blur(8px); }
.contact-overlay.is-open { display: block; }
.section-pad { padding-top: clamp(6.5rem, 12vw, 11rem); padding-bottom: clamp(6.5rem, 12vw, 11rem); }
.hero-split { background: linear-gradient(115deg, rgba(2, 6, 23, 0.96) 0%, rgba(15, 23, 42, 0.78) 52%, rgba(30, 58, 138, 0.12) 100%); }
.orb { position: absolute; border-radius: 999px; filter: blur(8px); opacity: 0.52; pointer-events: none; z-index: -1; }
.orb-sage { width: 24rem; height: 24rem; right: 8%; top: 10%; background: rgba(37, 99, 235, 0.15); }
.orb-terracotta { width: 18rem; height: 18rem; left: 4%; bottom: 10%; background: rgba(30, 58, 138, 0.25); }
.contact-section { background: radial-gradient(circle at 8% 16%, rgba(37, 99, 235, 0.1), transparent 24rem), linear-gradient(180deg, var(--background-color), var(--surface-color)); }
/* Local fallback states for links and controls. */
.open-contact-btn:hover,
button:hover,
a:hover {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.open-contact-btn:hover,
.nav-close-link:hover,
a:hover:not(.btn),
a:focus-visible,
button:focus-visible {
  color: var(--color-blue-300) !important;
}
a.btn:hover,
a[class*="bg-[var(--glass-bg)]"]:hover,
button.btn:hover {
  color: var(--text-color) !important;
  background-color: var(--button-color) !important;
  border-color: var(--accent-color) !important;
}
button.btn:focus-visible {
  color: var(--text-color) !important;
  background-color: var(--button-color) !important;
  border-color: var(--accent-color) !important;
}
a.btn:focus-visible {
  color: var(--text-color) !important;
  background-color: var(--button-color) !important;
  border-color: var(--accent-color) !important;
}
.social-icon { width: 1em; height: 1em; display: inline-block; flex: 0 0 auto; fill: currentColor; vertical-align: -0.125em; }
.section-kicker-large { font-size: 1.02rem; }
.social-link:hover,
.social-link:focus-visible {
  color: var(--color-blue-300) !important;
}
.social-link:hover .social-label,
.social-link:focus-visible .social-label {
  color: var(--color-blue-300) !important;
}
.standards-link {
  color: var(--text-color);
  font-size: 0.875rem;
  font-weight: 600;
}
.standards-links {
  align-items: flex-start;
}
.standards-link:hover,
.standards-link:focus-visible {
  color: var(--color-blue-300) !important;
}
.standards-icon {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}
.server-info {
  max-width: 100%;
  overflow-wrap: anywhere;
  gap: 0.45rem !important;
}
.server-icon {
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 auto;
  color: var(--text-color);
}
.footer-details {
  gap: 0.75rem !important;
}
.footer-right {
  gap: 1.25rem !important;
}
.footer-socials {
  align-items: center;
  gap: 2rem;
}
.contact-form-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* Local utility fallback: restores layout classes used by index.php without external CDN. */
.scroll-smooth{scroll-behavior:smooth}
.absolute{position:absolute}
.relative{position:relative}
.fixed{position:fixed}
.block{display:block}
.hidden{display:none}
.inline-flex{display:inline-flex}
.flex{display:flex}
.grid{display:grid}
.isolate{isolation:isolate}
.cursor-pointer{cursor:pointer}
.flex-col{flex-direction:column}
.flex-1{flex:1 1 0%}
.shrink-0{flex-shrink:0}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.items-baseline{align-items:baseline}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-self-center{justify-self:center}
.overflow-hidden{overflow:hidden}
.overflow-y-auto{overflow-y:auto}
.object-cover{object-fit:cover}
.object-top{object-position:top}
.origin-top{transform-origin:top}
.opacity-0{opacity:0}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uppercase{text-transform:uppercase}
.whitespace-nowrap{white-space:nowrap}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.font-bold{font-weight:700}
.font-semibold{font-weight:600}
.leading-none{line-height:1}
.leading-tight{line-height:1.25}
.leading-7{line-height:1.75rem}
.leading-8{line-height:2rem}
.tracking-tight{letter-spacing:-.025em}
.tracking-wide{letter-spacing:.025em}
.tracking-wider{letter-spacing:.05em}
.transition-all{transition:all .3s ease}
.transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease}
.transition-opacity{transition:opacity .3s ease}
.transition-transform{transition:transform .3s ease}
.backdrop-blur-xl{backdrop-filter:blur(24px)}
.rounded-full{border-radius:9999px}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.border{border-width:1px}
.border-0{border-width:0}
.border-b{border-bottom-width:1px}
.border-t{border-top-width:1px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.w-full{width:100%}
.w-max{width:max-content}
.h-full{height:100%}
.min-w-0{min-width:0}
.min-h-screen{min-height:100vh;min-height:100svh}
.min-h-dvh{min-height:100dvh}
.min-h-11{min-height:2.75rem}
.min-h-12{min-height:3rem}
.min-h-14{min-height:3.5rem}
.max-w-sm{max-width:24rem}
.max-w-md{max-width:28rem}
.max-w-lg{max-width:32rem}
.max-w-xl{max-width:36rem}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-7xl{max-width:80rem}
.max-w-none{max-width:none}
.mx-auto{margin-left:auto;margin-right:auto}
.ml-auto{margin-left:auto}
.mr-0{margin-right:0}
.left-0{left:0}
.right-0{right:0}
.top-0{top:0}
.inset-0{inset:0}
.z-40{z-index:40}
.z-\[80\]{z-index:80}
.scale-105{transform:scale(1.05)}
.group-hover\:scale-110{transform:scale(1.1)}
.group-hover\:opacity-80{opacity:.8}
.hover\:opacity-70{opacity:.7}
.mt-10{margin-top:2.5rem}
.pl-3{padding-left:.75rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.pb-6{padding-bottom:1.5rem}
.p-6{padding:1.5rem}
.mt-20{margin-top:5rem}
.ml-2{margin-left:.5rem}
.pt-6{padding-top:1.5rem}
.pb-20{padding-bottom:5rem}
.pb-24{padding-bottom:6rem}
.p-5{padding:1.25rem}
.gap-5{gap:1.25rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.pb-8{padding-bottom:2rem}
.p-4{padding:1rem}
.mt-2{margin-top:.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.p-0{padding:0}
.px-8{padding-left:2rem;padding-right:2rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.mt-8{margin-top:2rem}
.pt-32{padding-top:8rem}
.gap-8{gap:2rem}
.gap-14{gap:3.5rem}
.gap-4{gap:1rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.pt-16{padding-top:4rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.mt-6{margin-top:1.5rem}
.pt-8{padding-top:2rem}
.gap-6{gap:1.5rem}
.mb-3{margin-bottom:.75rem}
.ml-1{margin-left:.25rem}
.gap-2{gap:.5rem}
.gap-1{gap:.25rem}
.gap-16{gap:4rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-1{margin-top:.25rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bg-transparent{background-color:transparent}
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.from-\[var\(--background-color\)\]{--tw-gradient-from:var(--background-color);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.via-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from),transparent,var(--tw-gradient-to,transparent)}
.to-transparent{--tw-gradient-to:transparent}
.bg-\[var\(--background-color\)\]{background-color:var(--background-color)}
.bg-\[var\(--background-color\)\]\/95{background-color:color-mix(in srgb,var(--background-color) 95%,transparent)}
.bg-\[var\(--button-color\)\]{background-color:var(--button-color)}
.bg-\[var\(--field-bg\)\]{background-color:var(--field-bg)}
.bg-\[var\(--footer-bg\)\]{background-color:var(--footer-bg)}
.bg-\[var\(--glass-bg\)\]{background-color:var(--glass-bg)}
.bg-\[var\(--nav-bg\)\]{background-color:var(--nav-bg)}
.bg-\[var\(--surface-color\)\]{background-color:var(--surface-color)}
.bg-\[var\(--surface-color\)\]\/30{background-color:color-mix(in srgb,var(--surface-color) 30%,transparent)}
.bg-\[var\(--surface-color\)\]\/90{background-color:color-mix(in srgb,var(--surface-color) 90%,transparent)}
.border-\[var\(--border-color\)\]{border-color:var(--border-color)}
.border-\[var\(--glass-border\)\]{border-color:var(--glass-border)}
.text-\[var\(--accent-color\)\]{color:var(--accent-color)}
.text-\[var\(--logo-subtitle-color\)\]{color:var(--logo-subtitle-color)}
.text-\[var\(--sage-dark\)\]{color:var(--sage-dark)}
.text-\[var\(--text-color\)\]{color:var(--text-color)}
.text-\[var\(--text-muted\)\]{color:var(--text-muted)}
.text-blue-300{color:#93c5fd}
.shadow-\[var\(--shadow-button\)\]{box-shadow:var(--shadow-button)}
.shadow-\[var\(--shadow-soft\)\]{box-shadow:var(--shadow-soft)}
.rounded-\[2rem\]{border-radius:2rem}
.max-w-\[18rem\]{max-width:18rem}
.max-w-\[640px\]{max-width:640px}
.max-w-\[calc\(80rem+4rem\)\]{max-width:calc(80rem + 4rem)}
.min-h-\[120px\]{min-height:120px}
.aspect-\[4\/3\]{aspect-ratio:4/3}
.top-\[2px\]{top:2px}
.w-11{width:2.75rem}
.w-12{width:3rem}
.text-\[5px\]{font-size:5px}
.text-\[0\.65rem\]{font-size:.65rem}
.text-\[0\.6rem\]{font-size:.6rem}
.text-\[0\.7rem\]{font-size:.7rem}
.text-\[0\.9rem\]{font-size:.9rem}
.text-\[1rem\]{font-size:1rem}
.text-\[2\.2rem\]{font-size:2.2rem}
.text-\[2\.6rem\]{font-size:2.6rem}
.text-\[3\.5rem\]{font-size:3.5rem}
.text-\[1\.2rem\]{font-size:1.2rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:.75rem;line-height:1rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-6xl{font-size:3.75rem;line-height:1}
.tracking-\[-0\.03em\]{letter-spacing:-.03em}
.tracking-\[0\.24em\]{letter-spacing:.24em}
.tracking-\[0\.28em\]{letter-spacing:.28em}
.tracking-\[0\.34em\]{letter-spacing:.34em}
.pb-10{padding-bottom:2.5rem}
.pt-36{padding-top:9rem}
.pt-12{padding-top:3rem}
.sm\:p-10{padding:2.5rem}
.sm\:p-6{padding:1.5rem}
.sm\:px-8{padding-left:2rem;padding-right:2rem}
.sm\:py-12{padding-top:3rem;padding-bottom:3rem}
.sm\:pb-24{padding-bottom:6rem}
.sm\:pb-10{padding-bottom:2.5rem}
.sm\:mt-20{margin-top:5rem}
.sm\:max-w-none{max-width:none}
.sm\:max-w-xl{max-width:36rem}
.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
.sm\:text-5xl{font-size:3rem;line-height:1}
.sm\:text-6xl{font-size:3.75rem;line-height:1}
.sm\:text-\[3\.5rem\]{font-size:3.5rem}
.sm\:text-\[2\.6rem\]{font-size:2.6rem}
.sm\:text-\[1\.2rem\]{font-size:1.2rem}
.sm\:text-\[1rem\]{font-size:1rem}
.md\:text-\[3\.5rem\]{font-size:3.5rem}
.md\:pb-10{padding-bottom:2.5rem}
.lg\:text-5xl{font-size:3rem;line-height:1}
.lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}
.lg\:pt-12{padding-top:3rem}
.lg\:pt-36{padding-top:9rem}
.lg\:pt-8{padding-top:2rem}
.lg\:ml-auto{margin-left:auto}
.lg\:mr-0{margin-right:0}
.lg\:gap-12{gap:3rem}
.lg\:gap-6{gap:1.5rem}
.lg\:flex-row{flex-direction:row}
.md\:flex-row{flex-direction:row}
.sm\:flex-row{flex-direction:row}
.lg\:flex{display:flex}
.lg\:hidden{display:none}
.lg\:items-end{align-items:flex-end}
.lg\:items-start{align-items:flex-start}
.lg\:justify-between{justify-content:space-between}
.lg\:justify-end{justify-content:flex-end}
.lg\:justify-self-end{justify-self:end}
.lg\:text-left{text-align:left}
.lg\:text-right{text-align:right}
.xl\:gap-8{gap:2rem}
.md\:items-end{align-items:flex-end}
.md\:justify-between{justify-content:space-between}
.sm\:gap-24{gap:6rem}
.sm\:tracking-\[0\.34em\]{letter-spacing:.34em}
.hover\:bg-\[var\(--glass-bg\)\]{background-color:var(--glass-bg)}
.hover\:bg-\[var\(--primary-hover\)\]{background-color:var(--primary-hover)}
.hover\:bg-\[var\(--surface-color\)\]{background-color:var(--surface-color)}
.hover\:border-\[var\(--accent-color\)\]{border-color:var(--accent-color)}
.hover\:text-\[var\(--primary-hover\)\]{color:var(--primary-hover)}
.hover\:opacity-70:hover{opacity:.7}
.group:hover .opacity-80{opacity:.8}
.group:hover .scale-110{transform:scale(1.1)}
.hover\:bg-\[var\(--glass-bg\)\]:hover{background-color:var(--glass-bg)}
.hover\:bg-\[var\(--primary-hover\)\]:hover{background-color:var(--primary-hover)}
.hover\:bg-\[var\(--surface-color\)\]:hover{background-color:var(--surface-color)}
.hover\:border-\[var\(--accent-color\)\]:hover{border-color:var(--accent-color)}
.hover\:text-\[var\(--primary-hover\)\]:hover{color:var(--primary-hover)}
.focus\:border-\[var\(--accent-color\)\]:focus{border-color:var(--accent-color)}
.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--accent-color)}
@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:p-10{padding:2.5rem}.sm\:p-6{padding:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:pb-24{padding-bottom:6rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:mt-20{margin-top:5rem}.sm\:max-w-none{max-width:none}.sm\:max-w-xl{max-width:36rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[3\.5rem\]{font-size:3.5rem}.sm\:text-\[2\.6rem\]{font-size:2.6rem}.sm\:text-\[1\.2rem\]{font-size:1.2rem}.sm\:text-\[1rem\]{font-size:1rem}.sm\:flex-row{flex-direction:row}.sm\:gap-24{gap:6rem}.sm\:tracking-\[0\.34em\]{letter-spacing:.34em}}
@media (min-width:768px){.md\:text-\[3\.5rem\]{font-size:3.5rem}.md\:pb-10{padding-bottom:2.5rem}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}}
@media (min-width:1024px){.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.lg\:pt-12{padding-top:3rem}.lg\:pt-36{padding-top:9rem}.lg\:pt-8{padding-top:2rem}.lg\:ml-auto{margin-left:auto}.lg\:mr-0{margin-right:0}.lg\:gap-12{gap:3rem}.lg\:gap-6{gap:1.5rem}.lg\:flex-row{flex-direction:row}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:justify-end{justify-content:flex-end}.lg\:justify-self-end{justify-self:end}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}}
@media (min-width:1280px){.xl\:gap-8{gap:2rem}}

html{scroll-behavior:smooth}
body{min-width:320px}
img,svg{max-width:100%}
button,a{touch-action:manipulation}
.grid{display:grid}
.flex{display:flex}
.site-header{position:sticky;top:0;z-index:40}
@media(max-width:639px){.lg\:hidden{display:block}.lg\:flex{display:none}.lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr}}



/* Local utility fallback: restores layout classes used by index.php without external CDN. */
.scroll-smooth{scroll-behavior:smooth}
.absolute{position:absolute}
.relative{position:relative}
.fixed{position:fixed}
.block{display:block}
.hidden{display:none}
.inline-flex{display:inline-flex}
.flex{display:flex}
.grid{display:grid}
.isolate{isolation:isolate}
.cursor-pointer{cursor:pointer}
.flex-col{flex-direction:column}
.flex-1{flex:1 1 0%}
.shrink-0{flex-shrink:0}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.items-baseline{align-items:baseline}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-self-center{justify-self:center}
.overflow-hidden{overflow:hidden}
.overflow-y-auto{overflow-y:auto}
.object-cover{object-fit:cover}
.object-top{object-position:top}
.origin-top{transform-origin:top}
.opacity-0{opacity:0}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uppercase{text-transform:uppercase}
.whitespace-nowrap{white-space:nowrap}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.font-bold{font-weight:700}
.font-semibold{font-weight:600}
.leading-none{line-height:1}
.leading-tight{line-height:1.25}
.leading-7{line-height:1.75rem}
.leading-8{line-height:2rem}
.tracking-tight{letter-spacing:-.025em}
.tracking-wide{letter-spacing:.025em}
.tracking-wider{letter-spacing:.05em}
.transition-all{transition:all .3s ease}
.transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease}
.transition-opacity{transition:opacity .3s ease}
.transition-transform{transition:transform .3s ease}
.backdrop-blur-xl{backdrop-filter:blur(24px)}
.rounded-full{border-radius:9999px}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.border{border-width:1px}
.border-0{border-width:0}
.border-b{border-bottom-width:1px}
.border-t{border-top-width:1px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.w-full{width:100%}
.w-max{width:max-content}
.h-full{height:100%}
.min-w-0{min-width:0}
.min-h-screen{min-height:100vh;min-height:100svh}
.min-h-dvh{min-height:100dvh}
.min-h-11{min-height:2.75rem}
.min-h-12{min-height:3rem}
.min-h-14{min-height:3.5rem}
.max-w-sm{max-width:24rem}
.max-w-md{max-width:28rem}
.max-w-lg{max-width:32rem}
.max-w-xl{max-width:36rem}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-7xl{max-width:80rem}
.max-w-none{max-width:none}
.mx-auto{margin-left:auto;margin-right:auto}
.ml-auto{margin-left:auto}
.mr-0{margin-right:0}
.left-0{left:0}
.right-0{right:0}
.top-0{top:0}
.inset-0{inset:0}
.z-40{z-index:40}
.z-\[80\]{z-index:80}
.scale-105{transform:scale(1.05)}
.gap-14{gap:3.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.pt-6{padding-top:1.5rem}
.pt-16{padding-top:4rem}
.ml-1{margin-left:.25rem}
.pb-6{padding-bottom:1.5rem}
.gap-8{gap:2rem}
.gap-16{gap:4rem}
.pl-3{padding-left:.75rem}
.pt-32{padding-top:8rem}
.p-6{padding:1.5rem}
.p-0{padding:0}
.mt-8{margin-top:2rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.pb-8{padding-bottom:2rem}
.gap-6{gap:1.5rem}
.mt-1{margin-top:.25rem}
.mt-6{margin-top:1.5rem}
.pt-8{padding-top:2rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.mb-3{margin-bottom:.75rem}
.gap-4{gap:1rem}
.mt-10{margin-top:2.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.mt-4{margin-top:1rem}
.mt-20{margin-top:5rem}
.gap-5{gap:1.25rem}
.mt-3{margin-top:.75rem}
.ml-2{margin-left:.5rem}
.gap-2{gap:.5rem}
.p-5{padding:1.25rem}
.p-4{padding:1rem}
.gap-1{gap:.25rem}
.pb-24{padding-bottom:6rem}
.mt-2{margin-top:.5rem}
.pb-20{padding-bottom:5rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.bg-transparent{background-color:transparent}
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.from-\[var\(--background-color\)\]{--tw-gradient-from:var(--background-color);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.via-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from),transparent,var(--tw-gradient-to,transparent)}
.to-transparent{--tw-gradient-to:transparent}
.bg-\[var\(--background-color\)\]{background-color:var(--background-color)}
.bg-\[var\(--background-color\)\]\/95{background-color:color-mix(in srgb,var(--background-color) 95%,transparent)}
.bg-\[var\(--button-color\)\]{background-color:var(--button-color)}
.bg-\[var\(--field-bg\)\]{background-color:var(--field-bg)}
.bg-\[var\(--footer-bg\)\]{background-color:var(--footer-bg)}
.bg-\[var\(--glass-bg\)\]{background-color:var(--glass-bg)}
.bg-\[var\(--nav-bg\)\]{background-color:var(--nav-bg)}
.bg-\[var\(--surface-color\)\]{background-color:var(--surface-color)}
.bg-\[var\(--surface-color\)\]\/30{background-color:color-mix(in srgb,var(--surface-color) 30%,transparent)}
.bg-\[var\(--surface-color\)\]\/90{background-color:color-mix(in srgb,var(--surface-color) 90%,transparent)}
.border-\[var\(--border-color\)\]{border-color:var(--border-color)}
.border-\[var\(--glass-border\)\]{border-color:var(--glass-border)}
.text-\[var\(--accent-color\)\]{color:var(--accent-color)}
.text-\[var\(--logo-subtitle-color\)\]{color:var(--logo-subtitle-color)}
.text-\[var\(--sage-dark\)\]{color:var(--sage-dark)}
.text-\[var\(--text-color\)\]{color:var(--text-color)}
.text-\[var\(--text-muted\)\]{color:var(--text-muted)}
.text-blue-300{color:#93c5fd}
.shadow-\[var\(--shadow-button\)\]{box-shadow:var(--shadow-button)}
.shadow-\[var\(--shadow-soft\)\]{box-shadow:var(--shadow-soft)}
.rounded-\[2rem\]{border-radius:2rem}
.max-w-\[18rem\]{max-width:18rem}
.max-w-\[640px\]{max-width:640px}
.max-w-\[calc\(80rem+4rem\)\]{max-width:calc(80rem + 4rem)}
.min-h-\[120px\]{min-height:120px}
.aspect-\[4\/3\]{aspect-ratio:4/3}
.top-\[2px\]{top:2px}
.w-11{width:2.75rem}
.w-12{width:3rem}
.text-\[5px\]{font-size:5px}
.text-\[0\.65rem\]{font-size:.65rem}
.text-\[0\.6rem\]{font-size:.6rem}
.text-\[0\.7rem\]{font-size:.7rem}
.text-\[0\.9rem\]{font-size:.9rem}
.text-\[1rem\]{font-size:1rem}
.text-\[2\.2rem\]{font-size:2.2rem}
.text-\[2\.6rem\]{font-size:2.6rem}
.text-\[3\.5rem\]{font-size:3.5rem}
.text-\[1\.2rem\]{font-size:1.2rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:.75rem;line-height:1rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-6xl{font-size:3.75rem;line-height:1}
.tracking-\[-0\.03em\]{letter-spacing:-.03em}
.tracking-\[0\.24em\]{letter-spacing:.24em}
.tracking-\[0\.28em\]{letter-spacing:.28em}
.tracking-\[0\.34em\]{letter-spacing:.34em}
.pb-10{padding-bottom:2.5rem}
.pt-36{padding-top:9rem}
.pt-12{padding-top:3rem}
.hover\:opacity-70:hover{opacity:.7}
.group:hover .opacity-80{opacity:.8}
.group:hover .scale-110{transform:scale(1.1)}
.hover\:bg-\[var\(--glass-bg\)\]:hover{background-color:var(--glass-bg)}
.hover\:bg-\[var\(--primary-hover\)\]:hover{background-color:var(--primary-hover)}
.hover\:bg-\[var\(--surface-color\)\]:hover{background-color:var(--surface-color)}
.hover\:border-\[var\(--accent-color\)\]:hover{border-color:var(--accent-color)}
.hover\:text-\[var\(--primary-hover\)\]:hover{color:var(--primary-hover)}
.focus\:border-\[var\(--accent-color\)\]:focus{border-color:var(--accent-color)}
.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--accent-color)}
@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:p-10{padding:2.5rem}.sm\:p-6{padding:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:pb-24{padding-bottom:6rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:mt-20{margin-top:5rem}.sm\:max-w-none{max-width:none}.sm\:max-w-xl{max-width:36rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[3\.5rem\]{font-size:3.5rem}.sm\:text-\[2\.6rem\]{font-size:2.6rem}.sm\:text-\[1\.2rem\]{font-size:1.2rem}.sm\:text-\[1rem\]{font-size:1rem}.sm\:flex-row{flex-direction:row}.sm\:gap-24{gap:6rem}.sm\:tracking-\[0\.34em\]{letter-spacing:.34em}}
@media (min-width:768px){.md\:text-\[3\.5rem\]{font-size:3.5rem}.md\:pb-10{padding-bottom:2.5rem}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}}
@media (min-width:1024px){.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.lg\:pt-12{padding-top:3rem}.lg\:pt-36{padding-top:9rem}.lg\:pt-8{padding-top:2rem}.lg\:ml-auto{margin-left:auto}.lg\:mr-0{margin-right:0}.lg\:gap-12{gap:3rem}.lg\:gap-6{gap:1.5rem}.lg\:flex-row{flex-direction:row}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:justify-end{justify-content:flex-end}.lg\:justify-self-end{justify-self:end}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}}
@media (min-width:1280px){.xl\:gap-8{gap:2rem}}

html{scroll-behavior:smooth}
body{min-width:320px}
img,svg{max-width:100%}
button,a{touch-action:manipulation}
.grid{display:grid}
.flex{display:flex}
.site-header{position:sticky;top:0;z-index:40}
@media(max-width:639px){.lg\:hidden{display:block}.lg\:flex{display:none}.lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr}}