.ai-site{--page-bg:#030a18;--page-ink:#f1f6ff;--page-muted:#b5c7e8;--page-line:#82a0dc38;--card-bg:#ffffff0a;--card-line:#82a0dc47;--signal:#3fd0ff;--serif:var(--font-serif), "Instrument Serif", Georgia, "Times New Roman", serif;isolation:isolate;background:var(--page-bg);color:var(--page-ink)}.story-night,.story-device{--page-bg:#030a18;--page-ink:#f1f6ff;--page-muted:#b5c7e8;--page-line:#82a0dc38;--card-bg:#ffffff0a;--card-line:#82a0dc47;--signal:#3fd0ff;color:var(--page-ink)}.story-bloom{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.story-bloom i{opacity:calc(.6 + var(--tone,0) * .3);will-change:transform;border-radius:50%;position:absolute}.story-bloom i:first-child{background:radial-gradient(circle,#2860ff66 0%,#2860ff38 28%,#2860ff12 52%,#2860ff00 70%);width:62vw;height:62vw;animation:26s ease-in-out infinite alternate story-bloom-a;top:-20%;left:-10%}.story-bloom i:nth-child(2){background:radial-gradient(circle,#9260ff52 0%,#9260ff2e 28%,#9260ff0f 52%,#9260ff00 70%);width:54vw;height:54vw;animation:32s ease-in-out infinite alternate story-bloom-b;top:30%;right:-14%}.story-bloom i:nth-child(3){background:radial-gradient(circle,#00d1ff47 0%,#00d1ff26 28%,#00d1ff0d 52%,#00d1ff00 70%);width:50vw;height:50vw;animation:29s ease-in-out infinite alternate story-bloom-c;bottom:-30%;left:28%}@keyframes story-bloom-a{to{transform:translate(14vw,10vh)scale(1.12)}}@keyframes story-bloom-b{to{transform:translate(-12vw,-14vh)scale(1.08)}}@keyframes story-bloom-c{to{transform:translate(-16vw,-8vh)scale(1.15)}}.story-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.story-words{display:inline}.story-word{vertical-align:bottom;margin:-.06em -.04em -.2em;padding:.06em .04em .2em;display:inline-block;overflow:hidden}.story-word>span{display:inline-block}.story-accent{font-family:var(--serif);letter-spacing:-.01em;color:var(--signal);font-style:italic;font-weight:400}[dir=rtl] .story-accent{font-family:inherit;font-style:normal;font-weight:inherit}.ai-site .ai-eyebrow{color:var(--signal);letter-spacing:.3em;font-size:11px}.ai-site .ai-eyebrow-line{background:var(--signal)}.ai-site .ai-section{padding-block:clamp(88px,12vh,140px)}.ai-site .ai-section-heading{align-items:end;gap:40px;margin-bottom:clamp(36px,5vh,64px)}.ai-site .ai-section-heading h2{color:var(--page-ink);letter-spacing:-.05em;text-wrap:balance;font-size:clamp(42px,6.6vw,104px);font-weight:800;line-height:.96}.ai-site .ai-section-heading>p{max-width:380px;color:var(--page-muted);margin:0 0 10px;font-size:17px;line-height:1.5}.ai-site .ai-icon-wrap{border-color:color-mix(in srgb, var(--page-ink) 16%, transparent);background:color-mix(in srgb, var(--page-ink) 7%, transparent);color:var(--page-ink);box-shadow:none}.ai-site .ai-button-outline{border-color:color-mix(in srgb, var(--page-ink) 42%, transparent);color:var(--page-ink);box-shadow:none;background:0 0}.ai-site .ai-button-outline:hover{border-color:var(--page-ink);background:color-mix(in srgb, var(--page-ink) 8%, transparent);box-shadow:none}.ai-site .ai-header{border-bottom-color:var(--page-line);background:color-mix(in srgb, var(--page-bg) 90%, transparent);-webkit-backdrop-filter:none}.ai-site .ai-desktop-nav a{color:var(--page-ink);opacity:.7}.ai-site .ai-desktop-nav a:hover{color:var(--page-ink);opacity:1}.ai-site .ai-brand-wordmark{color:var(--page-ink)}.ai-site .ai-brand-wordmark span,.ai-site .ai-language,.ai-site .ai-language a{color:var(--page-muted)}.ai-site .ai-language a[aria-current=page]{color:var(--page-ink)}.ai-site .ai-menu-toggle{border-color:var(--page-line);background:var(--card-bg);color:var(--page-ink)}.ai-site .ai-mobile-menu.is-open{border-top-color:var(--page-line);background:var(--page-bg)}.ai-site .ai-mobile-menu a{border-bottom-color:var(--page-line);color:var(--page-ink)}.story-progress{z-index:60;transform-origin:0;background:var(--signal);pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}[dir=rtl] .story-progress{transform-origin:100%}.story-grain{z-index:1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.story-cursor-dot,.story-cursor-ring{z-index:90;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0}.story-cursor-dot{background:var(--signal);width:7px;height:7px;margin:-3.5px 0 0 -3.5px}.story-cursor-ring{border:1.5px solid var(--signal);opacity:.8;width:38px;height:38px;margin:-19px 0 0 -19px}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.story-intro{z-index:80;background:#020a1d;place-items:center;animation:.6s 3.2s forwards story-intro-failsafe;display:grid;position:fixed;inset:0}.story-intro-stage{opacity:0;flex-direction:column;align-items:center;gap:22px;display:flex}.story-intro.is-playing{animation:.8s cubic-bezier(.76,0,.24,1) 1.5s forwards story-intro-lift}.story-intro.is-playing .story-intro-stage{opacity:1;animation:.5s 1.3s forwards story-intro-exit}.story-intro-mark{width:clamp(84px,11vw,132px);height:auto;overflow:visible}.story-intro-mark path,.story-intro-mark circle{fill:url(#intro-ink);fill-opacity:0;stroke:#8fd3ff;stroke-width:1.6px;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420px;filter:drop-shadow(0 0 10px #50a0ffcc)}.story-intro.is-playing .story-intro-mark path,.story-intro.is-playing .story-intro-mark circle{animation:.9s cubic-bezier(.4,0,.2,1) forwards story-intro-draw,.45s .75s forwards story-intro-fill}.story-intro.is-playing .story-intro-mark path:nth-child(3){animation-delay:.12s,.85s}.story-intro.is-playing .story-intro-mark path:nth-child(4){animation-delay:.22s,.95s}.story-intro.is-playing .story-intro-mark circle{animation-delay:.4s,1s}.story-intro-word{color:#f3f7ff;letter-spacing:.32em;opacity:0;font-size:clamp(18px,2.2vw,26px);font-weight:800;transform:translateY(10px)}.story-intro-word span{color:#9fc4ff}.story-intro.is-playing .story-intro-word{animation:.6s cubic-bezier(.22,1,.36,1) .55s forwards story-intro-word}@keyframes story-intro-draw{to{stroke-dashoffset:0}}@keyframes story-intro-fill{to{fill-opacity:1;stroke-opacity:0}}@keyframes story-intro-word{to{opacity:1;transform:none}}@keyframes story-intro-exit{to{opacity:0;transform:translateY(-14px)scale(1.04)}}@keyframes story-intro-lift{to{transform:translateY(-100%)}}@keyframes story-intro-failsafe{to{opacity:0;visibility:hidden}}.story-hero{height:290vh;position:relative}.story-hero.is-static{height:auto}.story-hero-pin{height:100vh;min-height:700px;position:sticky;top:0;overflow:hidden}.story-hero.is-static .story-hero-pin{height:auto;min-height:0;position:relative}.story-hero-bg{opacity:.5;background:url(/images/kodex-ai-atmosphere.webp) 50%/cover no-repeat;position:absolute;inset:-6%}.story-hero-veil{background:linear-gradient(180deg, var(--page-bg), transparent 26%, transparent 74%, var(--page-bg));position:absolute;inset:0}.story-field{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.story-stage{top:50%;aspect-ratio:1;pointer-events:none;width:min(50vw,660px);position:absolute;inset-inline-end:4%;translate:0 -50%}.story-hero-layout{z-index:2;grid-template-rows:1fr auto;min-height:100vh;padding:100px 0 40px;display:grid;position:relative}.story-hero-type,.story-hero-statement{grid-area:1/1;align-self:center}.story-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(60px,8.6vw,140px);font-weight:800;line-height:.9}.story-hero-line{will-change:transform;display:block}.story-hero-line+.story-hero-line{padding-inline-start:.8em}.story-hero .story-accent{font-size:1.04em}.story-hero-statement{opacity:0;pointer-events:none}.story-hero.is-static .story-hero-statement{display:none}.story-statement-line{letter-spacing:-.05em;max-width:12ch;margin:0;font-size:clamp(44px,7vw,112px);font-weight:800;line-height:.96}.story-statement-serif{font-family:var(--serif);letter-spacing:-.01em;color:var(--signal);font-size:clamp(48px,7.6vw,122px);font-style:italic;font-weight:400}[dir=rtl] .story-statement-serif{color:var(--signal);font-family:inherit;font-style:normal;font-weight:800}.story-hero-foot{flex-wrap:wrap;grid-area:2/1;justify-content:space-between;align-items:end;gap:24px 40px;display:flex}.story-hero-foot-inner{max-width:520px}.story-hero-description{color:var(--page-muted);margin:0;font-size:clamp(16px,1.3vw,19px);font-weight:500;line-height:1.55}.story-hero-points{flex-wrap:wrap;gap:10px 20px;margin:18px 0 0;padding:0;list-style:none;display:flex}.story-hero-points li{color:var(--page-muted);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.story-hero-points svg{color:var(--signal)}.story-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.story-hero-actions .ai-button-primary{min-width:188px}.story-scroll-hint{z-index:2;color:var(--page-muted);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:22px;left:50%;translate:-50%}.story-scroll-hint svg{animation:1.6s ease-in-out infinite story-nudge}.story-hero.is-static .story-scroll-hint{display:none}@keyframes story-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.story-ticker{border-block:1px solid var(--page-line);direction:ltr;padding-block:20px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.story-ticker-track{will-change:transform;width:max-content;display:flex}.story-ticker-group{flex:none;align-items:center;display:flex}.story-ticker-item{color:var(--page-ink);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:30px;padding-inline-end:30px;font-size:clamp(16px,1.6vw,22px);font-weight:800;display:inline-flex}.story-ticker-item i{background:var(--signal);border-radius:50%;width:8px;height:8px}.story-manifesto{height:210vh;position:relative}.story-manifesto.is-static{height:auto;padding-block:80px}.story-manifesto-pin{align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.story-manifesto.is-static .story-manifesto-pin{height:auto;position:static}.story-manifesto-text{letter-spacing:-.04em;text-wrap:pretty;max-width:1120px;margin:14px 0 0;font-size:clamp(28px,3.9vw,62px);font-weight:800;line-height:1.14}.story-manifesto-word{color:var(--page-ink);opacity:.14;display:inline}.story-manifesto-word.is-lit{color:var(--signal)}.story-manifesto.is-static .story-manifesto-word{opacity:1}[dir=rtl] .story-manifesto-text{letter-spacing:0;line-height:1.45}.story-index{border-top:1px solid var(--page-line);margin:0;padding:0;list-style:none;position:relative}.story-index>li{margin:0}.story-index-row{border-bottom:1px solid var(--page-line);color:inherit;grid-template-columns:80px minmax(0,1fr) 48px;align-items:center;gap:28px;padding:34px 0;display:grid}.story-index-num,.story-index-text{transition:transform .35s cubic-bezier(.22,1,.36,1)}.story-index-row:hover :is(.story-index-num,.story-index-text),.story-index-row:focus-visible :is(.story-index-num,.story-index-text){transform:translate(18px)}[dir=rtl] .story-index-row:hover :is(.story-index-num,.story-index-text),[dir=rtl] .story-index-row:focus-visible :is(.story-index-num,.story-index-text){transform:translate(-18px)}.story-index-num{color:var(--page-muted);letter-spacing:.24em;font-size:13px;font-weight:900;transition:color .2s}.story-index-row:hover .story-index-num,.story-index-row:focus-visible .story-index-num{color:var(--signal)}.story-index-text{min-width:0;display:block}.story-index-row h3{letter-spacing:-.045em;margin:0;font-size:clamp(32px,5vw,76px);font-weight:800;line-height:.98}.story-index-row p{max-width:600px;color:var(--page-muted);margin:10px 0 0;font-size:16px;line-height:1.5}.story-index-points{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:none}.story-index-points li{border:1px solid var(--page-line);border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.story-index-points svg{color:var(--signal)}.story-index-arrow{color:var(--page-muted);transition:transform .3s cubic-bezier(.22,1,.36,1),color .2s}.story-index-row:hover .story-index-arrow,.story-index-row:focus-visible .story-index-arrow{color:var(--page-ink);transform:translate(5px,-5px)}[dir=rtl] .story-index-arrow{transform:scaleX(-1)}[dir=rtl] .story-index-row:hover .story-index-arrow{transform:scaleX(-1)translate(5px,-5px)}.story-index-preview{z-index:3;pointer-events:none;width:280px;margin:0;position:absolute;top:0;left:0;translate:-50% -50%}.story-index-card{background:linear-gradient(135deg, hsl(calc(216 + var(--panel-index,0) * 16) 92% 56%), hsl(calc(254 + var(--panel-index,0) * 12) 78% 54%));color:#fff;transform-origin:50%;border-radius:22px;flex-direction:column;gap:14px;padding:24px;display:flex;box-shadow:0 34px 80px -34px #0b1020b3,0 0 50px #2860ff59}.story-index-card strong{letter-spacing:-.03em;font-size:22px;font-weight:800}.story-index-card ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.story-index-card li{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.story-index-card li svg{opacity:.85;flex:none}.ai-site .ai-use-cases{background:0 0;border-top:0}.ai-site .ai-use-cases:before{display:none}.story-device{background:#030b1c;border:1px solid #3c78ff73;border-radius:28px;padding:clamp(14px,2vw,26px);position:relative;box-shadow:0 50px 120px -50px #030b1cd9,0 0 60px #2860ff47,inset 0 1px #a6d7ff1f}.ai-site .ai-case-more a{color:var(--page-ink)}.ai-site .ai-case-more a:hover{color:var(--signal)}.ai-demo-caret{vertical-align:-.15em;background:#4ee0ff;width:2px;height:.95em;margin-inline-start:2px;animation:1s steps(2,end) infinite ai-demo-caret;display:inline-block}@keyframes ai-demo-caret{50%{opacity:0}}.ai-case-demo.is-live :is(.ai-demo-mini,.ai-demo-tool,.ai-demo-stage,.ai-demo-lead,.ai-demo-sales-core,.ai-demo-destination,.ai-demo-sales-output>div,.ai-demo-main,.ai-demo-workflow,.ai-demo-prepared){animation:.6s cubic-bezier(.22,1,.36,1) both ai-demo-pop}.ai-case-demo.is-live :is(.ai-demo-side,.ai-demo-tools,.ai-demo-sales-output)>:nth-child(2){animation-delay:.35s}.ai-case-demo.is-live :is(.ai-demo-side,.ai-demo-tools,.ai-demo-sales-output)>:nth-child(3){animation-delay:.6s}.ai-case-demo.is-live :is(.ai-demo-side,.ai-demo-tools,.ai-demo-sales-output)>:nth-child(4){animation-delay:.85s}.ai-case-demo.is-live .ai-demo-side-end>:first-child{animation-delay:1.9s}.ai-case-demo.is-live .ai-demo-side-end>:nth-child(2){animation-delay:2.2s}.ai-case-demo.is-live :is(.ai-demo-main,.ai-demo-workflow,.ai-demo-sales-core){animation-delay:.15s}.ai-case-demo.is-live .ai-demo-destination{animation-delay:2.6s}.ai-case-demo.is-live .ai-demo-prepared{animation-delay:3.4s}.ai-case-demo.is-live .ai-demo-stage:nth-child(2){animation-delay:.5s}.ai-case-demo.is-live .ai-demo-stage:nth-child(3){animation-delay:1s}.ai-case-demo.is-live .ai-demo-stage:nth-child(4){animation-delay:1.5s}.ai-case-demo.is-live .ai-demo-stage:nth-child(5){animation-delay:2s}.ai-case-demo.is-live .ai-demo-stage-bar{transform-origin:0;animation:1.1s cubic-bezier(.22,1,.36,1) both ai-demo-bar;animation-delay:inherit}.ai-case-demo.is-live .ai-demo-action{animation:2.6s ease-in-out 2.8s infinite ai-demo-beat}@keyframes ai-demo-pop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes ai-demo-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ai-demo-beat{0%,to{box-shadow:0 0 15px #2581ff8c}50%{box-shadow:0 0 26px #2581fff2,0 0 0 4px #2581ff2e}}.story-orbit-section{overflow:hidden}.story-orbit-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.story-orbit-copy h2{letter-spacing:-.05em;margin:0;font-size:clamp(42px,5.6vw,88px);font-weight:800;line-height:.98}.story-orbit-body{max-width:420px;color:var(--page-muted);margin:22px 0 0;font-size:17px;line-height:1.5}.story-orbit-note{color:var(--page-muted);margin:22px 0 0;font-size:11px}.story-orbit{aspect-ratio:1;direction:ltr;width:min(100%,640px);margin-inline:auto;position:relative}.story-orbit-halo{background:radial-gradient(circle,#2860ff61 0%,#2860ff2e 32%,#2860ff00 65%);border-radius:50%;position:absolute;inset:20%}.story-orbit-ring{aspect-ratio:1;border:1px solid var(--page-line);will-change:transform;border-radius:50%;margin:0;padding:0;list-style:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.story-orbit-ring:nth-of-type(2){border-style:dashed}.story-orbit-arm{transform-origin:0 0;width:50%;height:0;position:absolute;top:50%;left:50%}.story-orbit-arm:after{content:"";background:linear-gradient(90deg, transparent, var(--page-line));pointer-events:none;width:100%;height:1px;position:absolute;top:0;left:0}.story-orbit-arm:before{content:"";z-index:1;background:var(--signal);width:5px;height:5px;box-shadow:0 0 8px 2px color-mix(in srgb, var(--signal) 60%, transparent);opacity:0;animation:4.2s linear infinite story-orbit-pulse;animation-delay:calc(var(--i,0) * -.65s);pointer-events:none;border-radius:50%;position:absolute;top:-2px;left:100%}@keyframes story-orbit-pulse{0%{opacity:0;left:100%}12%{opacity:1}88%{opacity:1}to{opacity:0;left:2%}}.story-orbit-tile{border:1px solid var(--card-line);background:var(--card-bg);width:76px;height:76px;color:var(--page-ink);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:9.5px;font-weight:800;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:absolute;top:0;right:0;translate:50% -50%;box-shadow:0 14px 30px -20px #0b102080}.story-orbit-tile:hover{border-color:var(--signal);box-shadow:0 20px 40px -20px #0b102099}.story-orbit-tile img,.story-orbit-tile svg{-o-object-fit:contain;object-fit:contain;width:26px;height:26px}.story-orbit-tile svg{color:var(--signal)}.story-orbit-tile span{text-overflow:ellipsis;white-space:nowrap;max-width:66px;line-height:1.15;overflow:hidden}.story-orbit-center{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#2a4bff,#08123a 72%);border-radius:50%;place-items:center;width:21%;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 30px 60px -24px #0b1020b3,0 0 50px #2860ff73,inset 0 1px #ffffff2e}.story-orbit-center img{filter:drop-shadow(0 0 14px #6277ffb3);width:52%;height:auto}.story-why{--why-top:112px}.story-why-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}.story-why-intro{top:var(--why-top);position:sticky}.story-why-intro h2{letter-spacing:-.05em;margin:0;font-size:clamp(42px,5.6vw,88px);font-weight:800;line-height:.98}.story-why-intro p:not(.ai-eyebrow){max-width:360px;color:var(--page-muted);margin:22px 0 0;font-size:17px;line-height:1.5}.story-why-stack{gap:28px;padding-bottom:10vh;display:grid}.story-why-card{--c-bg:var(--card-bg);--c-ink:var(--page-ink);--c-muted:var(--page-muted);--c-line:var(--card-line);border:1px solid var(--c-line);background:var(--c-bg);min-height:min(460px,64vh);color:var(--c-ink);transform-origin:50% 0;will-change:transform;border-radius:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:30px;display:grid;position:sticky;overflow:hidden;box-shadow:0 30px 60px -40px #0b102099}.story-why-card[data-tone=blue]{--c-bg:#2a4bff;--c-ink:#fff;--c-muted:#ffffffc7;--c-line:transparent}.story-why-card[data-tone=ink]{--c-bg:#08123a;--c-ink:#f1f6ff;--c-muted:#aeb6cc;--c-line:transparent}.story-why-card[data-tone=paper]{--c-bg:#fff;--c-ink:#091440;--c-muted:#4a5880;--c-line:#0914401a}.story-why-card[data-tone=violet]{--c-bg:#6b4cff;--c-ink:#fff;--c-muted:#ffffffc7;--c-line:transparent}.story-why.is-static .story-why-card{will-change:auto;min-height:0;position:relative;top:auto!important}.story-why.is-static .story-why-stack{padding-bottom:0}.story-why-number{top:24px;color:var(--c-muted);letter-spacing:.24em;font-size:12px;font-weight:900;position:absolute;inset-inline-end:28px}.story-why-text{flex-direction:column;align-items:flex-start;display:flex}.story-why-card .ai-icon-wrap{border-color:color-mix(in srgb, var(--c-ink) 18%, transparent);background:color-mix(in srgb, var(--c-ink) 10%, transparent);color:var(--c-ink)}.story-why-text h3{letter-spacing:-.04em;margin:20px 0 0;font-size:clamp(28px,2.8vw,44px);font-weight:800;line-height:1}.story-why-text p{color:var(--c-muted);margin:12px 0 0;font-size:16px;line-height:1.5}.story-why-shade{background:var(--page-bg);opacity:0;pointer-events:none;position:absolute;inset:0}.story-why-visual{border:1px solid color-mix(in srgb, var(--c-ink) 14%, transparent);background:color-mix(in srgb, var(--c-ink) 6%, transparent);border-radius:18px;justify-content:center;align-items:center;min-height:240px;padding:22px;display:flex;position:relative;overflow:hidden}.story-why-visual-connected:before{content:"";border:1px dashed color-mix(in srgb, var(--c-ink) 35%, transparent);border-radius:50%;width:184px;height:184px;animation:40s linear infinite story-spin;position:absolute}@keyframes story-spin{to{transform:rotate(360deg)}}.story-why-node{border:1px solid color-mix(in srgb, var(--c-ink) 22%, transparent);background:color-mix(in srgb, var(--c-ink) 10%, transparent);color:var(--c-ink);white-space:nowrap;translate:-50% -50%;transform:rotate(calc(var(--seat) * 120deg - 90deg)) translate(92px) rotate(calc((var(--seat) * 120deg - 90deg) * -1));border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;position:absolute;top:50%;left:50%}.story-why-core{background:var(--c-ink);color:var(--c-bg);letter-spacing:.06em;border-radius:12px;padding:10px 16px;font-size:12px;font-weight:900;position:relative}.story-why-visual-controlled{flex-direction:column;align-items:stretch;gap:10px}.story-why-row{border:1px solid color-mix(in srgb, var(--c-ink) 20%, transparent);background:color-mix(in srgb, var(--c-ink) 8%, transparent);color:var(--c-ink);border-radius:10px;align-items:center;gap:9px;padding:11px 14px;font-size:12px;font-weight:700;display:flex}.story-why-row svg{opacity:.8;flex:none}.story-why-row.is-required{border-color:color-mix(in srgb, var(--signal) 50%, transparent);background:color-mix(in srgb, var(--signal) 14%, transparent);justify-content:space-between}.story-why-row.is-required i{background:color-mix(in srgb, var(--signal) 35%, transparent);border-radius:999px;width:34px;height:18px;position:relative}.story-why-row.is-required i:after{content:"";background:var(--signal);border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px}.story-why-row.is-approved{background:#00c89624;border-color:#00c8968c}.story-why-row.is-approved svg{color:#00c896;opacity:1}.story-why-visual-practical{flex-direction:column;justify-content:center;align-items:stretch;gap:10px}.story-why-bubble{border:1px solid color-mix(in srgb, var(--c-ink) 20%, transparent);max-width:86%;color:var(--c-ink);border-radius:12px;padding:11px 13px;font-size:12px;line-height:1.4}.story-why-bubble.is-user{background:color-mix(in srgb, var(--c-ink) 14%, transparent);align-self:flex-end}.story-why-bubble.is-ai{background:color-mix(in srgb, var(--c-ink) 7%, transparent);align-self:flex-start;gap:8px;display:flex}.story-why-bubble.is-ai svg{color:var(--signal);flex:none;margin-top:2px}.story-why-bubble.is-ai small{color:var(--c-muted);margin-top:5px;font-size:10px;display:block}.story-why-layer{z-index:calc(3 - var(--step));width:calc(120px + var(--step) * 72px);border:1px solid color-mix(in srgb, var(--c-ink) 24%, transparent);background:color-mix(in srgb, var(--c-bg) 88%, var(--c-ink));color:var(--c-ink);text-align:center;translate:-50% -50%;transform:translateY(calc(var(--step) * 50px - 50px));border-radius:12px;padding:10px 0;font-size:11px;font-weight:800;position:absolute;top:50%;left:50%;box-shadow:0 10px 30px -18px #0009}.story-path{margin-top:16px;position:relative}.story-path-track{top:22px;background:var(--page-line);border-radius:2px;height:2px;position:absolute;inset-inline:12.5%}.story-path-line{transform-origin:0;background:linear-gradient(90deg, var(--signal), #3b5bff);position:absolute;inset:0;transform:scaleX(0)}[dir=rtl] .story-path-line{transform-origin:100%}.story-path.is-complete .story-path-line{transform:none}.story-path-head{top:50%;background:var(--signal);width:14px;height:14px;box-shadow:0 0 0 5px color-mix(in srgb, var(--signal) 22%, transparent);border-radius:50%;position:absolute;inset-inline-start:0;translate:-50% -50%}[dir=rtl] .story-path-head{translate:50% -50%}.story-path.is-complete .story-path-head{display:none}.story-path-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.story-step{text-align:center;opacity:.42;padding-top:52px;transition:opacity .45s;position:relative}.story-step.is-lit{opacity:1}.story-step-node{border:1px solid var(--page-line);background:var(--page-bg);border-radius:50%;place-items:center;width:22px;height:22px;transition:border-color .4s,box-shadow .4s;display:grid;position:absolute;top:22px;left:50%;translate:-50% -50%}.story-step-node i{background:var(--signal);border-radius:50%;width:8px;height:8px;transition:transform .45s cubic-bezier(.22,1,.36,1);transform:scale(0)}.story-step.is-lit .story-step-node{border-color:var(--signal)}.story-step.is-lit .story-step-node i{transform:scale(1)}.story-step-index{color:var(--page-muted);letter-spacing:.22em;font-size:11px;font-weight:900;display:block}.story-step-icon{width:52px;height:52px;margin:14px auto 0;transition:transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}.story-step.is-lit .story-step-icon{transform:none}.story-step h3{letter-spacing:-.03em;margin:16px 0 0;font-size:clamp(22px,2vw,30px);font-weight:800}.story-step p{max-width:240px;color:var(--page-muted);margin:8px auto 0;font-size:14px;line-height:1.5}.story-dusk{height:72vh;position:relative;overflow:hidden}.story-dusk:before{content:"";background:radial-gradient(#1a56ff66 0%,#505aff4d 24%,#9260ff2e 46%,#9260ff0f 60%,#0000 72%);border-radius:50%;width:120vw;height:70vh;position:absolute;bottom:-10%;left:50%;translate:-50% 25%}.story-dusk:after{content:"";background:var(--page-line);height:1px;position:absolute;top:55%;left:0;right:0}.story-final{text-align:center;background:#05132b;padding-block:clamp(96px,16vh,160px) clamp(110px,18vh,180px);position:relative;overflow:hidden}.story-final-horizon{opacity:.9;will-change:transform;background:url(/images/kodex-ai-cta.webp) 70%/cover no-repeat;position:absolute;inset:-10% -5%}.story-final:before{content:"";z-index:1;background:linear-gradient(#05132b 0%,#05132b80 32%,#05132b38 70%,#020917 100%);position:absolute;inset:0}.story-final-ghost{z-index:1;color:#0000;letter-spacing:-.04em;white-space:nowrap;-webkit-text-stroke:1px #82afff38;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(110px,21vw,340px);font-weight:900;line-height:1;position:absolute;top:6%;left:50%;translate:-50%}.story-final-inner{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.story-final .ai-eyebrow{justify-content:center}.story-final h2{letter-spacing:-.05em;text-wrap:balance;max-width:15ch;margin:8px 0 0;font-size:clamp(44px,7vw,108px);font-weight:800;line-height:.96}.story-final-body{color:#c3d1e8;max-width:520px;margin:22px 0 0;font-size:clamp(16px,1.3vw,19px);line-height:1.6}.story-final-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.story-magnetic{display:inline-flex}.story-final-caption{color:#8fb3e8;letter-spacing:.24em;flex-wrap:wrap;justify-content:center;gap:12px 22px;margin:64px 0 0;font-size:10px;font-weight:800;display:flex}.story-final-caption span+span:before{content:"";background:var(--signal);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin-inline-end:22px;display:inline-block}[dir=rtl] .story-hero h1,[dir=rtl] .story-statement-line,[dir=rtl] .story-orbit-copy h2,[dir=rtl] .story-why-intro h2,[dir=rtl] .story-why-text h3,[dir=rtl] .story-index-row h3,[dir=rtl] .ai-site .ai-section-heading h2,[dir=rtl] .story-final h2{letter-spacing:0;line-height:1.2}[dir=rtl] .story-scroll-hint,[dir=rtl] .story-index-num,[dir=rtl] .story-why-number,[dir=rtl] .story-step-index,[dir=rtl] .story-why-core,[dir=rtl] .story-final-caption{letter-spacing:0}[dir=rtl] .story-hero-line+.story-hero-line{padding-inline-start:.4em}@media (max-width:1100px){.story-orbit-layout,.story-why-layout{grid-template-columns:1fr}.story-orbit{width:min(100%,560px)}.story-why-intro{position:static}.story-why{--why-top:96px}.story-stage{width:min(56vw,560px);inset-inline-end:0}}@media (hover:none){.story-index-preview{display:none}.story-index-points{display:flex}}@media (max-width:800px){.story-hero{height:auto}.story-hero-pin{flex-direction:column;height:auto;min-height:0;display:flex;position:relative}.story-hero-statement,.story-scroll-hint{display:none}.story-hero-layout{order:1;grid-template-rows:auto auto;gap:28px;min-height:0;padding:44px 0 0}.story-stage{top:auto;aspect-ratio:auto;order:2;width:100%;max-width:420px;height:320px;margin:0 auto 24px;position:relative;inset-inline-end:auto;translate:none}.story-hero h1{font-size:clamp(50px,14vw,72px)}.story-hero-line+.story-hero-line{padding-inline-start:0}.story-hero-foot{align-items:start}.story-manifesto{height:auto;padding-block:72px}.story-manifesto-pin{height:auto;position:static}.story-manifesto-word{opacity:1}.story-index-row{grid-template-columns:44px minmax(0,1fr) 30px;gap:16px;padding:24px 0}.story-index-row:hover :is(.story-index-num,.story-index-text){transform:none}.story-index-preview{display:none}.story-index-points{display:flex}.story-why-card{grid-template-columns:1fr;min-height:0;padding:24px;position:relative;top:auto!important}.story-why-stack{gap:16px;padding-bottom:0}.story-why-visual{min-height:210px}.story-path-track{top:0;bottom:0;width:2px;height:auto;inset-inline:30px auto}.story-path-line{transform-origin:50% 0;transform:scaleY(0)}[dir=rtl] .story-path-line{transform-origin:50% 0}.story-path-head{top:0;inset-inline-start:50%;translate:-50% -50%}[dir=rtl] .story-path-head{translate:50% -50%}.story-path-steps{grid-template-columns:1fr;gap:34px}.story-step{text-align:start;padding:0 0 0 64px}[dir=rtl] .story-step{padding:0 64px 0 0}.story-step-node{left:auto;inset-inline-start:30px;top:12px;translate:-50%}[dir=rtl] .story-step-node{translate:50%}.story-step-icon{margin:12px 0 0}.story-step p{margin-inline:0}.story-dusk{height:48vh}}@media (max-width:600px){.story-hero h1{font-size:clamp(44px,13vw,60px)}.story-hero-points{gap:9px;display:grid}.story-stage{height:280px}.story-ticker{padding-block:14px}.ai-site .ai-section-heading h2{font-size:clamp(38px,11vw,56px)}.story-index-row h3{font-size:clamp(28px,8.5vw,40px)}.story-orbit-tile{border-radius:13px;width:52px;height:52px}.story-orbit-tile img,.story-orbit-tile svg{width:22px;height:22px}.story-orbit-tile span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.story-device{border-radius:20px}.story-final-caption{margin-top:44px}}@media (max-width:420px){.story-hero-actions,.story-final-actions{flex-direction:column;align-items:stretch;width:100%}.story-final-actions .ai-button,.story-magnetic{width:100%}}