/* Designer landing: one scoped component layer. Shared application styles stay separate. */
body.landing-designer{--ink:#12223e;--muted:#60758f;--secondary:#90a3bf;--action-gradient:linear-gradient(110deg,#0b789d,#1469dc);--surface:#fff;--bg:#f6fafc;--line:#e0eaf2;--blue:#1469dc;--cyan:#24bde8;--gradient:linear-gradient(110deg,#24bde8,#1469dc);background:var(--bg);color:var(--ink);font-family:"Inter Tight",Inter,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
.landing-designer *{box-sizing:border-box}
.landing-designer h1,.landing-designer h2,.landing-designer h3{font-family:Onest,Inter,"Segoe UI",sans-serif;letter-spacing:-.035em}
.landing-designer h1{font-size:clamp(38px,4.72vw,68px);line-height:.98;font-weight:400;margin:14px 0 32px}
.landing-designer h2{font-size:clamp(32px,3.89vw,56px);line-height:1;font-weight:400;margin:0 0 32px;max-width:900px}
.landing-designer h3{font-size:26px;line-height:1.05;font-weight:600;margin:0 0 16px}
.landing-designer p{margin:0 0 24px;color:var(--muted)}
.landing-designer a:focus-visible,.landing-designer button:focus-visible,.landing-designer summary:focus-visible,.landing-designer select:focus-visible{outline:3px solid #1469dc;outline-offset:4px}
.landing-designer button,.landing-designer select{font:inherit}
.landing-designer .v2-wrap{width:min(1280px,calc(100% - 80px));margin:auto}
.landing-designer section{padding:96px 0;scroll-margin-top:80px}
.landing-designer .kicker{font-size:12px;letter-spacing:.03em;margin:0 0 22px}
.landing-designer .split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.landing-designer .site-header{height:64px;padding:0 24px;background:#fff;backdrop-filter:none;gap:24px}
.landing-designer .site-brand{font-size:24px;font-weight:600;color:#12223e}
.landing-designer .site-brand img{width:30px;height:26px}
.landing-designer .site-nav{font-size:14px;color:#12223e;gap:32px;font-weight:500}
.landing-designer .site-tools{gap:8px}
.landing-designer .site-theme{display:none}
.landing-designer .site-button{font-size:14px;font-weight:650;border-radius:8px;min-height:40px;padding:9px 16px;box-shadow:none;white-space:normal;text-align:center}
.landing-designer .site-button.primary{background:var(--action-gradient);color:#fff}
.landing-designer .site-button.secondary{border-color:#90a3bf;background:transparent}
.landing-designer .language-select select{color:#12223e;background:#fff;border:0;padding:8px}
.landing-designer .landing-menu{display:none;background:none;border:1px solid #dce6ef;border-radius:6px;padding:8px;color:#12223e}
.landing-designer .v2-hero{background:#06152b url('../images/landing-designer/hero.webp') center/cover;color:white;padding:100px 0 110px;min-height:745px}
.landing-designer .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.landing-designer .hero-copy{position:relative;z-index:2}
.landing-designer .hero-copy .lead{font-size:20px;line-height:24px;max-width:560px;color:#cfd8e1}
.landing-designer .hero-copy .kicker{color:#cfd8e1;font-size:14px;margin-bottom:14px}
.landing-designer .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:32px 0}
.landing-designer .text-link{border:1px solid #90a3bf;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}
.landing-designer .micro{font-size:14px;color:#cfd8e1;margin:30px 0 0}
.landing-designer .radar{position:relative;min-width:0;aspect-ratio:1;max-height:580px}
.landing-designer .radar-rings,.landing-designer .radar-sweep,.landing-designer .radar-core,.landing-designer .radar-node,.landing-designer .radar-card,.landing-designer .radar-signal{display:none}
.landing-designer .designer-artwork{position:absolute;inset:0}
.landing-designer .designer-mark{position:absolute;width:87%;height:65%;object-fit:contain;top:12%;left:6%;filter:drop-shadow(12px 20px 4px #00142e80) drop-shadow(-2px -2px 1px #bcecff80);transform:rotate(-12deg)}
.landing-designer .designer-plate{position:absolute;width:32%;height:25%;object-fit:contain}
.landing-designer .plate-ozon{top:0;left:0;transform:rotate(12deg)}
.landing-designer .plate-kaspi{top:0;right:0;transform:rotate(-9deg)}
.landing-designer .plate-halyk{bottom:22%;left:0;transform:rotate(10deg)}
.landing-designer .plate-wildberries{bottom:20%;right:-2%;transform:rotate(-10deg)}
.landing-designer .plate-forte{bottom:0;left:34%;transform:rotate(-5deg)}
.landing-designer .channels .v2-wrap>p{font:400 clamp(32px,3.89vw,56px)/1 Onest,Inter,sans-serif;letter-spacing:-.035em;max-width:830px;color:#12223e;margin-bottom:64px}
.landing-designer .channels .v2-wrap>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.landing-designer .channels .v2-wrap>div>span{position:relative;background:#fff;border-radius:8px;min-height:165px;padding:76px 32px 24px;font-size:26px;letter-spacing:-.025em;font-weight:600}
.landing-designer .channels .v2-wrap>div>span:before{content:"";position:absolute;width:42px;height:32px;top:30px;left:32px;background:url('../icons/products.svg') center/contain no-repeat}
.landing-designer .channels small{display:block;max-width:460px;margin-top:56px;color:var(--muted);font-size:14px}
.landing-designer #how,.landing-designer .problem,.landing-designer .decision,.landing-designer .final-cta{background:#06152b url('../images/landing-designer/blue.webp') center/cover;color:#fff}
.landing-designer #how p,.landing-designer .problem p,.landing-designer .decision p,.landing-designer .final-cta p{color:#cfd8e1}
.landing-designer #how .split{align-items:center}
.landing-designer .check-list{list-style:none;padding:0;margin-top:36px}
.landing-designer .check-list li{border-top:1px solid #90a3bf50;padding:24px 0;font-size:22px;line-height:1.2}
.landing-designer .demo-window{min-width:0}
.landing-designer .demo-tabs{display:flex;gap:16px;border-bottom:1px solid #90a3bf60;margin-bottom:24px}
.landing-designer .demo-tabs button{background:transparent;color:#90a3bf;border:0;padding:12px 8px;font-size:14px;cursor:pointer}
.landing-designer .demo-tabs [aria-selected=true]{color:white;border-bottom:2px solid #24bde8}
.landing-designer .demo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}
.landing-designer .demo-kpis b{font-size:32px;font-weight:500}
.landing-designer .demo-kpis small{display:block;font-size:12px;color:#cfd8e1;font-weight:400}
.landing-designer .chart{height:220px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #90a3bf50;background:repeating-linear-gradient(0deg,transparent 0 54px,#90a3bf22 54px 55px)}
.landing-designer .chart i{display:block;width:7%;background:linear-gradient(90deg,#1469dc,#24bde8);border-radius:4px 4px 0 0}
.landing-designer .demo-panel{min-height:300px}
.landing-designer .alert-row{font-size:48px;margin-top:48px}
.landing-designer .alert-row span{display:block;font-size:16px}
.landing-designer .problem-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px}
.landing-designer .problem-grid article{padding:32px;border:1px solid #90a3bf50;min-width:0}
.landing-designer .problem-grid article>b{display:block;font-size:12px;color:#90a3bf;margin-bottom:60px}
.landing-designer .problem-grid article p{font-size:14px;margin:0}
.landing-designer .decision{padding-top:16px}
.landing-designer .decision-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:64px}
.landing-designer .decision-flow article{position:relative;min-height:210px;border:1px solid #90a3bf50;padding:28px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between}
.landing-designer .decision-flow article:last-child{background:var(--action-gradient)}
.landing-designer .decision-flow article span{font-size:12px;color:#cfd8e1}
.landing-designer .decision-flow article b{font-size:14px;font-weight:500}
.landing-designer .decision-flow article p{font-size:26px;line-height:1.15;margin:40px 0 0;color:white}
.landing-designer .automation .schedule-demo{list-style:none;padding:0;margin:0;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.landing-designer .schedule-demo li{display:grid;grid-template-columns:90px 1fr;gap:28px;border-bottom:1px solid var(--line);padding:18px 24px;font-family:"Golos Text",Inter,sans-serif;font-size:14px}
.landing-designer .schedule-demo li:last-child{border:0}
.landing-designer .schedule-demo b{font-weight:400}
.landing-designer .feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px}
.landing-designer .feature-grid article{border-top:1px solid #24bde8;padding-top:28px;min-width:0}
.landing-designer .feature-grid i{display:block;margin-bottom:20px}
.landing-designer .feature-grid i img{width:28px;height:28px}
.landing-designer .feature-grid p{font-size:14px}
.landing-designer .integration{background:#06152b url('../images/landing-designer/water.webp') center/cover;color:white;min-height:780px;display:flex;align-items:end}
.landing-designer .integration p{color:#cfd8e1}
.landing-designer .integration .split{grid-template-columns:1fr;gap:32px}
.landing-designer .integration-map{border-top:1px solid #90a3bf50}
.landing-designer .pipeline-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.landing-designer .pipeline-stage{border:1px solid #90a3bf60;background:#06152b66;color:#fff;padding:28px;text-align:left;border-radius:8px;cursor:pointer}
.landing-designer .pipeline-stage.is-active{background:var(--action-gradient)}
.landing-designer .pipeline-stage b,.landing-designer .pipeline-stage small{display:block}
.landing-designer .pipeline-stage b{font-size:22px;font-weight:500;margin-bottom:32px}
.landing-designer .pipeline-connector{display:none}
.landing-designer .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:64px}
.landing-designer .pricing-card{padding:32px;background:#fff;border-radius:8px;display:flex;flex-direction:column;min-width:0}
.landing-designer .pricing-card h3{font-size:20px;margin:12px 0 24px}
.landing-designer .pricing-card>b{font-size:32px;font-weight:500;line-height:1.2}
.landing-designer .pricing-card>small{color:#1469dc;font-size:12px}
.landing-designer .pricing-card>p{font-size:14px}
.landing-designer .pricing-card ul{padding-left:20px;font-size:14px;color:var(--muted);margin:28px 0;flex:1}
.landing-designer .pricing-card .site-button{border-top:1px solid #24bde8;margin-top:24px}
.landing-designer .pricing-card.recommended{background:var(--action-gradient);color:white}
.landing-designer .pricing-card.recommended :is(p,small,ul){color:#fff}
.landing-designer .pricing-note{font-size:14px;max-width:500px;margin-top:56px}
.landing-designer .audience .v2-wrap{display:grid;grid-template-columns:1fr 2fr;gap:48px}
.landing-designer .audience .kicker{grid-column:1/-1;margin:0}
.landing-designer .audience .problem-grid{display:block;margin:0;border-top:1px solid #24bde8}
.landing-designer .audience article{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;border:0;border-bottom:1px solid var(--line);padding:32px 0}
.landing-designer .audience article p{color:var(--muted)}
.landing-designer .faq h2{margin-left:33.333%}
.landing-designer .faq-list{margin-top:64px;border-top:1px solid #24bde8;counter-reset:faq}
.landing-designer .faq details{padding:32px;border-bottom:1px solid var(--line);counter-increment:faq}
.landing-designer .faq details[open]{background:white}
.landing-designer .faq summary{position:relative;padding-left:33%;font-size:26px;line-height:1.2;font-weight:600;cursor:pointer;list-style:none;padding-right:40px}
.landing-designer .faq summary:before{content:"0" counter(faq);position:absolute;left:0;color:#24bde8;font-size:32px;font-weight:400}
.landing-designer .faq summary:after{content:"+";position:absolute;right:0;color:#24bde8}
.landing-designer .faq details[open] summary:after{content:"−"}
.landing-designer .faq details p{margin:24px 60px 0 33%;font-size:14px}
.landing-designer .final-cta{text-align:center;padding-bottom:80px}
.landing-designer .final-cta h2{font-size:clamp(38px,4.72vw,68px);margin:0 auto 32px;max-width:850px}
.landing-designer .final-cta p{font-size:20px;max-width:600px;margin:0 auto 32px}
.landing-designer .site-footer{max-width:none;background:#06152b url('../images/landing-designer/blue.webp') center bottom/cover;color:white;padding:48px max(40px,calc((100vw - 1280px)/2)) 64px;position:relative;border-top:1px solid #90a3bf50;grid-template-columns:1fr 1.5fr auto}
.landing-designer .site-footer .site-brand{color:white;font-size:54px}
.landing-designer .site-footer .site-brand img{width:70px;height:60px}
.landing-designer .site-footer p{font-size:14px;max-width:380px;margin-top:24px;color:#cfd8e1}
.landing-designer .site-footer nav{display:grid;gap:14px;font-size:14px}
.landing-designer .site-footer small{font-size:12px}
.landing-designer .back-top{position:absolute;right:40px;bottom:48px;width:42px;color:white}
.landing-designer .trademark-note{background:#06152b;font-size:12px;margin:0;padding:0 max(40px,calc((100vw - 1280px)/2)) 40px;color:#cfd8e1}
.landing-designer .reveal{opacity:1;transform:none}
.landing-designer .product-preview-section{padding:96px 0}
.landing-designer .product-preview-head h2{max-width:850px}
.landing-designer .product-preview-head p{font-size:14px;max-width:570px}
.landing-designer .product-demo-command{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:48px 0 32px}
.landing-designer .product-scope-tabs{display:flex;gap:20px;overflow:auto;max-width:100%}
.landing-designer .product-scope-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:14px;color:var(--muted);white-space:nowrap;cursor:pointer}
.landing-designer .product-scope-tabs .active{border-color:#24bde8;color:#12223e}
.landing-designer .product-command-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}
.landing-designer .product-command-actions button,.landing-designer .product-command-actions select{border:1px solid var(--line);border-radius:6px;background:white;color:#12223e;padding:8px;cursor:pointer;font-size:12px}
.landing-designer .product-command-actions .demo-report{background:var(--action-gradient);color:white}
.landing-designer .product-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:white}
.landing-designer .product-table-wrap table{border-collapse:collapse;min-width:1100px;width:100%;font:12px/1.5 "Golos Text",Inter,sans-serif}
.landing-designer .product-table-wrap :is(th,td){text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}
.landing-designer .product-table-wrap th{background:#f0f6fa;font-weight:500}
.landing-designer .product-table-wrap b{font-weight:500}
.landing-designer .product-table-wrap small{display:block;font-size:10px;color:var(--muted)}
.landing-designer .demo-range{display:flex;gap:16px}
.landing-designer .demo-thumb{display:none}
.landing-designer .demo-open{border:1px solid var(--line);background:#fff;border-radius:5px;cursor:pointer}
.landing-designer .demo-status>span{display:inline-block;padding:2px 7px;border-radius:3px;background:#e2f5fd;color:#08658e}
.landing-designer .demo-status .risk{background:#ffe7e7;color:#b72e38}
.landing-designer .demo-status .review{background:#fff4da;color:#856000}
.landing-designer .product-demo-cards{display:none}
.landing-designer .product-modal{position:fixed;inset:0;z-index:100;background:#06152bc9;display:grid;place-items:center;padding:16px;overflow:auto}
.landing-designer .product-modal>div{max-width:800px;max-height:90vh;overflow:auto;background:white;border-radius:12px;padding:32px}
.landing-designer .modal-close{float:right;background:white;border:1px solid var(--line);border-radius:6px;padding:10px}
@media(min-width:1600px){.landing-designer .v2-hero{padding:120px 0}}
@media(max-width:1150px){.landing-designer .site-nav{gap:14px}.landing-designer .site-header{gap:14px}.landing-designer .v2-wrap{width:calc(100% - 48px)}.landing-designer .split{gap:32px}.landing-designer .feature-grid{grid-template-columns:1fr 1fr}.landing-designer .site-brand{font-size:20px}.landing-designer .site-tools .site-button{padding:8px 10px}}
@media(max-width:980px){.landing-designer .site-nav{display:none}.landing-designer .landing-menu{display:block;margin-left:auto}.landing-designer .landing-menu b{font-size:12px}.landing-designer .menu-open .site-nav{display:flex;position:absolute;top:64px;left:0;right:0;padding:24px;background:#fff;flex-wrap:wrap;box-shadow:0 16px 24px #12223e15}.landing-designer .site-tools{margin-left:0}.landing-designer .hero-grid{grid-template-columns:1.1fr 1fr}.landing-designer .v2-hero{padding:72px 0;min-height:600px}.landing-designer .channels .v2-wrap>div{grid-template-columns:repeat(2,1fr)}.landing-designer .audience .v2-wrap{grid-template-columns:1fr}.landing-designer .audience .kicker{grid-column:auto}.landing-designer .decision-flow{gap:12px}.landing-designer .decision-flow article{padding:20px}.landing-designer .site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.landing-designer .v2-wrap{width:calc(100% - 32px)}.landing-designer section{padding:64px 0}.landing-designer .site-header{padding:0 16px;gap:8px}.landing-designer .site-brand span{display:block;font-size:18px}.landing-designer .site-brand img{width:25px}.landing-designer .site-tools .primary{display:none}.landing-designer .site-tools .login-button{display:flex}.landing-designer .language-select select{font-size:12px;padding:6px 0}.landing-designer .landing-menu{width:34px;height:34px;padding:8px}.landing-designer .landing-menu b{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.landing-designer .landing-menu span{display:block;height:1px;background:#12223e;margin:3px 0;width:16px}.landing-designer .hero-grid,.landing-designer .split{grid-template-columns:1fr;gap:40px}.landing-designer .v2-hero{padding:64px 0 36px}.landing-designer h1{max-width:520px;font-size:42px;line-height:1.03}.landing-designer .hero-copy .lead{font-size:18px;line-height:24px}.landing-designer .radar{max-width:460px;width:100%;margin:auto}.landing-designer .hero-actions{align-items:stretch}.landing-designer .hero-actions>*{flex:1;min-width:130px}.landing-designer .micro{font-size:12px}.landing-designer .channels .v2-wrap>div>span{font-size:22px;padding:64px 20px 20px;min-height:140px}.landing-designer .channels .v2-wrap>div>span:before{left:20px;top:24px}.landing-designer .channels .v2-wrap>p{margin-bottom:36px}.landing-designer .problem-grid,.landing-designer .decision-flow{grid-template-columns:1fr 1fr;margin-top:36px}.landing-designer .problem-grid article{padding:24px}.landing-designer .problem-grid article:last-child{grid-column:1/-1}.landing-designer h3{font-size:22px}.landing-designer .feature-grid{margin-top:36px}.landing-designer .pipeline-stages{grid-template-columns:1fr 1fr}.landing-designer .pipeline-stage{padding:20px}.landing-designer .integration{min-height:760px}.landing-designer .audience article{gap:16px;grid-template-columns:1fr}.landing-designer .faq h2{margin-left:0}.landing-designer .faq summary{padding-left:50px;font-size:22px}.landing-designer .faq summary:before{font-size:24px}.landing-designer .faq details{padding:24px 0}.landing-designer .faq details p{margin:20px 20px 0 50px}.landing-designer .faq-list{margin-top:36px}.landing-designer .site-footer{padding:40px 16px;grid-template-columns:1fr}.landing-designer .site-footer .site-brand{font-size:44px}.landing-designer .site-footer .site-brand span{font-size:44px}.landing-designer .site-footer .site-brand img{width:60px}.landing-designer .trademark-note{padding:0 16px 36px}.landing-designer .back-top{right:16px;bottom:30px}.landing-designer .pricing-grid{margin-top:36px}.landing-designer .product-preview-section{padding:64px 0}}
@media(max-width:374px){.landing-designer h1{font-size:36px}.landing-designer .feature-grid{grid-template-columns:1fr}.landing-designer .problem-grid{grid-template-columns:1fr}.landing-designer .decision-flow{grid-template-columns:1fr}.landing-designer .site-brand{gap:5px}.landing-designer .site-tools{gap:4px}.landing-designer .hero-copy .kicker{font-size:12px}}
@media(prefers-reduced-motion:reduce){.landing-designer *,.landing-designer *:before,.landing-designer *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:700px){.landing-designer h1,.landing-designer h2{overflow-wrap:anywhere}.landing-designer .hero-copy{min-width:0}}

.landing-designer .designer-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.landing-designer .webgl-ready .designer-mark{visibility:hidden}.landing-designer .designer-plate{z-index:1}

.landing-designer .split>*{min-width:0}.landing-designer .pipeline-stage{min-width:0;overflow-wrap:anywhere}.landing-designer .pipeline-stages{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.landing-designer .pipeline-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-designer .pipeline-stage{padding:16px}.landing-designer .pipeline-stage b{font-size:20px}}

/* November 2026 landing refinement: interaction, depth, and product detail. */
.landing-designer .v2-hero { overflow: clip; }

.landing-designer .designer-artwork {
  outline-offset: 8px;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  perspective: 1100px;
}
.landing-designer .designer-artwork[data-dragging="true"] { cursor: grabbing; }
.landing-designer .designer-artwork:focus,
.landing-designer .designer-artwork:focus-visible {
  outline: none;
  box-shadow: none;
}
.landing-designer .designer-mark {
  transform: rotate(-12deg) rotateY(var(--mark-yaw, 0deg)) rotateX(var(--mark-pitch, 0deg));
  transform-style: preserve-3d;
  backface-visibility: visible;
  will-change: transform;
}
.landing-designer .designer-canvas { pointer-events: none; z-index: 0; }
.landing-designer .designer-plate {
  z-index: 2;
  pointer-events: none;
  will-change: transform;
  transform: translate3d(var(--plate-x,0px),var(--plate-y,0px),0)
    rotate(var(--plate-angle,0deg)) scale(var(--plate-scale,1));
  filter: drop-shadow(0 14px 22px #00112773);
}
.landing-designer .plate-ozon { --plate-angle: 12deg; }
.landing-designer .plate-kaspi { --plate-angle: -9deg; }
.landing-designer .plate-halyk { --plate-angle: 10deg; }
.landing-designer .plate-wildberries { --plate-angle: -10deg; }
.landing-designer .plate-forte { --plate-angle: -5deg; }

/* One continuous image behind two editorial blocks. */
.landing-designer .risk-decision-group {
  background: #06152b url('../images/landing-designer/blue.webp') center center/cover no-repeat;
  color: #fff;
  isolation: isolate;
}
.landing-designer .risk-decision-group > .problem,
.landing-designer .risk-decision-group > .decision {
  background: transparent;
  color: inherit;
  padding-block: 96px;
}
.landing-designer .risk-decision-group > .problem { padding-bottom: 96px; }
.landing-designer .risk-decision-group > .decision { padding-top: 96px; }
.landing-designer .risk-decision-group :is(h2,h3,b) { color: #fff; }
.landing-designer .risk-decision-group .problem-grid article,
.landing-designer .risk-decision-group .decision-flow article {
  border-color: #90a3bf5c;
}

/* Full-bleed imagery from the first pixel of this section; zooming into
   the original designer visual provides the gentle dive through the scene. */
.landing-designer .integration {
  position: relative;
  isolation: isolate;
  overflow: clip;
  min-height: 980px;
  background: #07172b url('../images/landing-designer/water.webp') center/cover no-repeat;
  align-items: end;
}
.landing-designer .integration-visual {
  position: absolute;
  inset: -7% -9%;
  z-index: -2;
  pointer-events: none;
  background: url('../images/landing-designer/water.webp') center center/cover no-repeat;
  transform: translate3d(0,var(--integration-parallax,0px),0) scale(var(--integration-depth,1.08));
  transform-origin: center center;
  will-change: transform;
}
.landing-designer .integration::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background: linear-gradient(180deg,#07172966 0%,#06152515 36%,#0717292e 68%,#061525a8 100%);
}
.landing-designer .integration .v2-wrap {
  position:relative;
  z-index:1;
  padding-bottom: 12px;
}
.landing-designer .integration .split > div:first-child {
  max-width: 850px;
  text-shadow: 0 2px 20px #06152b9e;
}

/* The product demo retains a compact table and gains a readable accessible detail view. */
.landing-designer .product-preview .product-preview-wrap { width: min(1380px,calc(100% - 80px)); }
.landing-designer .product-table-wrap { border-color: #dbe7f0; box-shadow: 0 15px 46px #193c5612; }
.landing-designer .product-table-wrap tbody tr { transition: background-color .16s ease; }
.landing-designer .product-table-wrap tbody tr:hover { background: #f2f9fd; }
.landing-designer .product-command-actions button,
.landing-designer .product-command-actions select {
  min-height: 38px;
  padding: 8px 12px;
  font-size: 13px;
  border-radius: 8px;
  transition: border-color .16s,box-shadow .16s;
}
.landing-designer .product-command-actions button:hover,
.landing-designer .product-command-actions select:hover { border-color: #70b9df; }
.landing-designer .demo-open {
  min-width: 32px;
  min-height: 32px;
  border-radius: 8px;
  color: #1469dc;
  font-size: 18px;
  transition: background .16s ease,transform .16s ease;
}
.landing-designer .demo-open:hover { background: #e9f5ff; transform: translateX(2px); }
.landing-designer .product-demo-table tr:focus-within { background: #eef8ff; }

/* Modal is appended directly to <body> and must be styled within this landing
   stylesheet: the obsolete landing-v2-polish.css is not loaded on this page. */
.landing-designer .product-modal {
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  overflow:auto;
  padding:24px;
  background:#06152bd4;
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  animation:spyon-modal-overlay .22s ease-out both;
}
.landing-designer .product-modal .product-modal-dialog {
  position:relative;
  width:min(940px,100%);
  max-width:940px;
  max-height:min(90vh,980px);
  overflow:auto;
  overscroll-behavior:contain;
  padding:32px 36px 36px;
  border:1px solid #dbe8f0;
  border-radius:20px;
  background:#fff;
  color:#12223e;
  box-shadow:0 28px 90px #0013276b;
  animation:spyon-modal-enter .28s cubic-bezier(.2,1,.32,1) both;
}
.landing-designer .product-modal :is(section,header) { padding:0; background:none; color:inherit; min-height:0; }
.landing-designer .product-modal h2 { font-size:clamp(20px,2vw,26px); line-height:1.2; font-weight:600; margin:0; max-width:none; letter-spacing:-.025em; color:#12223e; }
.landing-designer .product-modal h3 { font-size:16px; line-height:1.35; font-weight:600; margin:0 0 12px; letter-spacing:-.015em; color:#12223e; }
.landing-designer .product-modal p { color:#647790; font-size:14px; line-height:1.55; margin:0; }
.landing-designer .modal-close {
  position:sticky;
  top:0;
  z-index:2;
  float:right;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid #dbe7f0;
  border-radius:10px;
  background:#f6fafc;
  color:#12223e;
  cursor:pointer;
  font-size:23px;
  font-weight:400;
  line-height:1;
}
.landing-designer .modal-close:hover { border-color:#9cbed1;background:#eaf4fb; }
.landing-designer .modal-product-head {
  display:flex;
  gap:16px;
  align-items:center;
  padding-right:54px;
  min-height:80px;
}
.landing-designer .modal-product-head .demo-thumb {
  flex:none;
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border:1px solid #e1ecf4;
  border-radius:14px;
  background:#f0f7fb;
}
.landing-designer .modal-product-head .demo-thumb img { width:30px; height:30px; object-fit:contain; }
.landing-designer .modal-product-head p { margin:7px 0 10px; font-size:12px; }
.landing-designer .modal-platform,
.landing-designer .modal-status {
  display:inline-block;
  margin:0 7px 0 0;
  padding:5px 10px;
  border-radius:6px;
  font-size:12px;
  font-weight:500;
}
.landing-designer .modal-platform { background:#eaf6ff; color:#08649a; }
.landing-designer .modal-status.risk { background:#fff0f1; color:#aa3347; }
.landing-designer .modal-status.potential { background:#e8f8f2; color:#107852; }
.landing-designer .modal-status.review { background:#fff6e2; color:#876014; }
.landing-designer .modal-status.watched { background:#eaf6ff; color:#08649a; }
.landing-designer .modal-kpis {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:28px 0;
  padding:22px 0!important;
  border-block:1px solid #e1ebf2;
}
.landing-designer .modal-kpis>div { min-width:0; padding:6px 18px; border-right:1px solid #e5edf4; }
.landing-designer .modal-kpis>div:first-child { padding-left:0; }
.landing-designer .modal-kpis>div:last-child { border-right:0; }
.landing-designer .modal-kpis small,
.landing-designer .modal-details small { display:block; color:#788ba0; font-size:12px; line-height:1.35; }
.landing-designer .modal-kpis b { display:block; margin-top:10px; color:#12223e; font:600 clamp(16px,1.5vw,21px)/1.2 Onest,Inter,sans-serif; }
.landing-designer .modal-kpis em { display:block; font-style:normal; font-size:12px; color:#70869b; margin-top:6px; }
.landing-designer .modal-kpis .position-hint { display:block; color:#087ba5; font-size:11px; margin-top:4px; }
.landing-designer .product-modal .modal-section { margin:20px 0 0; }
.landing-designer .modal-range {
  padding:20px;
  border:1px solid #e4edf3;
  border-radius:12px;
  background:#f7fafc;
}
.landing-designer .modal-range-scale {
  position:relative;
  height:9px;
  margin:10px 6px 0;
  border-radius:9px;
  background:linear-gradient(90deg,#4aaec1 0 33.3%,#70b9e7 33.3% 66.6%,#e8a5a9 66.6% 100%);
}
.landing-designer .modal-range-scale i {
  position:absolute;
  top:50%;
  left:clamp(0%,var(--marker),100%);
  width:17px;
  height:17px;
  border:3px solid white;
  border-radius:50%;
  background:#1469dc;
  box-shadow:0 2px 8px #112d4670;
  transform:translate(-50%,-50%);
}
.landing-designer .modal-range-labels {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:17px;
}
.landing-designer .modal-range-labels span:nth-child(2) { text-align:center; }
.landing-designer .modal-range-labels span:last-child { text-align:right; }
.landing-designer .modal-range-labels small { display:block; font-size:11px; color:#8092a4; }
.landing-designer .modal-range-labels b { display:block; margin-top:4px; font-size:13px; font-weight:600; color:#12223e; }
.landing-designer .modal-range > p { margin-top:18px; font-size:13px; }
.landing-designer .modal-range > p b { color:#12223e; font-weight:600; }
.landing-designer .product-modal .modal-signal,
.landing-designer .product-modal .modal-recommendation {
  display:grid;
  gap:4px;
  padding:18px 20px;
  border:1px solid #e2edf4;
  border-radius:12px;
  background:#f4f9fd;
}
.landing-designer .product-modal .modal-recommendation {
  background:#f2faf8;
  border-color:#d5eae4;
}
.landing-designer .product-modal .modal-signal h3,
.landing-designer .product-modal .modal-recommendation h3 { margin:0 0 6px; }
.landing-designer .modal-details {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:26px;
  padding:22px 0 0!important;
  border-top:1px solid #e4edf3;
}
.landing-designer .modal-details>div {
  min-width:0;
  padding:12px;
  border:1px solid #e6edf3;
  border-radius:10px;
}
.landing-designer .modal-details b {
  display:block;
  margin-top:7px;
  overflow-wrap:anywhere;
  font-size:13px;
  font-weight:600;
}
.landing-designer .modal-history ol { list-style:none; margin:0; padding:0; display:grid; gap:0; }
.landing-designer .modal-history li {
  display:grid;
  grid-template-columns:64px 1fr;
  gap:16px;
  align-items:center;
  padding:12px 4px;
  border-bottom:1px solid #e8eff4;
  font-size:13px;
}
.landing-designer .modal-history time { font-size:12px; font-weight:600; color:#0879ae; }
@keyframes spyon-modal-overlay { from { opacity:0; } to { opacity:1; } }
@keyframes spyon-modal-enter { from { opacity:0; transform:translateY(16px) scale(.985); } to { opacity:1; transform:none; } }

@media(max-width:1024px) {
  .landing-designer .integration { min-height:850px; }
  .landing-designer .integration-visual { inset:-9% -12%; }
  .landing-designer .product-preview .product-preview-wrap { width:calc(100% - 48px); }
  .landing-designer .modal-kpis { grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px; }
  .landing-designer .modal-kpis>div:nth-child(2) { border-right:0; }
}
@media(max-width:700px) {
  .landing-designer .designer-plate { filter:drop-shadow(0 8px 12px #00112755); }
  .landing-designer .risk-decision-group > .problem,
  .landing-designer .risk-decision-group > .decision { padding-block:64px; }
  .landing-designer .integration { min-height:760px; padding-top:68px; }
  .landing-designer .integration-visual { inset:-6% -16%;background-position:center 44%;transform:translate3d(0,var(--integration-parallax,0px),0) scale(var(--integration-depth,1.07)); }
  .landing-designer .product-preview .product-preview-wrap { width:calc(100% - 32px); }
  .landing-designer .product-modal { align-items:end; padding:0; }
  .landing-designer .product-modal .product-modal-dialog { width:100%;max-width:none;max-height:92dvh;margin:0;padding:22px 18px 28px;border-radius:18px 18px 0 0; }
  .landing-designer .modal-close { top:0; }
  .landing-designer .modal-product-head { gap:10px;padding-right:0; }
  .landing-designer .modal-product-head .demo-thumb { width:48px;height:48px; }
  .landing-designer .product-modal h2 { font-size:19px; }
  .landing-designer .modal-kpis { gap:12px 0;margin:18px 0;padding-block:16px!important; }
  .landing-designer .modal-kpis>div { padding:5px 12px; }
  .landing-designer .modal-kpis>div:nth-child(odd) { padding-left:0; }
  .landing-designer .modal-kpis b { font-size:16px; }
  .landing-designer .modal-range { padding:14px; }
  .landing-designer .modal-range-labels b { font-size:12px; }
  .landing-designer .modal-details { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .landing-designer .product-modal .modal-signal,
  .landing-designer .product-modal .modal-recommendation { padding:14px; }
}
@media(prefers-reduced-motion:reduce) {
  .landing-designer .designer-mark,
  .landing-designer .designer-plate,
  .landing-designer .integration-visual,
  .landing-designer .product-modal,
  .landing-designer .product-modal .product-modal-dialog { animation:none!important;transition:none!important; }
  .landing-designer .integration-visual { transform:scale(1.09); }
}

/* Product tables become true compact cards on tablet and mobile, without
   exposing a 1100px-wide hidden table to keyboard or touch navigation. */
@media(max-width:900px) {
  .landing-designer .product-demo-table { display:none; }
  .landing-designer .product-demo-cards { display:grid;grid-template-columns:1fr;gap:12px; }
  .landing-designer .product-demo-card {
    padding:16px;
    border:1px solid #dae8f1;
    border-radius:12px;
    background:#fff;
    box-shadow:0 7px 23px #0c3f5610;
  }
  .landing-designer .product-demo-card header {
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 36px;
    gap:12px;
    align-items:center;
  }
  .landing-designer .product-demo-card .demo-thumb {
    display:grid;
    place-items:center;
    width:42px;height:42px;
    border-radius:10px;
    border:1px solid #deebf3;
    background:#f1f7fc;
  }
  .landing-designer .product-demo-card .demo-thumb img { width:24px;height:24px;object-fit:contain; }
  .landing-designer .product-demo-card header b { display:block;font-size:14px;line-height:1.3; }
  .landing-designer .product-demo-card header small { display:block;margin-top:5px;color:#71869a;font-size:12px; }
  .landing-designer .product-demo-card .demo-open { align-self:center;height:36px;width:36px; }
  .landing-designer .product-card-values {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px 18px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid #e5edf3;
  }
  .landing-designer .product-card-values span { min-width:0; }
  .landing-designer .product-card-values small { display:block;color:#8092a5;font-size:11px;line-height:1.4; }
  .landing-designer .product-card-values b { display:block;margin-top:5px;font-size:13px;font-weight:600;overflow-wrap:anywhere; }
  .landing-designer .product-card-values .risk { color:#b72e38; }
  .landing-designer .product-card-values .potential { color:#18885c; }
}

/* Designer-grade language picker, attached to the original public locale
   select. The original select remains available without JS enhancement. */
.landing-designer .language-select.is-enhanced {
  position:relative;
  width:82px;
  flex:0 0 82px;
  z-index:20;
}
.landing-designer .language-select.is-enhanced > select {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  border:0!important;
  clip-path:inset(50%);
  overflow:hidden;
  pointer-events:none;
}
.landing-designer .language-trigger {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  height:40px;
  padding:0 12px;
  border:1px solid #d7e4f0;
  border-radius:9px;
  background:#fff;
  color:#12223e;
  font:600 13px/1 Inter,Arial,sans-serif;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease;
}
.landing-designer .language-trigger:hover,
.landing-designer .language-trigger[aria-expanded="true"] {
  border-color:#86aeca;
  background:#f7fbff;
}
.landing-designer .language-trigger:focus-visible {
  outline:2px solid #2ba9df;
  outline-offset:2px;
}
.landing-designer .language-chevron {
  display:block;
  width:7px;height:7px;
  flex:none;
  border-right:1.7px solid #5c7190;
  border-bottom:1.7px solid #5c7190;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .16s ease;
}
.landing-designer .language-trigger[aria-expanded="true"] .language-chevron {
  transform:translateY(2px) rotate(225deg);
}
.landing-designer .language-popover[hidden] { display:none!important; }
.landing-designer .language-popover {
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  display:grid;
  width:205px;
  padding:6px;
  border:1px solid #dce8f1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 48px #061b3033;
  animation:spyon-language-pop .16s cubic-bezier(.2,1,.3,1);
}
.landing-designer .language-option {
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  gap:10px;
  width:100%;
  min-height:42px;
  align-items:center;
  border:0;
  border-radius:8px;
  padding:8px 11px;
  background:transparent;
  color:#1c314b;
  text-align:left;
  font:500 13px/1.3 Inter,Arial,sans-serif;
  cursor:pointer;
}
.landing-designer .language-option small { color:#7d91a9;font-size:11px;text-align:right;font-weight:500; }
.landing-designer .language-option:hover,
.landing-designer .language-option:focus-visible { background:#f2f8fc;outline:0; }
.landing-designer .language-option[aria-selected="true"] { background:#eaf6fb;color:#0b6f9e;font-weight:650; }
.landing-designer .language-option[aria-selected="true"] small { color:#0b6f9e; }
@keyframes spyon-language-pop {
  from { opacity:0;transform:translateY(-4px) scale(.98); }
  to { opacity:1;transform:none; }
}
@media(max-width:700px) {
  .landing-designer .language-select.is-enhanced { width:68px;flex-basis:68px; }
  .landing-designer .language-trigger { padding:0 9px;font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .landing-designer .language-popover { animation:none!important; }
}