:root{--ink:#101014;--muted:#676773;--paper:#f7f7f5;--white:#fff;--blue:#5654f5;--cyan:#68ddff;--lime:#c9ff62;--pink:#ff84bf;--line:rgba(16,16,20,.12);--radius:32px;--shadow:0 30px 80px rgba(20,20,30,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}em{font-style:normal;color:var(--blue)}.scroll-progress{position:fixed;inset:0 0 auto;z-index:100;height:3px}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--pink))}.site-header{position:fixed;z-index:90;top:16px;left:50%;width:min(1180px,calc(100% - 32px));height:68px;transform:translateX(-50%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:10px 12px 10px 18px;border:1px solid rgba(255,255,255,.62);border-radius:22px;background:rgba(255,255,255,.74);box-shadow:0 12px 40px rgba(25,25,35,.08);backdrop-filter:blur(20px);transition:.35s}.site-header.scrolled{top:8px;background:rgba(255,255,255,.92);box-shadow:0 10px 35px rgba(15,15,20,.13)}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:40px;border-radius:12px}.desktop-nav{display:flex;justify-content:center;gap:28px}.desktop-nav a{font-size:14px;font-weight:600;color:#393941;transition:.25s}.desktop-nav a:hover{color:var(--blue);transform:translateY(-2px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 20px;border-radius:14px;border:1px solid transparent;font-weight:700;font-size:14px;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(40,40,60,.16)}.button-dark{background:var(--ink);color:#fff}.button-blue{background:var(--blue);color:#fff}.button-ghost{border-color:var(--line);background:rgba(255,255,255,.6)}.button-light{background:#fff;color:var(--ink)}.menu-toggle,.mobile-menu{display:none}.section-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:54px}.hero{position:relative;min-height:100svh;padding:170px 6vw 110px;align-items:center;background:linear-gradient(180deg,#fff 0%,#f7f7f5 80%)}.hero-copy{position:relative;z-index:5}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px rgba(86,84,245,.1)}h1,h2,h3,p{margin-top:0}.hero h1{margin-bottom:30px;font-size:clamp(54px,6vw,92px);line-height:.96;letter-spacing:-.07em}.hero h1 em{display:inline-block}.hero-text{max-width:620px;color:var(--muted);font-size:18px;line-height:1.65}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.hero-stage{position:relative;height:650px;perspective:1200px}.browser-card{overflow:hidden;border:1px solid rgba(255,255,255,.65);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.hero-browser{position:absolute;z-index:3;top:70px;left:4%;width:88%;transform:rotateY(-9deg) rotateX(2deg);animation:float 6s ease-in-out infinite}.browser-bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #ececf0;background:#fafafa}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#d6d6dc}.browser-bar span{margin-left:12px;color:#aaaab2;font-size:9px}.browser-content{padding:22px}.ui-nav{display:flex;align-items:center;gap:16px}.ui-nav b{font-size:11px;margin-right:auto}.ui-nav span{width:28px;height:4px;border-radius:5px;background:#d9d9df}.ui-hero{display:grid;grid-template-columns:1fr .8fr;align-items:center;min-height:270px;margin-top:22px;padding:30px;border-radius:20px;background:#f0efff}.ui-hero small{color:var(--blue);font-size:8px;font-weight:800}.ui-hero strong{display:block;margin:12px 0 18px;font-size:26px;line-height:1.05;letter-spacing:-.04em}.ui-hero button{border:0;border-radius:8px;background:var(--ink);color:white;padding:10px 12px;font-size:8px}.ui-art{position:relative;height:190px}.ui-art i{position:absolute;display:block;border-radius:50%;filter:drop-shadow(0 18px 16px rgba(86,84,245,.2))}.ui-art i:nth-child(1){width:150px;height:150px;right:4px;top:15px;background:linear-gradient(145deg,var(--blue),#aaa8ff)}.ui-art i:nth-child(2){width:80px;height:80px;left:2px;top:5px;background:var(--cyan)}.ui-art i:nth-child(3){width:60px;height:60px;left:30px;bottom:0;background:var(--pink)}.ui-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.ui-stats span{height:58px;border-radius:14px;background:#f2f2f4}.phone-card{position:absolute;z-index:5;right:-2%;bottom:45px;width:155px;height:315px;padding:10px;border:7px solid #16161b;border-radius:31px;background:white;box-shadow:0 30px 60px rgba(10,10,20,.28);transform:rotate(9deg)}.phone-notch{width:52px;height:13px;margin:0 auto 25px;border-radius:0 0 10px 10px;background:#16161b}.mini-ui{padding:12px}.mini-ui small{color:var(--blue);font-size:8px}.mini-ui b{display:block;margin:12px 0 20px;font-size:20px;line-height:1}.mini-ui i{display:block;height:42px;margin:8px 0;border-radius:10px;background:#f0efff}.mini-ui i:nth-of-type(2){background:#dffbff}.mini-ui i:nth-of-type(3){background:#fff0f7}.orb,.shape{position:absolute;z-index:1}.orb{border-radius:50%;filter:blur(1px)}.orb-a{width:260px;height:260px;top:0;right:0;background:var(--cyan)}.orb-b{width:220px;height:220px;left:0;bottom:0;background:var(--pink)}.shape-square{width:110px;height:110px;right:18%;top:28px;border-radius:25px;background:var(--lime);transform:rotate(20deg)}.shape-circle{width:105px;height:105px;left:1%;top:35%;border:18px solid var(--blue);border-radius:50%}.floating-pill{position:absolute;z-index:6;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 16px 42px rgba(20,20,30,.14);backdrop-filter:blur(15px);padding:12px 17px;font-size:12px;font-weight:800}.pill-one{top:18px;left:13%}.pill-two{right:2%;top:220px}.cursor-chip{position:absolute;z-index:7;left:2%;bottom:113px;padding:12px 16px;border-radius:13px;background:var(--ink);color:white;font-size:12px;box-shadow:0 14px 28px rgba(0,0,0,.18);animation:cursorMove 4s ease-in-out infinite}.hero-marquee{position:absolute;left:0;right:0;bottom:0;overflow:hidden;border-block:1px solid var(--line);background:#fff}.hero-marquee .marquee-track{display:flex;width:max-content;align-items:center;animation:marquee 22s linear infinite;will-change:transform}.hero-marquee .marquee-group{display:flex;flex:none;align-items:center;gap:32px;padding:20px 16px 20px 32px}.hero-marquee span{font-size:13px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.hero-marquee i{flex:none;color:var(--blue)}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:0 6vw;background:#fff}.proof-strip article{min-height:220px;padding:50px 28px;border-right:1px solid var(--line)}.proof-strip article:first-child{border-left:1px solid var(--line)}.proof-strip span{display:block;margin-bottom:32px;color:var(--blue);font-size:12px;font-weight:800}.proof-strip b{display:block;margin-bottom:10px;font-size:18px}.proof-strip p{color:var(--muted);font-size:13px;line-height:1.6}.projects-section{padding:130px 6vw;background:var(--ink);color:#fff}.section-heading{max-width:800px;margin-bottom:70px}.section-heading h2{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-.06em}.section-heading>p:last-child{max-width:600px;color:#8f8f9c;line-height:1.7}.project-stack{display:grid;gap:35px}.project-card{position:sticky;top:105px;display:grid;grid-template-columns:.8fr 1.2fr;min-height:670px;padding:65px;border-radius:38px;color:var(--ink);overflow:hidden;box-shadow:0 -12px 50px rgba(0,0,0,.18)}.project-card:nth-child(2){top:125px}.project-card:nth-child(3){top:145px}.project-blue{background:#bfc7ff}.project-lime{background:var(--lime)}.project-pink{background:#ffb5d6}.project-copy{position:relative;z-index:3;align-self:center;max-width:480px}.project-number{display:block;margin-bottom:65px;font-size:12px;font-weight:800}.project-kicker{font-size:11px;font-weight:800;letter-spacing:.16em}.project-copy h3{font-size:clamp(38px,4vw,62px);line-height:1;letter-spacing:-.055em}.project-copy>p:not(.project-kicker){color:#373741;line-height:1.65}.project-copy ul{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:28px 0;list-style:none}.project-copy li{padding:9px 12px;border:1px solid rgba(0,0,0,.15);border-radius:999px;font-size:11px;font-weight:700}.project-copy>a{font-weight:800;border-bottom:1px solid;padding-bottom:4px}.project-visual{position:relative;align-self:center;min-height:500px;perspective:1000px}.project-visual .browser-card{position:absolute;top:45px;left:6%;width:88%;transform:rotateY(-8deg) rotateX(3deg);transition:.5s}.project-card.is-active .project-visual .browser-card{transform:rotateY(0) rotateX(0) translateY(-10px)}.case-layout{display:grid;grid-template-columns:26% 1fr;min-height:390px}.case-layout aside{background:#111116}.case-layout>div{padding:45px;background:#fff}.case-layout>div>span{display:block;width:70px;height:7px;border-radius:4px;background:var(--blue)}.case-layout h4{max-width:330px;font-size:35px;line-height:1;margin:20px 0}.case-layout p{width:70%;height:8px;border-radius:5px;background:#dedee4}.case-layout button{width:100px;height:32px;margin:18px 0;border:0;border-radius:8px;background:var(--ink)}.case-layout section{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0}.case-layout section i{height:80px;border-radius:11px;background:#efeff3}.project-phone{position:absolute;right:0;bottom:0;width:145px;height:280px;padding:30px 13px;border:7px solid #15151a;border-radius:30px;background:#fff;box-shadow:var(--shadow);transform:rotate(8deg)}.project-phone span,.project-phone b,.project-phone i{display:block;border-radius:7px;background:#e7e7eb}.project-phone span{width:48px;height:5px}.project-phone b{height:80px;margin:15px 0;background:#2424ca}.project-phone i{height:42px;margin:8px 0}.dashboard-ui{display:grid;grid-template-columns:60px 1fr;min-height:390px}.dashboard-ui nav{display:flex;flex-direction:column;align-items:center;gap:22px;padding:20px 10px;background:#121218}.dashboard-ui nav b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--lime)}.dashboard-ui nav i{width:20px;height:5px;border-radius:4px;background:#555560}.dashboard-ui main{padding:35px;background:#f7f7f8}.dash-title{display:flex;justify-content:space-between}.dash-title span{width:130px;height:12px;background:#111;border-radius:5px}.dash-title button{width:80px;height:28px;border:0;border-radius:7px;background:#111}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.dash-cards i{height:80px;border-radius:12px;background:white;box-shadow:0 6px 18px rgba(0,0,0,.06)}.dash-chart{height:190px;padding:15px;border-radius:15px;background:#fff}.dash-chart path{fill:none;stroke:#86d300;stroke-width:7;stroke-linecap:round;stroke-dasharray:650;stroke-dashoffset:650}.project-card.is-active .dash-chart path{animation:draw 1.8s forwards}.data-bubble{position:absolute;right:0;bottom:40px;padding:15px 18px;border-radius:15px;background:#111;color:white;font-size:12px;font-weight:800;box-shadow:var(--shadow)}.automation-visual svg{position:absolute;inset:0;width:100%;height:100%}.automation-visual path{fill:none;stroke:#111;stroke-width:3;stroke-dasharray:10 12}.flow-node{position:absolute;z-index:2;padding:22px 28px;border:2px solid #111;border-radius:18px;background:#fff;font-weight:800;box-shadow:12px 12px 0 #111}.node-a{left:5%;top:45%}.node-b{left:40%;top:14%}.node-c{right:5%;top:45%}.flow-dot{position:absolute;z-index:4;width:22px;height:22px;border:6px solid #111;border-radius:50%;background:var(--pink);offset-path:path("M100 180 C220 40 310 320 500 180");animation:flowDot 4s linear infinite}.solutions-section{padding:140px 6vw;background:#fff}.section-heading.center{margin-inline:auto;text-align:center}.section-heading.center .eyebrow{justify-content:center}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution-card{min-height:520px;padding:35px;border:1px solid var(--line);border-radius:30px;background:#f7f7f7;transform-style:preserve-3d;transition:box-shadow .3s}.solution-card.dark{background:var(--ink);color:#fff}.solution-card.blue{background:var(--blue);color:#fff}.solution-card>span{display:block;margin:45px 0 20px;font-size:12px;font-weight:800}.solution-card h3{font-size:34px;letter-spacing:-.035em}.solution-card p{min-height:100px;color:inherit;opacity:.72;line-height:1.7}.solution-card a{display:inline-block;margin-top:25px;font-weight:800;border-bottom:1px solid}.solution-icon{position:relative;height:170px;border-radius:22px;background:white;box-shadow:0 18px 40px rgba(15,15,25,.1);overflow:hidden}.dark .solution-icon{background:#26262c}.blue .solution-icon{background:#6d6bff}.icon-window span{position:absolute;inset:26px;border:2px solid #111;border-radius:15px}.icon-window span:before{content:"";position:absolute;left:0;right:0;top:25px;border-top:2px solid #111}.icon-window i{position:absolute;width:75px;height:45px;border-radius:13px}.icon-window i:nth-child(2){left:45px;top:65px;background:var(--blue)}.icon-window i:nth-child(3){right:45px;bottom:35px;background:var(--cyan)}.icon-system span{position:absolute;left:25px;top:25px;bottom:25px;width:45px;border-radius:13px;background:var(--lime)}.icon-system i{position:absolute;left:90px;right:25px;height:22px;border-radius:8px;background:#44444d}.icon-system i:nth-of-type(1){top:28px}.icon-system i:nth-of-type(2){top:68px}.icon-system i:nth-of-type(3){top:108px}.icon-flow i{position:absolute;width:42px;height:42px;border-radius:13px;background:white}.icon-flow i:nth-child(1){left:33px;top:65px}.icon-flow i:nth-child(2){left:50%;top:32px;transform:translateX(-50%)}.icon-flow i:nth-child(3){right:33px;top:65px}.icon-flow b{position:absolute;left:55px;right:55px;top:83px;border-top:2px dashed white}.process-section{display:grid;grid-template-columns:1fr 1fr;padding:140px 6vw;background:#eeeef3}.process-sticky{position:sticky;top:120px;height:calc(100vh - 150px);align-self:start;display:grid;grid-template-columns:1fr .8fr;align-items:center}.process-ring{position:relative;width:260px;height:260px;border:1px solid #ccc;border-radius:50%;animation:spin 16s linear infinite}.process-ring:before,.process-ring:after{content:"";position:absolute;border:1px solid #d4d4da;border-radius:50%}.process-ring:before{inset:32px}.process-ring:after{inset:70px}.process-ring span{position:absolute;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.08);font-size:11px;font-weight:800}.process-ring span:nth-child(1){left:50%;top:-20px}.process-ring span:nth-child(2){right:-20px;top:50%}.process-ring span:nth-child(3){left:50%;bottom:-20px}.process-ring span:nth-child(4){left:-20px;top:50%}.process-ring b{position:absolute;inset:100px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 14px rgba(86,84,245,.13)}.process-steps{padding-left:70px}.process-steps article{min-height:70vh;display:flex;gap:30px;align-items:center;border-bottom:1px solid #d6d6dc;opacity:.34;transition:.5s}.process-steps article.is-active{opacity:1;transform:translateX(-12px)}.process-steps article>span{font-size:12px;font-weight:800;color:var(--blue)}.process-steps h3{font-size:42px;letter-spacing:-.045em}.process-steps p{max-width:460px;color:var(--muted);line-height:1.7}.about-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:800px;padding:130px 8vw;background:#fff}.about-orbit{position:relative;width:min(520px,80vw);aspect-ratio:1;margin:auto}.about-orbit .orbit{position:absolute;border:1px solid #d6d6dc;border-radius:46% 54% 62% 38%;animation:orbit 12s linear infinite}.o1{inset:0}.o2{inset:55px;animation-direction:reverse!important}.o3{inset:110px;animation-duration:7s!important}.about-orbit img{position:absolute;left:50%;top:50%;width:100px;transform:translate(-50%,-50%);filter:drop-shadow(0 22px 28px rgba(0,0,0,.17))}.about-copy h2{font-size:clamp(45px,5vw,75px);line-height:1;letter-spacing:-.06em}.about-copy>p{max-width:620px;color:var(--muted);font-size:17px;line-height:1.8}.about-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.about-tags span{padding:11px 15px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:130px 8vw;background:#f0f0f4}.faq-list details{border-bottom:1px solid #ccccd3}.faq-list summary{display:flex;justify-content:space-between;align-items:center;padding:28px 0;cursor:pointer;font-size:19px;font-weight:700;list-style:none}.faq-list summary span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#fff;transition:.3s}.faq-list details[open] summary span{transform:rotate(45deg);background:var(--blue);color:#fff}.faq-list details p{max-width:680px;padding:0 0 28px;color:var(--muted);line-height:1.7}.final-cta{position:relative;min-height:720px;display:grid;place-items:center;padding:110px 7vw;overflow:hidden;background:var(--blue);color:#fff;text-align:center}.cta-content{position:relative;z-index:3;max-width:950px}.cta-content>p{font-size:11px;font-weight:800;letter-spacing:.18em}.cta-content h2{font-size:clamp(55px,8vw,110px);line-height:.9;letter-spacing:-.075em}.cta-content h2 em{color:var(--lime)}.cta-shape{position:absolute;border-radius:34% 66% 55% 45%;filter:blur(.2px)}.shape-one{width:400px;height:400px;left:-120px;top:-80px;background:var(--pink);animation:orbit 14s linear infinite}.shape-two{width:350px;height:350px;right:-90px;bottom:-80px;background:var(--cyan);animation:orbit 11s linear infinite reverse}footer{padding:85px 7vw 30px;background:var(--ink);color:#fff}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand h2{font-size:40px}.footer-links{display:grid;grid-template-columns:1fr 1fr;max-width:600px;margin:55px 0 70px auto}.footer-links div{display:flex;flex-direction:column;gap:12px}.footer-links span{color:#777783;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.footer-links a{font-size:15px}.footer-bottom{display:flex;justify-content:space-between;padding-top:25px;border-top:1px solid #2f2f36;color:#898994;font-size:12px}[data-reveal]{opacity:0;transform:translateY(45px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}@keyframes float{50%{transform:rotateY(-5deg) rotateX(1deg) translateY(-18px)}}@keyframes cursorMove{50%{transform:translate(90px,-60px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes flowDot{to{offset-distance:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:1050px){.desktop-nav,.desktop-cta{display:none}.site-header{grid-template-columns:1fr auto}.menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;gap:6px;border:0;border-radius:13px;background:var(--ink)}.menu-toggle span{width:20px;height:2px;margin:auto;background:#fff}.mobile-menu{position:absolute;top:76px;left:0;right:0;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:20px;background:#fff;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s}.mobile-menu.active{opacity:1;visibility:visible;transform:none}.section-grid{grid-template-columns:1fr}.hero{padding-top:150px}.hero-copy{max-width:850px}.hero-stage{height:590px}.proof-strip{grid-template-columns:1fr 1fr}.project-card{grid-template-columns:1fr;position:relative!important;top:auto!important}.project-visual{margin-top:40px}.solution-grid{grid-template-columns:1fr}.process-section{grid-template-columns:1fr}.process-sticky{position:relative;top:auto;height:auto;min-height:600px}.process-steps{padding-left:0}.about-section,.faq-section{grid-template-columns:1fr}.about-copy{margin-top:55px}}
@media(max-width:700px){.hero{padding-inline:22px}.hero h1{font-size:50px}.hero-stage{height:480px}.hero-browser{width:94%;left:0}.phone-card{width:115px;height:250px;right:-8px}.ui-hero{min-height:210px;padding:20px}.ui-hero strong{font-size:18px}.ui-art{height:140px}.ui-art i:nth-child(1){width:110px;height:110px}.ui-art i:nth-child(2){width:60px;height:60px}.floating-pill{display:none}.proof-strip{grid-template-columns:1fr;padding-inline:22px}.proof-strip article{border-left:1px solid var(--line)}.projects-section,.solutions-section,.process-section,.about-section,.faq-section{padding-inline:22px}.project-card{padding:28px;border-radius:25px}.project-visual{min-height:380px}.project-phone{width:105px;height:210px}.case-layout{min-height:280px}.case-layout>div{padding:25px}.case-layout h4{font-size:23px}.process-sticky{grid-template-columns:1fr}.process-visual{display:none}.process-steps article{min-height:430px}.footer-links{grid-template-columns:1fr;gap:35px;margin-left:0}.footer-bottom{flex-direction:column;gap:12px}.button-row{flex-direction:column;align-items:stretch}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

@media(min-width:701px){.hero-marquee .marquee-group{min-width:100vw;justify-content:space-around;gap:44px;padding-inline:4vw}}
@media(max-width:700px){.hero-marquee .marquee-track{animation-duration:18s}.hero-marquee .marquee-group{gap:24px;padding:20px 12px}}

/* Mobile UI refinements: horizontal project carousel, stable sizing and polished menu. */
.project-carousel-ui{display:none}
@media(max-width:700px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
  body{width:100%;min-width:320px;overflow-x:hidden;overscroll-behavior-x:none}
  main,section,header,footer{max-width:100%}
  img,svg{height:auto}

  .site-header{top:max(8px,env(safe-area-inset-top));width:calc(100% - 24px);height:64px;padding:8px 9px 8px 14px;border-radius:19px}
  .site-header.scrolled{top:max(6px,env(safe-area-inset-top))}
  .brand{gap:8px;font-size:15px}.brand img{width:36px;height:36px}
  .menu-toggle{position:relative;display:block;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:linear-gradient(145deg,#19191f,#09090c);box-shadow:0 8px 20px rgba(16,16,20,.22);cursor:pointer;transition:transform .25s,box-shadow .25s}
  .menu-toggle:active{transform:scale(.94)}
  .menu-toggle span{position:absolute;left:13px;width:20px;height:2px;margin:0;border-radius:999px;background:#fff;transform-origin:center;transition:top .28s,transform .28s,opacity .2s,width .28s}
  .menu-toggle span:nth-child(1){top:15px}.menu-toggle span:nth-child(2){top:22px;width:15px}.menu-toggle span:nth-child(3){top:29px}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){top:22px;transform:rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;transform:translateX(8px)}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){top:22px;transform:rotate(-45deg)}
  .mobile-menu{top:72px;left:0;right:0;gap:4px;padding:12px;border:1px solid rgba(16,16,20,.08);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 24px 60px rgba(16,16,25,.2);backdrop-filter:blur(22px)}
  .mobile-menu>a:not(.button){padding:13px 14px;border-radius:12px;font-size:15px;font-weight:700;transition:background .2s,color .2s}
  .mobile-menu>a:not(.button):active{background:#f0efff;color:var(--blue)}
  .mobile-menu .button{margin-top:6px;min-height:48px}

  .projects-section{padding:95px 0 100px;overflow:hidden}
  .projects-section>.section-heading{padding-inline:22px;margin-bottom:45px}
  .project-stack{display:flex;gap:14px;width:100%;padding:0 22px 24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:22px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none}
  .project-stack::-webkit-scrollbar{display:none}
  .project-card,.project-card:nth-child(2),.project-card:nth-child(3){position:relative!important;top:auto!important;display:flex;flex:0 0 min(86vw,390px);width:min(86vw,390px);min-width:0;min-height:690px;height:auto;padding:28px 24px 24px;border-radius:26px;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.2)}
  .project-copy{width:100%;max-width:none;align-self:flex-start}
  .project-number{margin-bottom:30px}.project-copy h3{font-size:clamp(34px,10vw,45px);overflow-wrap:anywhere}.project-copy>p:not(.project-kicker){font-size:14px}.project-copy ul{margin:20px 0}.project-copy li{font-size:10px}
  .project-visual{position:absolute;left:18px;right:18px;bottom:18px;width:auto;min-height:245px;height:245px;margin:0;overflow:visible;transform:scale(.96);transform-origin:center bottom}
  .project-visual .browser-card{top:5px;left:0;width:100%;transform:none!important;border-radius:16px}
  .browser-bar{height:27px}.case-layout{min-height:205px}.case-layout>div{padding:18px}.case-layout h4{margin:12px 0;font-size:18px}.case-layout section i{height:38px}
  .project-phone{right:-7px;bottom:-5px;width:78px;height:155px;padding:20px 8px;border-width:5px;border-radius:20px}.project-phone b{height:45px;margin:10px 0}.project-phone i{height:20px;margin:5px 0}
  .dashboard-ui{grid-template-columns:38px 1fr;min-height:215px}.dashboard-ui nav{gap:12px;padding:12px 6px}.dashboard-ui nav b{width:22px;height:22px}.dashboard-ui main{padding:18px}.dash-title span{width:75px}.dash-title button{width:48px;height:20px}.dash-cards{margin:18px 0}.dash-cards i{height:42px}.dash-chart{height:92px;padding:8px}.data-bubble{right:-5px;bottom:10px;padding:10px 12px}
  .automation-visual{height:260px;min-height:260px}.flow-node{padding:13px 15px;border-radius:13px;box-shadow:7px 7px 0 #111;font-size:11px}.node-a{left:2%}.node-b{left:34%;top:13%}.node-c{right:2%}.flow-dot{width:16px;height:16px;border-width:4px}
  .project-carousel-ui{display:flex;align-items:center;justify-content:center;gap:7px;padding:2px 22px 0;color:#fff}
  .project-carousel-ui span{width:7px;height:7px;border-radius:999px;background:#50505a;transition:width .25s,background .25s}.project-carousel-ui span.is-active{width:24px;background:var(--blue)}
  .project-carousel-ui small{margin-left:8px;color:#888894;font-size:11px}
}
@media(max-width:380px){
  .hero h1{font-size:43px}.project-card,.project-card:nth-child(2),.project-card:nth-child(3){flex-basis:88vw;width:88vw;min-height:710px;padding-inline:20px}.project-copy h3{font-size:33px}.project-visual{left:14px;right:14px}
}

/* Refinamento mobile compacto: projetos, soluções e processo. */
.solution-carousel-ui{display:none}
@media(max-width:700px){
  /* Carrossel de projetos mais baixo e proporcional. */
  .projects-section{padding-top:78px;padding-bottom:72px}
  .projects-section>.section-heading{margin-bottom:32px}
  .project-stack{gap:12px;padding:0 18px 18px;scroll-padding-inline:18px}
  .project-card,.project-card:nth-child(2),.project-card:nth-child(3){
    flex-basis:min(82vw,350px);width:min(82vw,350px);min-height:540px;
    padding:22px 20px 20px;border-radius:23px
  }
  .project-number{margin-bottom:18px}
  .project-kicker{margin-bottom:12px;font-size:9px}
  .project-copy h3{margin-bottom:16px;font-size:clamp(29px,8.4vw,38px);line-height:1.02}
  .project-copy>p:not(.project-kicker){margin-bottom:14px;font-size:12.5px;line-height:1.5}
  .project-copy ul{gap:6px;margin:12px 0 14px}
  .project-copy li{padding:7px 9px;font-size:8.5px}
  .project-copy>a{font-size:12px}
  .project-visual{left:14px;right:14px;bottom:14px;height:178px;min-height:178px;transform:scale(.94)}
  .project-visual .browser-card{top:0}
  .browser-bar{height:22px;padding-inline:9px}.browser-bar i{width:5px;height:5px}
  .case-layout{min-height:156px}.case-layout>div{padding:13px}.case-layout h4{margin:8px 0;font-size:15px}.case-layout p{height:5px;margin-bottom:7px}.case-layout button{width:70px;height:22px;margin:8px 0}.case-layout section i{height:28px}
  .project-phone{right:-3px;bottom:-3px;width:62px;height:122px;padding:15px 6px;border-width:4px;border-radius:16px}.project-phone b{height:34px;margin:7px 0}.project-phone i{height:15px;margin:4px 0}
  .dashboard-ui{grid-template-columns:30px 1fr;min-height:156px}.dashboard-ui nav{gap:8px;padding:8px 4px}.dashboard-ui nav b{width:18px;height:18px;font-size:9px}.dashboard-ui nav i{width:13px;height:3px}.dashboard-ui main{padding:12px}.dash-title span{width:60px;height:7px}.dash-title button{width:38px;height:15px}.dash-cards{gap:5px;margin:12px 0}.dash-cards i{height:30px}.dash-chart{height:64px;padding:5px}.data-bubble{right:-2px;bottom:5px;padding:7px 8px;font-size:8px}
  .automation-visual{height:188px;min-height:188px}.flow-node{padding:9px 10px;border-radius:10px;box-shadow:5px 5px 0 #111;font-size:9px}.flow-dot{width:12px;height:12px;border-width:3px}
  .project-carousel-ui{padding-top:0}.project-carousel-ui small{font-size:10px}

  /* Soluções agora viram carrossel horizontal compacto. */
  .solutions-section{padding:82px 0 72px;overflow:hidden}
  .solutions-section>.section-heading{padding-inline:22px;margin-bottom:34px}
  .solution-grid{display:flex;gap:12px;width:100%;padding:0 18px 18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:18px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none}
  .solution-grid::-webkit-scrollbar{display:none}
  .solution-card{flex:0 0 min(78vw,330px);width:min(78vw,330px);min-height:430px;padding:20px;border-radius:22px;scroll-snap-align:center;scroll-snap-stop:always}
  .solution-icon{height:118px;border-radius:16px}
  .solution-card>span{margin:22px 0 12px;font-size:10px}
  .solution-card h3{margin-bottom:12px;font-size:27px;line-height:1.05}
  .solution-card p{min-height:0;margin-bottom:14px;font-size:12.5px;line-height:1.55}
  .solution-card a{margin-top:8px;font-size:12px}
  .icon-window span{inset:18px}.icon-window span:before{top:18px}.icon-window i{width:50px;height:30px;border-radius:9px}.icon-window i:nth-child(2){left:30px;top:46px}.icon-window i:nth-child(3){right:30px;bottom:23px}
  .icon-system span{left:18px;top:18px;bottom:18px;width:32px}.icon-system i{left:64px;right:18px;height:15px}.icon-system i:nth-of-type(1){top:20px}.icon-system i:nth-of-type(2){top:49px}.icon-system i:nth-of-type(3){top:78px}
  .icon-flow i{width:30px;height:30px;border-radius:9px}.icon-flow i:nth-child(1){left:23px;top:45px}.icon-flow i:nth-child(2){top:21px}.icon-flow i:nth-child(3){right:23px;top:45px}.icon-flow b{left:38px;right:38px;top:59px}
  .solution-carousel-ui{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 22px;color:var(--ink)}
  .solution-carousel-ui span{width:7px;height:7px;border-radius:999px;background:#c5c5cc;transition:width .25s,background .25s}.solution-carousel-ui span.is-active{width:24px;background:var(--blue)}
  .solution-carousel-ui small{margin-left:8px;color:#777783;font-size:10px}

  /* Processo final em proporções menores, sem palavras cortadas. */
  .process-section{padding:78px 22px 70px}
  .process-sticky{min-height:0;margin-bottom:24px}
  .process-sticky .section-heading{margin-bottom:18px}
  .process-sticky .section-heading h2{font-size:clamp(38px,11vw,52px);line-height:1}
  .process-steps{overflow:hidden}
  .process-steps article{min-height:240px;gap:14px;padding:32px 0;align-items:center;transform:none!important}
  .process-steps article>span{flex:0 0 28px;font-size:10px}
  .process-steps article>div{min-width:0}
  .process-steps h3{margin-bottom:12px;font-size:clamp(27px,8vw,35px);line-height:1.06;letter-spacing:-.035em;overflow-wrap:anywhere;word-break:normal}
  .process-steps p{margin:0;font-size:13px;line-height:1.55}
}
@media(max-width:380px){
  .project-card,.project-card:nth-child(2),.project-card:nth-child(3){flex-basis:84vw;width:84vw;min-height:550px}
  .solution-card{flex-basis:82vw;width:82vw;min-height:425px}
  .process-steps article{min-height:225px}.process-steps h3{font-size:26px}
}


/* Ajustes finais solicitados: hero mobile, remoção visual da faixa redundante e card roxo. */
@media(max-width:700px){
  /* Hero: celular menor e texto Clara/Rápida/Responsiva sem corte. */
  .hero-stage{height:430px;overflow:hidden}
  .hero-browser{top:42px;left:2%;width:90%;transform:rotateY(-4deg) rotateX(1deg)}
  .phone-card{right:3px;bottom:32px;width:96px;height:210px;padding:7px;border-width:5px;border-radius:25px;transform:rotate(3deg)}
  .phone-notch{width:40px;height:10px;margin-bottom:15px}
  .mini-ui{padding:7px 5px;overflow:hidden}
  .mini-ui small{display:block;font-size:6px;line-height:1.2;white-space:normal}
  .mini-ui b{display:block;margin:9px 0 12px;font-size:14px;line-height:.92;letter-spacing:-.035em;white-space:normal;overflow-wrap:normal;word-break:normal}
  .mini-ui i{height:29px;margin:6px 0;border-radius:8px}
  .cursor-chip{left:17%;bottom:85px;padding:9px 11px;font-size:9px}
  .shape-circle{width:72px;height:72px;border-width:12px}.shape-square{width:76px;height:76px}.orb-a{width:190px;height:190px}.orb-b{width:165px;height:165px}

  /* Card 1 roxo: reserva área própria para o link e mantém a ilustração abaixo. */
  .project-card.project-blue{min-height:575px}
  .project-blue .project-copy>a{position:absolute;z-index:8;left:0;top:318px;display:inline-block;padding-bottom:3px;background:transparent;font-size:12px;line-height:1.3}
  .project-blue .project-visual{left:18px;right:18px;bottom:16px;height:168px;min-height:168px;transform:none}
  .project-blue .project-visual .browser-card{left:9%;width:82%;height:160px;border-radius:15px}
  .project-blue .case-layout{grid-template-columns:23% 1fr;min-height:138px}
  .project-blue .case-layout>div{padding:12px 10px}
  .project-blue .case-layout h4{max-width:145px;margin:7px 0;font-size:13px;line-height:1.02}
  .project-blue .case-layout p{width:78%;height:4px;margin-bottom:6px}
  .project-blue .case-layout button{width:60px;height:19px;margin:6px 0}
  .project-blue .case-layout section{gap:5px}.project-blue .case-layout section i{height:24px;border-radius:7px}
  .project-blue .project-phone{right:2px;bottom:3px;width:53px;height:104px;padding:13px 5px;border-width:4px;border-radius:15px;transform:rotate(6deg)}
  .project-blue .project-phone span{width:25px;height:3px}
  .project-blue .project-phone b{height:30px;margin:6px 0}
  .project-blue .project-phone i{height:13px;margin:3px 0}
}
@media(max-width:380px){
  .hero-stage{height:410px}.phone-card{width:90px;height:198px}.mini-ui b{font-size:13px}
  .project-card.project-blue{min-height:585px}.project-blue .project-copy>a{top:326px}
}


/* Ajuste pontual do celular no hero mobile: evita corte na lateral direita. */
@media(max-width:700px){
  .hero-stage .phone-card{
    right:12px;
    width:90px;
    max-width:calc(100% - 24px);
    transform:rotate(2deg);
  }
  .hero-stage .mini-ui{padding-inline:4px}
  .hero-stage .mini-ui b{font-size:13px;letter-spacing:-.045em}
}
@media(max-width:380px){
  .hero-stage .phone-card{right:10px;width:86px}
  .hero-stage .mini-ui b{font-size:12px}
}


/* Correções finais: texto do mockup, alinhamento da marca e CTA do card roxo. */
@media(max-width:700px){
  /* Alinha verticalmente logo e HoulffCode no cabeçalho e rodapé. */
  .site-header .brand{display:inline-flex;align-items:center;align-self:center;height:40px;line-height:1}
  .site-header .brand img{display:block;flex:0 0 36px;width:36px;height:36px;object-fit:contain;margin:0}
  .site-header .brand span{display:flex;align-items:center;height:36px;margin:0;padding-top:1px;line-height:1;font-size:15px}
  .footer-brand{align-items:center}
  .footer-brand img{display:block;flex:0 0 48px;width:48px;height:48px;object-fit:contain;margin:0}
  .footer-brand h2{display:flex;align-items:center;min-height:48px;margin:0;font-size:36px;line-height:1}

  /* Dá largura útil ao texto Clara/Rápida/Responsiva e evita corte. */
  .hero-stage .phone-card{right:10px;width:94px;padding:6px;border-width:5px}
  .hero-stage .mini-ui{padding:6px 1px;overflow:visible}
  .hero-stage .mini-ui small{font-size:5.5px;letter-spacing:-.02em}
  .hero-stage .mini-ui b{max-width:100%;margin:8px 0 10px;font-size:11.5px;line-height:.94;letter-spacing:-.065em;white-space:normal;overflow:visible;overflow-wrap:normal;word-break:keep-all}

  /* CTA fica abaixo das tags, sem posição absoluta e sem sobrepor SEO básico. */
  .project-blue .project-copy>a{position:static;display:table;width:max-content;max-width:100%;margin-top:12px;padding-bottom:3px;font-size:12px;line-height:1.3}
  .project-card.project-blue{min-height:590px}
  .project-blue .project-visual{bottom:14px;height:160px;min-height:160px}
  .project-blue .project-visual .browser-card{height:152px}
}
@media(max-width:380px){
  .site-header .brand span{font-size:14px}
  .hero-stage .phone-card{right:8px;width:91px}
  .hero-stage .mini-ui b{font-size:11px;letter-spacing:-.07em}
  .project-card.project-blue{min-height:600px}
}