@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}:root{--cdBlue:#688FE5;--cdBlueLight:#8AB4FF;--cdBlueDark:#4B8CF0;--cdCyan:#95E4E5;--cdCyanLight:#B5F0F1;--cdCyanDark:#7ABDE5;--cdAccent:#88D0E5;--cdAccentLight:#A8E0F5;--cdAccentDark:#68B0C5;--cdGradientFrom:#688FE5;--cdGradientTo:#95E4E5;--neutral50:#f8fbff;--neutral100:#f5f8fc;--neutral200:#ecf3ff;--neutral300:#d4dce8;--neutral400:#a3b1c6;--neutral500:#6e7e94;--neutral600:#4a5568;--neutral700:#2d3748;--neutral800:#1a202c;--neutral900:#0b1220;--neutral950:#050a15;--glassWhite5:rgba(255,255,255,0.05);--glassWhite10:rgba(255,255,255,0.1);--glassWhite15:rgba(255,255,255,0.15);--glassWhite20:rgba(255,255,255,0.2);--glassBlack5:rgba(0,0,0,0.05);--glassBlack10:rgba(0,0,0,0.1);--glassBlack20:rgba(0,0,0,0.2);--glassBlack40:rgba(0,0,0,0.4);--glassBlack60:rgba(0,0,0,0.6);--bgPrimary:#f8fbff;--bgSecondary:#ffffff;--bgTertiary:#ecf3ff;--bgMuted:#ecf3ff;--textPrimary:#0b1220;--textSecondary:#4a5568;--textTertiary:#6e7e94;--textAccent:#4B8CF0;--borderPrimary:rgba(0,0,0,0.1);--borderSecondary:rgba(0,0,0,0.05);--cardBg:#ffffff;--cardBorder:rgba(0,0,0,0.08);--buttonPrimary:#4B8CF0;--buttonPrimaryHover:#688FE5;--buttonPrimaryFg:#ffffff;--buttonSecondary:#ecf3ff;--buttonSecondaryHover:#d4dce8;--buttonSecondaryFg:#0b1220;--ringColor:#7ABDE5;--cdGreen:#10b981;--cdRed:#ef4444;--cdYellow:#f59e0b;--shadowSm:0 1px 2px 0 rgba(0,0,0,0.05);--shadowMd:0 4px 6px -1px rgba(0,0,0,0.1);--shadowLg:0 10px 15px -3px rgba(0,0,0,0.1);--shadowXl:0 20px 25px -5px rgba(0,0,0,0.1);--shadow2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadowGlow:0 10px 40px -10px rgba(104,143,229,0.25);--background:var(--bgPrimary);--foreground:var(--textPrimary)}[data-theme=dark]{--bgPrimary:#0b1220;--bgSecondary:#0f172a;--bgTertiary:#0d1a30;--bgMuted:#0d1a30;--textPrimary:#e6f1ff;--textSecondary:#a3b1c6;--textTertiary:#6e7e94;--textAccent:#8AB4FF;--borderPrimary:rgba(255,255,255,0.1);--borderSecondary:rgba(255,255,255,0.05);--cardBg:#0f172a;--cardBorder:rgba(255,255,255,0.08);--buttonPrimary:#8AB4FF;--buttonPrimaryHover:#A8E0F5;--buttonPrimaryFg:#0a1130;--buttonSecondary:rgba(255,255,255,0.05);--buttonSecondaryHover:rgba(255,255,255,0.1);--buttonSecondaryFg:#e6f1ff;--ringColor:#3b82f6;--cdGradientFrom:#2a4aa3;--cdGradientTo:#1aa3b4;--shadowSm:0 1px 2px 0 rgba(0,0,0,0.5);--shadowMd:0 4px 6px -1px rgba(0,0,0,0.5);--shadowLg:0 10px 15px -3px rgba(0,0,0,0.5);--shadowXl:0 20px 25px -5px rgba(0,0,0,0.5);--shadow2xl:0 25px 50px -12px rgba(0,0,0,0.75);--shadowGlow:0 10px 40px -10px rgba(138,180,255,0.25);--background:var(--bgPrimary);--foreground:var(--textPrimary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bgPrimary:#0b1220;--bgSecondary:#0f172a;--bgTertiary:#0d1a30;--bgMuted:#0d1a30;--textPrimary:#e6f1ff;--textSecondary:#a3b1c6;--textTertiary:#6e7e94;--textAccent:#8AB4FF;--borderPrimary:rgba(255,255,255,0.1);--borderSecondary:rgba(255,255,255,0.05);--cardBg:#0f172a;--cardBorder:rgba(255,255,255,0.08);--buttonPrimary:#8AB4FF;--buttonPrimaryHover:#A8E0F5;--buttonPrimaryFg:#0a1130;--buttonSecondary:rgba(255,255,255,0.05);--buttonSecondaryHover:rgba(255,255,255,0.1);--buttonSecondaryFg:#e6f1ff;--ringColor:#3b82f6;--cdGradientFrom:#2a4aa3;--cdGradientTo:#1aa3b4;--shadowSm:0 1px 2px 0 rgba(0,0,0,0.5);--shadowMd:0 4px 6px -1px rgba(0,0,0,0.5);--shadowLg:0 10px 15px -3px rgba(0,0,0,0.5);--shadowXl:0 20px 25px -5px rgba(0,0,0,0.5);--shadow2xl:0 25px 50px -12px rgba(0,0,0,0.75);--shadowGlow:0 10px 40px -10px rgba(138,180,255,0.25);--background:var(--bgPrimary);--foreground:var(--textPrimary)}}@font-face{font-family:Helvetica;src:url(/_next/static/media/Helvetica.8a191867.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Helvetica;src:url(/_next/static/media/Helvetica-Bold.72fa72e5.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Helvetica;src:url(/_next/static/media/Helvetica-Oblique.3662fe25.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Helvetica;src:url(/_next/static/media/Helvetica-BoldOblique.c6d1ea31.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Helvetica;src:url(/_next/static/media/helvetica-light-587ebe5a59211.4c883350.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Helvetica Rounded;src:url(/_next/static/media/helvetica-rounded-bold-5871d05ead8de.06774778.otf) format("opentype");font-weight:700;font-style:normal}:root{--fontFamilyPrimary:"Helvetica",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fontFamilyHeading:"Helvetica",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fontFamilyMono:"SF Mono",Monaco,"Courier New",monospace;--textXs:0.75rem;--textSm:0.875rem;--textBase:1rem;--textLg:1.125rem;--textXl:1.25rem;--text2xl:1.5rem;--text3xl:1.875rem;--text4xl:2.25rem;--text5xl:3rem;--text6xl:3.75rem;--leadingTight:1.25;--leadingSnug:1.375;--leadingNormal:1.5;--leadingRelaxed:1.625;--leadingLoose:2;--trackingTighter:-0.05em;--trackingTight:-0.025em;--trackingNormal:0;--trackingWide:0.025em;--trackingWider:0.05em;--trackingWidest:0.1em}body{font-size:var(--textBase);line-height:var(--leadingRelaxed);font-weight:400;font-family:var(--fontFamilyPrimary);color:var(--textPrimary);letter-spacing:var(--trackingNormal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{transition:color .3s ease,opacity .3s ease;color:inherit}a,a:focus,a:hover{text-decoration:none}a:focus,a:hover{color:var(--textAccent);outline:none}p{margin-bottom:15px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:600;font-family:var(--fontFamilyHeading);color:var(--textPrimary);line-height:var(--leadingTight);letter-spacing:var(--trackingTight);margin-top:0}.h1,h1{font-size:var(--text6xl);font-weight:700;margin-bottom:1.5rem;letter-spacing:var(--trackingTighter)}.h2,h2{font-size:var(--text4xl);margin-bottom:1.25rem}.h3,h3{font-size:var(--text3xl)}.h3,.h4,h3,h4{margin-bottom:1rem}.h4,h4{font-size:var(--text2xl)}.h5,h5{font-size:var(--textXl);margin-bottom:.875rem}.h6,h6{font-size:var(--textLg);margin-bottom:.75rem}ul{margin:0;padding:0}ul li{list-style:none}b,strong{font-weight:700}figure{margin:0}img{max-width:100%}button{background-color:transparent;border:none;cursor:pointer;padding:0;transition:.4s}button,button:active,button:focus{outline:none;box-shadow:none}.blockquote,blockquote{background-color:var(--glassWhite5);color:var(--textPrimary);font-size:var(--textLg);line-height:var(--leadingRelaxed);font-family:var(--fontFamilyPrimary);padding:2rem 1.5rem;margin-bottom:1rem;position:relative;border-left:4px solid var(--brandEmerald);border-radius:.5rem}.blockquoteRight{text-align:right}.blockquoteRight:before{left:auto;right:0}.blockquote2{background-color:var(--cardBg);color:var(--textPrimary);font-weight:600;font-family:var(--fontFamilyPrimary);padding:3rem 2rem 2rem;border-radius:1rem;border:1px solid var(--cardBorder)}.blockquote2:after{content:"\f10e";color:var(--neutral300);font-family:FontAwesome;font-size:30px;position:absolute;top:15px;right:25px}.blockquote2 .blockquoteFooter{color:var(--textSecondary);font-size:var(--textSm);line-height:1;font-weight:400}.blockquote2.blockquoteRight:after{content:"\f10d";left:25px;right:auto}::selection{color:var(--neutral950);background:var(--brandEmeraldLight)}.textXs{font-size:var(--textXs)}.textSm{font-size:var(--textSm)}.textBase{font-size:var(--textBase)}.textLg{font-size:var(--textLg)}.textXl{font-size:var(--textXl)}.text2xl{font-size:var(--text2xl)}.text3xl{font-size:var(--text3xl)}.text4xl{font-size:var(--text4xl)}.text5xl{font-size:var(--text5xl)}.text6xl{font-size:var(--text6xl)}.fontLight{font-weight:300}.fontNormal{font-weight:400}.fontMedium{font-weight:500}.fontSemibold{font-weight:600}.fontBold{font-weight:700}.leadingTight{line-height:var(--leadingTight)}.leadingSnug{line-height:var(--leadingSnug)}.leadingNormal{line-height:var(--leadingNormal)}.leadingRelaxed{line-height:var(--leadingRelaxed)}.leadingLoose{line-height:var(--leadingLoose)}.trackingTight{letter-spacing:var(--trackingTight)}.trackingNormal{letter-spacing:var(--trackingNormal)}.trackingWide{letter-spacing:var(--trackingWide)}.trackingWider{letter-spacing:var(--trackingWider)}@media only screen and (max-width:768px){:root{--text6xl:2.5rem;--text5xl:2rem;--text4xl:1.75rem;--text3xl:1.5rem;--text2xl:1.25rem}.h1,h1{font-size:var(--text5xl)}.h2,h2{font-size:var(--text4xl)}.h3,h3{font-size:var(--text3xl)}}@media only screen and (max-width:480px){:root{--text6xl:2rem;--text5xl:1.75rem;--text4xl:1.5rem;--text3xl:1.25rem}}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:100%!important;width:100%}.container-limited{max-width:1320px!important;margin-left:auto;margin-right:auto}html body{font-size:15px!important;line-height:1.6!important;font-weight:400!important;font-family:Helvetica,sans-serif!important;color:var(--foreground)!important}.list::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb{border-radius:0;border:0;background-color:var(--primary)}.list::-webkit-scrollbar,.table-responsive::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:5px;background-color:rgba(253,198,87,.3)}.pro-qty{background-color:var(--bg-gray);display:inline-block;position:relative;width:200px}.pro-qty input{background-color:var(--bg-gray);border:none;padding:21px 0;outline:none;width:100%}.pro-qty a,.pro-qty input{font-weight:600;text-align:center}.pro-qty a{background-color:var(--button-gray);color:#000;font-size:22px;position:absolute;top:0;line-height:63px;height:100%;width:60px}.pro-qty a:hover{background-color:var(--primary);color:#fff}.pro-qty a.inc{right:0}.pro-qty a.dec{left:0}@media only screen and (max-width:767px){.pro-qty{width:120px}.pro-qty input{padding:12px 0}.pro-qty a{width:35px;line-height:48px}}@media only screen and (min-width:768px) and (max-width:991px){.pro-qty{width:120px}.pro-qty input{padding:15px 0}.pro-qty a{width:35px;line-height:54px}}@media only screen and (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1140px}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background-color:var(--bgSecondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(255,255,255,.8);border-bottom:1px solid var(--borderSecondary)}[data-theme=dark] .header{background-color:rgba(11,18,32,.8)}.headerContainer{max-width:1400px;margin:0 auto;padding:0 1.5rem}.headerContent{justify-content:space-between;height:4rem}.headerContent,.logo{display:flex;align-items:center}.logo{gap:.75rem;color:var(--textPrimary);text-decoration:none;transition:color .2s ease}.logo:hover{color:var(--textAccent)}.logoIcon{width:2rem;height:2rem;background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));border-radius:.5rem;object-fit:contain}.logoText{font-weight:600;font-size:1.125rem;letter-spacing:-.025em}.desktopNav{display:none;align-items:center;gap:2rem}@media (min-width:768px){.desktopNav{display:flex}}.navLink{color:var(--textSecondary);text-decoration:none;font-size:.875rem;transition:color .2s ease}.navLink:hover{color:var(--textPrimary)}.servicesDropdown{position:relative}.servicesButton{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;font-size:.875rem;font-family:inherit;transition:color .2s ease}.servicesButton.active{color:var(--textPrimary)}.dropdownArrow{width:1rem;height:1rem;transition:transform .2s ease}.servicesButton.active .dropdownArrow{transform:rotate(180deg)}.dropdownMenu{position:absolute;top:calc(100% + 1rem);left:50%;transform:translateX(-50%);width:800px;max-width:calc(100vw - 2rem);background-color:var(--bgSecondary);border:1px solid var(--borderSecondary);border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;opacity:0;animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1) forwards;overflow:hidden}[data-theme=dark] .dropdownMenu{background-color:rgba(15,23,42,.95);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.dropdownHeader{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid var(--borderSecondary)}.dropdownTitle{font-size:1.5rem;font-weight:700;color:var(--textPrimary);margin-bottom:.5rem}.dropdownSubtitle{color:var(--textSecondary);font-size:.875rem}.dropdownContent{padding:2rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem}.serviceSection{display:flex;flex-direction:column}.serviceSectionHeader{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--borderSecondary)}.serviceIconWrapper{width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));flex-shrink:0}.serviceIcon{width:1.5rem;height:1.5rem;color:white}.serviceHeaderText{flex:1 1;min-width:0}.serviceCategoryTitle{font-size:1.25rem;font-weight:700;color:var(--textPrimary);margin-bottom:.5rem}.serviceCategoryDesc{font-size:.875rem;color:var(--textTertiary);line-height:1.5}.serviceItems{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;flex:1 1}.serviceItem{display:flex;align-items:center;gap:.75rem;color:var(--textSecondary);text-decoration:none;font-size:.875rem;line-height:1.5;padding:.75rem;border-radius:.75rem;transition:all .2s ease;position:relative;overflow:hidden}.serviceItem:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));opacity:0;transition:opacity .2s ease}.serviceItem:hover:before{opacity:.1}.serviceItem:hover{color:var(--textPrimary);background-color:var(--bgMuted);transform:translateY(-2px)}.serviceItemIcon{width:1.25rem;height:1.25rem;flex-shrink:0;z-index:1;position:relative}.serviceItem span{flex:1 1;z-index:1;position:relative}.serviceItemArrow{width:1rem;height:1rem;opacity:0;transform:translateX(-8px);transition:all .2s ease;z-index:1;position:relative}.serviceItem:hover .serviceItemArrow{opacity:1;transform:translateX(0)}.dropdownFooter{padding:1.5rem 2rem 2rem;border-top:1px solid var(--borderSecondary);text-align:center}.dropdownCta{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));color:white;text-decoration:none;font-weight:600;border-radius:.75rem;transition:all .2s ease;box-shadow:0 4px 14px 0 rgba(104,143,229,.4)}.dropdownCta:hover{transform:translateY(-2px);box-shadow:0 8px 25px 0 rgba(104,143,229,.5)}.dropdownCta:hover .ctaArrow{transform:translateX(4px)}.headerActions{display:flex;align-items:center;gap:.75rem}.themeToggle{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background-color:var(--bgMuted);color:var(--textPrimary);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.themeToggle:hover{background-color:var(--buttonSecondaryHover);box-shadow:0 0 0 2px var(--ringColor)}.themeIcon{width:1rem;height:1rem}.loginToggle,.userToggle{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background-color:var(--bgMuted);color:var(--textPrimary);border:none;border-radius:.5rem;text-decoration:none;cursor:pointer;transition:all .2s ease}.loginToggle:hover,.userToggle:hover{background-color:var(--buttonSecondaryHover);box-shadow:0 0 0 2px var(--ringColor);color:var(--textPrimary)}.loginIcon,.userIcon{width:1rem;height:1rem}.userToggle{background:linear-gradient(135deg,var(--cdBlue) 0,var(--cdCyan) 100%);color:white}.userToggle:hover{background:linear-gradient(135deg,var(--cdBlueLight) 0,var(--cdCyanLight) 100%);color:white;box-shadow:0 0 0 2px rgba(104,143,229,.3)}.ctaButton{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:var(--buttonPrimary);font-weight:500;font-size:.875rem;text-decoration:none;border-radius:.5rem;transition:all .2s ease;box-shadow:var(--shadowSm)}.ctaButton,.ctaButton:hover{color:var(--buttonPrimaryFg)}.ctaButton:hover{background-color:var(--buttonPrimaryHover);box-shadow:var(--shadowMd)}.headerBtn{display:inline-flex;align-items:center;padding:.375rem .75rem;background-color:var(--buttonPrimary);font-weight:500;font-size:.875rem;text-decoration:none;border-radius:.5rem;transition:all .2s ease;box-shadow:var(--shadowSm)}.headerBtn,.headerBtn:hover{color:var(--buttonPrimaryFg)}.headerBtn:hover{background-color:var(--buttonPrimaryHover);box-shadow:var(--shadowMd)}.desktopOnly{display:none}@media (min-width:640px){.desktopOnly{display:inline-flex}}.mobileMenuToggle{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;color:var(--textPrimary);border:none;cursor:pointer}@media (min-width:768px){.mobileMenuToggle{display:none}}.menuIcon{width:1.25rem;height:1.25rem}.mobileMenu{position:absolute;top:100%;left:0;right:0;background-color:var(--bgSecondary);border-bottom:1px solid var(--borderSecondary);animation:slideDown .2s ease-out;max-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobileNav{display:flex;flex-direction:column;padding:1rem 1.5rem;gap:.5rem}.mobileNavLink{color:var(--textSecondary);text-decoration:none;padding:.75rem 0;transition:color .2s ease}.mobileNavLink:hover{color:var(--textPrimary)}.mobileAuthSection{margin:1rem 0;padding:1rem 0;border-top:1px solid var(--borderSecondary);border-bottom:1px solid var(--borderSecondary)}.authLink{display:flex;align-items:center;gap:.5rem;color:var(--textSecondary);font-weight:500}.authLink:hover{color:var(--textPrimary)}.mobileAuthIcon{width:1.25rem;height:1.25rem}.mobileCtaButton{margin-top:.5rem;text-align:center;justify-content:center}.mobileServicesSection{margin:1rem 0;padding:1rem 0;border-top:1px solid var(--borderSecondary);border-bottom:1px solid var(--borderSecondary)}.mobileServicesSectionTitle{font-weight:600;color:var(--textPrimary);margin-bottom:1rem;font-size:.875rem}.mobileServiceCategory{margin-bottom:1.5rem}.mobileServiceCategoryHeader{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.mobileServiceIcon{width:1.25rem;height:1.25rem;color:var(--textAccent)}.mobileServiceCategoryHeader .serviceCategoryTitle{font-size:1rem;font-weight:600;color:var(--textPrimary)}.mobileServiceItems{display:flex;flex-direction:column;gap:.5rem;margin-left:2rem}.mobileServiceItem{display:flex;align-items:center;gap:.75rem;color:var(--textSecondary);text-decoration:none;font-size:.875rem;padding:.5rem 0;transition:color .2s ease;line-height:1.4}.mobileServiceItemIcon{width:1rem;height:1rem;flex-shrink:0}.mobileServiceItem:hover{color:var(--textAccent)}.mobileServiceDivider{height:1px;background-color:var(--borderSecondary);margin:1rem 0}.footer{margin-top:4rem;border-top:1px solid var(--borderSecondary);background-color:var(--bgSecondary)}.footerContainer{max-width:1400px;margin:0 auto;padding:0 1.5rem}.footerContent{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;padding:3rem 0 2rem}@media (min-width:768px){.footerContent{grid-template-columns:1fr 3fr;gap:4rem;padding:4rem 0 2rem}}.footerBrand{gap:1.5rem;max-width:300px}.footerBrand,.footerLogo{display:flex;flex-direction:column}.footerLogo{align-items:center;gap:1rem;color:var(--textPrimary);text-decoration:none}.footerLogoIcon{width:8rem;height:8rem;object-fit:contain}.footerLogoText{font-weight:600;font-size:1rem;letter-spacing:-.025em}.footerDescription{color:var(--textSecondary);font-size:.875rem;line-height:1.6}.footerServices{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:640px){.footerServices{grid-template-columns:repeat(2,1fr);gap:3rem}}@media (min-width:1024px){.footerServices{grid-template-columns:repeat(4,1fr);gap:3rem}}.footerLinkGroup{display:flex;flex-direction:column;gap:.75rem}.footerLinkTitle{font-weight:600;font-size:.875rem;color:var(--textPrimary);margin-bottom:.5rem}.footerLink{color:var(--textTertiary);text-decoration:none;font-size:.875rem;transition:color .2s ease}.footerLink:hover{color:var(--textPrimary)}.footerBottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 0;border-top:1px solid var(--borderSecondary)}@media (min-width:640px){.footerBottom{flex-direction:row}}.footerBottomText{color:var(--textTertiary);font-size:.75rem;text-align:center}.footerSocials{display:flex;gap:1rem}.socialLink{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--textTertiary);transition:color .2s ease}.socialLink:hover{color:var(--textAccent)}.socialIcon{width:1.25rem;height:1.25rem}.subscribeSection{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}@media (min-width:640px){.subscribeSection{flex-direction:row}}.subscribeInput{flex:1 1;padding:.5rem .75rem;background-color:var(--bgMuted);border:1px solid var(--borderSecondary);border-radius:.375rem;color:var(--textPrimary);font-size:.875rem;transition:all .2s ease}.subscribeInput:focus{outline:none;border-color:var(--buttonPrimary);box-shadow:0 0 0 2px var(--ringColor)}.subscribeInput::placeholder{color:var(--textTertiary)}.subscribeButton{padding:.5rem 1rem;background-color:var(--buttonPrimary);color:var(--buttonPrimaryFg);border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.subscribeButton:hover{background-color:var(--buttonPrimaryHover);box-shadow:var(--shadowMd)}.contactIcons{display:flex;align-items:center;gap:1rem;margin-top:1rem}.contactIconLink{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--bgMuted);color:var(--textSecondary);border-radius:.5rem;transition:all .2s ease;text-decoration:none}.contactIconLink:hover{background-color:var(--buttonPrimary);color:var(--buttonPrimaryFg);transform:translateY(-1px);box-shadow:var(--shadowMd)}.contactIcon{width:1rem;height:1rem}.footerLegal{border-top:1px solid var(--borderSecondary);padding:1.5rem 0}.footerLegalContainer{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:1400px;margin:0 auto;padding:0 1.5rem}.footerLegalLink{color:var(--textTertiary);text-decoration:none;font-size:.875rem;transition:color .2s ease}.footerLegalLink:hover{color:var(--textPrimary)}.footerLegalDot{color:var(--textTertiary);font-size:.875rem}.heroSection{position:relative;overflow:hidden;min-height:calc(100vh - 4rem);display:flex;align-items:center}.heroBackground{position:absolute;inset:0;z-index:-1}.heroGradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(104,143,229,.1),rgba(149,228,229,.15) 50%,rgba(136,208,229,.1))}.heroContainer{max-width:1280px;margin:0 auto;padding:4rem 1.5rem;display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;align-items:center}@media (min-width:1024px){.heroContainer{grid-template-columns:1fr 1fr;gap:4rem}}.heroContent{display:flex;flex-direction:column;gap:1.5rem}.heroTitle{font-size:2rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--textPrimary)}@media (min-width:768px){.heroTitle{font-size:2.5rem}}@media (min-width:1024px){.heroTitle{font-size:3rem}}.heroSubtext{font-size:1.25rem;line-height:1.6;color:var(--textSecondary);max-width:600px}.heroActions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.heroPrimaryButton{display:inline-flex;align-items:center;padding:.875rem 1.75rem;background-color:var(--buttonPrimary);color:var(--buttonPrimaryFg);font-weight:600;text-decoration:none;border-radius:.5rem;transition:all .2s ease;box-shadow:var(--shadowMd)}.heroPrimaryButton:hover{background-color:var(--buttonPrimaryHover);box-shadow:var(--shadowLg);transform:translateY(-2px)}.heroSecondaryButton{display:inline-flex;align-items:center;padding:.875rem 1.75rem;background-color:var(--buttonSecondary);color:var(--buttonSecondaryFg);font-weight:600;text-decoration:none;border-radius:.5rem;transition:all .2s ease;border:1px solid var(--borderSecondary)}.heroSecondaryButton:hover{background-color:var(--buttonSecondaryHover);box-shadow:0 0 0 2px var(--ringColor)}.heroStats{display:flex;flex-wrap:wrap;align-items:stretch;gap:1.5rem;margin-top:2rem;padding:1.5rem 0}.heroStat{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:16px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;min-width:200px;box-shadow:var(--shadowSm)}.heroStat:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadowXl)}.heroStatIcon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.heroStatIcon svg{width:20px;height:20px;z-index:2;position:relative}.heroStatContent{display:flex;flex-direction:column;gap:.25rem;flex:1 1}.heroStatValue{font-size:1.125rem;font-weight:700;line-height:1.2}.heroStatLabel{font-size:.75rem;font-weight:500;line-height:1.4;opacity:.8}.projectsStat{background:linear-gradient(135deg,var(--cdBlue),var(--cdBlueDark));color:white}.projectsStat .heroStatIcon{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projectsStat .heroStatIcon svg{color:white}.projectsStat:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);border-radius:50%;transform:translate(20px,-20px)}.expertiseStat{background:linear-gradient(135deg,var(--cdCyan),var(--cdCyanDark));color:var(--neutral900)}.expertiseStat .heroStatIcon{background:rgba(11,18,32,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.expertiseStat .heroStatIcon svg{color:var(--neutral900)}.expertiseStat:before{content:"";position:absolute;bottom:0;left:0;width:40px;height:40px;background:var(--cdAccent);border-radius:50%;transform:translate(-15px,15px);opacity:.3}.globalStat{background:linear-gradient(135deg,var(--cdGreen),#059669);color:white}.globalStat .heroStatIcon{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.globalStat .heroStatIcon svg{color:white}.globalStat:before{content:"";position:absolute;top:50%;right:-10px;width:30px;height:30px;background:var(--cdYellow);border-radius:4px;transform:translateY(-50%) rotate(45deg);opacity:.4}.heroStatDivider{display:none}@media (max-width:640px){.heroStats{flex-direction:column;align-items:stretch;gap:1rem}.heroStat{min-width:auto;padding:1rem 1.25rem}.heroStatIcon{width:36px;height:36px}.heroStatIcon svg{width:18px;height:18px}.heroStatValue{font-size:1rem}.heroStatLabel{font-size:.7rem}}.heroVisual{position:relative;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeInUp 1s ease-out .3s forwards;min-height:600px}@media (max-width:1023px){.heroVisual{display:none}}.visualGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;width:100%;height:400px}.visualCard{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;padding:1.5rem;display:flex;align-items:stretch;justify-content:stretch;box-shadow:var(--shadowMd);transition:all .3s ease;overflow:hidden;position:relative}.visualCard:hover{transform:translateY(-4px);box-shadow:var(--shadowLg)}.cardContent{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;position:relative}.designCard{background:linear-gradient(135deg,var(--cardBg) 0,rgba(104,143,229,.05) 100%)}.designCanvas{width:100%;height:100%;position:relative;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.designCard .colorPalette{position:absolute;top:10px;left:10px;display:flex;gap:4px;z-index:5}.designCard .colorDot{width:12px;height:12px;border-radius:50%;animation:pulse 2s ease-in-out infinite;border:1px solid rgba(255,255,255,.2)}.designCard .colorDot.blue{background:var(--cdBlue);animation-delay:0s}.designCard .colorDot.cyan{background:var(--cdCyan);animation-delay:.2s}.designCard .colorDot.accent{background:var(--cdAccent);animation-delay:.4s}.designCard .colorDot.purple{background:#8B5CF6;animation-delay:.6s}.designCard .colorDot.green{background:#10B981;animation-delay:.8s}.designCard .typography{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:4}.designCard .fontSample{color:var(--textAccent);font-weight:700;line-height:1;animation:typeScale 3s ease-in-out infinite}.designCard .fontSample.large{font-size:18px;animation-delay:0s}.designCard .fontSample.medium{font-size:14px;animation-delay:.5s}.designCard .fontSample.small{font-size:10px;animation-delay:1s}.designCard .designTools{position:absolute;bottom:15px;left:15px;display:flex;gap:8px;z-index:5}.designCard .tool{width:16px;height:16px;border-radius:3px;animation:toolHover 2s ease-in-out infinite}.designCard .tool.pen{background:linear-gradient(45deg,var(--cdBlue),var(--cdCyan));animation-delay:0s}.designCard .tool.eyedropper{background:var(--cdAccent);border-radius:50% 50% 50% 0;animation-delay:.7s}.designCard .tool.brush{background:var(--cdCyan);border-radius:8px;animation-delay:1.4s}.designCard .designComposition{position:absolute;inset:60px 80px 60px 80px;z-index:2}.designCard .layer{position:absolute;inset:0}.designCard .layer1{z-index:3}.designCard .layer2{z-index:2}.designCard .layer3{z-index:1}.designCard .shape{position:absolute;opacity:.6;animation:float 4s ease-in-out infinite}.designCard .layer1 .shape.circle{width:28px;height:28px;background:var(--cdBlue);border-radius:50%;top:20%;left:25%;animation-delay:0s}.designCard .layer1 .shape.triangle{width:24px;height:24px;background:var(--cdCyan);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);bottom:25%;right:20%;animation-delay:1s}.designCard .layer2 .shape.square{width:20px;height:20px;background:var(--cdAccent);border-radius:3px;top:60%;right:50%;animation-delay:2s}.designCard .layer2 .shape.hexagon{width:18px;height:18px;background:#8B5CF6;-webkit-clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);bottom:40%;left:30%;animation-delay:3s}.designCard .layer3 .shape.line{width:40px;height:3px;background:linear-gradient(90deg,var(--cdBlue),var(--cdCyan));border-radius:2px;top:40%;left:10%;animation-delay:.5s}.designCard .layer3 .shape.curve{width:30px;height:30px;border-radius:50%;border:3px solid var(--cdAccent);border-top:transparent;border-right:transparent;bottom:10%;right:15%;animation-delay:1.5s}.designCard .designGrid{position:absolute;inset:0;opacity:.1;z-index:0}.designCard .gridLine{position:absolute;background:var(--textPrimary);animation:gridPulse 4s ease-in-out infinite}.designCard .gridLine.horizontal{width:100%;height:1px}.designCard .gridLine.vertical{height:100%;width:1px}.designCard .gridLine.horizontal:first-child{top:33%;animation-delay:0s}.designCard .gridLine.horizontal:nth-child(2){top:66%;animation-delay:1s}.designCard .gridLine.vertical:nth-child(3){left:33%;animation-delay:2s}.designCard .gridLine.vertical:nth-child(4){left:66%;animation-delay:3s}.designCard .gradientSwatches{position:absolute;bottom:15px;right:15px;display:flex;gap:3px;z-index:4}.designCard .gradientSwatch{width:10px;height:30px;border-radius:3px;animation:gradientShift 3s ease-in-out infinite}.designCard .gradient1{background:linear-gradient(180deg,var(--cdBlue),var(--cdCyan));animation-delay:0s}.designCard .gradient2{background:linear-gradient(180deg,var(--cdCyan),var(--cdAccent));animation-delay:1s}.designCard .gradient3{background:linear-gradient(180deg,var(--cdAccent),#8B5CF6);animation-delay:2s}.designCard .designCursor{position:absolute;top:50%;left:50%;z-index:6;animation:cursorMove 5s ease-in-out infinite}.designCard .cursorDot{width:6px;height:6px;background:var(--cdBlue);border-radius:50%;position:relative}.designCard .selectionBox{position:absolute;top:-12px;left:-12px;width:30px;height:30px;border:1px dashed var(--cdCyan);animation:selectionBlink 2s ease-in-out infinite}.designCard .creativeElements{position:absolute;inset:0;z-index:1}.designCard .bezierCurve{position:absolute;top:70%;left:15%;opacity:.7;animation:pathDraw 4s ease-in-out infinite}.designCard .artboard{position:absolute;top:30%;left:15%;width:50px;height:35px;border:2px solid var(--borderPrimary);border-radius:4px;background:rgba(255,255,255,.02);animation:artboardGlow 3s ease-in-out infinite}.designCard .maskShape{position:absolute;bottom:30%;right:25%;width:24px;height:24px;background:var(--cdAccent);border-radius:50% 0 50% 50%;opacity:.4;animation:maskRotate 6s ease-in-out infinite}.buildCard{background:var(--cardBg)}.buildCard .buildCanvas{width:100%;height:100%;position:relative;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.buildCard .codeEditor{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:100px;height:60px;background:var(--neutral900);border-radius:8px;padding:6px;z-index:3}.buildCard .editorHeader{display:flex;gap:4px;margin-bottom:6px;justify-content:flex-start;margin-left:2px}.buildCard .dot{width:6px;height:6px;border-radius:50%}.buildCard .dot.red{background:#ff5f57}.buildCard .dot.yellow{background:#ffbd2e}.buildCard .dot.green{background:#28ca42}.buildCard .codeLines{display:flex;flex-direction:column;gap:3px;width:100%;margin-left:2px}.buildCard .codeLine{height:2px;background:var(--cdBlue);border-radius:1px;opacity:.7}.buildCard .codeLine.short{width:60%}.buildCard .codeLine.medium{width:80%}.buildCard .cursor{width:1px;height:8px;background:var(--cdCyan);animation:blink 1s step-start infinite;margin-top:2px}.buildCard .terminal{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:110px;height:50px;background:#1a1a1a;border-radius:6px;font-family:Courier New,monospace;z-index:3}.buildCard .terminalHeader{background:#333;border-radius:6px 6px 0 0;font-size:7px;color:#ccc;text-align:left;padding:3px 6px 3px 8px}.buildCard .terminalContent{font-size:7px;color:#00ff00;width:100%;box-sizing:border-box;padding:4px 6px 4px 8px}.buildCard .terminalLine{margin-bottom:1px;color:#ccc;font-size:6px;white-space:nowrap;overflow:hidden}.buildCard .terminalLine.success,.buildCard .terminalPrompt{color:#00ff00}.buildCard .database{position:absolute;bottom:15px;right:15px;width:20px;height:24px;z-index:4}.buildCard .dbCylinder{width:100%;height:6px;background:var(--cdAccent);border:1px solid var(--cdAccentDark);position:absolute}.buildCard .dbCylinder.top{top:0;border-radius:50% 50% 0 0;background:linear-gradient(135deg,var(--cdAccent),var(--cdAccentLight))}.buildCard .dbCylinder.middle{top:6px;border-radius:0}.buildCard .dbCylinder.bottom{bottom:0;border-radius:0 0 50% 50%;background:linear-gradient(135deg,var(--cdAccentDark),var(--cdAccent))}.buildCard .apiEndpoints{position:absolute;top:40%;left:30%;display:flex;flex-direction:column;gap:4px;z-index:2;animation:float 6s ease-in-out infinite}.buildCard .endpoint{padding:2px 6px;border-radius:3px;font-size:8px;font-weight:700;animation:apiPulse 2s ease-in-out infinite}.buildCard .endpoint.get{background:#4CAF50;color:white;animation-delay:0s}.buildCard .endpoint.post{background:#2196F3;color:white;animation-delay:.5s}.buildCard .endpoint.put{background:#FF9800;color:white;animation-delay:1s}.buildCard .techStack{position:absolute;top:60%;right:30%;display:flex;flex-direction:column;gap:6px;z-index:2;animation:float 5s ease-in-out 1s infinite}.buildCard .tech{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;animation:techBounce 3s ease-in-out infinite}.buildCard .tech.react{background:#61DAFB;color:#333;animation-delay:0s}.buildCard .tech.node{background:#339933;animation-delay:1s}.buildCard .tech.database{background:#336791;font-size:6px;animation-delay:2s}.buildCard .deployment{position:absolute;bottom:30%;right:15%;display:flex;align-items:center;gap:4px;z-index:2;animation:float 4s ease-in-out 2s infinite}.buildCard .deployIcon{width:12px;height:12px;background:#4CAF50;border-radius:50%;animation:deployPulse 2s ease-in-out infinite}.buildCard .deployStatus{font-size:8px;color:var(--textSecondary);font-weight:700}.buildCard .codeBrackets{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;gap:20px}.buildCard .bracket{font-size:24px;color:var(--cdBlue);opacity:.3;font-weight:700;animation:bracketFloat 4s ease-in-out infinite}.buildCard .bracket.left{animation-delay:0s}.buildCard .bracket.right{animation-delay:2s}.playCard{background:linear-gradient(135deg,var(--cardBg) 0,rgba(136,208,229,.05) 100%)}.playCard .playCanvas{width:100%;height:100%;position:relative;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.playCard .gameController{position:absolute;top:15px;left:15px;width:80px;height:50px;z-index:4}.playCard .controllerBody{width:100%;height:100%;background:#2c3e50;border-radius:15px;position:relative;border:2px solid #34495e}.playCard .dPad{position:absolute;top:50%;left:20%;transform:translate(-50%,-50%);width:20px;height:20px}.playCard .dPadButton{position:absolute;width:6px;height:6px;background:#7f8c8d;border-radius:1px}.playCard .dPadButton.up{top:0;left:7px}.playCard .dPadButton.down{bottom:0;left:7px}.playCard .dPadButton.left{left:0;top:7px}.playCard .dPadButton.right{right:0;top:7px}.playCard .dPadCenter{position:absolute;top:7px;left:7px;width:6px;height:6px;background:#95a5a6;border-radius:50%}.playCard .actionButtons{position:absolute;top:50%;right:20%;transform:translate(50%,-50%);width:20px;height:20px}.playCard .actionButton{position:absolute;width:8px;height:8px;border-radius:50%;animation:buttonPulse 2s ease-in-out infinite}.playCard .actionButton.a{top:6px;right:0;background:#e74c3c;animation-delay:0s}.playCard .actionButton.b{bottom:6px;right:6px;background:#f1c40f;animation-delay:.5s}.playCard .actionButton.x{top:0;right:6px;background:#3498db;animation-delay:1s}.playCard .actionButton.y{bottom:0;right:12px;background:#2ecc71;animation-delay:1.5s}.playCard .gameScreen{position:absolute;top:15px;right:15px;width:70px;height:50px;z-index:4}.playCard .screenFrame{width:100%;height:100%;background:#000;border:2px solid #333;border-radius:5px;padding:3px}.playCard .tetrisGame{width:100%;height:100%;background:#111;border-radius:2px;position:relative;overflow:hidden}.playCard .tetrisGrid{display:flex;flex-direction:column;gap:1px;padding:2px}.playCard .tetrisRow{display:flex;gap:1px}.playCard .tetrisBlock{width:8px;height:8px;border:1px solid #333;border-radius:1px}.playCard .tetrisBlock.filled{border:1px solid rgba(255,255,255,.3);animation:blockGlow 3s ease-in-out infinite}.playCard .tetrisBlock.filled.red{background:#e74c3c}.playCard .tetrisBlock.filled.blue{background:#3498db}.playCard .tetrisBlock.filled.green{background:#2ecc71}.playCard .tetrisBlock.filled.yellow{background:#f1c40f}.playCard .tetrisBlock.filled.purple{background:#9b59b6}.playCard .tetrisBlock.filled.orange{background:#e67e22}.playCard .fallingPiece{position:absolute;top:5px;left:15px;display:flex;animation:tetrisFall 2s ease-in-out infinite}.playCard .pongElements{position:absolute;inset:0;z-index:2}.playCard .pongPaddle{position:absolute;width:4px;height:25px;background:var(--cdBlue);border-radius:2px;box-shadow:0 0 8px rgba(104,143,229,.4)}.playCard .leftPaddle{left:22%;top:42%;animation:leftPaddleFloat 3.7s ease-in-out infinite}.playCard .rightPaddle{right:22%;top:42%;animation:rightPaddleFloat 2.1s ease-out infinite}.playCard .pongBall{width:6px;height:6px;top:50%;left:50%;transform:translate(-50%,-50%);animation:ballBounce 4s cubic-bezier(.4,0,.6,1) infinite;box-shadow:0 0 12px rgba(149,228,229,.6)}.playCard .pongBall,.playCard .pongTrail{position:absolute;background:var(--cdCyan);border-radius:50%}.playCard .pongTrail{width:3px;height:3px;opacity:.3;animation:trailFollow 3s ease-in-out infinite}.playCard .trail1{top:48%;left:40%;animation:trailFollow1 3s ease-in-out infinite}.playCard .trail2{top:52%;left:35%;animation:trailFollow2 3s ease-in-out infinite;opacity:.2}.playCard .trail3{top:46%;left:60%;animation:trailFollow3 3s ease-in-out infinite;opacity:.15}.playCard .scoreDigit{position:absolute;font-size:12px;font-weight:700;color:var(--textAccent);animation:digitGlow 4s ease-in-out infinite}.playCard .leftScore{top:25%;left:35%}.playCard .rightScore{top:25%;right:35%;animation-delay:2s}.playCard .centerLine{position:absolute;top:40%;left:50%;transform:translateX(-50%);width:2px;height:30px;background:repeating-linear-gradient(to bottom,var(--neutral400) 0,var(--neutral400) 3px,transparent 3px,transparent 6px);opacity:.4}.playCard .gameBoundary{position:absolute;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--neutral400),transparent);opacity:.3}.playCard .topBoundary{top:35%}.playCard .bottomBoundary{bottom:35%}.playCard .proController{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:80px;height:35px;z-index:3}.playCard .controllerMain{width:100%;height:25px;background:#2c3e50;border-radius:12px;position:relative;border:2px solid #34495e;display:flex;align-items:center}.playCard .controllerGrip{width:12px;height:100%;background:#34495e;border-radius:8px}.playCard .controllerGrip.left{border-radius:8px 0 0 8px}.playCard .controllerGrip.right{border-radius:0 8px 8px 0}.playCard .controllerCenter{flex:1 1;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8px;position:relative}.playCard .leftStick,.playCard .rightStick{width:12px;height:12px;position:relative}.playCard .stickBase{width:100%;height:100%;background:#1a252f;border-radius:50%;border:1px solid #4a6741}.playCard .stickTop{position:absolute;top:2px;left:2px;width:8px;height:8px;background:#7f8c8d;border-radius:50%;animation:stickMove 3s ease-in-out infinite}.playCard .rightStick .stickTop{animation-delay:1.5s}.playCard .centerButtons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:4px}.playCard .selectBtn,.playCard .startBtn{width:6px;height:3px;background:#95a5a6;border-radius:1px;animation:buttonBlink 2s ease-in-out infinite}.playCard .startBtn{animation-delay:1s}.playCard .shoulderButtons{position:absolute;top:-8px;left:0;right:0;display:flex;justify-content:space-between}.playCard .shoulderBtn{width:12px;height:6px;background:#34495e;border-radius:3px 3px 0 0;font-size:4px;color:#bdc3c7;text-align:center;line-height:6px;border:1px solid #2c3e50;animation:shoulderPress 3s ease-in-out infinite}.playCard .shoulderBtn.right{animation-delay:1.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes draw{0%{width:0;opacity:0}50%{width:30px;opacity:1}to{width:30px;opacity:.7}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes fly{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-8px) translateX(-4px)}50%{transform:translateY(-4px) translateX(-8px)}75%{transform:translateY(-12px) translateX(-2px)}}@keyframes trail{0%,to{opacity:.3;height:6px}50%{opacity:.8;height:12px}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes typeScale{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes toolHover{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-2px) scale(1.1);opacity:1}}@keyframes gridPulse{0%,to{opacity:.05}50%{opacity:.2}}@keyframes gradientShift{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}@keyframes cursorMove{0%,to{transform:translate(0)}25%{transform:translate(10px,-5px)}50%{transform:translate(-5px,8px)}75%{transform:translate(8px,5px)}}@keyframes selectionBlink{0%,50%{opacity:.3}51%,to{opacity:.8}}@keyframes pathDraw{0%{opacity:.3;transform:scale(.9)}50%{opacity:.8;transform:scale(1)}to{opacity:.3;transform:scale(.9)}}@keyframes artboardGlow{0%,to{box-shadow:inset 0 0 5px rgba(104,143,229,.1);opacity:.3}50%{box-shadow:inset 0 0 10px rgba(104,143,229,.3);opacity:.6}}@keyframes maskRotate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}}@keyframes apiPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes techBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.05)}}@keyframes processStep{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes processLine{0%,to{opacity:.3}50%{opacity:.8}}@keyframes deployPulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(76,175,80,.4)}50%{transform:scale(1.1);box-shadow:0 0 0 6px rgba(76,175,80,0)}}@keyframes bracketFloat{0%,to{transform:translateY(0) scale(1);opacity:.2}50%{transform:translateY(-5px) scale(1.1);opacity:.4}}@keyframes buttonPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}@keyframes playerJump{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes enemyMove{0%{transform:translateX(0)}50%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes coinSpin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes powerupGlow{0%,to{box-shadow:0 0 0 0 rgba(231,76,60,.4)}50%{box-shadow:0 0 0 3px rgba(231,76,60,0)}}@keyframes vrGlow{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}}@keyframes scoreUpdate{0%,to{transform:scale(1)}50%{transform:scale(1.05);color:var(--cdCyan)}}@keyframes achievementFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(5deg)}}@keyframes joystickMove{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-40%,-60%)}50%{transform:translate(-60%,-40%)}75%{transform:translate(-40%,-40%)}}@keyframes buttonPress{0%,to{transform:scale(1)}50%{transform:scale(.95);background:var(--cdCyan)}}@keyframes explode{0%,70%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes progressGlow{0%,to{opacity:.8}50%{opacity:1;box-shadow:0 0 10px rgba(104,143,229,.5)}}@keyframes sparkleFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-8px) scale(1.2);opacity:1}}@keyframes blockGlow{0%,to{box-shadow:inset 0 0 2px rgba(255,255,255,.1)}50%{box-shadow:inset 0 0 4px rgba(255,255,255,.3)}}@keyframes tetrisFall{0%{transform:translateY(0)}to{transform:translateY(20px)}}@keyframes stickMove{0%,to{transform:translate(2px,2px)}25%{transform:translate(4px,1px)}50%{transform:translate(1px,4px)}75%{transform:translate(3px,3px)}}@keyframes buttonBlink{0%,to{opacity:.6}50%{opacity:1;background:#f39c12}}@keyframes shoulderPress{0%,to{transform:translateY(0)}50%{transform:translateY(1px);background:#2c3e50}}@keyframes pixelFloat{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-6px);opacity:1}}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:1}}@keyframes leftPaddleFloat{0%,to{transform:translateY(-20px);opacity:1;box-shadow:0 0 12px rgba(104,143,229,.6)}50%{transform:translateY(25px);opacity:.8;box-shadow:0 0 8px rgba(104,143,229,.4)}}@keyframes rightPaddleFloat{0%,to{transform:translateY(25px);opacity:.8;box-shadow:0 0 8px rgba(104,143,229,.4)}50%{transform:translateY(-20px);opacity:1;box-shadow:0 0 12px rgba(104,143,229,.6)}}@keyframes ballBounce{0%,to{transform:translate(-50%,-50%) translateX(-20px);box-shadow:0 0 15px rgba(149,228,229,.8)}50%{transform:translate(-50%,-50%) translateX(20px);box-shadow:0 0 15px rgba(149,228,229,.8)}}@keyframes trailFollow1{0%{transform:translateX(-15px) translateY(-3px) scale(.8);opacity:.3}25%{transform:translateX(-8px) translateY(-8px) scale(1);opacity:.4}50%{transform:translateX(15px) translateY(-3px) scale(.8);opacity:.3}75%{transform:translateX(8px) translateY(8px) scale(1);opacity:.4}to{transform:translateX(-15px) translateY(-3px) scale(.8);opacity:.3}}@keyframes trailFollow2{0%{transform:translateX(-10px) translateY(-2px) scale(.6);opacity:.2}25%{transform:translateX(-5px) translateY(-6px) scale(.8);opacity:.25}50%{transform:translateX(10px) translateY(-2px) scale(.6);opacity:.2}75%{transform:translateX(5px) translateY(6px) scale(.8);opacity:.25}to{transform:translateX(-10px) translateY(-2px) scale(.6);opacity:.2}}@keyframes trailFollow3{0%{transform:translateX(-5px) translateY(-1px) scale(.4);opacity:.15}25%{transform:translateX(-2px) translateY(-4px) scale(.6);opacity:.2}50%{transform:translateX(5px) translateY(-1px) scale(.4);opacity:.15}75%{transform:translateX(2px) translateY(4px) scale(.6);opacity:.2}to{transform:translateX(-5px) translateY(-1px) scale(.4);opacity:.15}}@keyframes digitGlow{0%,to{opacity:.7;text-shadow:0 0 4px rgba(104,143,229,.4)}50%{opacity:1;text-shadow:0 0 8px rgba(104,143,229,.8)}}.homeAboutSnapshot{padding:6rem 0;background:var(--bgSecondary);position:relative;overflow:hidden}.homeAboutContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem}.homeAboutGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;min-height:600px}@media (max-width:1024px){.homeAboutGrid{grid-template-columns:1fr;gap:3rem}}.homeAboutVisual{position:relative;height:500px;background:linear-gradient(135deg,var(--bgTertiary),var(--bgPrimary));border-radius:24px;border:1px solid var(--borderSecondary);overflow:hidden}.homeAboutCanvas{position:relative;width:100%;height:100%;padding:2rem}.devWorkflow{position:absolute;top:15%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:1rem;z-index:4}.workflowStep{display:flex;align-items:center;gap:.5rem;position:relative}.stepIcon{width:32px;height:32px;padding:6px;background:var(--cdBlue);color:white;border-radius:8px;box-shadow:0 4px 12px rgba(104,143,229,.3);animation:workflowPulse 3s ease-in-out infinite}.workflowStep.step2 .stepIcon{background:var(--cdCyan);animation-delay:.75s}.workflowStep.step3 .stepIcon{background:var(--cdAccent);animation-delay:1.5s}.workflowStep.step4 .stepIcon{background:var(--cdGreen);animation-delay:2.25s}.stepConnector{width:2px;height:20px;background:linear-gradient(180deg,var(--cdBlue),var(--cdCyan));margin-left:15px;animation:connectorFlow 3s ease-in-out infinite}.codeElements{position:absolute;inset:0;z-index:2}.codeBlock{position:absolute;background:var(--bgPrimary);border-radius:8px;padding:.75rem;border:1px solid var(--borderPrimary);box-shadow:var(--shadowSm);animation:codeFloat 6s ease-in-out infinite}.block1{top:20%;left:10%;width:80px}.block2{bottom:25%;right:15%;width:90px;animation-delay:3s}.codeLine{height:3px;background:var(--cdBlue);border-radius:2px;margin-bottom:4px;opacity:.7}.codeLine.short{width:60%;background:var(--cdCyan)}.codeLine.medium{width:80%;background:var(--cdAccent)}.performanceMetrics{position:absolute;bottom:15%;left:12%;display:flex;flex-direction:column;gap:.5rem;z-index:3}.metric{display:flex;align-items:center;gap:.5rem}.metricBar{width:40px;height:4px;background:var(--neutral300);border-radius:2px;position:relative;overflow:hidden}.metricBar:after{content:"";position:absolute;left:0;top:0;height:100%;border-radius:2px;animation:metricLoad 4s ease-in-out infinite}.cpu .metricBar:after{background:var(--cdBlue);width:85%;animation-delay:0s}.memory .metricBar:after{background:var(--cdCyan);width:70%;animation-delay:1.3s}.network .metricBar:after{background:var(--cdGreen);width:90%;animation-delay:2.6s}.metricLabel{font-size:.6rem;font-weight:600;color:var(--textTertiary);text-transform:uppercase;letter-spacing:.05em}.techStackOrbs{position:absolute;inset:0;z-index:1}.techOrb{position:absolute;border-radius:50%;animation:orbFloat 8s ease-in-out infinite}.orb1{width:12px;height:12px;background:var(--cdBlue);top:30%;right:25%;opacity:.6;animation-delay:0s}.orb2{width:8px;height:8px;background:var(--cdCyan);top:60%;right:35%;opacity:.4;animation-delay:2s}.orb3{width:16px;height:16px;background:var(--cdAccent);bottom:40%;left:20%;opacity:.3;animation-delay:4s}.orb4{width:10px;height:10px;background:var(--cdGreen);top:40%;left:30%;opacity:.5;animation-delay:6s}.orb5{width:14px;height:14px;background:var(--cdYellow);bottom:30%;right:20%;opacity:.4;animation-delay:1s}.dataFlow{position:absolute;inset:0;z-index:1}.dataPacket{position:absolute;width:4px;height:4px;background:var(--cdCyan);border-radius:50%;animation:dataMove 5s linear infinite}.packet1{top:25%;left:15%;animation-delay:0s}.packet2{top:45%;left:15%;animation-delay:1.7s}.packet3{top:65%;left:15%;animation-delay:3.3s}.flowPath{position:absolute;top:45%;left:15%;width:70%;height:1px;background:linear-gradient(90deg,var(--cdCyan),transparent 30%,var(--cdAccent) 70%,transparent);opacity:.3}.homeAboutContent{padding-left:2rem}@media (max-width:1024px){.homeAboutContent{padding-left:0;text-align:center}}.homeAboutTitle{font-size:1.75rem;font-weight:700;line-height:1.4;color:var(--textPrimary);margin-bottom:3rem}@media (min-width:768px){.homeAboutTitle{font-size:2rem}}.homeAboutStats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}@media (min-width:768px){.homeAboutStats{grid-template-columns:repeat(2,1fr);gap:1.25rem}}.homeAboutStatCard{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bgPrimary);border-radius:12px;border:1px solid var(--borderSecondary);transition:all .3s ease;cursor:default}.homeAboutStatCard:hover{transform:translateY(-2px);box-shadow:var(--shadowMd);border-color:var(--stat-color,var(--cdBlue))}.homeAboutStatIcon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--stat-color,var(--cdBlue));flex-shrink:0}.homeAboutStatIcon svg{width:16px;height:16px;color:white}.homeAboutStatContent{display:flex;flex-direction:column;gap:.125rem}.homeAboutStatValue{font-size:1rem;font-weight:700;color:var(--textPrimary);line-height:1.2}.homeAboutStatLabel{font-size:.7rem;color:var(--textTertiary);font-weight:500;line-height:1.3}@keyframes workflowPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(104,143,229,.3)}50%{transform:scale(1.1);box-shadow:0 6px 20px rgba(104,143,229,.5)}}@keyframes connectorFlow{0%,to{opacity:.3}50%{opacity:1}}@keyframes codeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes metricLoad{0%{width:0}50%{width:100%}to{width:0}}@keyframes orbFloat{0%,to{transform:translate(0)}33%{transform:translate(10px,-5px)}66%{transform:translate(-5px,10px)}}@keyframes dataMove{0%{transform:translateX(0) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(250px) translateY(-20px);opacity:0}}.threeBranches{padding:5rem 0}.branchesContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem}.branchesHeader{text-align:center;margin-bottom:4rem}.branchesTitle{font-size:2.5rem;font-weight:700;color:var(--textPrimary);margin-bottom:1rem}@media (min-width:768px){.branchesTitle{font-size:3rem}}.branchesSubtitle{font-size:1.125rem;color:var(--textSecondary);max-width:600px;margin:0 auto}.branchesGrid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:768px){.branchesGrid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.branchCard{position:relative;padding:2.5rem;background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1.5rem;box-shadow:var(--shadowSm);transition:all .3s ease;overflow:hidden}.branchCard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(104,143,229,.08),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none}.branchCard:hover:before{opacity:1}.branchCard:hover{transform:translateY(-4px);box-shadow:var(--shadowGlow);border-color:var(--ringColor)}.branchIcon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:.75rem;background-color:var(--bgMuted);color:var(--textAccent);border-radius:.75rem;margin-bottom:1.5rem}.branchIcon svg{width:100%;height:100%}.branchTitle{font-size:1.5rem;font-weight:600;color:var(--textPrimary);margin-bottom:.5rem}.branchDescription{color:var(--textSecondary);margin-bottom:1.5rem}.branchServices{list-style:none;padding:0;margin:0 0 2rem}.branchService{display:flex;align-items:flex-start;gap:.75rem;color:var(--textSecondary);font-size:.875rem;margin-bottom:.75rem}.serviceIcon{width:1rem;height:1rem;flex-shrink:0;margin-top:.125rem;color:var(--cdAccent)}.branchCta{display:inline-flex;align-items:center;gap:.5rem;color:var(--textAccent);font-weight:600;text-decoration:none;transition:all .2s ease}.branchCta:hover{gap:.75rem;color:var(--buttonPrimaryHover)}.branchCta:hover .ctaArrow{transform:translateX(4px)}.featuredWork{padding:5rem 0;background-color:var(--bgSecondary)}.workContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem}.workHeader{text-align:center;margin-bottom:3rem}.sectionLabel{display:inline-flex;align-items:center;gap:.5rem;color:var(--textAccent);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.sectionIcon{width:1.25rem;height:1.25rem}.workTitle{font-size:2.5rem;font-weight:700;color:var(--textPrimary)}@media (min-width:768px){.workTitle{font-size:3rem}}.featuredWork .workGrid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:768px){.featuredWork .workGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.featuredWork .workGrid{grid-template-columns:repeat(3,1fr)}}.workCard{position:relative;background-color:var(--cardBg);border-radius:1rem;overflow:hidden;border:1px solid var(--cardBorder);box-shadow:var(--shadowSm);transition:all .3s ease;cursor:pointer}.workCard:hover{transform:translateY(-8px);box-shadow:var(--shadowXl)}.workCardImage{position:relative;height:200px;overflow:hidden}.workCardOverlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1));opacity:0;transition:opacity .3s ease}.workCard:hover .workCardOverlay{opacity:1}.workCardContent{padding:1.5rem}.workCardCategory{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--textAccent);margin-bottom:.5rem}.workCardTitle{font-size:1.125rem;font-weight:600;color:var(--textPrimary);line-height:1.4}.workFooter{text-align:center;margin-top:3rem}.portfolioCta{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background-color:var(--buttonSecondary);color:var(--buttonSecondaryFg);font-weight:600;text-decoration:none;border-radius:.5rem;transition:all .2s ease;border:1px solid var(--borderSecondary)}.portfolioCta:hover{background-color:var(--buttonSecondaryHover);box-shadow:0 0 0 2px var(--ringColor);gap:.75rem}.ctaArrow{width:1rem;height:1rem;transition:transform .2s ease}.portfolioCta:hover .ctaArrow{transform:translateX(4px)}.homeWhyChooseUs{padding:6rem 0;background:var(--bgPrimary);position:relative;overflow:hidden}.homeWhyContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem}.homeWhyGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;min-height:600px}@media (max-width:1024px){.homeWhyGrid{grid-template-columns:1fr;gap:3rem}}.homeWhyContent{display:flex;flex-direction:column;gap:2.5rem;padding-right:2rem}@media (max-width:1024px){.homeWhyContent{padding-right:0;text-align:center}}.homeWhySectionLabel{display:inline-flex;align-items:center;gap:.5rem;color:var(--textAccent);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.homeWhySectionIcon{width:1.25rem;height:1.25rem}.homeWhyTitle{font-size:2rem;font-weight:700;color:var(--textPrimary);margin-bottom:1rem}@media (min-width:768px){.homeWhyTitle{font-size:2.5rem}}.homeWhyReasons{display:flex;flex-direction:column;gap:1.5rem}.homeWhyReason{display:flex;gap:1rem;align-items:flex-start}.homeWhyIcon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--reason-color,var(--cdBlue));box-shadow:0 4px 12px rgba(104,143,229,.2)}.homeWhyIcon svg{width:20px;height:20px;color:white}.homeWhyReasonContent{flex:1 1}.homeWhyReasonTitle{font-size:1rem;font-weight:600;color:var(--textPrimary);margin-bottom:.25rem}.homeWhyReasonDesc{font-size:.875rem;color:var(--textSecondary);line-height:1.5}.homeWhyStats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-top:1rem}.homeWhyStatCard{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bgSecondary);border-radius:12px;border:1px solid var(--borderSecondary);transition:all .3s ease;cursor:default}.homeWhyStatCard:hover{transform:translateY(-2px);box-shadow:var(--shadowMd);border-color:var(--stat-color,var(--cdBlue))}.homeWhyStatIcon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--stat-color,var(--cdBlue));flex-shrink:0}.homeWhyStatIcon svg{width:14px;height:14px;color:white}.homeWhyStatContent{display:flex;flex-direction:column;gap:.125rem}.homeWhyStatValue{font-size:.875rem;font-weight:700;color:var(--textPrimary);line-height:1.2}.homeWhyStatLabel{font-size:.65rem;color:var(--textTertiary);font-weight:500;line-height:1.3}.homeWhyVisual{position:relative;height:500px;background:linear-gradient(135deg,var(--bgTertiary),var(--bgSecondary));border-radius:24px;border:1px solid var(--borderSecondary);overflow:hidden}.homeWhyCanvas{position:relative;width:100%;height:100%;padding:2rem}.successDashboard{position:absolute;top:10%;left:15%;background:var(--bgPrimary);border-radius:12px;padding:1rem;border:1px solid var(--borderSecondary);box-shadow:var(--shadowSm);z-index:4}.dashboardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dashboardTitle{font-size:.75rem;font-weight:600;color:var(--textSecondary)}.dashboardStatus{font-size:.625rem;color:var(--cdGreen);background:rgba(16,185,129,.1);padding:.125rem .375rem;border-radius:4px;font-weight:500}.metricCharts{width:80px;height:40px}.chart{display:flex;align-items:end;gap:2px;height:100%}.chartBar{width:12px;background:var(--cdBlue);border-radius:1px 1px 0 0;animation:chartGrow 3s ease-in-out infinite;opacity:.8}.chartBar:nth-child(2){background:var(--cdCyan);animation-delay:.6s}.chartBar:nth-child(3){background:var(--cdAccent);animation-delay:1.2s}.chartBar:nth-child(4){background:var(--cdGreen);animation-delay:1.8s}.chartBar:nth-child(5){background:var(--cdYellow);animation-delay:2.4s}.teamCollaboration{position:absolute;top:30%;right:20%;z-index:3}.teamMember{position:absolute;width:24px;height:24px;border-radius:50%;border:2px solid var(--bgPrimary);animation:memberPulse 4s ease-in-out infinite}.member1{background:var(--cdBlue);animation-delay:0s}.member2{background:var(--cdCyan);top:20px;left:15px;animation-delay:1.3s}.member3{background:var(--cdAccent);top:40px;left:-5px;animation-delay:2.6s}.collaborationLines{position:absolute;inset:0}.connectionLine{position:absolute;background:linear-gradient(45deg,var(--cdBlue),var(--cdCyan));height:2px;border-radius:1px;animation:connectionFlow 3s ease-in-out infinite}.line1{width:20px;top:12px;left:12px;transform:rotate(45deg)}.line2{width:18px;top:32px;left:5px;transform:rotate(-45deg);animation-delay:1s}.line3{width:15px;top:22px;left:-2px;transform:rotate(90deg);animation-delay:2s}.qualityAssurance{position:absolute;bottom:25%;left:25%;display:flex;gap:1rem;z-index:3}.qaCheckpoint{width:20px;height:20px;background:var(--cdGreen);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:qaCheck 4s ease-in-out infinite}.checkpoint1{animation-delay:0s}.checkpoint2{animation-delay:1.3s}.checkpoint3{animation-delay:2.6s}.checkIcon{width:10px;height:10px;color:white}.innovationElements{position:absolute;inset:0;z-index:2}.innovation{position:absolute;animation:innovationFloat 6s ease-in-out infinite}.ai{top:60%;right:15%}.aiCore{width:16px;height:16px;background:var(--cdBlue);border-radius:50%}.aiRings{inset:-8px}.aiRing,.aiRings{position:absolute}.aiRing{border:1px solid var(--cdBlue);border-radius:50%;opacity:.3;animation:aiRingExpand 3s ease-in-out infinite}.ring1{inset:0}.ring2{inset:-4px;animation-delay:1.5s}.vr{bottom:35%;right:40%;animation-delay:2s}.vrHeadset{width:20px;height:12px;background:var(--cdCyan);border-radius:6px}.vrField{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:1px dashed var(--cdCyan);border-radius:8px;opacity:.4}.future{top:70%;left:40%;animation-delay:4s}.futureIcon{width:12px;height:12px;background:var(--cdGreen);border-radius:2px;transform:rotate(45deg)}.futureGlow{position:absolute;inset:-6px;background:radial-gradient(circle,var(--cdGreen),transparent);border-radius:50%;opacity:.3;animation:futureGlowPulse 2s ease-in-out infinite}.performanceIndicators{position:absolute;inset:0;z-index:1}.indicator{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.25rem}.uptime{bottom:15%;right:25%}.nps{top:40%;left:45%}.indicatorValue{font-size:.75rem;font-weight:700;color:var(--textAccent);padding:.25rem .5rem;background:var(--bgPrimary);border-radius:6px;border:1px solid var(--borderSecondary);box-shadow:var(--shadowSm)}.indicatorPulse{background:var(--cdGreen)}.indicatorGlow,.indicatorPulse{width:6px;height:6px;border-radius:50%;animation:indicatorBlink 2s ease-in-out infinite}.indicatorGlow{background:var(--cdBlue);animation-delay:1s}.backgroundElements{position:absolute;inset:0;z-index:1}.bgElement{position:absolute;border-radius:50%;opacity:.1;animation:bgElementFloat 8s ease-in-out infinite}.element1{width:60px;height:60px;background:var(--cdBlue);top:20%;right:10%;animation-delay:0s}.element2{width:40px;height:40px;background:var(--cdCyan);bottom:30%;left:10%;animation-delay:2s}.element3{width:80px;height:80px;background:var(--cdAccent);top:60%;left:60%;animation-delay:4s}.element4{width:30px;height:30px;background:var(--cdGreen);bottom:20%;right:45%;animation-delay:6s}@keyframes chartGrow{0%,to{transform:scaleY(.6);opacity:.6}50%{transform:scaleY(1);opacity:1}}@keyframes memberPulse{0%,to{transform:scale(1);box-shadow:0 0 0 rgba(104,143,229,.4)}50%{transform:scale(1.1);box-shadow:0 0 20px rgba(104,143,229,.6)}}@keyframes connectionFlow{0%,to{opacity:.3}50%{opacity:1}}@keyframes qaCheck{0%,to{transform:scale(1);background:var(--cdGreen)}50%{transform:scale(1.2);background:var(--cdCyanLight)}}@keyframes innovationFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(5px,-3px) rotate(2deg)}66%{transform:translate(-3px,5px) rotate(-1deg)}}@keyframes aiRingExpand{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.1}}@keyframes futureGlowPulse{0%,to{opacity:.2}50%{opacity:.5}}@keyframes indicatorBlink{0%,to{opacity:.4}50%{opacity:1}}@keyframes bgElementFloat{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translate(-5px,10px)}75%{transform:translate(5px,5px)}}.homeProcessTimeline{padding:6rem 0;background:var(--bgPrimary);position:relative}.homeProcessContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem}.homeProcessHeader{text-align:center;margin-bottom:4rem}.homeProcessSectionLabel{display:inline-flex;align-items:center;gap:.5rem;color:var(--textAccent);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.homeProcessSectionIcon{width:1.25rem;height:1.25rem}.homeProcessTitle{font-size:2rem;font-weight:700;color:var(--textPrimary);margin-bottom:1rem}@media (min-width:768px){.homeProcessTitle{font-size:2.5rem}}.homeProcessSubtitle{font-size:1rem;color:var(--textSecondary);line-height:1.6;max-width:600px;margin:0 auto}.homeProcessSteps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem}@media (max-width:1024px){.homeProcessSteps{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.homeProcessSteps{grid-template-columns:1fr}}.homeProcessStep{position:relative;text-align:center;padding:2rem 1rem;background:var(--bgSecondary);border-radius:16px;border:1px solid var(--borderSecondary);transition:all .3s ease}.homeProcessStep:hover{transform:translateY(-4px);box-shadow:var(--shadowLg);border-color:var(--step-color,var(--cdBlue))}.homeProcessStepNumber{width:3rem;height:3rem;color:white;border-radius:50%;font-size:1rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 4px 12px rgba(104,143,229,.3)}.homeProcessStepIcon,.homeProcessStepNumber{background:var(--step-color,var(--cdBlue));display:flex;align-items:center;justify-content:center}.homeProcessStepIcon{width:48px;height:48px;border-radius:12px;margin:0 auto 1rem;box-shadow:0 4px 12px rgba(104,143,229,.2)}.homeProcessStepIcon svg{width:24px;height:24px;color:white}.homeProcessStepTitle{font-size:1.25rem;font-weight:600;color:var(--textPrimary);margin-bottom:.5rem}.homeProcessStepDesc{font-size:.875rem;color:var(--textSecondary);line-height:1.5;margin-bottom:1.5rem}.homeProcessStepActivities{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.homeProcessActivity{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--textTertiary);background:var(--bgPrimary);padding:.25rem .75rem;border-radius:16px;border:1px solid var(--borderSecondary)}.homeProcessActivityIcon{width:12px;height:12px;color:var(--step-color,var(--cdGreen))}.homeProcessStepConnector{position:absolute;top:50%;right:-1rem;width:2rem;height:2px;background:var(--step-color,var(--cdBlue));opacity:.3;z-index:1}.homeProcessStep:last-child .homeProcessStepConnector{display:none}@media (max-width:1024px){.homeProcessStepConnector{display:none}}