@charset "UTF-8";
@font-face{font-family:Vazirmatn;src:url("/fonts/Vazirmatn-33.003.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#202533;--mute:#788292;--line:#e8ebf0;--dark:#1b202b;--dark2:#29313e;--violet:#725ee8;--violet-dark:#5d4dd4;--soft:#f7f8fb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:#fff;color:var(--ink);font:400 14px/1.95 Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.55;font-weight:850}p{color:var(--mute)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a497f6;outline-offset:3px}.icon{height:20px;width:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.symbols,.visually-hidden{position:absolute;height:1px;width:1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0)}.wrap{width:min(calc(100% - 48px),1220px);margin-inline:auto}.skip-link{position:absolute;top:-100px;right:20px;z-index:99;background:#fff;padding:8px}.skip-link:focus{top:5px}
.topline{height:35px;background:#f6f7f9;border-bottom:1px solid #e9ecf1;color:#737d8e;font-size:11px}.top-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:15px}.top-inner>div{display:flex;gap:13px;align-items:center}.top-inner a:hover{color:var(--violet)}.top-sep{color:#c9cdd5}.site-header{position:sticky;top:0;z-index:45;background:var(--dark)}.header-row{background:var(--dark)}.header-content{min-height:98px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;color:#fff;flex:none}.brand-icon{width:55px;height:55px;border-radius:14px;background:linear-gradient(145deg,#a49afa,#6953e4);box-shadow:0 8px 17px #0003;display:flex;justify-content:center;align-items:center;direction:ltr;transform:rotate(-3deg)}.brand-icon>b{font:bold 36px/1 Arial,sans-serif;letter-spacing:-4px}.brand-icon>small{font:bold 13px Arial,sans-serif;align-self:flex-end;margin-bottom:11px;margin-left:2px}.brand-label{display:flex;flex-direction:column;line-height:1.4}.brand-label strong{font-size:23px;font-weight:900}.brand-label small{font:700 9px Arial,sans-serif;letter-spacing:1.8px;color:#bdc2d1}.search{flex:1;max-width:590px;min-width:0;height:49px;display:flex;background:#fff;border-radius:9px;overflow:hidden;border:2px solid #fff;box-shadow:0 5px 15px #080a1533}.search input{flex:1;min-width:0;border:0;background:#fff;padding:0 15px;color:#273249;font-size:12px;outline:none}.search input::placeholder{color:#a0a5b2}.search button{width:49px;height:45px;border:0;border-radius:7px;background:var(--violet);color:#fff;display:grid;place-items:center}.search button:hover{background:var(--violet-dark)}.header-actions{display:flex;gap:17px;align-items:center;margin-right:auto}.header-action{display:flex;align-items:center;gap:9px;color:#fff;background:transparent;border:0;padding:5px 2px;white-space:nowrap;text-align:right}.header-action .icon{width:25px;height:25px}.header-action span:not(.bag-icon){font-size:11px;font-weight:800}.header-action small{display:block;color:#a5adbd;font-size:10px;font-weight:500}.header-action:hover{color:#e0ddff}.bag-icon{position:relative}.bag-icon i{position:absolute;top:-11px;right:-11px;min-width:19px;height:19px;padding:0 3px;border:2px solid #1b202b;border-radius:999px;background:linear-gradient(145deg,#ff5369 0%,#f32647 60%,#d91735 100%);color:#fff;font:850 10px/1 Vazirmatn,Tahoma,sans-serif;font-style:normal;display:grid;place-items:center;box-shadow:0 2px 8px #ff254d70;z-index:2}.hamburger{display:none}.nav-row{background:var(--dark2);border-top:1px solid #ffffff0d}.nav-content{min-height:50px;display:flex;align-items:center;gap:25px}.category-menu{height:50px;position:relative}.category-menu>button{height:100%;min-width:205px;border:0;background:var(--violet);color:#fff;display:flex;align-items:center;gap:10px;justify-content:center;padding:0 17px;font-size:12px;font-weight:800}.category-menu>button:hover,.category-menu>button[aria-expanded=true]{background:var(--violet-dark)}.category-menu .chevron{height:13px;width:13px;margin-right:12px}.dropdown{position:absolute;top:100%;right:0;min-width:245px;background:#fff;box-shadow:0 14px 40px #151b2f40;padding:7px;border:1px solid var(--line);border-radius:0 0 10px 10px;z-index:60}.dropdown[hidden]{display:none}.dropdown a{color:#3d4556;display:block;padding:9px 12px;border-radius:6px;font-size:12px}.dropdown a:hover{background:#f1effd;color:var(--violet)}.main-nav{display:flex;align-items:center;gap:26px;white-space:nowrap}.main-nav a,.nav-support{color:#d6d9e2;font-size:12px;font-weight:700}.main-nav a:hover,.main-nav .active{color:#fff}.nav-support{margin-right:auto;display:flex;align-items:center;gap:7px;white-space:nowrap}.nav-support .icon{height:18px;width:18px}.nav-support b{font-weight:750}.nav-support:hover{color:#fff}
.hero-section{padding:23px 0 24px}.hero-grid{display:grid;grid-template-columns:1.68fr 1fr;gap:17px}.hero-big{min-height:436px;border-radius:15px;position:relative;overflow:hidden;background:linear-gradient(118deg,#303d85 0%,#3449be 45%,#7088ee 100%);color:#fff;isolation:isolate;display:flex;align-items:center}.hero-big:after{content:"";position:absolute;left:-110px;top:-100px;width:430px;height:430px;border:55px solid #ffffff12;border-radius:50%;z-index:-1}.hero-copy{position:relative;z-index:4;width:55%;padding:42px 0;margin-right:38px}.eyebrow{display:inline-block;background:#ffffff1b;border:1px solid #ffffff4d;padding:5px 12px;border-radius:99px;font:700 10px Arial,sans-serif;letter-spacing:.6px;color:#f0eeff}.hero-copy h1{font-size:clamp(31px,3.1vw,43px);margin:15px 0;letter-spacing:0}.hero-copy h1 em{color:#ffe393;font-style:normal}.hero-copy>p{color:#e1e6ff;font-size:12px;line-height:2.15;max-width:345px;margin-bottom:21px}.light-btn{display:inline-flex;gap:19px;align-items:center;justify-content:center;padding:10px 16px;color:#26355a;background:#fff;border-radius:8px;font-size:11px;font-weight:850;box-shadow:0 6px 14px #18276623}.light-btn .icon{height:16px;width:16px}.light-btn:hover{background:#f5f4ff}.slider-dots{display:flex;gap:5px;margin-top:25px}.slider-dots i{height:5px;width:8px;background:#ffffff70;border-radius:5px}.slider-dots i:first-child{width:25px;background:#fff}.art{position:absolute;left:0;top:0;bottom:0;width:48%;pointer-events:none;isolation:isolate}.art-halo{position:absolute;width:315px;height:315px;border:1px dashed #ffffff72;border-radius:50%;left:10px;top:55px}.art-screen{position:absolute;width:275px;height:195px;border-radius:15px;border:5px solid #e7efff;box-shadow:0 18px 36px #18255e87;background:#dde6fd;transform:rotate(-7deg)}.screen-back{top:77px;left:12px;transform:rotate(8deg);background:#92b5f2}.screen-back>span{display:block;width:130px;height:14px;border-radius:6px;background:#c5d7fa;margin:22px}.screen-back span+span{width:170px}.screen-front{top:132px;left:25px;background:#fff;overflow:hidden}.screen-toolbar{height:27px;background:#e9edf9;display:flex;align-items:center;gap:5px;padding:0 10px;direction:ltr}.screen-toolbar i{width:7px;height:7px;border-radius:50%;background:#b8c1e1}.screen-toolbar i:first-child{background:#eea5a9}.screen-toolbar i:nth-child(2){background:#efcf85}.screen-content{padding:15px 18px}.screen-content>span{font:bold 18px Arial,sans-serif;color:#566bcc}.art-line{height:8px;width:70%;background:#d5dcf4;border-radius:5px;margin:13px 0}.art-line.short{width:52%;margin:8px 0}.art-boxes{display:flex;gap:7px;margin-top:14px}.art-boxes b{width:44px;height:35px;border-radius:7px;background:#d1d6f8}.art-boxes b:nth-child(2){background:#bfe4e3}.art-boxes b:nth-child(3){background:#f5ddba}.art-tile{position:absolute;top:58px;left:37px;width:83px;height:80px;background:linear-gradient(120deg,#fbfbff,#c7d3fa);color:#5463bb;display:flex;align-items:center;justify-content:center;border-radius:21px;box-shadow:10px 11px 0 #6a75c5c4,0 20px 32px #15215b7b;transform:rotate(-15deg)}.art-tile b{font:bold 58px Arial,sans-serif}.art-tile span{font:bold 17px Arial,sans-serif;align-self:flex-end;margin-bottom:14px}.side-promos{display:grid;grid-template-rows:1fr 1fr;gap:17px}.promo{border-radius:15px;overflow:hidden;position:relative;min-height:209px;display:flex;align-items:center}.promo-gold{background:linear-gradient(115deg,#ffeb9e,#ffd25a);color:#473813}.promo-mint{background:linear-gradient(115deg,#d8f6e9,#bce9de);color:#164c48}.promo-copy{position:relative;z-index:2;margin-right:27px;max-width:65%}.promo-copy>span{font-size:10px;font-weight:900;opacity:.7}.promo-copy h2{font-size:23px;line-height:1.53;margin:6px 0}.promo-copy small{display:block;font-size:10px;opacity:.8;margin-bottom:10px}.promo-copy strong{font-size:11px}.promo-illustration{position:absolute;left:5px;bottom:7px;height:125px;width:122px;border-radius:28px;background:#ffffff8c;border:1px solid #ffffffb2;display:grid;place-items:center;transform:rotate(-16deg);box-shadow:8px 10px 0 #7d775337}.promo-illustration .icon{width:71px;height:71px;stroke-width:1.3}.badge-art{color:#be882f}.cloud-art{color:#45a995}
.perks{border-bottom:1px solid #e9ecf0;background:#fff}.perks-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0;gap:12px}.perks-grid>div{display:flex;align-items:center;gap:11px;border-left:1px solid #e7e8ef;padding-right:12px}.perks-grid>div:last-child{border-left:0}.perks-grid>div>span{width:45px;height:45px;display:grid;place-items:center;flex:none;background:#f2f0ff;color:#7162d8;border-radius:13px}.perks-grid .icon{width:24px;height:24px}.perks-grid p{line-height:1.6}.perks-grid b{font-size:12px;display:block;color:#33394a}.perks-grid small{display:block;color:#929bac;font-size:10px;margin-top:5px}
.section{padding:71px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px;gap:17px}.kicker{font-size:11px;font-weight:850;color:#7664da}.section-head h2{font-size:26px;margin:3px 0}.section-head p{font-size:12px}.section-head>a{display:inline-flex;align-items:center;gap:8px;color:#6859d7;font-weight:800;font-size:11px;white-space:nowrap}.section-head>a .icon{height:16px;width:16px}.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.category{border:1px solid #e8eaf0;border-radius:14px;padding:11px 11px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s,box-shadow .2s;min-width:0}.category:hover{transform:translateY(-4px);box-shadow:0 13px 25px #181e2d15}.category-image{width:100%;height:131px;border-radius:11px;display:grid;place-items:center;overflow:hidden;position:relative;margin-bottom:12px}.category-image:before{content:"";height:90px;width:90px;border-radius:50%;background:#ffffff55;position:absolute;top:-45px;left:-26px}.category-image .icon{height:62px;width:62px;stroke-width:1.35;filter:drop-shadow(3px 6px 0 #00000010);z-index:1;transition:transform .2s}.category:hover .icon{transform:scale(1.1) rotate(-5deg)}.softblue{background:#e6f1ff;color:#498bd5}.lavender{background:#ede9ff;color:#806be4}.softgreen{background:#e0f6ed;color:#32a77f}.peach{background:#fff0e7;color:#e58e68}.steel{background:#e9eafa;color:#8586ba}.sun{background:#fff2d8;color:#cb9943}.category strong{font-size:12px;font-weight:850}.category small{font-size:10px;color:#9aa3b1;margin-top:2px}
.store-section{background:#f8f9fb}.status{display:flex;gap:8px;align-items:center;font-size:10px;color:#998049;background:#fff7e5;border:1px solid #efe4c9;padding:6px 12px;border-radius:40px;white-space:nowrap}.status i{width:7px;height:7px;border-radius:50%;background:#d9b354}.filters{display:flex;gap:9px;margin-bottom:23px;flex-wrap:wrap}.filter{background:#fff;border:1px solid #e4e7ed;border-radius:8px;padding:7px 16px;color:#677183;font-size:11px;font-weight:780}.filter.selected{color:#fff;background:var(--violet);border-color:var(--violet)}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.product{background:#fff;border:1px solid #ebeef4;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}.product[hidden]{display:none}.product:hover{transform:translateY(-4px);box-shadow:0 15px 34px #11182b15}.product-image{height:192px;position:relative;display:grid;place-items:center;overflow:hidden}.product-image:after{content:"";position:absolute;left:-65px;top:-95px;width:220px;height:220px;background:#ffffff36;border-radius:50%}.product-blue{background:linear-gradient(125deg,#d8ebfa,#b8d5fa)}.product-purple{background:linear-gradient(125deg,#e7dfff,#ccc6fa)}.product-green{background:linear-gradient(125deg,#d6f4e7,#b4e5d4)}.product-peach{background:linear-gradient(125deg,#fde5da,#f4c4b2)}.product-steel{background:linear-gradient(125deg,#e4e5f4,#c3c4dd)}.product-gold{background:linear-gradient(125deg,#fff0d2,#f7df9f)}.product-tag{position:absolute;right:14px;top:13px;background:#fff;padding:3px 10px;border-radius:22px;color:#646c77;font-size:9px;z-index:3}.software-art{position:relative;z-index:2;display:grid;place-items:center;transition:transform .2s}.product:hover .software-art{transform:translateY(-5px) rotate(-4deg)}.card-cloud{width:132px;height:125px;background:linear-gradient(130deg,#729feb,#5c6dd5);color:#fff;border-radius:24px;box-shadow:10px 10px 0 #6783c46e;transform:rotate(-8deg)}.card-cloud>.icon{width:63px;height:63px}.card-cloud b{font:800 10px Arial,sans-serif;letter-spacing:2px;margin-top:-18px}.card-browser{width:189px;height:130px;background:#fff;border:6px solid #7173b9;border-radius:12px;box-shadow:10px 10px 0 #5957a24a;transform:rotate(-7deg);overflow:hidden;display:block}.browser-top{height:25px;background:#eeebfc;display:flex;gap:4px;align-items:center;padding:0 10px}.browser-top i{height:6px;width:6px;border-radius:50%;background:#b3a9d8}.browser-visual{background:#b6b0eb;height:42px;margin:13px 15px 0;border-radius:5px}.browser-lines{background:#d9d8ed;height:9px;margin:10px 15px;width:60%;border-radius:8px}.card-monitor{width:152px;height:118px;border-radius:15px;background:#3d978a;color:#e9fff5;transform:rotate(-9deg);box-shadow:10px 10px 0 #3c9c8577}.card-monitor .icon{height:72px;width:72px}.card-app{width:94px;height:148px;border-radius:21px;border:7px solid #df967a;background:#fff7f0;color:#db947a;box-shadow:9px 10px 0 #d48c7370;transform:rotate(-12deg)}.card-app .icon{height:73px;width:73px}.card-server{width:154px;height:130px;border-radius:20px;background:#777cac;color:#fff;box-shadow:10px 10px 0 #5f628d77;transform:rotate(-8deg)}.card-server .icon{height:82px;width:82px}.card-license{width:140px;height:129px;border:3px solid #dfb96d;background:#fff8e6;color:#b59045;border-radius:22px;box-shadow:10px 10px 0 #c9a5615c;transform:rotate(-8deg)}.card-license .icon{height:70px;width:70px}.product-body{padding:19px 21px 17px}.product-body>small{color:#7969d6;font-size:10px;font-weight:800}.product-body h3{font-size:16px;margin:4px 0 5px}.product-body p{font-size:11px}.product-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #eceef2}.product-foot span{color:#aa884d;background:#fff5e3;font-size:10px;border-radius:5px;padding:3px 11px}.product-foot a{height:31px;width:31px;border-radius:7px;background:#f3f0ff;color:#6e5de0;display:grid;place-items:center}.product-foot a .icon{height:16px;width:16px}.product-foot a:hover{background:var(--violet);color:#fff}.no-results{padding:45px;text-align:center;background:#fff;border:1px dashed #d8d8e9;border-radius:13px}.no-results[hidden]{display:none}.no-results p{font-size:12px;margin-top:6px}.no-results button{background:var(--violet);color:#fff;border:0;border-radius:8px;padding:8px 16px;margin-top:14px}.catalog-notice{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #e8eaf0;border-radius:12px;margin-top:19px;padding:15px 21px}.catalog-notice .icon{height:26px;width:26px;color:#7666e0}.catalog-notice p{font-size:12px}.catalog-notice b{color:#353b4b}
.highlights-section{padding-top:27px}.highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.highlight{position:relative;min-height:243px;border-radius:14px;overflow:hidden;padding:30px 31px;color:#fff;isolation:isolate}.highlight>span{font:750 10px Arial,sans-serif;letter-spacing:1px;opacity:.85}.highlight h2{font-size:23px;line-height:1.55;margin-top:7px}.highlight p{color:inherit;opacity:.8;font-size:11px;margin:7px 0 13px}.highlight>strong{font-size:11px}.dark-highlight{background:linear-gradient(125deg,#2b3455,#151f35)}.sky-highlight{background:linear-gradient(125deg,#8dc0ed,#b4e2fc);color:#18476c}.highlight-art{position:absolute;left:7%;top:18%;height:144px;width:155px;display:grid;place-items:center;transform:rotate(-16deg);border-radius:30px;box-shadow:12px 11px 0 #0002}.square-art{background:linear-gradient(125deg,#a6a3fc,#6053bf);font:bold 74px Arial,sans-serif;color:#fff}.square-art small{font-size:24px;align-self:end;margin-bottom:23px}.round-art{background:#fff5;border:2px solid #ffffffac;border-radius:50%}.round-art .icon{height:80px;width:80px;color:#f9ffff}.license-section{background:#fff}.license-grid{display:grid;grid-template-columns:1fr .85fr;gap:65px;align-items:center}.license-grid>div:first-child h2{font-size:33px;margin:10px 0}.license-grid h2 em{font-style:normal;color:#7766e3}.license-grid>div:first-child>p{font-size:13px;max-width:580px;line-height:2.2}.license-points{display:grid;gap:10px;margin:25px 0}.license-points>div{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:760}.license-points .icon{height:19px;width:19px;color:#289a65;background:#e6f6ec;border-radius:50%;padding:3px}.dark-button{display:inline-flex;gap:16px;align-items:center;background:#222d42;color:#fff;border-radius:9px;padding:10px 19px;font-size:12px;font-weight:790}.dark-button .icon{height:17px;width:17px}.license-card{width:min(100%,445px);justify-self:center;border:1px solid #e8e6f1;border-radius:19px;padding:27px 28px;box-shadow:0 17px 45px #30315912;background:linear-gradient(145deg,#fff,#f7f5ff)}.license-card-top{display:flex;align-items:center;justify-content:space-between;direction:ltr}.license-card-top>span{font:bold 31px Arial,sans-serif;color:#7465dd}.license-card-top>span small{font-size:15px}.license-card-top>b{font:700 9px Arial,sans-serif;color:#9399a6;display:flex;gap:5px;align-items:center}.license-card-top i{display:block;width:7px;height:7px;border-radius:50%;background:#4ac9a1}.license-large-icon{height:135px;display:grid;place-items:center}.license-large-icon .icon{height:92px;width:92px;color:#8576df;background:#ebe7ff;padding:19px;border-radius:24px;transform:rotate(-10deg);box-shadow:8px 9px 0 #d4caef}.license-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e8e7f0;padding:10px 0;font-size:11px}.license-row span{color:#9198a5}
.faq-section{background:var(--soft)}.faq-grid{display:grid;grid-template-columns:.65fr 1fr;gap:65px}.faq-intro h2{font-size:29px;margin:7px 0}.faq-intro p{font-size:12px}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid #e5e7ed;border-radius:12px;padding:16px 18px}.faq-list details[open]{border-color:#cfc7f5}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;font-size:12px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{height:16px;width:16px;color:#8379be;transition:transform .2s}.faq-list details[open] summary .icon{transform:rotate(180deg)}.faq-list details>p{font-size:12px;border-top:1px solid #ebedf2;margin-top:12px;padding-top:11px}
.contact-section{background:#fff}.contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact{padding:27px 24px;border:1px solid #e8eaf2;border-radius:14px;min-width:0;transition:transform .2s,box-shadow .2s}.contact:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1c25410e}.contact-icon{width:51px;height:51px;background:#f1eeff;color:#7565dd;display:grid;place-items:center;border-radius:14px;margin-bottom:17px}.contact-icon .icon{height:26px;width:26px}.contact h3{font-size:17px;margin-bottom:9px}.contact-detail{font-size:17px;font-weight:850;display:block;color:#263044;overflow-wrap:anywhere;text-align:right}.contact-detail:hover:is(a){color:#7163dc}.contact .address{font-size:15px}.contact p{font-size:11px;margin:7px 0 14px}.contact-link{font-size:11px;color:#6e60d7;font-weight:800}.contact-link.muted{color:#9299aa}
.callout{background:#eae6ff;padding:27px 0}.callout-inner{display:flex;align-items:center;gap:17px}.callout-logo{width:57px;height:57px;border-radius:14px;background:#7162dc;display:grid;place-items:center;color:#fff;font:bold 29px Arial,sans-serif;direction:ltr;flex:none}.callout-logo small{font-size:10px;margin-left:-11px;margin-top:30px}.callout-inner>div:nth-child(2){flex:1}.callout h2{font-size:19px}.callout p{font-size:11px;color:#65618a}.callout a{display:flex;align-items:center;gap:7px;padding:10px 16px;border-radius:8px;background:#fff;color:#6455cf;font-size:11px;font-weight:850}.callout a .icon{width:16px;height:16px}.footer{background:#182131;color:#cdd4e0;padding:61px 0 18px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.35fr;gap:43px}.footer-about p{font-size:11px;color:#a7b1c3;margin-top:19px;max-width:355px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px;align-items:flex-start}.footer-grid h3{font-size:13px;color:#fff;margin-bottom:8px}.footer-grid>div>a:not(.brand),.footer-grid>div>span{font-size:11px;color:#a7b1c3}.footer-grid a:hover{color:#fff}.footer-last{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #344052;margin-top:38px;padding-top:17px;font-size:10px;color:#a6b0c0}
.drawer-cover{position:fixed;inset:0;background:#0008;z-index:85}.drawer-cover[hidden]{display:none}.drawer{position:fixed;top:0;bottom:0;right:0;z-index:86;width:min(83vw,340px);background:#fff;transform:translateX(110%);transition:transform .24s;overflow-y:auto;box-shadow:-12px 0 28px #0002}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eaf0;padding:17px 20px}.drawer-head strong{font-size:17px}.drawer-head button{background:#f1f2f6;border:0;border-radius:8px;height:34px;width:34px;display:grid;place-items:center}.drawer nav{display:flex;flex-direction:column;padding:12px 20px}.drawer nav a{padding:12px;border-bottom:1px solid #eeeff3;font-weight:800;font-size:13px}.drawer-contact{padding:15px 25px;display:flex;flex-direction:column;gap:8px;color:#6c5fd2;font-size:13px}.modal{border:0;border-radius:16px;box-shadow:0 25px 90px #080d2094;padding:29px;text-align:center;color:#292f40;width:min(90vw,420px);position:relative}.modal::backdrop{background:#161b29b3}.modal-close{position:absolute;top:12px;left:12px;background:#f2f3f7;border:0;border-radius:50%;height:29px;width:29px;display:grid;place-items:center}.modal-close .icon{height:16px;width:16px}.modal-icon{height:60px;width:60px;border-radius:18px;background:#f0edff;color:#7465d7;display:grid;place-items:center;margin:0 auto 16px}.modal-icon .icon{height:32px;width:32px}.modal h2{font-size:19px}.modal p{font-size:12px;margin:12px 0 20px}.modal-okay{background:#7262dd;color:#fff;border:0;padding:9px 22px;border-radius:8px;font-size:12px}.bottom-nav{display:none}
@media(max-width:1110px){.header-content{gap:18px}.brand-label strong{font-size:21px}.brand-label small{font-size:8px}.header-actions{gap:12px}.main-nav{gap:16px}.hero-grid{grid-template-columns:1.5fr 1fr}.art{transform:scale(.82);transform-origin:left center;left:-30px}.hero-copy{width:60%;margin-right:25px}.promo-copy{margin-right:19px}.promo-copy h2{font-size:21px}.promo-illustration{transform:scale(.78) rotate(-15deg);transform-origin:left bottom}.categories{gap:10px}.category strong{font-size:11px}}
@media(max-width:900px){.header-content{min-height:78px;gap:12px}.hamburger{display:grid;place-items:center;width:36px;height:36px;background:transparent;border:0;color:#fff}.hamburger .icon{height:25px;width:25px}.brand-icon{width:45px;height:45px}.brand-icon>b{font-size:29px}.brand-icon small{font-size:10px}.nav-row{display:none}.header-actions .header-action>span:not(.bag-icon){display:none}.header-actions{gap:13px}.hero-grid{grid-template-columns:1fr}.hero-big{min-height:405px}.art{transform:scale(1);left:0}.hero-copy{width:55%;margin-right:40px}.side-promos{grid-template-columns:1fr 1fr;grid-template-rows:auto}.promo{min-height:207px}.categories{grid-template-columns:repeat(3,1fr)}.category-image{height:145px}.products{grid-template-columns:repeat(2,1fr)}.perks-grid{grid-template-columns:repeat(2,1fr);row-gap:19px}.perks-grid>div:nth-child(2){border:0}.license-grid{gap:28px}.footer-grid{gap:20px}}
@media(max-width:630px){html{scroll-padding-top:86px}.wrap{width:calc(100% - 30px)}.topline{display:none}.site-header{margin-bottom:56px}.header-content{min-height:68px;flex-wrap:wrap;gap:10px}.brand-icon{width:39px;height:39px;border-radius:10px}.brand-icon>b{font-size:24px}.brand-icon small{font-size:9px;margin-bottom:7px}.brand-label strong{font-size:17px}.brand-label small{font-size:7px;letter-spacing:1px}.header-actions{margin-right:auto}.header-actions .no-text{display:none}.header-action .icon{width:22px;height:22px}.search{order:3;flex-basis:100%;max-width:none;height:44px;margin-bottom:-55px;box-shadow:0 4px 13px #0002}.search input{font-size:10.5px}.search button{height:40px;width:44px}.hero-section{padding-top:15px}.hero-grid{gap:12px}.hero-big{min-height:368px}.hero-copy{width:70%;margin-right:23px;padding:23px 0}.hero-copy h1{font-size:29px}.hero-copy>p{font-size:10.5px;max-width:220px}.eyebrow{font-size:8px}.light-btn{padding:9px 13px;font-size:10px}.art{left:-110px;transform:scale(.68);transform-origin:left center;width:75%;opacity:.78}.side-promos{gap:10px}.promo{min-height:167px}.promo-copy{align-self:flex-start;margin:16px 12px 0;max-width:92%}.promo-copy h2{font-size:16px}.promo-copy small{display:none}.promo-copy>span{font-size:9px}.promo-copy strong{font-size:9px}.promo-illustration{left:-27px;bottom:-50px;transform:scale(.44) rotate(-15deg);transform-origin:left bottom}.perks-grid{padding:14px 0;gap:10px}.perks-grid>div{gap:7px;padding-right:0}.perks-grid>div>span{height:34px;width:34px;border-radius:10px}.perks-grid .icon{width:18px;height:18px}.perks-grid b{font-size:10px}.perks-grid small{font-size:9px}.section{padding:50px 0}.section-head h2{font-size:21px}.section-head p{font-size:11px}.section-head>a{display:none}.categories{gap:9px}.category{padding:8px 6px 12px}.category-image{height:94px}.category-image .icon{height:45px;width:45px}.category strong{font-size:10px}.category small{font-size:9px}.status{display:none}.filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-15px;margin-left:-15px;padding:0 15px 6px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap;padding:7px 11px;font-size:10px}.products{gap:10px}.product-image{height:144px}.software-art{scale:.72}.product:hover .software-art{scale:.72}.product-tag{font-size:8px;top:8px;right:8px;padding:3px 7px}.product-body{padding:12px 10px}.product-body>small{font-size:9px}.product-body h3{font-size:12px;line-height:1.7}.product-body p{font-size:10px;min-height:43px}.product-foot{margin-top:9px;padding-top:9px}.product-foot span{font-size:9px;padding:3px 7px}.product-foot a{height:26px;width:26px}.catalog-notice{padding:12px;gap:8px}.catalog-notice p{font-size:10px}.catalog-notice .icon{width:22px;height:22px}.highlight-grid{grid-template-columns:1fr;gap:11px}.highlights-section{padding-top:8px}.highlight{min-height:216px;padding:21px}.highlight h2{font-size:19px}.highlight-art{transform:scale(.72) rotate(-12deg);transform-origin:left center;left:4px}.license-grid,.faq-grid{grid-template-columns:1fr}.license-grid>div:first-child h2{font-size:27px}.license-grid>div:first-child>p{font-size:12px}.license-points>div{font-size:11px}.license-card{margin-top:8px}.faq-intro h2{font-size:24px}.contacts{grid-template-columns:1fr;gap:11px}.contact{padding:20px 19px}.contact-icon{margin-bottom:9px;width:43px;height:43px}.contact h3{font-size:15px}.contact-detail{font-size:15px}.contact p{margin:4px 0 10px}.callout-inner{gap:10px}.callout-logo{width:44px;height:44px;font-size:24px}.callout h2{font-size:14px}.callout p{font-size:10px}.callout a{display:none}.footer{padding:43px 0 72px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px 13px}.footer-about{grid-column:span 2}.footer-about p{margin:14px 0}.footer-grid h3{font-size:12px}.footer-grid>div>a:not(.brand),.footer-grid>div>span{font-size:10px}.footer-last{flex-wrap:wrap;font-size:9px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;border-top:1px solid #e8e9f0;justify-content:space-around;padding:9px 5px max(9px,env(safe-area-inset-bottom));box-shadow:0 -5px 18px #15182413}.bottom-nav a{font-size:11px;color:#6a7385;font-weight:700}.bottom-nav a:first-child{color:var(--violet)}}
@media(max-width:380px){.hero-copy h1{font-size:25px}.promo-copy h2{font-size:14px}.hero-copy{width:75%}.art{opacity:.57;left:-135px}.category strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* SOFT63 refined palette: graphite / white / steel blue. No rainbow pastels. */
:root{--ink:#1d2738;--mute:#65758a;--line:#e2e8f0;--dark:#171d27;--dark2:#232c39;--violet:#285cb5;--violet-dark:#1e4997;--soft:#f6f8fb}
body{color:var(--ink)}
.topline{background:#f6f8fa;color:#526074;border-color:#e4e8ef}
.top-inner a:hover,.kicker,.section-head>a,.contact-link{color:#285cb5}
.site-header,.header-row{background:#171d27}
.nav-row{background:#212936}
.brand-icon{background:linear-gradient(145deg,#347bd0,#1e477e);box-shadow:0 5px 15px #111b2940}
.search{box-shadow:0 2px 12px #00000012;border-color:#e8edf4}
.search button,.category-menu>button,.filter.selected,.no-results button,.modal-okay{background:#285cb5;border-color:#285cb5}
.search button:hover,.category-menu>button:hover,.category-menu>button[aria-expanded=true]{background:#1e4997}
.dropdown a:hover{background:#eef3fc;color:#285cb5}
.hero-big{background:linear-gradient(119deg,#172943 0%,#23446a 54%,#37699f 100%)}
.hero-big:after{border-color:#ffffff0c}
.hero-copy h1 em{color:#e4eefb}
.eyebrow{background:#ffffff13;border-color:#ffffff36}
.light-btn{color:#19375a}
.art-halo{border-color:#ffffff3b}
.screen-back{background:#6b8ba9}
.art-tile{background:linear-gradient(120deg,#f8fbff,#b5cce6);color:#295a98;box-shadow:10px 11px 0 #274b72aa,0 20px 32px #15215b44}
.promo-gold{background:linear-gradient(115deg,#edf2f8,#d5e1ed);color:#1f344a}
.promo-mint{background:linear-gradient(115deg,#d9e6f1,#bfcfdf);color:#183650}
.promo-copy>span{opacity:.78}
.promo-copy small{opacity:.76}
.promo-illustration{background:#ffffff55;border-color:#ffffff77;box-shadow:8px 10px 0 #25436319}
.badge-art,.cloud-art{color:#33659a}
.perks-grid>div>span,.contact-icon{background:#eaf1fb;color:#2b609e}
.perks-grid b{color:#273449}
.category-image{background:linear-gradient(145deg,#eef3f9,#dce7f2)!important;color:#2a5c94!important}
.category-image:before{background:#ffffff4d}
.category{background:#fff;border-color:#e5eaf0}
.category:hover{border-color:#bdd0e5;box-shadow:0 10px 22px #233b5b12}
.category small{color:#788597}
.store-section,.faq-section{background:#f6f8fb}
.status{background:#edf2f7;border-color:#dae4ef;color:#496076}
.status i{background:#51759d}
.filter{color:#536379}
.filters .filter:not(.selected):not([aria-pressed="true"]):hover{border-color:#89a6c9;color:#285cb5}
.product{border-color:#e2e8ef}
.product:hover{border-color:#c2d3e6;box-shadow:0 14px 30px #18283b16}
.product-image{background:linear-gradient(135deg,#edf2f8,#d7e4f1)!important}
.product-tag{background:#ffffffd9;color:#576b80}
.product-body>small{color:#285cb5}
.product-foot span{background:#eef3f8;color:#4b6482}
.product-foot a{background:#eaf1fb;color:#285cb5}
.product-foot a:hover{background:#285cb5;color:#fff}
.card-cloud{background:linear-gradient(130deg,#4782b6,#24527d);box-shadow:10px 10px 0 #24527d3d}
.card-browser{border-color:#4a759d;box-shadow:10px 10px 0 #39577936}
.browser-top{background:#e8f0f8}.browser-top i{background:#8aa9c9}
.browser-visual{background:#b7cce2}.browser-lines{background:#dde6ef}
.card-monitor{background:#37789d;box-shadow:10px 10px 0 #2d63804d}
.card-app{border-color:#4d82aa;background:#f8fbff;color:#477ca3;box-shadow:9px 10px 0 #3f689944}
.card-server{background:#547696;box-shadow:10px 10px 0 #415c7859}
.card-license{border-color:#789bbb;background:#f6f9fd;color:#477399;box-shadow:10px 10px 0 #5b77983d}
.catalog-notice .icon{color:#285cb5}
.dark-highlight{background:linear-gradient(125deg,#1c2d45,#101a29)}
.sky-highlight{background:linear-gradient(125deg,#d9e8f6,#aac4dc);color:#1e3854}
.square-art{background:linear-gradient(125deg,#6897c5,#2f5c8e)}
.round-art{background:#ffffff4d}
.license-grid h2 em{color:#285cb5}
.license-card{background:linear-gradient(145deg,#fff,#eff4fa);border-color:#dce5ef}
.license-card-top>span{color:#285cb5}
.license-large-icon .icon{background:#e4edf7;color:#285cb5;box-shadow:8px 9px 0 #c5d6e8}
.faq-list details[open]{border-color:#a9c3e4}
.faq-list summary .icon{color:#3c6ba4}
.contact-detail:hover:is(a){color:#285cb5}
.callout{background:#eaf0f7}
.callout-logo{background:#2c619e}
.callout p{color:#60758d}
.callout a{color:#285cb5}
.footer{background:#17202d}
.modal-icon{background:#eaf1fb;color:#285cb5}
.bottom-nav a:first-child{color:#285cb5}
@media(max-width:630px){
 html{scroll-padding-top:135px}
 .site-header{margin-bottom:0}
 .header-content{padding:12px 0 13px}
 .search{margin:6px 0 0;box-shadow:0 2px 7px #00000012}
 .hero-section{padding-top:17px}
 .hero-big{background:linear-gradient(120deg,#172943,#2b5582)}
 .promo-gold{background:linear-gradient(120deg,#edf2f8,#d9e5f0)}
 .promo-mint{background:linear-gradient(120deg,#d9e6f1,#c6d7e7)}
}


/* On touch screens :hover may persist after selecting a filter.
   Selected text must stay high contrast in every interaction state. */
.filters .filter.selected,
.filters .filter[aria-pressed="true"],
.filters .filter.selected:hover,
.filters .filter.selected:active,
.filters .filter.selected:focus-visible,
.filters .filter[aria-pressed="true"]:hover,
.filters .filter[aria-pressed="true"]:active,
.filters .filter[aria-pressed="true"]:focus-visible {
  background-color:#285cb5;
  border-color:#285cb5;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
  opacity:1;
}
.filters .filter.selected *,
.filters .filter[aria-pressed="true"] * {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}


/* Soft63 preloader: minimal, accessible, and fail-safe if JavaScript does not run. */
.soft63-preloader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#f9fbfd;color:#203044;text-align:center;opacity:1;visibility:visible;transition:opacity .28s ease,visibility .28s ease;animation:soft63-loader-failsafe 0s linear 4s forwards}
.soft63-preloader.is-dismissing{opacity:0;visibility:hidden;pointer-events:none}
.soft63-preloader-content{display:flex;flex-direction:column;align-items:center;gap:0;padding:22px;max-width:310px;width:100%}
.soft63-preloader-mark{width:86px;height:86px;border-radius:23px;background:linear-gradient(140deg,#386eae,#1b3d6c);color:#fff;display:flex;align-items:center;justify-content:center;direction:ltr;box-shadow:0 13px 28px #24487337, inset 0 1px #ffffff66;animation:soft63-mark-pulse 1.5s ease-in-out infinite}
.soft63-preloader-mark strong{font:bold 54px/1 Arial,sans-serif;letter-spacing:-4px}
.soft63-preloader-mark span{font:bold 18px/1 Arial,sans-serif;margin-top:24px;margin-left:2px}
.soft63-preloader-name{font-weight:900;font-size:22px;margin-top:17px;line-height:1.4}
.soft63-preloader-sub{font:700 10px/1.8 Arial,sans-serif;letter-spacing:2px;color:#8190a2;margin-top:2px}
.soft63-preloader-track{width:148px;height:3px;background:#dce6f1;border-radius:9px;overflow:hidden;margin:22px 0 10px;position:relative}
.soft63-preloader-track span{position:absolute;top:0;bottom:0;right:0;width:45%;background:#356da8;border-radius:9px;animation:soft63-progress 1s ease-in-out infinite alternate}
.soft63-preloader-content>p{font-size:11px;color:#718195}
@keyframes soft63-progress{from{transform:translateX(120%)}to{transform:translateX(-160%)}}
@keyframes soft63-mark-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes soft63-loader-failsafe{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.soft63-preloader,.soft63-preloader *{animation:none!important;transition:none!important}.soft63-preloader{animation:soft63-loader-failsafe 0s linear 4s forwards!important}.soft63-preloader.is-dismissing{display:none}}


/* SOFT63 HERO 3D CUBE: CSS-only, no external assets, responsive */
.art.soft63-3d-art{
  display:flex;align-items:center;justify-content:center;
  width:46%;left:0;transform:none;opacity:1;
  perspective:850px;overflow:visible;
}
.soft63-cube-glow{
  position:absolute;width:260px;height:260px;max-width:100%;
  border-radius:50%;background:radial-gradient(circle,#93b9e35e 0%,#7bacd821 48%,transparent 72%);
  filter:blur(8px);
}
.soft63-cube-scene{
  --cube-edge:154px;--cube-depth:77px;
  width:230px;height:230px;position:relative;display:grid;place-items:center;
  transform-style:preserve-3d;perspective:850px;
}
.soft63-cube{
  width:var(--cube-edge);height:var(--cube-edge);
  position:relative;transform-style:preserve-3d;
  animation:soft63-spin-3d 17s linear infinite;
  will-change:transform;
}
.soft63-cube-face{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#3470aa,#15395e);
  border:1px solid #a7d1f6aa;border-radius:15px;
  color:white;box-shadow:inset 0 1px 11px #d4eaff21,0 8px 28px #05172848;
  font:800 17px/1 Arial,sans-serif;letter-spacing:.8px;
  backface-visibility:visible;
}
.soft63-cube-face:nth-child(2){background:linear-gradient(145deg,#2b689e,#123251)}
.soft63-cube-face:nth-child(3){background:linear-gradient(145deg,#397bb8,#1c4a78)}
.soft63-cube-face:nth-child(4){background:linear-gradient(145deg,#295b8c,#102e50)}
.soft63-cube-face:nth-child(5){background:linear-gradient(145deg,#477da9,#204766)}
.soft63-cube-face:nth-child(6){background:linear-gradient(145deg,#235d93,#143350)}
.soft63-cube-face span{white-space:nowrap;text-shadow:0 2px 8px #0004}
.soft63-cube-face strong{font:900 70px/1 Arial,sans-serif;letter-spacing:-5px;text-shadow:0 5px 15px #07192e40}
.soft63-cube-face strong small{font:900 22px/1 Arial,sans-serif;letter-spacing:-1px;margin-left:1px}
.face-front{transform:translateZ(var(--cube-depth))}
.face-back{transform:rotateY(180deg) translateZ(var(--cube-depth))}
.face-right{transform:rotateY(90deg) translateZ(var(--cube-depth))}
.face-left{transform:rotateY(-90deg) translateZ(var(--cube-depth))}
.face-top{transform:rotateX(90deg) translateZ(var(--cube-depth))}
.face-bottom{transform:rotateX(-90deg) translateZ(var(--cube-depth))}
@keyframes soft63-spin-3d{
  0%{transform:rotateX(-20deg) rotateY(20deg)}
  50%{transform:rotateX(20deg) rotateY(200deg)}
  100%{transform:rotateX(-20deg) rotateY(380deg)}
}
.soft63-3d-art:hover .soft63-cube{animation-play-state:paused}
@media(max-width:1110px) and (min-width:631px){
  .art.soft63-3d-art{width:43%;left:0;transform:none}
  .soft63-cube-scene{transform:scale(.83)}
}
@media(max-width:630px){
  .hero-big{display:flex;flex-direction:column;align-items:stretch;min-height:0}
  .hero-copy{margin-right:0;width:100%;padding:25px 22px 0}
  .hero-copy>p{max-width:320px}
  .art.soft63-3d-art{
    position:relative;inset:auto;
    width:100%;height:190px;min-height:190px;
    margin:0;transform:none;opacity:1;overflow:hidden;
    pointer-events:none;
  }
  .soft63-cube-scene{
    --cube-edge:124px;--cube-depth:62px;
    width:200px;height:180px;transform:scale(.9);
  }
  .soft63-cube-face{border-radius:12px;font-size:14px}
  .soft63-cube-face strong{font-size:53px}
  .soft63-cube-face strong small{font-size:17px}
  .soft63-cube-glow{width:210px;height:210px}
}
@media(max-width:380px){
  .hero-copy{padding-right:17px;padding-left:17px}
  .art.soft63-3d-art{height:165px;min-height:165px}
  .soft63-cube-scene{transform:scale(.78)}
}
@media(prefers-reduced-motion:reduce){
  .soft63-cube{animation:none!important;transform:rotateX(-20deg) rotateY(25deg)}
}


/* SOFT63 CUBE FALL & HEADER GRADIENT */
.site-header{background:linear-gradient(108deg,#76808a 0%,#4c5966 47%,#24303c 100%);}
.header-row{background:linear-gradient(108deg,#76808a 0%,#4c5966 47%,#24303c 100%);}
.nav-row{background:linear-gradient(108deg,#65707b 0%,#424e5a 48%,#293541 100%);border-top-color:#ffffff26}
.brand-icon{background:linear-gradient(135deg,#6a9ccc,#2a5b91)}
.category-menu>button{background:#2d5985}
.category-menu>button:hover,.category-menu>button[aria-expanded=true]{background:#214c78}
.hero-big{overflow:visible}
.hero-big:after{display:none}
.art.soft63-3d-art{z-index:6;perspective:1000px}
.soft63-cube-entrance{position:relative;display:grid;place-items:center;width:230px;height:230px;transform-origin:center 72%;will-change:transform}
.soft63-cube-entrance.is-awaiting-entry{opacity:0;animation:soft63-entry-failsafe 0s linear 4s forwards}
.soft63-cube-ground{position:absolute;width:138px;height:24px;border-radius:50%;background:radial-gradient(ellipse,#07152880 0%,#09182b30 55%,transparent 80%);bottom:47px;left:50%;transform:translateX(-50%) scale(.9);opacity:.48;filter:blur(5px);pointer-events:none}
body.soft63-cube-falling .hero-big{z-index:50}
body.soft63-cube-falling .soft63-cube-entrance{animation:soft63-cube-drop 2.35s cubic-bezier(.24,.65,.45,1) both;opacity:1}
body.soft63-cube-falling .soft63-cube-ground{animation:soft63-cube-shadow 2.35s ease-out both}
@keyframes soft63-cube-drop{
  0%{transform:translate3d(0,-108vh,0) rotate(-510deg) scale(.72)}
  42%{transform:translate3d(0,2px,0) rotate(-45deg) scale(1.065)}
  54%{transform:translate3d(0,-86px,0) rotate(28deg) scale(.96)}
  67%{transform:translate3d(0,0,0) rotate(-16deg) scale(1.04)}
  79%{transform:translate3d(0,-33px,0) rotate(9deg) scale(.985)}
  89%{transform:translate3d(0,0,0) rotate(-4deg) scale(1.01)}
  95%{transform:translate3d(0,-8px,0) rotate(2deg) scale(.997)}
  100%{transform:translate3d(0,0,0) rotate(0) scale(1)}
}
@keyframes soft63-cube-shadow{
  0%{opacity:0;transform:translateX(-50%) scale(.22)}
  42%{opacity:.75;transform:translateX(-50%) scale(1.22)}
  54%{opacity:.25;transform:translateX(-50%) scale(.55)}
  67%{opacity:.7;transform:translateX(-50%) scale(1.15)}
  79%{opacity:.38;transform:translateX(-50%) scale(.83)}
  100%{opacity:.48;transform:translateX(-50%) scale(.9)}
}
@keyframes soft63-entry-failsafe{to{opacity:1}}
@media(max-width:1110px) and (min-width:631px){
  .soft63-cube-entrance{width:198px;height:198px}
  .soft63-cube-ground{bottom:25px}
}
@media(max-width:630px){
  .header-row,.site-header{background:linear-gradient(108deg,#78838e 0%,#4e5b68 52%,#273440 100%)}
  .hero-big{overflow:visible}
  .art.soft63-3d-art{overflow:visible}
  .soft63-cube-entrance{width:200px;height:180px}
  .soft63-cube-ground{width:105px;height:18px;bottom:9px}
}
@media(max-width:380px){
  .soft63-cube-entrance{height:165px}
  .soft63-cube-ground{bottom:5px}
}
@media(prefers-reduced-motion:reduce){
  .soft63-cube-entrance,.soft63-cube-entrance.is-awaiting-entry{animation:none!important;opacity:1!important;transform:none!important}
  .soft63-cube-ground{animation:none!important}
}


/* SOFT63 unfolding cube: impact opens six panels, then each closes slowly. */
.soft63-cube-face{
  --face-closed:translateZ(var(--cube-depth));
  --face-open:translateZ(calc(var(--cube-depth)*1.85)) rotateZ(-6deg) scale(.88);
}
.face-front{
  --face-closed:translateZ(var(--cube-depth));
  --face-open:translateZ(calc(var(--cube-depth)*1.9)) rotateZ(-10deg) scale(.91);
}
.face-back{
  --face-closed:rotateY(180deg) translateZ(var(--cube-depth));
  --face-open:rotateY(180deg) translateZ(calc(var(--cube-depth)*2.1)) rotateZ(12deg) scale(.9);
}
.face-right{
  --face-closed:rotateY(90deg) translateZ(var(--cube-depth));
  --face-open:rotateY(18deg) translateZ(calc(var(--cube-depth)*1.3)) translateX(calc(var(--cube-depth)*.85)) rotateZ(11deg) scale(.88);
}
.face-left{
  --face-closed:rotateY(-90deg) translateZ(var(--cube-depth));
  --face-open:rotateY(-18deg) translateZ(calc(var(--cube-depth)*1.3)) translateX(calc(var(--cube-depth)*-.85)) rotateZ(-11deg) scale(.88);
}
.face-top{
  --face-closed:rotateX(90deg) translateZ(var(--cube-depth));
  --face-open:rotateX(16deg) translateZ(calc(var(--cube-depth)*1.3)) translateY(calc(var(--cube-depth)*-.85)) rotateZ(10deg) scale(.88);
}
.face-bottom{
  --face-closed:rotateX(-90deg) translateZ(var(--cube-depth));
  --face-open:rotateX(-16deg) translateZ(calc(var(--cube-depth)*1.3)) translateY(calc(var(--cube-depth)*.85)) rotateZ(-10deg) scale(.88);
}
body.soft63-cube-unfolding .soft63-cube{
  animation-play-state:paused!important;
}
body.soft63-cube-unfolding .soft63-cube-face{
  animation:soft63-face-fold 3.35s both;
  will-change:transform;
}
@keyframes soft63-face-fold{
  0%{transform:var(--face-closed);animation-timing-function:cubic-bezier(.12,.72,.25,1)}
  27%{transform:var(--face-open);animation-timing-function:linear}
  43%{transform:var(--face-open);animation-timing-function:cubic-bezier(.45,0,.18,1)}
  100%{transform:var(--face-closed)}
}
body.soft63-cube-unfolding .soft63-cube-glow{
  animation:soft63-open-glow 3.35s ease-in-out;
}
@keyframes soft63-open-glow{
  0%,100%{opacity:1;transform:scale(1)}
  28%,44%{opacity:1;transform:scale(1.4)}
}
/* A more visible header gradient ending in medium gray (no black). */
.site-header,.header-row{
  background:linear-gradient(110deg,#2b3848 0%,#4b5a69 51%,#78828c 100%);
}
.nav-row{
  background:linear-gradient(110deg,#354453 0%,#546473 55%,#6b7580 100%);
}
@media(max-width:630px){
  .site-header,.header-row{
    background:linear-gradient(110deg,#2b3848 0%,#4b5a69 51%,#78828c 100%);
  }
  .nav-row{background:linear-gradient(110deg,#354453 0%,#596773 100%)}
}
@media(prefers-reduced-motion:reduce){
  body.soft63-cube-unfolding .soft63-cube-face,
  body.soft63-cube-unfolding .soft63-cube-glow{animation:none!important}
  body.soft63-cube-unfolding .soft63-cube{animation:none!important}
}

/* SOFT63 CINEMATIC FACE SEQUENCE: wide-open panels, sequential forward zoom, gentle fold-back. */
.soft63-cube-face{
  transition:transform 2.05s cubic-bezier(.48,.02,.25,1),box-shadow .55s ease;
}
.face-front{
  --face-wide:translateZ(calc(var(--cube-depth)*2.25)) rotateZ(-8deg) scale(.94);
}
.face-back{
  --face-wide:rotateY(180deg) translateZ(calc(var(--cube-depth)*2.4)) rotateZ(8deg) scale(.93);
}
.face-right{
  --face-wide:rotateY(5deg) translateX(calc(var(--cube-depth)*2.1)) translateZ(calc(var(--cube-depth)*.4)) rotateZ(12deg) scale(.88);
}
.face-left{
  --face-wide:rotateY(-5deg) translateX(calc(var(--cube-depth)*-2.1)) translateZ(calc(var(--cube-depth)*.4)) rotateZ(-12deg) scale(.88);
}
.face-top{
  --face-wide:rotateX(6deg) translateY(calc(var(--cube-depth)*-2.1)) translateZ(calc(var(--cube-depth)*.4)) rotateZ(-11deg) scale(.88);
}
.face-bottom{
  --face-wide:rotateX(-6deg) translateY(calc(var(--cube-depth)*2.1)) translateZ(calc(var(--cube-depth)*.4)) rotateZ(11deg) scale(.88);
}
.soft63-cube-face{
  --face-focus:translateZ(calc(var(--cube-depth)*3.2)) scale(1.24);
}
body.soft63-cube-unfolding .soft63-cube-face{
  animation:none!important;
  transform:var(--face-wide)!important;
  transition:transform 1.24s cubic-bezier(.2,.78,.24,1),box-shadow .45s ease!important;
}
body.soft63-cube-unfolding .soft63-cube-face.soft63-face-zoom{
  transform:var(--face-focus)!important;
  transition:transform .49s cubic-bezier(.18,.75,.22,1.04),box-shadow .3s ease!important;
  box-shadow:inset 0 1px 12px #d4eaff44,0 15px 46px #061727a8!important;
  z-index:50;
}
body.soft63-cube-unfolding .soft63-cube{animation-play-state:paused!important}
body.soft63-cube-unfolding .soft63-cube-scene{overflow:visible}
@media(max-width:630px){
  .face-right{--face-wide:rotateY(5deg) translateX(calc(var(--cube-depth)*1.37)) translateZ(calc(var(--cube-depth)*.3)) rotateZ(8deg) scale(.86)}
  .face-left{--face-wide:rotateY(-5deg) translateX(calc(var(--cube-depth)*-1.37)) translateZ(calc(var(--cube-depth)*.3)) rotateZ(-8deg) scale(.86)}
  .face-top{--face-wide:rotateX(5deg) translateY(calc(var(--cube-depth)*-1.42)) translateZ(calc(var(--cube-depth)*.3)) scale(.86)}
  .face-bottom{--face-wide:rotateX(-5deg) translateY(calc(var(--cube-depth)*1.42)) translateZ(calc(var(--cube-depth)*.3)) scale(.86)}
  .face-front{--face-wide:translateZ(calc(var(--cube-depth)*1.85)) rotateZ(-7deg) scale(.91)}
  .face-back{--face-wide:rotateY(180deg) translateZ(calc(var(--cube-depth)*1.85)) rotateZ(7deg) scale(.91)}
  .soft63-cube-face{--face-focus:translateZ(calc(var(--cube-depth)*2.2)) scale(1.12)}
}
@media(prefers-reduced-motion:reduce){
  .soft63-cube-face,.soft63-cube-face.soft63-face-zoom{transition:none!important;transform:var(--face-closed)!important}
  body.soft63-cube-unfolding .soft63-cube-face,
  body.soft63-cube-unfolding .soft63-cube-face.soft63-face-zoom{transform:var(--face-closed)!important;transition:none!important}
}

/* SOFT63 TRUE DEPTH SPOTLIGHT: each cube face moves toward the actual viewer,
   enlarges to approximately 2/3 of the viewport, then returns. */
.soft63-spotlight-projector{
 position:fixed;inset:0;z-index:8000;display:none;
 align-items:center;justify-content:center;perspective:1200px;
 pointer-events:none;
 background:radial-gradient(circle,#091c345c 0%,#08142275 100%);
}
.soft63-spotlight-projector.is-playing{display:flex;animation:soft63-backdrop-appear 1.54s ease both}
.soft63-spotlight-panel{
 width:70vw;height:68vh;max-width:1120px;max-height:740px;min-height:290px;
 border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:26px;padding:40px;text-align:center;color:#fff;
 border:2px solid #a7d4f7ba;
 background:linear-gradient(145deg,#477fb5 0%,#24527f 43%,#102c4b 100%);
 box-shadow:inset 0 2px 24px #ffffff25,0 40px 90px #0812248a,0 7px 20px #0414285c;
 transform-style:preserve-3d;backface-visibility:visible;
}
.soft63-spotlight-eyebrow{
 font:700 clamp(11px,1.2vw,17px)/1.4 Arial,sans-serif;letter-spacing:2.4px;color:#c4e0f5;
}
.soft63-spotlight-title{
 font:900 clamp(54px,11vw,148px)/1 Arial,sans-serif;letter-spacing:1px;
 text-shadow:0 12px 34px #071a3380;
}
.soft63-spotlight-subtitle{
 font:800 clamp(14px,2.3vw,27px)/1.8 Vazirmatn,Tahoma,sans-serif;color:#edf5fc;
}
.soft63-spotlight-panel.is-flying{
 animation:soft63-spotlight-flight 1.54s cubic-bezier(.25,.65,.24,1) both;
}
@keyframes soft63-backdrop-appear{
 0%,100%{background-color:transparent}
 25%,73%{background-color:#06111b4d}
}
@keyframes soft63-spotlight-flight{
 0%{opacity:.04;transform:translate3d(var(--spotlight-from-x),var(--spotlight-from-y),-960px) rotateY(-55deg) rotateX(21deg) scale(.16);filter:blur(3px)}
 31%{opacity:1;transform:translate3d(0,0,120px) rotateY(0deg) rotateX(0deg) scale(1.025);filter:blur(0)}
 48%,69%{opacity:1;transform:translate3d(0,0,0) rotateY(0deg) rotateX(0deg) scale(1);filter:blur(0)}
 100%{opacity:0;transform:translate3d(var(--spotlight-from-x),var(--spotlight-from-y),-960px) rotateY(45deg) scale(.16);filter:blur(2px)}
}
/* Extra depth for the two sections shown in the screenshots:
   categories and the catalog, while preserving their existing layout. */
.categories,.products{perspective:1400px}
.category,.product{transform-style:preserve-3d;backface-visibility:hidden}
.category{transition:transform .48s cubic-bezier(.18,.72,.28,1),box-shadow .3s ease,border-color .3s ease}
.category:hover,.category:focus-visible{
 transform:translateY(-8px) rotateX(7deg) rotateY(-5deg) translateZ(10px);
 box-shadow:0 18px 32px #162b4540;
 border-color:#9cbada;
}
.category-image{transform-style:preserve-3d}
.category-image>.icon{transform:translateZ(22px);filter:drop-shadow(4px 9px 3px #28466327)}
.category:hover .category-image>.icon{transform:translateZ(32px) scale(1.13) rotate(-4deg)}
.product{transition:transform .48s cubic-bezier(.18,.72,.28,1),box-shadow .3s ease,border-color .3s ease}
.product:hover,.product:focus-within{
 transform:translateY(-9px) rotateX(4deg) rotateY(-4deg) translateZ(15px);
 box-shadow:0 25px 42px #1d2e4440;border-color:#9db7d5;
}
.product-image{transform-style:preserve-3d}
.software-art{transform-style:preserve-3d}
.product:hover .software-art{transform:translateY(-7px) translateZ(35px) rotate(-5deg)}
.category.is-inview,.product.is-inview{animation:soft63-card-enter .72s ease-out both}
@keyframes soft63-card-enter{
 from{opacity:.65;transform:translateY(26px) rotateX(-6deg)}
 to{opacity:1;transform:translateY(0) rotateX(0)}
}
@media(max-width:630px){
 .soft63-spotlight-panel{width:88vw;height:62vh;min-height:260px;padding:20px;gap:20px;border-radius:21px}
 .soft63-spotlight-title{font-size:clamp(55px,14vw,105px)}
 .soft63-spotlight-subtitle{font-size:clamp(14px,3.6vw,20px)}
 .soft63-spotlight-eyebrow{font-size:9px;letter-spacing:1px}
 .category:hover,.category:focus-visible,.product:hover,.product:focus-within{
  transform:translateY(-4px) rotateX(3deg);box-shadow:0 9px 20px #15293d27
 }
}
@media(prefers-reduced-motion:reduce){
 .soft63-spotlight-projector{display:none!important}
 .category,.product,.category.is-inview,.product.is-inview{animation:none!important;transition:none!important;transform:none!important}
}