/* PRO 4.7-A — micro above-fold CSS. Full Index CSS remains non-blocking. */:root{--otx-bg-1:#060d1a;--otx-bg-2:#0a1322;--otx-bg-3:#0e1c34;--otx-bg-card:linear-gradient(165deg,#0e1c34 0%,#091222 100%);--otx-bg-glass:rgba(9,18,36,.82);--otx-line:rgba(148,180,230,.10);--otx-line-strong:rgba(148,180,230,.22);--otx-border-gold:rgba(240,200,110,.14);--otx-border-gold-hover:rgba(240,200,110,.38);--otx-text:#f0f5ff;--otx-text-soft:#cbd5ec;--otx-muted:#a8b8d0;--otx-muted-soft:#7b8ba4;--otx-gold:#d4a03c;--otx-gold-2:#f0c86e;--otx-gold-bright:#ffd77a;--otx-gold-soft:rgba(212,160,60,.14);--otx-ai:#4aa3ff;--otx-ai-bright:#6dc0ff;--otx-ok:#3ddf82;--otx-warn:#f5b545;--otx-bad:#ff6b7a;--otx-info:#60a5fa;--otx-accent:var(--otx-gold);--otx-accent-soft:var(--otx-gold-soft);--otx-font-body:"Outfit",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--otx-font-display:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--otx-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--otx-fs-base:16px;--otx-line-height:1.65;--otx-line-height-heading:1.15;--otx-r-sm:10px;--otx-r:16px;--otx-r-lg:22px;--otx-r-xl:28px;--otx-shadow-sm:0 6px 18px rgba(0,0,0,.25);--otx-shadow:0 16px 38px rgba(0,0,0,.38);--otx-shadow-lg:0 28px 60px rgba(0,0,0,.42);--otx-shadow-glow:0 6px 24px rgba(212,160,60,.22);--otx-hdr:68px;--otx-hdr-offset:calc(var(--otx-hdr) + env(safe-area-inset-top,0px));--otx-dock:72px;--otx-dock-offset:calc(var(--otx-dock) + env(safe-area-inset-bottom,0px) + 12px);--otx-bp-mobile:640px;--otx-bp-tablet:900px;--otx-bp-laptop:1120px;--otx-bp-desktop:1400px;--otx-ease:cubic-bezier(.4,0,.2,1);--otx-ease-out:cubic-bezier(0,0,.2,1);--otx-tr-fast:.18s var(--otx-ease);--otx-tr:.25s var(--otx-ease);--otx-tr-slow:.4s var(--otx-ease);}*{box-sizing:border-box;}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--otx-hdr-offset) + 16px);}body{margin:0;font-family:var(--otx-font-body);font-size:var(--otx-fs-base);line-height:var(--otx-line-height);color:var(--otx-text);background:var(--otx-bg-1);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}h1,h2,h3,h4,h5,h6{font-family:var(--otx-font-display);line-height:var(--otx-line-height-heading);letter-spacing:-.02em;font-weight:800;color:var(--otx-text);margin:0 0 .6em;}p{margin:0 0 1em;color:var(--otx-text-soft);}a{color:var(--otx-accent);text-decoration:none;transition:color var(--otx-tr-fast);}input,textarea,select,button{font-family:inherit;font-size:var(--otx-fs-base);}img{max-width:100%;height:auto;display:block;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}@media (pointer:coarse){button,.btn,a.btn{min-height:44px;}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}}@media print{body{background:white;color:black;}.hdr,.drawer,.drawer-overlay{display:none !important;}}:root{--bg:#060d1a;--bg-card:linear-gradient(165deg,#0e1c34 0%,#091222 100%);--bg-glass:rgba(9,18,36,.82);--bg-soft:#0a1426;--border:rgba(240,200,110,.12);--border-hover:rgba(240,200,110,.34);--line:rgba(148,180,230,.08);--text:#f0f5ff;--muted:#a8b8d0;--muted-soft:#7b8ba4;--gold:#d4a03c;--gold-2:#f0c86e;--gold-bright:#ffd77a;--ai:#4aa3ff;--ai-bright:#6dc0ff;--green:#3ddf82;--green-bright:#5eeba2;--red:#ff6b7a;--r:18px;--r-lg:26px;--r-sm:12px;--shadow:0 16px 40px rgba(0,0,0,.38);--shadow-sm:0 6px 20px rgba(0,0,0,.25);--shadow-glow:0 6px 24px rgba(212,160,60,.22);--hdr:68px;--hdr-offset:calc(var(--hdr) + env(safe-area-inset-top,0px));--dock:72px;--max:1400px;--ff:"Outfit",system-ui,-apple-system,sans-serif;--ff-display:"Plus Jakarta Sans","Outfit",system-ui,sans-serif;--ease:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;scroll-padding-top:calc(var(--hdr-offset) + 16px)}body{width:100%;max-width:100%;overflow-x:hidden;padding-top:var(--hdr-offset);background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 20% -4%,rgba(19,49,86,.32),transparent 50%);color:var(--text);font:400 15px/1.62 var(--ff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}a{color:inherit;text-decoration:none}.hdr-inner > *,.drawer > *{min-width:0}img{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit;color:inherit}.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.site-shell{min-height:100vh;position:relative;overflow-x:hidden}.progress-track{position:fixed;left:0;top:0;width:100%;height:3px;z-index:500;pointer-events:none}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-bright),var(--gold));background-size:200% 100%;animation:shimmer 2s linear infinite;will-change:width}.hdr{position:fixed;left:0;right:0;top:0;z-index:200;background:var(--bg-glass);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid var(--border);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);will-change:transform;width:100%;}.hdr.is-pinned{box-shadow:0 4px 24px rgba(0,0,0,.3);border-bottom-color:rgba(255,196,95,.16)}.hdr-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--hdr);}.hdr-brand{display:flex;align-items:center;gap:10px;flex-shrink:1;min-width:0;text-decoration:none;transition:opacity .2s}.hdr-brand:hover{opacity:.88}.hdr-logo{position:relative;width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;filter:drop-shadow(0 2px 8px rgba(212,160,60,.28));}.hdr-logo svg{width:100%;height:100%;display:block;transition:transform .4s var(--ease-spring)}.hdr-brand:hover .hdr-logo svg{transform:rotate(45deg)}.hdr-logo::before{content:"";position:absolute;inset:-2px;border-radius:14px;background:radial-gradient(circle at center,rgba(240,200,110,.18),transparent 65%);opacity:0;z-index:-1;animation:logo-halo 4s ease infinite 1s;}.hdr-brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.hdr-brand-text strong{font:900 1.35rem/1 var(--ff-display);letter-spacing:.08em;background:linear-gradient(100deg,#fff 20%,var(--gold-bright) 50%,#fff 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;white-space:nowrap;}.hdr-brand-tag{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hdr-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.hdr-link{position:relative;display:inline-flex;align-items:center;padding:7px 13px;border-radius:9px;font:600 .84rem/1 var(--ff);color:var(--muted);transition:color .22s var(--ease),background .22s var(--ease);}.hdr-link::after{content:"";position:absolute;left:50%;bottom:2px;width:0;height:2px;border-radius:2px;background:var(--gold-2);transform:translateX(-50%);transition:width .28s var(--ease-spring);}.hdr-link:hover{color:#fff;background:rgba(255,255,255,.05)}.hdr-link:hover::after,.hdr-link.is-active::after{width:18px}.hdr-link.is-active{color:#fff}.hdr-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.hdr-burger{display:none;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:var(--r-sm);border:1px solid var(--border);background:rgba(255,255,255,.03);cursor:pointer;transition:background .2s;-webkit-tap-highlight-color:transparent;}.hdr-burger:hover{background:rgba(255,255,255,.07)}.hdr-burger-line{display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:transform .3s var(--ease),opacity .2s;}.hdr-burger.is-open .hdr-burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hdr-burger.is-open .hdr-burger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hdr-burger.is-open .hdr-burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.drawer-overlay{position:fixed;inset:0;z-index:250;background:rgba(3,7,14,.6);backdrop-filter:blur(6px);opacity:0;transition:opacity .32s var(--ease);}.drawer-overlay[hidden]{display:none!important}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,88vw);z-index:260;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a1628,#070f1e);border-left:1px solid var(--border);box-shadow:-16px 0 48px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .38s var(--ease);}.drawer.is-open{transform:translateX(0)}.drawer[hidden]{display:flex!important;pointer-events:none}.drawer.is-open{pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);}.drawer-close{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.03);cursor:pointer;color:#fff;transition:background .2s,border-color .2s;}.drawer-close:hover{background:rgba(255,196,95,.08);border-color:var(--border-hover)}.drawer-close svg{width:18px;height:18px}.drawer-nav{flex:1;overflow-y:auto;padding:12px 14px;display:grid;gap:4px;align-content:start}.drawer-link{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--r-sm);font:600 .95rem/1 var(--ff);color:#c8d4e6;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s,transform .2s;}.drawer-link:hover,.drawer-link:active{background:rgba(255,196,95,.06);border-color:rgba(255,196,95,.12);color:#fff;transform:translateX(4px);}.drawer-link.is-active{color:var(--gold-2);border-color:rgba(255,196,95,.16);background:rgba(255,196,95,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 20px;border-radius:var(--r-sm);font:700 .88rem/1 var(--ff);border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),box-shadow .25s var(--ease),background .2s,border-color .2s;white-space:nowrap;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;}.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 60%);transform:translateX(-110%) skewX(-18deg);transition:transform .5s var(--ease);pointer-events:none;}.btn:hover::before{transform:translateX(110%) skewX(-18deg)}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(170deg,var(--gold-bright),var(--gold));color:#0f1a2a;border-color:rgba(255,200,80,.35);box-shadow:0 6px 20px rgba(212,152,46,.2);}.btn-primary:hover{box-shadow:0 10px 32px rgba(212,152,46,.32);transform:translateY(-1px)}.btn-glow{animation:btn-glow-pulse 3s ease infinite}@media (max-width:980px){:root{--hdr:64px;--dock:72px}.hdr-inner{height:calc(var(--hdr) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.hdr-nav,.hdr-actions{display:none}.hdr-burger{display:flex;flex:0 0 42px;margin-left:auto}.hdr-brand{flex:1;max-width:calc(100% - 54px)}.hdr-brand-tag{display:none}.hdr-brand-text strong{font-size:1.08rem;max-width:100%}.hdr-logo{width:36px;height:36px;flex:0 0 36px}.drawer{width:min(92vw,360px)}body{padding-bottom:calc(var(--dock) + env(safe-area-inset-bottom,0px))}}@media (max-width:640px){:root{--hdr:58px;--dock:68px}.container{width:min(var(--max),calc(100% - 22px))}.hdr-inner{gap:10px}.hdr-brand{gap:9px;max-width:calc(100% - 52px)}.hdr-brand-text strong{font-size:.96rem}}.progress-bar{background:linear-gradient(90deg,var(--ai),var(--gold),var(--gold-bright))}.btn-primary{box-shadow:0 6px 18px rgba(212,160,60,.24)}.btn-primary:hover{box-shadow:0 10px 28px rgba(212,160,60,.34)}.drawer-link:hover,.drawer-link:active{background:rgba(240,200,110,.06)}.drawer-link.is-active{background:rgba(240,200,110,.08);border-color:rgba(240,200,110,.18)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.drawer-section-label{display:block;padding:10px 16px 4px;font:800 .63rem/1 var(--ff);letter-spacing:.13em;text-transform:uppercase;color:var(--gold-2);opacity:.85;}.hdr-logo img{width:100%;height:100%;display:block;object-fit:contain;border-radius:12px;}.hdr-brand:hover .hdr-logo img{transform:none}.hdr-nav{min-width:0;overflow:hidden}.hdr-link{white-space:nowrap;text-decoration:none}.hdr-link[href^="http"]::before,.drawer-link[href^="http"]::before{content:"↗";font-size:.72em;margin-right:4px;opacity:.68;}@media (max-width:1180px){.hdr-link{padding-inline:9px;font-size:.78rem}.hdr-brand-text strong{font-size:1.18rem}}@media (max-width:980px){.hdr-nav,.hdr-actions{display:none}}.hdr-brand-tag{letter-spacing:.01em}:root{--otx-surface-strong:linear-gradient(160deg,rgba(10,22,42,.98),rgba(6,13,26,.96));--otx-surface-soft:linear-gradient(150deg,rgba(255,255,255,.052),rgba(255,255,255,.018));--otx-gold-ring:rgba(240,200,110,.22);--otx-blue-ring:rgba(74,163,255,.18);}.hdr{background:linear-gradient(180deg,rgba(6,13,26,.96),rgba(6,13,26,.86));border-bottom:1px solid rgba(240,200,110,.16);box-shadow:0 10px 34px rgba(0,0,0,.18);}.hdr.is-pinned{background:linear-gradient(180deg,rgba(6,13,26,.98),rgba(8,18,34,.94));border-bottom-color:rgba(240,200,110,.24);box-shadow:0 14px 44px rgba(0,0,0,.36);}.hdr-link{color:#b7c4d8}.hdr-link:hover,.hdr-link.is-active{color:#fff;background:rgba(240,200,110,.06)}.hdr-actions .btn-primary{background:linear-gradient(180deg,#ffdc82,#d29a35);color:#07101f;border-color:rgba(255,220,130,.52)}.hdr-burger{background:rgba(255,255,255,.035);border-color:rgba(240,200,110,.20)}.hdr-burger:hover{background:rgba(240,200,110,.08)}.btn-primary{box-shadow:0 10px 26px rgba(212,160,60,.20)}.btn-primary:hover{box-shadow:0 14px 34px rgba(212,160,60,.34)}@media (max-width:980px){.hdr-nav,.hdr-actions{display:none}}@media (max-width:640px){.container{width:min(var(--max),calc(100% - 28px))}.hdr-brand-text strong{letter-spacing:.055em}}:root{--otx-vitrine-bg:#050b14;--otx-vitrine-panel:rgba(9,17,29,.84);--otx-vitrine-panel-soft:rgba(255,255,255,.055);--otx-vitrine-line:rgba(230,190,103,.22);--otx-vitrine-line-strong:rgba(230,190,103,.44);--otx-vitrine-gold:#f4c86d;--otx-vitrine-gold-soft:#ffe3a5;--otx-vitrine-teal:#33d6c7;--otx-vitrine-cyan:#63b7ff;--otx-vitrine-text:#f7f4ec;--otx-vitrine-muted:#aeb7c4;--otx-vitrine-radius:24px;--otx-vitrine-shadow:0 24px 70px rgba(0,0,0,.32);}.otx-public-vitrine .hdr,.otx-public-vitrine .drawer{--otx-nav-gold:var(--otx-vitrine-gold);}.otx-public-vitrine .btn,.otx-public-vitrine .hdr-link,.otx-public-vitrine .drawer-link{text-decoration:none;}.otx-public-vitrine .btn-primary,.otx-public-vitrine .hdr-actions .btn-primary{background:linear-gradient(135deg,#ffe8aa 0%,#f4c86d 48%,#c99234 100%);color:#1c1407;border:1px solid rgba(255,233,170,.55);box-shadow:0 10px 28px rgba(244,200,109,.18);}@media (prefers-reduced-motion:reduce){.otx-public-vitrine *{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important;}}body.otx-public-vitrine{--otx-public-ink:#f8f4eb;--otx-public-muted:#b8c2cf;--otx-public-soft:#d8e1ec;--otx-public-bg:#050914;--otx-public-bg-2:#08111f;--otx-public-panel:rgba(8,15,28,.84);--otx-public-panel-2:rgba(255,255,255,.055);--otx-public-border:rgba(244,200,109,.22);--otx-public-border-strong:rgba(244,200,109,.42);--otx-public-gold:#f4c86d;--otx-public-gold-2:#ffe5aa;--otx-public-teal:#34d7c8;--otx-public-cyan:#6ab9ff;--otx-public-blue:#5b8cff;--otx-public-danger:#ff5f6f;--otx-public-success:#47d78c;--otx-public-radius:22px;--otx-public-shadow:0 22px 64px rgba(0,0,0,.30);background:radial-gradient(circle at 18% 0%,rgba(244,200,109,.10),transparent 28%),radial-gradient(circle at 88% 10%,rgba(52,215,200,.095),transparent 30%),linear-gradient(180deg,#050914 0%,#07101e 42%,#050914 100%);color:var(--otx-public-ink);}body.otx-public-vitrine .hdr{background:linear-gradient(180deg,rgba(5,9,20,.92),rgba(5,9,20,.74));border-bottom:1px solid rgba(244,200,109,.18);box-shadow:0 10px 34px rgba(0,0,0,.20);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}body.otx-public-vitrine .hdr-inner{color:var(--otx-public-ink);}body.otx-public-vitrine .hdr-logo{color:#12100b;background:linear-gradient(135deg,#fff2c8 0%,#f4c86d 48%,#c99532 100%);border:1px solid rgba(255,236,177,.60);box-shadow:0 14px 34px rgba(244,200,109,.22),inset 0 1px 0 rgba(255,255,255,.38);}body.otx-public-vitrine .hdr-brand strong{color:var(--otx-public-ink);}body.otx-public-vitrine .hdr-brand-tag{color:var(--otx-public-muted);}body.otx-public-vitrine .hdr-link{color:rgba(248,244,235,.78);border:1px solid transparent;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease;}body.otx-public-vitrine .hdr-link:hover,body.otx-public-vitrine .hdr-link.is-active{color:var(--otx-public-gold-2);background:rgba(244,200,109,.075);border-color:rgba(244,200,109,.20);}body.otx-public-vitrine .hdr-burger{color:var(--otx-public-ink);border-color:rgba(244,200,109,.24);background:rgba(255,255,255,.055);}body.otx-public-vitrine .hdr-burger-line{background:var(--otx-public-gold-2);}body.otx-public-vitrine .btn-primary,body.otx-public-vitrine .hdr-actions .btn-primary{background:linear-gradient(135deg,#fff1bf 0%,#f4c86d 45%,#c78d2e 100%);color:#191105;border:1px solid rgba(255,238,184,.58);box-shadow:0 18px 42px rgba(244,200,109,.22),inset 0 1px 0 rgba(255,255,255,.38);}body.otx-public-vitrine .btn-primary:hover{filter:saturate(1.06) brightness(1.03);transform:translateY(-1px);}body.otx-public-vitrine .drawer{background:radial-gradient(circle at 20% 0%,rgba(244,200,109,.14),transparent 30%),linear-gradient(180deg,rgba(7,13,25,.98),rgba(4,8,16,.98));color:var(--otx-public-ink);border-left:1px solid rgba(244,200,109,.20);}body.otx-public-vitrine .drawer-section-label{color:var(--otx-public-gold);}body.otx-public-vitrine .drawer-link{color:rgba(248,244,235,.82);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);}body.otx-public-vitrine .drawer-link:hover,body.otx-public-vitrine .drawer-link.is-active{color:var(--otx-public-gold-2);background:rgba(244,200,109,.075);border-color:rgba(244,200,109,.24);}body.otx-public-vitrine .drawer-close{color:var(--otx-public-ink);border-color:rgba(244,200,109,.22);}body.otx-public-vitrine .drawer-overlay{background:rgba(0,0,0,.58);backdrop-filter:blur(8px);}/* PRO 4.7-A:first-paint animation guard */ .progress-bar{animation:none!important;background-size:100% 100%!important}.hdr-logo::before{animation:none!important;opacity:0!important}.otx-pro2-hero *{animation:none!important}.otx-pro2-hero__copy::before,.otx-pro2-hero__copy::after{filter:none!important}

/* PAKET 32 — INDEX FIRST-PAINT COLOR LOCK
   The homepage defers its full stylesheet until DOMContentLoaded. Keep the
   render-blocking micro layer visually identical to the final index palette
   so no warm/alternate background is painted before the deferred CSS arrives. */
:root{--otx-index-ink:#050d1a;--otx-index-ink-2:#08172b;--otx-index-card:#0a1b31;--otx-index-card-2:#071426;--otx-index-line:rgba(125,211,252,.18);--otx-index-line-strong:rgba(103,232,249,.34);--otx-index-text:#f6fbff;--otx-index-muted:#b8c7da;--otx-index-muted-2:#8fa3ba;--otx-index-cyan:#38bdf8;--otx-index-cyan-soft:#8be9ff;--otx-index-teal:#14b8a6;--otx-index-emerald:#22c55e;--otx-index-violet:#8b5cf6;--otx-index-violet-soft:#a78bfa}
body.otx-public-vitrine[data-page="/"]{--gold:var(--otx-index-teal)!important;--gold-2:var(--otx-index-cyan)!important;--gold-bright:var(--otx-index-cyan-soft)!important;--otx-gold:var(--otx-index-cyan)!important;--otx-gold-2:var(--otx-index-cyan-soft)!important;--otx-gold-bright:var(--otx-index-cyan-soft)!important;--otx-accent:var(--otx-index-cyan)!important;--otx-accent-soft:rgba(56,189,248,.12)!important;--page-accent:var(--otx-index-cyan)!important;--landing-accent:var(--otx-index-cyan)!important;background:radial-gradient(circle at 10% -8%,rgba(56,189,248,.15),transparent 34%),radial-gradient(circle at 88% 1%,rgba(139,92,246,.12),transparent 34%),radial-gradient(circle at 76% 56%,rgba(20,184,166,.08),transparent 36%),linear-gradient(180deg,var(--otx-index-ink) 0%,#07172a 46%,var(--otx-index-ink) 100%)!important;color:var(--otx-index-text)!important}
body.otx-public-vitrine[data-page="/"] :where(.site-shell,main,.section,.section-tight){background:transparent!important}

/* PAKET 32.1 — INDEX ZERO-YELLOW FIRST-PAINT LOCK
   Fixes the remaining warm header/page flash before deferred homepage CSS.
   Scope is homepage only. Values mirror the final index foundation/brand rules. */
body.otx-public-vitrine[data-page="/"]{
  --page-accent:#38bdf8!important;
  --landing-accent:#38bdf8!important;
  --gold:#14b8a6!important;
  --gold-2:#38bdf8!important;
  --gold-bright:#8be9ff!important;
  --otx-gold:#38bdf8!important;
  --otx-gold-2:#8be9ff!important;
  --otx-gold-bright:#8be9ff!important;
  --otx-public-gold:#38bdf8!important;
  --otx-public-gold-2:#8be9ff!important;
  --otx-vitrine-gold:#38bdf8!important;
  --otx-vitrine-gold-soft:#8be9ff!important;
  --otx-accent:#38bdf8!important;
  --otx-accent-soft:rgba(56,189,248,.12)!important;
  --idx-canvas:#071421;
  --idx-header:rgba(7,20,33,.84);
  background:#071421!important;
  background-image:none!important;
  color:#f3f8fc!important;
}
body.otx-public-vitrine[data-page="/"] *{
  --gold:#14b8a6!important;
  --gold-2:#38bdf8!important;
  --gold-bright:#8be9ff!important;
  --otx-gold:#38bdf8!important;
  --otx-gold-2:#8be9ff!important;
  --otx-gold-bright:#8be9ff!important;
  --page-accent:#38bdf8!important;
  --landing-accent:#38bdf8!important;
}
body.otx-public-vitrine[data-page="/"] :where(.site-shell,main,.landing,.otx-home-import,.section,.section-tight){
  background-color:transparent!important;
  background-image:none!important;
}
body.otx-public-vitrine[data-page="/"] .hdr{
  background:rgba(7,20,33,.62)!important;
  background-image:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
}
body.otx-public-vitrine[data-page="/"] .hdr.is-pinned{
  background:rgba(7,20,33,.84)!important;
  background-image:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body.otx-public-vitrine[data-page="/"] .hdr-logo{
  color:#e7fbff!important;
  background:linear-gradient(145deg,#06111f,#0a2037)!important;
  border:1px solid rgba(56,189,248,.30)!important;
  box-shadow:0 14px 34px rgba(56,189,248,.16),inset 0 0 0 1px rgba(255,255,255,.045)!important;
}
body.otx-public-vitrine[data-page="/"] .hdr-brand-text strong{
  background:linear-gradient(93deg,#f8fbff 0 30%,#8be9ff 43%,#14b8a6 57%,#a78bfa 76%,#f8fbff 100%)!important;
  background-size:245% 100%!important;
  background-position:0 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:none!important;
}
body.otx-public-vitrine[data-page="/"] .hdr-brand-tag{color:#9bd9ef!important}
body.otx-public-vitrine[data-page="/"] .hdr-link{color:#b8c7da!important}
body.otx-public-vitrine[data-page="/"] .hdr-link:hover,
body.otx-public-vitrine[data-page="/"] .hdr-link.is-active{
  color:#fff!important;
  background:rgba(56,189,248,.08)!important;
  border-color:rgba(56,189,248,.18)!important;
}
body.otx-public-vitrine[data-page="/"] .hdr-burger{
  color:#f6fbff!important;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(56,189,248,.24)!important;
}
body.otx-public-vitrine[data-page="/"] .hdr-burger-line{background:#8be9ff!important}
body.otx-public-vitrine[data-page="/"] :where(.btn-primary,.btn-glow,.hdr-context-cta){
  background:linear-gradient(135deg,#38bdf8 0%,#14b8a6 55%,#22c55e 100%)!important;
  color:#03101e!important;
  border-color:rgba(125,211,252,.52)!important;
  box-shadow:0 14px 34px rgba(20,184,166,.22),0 0 0 1px rgba(255,255,255,.05) inset!important;
  text-shadow:none!important;
}
body.otx-public-vitrine[data-page="/"] .progress-bar{
  background:linear-gradient(90deg,#38bdf8,#14b8a6,#8b5cf6)!important;
  background-size:100% 100%!important;
  animation:none!important;
}
body.otx-public-vitrine[data-page="/"] .drawer{
  background:linear-gradient(180deg,#071421,#06111f)!important;
  border-left-color:rgba(56,189,248,.18)!important;
}
body.otx-public-vitrine[data-page="/"] .drawer-section-label{color:#38bdf8!important}
body.otx-public-vitrine[data-page="/"] .drawer-link:hover,
body.otx-public-vitrine[data-page="/"] .drawer-link.is-active{
  color:#8be9ff!important;
  background:rgba(56,189,248,.075)!important;
  border-color:rgba(56,189,248,.20)!important;
}

/* P33 — hero expertise is informational, not duplicate service navigation. */
body.otx-public-vitrine[data-page="/"] .otx-pro2-hero__expertise{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px;width:fit-content;max-width:100%;padding:6px 8px;border:1px solid rgba(103,232,249,.12);border-radius:999px;background:linear-gradient(135deg,rgba(56,189,248,.055),rgba(139,92,246,.045) 52%,rgba(20,184,166,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
body.otx-public-vitrine[data-page="/"] .otx-pro2-hero__expertise>span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(148,190,220,.10);border-radius:11px;background:rgba(255,255,255,.025);color:#c8dce9;font-size:.7rem;font-weight:800;line-height:1.2}
body.otx-public-vitrine[data-page="/"] .otx-pro2-hero__expertise>span i{color:#68d9f8}
@media(max-width:680px){body.otx-public-vitrine[data-page="/"] .otx-pro2-hero__expertise{gap:7px;margin-top:20px;padding:6px 7px;border-radius:24px}body.otx-public-vitrine[data-page="/"] .otx-pro2-hero__expertise>span{flex:1 1 calc(50% - 4px);justify-content:center;min-height:40px;padding:7px 8px;font-size:.66rem}}
@media(max-width:420px){body.otx-public-vitrine[data-page="/"] .otx-pro2-hero__expertise>span{flex-basis:100%}}


/* PAKET 34 — homepage first-paint parity with global public chrome.
   Complete chrome arrives deferred from index-critical.css; these rules
   prevent header size/color movement before DOMContentLoaded. */
body.otx-public-vitrine[data-page="/"]{--otx-chrome-header-h:68px;--hdr:68px}
body.otx-public-vitrine[data-page="/"] .hdr{height:calc(var(--otx-chrome-header-h) + env(safe-area-inset-top,0px))!important;background:linear-gradient(180deg,rgba(5,14,27,.975),rgba(6,17,31,.935))!important;border-bottom:1px solid rgba(125,211,252,.14)!important;box-shadow:0 12px 36px rgba(0,0,0,.17)!important;backdrop-filter:blur(20px) saturate(135%)!important;-webkit-backdrop-filter:blur(20px) saturate(135%)!important}
body.otx-public-vitrine[data-page="/"] .hdr-inner{width:min(100% - 32px,1440px)!important;height:var(--otx-chrome-header-h)!important;min-height:var(--otx-chrome-header-h)!important;margin-inline:auto!important;padding-inline:0!important;gap:clamp(12px,1.5vw,22px)!important}
body.otx-public-vitrine[data-page="/"] .hdr-logo{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:14px!important}
body.otx-public-vitrine[data-page="/"] .hdr-brand-text strong{font-size:1rem!important;letter-spacing:.115em!important}
body.otx-public-vitrine[data-page="/"] .hdr-nav{gap:4px!important}
body.otx-public-vitrine[data-page="/"] .hdr-link{min-height:40px!important;padding:9px 11px!important;border-radius:12px!important;font-size:.78rem!important}
body.otx-public-vitrine[data-page="/"] .hdr-context-cta{min-height:42px!important;padding:9px 15px!important;border-radius:13px!important}
@media(max-width:1240px){body.otx-public-vitrine[data-page="/"] .hdr-inner{width:min(100% - 26px,1440px)!important;gap:11px!important}body.otx-public-vitrine[data-page="/"] .hdr-link{padding-inline:8px!important;font-size:.74rem!important}}
@media(max-width:1020px){body.otx-public-vitrine[data-page="/"]{--otx-chrome-header-h:64px;--hdr:64px}body.otx-public-vitrine[data-page="/"] .hdr-nav,body.otx-public-vitrine[data-page="/"] .hdr-actions{display:none!important}body.otx-public-vitrine[data-page="/"] .hdr-burger{display:flex!important}body.otx-public-vitrine[data-page="/"] .hdr-inner{width:min(100% - 24px,1440px)!important}}
@media(max-width:720px){body.otx-public-vitrine[data-page="/"]{--otx-chrome-header-h:62px;--hdr:62px}body.otx-public-vitrine[data-page="/"] .hdr-inner{width:100%!important;padding-inline:14px!important;gap:10px!important}body.otx-public-vitrine[data-page="/"] .hdr-logo{width:37px!important;height:37px!important;flex-basis:37px!important;border-radius:13px!important}body.otx-public-vitrine[data-page="/"] .hdr-brand-text strong{font-size:.94rem!important;letter-spacing:.10em!important}body.otx-public-vitrine[data-page="/"] .hdr-brand-tag{max-width:min(190px,45vw)!important;font-size:.50rem!important}}
@media(max-width:470px){body.otx-public-vitrine[data-page="/"] .hdr-brand-tag{display:none!important}}

/* P35 first-paint parity for the requested homepage header CTA only. */
body.otx-public-vitrine[data-page="/"] .otx-flow-team-btn--header{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:44px!important;padding:0 16px!important;border:1px solid rgba(139,233,255,.34)!important;border-radius:14px!important;color:#03111c!important;background:linear-gradient(135deg,#8be9ff 0%,#38bdf8 48%,#2dd4bf 100%)!important;box-shadow:0 14px 36px rgba(56,189,248,.16),inset 0 1px 0 rgba(255,255,255,.22)!important;font-size:.78rem!important;font-weight:900!important;text-decoration:none!important;text-shadow:none!important;}
body.otx-public-vitrine[data-page="/"] .otx-flow-team-btn--header :where(i,svg){color:#053149!important;}