:root{--bg: #f7faf8;--card: #ffffff;--text: #0f1222;--muted: #5c6070;--accent: #0aee5a;--accent-2: #79D8FF;--outline: rgba(23, 26, 40, .12);--pill: #e9f6ef;--r8: 8px;--r12: 12px;--r16: 16px;--r20: 20px;--r24: 24px;--transition-fast: .25s ease;--transition-slow: .4s ease}:root[data-theme=dark]{--bg: #28292b;--card: #171723;--text: #e9ecf1;--muted: #a9afbd;--outline: rgba(255, 255, 255, .08);--pill: #173323}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;transition:background var(--transition-slow),color var(--transition-slow)}img,svg,video,canvas{display:block;max-width:100%;height:auto}.logo{height:55px;width:auto;display:block}.mobile-menu .logo,.footer .logo,.site-footer .logo{height:90px}.container{max-width:1200px;margin:0 auto;padding:0 16px}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{padding:0;margin:0;list-style:none}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.section-head{margin:auto auto 20px;display:flex;flex-direction:column;align-items:center}.section-head h2{font-size:30px;margin:0 0 4px;text-transform:lowercase;letter-spacing:.2px}.section-head p{margin:0;color:var(--muted);font-size:18px;line-height:1.5;text-align:center;width:90%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border:1px solid var(--outline);border-radius:999px;text-decoration:none;color:var(--text);font-weight:600;line-height:1;background:var(--card);box-shadow:0 1px 2px #00000005;transition:all .25s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.btn:active{transform:translateY(0);box-shadow:none}.btn.primary{background:linear-gradient(135deg,#24e0a8,#00c3ff);color:#fff;font-weight:600;border:none;border-radius:999px;padding:12px 24px;box-shadow:0 4px 12px #00c3ff4d;transition:all .3s ease}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00c3ff66}.btn.ghost{background:transparent;color:var(--text)}.btn.highlight{background:linear-gradient(94deg,var(--accent-2),var(--accent));color:#0b1b11;border:none;box-shadow:0 4px 12px #2ce36d4d}.btn.highlight:hover{filter:brightness(1.05);transform:translateY(-1px)}.pill{border-radius:999px;border:1px solid var(--outline);background:var(--pill);padding:.35rem .7rem;font-weight:600;font-size:14px;transition:background .2s ease,color .2s ease}.pill.ghost{background:transparent}.pill:hover{background:var(--outline)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--outline);background:transparent;padding:.45rem .6rem;line-height:1;transition:background .2s ease,transform .2s ease}.icon-btn:hover{background:var(--pill);transform:scale(1.05)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 10px}.tags span{border:1px solid var(--outline);border-radius:999px;padding:.25rem .6rem;background:#2ce36d0f;font-size:13px;color:var(--text)}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{background:var(--card);border:1px solid var(--outline);border-radius:999px;padding:.35rem .7rem;font-size:13px;color:var(--text);transition:background .2s ease}.chips span:hover{background:var(--pill)}.link{font-weight:700;position:relative;text-decoration:none;padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.link:after{content:"";position:absolute;left:0;bottom:0;width:50%;border-bottom:1.5px solid currentColor}.link:hover{color:var(--accent);border-color:var(--accent)}.lang-dropdown{position:relative;display:inline-block}.lang-select{display:flex;align-items:center;gap:6px;border:1px solid var(--outline);border-radius:999px;padding:6px 12px;background:var(--card);font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease}.lang-select:hover{background:var(--pill)}.lang-options{position:absolute;right:0;background:var(--card);border:1px solid var(--outline);border-radius:12px;box-shadow:0 4px 14px #00000014;list-style:none;margin:0;padding:6px 0;width:120px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:all .2s ease;z-index:1000}.lang-options:not([hidden]){opacity:1;pointer-events:auto;transform:translateY(0)}.lang-options li{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;cursor:pointer;transition:background .2s ease}.lang-options li:hover{background:var(--pill)}header .lang-options{top:calc(100% + 8px);bottom:auto}.menu-controls{position:relative}#mobileLangMenu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(6px);background:var(--card);border:1px solid var(--outline);border-radius:12px;box-shadow:0 -4px 14px #00000014;list-style:none;margin:0;padding:6px 0;width:120px;opacity:0;pointer-events:none;transition:all .2s ease;z-index:1000}#mobileLangMenu:not([hidden]){opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}#mobileLangMenu li{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;cursor:pointer}#mobileLangMenu li:hover{background:var(--pill)}footer .lang-dropdown{position:relative}footer .lang-options{bottom:calc(100% + 8px);top:auto;transform:translateY(6px)}footer .lang-options:not([hidden]){transform:translateY(0)}nav.mobile-menu #mobileLangMenu{top:auto!important;bottom:calc(100% + 8px)!important;box-shadow:0 -4px 14px #00000014!important}.lang-select img,.lang-options img{width:20px;height:17px;object-fit:cover;border-radius:3px;flex-shrink:0}.services-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.service{display:flex;flex-direction:column;align-items:flex-start;padding:20px 24px;transition:transform .25s ease,box-shadow .25s ease}.service:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000000d}.service .icon{flex-shrink:0;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#b8f5c6,#e8ffe8 60%,#fff);box-shadow:inset 0 0 0 1px #b4e6be99}.service .icon img{width:22px;height:22px}.service-content{display:flex;flex-direction:column;justify-content:center;gap:6px}.service-content h3{margin:0;font-size:17px;font-weight:700;color:#0a0a0a}.service-content p{margin:0;font-size:14px;color:#444;line-height:1.5}.projects{position:relative;background:radial-gradient(circle at 10% 90%,#87e8c9 100%,transparent 100%),radial-gradient(circle at 100% 0%,#6ac6f1 0%,transparent 50%),var(--bg);background-attachment:fixed;padding:20px 10px}.projects-wrapper{display:flex;align-items:flex-start;gap:60px;position:relative}.project-progress{position:sticky;top:calc(50vh - 200px);align-self:flex-start;display:none;flex-direction:column;align-items:center;gap:8px;height:400px}.project-progress span{font-weight:600;font-size:12px;color:var(--text);opacity:.6}.progress-bar{position:relative;width:3px;height:320px;background:#00000026;border-radius:2px;overflow:hidden}.progress-fill{position:absolute;top:0;left:0;width:3px;height:0%;background:#000;transition:height .5s ease}.projects-list{flex:1}.project{border-top:1px dashed var(--outline);padding:32px 0}.project:first-of-type{border-top:none}.project h3{margin:0 0 8px;font-size:20px}.project p{margin:6px 0 8px;color:var(--muted);font-size:14px;line-height:1.6}.project-media{margin-top:16px}.project-media img{border-radius:20px;box-shadow:0 6px 18px #0000001f;transition:transform .25s ease;margin:0 auto}.project-media img:hover{transform:scale(1.03)}.device-mockup{position:relative;display:inline-block;width:100%;max-width:700px;margin:0 auto}.device-frame{width:100%;height:auto;display:block;z-index:2;position:relative}.screen-image{position:absolute;top:5%;height:95%;object-fit:cover;border-radius:6px;z-index:1;transition:transform .3s ease}.device-mockup:hover .screen-image{transform:scale(1.02)}.about{display:block}.about-media{position:relative;margin-bottom:14px}.about-media img{border-radius:12px;border:1px solid var(--outline)}.photo-badges{position:absolute;left:10px;bottom:10px;display:flex;gap:8px;flex-wrap:wrap}.badge{background:var(--card);border:1px solid var(--outline);border-radius:12px;padding:.35rem .6rem;box-shadow:0 6px 16px #0000000f;font-size:12px}.cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;border-top:1px dashed var(--outline)}.cta h2{text-transform:lowercase;margin:0;font-size:20px;letter-spacing:.2px}.site-footer{border-top:1px solid var(--outline);padding:20px 0 16px;margin-top:28px;background:radial-gradient(420px 260px at 100% 0%,rgba(124,247,174,.12),transparent 60%)}.footer-grid{display:grid;grid-template-columns:1fr;gap:16px}.footer-grid .col h5{margin:.25rem 0 .5rem}.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:.3rem}.footer-grid a{text-decoration:none;color:var(--muted);font-size:14px;transition:color .25s ease}.footer-grid a:hover{color:var(--text)}.logo-line{display:flex;align-items:center;gap:8px;margin-bottom:10px}.social{display:flex;gap:10px;margin-top:12px}.social a{width:28px;height:28px;border:1px solid var(--outline);border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--text);transition:background .25s ease,transform .25s ease}.social a:hover{background:var(--pill);transform:scale(1.1)}.footnote{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:var(--muted);font-size:12px}@media(min-width:1024px){.services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:32px 40px;max-width:1100px;margin:40px auto 0}.project-progress{display:flex}.project-media img{border-radius:35px}.service{flex:0 1 calc(33.333% - 40px);max-width:320px;box-sizing:border-box}}@media(max-width:1023px){header .lang-dropdown{display:none!important}}@media(min-width:1024px){.menu-controls .lang-dropdown{display:none!important}}@media(min-width:768px){.hero{padding:72px 0 88px;background:radial-gradient(1200px 600px at 20% -10%,#2ca45e 0%,transparent 60%),radial-gradient(1200px 600px at 110% 20%,#e6f4ff 0%,transparent 60%)}.hero:after{display:none}.hero h1{font-size:48px;line-height:1.1}.hero .cta-row .btn{width:auto}.project.row{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:26px 0}.about{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footnote{font-size:14px}}.section{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease;will-change:opacity,transform;background:var(--bg)}.hero.visible,.section.visible{opacity:1;transform:none}:root[data-theme=dark] .hero{background:radial-gradient(520px 260px at 20% -10%,rgba(44,227,109,.06) 0%,transparent 60%),radial-gradient(560px 280px at 110% 20%,rgba(121,216,255,.06) 0%,transparent 60%),var(--card)}@media(min-width:640px){.hero{padding:48px 0 56px}.hero h1{font-size:32px}.site-header{height:64px}}@media(min-width:1024px){.container{padding:0 24px}.project{display:flex}.project-text{display:flex;flex-direction:column;justify-content:center}.md-hidden{display:none}.main-nav{position:static;display:flex!important;flex-direction:row;gap:24px;background:transparent;border:0;padding:0}.header-cta{display:inline-flex}.hero{padding:72px 0 88px;background:radial-gradient(1200px 600px at 20% -10%,#ffede9 0%,transparent 60%),radial-gradient(1200px 600px at 110% 20%,#e6f4ff 0%,transparent 60%)}:root[data-theme=dark] .hero{background:radial-gradient(1200px 600px at 20% -10%,rgba(44,227,109,.05) 0%,transparent 60%),radial-gradient(1200px 600px at 110% 20%,rgba(121,216,255,.05) 0%,transparent 60%)}.hero h1{font-size:48px;margin:24px 0 12px;line-height:1.1}.hero p{font-size:18px;max-width:600px;margin:0 auto 20px}.section{padding-top:50px}.projects .row-title{margin-bottom:28px}.project.row{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:26px 0;border-top:1px dashed var(--outline)}.project.row:last-child{border-bottom:1px dashed var(--outline)}.project.row.reverse{grid-template-columns:1fr 1.05fr}.project.row.reverse .project-text{order:2}.about{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.hero-frame{position:relative;background:radial-gradient(ellipse 100% 27% at 10% 85%,#87e8c9 0%,transparent 60%),radial-gradient(ellipse 100% 55% at 100% 0%,#6ac6f1 0%,transparent 60%),var(--bg);padding:10px 8px 50px}.my-box{position:relative;border-radius:35px;padding:3px;background:linear-gradient(90deg,#87e8c9,#6ac6f1 50%)}.hero{border-radius:35px;background:radial-gradient(ellipse 100% 40% at 10% 90%,#87e8c9 0%,transparent 60%),radial-gradient(circle at 100% 0%,#6ac6f1 0%,transparent 50%),var(--bg);background-repeat:no-repeat;background-size:110% 110%;animation:moveGradients 2s ease-in-out infinite alternate;box-shadow:inset 0 0 0 1px #c8f0e699,0 8px 24px #0000000d;padding:10px 8px 0}@keyframes moveGradients{0%{background-position:0% 100%,100% 0%}50%{background-position:30% 80%,80% 10%}to{background-position:10% 90%,90% 5%}}:root[data-theme=dark] .hero-frame{background:radial-gradient(circle at 20% 120%,#87e8c9 0%,transparent 60%),radial-gradient(circle at 100% -20%,#6ac6f1 0%,transparent 70%),var(--card)}:root[data-theme=dark] .my-box{background:radial-gradient(circle at 20% 120%,#87e8c9 0%,transparent 60%),radial-gradient(circle at 100% -20%,#6ac6f1 0%,transparent 70%),var(--card)}:root[data-theme=dark] .hero{border-radius:35px;background:radial-gradient(circle at 20% 120%,#87e8c9 0%,transparent 60%),radial-gradient(circle at 100% -20%,#6ac6f1 0%,transparent 70%),var(--card);box-shadow:inset 0 0 0 1px #c8f0e699,0 8px 24px #0000000d;padding:10px 8px 0}.hero-frame .site-header{position:absolute;inset:0 0 auto;height:56px;background:transparent;z-index:5;display:flex;align-items:center}.hero-frame .header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;padding:0 16px;margin:0 auto}.hero-frame .hero{position:relative;height:80vh;display:flex;align-items:center}.hero-frame .hero-shell{position:relative;padding:72px 16px 28px}.hero-frame .hero-content{position:relative;z-index:1;text-align:center;margin:0 auto}.hero-frame .hero-content h1{font-size:26px;line-height:1.2;margin:10px 0 8px;font-weight:800;letter-spacing:.3px}.hero-frame .hero-content p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 16px}.hero-frame .cta-row .btn{font-size:15px}.hero-frame .hero-border{height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--outline),transparent);margin-top:12px}@media(min-width:1024px){.hero-frame .hero{height:55vh}.hero{border-radius:35px;background:radial-gradient(ellipse 100% 100% at 10% 90%,#87e8c9 0%,transparent 60%),radial-gradient(circle at 100% 0%,#6ac6f1 0%,transparent 50%),var(--bg);background-repeat:no-repeat;background-size:110% 110%;animation:moveGradients 2s ease-in-out infinite alternate;box-shadow:inset 0 0 0 1px #c8f0e699,0 8px 24px #0000000d;padding:10px 8px 0}@keyframes moveGradients{0%{background-position:0% 100%,100% 0%}50%{background-position:30% 80%,80% 10%}to{background-position:10% 90%,90% 5%}}.hero-frame .site-header{height:72px}.hero-frame .header-inner{padding:0 24px}#menuToggle{display:none}.main-nav{display:flex!important;gap:24px}.header-actions{display:flex;gap:8px;align-items:center}.header-cta{display:inline-flex}.hero-frame .hero-shell{padding:112px 24px 88px;text-align:center;margin:auto}.hero-frame .hero-content h1{font-size:48px;line-height:1.1;margin:24px 0 12px}.hero-frame .hero-content p{font-size:18px;max-width:640px;margin:0 auto 20px}.hero-frame .cta-row .btn{width:auto}}* .site-header{position:absolute;top:0;left:0;right:0;height:56px;background:transparent;z-index:100;margin-top:20px}.header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:0 16px!important;margin:0 auto!important;box-sizing:border-box}.brand img{display:block;height:124px}#menuToggle{display:inline-flex;margin-left:auto!important;align-items:center;justify-content:center;font-size:22px;border:none;padding:4px 10px;background:transparent;transition:background .2s ease}#menuToggle:hover{background:var(--pill)}.main-nav,.header-cta{display:none!important}.mobile-menu{position:fixed;inset:0;background:var(--bg);display:none;flex-direction:column;justify-content:space-between;padding:24px 20px 32px;z-index:999;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-10px)}.mobile-menu.open{display:flex;opacity:1;transform:none}.menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.menu-header img{height:24px}#menuClose{font-size:22px;border:none;background:transparent;color:var(--text)}.menu-links{display:flex;flex-direction:column;align-items:center;gap:24px;margin:40px 0 24px}.menu-links a{font-size:18px;font-weight:500;color:var(--text);text-decoration:none}.menu-links a:hover{color:var(--accent)}.mobile-menu .btn.full{display:block;width:50%;text-align:center;margin:auto;font-size:16px;padding:14px}.menu-bottom{border-top:1px solid var(--outline);padding-top:24px;display:flex;flex-direction:column;align-items:center;gap:24px}.menu-controls{display:flex;align-items:center;justify-content:center;gap:24px}.lang-select{display:flex;align-items:center;gap:6px;border:1px solid var(--outline);border-radius:999px;padding:6px 10px;background:var(--card);font-weight:600;font-size:14px}.theme-toggle{width:52px;height:28px;border:1px solid var(--outline);border-radius:999px;background:var(--card);display:flex;align-items:center;justify-content:space-between;padding:0 4px;position:relative;cursor:pointer}.theme-toggle .toggle-ball{width:22px;height:22px;background:var(--text);border-radius:50%;transition:transform .3s ease,background .3s ease}.theme-toggle.dark .toggle-ball{transform:translate(24px);background:var(--accent)}.theme-toggle .toggle-icon{position:absolute;right:6px;font-size:12px;opacity:.6}.menu-social{display:flex;justify-content:center;gap:18px}.menu-social a{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--pill);transition:transform .25s ease,background .25s ease}.menu-social a:hover{transform:scale(1.1);background:var(--accent)}.section{padding-top:50px}@media(min-width:1024px){.site-header{position:sticky;top:0;height:72px;background:var(--bg);z-index:30}#menuToggle{display:none}.main-nav{display:flex!important;flex-direction:row;gap:24px}.main-nav a{text-decoration:none;color:var(--muted);font-weight:600}.main-nav a:hover{color:var(--text)}.header-actions{display:flex;gap:8px;align-items:center}.header-cta{display:inline-flex}.mobile-menu{display:none!important}.container{padding:0 24px}.section{padding-top:80px}}body.menu-open{overflow:hidden}@media(min-width:1024px){.header-actions{display:flex;align-items:center;gap:8px}.header-cta{display:inline-flex!important}.header-actions .lang-switch{display:flex;gap:4px}.header-actions .pill{font-size:14px;padding:6px 10px}#themeToggle{width:32px;height:32px;font-size:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}}#themeToggle{display:none!important}@media(min-width:1024px){#themeToggle{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--outline);background:var(--card);cursor:pointer;transition:background .2s ease}#themeToggle:hover{background:var(--pill)}}@media(min-width:1024px){#themeSwitch{display:none!important}}