/* Live titan.com, observed 07 Oct 2026. This layer replaces the archived hero
   and section treatments while retaining SeuAgente content and typography. */
:root{--canvas:#fdfefa;--cream:#f1f0e9;--terminal:#161613;--gap:clamp(88px,9vw,136px);--gutter:clamp(24px,8.5vw,140px)}
.header{position:fixed;inset:0 0 auto;width:100%;background:transparent;border:0;height:112px;color:white}
.header .brand{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s}.header.scrolled{position:fixed;height:88px;background:#fdfefaf5;color:var(--ink);border-bottom:1px solid #1111110c}.header.scrolled .brand{opacity:1;visibility:visible;pointer-events:auto}
.header-cta{margin-left:auto;background:white;color:var(--ink);border-color:white;opacity:0;visibility:hidden;white-space:nowrap;transition:opacity .3s,background .3s}.header.scrolled .header-cta{opacity:1;visibility:visible;background:var(--ink);color:white;border-color:var(--ink)}
.menu-toggle{border:0;background:transparent;color:inherit;width:46px;height:46px;display:grid;align-content:center;justify-items:center;gap:7px;cursor:pointer;margin-left:2px}.menu-toggle span{width:25px;height:1.5px;background:currentColor;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.25px) rotate(-45deg)}
.header nav{display:none;position:absolute;right:var(--gutter);top:91px;width:270px;background:var(--canvas);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:16px;margin:0;flex-direction:column;align-items:stretch}.header nav.is-open{display:flex}.header nav a{padding:17px 20px;font-size:16px;border-radius:8px}.header.scrolled nav{top:77px}

.hero{position:relative;isolation:isolate;background:#25211e;color:white;padding:0;min-height:900px;min-height:max(850px,100svh);display:flex;flex-direction:column;justify-content:flex-end;overflow:clip}
.hero::after{content:none}.hero-portrait::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#25211e 0%,#25211e50 45%,#25211e05),linear-gradient(0deg,#171614a8,transparent 65%)}

.hero-layout{display:block;position:static;margin-top:auto;z-index:0}.hero-inner{width:54%;max-width:640px;align-items:center;justify-content:flex-end;text-align:center;padding:355px 0 62px;min-height:760px}.hero .eyebrow{font-size:9px;letter-spacing:.1em;color:#e4ded7;margin-bottom:25px}.hero h1{font-size:clamp(37px,3.7vw,55px);line-height:1.1}.hero h1>em{display:inline}.hero-description{color:#e1dcd5;font-size:16px;max-width:480px;margin-top:26px}.hero .button{background:var(--canvas);color:var(--ink);border-color:var(--canvas);margin-top:28px}.hero .button:hover{background:#e1ddd7}
.hero-portrait{position:absolute;inset:0 0 0 auto;width:64%;height:100%;min-height:0;max-width:none;z-index:-2;overflow:hidden}.hero-portrait img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 36%;filter:brightness(.82)}
.hero>.wrap:last-child{position:relative}.hero-process{margin-top:0;padding-block:23px 27px;border-bottom:0;border-top:1px solid #ffffff3b;color:#e8e3dc}.hero-process small{color:#c7c0b7}
.intro{max-width:1110px}.intro h2{max-width:1050px;font-size:clamp(38px,4.2vw,62px)}.intro-copy{max-width:720px;margin-top:33px}.journey{margin-top:56px;border-top:0;font-size:14px;justify-content:space-between;gap:16px}

.method{padding-bottom:var(--gap)}.method-grid{position:relative}.section-heading{max-width:760px}.steps{gap:18px;align-items:stretch}.steps article{border-radius:14px;background:#eeeee7;min-height:410px;padding:38px 28px 29px}.steps article:nth-child(2){background:#191916;color:white}.steps article:nth-child(2) p,.steps article:nth-child(2) .step-number{color:#d2d1c7}.steps article:nth-child(2) .step-caption{border-color:#ffffff30}.steps p{flex:1}.steps h3{font-size:27px}.step-number{margin-bottom:38px}
.solutions{padding-bottom:var(--gap)}.service-list{column-gap:55px}.service-list article{padding-block:35px}.service-number{border-radius:0;background:transparent}.service-list h3{font-size:30px}
.experience-grid{background:none;border-radius:0;padding:0;gap:65px}.experience .eyebrow{max-width:300px}.big-number{font-family:var(--sans);font-weight:400;font-size:clamp(44px,5.2vw,74px)}.experience-copy{border-left-color:var(--line)}
.diagnosis-invite{padding-inline:var(--gutter)}.diagnosis-grid{position:relative;width:100%;max-width:1280px;border:0;border-radius:16px;background:#1c1c18;color:var(--canvas);padding:85px 48px;overflow:clip}.diagnosis-grid>div>p{color:#cecec2}.diagnosis-action .button{background:var(--canvas);color:var(--ink);border-color:var(--canvas)}.diagnosis-action .button:hover{background:#dfdfd3}.diagnosis-grid h2{max-width:810px}
.founder{grid-template-columns:1.25fr .75fr;gap:80px}.founder figure{grid-column:2;grid-row:1;max-width:390px;position:relative;overflow:hidden;border-radius:18px}.founder img{border-radius:0;aspect-ratio:3/4;object-position:center 25%}.founder figcaption{position:absolute;bottom:0;left:0;right:0;background:#151511e8;color:white;display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px;font-size:14px}.founder figcaption span{color:#d4d2c9;font-size:11px}.founder>div{grid-column:1;grid-row:1}.founder h2{font-size:46px}.founder p.founder-statement{font-size:30px;border:0}
.faq{max-width:none;width:100%;padding-inline:0}.faq h2{font-size:48px;margin-bottom:55px}.faq-list{border:0}details{padding-inline:max(var(--gutter),calc((100% - 1280px)/2));transition:background-color .4s,color .4s}summary{padding:30px 44px 30px 0;font-size:16px;text-align:left}summary span{background:transparent;right:0;top:27px}details[open]{background:#22221e;color:white}details[open] p{color:#e0dfd7}details p{max-width:600px;margin:20px 0 0 auto;padding:0 0 40px;text-align:left}details[open] :focus-visible{outline-color:white}
.closing{background:#efeee7;color:var(--ink);padding-block:125px}.closing .section-label,.closing-inner>p:not(.section-label){color:var(--muted)}.closing .button{background:var(--ink);color:white;border-color:var(--ink)}.closing .button:hover{background:#3e3d37;border-color:#3e3d37}.closing :focus-visible{outline-color:var(--ink)}
.footer-shell{background:#181815;padding-top:60px}.footer{padding-bottom:45px;border-top-color:#ffffff26}.footer::before{content:'';display:none}.footer .brand{width:200px;padding:0;background:none;filter:invert(1);mix-blend-mode:screen}.footer .brand img{mix-blend-mode:normal}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){
 .hero-portrait img{animation:portrait-drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
 @keyframes portrait-drift{from{transform:scale(1)}to{transform:scale(1.08) translateY(3%)}}
 .diagnosis-grid{animation:panel-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
 @keyframes panel-arrive{from{transform:scale(.94);border-radius:30px}to{transform:scale(1);border-radius:16px}}
}}
@media(max-width:1100px){.hero-inner{width:57%;padding-top:310px}.hero h1{font-size:43px}.founder{gap:44px}.founder h2{font-size:41px}.steps article{padding-inline:23px}.steps h3{font-size:25px}.experience-grid{gap:35px}.experience-copy{padding-left:30px}}
@media(max-width:767px){
 :root{--gutter:24px;--gap:88px}.header{height:75px}.header.scrolled{height:73px}.header-inner{gap:12px}.header .brand{width:114px}.header-cta{font-size:10px;min-height:39px;padding-inline:13px;gap:9px}.menu-toggle{width:32px;height:42px;flex:none}.menu-toggle span{width:22px}.header nav{top:67px;right:24px;width:calc(100% - 48px)}.header.scrolled nav{top:67px}
 .hero{min-height:max(790px,100svh);padding:0}.hero-layout{display:block}.hero-inner{width:100%;max-width:490px;min-height:0;padding:330px 0 41px;margin:auto}.hero h1{font-size:39px;line-height:1.08}.hero .eyebrow{font-size:8px;margin-bottom:20px}.hero-description{font-size:15px;color:#f0ebe5;margin-top:23px;max-width:380px}.hero .button{margin-top:24px}.hero-portrait{inset:0;width:100%;height:100%;max-width:none}.hero-portrait img{height:100%;width:100%;aspect-ratio:auto;object-position:60% 30%;filter:brightness(.65)}.hero-portrait::after{background:linear-gradient(0deg,#181614f5 8%,#211e1bcc 44%,#211e1b22 85%)}.hero-process{gap:8px;padding-block:18px 24px}.hero-process span{font-size:9px}.hero-process small{font-size:9px}
 .intro h2{font-size:38px}.journey{font-size:11px;gap:9px}.journey i{font-size:11px}.steps{gap:14px}.steps article{min-height:0;padding:31px 29px}.steps h3{font-size:28px}.step-number{margin-bottom:26px}.service-list h3{font-size:27px}.experience-grid{gap:36px;padding:0}.experience-copy{border-left:0;padding:32px 0 0}.big-number{font-size:49px}.diagnosis-grid{padding:57px 23px}.diagnosis-grid h2{font-size:35px}.diagnosis-grid>div>p{font-size:15px}.diagnosis-action .button{font-size:13px;padding-inline:21px}.diagnosis-action p{font-size:10px!important}
 .founder{display:flex;flex-direction:column-reverse;gap:35px}.founder h2{font-size:40px}.founder figure{max-width:350px}.founder img{aspect-ratio:1}.founder p.founder-statement{font-size:27px}.founder figcaption{padding:14px;gap:4px}.faq h2{font-size:39px;padding-inline:24px;margin-bottom:37px}.faq summary{font-size:14px;padding:25px 35px 25px 0}.faq summary span{top:22px}details p{margin:0;padding:4px 0 27px;font-size:14px;text-align:left}.closing{padding-block:86px}.closing h2{font-size:41px}.footer-shell{padding-top:25px}.footer .brand{width:142px}
}
@media(max-width:350px){:root{--gutter:20px}.hero h1{font-size:35px}.hero-inner{padding-top:295px}.hero-description{font-size:14px}.header .brand{width:100px}.header-inner{gap:6px}.header-cta{font-size:9px;gap:7px;padding-inline:10px}.big-number{font-size:41px}.journey{gap:7px;font-size:10px}.journey i{font-size:9px}.diagnosis-grid{padding-inline:20px}.diagnosis-grid h2{font-size:32px}}


/* Explicit voice correction: match the live reference's alignment and scroll states. */
.hero-inner{align-items:flex-start;text-align:left;max-width:600px;width:53%;padding-bottom:54px}
.hero h1{font-size:clamp(32px,3.1vw,44px);max-width:550px;line-height:1.13;text-wrap:pretty}
.hero-description{max-width:510px;font-size:18px;line-height:1.5}
.hero-process{text-align:left}.hero-process span{justify-content:flex-start}
.intro{text-align:left;max-width:1280px}.intro h2{margin:0;max-width:1120px;font-size:clamp(40px,4.15vw,60px);text-wrap:pretty}.intro-copy{margin:36px 0 0;max-width:680px}.intro-copy>p:first-child{font-size:20px}.journey{font-size:16px}
.method-grid{text-align:left}.section-heading{margin:0;max-width:780px}.section-heading>p:last-child{margin:24px 0 0;max-width:490px}.steps article{align-items:flex-start;text-align:left}.steps h3{justify-content:flex-start}.steps p{margin-inline:0}.step-number{font:400 32px/1 var(--sans)}
.solutions{padding-top:0}.solutions-stage{position:relative;height:180svh;--panel-progress:0;--panel-inset:12vh;--panel-gutter:var(--gutter);--panel-radius:18px}
.solutions-title{position:sticky;top:0;min-height:100svh;max-width:none;width:100%;margin:0;padding:130px var(--gutter) 90px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;color:white;text-align:center}
.solutions-title::before{content:'';position:absolute;z-index:-1;inset:var(--panel-inset) var(--panel-gutter);border-radius:var(--panel-radius);background:#20201c;will-change:inset,border-radius}
.solutions-title h2{max-width:750px;font-size:clamp(38px,4.2vw,60px)}.solutions-title .section-label{color:#cfcec6}.solutions-title>p:not(.section-label){color:#cecdc5;max-width:490px}.solutions-title .text-link{color:white;border-color:#ffffff90}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:75px;margin-top:0}.service-list article{text-align:left}.service-list h3,.service-list p{margin-left:0;margin-right:0}.service-tabs{display:none}
.services-enhanced{display:block}.services-enhanced .service-tabs{display:flex;gap:0;border-bottom:1px solid var(--warm-line);margin-bottom:40px;overflow-x:auto;scrollbar-width:thin}
.service-tab{appearance:none;border:0;border-bottom:1px solid transparent;background:none;color:var(--muted);font:400 14px/1.4 var(--sans);padding:20px 22px;flex:1;cursor:pointer;text-align:left;transition:color .3s,border-color .3s;min-width:150px}
.service-tab:first-child{padding-left:0}.service-tab[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink)}.service-tab:hover{color:var(--ink)}
.services-enhanced article{display:grid;grid-template-columns:1.1fr .9fr;gap:28px 70px;border:0;padding:30px 24px 55px;min-height:300px;align-content:center;position:relative}
.services-enhanced article[hidden]{display:none}.services-enhanced h3{font-size:36px;max-width:470px;grid-column:1;grid-row:1;align-self:end;margin:0;min-height:0}.services-enhanced p{grid-column:2;grid-row:1/3;max-width:490px;font-size:18px;line-height:1.65;align-self:center;margin:0}.services-enhanced .service-number{grid-column:1;grid-row:2;font:400 15px var(--mono);color:var(--muted);justify-content:flex-start;align-self:start}
.experience-grid{text-align:left}.experience .eyebrow{margin-left:0;margin-right:0}.number-caption{margin-left:0;margin-right:0}.experience-copy{text-align:left}.experience-copy h2{font-size:38px}.experience-copy p{font-size:16px}
.founder>div{text-align:left}.founder p:not(.section-label){margin-left:0;margin-right:0}.founder h2{font-size:42px}.founder p.founder-statement{font-size:29px;max-width:570px}
.header.on-dark.scrolled{background:#20201cf2;color:white;border-color:transparent}.header.on-dark.scrolled .brand img{filter:invert(1);mix-blend-mode:screen}.header.on-dark.scrolled .header-cta{background:var(--canvas);color:var(--ink);border-color:var(--canvas)}
.diagnosis-grid{animation:none!important}.closing{position:relative;overflow:clip}.closing-inner{text-align:left;max-width:1280px}.closing h2{max-width:800px;margin-left:0;font-size:clamp(43px,5vw,72px);text-wrap:pretty}.closing-inner>p:not(.section-label){margin-left:0;max-width:550px}.closing .section-label{margin-left:0}.closing .button{margin-left:0}
@media(max-width:767px){
 .hero-inner{width:100%;margin-left:0;align-items:flex-start;padding-bottom:38px}.hero h1{font-size:34px;max-width:420px}.hero-description{font-size:16px;max-width:430px}.hero-process span{align-items:flex-start}.hero-process{gap:12px}
 .intro h2{font-size:37px}.intro-copy{margin-top:28px}.intro-copy>p:first-child{font-size:18px}.journey{font-size:11px}.section-heading h2{font-size:37px}.steps article{text-align:left}.steps h3{font-size:28px}
 .solutions-stage{height:145svh;--panel-inset:6vh;--panel-radius:14px}.solutions-title{padding:110px 40px 75px}.solutions-title h2{font-size:35px}.solutions-title>p:not(.section-label){font-size:15px}.solutions-title .text-link{font-size:12px;gap:9px}
 .service-list{padding-top:38px}.services-enhanced .service-tabs{margin-bottom:20px}.service-tab{font-size:12px;min-width:145px;padding:17px 16px}.services-enhanced article{grid-template-columns:1fr;gap:20px;padding:18px 0 30px;min-height:360px}.services-enhanced .service-number{grid-row:1;grid-column:1}.services-enhanced h3{grid-row:2;grid-column:1;font-size:31px;max-width:370px}.services-enhanced p{grid-row:3;grid-column:1;font-size:16px;line-height:1.7}
 .experience-copy h2{font-size:34px}.founder h2{font-size:38px}.founder p.founder-statement{font-size:27px}.closing h2{font-size:42px}.closing-inner{text-align:left}
}
@media(max-width:350px){.hero h1{font-size:31px}.hero-description{font-size:15px}.journey{font-size:10px}.solutions-title{padding-inline:30px}.solutions-title h2{font-size:31px}.solutions-title .text-link{font-size:11px}.hero-process span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .solutions-stage{height:auto}html:not(.motion-enabled) .solutions-title{position:relative;min-height:620px}html:not(.motion-enabled) .solutions-title::before{inset:0;border-radius:0;will-change:auto}}
.footer{flex-wrap:wrap}.footer p{margin-right:auto}.motion-disabled,.motion-disabled *{scroll-behavior:auto!important}.motion-disabled *,.motion-disabled *::before,.motion-disabled *::after{animation:none!important;transition:none!important}.motion-disabled .solutions-stage{height:auto}.motion-disabled .solutions-title{position:relative;min-height:620px}.motion-disabled .solutions-title::before{inset:0;border-radius:0;will-change:auto}
/* Igor's approved V2: compact header and vertically centered, left-aligned hero. */
.header{height:88px;background:#fdfefaf5;color:var(--ink);border-bottom:1px solid #1111110c}
.header .brand{opacity:1;visibility:visible;pointer-events:auto}
.header-cta{opacity:1;visibility:visible;background:var(--ink);color:white;border-color:var(--ink)}
.header nav{top:77px}
.hero{min-height:max(720px,100svh);justify-content:flex-start}
.hero-layout{display:flex;align-items:center;flex:1;margin-top:0;padding-block:140px 64px}
.hero-inner{width:53%;max-width:600px;min-height:0;padding:0;margin:0;align-items:flex-start;justify-content:center;text-align:left}
.hero .eyebrow{max-width:460px}
.hero>.wrap:last-child{flex:none}
@media(min-width:1600px){.hero-inner{padding:0}}
@media(max-width:767px){
 .header,.header.scrolled{height:73px}
 .header nav,.header.scrolled nav{top:67px}
 .hero{min-height:max(690px,100svh)}
 .hero-layout{display:flex;flex-direction:row;gap:0;padding-block:114px 50px}
 .hero-inner{width:100%;max-width:490px;min-height:0;padding:0;margin:0;align-items:flex-start;text-align:left}
}
@media(max-width:350px){.hero-inner{padding:0}}

/* Responsive office photography: overlays and text stay still while only media moves. */
.hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-media picture{position:absolute;inset:0;display:block;transform-origin:70% 50%}
.hero-media img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:70% center;transform-origin:70% 50%}
.hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,13,.84) 0%,rgba(15,15,13,.73) 30%,rgba(15,15,13,.64) 55%,rgba(15,15,13,.12) 85%),linear-gradient(0deg,rgba(15,15,13,.64),transparent 30%)}
.hero .eyebrow,.hero-description{color:#f2efea}
@media(max-width:767px){
 .hero-media picture,.hero-media img{transform-origin:50% 50%}
 .hero-media img{object-position:50% center}
 .hero-media::after{background:linear-gradient(180deg,rgba(15,15,13,.30) 0%,rgba(15,15,13,.74) 30%,rgba(15,15,13,.75) 68%,rgba(15,15,13,.84) 100%)}
}


/* Transparent opening navigation; compact dark signature resumes on light sections. */
.header:not(.scrolled){background:transparent;color:white;border-color:transparent}
.header .brand{position:relative}
.header .logo-light{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:none!important;mix-blend-mode:normal}
.header:not(.scrolled) .logo-dark{opacity:0}
.header:not(.scrolled) .logo-light{opacity:1}
.header:not(.scrolled) .header-cta{background:var(--canvas);color:var(--ink);border-color:var(--canvas)}
.header:not(.scrolled) .header-cta:hover{background:#e1ddd7;border-color:#e1ddd7;color:var(--ink)}
.header:not(.scrolled) :focus-visible{outline-color:white}
.hero-media::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,15,13,.42),transparent 25%);pointer-events:none}
.hero-bottom{position:relative}

/* Hide the conversation CTA only over the opening, on every viewport. */
.header:not(.scrolled) .header-cta{display:none}
.header:not(.scrolled) .menu-toggle{margin-left:auto}

/* All solutions are visible in a vertical list on mobile; desktop keeps tabs. */
@media(max-width:767px){
 .service-list{display:block;padding-top:24px}
 .service-list .service-tabs{display:none}
 .service-list article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px 18px;min-height:0;padding:32px 0;border-bottom:1px solid var(--warm-line);align-content:start}
 .service-list article:last-child{border-bottom:0}
 .service-list .service-number{grid-column:1;grid-row:1;width:auto;height:auto;border:0;border-radius:0;align-self:start;padding-top:6px;font:400 13px var(--mono);color:var(--muted)}
 .service-list h3{grid-column:2;grid-row:1;min-height:0;max-width:none;margin:0;font-size:27px;line-height:1.15}
 .service-list p{grid-column:2;grid-row:2;max-width:none;margin:0;font-size:15px;line-height:1.7}
}

@media(max-width:767px){
 .services-scroll-fade article{opacity:var(--service-opacity,1);transition:opacity 120ms linear;will-change:opacity}
 .services-scroll-fade article:focus-within{opacity:1}
}