/* V20 Home modules. Shared header and About components live in dimart-components.css. */

/* Home Dibot discovery beacon */
.v20-dibot-beacon{position:absolute;left:50%;top:53%;width:285px;height:148px;transform:translate(-50%,-50%);z-index:25;border-radius:34px;padding:17px 18px 17px 96px;background:linear-gradient(145deg,rgba(2,25,66,.84),rgba(4,73,132,.66));border:1px solid rgba(116,225,255,.32);box-shadow:0 24px 65px rgba(0,10,45,.34),inset 0 1px 0 rgba(255,255,255,.14),0 0 55px rgba(42,203,255,.10);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);color:#fff;overflow:visible;transition:.35s cubic-bezier(.2,.8,.2,1);animation:v20BeaconFloat 6s ease-in-out infinite}
.v20-dibot-beacon:hover{transform:translate(-50%,-55%) scale(1.035);border-color:rgba(135,235,255,.58);box-shadow:0 30px 75px rgba(0,10,45,.4),0 0 70px rgba(42,203,255,.18)}
.v20-db-halo{position:absolute;width:125px;height:125px;left:-31px;top:10px;border-radius:50%;background:radial-gradient(circle,rgba(74,219,255,.28),rgba(66,101,255,.10) 44%,transparent 70%);filter:blur(2px);animation:v20Halo 3.8s ease-in-out infinite}
.v20-db-core{position:absolute;left:12px;top:37px;width:74px;height:74px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#49d9ff,#0677ba 58%,#031a4a);border:1px solid rgba(221,251,255,.56);box-shadow:inset 10px 9px 20px rgba(255,255,255,.13),0 0 35px rgba(57,211,255,.34)}
.v20-db-core img{width:62px;height:38px;object-fit:contain;filter:brightness(1.18) drop-shadow(0 0 8px rgba(255,255,255,.18))}
.v20-db-orbit{position:absolute;left:-8px;top:15px;width:115px;height:115px;border-radius:50%;border:1px solid rgba(118,226,255,.25);animation:v20Orbit 8s linear infinite}
.v20-db-orbit:before{content:"";position:absolute;inset:13px;border-radius:50%;border:1px dashed rgba(123,225,255,.15)}
.v20-db-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:#d9fbff;top:-4px;left:51%;box-shadow:0 0 18px #5be1ff}
.v20-db-copy{display:block;position:relative;z-index:2}.v20-db-copy small{display:block;font:700 7px Arial;letter-spacing:.14em;color:#7fe2ff;direction:ltr}.v20-db-copy b{display:block;font-size:14px;margin:6px 0 3px}.v20-db-copy em{display:block;font-style:normal;font-size:9px;line-height:1.7;color:#b7d4e5}.v20-db-copy strong{display:inline-flex;gap:5px;align-items:center;margin-top:8px;font-size:9px;color:#78e1ff}.v20-db-copy strong i{font-style:normal;transition:.25s}.v20-dibot-beacon:hover strong i{transform:translateX(-4px)}
.v20-db-signal{position:absolute;padding:5px 8px;border-radius:999px;background:rgba(4,27,70,.86);border:1px solid rgba(107,220,255,.18);font:700 6px Arial;letter-spacing:.09em;color:#8ceaff;direction:ltr;box-shadow:0 9px 25px rgba(0,12,40,.18)}.v20-db-signal.s1{right:15px;top:-15px}.v20-db-signal.s2{right:-17px;bottom:-13px}
@keyframes v20BeaconFloat{50%{transform:translate(-50%,-56%) rotate(.5deg)}}
@keyframes v20Orbit{to{transform:rotate(360deg)}}
@keyframes v20Halo{50%{transform:scale(1.09);opacity:.74}}

/* Home hero: Dibot remains discoverable inside the first viewport. */
.hero-dibot-intro{display:block;position:relative;margin-top:22px;padding:18px 20px;border-radius:28px;background:linear-gradient(145deg,rgba(4,23,62,.90),rgba(5,76,132,.72));border:1px solid rgba(120,225,255,.24);box-shadow:0 24px 60px rgba(4,16,48,.20),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.hero-dibot-intro:before{content:"";position:absolute;inset:auto -15% -55% auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(103,230,255,.24),transparent 70%);pointer-events:none}
.hero-dibot-intro:hover{transform:translateY(-4px);border-color:rgba(151,235,255,.48);box-shadow:0 34px 72px rgba(4,16,48,.28),0 0 42px rgba(57,212,255,.14)}
.hero-dibot-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(162,233,255,.18);font:700 10px/1 Arial,sans-serif;letter-spacing:.14em;color:#8fe9ff;direction:ltr}
.hero-dibot-grid{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;margin-top:14px}
.hero-dibot-mark{position:relative;width:112px;height:112px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,rgba(72,221,255,.22),rgba(5,28,78,.76));border:1px solid rgba(188,244,255,.35);box-shadow:inset 0 14px 26px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.18)}
.hero-dibot-mark img{position:relative;z-index:2;width:78px;height:auto;filter:drop-shadow(0 0 14px rgba(255,255,255,.25)) brightness(1.15)}
.hero-dibot-orbit{position:absolute;inset:10px;border-radius:24px;border:1px solid rgba(143,231,255,.28);animation:v21DibotOrbit 9s linear infinite}
.hero-dibot-orbit:before{content:"";position:absolute;inset:10px;border-radius:18px;border:1px dashed rgba(143,231,255,.14)}
.hero-dibot-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:#effcff;top:-4px;left:52%;box-shadow:0 0 22px #64ddff}
.hero-dibot-copy strong{display:block;font-size:18px;line-height:1.7;color:#fff;margin-bottom:8px}
.hero-dibot-copy p{margin:0;color:#d6e8f3;font-size:13px;line-height:2}
.hero-dibot-cta-inline{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#93ebff;font-weight:700;font-size:12px}
.hero-dibot-cta-inline i{font-style:normal;transition:transform .25s ease}
.hero-dibot-intro:hover .hero-dibot-cta-inline i{transform:translateX(-4px)}
@keyframes v21DibotOrbit{to{transform:rotate(360deg)}}

@media(max-width:1000px){
  .v20-dibot-beacon{left:58%;top:55%;transform:translate(-50%,-50%) scale(.9)}
  .hero-dibot-grid{grid-template-columns:90px 1fr}.hero-dibot-mark{width:90px;height:90px}.hero-dibot-mark img{width:64px}
}

@media(max-width:700px){
  .v20-dibot-beacon{position:absolute;left:50%;top:auto;bottom:3%;width:260px;height:126px;padding:14px 14px 14px 86px;transform:translateX(-50%) scale(.86);transform-origin:center bottom}
  .v20-db-core{width:64px;height:64px;top:31px}.v20-db-core img{width:54px}.v20-db-orbit{width:100px;height:100px;top:12px}.v20-db-copy b{font-size:12px}.v20-db-copy em{font-size:8px}.v20-db-signal{display:none}
  .hero-dibot-intro{padding:16px 15px;border-radius:24px}.hero-dibot-grid{grid-template-columns:1fr;gap:14px;text-align:center}.hero-dibot-mark{width:88px;height:88px;margin:0 auto}.hero-dibot-copy strong{font-size:16px}.hero-dibot-copy p{font-size:12px;line-height:1.9}.hero-dibot-cta-inline{justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  .v20-dibot-beacon,.v20-db-orbit,.hero-dibot-orbit,.hero-dibot-intro{animation:none!important}
}