::selection{background:#b894ff;color:#fff}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden;font-family:Roboto,sans-serif;color:#fff;background-color:#000}a{color:inherit;text-decoration:none}h1{font-size:clamp(2.5rem,6.5vw,4rem);padding:clamp(.3rem,.8vw,.6rem) 0;margin:0}h2{font-size:clamp(2rem,5vw,3rem);padding:clamp(.3rem,.8vw,.5rem) 0;margin:0}h3{font-size:clamp(1.5rem,4vw,2rem);padding:clamp(.25rem,.7vw,.45rem) 0;margin:0}h4{font-size:clamp(1.5rem,4.5vw,2rem);padding:clamp(.2rem,.6vw,.4rem) 0;margin:0}h5{font-size:clamp(1.3rem,4vw,1.6rem);padding:clamp(.15rem,.5vw,.35rem) 0;margin:0}.section{width:100%;margin:0;padding:clamp(25px,6vw,70px) clamp(10px,8vw,130px);color:#fff;box-sizing:border-box}.c-footer-nav{width:100%;margin:0;padding:clamp(18px,4.7vh,35px) clamp(10px,6vw,120px);color:#fff;box-sizing:border-box;background:radial-gradient(ellipse at top,#0a0a0f,#000)}@media(max-width:992px){h1{font-size:clamp(2rem,5.5vw,3rem);padding:clamp(.25rem,.7vw,.5rem) 0}h2{font-size:clamp(1.6rem,4.5vw,2.4rem);padding:clamp(.25rem,.7vw,.45rem) 0}h3{font-size:clamp(1.3rem,3.5vw,1.8rem);padding:clamp(.2rem,.6vw,.4rem) 0}h4{font-size:clamp(1.3rem,4vw,1.8rem);padding:clamp(.15rem,.5vw,.35rem) 0}h5{font-size:clamp(1.1rem,3.5vw,1.4rem);padding:clamp(.1rem,.4vw,.3rem) 0}.section{padding:clamp(20px,5vw,50px) clamp(10px,4vw,40px)}.c-footer-nav{padding:clamp(15px,4vh,30px) clamp(10px,4vw,40px)}}@media(max-width:576px){h1{font-size:clamp(1.6rem,6vw,2.4rem);padding:clamp(.2rem,.6vw,.4rem) 0}h2{font-size:clamp(1.4rem,5vw,2rem);padding:clamp(.2rem,.6vw,.4rem) 0}h3{font-size:clamp(1.2rem,4vw,1.6rem);padding:clamp(.15rem,.5vw,.35rem) 0}h4{font-size:clamp(1.2rem,4vw,1.6rem);padding:clamp(.15rem,.5vw,.3rem) 0}h5{font-size:clamp(1rem,3.5vw,1.2rem);padding:clamp(.1rem,.4vw,.25rem) 0}.section{padding:clamp(15px,6vw,40px) clamp(8px,5vw,20px)}.c-footer-nav{padding:clamp(12px,3.5vh,25px) clamp(8px,5vw,20px)}}.nav-header{position:absolute;top:0;left:0;right:0;z-index:50;background:transparent}.nav-container{max-width:var(--mxw);height:100%;margin:0 auto;padding:clamp(.5rem,1.5vw,.75rem) clamp(16px,3vw,24px);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;text-decoration:none}.logo-text-nav{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.25rem,2.5vw,1.75rem);color:var(--clr-white);font-weight:700}.nav-links{display:flex;align-items:center;gap:clamp(12px,2.5vw,24px);font-size:clamp(.95rem,1.3vw,1.1rem)}.nav-links .link{position:relative;padding:10px 4px;color:var(--clr-gray-light);border-bottom:2px solid transparent;text-decoration:none;font-weight:600;transition:color .2s ease;width:max-content}.nav-links .link:before{content:"";position:absolute;width:0%;height:1.5px;background-color:var(--clr-accent-pink);border-radius:15px;left:0;bottom:0;transition:all .3s ease}.nav-links .link:hover:before{width:100%}.nav-links .link:hover{color:var(--clr-white)}.nav-toggle{display:none;appearance:none;background:transparent;border:none;padding:10px;cursor:pointer;border-radius:12px}.nav-toggle span{display:block;width:28px;height:2.5px;background:var(--clr-gray-lighter);margin:6px 0;transition:transform .25s ease,opacity .25s ease}.drawer{display:none}@media(max-width:992px){.nav-links{display:none}.nav-toggle{display:inline-block}.drawer{display:block;position:fixed;top:var(--nav-h, 80px);left:0;right:0;background:#07070bf2;border-bottom:1px solid rgba(255,255,255,.08);transform:translateY(-10px);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease;max-height:calc(100vh - var(--nav-h, 80px));overflow-y:auto}.nav-header.open .drawer{transform:translateY(0);opacity:1;pointer-events:auto}.m-links{display:grid;gap:10px;padding:clamp(12px,3vw,16px) clamp(12px,3vw,16px) clamp(16px,4vw,20px)}.m-links .link{padding:12px 4px;font-size:clamp(.95rem,2.5vw,1rem);color:var(--clr-gray-light);border-bottom:none;text-decoration:none;font-weight:600;transition:color .2s ease}.m-links .link.active{color:var(--clr-white)}.nav-header.open .nav-toggle span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.nav-header.open .nav-toggle span:nth-child(2){opacity:0}.nav-header.open .nav-toggle span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}}@media(max-width:576px){.nav-container{padding:clamp(.4rem,2vw,.6rem) clamp(10px,4vw,16px)}.logo-text-nav{font-size:clamp(1.1rem,3vw,1.5rem)}.nav-toggle{padding:8px}.nav-toggle span{width:24px;height:2px;margin:5px 0}.m-links{gap:8px;padding:clamp(10px,3vw,12px) clamp(10px,4vw,14px) clamp(14px,4vw,16px)}.m-links .link{font-size:clamp(.9rem,3vw,.95rem);padding:10px 4px}.nav-header.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-header.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.nav-links .link:focus-visible,.m-links .link:focus-visible,.nav-toggle:focus-visible{outline:2px solid var(--clr-accent-pink);outline-offset:2px;border-radius:4px}@media print{.nav-header{position:static;background:var(--clr-white)}.nav-links{display:flex!important}.nav-toggle,.drawer{display:none!important}.nav-links .link{color:var(--clr-black);border-bottom:none}.logo-text-nav{color:var(--clr-black)}}.footer{margin-top:0;background:#07070b;border-top:1px solid rgba(255,255,255,.08)}.footer .grid{display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:1fr}@media(min-width:768px){.footer .grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.footer .grid{grid-template-columns:1.8fr 1fr 1fr 1.2fr}}.footer h3,.footer .head{margin:0 0 .75rem;color:var(--clr-white)}.footer .muted{color:var(--clr-gray-light);line-height:1.6}.footer p.muted{margin:0 0 1rem}.footer .socials{display:flex;align-items:center;gap:.625rem;margin-top:1rem}.footer .social-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--clr-gray-lighter);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;flex-shrink:0}.footer .social-link:hover,.footer .social-link:focus{transform:translateY(-2px);border-color:var(--clr-accent-pink);background:#ff3d9a26;color:var(--clr-white);outline:none}.footer .social-link:active{transform:translateY(0)}.footer .icon{width:18px;height:18px;flex-shrink:0}.footer .list{list-style:none;padding:0;margin:.5rem 0 0}.footer .list li{padding:.2rem 0}.footer .footlink{color:var(--clr-gray-light);text-decoration:none;transition:color .2s ease,padding-left .2s ease;display:inline-block;position:relative}.footer .footlink:hover,.footer .footlink:focus{color:var(--clr-accent-pink);padding-left:4px;outline:none}.footer .badge{display:inline-block;margin-top:.75rem;padding:.5rem .875rem;font-size:clamp(.75rem,1vw,.813rem);font-weight:600;color:var(--clr-white);border:1px solid rgba(157,122,255,.25);background:#9d7aff10;border-radius:999px;white-space:nowrap}.footer .bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:.5rem;margin-top:1rem;border-top:1px dashed rgba(255,255,255,.08);color:var(--clr-gray-light)}.footer .bottom small{font-size:clamp(.75rem,1vw,.813rem);line-height:1.5}.footer .bottom .footlink{font-size:inherit}@media(max-width:992px){.footer h3{font-size:clamp(1.3rem,3.5vw,1.8rem);margin-bottom:.5rem}.footer .head{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:.5rem}.footer .muted{font-size:clamp(.9rem,2.5vw,.95rem)}.footer .socials{margin-top:.75rem;gap:.5rem}.footer .social-link{width:34px;height:34px}.footer .icon{width:16px;height:16px}.footer .list li{padding:.15rem 0}.footer .badge{margin-top:.5rem;padding:.4rem .75rem;font-size:clamp(.7rem,1vw,.75rem)}.footer .bottom{gap:.75rem}.footer .bottom small{font-size:clamp(.7rem,1vw,.75rem)}}@media(max-width:576px){.footer .grid{gap:clamp(1.25rem,4vw,1.75rem)}.footer h3{font-size:clamp(1.2rem,4vw,1.6rem);margin-bottom:.4rem}.footer .head{font-size:clamp(1.1rem,3.5vw,1.3rem);margin-bottom:.4rem}.footer .muted{font-size:clamp(.85rem,3vw,.9rem)}.footer .socials{margin-top:.5rem;gap:.4rem}.footer .social-link{width:32px;height:32px}.footer .icon{width:14px;height:14px}.footer .list li{padding:.1rem 0}.footer .footlink{font-size:clamp(.85rem,2.5vw,.9rem)}.footer .badge{margin-top:.4rem;padding:.35rem .65rem;font-size:clamp(.65rem,1vw,.7rem)}.footer .bottom{flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:.4rem;margin-top:.75rem}.footer .bottom small{font-size:clamp(.65rem,1vw,.7rem)}}.footer a:focus-visible{outline:2px solid var(--clr-accent-pink);outline-offset:2px;border-radius:4px}@media print{.footer .socials,.footer .badge{display:none}}:root{--mxw: 1280px;--ring: #9d7aff;--grad-a: #ffffff;--grad-b: #9d7aff;--clr-black: #000000;--clr-white: #ffffff;--clr-gray-dark: #1a1a1a;--clr-gray-mid: #666666;--clr-gray-light: #b3b3b3;--clr-gray-lighter: #d6d6d6;--clr-accent-purple: #9d7aff;--clr-accent-pink: #ff3d9a;--clr-accent-red: #ff4757}p,.body-text{font-size:clamp(1rem,2vw,1.125rem);padding:.5rem 0;color:var(--clr-gray-light);line-height:1.6;letter-spacing:.01em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;word-break:break-word}.p-muted,.muted{color:var(--clr-gray-mid);line-height:1.5;padding:0;margin:0 0 .75rem;letter-spacing:0}.sub-title{font-size:clamp(1.15rem,2.4vw,1.3rem);padding:.3rem 0 1rem;color:var(--clr-gray-lighter)}.link-muted{color:var(--clr-gray-mid);text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid transparent}.link-muted:hover{color:var(--clr-accent-pink);border-bottom-color:var(--clr-accent-pink)}.slab{display:flex;flex-direction:column;gap:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.6rem;border-radius:16px;font-weight:800;font-size:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;position:relative;overflow:hidden;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:var(--clr-black)}.btn-primary:before{content:"";position:absolute;inset:0 0 0 -100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s ease}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:hover:before{left:100%}.btn-secondary{background:#ffffff0f;color:var(--clr-white);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--clr-accent-pink);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--clr-gray-light);border:1px solid rgba(255,255,255,.22)}.btn-outline:hover{background:#ffffff0f;color:var(--clr-accent-red);border-color:var(--clr-accent-red)}.hero{position:relative;overflow:hidden;width:100%;height:100vh}.hero-sec-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.7;background-image:url(/assets/web-development-and-software-development-company-in-sri-lanka-axivelt.com-hero-section-img-B82YY3W-.webp);background-position:bottom;background-size:cover}.hero-content{position:relative;top:10%;z-index:1;max-width:1200px;margin:0 auto;padding:8vh 20px;text-align:center;color:var(--clr-white);display:flex;flex-direction:column;justify-content:center;align-items:center}.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:.75rem;font-weight:700;letter-spacing:.5px;color:var(--clr-white);background:#9d7aff26;border:1px solid var(--clr-accent-purple);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase}.title{display:grid;justify-items:center;text-align:center;margin:8px 0 .25rem;font-size:clamp(2.2rem,7.8vw,6.9rem);font-weight:900;letter-spacing:-.03em;line-height:.9;background:linear-gradient(135deg,var(--clr-white) 0%,var(--grad-a) 50%,var(--grad-b) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;gap:clamp(0px,.8vw,10px)}.title-line{display:block;margin:0}.title-rotator{margin:clamp(-10px,-1.6vw,-16px) 0}.rotator{position:relative;display:inline-block;height:1em;vertical-align:baseline}.rotator .word{position:absolute;top:0;left:50%;transform:translate(-50%,10%);white-space:nowrap;background:linear-gradient(135deg,var(--clr-accent-pink),var(--clr-accent-red));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transition:opacity .45s ease,transform .45s ease;will-change:opacity,transform}.rotator .word.active{opacity:1;transform:translate(-50%)}.rotator-measure{position:absolute;visibility:hidden;white-space:nowrap;left:-9999px;top:-9999px}.word-measure{font:inherit;letter-spacing:inherit}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}.grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.cta{background:radial-gradient(ellipse at bottom,#0a0a0f,#000)}.cta-box{position:relative;text-align:center;padding:clamp(28px,5vw,48px);border:1px solid rgba(255,255,255,.1);border-radius:28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;box-sizing:border-box;background:#ffffff05}.cta-box:before{content:"";position:absolute;inset:0 0 0 -150%;width:200%;background:linear-gradient(120deg,#9d7aff00,#ff7afb0e,#9d7aff00);transform:skew(-25deg);transition:left .5s ease-in-out}.cta-box:hover:before{left:100%}.cta-text{color:var(--clr-gray-light)}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.services-section{background:radial-gradient(ellipse at top,#0a0a0f99,#0000 80%),radial-gradient(ellipse at bottom,#0a0a0f99,#0000 80%),#000;background-blend-mode:overlay}.card{border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(135deg,#ffffff08,#9d7aff08);padding:clamp(1.2rem,3.8vw,2.2rem);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--clr-accent-purple),transparent);opacity:0;transition:opacity .3s ease}.card:hover{border-color:var(--clr-accent-purple)}.card:hover:before{opacity:1}.card-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#ffffff0d,#9d7aff0d);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.card-icon img{width:48px;height:48px;object-fit:cover;border-radius:12px;transition:transform .3s ease}.card:hover .card-icon img{transform:scale(1.08)}.card-content{flex:1;display:flex;flex-direction:column}.card-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.65rem}.card-list li{display:flex;align-items:center;color:var(--clr-gray-light);line-height:1.5;padding-left:1.5rem;position:relative}.card-list li:before{content:"→";position:absolute;left:0;color:var(--clr-accent-pink);font-weight:800;flex-shrink:0}.ts-section{background:radial-gradient(ellipse at top,#0a0a0f,#000) no-repeat,radial-gradient(ellipse at bottom,#0a0a0f,#000) no-repeat;background-size:100% 50%;background-position:top,bottom}.ts-slab{max-width:var(--mxw);margin:0 auto;padding-left:clamp(10px,4vw,20px);padding-right:clamp(10px,4vw,20px)}.ts-grid{display:grid;gap:18px;margin-top:18px;grid-template-columns:repeat(3,1fr)}.ts-card{padding:clamp(1rem,2.6vw,1.35rem);border-radius:14px;background:linear-gradient(135deg,#ffffff05,#9d7aff05);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:12px;min-height:200px;transition:transform .4s cubic-bezier(.22,.9,.36,1)}.ts-card:hover{transform:translateY(-3px);border-color:#9d7aff33}.ts-card-head{display:flex;gap:12px;align-items:center}.ts-avatar{width:56px;height:56px;flex-shrink:0;border-radius:10px}.ts-meta{display:flex;flex-direction:column;gap:4px}.ts-name{color:var(--clr-white);font-weight:800;font-size:.98rem}.ts-role{color:var(--clr-gray-mid);font-size:.88rem}.ts-stars{display:flex;gap:6px;margin-top:6px}.ts-star{color:#ffb86b;width:14px;height:14px}.ts-body{margin-top:4px;flex:1 1 auto}.ts-quote{color:var(--clr-gray-light);line-height:1.6;margin:0;font-size:clamp(.95rem,1.7vw,1rem)}.ts-website{color:var(--clr-accent-purple);font-weight:700;text-decoration:none;margin-left:6px}.ts-website:hover{text-decoration:underline;color:var(--clr-accent-pink)}.rw-section{background-color:#000}.view-all-projects-link{color:var(--clr-accent-purple)!important}.view-all-projects-link:hover{color:var(--clr-accent-pink)!important}.work{border:1px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;display:block;height:100%}.work:hover{border-color:#9d7aff98}.work-thumb{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#ffffff0d,#9d7aff0d)}.work-img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.work-img:hover{transform:scale(1.04)}.work-body{padding:1.25rem}.work-title{font-weight:700;color:var(--clr-white)}.work-tag{color:var(--clr-gray-mid);font-size:clamp(.7rem,1.8vw,1rem)}.work-visit{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.2);padding:.5rem .75rem;border-radius:.6rem;transition:all .15s ease}.work-visit:hover{transform:translateY(-1px);border-color:var(--clr-accent-purple);color:var(--grad-b)}.rw-read-more-btn{padding:.5rem;margin:0 .5rem;color:var(--clr-accent-purple);font-weight:700;cursor:pointer;border:none;background:transparent;transition:all .3s ease}.rw-read-more-btn:hover{color:var(--clr-white);text-decoration:underline}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(28px,4vw,50px);flex-wrap:wrap;gap:1rem}.rw-section-h-sub-title{padding-bottom:0}.section-link{flex-shrink:0;color:var(--clr-gray-light)}.stats{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(ellipse at top,#0a0a0f,#000)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,24px);padding:0}.stat{text-align:center;padding:1.25rem;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.stat:hover{background:#ffffff0d;border-color:var(--clr-accent-pink)}.stat-number{font-size:clamp(2rem,4.6vw,3.25rem);color:var(--clr-white);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--clr-white),var(--clr-accent-purple));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.4rem}.stat-label{color:var(--clr-gray-mid);font-weight:600}.why-slab{padding-left:clamp(10px,4vw,20px);padding-right:clamp(10px,4vw,20px)}.why-header{align-items:flex-start;display:flex;justify-content:space-between;gap:18px}.why-cta{display:flex;gap:12px;align-items:center}.why-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.why-card{display:flex;gap:16px;align-items:flex-start;padding:clamp(1rem,3vw,1.6rem);min-height:200px;box-sizing:border-box}.why-card-content{padding-left:0;flex:1 1 auto}.get-quote-section{width:100%;background-color:#07070b;color:var(--clr-white);text-align:start;position:relative}.get-quote-form{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem);padding:clamp(1.5rem,4vw,2.5rem);border-radius:24px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1006330d,#1830620d,#6218530d),radial-gradient(ellipse at top,#0a0a0f,#000);margin:1rem auto 0}.quote-row2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,2vw,1.2rem)}.quote-field{display:flex;flex-direction:column;gap:.5rem}.quote-field label{font-weight:600;color:var(--clr-gray-lighter);font-size:clamp(.9rem,2vw,1rem)}.quote-field .required{color:var(--clr-accent-pink)}.quote-field input,.quote-field textarea,.quote-field select{background:#ffffff0d;color:var(--clr-white);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:clamp(.75rem,2vw,.9rem) clamp(.85rem,2.5vw,1rem);font-size:clamp(.9rem,2vw,.95rem);font-family:Roboto,sans-serif;outline:none;transition:border-color .25s ease,box-shadow .25s ease}.quote-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23e7f6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2 4 6 8 10 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;cursor:pointer}.quote-field select option{background:var(--clr-black);color:var(--clr-white)}.quote-field input:focus,.quote-field textarea:focus,.quote-field select:focus{border-color:var(--clr-accent-purple);box-shadow:0 0 0 3px #9d7aff40}.quote-field input:-webkit-autofill,.quote-field input:-webkit-autofill:hover,.quote-field input:-webkit-autofill:focus,.quote-field input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.05) inset!important;-webkit-text-fill-color:var(--clr-white)!important;border:1px solid rgba(255,255,255,.1)!important;transition:background-color 5000s ease-in-out 0s}.quote-field textarea{resize:vertical;min-height:100px;max-height:300px}.field-instruction{font-size:clamp(.8rem,1.8vw,.85rem);color:var(--clr-gray-mid)}.quote-websites{display:flex;flex-direction:column;gap:.5rem}.quote-websites-row{display:flex;gap:.5rem;align-items:center}.quote-websites label{font-weight:600;color:var(--clr-gray-lighter);margin-bottom:.5rem;display:block;font-size:clamp(.9rem,2vw,1rem)}.quote-websites input[type=url]{background:#ffffff0d;color:var(--clr-white);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:clamp(.75rem,2vw,.9rem) clamp(.85rem,2.5vw,1rem);font-size:clamp(.9rem,2vw,.95rem);outline:none;transition:border-color .25s ease,box-shadow .25s ease;width:100%}.quote-websites input[type=url]:focus{border-color:var(--clr-accent-purple);box-shadow:0 0 0 3px #9d7aff40}.quote-websites input[type=url]:-webkit-autofill,.quote-websites input[type=url]:-webkit-autofill:hover,.quote-websites input[type=url]:-webkit-autofill:focus,.quote-websites input[type=url]:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.05) inset!important;-webkit-text-fill-color:var(--clr-white)!important;border:1px solid rgba(255,255,255,.1)!important;transition:background-color 5000s ease-in-out 0s}.remove-website-btn{background:transparent;border:none;color:var(--clr-accent-pink);font-size:clamp(1rem,2vw,1.2rem);cursor:pointer;transition:color .25s ease}.btn-add-website{background:transparent;border:1px solid var(--clr-accent-purple);color:var(--clr-accent-purple);padding:clamp(.4rem,1.5vw,.5rem) clamp(.75rem,2vw,1rem);border-radius:.5rem;cursor:pointer;font-weight:600;width:fit-content;transition:all .3s ease;font-size:clamp(.85rem,2vw,.9rem)}.btn-add-website:hover{background:#9d7aff1a;color:var(--clr-white)}.send-row{display:flex;gap:clamp(.75rem,2vw,1rem);flex-wrap:wrap;align-items:center;margin-top:.5rem}.send-row .btn{font-weight:600;padding:clamp(.65rem,1.5vw,.75rem) clamp(1.25rem,2.5vw,1.5rem);border-radius:10px;transition:all .3s ease}.sent-banner{background:#9d7aff1a;border:1px solid rgba(157,122,255,.25);border-radius:8px;padding:clamp(.75rem,2vw,1rem);color:var(--clr-white);font-weight:500;font-size:clamp(.85rem,1.8vw,.9rem);margin-top:.5rem}.error-text{color:var(--clr-accent-pink);font-size:clamp(.8rem,1.8vw,.85rem);margin:.25rem 0 0}.quote-help{font-weight:500;font-size:clamp(.85rem,1.8vw,.9rem);color:var(--clr-gray-mid);margin:1rem 0 0}.website-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.website-tag{display:flex;align-items:center;background:#9d7aff26;color:var(--clr-white);padding:clamp(.25rem,1vw,.3rem) clamp(.5rem,1.5vw,.6rem);border-radius:.5rem;font-size:clamp(.8rem,1.8vw,.85rem)}.website-tag button{background:transparent;border:none;color:var(--clr-accent-pink);margin-left:.3rem;font-size:clamp(.8rem,1.8vw,.9rem);cursor:pointer;transition:color .25s ease}.website-tag button:hover{color:var(--clr-accent-purple)}.quote-help a{color:var(--clr-accent-purple);text-decoration:underline;transition:color .25s ease}.quote-help a:hover{color:var(--clr-accent-pink)}.faq{background:radial-gradient(ellipse at top,#0a0a0f,#000);color:var(--clr-white)}.faq-list{display:grid;gap:12px;margin:0 auto}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.faq-item:hover{border-color:var(--clr-accent-pink)}.faq-question{font-size:clamp(1rem,3vw,1.2rem);padding:1.25rem;font-weight:600;position:relative;display:flex;justify-content:space-between;align-items:center;color:var(--clr-gray-lighter)}.faq-icon{color:var(--clr-accent-pink);transition:transform .25s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 1.25rem;overflow:hidden;transition:all .4s ease}.faq-answer p{color:var(--clr-gray-light);line-height:1.6;margin:1rem 0}.about{position:relative;background:linear-gradient(135deg,#1006330d,#1830620d,#6218530d),radial-gradient(ellipse at top,#0a0a0f,#000);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,5vw,64px);align-items:start;max-width:var(--mxw);margin:0 auto;padding:0 clamp(20px,4vw,40px)}.about-copy{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px)}.about-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--clr-white);background:#9d7aff1f;border:1px solid rgba(157,122,255,.3);transition:all .3s ease}.chip:hover{background:#9d7aff33;border-color:var(--clr-accent-purple);transform:translateY(-1px)}.about-title{margin:0;padding:0;font-size:clamp(1.75rem,4.2vw,2.7rem);font-weight:800;color:var(--clr-white);line-height:1.2;letter-spacing:-.02em}.about-lead{padding:0;color:var(--clr-gray-light)}.about-lead strong{color:var(--clr-white);font-weight:700}.about-points{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.about-points li{display:flex;align-items:flex-start;gap:.75rem;color:var(--clr-gray-light);font-size:.95rem;line-height:1.6;position:relative;padding-left:1.25rem}.about-points li:before{content:"→";position:absolute;left:0;color:var(--clr-accent-pink);font-weight:900;font-size:1.1em}.about-points li strong{color:var(--clr-white);font-weight:700}.about-stack{margin-top:.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.stack-label{display:block;color:var(--clr-white);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.stack-chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.stack-chips .chip{color:var(--clr-white);border-color:#ff3d9a4d;background:#ff3d9a14;text-transform:none}.stack-chips .chip:hover{background:#ff3d9a26;border-color:var(--clr-accent-pink)}.about-panel{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:clamp(1.5rem,4vw,2.5rem);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff08,#9d7aff05);overflow:hidden;transition:all .3s ease}.about-panel:hover{border-color:#9d7aff4d;box-shadow:0 0 10px #9d7aff1a}.about-art{position:absolute;inset:-30% -20% auto;height:120%;background:radial-gradient(circle at 50% 30%,rgba(157,122,255,.15) 0%,transparent 70%);filter:blur(40px);opacity:.4;pointer-events:none;animation:subtleFloat 8s ease-in-out infinite}@keyframes subtleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.about-panel-title{position:relative;margin:0 0 .5rem;color:var(--clr-white);z-index:1}.about-steps{position:relative;list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-direction:column;gap:1rem;z-index:1}.about-steps li{display:grid;grid-template-columns:40px 1fr;align-items:start;gap:1rem}.step-n{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9d7aff26,#ff3d9a26);border:2px solid rgba(157,122,255,.3);color:var(--clr-white);font-weight:900;flex-shrink:0;transition:all .3s ease}.about-steps li:hover .step-n{background:linear-gradient(135deg,#9d7aff40,#ff3d9a40);border-color:var(--clr-accent-purple);transform:scale(1.08)}.step-t{color:var(--clr-white);font-weight:700;margin-bottom:.05rem;line-height:1.3}.step-d{color:var(--clr-gray-light);font-size:.9rem;line-height:1.5}.about-mini-stats{position:relative;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;z-index:1}.mini{text-align:center;padding:1rem;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.mini:hover{background:#ffffff0d;border-color:#9d7aff4d;transform:translateY(-2px)}.mini-n{font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:900;background:linear-gradient(135deg,var(--clr-white),var(--clr-accent-purple));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;margin-bottom:.25rem}.mini-l{color:var(--clr-gray-mid);font-weight:500;font-size:.85rem}.icon-fallback,.image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff1a,#9d7aff1a);color:var(--clr-white);font-weight:800;font-size:1.5rem;border-radius:12px}.project-placeholder{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--clr-white),var(--clr-accent-purple));color:var(--clr-black);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900}.image-placeholder{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn:focus-visible,.work:focus-visible,.faq-item summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.section{scroll-margin-top:80px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rotator .word{transition:none;transform:none;opacity:1;position:static}}@media print{body{background:var(--clr-white)!important;color:var(--clr-black)!important}.btn{border:1px solid var(--clr-black)!important;background:var(--clr-white)!important;color:var(--clr-black)!important}}@media(max-width:992px){:root{--mxw: 100%}p,.body-text{font-size:clamp(.95rem,2.5vw,1rem)}.sub-title{font-size:clamp(1rem,2.8vw,1.15rem)}.h1,.h2,.h3{font-size:clamp(1.5rem,4vw,2rem)}.hero{height:85vh}.hero-content{padding:6vh 15px}.title-rotator{margin:clamp(-8px,-1.2vw,-12px) 0}.actions{align-items:center}.btn{padding:.8rem 1.4rem;font-size:.95rem}.grid,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);gap:18px}.grid-2{grid-template-columns:1fr}.cta-box{padding:clamp(20px,4vw,32px);border-radius:20px}.cta-actions{flex-direction:column;gap:10px}.services-section-grid{grid-template-columns:repeat(2,1fr)}.card{padding:clamp(1rem,3vw,1.5rem)}.card-icon{width:60px;height:60px}.card-icon img{width:40px;height:40px}.ts-grid{grid-template-columns:repeat(2,1fr);gap:14px}.ts-card{padding:clamp(.8rem,2vw,1rem);min-height:180px}.ts-avatar{width:48px;height:48px}.ts-quote{font-size:clamp(.9rem,2vw,.95rem)}.grid-projects{grid-template-columns:repeat(2,1fr)}.work-body{padding:1rem}.work-title{font-size:1.2rem}.work-tag{font-size:clamp(.65rem,2vw,.9rem)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat{padding:1rem}.stat-number{font-size:clamp(1.8rem,4vw,2.5rem)}.about-grid{grid-template-columns:1fr;gap:24px;padding:0 15px}.about-title{font-size:clamp(1.5rem,3.5vw,2rem)}.about-panel{padding:clamp(1rem,3vw,1.5rem)}.about-mini-stats{grid-template-columns:repeat(2,1fr)}.mini{padding:.8rem}.mini-n{font-size:clamp(1rem,2.2vw,1.2rem)}.why-grid{grid-template-columns:repeat(2,1fr);gap:16px}.why-card{padding:clamp(.8rem,2.5vw,1.2rem);min-height:160px}.why-header{flex-direction:column;align-items:flex-start}.why-cta{flex-direction:column;gap:8px}.get-quote-form{padding:2rem;border-radius:20px}.quote-row2{grid-template-columns:1fr;gap:1rem}.quote-field input,.quote-field select,.quote-field textarea{padding:.8rem;font-size:.95rem}.quote-websites label{font-size:1.2rem}.send-row{flex-direction:column;gap:.8rem}.sent-banner{margin-left:0;font-size:.9rem}.faq-list{gap:10px}.faq-question{font-size:clamp(.95rem,2.5vw,1.1rem);padding:1rem}.faq-answer{padding:0 1rem}.faq-answer p{font-size:.95rem}}@media(max-width:576px){p,.body-text{font-size:clamp(.9rem,3vw,.95rem)}.sub-title{font-size:clamp(.95rem,3vw,1rem)}.h1,.h2,.h3{font-size:clamp(1.2rem,5vw,1.6rem)}.badge{font-size:.7rem;padding:6px 12px}.hero{height:75vh}.hero-content{padding:5vh 10px}.title{font-size:clamp(2rem,10vw,2.8rem);gap:3px}.title-rotator{margin:clamp(-6px,-1vw,-8px) 0}.actions{gap:8px}.btn{padding:.7rem 1.2rem;font-size:.9rem;width:100%;max-width:300px}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:14px}.cta-box{padding:16px;border-radius:16px}.cta-actions{gap:8px}.services-section-grid{grid-template-columns:1fr}.card{padding:1rem}.card-icon{width:50px;height:50px}.card-icon img{width:32px;height:32px}.ts-grid{grid-template-columns:1fr;gap:12px}.ts-card{padding:.8rem;min-height:auto}.ts-avatar{width:40px;height:40px}.ts-quote{font-size:.9rem}.ts-stars{gap:4px}.ts-star{width:12px;height:12px}.grid-projects{grid-template-columns:1fr}.work-body{padding:.8rem}.work-title{font-size:1.1rem}.work-tag{font-size:.85rem}.work-visit,.rw-read-more-btn{font-size:.85rem;padding:.4rem .6rem}.stats-grid{grid-template-columns:1fr;gap:12px}.stat{padding:.8rem}.stat-number{font-size:clamp(1.5rem,5vw,2rem)}.stat-label{font-size:.8rem}.about-grid{padding:0 10px}.about-copy{gap:16px}.about-title{font-size:clamp(1.2rem,4vw,1.6rem)}.about-points li{font-size:.9rem;padding-left:1rem}.about-panel{padding:1rem}.about-mini-stats{grid-template-columns:1fr;gap:.5rem}.mini{padding:.6rem}.mini-n{font-size:1rem}.mini-l{font-size:.8rem}.why-grid{grid-template-columns:1fr;gap:12px}.why-card{padding:1rem;min-height:auto}.why-card-content{font-size:.9rem}.why-header{gap:12px}.get-quote-section{padding:0 10px}.get-quote-form{padding:1.5rem;border-radius:16px}.quote-row2{gap:.8rem}.quote-field input,.quote-field select,.quote-field textarea{padding:.7rem;font-size:.9rem}.quote-field textarea{rows:4}.quote-websites label{font-size:1rem}.quote-websites input[type=url]{padding:.7rem;font-size:.9rem}.website-tag{font-size:.85rem;padding:.25rem .5rem}.field-instruction{font-size:.8rem}.send-row{gap:.6rem}.sent-banner{font-size:.85rem;margin:.5rem 0}.quote-help{font-size:.85rem}.faq-list{gap:8px}.faq-question{font-size:clamp(.9rem,3vw,1rem);padding:.8rem}.faq-answer{padding:0 .8rem}.faq-answer p{font-size:.9rem;margin:.8rem 0}}.op-section{width:100%;min-height:100vh;background:radial-gradient(ellipse at top,#0a0a0f,#000);color:#fff;box-sizing:border-box;padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,4rem)}.op-slab{max-width:1400px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.op-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,4rem);text-align:center}.op-badge{display:inline-block;padding:.5rem 1rem;font-weight:600;color:#9ee6ff;border:1px solid rgba(25,198,255,.25);background:#19c6ff1f;border-radius:999px}.op-heading{color:#fff;line-height:1.2}.op-sub{margin:0 auto}.op-grid{display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:1fr;margin-bottom:clamp(3rem,6vw,5rem)}@media(min-width:640px){.op-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.op-grid{grid-template-columns:repeat(3,1fr)}}.op-card{border-radius:clamp(16px,2vw,24px);overflow:hidden;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#ffffff05,#9d7aff05);display:flex;flex-direction:column;transition:transform .32s cubic-bezier(.4,0,.2,1),border-color .32s,box-shadow .32s;height:100%;position:relative;cursor:pointer}.op-card:hover,.op-card:focus-within{transform:translateY(-6px);border-color:#9d7aff40;box-shadow:0 20px 40px #9d7aff26,0 8px 16px #0000004d}.op-card:active{transform:translateY(-3px)}.op-thumb{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#ffffff08,#9d7aff08)}.op-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .6s,opacity .3s;filter:brightness(.88)}.op-card:hover .op-img,.op-card:focus-within .op-img{transform:scale(1.04);filter:brightness(1)}.op-image-placeholder{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:op-shimmer 1.8s infinite linear}@keyframes op-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.op-image-fallback{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#ffffff05,#9d7aff05);min-height:200px}.op-project-placeholder{width:clamp(60px,10vw,80px);height:clamp(60px,10vw,80px);border-radius:clamp(12px,2vw,20px);background:linear-gradient(135deg,#9d7aff,#ff3d9a);color:#000;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(1.25rem,3vw,1.6rem)}.op-body{padding:clamp(1rem,2.5vw,1.5rem);display:flex;flex-direction:column;gap:.75rem;flex:1}.op-title{color:#fff}.op-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0}.op-tag{display:inline-block;padding:.25rem .625rem;font-size:clamp(.688rem,1.2vw,.75rem);font-weight:600;color:#9ee6ff;background:#19c6ff1a;border:1px solid rgba(25,198,255,.2);border-radius:6px;white-space:nowrap}.op-location{margin:0;font-size:clamp(.813rem,1.3vw,.875rem);color:#9ca0a8;font-weight:500}.op-desc{margin:0;color:#9ca0a8;flex:1}.op-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.op-visit{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;font-size:clamp(.813rem,1.3vw,.875rem);font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;padding:.5rem .875rem;border-radius:8px;transition:all .3s ease;white-space:nowrap}.op-visit:hover,.op-visit:focus{transform:translateY(-2px);border-color:#ff3d9a;background:#ff3d9a26;color:#ff3d9a;outline:none}.op-readmore{background:transparent;border:none;padding:0;font-size:clamp(.813rem,1.3vw,.875rem);color:#9d7aff;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:underline;text-decoration-color:transparent}.op-readmore:hover,.op-readmore:focus{color:#b89fff;text-decoration-color:currentColor;outline:none}.op-cta{margin-top:clamp(3rem,6vw,5rem);padding:clamp(2.5rem,4vw,3.5rem) clamp(1.5rem,3vw,2.5rem);background:linear-gradient(135deg,#9d7aff14,#ff3d9a14);border:1px solid rgba(157,122,255,.2);border-radius:clamp(20px,3vw,32px);text-align:center}.op-cta-title{color:#fff}.op-cta-text{margin:0 auto 1rem}.op-cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.op-btn-primary,.op-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;text-decoration:none;border-radius:12px;transition:all .3s ease;white-space:nowrap;min-width:160px}.op-btn-primary{background:linear-gradient(135deg,#9d7aff,#ff3d9a);color:#fff;border:none;box-shadow:0 1px 10px #9d7aff4d}.op-btn-primary:hover,.op-btn-primary:focus{transform:translateY(-1px);box-shadow:0 1px 15px #9d7aff66;outline:none}.op-btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2)}.op-btn-secondary:hover,.op-btn-secondary:focus{background:#ffffff14;border-color:#fff6;transform:translateY(-2px);outline:none}@media(max-width:640px){.op-section{padding:2.5rem 0 2rem}.op-header{text-align:left;margin-bottom:2rem}.op-badge{margin:0 0 .75rem}.op-card{border-radius:16px}.op-body{padding:1.25rem}.op-actions{flex-direction:column;gap:.5rem}.op-visit,.op-readmore{width:100%;justify-content:center}.op-cta{padding:2rem 1.5rem;border-radius:16px}.op-cta-actions{flex-direction:column;width:100%}.op-btn-primary,.op-btn-secondary{width:100%}}.op-card:focus-visible{outline:2px solid #9d7aff;outline-offset:4px}.op-visit:focus-visible,.op-readmore:focus-visible,.op-btn-primary:focus-visible,.op-btn-secondary:focus-visible{outline:2px solid #9d7aff;outline-offset:2px}@media print{.op-section{background:#fff;color:#000}.op-card{break-inside:avoid;page-break-inside:avoid}.op-cta{display:none}}.nf-root{padding:48px 0}.nf-h1{font-family:Space Grotesk,Inter,sans-serif;margin:0 0 6px}.nf-muted{color:#9ca0a8}.nf-btn{display:inline-block;margin-top:12px;padding:10px 14px;border-radius:12px;font-weight:700;color:#061019;background:linear-gradient(135deg,#19c6ff,#7c5cff)}.pa-article{margin:4rem auto 0;color:#f3f4f6;background:#000;box-sizing:border-box}.pa-article *{box-sizing:border-box}.pa-breadcrumb{font-size:clamp(.813rem,1.3vw,.875rem);color:#9ca0a8;margin-bottom:1.5rem}.pa-breadcrumb a{color:#9ca0a8;text-decoration:none;transition:color .2s ease}.pa-breadcrumb a:hover{color:#ff3d9a}.pa-hero-sub{margin:0 0 1.5rem;font-size:clamp(1rem,2vw,1.25rem);color:#bdbdbd}.pa-hero-meta{display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.5rem);margin-bottom:1.5rem;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.pa-meta-item{font-size:clamp(.813rem,1.3vw,.875rem);color:#9ca0a8}.pa-meta-item strong{color:#fff;font-weight:700}.pa-hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.pa-tag{display:inline-block;padding:.4rem .875rem;font-size:clamp(.75rem,1.2vw,.813rem);font-weight:600;color:#9ee6ff;background:#19c6ff1f;border:1px solid rgba(25,198,255,.25);border-radius:20px;white-space:nowrap}.pa-hero-image{position:relative;border-radius:clamp(12px,2vw,20px);overflow:hidden;box-shadow:0 20px 60px #00000080}.pa-hero-image img{width:100%;display:block;border-radius:clamp(12px,2vw,20px)}.pa-image-caption{margin:.75rem 0 0;font-size:clamp(.813rem,1.3vw,.875rem);color:#9ca0a8;font-style:italic;text-align:center}.pa-section{margin:clamp(2.5rem,5vw,4rem) 0;border-bottom:1px solid rgba(255,255,255,.06)}.pa-section:last-of-type{border-bottom:none}.pa-section h2{margin:0 0 1.25rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:#fff;line-height:1.3}.pa-section h3{margin:clamp(1.5rem,3vw,2rem) 0 1rem 0;font-size:clamp(1.188rem,3vw,1.625rem);font-weight:700;color:#fff;line-height:1.4}.pa-section h4{margin:1rem 0 .75rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;color:#fff;line-height:1.4}.pa-section p{margin:0 0 1.25rem;font-size:clamp(.938rem,1.8vw,1.063rem);color:#c7c7c7;line-height:1.75}.pa-section ul,.pa-section ol{margin:0 0 1.25rem;padding-left:clamp(1.25rem,3vw,1.75rem)}.pa-section li{margin-bottom:.875rem;font-size:clamp(.938rem,1.8vw,1.063rem);color:#c7c7c7;line-height:1.75}.pa-section li strong{color:#fff;font-weight:700}.pa-muted{color:#9aa0a6;font-size:clamp(.875rem,1.5vw,.938rem)}.pa-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1rem,2vw,1.5rem);margin:clamp(2rem,4vw,3rem) 0}.pa-stat-card{padding:clamp(1.25rem,3vw,2rem);background:linear-gradient(135deg,#9d7aff14,#ff3d9a14);border:1px solid rgba(157,122,255,.2);border-radius:clamp(12px,2vw,16px);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.pa-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #9d7aff33}.pa-stat-number{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:#fff;line-height:1.2;margin-bottom:.5rem;background:linear-gradient(135deg,#9d7aff,#ff3d9a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pa-stat-label{font-size:clamp(.875rem,1.5vw,1rem);color:#bdbdbd;line-height:1.4}.pa-challenge-list{margin:1.5rem 0;padding-left:0;list-style:none}.pa-challenge-list li{margin-bottom:1.5rem;padding-left:1.5rem;position:relative}.pa-challenge-list li:before{content:"⚠️";position:absolute;left:0;top:0}.pa-quote-box{margin:clamp(2rem,4vw,3rem) 0;padding:clamp(1.5rem,3vw,2.5rem);background:linear-gradient(135deg,#ffffff08,#9d7aff0d);border-left:4px solid #9d7aff;border-radius:clamp(12px,2vw,16px)}.pa-quote{margin:0 0 1rem;font-size:clamp(1.063rem,2.2vw,1.25rem);font-style:italic;color:#fff;line-height:1.7}.pa-quote-author{margin:0;font-size:clamp(.938rem,1.8vw,1rem);color:#9d7aff;font-weight:700}.pa-feature-highlight{margin:1.5rem 0;padding:clamp(1.25rem,3vw,2rem);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:clamp(12px,2vw,16px)}.pa-feature-box{margin:1.5rem 0;padding:clamp(1.25rem,3vw,1.75rem);background:linear-gradient(135deg,#19c6ff14,#9d7aff14);border:1px solid rgba(25,198,255,.25);border-radius:clamp(12px,2vw,16px)}.pa-feature-box h4{margin:0 0 .75rem;color:#9ee6ff}.pa-screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,2vw,1.5rem);margin:clamp(1.5rem,3vw,2rem) 0}.pa-screens img{width:100%;border-radius:clamp(8px,1.5vw,12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0006;transition:transform .3s ease,box-shadow .3s ease}.pa-screens img:hover{transform:scale(1.02);box-shadow:0 12px 32px #9d7aff4d}.pa-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(1rem,2vw,1.5rem);margin:clamp(2rem,4vw,3rem) 0}.pa-result-card{padding:clamp(1.25rem,3vw,1.75rem);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:clamp(12px,2vw,16px);transition:all .3s ease}.pa-result-card:hover{background:#ffffff0a;border-color:#9d7aff4d;transform:translateY(-3px)}.pa-result-card h4{margin:0 0 .75rem;font-size:clamp(1rem,2vw,1.125rem);color:#fff}.pa-result-card p{margin:0;font-size:clamp(.875rem,1.6vw,.938rem);color:#c7c7c7}.pa-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1rem,2vw,1.5rem);margin:clamp(2rem,4vw,3rem) 0}.pa-tech-category{padding:clamp(1.25rem,3vw,1.75rem);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:clamp(12px,2vw,16px)}.pa-tech-category h4{margin:0 0 1rem;font-size:clamp(1rem,2vw,1.125rem);color:#9d7aff}.pa-tech-category ul{list-style:none;padding:0;margin:0}.pa-tech-category li{margin-bottom:.5rem;padding-left:1.25rem;position:relative;font-size:clamp(.875rem,1.6vw,.938rem);color:#c7c7c7}.pa-tech-category li:before{content:"•";position:absolute;left:0;color:#9d7aff;font-weight:700}.pa-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(.75rem,2vw,1.25rem);margin:clamp(1.5rem,3vw,2rem) 0}.pa-gallery-item{background:transparent;border:none;padding:0;cursor:pointer;display:block;width:100%;overflow:hidden;border-radius:clamp(8px,1.5vw,12px);transition:transform .3s ease,box-shadow .3s ease}.pa-gallery-item:hover{transform:scale(1.03);box-shadow:0 8px 24px #9d7aff4d}.pa-gallery-item img{width:100%;height:200px;object-fit:cover;display:block;border-radius:clamp(8px,1.5vw,12px)}.pa-gallery-empty{padding:clamp(2rem,4vw,3rem);text-align:center;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:clamp(12px,2vw,16px)}.pa-gallery-empty p{margin:0;color:#9ca0a8}.pa-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pa-fadeIn .3s ease}@keyframes pa-fadeIn{0%{opacity:0}to{opacity:1}}.pa-lb-stage{max-width:90%;max-height:85%;display:flex;align-items:center;justify-content:center;padding:1rem}.pa-lb-stage img{max-width:100%;max-height:100%;border-radius:clamp(8px,1.5vw,12px);box-shadow:0 20px 60px #000c;animation:pa-zoomIn .3s ease}@keyframes pa-zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pa-lb-close,.pa-lb-prev,.pa-lb-next{position:absolute;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2);padding:clamp(.5rem,2vw,.75rem) clamp(.75rem,2.5vw,1rem);border-radius:clamp(6px,1.5vw,10px);cursor:pointer;font-size:clamp(1rem,2vw,1.25rem);transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pa-lb-close:hover,.pa-lb-prev:hover,.pa-lb-next:hover{background:#9d7affcc;border-color:#9d7aff;transform:scale(1.05)}.pa-lb-close{top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);font-size:clamp(1.25rem,3vw,1.5rem)}.pa-lb-prev{left:clamp(1rem,3vw,2rem);top:50%;transform:translateY(-50%)}.pa-lb-next{right:clamp(1rem,3vw,2rem);top:50%;transform:translateY(-50%)}.pa-lb-counter{position:absolute;bottom:clamp(1rem,3vw,2rem);left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:clamp(.875rem,1.5vw,1rem);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pa-cta{margin:clamp(3rem,6vw,5rem) 0;padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,4vw,3rem);background:linear-gradient(135deg,#9d7aff1f,#ff3d9a1f);border:1px solid rgba(157,122,255,.3);border-radius:clamp(20px,3vw,40px);text-align:center}.pa-cta h3{margin:0 0 1rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:#fff;line-height:1.3}.pa-cta>p{margin:1em;font-size:clamp(1rem,2vw,1.125rem);color:#bdbdbd;line-height:1.6}.pa-cta-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1rem,2vw,1.5rem);margin:clamp(2rem,4vw,3rem) 0;text-align:left}.pa-cta-feature{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:clamp(.875rem,1.6vw,.938rem)}.pa-cta-icon{font-size:1.5rem;margin-right:.5rem}.pa-cta-feature strong{display:block;color:#fff;margin-bottom:.25rem}.pa-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;margin-top:clamp(2rem,4vw,2.5rem)}.pa-cta-contact{margin-top:2rem;font-size:clamp(.875rem,1.6vw,.938rem);color:#9ca0a8}.pa-cta-contact a{color:#9d7aff;text-decoration:none;font-weight:700;transition:color .2s ease}.pa-cta-contact a:hover{color:#ff3d9a;text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,3vw,2rem);font-size:clamp(.938rem,1.8vw,1rem);font-weight:700;text-decoration:none;border-radius:clamp(8px,1.5vw,12px);transition:all .3s ease;cursor:pointer;border:none;white-space:nowrap;min-width:160px}.btn-primary{background:linear-gradient(135deg,#9d7aff,#ff3d9a);color:#fff;box-shadow:0 1px 10px #9d7aff4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 2px 12px #9d7aff80}.btn-secondary{background:#ffffff14;color:#fff;border:2px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-2px)}.btn-outline{background:transparent;color:#fff;border:2px solid rgba(157,122,255,.5)}.btn-outline:hover{background:#9d7aff26;border-color:#9d7aff;transform:translateY(-2px)}.pa-related{margin-top:clamp(3rem,6vw,5rem)}.pa-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1.5rem,3vw,2rem)}.pa-related-card{padding:clamp(1.5rem,3vw,2rem);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:clamp(12px,2vw,16px);text-decoration:none;display:block;transition:all .3s ease}.pa-related-card:hover{background:#ffffff0d;border-color:#9d7aff66;transform:translateY(-4px);box-shadow:0 12px 32px #9d7aff33}.pa-related-card h4{margin:0 0 .75rem;font-size:clamp(1.063rem,2vw,1.25rem);color:#fff}.pa-related-card p{margin:0 0 1rem;font-size:clamp(.875rem,1.6vw,.938rem);color:#bdbdbd}.pa-related-link{display:inline-flex;align-items:center;gap:.5rem;font-size:clamp(.875rem,1.6vw,.938rem);color:#9d7aff;font-weight:700;transition:gap .3s ease}.pa-related-card:hover .pa-related-link{gap:.75rem}.pa-related-card-all{background:linear-gradient(135deg,#9d7aff14,#ff3d9a14);border-color:#9d7aff4d}code{background:#ffffff0f;padding:.25rem .5rem;border-radius:4px;color:#9ee6ff;font-family:Courier New,monospace;font-size:.9em}pre{background:#ffffff08;padding:1rem;border-radius:clamp(8px,1.5vw,12px);overflow-x:auto;border:1px solid rgba(255,255,255,.08)}pre code{background:none;padding:0}@media(max-width:768px){.pa-article{padding:0 1rem}.pa-hero-meta{flex-direction:column;gap:.75rem}.pa-meta-item{display:block}.pa-stats-grid{grid-template-columns:repeat(2,1fr)}.pa-results-grid,.pa-tech-grid,.pa-screens{grid-template-columns:1fr}.pa-gallery-grid{grid-template-columns:repeat(2,1fr)}.pa-cta-features{grid-template-columns:1fr}.pa-cta-buttons{flex-direction:column;width:100%}.btn{width:100%;min-width:auto}.pa-related-grid{grid-template-columns:1fr}.pa-lb-prev,.pa-lb-next{bottom:5rem;top:auto;transform:none}.pa-lb-prev{left:1rem}.pa-lb-next{right:1rem;left:auto}}@media(max-width:480px){.pa-stats-grid,.pa-gallery-grid{grid-template-columns:1fr}.pa-hero-tags{justify-content:flex-start}.pa-tag{font-size:.75rem;padding:.3rem .6rem}.pa-section h2{font-size:1.5rem}.pa-section h3{font-size:1.188rem}}@media(min-width:769px)and (max-width:1024px){.pa-stats-grid{grid-template-columns:repeat(2,1fr)}.pa-gallery-grid{grid-template-columns:repeat(3,1fr)}.pa-tech-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1400px){.pa-article{max-width:1400px}.pa-stats-grid{grid-template-columns:repeat(4,1fr)}}@media print{.pa-article{background:#fff;color:#000}.pa-cta,.pa-related,.pa-lb-close,.pa-lb-prev,.pa-lb-next{display:none}.pa-section,.pa-hero-image,.pa-screens img,.pa-gallery-item{break-inside:avoid;page-break-inside:avoid}}.pa-gallery-item:focus-visible,.pa-lb-close:focus-visible,.pa-lb-prev:focus-visible,.pa-lb-next:focus-visible,.btn:focus-visible,.pa-related-card:focus-visible{outline:2px solid #9d7aff;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}