@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/b886574ba42c3409-s.1f4af8e6.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.e20f337c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Fallback;src:local(Arial);ascent-override:85.29%;descent-override:25.5%;line-gap-override:0.0%;size-adjust:113.73%}.sora_93318f68-module__MOAP6q__className{font-family:Sora,Sora Fallback;font-style:normal}.sora_93318f68-module__MOAP6q__variable{--font-sora:"Sora","Sora Fallback"}
:root{--primary:#ff6a00;--primary-glow:#ff6a0066;--secondary:#fff;--accent:#111;--dark-bg:#0a0a0a;--dark-surface:#141414;--text-main:#fff;--text-light:#a0a0a0;--border-color:#ffffff1a;--gradient-primary:linear-gradient(135deg,#ff6a00 0%,#ffb04a 100%);--gradient-dark:linear-gradient(180deg,#0a0a0a 0%,#111 100%);--border-radius:16px;--border-radius-lg:32px;--shadow-glow:0 0 40px var(--primary-glow);--transition:all .4s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sora),-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-main);background-color:var(--dark-bg);scroll-behavior:smooth;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sora),sans-serif;color:var(--secondary);letter-spacing:-.02em;line-height:1.1}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto;display:block}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.label-pill{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;background:#ff6a001a;border:1px solid #ff6a0033;border-radius:100px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 20px #ff6a0033}50%{box-shadow:0 0 60px #ff6a0099}to{box-shadow:0 0 20px #ff6a0033}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade-mobile{0%{opacity:0;transform:translateY(40px)scale(.7)}to{opacity:1;transform:translateY(0)scale(.7)}}@keyframes slideUpFade-mobile-sm{0%{opacity:0;transform:translateY(40px)scale(.55)}to{opacity:1;transform:translateY(0)scale(.55)}}@keyframes panImage{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.reveal{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}section{padding:120px 0;position:relative}.btn-primary{background:var(--gradient-primary);color:#0a0a0a;transition:var(--transition);cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:1.1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #ff6a004d}.btn-primary:before{content:"";opacity:0;background:#fff;transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 40px #ff6a0080}.btn-primary:hover:before{opacity:.1}.btn-nav{padding:12px 24px;font-size:1rem}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--secondary);border:1px solid var(--border-color);transition:var(--transition);cursor:pointer;background:#ffffff0d;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.navbar{-webkit-backdrop-filter:blur(20px);z-index:1000;width:calc(100% - 48px);max-width:1400px;transition:var(--transition);background:#0a0a0abf;border:3px solid #ff6a0099;border-radius:100px;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080,inset 0 0 0 1px #ff6a001a}.nav-container{justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.logo-img{width:auto;height:50px;transition:transform .3s}.logo:hover .logo-img{transform:scale(1.05)}.nav-links{border:1px solid var(--border-color);background:#ffffff08;border-radius:100px;gap:8px;padding:6px 12px;display:none}@media (min-width:992px){.nav-links{align-items:center;display:flex}}.nav-links a{color:var(--text-light);z-index:1;border-radius:100px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:color .3s;position:relative}.nav-links a:before{content:"";z-index:-1;opacity:0;background:#ff6a001a;border-radius:100px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(.85)}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:before{opacity:1;transform:scale(1)}.hero-section{align-items:center;min-height:100vh;padding-top:180px;display:flex;position:relative;overflow:hidden}.hero-bg-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#ff6a0026 0%,#0a0a0a00 70%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-grid{z-index:10;grid-template-columns:1fr;align-items:center;gap:60px;display:grid;position:relative}@media (min-width:1024px){.hero-grid{grid-template-columns:1.1fr .9fr}}.hero-content{max-width:700px}.hero-title{margin-bottom:24px;font-size:3rem;font-weight:800;line-height:1.05;animation:1s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@media (min-width:768px){.hero-title{font-size:4rem}}@media (min-width:1024px){.hero-title{font-size:4.5rem}}.hero-subtitle{color:var(--text-light);opacity:0;max-width:600px;margin-bottom:48px;font-size:1.15rem;line-height:1.6;animation:1s cubic-bezier(.16,1,.3,1) .2s forwards slideUpFade}.hero-actions{opacity:0;flex-wrap:wrap;gap:20px;animation:1s cubic-bezier(.16,1,.3,1) .4s forwards slideUpFade;display:flex}.hero-visual{perspective:1000px;opacity:0;justify-content:center;align-items:center;height:500px;animation:1.2s cubic-bezier(.16,1,.3,1) .6s forwards slideUpFade;display:flex;position:relative}.mockup-phone{background:var(--dark-surface);width:220px;height:480px;transform-style:preserve-3d;border:6px solid #222;border-radius:32px;transition:transform .5s;position:absolute;overflow:hidden;box-shadow:20px 30px 60px #000c,inset 0 0 0 1px #ffffff1a}.mockup-phone:before{content:"";z-index:20;background:#222;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:110px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-iso-1{z-index:2;background:linear-gradient(135deg,#ff6a00,#9d4200);transform:rotateY(-15deg)rotateX(10deg)translateZ(50px)translateY(-20px)}.phone-iso-1 .screen-content{background:#0a0a0ae6;width:100%;height:100%;padding:30px 15px}.phone-iso-2{z-index:1;opacity:.7;filter:blur(2px);background:#111;transform:rotateY(-5deg)rotateX(5deg)translate(120px)translateZ(-50px)translateY(40px)}.hero-visual:hover .phone-iso-1{transform:rotateY(-5deg)rotateX(5deg)translateZ(80px)translateY(-30px)}.hero-visual:hover .phone-iso-2{transform:rotateY(0)rotateX(0)translate(140px)translateZ(-80px)translateY(50px)}.ui-skeleton-header{background:#ffffff0d;border-radius:12px;width:100%;height:50px;margin-bottom:15px}.ui-skeleton-chart{background:linear-gradient(#ff6a0033 0%,#ff6a0000 100%);border:1px solid #ff6a004d;border-radius:20px;width:100%;height:160px;margin-bottom:15px;position:relative}.ui-skeleton-chart:after{content:"";background:var(--primary);width:100%;height:2px;box-shadow:0 -10px 20px var(--primary-glow);position:absolute;bottom:0;left:0}.ui-skeleton-row{gap:8px;margin-bottom:8px;display:flex}.ui-skeleton-box{background:#ffffff0d;border-radius:12px;flex:1;height:60px}.notif-wrapper{z-index:30;pointer-events:none;position:absolute}.float-1{animation:6s ease-in-out infinite float;top:15%;right:-80px}.float-2{animation:5s ease-in-out 1.5s infinite float;bottom:20%;left:-60px}.notif-card{-webkit-backdrop-filter:blur(16px);opacity:0;background:#0f0f0fd9;border:1px solid #ff6a004d;border-radius:16px;align-items:center;gap:16px;padding:12px 20px;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;box-shadow:0 20px 40px #00000080,inset 0 0 0 1px #ffffff0d}.float-1 .notif-card{animation-delay:1.2s}.float-2 .notif-card{animation-delay:1.4s}.notif-icon{background:#ff6a001a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 15px #ff6a004d}.notif-text{flex-direction:column;display:flex}.notif-text strong{color:#fff;white-space:nowrap;margin-bottom:2px;font-size:.95rem;font-weight:700}.notif-text span{color:var(--text-light);white-space:nowrap;font-size:.8rem}.works-section{background:var(--dark-bg);border-top:1px solid var(--border-color);padding:140px 0}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:80px;display:flex}.section-header h2{max-width:900px;font-size:4rem}.work-grid{grid-template-columns:1fr;gap:40px;display:grid}@media (min-width:768px){.work-grid{grid-template-columns:repeat(2,1fr)}}.work-card{border-radius:var(--border-radius-lg);aspect-ratio:4/5;background:var(--dark-surface);border:1px solid var(--border-color);cursor:pointer;position:relative;overflow:hidden}.work-card-inner{z-index:10;background:linear-gradient(#0000 0%,#0003 50%,#000000e6 100%);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:40px;display:flex;position:relative}.work-bg-pattern{opacity:.5;z-index:1;background-position:50%;background-size:cover;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute;inset:0}.work-card:hover .work-bg-pattern{opacity:.8;transform:scale(1.05)}.work-tags{gap:10px;margin-bottom:16px;display:flex}.work-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border-radius:100px;padding:4px 12px;font-size:.8rem;font-weight:600}.work-title{margin-bottom:12px;font-size:2.5rem;font-weight:700;transition:transform .4s}.work-desc{color:var(--text-light);opacity:0;max-height:0;transition:all .4s;transform:translateY(20px)}.work-card:hover .work-desc{opacity:1;max-height:100px;transform:translateY(0)}.work-card:hover .work-title{color:var(--primary);transform:translateY(-5px)}.specs-section{padding:160px 0}.specs-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.specs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.specs-grid{grid-template-columns:repeat(3,1fr)}.specs-four-col{grid-template-columns:repeat(4,1fr)}}.spec-card{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:var(--transition);padding:48px 40px;position:relative;overflow:hidden}.spec-card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.spec-card:hover{background:#191919;border-color:#ff6a004d;transform:translateY(-10px);box-shadow:0 20px 40px #00000080}.spec-card:hover:before{opacity:1}.spec-icon{width:80px;height:80px;color:var(--primary);transition:var(--transition);background:#ff6a000d;border:1px solid #ff6a0033;border-radius:24px;justify-content:center;align-items:center;margin-bottom:32px;display:flex}.spec-card:hover .spec-icon{background:var(--primary);color:var(--dark-bg);box-shadow:var(--shadow-glow);transform:scale(1.1)rotate(-5deg)}.spec-card h3{margin-bottom:16px;font-size:2rem}.spec-card p{color:var(--text-light);font-size:1.1rem;line-height:1.7}.spec-list{margin:0;padding:0;list-style:none}.spec-list li{color:var(--text-light);margin-bottom:12px;padding-left:24px;font-size:1.05rem;line-height:1.6;position:relative}.spec-list li:before{content:"▹";color:var(--primary);font-size:1.2rem;line-height:1.5;position:absolute;top:0;left:0}.about-section{border-top:1px solid var(--border-color);text-align:center;background:linear-gradient(#0a0a0a 0%,#140a0080 100%);padding:140px 0}.os-banner{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-align:center;background:linear-gradient(90deg,#0a0a0a 0%,#1a0f08 50%,#0a0a0a 100%);padding:80px 0;overflow:hidden}.os-content h2{margin-bottom:40px;font-size:3.5rem}.os-logos{justify-content:center;align-items:center;gap:80px;display:flex}.os-logo-wrap{opacity:.5;transition:var(--transition);filter:grayscale();flex-direction:column;align-items:center;gap:16px;display:flex}.os-logo-wrap:hover{opacity:1;filter:grayscale(0%);transform:scale(1.1)}.os-logo-wrap svg{fill:#fff;width:80px;height:80px}.os-logo-wrap span{letter-spacing:.1em;font-size:1.2rem;font-weight:600}.process-dark-section{background:var(--dark-bg);padding:160px 0;position:relative;overflow:hidden}.header-centered{text-align:center;flex-direction:column;align-items:center;margin-bottom:80px;display:flex}.header-centered h2{width:100%;max-width:1000px}.process-grid-dark{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:768px){.process-grid-dark{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.process-grid-dark{grid-template-columns:repeat(4,1fr)}}.process-glow-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);text-align:left;background:#14141466;border:1px solid #ffffff0d;border-radius:24px;padding:40px 32px;position:relative}.process-glow-card:hover{background:#190f05cc;border-color:#ff6a004d;transform:translateY(-8px);box-shadow:0 15px 30px #ff6a0026}.process-num{color:#0000;-webkit-text-stroke:1px #ffffff1a;transition:var(--transition);margin-bottom:24px;font-family:Sora,sans-serif;font-size:3rem;font-weight:800}.process-glow-card:hover .process-num{-webkit-text-stroke:1px var(--primary);color:#ff6a001a}.process-glow-card h3{color:#fff;margin-bottom:12px;font-size:1.5rem}.process-glow-card p{color:var(--text-light);line-height:1.6}.contact-section{border-top:1px solid var(--border-color);padding:120px 24px;position:relative;overflow:hidden}.cta-glow-bg{z-index:0;background:radial-gradient(circle,#ff6a001a 0%,#0a0a0a00 50%);width:100vw;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{z-index:10;max-width:1200px;margin:0 auto;position:relative}.contact-grid{grid-template-columns:1fr;align-items:center;gap:60px;display:grid}@media (min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr;gap:80px}}.contact-info{text-align:left}.contact-desc{color:var(--text-light);margin-bottom:40px;font-size:1.2rem;line-height:1.6}.contact-methods{flex-direction:column;gap:20px;display:flex}.contact-method-card{border:1px solid var(--border-color);transition:var(--transition);background:#ffffff08;border-radius:20px;align-items:center;gap:20px;padding:24px;display:flex}.contact-method-card.cursor-pointer{cursor:pointer}.contact-method-card:hover{background:#ff6a000d;border-color:#ff6a004d;transform:translate(10px)}.cm-icon{background:#ff6a001a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cm-details{flex-direction:column;display:flex}.cm-label{color:var(--text-light);margin-bottom:4px;font-size:.85rem}.cm-value{color:#fff;font-size:1.1rem;font-weight:600}.contact-form-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);background:#0f0f0f99;border-radius:24px;padding:40px;box-shadow:0 30px 60px #00000080}.form-group{margin-bottom:20px}.form-input{color:#fff;background:#0a0a0acc;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:16px 20px;font-family:Sora,sans-serif;font-size:1rem;transition:border-color .3s}.form-input:focus{border-color:var(--primary);background:#0a0a0a;outline:none}.floating-widgets-container{z-index:9999;flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:24px;right:24px}.scroll-to-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);width:50px;height:50px;color:var(--secondary);cursor:pointer;opacity:0;visibility:hidden;z-index:9998;background:#141414cc;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:24px;left:24px;transform:translateY(20px);box-shadow:0 10px 20px #0000004d}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:var(--primary);color:#0a0a0a;border-color:var(--primary)}.whatsapp-float-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 10px 30px #25d36666}.pulse-whatsapp{animation:2s infinite pulse-whatsapp}@keyframes pulse-whatsapp{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.whatsapp-float-btn:hover{animation:none;transform:scale(1.1);box-shadow:0 15px 40px #25d36699}.chat-modal-overlay{display:none}.chatbot-modal{background:var(--dark-surface);border:1px solid var(--border-color);z-index:9999;border-radius:20px;flex-direction:column;width:350px;display:flex;position:absolute;bottom:80px;right:0;overflow:hidden;box-shadow:0 20px 50px #00000080}.slide-in-bottom{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInFromBottom}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{color:#fff;background:linear-gradient(135deg,#128c7e 0%,#25d366 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chatbot-title{align-items:center;gap:10px;font-weight:600;display:flex}.close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex}.close-btn:hover{background:#fff6}.chatbot-body{-ms-overflow-style:none;scrollbar-width:none;background:#0a0a0a;min-height:150px;max-height:350px;padding:20px;overflow-y:auto}.chatbot-body::-webkit-scrollbar{display:none}.chat-bubble{color:#fff;background:#1e1e1e;border:1px solid #ffffff0d;border-radius:4px 16px 16px;margin-bottom:20px;padding:12px 16px;font-size:.95rem;line-height:1.5}.suggestions-title{color:var(--text-light);margin-bottom:10px;font-size:.8rem}.suggestion-chips{flex-direction:column;gap:8px;display:flex}.suggestion-chip{color:#25d366;text-align:left;cursor:pointer;background:#25d3661a;border:1px solid #25d3664d;border-radius:12px;padding:10px 14px;font-size:.85rem;transition:all .2s}.suggestion-chip:hover{background:#25d36633;border-color:#25d366}.chatbot-footer{background:var(--dark-surface);border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px;display:flex}.chat-input{color:#fff;background:#0a0a0a;border:1px solid #ffffff1a;border-radius:20px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.chat-input:focus{border-color:#25d366}.whatsapp-send-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:background .2s;display:flex}.whatsapp-send-btn:hover{background:#1da851}@media (max-width:480px){.floating-widgets-container{bottom:16px;right:16px}.scroll-to-top{bottom:16px;left:16px}.chatbot-modal{width:calc(100vw - 32px);right:0}.whatsapp-float-btn{width:56px;height:56px}}.footer{border-top:1px solid var(--border-color);z-index:10;background:#050505;padding:120px 0 40px;position:relative;overflow:hidden}.footer-content{grid-template-columns:1fr;gap:60px;max-width:1400px;margin:0 auto 20px;padding:0 24px;display:grid}@media (min-width:1024px){.footer-content{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand p{color:var(--text-light);max-width:300px;margin-top:24px;font-size:1.1rem;line-height:1.6}.footer-links h4{color:#fff;margin-bottom:32px;font-size:1.2rem}.footer-links ul{flex-direction:column;gap:20px;list-style:none;display:flex}.footer-links a{color:var(--text-light);transition:var(--transition);font-size:1.1rem}.footer-links a:hover{color:var(--primary);padding-left:8px}.footer-huge-text{text-align:center;color:#0000;-webkit-text-stroke:1px #ffffff0d;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff0d 0%,#fff0 100%);white-space:nowrap;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;margin-top:40px;margin-bottom:20px;padding:0 24px;font-size:15vw;font-weight:800;line-height:1}.footer-bottom{color:#fff6;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:40px 24px 0;display:flex}.tech-grid{grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto;display:grid}@media (min-width:768px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tech-grid{grid-template-columns:repeat(4,1fr)}}.tech-category{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:var(--transition);padding:32px 24px}.tech-category:hover{border-color:#ff6a004d;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.tech-category h3{color:#fff;text-align:center;margin-bottom:24px;font-size:1.4rem}.tech-pills{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tech-pill{color:var(--text-light);transition:var(--transition);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px 20px;font-size:.95rem;font-weight:500;display:flex}.tech-pill svg{opacity:.7;width:20px;height:20px;transition:var(--transition)}.tech-category:hover .tech-pill{color:#fff;background:#ff6a000d;border-color:#ff6a0033}.tech-category:hover .tech-pill svg{opacity:1;transform:scale(1.1)}.tech-category:hover .tech-pill:hover{border-color:var(--primary);background:#ff6a001a;transform:translateY(-2px)}@media (max-width:768px){.container{padding:0 16px}section{padding:80px 0}.navbar{width:calc(100% - 32px);top:16px}.nav-container{padding:8px 16px}.logo-img{height:32px}.btn-nav{padding:10px 16px;font-size:.9rem}.hero-section{text-align:center;min-height:auto;padding-top:120px;padding-bottom:60px;display:block}.hero-grid{flex-direction:column;gap:40px;display:flex}.hero-title{text-align:center;margin-bottom:16px;font-size:2.8rem}.hero-subtitle{text-align:center;max-width:100%;margin:0 auto 32px;font-size:1.1rem}.hero-actions{flex-direction:column;justify-content:center;gap:16px;width:100%}.hero-actions .btn-primary,.hero-actions .btn-secondary{justify-content:center;width:100%}.hero-visual{order:-1;height:500px;margin-top:-60px;margin-bottom:-70px;animation-name:slideUpFade-mobile;overflow:visible}.float-1{z-index:30;top:8%;right:-10px}.float-2{z-index:30;bottom:5%;left:10px}.notif-card{gap:12px;padding:8px 16px}.notif-icon{width:34px;height:34px}.notif-text strong{font-size:.85rem}.notif-text span{font-size:.75rem}.about-section{padding:80px 0}.os-logos{flex-direction:row;justify-content:center;gap:20px}.os-logo-wrap svg{width:48px;height:48px}.os-logo-wrap span{letter-spacing:.05em;text-align:center;font-size:.8rem}.section-header{text-align:center;margin-bottom:40px}.section-header h2{margin:0 auto;font-size:2.2rem}.spec-card{padding:32px 24px}.process-dark-section,.works-section{padding:80px 0}.work-grid{gap:24px}.work-card{aspect-ratio:1}.work-title{font-size:1.8rem}.contact-section{padding:80px 16px}.contact-section h2{font-size:2.2rem!important}.contact-form-wrapper{padding:24px 16px}.chat-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:9998;background:#0009;width:100vw;height:100vh;display:block;position:fixed;inset:0}.footer{padding:60px 0 30px}.footer-content{gap:40px}.footer-huge-text{margin-top:20px;font-size:14vw}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (max-width:480px){.hero-grid{gap:30px}.hero-visual{margin-top:-100px;margin-bottom:-110px;animation-name:slideUpFade-mobile-sm}.float-1{top:15%;right:-5px}.float-2{bottom:10%;left:15px}.work-card{aspect-ratio:4/5}.hero-title{font-size:2.2rem}.section-header h2{font-size:2rem}}
