@charset "UTF-8";.block-art-play-block-studio-home-hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(900px 420px at 50% 100%,rgba(60,200,255,0.45),transparent 65%),linear-gradient(180deg,#0c1a1d 0%,#071418 100%);}.block-art-play-block-studio-home-hero-section::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.65),rgba(0,0,0,0.25));z-index:1;}.hero__container{position:relative;z-index:2;width:100%;max-width:1200px;padding:0 24px;display:flex;justify-content:center;}.hero__content{text-align:center;max-width:900px;backdrop-filter:blur(6px);}.hero__content > div:first-child{display:flex;justify-content:center;align-items:center;margin-bottom:28px;}.hero__content > div:first-child img{width:110px;max-width:40vw;height:auto;filter:drop-shadow(0 0 18px rgba(60,200,255,0.55)) drop-shadow(0 0 40px rgba(60,200,255,0.25));animation:logo-float 6s ease-in-out infinite;transition:opacity 0.4s ease;opacity:1;}.hero__content.hide-hero-logo > div:first-child img{opacity:0;}@keyframes logo-float{0%{transform:translateY(0);filter:drop-shadow(0 0 18px rgba(60,200,255,0.45));}50%{transform:translateY(-10px);filter:drop-shadow(0 0 28px rgba(60,200,255,0.75));}100%{transform:translateY(0);filter:drop-shadow(0 0 18px rgba(60,200,255,0.45));}} .hero__title{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.1;color:#ffffff;letter-spacing:-0.02em;margin-bottom:22px;}.hero__title span{color:#3cc8ff;text-shadow:0 0 18px rgba(60,200,255,0.6);} .hero__description{font-size:clamp(16px,2vw,20px);color:rgba(255,255,255,0.75);max-width:720px;margin:0 auto 42px auto;line-height:1.6;} .hero__actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}.hero__btn{position:relative;padding:14px 34px;font-size:15px;font-weight:600;border-radius:999px;text-decoration:none;transition:all 0.25s ease;white-space:nowrap;} .hero__btn--primary{background:linear-gradient(135deg,#3cc8ff,#1aa3d9);color:#031016;box-shadow:0 10px 30px rgba(60,200,255,0.45),inset 0 0 0 1px rgba(255,255,255,0.25);}.hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 50px rgba(60,200,255,0.65),inset 0 0 0 1px rgba(255,255,255,0.35);} .hero__btn--outline{background:rgba(255,255,255,0.05);color:#fff;border:1px solid rgba(60,200,255,0.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);}.hero__btn--outline:hover{background:rgba(255,255,255,0.12);} .block-art-play-block-studio-home-hero-section::before{content:"";position:absolute;bottom:-160px;left:50%;transform:translateX(-50%);width:120%;height:300px;background:radial-gradient(ellipse at center,rgba(60,200,255,0.35) 0%,rgba(60,200,255,0.9) 85%,transparent 35%);filter:blur(70px);animation:hero-glow-move 10s ease-in-out infinite;z-index:0;}@keyframes hero-glow-move{0%{transform:translateX(-50%) scale(1);opacity:0.35;}50%{transform:translateX(-48%) scale(1.2);opacity:1;}100%{transform:translateX(-50%) scale(1);opacity:0.35;}} @media (max-width:768px){.hero__actions{flex-direction:column;}.hero__btn{width:100%;text-align:center;}.hero__content > div:first-child img{width:90px;}}.block-professional-blocks-section{position:relative;padding:clamp(80px,10vw,140px) 0;background:radial-gradient(circle at top center,rgba(53,208,230,0.08),transparent 60%),#0b0f13;color:#fff; }.block-professional-blocks-section > .container > div{display:flex;flex-direction:column;align-items:center;margin-bottom:72px;}.block-professional-blocks-section > .container > div > div:nth-child(1){margin-bottom:16px;font-weight:600;color:#3cc8ff;font-size:14px;letter-spacing:0.2em;text-transform:uppercase;font-weight:600;opacity:0.9;}.block-professional-blocks-section > .container > div > div:nth-child(1) h1{margin-bottom:16px;font-weight:600;color:#3cc8ff;font-size:14px;letter-spacing:0.2em;text-transform:uppercase;font-weight:600;opacity:0.9;}.block-professional-blocks-section > .container > div > div:nth-child(2) span{color:#35d0e6;}.block-professional-blocks-section > .container > div > div:last-child{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-top:64px;}.block-professional-blocks-section > .container > div > div:last-child > div{position:relative;background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0)),#141a20;border-radius:14px;padding:15px;border:1px solid rgba(255,255,255,0.06);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;text-align:left; }.block-professional-blocks-section > .container > div > div:last-child > div:hover{border-color:rgba(53,208,230,0.35);box-shadow:0 20px 40px rgba(0,0,0,0.5),0 0 0 1px rgba(53,208,230,0.25);}.block-professional-blocks-section > .container > div > div:last-child > div::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top left,rgba(53,208,230,0.12),transparent 60%);opacity:0;transition:opacity 0.25s ease;pointer-events:none;}.block-professional-blocks-section > .container > div > div:last-child > div:hover::before{opacity:1;}.block-professional-blocks-section > .container > div > div:last-child > div h3{font-size:clamp(1.25rem,3vw,1.25rem);color:#fff;}.block-professional-blocks-section > .container > div > div:last-child > div .icon-title-container{display:flex;align-items:center;gap:15px;margin-bottom:10px;}.block-professional-blocks-section > .container > div > div:last-child > div .icon-bg{background:#1f343c;display:inline-block;padding:10px;border-radius:8px;}.block-professional-blocks-section > .container > div > div:last-child > div .icon-bg img{width:25px;height:25px;filter:drop-shadow(0 0 8px rgba(53,208,230,0.35));}.block-professional-blocks-section > .container > div > div:last-child > div .description p{color:rgba(255,255,255,0.75);}.block-professional-blocks-section > .container > div > div:last-child > div > div:nth-of-type(3){color:#a9b4bf;}@media (max-width:768px){.block-professional-blocks-section{padding:80px 0;}.block-professional-blocks-section > .container > div{margin-bottom:48px;}.block-professional-blocks-section > .container > div > div:last-child{gap:20px;}}.block-how-apbs-works-section{position:relative;padding:clamp(80px,10vw,140px) 0;overflow:hidden; background:radial-gradient(900px 420px at 50% 6%,rgba(44,196,255,0.14),transparent 60%),radial-gradient(900px 520px at 50% 100%,rgba(44,196,255,0.06),transparent 55%),linear-gradient(180deg,#060b12 0%,#050a10 100%);color:#fff; }.block-how-apbs-works-section::before{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(600px 220px at 50% 0%,rgba(255,255,255,0.08),transparent 60%),radial-gradient(900px 420px at 50% 30%,rgba(44,196,255,0.08),transparent 70%);opacity:0.9;}.block-how-apbs-works-section::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:64px 64px;opacity:0.06;mask-image:radial-gradient(500px 260px at 50% 15%,#000 35%,transparent 75%);}.block-how-apbs-works-section > .container > div{display:flex;flex-direction:column;align-items:center;text-align:center;}.block-how-apbs-works-section .section-title{font-size:14px;letter-spacing:0.12em;text-transform:uppercase;color:#3cc8ff;margin-bottom:14px;font-weight:600;}.block-how-apbs-works-section > .container > div > div:nth-child(2){font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.15;margin-bottom:72px;}.block-how-apbs-works-section > .container > div > div:nth-child(2) span{color:#3cc8ff;}.block-how-apbs-works-section .list-container{width:100%;max-width:580px;display:flex;flex-direction:column;gap:44px;position:relative;margin-bottom:72px;}.block-how-apbs-works-section .list-container::before{content:"";position:absolute;left:24px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(53,208,230,0.4),transparent);}.block-how-apbs-works-section .list-container > div{display:grid;grid-template-columns:48px 1fr;align-items:flex-start;gap:28px;position:relative;}.block-how-apbs-works-section .num-container{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#35d0e6;background:radial-gradient(circle at top,#263f48,#1f343c 60%,#182a31);border:1px solid rgba(53,208,230,0.35);box-shadow:0 0 0 1px rgba(53,208,230,0.15),0 8px 20px rgba(0,0,0,0.5);z-index:1;}.block-how-apbs-works-section .step{text-align:left;padding-top:2px;}.block-how-apbs-works-section .step-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#ffffff;}.block-how-apbs-works-section .step-description{font-size:14.5px;line-height:1.65;color:#a9b4bf;max-width:560px;}.block-how-apbs-works-section .result-container{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0)),#141a20;border:1px solid rgba(53,208,230,0.35);color:#ffffff;font-size:14px;font-weight:500;}.block-how-apbs-works-section .result-container img{width:18px;height:18px;filter:drop-shadow(0 0 6px rgba(53,208,230,0.5));}@media (max-width:768px){.block-how-apbs-works-section{padding:80px 0;}.block-how-apbs-works-section .list-container{gap:32px;}.block-how-apbs-works-section .list-container::before{left:20px;}.block-how-apbs-works-section .list-container > div{grid-template-columns:40px 1fr;gap:20px;}.block-how-apbs-works-section .num-container{width:40px;height:40px;font-size:14px;}}.block-built-for-performance-section{position:relative;padding:clamp(80px,10vw,140px) 0;overflow:hidden; background:radial-gradient(900px 420px at 50% 6%,rgba(44,196,255,0.14),transparent 60%),radial-gradient(900px 520px at 50% 100%,rgba(44,196,255,0.06),transparent 55%),linear-gradient(180deg,#060b12 0%,#050a10 100%);color:#ffffff; }.block-built-for-performance-section::before{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(600px 220px at 50% 0%,rgba(255,255,255,0.08),transparent 60%),radial-gradient(900px 420px at 50% 30%,rgba(44,196,255,0.08),transparent 70%);opacity:0.9;}.block-built-for-performance-section::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:64px 64px;opacity:0.06;mask-image:radial-gradient(500px 260px at 50% 15%,#000 35%,transparent 75%);}.block-built-for-performance-section > .container > div{display:flex;flex-direction:column;align-items:center;text-align:center;}.block-built-for-performance-section .section-title{font-size:14px;letter-spacing:0.12em;text-transform:uppercase;color:#3cc8ff;margin-bottom:14px;font-weight:600;}.block-built-for-performance-section .title{font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.15;max-width:720px;margin-bottom:24px;}.block-built-for-performance-section .title span{color:#3cc8ff;}.block-built-for-performance-section .list-container{width:100%;margin-top:64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;justify-content:center;}.block-built-for-performance-section .item{background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0)),#141a20;border-radius:14px;padding:26px 24px 28px;border:1px solid rgba(255,255,255,0.06);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;text-align:left;}.block-built-for-performance-section .item:hover{transform:translateY(-6px);border-color:rgba(53,208,230,0.35);box-shadow:0 20px 40px rgba(0,0,0,0.5),0 0 0 1px rgba(53,208,230,0.2);}.block-built-for-performance-section .title-container{display:flex;align-items:center;gap:12px;margin-bottom:10px;}.block-built-for-performance-section .title-container img{width:20px;height:20px;filter:drop-shadow(0 0 6px rgba(53,208,230,0.5));}.block-built-for-performance-section .title-container > div{font-size:16px;font-weight:600;color:#ffffff;}.block-built-for-performance-section .description{font-size:14.5px;line-height:1.6;color:#a9b4bf;}@media (max-width:768px){.block-built-for-performance-section{padding:80px 0;}.block-built-for-performance-section .list-container{gap:20px;}}@charset "UTF-8"; .block-art-play-block-studio-products-section{position:relative;padding:clamp(80px,10vw,140px) 0;background:radial-gradient(1400px 700px at 50% -10%,rgba(60,200,255,0.18),transparent 70%),linear-gradient(180deg,#060f13 0%,#041015 100%);overflow:hidden;}.block-art-play-block-studio-products-section::before{content:"";position:absolute;top:-220px;left:50%;transform:translateX(-50%);width:160%;height:420px;background:radial-gradient(ellipse at center,rgba(60,200,255,0.55) 0%,rgba(60,200,255,0.25) 40%,transparent 75%);filter:blur(120px);opacity:0.55;z-index:0;}.section-title{font-size:14px;letter-spacing:0.12em;text-transform:uppercase;color:#3cc8ff;margin-bottom:14px;text-align:center;font-weight:600;}.section-title h1{font-size:14px;letter-spacing:0.12em;text-transform:uppercase;color:#3cc8ff;margin-bottom:14px;text-align:center;font-weight:600;}.section-title p{font-size:14px;letter-spacing:0.12em;text-transform:uppercase;color:#3cc8ff;margin-bottom:14px;text-align:center;font-weight:600;} .apbs-products__container{position:relative;z-index:2;text-align:center;} .apbs-products__title{font-size:clamp(40px,5vw,62px);font-weight:700;color:#ffffff;margin-bottom:90px;text-shadow:0 0 22px rgba(60,200,255,0.35);} .apbs-products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1100px;margin:0 auto;align-items:stretch;} .apbs-product__card{position:relative;border-radius:26px;background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(14px);transition:transform 0.35s ease,box-shadow 0.35s ease;}.apbs-product__card:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(0,0,0,0.55);} .apbs-product__card.is-featured{transform:translateY(-22px);border:1px solid rgba(60,200,255,0.45);background:linear-gradient(180deg,rgba(60,200,255,0.08),rgba(255,255,255,0.02));box-shadow:0 50px 140px rgba(0,0,0,0.75),0 0 120px rgba(60,200,255,0.35);} .apbs-product__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#3cc8ff,#1aa3d9);color:#02131c;font-size:13px;font-weight:700;padding:6px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(60,200,255,0.6);z-index:3;} .apbs-product__inner{padding:40px 30px 30px;display:flex;flex-direction:column;height:100%;} .apbs-product__name{font-size:26px;font-weight:600;color:#ffffff;margin-bottom:10px;}.apbs-product__sub-title{font-size:15px;color:rgba(255,255,255,0.75);} .apbs-product__price-wrapper{display:flex;justify-content:center;gap:10px;margin-bottom:18px;}.apbs-product__price-old{font-size:22px;color:rgba(255,255,255,0.45);text-decoration:line-through;}.apbs-product__price{font-size:44px;font-weight:700;color:#ffffff;}.apbs-product__price span{font-size:18px;opacity:0.6;margin-left:-10px;}.is-featured .apbs-product__price{color:#3cc8ff;text-shadow:0 0 22px rgba(60,200,255,0.45);} .apbs-product__domains{font-size:18px;font-weight:600;color:rgba(255,255,255,0.85);margin-bottom:26px;} .apbs-product__description{font-size:15px;color:rgba(255,255,255,0.75);line-height:1.7;margin-bottom:24px;} .apbs-product__inner ul{list-style:none;padding:0;margin:0 0 20px;text-align:left;}.apbs-product__inner ul li{position:relative;padding-left:26px;font-size:14px;line-height:1.6;color:rgba(255,255,255,0.8);}.apbs-product__inner ul li + li{margin-top:10px;} .apbs-product__inner ul li::before{content:"✔";position:absolute;left:0;top:0;color:#3cc8ff;font-size:14px;line-height:1.6;} .apbs-product__btn{margin-top:auto;width:100%;padding:14px 0;margin:0;text-align:center;font-size:16px;font-weight:600;border-radius:999px;text-decoration:none;color:#ffffff;background:rgba(255,255,255,0.08);transition:all 0.25s ease;}.apbs-product__btn:hover{background:rgba(255,255,255,0.14);}.is-featured .apbs-product__btn{background:linear-gradient(135deg,#3cc8ff,#1aa3d9);color:#02131c;box-shadow:0 20px 60px rgba(60,200,255,0.6);}.is-featured .apbs-product__btn:hover{transform:translateY(-2px);box-shadow:0 30px 80px rgba(60,200,255,0.75);} @media (max-width:1024px){.apbs-products__grid{grid-template-columns:1fr;gap:28px;max-width:520px;}.apbs-product__card.is-featured{transform:none;}.apbs-product__inner ul{margin-bottom:20px;}}.block-right-for-you-section{position:relative;padding:clamp(80px,10vw,140px) 0;background:radial-gradient(circle at top center,rgba(53,208,230,0.08),transparent 55%),#0b0f13;color:#ffffff;overflow:hidden; }.block-right-for-you-section > .container > div{display:flex;flex-direction:column;align-items:center;text-align:center;}.block-right-for-you-section .section-title{font-size:14px;letter-spacing:0.12em;text-transform:uppercase;color:#3cc8ff;margin-bottom:14px;font-weight:600;}.block-right-for-you-section .title{font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.15;max-width:780px;margin-bottom:20px;}.block-right-for-you-section .title span{color:#3cc8ff;}.block-right-for-you-section .list-performance-container{width:100%;margin-top:64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;}.block-right-for-you-section .list-performance-container > .item{background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0)),#141a20;border-radius:16px;padding:32px 28px;border:1px solid rgba(255,255,255,0.06);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;text-align:left; }.block-right-for-you-section .list-performance-container > .item:hover{transform:translateY(-6px);border-color:rgba(53,208,230,0.35);box-shadow:0 20px 40px rgba(0,0,0,0.45),0 0 0 1px rgba(53,208,230,0.2);}.block-right-for-you-section .list-performance-container > .item img{width:44px;height:44px;margin:0 auto;margin-bottom:18px;border-radius:12px;background:radial-gradient(circle at top,#263f48,#1f343c 60%,#182a31);padding:10px;box-shadow:0 0 0 1px rgba(53,208,230,0.25);}.block-right-for-you-section .list-performance-container > .item > div:nth-of-type(1){font-size:18px;font-weight:600;margin-bottom:14px;color:#ffffff;text-align:center;}.block-right-for-you-section .inner-list ul{padding-left:18px;margin:0 0 6px 0;list-style:outside;}.block-right-for-you-section .inner-list ul li{font-size:14.5px;line-height:1.6;color:#a9b4bf;}.block-right-for-you-section .inner-list ul li::marker{color:#35d0e6;}.block-right-for-you-section .not-for-container{width:100%;max-width:880px;margin:80px auto 0;padding:28px;border-radius:16px;background:linear-gradient(180deg,rgba(255,93,93,0.08),rgba(255,93,93,0)),#141a20;border:1px solid rgba(255,93,93,0.4);}.block-right-for-you-section .not-for-title{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;margin-bottom:20px;}.block-right-for-you-section .not-for-title img{width:16px;height:16px;}.block-right-for-you-section .not-for-title > div{color:#ff5d5d;}.block-right-for-you-section .not-for-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}.block-right-for-you-section .not-for-list .item{padding:8px 14px;border-radius:999px;background:rgba(255,93,93,0.1);color:#ffb3b3;font-size:13px;border:1px solid rgba(255,93,93,0.35);}.block-right-for-you-section .section-footer-title{margin-top:120px;font-size:clamp(26px,4vw,36px);font-weight:700;text-align:center;}.block-right-for-you-section .section-footer-title span{color:#3cc8ff;}.block-right-for-you-section .section-footer-buttons{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}.block-right-for-you-section .section-footer-buttons a{padding:14px 26px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;}.block-right-for-you-section .section-footer-buttons a:first-child{background:#35d0e6;color:#0b0f13;}.block-right-for-you-section .section-footer-buttons a:first-child:hover{background:#50d6e9;}.block-right-for-you-section .section-footer-buttons a:last-child{background:transparent;color:#ffffff;border:1px solid rgba(255,255,255,0.2);}.block-right-for-you-section .section-footer-buttons a:last-child:hover{border-color:#35d0e6;color:#35d0e6;}.block-right-for-you-section:before{content:"";position:absolute;bottom:-160px;left:50%;transform:translateX(-50%);width:120%;height:300px;background:radial-gradient(ellipse at center,rgba(60,200,255,0.35) 0%,rgba(60,200,255,0.9) 85%,transparent 35%);filter:blur(70px);animation:hero-glow-move 10s ease-in-out infinite;z-index:0;}@keyframes hero-glow-move{0%{transform:translateX(-50%) scale(1);opacity:0.35;}50%{transform:translateX(-48%) scale(1.2);opacity:1;}100%{transform:translateX(-50%) scale(1);opacity:0.35;}}@media (max-width:768px){.block-right-for-you-section{padding:100px 0;}.block-right-for-you-section .not-for-container{padding:22px;}}