*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf7;color:#142034;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}header{height:82px;display:flex;align-items:center;max-width:1400px;margin:auto;padding:0 34px;gap:38px;background:#fbfaf7;position:relative;z-index:20}.logo{display:flex;align-items:center;text-decoration:none;color:#132039;gap:8px;white-space:nowrap}.logo span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#16243b;color:#ff8129;font-weight:900}.logo b{font-size:22px;letter-spacing:-.7px}.logo em{font-style:normal;color:#f17420;font-weight:850;font-size:20px}nav{display:flex;gap:25px;flex:1;justify-content:center}nav a{text-decoration:none;color:#526075;font-size:13px;font-weight:700}nav a:hover{color:#ef711d}.right{display:flex;align-items:center;gap:10px}.right select{border:1px solid #e1ded7;background:white;border-radius:11px;padding:10px;max-width:145px}.account{background:#17243a;color:white;text-decoration:none;border-radius:11px;padding:11px 15px;font-size:13px;font-weight:800}.hamb{display:none}.hero{min-height:650px;background:linear-gradient(118deg,#111e33 0%,#172944 58%,#24364d 100%);color:white;display:grid;grid-template-columns:46% 54%;align-items:center;padding:70px max(6vw,30px);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:#f1782130;filter:blur(70px);right:-120px;bottom:-230px}.heroCopy{max-width:650px;z-index:2}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2.3px;color:#f47c25}.hero h1{font-size:clamp(48px,5.7vw,82px);line-height:1.02;letter-spacing:-3.5px;margin:16px 0 22px}.hero h1 span{color:#ff8a35}.heroCopy>p{color:#b9c4d2;line-height:1.75;font-size:17px;max-width:610px}.actions{display:flex;gap:12px;margin:28px 0}.actions a,.demo>a,.closing>a{padding:15px 20px;border-radius:12px;text-decoration:none;font-weight:850;font-size:14px}.primary,.closing>a{background:linear-gradient(100deg,#ee6d17,#ff9b4f);color:white;box-shadow:0 12px 30px #f1742138}.secondary{border:1px solid #53647b;color:white;background:#ffffff08}.chips{display:flex;gap:20px;color:#b8c4d1;font-size:12px;font-weight:700}.chips span::first-letter{color:#ff8129}.heroVisual{height:500px;position:relative;z-index:2}.glow{position:absolute;width:500px;height:350px;background:#ff812926;filter:blur(60px);right:5%;top:15%}.screen{position:absolute;width:78%;height:67%;right:5%;top:13%;border:9px solid #0c1422;background:#f3f5f7;border-radius:18px;box-shadow:0 35px 80px #0007;transform:perspective(900px) rotateY(-7deg) rotateX(2deg)}.screenTop{height:35px;background:#111d31;color:#8492a6;padding:8px 12px;font-size:9px}.screenTop i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff7b28;margin-right:4px}.screenTop strong{float:right;font-size:10px}.dash{height:calc(100% - 35px);display:flex}.dash aside{width:16%;background:#192942;padding:13px;display:flex;flex-direction:column;gap:14px}.dash aside b{color:#ff852e}.dash aside i{height:7px;border-radius:8px;background:#425169}.content{padding:15px;flex:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats span{background:white;padding:12px;font-weight:900;color:#16243b;border-radius:8px;box-shadow:0 3px 10px #13213b0c}.stats small{display:block;color:#98a3b2;font-size:8px;margin-top:3px}.tickets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.tickets article{background:white;border-radius:8px;border-top:5px solid #ff7d26;height:145px;padding:10px;color:#25344a;font-size:10px}.tickets i{display:block;height:7px;background:#e9edf1;margin-top:11px;border-radius:8px}.pos{position:absolute;right:0;bottom:2%;height:48%;width:20%;border:8px solid #0b1423;background:#1d2b40;border-radius:22px;box-shadow:0 30px 55px #0007;display:flex;flex-direction:column;align-items:center;padding:25px 12px}.pos strong{font-size:34px;color:#ff852e}.pos small{font-weight:900;letter-spacing:2px}.pos i{height:7px;width:80%;background:#4b596b;margin-top:16px;border-radius:8px}.badge{position:absolute;left:10%;bottom:3%;background:white;color:#17243a;padding:12px 18px;border-radius:12px;font-size:9px;font-weight:900;box-shadow:0 15px 30px #0004}.badge b{color:#ef711d}.intro{text-align:center;max-width:900px;margin:90px auto 40px;padding:0 20px}.intro h2,.power h2,.closing h2{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;margin:12px 0}.intro p,.power p,.closing p{color:#748095;line-height:1.7}.features{max-width:1200px;margin:0 auto 100px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.features article{background:white;border:1px solid #ebe8e2;border-radius:20px;padding:25px;min-height:190px;box-shadow:0 12px 30px #283b5508}.features article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff0e5;color:#ef711d;font-size:22px;font-weight:900}.features h3{font-size:17px;margin:18px 0 7px}.features p{color:#7a8596;font-size:13px;line-height:1.6}.power{background:#152238;color:white;padding:85px max(7vw,30px);display:grid;grid-template-columns:55% 45%;align-items:center;min-height:460px}.power>div:first-child{max-width:670px}.power p{color:#b8c3d1}.flow{display:flex;align-items:center;gap:8px;margin-top:30px}.flow span{padding:9px 12px;background:#ffffff0c;border:1px solid #ffffff1a;border-radius:9px;font-size:10px;font-weight:900}.flow b{color:#f47b25}.orb{width:290px;height:290px;border:1px solid #ffffff20;border-radius:50%;margin:auto;position:relative;display:grid;place-items:center}.orb:before,.orb:after{content:"";position:absolute;border:1px solid #ff81293d;border-radius:50%;inset:35px}.orb:after{inset:75px;background:#ff812912}.orb strong{z-index:2;color:#ff8a35;font-size:23px}.orb i{position:absolute;background:#263751;padding:8px;border-radius:9px;font-size:9px;font-style:normal}.orb i:nth-child(1){top:12px}.orb i:nth-child(2){right:5px}.orb i:nth-child(3){bottom:12px}.orb i:nth-child(4){left:5px}.demo{max-width:1160px;margin:80px auto;padding:38px 42px;background:linear-gradient(110deg,#fff0e4,#fffaf5);border:1px solid #f3dccb;border-radius:25px;display:flex;align-items:center;justify-content:space-between}.demo small{font-weight:900;letter-spacing:2px;color:#ed6d16}.demo h2{font-size:34px;margin:8px 0}.demo p{max-width:700px;color:#778294}.demo>a{background:#17243a;color:white;white-space:nowrap}.plans{padding:20px 24px 100px}.planGrid{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.planGrid article{background:white;border:1px solid #e7e4dd;border-radius:22px;padding:30px;position:relative}.planGrid .hot{border:2px solid #f47b25;transform:translateY(-8px);box-shadow:0 20px 50px #ef79231a}.planGrid label{position:absolute;top:-13px;right:20px;background:#f47b25;color:white;border-radius:99px;padding:7px 11px;font-size:9px;font-weight:900}.planGrid h3{font-size:28px}.planGrid p,.planGrid li{color:#778294;font-size:13px;line-height:1.6}.planGrid ul{list-style:none;padding:10px 0}.planGrid a{display:block;text-align:center;text-decoration:none;border-radius:11px;padding:13px;border:1px solid #dfe3e8;color:#17243a;font-weight:850}.hot a{background:#f47b25;color:white;border-color:#f47b25}.closing{text-align:center;background:#f3eee7;padding:90px 20px}.closing small{color:#ef711d;font-weight:900;letter-spacing:2px}.closing p{max-width:650px;margin:0 auto 30px}footer{background:#101b2d;color:#8795a8;min-height:120px;display:flex;align-items:center;justify-content:space-between;padding:30px max(6vw,25px);font-size:12px}footer .logo{color:white}[dir=rtl] .screen{right:auto;left:5%}[dir=rtl] .pos{right:auto;left:0}
@media(max-width:980px){header{padding:0 18px}.right .account,nav{display:none}.hamb{display:block;margin-left:auto;background:none;border:0;font-size:24px}.menu nav{display:flex;position:absolute;top:70px;left:15px;right:15px;background:white;padding:20px;flex-direction:column;box-shadow:0 15px 40px #0002;border-radius:15px}.hero{grid-template-columns:1fr;padding-top:55px}.heroVisual{height:400px;margin-top:20px}.features{grid-template-columns:repeat(2,1fr)}.power{grid-template-columns:1fr;gap:40px}.demo{margin:50px 18px}.planGrid{grid-template-columns:1fr}.planGrid .hot{transform:none}footer{flex-direction:column;gap:15px;text-align:center}}@media(max-width:560px){.logo b{font-size:18px}.logo em{font-size:17px}.right select{max-width:110px}.hero{padding:45px 20px}.hero h1{font-size:45px;letter-spacing:-2px}.actions,.chips{flex-direction:column;align-items:stretch}.actions a{text-align:center}.chips{gap:7px}.heroVisual{height:300px}.screen{width:90%;height:65%;right:3%}.pos{width:27%;height:52%}.features{grid-template-columns:1fr}.demo{padding:28px;flex-direction:column;align-items:flex-start;gap:18px}.flow{flex-wrap:wrap}.orb{width:250px;height:250px}}
.fullFeatures{min-height:205px!important;margin:18px 0!important}
.fullFeatures li{padding:8px 0;border-bottom:1px solid #f0ede8}
.fullFeatures li b{color:#ef711d;margin-right:7px}
.planGrid .detailLink{border:0!important;text-align:left!important;padding:7px 0 18px!important;color:#ef711d!important;background:transparent!important}
.planGrid .orderBtn{margin-top:4px}
.planGrid .hot .detailLink{color:#ef711d!important;background:transparent!important}
.compareWrap{max-width:1180px;margin:45px auto 90px;padding:0 22px;overflow-x:auto}
.compare{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e8e4dd;border-radius:18px;overflow:hidden;min-width:760px}
.compare th,.compare td{padding:16px 18px;border-bottom:1px solid #eeeae4;text-align:center;font-size:13px}
.compare th:first-child,.compare td:first-child{text-align:left;font-weight:750}
.compare thead th{background:#17243a;color:#fff;font-size:16px}
.compare thead th:first-child{color:#ff8a35}
.compare .yes{color:#ed711c;font-weight:950}.compare .no{color:#c5c8cc}
.detailHero{background:linear-gradient(118deg,#111e33,#22354e);color:#fff;text-align:center;padding:85px 20px}
.detailHero h1{font-size:clamp(40px,6vw,68px);letter-spacing:-3px;margin:12px 0}.detailHero h1 span{color:#ff852e}
.detailHero p{max-width:750px;margin:auto;color:#bdc7d4;line-height:1.7}
.planDetail{max-width:1080px;margin:35px auto;padding:0 22px;display:grid;grid-template-columns:220px 1fr;gap:35px;scroll-margin-top:25px}
.planDetail h2{font-size:34px;margin:8px 0}.planDetail .tag{color:#ef711d;font-size:11px;font-weight:900;letter-spacing:2px}
.detailCards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detailCards article{background:#fff;border:1px solid #ebe7e0;border-radius:15px;padding:18px}.detailCards h3{font-size:15px;margin:0 0 7px}.detailCards p{font-size:12px;color:#788496;line-height:1.55;margin:0}
@media(max-width:700px){.planDetail{grid-template-columns:1fr}.detailCards{grid-template-columns:1fr}}

.integrations{max-width:1180px;margin:20px auto 95px;padding:55px;background:#fff;border:1px solid #ebe6de;border-radius:28px;display:grid;grid-template-columns:58% 42%;align-items:center;overflow:hidden;box-shadow:0 20px 55px #24364d0b}
.integrations h2{font-size:clamp(34px,4.5vw,55px);letter-spacing:-2.4px;line-height:1.05;margin:13px 0 18px}.integrations h2 span{color:#ef711d}.integrations p{color:#778294;line-height:1.7;max-width:650px}
.channelPills{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.channelPills span{background:#fff2e8;color:#b9510c;border:1px solid #f7d8c1;padding:9px 12px;border-radius:99px;font-size:11px;font-weight:850}
.integrationNote{font-size:11px!important;color:#9098a5!important}.channelHub{width:320px;height:320px;border-radius:50%;border:1px solid #e5e1db;position:relative;margin:auto;background:radial-gradient(circle,#fff6ef 0,#fff 58%,#faf8f4 59%)}
.channelHub:before,.channelHub:after{content:"";position:absolute;inset:45px;border:1px dashed #f2b589;border-radius:50%}.channelHub:after{inset:90px}
.hubCore{position:absolute;z-index:2;inset:108px;background:#17243a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 15px 35px #17243a38}.hubCore small{font-size:7px;letter-spacing:1.5px}.hubCore b{color:#ff852e;font-size:18px}
.hubNode{position:absolute;z-index:3;background:white;border:1px solid #e9e3dc;box-shadow:0 8px 20px #1b2a3d12;padding:9px 11px;border-radius:10px;font-size:8px;font-weight:950;color:#26354a}.n1{top:10px;left:130px}.n2{top:78px;right:2px}.n3{bottom:55px;right:12px}.n4{bottom:15px;left:65px}.n5{top:90px;left:0}
.compareNote{font-size:11px;color:#838d9b;line-height:1.6;margin:17px 5px 0}
@media(max-width:800px){.integrations{margin:20px 18px 65px;padding:32px 25px;grid-template-columns:1fr;gap:35px}.channelHub{width:270px;height:270px}.hubCore{inset:90px}.n1{left:110px}}

/* v1.0.3 photorealistic transparent hero */
.heroVisual.heroPhoto{height:540px;display:flex;align-items:center;justify-content:center;overflow:visible}
.heroVisual.heroPhoto img{position:relative;z-index:4;display:block;width:min(760px,112%);max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 32px 36px rgba(0,0,0,.32))}
@media(max-width:980px){.heroVisual.heroPhoto{height:auto;min-height:380px}.heroVisual.heroPhoto img{width:min(760px,100%)}}
@media(max-width:560px){.heroVisual.heroPhoto{min-height:260px;margin-top:24px}.heroVisual.heroPhoto img{width:115%;max-width:115%;margin-left:-7.5%}}

/* v1.0.4 smaller complete hero composition */
.heroVisual.heroPhoto{height:500px;padding:28px 20px 22px}
.heroVisual.heroPhoto img{width:min(620px,88%);max-width:88%;max-height:455px;object-fit:contain;margin:0 auto}
@media(max-width:1200px){.heroVisual.heroPhoto img{width:min(570px,84%);max-width:84%;max-height:430px}}
@media(max-width:980px){.heroVisual.heroPhoto{min-height:340px;height:auto;padding:20px}.heroVisual.heroPhoto img{width:min(620px,88%);max-width:88%;max-height:none;margin:auto}}
@media(max-width:560px){.heroVisual.heroPhoto{min-height:240px;padding:12px 0}.heroVisual.heroPhoto img{width:92%;max-width:92%;margin:auto}}