@font-face{font-family:ClashGrotesk;src:url(/fonts/ClashGrotesk-Variable.woff2)format("woff2-variations"),url(/fonts/ClashGrotesk-Variable.woff2)format("woff2");font-weight:200 700;font-style:normal;font-display:swap}@font-face{font-family:ClashDisplay;src:url(/fonts/ClashDisplay-Variable.woff2)format("woff2-variations"),url(/fonts/ClashDisplay-Variable.woff2)format("woff2");font-weight:200 700;font-style:normal;font-display:swap}:root{--neutral-0:#fff;--neutral-10:#f9fafb;--neutral-20:#e5e7eb;--neutral-30:#d1d5db;--neutral-40:#aeb2ba;--neutral-50:#6b7280;--neutral-60:#4b5563;--neutral-70:#374151;--neutral-80:#1f2937;--neutral-90:#111827;--neutral-100:#030712;--icon-scroll-size:160px;--primary-icon-size:66px;--secondary-icon-size:66px;--primary-font-size:34px;--secondary-font-size:38px;--card-width:740px;--card-height:600px;--card-border-radius:40px;--casestudy-tool-width:70px;--casestudy-tool-height:var(--casestudy-tool-width)}@media (width<=1100px){:root{--icon-scroll-size:110px;--primary-icon-size:48px;--secondary-icon-size:48px;--primary-font-size:24px;--secondary-font-size:26px;--card-width:100%;--card-height:480px;--card-border-radius:28px;--casestudy-tool-width:54px}}@media (width<=640px){:root{--icon-scroll-size:80px;--primary-icon-size:36px;--secondary-icon-size:36px;--primary-font-size:18px;--secondary-font-size:20px;--card-width:100%;--card-height:320px;--card-border-radius:20px;--casestudy-tool-width:42px}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0}#Home,#Work,#About,#Footer{scroll-margin-top:90px}::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none}.hero-container{width:100%;min-height:90vh;position:relative}.navbar{box-sizing:border-box;z-index:50;cursor:pointer;background-color:#fff;justify-content:space-between;align-items:center;gap:60px;width:100%;padding:14px 75px;display:flex;position:fixed;top:0;left:0}.navlist{align-items:center;gap:40px;font-family:ClashGrotesk;font-size:20px;display:flex}.navlist>div{cursor:pointer;transition:opacity .2s;position:relative}.navlist>div:after{content:"";background:currentColor;width:0;height:1.5px;transition:width .25s;position:absolute;bottom:-2px;left:0}.navlist>div:hover{opacity:.7}.navlist>div:hover:after{width:100%}.btn{background:var(--neutral-0);border-width:1px;border-color:var(--neutral-70);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:12px;width:143px;height:48px;display:flex}.btn:hover{border-width:1.6px}.btn>div{font-size:16px;font-weight:600}.btn>img{width:20px;height:20px}.hero-content{z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);flex-direction:column;gap:56px;height:100vh;margin-top:70px;display:flex;position:relative}.hero-text{flex-direction:column;gap:16px;margin:40px 0 0 72px;display:flex}.hero-text>p{margin:0;font-family:ClashDisplay;font-size:28px;font-weight:400}.hero-text>h1{letter-spacing:-2%;max-width:818px;margin:0;font-family:ClashGrotesk;font-size:104px;font-weight:600;line-height:100%}.btn-hero{background:var(--neutral-100);width:212px;height:77px;color:var(--neutral-0);pointer-events:auto;cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:12px;margin:0 0 0 72px;font-family:ClashGrotesk;font-size:22px;font-weight:600;display:flex}.btn-hero>img{width:28px;height:28px;color:var(--neutral-0)}@media (width<=1024px){.navbar{gap:32px;padding:12px 40px}.navlist{gap:24px;font-size:17px}.hero-text{margin:40px 0 0 40px}.hero-text>h1{max-width:90%;font-size:clamp(48px,8vw,104px)}.hero-text>p{font-size:22px}.btn-hero{width:190px;height:66px;margin-left:40px;font-size:20px}}@media (width<=640px){.navbar{justify-content:space-between;gap:0;padding:10px 20px}.navlist{display:none}.hero-container{min-height:unset}.hero-content{gap:28px;height:auto;margin-top:56px;padding-bottom:48px}.hero-text{margin:24px 0 0 20px}.hero-text>h1{letter-spacing:-1px;max-width:95%;font-size:clamp(36px,10vw,64px)}.hero-text>p{font-size:18px}.btn-hero{width:170px;height:58px;margin-left:20px;font-size:17px}.btn{width:120px;height:40px;font-size:14px}.btn>div{font-size:14px}}.goo-filter-container{width:0;height:0;position:absolute;overflow:hidden}.pixel-canvas{display:block;width:100%!important;height:100%!important}.work{width:100%;height:fit-content}.featured{text-align:left;margin:0 0 0 32px;font-family:ClashGrotesk;font-size:60px;font-weight:600}.work-cards-container{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,740px);justify-content:center;gap:16px;margin-top:20px;display:grid}.work-card{width:var(--card-width);height:var(--card-height);border-radius:var(--card-border-radius);background:#2b45f8;position:relative;overflow:hidden}.work-cards-container img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.work-cards-container p{text-align:left;z-index:2;color:#fff;font-family:ClashGrotesk;font-size:40px;font-weight:500;position:relative}.card-description{z-index:2;color:#fff;font-family:ClashGrotesk;font-size:20px;font-weight:400;position:relative}.card-text{margin:30px 0 0 40px}.card-text-btn{flex-direction:row;justify-content:space-between;align-items:flex-end;margin-right:40px;display:flex}.card-badge{z-index:3;-webkit-backdrop-filter:blur(6px);color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;padding:6px 14px;font-family:ClashGrotesk;font-size:14px;font-weight:500;position:absolute;top:120px;left:40px}.work-arrow{flex-shrink:0;width:70px;height:70px}@media (width<=1100px){.work-cards-container{box-sizing:border-box;grid-template-columns:1fr;width:100%;padding:0 24px}.work-card{width:100%;height:var(--card-height)}.featured{margin-left:24px;font-size:44px}.work-cards-container p{font-size:32px}.card-text{margin:24px 0 0 28px}.card-text-btn{margin-right:28px}.work-arrow{width:50px;height:50px}.card-badge{top:80px;left:28px}}@media (width<=640px){.featured{margin-left:16px;font-size:32px}.work-cards-container{gap:12px;padding:0 12px}.work-card{height:var(--card-height);border-radius:var(--card-border-radius)}.work-cards-container p{font-size:22px}.card-description{font-size:14px}.card-text{margin:16px 0 0 20px}.card-text-btn{margin-right:16px}.work-arrow{width:36px;height:36px}.card-badge{padding:4px 10px;font-size:11px;top:70px;left:20px}}.about{width:100%;height:110vh}.about-text-1{color:var(--neutral-100);max-width:852px;margin:80px 0 0 72px;font-family:ClashGrotesk;font-size:72px;font-weight:600}.about-text-2{color:var(--neutral-100);text-align:justify;max-width:781px;margin:20px 0 0 72px;font-family:ClashGrotesk;font-size:18px;font-weight:400}.about-btn{background:var(--neutral-0);cursor:pointer;border:1.5px solid;border-radius:100px;justify-content:center;align-items:center;gap:12px;width:173px;height:56px;margin:40px 0 0 68px;font-family:ClashGrotesk;font-size:16px;font-weight:600;transition:border-width .1s linear;display:flex}.about-btn:hover{border-width:1.6px}.tool-scroll-container{width:100%;margin-top:80px;display:flex;overflow:hidden}.tool-scroll{flex-shrink:0;gap:60px;padding-right:60px;animation:20s linear infinite scroll;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (width<=1024px){.about{height:auto;padding-bottom:40px}.about-text-1{max-width:90%;margin:60px 0 0 40px;font-size:clamp(36px,6vw,72px)}.about-text-2{max-width:90%;margin-top:16px;padding-right:10px;font-size:16px}.about-btn{margin:32px 0 0 36px}.tool-scroll-container{margin-top:56px}.tool-scroll{gap:40px;padding-right:40px}}@media (width<=640px){.about-text-1{max-width:95%;margin:40px 0 0 20px;font-size:clamp(28px,8vw,48px)}.about-text-2{max-width:95%;margin:14px 0 0 20px;font-size:14px}.about-btn{width:150px;height:48px;margin:24px 0 0 16px;font-size:14px}.tool-scroll-container{margin-top:40px}.tool-scroll{gap:24px;padding-right:24px}}.footer{background:var(--neutral-100);border-radius:40px 40px 0 0;flex-direction:column;width:100%;min-height:840px;font-family:ClashGrotesk;display:flex;position:relative}.contact-text-head{color:var(--neutral-0);text-align:center;margin:60px 0 0;font-family:ClashDisplay;font-size:100px;font-weight:500;line-height:.95}.footer-socials{flex-direction:row;gap:200px;margin:90px auto;display:flex}.footer-socials svg{flex-shrink:0}.contact-section{width:100%;max-width:720px;color:var(--neutral-0);z-index:2000;margin:0;display:block;position:relative}.social-icon-wraper{color:var(--neutral-0);flex-direction:column;gap:30px;max-width:400px;display:flex}.social-icon-wraper-content{flex-direction:row;align-items:center;gap:12px;display:flex}.social-icon-wraper-links{flex-direction:row;gap:10px;margin:84px 0 0;display:flex}.contact-header{margin-bottom:56px}.contact-header h2{color:var(--neutral-0);margin-bottom:16px;font-size:3rem;font-weight:400}.contact-header p{color:var(--neutral-40);font-size:1.125rem;font-weight:300}.contact-form,.form-row{flex-direction:column;gap:48px;display:flex}@media (width>=768px){.form-row{flex-direction:row;gap:32px}}.form-group{flex-direction:column;flex:1;display:flex;position:relative}.form-group label{color:var(--neutral-40);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;font-size:.875rem}.form-group input,.form-group textarea{border:none;border-bottom:1px solid var(--neutral-70);width:100%;color:var(--neutral-0);background:0 0;border-radius:0;outline:none;padding:8px 0 12px;font-family:inherit;font-size:1.25rem;transition:border-color .3s}.form-group textarea{resize:vertical;min-height:40px}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--neutral-20)}.form-group input.error,.form-group textarea.error{border-bottom-color:var(--neutral-50)}.error-text{color:var(--neutral-40);font-size:.75rem;position:absolute;bottom:-24px;left:0}.submit-btn{color:var(--neutral-10);border:1px solid var(--neutral-70);cursor:pointer;background:0 0;border-radius:12px;align-self:flex-start;margin-top:16px;padding:16px 36px;font-family:inherit;font-size:1rem;transition:all .3s}.submit-btn:hover:not(:disabled){border-color:var(--neutral-30);color:var(--neutral-0)}.submit-btn:focus-visible{outline:2px solid var(--neutral-40);outline-offset:2px}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.contact-success{background:var(--neutral-90);border:1px solid var(--neutral-80);text-align:center;border-radius:8px;padding:64px 32px}.contact-success p{color:var(--neutral-20);margin-bottom:32px;font-size:1.25rem}.contact-success .submit-btn{align-self:center;margin:0 auto}@media (width<=1024px){.contact-text-head{margin-top:48px;font-size:clamp(48px,8vw,100px)}.footer-socials{box-sizing:border-box;flex-direction:column;gap:48px;width:100%;margin:60px auto;padding:0 40px}.social-icon-wraper,.contact-section{max-width:100%}.social-icon-wraper-links{margin-top:32px}}@media (width<=640px){.footer{border-radius:24px 24px 0 0}.contact-text-head{margin-top:36px;font-size:clamp(36px,11vw,64px)}.footer-socials{gap:36px;margin:40px auto;padding:0 20px}.social-icon-wraper-content{gap:8px}.social-icon-wraper-links{gap:8px;margin-top:24px}.contact-header{margin-bottom:28px}.contact-header h2{margin-bottom:8px;font-size:1.75rem}.contact-header p{font-size:.95rem}.contact-form,.form-row{gap:20px}.form-group textarea{min-height:28px}.submit-btn{text-align:center;width:100%;margin-top:8px;padding:12px 24px}.contact-success{padding:32px 16px}}.gradual-blur-inner{width:100%;height:100%;position:relative}.gradual-blur-inner>div{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gradual-blur-inner>div{opacity:.5;background:#0000004d}}.gradual-blur-fixed{pointer-events:none;z-index:1000;inset:0;position:fixed!important}.casestudy-container{background-color:var(--neutral-100);width:100%;min-height:100vh;color:var(--neutral-0);box-sizing:border-box;padding:40px 80px 100px;font-family:ClashGrotesk,sans-serif}.casestudy-navbar{justify-content:space-between;align-items:center;padding-bottom:40px;display:flex}.casestudy-back-btn{color:var(--neutral-0);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.casestudy-back-btn:hover{background:#fff3;transform:translate(-4px)}.casestudy-header{margin-top:20px;margin-bottom:40px}.casestudy-intro{margin-bottom:40px;font-size:20px}.casestudy-tag{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#2b45f8;border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.casestudy-stats{flex-direction:row;gap:10px;display:flex}.stat-item{border:.6px solid;border-radius:10px;padding:10px 20px;font-family:ClashGrotesk}.casestudy-title{margin-bottom:16px;font-family:ClashDisplay,sans-serif;font-size:72px;font-weight:700;line-height:1.1}.casestudy-subtitle{color:var(--neutral-40);margin-bottom:40px;font-size:28px}.casestudy-meta{background:#111827;border:1px solid #1f2937;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:24px;padding:30px;display:grid}.meta-item{flex-direction:column;gap:6px;display:flex}.meta-label{color:var(--neutral-40);text-transform:uppercase;letter-spacing:.5px;font-size:14px}.meta-value{font-size:18px;font-weight:600}.casestudy-banner{border-radius:30px;width:100%;max-height:600px;margin-bottom:60px;overflow:hidden}.casestudy-banner img{object-fit:cover;width:100%;height:100%}.casestudy-content{max-width:900px;margin:80px 0 0}.casestudy-section{margin-bottom:50px}.casestudy-section h2{color:var(--neutral-0);margin-bottom:20px;font-family:ClashDisplay,sans-serif;font-size:36px;font-weight:600}.responsibilities-list{font-size:20px}.casestudy-section p{color:var(--neutral-30);font-size:20px;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px;display:grid}.feature-card{background:#1f2937;border:1px solid #374151;border-radius:20px;padding:28px}.feature-card h3{color:var(--neutral-0);margin-bottom:12px;font-size:22px}.feature-card p{color:var(--neutral-30);font-size:16px}.casestudy-footer-nav{justify-content:center;width:fit-content;margin-top:80px;display:flex}.casestudy-back-btn.large{z-index:9991;padding:16px 36px;font-size:18px}@media (width<=1024px){.casestudy-meta{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.casestudy-container{padding:20px}.casestudy-title{font-size:44px}.casestudy-subtitle{font-size:20px}.casestudy-meta{grid-template-columns:1fr}}.info-table{border-collapse:collapse;width:100%;max-width:600px;font-family:ClashGrotesk;font-size:20px}.info-table tr{border-bottom:1px solid #e0e0e0}.info-table tr:last-child{border-bottom:none}.info-table td{vertical-align:top;padding:12px 16px}.info-table td:first-child{color:var(--neutral-30);white-space:nowrap;width:120px;font-weight:600}.info-table td:last-child{color:var(--neutral-40)}.process-flow{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;margin-top:30px;display:grid}.process-step{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;height:100%;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.process-step:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 30px #0003}.process-step-inner{flex-direction:column;height:100%;display:flex}.process-step-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.process-number{color:#2b45f8;background:#2b45f81a;border-radius:12px;padding:6px 12px;font-family:ClashGrotesk,sans-serif;font-size:16px;font-weight:600}.process-step h3{color:var(--neutral-0);margin:0;font-family:ClashDisplay,sans-serif;font-size:24px;font-weight:600}.process-points{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.process-points li{color:var(--neutral-40);padding-left:20px;font-family:ClashGrotesk,sans-serif;font-size:16px;line-height:1.5;transition:color .2s;position:relative}.process-points li:before{content:"•";color:#2b45f8;font-size:18px;line-height:1;position:absolute;left:0}.process-step:hover .process-points li{color:var(--neutral-20)}@media (width<=768px){.process-flow{grid-template-columns:1fr}}.pins-grid{flex-direction:row;gap:20px;margin-top:30px;display:flex}.pin-card{flex-shrink:0;justify-content:center;align-items:center;width:345px;display:flex}.pin-card iframe{display:block}.tools-list{flex-flow:wrap;gap:20px;display:flex}@media (width<=1024px){.casestudy-container{padding:32px 40px 80px}.casestudy-title{font-size:clamp(40px,6vw,72px)}.casestudy-content{max-width:100%}}@media (width<=640px){.casestudy-stats{flex-wrap:wrap;gap:8px}.pins-grid{flex-direction:column;align-items:center;gap:6px}.pin-card{width:100%;max-width:345px}.tools-list{gap:12px}.casestudy-footer-nav{justify-content:center;width:100%}}