/* Terminal 1 remains the visual anchor. Every variant keeps the original hero. */
:root{--quiet:#b1c4b7;--deep:#081a11}body{position:relative;isolation:isolate}#terminal-rain{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.72}.topbar{background:rgba(7,20,14,.95)}main,footer{position:relative}.hero-figure{position:relative}.v1 .section{padding-block:94px}.section-intro{font-size:18px;color:var(--muted);margin-top:22px;max-width:43ch}.section-head{margin-bottom:44px}.eyebrow{font-size:13px}.v1 .hero-figure figcaption{font-size:11px}.boot-bar,.replay,.boot-footer{font-size:12px}.v1 .photo-title{font-size:12px}.email{font-size:13px}.hero .email{color:var(--accent);font-size:14px}.hero .location{font-size:13px}.service-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-card{border:1px solid var(--line);padding:27px 24px;background:rgba(12,31,21,.93);position:relative;display:flex;flex-direction:column;min-width:0;transition:border-color .2s,transform .2s}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:var(--accent)}.service-icon{display:grid;place-items:center;width:36px;height:36px}.service-icon svg{width:32px;height:32px}.card-index{font:12px var(--mono);color:var(--muted)}.service-card .problem{font-size:14px;line-height:1.5;color:var(--quiet);margin:0 0 15px;min-height:63px;display:block}.service-title{font-size:28px;line-height:1.12;letter-spacing:-.04em;display:block;font-weight:700;min-height:95px}.service-description{font-size:16px;line-height:1.62;color:var(--muted);margin-top:18px!important}.service-tags{font:12px/1.7 var(--mono);color:var(--accent);margin:24px 0!important;min-height:40px}.assurance{font-size:14px;line-height:1.6;color:var(--text);border-top:1px solid var(--line);padding-top:20px;margin-top:auto!important}.service-card .channels{margin:23px 0}.platforms{display:flex;flex-wrap:wrap;gap:12px 16px}.platforms>span{display:inline-flex;align-items:center;gap:7px;color:var(--quiet);font:11px var(--mono)}.platforms svg,.platforms img{width:17px;height:17px;flex-shrink:0}.platforms img{filter:grayscale(1) brightness(1.8)}.platforms>span:nth-child(2) svg{color:#e2b3d4}.platforms>span:nth-child(3) svg{color:#b3d1fb}.more-services{margin-top:26px;border:1px solid var(--line);background:#0b1b13e8;padding:0 24px}.more-services summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:19px 0;gap:20px;color:var(--muted);font-size:16px;min-height:58px}.more-services summary::-webkit-details-marker{display:none}.more-services summary>span:last-child{font:22px var(--mono);color:var(--accent)}.more-services[open] summary>span:last-child{transform:rotate(45deg)}.more-services>div{border-top:1px solid var(--line);padding:23px 0}.more-services p{font-size:16px;color:var(--muted)}.more-services ul{margin:22px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.more-services li{display:flex;align-items:center;gap:12px;font-size:15px}.more-services svg{width:22px;height:22px;flex-shrink:0;color:var(--accent)}
/* Real work, without invented performance numbers or attributed quotes. */
.projects-section{border-top:1px solid var(--line)}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.case{display:flex;flex-direction:column;padding:36px;border:1px solid var(--line);background:#0b1e14f2;min-width:0}.case-brand{height:120px;display:flex;align-items:center;margin-bottom:25px}.case-brand img{width:auto;height:100%;object-fit:contain}.case-ghost .case-brand img{height:120px;max-width:220px}.case-cosecha .case-brand{height:150px}.case-cosecha .case-brand img{width:150px;height:150px;border-radius:50%}.case-tuttii .case-brand img{height:70px;width:70px;border-radius:16px}.case-name{font:13px/1.5 var(--mono);color:var(--accent);margin-bottom:16px}.case h3{font-size:36px;line-height:1.1;letter-spacing:-.045em;max-width:20ch}.case p:not(.case-name){font-size:17px;line-height:1.7;color:var(--muted);margin-top:23px}.case .case-result{color:var(--text)!important}.case-copy{min-width:0}.wordmark{font-size:35px;font-weight:700;letter-spacing:-.06em}.wordmark>span{color:var(--accent)}.order-steps{display:flex;align-items:center;gap:16px;margin-top:28px;font:13px var(--mono)}.order-steps>b{color:var(--accent);font-weight:400}.case p.michelin{font-size:14px;color:#b9c8bc}.michelin small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.case .text-link{font-size:14px;margin-top:18px}.case-ghost{background:linear-gradient(150deg,#173023d9,#091b12 65%)}
.about-section{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:88px;border-top:1px solid var(--line);align-items:center}.about-portrait{position:relative;max-width:450px;background:var(--bg);border:1px solid var(--line);padding:10px;box-shadow:14px 14px 0 #17382366}.about-portrait>img{width:100%;height:auto;max-height:650px;object-fit:cover;object-position:50% 36%}.portrait-note{font:12px/1.7 var(--mono);padding:15px 8px 5px;color:var(--muted)}.about-content h2{font-size:clamp(38px,4vw,59px)}.about-lead{font-size:20px;line-height:1.6;margin-top:28px;color:var(--text)}.about-support{font-size:17px;color:var(--muted);margin-top:16px}.education{list-style:none;padding:0 0 0 24px;margin:36px 0 8px;border-left:1px solid var(--line)}.education li{position:relative;padding-bottom:28px}.education li:last-child{padding-bottom:0}.education li:before{content:'';position:absolute;width:7px;height:7px;border:1px solid var(--accent);background:var(--bg);left:-29px;top:6px}.education h3{font-size:23px;margin-top:9px}.education p{font-size:15px;color:var(--muted);margin-top:8px}.timeline-date{font-size:12px}.about-content .text-link{font-size:13px;margin-top:24px}.final-contact{grid-template-columns:1fr .2fr;gap:20px}.contact-inner h2{max-width:23ch;font-size:clamp(40px,4.8vw,70px);line-height:1.08}.contact-inner>p:not(.eyebrow){max-width:48ch}.contact-symbol{font-size:140px;opacity:.25}.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;align-items:center}.primary-email{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);border:1px solid var(--accent);color:#10241a;min-height:58px;padding:14px 22px;font-size:16px;font-weight:700;border-radius:4px;transition:transform .2s}.primary-email:hover{transform:translateY(-2px)}.contact-actions .wa{margin:0;min-height:58px}.contact-linkedin{margin-left:24px;font-size:13px}.motion-toggle{font:12px var(--mono);color:var(--muted);min-height:44px;padding:8px}.motion-toggle:hover{color:var(--accent)}footer{align-items:center;font-size:12px}.text-link{line-height:1.8}.mini-demo{border:1px solid var(--line);padding:15px;background:#06150e;display:flex;flex-direction:column;gap:10px;min-height:185px;font-size:13px;line-height:1.5}.demo-label{color:var(--muted);font:10px/1.5 var(--mono);margin-bottom:4px;display:block}.bubble{padding:10px 11px;max-width:94%;border:1px solid var(--line);font-size:12px;line-height:1.5}.bubble.customer{background:#1c2a23;align-self:flex-end;border-radius:9px 9px 0 9px}.bubble.reply{background:#203f2d;color:#d6ecdc;border-radius:9px 9px 9px 0}.content-format{display:flex;gap:9px;flex:1}.content-format>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 4px;background:linear-gradient(145deg,#294c37,#10271a);border:1px solid var(--line);flex:1;font:12px var(--mono)}.content-format svg{width:30px;height:30px;color:var(--accent)}.approval{color:var(--accent);font-size:12px}.web-preview{border:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:9px;flex:1}.browser-line{display:flex;gap:4px;padding-bottom:9px;border-bottom:1px solid var(--line)}.browser-line i{width:3px;height:3px;background:var(--muted);border-radius:50%}.web-preview strong{font-size:16px}.web-preview>span{font-size:11px;color:var(--muted)}.web-preview .mock-cta{background:var(--accent);color:#10241a;padding:5px 8px;align-self:start;margin-top:auto;font-size:10px}.crm-row{padding:11px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;font-size:12px}.crm-row span:last-child{color:var(--accent)}.crm-row.active{border:none;color:var(--accent)}.search-demo{display:flex;gap:9px;align-items:center;border:1px solid var(--line);padding:10px}.search-demo svg{width:20px;height:20px;flex-shrink:0}.search-result{display:flex;flex-direction:column;gap:8px;padding:10px}
/* 1. A concise, even four-column overview and a calm two-by-two case grid. */
.design-1 .service-card{border-top:3px solid #659879}.design-1 .service-card:hover{border-color:var(--accent);transform:translateY(-3px)}.design-1 .case-grid{gap:24px}.design-1 .case-cosecha{grid-row:span 1}
/* 2. Four little working examples, then one large case and three smaller stories. */
.design-2 .services-section .section-head{grid-template-columns:1fr;gap:0;max-width:830px}.design-2 .section-head .eyebrow{padding-top:0}.design-2 .service-card{padding:25px 20px;background:linear-gradient(180deg,#152b1e,#0a1c12)}.design-2 .service-title{min-height:92px}.design-2 .service-card .problem{order:0}.design-2 .mini-demo{margin-top:10px;margin-bottom:6px}.design-2 .service-tags{font-size:11px;margin-block:20px!important}.design-2 .service-card .assurance{font-size:14px}.design-2 .case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.design-2 .case-cosecha{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.5fr;align-items:center;gap:76px;padding:56px;background:linear-gradient(125deg,#182e21,#091910)}.design-2 .case-cosecha .case-brand{height:auto;justify-content:center;margin:0}.design-2 .case-cosecha .case-brand img{width:270px;height:270px}.design-2 .case-cosecha h3{font-size:52px}.design-2 .case:not(.case-cosecha){padding:30px 26px}.design-2 .case:not(.case-cosecha) h3{font-size:30px}.design-2 .case:not(.case-cosecha) p{font-size:16px}.design-2 .case:not(.case-cosecha) .case-brand{height:90px}.design-2 .case-ghost .case-brand img{height:100px}.design-2 .about-section{background:#0c2016;padding:52px;gap:64px;border:1px solid var(--line);margin-block:30px 70px}.design-2 .about-portrait{box-shadow:none;border:0;padding:0}.design-2 .about-portrait>img{max-height:650px}.design-2 .about-content h2{font-size:49px}.design-2 .about-lead{font-size:18px}.design-2 .final-contact{border-top:0}
/* 3. Four selectors, a live detail panel, then the person and editorial project rows. */
.design-3 .service-card{border:1px solid var(--line);text-align:left;width:100%;color:var(--text);font-family:var(--sans)}.design-3 .service-card .card-top{width:100%;margin-bottom:22px}.design-3 .service-card .problem{min-height:44px}.design-3 .service-title{min-height:91px}.service-short{font-size:15px;line-height:1.6;color:var(--muted);display:block}.select-arrow{display:block;margin-top:25px;font-size:26px;color:var(--accent)}.design-3 .selector:hover{border-color:var(--accent)}.design-3 .selector[aria-selected=true]{background:#a4f9b9;color:#0c2617;border-color:#a4f9b9}.design-3 .selector[aria-selected=true] :is(.problem,.service-short,.card-index,.service-icon,.select-arrow){color:#21472f}.service-panels{margin-top:20px}.service-panel{display:grid;grid-template-columns:1.3fr .7fr;gap:68px;background:#10251a;border:1px solid var(--line);padding:38px 40px;margin:0 0 18px}.service-panel[hidden]{display:none}.service-panel h3{font-size:31px}.service-panel p{font-size:18px;color:var(--muted);margin-top:20px}.service-panel .assurance{margin:22px 0!important;padding-top:18px;font-size:16px;color:var(--text)}.service-panel .mini-demo{padding:22px;justify-content:center;min-height:230px}.service-panel .bubble{font-size:15px}.service-panel .demo-label{font-size:12px}.design-3 .about-section{grid-template-columns:.65fr 1.35fr;gap:100px}.design-3 .about-portrait>img{max-height:580px}.design-3 .case-grid{display:block;border-top:1px solid var(--line)}.design-3 .case{display:grid;grid-template-columns:240px 1fr;gap:80px;padding:44px 0;background:none;border:0;border-bottom:1px solid var(--line)}.design-3 .case-brand{margin:0;align-self:center;justify-content:center}.design-3 .case-cosecha .case-brand{height:200px}.design-3 .case-cosecha .case-brand img{width:200px;height:200px}.design-3 .case h3{max-width:none}.design-3 .case p{max-width:58ch}.design-3 .case-name{margin-bottom:10px}.design-3 .case-ghost .case-brand img{height:150px;max-width:210px}.design-3 .final-contact{background:#12301e;border:1px solid var(--line);padding:58px;margin-block:50px 75px}
@media(min-width:761px) and (max-width:1200px){.service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.service-title{min-height:65px}.service-card .problem{min-height:42px}.design-2 .case-grid{grid-template-columns:repeat(2,1fr)}.design-2 .case-tuttii{grid-column:1/-1}.about-section{gap:45px}.design-2 .about-section{padding:32px;gap:35px}.design-3 .about-section{gap:50px}.design-3 .case{gap:40px}}
@media(max-width:760px){.topbar{padding-inline:18px}.brand{gap:7px}.header-end{gap:4px}.mobile-menu summary{padding-inline:5px}.v1 .section{padding-block:62px}.v1 .photo-title{font-size:8px}.boot-bar,.replay,.boot-footer{font-size:10px}.v1 .hero-figure figcaption{display:none}.v1 .hero .location{font-size:12px}.hero .email{font-size:13px}.section-head{margin-bottom:30px}.eyebrow{font-size:12px}.section-intro{font-size:17px;margin-top:20px}.service-cards{grid-template-columns:1fr;gap:16px}.service-card{padding:26px}.service-title{min-height:0;font-size:30px;max-width:15ch}.service-card .problem{min-height:0;font-size:14px;margin-bottom:13px}.card-top{margin-bottom:19px}.service-description{font-size:16px}.service-tags{min-height:0;font-size:12px}.assurance{margin-top:10px!important;font-size:15px}.platforms{gap:12px 18px}.platforms>span{font-size:12px}.platforms svg,.platforms img{width:19px;height:19px}.more-services{padding-inline:20px}.more-services summary{font-size:15px}.more-services ul{grid-template-columns:1fr;gap:22px}.case-grid{grid-template-columns:1fr;gap:18px}.case{padding:28px 24px}.case h3{font-size:34px}.case p:not(.case-name){font-size:16px}.case-brand{height:90px;margin-bottom:22px}.case-cosecha .case-brand{height:145px}.case-cosecha .case-brand img{width:145px;height:145px}.case-ghost .case-brand img{height:110px}.order-steps{font-size:12px;gap:15px}.about-section{grid-template-columns:1fr;gap:40px}.about-portrait{max-width:100%;width:100%;box-shadow:9px 9px 0 #17382366}.about-portrait>img{width:100%;max-height:530px;object-fit:cover;object-position:center}.portrait-note{font-size:11px;padding:13px 3px 5px}.about-content h2{font-size:41px}.about-lead{font-size:18px}.about-support{font-size:16px}.education{margin-top:30px}.education h3{font-size:24px}.final-contact{display:block}.contact-inner h2{font-size:41px;max-width:19ch}.contact-inner>p:not(.eyebrow){font-size:17px}.contact-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.contact-actions>*{width:100%}.contact-linkedin{margin-left:0;display:flex;width:fit-content}.contact-symbol{display:none}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:11px}footer>span{order:3;width:100%;font-size:11px}.motion-toggle{font-size:11px}.mini-demo{min-height:190px}.design-2 .service-card{padding:26px}.design-2 .service-title{min-height:0}.design-2 .mini-demo{margin-top:24px}.design-2 .mini-demo .bubble{font-size:14px}.design-2 .service-card .assurance{font-size:15px}.design-2 .case-grid{display:block}.design-2 .case{margin-bottom:18px}.design-2 .case-cosecha{display:block;padding:28px 24px}.design-2 .case-cosecha .case-brand{justify-content:flex-start;margin-bottom:28px}.design-2 .case-cosecha .case-brand img{width:180px;height:180px}.design-2 .case-cosecha h3{font-size:37px}.design-2 .case:not(.case-cosecha){padding:28px 24px}.design-2 .case:not(.case-cosecha) h3{font-size:33px}.design-2 .about-section{margin:0 24px 12px;padding:24px;display:block}.design-2 .about-content{margin-top:35px}.design-2 .about-content h2{font-size:36px}.design-2 .about-portrait>img{max-height:420px}.design-2 .about-lead{font-size:17px}.design-3 .service-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design-3 .service-card{padding:17px 15px}.design-3 .service-card .problem{font-size:12px;min-height:72px;margin-bottom:12px}.design-3 .service-title{font-size:23px;min-height:104px}.design-3 .card-index{display:none}.design-3 .service-icon{width:30px;height:30px}.design-3 .service-icon svg{width:28px;height:28px}.design-3 .service-short{font-size:13px}.design-3 .select-arrow{font-size:22px;margin-top:auto;padding-top:18px}.design-3 .service-card .card-top{margin-bottom:14px}.service-panel{grid-template-columns:1fr;gap:25px;padding:27px 23px}.service-panel h3{font-size:30px}.service-panel p{font-size:16px}.service-panel .mini-demo{min-height:205px;padding:18px}.service-panel .bubble{font-size:14px}.design-3 .about-section{grid-template-columns:1fr;gap:40px}.design-3 .case{grid-template-columns:1fr;gap:20px;padding-block:32px}.design-3 .case-brand{justify-content:flex-start}.design-3 .case-cosecha .case-brand{height:170px}.design-3 .case-cosecha .case-brand img{width:170px;height:170px}.design-3 .case-ghost .case-brand{height:130px}.design-3 .case-ghost .case-brand img{height:130px}.design-3 .final-contact{margin:0 24px 50px;padding:35px 24px}.design-3 .contact-inner h2{font-size:36px}}
@media(max-width:359px){.brand{font-size:10px;gap:6px}.brand-prompt{font-size:19px}.topbar{padding-inline:12px;gap:5px}.header-end{gap:0}.mobile-menu summary{font-size:10px;padding-inline:4px}.languages button{min-width:40px;width:40px}.v1 h1{font-size:44px}.v1 .hero-grid{grid-template-columns:1fr 115px}.v1 .hero-figure{max-width:115px}.design-3 .service-cards{grid-template-columns:1fr}.design-3 .service-title,.design-3 .service-card .problem{min-height:0}.design-3 .service-card{padding:23px}.contact-inner h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Preserve the supplied WhatsApp brand colors and keep the skip link offscreen until focus. */
.platforms img{filter:none;opacity:1}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;transform:none}.skip:focus{clip-path:none;width:auto;height:auto;overflow:visible;padding:10px 20px;transform:none}

@media(max-width:760px){.design-3 .service-short{display:none}.design-3 .service-title{min-height:0}.design-3 .service-card .problem{min-height:60px}.design-3 .select-arrow{padding-top:20px}.design-3 .service-card{min-height:255px}}

/* Final Version 2: contact icons, custom work and a more legible Tuttii mark. */
.contact-icon{width:24px;height:24px;flex:0 0 24px}
.email{display:inline-flex;align-items:center;gap:10px}
.primary-email{gap:12px}
.wa img{filter:none;opacity:1;width:24px;height:24px}
.wa{gap:12px;font-size:16px}
.wa>span:last-child{margin-left:0;font-size:inherit;line-height:1.4}
.contact-actions .wa{background:transparent;color:var(--accent);border-color:var(--line)}
.contact-actions .wa:hover{border-color:var(--accent)}
.more-services ul{margin-top:0}
.more-services p.custom-automation{margin-top:30px;padding-top:26px;border-top:1px solid var(--line);color:var(--text);font-size:20px;line-height:1.55;max-width:70ch}
.custom-automation strong{font-weight:700}
.design-2 .case-tuttii .case-brand img{width:190px;height:auto;border-radius:0}
.design-2 .case-tuttii .case-brand{height:100px}
.phone-contact{margin-top:26px}
.phone-contact[hidden]{display:none!important}
.phone-link{display:inline-flex;align-items:center;gap:14px;min-height:66px;padding:12px 20px;border:1px solid var(--line);border-radius:4px;color:var(--accent)}
.phone-link:hover{border-color:var(--accent);background:var(--panel)}
.phone-copy{display:flex;flex-direction:column;gap:2px}
.phone-label{font:12px/1.6 var(--mono);color:var(--muted)}
.phone-number{font:500 16px/1.5 var(--mono)}
.contact-nojs{font-size:14px!important;color:var(--muted)}
html:not(.js) .motion-toggle{display:none}
@media(max-width:760px){.more-services p.custom-automation{font-size:19px}.phone-link{width:100%;justify-content:center}}

/* Locale and background pause controls. */
[hidden]{display:none!important}
.motion-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 10px;max-width:600px}
@media(max-width:760px){.motion-controls{justify-content:flex-start}.languages{gap:0}.languages button{width:36px;min-width:36px}.brand{font-size:11px;gap:6px}.topbar{gap:8px;padding-inline:16px}.header-end{gap:3px}.mobile-menu summary{font-size:11px}.hero .actions .wa{max-width:100%;text-align:center}.service-title{overflow-wrap:normal;hyphens:auto}.order-steps{flex-wrap:wrap}}
@media(max-width:359px){.topbar{padding-inline:10px}.brand{font-size:9px;gap:3px}.brand-prompt{font-size:18px}.languages button{min-width:32px;width:32px;font-size:11px}.mobile-menu summary{font-size:10px;padding-inline:3px}.header-end{gap:0}.more-services li{overflow-wrap:anywhere}.contact-inner h2{font-size:35px}.design-2 .about-content h2{font-size:32px}}

/* Terminal 1: a fine, still 52 px grid beneath sparse, quiet glyphs. */
.v1{background-image:linear-gradient(#47765114 1px,transparent 1px),linear-gradient(90deg,#47765114 1px,transparent 1px);background-size:52px 52px}
@media(max-width:760px){.v1 .greeting{max-width:none;white-space:nowrap;font-size:clamp(12px,3.6vw,14px)}}

/* The founder photo moves into the existing hero frame on the homepage. */
.photo-scan .portrait-founder{object-fit:cover;object-position:50% 36%}
.design-2 .about-text-only{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.design-2 .about-text-only .about-content{margin-top:0}
.about-text-only .portrait-note{padding:0;margin-top:24px}
.about-text-only .education{margin-top:0}
.about-text-only .text-link{font-size:13px;margin-top:24px}
@media(max-width:760px){.about-text-only .about-background{margin-top:32px}}
/* All three existing translations fit on one line from the desktop breakpoint. */
@media(min-width:1024px){.v1 .hero-founder .intro{max-width:none;font-size:clamp(20px,1.8vw,24px);white-space:nowrap}}