/* Marketing layer: isolated from pricing, checkout and shared site components. */
/* Let the browser own anchors, wheel/touch scrolling and history restoration. */
html[data-scroll-mode="native"]{scroll-behavior:smooth;scroll-padding-top:110px}
html[data-scroll-mode="native"] #smooth-wrapper{position:relative;height:auto;overflow:visible}
html[data-scroll-mode="native"] #smooth-content{transform:none;will-change:auto;overflow:visible}
@media(prefers-reduced-motion:reduce){html[data-scroll-mode="native"]{scroll-behavior:auto}}
/* One viewport field sits BETWEEN section fills and content, so the same
   organism stays visible while it morphs — no per-section canvas, no seam. */
.kortex-page{background:#090a10}
.kortex-page .ktx-particle-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.kortex-page #smooth-wrapper,.kortex-page #smooth-content,.kortex-page #primary{position:relative;z-index:auto}
.kortex-page #primary > section{position:relative;background:transparent!important}
.kortex-page #primary > section::before,
.kortex-page #primary > section::after{content:"";position:absolute;inset:0;pointer-events:none}
.kortex-page #primary > section::before{z-index:0}
.kortex-page #primary > section::after{z-index:1}
.kortex-page #primary > section > *{position:relative;z-index:2}
.kortex-page .tj-footer-section{position:relative;z-index:2}
.kortex-page .ktx-hero-copy{text-shadow:0 2px 20px #090a10}
.kortex-page .ktx-use-card{background:rgba(12,14,22,.90)}
.kortex-page .ktx-feature-copy{background:radial-gradient(ellipse at center,rgba(9,10,16,.86),rgba(9,10,16,0) 75%)}
.kortex-page .ktx-hero-section::before,
.kortex-page .ktx-story::before,
.kortex-page .ktx-use-cases::before,
.kortex-page .ktx-platform::before,
.kortex-page .ktx-adoption-section::before,
.kortex-page .ktx-hero-section::after,
.kortex-page .ktx-story::after,
.kortex-page .ktx-use-cases::after,
.kortex-page .ktx-platform::after,
.kortex-page .ktx-adoption-section::after{background:transparent}
.kortex-page .bg-light-ktx::before,
.kortex-page :is(#ktx-pricing,#ktx-comparison,#ktx-closing)::before,
.kortex-page .bg-light::before{background:#ecf0f0}
.kortex-page .bg-light-ktx::after,
.kortex-page :is(#ktx-pricing,#ktx-comparison,#ktx-closing)::after,
.kortex-page .bg-light::after{background:transparent}
.kortex-page :is(#ktx-frag,#ktx-flow,#ktx-pricing,#ktx-comparison,#ktx-closing){color:#1b1b1b}
.kortex-page :is(#ktx-frag,#ktx-flow,#ktx-pricing,#ktx-comparison,#ktx-closing) .ktx-h2{color:#12141a;text-shadow:0 0 12px #ecf0f0,0 0 22px #ecf0f0}
.kortex-page :is(#ktx-frag,#ktx-flow,#ktx-pricing,#ktx-comparison,#ktx-closing) .text-muted{color:#4f5560!important;text-shadow:0 0 10px #ecf0f0}
.kortex-page :is(#ktx-frag,#ktx-flow,#ktx-pricing,#ktx-comparison,#ktx-closing) p,
.kortex-page :is(#ktx-frag,#ktx-flow,#ktx-pricing,#ktx-comparison,#ktx-closing) li,
.kortex-page :is(#ktx-frag,#ktx-flow,#ktx-pricing,#ktx-comparison,#ktx-closing) .ktx-section-kicker{text-shadow:0 0 10px #ecf0f0}
.kortex-page :is(.ktx-table-scroll,.ktx-system-table,.ktx-price-table,.ktx-ledger-card,.ktx-pricing-console,.card,.ktx-flow-tabs,.ktx-flow-visual,.ktx-symptom-btn,.ktx-microscene){background:#fff;position:relative;z-index:2}
.kortex-page .ktx-system-table th,
.kortex-page .ktx-system-table td,
.kortex-page .ktx-price-table th,
.kortex-page .ktx-price-table td{background:#fff}
.kortex-page .ktx-system-table thead th.is-kortex,
.kortex-page .ktx-system-table td.is-kortex{background:#fff5f6}
.kortex-page .card.bg-dark,
.kortex-page .card.bg-dark th,
.kortex-page .card.bg-dark td{background:#1b1b1b}
.ktx-hero-section,.ktx-story,.ktx-use-cases,.ktx-platform{position:relative;color:#c5c5cf;overflow:hidden}
.ktx-hero-section{padding:125px 0 30px}
.ktx-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:36px;min-height:610px}
.ktx-hero-copy{position:relative;z-index:2}
.ktx-section-kicker{color:#ff6173;font-size:11px;font-weight:700;letter-spacing:.17em;margin-bottom:25px}
.ktx-hero-copy .ktx-h1{font-size:clamp(44px,5.1vw,78px);line-height:1.04;letter-spacing:-.055em;color:#fafafa;margin-bottom:28px}
.ktx-hero-copy em{font-style:normal;color:#ff4b63}
.ktx-hero-sub{font-size:18px;line-height:1.7;max-width:560px;color:#bfc0cc}
.ktx-hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:30px 0 20px}
.ktx-hero-actions .btn-ktx-ghost,.ktx-platform .btn-ktx-ghost{color:#eee;border-color:#54545f}
.ktx-hero-note,.ktx-preview-note{font-size:12px;color:#9294a6;line-height:1.7}
.ktx-hero-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:22px;margin-top:44px;font-size:10px;letter-spacing:.2em;color:#989aab}
.ktx-orbit-wrap{min-width:0;position:relative}
.ktx-orbit{height:420px;perspective:1100px;touch-action:pan-y;cursor:grab}
.ktx-orbit-rotor{position:absolute;left:50%;top:46%;transform-style:preserve-3d;transform:rotateX(-13deg) rotateY(var(--orbit-angle,0deg))}
.ktx-orbit-card{position:absolute;left:0;top:0;width:290px;margin:0;padding:7px;border:1px solid #ffffff36;border-radius:13px;background:#1a1c26;box-shadow:0 18px 50px #0007;transform:translate(-50%,-50%) rotateY(calc(var(--card-index)*60deg)) translateZ(252px);backface-visibility:hidden}
.ktx-orbit-card img{display:block;width:100%;height:auto;border-radius:7px}
.ktx-orbit-card figcaption{font-size:11px;color:#dedee6;padding:10px 7px 4px;letter-spacing:.04em}
.ktx-orbit-controls{position:relative;display:flex;justify-content:center;gap:8px;margin-top:10px}
.ktx-orbit-controls button{border:1px solid #ffffff30;border-radius:30px;background:#181a23;color:#dedee8;padding:7px 14px;font-size:11px}
.ktx-orbit-controls button:hover{border-color:#ff4b63}
.ktx-orbit-controls [aria-pressed=false] .ktx-play,.ktx-orbit-controls [aria-pressed=true] .ktx-pause{display:none}
.ktx-preview-note{text-align:center;margin-top:12px}
.kortex-page :is(a,button,[tabindex]):focus-visible{outline:2px solid #ff6173;outline-offset:5px}
.ktx-story,.ktx-use-cases,.ktx-platform{padding:110px 0}
.ktx-editorial-head{max-width:760px;margin-bottom:75px}
.ktx-story .ktx-h2,.ktx-use-cases .ktx-h2,.ktx-platform .ktx-h2{color:#f4f4f8;font-size:clamp(32px,3.7vw,54px);letter-spacing:-.04em;line-height:1.12}
.ktx-story .ktx-lead,.ktx-platform .ktx-lead{color:#b9bac7;font-size:17px;line-height:1.8}
.ktx-feature-row{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;padding:65px 0;border-top:1px solid #ffffff1c}
.ktx-feature-row:nth-of-type(even) .ktx-feature-copy{order:2}
.ktx-feature-number{display:block;color:#ff6173;font-size:12px;letter-spacing:.15em;margin-bottom:25px}
.ktx-feature-copy h3,.ktx-use-card h3{color:#f0f0f5;font-size:30px;line-height:1.2;letter-spacing:-.025em;margin-bottom:20px}
.ktx-feature-copy p,.ktx-use-card p{color:#b3b5c3;line-height:1.8}
.ktx-feature-copy .ktx-module-tags{color:#f77a89;font-size:12px;margin-top:24px}
.ktx-product-shot{margin:0;padding:12px;border-radius:18px;border:1px solid #ffffff24;background:linear-gradient(135deg,#ffffff0a,#ff354a0a);box-shadow:0 24px 70px #0005}
.ktx-product-shot img{width:100%;height:auto;border-radius:10px}
.ktx-product-shot figcaption{font-size:10px;color:#9396a7;padding:12px 6px 2px;letter-spacing:.08em}
.ktx-use-cases{background:rgba(16,17,25,.92);border-block:1px solid #ffffff15}
.ktx-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.ktx-use-card{padding:32px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff03}
.ktx-use-card h3{font-size:24px}
.ktx-platform-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.ktx-platform-note{font-size:12px;color:#9b9eaf;line-height:1.8;margin:24px 0}
.ktx-platform .ktx-globe-shell{width:100%}
.ktx-motion-ready .ktx-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.ktx-motion-ready .ktx-reveal.is-visible{opacity:1;transform:none}
@media(max-width:991px){.ktx-hero-grid{grid-template-columns:1fr;min-height:0}.ktx-hero-copy{max-width:700px}.ktx-hero-section{padding-top:100px}.ktx-orbit-wrap{max-width:650px;width:100%;margin:auto}.ktx-feature-row{gap:35px}.ktx-platform-grid{gap:30px}.ktx-use-grid{grid-template-columns:1fr}.ktx-use-card{padding:26px}}
@media(max-width:600px){.ktx-hero-section{padding-top:80px}.ktx-hero-copy .ktx-h1{font-size:46px}.ktx-hero-sub{font-size:16px}.ktx-orbit{height:310px;perspective:850px}.ktx-orbit-card{width:200px;transform:translate(-50%,-50%) rotateY(calc(var(--card-index)*60deg)) translateZ(174px)}.ktx-hero-foot{letter-spacing:.09em}.ktx-story,.ktx-use-cases,.ktx-platform{padding:65px 0}.ktx-feature-row,.ktx-platform-grid{grid-template-columns:1fr;gap:28px}.ktx-feature-row:nth-of-type(even) .ktx-feature-copy{order:0}.ktx-editorial-head{margin-bottom:35px}.ktx-feature-row{padding:40px 0}.ktx-feature-copy h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.ktx-motion-ready .ktx-reveal{opacity:1;transform:none;transition:none}}
/* The theme reserves the footer's top edge for a CTA card that overlaps it.
   This page has no such card, so the reserve is 250px of dead space. Other
   pages keep their reserve: the rule never leaves .kortex-page. */
.kortex-page .tj-footer-section{padding-top:72px}
.kortex-page .footer-main-area{padding:56px 0 44px}
.kortex-page .footer-company-col{margin-top:30px}
.kortex-page .tj-copyright-area{padding-bottom:22px}
@media(max-width:991px){.kortex-page .tj-footer-section{padding-top:54px}.kortex-page .footer-main-area{padding:42px 0 32px}.kortex-page .footer-company-col{margin-top:24px}}