:root{--r:#e9273f;--ink:#101820;--muted:#717b85;--line:#e6eaed;--soft:#f5f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;color:#18212a;line-height:1.8}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{}header{position:fixed;z-index:99;top:0;right:0;left:0;background:#ffffffe8;backdrop-filter:blur(16px);border-bottom:1px solid #0000000b}header.scrolled{box-shadow:0 10px 30px #14202b12}.nav{height:74px;display:flex;align-items:center;gap:28px}.brand{font-weight:800;letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.brand b{width:33px;height:33px;background:var(--r);color:#fff;border-radius:9px;display:grid;place-items:center}.nav nav{display:flex;gap:25px;margin:auto;font-size:11px;color:#515b64}.nav nav a:hover{color:var(--r)}#menu{display:none;border:0;background:none;font-size:23px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:9px;font-size:11px;font-weight:700;border:1px solid transparent;transition:.25s}.red{background:var(--r);color:#fff;box-shadow:0 10px 25px #e9273f26}.red:hover{transform:translateY(-2px);box-shadow:0 14px 30px #e9273f35}.outline{border-color:#cdd3d8}.outline:hover{border-color:var(--r);color:var(--r)}#mobile{display:none}.hero{min-height:800px;padding:145px 0 70px;position:relative;overflow:hidden;background:linear-gradient(115deg,#f6f9fb,#fff 55%,#eef3f6)}.glow{position:absolute;width:600px;height:600px;border-radius:50%;background:#e9273f0d;filter:blur(20px);left:-180px;top:100px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;position:relative}.eyebrow{color:var(--r);font-size:9px;font-weight:800;letter-spacing:1px}.copy h1{font-size:clamp(43px,5vw,70px);line-height:1.13;letter-spacing:-2px;margin:18px 0}.copy h1 strong{color:var(--r)}.copy p{font-size:13px;color:var(--muted);max-width:520px}.copy .lead{font-size:17px;color:#26323c}.actions{display:flex;gap:10px;margin-top:25px}.visual{position:relative}.dashboard{background:#fff;border:1px solid #dfe4e7;border-radius:20px;overflow:hidden;box-shadow:0 35px 80px #1525341c;transform:perspective(1200px) rotateY(-3deg);transition:.5s}.dashboard:hover{transform:perspective(1200px) rotateY(0) translateY(-4px)}.top{height:48px;border-bottom:1px solid #edf0f2;display:flex;align-items:center;padding:0 15px;gap:8px;font-size:9px}.top>b{background:var(--r);color:#fff;border-radius:7px;width:25px;height:25px;display:grid;place-items:center}.top span{margin-right:auto;color:#7d8790}.db{display:grid;grid-template-columns:70px 1fr;min-height:420px}.db>aside{background:#111a22;color:#a9b3bc;display:flex;flex-direction:column;align-items:center;gap:19px;padding-top:20px}.db aside i{font-style:normal;font-size:12px}.db aside .sel{color:#fff;background:#28333d;padding:6px;border-radius:7px}.db section{padding:20px}.title{display:flex;justify-content:space-between;align-items:center}.title small{color:#9aa3ab;font-size:7px}.title h3{margin:0;font-size:19px}.title button{border:0;background:var(--r);color:#fff;border-radius:7px;padding:7px 10px;font:inherit;font-size:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 9px}.stats div{background:#f6f8f9;border:1px solid #edf0f2;border-radius:8px;padding:8px}.stats small{display:block;color:#8c959d;font-size:7px}.stats b{font-size:17px}.search{background:#f6f7f8;border-radius:7px;color:#98a0a8;padding:8px;font-size:8px;margin-bottom:8px}.db article{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #edf0f2;padding:10px 2px}.db article em{width:27px;height:27px;border-radius:50%;background:#fde7eb;color:var(--r);display:grid;place-items:center;font-style:normal;font-size:9px}.db article em.gray{background:#e8edf1;color:#68737d}.db article em.dark{background:#dce4ea;color:#26333d}.db article small{display:block;color:#929aa2;font-size:6px}.db article b{font-size:8px}.db article strong{color:var(--r);font-size:7px}.float{position:absolute;background:#fff;border:1px solid #e6eaed;border-radius:10px;padding:8px 11px;font-size:8px;box-shadow:0 16px 30px #18263418;z-index:2;animation:float 4s ease-in-out infinite}.f1{top:35px;left:-12px;color:var(--r)}.f2{bottom:35px;right:-10px}.scroll{position:absolute;bottom:20px;left:50%;font-size:9px;color:#9099a2}.section{padding:105px 0}.head{max-width:700px;margin-bottom:45px}.head.center{text-align:center;margin-inline:auto}.head h2{font-size:clamp(32px,4vw,50px);line-height:1.25;margin:10px 0}.head p{color:var(--muted);font-size:12px}.products{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.card{border:1px solid var(--line);border-radius:15px;padding:27px;min-height:260px;transition:.3s;position:relative}.card:hover{transform:translateY(-6px);box-shadow:0 25px 55px #1425340d}.card.featured{border-color:#ffabb4}.icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--r);color:#fff;font-size:19px}.icon.pale{background:#f0f3f5;color:#89939d}.card label{position:absolute;top:25px;left:22px;color:var(--r);font-size:8px}.card h3{font-size:16px}.card p{font-size:10px;color:var(--muted);min-height:62px}.card a{font-size:10px;color:var(--r);font-weight:700}.soft{background:var(--soft)}.beforeafter{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:15px}.beforeafter>div{background:#fff;border:1px solid #e1e6e9;border-radius:16px;padding:27px;min-height:350px}.beforeafter .after{border-color:#ffadb6}.beforeafter label{color:var(--r);font-size:9px;font-weight:800}.beforeafter h3{font-size:20px}.beforeafter ul{list-style:none;padding:0;font-size:9px;color:#747e87}.beforeafter li:before{content:'•';color:var(--r);margin-left:6px}.papers{height:120px;position:relative;margin-top:15px}.papers i{position:absolute;width:150px;height:105px;background:#fff;border:1px solid #cfd6db;box-shadow:0 10px 20px #1525340d;right:20%;top:15px;transform:rotate(-7deg)}.papers i:nth-child(2){transform:rotate(5deg);top:4px}.papers i:nth-child(3){transform:rotate(-1deg);top:20px}.mini{height:120px;background:#111a22;border-radius:10px;margin-top:15px;display:grid;grid-template-columns:45px 1fr;padding:12px;gap:8px}.mini aside{background:var(--r);border-radius:5px;height:20px}.mini main i{display:block;height:7px;background:#34414c;border-radius:4px;margin:8px}.arrow{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--r);color:#fff;font-size:23px;margin:auto}.feature{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.feature-list{border-top:1px solid var(--line)}.feature-list button{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:right;padding:14px 0;font:inherit;display:grid;grid-template-columns:35px 1fr;cursor:pointer}.feature-list button span{color:#aab2b9;font-size:8px;grid-row:1/3}.feature-list button b{font-size:11px}.feature-list button small{font-size:8px;color:#9aa2aa}.feature-list button.active{border-right:2px solid var(--r);padding-right:9px}.feature-list button.active span,.feature-list button.active b{color:var(--r)}.feature-screen{background:#101a22;color:#fff;border-radius:20px;padding:22px;min-height:450px;box-shadow:0 30px 70px #1425341a}.screen-top{display:flex;justify-content:space-between;color:#8e99a2;font-size:8px}.screen{height:285px;background:#f7f9fa;border-radius:11px;margin-top:20px;display:grid;grid-template-columns:55px 1fr;overflow:hidden}.screen>aside{background:#18232c;padding:13px}.screen aside b{background:var(--r);width:25px;height:25px;display:grid;place-items:center;border-radius:6px}.screen aside i{display:block;height:6px;background:#34414c;border-radius:4px;margin-top:17px}.screen main{padding:20px;color:#222}.screen h3{font-size:14px;margin:0 0 20px}.row{height:42px;border-bottom:1px solid #e9edef;position:relative}.row:before{content:'';position:absolute;width:24px;height:24px;background:#e5eaed;border-radius:50%;top:8px}.row:after{content:'';position:absolute;width:55%;height:7px;background:#e0e5e8;border-radius:4px;right:38px;top:16px}.feature-screen>p{font-size:10px;color:#b7c0c8}.dark{background:#101820;color:#fff}.showcase .head p{color:#9ca8b1}.large-ui{background:#fff;color:#1d2730;border-radius:17px;overflow:hidden;box-shadow:0 35px 80px #0003}.ui-top{height:48px;border-bottom:1px solid #e9edef;display:flex;align-items:center;gap:8px;padding:0 15px;font-size:9px}.ui-top b{background:var(--r);color:#fff;padding:5px 8px;border-radius:6px}.ui-top span{margin-right:auto;color:#7e8992}.ui-body{display:grid;grid-template-columns:150px 1fr;min-height:350px}.ui-body aside{background:#111a22;color:#b9c2ca;padding:20px;font-size:9px;line-height:3}.ui-body main{padding:25px}.ui-body h3{margin:0;font-size:19px}.ui-body button{float:left;background:var(--r);color:#fff;border:0;border-radius:6px;padding:7px;font:inherit;font-size:8px}.table{margin-top:25px;border:1px solid #e7eaec;border-radius:9px;padding:10px;font-size:8px;color:#6e7881}.table p{padding:10px;border-bottom:1px solid #edf0f2}.table b{color:var(--r)}.why{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.why article{padding:25px;border-left:1px solid var(--line);min-height:190px}.why article:last-child{border-left:0}.why article>b{font-size:8px;color:#aab1b8}.why i{display:block;color:var(--r);font-style:normal;font-size:21px;margin:13px 0}.why h3{font-size:13px}.why p{font-size:9px;color:var(--muted)}.industries{background:#f2f6f8}.ind{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.ind h2{font-size:45px;line-height:1.2}.ind h2 strong{color:var(--r)}.ind p{font-size:11px;color:var(--muted)}.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ind-grid span{background:#fff;border:1px solid #e2e7ea;border-radius:12px;padding:20px;min-height:110px;color:var(--r);font-size:24px}.ind-grid b{display:block;color:#27323b;font-size:9px;margin-top:15px}.ind-grid span:last-child{grid-column:span 2}.security{background:#101820;color:#fff}.sec{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.shield{width:190px;height:220px;clip-path:polygon(50% 0,90% 18%,85% 68%,50% 100%,15% 68%,10% 18%);background:#1b2731;display:grid;place-items:center;color:var(--r);font-size:65px;margin:auto;filter:drop-shadow(0 0 30px #e9273f33)}.sec h2{font-size:44px;line-height:1.2}.sec h2 strong{color:#ff4054}.sec p{color:#a4afb8;font-size:11px}.points{display:grid;grid-template-columns:1fr 1fr;gap:9px}.points span{border:1px solid #2b3944;border-radius:8px;padding:9px;font-size:8px;color:#c2cbd2}.workflow{display:flex;align-items:center;justify-content:center;gap:25px}.workflow div{display:flex;flex-direction:column;align-items:center;gap:6px;color:#a1a9b0;font-size:9px}.workflow b{color:#222b33}.workflow i{color:var(--r);font-style:normal}.cta{padding:35px 0 80px;background:#f5f7f9}.ctabox{background:linear-gradient(110deg,#111a22,#1c2934);border-radius:20px;padding:48px 55px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.ctabox h2{font-size:40px;line-height:1.2}.ctabox strong{color:#ff4054}.ctabox p{font-size:10px;color:#aab5bd}.white{background:#fff;color:var(--r)}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contactgrid h2{font-size:42px}.contactgrid p{color:var(--muted);font-size:11px}.form{border:1px solid var(--line);border-radius:15px;padding:23px}.form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{font-size:8px;color:#69737c}.form input,.form select,.form textarea{display:block;width:100%;border:1px solid #dfe4e8;background:#fbfcfc;border-radius:7px;padding:10px;margin-top:5px;font:inherit;font-size:9px;outline:none}.form textarea{min-height:90px;margin-bottom:13px}.form input:focus,.form select:focus,.form textarea:focus{border-color:#ff9eaa}.form #msg{display:block;color:#6f7b84;margin-top:8px}.form .red{border:0}footer{background:#0d151c;color:#8d99a3;padding:50px 0 20px}.foot{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:35px}.foot .brand{color:#fff}.foot p,.foot a:not(.brand){font-size:9px}.foot a:not(.brand){display:block;margin:7px 0;color:#7e8993}.foot a:hover{color:#fff}.foot>div>b{font-size:9px;color:#fff}.copy{border-top:1px solid #25323c;margin-top:30px;padding-top:15px;font-size:8px}.reveal{opacity:0;transform:translateY(30px);transition:.8s}.reveal.on{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-8px)}}@media(max-width:950px){.nav nav{gap:12px}.hero-grid,.feature,.ind,.sec,.contactgrid{grid-template-columns:1fr}.hero-copy{text-align:center}.copy p{margin-inline:auto}.actions{justify-content:center}.visual{max-width:760px;margin:auto}.products{grid-template-columns:1fr 1fr}.card:first-child{grid-column:span 2}.why{grid-template-columns:repeat(3,1fr)}.why article:nth-child(3){border-left:0}.beforeafter{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.ctabox{display:block}.ctabox .btn{margin-top:20px}.security .shield{margin-bottom:20px}}@media(max-width:700px){.wrap{width:calc(100% - 28px)}.nav nav,.nav>.btn{display:none}#menu{display:block;margin-right:auto}#mobile.open{display:flex;flex-direction:column;padding:10px 20px 18px;border-top:1px solid #eee;background:#fff}#mobile a{padding:8px;font-size:11px}.hero{padding-top:115px}.copy h1{font-size:43px}.actions{flex-direction:column}.actions .btn{width:100%}.db{grid-template-columns:50px 1fr}.db aside{gap:18px}.db section{padding:13px}.title h3{font-size:15px}.title button{font-size:7px}.products{grid-template-columns:1fr}.card:first-child{grid-column:auto}.feature{gap:25px}.why{grid-template-columns:1fr 1fr}.why article{border-bottom:1px solid var(--line)}.ind-grid{grid-template-columns:1fr 1fr}.ind-grid span:last-child{grid-column:span 2}.points,.form>div{grid-template-columns:1fr}.workflow{overflow:auto;justify-content:flex-start}.workflow i{min-width:25px}.contactgrid{gap:35px}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:span 2}}@media(max-width:430px){.why,.ind-grid,.foot{grid-template-columns:1fr}.why article{border-left:0}.ind-grid span:last-child{grid-column:auto}.foot>div:first-child{grid-column:auto}.dashboard{transform:none}.float{transform:scale(.8)}.f1{left:-25px}.f2{right:-25px}.large-ui{overflow:auto}.ui-body{min-width:650px}.ctabox h2{font-size:31px}}

/* Product ecosystem modal */
.product-card{cursor:pointer}.product-card:focus-visible{outline:3px solid #ff9eaa;outline-offset:4px}.product-open{position:relative;z-index:2}.product-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px}.product-modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(8,14,19,.72);backdrop-filter:blur(8px);opacity:0;animation:modalFade .25s ease forwards}.modal-panel{position:relative;width:min(1080px,100%);max-height:min(900px,calc(100vh - 48px));overflow:auto;background:#fff;border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.28);transform:translateY(24px) scale(.97);opacity:0;animation:modalIn .32s cubic-bezier(.2,.8,.2,1) forwards}.modal-close{position:absolute;z-index:3;top:18px;left:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(10,18,24,.35);color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.modal-close:hover{background:var(--r);border-color:var(--r)}.modal-hero{position:relative;overflow:hidden;padding:54px 56px 46px;background:linear-gradient(125deg,#111b24 0%,#1d2b36 58%,#2a1d23 100%);color:#fff}.modal-hero:after{content:'';position:absolute;width:280px;height:280px;border:1px solid rgba(233,39,63,.32);border-radius:50%;left:-80px;bottom:-170px;box-shadow:0 0 0 45px rgba(233,39,63,.05),0 0 0 90px rgba(233,39,63,.025)}.modal-badge{display:inline-flex;padding:6px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#ff8995;background:rgba(233,39,63,.12);font-size:9px;font-weight:800;position:relative;z-index:1}.modal-number{position:absolute;left:58px;bottom:35px;color:rgba(255,255,255,.12);font-size:62px;font-weight:800;line-height:1}.modal-hero h2{font-size:clamp(27px,4vw,44px);line-height:1.2;margin:18px 0 9px;position:relative;z-index:1}.modal-hero p{max-width:720px;color:#c1ccd3;font-size:11px;position:relative;z-index:1;margin:0}.modal-content{display:grid;grid-template-columns:1.45fr .75fr;gap:35px;padding:38px 56px 48px}.modal-section{margin-bottom:30px}.modal-section h3{font-size:21px;margin:9px 0}.modal-section p{font-size:11px;color:var(--muted);line-height:2}.modal-features{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modal-feature{border:1px solid var(--line);border-radius:12px;padding:13px 14px;display:flex;gap:10px;align-items:flex-start}.modal-feature i{flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:#fff0f2;color:var(--r);display:grid;place-items:center;font-style:normal;font-size:12px}.modal-feature b{font-size:10px;display:block;margin-bottom:2px}.modal-feature small{font-size:8px;color:#8a949d;display:block;line-height:1.7}.modal-tags{display:flex;flex-wrap:wrap;gap:7px}.modal-tag{padding:7px 10px;border-radius:999px;background:#f4f6f7;color:#66717a;font-size:8px;border:1px solid #e7ebed}.modal-side{border-right:1px solid var(--line);padding-right:35px;display:flex;flex-direction:column;gap:15px}.modal-preview{border-radius:17px;background:#111a22;padding:15px;box-shadow:0 20px 50px rgba(16,24,32,.13);min-height:235px}.preview-top{height:34px;display:flex;align-items:center;gap:7px;color:#aeb9c1;font-size:8px}.preview-top b{width:23px;height:23px;border-radius:6px;background:var(--r);color:#fff;display:grid;place-items:center}.preview-top i{margin-right:auto;width:65px;height:6px;border-radius:5px;background:#2d3b45}.preview-body{display:grid;grid-template-columns:38px 1fr;gap:10px;margin-top:12px}.preview-body>div{height:160px;border-radius:7px;background:#1c2932}.preview-body section{background:#f7f9fa;border-radius:7px;padding:12px}.preview-body section b{height:9px;border-radius:4px;background:#dce2e5;display:block;margin-bottom:12px}.preview-body section b:first-child{background:#ffb0b8;width:68%}.modal-note{background:#f7f9fa;border:1px solid #e9edef;border-radius:12px;padding:14px;font-size:9px;color:#69747d;line-height:1.9}.modal-cta{width:100%;min-height:45px}.modal-panel::-webkit-scrollbar{width:8px}.modal-panel::-webkit-scrollbar-thumb{background:#ccd3d8;border-radius:10px}.modal-panel::-webkit-scrollbar-track{background:transparent}@keyframes modalIn{to{transform:none;opacity:1}}@keyframes modalFade{to{opacity:1}}body.modal-lock{overflow:hidden}@media(max-width:800px){.modal-content{grid-template-columns:1fr;padding:28px 25px 35px}.modal-side{border-right:0;border-top:1px solid var(--line);padding:25px 0 0}.modal-hero{padding:45px 25px 40px}.modal-number{left:27px;bottom:20px}.modal-close{top:13px;left:13px}.modal-features{grid-template-columns:1fr}}@media(max-width:500px){.product-modal{padding:10px}.modal-panel{max-height:calc(100vh - 20px);border-radius:18px}.modal-hero h2{font-size:25px}.modal-hero p{font-size:10px}.modal-number{display:none}}

/* ===== Aventra V3 experience layer ===== */
.center-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}.v3-beforeafter{background:#f2f4f5}.ba-wrap{height:480px;border-radius:24px;overflow:hidden;position:relative;background:#20262c;box-shadow:0 25px 70px #10202a18}.ba-layer{position:absolute;inset:0;padding:55px;display:flex;flex-direction:column;justify-content:center}.ba-old{background:#252a2f;color:#e8ecef;width:100%;clip-path:inset(0 50% 0 0)}.ba-new{background:#fff;color:#1c252d}.ba-label{font-size:10px;color:#e9273f;font-weight:800;margin-bottom:20px}.ba-layer h3{font-size:30px;margin:18px 0 4px}.ba-layer p{font-size:11px;color:#7b858d}.paper-stack{height:145px;position:relative;width:300px}.paper-stack span{position:absolute;width:145px;height:90px;border:1px solid #59636b;background:#30363b;border-radius:9px;display:grid;place-items:center;color:#aeb8bf;font-size:10px}.paper-stack span:nth-child(1){right:10px;top:10px;transform:rotate(4deg)}.paper-stack span:nth-child(2){right:60px;top:25px;transform:rotate(-7deg)}.paper-stack span:nth-child(3){right:30px;top:50px;transform:rotate(2deg)}.paper-stack span:nth-child(4){right:95px;top:70px;transform:rotate(-3deg)}.ba-ui{width:360px;height:155px;border-radius:12px;background:#f4f6f7;display:grid;grid-template-columns:70px 1fr;padding:10px;gap:10px;box-shadow:0 18px 45px #10202a12}.ba-ui>div{background:#202a33;border-radius:7px}.ba-ui section{padding:8px}.ba-ui section b{display:block;height:20px;background:#fff;border:1px solid #e4e8ea;border-radius:5px;margin-bottom:7px}.ba-ui section b:first-child{border-right:3px solid #e9273f}.ba-handle{position:absolute;top:0;bottom:0;right:50%;width:4px;background:#e9273f;cursor:ew-resize;z-index:5}.ba-handle span{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e9273f;color:#fff;box-shadow:0 10px 25px #e9273f40}.v3-demo{background:#fafbfb}.demo-frame{background:#171e25;border-radius:22px;padding:12px;box-shadow:0 30px 80px #10202a18}.demo-nav{display:flex;gap:7px;flex-wrap:wrap;padding:7px}.demo-nav button{border:0;background:#2b353e;color:#aab4bb;border-radius:8px;padding:9px 13px;font-size:10px;cursor:pointer}.demo-nav button.active{background:#e9273f;color:#fff}.demo-window{background:#fff;border-radius:15px;overflow:hidden;min-height:390px}.demo-window-top{height:50px;background:#252e36;color:#fff;display:flex;align-items:center;padding:0 18px;gap:20px;font-size:10px}.demo-window-top span{margin:auto}.demo-window-top small{color:#9ca8b0}.demo-view{padding:25px}.demo-inbox-v3{display:grid;grid-template-columns:180px 1fr;gap:20px}.demo-side-v3{background:#f4f6f7;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:10px}.demo-side-v3 span{padding:8px;border-radius:7px}.demo-side-v3 .sel{background:#fff0f2;color:#e9273f}.demo-list-v3{border:1px solid #e4e8ea;border-radius:12px;overflow:hidden}.demo-list-v3 div{padding:16px;border-bottom:1px solid #edf0f2;font-size:10px}.demo-list-v3 div:last-child{border:0}.demo-list-v3 span{float:left;color:#999}.demo-compose-v3{max-width:720px;margin:auto}.fake-field{border:1px solid #dfe4e7;border-radius:8px;padding:12px;margin:7px 0 13px;font-size:10px;color:#89939b;background:#fbfcfc}.v3-journey{background:#f1f3f4}.journey-v3{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.journey-progress{position:absolute;right:8%;left:8%;top:31px;height:3px;background:#d9dfe3}.journey-progress span{display:block;width:0;height:100%;background:#e9273f;transition:1.4s}.journey-v3 article{text-align:center;position:relative}.journey-v3 article i{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#fff;border:2px solid #d9dfe3;margin:auto;font-style:normal;font-size:10px;position:relative;z-index:2}.journey-v3 article.active i{background:#e9273f;border-color:#e9273f;color:#fff}.journey-v3 article b{display:block;margin-top:15px;font-size:12px}.journey-v3 article small{font-size:9px;color:#89939b}.v3-day{background:#111a22;color:#fff}.day-v3{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.day-intro p{color:#a7b2ba;font-size:11px}.day-timeline article{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:16px 0;border-bottom:1px solid #2c3943}.day-timeline time{color:#ff5365;font-weight:800}.day-timeline b{font-size:13px}.day-timeline p{font-size:10px;color:#99a5ad;margin:3px 0}.v3-roles{background:#f4f5f4}.role-v3{display:grid;grid-template-columns:220px 1fr;background:#fff;border:1px solid #e1e5e7;border-radius:20px;overflow:hidden}.role-tabs{background:#eef0f1;padding:12px;display:flex;flex-direction:column;gap:5px}.role-tabs button{border:0;background:transparent;text-align:right;padding:13px;border-radius:8px;font-size:11px;cursor:pointer}.role-tabs button.active{background:#e9273f;color:#fff}.role-panel{padding:45px}.role-panel>span{font-size:9px;color:#e9273f;font-weight:800}.role-panel h3{font-size:28px;margin:10px 0}.role-panel p{color:#737e87;font-size:11px;max-width:700px}.role-placeholder{margin-top:25px;height:120px;border:1px dashed #b9c1c7;border-radius:13px;display:grid;place-items:center;color:#929ca3;font-size:10px;background:#f8f9f9}.v3-brand{background:#e9ebea}.brand-story{text-align:center}.brand-story h2{font-size:clamp(30px,4vw,50px);line-height:1.35}.brand-story h2 strong{color:#e9273f}.brand-map{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:40px}.brand-core{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#e9273f;color:#fff;font-weight:800;box-shadow:0 15px 35px #e9273f2e}.brand-map span{background:#fff;border:1px solid #dde2e5;border-radius:12px;padding:14px 18px;font-size:9px}.v3-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:18px}.v3-modal.open{display:flex}.v3-backdrop{position:absolute;inset:0;background:#081017c7;backdrop-filter:blur(9px)}.v3-modal-card{position:relative;z-index:2;width:min(1080px,100%);max-height:92vh;overflow:auto;background:#f7f8f8;border-radius:22px;box-shadow:0 40px 110px #0006;animation:v3in .3s ease}.v3-close{position:absolute;left:16px;top:16px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#26323a;color:#fff;font-size:24px;cursor:pointer}.v3-modal-head{padding:45px 50px 35px;background:#121d25;color:#fff}.v3-modal-head h2{font-size:35px;margin:8px 0}.v3-modal-head p{color:#aab6be;font-size:10px}.full-demo-app{margin:25px;background:#1c252d;border-radius:15px;overflow:hidden;display:grid;grid-template-columns:180px 1fr;min-height:480px}.full-demo-app aside{padding:20px;color:#aab5bd;display:flex;flex-direction:column;gap:6px}.full-demo-app aside b{color:#fff;margin-bottom:15px}.full-demo-app aside button{border:0;background:transparent;color:#aab5bd;text-align:right;padding:10px;border-radius:7px;cursor:pointer}.full-demo-app aside button.sel{background:#e9273f;color:#fff}.full-demo-app main{background:#f6f7f7}.full-demo-app main>header{position:static;height:52px;background:#fff;color:#222;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px}.full-demo-body{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;padding:20px}.full-message,.full-list{background:#fff;border:1px solid #e2e6e8;border-radius:12px;padding:20px}.full-message small{display:block;color:#999;margin:5px 0 15px}.full-message p{font-size:10px;color:#727c84}.full-list div{padding:13px;border-bottom:1px solid #edf0f2;font-size:10px}.full-list span{float:left;color:#999}.tour-v3{background:#121d25;color:#fff;padding:50px}.tour-progress-v3{height:3px;background:#2e3b44;margin:-50px -50px 35px}.tour-progress-v3 span{display:block;width:20%;height:100%;background:#e9273f;transition:.3s}.tour-copy{position:relative}.tour-copy>span{position:absolute;left:0;top:0;color:#e9273f;font-size:28px;font-weight:800}.tour-copy h2{font-size:35px;margin:8px 0}.tour-copy p{color:#aab6be;font-size:11px;max-width:700px}.tour-media{height:270px;border:1px dashed #53616b;border-radius:15px;display:grid;place-items:center;color:#77848d;margin:25px 0}.tour-controls-v3{display:flex;justify-content:space-between}.v3-modal::-webkit-scrollbar,.v3-modal-card::-webkit-scrollbar{width:7px}.v3-modal-card::-webkit-scrollbar-thumb{background:#b9c2c8;border-radius:8px}@keyframes v3in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:800px){.day-v3{grid-template-columns:1fr}.role-v3{grid-template-columns:1fr}.role-tabs{flex-direction:row;overflow:auto}.full-demo-app{grid-template-columns:1fr}.full-demo-app aside{display:none}.full-demo-body{grid-template-columns:1fr}.full-list{display:none}.journey-v3{display:flex;overflow:auto;padding-bottom:18px}.journey-v3 article{min-width:140px}.journey-progress{min-width:650px}.ba-wrap{height:520px}.ba-layer{padding:30px}.ba-ui,.paper-stack{transform:scale(.82);transform-origin:right center}.demo-inbox-v3{grid-template-columns:1fr}.tour-v3{padding:40px 24px}.tour-progress-v3{margin:-40px -24px 30px}.tour-copy h2{font-size:27px}.v3-modal{padding:9px}.v3-modal-card{max-height:calc(100vh - 18px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}