@font-face{font-family:Hind;src:url('../fonts/hind-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Hind;src:url('../fonts/hind-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Lato;src:url('../fonts/lato-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--color-primary:#d0a11c;--color-secondary:#2c8daa;--color-text:#2e354e;--color-accent:#5baa78;--color-surface:#f5f7f8;--color-dark:#1e1e1e;--color-white:#fff;--color-teal:#5ba9a7;--font-body:Hind,sans-serif;--font-heading:Lato,sans-serif;--body-size:14px;--container:1280px;--radius:30px;--card-shadow:0 10px 30px #0000001a}
/* Grow UP IT: existing palette and typography, bilingual content. Mobile first. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--color-text);font:400 17px/1.6 var(--font-body)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:#17677f}a:focus-visible,button:focus-visible{outline:3px solid var(--color-primary);outline-offset:5px}button{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.17}h1{font-size:clamp(34px,4.2vw,58px);letter-spacing:-1.5px}h2{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.8px}h3{font-size:23px;letter-spacing:-.3px}p{margin-top:16px}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section{padding:64px 0}.soft{background:var(--color-surface)}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600;color:#23788e;text-transform:uppercase;margin:0 0 14px}.section-heading{max-width:710px;margin-bottom:32px}.section-heading>p:last-child:not(.eyebrow){color:#586174;font-size:18px}.narrow{max-width:940px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;background:linear-gradient(110deg,#247c96,#367f80);color:white;padding:14px 25px;font-size:16px;font-weight:600;line-height:1.5;text-align:center;transition:transform .2s,background .2s}.button:hover{color:white;background:#205d70;transform:translateY(-2px)}.text-link{font-weight:600;color:#206f87;display:inline-block;border-bottom:1px solid #accbd3;padding:8px 0}.text-link:hover{border-color:currentColor}.section-link{margin-top:26px}.small,figcaption{font-size:14px;color:#657080;line-height:1.5}.note{max-width:800px;color:#586174;margin:28px 0}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:white;z-index:100}.skip-link:focus{top:12px}
/* Navigation stays visible without JS; only the enhanced mobile menu collapses. */
.site-header{position:sticky;top:0;z-index:20;background:#1e252b;color:white}.header-inner{max-width:1240px;margin:auto;padding:14px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:80px}.brand{font:700 23px/1.2 var(--font-heading);color:#e3c04a;letter-spacing:-.5px}.brand:hover{color:#f1cf64}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.language-switch{display:flex;gap:9px;font-size:13px;white-space:nowrap}.language-switch a{padding:5px 0;color:#c9cdd3}.language-switch a[aria-current]{color:#f1cf64;border-bottom:2px solid #e3c04a}.header-whatsapp{display:none}.menu-toggle{display:none;background:none;border:1px solid #62676d;color:white;border-radius:8px;padding:8px;width:37px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:currentColor;margin:4px 0}.js .menu-toggle{display:block}#primary-nav{display:flex;gap:20px;flex-wrap:wrap;order:3;width:100%;font-size:15px}#primary-nav a{padding:8px 0}#primary-nav a:hover,#primary-nav a[aria-current]{color:#f1cf64}.js #primary-nav{display:none}.js #primary-nav.is-open{display:flex;flex-direction:column;gap:0;padding-top:14px}.js #primary-nav a{padding:12px 0}
/* Familiar dark-to-blue hero, rounded panels and gold brand accents. */
.hero{position:relative;background:linear-gradient(120deg,#1e1e1e,#155774 70%,#2c8daa);color:white;padding:54px 0 70px;overflow:hidden}.hero-inner{display:grid;gap:36px;align-items:center}.hero-copy{max-width:660px}.hero .eyebrow{color:#e3c04a}.hero-description{font-size:18px;line-height:1.65;color:#e0e9ed;max-width:540px;margin:22px 0 28px}.hero .button{background:#fff;color:#214e62}.hero .button:hover{background:#e8f1f4}.hero-art{min-width:0}.hero-preview{border:6px solid #ffffff26;border-radius:18px;background:white;overflow:hidden;box-shadow:0 20px 60px #00131f40}.hero-preview img{width:100%}.preview-note{font-size:14px;color:#41536a;display:flex;gap:9px;align-items:center;padding:13px 14px;background:#f5f7f8;line-height:1.3}.status-dot{width:8px;height:8px;background:#5baa78;border-radius:50%;flex-shrink:0}.hero-caption,.hero-art figcaption{font-size:12px;color:#d0e2e9;text-align:center;margin-top:12px}.hero-edge{position:absolute;bottom:-1px;left:0;right:0;height:24px;background:white;clip-path:polygon(0 85%,100% 0,100% 100%,0 100%)}.product-hero-art img{border:5px solid #ffffff22;border-radius:18px}.portrait img{width:180px;margin:auto;border-radius:50%;background:#ffffff10}
.product-grid{display:grid;gap:26px}.product-card{border-radius:26px;overflow:hidden;box-shadow:0 8px 32px #25334b12;border:1px solid #e3e8eb;background:white;min-width:0}.product-visual{background:#edf1f3;position:relative;padding:18px 18px 40px}.product-visual img{width:100%;aspect-ratio:1.65;object-fit:cover;object-position:center;border-radius:12px}.product-visual img[src*="orders"]{object-fit:contain;background:#f6f8f7}.visual-label{position:absolute;bottom:12px;left:18px;right:18px;color:#56616c;font-size:11px;line-height:1.3}.product-copy{padding:26px}.product-copy h3{font-size:28px;max-width:450px}.product-copy>p:not(.eyebrow){max-width:450px}.product-copy .price-line{font:700 24px/1.3 var(--font-heading);margin-top:24px;color:#263b4b}.product-copy .small{margin-top:6px}.product-copy .text-link{margin-top:16px}
.service-grid{display:grid;gap:26px}.service-item{border-top:1px solid #d8dfe4;padding-top:20px}.service-number{font-size:13px;letter-spacing:1px;color:#247c96}.service-item h3{font-size:20px;margin-top:10px}.service-item p{font-size:16px;color:#586174;margin-top:12px}.work-section{background:white}.work-grid{display:grid;gap:26px}.work-grid article{border-left:3px solid #d0a11c;padding:6px 0 8px 22px}.work-index{display:block;font-size:13px;color:#6a7484;margin-bottom:16px}.work-grid h3{font-size:25px}.work-grid p{color:#586174;font-size:16px}.founder{background:#1e252b;color:white;padding:56px 0}.founder-inner{display:flex;flex-wrap:wrap;align-items:center;gap:26px}.founder-profile{display:flex;align-items:flex-start;gap:20px}.founder-profile img{width:64px;flex:0 0 64px}.founder .eyebrow{color:#e3c04a}.founder h2{font-size:28px;letter-spacing:-.5px}.founder p:not(.eyebrow){color:#c4ced7;max-width:650px;font-size:17px}.founder-about{font-size:15px;color:#c4ced7}.founder a:hover{color:white}.site-footer{padding:40px 0 0;background:var(--color-surface)}.footer-inner{display:grid;gap:32px}.footer-about img{width:204px}.footer-about p{max-width:350px;font-size:16px;color:#586174;margin:20px 0 12px}.footer-about>a:last-child{font-weight:600}.footer-links h2{font-size:18px;margin-bottom:18px;letter-spacing:0}.footer-links nav,.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-links nav a,.footer-links>a{font-size:15px}.footer-links a[aria-current]{color:#247c96}.copyright{border-top:1px solid #d8dfe4;padding:24px 0;margin:0;font-size:12px;color:#586174;grid-column:1/-1}
.benefit-grid{display:grid;gap:30px}.benefit-grid article{border-top:3px solid #2c8daa;padding-top:22px}.benefit-grid p{color:#586174}.steps{list-style:none;counter-reset:steps;display:grid;gap:28px;padding:0;margin:0 0 35px}.steps li{counter-increment:steps;position:relative;padding-left:54px}.steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font:700 26px/1.2 var(--font-heading);color:#247c96}.steps h3{font-size:21px}.steps p{margin-top:10px;color:#586174}.wide-screenshot{max-width:1000px;margin:35px auto 0}.wide-screenshot img{border:1px solid #e0e5e8;border-radius:14px}.wide-screenshot figcaption{margin-top:10px;text-align:center}.studio-detail{display:grid;gap:32px;align-items:center;margin-top:44px}.studio-detail figure{max-width:360px;width:100%;margin:auto}.studio-detail img{border-radius:18px;border:1px solid #deded8;width:100%}.studio-detail figcaption{text-align:center;margin-top:12px}.studio-detail p{max-width:570px;color:#586174}.pricing-grid{display:grid;gap:26px}.price-card{padding:30px 26px;border:1px solid #dae1e5;border-radius:26px;background:#f5f7f8}.price-card h3{font-size:38px;letter-spacing:-1px}.price-card h3 span{font-size:24px;display:block;margin-top:8px}.price-card>p:not(.eyebrow){color:#586174}.price-card .button{margin-top:26px}.price-card ul{padding-left:20px;margin:24px 0}.price-card li{padding-left:4px;margin:10px 0}.price-context{padding:20px 0}.price-context p,.package-note p{color:#586174}.package-note{max-width:900px;padding-top:32px}.package-note h3{font-size:23px}.contact-grid{display:grid;gap:36px}.contact-grid h2{font-size:24px;letter-spacing:-.5px;overflow-wrap:anywhere}.error-content{text-align:center;padding:100px 20px;min-height:55vh}.error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:32px}
/* Entrance effects only hide content after JS initializes. */
.js [data-animate]:not(.is-visible){visibility:hidden}.js [data-animate].is-visible{animation:fade-up .65s ease both}@keyframes fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(min-width:768px){.container{width:min(1180px,calc(100% - 64px))}.section{padding:80px 0}.hero{padding:70px 0 90px}.hero-inner{grid-template-columns:1.08fr 1fr;gap:36px}.hero-copy:only-child{grid-column:1/-1;max-width:800px}.hero-copy:only-child .hero-description{max-width:650px}.product-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-inner{grid-template-columns:1.3fr .8fr 1fr}.founder-profile img{width:90px;flex-basis:90px}.founder-inner>.button{margin-left:110px}.studio-detail{grid-template-columns:1fr 1.4fr}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait img{width:240px}.product-copy{padding:32px}.price-context{padding:30px}.header-whatsapp{display:block;color:#e3c04a;font-size:14px}}
@media(min-width:1025px){.header-inner{flex-wrap:nowrap;gap:30px;padding-block:19px}.brand{font-size:26px}.js .menu-toggle{display:none}#primary-nav,.js #primary-nav,.js #primary-nav.is-open{order:0;display:flex;flex-direction:row;width:auto;flex:1;justify-content:center;gap:26px;padding:0}.js #primary-nav a{padding:8px 0}.header-actions{gap:24px}.hero{padding:80px 0 105px}.hero-inner{gap:64px}.section{padding:90px 0}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.founder{padding:65px 0}.founder-profile{flex:1}.founder-inner>.button{margin-left:auto}.founder-about{margin-left:110px}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.narrow .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-edge{height:35px}}
@media(max-width:389px){.header-inner{padding-inline:14px;gap:8px}.brand{font-size:21px}.header-actions{gap:8px}.language-switch{font-size:12px;gap:7px}.container{width:calc(100% - 32px)}.founder-profile{flex-direction:column}.product-copy{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js [data-animate]:not(.is-visible){visibility:visible}.button:hover{transform:none}}

/* Product discovery and compact mobile layouts. Native disclosures work without JavaScript. */
.nav-services{position:relative}.nav-services summary{cursor:pointer;padding:8px 0;white-space:nowrap}.nav-services summary:hover,.nav-services[open] summary{color:#f1cf64}.services-submenu{display:flex;flex-direction:column;gap:4px;padding:8px 18px 14px;border-left:2px solid #d0a11c}.services-submenu a{line-height:1.4}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.hero-call{color:#fff;text-decoration:underline;text-underline-offset:5px}.hero-call:hover,.product-site-link:hover{color:#f1cf64}.product-site-link{display:inline-block;color:#e3c04a;border-bottom:1px solid #7c9baa;margin-top:22px;padding-bottom:5px;font-weight:600}.mobile-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:980px;margin:40px auto 0;align-items:start}.mobile-gallery figure{min-width:0}.mobile-gallery img{width:100%;border:1px solid #d7dfe4;border-radius:20px;box-shadow:0 10px 26px #25334b10}.mobile-gallery figcaption{margin-top:16px;text-align:center;font-weight:600;color:#364b60}.studio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;gap:40px}.gallery-note{text-align:center;margin-top:24px}.work-grid h3 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
@media(min-width:1025px){.services-submenu{position:absolute;left:-20px;top:100%;width:285px;background:#1e252b;padding:16px 20px;border:1px solid #43515b;border-radius:12px;box-shadow:0 12px 30px #0003}.home-hero .hero-inner{grid-template-columns:1.5fr 1fr;gap:64px}.home-hero h1{font-size:clamp(40px,3.7vw,52px)}}
@media(max-width:1024px){.js .nav-services summary{padding:12px 0}.js #primary-nav.is-open{max-height:calc(100dvh - 100px);overflow:auto}.services-submenu{margin-bottom:10px}}
@media(max-width:767px){body{font-size:16px}h1{font-size:31px;letter-spacing:-.7px}h2{font-size:27px;letter-spacing:-.5px}h3{font-size:22px}.hero{padding-top:42px}.hero-description,.section-heading>p:last-child:not(.eyebrow),.founder p:not(.eyebrow){font-size:17px}.product-copy h3{font-size:24px}.founder h2{font-size:25px}.mobile-gallery{gap:18px;overflow-x:auto;grid-template-columns:repeat(3,76%);scroll-snap-type:x mandatory;padding:0 2px 20px;scroll-padding-left:2px}.mobile-gallery figure{scroll-snap-align:start}.studio-gallery{grid-template-columns:repeat(2,76%)}.mobile-gallery img{border-radius:16px}.gallery-note{margin-top:8px}}

/* Portrait app preview; the homepage gives priority to the text column. */
.home-hero .hero-art{width:min(100%,280px);justify-self:center}.home-hero .hero-preview{border-width:4px;border-radius:24px}.home-hero .hero-caption{max-width:280px;margin-inline:auto}
@media(min-width:768px){.home-hero .hero-inner{grid-template-columns:1.5fr 1fr}.home-hero .hero-art{width:min(100%,280px)}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1025px){.home-hero .hero-art{width:280px}.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.work-grid h3{font-size:23px}}
@media(max-width:767px){.home-hero .hero-art{width:240px}.home-hero .hero-inner{gap:30px}}
/* Compact hero and clearer service/portfolio hierarchy. */
.home-hero .hero-art{width:190px}.home-hero .hero-preview{border-width:3px;border-radius:18px}.home-hero .hero-caption{font-size:11px;line-height:1.4}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;flex:0 0 54px;border-radius:16px;background:#e7f0f2}.service-icon img{width:30px;height:30px}.service-item h3{margin-top:18px}.work-grid{gap:32px}.work-grid article{padding:24px;border:1px solid #e1e7eb;border-top:3px solid #d0a11c;border-radius:0 0 18px 18px}.work-index{font-size:11px;letter-spacing:1px;line-height:1.5}.work-grid h3{font-size:25px}.work-grid p{max-width:520px}
.contact-layout{display:grid;gap:40px;align-items:center}.contact-hero .hero-copy{max-width:570px}.contact-hero .hero-description{margin-bottom:30px}.contact-location{display:flex;align-items:center;gap:16px}.contact-location .service-icon{background:#ffffffed}.contact-location p{font-size:14px;margin:3px 0 0;color:#d0e2e9}.contact-panel{padding:28px;border-radius:26px;background:#fff;color:var(--color-text);box-shadow:0 20px 60px #00131f33;min-width:0}.contact-panel h2{font-size:27px;letter-spacing:-.5px;margin-bottom:24px}.contact-panel .eyebrow{color:#23788e}.contact-option{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #e1e7eb}.contact-option>span:nth-child(2){flex:1;min-width:0}.contact-option strong{display:block;font-family:var(--font-heading);font-size:18px}.contact-option>span:nth-child(2)>span{display:block;font-size:15px;color:#586174;overflow-wrap:anywhere}.contact-option>span:last-child{font-size:23px;color:#247c96}.contact-option:hover strong{color:#17677f}.contact-primary{padding:18px 14px;margin-inline:-14px;background:#eef5f5;border-radius:18px;border-bottom:0}.contact-signature{font-size:13px;color:#657080;margin-top:22px}.contact-next .steps{margin-bottom:0}
@media(min-width:768px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero .hero-inner{min-height:415px}.contact-layout{grid-template-columns:1.1fr 1fr;gap:36px}.contact-panel{padding:28px}.contact-hero h1{font-size:clamp(34px,4vw,52px)}}
@media(min-width:1025px){.contact-layout{gap:80px}.contact-panel{padding:36px}.home-hero .hero-art{width:190px}}
@media(max-width:767px){.home-hero .hero-art{width:150px}.home-hero .hero-inner{gap:24px}.contact-panel{padding:24px}.contact-panel h2{font-size:25px}.contact-option{gap:12px}.contact-option .service-icon{width:44px;height:44px;flex-basis:44px}.contact-option .service-icon img{width:26px;height:26px}.work-grid article{padding:22px}.work-grid h3{font-size:23px}}