:root{--pd-bg:#05070a;--pd-panel:#080d14;--pd-blue:#173b68;--pd-line:rgba(155,181,213,.16);--pd-muted:#8995a5;--pd-white:#f4f6f8;--pd-ease:cubic-bezier(.2,.7,.2,1)}*{border-radius:0!important}html{scroll-behavior:smooth}body{background:var(--pd-bg)!important;color:var(--pd-white);overflow-x:hidden}.flex-wrapper{position:relative}.pd-grain{position:fixed;inset:0;z-index:9999;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.pd-atmosphere{position:fixed;inset:0;overflow:hidden}.pd-atmosphere i{position:absolute;border:1px solid rgba(90,130,177,.07);border-radius:50%!important;width:70vw;height:70vw;right:-30vw;top:-20vw}.pd-atmosphere i:nth-child(2){inset:8vw -5vw auto auto;width:45vw;height:45vw}.pd-atmosphere i:nth-child(3){left:-20vw;top:45vh;width:35vw;height:35vw}.pd-cursor{position:fixed;width:420px;height:420px;border-radius:50%!important;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(36,84,140,.1),transparent 68%)}.container{max-width:1320px}.py-20{padding-block:9rem!important}.btn{transition:.3s var(--pd-ease)}.btn-primary{background:#17375e;border-color:#315b89}.btn-outline-primary{border-color:#31465f;color:#d5dee8}.text-primary{color:#719cc9!important}.pd-reveal{opacity:0;transform:translateY(30px);transition:.9s var(--pd-ease)}.pd-reveal.pd-visible{opacity:1;transform:none}[x-cloak]{display:none!important}body.pd-modal-open{overflow:hidden}
header.sticky-top{padding:1rem 2.2vw 0}.pd-navbar{background:rgba(5,8,12,.9)!important;border:1px solid var(--pd-line);backdrop-filter:blur(22px);box-shadow:0 18px 60px #0005;padding:.15rem .8rem;border-radius:18px!important}.pd-nav-inner{max-width:1500px}.navbar-brand{display:flex;gap:.8rem;align-items:center;font:700 .75rem 'DM Sans';letter-spacing:.15em}.navbar-brand img{max-width:38px;max-height:38px}.pd-brand-name:after{content:" / STUDIO";color:#537aa6}.pd-main-links{margin-left:3rem}.pd-navbar .nav-link{color:#929dac!important;font-size:.72rem;padding:.7rem .9rem!important}.pd-account-links{margin-left:auto}.pd-points{height:43px;display:flex;align-items:center;gap:.7rem;background:#09111a;border:1px solid #273d55;color:white;padding:.35rem .8rem .35rem .4rem;text-decoration:none;border-radius:999px!important}.pd-points-icon{width:32px;height:32px;display:grid;place-items:center;background:linear-gradient(145deg,#1c3f63,#0b1c2e);border:1px solid #2d5580;border-radius:10px!important;color:#8fb8e6;box-shadow:inset 0 1px 1px rgba(255,255,255,.15),inset 0 -2px 4px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.4);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,color .3s ease}.pd-points-icon i{filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.pd-points:hover .pd-points-icon{transform:translateY(-2px) scale(1.08) rotate(-6deg);box-shadow:inset 0 1px 1px rgba(255,255,255,.25),inset 0 -2px 4px rgba(0,0,0,.5),0 8px 18px rgba(63,140,230,.4);color:#c3e0ff}.pd-points>span:last-child{display:flex;flex-direction:column;min-width:74px;text-align:left}.pd-points small{font-size:.5rem;letter-spacing:.1em;color:#718094;text-transform:uppercase}.pd-points strong{font-size:.7rem}.pd-login-btn{height:43px;display:flex;align-items:center;gap:.6rem;border-radius:999px!important;overflow:hidden}.pd-login-btn i{transition:transform .3s cubic-bezier(.2,.7,.2,1)}.pd-login-btn:hover i{transform:translateX(4px)}.pd-navbar .cart .btn{height:43px;display:grid;place-items:center;border-radius:12px!important;background:linear-gradient(145deg,#152838,#0a141f);border-color:#2a3f57!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.12),inset 0 -2px 4px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}.pd-navbar .cart .btn i{transition:transform .3s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.pd-navbar .cart .btn:hover{transform:translateY(-2px) scale(1.08);box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.5),0 8px 18px rgba(63,140,230,.35)}.pd-navbar .cart .btn:hover i{transform:scale(1.15) rotate(-8deg)}
.pd-hero{min-height:100vh;margin-top:-90px;padding:175px 0 90px!important;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 35%,#173b6855,transparent 36%),linear-gradient(125deg,#05070a 45%,#090f18)!important}.pd-hero:after{display:none}.pd-hero-etch{position:absolute;right:-10vw;top:-15vw;width:68vw;height:68vw;border:1px solid #5278a122;border-radius:50%!important}.pd-hero-etch i{position:absolute;inset:10%;border:1px solid #5278a11d;border-radius:50%!important}.pd-hero-etch i:nth-child(2){inset:22%}.pd-hero-etch i:nth-child(3){inset:34%}.pd-hero-etch i:nth-child(4){inset:46%;background:#173b6818}.pd-hero-layout{display:grid!important;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;position:relative;z-index:2}.pd-hero .content{text-align:left!important;max-width:none!important}.pd-kicker,.pd-standard-intro>span,.pd-transformation>div>span,.pd-section-heading>div>span{color:#6583a3;font:600 .62rem 'DM Sans';letter-spacing:.2em}.pd-kicker{display:flex;align-items:center;gap:.8rem}.pd-kicker span{width:40px;height:1px;background:#4f7aa8}.pd-hero h1{font-size:clamp(4rem,6.4vw,7.6rem)!important;font-weight:400!important;line-height:.93!important;letter-spacing:-.075em!important;margin:1.7rem 0!important}.pd-hero h1 em{font-style:normal;color:#6087b2}.pd-hero-copy>p{color:#929eac!important;font-size:1rem!important;line-height:1.8!important;max-width:620px}.pd-hero-actions{display:flex;align-items:center;gap:1.8rem;margin-top:2.2rem}.pd-primary-action{min-width:220px;padding:1rem!important;display:flex;align-items:center;justify-content:space-between;border-radius:16px!important}.pd-underlined-action,.pd-section-heading>a{color:#d9e2ec;text-decoration:none;border-bottom:1px solid #365d86;padding-bottom:.5rem;font-size:.75rem}.pd-search-trigger{width:min(520px,100%);height:52px;margin-top:2rem;display:flex;align-items:center;gap:.8rem;background:#090e1599;border:1px solid #273b52;color:#84909f;padding-inline:1rem;border-radius:999px!important}.pd-search-trigger span.pd-search-label{flex:1;text-align:left}.pd-search-trigger kbd{background:#121c28;color:#7d8996;display:inline-flex;align-items:center;gap:.35rem;min-width:74px;justify-content:center;padding-inline:.6rem;white-space:nowrap}.pd-search-tech-icon{transition:opacity .22s ease,transform .22s ease}.pd-search-tech-name{transition:opacity .22s ease,transform .22s ease;display:inline-block}.pd-tech-fade-out{opacity:0!important;transform:scale(.7) rotate(-8deg)}.pd-hero-stats{margin-top:2rem}.pd-hero-stats>div{display:flex}.pd-hero-stats span{display:flex;flex-direction:column;min-width:130px;margin-right:1.5rem;padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='26' viewBox='0 0 10 26'%3E%3Cpath d='M5 0 Q0 6.5 5 13 T5 26' fill='none' stroke='%239bb5d5' stroke-opacity='0.4' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:repeat-y;background-position:top right;background-size:10px 26px}.pd-hero-stats strong{font-weight:500}.pd-hero-stats small{color:#677689;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}.pd-hero-showcase{position:relative;min-height:560px}.pd-blueprint-label{display:flex;justify-content:space-between;color:#55718d;font:600 .5rem 'DM Sans';letter-spacing:.18em}.pd-browser{background:#070a0f;border:1px solid #a9c4e133;box-shadow:0 40px 90px #0008}.pd-browser-main{position:absolute;inset:35px 0 75px;transform:perspective(1300px) rotateY(-5deg)}.pd-browser-top{height:43px;border-bottom:1px solid var(--pd-line);display:flex;align-items:center;gap:6px;padding:0 14px}.pd-browser-top i{width:5px;height:5px;border-radius:50%!important;background:#465566}.pd-browser-top span{margin:auto;color:#566575;font-size:.48rem}.pd-browser-screen{height:calc(100% - 43px);background:radial-gradient(circle at 72% 25%,#173c68,transparent 32%),#0a111a;overflow:hidden}.pd-browser-screen>img{width:100%;height:100%;object-fit:cover}.pd-screen-nav{height:55px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pd-line);font-size:.55rem;letter-spacing:.16em}.pd-screen-nav span{color:#627387;font-size:.42rem}.pd-screen-body{padding:11% 8%}.pd-screen-body small{color:#6590bf;font-size:.46rem;letter-spacing:.18em}.pd-screen-body strong{display:block;font-size:clamp(2.2rem,3.6vw,4rem);font-weight:400;line-height:.95;letter-spacing:-.06em;margin:1rem 0 2rem}.pd-screen-body em{font-size:.48rem;letter-spacing:.15em;border-bottom:1px solid #426b98;padding-bottom:.5rem}.pd-browser-note{position:absolute;bottom:6px;left:-30px;width:210px;padding:1rem;background:#09101bee}.pd-browser-note span,.pd-browser-note small{display:block;color:#718094;font-size:.55rem}.pd-browser-note strong{font-size:2rem;font-weight:400}.pd-showcase-index{position:absolute;right:0;bottom:12px;color:#617388;font-size:.55rem;display:flex;gap:.7rem;align-items:center}.pd-showcase-index i{width:70px;height:1px;background:#38536f}.pd-partner-rail{border-block:1px solid var(--pd-line);padding:1.8rem 0;overflow:hidden}.pd-partner-rail>p{text-align:center;color:#50657b;font-size:.5rem;letter-spacing:.24em}.pd-marquee>div{display:flex;width:max-content;gap:5rem;animation:marquee 28s linear infinite}.pd-marquee span{color:#727e8b;font:600 1rem 'DM Sans';letter-spacing:.12em}.pd-marquee i{color:#426f9e;margin-right:.5rem}
.pd-section-heading{display:grid;grid-template-columns:1.2fr .8fr auto;align-items:end;gap:5vw;margin-bottom:5rem}.pd-products-section .pd-section-heading{grid-template-columns:1fr}.pd-section-heading h2,.pd-standard h2,.pd-transformation h2{font-size:clamp(3rem,5.7vw,6.4rem);font-weight:400;letter-spacing:-.07em;line-height:1.08;margin:1rem 0 1.75rem;padding-bottom:.05em}.pd-section-heading p,.pd-standard p,.pd-transformation p{color:var(--pd-muted);line-height:1.8}.pd-product-card{display:flex;flex-direction:column;background:linear-gradient(160deg,#0a0f17,#070a0f);border:1px solid var(--pd-line);overflow:hidden;border-radius:14px!important;transition:transform .3s var(--pd-ease),border-color .3s ease}.pd-product-card:hover{transform:translateY(-4px);border-color:#3a6089}.pd-product-card .card-img-top{position:relative;overflow:hidden;background:#091019;border-bottom:1px solid var(--pd-line)}.pd-product-card .card-img-top img{width:100%;height:100%;object-fit:var(--product-image-fit,cover);transition:transform .6s var(--pd-ease)}.pd-product-card:hover .card-img-top img{transform:scale(1.06)}.pd-product-card .card-body{padding:1.3rem 1.4rem;display:flex;flex-direction:column-reverse;gap:.35rem;background:transparent!important}.pd-product-card .card-title{font-size:1.05rem;font-weight:500;letter-spacing:-.01em;line-height:1.3;margin:0;color:var(--pd-white)}.pd-product-card .info{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pd-product-card .price{font-size:.85rem;color:#c3ccd6;margin:0}
.categories>.row{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start!important;border-block:1px solid var(--pd-line)}.categories>.row>div{min-width:290px;margin:0!important;padding:0;border-right:1px solid var(--pd-line)}.categories .card{background:transparent;border:0;padding:2rem}.categories .card-img-top{display:none}.categories .card-body{padding:0}.categories .card-text{color:#768394;font-size:.75rem;min-height:3rem}.categories .btn{border:0;border-bottom:1px solid #355b83;padding:0}
.pd-standard{display:grid;grid-template-columns:.8fr 1.2fr;gap:11vw}.pd-standard-intro{position:sticky;top:140px;height:max-content}.pd-principle{display:grid;grid-template-columns:45px 50px 1fr;gap:1.2rem;padding:3rem 0 2.8rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='10' viewBox='0 0 26 10'%3E%3Cpath d='M0 5 Q6.5 0 13 5 T26 5' fill='none' stroke='%239bb5d5' stroke-opacity='0.4' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:top left;background-size:26px 10px}.pd-principle>span{color:#5378a1;font-size:.58rem}.pd-principle>i{width:38px;height:38px;border:1px solid #2f4c6b;border-radius:10px!important;display:grid;place-items:center;color:#6e99c8}.pd-principle h3{font-size:1.5rem;font-weight:400}.pd-principle p{grid-column:3;margin:0;font-size:.82rem}.pd-transformation{margin-bottom:9rem;padding:6rem 5vw!important;border-radius:20px!important;border:1px solid var(--pd-line);display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center;background:radial-gradient(circle at 85% 15%,#173b6855,transparent 35%)}.pd-transformation-actions{display:flex;flex-direction:column;gap:1rem}.pd-transformation-btn{width:100%;background:#0d213b;border:1px solid #31577f;border-radius:14px!important;color:white;padding:1.3rem 1.5rem;text-align:left;display:flex;align-items:center;gap:1.1rem;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s ease,background .3s ease}.pd-transformation-btn i{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:11px!important;background:#173357;color:#8fb5e2;font-size:.9rem}.pd-transformation-btn span{display:flex;flex-direction:column;gap:.3rem}.pd-transformation-btn strong{font-weight:500;font-size:.95rem}.pd-transformation-btn small{color:#75869a;font-size:.68rem}.pd-transformation-btn:hover{transform:translateY(-3px);border-color:#4a7cae;background:#123159}.pd-comparison-modal{position:fixed;inset:0;z-index:2000;background:#010306ee;backdrop-filter:blur(18px);display:grid;place-items:center;padding:3vh}.pd-comparison-dialog{position:relative;width:min(1150px,96vw);max-height:94vh;overflow:auto;background:#070b10;border:1px solid #2a3c52;border-radius:20px!important;padding:2.2rem}.pd-comparison-dialog>span{color:#6583a3;font-size:.58rem;letter-spacing:.2em}.pd-comparison-dialog h3{font-size:clamp(2.5rem,4.5vw,5rem);font-weight:400;letter-spacing:-.06em}.pd-close{position:absolute;right:1.4rem;top:1.4rem;width:42px;height:42px;background:transparent;border:1px solid var(--pd-line);border-radius:50%!important;color:white}.pd-comparison{height:470px;position:relative;overflow:hidden;border-radius:16px!important}.pd-brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.1rem;margin:2.5rem 0}.pd-brand-tile{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.6rem 1rem;background:#0a0f17;border:1px solid var(--pd-line);border-radius:14px!important;text-align:center;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s ease}.pd-brand-tile:hover{transform:translateY(-3px);border-color:#3a6089}.pd-brand-tile-image{width:56px;height:56px;display:grid;place-items:center;border-radius:12px!important;background:#132338;color:#6e99c8;font-size:1.2rem;overflow:hidden}.pd-brand-tile-image img{width:100%;height:100%;object-fit:contain}.pd-brand-tile span{font-size:.75rem;color:#c3ccd6}.pd-before,.pd-after{position:absolute;inset:0;background:#191c20;overflow:hidden}.pd-after{clip-path:inset(0 0 0 50%)}.pd-before>b,.pd-after>b{position:absolute;z-index:2;top:1.5rem;left:1.5rem;color:#fff;background:#000000b3;padding:.4rem .8rem;font-size:.5rem;letter-spacing:.18em}.pd-before img,.pd-after img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pd-handle{position:absolute;left:50%;top:0;bottom:0;width:1px;background:white}.pd-handle i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%!important;background:white;color:#08101a;display:grid;place-items:center}.pd-comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.pd-hint{text-align:center;color:#68778a}
.pd-reviews{background:linear-gradient(125deg,#070a0e,#080f18)}.pd-review-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-block:1px solid var(--pd-line)}.pd-review-item,.pd-example-review{min-width:50%;padding:4rem;scroll-snap-align:start;border-right:1px solid var(--pd-line)}.pd-example-review{min-height:390px;display:flex;flex-direction:column;justify-content:space-between}.pd-example-review>div{color:#6f9ac7;letter-spacing:.2em}.pd-example-review blockquote{font-size:clamp(1.5rem,2.5vw,2.5rem);line-height:1.4;letter-spacing:-.035em}.pd-example-review footer{display:flex;justify-content:space-between;background:none;padding:0;border:0}.pd-example-review footer span{color:#697789}.pd-faq-list{max-width:1050px;margin-left:auto}.pd-faq-list .accordion-item{background:transparent;border:0;border-top:1px solid var(--pd-line)}.pd-faq-list .accordion-button{background:transparent!important;color:white!important;box-shadow:none!important;padding:1.8rem 0}.pd-faq-list .accordion-body{color:#83909e;padding:0 0 2rem}
.product-wrapper,.products-page,.cart-page{padding-top:4rem}.product-wrapper h1{font-size:clamp(3rem,5vw,5.7rem)!important;font-weight:400!important;letter-spacing:-.065em;line-height:.95}.product-wrapper .gx-lg-5{--bs-gutter-x:5.5rem}.product-wrapper [x-data="productForm"]{position:sticky;top:120px}.product-wrapper .editor{color:#98a4b2;line-height:1.85}.product-wrapper .carousel,.product-wrapper .product-tabs{border-color:var(--pd-line)}.modal-content{background:#080c12;border:1px solid #2a3c51}.modal-header,.modal-footer{border-color:var(--pd-line)}.pd-login-modal-content{background:#080c12;display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;border-radius:16px!important}.pd-login-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;background:radial-gradient(circle at 28% 22%,#1c4a7d 0%,transparent 55%),radial-gradient(circle at 82% 85%,#173b68 0%,transparent 52%),linear-gradient(165deg,#0b1420,#050709)}.pd-login-visual-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(70,130,200,.28),transparent 65%);filter:blur(6px)}.pd-login-visual-rings{position:absolute;inset:0}.pd-login-visual-rings i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(120,165,215,.16);border-radius:50%!important}.pd-login-visual-rings i:nth-child(1){width:200px;height:200px}.pd-login-visual-rings i:nth-child(2){width:300px;height:300px;border-color:rgba(120,165,215,.11)}.pd-login-visual-rings i:nth-child(3){width:400px;height:400px;border-color:rgba(120,165,215,.07)}.pd-login-visual-icon{position:relative;z-index:2;width:130px;filter:drop-shadow(0 22px 30px rgba(0,0,0,.5));animation:pd-icon-float 5.5s ease-in-out infinite}.pd-login-icon{width:100%;height:100%}.pd-login-visual-caption{position:relative;z-index:2;margin-top:2rem;text-align:center}.pd-login-visual-caption small{display:block;font-size:.55rem;letter-spacing:.2em;color:#5f83ad;margin-bottom:.5rem}.pd-login-visual-caption span{font-size:1rem;color:#dbe6f2}.pd-login-panel{display:flex;flex-direction:column;min-width:0}.pd-login-heading{display:flex;gap:1rem;align-items:center}.pd-login-heading>i{width:40px;height:40px;border:1px solid #375f89;color:#79a3d0;display:grid;place-items:center}.pd-login-heading small{color:#6787aa;font-size:.5rem;letter-spacing:.18em}.pd-login-heading h5{font-weight:400}@media(max-width:760px){.pd-login-modal-content{grid-template-columns:1fr}.pd-login-visual{display:none}}
.pd-footer{position:relative;background:linear-gradient(180deg,#030507 0%,#050810 100%);border-top:1px solid var(--pd-line);padding:8rem 0 2rem}
.pd-morph-banner{position:relative;width:100%;height:clamp(170px,22vw,280px);background:#020304;border-bottom:1px solid var(--pd-line);overflow:hidden}
.pd-morph-banner canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.pd-morph-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;font-size:clamp(1.8rem,4.5vw,3.4rem);font-weight:700;letter-spacing:-.03em;color:#7199c4;text-align:center;padding:0 1rem}
@media(prefers-reduced-motion:reduce){.pd-morph-banner canvas{display:none}.pd-morph-fallback{display:flex}}
.pd-footer-cta{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:3rem;margin-bottom:5rem;background:linear-gradient(145deg,rgba(23,59,104,.16),rgba(8,13,20,.4));border:1px solid var(--pd-line);border-radius:28px!important;box-shadow:0 30px 60px -30px rgba(0,20,50,.55),inset 0 1px 0 rgba(255,255,255,.03)}
.pd-diamond-box{width:56px;height:56px;border:1px solid #335a85;border-radius:18px!important;color:#7199c4;display:grid;place-items:center;margin-bottom:2rem;overflow:hidden;background:radial-gradient(circle at 30% 20%,#1c4573,#0a1626);box-shadow:0 10px 24px -10px rgba(20,60,110,.7),inset 0 1px 0 rgba(255,255,255,.08);perspective:400px;transition:transform .4s var(--pd-ease),box-shadow .4s var(--pd-ease)}
.pd-footer-cta:hover .pd-diamond-box{transform:translateY(-3px) rotateX(8deg) rotateY(-8deg);box-shadow:0 16px 32px -10px rgba(30,80,150,.8),inset 0 1px 0 rgba(255,255,255,.12)}
.pd-diamond-icon{width:30px;height:30px;object-fit:contain;display:block;transform-style:preserve-3d;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));animation:pd-diamond-spin 4.5s linear infinite}
@keyframes pd-diamond-spin{to{transform:rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.pd-diamond-icon{animation:none}}
.pd-footer-cta span{color:#6583a3;font-size:.58rem;letter-spacing:.2em}
.pd-footer-cta h2{font-size:clamp(3.2rem,5.6vw,6.2rem);font-weight:400;letter-spacing:-.07em;line-height:.95}
.pd-footer-cta h2 em{font-style:normal;color:#5e83aa}
.pd-footer-cta>a{display:inline-flex;align-items:center;gap:.7rem;padding:1.15rem 1.9rem;border:1px solid #345d87;border-radius:999px!important;color:white;text-decoration:none;background:linear-gradient(135deg,#163a63,#0a1830);white-space:nowrap;box-shadow:0 12px 24px -12px rgba(20,60,110,.6);transition:border-color .3s ease,transform .3s var(--pd-ease),box-shadow .3s var(--pd-ease)}
.pd-footer-cta>a:hover{border-color:#5a90c9;transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(40,100,180,.75)}
.pd-footer-cta>a i{transition:transform .3s var(--pd-ease)}
.pd-footer-cta>a:hover i{transform:translate(2px,-2px)}
.pd-footer-cta-url{color:#9db3cc!important;font-size:.85rem!important;letter-spacing:0!important;font-weight:400}
.pd-footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:1.5rem;padding:0 0 4rem}
.pd-footer-about{display:flex;flex-direction:column;gap:.8rem;padding-right:2rem}
.pd-footer-about strong{font-size:1.05rem;letter-spacing:-.01em}
.pd-footer-about p{color:#73808f;line-height:1.8;max-width:430px}
.pd-footer-col{display:flex;flex-direction:column;gap:.5rem;padding:1.6rem 1.5rem;background:rgba(255,255,255,.015);border:1px solid var(--pd-line);border-radius:20px!important;transition:background .35s var(--pd-ease),border-color .35s var(--pd-ease),transform .35s var(--pd-ease)}
.pd-footer-col:hover{background:rgba(255,255,255,.03);border-color:rgba(155,181,213,.28);transform:translateY(-3px)}
.pd-footer-col-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.6rem}
.pd-footer-col-head b{color:#a8bdd4;font-size:.62rem;letter-spacing:.18em}
.pd-footer-badge{width:30px;height:30px;border-radius:10px!important;border:1px solid #2c4b6e;background:radial-gradient(circle at 30% 20%,#1c4573,#0a1626);display:grid;place-items:center;color:#7fa5cf;font-size:.7rem;box-shadow:0 6px 14px -6px rgba(20,60,110,.6),inset 0 1px 0 rgba(255,255,255,.08);perspective:300px;transition:transform .4s var(--pd-ease),box-shadow .4s var(--pd-ease),color .3s ease}
.pd-footer-col:hover .pd-footer-badge{transform:rotateY(-16deg) rotateX(8deg) translateY(-1px);color:#b7d1ef;box-shadow:0 10px 20px -6px rgba(30,80,150,.7),inset 0 1px 0 rgba(255,255,255,.12)}
.pd-footer-main a{display:flex;align-items:center;gap:.65rem;color:#8a96a5;text-decoration:none;font-size:.8rem;padding:.45rem .1rem;border-radius:10px!important;transition:color .25s ease,transform .25s var(--pd-ease)}
.pd-footer-main a i{width:16px;text-align:center;color:#4f6a89;font-size:.75rem;transition:color .25s ease,transform .25s var(--pd-ease)}
.pd-footer-main a:hover{color:#eaf1f9;transform:translateX(3px)}
.pd-footer-main a:hover i{color:#7fa5cf;transform:scale(1.15)}
.pd-footer-bottom{border-top:1px solid var(--pd-line);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#566474;font-size:.52rem;letter-spacing:.14em}
.pd-footer-bottom a{color:#68788a;text-decoration:none}
.pd-back-top{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border:1px solid var(--pd-line);border-radius:999px!important;color:#8a96a5!important;transition:background .3s ease,border-color .3s ease,transform .3s var(--pd-ease),color .3s ease}
.pd-back-top i{transition:transform .3s var(--pd-ease)}
.pd-back-top:hover{background:rgba(255,255,255,.04);border-color:rgba(155,181,213,.3);color:#eaf1f9!important;transform:translateY(-2px)}
.pd-back-top:hover i{transform:translateY(-2px)}
@media(max-width:700px){.pd-footer-cta{padding:2rem;border-radius:22px!important}.pd-footer-col{padding:1.3rem 1.2rem}}
@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1000px){.pd-hero-layout{grid-template-columns:1fr}.pd-hero-showcase{max-width:750px;min-height:500px}.pd-section-heading{grid-template-columns:1fr}.pd-standard{grid-template-columns:1fr}.pd-standard-intro{position:static}.pd-transformation{grid-template-columns:1fr}.pd-footer-main{grid-template-columns:1.5fr 1fr 1fr}.pd-footer-main>div:last-child{display:none}.pd-navbar .navbar-collapse{position:absolute;top:100%;left:-1px;right:-1px;background:#070b10;border:1px solid var(--pd-line);padding:1rem}.pd-main-links{margin-left:0}.pd-account-links{align-items:stretch!important}.pd-points{width:100%}}@media(max-width:700px){.py-20{padding-block:6rem!important}.pd-hero{padding-top:150px!important}.pd-hero h1{font-size:3.5rem!important}.pd-hero-actions{flex-direction:column;align-items:flex-start}.pd-browser-main{transform:none}.pd-browser-note{display:none}.pd-review-item,.pd-example-review{min-width:88%;padding:3rem 7vw}.pd-footer-cta{align-items:flex-start;flex-direction:column;gap:3rem}.pd-footer-main{grid-template-columns:1fr 1fr}.pd-footer-main>div:first-child{grid-column:1/3}.pd-footer-bottom{flex-wrap:wrap;gap:1rem}.pd-cursor{display:none}}@media(prefers-reduced-motion:reduce){.pd-reveal{opacity:1;transform:none}.pd-marquee>div{animation:none}}
.pd-compare-row{display:grid;grid-template-columns:1fr auto 1fr;gap:2.5vw;align-items:stretch;margin-bottom:4rem}.pd-compare-row:last-child{margin-bottom:0}.pd-compare-card{position:relative;background:linear-gradient(160deg,#0a0f17,#070a0f);border:1px solid var(--pd-line);padding:2.75rem 2.5rem;border-radius:16px!important}.pd-compare-card h3{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:400;letter-spacing:-.03em;margin:0 0 2rem}.pd-compare-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.1rem}.pd-compare-card li{display:flex;align-items:center;gap:.9rem;font-size:.92rem;color:#c3ccd6}.pd-compare-card li i{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;font-size:.7rem;border:1px solid var(--pd-line);color:#6583a3;border-radius:6px!important}.pd-compare-card li.is-included i{color:#6ec78a;border-color:#2f5d3f;background:#12241a}.pd-compare-card li.is-excluded i{color:#5a6675;border-color:#2a333e;background:#0d1218}.pd-compare-card li.is-excluded span{color:#5c6673;text-decoration:line-through;text-decoration-color:#333c47}.pd-compare-highlight{border-color:#3a6089;background:linear-gradient(160deg,#0f1c2e,#080d14);box-shadow:0 30px 80px -30px rgba(23,59,104,.55)}.pd-compare-badge{position:absolute;top:-14px;left:2.5rem;background:#173b68;color:#dfe9f5;font:600 .6rem 'DM Sans';letter-spacing:.14em;text-transform:uppercase;padding:.5rem 1rem;border:1px solid #3a6089}.pd-compare-vs{display:flex;align-items:center;justify-content:center}.pd-compare-vs span{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--pd-line);color:#6583a3;font:600 .68rem 'DM Sans';letter-spacing:.1em;background:#070a0f;border-radius:14px!important}@media(max-width:850px){.pd-compare-row{grid-template-columns:1fr;gap:0}.pd-compare-vs{padding:1rem 0}.pd-compare-vs span{width:44px;height:44px}.pd-compare-card{padding:2.2rem 1.8rem}}
body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable="true"],[contenteditable=""],code,kbd,pre,.pd-allow-select{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}
.sa3d-icon{--sa3d-front:#ffffff;--sa3d-front-mid:#f7f7f8;--sa3d-front-edge:#c8cbd0;--sa3d-panel:#292b31;--sa3d-panel-mid:#17191e;--sa3d-panel-edge:#0b0c0f;display:block;overflow:visible}.pd-cta-icon{width:20px;height:20px;flex:0 0 20px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.pd-section-title-row{display:flex;align-items:center;gap:1.5rem}.pd-section-icon{width:clamp(56px,6vw,84px);height:clamp(56px,6vw,84px);flex:0 0 auto;filter:drop-shadow(0 14px 16px rgba(0,0,0,.35));animation:pd-icon-float 5.5s ease-in-out infinite}@keyframes pd-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:1000px){.pd-section-title-row{gap:1rem}.pd-section-icon{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.pd-section-icon{animation:none}}
.pd-type-heading{margin:0!important}.pd-type-cursor{display:inline-block;width:.07em;height:.82em;background:currentColor;margin-left:.12em;vertical-align:-0.08em;animation:pd-cursor-blink 1s step-end infinite}@keyframes pd-cursor-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}@media(prefers-reduced-motion:reduce){.pd-type-cursor{animation:none;opacity:1}}
.pd-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.pd-product-tile{display:flex}
.pd-product-tile .pd-product-card{width:100%}
.pd-product-tile .card-img-top{aspect-ratio:4/3;height:auto!important}
@media(max-width:1000px){.pd-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pd-product-grid{grid-template-columns:1fr}}
/* Product page: round every corner (image, thumbnails, tabs, badges, pills, boxes) */
.product-wrapper .carousel,
.product-wrapper .carousel-item img,
.product-wrapper .card-img-top,
.product-wrapper .product-img-placeholder,
.product-wrapper .mock-panel{border-radius:18px!important;overflow:hidden}
.product-wrapper .thumbnails button,
.product-wrapper .thumbnails button img{border-radius:10px!important}
.product-wrapper .product-tabs .btn{border-radius:999px!important}
.product-wrapper .badges > a,
.product-wrapper .badges > div{border-radius:999px!important}
.product-wrapper .status{background:rgba(255,255,255,.03);border:1px solid var(--pd-line);padding:.5rem 1rem;border-radius:999px!important;width:fit-content}
.product-wrapper .stock-indicator{border-radius:999px!important}
.product-wrapper .input-group{border-radius:10px!important;overflow:hidden}
.product-wrapper .input-group-btn,
.product-wrapper .form-control,
.product-wrapper select,
.product-wrapper .form-select{border-radius:10px!important}
.product-wrapper .rounded{border-radius:14px!important}
.product-wrapper .btn{border-radius:12px!important}
.notification-popup,
.notification-image-container,
.notification-image{border-radius:16px!important;overflow:hidden}

/* Product page: make the description content stand out */
.product-wrapper .content .editor{
  background:linear-gradient(160deg,rgba(23,59,104,.12),rgba(8,13,20,.4));
  border:1px solid var(--pd-line);
  border-radius:20px!important;
  padding:2rem 2.25rem;
  box-shadow:0 20px 40px -24px rgba(0,20,50,.55),inset 0 1px 0 rgba(255,255,255,.04);
  font-size:1.02rem;
  line-height:1.9;
  color:#c3ccd6;
  position:relative;
  overflow:hidden;
}
.product-wrapper .content .editor::before{
  content:'';
  position:absolute;
  top:0;left:0;
  width:4px;
  height:100%;
  background:linear-gradient(180deg,var(--cl-accent),transparent);
}
.product-wrapper .content .editor p:last-child{margin-bottom:0}
@media(max-width:700px){.product-wrapper .content .editor{padding:1.5rem 1.5rem 1.5rem 1.75rem}}
/* Product page: variant selector boxes — rounded + more visual detail */
.variants{gap:.9rem!important}
.variants .variant{
  border-radius:16px!important;
  background:linear-gradient(160deg,#101823,#0a0f17)!important;
  border:1px solid var(--pd-line)!important;
  padding:1rem 1.1rem!important;
  box-shadow:0 10px 24px -18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .25s var(--pd-ease),border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.variants .variant:hover:not(:disabled){
  transform:translateY(-2px);
  border-color:#3a6089!important;
  box-shadow:0 14px 28px -16px rgba(0,0,0,.65);
}
.variants .variant.active{
  background:linear-gradient(160deg,rgba(23,59,104,.28),rgba(10,15,23,.9))!important;
  border-color:var(--cl-accent)!important;
  box-shadow:0 0 0 1px var(--cl-accent),0 12px 26px -16px rgba(20,60,110,.6);
}
.variants .variant .name{font-weight:600;font-size:.98rem;letter-spacing:-.005em}
.variants .variant .description{color:#7c8797;margin-top:.2rem}
.variants .variant .stock{margin-top:.35rem;opacity:.85}
.variants .variant .price{
  border-radius:999px!important;
  padding:.35rem .85rem!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid var(--pd-line);
  font-weight:600;
  color:#dfe6ee!important;
  white-space:nowrap;
}
.variants .variant.active .price{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(155,181,213,.35);
}
.variants .variant .hover-indicator{
  position:absolute;
  top:-12px;
  right:-8px;
  z-index:1;
  width:28px;
  height:28px;
  border-radius:50%!important;
  background:var(--cl-accent);
  color:#0a0f17;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 0 0 3px #0a0f17,0 6px 14px -4px rgba(20,60,110,.7);
  opacity:0;
  transform:scale(.4) rotate(-25deg);
  transition:opacity .3s var(--pd-ease),transform .3s var(--pd-ease);
  pointer-events:none;
}
.variants .variant .hover-indicator svg{width:16px;height:16px}
.variants .variant:hover:not(:disabled) .hover-indicator{
  opacity:1;
  transform:scale(1) rotate(0deg);
}
.variants .variant:disabled{opacity:.45}
/* Product page: dotted semicircle connectors arcing outward between addons */
.addon-list{
  position:relative;
  gap:4rem!important;
  padding-left:2.75rem;
  padding-right:2.75rem;
}
.addon-list .addon-item{
  position:relative;
  z-index:1;
}
.addon-list .addon-item:not(:last-child)::after{
  content:'';
  position:absolute;
  right:100%;
  top:100%;
  width:2rem;
  height:4rem;
  border:2px dotted rgba(155,181,213,.45);
  border-right:none;
  border-radius:999px 0 0 999px;
  z-index:0;
  pointer-events:none;
}
.addon-list .addon-item:not(:last-child)::before{
  content:'';
  position:absolute;
  left:100%;
  top:100%;
  width:2rem;
  height:4rem;
  border:2px dotted rgba(155,181,213,.45);
  border-left:none;
  border-radius:0 999px 999px 0;
  z-index:0;
  pointer-events:none;
}