@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.flex{display:flex}.grid{display:grid}.min-h-screen{min-height:100vh}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--black:#1a1a1a;--white:#fff;--gray-100:#f7f7f7;--gray-200:#eee;--gray-300:#ccc;--gray-400:#999;--gray-500:#666;--gray-700:#333;--accent:#c8f135;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{font-family:var(--font-body);background:var(--white);color:var(--black);line-height:1.6}p{color:var(--gray-500)}::-moz-selection{background:#c8ff00;color:#000}::selection{background:#c8ff00;color:#000}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--white)}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.navbar{position:absolute;top:0;left:0;right:0;z-index:1000;display:flex;align-items:flex-start;justify-content:space-between;padding:40px 80px;background:transparent}.mobile-menu-btn{display:none;background:none;border:none;color:var(--black);cursor:pointer;z-index:1001;padding:10px}.logo{font-family:var(--font-display);font-weight:700;font-size:32px;letter-spacing:-1px;color:var(--black);text-decoration:none}.logo .underline{border-bottom:2px solid var(--black);padding-bottom:2px}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{text-decoration:none;display:flex;flex-direction:column;gap:4px}.nav-link-top{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--black);display:flex;align-items:center;gap:8px}.nav-link-top .arrow{font-size:16px;margin-top:-2px}.nav-link-sub{font-size:12px;color:var(--gray-500);font-weight:400;max-width:140px;line-height:1.3}.navbar-left{display:flex;align-items:center;gap:16px}.availability-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:#22c55e;background:rgba(34,197,94,.1);padding:4px 10px;border-radius:20px;font-weight:500}.pulse-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.hero{min-height:100vh;padding:120px 80px 60px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;position:relative;overflow:hidden;background:var(--white)}.hero-blob{top:-200px;right:-50px;width:800px;height:600px;border-radius:50%;background:radial-gradient(circle at 60% 40%,rgba(0,242,255,.25) 0,rgba(229,0,255,.2) 30%,rgba(255,246,0,.15) 60%,transparent 100%);filter:blur(100px);z-index:0}.hero-bg-elements,.hero-blob{position:absolute;pointer-events:none}.hero-bg-elements{inset:0;z-index:1}.hero-line{position:absolute;background:var(--black);opacity:.1}.line-1{width:120px;height:1px;top:12%;left:28%;transform:rotate(-35deg)}.line-2{width:80px;height:2px;bottom:22%;left:42%;transform:rotate(45deg)}.hero-left{position:relative;z-index:10;margin-top:-10px}.hero-emoji{font-size:36px;margin-bottom:12px}.hero h1{font-family:var(--font-display);font-size:clamp(48px,6vw,84px);font-weight:800;line-height:1;letter-spacing:-3.5px;color:var(--black);margin-bottom:24px}.hero h1 strong{font-weight:800;display:block}.hero-subtitle{font-family:var(--font-display);font-size:24px;color:var(--black);font-weight:500;margin-bottom:32px;letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.subtitle-dash{font-weight:300;opacity:.8;letter-spacing:-2px;margin-right:8px}.hero-desc{font-size:16px;color:var(--gray-700);max-width:460px;line-height:1.5;margin-bottom:40px}.hero-desc strong{font-weight:700}.hero-checklist{list-style:none;margin-bottom:48px;display:flex;flex-direction:column;gap:12px}.hero-checklist li{font-size:16px;font-weight:500;color:var(--black);display:flex;align-items:center;gap:12px}.hero-checklist li:before{content:"✓";font-size:14px;font-weight:800}.hero-btns{display:flex;gap:28px;align-items:center}.btn-primary{background:var(--black);color:var(--white);padding:16px 40px;border-radius:100px;font-size:16px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:scale(1.05)}.btn-download{font-size:16px;font-weight:600;color:var(--black);text-decoration:none;display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--black);padding-bottom:4px}.hero-right{position:relative;z-index:5;display:flex;justify-content:flex-end}.hero-img-container{max-width:480px;display:flex;align-items:center;position:relative;width:100%;max-height:70vh}.hero-photo{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block;z-index:2}.hero-badge-hello{position:absolute;top:55%;left:-15%;width:180px;height:180px;background:var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.hero-badge-hello span{color:var(--white);font-family:var(--font-display);font-size:40px;font-weight:700}.category-bar{background:var(--black);padding:30px 0;overflow:hidden;position:relative;display:flex;align-items:center}.category-track{display:flex;white-space:nowrap;gap:80px;animation:scroll 40s linear infinite}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.category-item-group{display:flex;align-items:center;gap:80px}.category-item{font-family:var(--font-display);font-size:42px;font-weight:800;color:var(--white);letter-spacing:2px}.category-star{color:var(--white);font-size:24px}section{padding:100px 48px}.section-title{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-2px;line-height:1.05;color:var(--black);margin-bottom:16px}.section-desc{font-size:15px;color:var(--gray-500);max-width:480px;line-height:1.7}.services{background:var(--white);padding:96px 80px}.services-breadcrumb,.services-content-wrapper,.services-header,.services-top-strip{max-width:1200px;margin-left:auto;margin-right:auto}.services-top-strip{display:flex;align-items:center;gap:20px;margin-bottom:48px}.strip-line{flex:1;height:1px;background:var(--gray-300);animation:expandLine 1s ease-out .3s both;transform-origin:left}@keyframes expandLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.strip-socials{display:flex;gap:30px}.strip-socials a{letter-spacing:1px}.strip-contact a,.strip-socials a{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--black);text-decoration:none}.strip-contact a{letter-spacing:.5px}.services-breadcrumb{display:flex;align-items:center;gap:15px;margin-bottom:32px}.breadcrumb-line{width:40px;height:2px;background:var(--black);animation:expandLine .8s ease-out forwards;transform-origin:left}.services-breadcrumb span{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1px;color:var(--black)}.services-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;gap:40px}.services-title-area h2{font-family:var(--font-display);font-size:clamp(40px,4.5vw,64px);font-weight:800;line-height:1;letter-spacing:-2px;text-transform:uppercase;margin-bottom:0}.services-desc-area{flex:1;display:flex;justify-content:center;padding:0 40px}.btn-all-service{background:var(--black);color:var(--white);padding:22px 50px;border-radius:100px;font-family:var(--font-display);font-size:14px;font-weight:700;text-decoration:none;letter-spacing:1px;transition:all .3s ease;display:inline-block;line-height:1;position:relative;overflow:hidden;z-index:1}.btn-all-service:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transition:left .5s ease;z-index:-1}.btn-all-service:hover:before{left:100%}.btn-all-service:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.services-content-wrapper{display:flex;gap:40px}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:0;flex-shrink:0}.scroll-line{width:1px;height:100px;background:var(--black);animation:growLine 1.5s ease-out forwards;transform-origin:top}@keyframes growLine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.scroll-text{writing-mode:vertical-lr;transform:rotate(180deg);font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:2px;color:var(--black)}.scroll-arrow{font-size:18px;background:var(--black);color:var(--white);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulseArrow 2s ease-in-out infinite}@keyframes pulseArrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.services-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:60px 40px;border:1px solid var(--gray-200);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;min-height:400px;transition:all .5s cubic-bezier(.165,.84,.44,1);cursor:pointer;background:var(--white);position:relative;overflow:hidden;z-index:1}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black);transform:translateY(100%);transition:transform .5s cubic-bezier(.165,.84,.44,1);z-index:-1}.service-card:not(.active):hover:before{transform:translateY(0)}.service-card:not(.active):hover{color:var(--white);border-color:var(--black);box-shadow:0 30px 60px rgba(0,0,0,.12)}.service-card:not(.active):hover .service-icon svg{stroke:var(--white)}.service-card:not(.active):hover .service-title{color:var(--white)}.service-card.active{background:var(--black);color:var(--white);border-color:var(--black)}.service-card.active .service-icon svg{stroke:var(--white)}.service-card.active .service-link,.service-card.active .service-title{color:var(--white)}.service-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.service-card:hover .service-icon{transform:scale(1.15) rotate(-5deg)}.service-icon svg{width:48px;height:48px;transition:stroke .4s ease}.service-title{font-size:24px;line-height:1.2;margin:20px 0;max-width:200px;transition:color .4s ease;color:var(--black)}.service-link,.service-title{font-family:var(--font-display);font-weight:700}.service-link{font-size:13px;text-decoration:none;color:inherit;letter-spacing:1px;display:flex;align-items:center;gap:10px;border-bottom:2px solid transparent;padding-bottom:4px;transition:all .3s ease}.service-card:hover .service-link{border-color:var(--white);gap:16px;color:var(--white)}.skills{background:var(--gray-100);padding:96px 80px}.skills-header{display:flex;align-items:center;gap:20px;margin-bottom:48px;max-width:1200px;margin-left:auto;margin-right:auto}.section-label{font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:2px;color:var(--black)}.section-deco-cross svg{width:30px;height:30px}.skills-grid{display:flex;flex-wrap:wrap;gap:16px;max-width:1200px;margin:0 auto;justify-content:center}.skill-tag{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--white);border:1px solid var(--gray-200);border-radius:100px;transition:all .3s ease;cursor:default}.skill-tag:hover{background:var(--black);color:var(--white);border-color:var(--black)}.skill-icon{font-size:14px;font-weight:700}.skill-name{font-family:var(--font-display);font-size:14px;font-weight:600}@media (max-width:768px){.skills{padding:50px 20px}.skills-grid{gap:12px;justify-content:flex-start}.skill-tag{padding:12px 18px}}.pricing{background:var(--white);padding:96px 80px}.pricing-header{text-align:center;margin-bottom:64px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.pricing-card{padding:50px 40px;border:1px solid var(--gray-200);background:var(--white);display:flex;flex-direction:column;position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1);min-height:560px}.pricing-card.popular{border:2px solid var(--black);transform:scale(1.05);z-index:2;box-shadow:0 20px 40px rgba(0,0,0,.08)}.pricing-badge{position:absolute;top:0;right:40px;transform:translateY(-50%);background:var(--accent);color:var(--black);padding:6px 16px;font-size:12px;letter-spacing:1px;border-radius:100px}.pricing-badge,.pricing-tier{font-family:var(--font-display);font-weight:800;text-transform:uppercase}.pricing-tier{font-size:14px;color:var(--gray-500);letter-spacing:2px;margin-bottom:12px}.pricing-amt{font-family:var(--font-display);font-size:44px;font-weight:800;color:var(--black);margin-bottom:8px;letter-spacing:-1px}.pricing-subtitle{font-size:14px;color:var(--gray-500);margin-bottom:32px;font-weight:500}.pricing-features{list-style:none;margin-bottom:40px;flex:1;display:flex;flex-direction:column;gap:14px}.pricing-features li{font-size:14px;color:var(--gray-700);display:flex;align-items:center;gap:12px;font-weight:500}.pricing-features li:before{content:"✦";color:var(--black);font-size:12px}.pricing-btn{width:100%;text-align:center;padding:18px;border-radius:100px;font-family:var(--font-display);font-size:14px;font-weight:700;text-decoration:none;transition:all .3s ease;border:1.5px solid var(--black)}.pricing-card:not(.popular) .pricing-btn{color:var(--black);background:transparent}.pricing-card.popular .pricing-btn,.pricing-card:not(.popular) .pricing-btn:hover{background:var(--black);color:var(--white)}.pricing-card.popular .pricing-btn:hover{background:transparent;color:var(--black)}.pricing-note{text-align:center;margin-top:48px;font-size:13px;color:var(--gray-400);font-style:italic}@media (max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:20px}.pricing-card.popular{transform:scale(1)}}@media (max-width:768px){.pricing{padding:60px 20px}.pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:auto}}@media (max-width:480px){.pricing-amt{font-size:36px}.pricing-card{padding:35px 25px}}.experience{background:var(--white);padding:120px 80px;position:relative;overflow:hidden}.exp-icon-sun{display:flex;justify-content:center;margin-bottom:20px;opacity:.8;animation:slowSpin 20s linear infinite}@keyframes slowSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.exp-icon-stripes{position:absolute;top:100px;right:120px;opacity:.15;transform:rotate(5deg);animation:floatStripes 6s ease-in-out infinite}@keyframes floatStripes{0%,to{transform:rotate(5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-10px)}}.exp-header{text-align:center;margin-bottom:80px}.exp-header .section-title{font-size:clamp(48px,6vw,84px);font-weight:900;text-transform:uppercase;letter-spacing:-2px;margin-bottom:30px;color:#000}.exp-header .section-desc{font-size:14px;color:var(--gray-500);line-height:1.6;max-width:600px;margin:0 auto}.exp-list{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.exp-item{display:flex;align-items:center;justify-content:space-between;padding:40px 60px;border:1px solid #000;background:transparent;transition:all .5s cubic-bezier(.19,1,.22,1);cursor:pointer;position:relative;overflow:hidden;z-index:1}.exp-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a1a;transform:translateX(-100%);transition:transform .5s cubic-bezier(.19,1,.22,1);z-index:-1}.exp-item:not(.active):hover:before{transform:translateX(0)}.exp-item:not(.active):hover{color:#fff;border-color:#1a1a1a;box-shadow:0 20px 40px rgba(0,0,0,.1);transform:translateX(10px)}.exp-item.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.exp-item.active:before{display:none}.exp-left{gap:40px}.exp-left,.exp-num-box{display:flex;align-items:center}.exp-num-box{width:50px;height:50px;background:#000;color:#fff;justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:800;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.exp-item.active .exp-num-box{background:#333}.exp-item:not(.active):hover .exp-num-box{background:#fff;color:#000;transform:rotate(5deg) scale(1.1)}.exp-role{font-family:var(--font-display);font-size:24px;font-weight:800;margin-bottom:4px;color:inherit;letter-spacing:-.5px;transition:letter-spacing .4s ease}.exp-item:hover .exp-role{letter-spacing:.5px}.exp-company{font-size:14px;color:var(--gray-500);font-weight:500;transition:color .4s ease}.exp-item.active .exp-company,.exp-item:not(.active):hover .exp-company{color:#ccc}.exp-right{display:flex;align-items:center;gap:40px}.exp-separator{width:1px;height:60px;background:rgba(0,0,0,.1);transition:all .4s ease;transform-origin:center}.exp-item:hover .exp-separator{height:80px;background:rgba(0,0,0,.3)}.exp-item.active .exp-separator{background:hsla(0,0%,100%,.2)}.exp-duration{font-family:var(--font-display);font-size:13px;font-weight:700;color:inherit;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;transition:letter-spacing .3s ease}.exp-item:hover .exp-duration{letter-spacing:2px}.case-study{background:var(--white);padding:96px 80px}.cs-header{text-align:center;margin-bottom:48px}.cs-list{display:flex;flex-direction:column;gap:140px;max-width:1200px;margin:0 auto;padding:80px 0}.cs-row{display:flex;align-items:center;gap:100px}.cs-row.reverse{flex-direction:row-reverse}.cs-image-wrap{flex:1.2}.cs-image-container{width:100%;aspect-ratio:16/10;background:var(--gray-100);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.05);transition:transform .5s cubic-bezier(.165,.84,.44,1)}.cs-row:hover .cs-image-container{transform:scale(1.02)}.cs-project-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.cs-content{flex:0.8;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.cs-tech-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--black);border:1px solid var(--gray-300);padding:6px 14px;border-radius:100px;margin-bottom:24px}.cs-project-title{font-family:var(--font-display);font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;color:var(--black);margin-bottom:20px}.cs-project-desc{font-size:18px;color:var(--gray-500);line-height:1.6;margin-bottom:32px;max-width:400px}.cs-link{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--black);text-decoration:none;display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--black);padding-bottom:4px;transition:opacity .2s}.cs-link:hover{opacity:.7}.cs-in-progress-badge{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--gray-400);background:var(--gray-100);padding:8px 16px;border-radius:4px;border:1px solid var(--gray-200)}.feedback{background:var(--white);color:var(--black);position:relative;padding:96px 80px;overflow:hidden}.feedback-inner{max-width:1100px;margin:0 auto}.feedback-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px}.feedback-label{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.feedback-deco-cross{opacity:.7;transition:transform .6s ease}.feedback-deco-cross:hover{transform:rotate(90deg)}.feedback-body{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%}.testimonial-card{padding:40px;border:1px solid var(--gray-200);display:flex;flex-direction:column;justify-content:space-between;background:var(--white);transition:all .4s ease;min-height:320px;position:relative}.testimonial-card:hover{border-color:var(--black);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.05)}.feedback-quote{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.5px;margin-bottom:32px;color:var(--black)}.feedback-author{display:flex;flex-direction:column;gap:4px}.feedback-author strong{font-family:var(--font-display);font-size:16px;font-weight:700}.feedback-author span{font-size:12px;color:var(--gray-500)}.feedback-squiggly{margin-top:16px;opacity:.4}.feedback-nav{display:none}@media (max-width:1024px){.feedback-body{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.feedback{padding:60px 20px}.feedback-body{grid-template-columns:1fr}.testimonial-card{padding:30px 20px;min-height:auto}}.stats{background:var(--white);padding:24px 80px 96px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:1200px;margin:0 auto;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:60px 0}.stat-item{padding:0 20px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:0;height:100%;width:1px;background:var(--gray-200)}.stat-icon{margin-bottom:24px;color:var(--black);display:flex;justify-content:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.stat-item:hover .stat-icon{transform:scale(1.15) rotate(-5deg)}.stat-num{font-family:var(--font-display);font-size:64px;font-weight:900;color:var(--black);margin-bottom:12px;line-height:1.1;letter-spacing:-2px}.stat-label{font-size:14px;font-weight:500;color:var(--gray-700);text-transform:capitalize;line-height:1.4}.contact{background:var(--white);padding:96px 80px 60px}.contact-header{text-align:center;margin-bottom:64px}.contact-title{font-family:var(--font-display);font-size:clamp(32px,5vw,64px);line-height:1.15;color:var(--black);margin-bottom:20px;font-weight:800;letter-spacing:-1.5px}.text-outline{-webkit-text-stroke:2px var(--black);color:transparent;font-style:italic}.contact-arrow-wrap{display:inline-flex;align-items:center;margin:0 10px;vertical-align:middle}.contact-subtitle{font-size:16px;color:var(--gray-500);font-weight:400}.contact-form{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:36px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:40px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group.full{width:100%}.form-label{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--black)}.form-input{border:none;border-bottom:1px solid var(--gray-300);padding:12px 0;font-family:inherit;font-size:16px;background:transparent;outline:none;transition:border-color .3s ease;width:100%;color:var(--black)}.form-input::-moz-placeholder{color:var(--gray-400);font-size:14px;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.form-input::placeholder{color:var(--gray-400);font-size:14px;transition:opacity .3s ease}.form-input:focus::-moz-placeholder{opacity:.4}.form-input:focus::placeholder{opacity:.4}.form-input:focus{border-bottom-color:var(--black);border-bottom-width:2px;padding-bottom:11px}.chip-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.service-tag{padding:10px 24px;border-radius:100px;border:1.5px solid var(--black);background:var(--white);color:var(--black);font-family:var(--font-display);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.service-tag.active{background:#c8f135;border-color:#c8f135;color:var(--black);font-weight:700;transform:scale(1.05);box-shadow:0 10px 25px rgba(200,241,53,.3)}.service-tag:hover:not(.active){background:var(--gray-100);transform:translateY(-2px)}.form-bottom{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:10px}.btn-send{background:var(--black);color:var(--white);padding:16px 48px;border-radius:100px;font-family:var(--font-display);font-size:15px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease}.btn-send:hover{box-shadow:0 10px 25px rgba(0,0,0,.15)}.send-squiggle{opacity:.7;animation:squiggleHover 2s ease-in-out infinite}@keyframes squiggleHover{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(5deg)}}.form-note{text-align:right;font-size:12px;color:var(--gray-500);margin-top:-20px;font-style:italic}.footer-new{padding:0 80px 60px;background:var(--white)}.footer-deco{display:flex;justify-content:flex-start;margin-bottom:24px;opacity:.6}.footer-divider{width:100%;height:1px;background:var(--gray-200);margin-bottom:30px}.footer-row{display:flex;justify-content:space-between;align-items:center}.footer-socials{display:flex;gap:30px}.footer-socials a{font-size:14px;font-weight:600;color:var(--black);text-decoration:none;transition:all .3s ease;position:relative}.footer-socials a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--black);transition:width .3s ease}.footer-socials a:hover:after{width:100%}.footer-socials a:hover{opacity:.7}.footer-copy-new{font-size:14px;color:var(--gray-500)}@keyframes heroRotateIn{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSlideLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes heroSlideRight{0%{opacity:0;transform:translateX(80px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes heroBounce{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes heroCheckSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes heroSpinIn{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(80px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideLeftItem{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes chipSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes crossRotate{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0deg)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes projectSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.reveal-rotate{animation:heroRotateIn .6s cubic-bezier(.34,1.56,.64,1) .2s both}.reveal-up{animation:heroSlideUp .8s cubic-bezier(.19,1,.22,1) .4s both}.reveal-left{animation:heroSlideLeft .8s cubic-bezier(.19,1,.22,1) .6s both}.reveal-right{animation:heroSlideRight .9s cubic-bezier(.19,1,.22,1) .6s both}.reveal-bounce{animation:heroBounce .6s cubic-bezier(.34,1.56,.64,1) 1.2s both}.reveal-check{animation:heroCheckSlide .6s cubic-bezier(.19,1,.22,1) 1s both}.reveal-spin{animation:heroSpinIn 1.2s cubic-bezier(.19,1,.22,1) .3s both}[data-reveal].reveal-up{animation:none;opacity:0;transform:translateY(50px);transition:opacity .8s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}[data-reveal].reveal-up.visible{opacity:1;transform:translateY(0)}[data-reveal].reveal-left{animation:none;opacity:0;transform:translateX(-40px);transition:opacity .8s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}[data-reveal].reveal-left.visible{opacity:1;transform:translateX(0)}[data-reveal].reveal-right{animation:none;opacity:0;transform:translateX(80px) scale(.95);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}[data-reveal].reveal-right.visible{opacity:1;transform:translateX(0) scale(1)}[data-reveal].reveal-left-item{animation:none;opacity:0;transform:translateX(-50px);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1)}[data-reveal].reveal-left-item.visible{opacity:1;transform:translateX(0)}[data-reveal].reveal-scale{animation:none;opacity:0;transform:scale(.8);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1)}[data-reveal].reveal-scale.visible{opacity:1;transform:scale(1)}[data-reveal].reveal-scale-up{animation:none;opacity:0;transform:translateY(40px) scale(.9);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1)}[data-reveal].reveal-scale-up.visible{opacity:1;transform:translateY(0) scale(1)}[data-reveal].reveal-fade{animation:none;opacity:0;transition:opacity .8s cubic-bezier(.19,1,.22,1)}[data-reveal].reveal-fade.visible{opacity:1}[data-reveal].reveal-cross{animation:none;opacity:0;transform:rotate(-90deg);transition:opacity .6s ease,transform .6s ease}[data-reveal].reveal-cross.visible{opacity:1;transform:rotate(0deg)}[data-reveal].reveal-card{animation:none;opacity:0;transform:translateY(60px);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1)}[data-reveal].reveal-card.visible{opacity:1;transform:translateY(0)}[data-reveal].reveal-project{animation:none;opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}[data-reveal].reveal-project.visible{opacity:1;transform:translateY(0)}[data-reveal].reveal-chip{animation:none;opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1)}[data-reveal].reveal-chip.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.hero{grid-template-columns:1fr;padding:100px 40px 50px;text-align:center;min-height:auto}.hero-left{margin-top:0;display:flex;flex-direction:column;align-items:center}.hero-right{padding-top:0;justify-content:center}.hero-img-container{margin:0 auto;max-width:420px}.services-header{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:40px}.services-desc-area{padding:0;justify-content:flex-start}.services-grid{grid-template-columns:repeat(2,1fr)}.section-desc{max-width:100%}.cs-row,.cs-row.reverse{flex-direction:column;gap:40px}.cs-content{align-items:center;text-align:center}.cs-list{gap:60px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){section{padding:50px 20px}.navbar{padding:20px}.nav-links{display:none}.nav-links.open{display:flex;position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--white);flex-direction:column;justify-content:center;align-items:center;padding:60px 30px;gap:40px;z-index:999;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.nav-links.open li{width:100%;text-align:center}.nav-links.open .nav-link-top{font-size:22px;justify-content:center}.nav-links.open .nav-link-sub{font-size:13px;margin-top:6px;max-width:100%;text-align:center}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;z-index:1000;padding:8px;color:var(--black)}.hero{grid-template-columns:1fr;padding:80px 20px 50px;min-height:auto;text-align:center;gap:40px}.hero-left{margin-top:0;display:flex;flex-direction:column;align-items:center}.hero h1{font-size:40px;letter-spacing:-1.5px;line-height:1.1}.hero-subtitle{font-size:18px;justify-content:center}.hero-desc{font-size:15px;max-width:100%}.hero-checklist{margin-bottom:32px}.hero-checklist li{font-size:14px;justify-content:center}.hero-btns{flex-direction:column;width:100%;max-width:320px;gap:12px}.btn-download,.btn-primary{width:100%;justify-content:center;text-align:center}.hero-right{justify-content:center}.hero-img-container{max-width:360px;margin:0 auto}.hero-badge-hello{width:120px;height:120px;top:50%;left:-10%}.hero-badge-hello span{font-size:28px}.hero-blob{width:300px;height:300px;right:-20px;top:-100px}.category-item{font-size:28px}.category-item-group,.category-track{gap:40px}.services{padding:50px 20px}.services-top-strip{flex-direction:column;gap:16px;align-items:flex-start}.strip-line{width:100%;order:1}.strip-socials{order:0;gap:20px}.strip-contact{order:2}.services-breadcrumb{margin-bottom:24px}.services-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}.services-desc-area{padding:0;justify-content:flex-start}.services-action{width:100%}.btn-all-service{display:block;text-align:center;width:100%;padding:18px 40px}.services-content-wrapper{flex-direction:column;gap:24px}.scroll-indicator{display:none}.services-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:40px 24px;min-height:280px}.service-title{font-size:20px}.experience{padding:50px 20px}.exp-icon-stripes{display:none}.exp-header{margin-bottom:40px}.exp-header .section-title{font-size:40px;margin-bottom:20px}.exp-list{gap:16px}.exp-item{flex-direction:column;align-items:flex-start;padding:24px;gap:16px}.exp-left{gap:16px}.exp-num-box{width:40px;height:40px;font-size:14px}.exp-role{font-size:20px}.exp-right{width:100%;justify-content:flex-start;gap:12px}.exp-separator{display:none}.exp-duration{font-size:12px;white-space:normal}.case-study{padding:50px 20px}.cs-list{gap:48px;padding:30px 0}.cs-row,.cs-row.reverse{flex-direction:column;gap:20px}.cs-image-wrap{flex:none;width:100%}.cs-content{align-items:flex-start;text-align:left}.cs-project-title{font-size:26px}.cs-project-desc{font-size:14px;max-width:100%;margin-bottom:20px}.cs-tech-tag{font-size:10px;padding:5px 10px;margin-bottom:12px}.cs-link{font-size:13px}.feedback{padding:50px 20px}.feedback-quote{font-size:22px;letter-spacing:-.5px}.feedback-nav{margin-top:32px}.stats{padding:24px 20px 50px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:0;padding:40px 0}.stat-item{padding:20px 12px}.stat-item:nth-child(odd):after{display:block;right:0}.stat-item:nth-child(2n):after{display:none}.stat-item:first-child,.stat-item:nth-child(2){border-bottom:1px solid var(--gray-200)}.stat-num{font-size:44px}.stat-label{font-size:12px}.contact{padding:50px 20px 40px}.contact-header{margin-bottom:40px}.contact-title{font-size:28px;letter-spacing:-1px}.form-row{grid-template-columns:1fr;gap:24px}.chip-list{gap:8px}.service-tag{padding:8px 16px;font-size:12px}.form-bottom{justify-content:center;flex-direction:column;gap:12px}.btn-send{width:100%;text-align:center;padding:16px 32px}.send-squiggle{display:none}.form-note{text-align:center;margin-top:-10px}.footer-new{padding:0 20px 40px}.footer-row{flex-direction:column;gap:20px;text-align:center}.footer-socials{flex-wrap:wrap;justify-content:center;gap:20px}}@media (max-width:480px){section{padding:40px 16px}.hero{padding:70px 16px 40px}.hero h1{font-size:34px;letter-spacing:-1px}.hero-subtitle{font-size:16px}.hero-desc{font-size:14px}.hero-checklist li{font-size:13px}.hero-img-container{max-width:300px}.hero-badge-hello{width:100px;height:100px}.hero-badge-hello span{font-size:24px}.category-item{font-size:22px}.services{padding:40px 16px}.services-title-area h2{font-size:32px}.service-card{padding:32px 20px;min-height:240px}.service-title{font-size:18px}.experience{padding:40px 16px}.exp-header .section-title{font-size:32px}.exp-item{padding:20px}.exp-role{font-size:18px}.case-study{padding:40px 16px}.cs-list{gap:36px;padding:20px 0}.cs-project-title{font-size:22px}.cs-project-desc{font-size:13px}.cs-image-container{border-radius:8px}.stats{padding:16px 16px 40px}.stat-num{font-size:36px;letter-spacing:-1px}.stat-label{font-size:11px}.stat-icon svg{width:32px;height:32px}.contact{padding:40px 16px 32px}.contact-title{font-size:24px}.contact-subtitle{font-size:14px}.service-tag{padding:8px 14px;font-size:11px}.feedback{padding:40px 16px}.feedback-quote{font-size:20px}.footer-new{padding:0 16px 32px}.footer-socials a{font-size:12px}}