/* WMS extends the shared Raptool visual language, without changing the homepage. */
/* The supplied WMS screen stays intact inside a tilting device frame. */
.wms-page .phone-stage{min-height:670px;position:relative;isolation:isolate;gap:0;background:radial-gradient(ellipse at 30% 30%,#234d8540,transparent 60%),radial-gradient(ellipse at 90% 90%,#8047602b,transparent 60%),#0d111b;overflow:hidden}.phone-halo{position:absolute;width:370px;height:370px;border-radius:50%;background:#457bef22;filter:blur(65px);pointer-events:none;z-index:-1}.phone-perspective{perspective:1300px;width:100%;height:570px;display:grid;place-items:center}.wms-phone{position:relative;width:264px;padding:3px;border:1px solid #75829a;border-radius:31px;background:#101725;box-shadow:18px 26px 40px #0009;transform:rotateX(9deg) rotateY(-22deg) rotateZ(-7deg);animation:wms-phone-tilt 14s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}.phone-screen{border-radius:27px;overflow:hidden;background:#0e1930}.wms-page .phone-screen img{display:block;width:100%;height:auto;transform:none;filter:none}.phone-reflection{position:absolute;inset:4px;border-radius:27px;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#b0cbff10 42%,#ffffff0b 45%,transparent 65%);animation:wms-phone-sheen 14s ease-in-out infinite}.phone-caption{position:relative;text-align:center;padding:4px 20px 24px}.wms-page .phone-caption p{font-size:14px;color:#c1cbe0;margin:0}.phone-motion-toggle{margin-top:12px;min-height:36px;padding:8px 14px;border:1px solid #46516b;border-radius:30px;background:#131b2b;color:#b7c7e2;font-size:12px}.phone-motion-toggle:hover{background:#26344e;color:#fff}.phone-stage.motion-paused .wms-phone,.phone-stage.offscreen .wms-phone,.phone-stage.motion-paused .phone-reflection,.phone-stage.offscreen .phone-reflection{animation-play-state:paused}@keyframes wms-phone-tilt{0%,100%{transform:translateY(5px) rotateX(9deg) rotateY(-22deg) rotateZ(-7deg)}25%{transform:translateY(-9px) rotateX(18deg) rotateY(0deg) rotateZ(-3deg)}50%{transform:translateY(-5px) rotateX(5deg) rotateY(23deg) rotateZ(7deg)}75%{transform:translateY(4px) rotateX(-5deg) rotateY(2deg) rotateZ(2deg)}}@keyframes wms-phone-sheen{0%,100%{opacity:.3}45%{opacity:1}75%{opacity:.45}}@media(max-width:767px){.wms-page .phone-stage{min-height:630px}.phone-perspective{height:535px;perspective:1100px}.wms-phone{width:246px}.phone-halo{width:280px;height:350px}}@media(prefers-reduced-motion:reduce){.wms-phone,.phone-reflection{animation:none!important}.wms-phone{will-change:auto;transform:rotateY(-8deg) rotateZ(-3deg)}.phone-motion-toggle{display:none}}
.wms-page{--accent:#aac3f0;--muted:#a9acb4;--line:#2b2d33;--surface:#090a0c}.wms-page .site-header.floating{background:#101115eb;border-color:#52596766}.wms-page .eyebrow{color:#b9c5dc}.wms-page .hero-eyebrow{background:#141b27a6;border-color:#65728b66}.wms-page .button:not(.outline){box-shadow:0 0 28px #5683da15}.wms-page .workflow-device{background:radial-gradient(ellipse at 70% 12%,#77584d55,transparent 62%),radial-gradient(ellipse at 25% 80%,#315c9155,#111318 72%);border:1px solid #363943;box-shadow:inset 0 1px 0 #ffffff12}.wms-page .workflow-device p{color:#aeb7c7}.wms-page .workflow-copy .product-tabs{gap:4px;border:1px solid #30333b;border-radius:100px;padding:5px;width:fit-content;background:#121419}.wms-page .workflow-copy .product-tabs button{border:0;border-radius:100px;padding:11px 23px;min-height:44px;color:#b1b6c2}.wms-page .workflow-copy .product-tabs button[aria-selected=true]{background:#e7edf7;color:#151922;box-shadow:0 0 16px #5683da24}.wms-page .feature-list li{color:#c1c7d3}.centered{text-align:center;margin:0 auto}.centered p{margin-left:auto;margin-right:auto}.centered .eyebrow{margin-bottom:23px}.devices-section{padding-top:95px;background:#0d0f13;overflow:hidden}.product-showcase{position:relative;isolation:isolate;max-width:940px;margin:60px auto 30px;min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 45px 25px;border:1px solid #3b424f;border-radius:28px;background:linear-gradient(140deg,#1a2434aa,#111318 52%,#35251f88);box-shadow:0 -1px 0 #7895c642,0 20px 70px #0005}.product-showcase img{width:100%;max-width:821px;filter:drop-shadow(0 26px 28px #0008);position:relative}.product-showcase figcaption{font-size:12px;color:#acb7ca;margin-top:22px;text-align:center}.showcase-glow{position:absolute;z-index:-1;inset:5% -10%;background:radial-gradient(ellipse at 22% 50%,#5683da30,transparent 55%),radial-gradient(ellipse at 90% 30%,#ff896426,transparent 50%);filter:blur(32px)}.platforms{display:flex;justify-content:center;gap:62px;flex-wrap:wrap;color:#c1c6d0;font-size:15px;padding:12px 0 65px}.capability-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.capability-card{border:1px solid #2e333c;border-radius:24px;padding:40px;overflow:hidden;position:relative}.capability-card h3{font-size:32px;line-height:1.18;letter-spacing:-.035em;margin:25px 0 18px;font-weight:500}.capability-card p{max-width:420px;font-size:15px}.scan-card{background:radial-gradient(ellipse at 0 100%,#24365080,transparent 80%),#12151b}.voice-card{background:radial-gradient(ellipse at 100% 100%,#61443545,transparent 70%),#141518}.voice-lines{height:50px;display:flex;align-items:center;gap:7px;margin-top:28px}.voice-lines i{display:block;width:3px;height:20%;border-radius:3px;background:#ffb296b3}.voice-lines i:nth-child(3n){height:65%}.voice-lines i:nth-child(4n){height:100%}.voice-lines i:nth-child(5n){height:40%}.integration-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding-top:125px;padding-bottom:125px}.integration-copy .eyebrow{margin-bottom:24px}.integration-copy p{margin-top:25px;max-width:425px}.connection-panel{display:flex;flex-direction:column;align-items:center;position:relative;padding:35px 25px;border-radius:28px;background:radial-gradient(ellipse at 50% 50%,#284b7533,transparent 65%);border:1px solid #2b3039}.connection-end{font-size:18px;text-align:center;color:#e3e7ee}.connection-end>span{display:block;font-size:12px;color:#929daf;margin-top:6px}.connection-path{width:1px;height:48px;background:#607ba866;position:relative}.connection-path span{position:absolute;width:5px;height:5px;border-radius:50%;background:#9bbdff;top:22px;left:-2px;box-shadow:0 0 14px #5683da}.connection-core{border:1px solid #597bac;border-radius:20px;width:185px;padding:24px;text-align:center;font-size:29px;font-weight:600;letter-spacing:-1.2px;background:#161f2c;box-shadow:0 0 38px #5683da22,inset 0 1px #cddfff26}.connection-core>span{display:block;font-size:11px;font-weight:500;letter-spacing:.15em;color:#b5caf0;margin-top:6px}.connection-methods{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:30px}.connection-methods span{font-size:11px;border:1px solid #353e4c;padding:6px 9px;border-radius:30px;color:#aab8cc}.customization-section{background:#101216;border-top:1px solid #262a31;border-bottom:1px solid #262a31}.customization-layout{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.customization-layout .eyebrow{margin-bottom:24px}.customization-layout .button{margin-top:30px}.customization-layout .process-list{margin-top:0}.customization-layout .process-list article>span{color:#a5bbdf}.wms-page .faq-section{border-top:0;padding-top:100px}.wms-contact{background:radial-gradient(ellipse at 95% 100%,#98634733,transparent 55%),radial-gradient(ellipse at 65% 0%,#41659930,transparent 60%),#0d1016}.wms-contact::before{content:'';position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,#5683da,#ff8964,transparent)}.wms-page .footer-wordmark{color:#202630}.wms-page .footer-links{color:#acb3c0}.wms-page .footer-bottom{color:#989fac}
.wms-hero h1{font-size:clamp(60px,7.1vw,102px)}.wms-hero .hero-image{object-position:68% center}.wms-hero .hero-shade{background:linear-gradient(90deg,#080a0940,transparent 75%),linear-gradient(0deg,var(--surface),transparent 28%)}.wms-hero .hero-content{padding-top:175px}.wms-hero p{max-width:350px}.workflow-section{padding-top:100px}.workflow-stage{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;margin-top:60px}.workflow-copy{max-width:530px}.workflow-copy .product-tabs{gap:35px}.workflow-copy .product-panel{padding-top:32px;min-height:360px}.workflow-copy .product-panel h3{font-size:37px;line-height:1.15}.workflow-label{display:block;font-size:13px;color:var(--accent);margin-bottom:20px}.workflow-copy .feature-list{margin-top:23px}.workflow-device{min-height:500px;background:radial-gradient(ellipse at 48% 28%,#353b31,#161b15 67%);border-radius:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;overflow:hidden}.workflow-device img{height:370px;width:auto;transform:rotate(-9deg);filter:drop-shadow(16px 22px 24px #0007)}.workflow-device p{font-size:13px;color:#b3bbab;margin:0 20px 5px;text-align:center}
@media(max-width:1023px){.wms-hero h1{font-size:76px}.workflow-stage{gap:40px}.workflow-copy .product-tabs{gap:27px}.workflow-device{min-height:440px}.workflow-device img{height:320px}}
@media(max-width:767px){.wms-hero .hero-content{padding-top:150px}.wms-hero h1{font-size:clamp(42px,9.8vw,70px)}.wms-hero .hero-image{object-position:69% center;opacity:.75}.wms-hero .hero-shade{background:linear-gradient(90deg,#080a09db,#080a094d),linear-gradient(0deg,var(--surface),transparent 40%)}.workflow-stage{grid-template-columns:1fr;gap:35px;margin-top:35px}.workflow-copy .product-tabs{gap:29px}.workflow-copy .product-panel{min-height:340px}.workflow-copy .product-panel h3{font-size:32px}.workflow-device{min-height:425px}.workflow-device img{height:320px}.workflow-section{padding-top:65px}}
@media(max-width:380px){.wms-hero h1{font-size:39px}.workflow-copy .product-tabs{gap:24px}.workflow-copy .product-tabs button{font-size:14px}}
@media(max-width:1023px){.wms-page .workflow-copy .product-tabs button{padding:10px 16px}.product-showcase{min-height:360px}.capability-card{padding:30px}.integration-section{gap:6%}.customization-layout{gap:7%}}
@media(max-width:767px){.wms-page .workflow-copy .product-tabs{width:100%;gap:2px}.wms-page .workflow-copy .product-tabs button{flex:1;padding:10px 8px;font-size:14px}.product-showcase{margin-top:40px;border-radius:18px;padding:25px 12px 20px;min-height:225px}.product-showcase figcaption{font-size:10px;margin-top:17px}.platforms{gap:25px;font-size:13px;padding-bottom:40px}.capability-grid,.integration-section,.customization-layout{grid-template-columns:1fr;gap:24px}.capability-card{padding:28px}.capability-card h3{font-size:30px}.integration-section{padding-top:75px;padding-bottom:75px;gap:40px}.connection-panel{padding:30px 20px}.customization-layout{gap:45px}.wms-page .faq-section{padding-top:70px}.wms-contact h2{font-size:43px}.wms-page .phone-link{display:block;margin-left:0}.devices-section{padding-top:70px}}

/* Option 1 WMS hero — aligned with the main Raptool.ai landing page */
.wms-hero-v2{min-height:760px;height:auto;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 24%,#302050 0,transparent 42%),linear-gradient(110deg,#090a0d 0%,#0c0b12 53%,#211238 100%);padding:0 0 34px;border-bottom:1px solid #28232f}
.wms-hero-v2 .wms-hero-arc{position:absolute;width:1250px;height:1250px;border:112px solid #d8d8db;border-radius:50%;right:-500px;bottom:-895px;opacity:.92;pointer-events:none}
.wms-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:610px;padding-top:120px}
.wms-hero-copy{padding-left:0;max-width:570px}
.wms-hero-v2 .eyebrow{display:inline-block;background:none;border:0;padding:0;margin:0 0 15px;color:#9f7bff;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600}
.wms-hero-v2 h1{font-size:clamp(54px,5.7vw,82px);line-height:.91;letter-spacing:-.055em;margin:0;color:#fff;font-weight:650}
.wms-hero-v2 h1 em{font-weight:500;color:#c4b9d5}
.wms-hero-v2 p{font-size:16px;line-height:1.55;color:#c6c2cd;max-width:500px;margin:27px 0 0}
.wms-hero-v2 .hero-actions{display:flex;gap:14px;margin-top:28px;align-items:center}
.wms-hero-v2 .hero-actions .button{min-width:144px;justify-content:center;gap:16px}
.wms-hero-v2 .hero-actions .outline{background:#111017a8;color:#fff;border-color:#777180}
.wms-hero-device{position:relative;height:510px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.wms-hero-device>img{position:relative;z-index:3;height:470px;width:auto;transform:rotate(-12deg) translateY(5px);filter:drop-shadow(26px 34px 30px #000a)}
.wms-float-icon{position:absolute;z-index:4;width:64px;height:64px;border:1px solid #6d4eb7;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#372071,#1b1232);box-shadow:0 18px 40px #0006,inset 0 1px #ffffff22;color:#e4dbff;font-size:28px;font-weight:600}
.icon-box{left:18%;top:31%}.icon-barcode{right:17%;top:17%;transform:rotate(-7deg)}.icon-sync{left:24%;bottom:18%;transform:rotate(8deg)}.icon-truck{right:14%;bottom:29%;transform:rotate(5deg)}
.wms-hero-benefits{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid #302a39;padding-top:24px}
.wms-hero-benefits a{display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none;padding:8px 12px;border-radius:14px;transition:.2s ease}
.wms-hero-benefits a:hover{background:#ffffff08;transform:translateY(-2px)}
.benefit-icon{flex:0 0 48px;width:48px;height:48px;border:1px solid #6447a8;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#342066,#181126);color:#d9ccff;font-size:21px;box-shadow:inset 0 1px #ffffff1a}
.wms-hero-benefits strong,.wms-hero-benefits small{display:block}.wms-hero-benefits strong{font-size:14px;font-weight:600;margin-bottom:5px}.wms-hero-benefits small{font-size:11px;line-height:1.35;color:#aaa5b2;max-width:145px}
@media(max-width:1023px){.wms-hero-v2{min-height:720px}.wms-hero-grid{grid-template-columns:1fr 1fr;min-height:570px}.wms-hero-device>img{height:410px}.wms-float-icon{width:54px;height:54px}.wms-hero-benefits{gap:4px}.wms-hero-benefits a{padding:8px 5px}.benefit-icon{width:42px;height:42px;flex-basis:42px}}
@media(max-width:767px){.wms-hero-v2{min-height:auto;padding-bottom:28px}.wms-hero-v2 .wms-hero-arc{width:760px;height:760px;border-width:70px;right:-430px;bottom:-515px}.wms-hero-grid{grid-template-columns:1fr;padding-top:130px;min-height:auto}.wms-hero-copy{position:relative;z-index:5}.wms-hero-v2 h1{font-size:clamp(48px,14vw,68px)}.wms-hero-v2 p{max-width:92%}.wms-hero-device{height:430px;margin-top:5px}.wms-hero-device>img{height:390px}.icon-box{left:4%}.icon-barcode{right:4%}.icon-sync{left:8%}.icon-truck{right:3%}.wms-hero-benefits{grid-template-columns:1fr 1fr;margin-top:8px}.wms-hero-benefits a{padding:10px 4px}.wms-hero-v2 .hero-actions{flex-wrap:wrap}}
@media(max-width:430px){.wms-hero-device{height:385px}.wms-hero-device>img{height:350px}.wms-float-icon{width:46px;height:46px;font-size:20px}.wms-hero-benefits{grid-template-columns:1fr}.wms-hero-benefits small{max-width:none}}
