@font-face{font-family:cyberCopix;src:url(../media/cyber_copix_regular-s.p.0eq5tqu8odgr9.otf)format("opentype");font-display:swap;font-weight:400}@font-face{font-family:cyberCopix;src:url(../media/cyber_copix_bold-s.p.1xla4jijtanpx.otf)format("opentype");font-display:swap;font-weight:700}@font-face{font-family:cyberCopix Fallback;src:local(Arial);ascent-override:57.26%;descent-override:10.66%;line-gap-override:12.59%;size-adjust:119.11%}.cybercopix_369d5656-module__SHAuJa__className{font-family:cyberCopix,cyberCopix Fallback}.cybercopix_369d5656-module__SHAuJa__variable{--font-hero:"cyberCopix", "cyberCopix Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_989c8790-module__LoLK6W__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_989c8790-module__LoLK6W__variable{--font-title:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:font3270;src:url(../media/3270_Regular-s.p.1y73gu2-x53nb.otf)format("opentype");font-display:swap}@font-face{font-family:font3270 Fallback;src:local(Arial);ascent-override:67.6%;descent-override:16.9%;line-gap-override:7.61%;size-adjust:118.34%}.font3270_b5741048-module__s7W-Da__className{font-family:font3270,font3270 Fallback}.font3270_b5741048-module__s7W-Da__variable{--font-3270:"font3270", "font3270 Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#141414;--black2:#1a1a1a;--cyan:#00fffc;--deepblue:#002949;--ocean:#00658d;--gray:#3c3c3c;--white:#fff;--font-hero:var(--font-hero), "Cyber Copix", sans-serif;--font-display:var(--font-hero), "Cyber Copix", sans-serif;--font-title:var(--font-title), "Space Grotesk", sans-serif;--font-body:var(--font-title), "Space Grotesk", sans-serif;--font-mono:var(--font-3270), "3270", monospace;--font-3270:var(--font-3270), "3270", monospace;--ease:cubic-bezier(.22, .61, .36, 1);--radius:12px;--max-w:1440px}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 50% at 20% 10%,#00658d1f 0%,#0000 60%),radial-gradient(60% 40% at 80% 90%,#00fffc0d 0%,#0000 50%);position:fixed;inset:0}section,.container{z-index:1;position:relative}::selection{background:var(--cyan);color:var(--black)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.container{max-width:var(--max-w);margin:0 auto;padding:0 48px}@media (max-width:768px){.container{padding:0 20px}}.label-mono{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-size:12px}.h2{font-family:var(--font-3270);letter-spacing:-.02em;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:400;line-height:1.05}.h3{font-family:var(--font-title);letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.2}.text-gray{color:#fff9}.text-cyan{color:var(--cyan)}#progress-bar{z-index:10000;background:var(--cyan);width:0%;height:2px;transition:width .1s ease-out;position:fixed;top:0;left:0;box-shadow:0 0 12px #00fffc80}.cursor-dot,.cursor-ring{pointer-events:none;z-index:99999;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--cyan);width:6px;height:6px}.cursor-ring{border:1px solid #00fffc99;width:38px;height:38px;transition:width .25s,height .25s,border-color .25s}.cursor-ring.hovering{border-color:#00fffc4d;width:60px;height:60px}@media (max-width:768px){.cursor-dot,.cursor-ring{display:none}}#header{z-index:1000;background:0 0;border-bottom:1px solid #0000;align-items:center;width:100%;height:80px;transition:background .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0}#header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414d9;border-bottom-color:#00658d4d;box-shadow:0 4px 30px #00658d1a}.header-inner{width:100%;max-width:var(--max-w);justify-content:space-between;align-items:center;margin:0 auto;padding:0 48px;display:flex}.header-logo{align-items:center;gap:10px;transition:filter .3s;display:flex}.header-logo:hover{filter:drop-shadow(0 0 8px #00fffc66)}.header-logo .logo-icon{width:auto;height:32px}.header-logo .logo-text{font-family:var(--font-hero);color:var(--white);letter-spacing:.05em;font-size:1rem;font-weight:700}.header-nav{align-items:center;gap:32px;display:flex}.header-nav a{color:var(--ocean);padding:4px 0;font-size:.875rem;font-weight:500;transition:color .25s,text-shadow .25s;position:relative}.header-nav a:after{content:"";background:var(--cyan);width:0%;height:1px;transition:width .3s var(--ease);position:absolute;bottom:0;left:0;box-shadow:0 0 6px #00fffc80}.header-nav a:hover:after,.header-nav a.active:after{width:100%}.header-nav a:hover,.header-nav a.active{color:var(--cyan);text-shadow:0 0 12px #00fffc4d}.header-cta{background:var(--cyan);color:var(--black);border-radius:2px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:box-shadow .3s,transform .3s;display:flex;position:relative;overflow:hidden}.header-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.header-cta:hover:before{left:100%}.header-cta:hover{transform:translateY(-2px);box-shadow:0 0 30px #00fffc80}.header-cta .arrow{color:var(--black);font-weight:300;transition:transform .3s}.header-cta:hover .arrow{transform:translate(4px)}@media (max-width:968px){.header-nav{display:none}.header-inner{padding:0 20px}}#mobile-menu{background:var(--black);z-index:2000;opacity:0;visibility:hidden;flex-direction:column;justify-content:center;padding:48px 20px;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}#mobile-menu.open{opacity:1;visibility:visible}#mobile-menu .mm-list{flex-direction:column;gap:12px;display:flex}#mobile-menu .mm-list a{font-family:var(--font-title);color:#fffc;padding:8px 0;font-size:2rem;font-weight:700;transition:color .3s,transform .3s}#mobile-menu .mm-list a:hover{color:var(--cyan);transform:translate(8px)}#mm-close{color:var(--white);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex;position:absolute;top:24px;right:20px}#mm-close:hover{background:var(--black2)}#mm-cta{background:var(--cyan);color:var(--black);text-align:center;border-radius:2px;padding:18px;font-size:1rem;font-weight:700;position:absolute;bottom:40px;left:20px;right:20px}#mm-cta,.header-cta,.btn-primary,.form-submit,.newsletter-form button{color:var(--black)}#mm-cta *,.header-cta *,.btn-primary *,.form-submit *,.newsletter-form button *{color:inherit}.mm-toggle{background:0 0;flex-direction:column;gap:5px;padding:8px;display:none}.mm-toggle span{background:var(--white);border-radius:2px;width:24px;height:2px}@media (max-width:968px){.mm-toggle{display:flex}.header-cta{display:none}}#hero{background:var(--black);align-items:center;min-height:100vh;padding-top:120px;padding-bottom:40px;display:flex;position:relative;overflow:hidden}#hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#00294999 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-20%;right:-10%}.hero-grid{width:100%;max-width:var(--max-w);z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;margin:0 auto;padding:0 48px;display:grid;position:relative}.hero-content{opacity:0;animation:heroIn .8s var(--ease) forwards;transform:translateY(30px)}@keyframes heroIn{to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-title);letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:.95}.hero-title .line{opacity:0;animation:lineIn .8s var(--ease) forwards;color:var(--ocean);display:block;transform:translateY(30px)}.hero-title .line1{animation-delay:.15s}.hero-title .line2{animation-delay:.25s}.hero-title .line3{animation-delay:.35s}@keyframes lineIn{to{opacity:1;transform:translateY(0)}}.hero-title .cyan-word{color:var(--cyan)}.hero-subtitle{color:#ffffffb3;opacity:0;max-width:500px;animation:heroIn .8s var(--ease) .45s forwards;margin-bottom:32px;font-size:1.1rem;line-height:1.6;transform:translateY(20px)}.hero-buttons{opacity:0;animation:heroIn .8s var(--ease) .55s forwards;flex-wrap:wrap;gap:16px;display:flex;transform:translateY(20px)}.btn-primary{background:var(--cyan);color:var(--black);border-radius:2px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:700;transition:box-shadow .3s,transform .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 28px #00fffc66}.arrow-thin{margin-left:4px;font-weight:300}.btn-primary .arr{color:var(--black);font-weight:300;transition:transform .3s}.btn-primary:hover .arr{transform:translate(6px)}.btn-secondary{color:var(--white);border:1.5px solid var(--gray);background:0 0;border-radius:2px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:border-color .3s,color .3s,transform .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}.hero-visual{opacity:0;height:480px;animation:heroIn 1s var(--ease) .4s forwards;position:relative;transform:translate(30px)}.hv-card{background:var(--black2);border:1px solid var(--gray);border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 20px 60px #00000080}.hv-card-main{z-index:2;width:70%;height:75%;top:10%;right:5%}.hv-card-small1{z-index:3;border-color:#00fffc4d;width:40%;height:30%;bottom:8%;left:2%}.hv-card-small2{z-index:1;background:var(--deepblue);border-color:#0000;width:30%;height:20%;top:2%;left:5%}.hv-card .mock-bar{background:#0000004d;gap:4px;padding:8px 12px;display:flex}.hv-card .mock-dot{background:var(--gray);border-radius:50%;width:6px;height:6px}.hv-card .mock-dot:first-child{background:var(--cyan)}.hv-card-main .mock-body{padding:14px}.mock-line{background:#ffffff26;border-radius:4px;height:8px;margin-bottom:8px}.mock-line.short{width:60%}.mock-line.cyan{background:var(--cyan);width:40%}.hero-labels{font-family:var(--font-mono);letter-spacing:.14em;color:#fff6;z-index:5;text-transform:uppercase;font-size:10px;position:absolute}.hl-1{top:15%;left:-10px}.hl-2{bottom:20%;right:-10px}.hl-3{bottom:5%;left:30%}.hero-info-row{font-family:var(--font-mono);letter-spacing:.1em;color:#ffffff80;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:24px;margin-top:48px;font-size:11px;display:flex}.hero-info-row .dot-line{color:#ffffff4d;font-weight:300}.hero-highlights{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.hero-highlights span{color:#ffffff80;align-items:center;gap:6px;font-size:.8rem;display:flex}.hero-highlights span:before{content:"✓";color:var(--ocean);font-weight:700}.hero-scroll{font-size:11px;font-family:var(--font-mono);color:#fff6;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero-scroll .line-anim{background:var(--cyan);width:30px;height:1px;position:relative;overflow:hidden}.hero-scroll .line-anim:after{content:"";background:var(--cyan);width:100%;height:100%;animation:2s infinite scrollLine;position:absolute;top:0;left:-100%}@keyframes scrollLine{0%{left:-100%}to{left:100%}}@media (max-width:968px){.hero-grid{grid-template-columns:1fr;gap:40px;padding:0 20px}.hero-visual{height:320px;margin-top:20px}}.marquee-section{background:var(--black2);border-top:1px solid var(--gray);border-bottom:1px solid var(--gray);padding:20px 0;position:relative;overflow:hidden}.marquee-track{white-space:nowrap;width:max-content;animation:15s linear infinite marquee;display:flex}.marquee-track span{font-family:var(--font-title);letter-spacing:.05em;text-transform:uppercase;color:var(--ocean);align-items:center;gap:32px;padding:0 32px;font-size:1.8rem;font-weight:600;display:inline-flex}.marquee-track span:after{content:"";background:var(--cyan);border-radius:50%;flex-shrink:0;width:6px;height:6px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.section{padding:100px 0;position:relative}#about{background:var(--black)}.about-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:60px;display:grid}.about-left{position:sticky;top:100px}.about-left .label-mono{margin-bottom:16px}.about-left p{color:#ffffff80;max-width:260px;margin-top:12px;font-size:.95rem}.about-right .h2{margin-bottom:24px}.about-right .h2 .cyan-word{color:var(--cyan)}.about-right>p{color:#ffffffa6;max-width:600px;margin-bottom:32px;font-size:1.05rem;line-height:1.7}.about-stats{border-top:1px solid var(--gray);grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;padding-top:32px;display:grid}.stat-num{font-family:var(--font-title);letter-spacing:-.02em;font-size:2.2rem;font-weight:800;line-height:1}.stat-line{background:var(--cyan);width:32px;height:2px;margin:12px 0}.stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}@media (max-width:968px){.about-grid{grid-template-columns:1fr}.about-left{position:static}.about-stats{grid-template-columns:repeat(2,1fr)}}#problems{background:var(--black);border-top:1px solid var(--gray)}.section-head{max-width:700px;margin-bottom:48px}.section-head .h2{margin-bottom:16px}.section-head p{color:#fff9;font-size:1rem}.problems-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.problem-card{background:var(--black2);border:1px solid var(--gray);border-radius:var(--radius);padding:32px;transition:background .4s,border-color .4s,transform .4s;position:relative;overflow:hidden}.problem-card:hover{background:var(--deepblue);border-color:#0000;transform:translateY(-4px)}.problem-card .num{font-family:var(--font-mono);color:var(--cyan);margin-bottom:40px;font-size:.85rem;transition:color .3s;display:block}.problem-card h3{font-family:var(--font-title);letter-spacing:-.01em;margin-bottom:12px;font-size:1.15rem;font-weight:700}.problem-card p{color:#ffffff8c;font-size:.9rem;line-height:1.65}.problem-card .icon-line{border:1px solid var(--gray);color:#fff6;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:300;transition:border-color .3s;display:flex;position:absolute;top:24px;right:24px}.problem-card:hover .icon-line{border-color:#fff6}@media (max-width:968px){.problems-grid{grid-template-columns:1fr}}#solutions{background:var(--black);border-top:1px solid var(--gray)}.solutions-wrap{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.solution-block{background:linear-gradient(135deg, var(--black2) 0%, var(--deepblue) 100%);border:1px solid var(--gray);border-radius:var(--radius);padding:40px 32px;transition:transform .4s,border-color .4s;position:relative}.solution-block:hover{border-color:#00fffc66;transform:translateY(-6px)}.solution-block .s-icon-line{background:#fff6;width:24px;height:1px;margin-bottom:32px}.solution-block h3{font-family:var(--font-title);letter-spacing:-.01em;margin-bottom:16px;font-size:1.3rem;font-weight:700}.solution-block p{color:#ffffffa6;font-size:.92rem;line-height:1.7}.solution-block .s-line{background:var(--cyan);width:0%;height:3px;transition:width .6s var(--ease);position:absolute;bottom:0;left:0}.solution-block:hover .s-line{width:100%}@media (max-width:968px){.solutions-wrap{grid-template-columns:1fr}}#services{background:var(--black);border-top:1px solid var(--gray)}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.service-card{background:var(--black2);border:1px solid var(--gray);border-radius:var(--radius);padding:32px;transition:transform .4s,background .4s,border-color .4s}.service-card:hover{background:var(--deepblue);border-color:#0000;transform:translateY(-6px)}.service-card .s-num{font-family:var(--font-mono);color:var(--cyan);margin-bottom:24px;font-size:.85rem;display:block}.service-card h3{font-family:var(--font-title);margin-bottom:12px;font-size:1.3rem;font-weight:700}.service-card p{color:#ffffff8c;margin-bottom:24px;font-size:.88rem;line-height:1.65}.service-card .includes{border-top:1px solid #ffffff14;margin-bottom:24px;padding-top:16px}.service-card .includes li{color:#fff9;align-items:center;gap:8px;margin-bottom:6px;font-size:.8rem;display:flex}.service-card .includes li:before{content:"";background:var(--cyan);border-radius:50%;flex-shrink:0;width:4px;height:4px}.service-card .s-cta{color:var(--white);align-items:center;gap:8px;font-size:.9rem;font-weight:600;transition:color .3s,gap .3s;display:inline-flex}.service-card .s-cta:hover{color:var(--cyan);gap:12px}.service-card:last-child{grid-column:span 1}@media (max-width:968px){.services-grid{grid-template-columns:1fr}}#includes-list{background:var(--black);border-top:1px solid var(--gray)}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;display:grid}.feature-item{background:var(--black2);border:1px solid var(--gray);border-radius:10px;align-items:flex-start;gap:12px;padding:24px;transition:border-color .3s,transform .3s;display:flex}.feature-item:hover{border-color:#00fffc4d;transform:translate(4px)}.feature-item .dot-cyan{background:var(--cyan);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px;box-shadow:0 0 8px #00fffc66}.feature-item span{color:#ffffffb3;font-size:.85rem;line-height:1.4}@media (max-width:968px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.features-grid{grid-template-columns:1fr}}#projects{background:var(--black);border-top:1px solid var(--gray)}.project-filters{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.project-filters .filter-btn{border:1px solid var(--gray);color:#fff9;border-radius:2px;padding:8px 18px;font-size:.8rem;font-weight:500;transition:border-color .3s,color .3s,background .3s}.project-filters .filter-btn:hover,.project-filters .filter-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00fffc0d}.projects-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.project-card{background:var(--black2);border:1px solid var(--gray);border-radius:var(--radius);cursor:pointer;grid-column:span 4;transition:transform .4s,border-color .4s;position:relative;overflow:hidden}.project-card.large{grid-column:span 8}.project-card:hover{border-color:#00fffc4d}.project-card .pc-img{display:block;position:relative;overflow:hidden}.pc-img .mock-preview{background:linear-gradient(135deg,#0c2d4a 0%,#062a40 100%);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:20px;display:flex;position:relative}.pc-img .mp-bar{background:#fff3;border-radius:4px;width:80%;height:10px;margin-bottom:6px}.pc-img .mp-bar.short{width:50%}.pc-img .mp-bar.cyan-bar{background:var(--cyan);width:30%}.pc-browser{background:#1a1a1a;border:1px solid #ffffff14;border-bottom:none;border-radius:10px 10px 0 0;overflow:hidden}.pc-browser-bar{background:#111;align-items:center;gap:6px;padding:10px 14px;display:flex}.pc-dot{background:#333;border-radius:50%;width:8px;height:8px}.pc-dot:first-child{background:#ff5f57}.pc-dot:nth-child(2){background:#ffbd2e}.pc-dot:nth-child(3){background:#28c840}.pc-url{font-family:var(--font-mono);color:#666;letter-spacing:.02em;background:#222;border-radius:5px;flex:1;margin-left:10px;padding:5px 12px;font-size:10px}.pc-screen{aspect-ratio:16/10;background:#0a0a0a;width:100%;overflow:hidden}.pc-screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.project-card:hover .pc-screen img{filter:brightness(1.05);transition:filter .3s}.pc-overlay{opacity:0;background:linear-gradient(#0000 0%,#000000b3 100%);align-items:flex-end;padding:20px;transition:opacity .4s;display:flex;position:absolute;inset:0}.project-card:hover .pc-overlay{opacity:1}.pc-overlay .view-text{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);font-size:.8rem}.pc-body{padding:20px}.pc-body .pc-cat{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-size:.7rem}.pc-body h3{font-family:var(--font-3270);letter-spacing:-.01em;margin-top:8px;font-size:1.3rem;font-weight:400}.pc-body .pc-obj{color:#ffffff8c;margin-top:8px;font-size:.85rem;line-height:1.5}.pc-body .pc-meta{font-family:var(--font-mono);color:#fff6;justify-content:space-between;align-items:center;margin-top:16px;font-size:.75rem;display:flex}@media (max-width:968px){.projects-grid{grid-template-columns:1fr}.project-card,.project-card.large{grid-column:span 1}}#process{background:var(--black);border-top:1px solid var(--gray)}.process-timeline{grid-template-columns:repeat(5,1fr);gap:0;margin-top:48px;display:grid;position:relative}.process-timeline:before{content:"";background:var(--gray);height:2px;position:absolute;top:24px;left:0;right:0}.process-step{text-align:center;padding:0 16px;position:relative}.process-step:before{content:"";background:var(--black);border:3px solid var(--cyan);z-index:2;border-radius:50%;width:14px;height:14px;transition:box-shadow .3s;position:absolute;top:18px;left:50%;transform:translate(-50%)}.process-step:hover:before{box-shadow:0 0 16px #00fffc99}.process-step .step-num{font-family:var(--font-mono);color:var(--cyan);margin-top:48px;margin-bottom:12px;font-size:.8rem;display:block}.process-step h3{font-family:var(--font-title);color:var(--ocean);margin-bottom:10px;font-size:1rem;font-weight:700}.process-step p{color:#ffffff8c;font-size:.82rem;line-height:1.55}@media (max-width:968px){.process-timeline{grid-template-columns:1fr;gap:32px}.process-timeline:before,.process-step:before{display:none}.process-step .step-num{margin-top:0}.process-step{background:var(--black2);border:1px solid var(--gray);border-radius:var(--radius);text-align:left;padding:24px}}#benefits{background:var(--black);border-top:1px solid var(--gray)}.benefits-list{flex-direction:column;gap:16px;margin-top:48px;display:flex}.benefit-card{background:var(--black2);border:1px solid var(--gray);border-radius:var(--radius);align-items:center;gap:40px;padding:24px 32px;transition:background .4s,border-color .4s;display:flex;position:relative;overflow:hidden}.benefit-card:hover{background:#00294999;border-color:#00fffc33}.benefit-card .benefit-num{font-family:var(--font-mono);color:#fff6;flex-shrink:0;width:30px;font-size:.8rem}.benefit-card h3{font-family:var(--font-title);flex-shrink:0;width:180px;font-size:1.1rem;font-weight:700}.benefit-card p{color:#ffffff8c;flex:1;font-size:.9rem;line-height:1.5}.benefit-card .benefit-bar{background:var(--cyan);width:0%;height:3px;transition:width .6s var(--ease);position:absolute;bottom:0;left:0}.benefit-card:hover .benefit-bar{width:100%}@media (max-width:768px){.benefit-card{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.benefit-card h3{width:auto}}#testimonials{background:var(--black);border-top:1px solid var(--gray)}.testimonial-slider{max-width:800px;min-height:300px;margin:48px auto 0;position:relative;overflow:hidden}.testimonial-slide{opacity:0;transition:opacity .5s, transform .5s var(--ease);background:var(--black2);border:1px solid var(--gray);border-radius:var(--radius);pointer-events:none;flex-direction:column;justify-content:center;padding:40px;display:flex;position:absolute;inset:0;transform:translate(40px)}.testimonial-slide.active{opacity:1;pointer-events:auto;position:relative;transform:translate(0)}.testimonial-slide .quote-mark{color:var(--cyan);font-size:3rem;line-height:0;font-family:var(--font-title);margin-bottom:16px}.testimonial-slide .quote-text{color:#ffffffd9;margin-bottom:24px;font-size:1.1rem;font-weight:500;line-height:1.7}.testimonial-slide .quote-author{font-size:.95rem;font-weight:700}.testimonial-slide .quote-role{color:#ffffff80;font-size:.8rem}.testimonial-dots{justify-content:center;gap:10px;margin-top:32px;display:flex}.testimonial-dots button{border:1px solid var(--gray);border-radius:50%;width:10px;height:10px;transition:background .3s,border-color .3s}.testimonial-dots button.active{background:var(--cyan);border-color:var(--cyan)}.cta-mid{background:linear-gradient(135deg, var(--deepblue), var(--ocean));text-align:center;border-radius:20px;margin:80px 0;padding:64px;position:relative;overflow:hidden}.cta-mid:before{content:"";pointer-events:none;background:radial-gradient(circle,#00fffc1a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.cta-mid h2{font-family:var(--font-title);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.1;position:relative}.cta-mid p{color:#ffffffbf;max-width:500px;margin:0 auto 32px;position:relative}@media (max-width:768px){.cta-mid{border-radius:12px;padding:40px 24px}}#faq{background:var(--black);border-top:1px solid var(--gray)}.faq-list{max-width:700px;margin-top:48px}.faq-item{border-bottom:1px solid var(--gray);margin-bottom:0}.faq-item:first-child{border-top:1px solid var(--gray)}.faq-question{text-align:left;width:100%;font-family:var(--font-title);background:0 0;justify-content:space-between;align-items:center;padding:24px 0;font-size:1.05rem;font-weight:600;transition:color .3s;display:flex}.faq-question:hover{color:var(--cyan)}.faq-question .chevron{color:var(--cyan);transition:transform .4s var(--ease);flex-shrink:0;font-size:1.2rem}.faq-question[aria-expanded=true] .chevron{transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .5s var(--ease);overflow:hidden}.faq-answer p{color:#fff9;padding:0 0 24px;font-size:.95rem;line-height:1.7}#final-cta{background:var(--black);border-top:1px solid var(--gray);padding:120px 0;position:relative;overflow:hidden}#final-cta:before{content:"";background:radial-gradient(circle,#00294980 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:-30%;right:-10%}.final-cta-inner{text-align:center;z-index:2;max-width:800px;margin:0 auto;position:relative}.final-cta-inner .h2{font-family:var(--font-3270);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:400}.final-cta-inner p{color:#ffffffa6;max-width:500px;margin:24px auto 40px;font-size:1.05rem}.final-cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}#footer{background:var(--black);border-top:1px solid var(--gray);padding:64px 0 0}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;padding-bottom:48px;display:grid}.footer-brand .footer-logo-group{align-items:center;gap:10px;margin-bottom:12px;display:flex}.footer-brand .footer-logo-icon{width:auto;height:48px}.footer-brand .footer-logo-text{font-family:var(--font-hero);color:var(--white);letter-spacing:.05em;font-size:1.5rem;font-weight:700}.footer-brand p{color:#ffffff80;max-width:260px;margin-top:16px;font-size:.9rem;line-height:1.6}.footer-col h4{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;color:var(--white);margin-bottom:20px;font-size:.9rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;display:flex}.footer-col a{color:#ffffff80;font-size:.85rem;transition:color .3s}.footer-col a:hover{color:var(--cyan)}.footer-newsletter{background:var(--black2);border:1px solid var(--gray);border-radius:var(--radius);padding:24px}.footer-newsletter h4{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:.85rem;font-weight:700}.footer-newsletter p{color:#ffffff80;margin-bottom:16px;font-size:.8rem}.newsletter-form{gap:8px;display:flex}.newsletter-form input{background:var(--black);border:1px solid var(--gray);font-family:var(--font-body);color:var(--white);border-radius:50px;outline:none;flex:1;padding:10px 14px;font-size:.85rem;transition:border-color .3s}.newsletter-form input:focus{border-color:var(--cyan)}.newsletter-form button{background:var(--cyan);color:var(--black);border-radius:2px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:box-shadow .3s}.newsletter-form button:hover{box-shadow:0 0 16px #00fffc4d}.footer-brand .footer-cta{background:var(--cyan);border-radius:2px;align-items:center;gap:8px;margin-top:16px;padding:14px 28px;font-size:.9rem;font-weight:700;transition:box-shadow .3s,transform .3s;display:inline-flex;color:var(--black)!important}.footer-brand .footer-cta:hover{transform:translateY(-2px);box-shadow:0 0 30px #00fffc80}.footer-brand .footer-cta *{color:var(--black)!important}.footer-bottom{border-top:1px solid var(--gray);color:#ffffff59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 0;font-size:.8rem;display:flex}.footer-bottom .links{gap:16px;display:flex}.footer-bottom .links a{color:#ffffff59;transition:color .3s}.footer-bottom .links a:hover{color:var(--cyan)}@media (max-width:968px){.footer-grid{grid-template-columns:1fr;gap:32px}}#plans{background:var(--black);border-top:1px solid var(--gray)}.plans-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;margin-top:48px;display:grid}.plan-card{background:var(--black2);border:1px solid var(--gray);border-radius:var(--radius);flex-direction:column;padding:32px;transition:transform .4s,border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.plan-card:before{content:"";background:var(--ocean);opacity:0;height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.plan-card:hover{border-color:#00658d66;transform:translateY(-8px);box-shadow:0 12px 40px #0006,0 0 30px #00658d26}.plan-card:hover:before{opacity:1}.plan-card[data-plan=start]:before{background:linear-gradient(90deg,#00658d,#00a3cc)}.plan-card[data-plan=start]:hover{border-color:#00a3cc66;box-shadow:0 12px 40px #0006,0 0 30px #00a3cc26}.plan-card[data-plan=start] .plan-name,.plan-card[data-plan=start] .plan-check{color:#00a3cc}.plan-card[data-plan=performance]{background:linear-gradient(180deg, #00fffc0a 0%, var(--black2) 100%);border-color:#00fffc40}.plan-card[data-plan=performance]:before{opacity:1;background:linear-gradient(90deg,#00fffc,#0ca);height:4px}.plan-card[data-plan=performance]:hover{border-color:#00fffc80;box-shadow:0 12px 40px #0006,0 0 40px #00fffc33}.plan-card[data-plan=performance] .plan-name,.plan-card[data-plan=performance] .plan-price,.plan-card[data-plan=performance] .plan-check{color:#00fffc}.plan-card[data-plan=business]:before{background:linear-gradient(90deg,#c4a56a,#e8c88a)}.plan-card[data-plan=business]:hover{border-color:#c4a56a66;box-shadow:0 12px 40px #0006,0 0 30px #c4a56a26}.plan-card[data-plan=business] .plan-name,.plan-card[data-plan=business] .plan-check{color:#c4a56a}.plan-recommended{color:#0a0a0a;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#00fffc,#0ca);border-radius:20px;padding:6px 12px;font-size:.65rem;font-weight:700;line-height:1;position:absolute;top:16px;right:16px}.plan-name{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ocean);margin-bottom:16px;font-size:.8rem;display:block}.plan-price{font-family:var(--font-display);margin-bottom:8px;font-size:2rem;font-weight:700}.plan-desc{margin-bottom:8px;font-size:.95rem;font-weight:600}.plan-sub{color:#ffffff80;margin-bottom:24px;font-size:.85rem;line-height:1.6}.plan-includes{border-top:1px solid #ffffff14;flex:1;margin-bottom:24px;padding-top:16px}.plan-item{color:#ffffffa6;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:.85rem;line-height:1.4;display:flex}.plan-check{color:var(--ocean);flex-shrink:0;font-weight:700}.plan-cta{justify-content:center;width:100%}@media (max-width:968px){.plans-grid{grid-template-columns:1fr}}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}#quote-modal{z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#quote-modal.open{display:flex}.modal-box{background:var(--black2);border:1px solid var(--gray);border-radius:16px;width:100%;max-width:900px;max-height:90vh;padding:40px;position:relative;overflow-y:auto}.modal-box .close-modal{color:#fff9;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:background .3s;display:flex;position:absolute;top:20px;right:20px}.modal-box .close-modal:hover{background:var(--gray)}.modal-box h2{font-family:var(--font-title);margin-bottom:4px;font-size:1.8rem;font-weight:800}.modal-box .modal-sub{color:#fff9;margin-bottom:32px;font-size:.9rem}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field{flex-direction:column;gap:4px;display:flex}.form-field.full{grid-column:span 2}.form-field label{color:#fff9;font-size:.8rem;font-weight:500}.form-field input,.form-field select,.form-field textarea{background:var(--black);border:1px solid var(--gray);font-family:var(--font-body);color:var(--white);border-radius:8px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .3s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--cyan)}.form-field textarea{resize:vertical;min-height:80px}.form-consent{color:#ffffff80;grid-column:span 2;align-items:flex-start;gap:8px;font-size:.8rem;display:flex}.form-consent input{margin-top:3px}.form-submit{background:var(--cyan);color:var(--black);border-radius:2px;grid-column:span 2;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:700;transition:box-shadow .3s;display:flex}.form-submit:hover{box-shadow:0 0 24px #00fffc66}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.form-field.full,.form-consent,.form-submit{grid-column:span 1}.modal-box{padding:24px}}.preview-overlay{z-index:5000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:previewFadeIn .4s var(--ease);background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes previewFadeIn{0%{opacity:0}to{opacity:1}}.preview-container{flex-direction:column;width:100%;max-width:1400px;height:100%;max-height:90vh;margin:0 auto;padding:20px;display:flex}.preview-header{animation:previewSlideDown .5s var(--ease) .1s both;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 0 16px;display:flex}@keyframes previewSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.preview-info{flex-direction:column;gap:4px;display:flex}.preview-cat{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-size:.7rem}.preview-title{font-family:var(--font-3270);color:var(--white);font-size:1.3rem;font-weight:400}.preview-actions{align-items:center;gap:20px;display:flex}.preview-hint{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;font-size:.7rem;animation:2s ease-in-out infinite hintPulse}@keyframes hintPulse{0%,to{opacity:.35}50%{opacity:.7}}.preview-close{width:44px;height:44px;color:var(--white);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:background .3s,border-color .3s,transform .3s;display:flex}.preview-close:hover{border-color:var(--cyan);background:#ffffff1a;transform:rotate(90deg)}.preview-viewport{background:var(--black);scrollbar-width:thin;scrollbar-color:var(--cyan) transparent;animation:previewScaleUp .5s var(--ease) .2s both;border:1px solid #ffffff14;border-radius:12px;flex:1;position:relative;overflow:hidden auto}@keyframes previewScaleUp{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.preview-viewport::-webkit-scrollbar{width:6px}.preview-viewport::-webkit-scrollbar-track{background:0 0}.preview-viewport::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:3px}.preview-scroll-content{width:100%;min-height:100%}.preview-scroll-content img{width:100%;height:auto;display:block}.preview-progress{background:var(--cyan);transform-origin:top;z-index:5001;pointer-events:none;width:3px;height:100vh;position:fixed;top:0;right:0;transform:scaleY(0)}@media (max-width:768px){.preview-container{max-height:100vh;padding:12px}.preview-header{padding:0 0 12px}.preview-title{font-size:1rem}.preview-hint{display:none}.preview-close{width:36px;height:36px;font-size:.9rem}.preview-viewport{border-radius:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:768px){body:before,body:after{display:none}.marquee-track{animation-duration:30s!important}.section{padding:60px 0}.hero-visual{display:none}.hero-grid{grid-template-columns:1fr}.hero-title{font-size:2.2rem;line-height:1.1}.plan-card{padding:24px}.plan-price{font-size:1.5rem}.hv-card{transform:none!important}.projects-grid{gap:16px}.pc-card{transform:none!important}.footer-grid,.about-grid{grid-template-columns:1fr;gap:32px}.benefits-grid{grid-template-columns:1fr}.line-anim{animation:none}}