.hero{grid-template-columns:.72fr 1.28fr;gap:52px;min-height:760px}.hero-product{perspective:1800px}.hero-pos-live{position:relative;z-index:4;background:#07111d;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:10px;box-shadow:0 45px 100px rgba(5,24,39,.28);transform:rotateY(-4deg) rotateX(1deg);overflow:visible}.hero-pos-live:before{content:'';position:absolute;inset:-60px;background:radial-gradient(circle,rgba(255,101,37,.23),transparent 62%);z-index:-1;filter:blur(20px)}.hero-pos-live img{width:100%;display:block;border-radius:0 0 15px 15px}.pos-windowbar{height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px;color:#b6c2cd;font-size:10px}.pos-windowbar>span{display:flex;gap:5px}.pos-windowbar>span i{width:7px;height:7px;border-radius:50%;background:#ff6a2a}.pos-windowbar>span i:nth-child(2){background:#ffc34d}.pos-windowbar>span i:nth-child(3){background:#31c78b}.pos-windowbar b{font-weight:600}.pos-windowbar em{justify-self:end;color:#54dda8;font-style:normal}.pos-float{position:absolute;background:#fff;border:1px solid #e8edf0;box-shadow:0 20px 55px rgba(5,24,39,.2);border-radius:14px;padding:14px 16px}.pos-float-one{right:-24px;top:76px}.pos-float small,.pos-float strong,.pos-float b{display:block}.pos-float small{font-size:8px;letter-spacing:.1em;color:#ff6525;font-weight:800}.pos-float strong{font:700 12px Manrope;margin-top:3px}.pos-float-two{left:-30px;bottom:35px;background:#0b2942;color:#fff;display:flex;gap:10px;align-items:center}.pos-float-two>i{font-style:normal;background:#ff6525;border-radius:9px;width:32px;height:32px;display:grid;place-items:center}.pos-float-two b{font-size:10px}.hero-product>.format-picker,.hero-product>.command-card{display:none}.product-showcase{padding-top:140px}.showcase-heading h2{font-size:clamp(46px,5.5vw,76px)}.ui-stage{padding:12px;border-radius:30px;background:#071521}.ui-toolbar{padding:8px 8px 18px}.ui-screen{border-radius:18px}.ui-screen img{object-fit:contain;background:#eef1f4}.interface-library{margin-top:26px}.library-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:0 5px 15px}.library-intro span{font-size:10px;color:#ff6525;font-weight:800;letter-spacing:.16em}.library-intro p{font-size:12px;color:#74818b;margin:0}.interface-rail{display:grid;grid-template-columns:repeat(8,minmax(180px,1fr));gap:11px;overflow-x:auto;padding:4px 4px 16px;scroll-snap-type:x mandatory}.interface-shot{scroll-snap-align:start;min-width:180px;border:1px solid #dfe5e9;background:#fff;padding:7px;border-radius:14px;cursor:pointer;text-align:left;transition:.25s}.interface-shot:hover,.interface-shot.active{border-color:#ff6525;transform:translateY(-3px);box-shadow:0 12px 30px rgba(10,38,60,.11)}.interface-shot img{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:9px;display:block}.interface-shot span{display:block;font:700 11px Manrope;padding:9px 5px 3px}.gallery-note{text-align:center;color:#99a2a8;font-size:10px}.interface-rail::-webkit-scrollbar{height:5px}.interface-rail::-webkit-scrollbar-thumb{background:#cbd2d7;border-radius:10px}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-product{max-width:760px;margin:auto}.hero-pos-live{transform:none}.pos-float-one{right:10px}.pos-float-two{left:10px}.library-intro{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:620px){.hero{padding-top:38px}.hero-copy h1{font-size:46px}.hero-pos-live{border-radius:15px;padding:6px}.pos-windowbar{height:32px}.pos-windowbar b{display:none}.pos-float{display:none}.product-showcase{padding-top:90px}.showcase-heading h2{font-size:42px}.interface-rail{grid-template-columns:repeat(8,160px)}.interface-shot{min-width:160px}.library-intro p{font-size:11px}}
.ui-screen:before,.ui-screen:after{position:absolute;z-index:5;font:800 13px Manrope;padding:7px 11px;pointer-events:none;border-radius:7px}.ui-screen:before{content:'duuub.ai';left:8px;top:8px;background:#f2f3f5;color:#ff6525}.ui-screen:after{content:'duuub.ai';right:8px;bottom:8px;background:#10283d;color:#fff}.interface-shot{position:relative}.interface-shot:before{content:'duuub.ai';position:absolute;left:12px;top:12px;z-index:2;background:rgba(8,25,40,.9);color:#fff;border-radius:5px;padding:3px 6px;font:800 8px Manrope}
.mobile-signal-illusion{display:none}
@media(max-width:620px){.mobile-signal-illusion{display:block;position:relative;height:178px;margin:-4px 0 20px;border:1px solid #e6eaed;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(255,101,37,.16),transparent 27%),linear-gradient(135deg,#f9fbfc,#fff7f2);box-shadow:0 18px 45px rgba(8,36,58,.08);cursor:pointer;isolation:isolate}.mobile-signal-illusion:before{content:'';position:absolute;inset:-80%;background:conic-gradient(from 30deg,transparent,rgba(255,101,37,.08),transparent 32%);animation:signalSweep 8s linear infinite}.signal-rings,.signal-rings i{position:absolute;inset:0}.signal-rings i{margin:auto;border:1px solid rgba(255,101,37,.16);border-radius:50%;width:118px;height:118px;animation:ringPulse 3.2s ease-out infinite}.signal-rings i:nth-child(2){animation-delay:1.05s}.signal-rings i:nth-child(3){animation-delay:2.1s}.signal-core{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:#0b2942;color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 14px 35px rgba(8,36,58,.28),0 0 0 8px rgba(255,255,255,.75)}.signal-core span{color:#ff7134;font-size:17px;line-height:1}.signal-core b{font:800 12px Manrope;margin-top:3px}.signal-core small{font-size:7px;color:#9eb2c1;text-transform:uppercase;letter-spacing:.08em}.signal-node{position:absolute;z-index:4;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.92);border:1px solid #e2e7ea;border-radius:20px;padding:5px 8px 5px 5px;box-shadow:0 8px 18px rgba(8,36,58,.09);font-size:8px;font-weight:800;animation:nodeFloat 3s ease-in-out infinite}.signal-node i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff0e8;color:#ff6525;font-size:7px}.node-order{left:13px;top:23px}.node-kitchen{right:12px;top:25px;animation-delay:.6s}.node-stock{left:18px;bottom:30px;animation-delay:1.2s}.node-sales{right:16px;bottom:28px;animation-delay:1.8s}.signal-caption{position:absolute;z-index:5;left:12px;right:12px;bottom:7px;display:flex;justify-content:space-between;color:#526573;font-size:7px}.signal-caption b{font-weight:700}.signal-caption span{color:#ff6525;text-transform:uppercase;letter-spacing:.08em}.mobile-signal-illusion.activated .signal-core{animation:corePop .55s ease}.mobile-signal-illusion.activated .signal-node{border-color:#ff8a58}@keyframes signalSweep{to{transform:rotate(360deg)}}@keyframes ringPulse{0%{transform:scale(.45);opacity:0}28%{opacity:1}100%{transform:scale(1.5);opacity:0}}@keyframes nodeFloat{50%{transform:translateY(-4px)}}@keyframes corePop{50%{transform:translate(-50%,-50%) scale(1.12)}}}
@media(prefers-reduced-motion:reduce){.mobile-signal-illusion:before,.signal-rings i,.signal-node{animation:none}}