.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-art-play-block-studio-speed-performance-section{padding:120px 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:#cfd6dc;color:#fff; }.block-art-play-block-studio-speed-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-art-play-block-studio-speed-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-art-play-block-studio-speed-performance-section .section-title{margin-bottom:16px;font-weight:600;color:#3cc8ff;text-align:center;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;font-weight:600;opacity:0.9;}.block-art-play-block-studio-speed-performance-section .speed-performance-inner{max-width:980px;margin:0 auto;text-align:center;}.block-art-play-block-studio-speed-performance-section .speed-performance-title{font-size:clamp(32px,4vw,46px);font-weight:700;margin-bottom:12px;}.block-art-play-block-studio-speed-performance-section .speed-performance-meta{font-size:14px;opacity:0.65;margin-bottom:40px;}.block-art-play-block-studio-speed-performance-section .speed-tabs{display:inline-flex;gap:10px;padding:6px;border-radius:999px;background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);margin-bottom:50px;}.block-art-play-block-studio-speed-performance-section .speed-tabs button{border:0;background:transparent;color:#9bb3c3;padding:12px 28px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.25s ease;}.block-art-play-block-studio-speed-performance-section .speed-tabs button:hover{color:#fff;}.block-art-play-block-studio-speed-performance-section .speed-tabs button.is-active{background:linear-gradient(135deg,#3cc8ff,#1aa6ff);color:#06131a;box-shadow:0 0 0 1px rgba(60,200,255,0.5),0 8px 30px rgba(60,200,255,0.35);}.block-art-play-block-studio-speed-performance-section .speed-panel{display:none;}.block-art-play-block-studio-speed-performance-section .speed-panel.is-active{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:48px;justify-items:center;}.block-art-play-block-studio-speed-performance-section .speed-metric{width:140px;display:flex;flex-direction:column;align-items:center; --size:100px;--stroke:5px;--progress:0;position:relative; }.block-art-play-block-studio-speed-performance-section .speed-metric svg{width:var(--size);height:var(--size);transform:rotate(-90deg);}.block-art-play-block-studio-speed-performance-section .speed-metric circle{fill:none;stroke-width:var(--stroke);cx:50%;cy:50%;r:calc(50% - var(--stroke));}.block-art-play-block-studio-speed-performance-section .speed-metric .bg{stroke:rgba(255,255,255,0.08);}.block-art-play-block-studio-speed-performance-section .speed-metric .progress{stroke:#3cc8ff;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:calc(283 - (283 * var(--progress)) / 100);transition:stroke-dashoffset 1s ease;filter:drop-shadow(0 0 6px rgba(60,200,255,0.65));}.block-art-play-block-studio-speed-performance-section .speed-metric .metric-score{position:absolute;top:48%;left:50%;transform:translate(-50%,-100%);font-size:30px;font-weight:700;line-height:1;pointer-events:none;}.block-art-play-block-studio-speed-performance-section .speed-metric .metric-label{margin-top:14px;font-size:16px;opacity:0.65;text-align:center;line-height:1.3;}.block-art-play-block-studio-speed-performance-section .speed-live-link{margin-top:48px;text-align:center;}.block-art-play-block-studio-speed-performance-section .speed-live-link a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:rgba(60,200,255,0.85);text-decoration:none;padding-bottom:2px;border-bottom:1px solid rgba(60,200,255,0.35);transition:all 0.25s ease;}.block-art-play-block-studio-speed-performance-section .speed-live-link a:hover{color:#3cc8ff;border-bottom-color:#3cc8ff;}.block-art-play-block-studio-speed-performance-section .speed-performance-empty{opacity:0.6;font-size:14px;}.block-generated-files-section{padding:120px 0;background:radial-gradient(ellipse at top,#0b1a22 0%,#060d11 60%);color:#e6eef3; }.block-generated-files-section .apbs-eyebrow{font-size:14px;letter-spacing:0.12em;text-align:center;text-transform:uppercase;color:#3cc8ff;margin-bottom:14px;font-weight:600;}.block-generated-files-section .apbs-title{text-align:center;font-size:clamp(32px,5vw,56px);line-height:1.1;font-weight:700;margin-bottom:60px;}.block-generated-files-section .apbs-code-tabs{max-width:1100px;margin:0 auto;}.block-generated-files-section .apbs-tabs-nav{display:flex;justify-content:center;gap:8px;margin-bottom:24px;flex-wrap:wrap;}.block-generated-files-section .apbs-tabs-nav .apbs-tab-btn{padding:10px 18px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:#c9d6df;font-size:14px;cursor:pointer;transition:all 0.25s ease;backdrop-filter:blur(6px);}.block-generated-files-section .apbs-tabs-nav .apbs-tab-btn:hover{background:rgba(255,255,255,0.08);}.block-generated-files-section .apbs-tabs-nav .apbs-tab-btn.is-active{background:linear-gradient(135deg,#30bcec,#4fd1ff);color:#021018;border-color:transparent;box-shadow:0 10px 30px rgba(48,188,236,0.35);}.block-generated-files-section .apbs-tabs-panels{position:relative;}.block-generated-files-section .apbs-tab-panel{display:none;border-radius:18px;background:#0a1319;border:1px solid rgba(255,255,255,0.08);box-shadow:0 40px 80px rgba(0,0,0,0.45);overflow:hidden;}.block-generated-files-section .apbs-tab-panel.is-active{display:block;animation:fadeUp 0.35s ease;}.block-generated-files-section .apbs-tab-panel pre{margin:0;padding:32px;overflow-x:auto;font-family:"JetBrains Mono",monospace;font-size:14px;line-height:1.6;color:#dce7ee;background:linear-gradient(to bottom,rgba(255,255,255,0.04),transparent 80%);}.block-generated-files-section .apbs-tab-panel code{white-space:pre;}@keyframes fadeUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}} @media (max-width:1024px){.block-generated-files-section{padding:80px 0;}} @media (max-width:767px){.block-generated-files-section .apbs-tabs-nav{gap:6px;}.block-generated-files-section .apbs-tabs-nav .apbs-tab-btn{font-size:13px;padding:8px 14px;}.block-generated-files-section .apbs-tab-panel pre{padding:20px;font-size:13px;}}@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;}}