:root{--bg:#f8f3ef;--surface:#fff;--text:#182447;--muted:#59647d;--line:#18244714;--accent:linear-gradient(135deg, #d77c46 0%, #b24557 100%);--accent-solid:#cc6849;--hero-bg:radial-gradient(circle at 70% 20%, #cd624959, transparent 24%), linear-gradient(135deg, #28131f 0%, #3a1c26 45%, #2b141e 100%);--shadow:0 20px 60px #34182024}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img,iframe{max-width:100%}.container{width:min(1180px,100% - 32px);margin:0 auto}.navbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-bottom:1px solid #1824470f;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:28px;min-height:78px;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand-link{align-items:center;display:inline-flex}.brand-mark{flex:0 0 44px;width:44px;height:44px;display:block}.brand-image{object-fit:contain}.brand strong{letter-spacing:.18em;color:#3f3140;font-size:1.05rem}.nav-menu{flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.nav-item{position:relative}.nav-link{color:#34415d;align-items:center;gap:4px;padding:8px 10px;font-weight:600;display:inline-flex}.nav-link:focus-visible,.nav-dropdown a:focus-visible,.menu-btn:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,.call-btn:focus-visible,.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline-offset:2px;outline:2px solid #cc684973}.nav-link svg{color:#697387;width:14px;height:14px}.nav-dropdown{background:#fff;border:1px solid #18244714;border-radius:18px;min-width:240px;padding:12px;display:none;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 18px 42px #211c291f}.nav-dropdown a{color:#34415d;border-radius:12px;padding:10px 12px;font-weight:500;display:block}.nav-dropdown a:hover{color:var(--accent-solid);background:#fff4ee}.nav-item.has-dropdown:hover .nav-dropdown,.nav-dropdown.dropdown-open{display:block}.nav-cta-wrap{align-items:center;gap:10px;display:flex}.btn,.call-btn,.icon-btn{border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover,.call-btn:hover,.icon-btn:hover{transform:translateY(-2px)}.call-btn,.btn-primary{background:var(--accent);color:#fff;box-shadow:0 16px 40px #b0495747}.btn-secondary{color:inherit;background:#ffffff14;border:1px solid #ffffff29}.icon-btn{background:#fff;border:1px solid #18244714;width:42px;height:42px;padding:0;box-shadow:0 10px 26px #2c243514}.icon-btn svg,.call-btn svg{width:18px;height:18px}.icon-btn.whatsapp-btn{color:#08361c;background:#25d366;border-color:#0000}.icon-btn.mail-btn{color:#5d6677}.call-btn{gap:10px;padding:12px 18px;font-weight:700}.menu-btn{cursor:pointer;background:#18244714;border:0;border-radius:12px;width:44px;height:44px;display:none}.menu-btn span{background:var(--text);width:18px;height:2px;margin:4px auto;display:block}.hero{background:var(--hero-bg);color:#fff;padding:80px 0 68px;overflow:hidden}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;min-height:580px;display:grid}.hero-copy{z-index:1;position:relative}.page-hero{background:var(--hero-bg);color:#fff;padding:120px 0 90px}.page-hero-inner{max-width:860px}.page-hero h1{margin:20px 0 18px;font-size:clamp(3rem,7vw,5.2rem);line-height:.96}.page-hero p{color:#fff0f0c7;max-width:720px;margin:0;font-size:1.1rem;line-height:1.9}.ghost-text{color:#8a556c2b;font-size:clamp(3.8rem,8vw,6rem);font-weight:800;line-height:.9}.hero h1{color:#ef9842;max-width:650px;margin:-8px 0 0;font-size:clamp(3rem,7vw,5rem);line-height:.95}.hero p{color:#fff0f0bf;max-width:560px;margin:28px 0 0;font-size:1.1rem;line-height:1.8}.hero-actions{gap:16px;margin-top:34px;display:flex}.btn{padding:16px 26px;font-weight:700}.hero-orbit{grid-template-columns:repeat(3,minmax(110px,1fr));grid-template-areas:".top.""top-left.top-right""center center center""left.right"".bottom.";align-items:center;gap:22px;max-width:520px;min-height:650px;margin-left:auto;display:grid;position:relative}.hero-card,.orbit-card{text-align:center;box-shadow:var(--shadow);background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #f4ad4247;place-items:center;display:grid;position:relative}.hero-card.center{border-radius:40px;grid-area:center;min-height:250px;margin:-12px 28px;padding:40px 32px}.hero-card.center span{color:#f4ad42;letter-spacing:.24em;font-size:.85rem}.hero-card.center h2{margin:10px 0 12px;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1}.hero-card.center p{color:#fff0f0d1;max-width:280px;margin:0}.orbit-card{color:#fff;background:linear-gradient(#f2a53b,#be5a4d);border-radius:30px;width:100%;min-height:112px;padding:18px 14px;font-weight:700}.orbit-card.top{grid-area:top}.orbit-card.top-left{grid-area:top-left}.orbit-card.top-right{grid-area:top-right}.orbit-card.left{grid-area:left}.orbit-card.right{grid-area:right}.orbit-card.bottom{grid-area:bottom}.spark{background:#32b7ff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 0 12px #32b7ff14}.spark-a{top:52px;right:26px}.spark-b{background:#f4ad42;top:350px;left:170px}.spark-c{background:#3c79ff;bottom:112px;left:228px}.section{padding:100px 0}.section-soft{background:linear-gradient(#fffefe 0%,#fff7f2 100%)}.section-contact{background:radial-gradient(circle at top,#f5ad4224,#0000 28%),linear-gradient(#fffefd 0%,#fff6f1 100%)}.section-title{text-align:center;max-width:760px;margin:0 auto 48px}.section-kicker{min-height:38px;color:var(--accent-solid);text-transform:uppercase;letter-spacing:.18em;border:1px solid #cc684938;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:.74rem;font-weight:700;display:inline-flex}.section-title h2{margin:22px 0 14px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.02}.section-title p{color:var(--muted);margin:0;font-size:1.08rem;line-height:1.8}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:32px;display:grid}.story-grid{grid-template-columns:1.2fr .9fr;gap:28px;display:grid}.story-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6;border-radius:30px;padding:34px}.story-card h2,.story-card h3{margin-top:18px;margin-bottom:14px}.story-card p{color:var(--muted);line-height:1.8}.story-dark{color:#fff;background:linear-gradient(135deg,#2a1620 0%,#3b1c26 55%,#2d1720 100%)}.story-dark p{color:#fff0f0c7}.feature-list{color:var(--muted);margin:0;padding-left:18px;line-height:1.9}.about-stats{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px;display:grid}.about-stats article,.service-card,.tech-card,.process-card,.blog-card,.contact-info-card,.contact-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0;border-radius:28px}.about-stats article{padding:30px 26px}.about-stats strong{margin-bottom:8px;font-size:2.4rem;display:block}.about-stats span{color:var(--muted)}.services-grid,.tech-grid,.process-grid,.blog-grid{gap:24px;display:grid}.services-grid{grid-template-columns:repeat(3,1fr)}.service-card,.tech-card,.blog-card,.process-card{padding:28px;transition:transform .22s}.service-card:hover,.project-card:hover,.blog-card:hover,.tech-card:hover,.process-card:hover{transform:translateY(-6px)}.service-card h3,.blog-card h3{margin-top:0}.service-card p,.process-card p,.blog-card p{color:var(--muted);line-height:1.75}.filters{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:42px;display:flex}.filter-btn{color:var(--text);cursor:pointer;background:#fff;border:1px solid #1824471f;border-radius:999px;padding:13px 28px}.filter-btn.active{background:var(--accent);color:#fff;border-color:#0000}.project-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.stats-strip{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stats-strip article{border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;background:#ffffffe6;border-radius:24px;padding:26px}.stats-strip strong{margin-bottom:8px;font-size:2.2rem;display:block}.stats-strip span{color:var(--muted)}.project-card{box-shadow:var(--shadow);background:#fff;border-radius:28px;transition:transform .22s;overflow:hidden}.project-media{aspect-ratio:1.05;background:#1f1118;position:relative;overflow:hidden}.project-media img,.project-media video{object-fit:cover;width:100%;height:100%;display:block}.project-media span{color:#cb7d3a;letter-spacing:.18em;text-transform:uppercase;background:#fff5eedb;border-radius:999px;padding:10px 16px;font-size:.75rem;font-weight:700;position:absolute;top:18px;left:18px}.project-content{justify-content:space-between;align-items:center;gap:18px;padding:24px 22px 28px;display:flex}.project-content h3{margin:0 0 8px}.project-content p{color:var(--muted);margin:0}.project-arrow{width:48px;height:48px;color:var(--accent-solid);background:#fff3ed;border-radius:16px;place-items:center;font-size:1.4rem;display:grid}.tech-grid{grid-template-columns:repeat(3,1fr)}.tech-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.tech-head i{border-radius:50%;width:14px;height:14px;display:inline-block}.tech-head h3{margin:0}.tech-items{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tech-items span{text-align:center;color:#3b4b73;background:#f5f7ff;border-radius:14px;padding:15px 14px;font-weight:500}.process-grid,.blog-grid{grid-template-columns:repeat(3,1fr)}.process-card{text-align:center}.step-chip{background:var(--accent);color:#fff;border-radius:24px;place-items:center;width:88px;height:88px;margin:0 auto 24px;font-size:2rem;font-weight:800;display:grid}.blog-card small{color:var(--accent-solid);font-weight:700}.contact-grid{grid-template-columns:.95fr 1.2fr;gap:28px;display:grid}.contact-info-card,.contact-form{padding:28px}.info-item+.info-item{margin-top:24px}.info-item span{color:var(--accent-solid);text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.info-item strong{font-size:1.25rem}.map-box{background:#f5ebe4;border:1px solid #cc68492e;border-radius:24px;min-height:260px;margin-top:28px;position:relative;overflow:hidden}.map-box iframe{filter:saturate(.95)contrast(1.02);border:0;width:100%;height:100%;min-height:260px;display:block}.map-overlay{background:#ffffffe0;border-radius:18px;padding:14px 16px;position:absolute;bottom:18px;left:18px;box-shadow:0 12px 30px #2c1b1f1f}.map-overlay span{margin-bottom:6px;font-size:1rem;font-weight:700;display:block}.map-overlay a{color:var(--accent-solid);font-weight:700}.contact-form label{display:block}.contact-form label span{margin-bottom:10px;font-weight:700;display:block}.input-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.input-row+.input-row,.contact-form textarea,.form-status,.btn-wide{margin-top:18px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;color:var(--text);background:#fff;border:1px solid #1824471f;border-radius:18px;padding:16px 18px}.contact-form select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#7b4a43 50%),linear-gradient(135deg,#7b4a43 50%,#0000 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:42px}.contact-form small{color:#b54747;margin-top:8px;display:block}.form-status{border-radius:16px;padding:14px 16px;font-weight:600}.form-status.success{color:#1e7a4d;background:#ecfff3}.form-status.error{color:#b54747;background:#fff0f0}.btn-wide{cursor:pointer;border:0;width:100%}.btn-wide:disabled{opacity:.7;cursor:wait}.footer{color:#ffffffe6;background:#2b1820;padding:72px 0 28px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px;display:grid}.footer h3,.footer h4{color:#fff;margin-top:0}.footer p,.footer a{color:#f2e2e2bd;line-height:1.8}.footer span{color:#f2e2e2bd}.footer a{display:block}.footer-brand{align-items:center;gap:12px;margin-bottom:18px;display:inline-flex}.footer-brand strong{letter-spacing:.18em;color:#fffffff2;font-size:1.05rem}.newsletter{margin-top:14px;display:flex}.newsletter input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px 0 0 14px;flex:1;padding:14px 16px}.newsletter button{background:var(--accent);color:#fff;border:0;border-radius:0 14px 14px 0;padding:0 18px}.footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;gap:24px;margin-top:40px;padding-top:24px;display:flex}.footer-bottom span{color:#ffffff8c}.footer-bottom div{flex-wrap:wrap;gap:18px;display:flex}@media (width<=1080px){.hero-grid,.about-grid,.contact-grid,.footer-grid,.project-grid,.tech-grid,.process-grid,.blog-grid,.services-grid,.story-grid,.stats-strip{grid-template-columns:1fr 1fr}.hero-orbit{max-width:500px;min-height:680px}.hero-card.center{margin:-4px 12px}}@media (width<=820px){.container{width:min(100% - 24px,1180px)}.navbar{position:sticky}.nav-inner{gap:16px;min-height:72px}.brand strong{letter-spacing:.14em;font-size:.92rem}.menu-btn{display:inline-block}.whatsapp-btn,.mail-btn,.call-btn{display:none}.nav-menu{z-index:40;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;align-items:flex-start;max-height:calc(100vh - 90px);padding:18px;display:none;position:absolute;top:72px;left:12px;right:12px;overflow-y:auto}.nav-menu.open{display:flex}.nav-item{width:100%}.nav-link{justify-content:space-between;width:100%;padding:8px 0}.nav-dropdown{min-width:100%;box-shadow:none;background:0 0;border:0;margin-top:6px;padding:8px 0 0 12px;display:none;position:static}.nav-dropdown.dropdown-open{display:block}.nav-dropdown a{padding:8px 0}.hero-grid,.about-grid,.services-grid,.project-grid,.tech-grid,.process-grid,.blog-grid,.contact-grid,.footer-grid,.input-row,.story-grid,.stats-strip{grid-template-columns:1fr}.section{padding:76px 0}.hero{padding:36px 0 44px}.hero-grid{gap:32px;min-height:auto}.hero-copy{text-align:center}.hero h1{max-width:10ch;font-size:clamp(2.5rem,14vw,3.5rem)}.hero h1,.hero p{margin-left:auto;margin-right:auto}.ghost-text.bottom{margin-top:8px}.hero p,.page-hero p,.section-title p{font-size:1rem;line-height:1.7}.hero-actions{flex-direction:column;align-items:stretch;max-width:320px;margin-left:auto;margin-right:auto}.hero-actions .btn{width:100%}.hero-orbit{gap:16px 14px;max-width:440px;min-height:auto;margin:6px auto 0}.hero-card.center{border-radius:30px;min-height:0;margin:-2px 20px;padding:28px 22px}.hero-card.center h2{font-size:clamp(2rem,10vw,2.8rem)}.hero-card.center p{max-width:32ch}.orbit-card{border-radius:24px;min-height:92px;padding:16px 12px;font-size:.9rem;line-height:1.25}.spark{display:none}.page-hero{padding:88px 0 66px}.page-hero h1,.section-title h2{font-size:clamp(2.2rem,12vw,3.3rem)}.story-card,.service-card,.tech-card,.blog-card,.process-card,.contact-info-card,.contact-form,.about-stats article{border-radius:22px;padding:22px}.about-stats{grid-template-columns:1fr 1fr}.project-grid{gap:20px}.project-content{padding:18px 18px 22px}.project-arrow{width:42px;height:42px}.tech-items{grid-template-columns:1fr 1fr}.process-grid,.blog-grid,.services-grid{gap:18px}.step-chip{border-radius:20px;width:72px;height:72px;font-size:1.5rem}.contact-grid{gap:20px}.map-box,.map-box iframe{min-height:220px}.map-overlay{padding:12px 14px;bottom:12px;left:12px;right:12px}.footer{padding:56px 0 24px}.footer-grid{gap:24px}.footer-bottom{flex-direction:column}}@media (width<=560px){.container{width:calc(100% - 20px)}.brand-mark{flex-basis:38px;width:38px;height:38px}.brand strong{letter-spacing:.12em;font-size:.84rem}.hero{padding:28px 0 38px}.ghost-text{display:none}.hero h1{max-width:9ch;margin-top:0;font-size:clamp(2.2rem,11vw,3rem);line-height:1}.hero p{margin-top:18px;font-size:.96rem;line-height:1.65}.hero-actions{gap:12px;max-width:none;margin-top:24px}.btn{padding:14px 22px}.hero-grid{gap:24px}.hero-orbit{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:".top.""top-left.top-right""center center center""left.right"".bottom.";gap:10px;max-width:100%}.hero-card.center{border-radius:28px;margin:-2px 6px;padding:24px 18px}.hero-card.center span{letter-spacing:.18em}.hero-card.center h2{font-size:clamp(1.9rem,9vw,2.5rem)}.hero-card.center p{max-width:none;font-size:.95rem}.orbit-card{border-radius:22px;min-height:72px;padding:14px 8px;font-size:.76rem}.section-title{margin-bottom:34px}.about-stats,.tech-items{grid-template-columns:1fr}.input-row{gap:14px}.contact-form input,.contact-form textarea,.contact-form select{padding:14px 15px}.newsletter{flex-direction:column;gap:10px}.newsletter input{border-radius:14px}.newsletter button{border-radius:14px;min-height:46px}}