:root{--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-heading:"Plus Jakarta Sans", system-ui, sans-serif;--section-padding:100px 24px;--max-width:1200px;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--color-bg:#0b0f19;--color-surface:#111827;--color-surface-hover:#1f2937;--color-border:#ffffff14;--color-border-hover:#ffffff29;--color-text:#9ca3af;--color-text-bright:#d1d5db;--color-heading:#f9fafb;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-dim:#3b82f61a;--shadow-soft:0 4px 20px #0003;--shadow-focus:0 0 0 3px #3b82f64d}[data-theme=light]{--color-bg:#f9fafb;--color-surface:#fff;--color-surface-hover:#f3f4f6;--color-border:#00000014;--color-border-hover:#00000029;--color-text:#4b5563;--color-text-bright:#374151;--color-heading:#111827;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-dim:#2563eb1a;--shadow-soft:0 4px 20px #0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}html{scroll-behavior:smooth;scroll-padding-top:100px}html,body{min-height:100%}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}img{max-width:100%;display:block}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 24px}.section{padding:var(--section-padding)}.section-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:12px;font-size:13px;font-weight:600;display:inline-block}.section-title{margin-bottom:20px;font-size:clamp(32px,5vw,48px)}.section-subtitle{color:var(--color-text);max-width:600px;font-size:18px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn--primary{background-color:var(--color-accent);color:#fff}.btn--primary:hover{background-color:var(--color-accent-hover);color:#fff}.btn--secondary{background-color:var(--color-surface);color:var(--color-heading);border:1px solid var(--color-border)}.btn--secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}::selection{background:var(--color-accent-dim);color:var(--color-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border:2px solid var(--color-bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:100;background:#0b0f19d9;align-items:center;width:100%;height:80px;transition:all .3s;display:flex;position:fixed;top:0;left:0}.header__container{justify-content:space-between;align-items:center;display:flex}.header__logo{align-items:center;text-decoration:none;display:flex}.header__logo-image{object-fit:contain;border-radius:4px;width:auto;height:48px;transition:transform .2s}.header__logo:hover .header__logo-image{transform:scale(1.05)}.header__nav{position:absolute;left:50%;transform:translate(-50%)}.header__nav-list{gap:32px;margin:0;padding:0;list-style:none;display:flex}.header__nav-link{color:var(--color-text-bright);padding:8px 0;font-size:14px;font-weight:600;transition:color .2s;position:relative}.header__nav-link:hover,.header__nav-link--active{color:var(--color-heading)}.header__nav-link:after{content:"";background-color:var(--color-accent);transform-origin:100%;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.header__nav-link:hover:after,.header__nav-link--active:after{transform-origin:0;transform:scaleX(1)}.header__actions{align-items:center;display:flex}.header__toggle{color:var(--color-heading);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.header__nav-mobile-actions{display:none}@media (width<=900px){.header__actions{display:none}.header__toggle{z-index:101;display:block}.header__nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;z-index:99;background:#0b0f19fa;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.header__nav--open{opacity:1;visibility:visible;transform:translateY(0)}.header__nav-list{flex-direction:column;align-items:center;gap:40px}.header__nav-link{font-size:24px}.header__nav-mobile-actions{width:100%;max-width:280px;margin-top:48px;display:flex}.header__nav-mobile-actions .btn{text-align:center;justify-content:center;width:100%}}.hero{background-color:var(--color-bg);align-items:center;min-height:100vh;padding:120px 24px 60px;display:flex;position:relative;overflow:hidden}.hero__container{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;width:100%;display:grid;position:relative}.hero__content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.hero__badge{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-bright);border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero__badge-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #10b98166}.hero__title{margin-bottom:24px;font-size:clamp(40px,5vw,64px);line-height:1.15}.hero__title-accent{color:var(--color-accent)}.hero__subtitle{color:var(--color-text);max-width:580px;margin-bottom:40px;font-size:clamp(16px,2vw,18px);line-height:1.6}.hero__actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;display:flex}.hero__social{gap:12px;display:flex}.hero__visual{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero__tech-card{z-index:2;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:340px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.hero__tech-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);gap:8px;padding:14px 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background-color:#ff5f56}.dot-yellow{background-color:#ffbd2e}.dot-green{background-color:#27c93f}.hero__tech-code{color:var(--color-text);margin:0;padding:24px;font-family:monospace;font-size:15px;line-height:1.6}.code-keyword{color:#c678dd}.code-variable{color:#e5c07b}.code-string{color:#98c379}.hero__tech-icon{z-index:3;color:var(--color-text-bright);filter:drop-shadow(0 8px 16px #0006);position:absolute}.hero__tech-icon--1{color:#777bb4;font-size:72px;top:5%;left:-5%}.hero__tech-icon--2{color:#61dafb;font-size:64px;bottom:15%;right:-10%}.hero__tech-icon--3{color:#2496ed;font-size:56px;top:20%;right:-5%}.hero__tech-icon--4{color:#3776ab;font-size:48px;bottom:10%;left:0%}.hero__tech-icon--5{color:var(--color-heading);font-size:40px;top:-10%;right:30%}.hero__glow{background:var(--color-accent);filter:blur(140px);opacity:.15;pointer-events:none;z-index:1;border-radius:50%;width:600px;height:600px;position:absolute}.hero__glow--1{top:-200px;left:-200px}.hero__glow--2{opacity:.1;background:#10b981;bottom:-200px;right:-200px}@media (width<=900px){.hero__container{text-align:center;grid-template-columns:1fr;gap:48px}.hero__content{text-align:center;align-items:center}.hero__actions{justify-content:center}.hero__visual{transform:scale(.9)}}@media (width<=640px){.hero{min-height:auto;padding-top:140px;padding-bottom:80px}.hero__title{font-size:clamp(32px,8vw,40px)}.hero__actions{flex-direction:column;width:100%}.hero__actions .btn,.hero__social{width:100%}.hero__social .btn{flex:1}.hero__visual{display:none}}.about__grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about__text{color:var(--color-text);flex-direction:column;gap:16px;margin-bottom:32px;font-size:16px;line-height:1.7;display:flex}.about__specialties{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;padding-top:32px;display:grid}.specialty h3{color:var(--color-heading);margin-bottom:8px;font-size:16px}.specialty p{color:var(--color-text);font-size:14px;line-height:1.5}.about__actions{margin-top:32px}.about__bento-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.about__bento-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-soft);align-items:center;gap:20px;padding:24px;transition:transform .2s,border-color .2s;display:flex}.about__bento-card:hover{border-color:var(--color-accent);transform:translate(8px)}.bento-icon{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:56px;height:56px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.bento-content{flex-direction:column;display:flex}.bento-title{font-family:var(--font-sans);color:var(--color-heading);font-size:22px;font-weight:700;line-height:1.2}.bento-desc{color:var(--color-text);margin-top:6px;font-size:14px;line-height:1.4}@media (width<=900px){.about__grid{grid-template-columns:1fr;gap:48px}.about__image-wrapper{aspect-ratio:16/9;order:-1}}@media (width<=500px){.about__specialties{grid-template-columns:1fr}}.stacks{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stacks__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:64px;display:flex}.stacks__content{flex-direction:column;gap:48px;max-width:900px;margin:0 auto;display:flex}.stack-group{flex-direction:column;align-items:center;display:flex}.stack-group__title{font-size:14px;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin-bottom:24px}.stack-group__pills{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.stack-pill{background-color:var(--color-bg);border:1px solid var(--color-border);cursor:default;border-radius:100px;align-items:center;gap:12px;padding:12px 20px;transition:all .2s;display:flex}.stack-pill:hover{border-color:var(--color-accent);box-shadow:var(--shadow-focus);transform:translateY(-2px)}.stack-pill__icon{color:var(--color-accent);opacity:.9;justify-content:center;align-items:center;display:flex}.stack-pill__name{color:var(--color-heading);font-size:15px;font-weight:500}@media (width<=640px){.stack-group__pills{gap:12px}.stack-pill{padding:10px 16px}.stack-pill__name{font-size:14px}}.portfolio{background-color:var(--color-bg)}.portfolio__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:64px;display:flex}.portfolio__filters{background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);gap:12px;margin-top:32px;padding:6px;display:flex}.filter-btn{font-family:var(--font-sans);color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s}.filter-btn:hover{color:var(--color-heading)}.filter-btn--active{background-color:var(--color-bg);color:var(--color-heading);box-shadow:0 2px 8px #0003}.portfolio__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.portfolio-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-soft);border-color:var(--color-border-hover);transform:translateY(-4px)}.portfolio-card__image{aspect-ratio:16/10;border-bottom:1px solid var(--color-border);position:relative}.portfolio-card__category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-heading);border:1px solid var(--color-border);background-color:#0b0f19cc;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:16px;left:16px}.portfolio-card__content{padding:24px}.portfolio-card__title{margin-bottom:8px;font-size:20px}.portfolio-card__summary{color:var(--color-text);margin-bottom:24px;font-size:15px;line-height:1.5}.portfolio-card__tags{flex-wrap:wrap;gap:8px;display:flex}.tag{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-bright);border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500}.portfolio-modal__overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#0b0f19d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.portfolio-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:800px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0006}.portfolio-modal::-webkit-scrollbar{width:8px}.portfolio-modal::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-md)}.portfolio-modal::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:8px}.portfolio-modal::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.portfolio-modal__close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.portfolio-modal__close:hover{background:var(--color-accent)}.portfolio-modal__image{aspect-ratio:16/8;border-bottom:1px solid var(--color-border);position:relative}.portfolio-modal__content{padding:40px}.portfolio-modal__title{margin-bottom:16px;font-size:clamp(24px,4vw,32px)}.portfolio-modal__tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.portfolio-modal__details h4{color:var(--color-heading);margin-bottom:12px;font-size:18px}.portfolio-modal__details p{color:var(--color-text-bright);font-size:16px;line-height:1.7}@media (width<=640px){.portfolio-modal__content{padding:24px}}.testimonials{background:var(--color-bg);padding-bottom:120px}.testimonials__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.testimonials__nav-container{justify-content:flex-end;margin-bottom:24px;display:flex}.testimonials__nav{align-items:center;gap:12px;display:flex}.testimonials__arrow{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.testimonials__arrow:hover{border-color:var(--color-border-hover);color:var(--color-heading);background:var(--color-surface-hover)}.testimonials__counter{font-family:var(--font-sans);color:var(--color-text);text-align:center;min-width:48px;font-size:14px;font-weight:600}.testimonials__carousel{position:relative;overflow:hidden}.testimonial-featured{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;box-shadow:var(--shadow-soft);padding:56px 56px 48px;position:relative;overflow:hidden}.testimonial-featured__glow{background:radial-gradient(ellipse, var(--color-accent-dim) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:380px;height:320px;position:absolute;top:-80px;right:-80px}.testimonial-featured__mark{width:48px;height:38px;color:var(--color-accent);opacity:.25;margin-bottom:24px;display:block}.testimonial-featured__quote{font-family:var(--font-heading);color:var(--color-heading);margin-bottom:36px;font-size:clamp(20px,2.5vw,28px);line-height:1.5}.testimonial-featured__author{border-top:1px solid var(--color-border);align-items:center;gap:16px;padding-top:28px;display:flex}.testimonial-featured__avatar{background-color:var(--color-accent);width:48px;height:48px;font-family:var(--font-heading);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.testimonial-featured__name{color:var(--color-heading);font-size:16px;font-weight:600}.testimonial-featured__role{color:var(--color-text-bright);font-size:14px}@media (width<=600px){.testimonial-featured{padding:40px 24px 32px}.testimonials__arrow{width:36px;height:36px}}.partners{background-color:var(--color-bg);padding:64px 24px}.partners__content{text-align:center}.partners__title{font-size:14px;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin-bottom:40px}.partners__grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.partner-item{opacity:.6;filter:grayscale();flex-direction:column;align-items:center;gap:12px;transition:opacity .2s,transform .2s;display:flex}.partner-item:hover{opacity:1;filter:grayscale(0%);transform:translateY(-4px)}.partner-item__logo{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:64px;height:64px;color:var(--color-text-bright);justify-content:center;align-items:center;font-size:24px;display:flex}.partner-item__name{font-family:var(--font-sans);color:var(--color-heading);font-size:14px;font-weight:600}@media (width<=640px){.partners__grid{gap:32px}}.contact{padding-bottom:120px}.contact__box{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-soft);padding:80px 40px;position:relative;overflow:hidden}.contact__glow{pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#0000 60%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact__content{z-index:2;flex-direction:column;align-items:center;max-width:680px;margin:0 auto;display:flex;position:relative}.contact__title{margin-bottom:24px;font-size:clamp(32px,5vw,48px)}.contact__subtitle{color:var(--color-text);margin-bottom:48px;font-size:18px;line-height:1.6}.contact__actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (width<=640px){.contact__box{padding:56px 24px}.contact__actions{flex-direction:column;width:100%}.contact__actions .btn{width:100%}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:64px 24px 32px}.footer__top{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:40px;display:flex}.footer__logo{align-items:center;text-decoration:none;display:flex}.footer__logo-image{object-fit:contain;border-radius:4px;width:auto;height:48px;transition:transform .2s}.footer__logo:hover .footer__logo-image{transform:scale(1.05)}.footer__nav{gap:32px;display:flex}.footer__nav a{color:var(--color-text-bright);font-size:14px;font-weight:500}.footer__nav a:hover{color:var(--color-accent)}.footer__bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer__bottom p{color:var(--color-text);font-size:14px}.footer__social{gap:24px;display:flex}.footer__social a{color:var(--color-text);font-size:14px}.footer__social a:hover{color:var(--color-accent)}@media (width<=640px){.footer__top{flex-direction:column;align-items:flex-start;gap:24px}.footer__nav{flex-wrap:wrap;gap:16px}.footer__bottom{flex-direction:column;align-items:flex-start}}