:root{--navy:#071427;--navy-2:#0b1d35;--blue:#2563eb;--blue-light:#4f83ff;--white:#fff;--paper:#f4f6f8;--line:#dce2e9;--ink:#10213a;--muted:#657186;--green:#25d366;--radius:20px;--shadow:0 24px 70px rgba(7,20,39,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"DM Sans",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.section{padding:112px 0}.skip-link{position:fixed;left:20px;top:-100px;background:#fff;padding:12px 18px;z-index:1000;border-radius:8px}.skip-link:focus{top:20px}.site-header{height:74px;position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(7,20,39,.82);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px);transition:.3s}.site-header.scrolled{height:66px;background:rgba(7,20,39,.96);box-shadow:0 8px 25px rgba(0,0,0,.14)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;font:800 21px/1 "Manrope";letter-spacing:.16em}.brand-mark{position:relative;width:26px;height:26px;display:inline-block;transform:rotate(45deg)}.brand-mark i{position:absolute;display:block;width:16px;height:9px;border-radius:10px 10px 2px 10px;background:var(--blue-light)}.brand-mark i:first-child{top:2px;left:2px}.brand-mark i:last-child{bottom:2px;right:2px;transform:rotate(180deg);background:#fff}.nav-links{display:flex;align-items:center;gap:32px;color:#c8d2df;font-size:14px;font-weight:600}.nav-links>a:not(.btn):hover{color:#fff}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.btn{min-height:52px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:8px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px rgba(37,99,235,.25)}.btn-primary:hover{background:#1e56d5;box-shadow:0 16px 32px rgba(37,99,235,.35)}.btn-small{min-height:40px;padding:0 18px}.section-dark,.process-section{background:var(--navy);color:#fff}.hero{position:relative;padding:154px 0 0;overflow:hidden}.hero-glow{position:absolute;width:680px;height:680px;right:-200px;top:-250px;background:radial-gradient(circle,rgba(37,99,235,.23),transparent 68%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center;padding-bottom:104px}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin-bottom:20px}.eyebrow span{width:24px;height:2px;background:currentColor}.eyebrow-light{color:#78a1ff}.hero h1,.section-heading h2,.why-copy h2,.faq-intro h2,.final-cta h2{font:700 clamp(42px,5vw,72px)/1.06 "Manrope";letter-spacing:-.045em;margin:0}.hero h1{max-width:680px}.hero h1 em,.final-cta h2 em{font-style:normal;color:var(--blue-light)}.hero-lead{font-size:19px;line-height:1.65;color:#abb8c9;max-width:610px;margin:26px 0 34px}.hero-actions{display:flex;align-items:center;gap:32px}.text-link{font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px}.text-link span{margin-left:8px}.hero-proof{display:flex;gap:0;margin-top:54px}.hero-proof>div{display:grid;grid-template-columns:auto 105px;gap:2px 10px;padding-right:27px;margin-right:27px;border-right:1px solid rgba(255,255,255,.13)}.hero-proof>div:last-child{border:0;margin:0;padding:0}.hero-proof strong{grid-row:1/3;font:700 31px/1 "Manrope";color:#fff}.hero-proof span{font-size:12px;color:#9ba9bc;line-height:1.25}.hero-copy>small{display:block;color:#718096;font-size:10px;margin-top:12px}.hero-visual{position:relative;min-height:500px}.browser-card{width:92%;margin:25px auto 0;border:1px solid rgba(255,255,255,.18);background:#fff;border-radius:13px;box-shadow:0 40px 90px rgba(0,0,0,.35);overflow:hidden;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}.browser-top{height:37px;background:#e8edf3;display:flex;align-items:center;gap:5px;padding:0 11px}.browser-top span{width:7px;height:7px;border-radius:50%;background:#b7c0ca}.browser-top b{margin:auto;color:#8994a3;background:#dfe5eb;font-size:8px;font-weight:500;padding:3px 65px;border-radius:4px}.browser-body{padding:16px;background:#fbfaf7}.mock-nav{display:flex;align-items:center;gap:15px;height:24px}.mock-nav b{width:37px;height:9px;background:#121a21}.mock-nav span{width:24px;height:4px;background:#ccd0d1}.mock-nav i{margin-left:auto;width:42px;height:13px;background:#161f28}.mock-hero{margin-top:12px;height:260px;padding:43px;background:linear-gradient(90deg,rgba(16,23,28,.93),rgba(16,23,28,.1)),linear-gradient(135deg,#b98f69,#efe0cd);color:#fff}.mock-hero small{font-size:7px;letter-spacing:.2em}.mock-hero h3{font:700 40px/1 "Manrope";margin:10px 0}.mock-hero p{font-size:10px}.mock-hero button{border:0;padding:8px 13px;font-size:7px;background:#fff}.mock-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.mock-products i{height:93px;background:linear-gradient(145deg,#e8e1db,#b3a393)}.mock-products i:nth-child(2){background:linear-gradient(145deg,#cfd7d6,#697b78)}.mock-products i:nth-child(3){background:linear-gradient(145deg,#eddbcf,#c28f75)}.floating-card{position:absolute;background:#fff;color:var(--ink);border-radius:10px;box-shadow:var(--shadow);display:flex;align-items:center}.card-sales{left:-12px;bottom:65px;padding:15px 20px;gap:12px}.card-sales>span{background:#e7f7ed;color:#16a15e;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:20px}.card-sales small{display:block;color:#8993a0;font-size:9px}.card-sales strong{font:700 20px "Manrope"}.card-mobile{right:-8px;top:5px;padding:11px 14px;gap:10px;font-size:10px;line-height:1.3}.phone-mini{width:30px;height:46px;border:2px solid var(--navy);border-radius:6px;padding:4px}.phone-mini i{display:block;width:100%;height:100%;background:linear-gradient(var(--blue),#92b0fa)}.trust-strip{border-top:1px solid rgba(255,255,255,.1);padding:24px 0;color:#8190a5}.trust-strip .container{display:flex;align-items:center;justify-content:center;gap:27px}.trust-strip span{font-size:10px;letter-spacing:.14em;font-weight:800}.trust-strip p{margin:0;color:#b2bece;font-size:13px}.trust-strip i{width:3px;height:3px;border-radius:50%;background:var(--blue)}.section-heading.split{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:60px;margin-bottom:58px}.section-heading h2,.why-copy h2,.faq-intro h2{font-size:clamp(34px,4vw,51px)}.section-heading p,.why-copy>p,.faq-intro>p{color:var(--muted);margin:0;font-size:17px}.problem-section{background:var(--paper)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.problem-card{padding:42px 38px 44px;background:#fff;position:relative;min-height:320px;border-right:1px solid var(--line)}.problem-card:last-child{border:0}.card-number{position:absolute;right:25px;top:22px;color:#b7c0cb;font-size:11px}.line-icon{font-size:34px;color:var(--blue);margin:12px 0 45px}.problem-card h3{font:700 20px "Manrope";margin:0 0 13px}.problem-card p{color:var(--muted);margin:0;font-size:14px}.why-section{overflow:hidden}.why-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:100px;align-items:center}.why-visual{position:relative;min-height:535px}.shape-back{position:absolute;width:88%;height:88%;top:4%;left:0;background:#dce8ff;border-radius:140px 30px 140px 30px}.portrait-placeholder{position:absolute;left:8%;top:0;width:76%;height:91%;background:linear-gradient(145deg,#1b63df,#071427);border-radius:110px 20px 110px 20px;display:grid;place-items:center;color:#fff;overflow:hidden}.portrait-placeholder:before,.portrait-placeholder:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:360px;height:360px}.portrait-placeholder:after{width:240px;height:240px}.portrait-placeholder>span{font:800 180px/1 "Manrope";color:rgba(255,255,255,.08)}.portrait-placeholder small{position:absolute;left:35px;bottom:35px;letter-spacing:.18em}.quote-card{position:absolute;right:-18px;bottom:0;width:260px;padding:24px;background:#fff;box-shadow:var(--shadow);border-radius:12px;font:600 15px/1.5 "Manrope"}.why-copy>p{margin:24px 0 34px}.check-list{list-style:none;padding:0;margin:0}.check-list li{display:flex;gap:23px;padding:20px 0;border-top:1px solid var(--line)}.check-list b{font-size:11px;color:var(--blue)}.check-list strong,.check-list span{display:block}.check-list strong{font:700 16px "Manrope"}.check-list span{color:var(--muted);font-size:14px;margin-top:3px}.pricing-section{background:var(--paper)}.section-heading.centered{text-align:center;max-width:760px;margin:0 auto 55px}.section-heading.centered .eyebrow{justify-content:center}.section-heading.centered p{margin:18px auto 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center}.price-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:35px 31px;position:relative}.price-card.featured{background:var(--navy);color:#fff;padding-top:43px;padding-bottom:43px;box-shadow:0 26px 60px rgba(7,20,39,.22);border-color:var(--navy)}.popular{position:absolute;top:0;right:30px;transform:translateY(-50%);background:var(--blue);padding:5px 12px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.12em}.plan-top>span{font-size:10px;color:var(--blue)}.plan-top h3{font:700 25px "Manrope";margin:10px 0 5px}.plan-top p{font-size:13px;color:var(--muted);margin:0;min-height:42px}.featured .plan-top p{color:#9cabc0}.price{display:flex;align-items:flex-end;gap:5px;margin:27px 0 24px}.price strong{font:700 48px/1 "Manrope";letter-spacing:-.05em}.price small{align-self:flex-start;margin-top:5px;color:var(--muted);font-weight:700}.price span{font-size:10px;color:var(--muted);margin-bottom:5px}.price-card ul{list-style:none;margin:0 0 30px;padding:23px 0 0;border-top:1px solid var(--line)}.featured ul{border-color:rgba(255,255,255,.13)}.price-card li{font-size:13px;margin:12px 0;padding-left:22px;position:relative;color:#58667a}.featured li{color:#c1cada}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}.price-card .btn{width:100%;font-size:13px}.btn-outline{border:1px solid #cbd3dd;color:var(--ink)}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.pricing-note{text-align:center;color:var(--muted);font-size:13px;margin:30px 0 0}.pricing-note a{color:var(--blue);font-weight:700;border-bottom:1px solid}.process-section{padding-bottom:100px}.process-section .section-heading p{color:#93a0b3}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.12)}.process-step{padding:34px 30px 0 0;position:relative}.process-step:before{content:"";position:absolute;top:-3px;left:0;width:6px;height:6px;border-radius:50%;background:var(--blue)}.process-step b{font-size:10px;color:#617086}.process-icon{display:block;font-size:31px;color:#6e96f2;margin:27px 0 20px}.process-step h3{font:700 18px "Manrope";margin:0 0 10px}.process-step p{color:#8d9bad;font-size:13px;margin:0;max-width:215px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 22px}.project-large{grid-column:1/-1}.project-shot{height:380px;position:relative;overflow:hidden;border-radius:4px}.project-large .project-shot{height:510px}.demo-label{position:absolute;right:14px;top:14px;background:rgba(7,20,39,.78);color:#fff;font-size:8px;font-weight:800;letter-spacing:.12em;padding:7px 10px;z-index:2}.restaurant-shot{background:radial-gradient(circle at 75% 50%,rgba(242,180,92,.45),transparent 18%),linear-gradient(110deg,#361d10 0 48%,#a35b25 48% 51%,#e4b66f 51%)}.rest-ui{position:absolute;left:9%;top:25%;color:#fff}.rest-ui small,.barber-ui small,.fashion-ui small{letter-spacing:.2em;font-size:9px}.rest-ui h3{font:700 74px/.85 "Manrope";margin:15px 0 25px}.rest-ui span,.barber-ui span,.fashion-ui span{font-size:11px;border-bottom:1px solid;padding-bottom:5px}.barber-shot{background:linear-gradient(45deg,rgba(5,11,17,.88),rgba(5,11,17,.2)),repeating-linear-gradient(100deg,#152733 0 35px,#263d49 35px 70px)}.barber-ui{position:absolute;left:12%;top:22%;color:#fff}.barber-ui h3{font:700 60px/1 "Manrope";letter-spacing:.1em;margin:13px 0}.barber-ui i{display:block;width:90px;height:1px;background:#c8a46b;margin:20px 0}.fashion-shot{background:linear-gradient(90deg,rgba(226,202,184,.15),rgba(245,236,229,.9)),linear-gradient(135deg,#9b7964,#e7d4c5)}.fashion-ui{position:absolute;right:12%;top:25%;text-align:right;color:#312820}.fashion-ui h3{font:700 72px/1 "Manrope";letter-spacing:.14em;margin:15px 0 35px}.project-meta{display:flex;justify-content:space-between;gap:25px;margin-top:19px}.project-meta span{font-size:9px;letter-spacing:.14em;color:var(--blue);font-weight:800}.project-meta h3{font:700 19px "Manrope";margin:4px 0}.project-meta p{color:var(--muted);font-size:12px;max-width:260px}.testimonials-section{background:var(--paper)}.demo-disclaimer{font-size:12px!important;background:#fff8df;color:#705c17!important;padding:8px 14px;border-radius:6px;display:inline-block}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial{margin:0;background:#fff;border:1px solid var(--line);padding:32px;border-radius:14px}.stars{color:#f2ad38;letter-spacing:.12em;font-size:12px}.testimonial blockquote{font:600 16px/1.6 "Manrope";margin:22px 0 28px}.testimonial figcaption{display:flex;align-items:center;gap:12px}.testimonial figcaption>span{width:38px;height:38px;border-radius:50%;background:#e5edff;color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:800}.testimonial figcaption strong,.testimonial figcaption small{display:block}.testimonial figcaption strong{font-size:13px}.testimonial figcaption small{font-size:8px;color:var(--muted);letter-spacing:.04em}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:110px}.faq-intro p{margin:20px 0 28px}.text-link.dark{color:var(--ink);font-size:14px}.accordion details{border-top:1px solid var(--line)}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;padding:25px 0;font:700 16px "Manrope";display:flex;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font-size:22px;font-weight:400;color:var(--blue);transition:.2s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{margin:-8px 40px 23px 0;color:var(--muted);font-size:14px}.final-cta{background:var(--blue);color:#fff;text-align:center;padding:105px 0;position:relative;overflow:hidden}.cta-orb{position:absolute;left:50%;top:50%;width:700px;height:700px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.12);border-radius:50%}.cta-orb:after,.cta-orb:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;inset:80px}.cta-orb:after{inset:180px}.final-cta .container{position:relative}.final-cta .eyebrow{justify-content:center;color:#dce7ff}.final-cta h2{font-size:clamp(40px,5vw,64px)}.final-cta h2 em{color:#bcd0ff}.final-cta p{color:#d8e3ff;font-size:16px;margin:24px auto 29px}.btn-whatsapp{background:#fff;color:var(--ink);box-shadow:0 16px 35px rgba(0,0,0,.16)}.wa-icon{color:var(--green);font-size:20px}.final-cta small{display:block;margin-top:15px;color:#c9d8fb}.footer{background:#050f1e;color:#93a0b2;padding:68px 0 25px}.footer-main{display:grid;grid-template-columns:1.5fr .7fr 1fr .6fr;gap:50px}.footer-brand p{font-size:15px;margin:24px 0}.footer h3{font:700 11px "Manrope";color:#fff;text-transform:uppercase;letter-spacing:.12em;margin:6px 0 20px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:13px}.footer a:hover{color:#fff}.footer-bottom{margin-top:55px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:10px}.floating-wa{position:fixed;right:24px;bottom:22px;z-index:50;background:var(--green);color:#fff;padding:12px 17px;border-radius:999px;display:flex;gap:8px;align-items:center;font-weight:700;font-size:12px;box-shadow:0 10px 28px rgba(18,97,54,.3);transition:.2s}.floating-wa:hover{transform:translateY(-3px)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:960px){.nav-links{position:fixed;inset:66px 0 auto;background:var(--navy);height:calc(100vh - 66px);padding:45px 30px;flex-direction:column;align-items:flex-start;transform:translateX(100%);transition:.3s;font-size:18px}.nav-links.open{transform:none}.nav-links .btn{width:100%;margin-top:10px}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:700px}.hero-visual{max-width:650px;margin:auto;width:100%}.section-heading.split{grid-template-columns:1fr;gap:20px}.why-grid{gap:50px}.pricing-grid{grid-template-columns:1fr;max-width:630px;margin:auto}.price-card.featured{order:-1}.process-grid{grid-template-columns:1fr 1fr;gap:45px 20px}.faq-layout{gap:50px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-main>div:last-child{display:none}}
@media(max-width:700px){.container{width:min(100% - 30px,1160px)}.section{padding:78px 0}.hero{padding-top:125px}.hero-grid{gap:25px;padding-bottom:72px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-actions .btn{width:100%}.hero-proof{flex-wrap:wrap;gap:22px;margin-top:40px}.hero-proof>div{padding-right:16px;margin-right:0}.hero-proof>div:nth-child(2){border:0}.hero-proof>div:last-child{width:100%}.hero-visual{min-height:350px}.browser-card{width:96%}.mock-hero{height:180px;padding:30px}.mock-hero h3{font-size:30px}.mock-products i{height:55px}.card-sales{bottom:35px}.card-mobile{display:none}.trust-strip .container{justify-content:flex-start;overflow:auto}.trust-strip p,.trust-strip i{flex:none}.trust-strip span{display:none}.problem-grid{grid-template-columns:1fr}.problem-card{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.why-grid{grid-template-columns:1fr}.why-visual{min-height:430px}.quote-card{right:0;width:230px}.why-copy h2{font-size:35px}.portfolio-grid{grid-template-columns:1fr}.project-large{grid-column:auto}.project-shot,.project-large .project-shot{height:360px}.rest-ui h3{font-size:50px}.testimonial-grid{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr;gap:38px}.process-step{padding-top:25px}.process-step p{max-width:100%}.project-meta{display:block}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}.floating-wa span{display:none}.floating-wa{width:48px;height:48px;justify-content:center;padding:0}.section-heading.split{margin-bottom:38px}.section-heading h2{font-size:35px}.final-cta{padding:80px 0}.final-cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.floating-wa{transition:none}}

/* Portfolio case studies */
.portfolio-real{gap:60px 28px}.case-browser{position:relative;overflow:hidden;border-radius:15px;background:#eef1f4;box-shadow:0 26px 65px rgba(7,20,39,.17);border:1px solid #d6dde5}.case-browserbar{height:37px;background:#eef1f4;display:flex;align-items:center;gap:6px;padding:0 14px}.case-browserbar>span{width:7px;height:7px;border-radius:50%;background:#c5ccd4}.case-browserbar small{position:absolute;left:50%;transform:translateX(-50%);background:#fff;color:#8993a0;border-radius:5px;padding:3px 70px;font-size:7px}.case-page{background:#f4eee5;padding:0 24px 24px}.case-nav{height:61px;display:flex;align-items:center;gap:35px;color:#30251d}.case-nav b{font:800 13px/1 "Manrope";letter-spacing:.13em}.case-nav b i{font-style:normal;color:#a54d27}.case-nav>div{margin-left:auto;font-size:8px}.case-nav button,.barber-panel button,.fashion-copy button{border:0;background:#a54d27;color:#fff;padding:9px 15px;font-size:8px;font-weight:700}.restaurant-hero{height:388px;display:grid;grid-template-columns:.78fr 1.22fr;position:relative;background:#2b211c;overflow:hidden}.case-hero-copy{padding:64px 20px 40px 54px;color:#fff;position:relative;z-index:1}.case-hero-copy small{font-size:7px;letter-spacing:.18em;color:#d5b998}.case-hero-copy h3{font:700 45px/.98 "Manrope";margin:16px 0}.case-hero-copy h3 em{font-family:Georgia,serif;font-weight:400}.case-hero-copy p{font:400 10px/1.55 "DM Sans";color:#d0c8c1;max-width:245px}.case-hero-copy button{border:0;background:transparent;color:#fff;border-bottom:1px solid #a97d5d;padding:8px 0;font-size:8px}.food-photo{background:linear-gradient(90deg,#2b211c 0,transparent 30%),url("https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=1200&q=85") center/cover}.booking-card{position:absolute;right:25px;bottom:25px;background:#fff;width:170px;padding:17px 19px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.booking-card span,.booking-card strong,.booking-card small,.booking-card b{display:block}.booking-card span{font-size:6px;letter-spacing:.16em;color:#a54d27}.booking-card strong{font:700 14px "Manrope";margin-top:4px}.booking-card small{font-size:7px;color:#808080}.booking-card b{font-size:7px;margin-top:9px}.case-meta{border-bottom:1px solid var(--line);padding-bottom:22px}.case-meta>div>p{margin:5px 0 0}.case-outcomes{display:flex;gap:18px;align-items:center}.case-outcomes small{font-size:7px;color:#9aa4b0;letter-spacing:.12em}.case-outcomes strong{font-size:10px;background:#eff4ff;color:#245bd2;padding:7px 10px;border-radius:20px}.case-barber,.case-fashion{height:455px}.barber-page,.fashion-page{height:418px;position:relative;overflow:hidden}.barber-page{display:grid;grid-template-columns:1.07fr .93fr;background:#171817;color:#fff}.barber-nav{position:absolute;top:0;left:0;right:0;height:55px;z-index:2;display:flex;align-items:center;padding:0 23px;border-bottom:1px solid rgba(255,255,255,.18)}.barber-nav b{font:800 17px "Manrope";letter-spacing:.13em}.barber-nav b span{color:#c3a065;font-size:7px;vertical-align:top}.barber-nav small{margin-left:auto;font-size:6px;letter-spacing:.14em;color:#d2c4b2}.barber-nav i{font-style:normal;margin-left:18px}.barber-photo{background:linear-gradient(0deg,rgba(0,0,0,.2),transparent),url("https://images.unsplash.com/photo-1585747860715-2ba37e788b70?auto=format&fit=crop&w=900&q=85") center/cover}.barber-panel{padding:95px 34px 30px;background:#1a1b19}.barber-panel>small{font-size:6px;color:#b69967;letter-spacing:.16em}.barber-panel h3{font:700 31px/1.05 "Manrope";margin:12px 0 27px}.barber-service{display:flex;justify-content:space-between;font-size:8px;border-top:1px solid #393a37;padding:10px 0}.barber-panel button{margin-top:18px;background:#b59663;width:100%}.fashion-page{background:#e8e1d9}.fashion-nav{position:absolute;inset:0 0 auto;height:55px;display:flex;align-items:center;padding:0 22px;z-index:2;color:#28231f}.fashion-nav i{font-style:normal}.fashion-nav b{font:800 18px "Manrope";letter-spacing:.2em;position:absolute;left:50%;transform:translateX(-50%)}.fashion-nav span{margin-left:auto;font-size:7px}.fashion-photo{position:absolute;inset:0 43% 0 0;background:linear-gradient(90deg,transparent 75%,#e8e1d9),url("https://images.unsplash.com/photo-1445205170230-053b83016050?auto=format&fit=crop&w=900&q=85") center/cover}.fashion-copy{position:absolute;right:7%;top:28%;width:37%;color:#29231f}.fashion-copy small{font-size:6px;letter-spacing:.18em}.fashion-copy h3{font:600 30px/1.06 Georgia,serif;margin:12px 0}.fashion-copy p{font-size:8px}.fashion-copy button{background:#29231f;margin-top:9px}.product-pill{position:absolute;left:22px;bottom:20px;background:#fff;display:flex;align-items:center;gap:9px;width:210px;padding:8px;box-shadow:0 9px 24px rgba(0,0,0,.12)}.product-pill i{width:36px;height:40px;background:#d2bca9}.product-pill small,.product-pill strong{display:block;font-size:6px}.product-pill strong{font-size:8px;margin-top:3px}.product-pill>span{margin-left:auto}.case-stat{text-align:right}.case-stat strong,.case-stat small{display:block}.case-stat strong{font:700 20px "Manrope";color:var(--blue)}.case-stat small{font-size:8px;color:var(--muted)}
@media(max-width:700px){.case-browserbar small{padding-inline:30px}.case-page{padding:0 10px 10px}.case-nav>div{display:none}.case-nav{height:50px}.restaurant-hero{height:330px;grid-template-columns:1fr}.food-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,33,28,.92),rgba(43,33,28,.15)),url("https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=800&q=80") center/cover}.case-hero-copy{padding:55px 25px}.case-hero-copy h3{font-size:37px}.booking-card{width:145px;right:12px;bottom:12px}.case-outcomes{display:none}.case-barber,.case-fashion{height:410px}.barber-page,.fashion-page{height:373px}.barber-panel{padding:85px 20px 20px}.barber-panel h3{font-size:24px}.barber-nav small{display:none}.fashion-photo{inset:0 30% 0 0}.fashion-copy{right:4%;width:46%;background:rgba(232,225,217,.83);padding:14px}.fashion-copy h3{font-size:22px}.product-pill{width:180px}.portfolio-real .project-shot,.portfolio-real .project-large .project-shot{height:auto}}

/* Didactic portfolio previews */
.demo-teaching{margin-top:22px;border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff}.demo-teaching-head{display:flex;align-items:end;justify-content:space-between;gap:25px;padding-bottom:17px;border-bottom:1px solid var(--line)}.demo-teaching-head span{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--blue)}.demo-teaching-head small{font-size:11px;color:var(--muted)}.menu-categories,.shop-categories{display:flex;gap:24px;margin:19px 0 14px;font-size:10px;color:#8b735f}.menu-categories b,.shop-categories b{color:#9b4826;border-bottom:2px solid;padding-bottom:5px}.menu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.menu-items>div{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;background:#f8f4ef}.menu-photo{width:52px;height:52px;border-radius:7px;flex:none;background-size:cover;background-position:center}.menu-photo.causa{background-image:url("https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=250&q=80")}.menu-photo.lomo{background-image:url("https://images.unsplash.com/photo-1544025162-d76694265947?auto=format&fit=crop&w=250&q=80")}.menu-photo.ceviche{background-image:url("https://images.unsplash.com/photo-1565958011703-44f9829ba187?auto=format&fit=crop&w=250&q=80")}.menu-items p{margin:0;line-height:1.25}.menu-items p strong,.menu-items p small{display:block}.menu-items p strong{font:700 10px "Manrope"}.menu-items p small{font-size:7px;color:var(--muted);margin-top:4px}.menu-items>div>b{margin-left:auto;font-size:10px;white-space:nowrap}.combo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.combo-grid>div{background:#f3f1ec;padding:17px 14px;border-radius:8px;border-top:3px solid #b99b66}.combo-grid small{font-size:6px;letter-spacing:.13em;color:#8c754d}.combo-grid h4{font:700 12px "Manrope";margin:6px 0}.combo-grid p{font-size:8px;color:var(--muted);min-height:38px;margin:0}.combo-grid strong{display:block;font:700 16px "Manrope";margin-top:8px}.combo-grid .combo-featured{background:#1a1b19;color:#fff}.combo-grid .combo-featured p{color:#b8b8b2}.shop-categories{gap:15px;color:#71685f}.shop-categories b{color:#222;border-color:#222}.shop-products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.shop-products>div{min-width:0}.garment{display:block;height:110px;background-size:cover;background-position:center;margin-bottom:9px}.garment.blazer{background-image:url("https://images.unsplash.com/photo-1591369822096-ffd140ec948f?auto=format&fit=crop&w=350&q=80")}.garment.top{background-image:url("https://images.unsplash.com/photo-1525507119028-ed4c629a60a3?auto=format&fit=crop&w=350&q=80")}.garment.pants{background-image:url("https://images.unsplash.com/photo-1594633312681-425c7b97ccd1?auto=format&fit=crop&w=350&q=80")}.shop-products small,.shop-products strong,.shop-products span{display:block}.shop-products small{font-size:6px;color:#8a8078}.shop-products strong{font:700 10px "Manrope";margin-top:2px}.shop-products span{font-size:9px;color:var(--muted)}
@media(max-width:700px){.demo-teaching{padding:16px}.demo-teaching-head{display:block}.demo-teaching-head small{display:block;margin-top:5px}.menu-categories,.shop-categories{gap:13px;overflow-x:auto;white-space:nowrap}.menu-items{grid-template-columns:1fr}.menu-items>div:nth-child(3){display:none}.combo-grid{grid-template-columns:1fr}.combo-grid>div{display:grid;grid-template-columns:1fr auto}.combo-grid small,.combo-grid p{grid-column:1/2}.combo-grid strong{grid-column:2;grid-row:1/4}.shop-products{grid-template-columns:repeat(3,1fr)}.garment{height:90px}.shop-products strong{font-size:9px}}

/* Mobile device demo in the hero */
.hero-phone{position:absolute;right:-25px;top:-5px;width:142px;height:292px;padding:10px 7px 13px;background:#101722;border:2px solid #526070;border-radius:25px;box-shadow:0 28px 55px rgba(0,0,0,.48);z-index:4;transform:rotate(2deg)}.phone-speaker{position:absolute;z-index:2;width:42px;height:5px;border-radius:10px;background:#101722;left:50%;top:7px;transform:translateX(-50%)}.phone-screen{height:100%;overflow:hidden;border-radius:17px;background:#faf8f4}.phone-nav{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#18202a}.phone-nav b{font:800 8px "Manrope";letter-spacing:.14em}.phone-nav span{font-size:9px}.phone-hero-demo{height:156px;padding:24px 11px 10px;color:#fff;background:linear-gradient(90deg,rgba(10,18,25,.88),rgba(10,18,25,.18)),url("https://images.unsplash.com/photo-1445205170230-053b83016050?auto=format&fit=crop&w=400&q=80") center/cover}.phone-hero-demo small,.phone-hero-demo strong,.phone-hero-demo span{display:block}.phone-hero-demo small{font-size:4px;letter-spacing:.15em}.phone-hero-demo strong{font:700 23px/.9 "Manrope";margin:7px 0}.phone-hero-demo span{font-size:6px}.phone-hero-demo button{border:0;background:#fff;color:#17202a;font-size:5px;padding:6px 8px;margin-top:9px}.phone-products{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px}.phone-products i{display:block;height:64px;background:linear-gradient(145deg,#e1d5ca,#a78871)}.phone-products i:last-child{background:linear-gradient(145deg,#ccd4d3,#6e7e7b)}.phone-home{position:absolute;bottom:5px;left:50%;width:34px;height:3px;border-radius:5px;background:#65717e;transform:translateX(-50%)}.phone-caption{position:absolute;right:-8px;bottom:-48px;background:#fff;color:var(--ink);min-width:135px;padding:9px 12px;border-radius:9px;box-shadow:var(--shadow)}.phone-caption b,.phone-caption span{display:block}.phone-caption b{font:700 9px "Manrope";color:var(--blue)}.phone-caption span{font-size:7px;color:var(--muted)}
@media(max-width:960px){.hero-phone{right:0;top:-5px}}
@media(max-width:700px){.hero-visual{min-height:390px}.browser-card{width:88%;margin-left:0}.hero-phone{display:block;width:112px;height:235px;right:0;top:12px;border-radius:20px;padding:8px 5px 10px}.phone-screen{border-radius:13px}.phone-nav{height:24px}.phone-hero-demo{height:125px;padding:18px 8px 8px}.phone-hero-demo strong{font-size:18px}.phone-hero-demo button{margin-top:5px}.phone-products i{height:46px}.phone-caption{right:0;bottom:-42px;min-width:112px}.card-sales{z-index:5}}

/* CIHENA growth spark */
.brand-mark{width:30px;height:30px}.brand-mark:before,.brand-mark:after{content:"";position:absolute;z-index:2;background:#79a2ff;border-radius:2px}.brand-mark:before{width:7px;height:2px;right:-3px;top:2px}.brand-mark:after{width:2px;height:7px;right:-1px;top:0}.brand-mark i{width:17px;height:10px}