/* Four information scenes in the existing Dreimann identity.
   Native CSS and official Tabler glyphs; no product mock UI or invented metrics.
   DESIGN_VARIANCE 8 / MOTION_INTENSITY 6 / VISUAL_DENSITY 5. */
.ci-corporate{padding-block:24px 52px}
.ci-corporate .ci-heading{margin-bottom:27px}
.home-products .ci-corporate .ci-heading h2{font-size:clamp(35px,3.3vw,49px)}
.ci-card-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;grid-template-rows:260px 230px}
.ci-card{display:block;padding:24px 28px;border-radius:20px;border:1px solid transparent;isolation:isolate;--px:0px;--py:0px;--spot-x:50%;--spot-y:50%;box-shadow:none;transition:border-color .4s,box-shadow .5s var(--fp-ease)}
.ci-card::before{inset:0;width:auto;height:auto;background:none;transform:none;pointer-events:none;border-radius:inherit;border:1px solid #ffffff13;transition:none;z-index:3}
.ci-card::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(350px circle at var(--spot-x) var(--spot-y),#b288ed24,transparent 70%);transition:opacity .5s}
.ci-card:hover{border-color:#aa82cb;box-shadow:0 18px 40px #23123110}
.ci-card:hover::before{transform:none}.ci-card:hover::after{opacity:1}
.ci-card-range{grid-column:span 7;background:#18131f;color:#f9f6fc}
.ci-card-information{grid-column:span 5;background:#eae1f3;color:#362444;border-color:#ddcde9}
.ci-card-supply{grid-column:span 5;background:#6d2bb1;color:#fff}
.ci-card-contact{grid-column:span 7;background:#eeeaf2;color:#362444;border-color:#ddd4e4}
.ci-card-top{position:relative;z-index:2;justify-content:flex-start;gap:13px;width:auto;margin:0}
.ci-card-icon,.ci-card-contact .ci-card-icon{width:31px;height:31px;background:none;border:0;border-radius:0;color:inherit;opacity:.8;transition:none}
.ci-card-icon .icon{width:25px;height:25px;stroke-width:1.4}
.ci-card:hover .ci-card-icon{transform:none}
.ci-card-number,.ci-card-contact .ci-card-number{color:inherit;opacity:.55;font-size:13px}
.ci-card-copy{position:absolute;left:28px;right:26px;bottom:24px;z-index:2;pointer-events:none}
.ci-card-copy h3,.ci-card-contact .ci-card-copy h3{font-size:27px;line-height:1.2;color:inherit;letter-spacing:-.045em}
.ci-card-copy>p,.ci-card-contact .ci-card-copy>p{font-size:16px;line-height:1.7;color:#62516d;margin:12px 0 0;max-width:430px}
.ci-card-range .ci-card-copy h3{font-size:32px}
.ci-card-range .ci-card-copy>p{color:#c9bdd4;max-width:440px}
.ci-card-supply .ci-card-copy>p{color:#f0e2fb}
.ci-card-contact .ci-card-copy{max-width:425px}
.ci-card-contact .ci-card-copy h3{font-size:30px}
.ci-art{position:absolute;z-index:0;pointer-events:none;transform-origin:right top}
.ci-art-core{width:100%;height:100%;position:relative;transform:translate3d(var(--px),var(--py),0);will-change:transform}
.ci-art .icon{width:100%;height:100%;stroke-width:1.15}
.ci-art-range{width:335px;height:240px;top:18px;right:28px;scale:.65}
.ci-range-trace{position:absolute;width:230px;height:140px;left:35px;top:61px;border:1px solid #775094;border-radius:32px;opacity:.6}
.ci-range-position{position:absolute}
.ci-orbit-tile{display:grid;place-items:center;width:100%;height:100%;background:#33223f;border:1px solid #70478c;border-radius:20px;box-shadow:8px 14px 0 #100d17,9px 15px 0 #533363;color:#cda7ee;animation:ci-float 6.5s ease-in-out infinite;animation-delay:var(--float-delay,0s);animation-play-state:paused}
.ci-range-main{left:102px;top:60px;width:133px;height:121px;z-index:2}
.ci-range-main .ci-orbit-tile{background:#7a3bac;color:#f5e8ff;border-color:#ae74d2;box-shadow:11px 19px 0 #3b214d,12px 20px 0 #a573c6}
.ci-range-main .icon{width:67px;height:67px}
.ci-range-satellite-0{left:25px;top:14px;width:70px;height:66px}
.ci-range-satellite-1{right:4px;top:6px;width:74px;height:68px}
.ci-range-satellite-2{right:2px;bottom:17px;width:66px;height:62px}
.ci-range-position:not(.ci-range-main) .icon{width:32px;height:32px}
.ci-art-information{width:225px;height:198px;top:17px;right:26px;scale:.6}
.ci-book-stack{position:relative;width:100%;height:100%;animation:ci-stack-float 7s ease-in-out infinite;animation-play-state:paused}
.ci-book-layer{position:absolute;display:grid;place-items:center;width:146px;height:170px;border-radius:15px;border:1px solid #bba1d0}
.ci-book-back{top:9px;left:65px;background:#cdb5e1;box-shadow:5px 9px 0 #b79bcb}
.ci-book-middle{top:17px;left:43px;background:#e8d6f8}
.ci-book-front{top:25px;left:20px;background:linear-gradient(140deg,#fff,#eee2f9);color:#754597;box-shadow:1px 4px 0 #d5bce8,10px 18px 27px #74428b20}
.ci-book-front .icon{width:97px;height:97px}
.ci-orbit-tile>.icon,.ci-book-front>.icon{display:block;align-self:center;justify-self:center;margin:0}
.ci-art-supply{width:295px;height:110px;top:14px;right:24px;scale:.7}
.ci-route-line{position:absolute;left:33px;right:33px;top:58px;height:2px;background:#ffffff2b;overflow:hidden}
.ci-route-line>span{display:block;position:absolute;width:60px;height:100%;background:linear-gradient(90deg,transparent,#f3dfff,transparent);animation:ci-route-run 4s linear infinite;animation-play-state:paused}
.ci-route-node{position:absolute;top:28px;width:61px;height:61px;border-radius:17px;display:grid;place-items:center;border:1px solid #ca97ec;background:#7c3ab6;box-shadow:0 8px 0 #54208a;color:#ead3fb;animation:ci-route-beat 4s ease-in-out infinite;animation-delay:var(--node-delay);animation-play-state:paused}
.ci-route-node .icon{width:29px;height:29px}
.ci-route-node-0{left:7px}.ci-route-node-1{left:117px}.ci-route-node-2{right:7px}
.ci-art-contact{width:270px;height:222px;right:24px;top:16px;scale:.64}
.ci-envelope-shadow{position:absolute;width:178px;height:121px;left:36px;top:64px;background:#d4c2e3;border-radius:18px;box-shadow:0 16px 33px #6849841a}
.ci-envelope{position:absolute;width:184px;height:135px;left:36px;top:45px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f2eaf8);border:1px solid #d5bde5;border-radius:18px;color:#8b56b0;box-shadow:1px 6px 0 #d9c5e7;animation:ci-envelope-float 6s ease-in-out infinite;animation-play-state:paused}
.ci-envelope .icon{width:139px;height:101px;stroke-width:.8}
.ci-trend-glyph{display:block;width:116px;height:90px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;padding:4px 2px 4px 10px}
.ci-trend-glyph>.icon{display:block;width:100%;height:100%;stroke-width:1.25}
.ci-card-contact .ci-card-icon>.icon{border-left:1px solid currentColor;border-bottom:1px solid currentColor;padding:3px}
.ci-phone{position:absolute;right:4px;top:7px;width:66px;height:66px;display:grid;place-items:center;background:#6d2bb1;border-radius:20px;color:#fff;box-shadow:5px 8px 0 #d1b5e6;animation:ci-float 6s ease-in-out infinite;animation-delay:-3s;animation-play-state:paused}
.ci-phone .icon{width:28px;height:28px;stroke-width:1.5}
.ci-contact-trace{position:absolute;width:27px;height:27px;right:12px;bottom:22px;border:1px solid #b994d2;border-radius:50%}
.ci-card.is-in-view .ci-art span{animation-play-state:running}
.ci-card.is-in-view .ci-book-stack{animation-play-state:running}
.ci-card.is-in-view .ci-art{filter:saturate(1.02)}
.ci-card.is-paused .ci-art span{animation-play-state:paused}
.ci-card.is-paused .ci-book-stack{animation-play-state:paused}
@keyframes ci-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes ci-stack-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes ci-route-run{from{transform:translateX(-60px)}to{transform:translateX(270px)}}
@keyframes ci-route-beat{0%,60%,100%{background:#7c3ab6;color:#ead3fb;translate:0 0}25%{background:#af74d8;color:#fff;translate:0 -5px}}
@keyframes ci-envelope-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(min-width:1536px){.ci-card-copy h3{font-size:28px}.ci-card-range .ci-card-copy h3{font-size:34px}.ci-card-contact .ci-card-copy h3{font-size:31px}}
@media(max-width:1279px){.ci-card-grid{grid-template-rows:250px 230px}.ci-card{padding:22px 24px}.ci-card-copy{left:24px;right:24px;bottom:22px}.ci-card-copy h3{font-size:25px}.ci-card-range .ci-card-copy h3{font-size:29px}.ci-card-contact .ci-card-copy h3{font-size:27px}.ci-card-contact .ci-card-copy{max-width:345px}.ci-art-range{scale:.57;right:20px;top:18px}.ci-art-information{scale:.54;right:24px;top:17px}.ci-art-supply{scale:.62;right:18px;top:14px}.ci-art-contact{scale:.54;right:18px;top:18px}}
@media(max-width:1023px){.ci-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:255px 245px}.ci-card{grid-column:auto;padding:22px}.ci-card-copy{left:22px;right:22px;bottom:22px;max-width:none!important}.ci-card-copy h3,.ci-card-contact .ci-card-copy h3,.ci-card-range .ci-card-copy h3{font-size:24px}.ci-card-copy>p{font-size:16px;line-height:1.7}.ci-art-range{scale:.48;right:15px;top:18px}.ci-art-information{scale:.48;right:20px;top:17px}.ci-art-supply{scale:.62;right:15px;top:14px}.ci-art-contact{scale:.48;right:15px;top:18px}}
@media(max-width:767px){.ci-corporate{padding-block:22px 36px}.ci-corporate .ci-heading{margin-bottom:23px}.home-products .ci-corporate .ci-heading h2{font-size:clamp(31px,8vw,41px)}.ci-card-grid{grid-template-columns:1fr;grid-template-rows:none;gap:16px}.ci-card{min-height:260px;padding:22px}.ci-card-information{min-height:260px}.ci-card-supply{min-height:250px}.ci-card-contact{min-height:260px}.ci-card-copy{left:22px;right:22px;bottom:22px}.ci-card-copy h3,.ci-card-contact .ci-card-copy h3,.ci-card-range .ci-card-copy h3{font-size:25px}.ci-card-copy>p{font-size:16px;line-height:1.7;margin-top:12px}.ci-art-range{scale:.48;right:16px;top:17px}.ci-art-information{scale:.5;right:22px;top:16px}.ci-art-supply{scale:.62;right:15px;top:14px}.ci-art-contact{scale:.47;right:16px;top:17px}}
@media(max-width:374px){.ci-card{min-height:280px}.ci-card-information{min-height:260px}.ci-card-copy h3,.ci-card-contact .ci-card-copy h3,.ci-card-range .ci-card-copy h3{font-size:23px}.ci-art-range{scale:.44;right:14px}.ci-art-information{scale:.45;right:18px}.ci-art-supply{scale:.54;right:13px}.ci-art-contact{scale:.42;right:14px}}
@media(prefers-reduced-motion:reduce){.ci-card,.ci-card::after{transition:none}.ci-art-core{transform:none!important;will-change:auto}.ci-art span,.ci-book-stack{animation:none!important;translate:none!important;rotate:none!important}.ci-card:hover{box-shadow:none}}