/* A product launch composition for the homepage software slide. */
.hero-slide--solutions{--hero-tone:#e0fca0;position:relative;isolation:isolate;background:#12241e;border-color:#456145;padding:46px 42px;grid-template-columns:.9fr 1.1fr;gap:8px;min-height:590px;color:#f2f6e9}
.hero-slide--solutions::before{position:absolute;content:'';inset:0;z-index:-1;background:radial-gradient(ellipse at 79% 40%,#456b363b 0,transparent 57%),linear-gradient(113deg,#0e1b1800 50%,#16332b 100%)}
.hero-slide--solutions::after{content:'';position:absolute;width:660px;height:660px;right:-180px;top:-330px;border:1px solid #aee89412;border-radius:50%;z-index:-1}
.hero-slide--solutions .eyebrow{color:#a8c397;font-size:9px;letter-spacing:1px}
.hero-slide--solutions .hero-owned-dot{background:#d9f99d;box-shadow:0 0 0 4px #dbffb512}
.home-page .hero-slide--solutions .software-launch-title{font-size:clamp(70px,7.1vw,103px);font-weight:650;line-height:1.03;letter-spacing:-5.5px;color:#f0f5e9;margin:27px 0 26px}
html[lang="th"] .home-page .hero-slide--solutions .software-launch-title{font-size:clamp(48px,5vw,71px);line-height:1.36;letter-spacing:-2px;margin:27px 0 20px;font-weight:650}
.home-page .hero-slide--solutions .hero-heading-accent{color:#ddf9a8}
.hero-slide--solutions .hero-slide-description{font-size:14px;line-height:1.9;color:#a5bca9;max-width:375px}
.hero-slide--solutions .hero-slide-actions{gap:18px;margin-top:27px}
.hero-slide--solutions .hero-primary{background:#ddf9a8;color:#193021;border-radius:3px;border:1px solid #edffd0;padding:14px 18px;box-shadow:0 5px 23px #dbffa211}
.hero-slide--solutions .hero-primary:hover{background:#f1ffd8;filter:none}
.hero-slide--solutions .hero-text-link{color:#d0dfc8;font-size:11px}
.software-launch-terms{display:flex;gap:30px;margin-top:32px;padding-top:20px;border-top:1px solid #97b08b35;max-width:370px}
.software-launch-terms>div{display:flex;align-items:center;gap:11px}
.software-launch-terms>div+div{border-left:1px solid #97b08b35;padding-left:24px}
.software-launch-terms strong{color:#e2f9bb;font-family:'Manrope',sans-serif;font-size:37px;font-weight:500;line-height:1;white-space:nowrap}
.software-launch-terms strong>span{font-size:9px;color:#a6bc9c;letter-spacing:0}
.software-launch-terms p{font-size:11px;line-height:1.7;color:#b6cca9;max-width:105px}
.software-launch-terms .launch-infinity{font-size:44px}
.software-launch-stage{position:relative;min-width:0;align-self:stretch;min-height:480px;perspective:1200px;isolation:isolate}
.software-launch-stage::after{content:'';position:absolute;left:0;right:-30px;bottom:26px;height:90px;border-radius:50%;background:#020b0799;filter:blur(23px);transform:rotate(-8deg);z-index:-1}
.launch-stage-word{position:absolute;top:-19px;right:-12px;font-family:'Manrope',sans-serif;font-size:clamp(68px,9vw,133px);font-weight:800;letter-spacing:-7px;line-height:1;color:transparent;-webkit-text-stroke:1px #9cba7730;user-select:none;z-index:-1}
.launch-stage-star{position:absolute;right:3%;top:16%;color:#dbf9a2;font-size:47px;font-weight:400;line-height:1;transform:rotate(13deg)}
.launch-orbit{position:absolute;inset:14% -7% 8%;border:1px solid #b5d99619;border-radius:50%;z-index:-1;transform:rotate(-30deg)}
.launch-orbit-two{inset:22% 0 0;transform:rotate(34deg);border-color:#b5d99610}
.launch-boxes{position:absolute;inset:17px -30px 30px -15px;perspective:1300px}
.launch-box{--box-colour:#bce7ba;position:absolute;display:block;width:34%;aspect-ratio:.65;color:#163423;transform-style:preserve-3d;transition:transform .3s,filter .3s;filter:drop-shadow(16px 25px 14px #0005);outline-offset:8px}
.launch-box-face{position:absolute;inset:0;border:1px solid #ffffff80;background:var(--box-colour);border-radius:2px;overflow:hidden;transform:translateZ(15px);display:flex;flex-direction:column;padding:13px 13px 0;backface-visibility:hidden}
.launch-box-face::after{content:'';position:absolute;inset:0;background:linear-gradient(123deg,#ffffff30,transparent 40%,#0000000b);pointer-events:none}
.launch-box-top{display:flex;justify-content:space-between;gap:12px;font-size:6px;letter-spacing:.7px;font-weight:600;line-height:1.5;opacity:.7}
.launch-box-logo{width:33px;height:33px;margin:18px 0 10px}
.launch-box-logo svg{width:100%;height:100%}
.launch-box-logo .logo-primary{fill:currentColor}.launch-box-logo .logo-accent{fill:currentColor;opacity:.5}
.launch-box-face>strong{font-family:'Manrope',sans-serif;font-size:29px;font-weight:700;letter-spacing:-1px;line-height:1.06;z-index:1}
.launch-box-art{height:100%;min-height:0;margin:15px -13px 0;position:relative;overflow:hidden;background:#132820}
.launch-box-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.launch-box-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;font-size:7px;line-height:1.5}
.launch-box-bottom>span:last-child{font-size:15px}
.launch-box-spine{position:absolute;top:0;bottom:0;width:31px;right:-16px;background:var(--box-colour);filter:brightness(.61);transform:rotateY(90deg);transform-origin:center;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff50}
.launch-box-spine>span{writing-mode:vertical-rl;font-size:7px;letter-spacing:1px;white-space:nowrap;opacity:.8}
.launch-box--hr{--box-colour:#bdeac7;left:5%;top:5%;transform:rotateZ(-14deg) rotateY(-22deg);z-index:1}
.launch-box--crm{--box-colour:#aed0ff;left:36%;top:0;transform:rotateZ(5deg) rotateY(-23deg);color:#18375c;z-index:2}
.launch-box--service-desk{--box-colour:#cab3ed;left:23%;top:38%;transform:rotateZ(-8deg) rotateY(-22deg);color:#42305c;z-index:3}
.launch-box--team-collaboration{--box-colour:#f5cb85;left:62%;top:31%;transform:rotateZ(13deg) rotateY(-26deg);color:#583917;z-index:4}
.launch-box--team-collaboration .launch-box-face>strong,.launch-box--service-desk .launch-box-face>strong{font-size:23px}
.launch-box-face .box-long-title{font-size:.64em;letter-spacing:-.5px;white-space:nowrap}
.launch-box:hover{transform:translateY(-12px) rotateZ(0) rotateY(-12deg);filter:drop-shadow(13px 25px 19px #0007);z-index:5}
.launch-box:focus-visible{outline:2px solid #fff;z-index:6}



@media(max-width:1100px){.hero-slide--solutions{padding:37px 30px;gap:15px;grid-template-columns:.92fr 1.08fr}.home-page .hero-slide--solutions .software-launch-title{font-size:77px}html[lang="th"] .home-page .hero-slide--solutions .software-launch-title{font-size:53px}.software-launch-stage{min-height:490px}.launch-boxes{inset:58px -19px 45px -18px}.launch-box{width:36%}.launch-box--team-collaboration{left:61%}.launch-box-face{padding:11px 10px 0}.launch-box-art{margin-inline:-10px;margin-top:11px}.launch-box-logo{width:25px;height:25px;margin:13px 0 9px}.launch-box-face>strong{font-size:25px}.launch-box--team-collaboration .launch-box-face>strong,.launch-box--service-desk .launch-box-face>strong{font-size:19px}.launch-box-top{font-size:5px}.launch-box-bottom{font-size:6px;padding:8px 0}.software-launch-terms{gap:17px}.software-launch-terms>div+div{padding-left:16px}.software-launch-terms p{font-size:8px}.launch-stage-word{top:12px;font-size:91px}.launch-stage-star{top:15%;right:1%;font-size:35px}}
@media(max-width:850px){.hero-slide--solutions{grid-template-columns:1fr 1fr;padding:33px 26px;gap:10px}.home-page .hero-slide--solutions .software-launch-title{font-size:68px;letter-spacing:-4px}html[lang="th"] .home-page .hero-slide--solutions .software-launch-title{font-size:44px;letter-spacing:-1.5px}.hero-slide--solutions .hero-slide-description{font-size:13px}.software-launch-stage{min-height:505px}.launch-boxes{inset:100px -6px 57px -19px}.launch-box{width:39%}.launch-box--hr{left:0}.launch-box--crm{left:33%}.launch-box--service-desk{left:16%;top:39%}.launch-box--team-collaboration{left:57%;top:37%}.launch-box-top{font-size:4px}.launch-stage-word{font-size:76px;top:34px}.launch-stage-star{top:15%}.software-launch-terms{gap:13px}.software-launch-terms strong{font-size:30px}.software-launch-terms>div{gap:8px}.software-launch-terms>div+div{padding-left:13px}.software-launch-terms .launch-infinity{font-size:38px}}
@media(max-width:760px){.hero-slide--solutions{grid-template-columns:1fr;padding:31px 25px 29px;gap:18px;min-height:0}.hero-slide--solutions .eyebrow{font-size:8px;letter-spacing:.4px}.home-page .hero-slide--solutions .software-launch-title{font-size:76px;line-height:1.04;letter-spacing:-4px;margin:22px 0}html[lang="th"] .home-page .hero-slide--solutions .software-launch-title{font-size:clamp(43px,12vw,62px);line-height:1.33;letter-spacing:-1.8px;margin:21px 0 18px}.hero-slide--solutions .hero-slide-description{font-size:13px;max-width:450px}.hero-slide--solutions .hero-slide-actions{margin-top:23px;gap:17px}.hero-slide--solutions .hero-primary{padding:12px 15px;font-size:12px;gap:20px}.hero-slide--solutions .hero-text-link{font-size:10px}.software-launch-terms{margin-top:25px;padding-top:19px;gap:21px;max-width:none}.software-launch-terms>div{gap:10px}.software-launch-terms>div+div{padding-left:20px}.software-launch-terms strong{font-size:35px}.software-launch-terms p{font-size:9px}.software-launch-terms .launch-infinity{font-size:42px}.software-launch-stage{min-height:440px;width:100%;max-width:470px;justify-self:center;margin-top:15px}.launch-stage-word{font-size:clamp(70px,20vw,105px);top:0;right:0;letter-spacing:-5px}.launch-boxes{inset:63px -2px 70px -9px}.launch-box{width:37%;aspect-ratio:.63}.launch-box--hr{left:2%;top:0}.launch-box--crm{left:35%;top:0}.launch-box--service-desk{left:19%;top:40%}.launch-box--team-collaboration{left:60%;top:36%}.launch-box-face{padding:9px 9px 0}.launch-box-logo{width:25px;height:25px;margin:12px 0 9px}.launch-box-face>strong{font-size:26px}.launch-box--team-collaboration .launch-box-face>strong,.launch-box--service-desk .launch-box-face>strong{font-size:19px}.launch-box-art{margin:10px -9px 0}.launch-box-top{font-size:4px;letter-spacing:.4px}.launch-box-bottom{font-size:6px;padding:8px 0}.launch-stage-star{top:14%;right:0;font-size:29px}.software-launch-stage::after{bottom:25px}.launch-orbit{inset:14% -15% 5%}}
@media(min-width:440px) and (max-width:760px){.software-launch-stage{min-height:560px}.launch-boxes{bottom:85px}.launch-box-face{padding:17px 16px 0}.launch-box-logo{width:40px;height:40px;margin:20px 0 15px}.launch-box-face>strong{font-size:36px}.launch-box--team-collaboration .launch-box-face>strong,.launch-box--service-desk .launch-box-face>strong{font-size:26px}.launch-box-top{font-size:7px}.launch-box-art{margin:17px -16px 0}.launch-box-bottom{font-size:9px;padding:12px 0}.launch-stage-star{top:10%;font-size:43px}}
@media(max-width:370px){.hero-slide--solutions{padding-inline:21px}.home-page .hero-slide--solutions .software-launch-title{font-size:68px}html[lang="th"] .home-page .hero-slide--solutions .software-launch-title{font-size:41px}.software-launch-terms{gap:13px}.software-launch-terms>div+div{padding-left:13px}.software-launch-terms p{font-size:8px}.software-launch-stage{min-height:405px}.launch-box--team-collaboration .launch-box-face>strong,.launch-box--service-desk .launch-box-face>strong{font-size:16px}.launch-box-logo{width:22px;height:22px}}
@media(max-width:439px){.launch-box{aspect-ratio:.54}.software-launch-stage{min-height:430px}}
@media(prefers-reduced-motion:reduce){.launch-box{transition:none}.launch-box:hover{transform:rotateY(-12deg)}}