@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--bg:#050708;--bg2:#080b0e;--panel:#0b0f12;--text:#f4f5f6;--muted:#9ba4ad;--line:#1f272e;--amber:#f6c453;--amber2:#ffb63a;--green:#39e77a;--serif:'Playfair Display',Georgia,serif;--sans:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:Manrope,var(--sans);--content:min(1380px,88vw)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,video{display:block;max-width:100%}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--amber);text-transform:uppercase}.btn{min-height:46px;padding:0 20px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-size:11px;font-weight:800;letter-spacing:.06em;transition:.28s ease}.btn-amber{color:#171006;background:linear-gradient(110deg,#f6c453 0%,#ffb33c 70%,#ffd979 100%);box-shadow:0 8px 28px #f6c45325, inset 0 1px #fff8}.btn-amber:hover{transform:translateY(-2px);box-shadow:0 12px 35px #f6c45338}.btn-glass{color:#eef1f3;background:#090d11a3;border-color:#ffffff26;backdrop-filter:blur(12px)}.btn-glass:hover{border-color:#f6c4536b;color:#ffd36b}.inline-link{display:inline-flex;gap:8px;align-items:center;color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.inline-link:hover{color:#ffe29b}.site-header{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:200;width:min(1440px,94vw);height:66px;padding:0 18px 0 24px;border:1px solid #f6c4532e;border-radius:15px;background:linear-gradient(90deg,#080b0ddf,#090b0dcc 70%,#3a270f70);box-shadow:0 18px 65px #0008,0 0 26px #f6c4530d;backdrop-filter:blur(18px) saturate(120%);display:grid;grid-template-columns:170px 1fr auto;align-items:center}.brand{display:flex;align-items:center}.brand img{width:126px;max-height:42px;object-fit:contain;object-position:left}.site-header nav{display:flex;justify-content:center;gap:30px}.site-header nav a{font-size:9px;font-weight:600;letter-spacing:.12em;color:#c0c6cc;text-transform:uppercase;position:relative}.site-header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:linear-gradient(90deg,var(--amber),transparent);transition:.3s}.site-header nav a:hover{color:#fff}.site-header nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:10px}.sound-toggle,.menu-toggle{border:1px solid #ffffff22;background:#080b0ecb;color:#cfd4d8;border-radius:10px;height:42px;padding:0 12px;display:flex;align-items:center;gap:7px;cursor:pointer}.sound-toggle>span:last-child{font-size:9px;letter-spacing:.1em}.sound-bars{height:16px;width:18px;display:flex;gap:2px;align-items:end}.sound-bars i{width:3px;height:4px;border-radius:2px;background:#8c969f}.sound-toggle[aria-pressed="true"] .sound-bars i{background:var(--amber);animation:soundbar .75s ease-in-out infinite alternate}.sound-toggle[aria-pressed="true"] .sound-bars i:nth-child(2){animation-delay:.18s}.sound-toggle[aria-pressed="true"] .sound-bars i:nth-child(3){animation-delay:.36s}@keyframes soundbar{to{height:15px}}.menu-toggle{display:none;font-size:18px}.scroll-video{height:190vh;position:relative;background:#030405}.sticky-stage{position:sticky;top:0;height:100vh;overflow:hidden}.stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage-overlay{position:absolute;inset:0;pointer-events:none}.hero-overlay{background:linear-gradient(90deg,#020304ed 0%,#0203048d 34%,#02030416 62%,#02030458 100%),linear-gradient(180deg,#0007,transparent 42%,#0009)}.hero-copy{position:absolute;z-index:3;left:max(6vw,calc((100vw - 1380px)/2 + 40px));top:50%;transform:translateY(-40%);width:min(620px,44vw)}.hero-copy h1{margin:12px 0 18px;font:500 clamp(54px,5.4vw,88px)/.98 var(--serif);letter-spacing:-.035em;background:linear-gradient(100deg,#fff 0%,#f4f0e5 53%,#f6c453 87%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:610px;font-size:16px;line-height:1.75;color:#d0d5da}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-side-words{position:absolute;z-index:3;right:6vw;top:25%;display:grid;gap:9px;text-align:right;font-size:9px;letter-spacing:.11em;color:#aeb5bb}.scroll-indicator{position:absolute;z-index:3;right:6vw;bottom:12vh;display:flex;flex-direction:column;align-items:center;gap:10px;color:#c7ccd1;font-size:8px;letter-spacing:.16em}.scroll-indicator b{width:36px;height:36px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:400}.solutions-section{position:relative;min-height:1150px;padding:120px 6vw 130px;background:radial-gradient(circle at 50% 44%,#07332038 0%,#07100d15 23%,transparent 47%),linear-gradient(180deg,#050708,#040607);overflow:hidden}.tech-atmosphere{position:absolute;inset:0;pointer-events:none;opacity:.78}.binary{position:absolute;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.32em;color:#1b784848;text-shadow:0 0 16px #2be87924;white-space:nowrap}.binary-a{left:5%;top:22%;transform:rotate(-2deg)}.binary-b{right:5%;bottom:10%;color:#925d1f35}.pill{position:absolute;border:1px solid #2a59442c;border-radius:999px;background:#0a151277;box-shadow:0 0 35px #2ee98208}.pill-a{width:300px;height:54px;left:7%;top:15%}.pill-b{width:230px;height:70px;right:8%;top:30%}.pill-c{width:370px;height:62px;left:2%;bottom:17%;border-color:#6d4c1835}.pill-d{width:260px;height:54px;right:-3%;bottom:30%;border-color:#59401c30}.section-head{position:relative;z-index:2}.section-head.centered{text-align:center;width:min(760px,92vw);margin:0 auto}.section-head h2{font:500 clamp(48px,5.2vw,80px)/1.02 var(--serif);margin:10px 0 14px;background:linear-gradient(110deg,#fff,#ced2d5 68%,#f7ca5f);-webkit-background-clip:text;background-clip:text;color:transparent}.section-head p{color:#9ca6ae;font-size:14px;line-height:1.7;margin:auto;max-width:650px}.spine-desktop{position:relative;width:min(1120px,90vw);height:760px;margin:70px auto 0}.spine-core{position:absolute;left:50%;top:15px;bottom:15px;width:3px;transform:translateX(-50%);background:linear-gradient(180deg,#f6c453 0%,#53ef71 18%,#7e6cff 37%,#47a7ff 50%,#2ad6e7 64%,#ff8a3d 82%,#f6c453 100%);border-radius:999px;box-shadow:0 0 14px #49f08677,0 0 35px #27c6cf35}.spine-core:after{content:'';position:absolute;inset:-15px -10px;background:linear-gradient(180deg,transparent,#49f08618,transparent);filter:blur(8px)}.solution-branch{--accent:#f6c453;position:absolute;top:calc((var(--row) - 1) * 105px + 20px);left:0;width:100%;height:88px;border:0;background:transparent;color:#fff;cursor:pointer;padding:0}.branch-line{position:absolute;top:42px;height:2px;width:27%;background:linear-gradient(90deg,transparent,var(--accent));box-shadow:0 0 10px color-mix(in srgb,var(--accent) 65%,transparent)}.solution-branch.left .branch-line{right:50%}.solution-branch.right .branch-line{left:50%;background:linear-gradient(90deg,var(--accent),transparent)}.branch-node{position:absolute;left:50%;top:35px;width:16px;height:16px;transform:translateX(-50%);border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px #07100d,0 0 18px var(--accent),0 0 36px color-mix(in srgb,var(--accent) 45%,transparent);transition:.3s}.branch-copy{position:absolute;top:12px;width:38%;min-height:62px;border:1px solid color-mix(in srgb,var(--accent) 22%,#1b2529);border-radius:13px;background:linear-gradient(105deg,#0b0f12e8,#07100d9e);backdrop-filter:blur(8px);padding:13px 17px;transition:.3s}.solution-branch.left .branch-copy{left:4%;text-align:right}.solution-branch.right .branch-copy{right:4%;text-align:left}.branch-copy strong{display:block;color:var(--accent);font-size:15px;letter-spacing:.09em;text-shadow:0 0 18px color-mix(in srgb,var(--accent) 38%,transparent)}.branch-copy small{display:block;color:#9ba4ad;font-size:11px;margin-top:5px}.solution-branch:hover .branch-copy{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 56%,#1b2529);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 10%,transparent)}.solution-branch:hover .branch-node{transform:translateX(-50%) scale(1.28)}.spine-mobile{display:none}.drawer-overlay{position:fixed;inset:0;z-index:260;background:#000b;backdrop-filter:blur(7px)}.solution-drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,92vw);z-index:270;padding:110px 52px 50px;background:linear-gradient(145deg,#0b0f12f8,#060809fb);border-left:1px solid #ffffff16;transform:translateX(102%);transition:transform .45s cubic-bezier(.2,.8,.2,1);box-shadow:-35px 0 100px #0009}.solution-drawer.open{transform:none}.drawer-close{position:absolute;top:28px;right:28px;width:42px;height:42px;border:1px solid #ffffff20;border-radius:50%;background:#0c1115;color:#fff;font-size:25px;cursor:pointer}.drawer-kicker{font-size:9px;letter-spacing:.22em;color:var(--drawer,#f6c453)}.solution-drawer h3{font:600 15px/1.3 var(--display);letter-spacing:.14em;color:var(--drawer,#f6c453);margin:28px 0 9px}.solution-drawer h4{font:500 45px/1.06 var(--serif);margin:0 0 24px;color:#fff}.solution-drawer p{font-size:15px;line-height:1.8;color:#aeb6bd;margin:0 0 34px}.method-section{position:relative;background:#f1f0ea;color:#111416;padding:118px 6vw 125px;overflow:hidden}.method-section:before{content:'01  10  11  00  01';position:absolute;right:-6%;top:0;font:700 180px/1 var(--display);letter-spacing:.05em;color:#11111105;white-space:nowrap}.method-grid{position:relative;z-index:2;width:var(--content);margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;align-items:start}.method-copy h2{font:500 clamp(50px,5vw,80px)/1 var(--serif);margin:12px 0 20px;letter-spacing:-.03em}.method-copy>p{font-size:15px;line-height:1.75;color:#4b5156;max-width:520px}.method-rule{height:1px;background:linear-gradient(90deg,#111,transparent);margin:40px 0 18px}.method-note{font-size:12px!important;color:#686e72!important;max-width:430px!important}.method-section .eyebrow{color:#756032}.method-accordion{border-top:1px solid #c9cac6}.method-accordion details{border-bottom:1px solid #c9cac6}.method-accordion summary{list-style:none;display:grid;grid-template-columns:54px 1fr 30px;align-items:center;min-height:78px;cursor:pointer}.method-accordion summary::-webkit-details-marker{display:none}.method-accordion summary span{font-size:12px;color:#b08329}.method-accordion summary strong{font-size:13px;letter-spacing:.07em}.method-accordion summary b{font-weight:400;font-size:22px;transition:.3s}.method-accordion details[open] summary b{transform:rotate(45deg)}.method-body{padding:0 40px 28px 54px;color:#555c61;font-size:13px;line-height:1.7}.project-section{position:relative;height:92vh;min-height:680px;background:#040506;overflow:hidden}.project-picture{position:absolute;inset:-10%}.project-picture img{width:100%;height:120%;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.05);will-change:transform}.project-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020304f5 0%,#020304d7 27%,#0203047c 50%,#02030416 72%,#0203047c 100%),linear-gradient(180deg,#0005,transparent 45%,#0008)}.project-copy{position:absolute;z-index:2;left:max(6vw,calc((100vw - 1380px)/2 + 35px));top:50%;transform:translateY(-50%);width:min(540px,42vw)}.project-copy h2{font:500 clamp(55px,5.2vw,82px)/1 var(--serif);margin:10px 0 18px;background:linear-gradient(100deg,#fff,#e7e7e4 60%,#f6c453);-webkit-background-clip:text;background-clip:text;color:transparent}.project-copy p{color:#c1c7cc;line-height:1.7;font-size:15px}.insights-section{padding:115px 6vw;background:linear-gradient(180deg,#07090a,#040506)}.insights-head{width:var(--content);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.insights-head h2{font:500 clamp(48px,4.5vw,70px)/1 var(--serif);margin:9px 0 0;background:linear-gradient(100deg,#fff,#c9cdd0);-webkit-background-clip:text;background-clip:text;color:transparent}.insights-head>p{color:#9aa3ab;max-width:520px;line-height:1.7}.insights-grid{width:var(--content);margin:42px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight-card{position:relative;min-height:330px;border-radius:14px;overflow:hidden;border:1px solid #ffffff16;background:#0b0f12;transition:.35s}.insight-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:.55s}.insight-fade{position:absolute;inset:0;background:linear-gradient(180deg,#02030410 15%,#02030442 52%,#020304ef 100%)}.insight-content{position:absolute;inset:auto 20px 20px;z-index:2}.insight-content span{font-size:9px;color:#aab1b7;letter-spacing:.1em}.insight-content h3{font:600 18px/1.25 var(--display);margin:8px 42px 0 0}.insight-content p{margin:8px 42px 0 0;color:#aab2b8;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.insight-content b{position:absolute;right:0;bottom:0;width:34px;height:34px;border:1px solid #ffffff45;border-radius:50%;display:grid;place-items:center;font-size:15px}.insight-card:hover{transform:translateY(-5px);border-color:#f6c4535c}.insight-card:hover>img{transform:scale(1.045);filter:saturate(.9)}.insights-footer{width:var(--content);margin:25px auto 0;text-align:right}.tv-section{height:190vh}.tv-overlay{background:radial-gradient(circle at 50% 50%,transparent 15%,#02030475 72%),linear-gradient(90deg,#0203048c,#02030434,#0203048c)}.tv-copy{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,88vw);text-align:center;padding:38px 40px;border:1px solid #ffffff10;border-radius:20px;background:#0203045c;backdrop-filter:blur(7px)}.tv-copy h2{font:500 clamp(62px,6.4vw,108px)/.96 var(--serif);letter-spacing:-.035em;margin:11px 0 18px;background:linear-gradient(100deg,#fff 5%,#f0eee7 48%,#f6c453 83%);-webkit-background-clip:text;background-clip:text;color:transparent}.tv-copy p{max-width:650px;margin:0 auto 20px;color:#d2d6da;font-size:16px;line-height:1.7}.contact-section{padding:118px 6vw;background:radial-gradient(circle at 80% 40%,#f6c4530a,transparent 26%),#050708}.contact-grid{width:var(--content);margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}.contact-copy h2{font:500 clamp(54px,5.2vw,80px)/1 var(--serif);margin:10px 0 20px;background:linear-gradient(110deg,#fff,#d1d5d8 68%,#f6c453);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-copy p{color:#a4adb5;line-height:1.75;max-width:500px}.contact-email{display:inline-block;margin-top:18px;color:var(--amber);font-size:13px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:25px;border:1px solid #ffffff16;border-radius:17px;background:linear-gradient(145deg,#0d1216d9,#080b0ed9);box-shadow:0 24px 70px #0005}.field{display:grid;gap:6px}.field label{font-size:9px;letter-spacing:.11em;color:#8f98a0;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:1px solid #242d35;background:#070a0d;color:#eef1f3;border-radius:9px;padding:12px 13px;outline:none}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#856424;box-shadow:0 0 0 3px #f6c45310}.full{grid-column:1/-1}.consent{font-size:11px;color:#7f8992;display:flex;gap:8px;align-items:flex-start}.consent input{margin-top:2px}.consent a{color:#d2b86f}.form-status{font-size:12px;color:#8ce2aa}footer{padding:34px 6vw 26px;border-top:1px solid #151b20;background:#020304}.footer-top{width:var(--content);margin:auto;display:grid;grid-template-columns:160px 1fr auto;gap:30px;align-items:center}.footer-top img{width:132px}.footer-top p{margin:0;color:#717b84;font-size:11px;max-width:440px}.footer-top nav{display:flex;gap:17px;flex-wrap:wrap;justify-content:flex-end}.footer-top nav a{font-size:9px;color:#9ca4aa;text-transform:uppercase}.footer-bottom{width:var(--content);margin:24px auto 0;padding-top:18px;border-top:1px solid #12171b;display:flex;justify-content:space-between;gap:20px;color:#5d666e;font-size:9px}.footer-bottom div{display:flex;gap:14px;flex-wrap:wrap}.cookie-banner{position:fixed;z-index:500;left:50%;bottom:18px;transform:translateX(-50%);width:min(900px,92vw);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 17px;border-radius:14px;border:1px solid #ffffff1d;background:#0a0e12ed;box-shadow:0 20px 70px #000a;backdrop-filter:blur(18px)}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0;color:#a8b0b7;font-size:11px}.cookie-banner>div{display:flex;align-items:center;gap:9px}.cookie-banner button:not(.btn),.cookie-banner a{border:0;background:transparent;color:#9fa8af;font-size:10px}.legal-body{background:#06080a}.legal-page{min-height:100vh;padding:55px max(7vw,calc((100vw - 1000px)/2))}.legal-logo img{width:150px}.legal-page article{margin:90px auto;max-width:840px}.legal-page h1{font:500 clamp(48px,7vw,78px)/1 var(--serif);margin:12px 0 35px}.legal-copy{color:#b3bbc2;font-size:15px;line-height:1.8;margin-bottom:36px}.reveal{opacity:0;transform:translateY(20px)}body.ready .reveal{opacity:1;transform:translateY(-40%);transition:opacity .9s ease,transform .9s ease}.spine-desktop.in-view .branch-line{animation:growLine .8s cubic-bezier(.2,.8,.2,1) both}.spine-desktop.in-view .solution-branch:nth-of-type(2) .branch-line{animation-delay:.08s}.spine-desktop.in-view .solution-branch:nth-of-type(3) .branch-line{animation-delay:.16s}.spine-desktop.in-view .solution-branch:nth-of-type(4) .branch-line{animation-delay:.24s}.spine-desktop.in-view .solution-branch:nth-of-type(5) .branch-line{animation-delay:.32s}.spine-desktop.in-view .solution-branch:nth-of-type(6) .branch-line{animation-delay:.40s}.spine-desktop.in-view .solution-branch:nth-of-type(7) .branch-line{animation-delay:.48s}.spine-desktop.in-view .solution-branch:nth-of-type(8) .branch-line{animation-delay:.56s}@keyframes growLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-video{height:100vh}.sticky-stage{position:relative}.stage-video{display:none}.hero .sticky-stage{background:url('/assets/img/hero-poster.jpg') center/cover}.tv-section .sticky-stage{background:url('/assets/img/wvtv-poster.jpg') center/cover}.project-picture{inset:0}.project-picture img{height:100%;transform:none!important}.insight-card,.btn,.branch-copy{transition:none!important}}
@media(max-width:1050px){.site-header{grid-template-columns:145px 1fr auto}.site-header nav{gap:17px}.site-header nav a{font-size:8px}.header-cta{display:none}.method-grid,.contact-grid{gap:45px}.spine-desktop{width:96vw}.branch-copy{width:41%}.solution-branch.left .branch-copy{left:1%}.solution-branch.right .branch-copy{right:1%}.insights-grid{gap:11px}}
@media(max-width:760px){:root{--content:86vw}.site-header{top:10px;height:58px;width:94vw;padding:0 12px 0 17px;grid-template-columns:1fr auto}.brand img{width:108px}.site-header nav{position:fixed;top:72px;left:3vw;right:3vw;display:none;flex-direction:column;gap:0;padding:15px;background:#080c0ff5;border:1px solid #f6c45332;border-radius:13px;box-shadow:0 20px 70px #000c}.site-header.open nav{display:flex}.site-header nav a{font-size:11px;padding:11px 8px;border-bottom:1px solid #ffffff0c}.menu-toggle{display:flex}.sound-toggle>span:last-child{display:none}.scroll-video{height:170vh}.hero-overlay{background:linear-gradient(180deg,#02030455 0%,#0203043d 36%,#020304db 70%,#020304fb 100%)}.hero-copy{left:7vw;right:7vw;top:auto;bottom:11vh;transform:none;width:auto}.hero-copy h1{font-size:clamp(45px,13.5vw,68px)}.hero-copy p{font-size:14px;line-height:1.6}.hero-actions{flex-wrap:wrap}.hero-actions .btn{min-width:160px}.hero-side-words,.scroll-indicator{display:none}body.ready .reveal{transform:none}.solutions-section{min-height:auto;padding:96px 7vw 100px}.section-head.centered{text-align:left;width:auto}.section-head h2{font-size:48px}.section-head p{font-size:13px}.binary{font-size:11px;opacity:.6}.pill{opacity:.6}.spine-desktop{display:none}.spine-mobile{position:relative;display:grid;margin-top:45px}.spine-mobile:before{content:'';position:absolute;left:10px;top:14px;bottom:14px;width:2px;background:linear-gradient(#f6c453,#42e979 20%,#9d7bff 40%,#3b9dff 54%,#2fd6e7 68%,#ff8a3d 84%,#f6c453);box-shadow:0 0 13px #43ed8e55}.spine-mobile details{position:relative;margin-left:32px;border-bottom:1px solid #ffffff10}.spine-mobile summary{list-style:none;min-height:88px;display:grid;align-content:center;gap:4px;padding:0 8px}.spine-mobile summary::-webkit-details-marker{display:none}.mobile-node{position:absolute;left:-27px;top:36px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #06100d,0 0 16px var(--accent)}.spine-mobile strong{color:var(--accent);font-size:14px;letter-spacing:.09em}.spine-mobile small{font-size:11px;color:#959fa8}.spine-mobile details>div{padding:0 8px 20px}.spine-mobile p{color:#b1b9c0;font-size:13px;line-height:1.65}.spine-mobile a{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.07em}.solution-drawer{display:none}.method-section{padding:88px 7vw 95px}.method-grid{width:auto;grid-template-columns:1fr;gap:40px}.method-copy h2{font-size:51px}.method-section:before{font-size:90px;top:10px}.method-accordion summary{min-height:68px}.method-body{padding-left:54px}.project-section{height:78vh;min-height:610px}.project-picture{inset:-4%}.project-picture img{height:108%;object-position:center}.project-shade{background:linear-gradient(180deg,#02030425,#02030455 42%,#020304ed 72%,#020304fb 100%)}.project-copy{left:7vw;right:7vw;top:auto;bottom:9vh;transform:none;width:auto}.project-copy h2{font-size:54px}.project-copy p{font-size:14px}.insights-section{padding:90px 7vw}.insights-head{width:auto;grid-template-columns:1fr;gap:14px}.insights-head h2{font-size:48px}.insights-head>p{font-size:13px}.insights-grid{width:auto;grid-template-columns:1fr;margin-top:35px}.insight-card{min-height:270px}.insights-footer{width:auto;text-align:left}.tv-copy{width:88vw;padding:25px 18px}.tv-copy h2{font-size:54px}.tv-copy p{font-size:13px}.contact-section{padding:88px 7vw}.contact-grid{width:auto;grid-template-columns:1fr;gap:38px}.contact-copy h2{font-size:54px}.contact-form{grid-template-columns:1fr;padding:17px}.contact-form .field,.contact-form .full{grid-column:1}.footer-top,.footer-bottom{width:auto}.footer-top{grid-template-columns:1fr;gap:12px}.footer-top nav{justify-content:flex-start}.footer-bottom{flex-direction:column}.cookie-banner{align-items:stretch;flex-direction:column}.cookie-banner>div{flex-wrap:wrap}.cookie-banner .btn{min-height:38px}}

/* ===== V2.2 REFINEMENT LAYER ===== */
html{scrollbar-color:#dca234 #0b1117;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0f14}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffd061,#d79624);border-radius:999px;border:2px solid #0a0f14}
body{background:#06090d}.site-header{width:min(980px,90vw);height:58px;top:12px;padding:0 18px 0 20px;grid-template-columns:145px 1fr auto;background:linear-gradient(90deg,rgba(8,13,18,.78),rgba(11,18,25,.68));border-color:rgba(255,196,83,.2);box-shadow:0 14px 50px rgba(0,0,0,.35);backdrop-filter:blur(20px) saturate(125%);transition:opacity .28s ease,transform .28s ease,visibility .28s ease}.site-header.header-hidden{opacity:0;visibility:hidden;transform:translate(-50%,-18px);pointer-events:none}.site-header nav{gap:24px}.site-header nav a{font-size:8px;letter-spacing:.13em}.brand img{width:104px;max-height:36px}.header-actions{justify-content:flex-end}.menu-toggle{height:38px;background:rgba(10,16,22,.58);border-color:rgba(255,255,255,.12)}
.btn{border-radius:13px}.btn-amber{color:#171006;background:linear-gradient(120deg,rgba(255,207,96,.78),rgba(233,161,38,.64));border:1px solid rgba(255,220,143,.58);box-shadow:0 12px 32px rgba(214,147,28,.16),inset 0 1px rgba(255,255,255,.58);backdrop-filter:blur(16px) saturate(140%)}.btn-amber:hover{transform:translateY(-2px);background:linear-gradient(120deg,rgba(255,215,118,.9),rgba(238,170,48,.78));box-shadow:0 15px 38px rgba(214,147,28,.24)}.btn-glass{background:rgba(9,16,23,.46);border-color:rgba(255,196,83,.24);backdrop-filter:blur(16px)}
.sound-float{position:fixed;left:20px;bottom:20px;z-index:520;width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:50%;background:rgba(8,14,20,.72);border:1px solid rgba(255,196,83,.3);box-shadow:0 12px 35px rgba(0,0,0,.32);backdrop-filter:blur(16px);transition:.22s ease}.sound-float:hover{transform:translateY(-2px);border-color:rgba(255,196,83,.55)}.sound-float .sound-state{display:none}.sound-float .sound-bars{width:20px;height:18px}.sound-float[aria-pressed="true"]{background:rgba(68,46,12,.76);box-shadow:0 12px 35px rgba(193,130,20,.2)}
.hero-overlay{background:linear-gradient(90deg,rgba(2,4,7,.78) 0%,rgba(2,4,7,.34) 28%,rgba(2,4,7,.10) 58%,rgba(2,4,7,.28) 100%),linear-gradient(180deg,rgba(3,7,11,.12),rgba(3,7,11,.42))}.hero-copy{left:max(5vw,calc((100vw - 1380px)/2 + 24px));top:68%;transform:translateY(-50%);width:min(560px,38vw)}.hero-copy h1{font-size:clamp(48px,4.5vw,74px);line-height:1.04;padding-bottom:.08em;margin-bottom:14px}.hero-copy p{font-size:14px;line-height:1.65;max-width:540px}.hero-actions{margin-top:24px}.hero-side-words{right:5vw;top:19%;opacity:.72}
.solutions-section{background:radial-gradient(circle at 50% 43%,rgba(26,71,82,.20),transparent 32%),radial-gradient(circle at 18% 30%,rgba(20,55,82,.14),transparent 34%),linear-gradient(180deg,#071018 0%,#05090d 55%,#071017 100%)}.tech-atmosphere{opacity:.5}.binary{color:rgba(255,177,55,.16);text-shadow:none}.pill{border-color:rgba(255,183,69,.16)!important;background:rgba(10,18,25,.28)!important;box-shadow:none!important}.spine-core{width:1.5px;background:linear-gradient(180deg,#ffd36a,#ffb74d 24%,#ff923d 48%,#f26b40 72%,#e95035 88%,#ffd36a);box-shadow:0 0 7px rgba(255,166,52,.16)}.spine-core:after{display:none}.solution-branch{height:84px}.branch-line{height:1px;width:22%;box-shadow:none;opacity:.9}.branch-node{top:36px;width:11px;height:11px;box-shadow:0 0 0 4px #071018,0 0 8px color-mix(in srgb,var(--accent) 35%,transparent);transition:transform .28s cubic-bezier(.2,.9,.2,1)}.branch-copy{top:11px;width:min(31%,300px);min-height:60px;border-radius:18px;padding:12px 15px;background:linear-gradient(135deg,rgba(14,22,29,.72),rgba(8,15,21,.5));border-color:color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.12));backdrop-filter:blur(15px) saturate(125%);box-shadow:0 12px 32px rgba(0,0,0,.10);will-change:transform;transition:border-color .2s ease,box-shadow .2s ease}.solution-branch.left .branch-copy{left:13%;text-align:right}.solution-branch.right .branch-copy{right:13%;text-align:left}.branch-copy strong{font-size:13px;text-shadow:none}.branch-copy small{font-size:10px;color:#9faab3}.solution-branch:hover .branch-copy{border-color:color-mix(in srgb,var(--accent) 52%,rgba(255,255,255,.16));box-shadow:0 15px 36px rgba(0,0,0,.18)}.solution-branch:hover .branch-node{transform:translateX(-50%) scale(1.18)}
.drawer-overlay{z-index:700;background:rgba(3,7,11,.32);backdrop-filter:blur(16px) saturate(70%);opacity:0;transition:opacity .25s ease}.drawer-overlay:not([hidden]){opacity:1}.solution-drawer{top:50%;left:50%;right:auto;bottom:auto;width:min(560px,90vw);max-height:82vh;overflow:auto;padding:54px 48px 44px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(16,24,31,.96),rgba(7,12,17,.94));box-shadow:0 40px 130px rgba(0,0,0,.58),0 0 0 1px color-mix(in srgb,var(--drawer,#f6c453) 18%,transparent);transform:translate(-50%,-46%) scale(.96);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility .25s ease;z-index:710}.solution-drawer.open{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}.drawer-close{top:18px;right:18px;width:38px;height:38px;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);backdrop-filter:blur(10px)}.drawer-kicker{color:var(--drawer,#f6c453)}.solution-drawer h3{font-size:13px;margin-top:22px;text-shadow:none}.solution-drawer h4{font-size:42px}.solution-drawer p{font-size:14px;line-height:1.75}.drawer-open main,.drawer-open footer,.drawer-open .site-header,.drawer-open .sound-float{filter:blur(3px);transition:filter .22s ease}.drawer-open{overflow:hidden}
.method-section{background:linear-gradient(135deg,#f8f8f4 0%,#f0f4f7 58%,#eaf3f8 100%)}.method-section:after{content:'';position:absolute;right:-5%;bottom:-35%;width:46vw;height:46vw;border-radius:50%;background:radial-gradient(circle,rgba(61,127,183,.10),transparent 68%);pointer-events:none}.project-section{background:#071019}.project-picture{inset:-12%}.project-picture img{height:124%;filter:saturate(.78) contrast(1.04) brightness(.92)}.project-shade{background:linear-gradient(90deg,rgba(4,9,14,.94) 0%,rgba(5,13,20,.78) 30%,rgba(5,13,20,.28) 58%,rgba(5,13,20,.12) 76%,rgba(5,13,20,.48) 100%),linear-gradient(180deg,rgba(3,7,11,.18),rgba(3,7,11,.52))}.insights-section{background:linear-gradient(180deg,#09131c 0%,#061018 55%,#05090e 100%)}.insight-card{border-color:rgba(124,171,205,.13)}.contact-section{background:radial-gradient(circle at 80% 36%,rgba(32,94,137,.17),transparent 31%),radial-gradient(circle at 15% 75%,rgba(246,196,83,.06),transparent 28%),#071019}.contact-form{background:linear-gradient(145deg,rgba(13,26,37,.86),rgba(7,14,21,.82));border-color:rgba(106,159,197,.17)}
.tv-copy{background:rgba(4,10,15,.42);border-color:rgba(255,255,255,.09);backdrop-filter:blur(10px);width:min(840px,86vw)}
@keyframes spineFloat{0%,100%{transform:translate3d(var(--gx,0),var(--gy,0),0) rotate(0deg)}35%{transform:translate3d(calc(var(--gx,0) + 1px),calc(var(--gy,0) - 2px),0) rotate(-.25deg)}70%{transform:translate3d(calc(var(--gx,0) - 1px),calc(var(--gy,0) + 1px),0) rotate(.18deg)}}.solution-branch.is-floating .branch-copy{animation:spineFloat 3.8s ease-in-out infinite}
@media(max-width:1050px){.site-header{width:min(880px,94vw)}.solution-branch.left .branch-copy{left:8%}.solution-branch.right .branch-copy{right:8%}.branch-copy{width:34%}}
@media(max-width:760px){.site-header{width:94vw;height:56px;grid-template-columns:1fr auto}.brand img{width:96px}.hero-copy{left:7vw;right:7vw;bottom:8vh;top:auto;transform:none;width:auto}.hero-copy h1{font-size:clamp(41px,12vw,59px);line-height:1.04;padding-bottom:.08em}.hero-copy p{font-size:13px}.solutions-section{background:radial-gradient(circle at 50% 28%,rgba(25,76,91,.18),transparent 28%),linear-gradient(180deg,#071019,#05090e)}.spine-mobile:before{width:1.5px;background:linear-gradient(#ffd36a,#ffb74d 22%,#ff923d 46%,#f26b40 70%,#e95035 88%,#ffd36a);box-shadow:0 0 5px rgba(255,166,52,.16)}.mobile-node{width:10px;height:10px;box-shadow:0 0 0 4px #071018,0 0 7px color-mix(in srgb,var(--accent) 35%,transparent)}.spine-mobile details{border-bottom-color:rgba(255,255,255,.08)}.spine-mobile summary{min-height:82px}.spine-mobile strong{font-size:13px}.solution-drawer{display:block;width:92vw;padding:50px 24px 32px}.solution-drawer h4{font-size:35px}.sound-float{left:14px;bottom:14px;width:44px;height:44px}.method-section{background:linear-gradient(160deg,#f8f8f4,#edf4f8)}.project-picture{inset:-7%}.project-picture img{height:114%;object-position:center}.tv-copy{width:88vw}}
body.ready .hero-copy.reveal{transform:translateY(-50%)}
@media(max-width:760px){body.ready .hero-copy.reveal{transform:none}}

/* ===== V2.3 PERFORMANCE + INTERACTION REFINEMENT ===== */
html{scrollbar-color:#e5aa38 #091016;scrollbar-width:thin}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#091016}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffd36a,#d99722);border-radius:999px;border:2px solid #091016}
body{background:#071019}

/* compact header + larger signature */
.site-header{width:min(900px,92vw);height:58px;grid-template-columns:165px 1fr auto;padding:0 16px 0 19px;background:linear-gradient(90deg,rgba(8,14,20,.77),rgba(8,17,25,.64));border-color:rgba(255,196,83,.17);box-shadow:0 16px 52px rgba(0,0,0,.34);backdrop-filter:blur(20px) saturate(128%)}
.brand img{width:138px;max-height:42px}.site-header nav{gap:22px}.site-header nav a{font-size:8px;letter-spacing:.13em}

/* true amber glass buttons */
.btn-amber{color:#fff8e8;background:linear-gradient(120deg,rgba(246,196,83,.20),rgba(225,145,33,.13));border:1px solid rgba(255,215,120,.38);box-shadow:0 10px 30px rgba(183,118,20,.10),inset 0 1px 0 rgba(255,255,255,.17);backdrop-filter:blur(20px) saturate(142%);-webkit-backdrop-filter:blur(20px) saturate(142%)}
.btn-amber:hover{background:linear-gradient(120deg,rgba(255,211,106,.30),rgba(232,151,38,.21));border-color:rgba(255,221,147,.55);box-shadow:0 14px 38px rgba(196,128,25,.16),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-glass{background:rgba(9,18,25,.33);border-color:rgba(255,207,101,.20);backdrop-filter:blur(18px)}

/* videos: no flashing while metadata is unavailable */
.stage-video{opacity:.01;transition:opacity .28s ease;background:#05080b}.video-ready .stage-video{opacity:1}.scroll-video{background:#05080b}
.hero-copy{z-index:5}.hero-copy h1{overflow:visible;padding-bottom:.13em}

/* lightweight tech assets, equivalent to Vitágua foliage language */
.site-side-assets{position:fixed;inset:0;z-index:18;pointer-events:none;overflow:hidden}.tech-side{position:absolute;will-change:transform;opacity:.18;mix-blend-mode:screen}.tech-side-left{left:-36px;top:78px;width:min(11vw,150px);filter:blur(.6px)}.tech-side-right{right:-54px;top:115px;width:min(15vw,210px);opacity:.13;filter:blur(1.6px)}
.parallax-float{position:absolute;pointer-events:none;will-change:transform}.method-ribbon{left:-4%;top:10%;width:108%;opacity:.28}.method-binary{right:5%;top:10%;font:700 58px/1.1 ui-monospace,monospace;color:rgba(27,44,58,.045);letter-spacing:.18em;white-space:nowrap}.insights-ribbon{left:-4%;top:7%;width:108%;opacity:.13}.contact-ribbon{left:-5%;bottom:9%;width:110%;opacity:.13}

/* section rendering optimization */
.method-section,.project-section,.insights-section,.contact-section{content-visibility:auto;contain-intrinsic-size:900px}

/* living spine: thinner, warm palette, continuous floating motion */
.spine-desktop{--spine-x:0px;--spine-y:0px}.spine-core{width:1px;transform:translate3d(calc(-50% + var(--spine-x)),var(--spine-y),0);background:linear-gradient(180deg,#ffd66f 0%,#f0ad3c 22%,#e87f35 46%,#d85d37 70%,#bf4939 88%,#ffd66f 100%);box-shadow:0 0 3px rgba(239,164,55,.18);animation:spineDrift 5.8s ease-in-out infinite;will-change:transform}
.branch-line{height:1px;opacity:.72;box-shadow:none;transform-origin:center;animation:branchWave 4.8s ease-in-out infinite;animation-delay:var(--float-delay,0s)}
.branch-node{width:9px;height:9px;top:37px;box-shadow:0 0 0 3px #071018,0 0 5px color-mix(in srgb,var(--accent) 28%,transparent);animation:nodeFloat 4.2s ease-in-out infinite;animation-delay:var(--float-delay,0s)}
.branch-copy{width:min(28%,285px);min-height:58px;border-radius:21px;background:linear-gradient(135deg,rgba(16,25,32,.58),rgba(7,14,20,.37));border-color:color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.09));backdrop-filter:blur(19px) saturate(122%);box-shadow:0 12px 30px rgba(0,0,0,.10);transform:translate3d(var(--gx,0px),calc(var(--gy,0px) + var(--hover-y,0px)),0);animation:cardFloat 5.2s ease-in-out infinite;animation-delay:var(--float-delay,0s);will-change:transform}
.solution-branch.left .branch-copy{left:15%}.solution-branch.right .branch-copy{right:15%}.branch-copy strong{font-size:12px;letter-spacing:.10em}.branch-copy small{font-size:9px;line-height:1.45}.solution-branch:hover .branch-copy{animation-duration:1.8s;border-color:color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.16));box-shadow:0 18px 46px color-mix(in srgb,var(--accent) 9%,rgba(0,0,0,.24))}.solution-branch:hover .branch-line{animation-duration:1.65s;opacity:1}.solution-branch:hover .branch-node{animation-duration:1.35s;transform:translateX(-50%) scale(1.22)}
@keyframes spineDrift{0%,100%{translate:0 0}28%{translate:1.5px -3px}58%{translate:-1px 2px}82%{translate:1px 1px}}
@keyframes branchWave{0%,100%{transform:translateY(0) scaleX(1)}35%{transform:translateY(-2px) scaleX(1.012)}68%{transform:translateY(1.6px) scaleX(.992)}}
@keyframes nodeFloat{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes cardFloat{0%,100%{translate:0 0;rotate:0deg}30%{translate:1px -3px;rotate:-.18deg}66%{translate:-1px 2px;rotate:.14deg}}

/* solution modal: same interaction on desktop and mobile */
.drawer-overlay{background:rgba(4,8,12,.38);backdrop-filter:blur(18px) saturate(62%);-webkit-backdrop-filter:blur(18px) saturate(62%)}
.solution-drawer{width:min(600px,90vw);padding:54px 52px 46px;background:linear-gradient(145deg,rgba(15,24,31,.94),rgba(7,13,18,.91));border:1px solid rgba(255,255,255,.12);border-radius:28px;backdrop-filter:blur(26px) saturate(126%);-webkit-backdrop-filter:blur(26px) saturate(126%);overflow:hidden}.drawer-accent{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--drawer,#f6c453),transparent);opacity:.8}.drawer-meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 27px}.drawer-meta span{font-size:8px;letter-spacing:.12em;padding:7px 9px;border:1px solid color-mix(in srgb,var(--drawer,#f6c453) 22%,rgba(255,255,255,.11));border-radius:999px;color:#b8c2ca;background:rgba(255,255,255,.025)}
.drawer-open main,.drawer-open footer,.drawer-open .site-header,.drawer-open .site-side-assets,.drawer-open .sound-toggle{filter:blur(8px) brightness(.68);transform:translateZ(0);transition:filter .25s ease}

/* mobile solution list opens the same modal instead of accordion */
.spine-mobile{position:relative}.spine-mobile:before{content:'';position:absolute;left:20px;top:18px;bottom:18px;width:1px;background:linear-gradient(#ffd66f,#f0ad3c,#e87f35,#d85d37,#bf4939);opacity:.8}.solution-mobile-card{--accent:#f6c453;width:100%;min-height:72px;padding:11px 14px 11px 50px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#fff;text-align:left;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.solution-mobile-card .mobile-node{position:absolute;left:16px;top:31px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #071018}.mobile-solution-copy strong{display:block;font-size:12px;letter-spacing:.09em;color:var(--accent)}.mobile-solution-copy small{display:block;margin-top:4px;font-size:9px;color:#8f9aa3}.mobile-open{font-size:16px;color:#6f7b84}.solution-mobile-card:active{background:rgba(255,255,255,.025)}

/* Vitágua-style floating sound control */
.sound-toggle{position:fixed!important;left:22px!important;bottom:22px!important;z-index:1305!important;width:46px!important;height:46px!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.22)!important;background:linear-gradient(135deg,rgba(21,31,39,.78),rgba(43,52,58,.60))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;color:#fff!important;display:grid!important;place-items:center!important;cursor:pointer!important;font-size:0!important;box-shadow:0 12px 32px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.09)!important;transition:.25s ease!important}
.sound-toggle::before{content:'♪';font:700 16px/1 var(--sans);color:#fff}.sound-toggle:not(.is-muted){background:linear-gradient(135deg,rgba(146,94,20,.72),rgba(217,153,39,.50))!important;border-color:rgba(255,215,129,.34)!important;box-shadow:0 0 0 7px rgba(246,196,83,.045),0 12px 32px rgba(148,94,18,.24)!important}.sound-toggle.is-muted{opacity:.84;filter:saturate(.25)}.sound-toggle.is-muted::after{content:'';position:absolute;width:24px;height:2px;border-radius:999px;background:rgba(255,255,255,.82);transform:rotate(-45deg)}.sound-toggle:hover{transform:translateY(-2px) scale(1.03)!important}

/* blue breathing spaces */
.solutions-section{background:radial-gradient(circle at 50% 38%,rgba(28,87,111,.19),transparent 31%),radial-gradient(circle at 8% 64%,rgba(35,94,132,.10),transparent 31%),linear-gradient(180deg,#071019 0%,#050a0f 60%,#08131d 100%)}
.insights-section{background:radial-gradient(circle at 80% 30%,rgba(41,107,151,.10),transparent 30%),linear-gradient(180deg,#0a151f,#061019)}
.contact-section{background:radial-gradient(circle at 80% 36%,rgba(35,101,147,.17),transparent 31%),#071019}

/* transparent TV copy, centered */
.tv-copy{background:rgba(5,11,16,.28);border-color:rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

@media(max-width:1050px){.site-header{width:min(850px,94vw)}.solution-branch.left .branch-copy{left:10%}.solution-branch.right .branch-copy{right:10%}.branch-copy{width:33%}.tech-side-left{width:120px}.tech-side-right{width:160px}}
@media(max-width:760px){.site-header{width:94vw;grid-template-columns:145px 1fr auto}.brand img{width:126px}.site-side-assets{display:none}.spine-desktop{display:none}.spine-mobile{display:block;margin-top:42px}.solution-drawer{width:92vw;padding:48px 24px 30px;border-radius:24px}.drawer-open main,.drawer-open footer,.drawer-open .site-header,.drawer-open .sound-toggle{filter:blur(6px) brightness(.66)}.sound-toggle{left:14px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}.method-ribbon,.insights-ribbon,.contact-ribbon{width:150%;left:-25%;opacity:.10}.method-binary{font-size:32px;right:-20%;opacity:.6}}
@media(prefers-reduced-motion:reduce){.spine-core,.branch-line,.branch-node,.branch-copy{animation:none!important}.tech-side,.parallax-float{transform:none!important}}
@media(min-width:761px){.hero-copy{left:max(5vw,calc((100vw - 1380px)/2 + 18px));top:auto;bottom:6.5vh;transform:none;width:min(500px,40vw)}.hero-copy h1{font-size:clamp(45px,4.0vw,64px);line-height:1.03}.hero-copy p{font-size:13px;max-width:490px}.hero-actions{margin-top:19px}body.ready .hero-copy.reveal{transform:none}}

/* ===== V2.4 REFINEMENT ===== */
:root{--motion-ease:cubic-bezier(.22,.8,.24,1);--parallax-y:0px}
html{scrollbar-color:var(--amber) #0a0d10;scrollbar-width:thin}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#090c0f}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--amber),#d9952f);border:3px solid #090c0f;border-radius:999px}
body{font-size:var(--body-font-desktop);background:#05080b}

/* header: more compact and much smoother */
.site-header{width:min(var(--header-max),94vw);height:62px;grid-template-columns:minmax(150px,190px) 1fr auto;transition:opacity .48s var(--motion-ease),transform .55s var(--motion-ease),background .35s ease,box-shadow .35s ease;will-change:opacity,transform}
.site-header.header-hidden{opacity:0;transform:translate(-50%,-88px);pointer-events:none}
.brand img{width:var(--logo-desktop);max-height:46px}
.site-header nav{gap:24px}.site-header nav a{font-size:var(--nav-font);transition:color .28s ease,opacity .28s ease}.site-header nav a:after{transition:right .38s var(--motion-ease)}

/* typographic controls from HillValley */
.hero-copy h1{font-size:var(--hero-font-desktop)!important;line-height:1.035!important}
.hero-copy p,.section-head p,.project-copy p,.insights-head>p,.tv-copy p,.contact-copy p{font-size:var(--body-font-desktop)}
.section-head h2,.method-copy h2,.project-copy h2,.insights-head h2,.tv-copy h2,.contact-copy h2{font-size:var(--section-font-desktop)!important}
.btn{font-size:var(--button-font)}
.branch-copy strong,.mobile-solution-copy strong{font-size:var(--spine-font)!important}

/* amber glass buttons: actually transparent */
.btn-amber{color:#fff7e7;background:linear-gradient(135deg,color-mix(in srgb,var(--amber) 27%,transparent),rgba(117,73,18,.13));border:1px solid color-mix(in srgb,var(--amber) 52%,rgba(255,255,255,.14));box-shadow:0 12px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.20);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.btn-amber:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--amber) 36%,transparent),rgba(126,78,20,.18));border-color:color-mix(in srgb,var(--amber) 72%,#fff 10%);box-shadow:0 15px 44px rgba(0,0,0,.24),0 0 28px color-mix(in srgb,var(--amber) 10%,transparent)}

/* hero: protect face and remove clipped descenders */
.hero-copy{max-width:min(500px,39vw)}
.hero-copy h1{overflow:visible;padding:.03em 0 .16em;margin-bottom:12px}

/* all parallax scenes keep their contents independent from the background motion */
.parallax-scene{--parallax-y:0px}
.solutions-section:after,.insights-section:before,.contact-section:before{content:'';position:absolute;inset:-10%;pointer-events:none;transform:translate3d(0,var(--parallax-y),0);will-change:transform;z-index:0}
.solutions-section{background:#05080b!important}
.solutions-section:after{background:radial-gradient(circle at 50% 42%,rgba(20,44,54,.18),transparent 34%),radial-gradient(circle at 82% 20%,rgba(44,33,17,.11),transparent 28%);opacity:.85}
.solutions-section .tech-atmosphere{will-change:transform;z-index:1}
.binary{color:rgba(246,196,83,.10)!important;text-shadow:none!important;opacity:.66;filter:blur(.1px)}
.binary-b{color:rgba(215,105,55,.085)!important}.pill{opacity:.30;background:rgba(13,18,21,.30);box-shadow:none!important;border-color:rgba(246,196,83,.10)!important}
.section-head,.spine-desktop,.spine-mobile{z-index:3}
.insights-section:before{background:radial-gradient(circle at 82% 28%,rgba(35,85,118,.12),transparent 28%)}
.contact-section:before{background:radial-gradient(circle at 80% 36%,rgba(33,86,121,.14),transparent 30%)}

/* spine: thinner, warm, flexible / floating */
.spine-desktop{--spine-x:0px;--spine-y:0px;perspective:900px}
.spine-core{width:1px!important;box-shadow:0 0 2px rgba(246,196,83,.15)!important;animation:spineOrganic 7.2s ease-in-out infinite!important;transform:translate3d(calc(-50% + var(--spine-x)),var(--spine-y),0)}
.spine-core:after{display:none!important}
.branch-line{height:1px!important;opacity:.58!important;box-shadow:none!important;transform:translateY(var(--line-bend,0px));transition:transform .28s var(--motion-ease),opacity .25s ease;animation:lineOrganic 6.4s ease-in-out infinite!important;animation-delay:var(--float-delay,0s)!important}
.branch-node{width:8px!important;height:8px!important;box-shadow:0 0 0 3px #06090b,0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)!important;animation:nodeOrganic 5.6s ease-in-out infinite!important;animation-delay:var(--float-delay,0s)!important}
.branch-copy{width:min(26%,270px)!important;min-height:56px!important;padding:11px 15px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(18,23,27,.48),rgba(7,11,14,.30))!important;border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08))!important;backdrop-filter:blur(15px) saturate(116%)!important;-webkit-backdrop-filter:blur(15px) saturate(116%)!important;box-shadow:0 12px 30px rgba(0,0,0,.08)!important;transform:translate3d(var(--gx,0px),var(--gy,0px),0);animation:cardOrganic 6.1s ease-in-out infinite!important;animation-delay:var(--float-delay,0s)!important;transition:border-color .26s ease,box-shadow .26s ease,filter .26s ease!important}
.solution-branch.left .branch-copy{left:17%!important}.solution-branch.right .branch-copy{right:17%!important}.branch-copy strong{text-shadow:none!important}.branch-copy small{font-size:9px!important}
.solution-branch:hover .branch-copy{animation-duration:2.1s!important;filter:brightness(1.08);border-color:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.16))!important;box-shadow:0 18px 46px rgba(0,0,0,.16)!important}.solution-branch:hover .branch-line{opacity:.9!important;animation-duration:2.0s!important}.solution-branch:hover .branch-node{animation-duration:1.8s!important}
@keyframes spineOrganic{0%,100%{translate:0 0}18%{translate:2px -4px}40%{translate:-2px 2px}64%{translate:2.5px 4px}82%{translate:-1px -2px}}
@keyframes lineOrganic{0%,100%{translate:0 0;scale:1 1}28%{translate:0 -2px;scale:1.015 1}53%{translate:0 1.5px;scale:.992 1}76%{translate:0 -1px;scale:1.006 1}}
@keyframes nodeOrganic{0%,100%{translate:0 0}35%{translate:1px -3px}70%{translate:-1px 2px}}
@keyframes cardOrganic{0%,100%{translate:0 0;rotate:0deg}22%{translate:1px -4px;rotate:-.18deg}48%{translate:-2px 2px;rotate:.16deg}74%{translate:2px 3px;rotate:-.10deg}}

/* robust center modal: click works on desktop and mobile */
.drawer-overlay{position:fixed!important;inset:0!important;z-index:2000!important;background:rgba(3,6,9,.48)!important;backdrop-filter:blur(18px) saturate(66%)!important;-webkit-backdrop-filter:blur(18px) saturate(66%)!important;opacity:0!important;visibility:hidden;transition:opacity .34s var(--motion-ease),visibility .34s ease!important}
.drawer-overlay.is-open:not([hidden]){opacity:1!important;visibility:visible!important}
.solution-drawer{display:block!important;position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;z-index:2010!important;width:min(590px,90vw)!important;max-height:84vh!important;overflow:auto!important;padding:54px 50px 44px!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(17,23,28,.94),rgba(7,11,15,.94))!important;backdrop-filter:blur(28px) saturate(125%)!important;-webkit-backdrop-filter:blur(28px) saturate(125%)!important;box-shadow:0 42px 140px rgba(0,0,0,.62)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-46%) scale(.965)!important;transition:opacity .30s var(--motion-ease),transform .38s var(--motion-ease),visibility .30s ease!important}
.solution-drawer.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,-50%) scale(1)!important}.drawer-open main,.drawer-open footer,.drawer-open .site-header,.drawer-open .site-side-assets,.drawer-open .sound-toggle{filter:blur(8px) brightness(.62)!important;transition:filter .34s ease!important}

/* sound control: mathematically centered glyph */
.sound-toggle{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
.sound-toggle::before{display:none!important}.sound-toggle .music-glyph{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font:700 17px/1 var(--sans)!important;transform:translateY(-1px);letter-spacing:0!important;color:#fff!important}
.sound-toggle.is-muted::after{left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(-45deg)!important}

/* footer utility controls */
.footer-tools{width:var(--content);margin:24px auto 0;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.footer-tool{min-height:48px;border-radius:999px;padding:0 17px;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);cursor:pointer;font-family:var(--sans);font-size:9px;font-weight:800;letter-spacing:.08em;color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:.3s var(--motion-ease)}.footer-tool span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px}.whatsapp-tool{background:linear-gradient(135deg,rgba(37,211,102,.20),rgba(16,100,55,.12));border-color:rgba(78,224,130,.28)}.whatsapp-tool span{background:rgba(37,211,102,.18);color:#91f5b5}.top-tool{background:linear-gradient(135deg,color-mix(in srgb,var(--amber) 22%,transparent),rgba(135,84,16,.12));border-color:color-mix(in srgb,var(--amber) 38%,rgba(255,255,255,.08))}.top-tool span{background:color-mix(in srgb,var(--amber) 15%,transparent);color:#ffe3a2}.footer-tool:hover{transform:translateY(-2px);filter:brightness(1.1)}

/* project background parallax stays visually stable */
.project-picture{inset:-8% 0}.project-parallax{height:116%!important;will-change:transform}

/* smoother mobile navigation: no abrupt display toggle */
@media(max-width:760px){
  body{font-size:var(--body-font-mobile)}
  .site-header{width:94vw!important;height:60px;grid-template-columns:minmax(120px,1fr) auto!important;padding:0 11px 0 15px}
  .brand img{width:var(--logo-mobile)!important;max-height:40px}
  .site-header nav{display:flex!important;position:fixed;top:70px;left:3vw;right:3vw;flex-direction:column;gap:0;padding:12px;background:rgba(6,11,16,.92);border:1px solid rgba(246,196,83,.18);border-radius:15px;box-shadow:0 24px 80px rgba(0,0,0,.45);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.985);transition:opacity .32s var(--motion-ease),transform .38s var(--motion-ease),visibility .32s ease}
  .site-header.open nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
  .site-header nav a{font-size:max(10px,var(--nav-font));padding:13px 10px}
  .hero-copy{left:7vw!important;right:7vw!important;bottom:7.5vh!important;width:auto!important;max-width:none!important}
  .hero-copy h1{font-size:var(--hero-font-mobile)!important;line-height:1.02!important;letter-spacing:-.028em!important;margin:9px 0 10px!important;max-width:94%}
  .hero-copy p{font-size:var(--body-font-mobile)!important;line-height:1.55!important;max-width:92%}
  .hero-actions{margin-top:18px!important;gap:9px!important}.hero-actions .btn{min-width:0!important;padding:0 15px!important;min-height:44px}
  .section-head h2,.method-copy h2,.project-copy h2,.insights-head h2,.tv-copy h2,.contact-copy h2{font-size:var(--section-font-mobile)!important}
  .solutions-section{padding-top:88px!important}.section-head.centered{text-align:center!important}
  .spine-mobile{display:block!important;margin-top:34px!important}.spine-mobile:before{left:18px!important;width:1px!important;box-shadow:none!important;background:linear-gradient(#ffd66f,#f0ad3c,#e87f35,#d85d37,#c34e38,#ffd66f)!important}
  .solution-mobile-card{margin:5px 0;min-height:68px;border:1px solid rgba(255,255,255,.065)!important;border-radius:16px!important;background:rgba(255,255,255,.018)!important;padding-left:48px!important}.solution-mobile-card .mobile-node{left:14px!important;box-shadow:0 0 0 3px #070b0e!important}
  .solution-drawer{width:calc(100vw - 28px)!important;max-height:80svh!important;padding:48px 24px 30px!important;border-radius:24px!important}.solution-drawer h4{font-size:34px!important}.solution-drawer p{font-size:13px!important}
  .footer-tools{width:auto;margin:22px 0 0;justify-content:flex-start}.footer-tool b{font-size:8px}
}

@media(prefers-reduced-motion:reduce){.site-header,.site-header nav,.footer-tool,.solution-drawer,.drawer-overlay{transition:none!important}.project-parallax,.tech-atmosphere,.parallax-float{transform:none!important}}
.solutions-section:after{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent-blue) 26%,transparent),transparent 34%),radial-gradient(circle at 82% 20%,rgba(120,80,28,.10),transparent 28%)}
.insights-section:before{background:radial-gradient(circle at 82% 28%,color-mix(in srgb,var(--accent-blue) 18%,transparent),transparent 29%)}
.contact-section:before{background:radial-gradient(circle at 80% 36%,color-mix(in srgb,var(--accent-blue) 20%,transparent),transparent 31%)}

/* ===== v2.5 interaction & parallax hardening ===== */
body.dialog-open{overflow:hidden}
.solution-dialog{margin:auto;border:0;padding:0;color:#fff;background:transparent;max-width:none;max-height:none;overflow:visible;opacity:0;transform:translateY(10px) scale(.975);transition:opacity .22s ease,transform .28s cubic-bezier(.22,.8,.24,1)}
.solution-dialog[open]{display:block}.solution-dialog.is-visible{opacity:1;transform:translateY(0) scale(1)}
.solution-dialog::backdrop{background:rgba(2,5,8,.58);backdrop-filter:blur(18px) saturate(72%);-webkit-backdrop-filter:blur(18px) saturate(72%)}
.solution-dialog>*{box-sizing:border-box}
.solution-dialog{width:min(620px,calc(100vw - 32px));padding:58px 52px 46px;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(17,24,30,.94),rgba(7,11,15,.96));box-shadow:0 42px 140px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(30px) saturate(128%);-webkit-backdrop-filter:blur(30px) saturate(128%)}
.solution-dialog .drawer-close{position:absolute;top:20px;right:20px}.solution-dialog .drawer-accent{height:1px;width:88px;background:linear-gradient(90deg,var(--drawer,#f6c453),transparent);margin-bottom:24px}.solution-dialog .drawer-kicker{font-size:9px;letter-spacing:.22em;color:var(--drawer,#f6c453)}
.solution-dialog h3{font:700 12px/1.3 var(--display);letter-spacing:.15em;color:var(--drawer,#f6c453);margin:20px 0 8px}.solution-dialog h4{font:500 46px/1.05 var(--serif);margin:0 0 20px}.solution-dialog p{font-size:15px;line-height:1.78;color:#b3bbc2;margin:0 0 28px}.solution-dialog .drawer-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.solution-dialog .drawer-meta span{font-size:8px;letter-spacing:.14em;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);color:#9da8b0;background:rgba(255,255,255,.025)}

/* stronger but elegant real parallax */
.project-picture{inset:-13% 0!important;overflow:hidden}.project-parallax{height:126%!important;transform-origin:center center;will-change:transform!important;transition:none!important}
.tech-atmosphere,.parallax-float,.insight-card>img{will-change:transform;transition:transform .08s linear}
.insight-card>img{transform:translate3d(0,var(--insight-parallax,0px),0) scale(1.08)!important;height:112%!important;top:-6%!important}
.insight-card:hover>img{transform:translate3d(0,var(--insight-parallax,0px),0) scale(1.12)!important}
.solutions-section{background:linear-gradient(180deg,#030506,#050708)!important}
.tech-atmosphere{inset:-7%!important;opacity:.62!important}.binary{color:rgba(111,145,122,.12)!important;text-shadow:none!important}.binary-b{color:rgba(197,151,67,.10)!important}.pill{border-color:rgba(255,255,255,.045)!important;background:rgba(255,255,255,.012)!important;box-shadow:none!important}

/* more organic / gelatinous branches */
.branch-copy{transform:translate3d(var(--gx,0px),var(--gy,0px),0) scale(var(--gsx,1),var(--gsy,1))!important;transform-origin:center!important;transition:transform .55s cubic-bezier(.16,1.25,.24,1),border-color .25s ease,background .25s ease,box-shadow .25s ease!important}
.branch-line{transform:translateY(var(--line-bend,0px)) scaleY(.85)!important;transform-origin:center!important}
.solution-branch:hover .branch-copy{background:linear-gradient(145deg,rgba(28,34,38,.54),rgba(8,12,15,.36))!important}

/* sound control centered */
.sound-toggle{width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important}.sound-toggle .music-glyph{font-size:18px!important;transform:none!important}.sound-toggle.is-waiting{box-shadow:0 0 0 5px rgba(246,196,83,.055),0 12px 32px rgba(0,0,0,.22)!important}

/* mobile hero — preserve face */
@media(max-width:760px){
  .hero-copy{bottom:5.6vh!important;left:7vw!important;right:6vw!important}
  .hero-copy h1{font-size:min(var(--hero-font-mobile),36px)!important;line-height:1.01!important;max-width:92%!important}
  .hero-copy p{max-width:90%!important;line-height:1.48!important}
  .hero-actions{display:grid!important;grid-template-columns:max-content max-content!important;gap:8px!important}
  .hero-actions .btn{min-height:42px!important;padding:0 13px!important}
  .solution-dialog{width:calc(100vw - 24px);padding:48px 24px 30px;border-radius:22px}.solution-dialog h4{font-size:34px}.solution-dialog p{font-size:13px}.solution-dialog .drawer-close{top:14px;right:14px}
  .project-picture{inset:-16% 0!important}.project-parallax{height:132%!important}
}

/* ===== v2.6 HillValley refinement ===== */
.parallax-scene{background-position:calc(50% + var(--parallax-x,0px)) calc(50% + var(--parallax-y,0px));background-size:cover;background-repeat:no-repeat}
.solution-dialog{width:min(80vw,1120px)!important;max-height:min(86vh,860px)!important;padding:52px 54px 42px!important;overflow:auto!important}
.solution-modal-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}.solution-modal-head .solution-summary{max-width:760px;margin-bottom:18px!important}.solution-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:18px 0 12px;border-top:1px solid rgba(255,255,255,.08)}.solution-tabs button{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025);color:#9da8b0;border-radius:999px;padding:9px 12px;font:700 8px/1 var(--sans);letter-spacing:.12em;cursor:pointer}.solution-tabs button.active,.solution-tabs button:hover{border-color:color-mix(in srgb,var(--drawer) 58%,rgba(255,255,255,.14));color:#fff;background:color-mix(in srgb,var(--drawer) 12%,rgba(255,255,255,.02))}.solution-tab-panel{min-height:110px;padding:24px 0 26px;font-size:15px;line-height:1.8;color:#c5ccd1;white-space:pre-line}.solution-modal-cta{width:max-content}

.project-section{min-height:820px!important;padding:110px 0 86px!important;display:block!important;overflow:hidden}.project-shell{position:relative;z-index:3;width:min(1220px,90vw);margin:0 auto;min-height:600px;display:flex;flex-direction:column;justify-content:center}.project-copy{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:min(700px,100%)!important;margin-bottom:46px}.project-timeline{overflow-x:auto;overflow-y:visible;padding:18px 0 28px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--amber) rgba(255,255,255,.06)}.project-track{position:relative;display:flex;gap:24px;width:max-content;padding:26px 3vw 28px 16px}.project-track:before{content:"";position:absolute;left:16px;right:16px;top:5px;height:1px;background:linear-gradient(90deg,var(--amber),rgba(246,196,83,.12),rgba(255,255,255,.06))}.project-card{position:relative;width:340px;min-height:420px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(12,17,21,.73),rgba(5,8,10,.58));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.26);overflow:hidden;animation:projectFloat 6.4s ease-in-out infinite}.project-card:nth-child(2n){animation-delay:-2.1s}.project-card:nth-child(3n){animation-delay:-4.2s}.project-card:before{content:"";position:absolute;top:-25px;left:30px;width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px rgba(246,196,83,.10),0 0 24px rgba(246,196,83,.35)}.project-index{position:absolute;z-index:3;top:15px;right:17px;font:700 9px/1 var(--sans);letter-spacing:.16em;color:rgba(255,255,255,.55)}.project-cover{height:150px;overflow:hidden}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--motion-ease)}.project-card:hover .project-cover img{transform:scale(1.05)}.project-card-copy{padding:24px}.project-card-copy small{font:700 8px/1.2 var(--sans);letter-spacing:.16em;color:var(--amber);text-transform:uppercase}.project-card-copy h3{font:500 28px/1.05 var(--serif);margin:9px 0 12px}.project-card-copy p{font-size:13px;line-height:1.65;color:#b0b8bf}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.project-tech span{padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.09);font-size:8px;letter-spacing:.08em;color:#aeb7bd}.project-result{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;line-height:1.6;color:#d0d5d8}.project-actions{display:flex;gap:14px;margin-top:18px}.project-actions a{font:800 8px/1 var(--sans);letter-spacing:.12em;color:#ffe1a0}@keyframes projectFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.tv-section .sticky-stage{display:flex;align-items:center;justify-content:center}.tv-panels{position:relative;z-index:4;width:min(1160px,88vw);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:22px;align-items:center}.tv-glass{padding:34px 36px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(145deg,rgba(6,10,13,.48),rgba(9,13,16,.66));box-shadow:0 26px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.tv-primary h2{font-size:var(--section-font-desktop);margin:10px 0 15px;line-height:.96}.tv-primary p,.tv-secondary p{color:#c1c7cb;line-height:1.7}.tv-secondary h3{font:500 34px/1.08 var(--serif);margin:10px 0 16px}.tv-secondary strong{display:block;margin-top:24px;font:700 12px/1.4 var(--display);letter-spacing:.08em;background:linear-gradient(90deg,#f1b842,#fff2cf,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact-section{background-color:#111820!important}.contact-form{background:linear-gradient(145deg,rgba(29,39,48,.80),rgba(17,24,31,.86))!important;border-color:rgba(255,255,255,.10)!important}.contact-copy h2{overflow:visible!important;line-height:1.07!important;padding-bottom:.08em}
.footer-top>img{width:min(260px,48vw)!important}.footer-bottom a{background:linear-gradient(90deg,#8de5a7,#2e8b57);-webkit-background-clip:text;background-clip:text;color:transparent!important}.footer-bottom a:hover{filter:brightness(1.12)}
@media(max-width:760px){.solution-dialog{width:calc(100vw - 20px)!important;max-height:88svh!important;padding:44px 22px 28px!important}.solution-modal-head{display:block}.solution-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:14px}.solution-tabs button{white-space:nowrap}.solution-tab-panel{font-size:13px;min-height:90px}.project-section{min-height:760px!important;padding:86px 0 68px!important}.project-shell{width:90vw;min-height:0}.project-copy{margin-bottom:26px}.project-timeline{margin-right:-5vw}.project-track{gap:14px;padding-right:8vw}.project-card{width:min(82vw,310px);min-height:390px}.tv-panels{width:88vw;display:block}.tv-secondary{display:none}.tv-primary{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.tv-primary h2{font-size:var(--section-font-mobile)}.project-card{animation:none}}
.parallax-scene[style*="--section-bg"]{background-image:linear-gradient(rgba(4,7,9,.68),rgba(4,7,9,.72)),var(--section-bg)!important;background-position:calc(50% + var(--parallax-x,0px)) calc(50% + var(--parallax-y,0px))!important;background-size:cover!important;background-repeat:no-repeat!important}
.stage-video.microglitch{filter:contrast(1.04) saturate(1.05);transform:translate3d(1px,-1px,0) scale(1.002);clip-path:polygon(0 0,100% 0,100% 43%,0 46%,0 52%,100% 49%,100% 100%,0 100%)}


/* ===== V2.7 TYPOGRAPHY / AUDIO / TV FIX ===== */
/* Restore the approved warm white -> gold typography on every dark cinematic section. */
.hero-copy h1,
.solutions-section .section-head h2,
.project-copy h2,
.insights-head h2,
.tv-primary h2,
.contact-copy h2{
  background:linear-gradient(105deg,#ffffff 0%,#f5f2e9 54%,#f6c453 88%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}
/* The Method lives on a light background and intentionally stays dark. */
.method-copy h2{background:none!important;-webkit-text-fill-color:#111416!important;color:#111416!important}
/* Secondary manifesto title remains legible and luminous, without competing with the primary gradient. */
.tv-secondary h3{color:#f5f2e9!important}

/* Sound starts in the ON intent. If the browser blocks audible autoplay, show an active waiting state, not a muted state. */
.sound-toggle.is-waiting{opacity:1!important;filter:none!important;background:linear-gradient(135deg,rgba(146,94,20,.72),rgba(217,153,39,.50))!important;border-color:rgba(255,215,129,.34)!important}
.sound-toggle.is-waiting::after{display:none!important}

/* Keep the desktop TV media layer GPU-backed during scroll scrubbing. */
@media(min-width:761px){
  .tv-section .stage-video{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}
}


/* ===== V2.8 METHOD / PROJECTS / TECHNOLOGY ATMOSPHERE ===== */
/* Method is dark in the current composition: restore readable warm typography. */
.method-section{background-color:#05090c!important;color:#fff;}
.method-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 30%,rgba(28,45,57,.18),transparent 44%),linear-gradient(180deg,rgba(3,6,8,.82),rgba(5,10,13,.92));pointer-events:none;z-index:0}
.method-grid{position:relative;z-index:2}
.method-copy h2{background:linear-gradient(105deg,#fff 0%,#f2f0e9 58%,#f6c453 92%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;}
.method-copy>p,.method-note,.method-body{color:rgba(225,231,235,.68)!important}.method-accordion summary strong{color:#eef2f4!important}.method-accordion summary b{color:rgba(246,196,83,.72)!important}.method-accordion details{border-color:rgba(255,255,255,.16)!important}.method-rule{background:rgba(255,255,255,.13)!important}.method-binary{color:rgba(246,196,83,.055)!important}

/* Project scene: shorter on desktop, stronger parallax, horizontal portfolio line. */
@media(min-width:761px){
  .project-section{min-height:620px!important;padding:72px 0 54px!important}
  .project-shell{min-height:495px!important;width:min(1320px,91vw)!important}
  .project-copy{margin-bottom:24px!important;width:min(610px,100%)!important}
  .project-copy h2{margin-bottom:12px!important}
  .project-timeline{padding:8px 0 12px!important}
  .project-track{gap:20px!important;padding-top:24px!important;padding-bottom:14px!important}
  .project-card{width:310px!important;min-height:335px!important;border-radius:21px!important}
  .project-cover{height:132px!important}
  .project-card-copy{padding:20px!important}
}
.project-open{margin-top:16px;border:0;background:none;padding:0;color:#ffe0a0;font:800 8px/1 var(--sans);letter-spacing:.13em;cursor:pointer}.project-card{cursor:pointer}.project-card:focus-visible{outline:2px solid rgba(246,196,83,.72);outline-offset:4px}
.project-code-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.project-code-layer span{position:absolute;font:500 7px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;color:rgba(237,194,94,.08);white-space:nowrap;filter:blur(.2px)}.project-code-layer span:first-child{left:6%;top:16%;transform:rotate(-4deg)}.project-code-layer span:last-child{right:5%;bottom:11%;filter:blur(1.8px);color:rgba(150,184,205,.10);transform:rotate(2deg)}

/* Global multi-depth binary atmosphere. */
.ambient-code-field{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.34;mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%)}
.code-depth{position:absolute;left:-8vw;width:116vw;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:normal;word-spacing:4.5vw;letter-spacing:.14em;line-height:9vh;color:rgba(145,177,196,.055);will-change:transform;user-select:none}.code-depth-far{top:-18vh;font-size:6px;filter:blur(1.6px);opacity:.7}.code-depth-mid{top:-8vh;font-size:7px;filter:blur(.55px);opacity:.7;color:rgba(246,196,83,.045)}.code-depth-near{top:4vh;font-size:8px;filter:blur(2.5px);opacity:.42;color:rgba(225,236,240,.06)}
main,.site-footer{position:relative;z-index:2}

/* Rare glitch overlays are intentionally short; JS toggles them at random intervals. */
body.micro-site-glitch:after{content:"";position:fixed;left:0;right:0;top:var(--glitch-y,35%);height:2px;z-index:9998;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(246,196,83,.22),rgba(124,190,216,.18),transparent);filter:blur(.4px);opacity:.9;transform:translateX(var(--glitch-x,0))}
body.micro-site-glitch .site-header,body.micro-site-glitch .project-copy,body.micro-site-glitch .section-head{transform:translate3d(1px,0,0)}

/* Project case dialog */
.project-dialog{width:min(86vw,1240px);max-height:88vh;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(7,12,16,.97),rgba(4,7,10,.96));color:#fff;box-shadow:0 38px 140px rgba(0,0,0,.72);overflow:hidden}.project-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.project-modal-close{z-index:6}.project-modal-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);min-height:620px}.project-modal-media{position:relative;background:#020405;overflow:auto;max-height:88vh}.project-modal-cover{width:100%;height:380px;object-fit:cover;display:block;background:#080c0f}.project-modal-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.project-modal-gallery button{padding:0;border:0;background:#080c10;cursor:pointer;overflow:hidden;min-height:150px}.project-modal-gallery img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block;transition:transform .45s var(--motion-ease)}.project-modal-gallery button:hover img{transform:scale(1.035)}.project-modal-copy{padding:70px 52px 44px;overflow:auto;max-height:88vh}.project-modal-client{display:block;margin:12px 0 8px;color:var(--amber);font:800 9px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.project-modal-copy h3{font:500 clamp(42px,4vw,70px)/.96 var(--serif);margin:0 0 18px;background:linear-gradient(105deg,#fff,#f0eee7 60%,#f6c453);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.project-modal-summary{font-size:16px;line-height:1.6;color:#d0d5d8}.project-modal-description{font-size:14px;line-height:1.8;color:#aeb8bf;white-space:pre-line;margin:24px 0}.project-modal-tech{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.project-modal-tech span{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);font:700 8px/1 var(--sans);letter-spacing:.08em;color:#c7cfd4}.project-modal-results{padding:18px 0;margin-top:18px;border-top:1px solid rgba(255,255,255,.09);font-size:13px;line-height:1.7;color:#d7dcdf;white-space:pre-line}.project-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.project-modal-actions a[hidden]{display:none!important}
@media(max-width:760px){.ambient-code-field{opacity:.18}.project-dialog{width:calc(100vw - 18px);max-height:90svh;border-radius:22px}.project-modal-layout{display:block;min-height:0}.project-modal-media{max-height:none}.project-modal-cover{height:230px}.project-modal-gallery{grid-template-columns:1fr 1fr}.project-modal-gallery button{min-height:110px}.project-modal-gallery img{min-height:110px}.project-modal-copy{padding:34px 24px 30px;max-height:none}.project-modal-copy h3{font-size:42px}.project-section{min-height:720px!important}.code-depth{word-spacing:9vw}}


/* ===== V2.9 MICRO BINARY ATMOSPHERE + TRUE HORIZONTAL PROJECT TIMELINE ===== */
/* Remove the old oversized/static binary decorations. */
.method-binary,.project-code-layer,.code-depth{display:none!important}

/* Tiny vertical code particles: atmospheric, sparse and intentionally imperfect. */
.ambient-code-field{
  position:fixed!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  overflow:hidden!important;opacity:1!important;mix-blend-mode:screen;
  mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);
}
.binary-stream{
  --x:50vw;--size:6px;--dur:28s;--delay:-8s;--blur:.4px;--alpha:.11;--drift:8px;
  position:absolute;left:var(--x);top:-34vh;width:8px;
  white-space:pre;text-align:center;
  font:500 var(--size)/1.42 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:0;color:rgba(190,214,224,var(--alpha));
  filter:blur(var(--blur));text-shadow:0 0 8px rgba(96,182,205,.08);
  animation:binaryVerticalFloat var(--dur) linear var(--delay) infinite;
  will-change:transform,opacity;user-select:none;
}
.binary-stream.warm{color:rgba(246,196,83,var(--alpha));text-shadow:0 0 7px rgba(246,196,83,.06)}
.binary-stream.near{filter:blur(1.25px);opacity:.62}.binary-stream.far{filter:blur(2px);opacity:.42}
@keyframes binaryVerticalFloat{
  0%{transform:translate3d(0,-12vh,0);opacity:0}
  8%{opacity:.72}
  48%{transform:translate3d(var(--drift),58vh,0);opacity:.78}
  92%{opacity:.48}
  100%{transform:translate3d(calc(var(--drift) * -.45),148vh,0);opacity:0}
}
@media(max-width:760px){.ambient-code-field{opacity:.62!important}.binary-stream:nth-child(2n){display:none}.binary-stream{--size:5px!important}}
@media(prefers-reduced-motion:reduce){.binary-stream{animation:none!important;opacity:.07!important}}

/* Projects: unmistakable left-to-right timeline with interactive cards. */
.project-timeline{position:relative!important;overflow-x:auto!important;overflow-y:visible!important;padding:26px 0 24px!important;scroll-snap-type:x mandatory!important;scroll-padding-left:18px;overscroll-behavior-inline:contain}
.project-track{position:relative!important;display:flex!important;align-items:stretch!important;gap:24px!important;width:max-content!important;padding:42px 5vw 18px 18px!important}
.project-track:before{content:""!important;position:absolute!important;left:18px!important;right:18px!important;top:14px!important;height:2px!important;background:linear-gradient(90deg,#f6c453 0%,rgba(246,196,83,.62) 22%,rgba(246,196,83,.22) 67%,rgba(255,255,255,.06) 100%)!important;box-shadow:0 0 16px rgba(246,196,83,.10)!important}
.project-card{overflow:visible!important;scroll-snap-align:start!important;isolation:isolate;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease!important}
.project-card:before{content:""!important;position:absolute!important;left:30px!important;top:-34px!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#f6c453!important;box-shadow:0 0 0 5px rgba(246,196,83,.10),0 0 22px rgba(246,196,83,.38)!important;z-index:5!important}
.project-card:after{content:"";position:absolute;left:34px;top:-25px;width:1px;height:25px;background:linear-gradient(#f6c453,rgba(246,196,83,.12));z-index:-1}
.project-cover{border-radius:20px 20px 0 0!important}.project-card-copy{border-radius:0 0 20px 20px}
.project-card:hover{border-color:rgba(246,196,83,.30)!important;box-shadow:0 30px 85px rgba(0,0,0,.34),0 0 34px rgba(246,196,83,.06)!important}
.project-card:hover:before{transform:scale(1.22)}
.project-timeline:after{content:"DESLIZE / ARRASTE  →";position:sticky;left:calc(100% - 138px);bottom:0;display:block;width:max-content;margin:-5px 12px 0 auto;padding:7px 10px;border-radius:999px;background:rgba(6,10,13,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(9px);font:700 7px/1 var(--sans);letter-spacing:.13em;color:rgba(255,255,255,.47);pointer-events:none}
@media(min-width:761px){.project-card{animation:projectFloat 7.2s ease-in-out infinite!important}.project-card:nth-child(even){margin-top:18px}.project-card:nth-child(3n){margin-top:7px}}
@media(max-width:760px){.project-track{padding-top:38px!important}.project-card:before{top:-30px!important}.project-card:after{top:-21px!important;height:21px!important}.project-timeline:after{content:"DESLIZE  →"}}
.project-timeline{cursor:grab}.project-timeline.is-dragging{cursor:grabbing;scroll-snap-type:none!important;user-select:none}.project-timeline.is-dragging .project-card{pointer-events:none}


/* ===== V3.0 BRAND + BRANCHED PORTFOLIO TIMELINE ===== */
.site-header{grid-template-columns:minmax(240px,300px) 1fr auto!important}
.brand img{width:var(--logo-desktop)!important;max-height:52px!important}

@media(min-width:761px){
  .project-section{min-height:980px!important;padding:90px 0 70px!important}
  .project-shell{width:min(1500px,94vw)!important;min-height:780px!important;justify-content:flex-start!important}
  .project-copy{margin:0 auto 24px 3vw!important;width:min(680px,48vw)!important}
  .project-timeline{padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:680px!important;cursor:grab}
  .project-track{height:650px!important;min-width:max-content!important;display:flex!important;align-items:flex-start!important;gap:42px!important;padding:0 6vw 0 4vw!important;position:relative!important}
  .project-track:before{top:318px!important;left:2vw!important;right:2vw!important;height:2px!important;background:linear-gradient(90deg,rgba(246,196,83,.12),#f6c453 8%,rgba(246,196,83,.75) 58%,rgba(246,196,83,.12))!important;box-shadow:0 0 20px rgba(246,196,83,.12)!important}
  .project-card{width:340px!important;min-height:286px!important;height:286px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(9,14,18,.88),rgba(4,7,10,.78))!important;overflow:visible!important;animation:projectFloat 8s ease-in-out infinite!important;position:relative!important;margin:0!important}
  .project-card:nth-child(odd){top:10px}
  .project-card:nth-child(even){top:362px}
  .project-card:nth-child(3n){animation-delay:-2.6s!important}.project-card:nth-child(4n){animation-delay:-5s!important}
  .project-card:before{content:""!important;position:absolute!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#f6c453!important;box-shadow:0 0 0 6px rgba(4,7,10,.95),0 0 20px rgba(246,196,83,.5)!important;left:30px!important;z-index:5!important}
  .project-card:after{content:""!important;position:absolute!important;left:34px!important;width:1px!important;background:linear-gradient(#f6c453,rgba(246,196,83,.14))!important;z-index:-1!important}
  .project-card:nth-child(odd):before{top:auto!important;bottom:-43px!important}
  .project-card:nth-child(odd):after{top:auto!important;bottom:-38px!important;height:38px!important}
  .project-card:nth-child(even):before{top:-49px!important;bottom:auto!important}
  .project-card:nth-child(even):after{top:-40px!important;bottom:auto!important;height:40px!important;background:linear-gradient(rgba(246,196,83,.14),#f6c453)!important}
  .project-cover{height:148px!important;border-radius:21px 21px 0 0!important;overflow:hidden!important;background:#080c10!important}
  .project-cover img{width:100%!important;height:100%!important;object-fit:cover!important}
  .project-card-copy{height:138px!important;padding:17px 20px 18px!important;border-radius:0 0 21px 21px!important;overflow:hidden!important}
  .project-card-copy h3{font-size:25px!important;margin:7px 0 7px!important}.project-card-copy p{font-size:11px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .project-tech{display:none!important}.project-open{margin-top:7px!important}
  .project-index{top:13px!important;right:14px!important;background:rgba(4,7,10,.64);padding:5px 7px;border-radius:999px;backdrop-filter:blur(8px)}
  .project-timeline:after{bottom:8px!important}
}
@media(max-width:760px){
  .site-header{grid-template-columns:minmax(160px,1fr) auto!important}
  .brand img{width:var(--logo-mobile)!important;max-height:44px!important}
  .project-section{min-height:auto!important;padding:76px 0 72px!important}
  .project-shell{min-height:auto!important;width:100%!important}
  .project-copy{padding:0 7vw!important;margin:0 0 24px!important}
  .project-timeline{padding:18px 0 20px!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important}
  .project-track{height:auto!important;display:flex!important;gap:15px!important;padding:34px 7vw 16px!important}
  .project-track:before{top:14px!important;left:7vw!important;right:7vw!important}
  .project-card{width:min(82vw,340px)!important;min-width:min(82vw,340px)!important;min-height:390px!important;height:auto!important;margin:0!important;top:0!important;transform:none!important;scroll-snap-align:center!important}
  .project-card:before{top:-26px!important;bottom:auto!important}.project-card:after{top:-18px!important;height:18px!important;bottom:auto!important}
  .project-cover{height:175px!important}.project-card-copy{height:auto!important;padding:22px!important}.project-card-copy h3{font-size:30px!important}.project-card-copy p{font-size:13px!important}
}

/* V3.1 — materiais complementares no case */
.project-modal-files{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.project-modal-files h4{margin:0 0 12px;font:700 10px/1 var(--sans);letter-spacing:.16em;color:#f6c453}
.project-file-public-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.project-file-public{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);text-decoration:none;color:#fff;transition:border-color .25s ease,background .25s ease,transform .25s ease}
.project-file-public:hover{border-color:rgba(246,196,83,.28);background:rgba(246,196,83,.055);transform:translateY(-1px)}
.project-file-public .file-icon{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(246,196,83,.1);border:1px solid rgba(246,196,83,.14);font:800 8px/1 var(--sans);letter-spacing:.08em;color:#f6c453}
.project-file-public .file-copy{min-width:0;display:block}.project-file-public strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.project-file-public small{display:block;margin-top:3px;color:rgba(255,255,255,.48);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:700px){.project-file-public-list{grid-template-columns:1fr}}

/* ===== V3.2 PROJECT INTRO + TIMELESS PORTFOLIO TIMELINE ===== */
/* Solutions spine: stronger top-to-bottom immersion and a more visible blue atmospheric halo. */
.solutions-section{min-height:1240px!important;padding-top:128px!important;padding-bottom:150px!important;background:
 radial-gradient(circle at 50% 47%,rgba(24,89,128,.21) 0,rgba(17,63,92,.12) 24%,rgba(5,15,19,0) 52%),
 radial-gradient(circle at 50% 44%,rgba(7,51,32,.16) 0%,rgba(7,16,13,.08) 28%,transparent 52%),
 linear-gradient(180deg,#050708,#040607)!important}
.spine-desktop{height:820px!important;margin-top:82px!important}

/* Keep "Ideias em operação" as its own cinematic introduction. */
.project-section{min-height:720px!important;padding:96px 0!important;display:flex!important;align-items:center!important;overflow:hidden!important}
.project-intro-shell{position:relative;z-index:4;width:min(1380px,88vw);margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.05fr);gap:clamp(48px,7vw,110px);align-items:center}
.project-intro-shell .project-copy{width:auto!important;margin:0!important;max-width:650px!important}
.project-intro-shell .project-copy h2{margin:10px 0 14px;font:500 clamp(54px,5.2vw,82px)/1.01 var(--serif);letter-spacing:-.035em}
.project-intro-shell .project-copy p{font-size:15px;line-height:1.75;color:#c4cbd0;max-width:620px}
.project-intro-shell .project-copy .inline-link{margin-top:24px}
.project-picture{filter:saturate(.86) contrast(1.03)}
.project-shade{background:linear-gradient(90deg,rgba(2,5,7,.97) 0%,rgba(2,5,7,.80) 38%,rgba(2,5,7,.31) 68%,rgba(2,5,7,.42) 100%)!important}
.project-data-viz{position:relative;min-height:390px;border:1px solid rgba(255,255,255,.11);border-radius:28px;padding:26px 28px;background:linear-gradient(145deg,rgba(8,14,18,.68),rgba(9,14,18,.42));box-shadow:0 32px 100px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(18px);overflow:hidden}
.project-data-viz:before{content:"";position:absolute;inset:auto -16% -35% 32%;height:260px;background:radial-gradient(circle,rgba(31,119,164,.25),transparent 68%);filter:blur(28px);pointer-events:none}
.data-viz-head,.data-viz-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;font:700 8px/1 var(--sans);letter-spacing:.16em;color:#9ea9b1}
.data-viz-head b{color:#f6c453;font-size:8px;padding:6px 9px;border:1px solid rgba(246,196,83,.22);border-radius:999px;background:rgba(246,196,83,.05)}
.data-viz-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 12px}
.data-viz-metrics div{padding:14px 12px;border-top:1px solid rgba(255,255,255,.09)}
.data-viz-metrics strong{display:block;font:500 27px/1 var(--serif);color:#f7f1df}.data-viz-metrics small{display:block;margin-top:7px;font:700 7px/1.3 var(--sans);letter-spacing:.11em;color:#7f8a92}
.data-viz-chart{width:100%;height:auto;margin:4px 0 12px;overflow:visible}.data-viz-chart .grid path{stroke:rgba(255,255,255,.06);stroke-width:1}.data-viz-chart .chart-area{fill:rgba(47,126,162,.10)}.data-viz-chart .chart-line{fill:none;stroke:url(#waChart);stroke-width:4;filter:drop-shadow(0 0 8px rgba(246,196,83,.14))}.data-viz-chart .chart-points circle{fill:#f6c453;stroke:#111820;stroke-width:5}.data-viz-foot{justify-content:flex-start;flex-wrap:wrap}.data-viz-foot span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}

/* New portfolio environment: solid, timeless, technological, no competing photograph. */
.portfolio-section{position:relative;z-index:3;min-height:980px;padding:120px 0 96px;overflow:hidden;background:
 radial-gradient(circle at 50% 44%,rgba(33,76,98,.18),transparent 36%),
 radial-gradient(circle at 14% 78%,rgba(246,196,83,.055),transparent 24%),
 linear-gradient(135deg,#15191d 0%,#0e1216 44%,#171b1f 100%);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.05)}
.portfolio-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 88%,transparent)}
.portfolio-section:after{content:"";position:absolute;left:50%;top:50%;width:min(900px,80vw);height:520px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(18,78,111,.20),rgba(17,41,54,.07) 42%,transparent 72%);filter:blur(24px);pointer-events:none}
.portfolio-time-texture{position:absolute;inset:0;pointer-events:none;overflow:hidden;color:rgba(255,255,255,.018);font:600 clamp(110px,13vw,220px)/1 var(--display);letter-spacing:-.06em;user-select:none}.portfolio-time-texture span{position:absolute}.portfolio-time-texture span:nth-child(1){left:-2%;top:8%}.portfolio-time-texture span:nth-child(2){right:2%;top:18%}.portfolio-time-texture span:nth-child(3){left:42%;top:46%;color:rgba(246,196,83,.025)}.portfolio-time-texture span:nth-child(4){left:10%;bottom:5%}.portfolio-time-texture span:nth-child(5){right:8%;bottom:1%}
.portfolio-head{position:relative;z-index:4;width:min(1380px,90vw);margin:0 auto 54px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}.portfolio-head h2{margin:10px 0 12px;font:500 clamp(44px,4.8vw,72px)/1 var(--serif);letter-spacing:-.035em;background:linear-gradient(105deg,#fff 0%,#e8e9e5 56%,#f6c453 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.portfolio-head p{max-width:760px;margin:0;color:#99a4ac;font-size:14px;line-height:1.7}.timeline-controls{display:flex;align-items:center;gap:12px;color:#7f8991;font:700 7px/1 var(--sans);letter-spacing:.13em}.timeline-controls button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);color:#e8edf0;cursor:pointer;transition:.25s ease}.timeline-controls button:hover{border-color:rgba(246,196,83,.42);color:#f6c453;background:rgba(246,196,83,.045)}

/* Horizontal branched timeline: scrollable by drag/wheel but with NO visible scrollbar. */
.portfolio-section .project-timeline{position:relative!important;z-index:5;width:100%!important;min-height:660px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;margin:0!important;scrollbar-width:none!important;-ms-overflow-style:none!important;scroll-snap-type:x proximity!important;overscroll-behavior-inline:contain!important;cursor:grab!important}
.portfolio-section .project-timeline::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.portfolio-section .project-timeline:after{display:none!important;content:none!important}
.portfolio-section .project-track{height:650px!important;width:max-content!important;min-width:100%!important;display:flex!important;align-items:flex-start!important;gap:44px!important;padding:0 max(5vw,64px)!important;position:relative!important}
.portfolio-section .project-track:before{top:319px!important;left:2vw!important;right:2vw!important;height:2px!important;background:linear-gradient(90deg,transparent 0%,rgba(246,196,83,.35) 3%,#f6c453 18%,rgba(246,196,83,.72) 72%,rgba(246,196,83,.18) 94%,transparent 100%)!important;box-shadow:0 0 20px rgba(246,196,83,.10)!important}
.portfolio-section .project-card{width:345px!important;min-width:345px!important;height:286px!important;min-height:286px!important;background:linear-gradient(145deg,rgba(8,12,15,.94),rgba(15,20,24,.90))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
.portfolio-section .project-card:nth-child(odd){top:8px!important}.portfolio-section .project-card:nth-child(even){top:362px!important}
.portfolio-section .project-card:hover{transform:translateY(-5px)!important;border-color:rgba(246,196,83,.30)!important;box-shadow:0 34px 90px rgba(0,0,0,.34),0 0 42px rgba(246,196,83,.055)!important}
.portfolio-section .project-cover{height:150px!important;background:#070a0d!important}.portfolio-section .project-card-copy{height:136px!important}
.portfolio-section .project-open{border:0;background:none;padding:0;color:#f6cf74;font:800 8px/1 var(--sans);letter-spacing:.12em;cursor:pointer}
.portfolio-section .project-card:focus-visible{outline:2px solid rgba(246,196,83,.72);outline-offset:5px}
.portfolio-empty{position:relative;z-index:4;width:min(1380px,90vw);margin:auto;padding:80px 0;color:#9ea7ad}

/* Short-lived technology glyphs spawned by user movement/scroll. */
.binary-spark{position:fixed;z-index:2;pointer-events:none;font:600 var(--spark-size,6px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:rgba(232,239,242,.42);text-shadow:0 0 7px rgba(95,177,211,.14);animation:binarySpark .9s ease-out forwards;will-change:transform,opacity}
.binary-spark.gold{color:rgba(246,196,83,.58);text-shadow:0 0 7px rgba(246,196,83,.14)}.binary-spark.coral{color:rgba(255,109,83,.42);text-shadow:0 0 7px rgba(255,109,83,.10)}
@keyframes binarySpark{0%{opacity:0;transform:translate3d(0,9px,0) scale(.9)}20%{opacity:1}100%{opacity:0;transform:translate3d(var(--spark-drift,6px),-34px,0) scale(1.05)}}

@media(max-width:760px){
 .solutions-section{min-height:auto!important;padding:90px 0 96px!important}
 .project-section{min-height:650px!important;padding:82px 0 72px!important}.project-intro-shell{width:88vw;display:block}.project-data-viz{margin-top:36px;min-height:0;padding:20px;border-radius:22px}.data-viz-metrics strong{font-size:23px}.data-viz-foot{display:none}
 .portfolio-section{min-height:auto;padding:86px 0 74px}.portfolio-head{display:block;margin-bottom:34px}.portfolio-head h2{font-size:46px}.timeline-controls{margin-top:22px}.timeline-controls span{display:none}.timeline-controls button{width:40px;height:40px}
 .portfolio-section .project-timeline{min-height:440px!important;scroll-snap-type:x mandatory!important}.portfolio-section .project-track{height:auto!important;min-width:max-content!important;gap:16px!important;padding:34px 8vw 24px!important}.portfolio-section .project-track:before{top:14px!important;left:8vw!important;right:8vw!important}.portfolio-section .project-card{width:min(82vw,340px)!important;min-width:min(82vw,340px)!important;height:auto!important;min-height:390px!important;top:0!important;scroll-snap-align:center!important}.portfolio-section .project-card:before{top:-26px!important;bottom:auto!important}.portfolio-section .project-card:after{top:-18px!important;bottom:auto!important;height:18px!important}.portfolio-section .project-cover{height:178px!important}.portfolio-section .project-card-copy{height:auto!important;min-height:210px!important}
 .portfolio-time-texture{font-size:110px;opacity:.6}.binary-spark{display:none}
}
/* V3.2 binary particles live above section backgrounds but remain non-interactive and extremely subtle. */
.ambient-code-field{z-index:8!important}
.portfolio-section,.project-section,.method-section,.solutions-section,.insights-section,.contact-section{isolation:isolate}

/* V3.3 — portfolio refinements: compact cards, varied rhythm and full-surface drag. */
@media(min-width:761px){
  .portfolio-section{min-height:850px!important;padding:105px 0 82px!important}
  .portfolio-section .project-timeline{min-height:560px!important;touch-action:pan-y;cursor:grab!important}
  .portfolio-section .project-track{height:548px!important;gap:54px!important;padding:0 max(5vw,72px)!important}
  .portfolio-section .project-track:before{top:272px!important}
  .portfolio-section .project-card{width:268px!important;min-width:268px!important;height:232px!important;min-height:232px!important;border-radius:18px!important;cursor:grab!important;animation:projectFloat 8.6s ease-in-out infinite!important}
  .portfolio-section .project-card:nth-child(odd){top:8px!important}
  .portfolio-section .project-card:nth-child(even){top:314px!important}
  .portfolio-section .project-card:nth-child(3n){top:22px!important}
  .portfolio-section .project-card:nth-child(6n){top:300px!important}
  .portfolio-section .project-cover{height:112px!important;border-radius:17px 17px 0 0!important}
  .portfolio-section .project-card-copy{height:120px!important;padding:13px 16px 14px!important;border-radius:0 0 17px 17px!important}
  .portfolio-section .project-card-copy small{font-size:7px!important;letter-spacing:.14em!important}
  .portfolio-section .project-card-copy h3{font-size:21px!important;line-height:1.02!important;margin:6px 0 6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .portfolio-section .project-card-copy p{font-size:9.7px!important;line-height:1.45!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .portfolio-section .project-tech{display:none!important}
  .portfolio-section .project-open{margin-top:9px!important;font-size:7px!important}
  .portfolio-section .project-index{top:11px!important;right:12px!important;font-size:7px!important}
  .portfolio-section .project-card:before{left:25px!important}
  .portfolio-section .project-card:after{left:29px!important}
  .portfolio-section .project-card:nth-child(odd):before{bottom:-46px!important}
  .portfolio-section .project-card:nth-child(odd):after{bottom:-41px!important;height:41px!important}
  .portfolio-section .project-card:nth-child(even):before{top:-47px!important}
  .portfolio-section .project-card:nth-child(even):after{top:-39px!important;height:39px!important}
  .portfolio-section .project-card:nth-child(4n+1){border-color:rgba(65,211,160,.22)!important}
  .portfolio-section .project-card:nth-child(4n+2){border-color:rgba(90,174,255,.22)!important}
  .portfolio-section .project-card:nth-child(4n+3){border-color:rgba(246,196,83,.24)!important}
  .portfolio-section .project-card:nth-child(4n){border-color:rgba(255,105,87,.20)!important}
  .portfolio-section .project-card:hover{transform:translateY(-4px) scale(1.012)!important}
  .portfolio-section .project-timeline.is-dragging,.portfolio-section .project-timeline.is-dragging *{cursor:grabbing!important}
  .portfolio-section .project-timeline:not(.is-dragging) .project-card:hover{cursor:pointer!important}
}
.project-dialog{width:min(88vw,1280px)!important}
.project-modal-category{color:var(--amber)!important}
.project-modal-copy h3{max-width:820px}
.project-modal-summary{font-size:15px!important;max-width:720px}
.project-modal-description{max-width:760px}
@media(max-width:760px){
  .portfolio-section .project-card{width:min(76vw,292px)!important;min-width:min(76vw,292px)!important;min-height:350px!important}
  .portfolio-section .project-cover{height:150px!important}
  .portfolio-section .project-card-copy{min-height:195px!important;padding:18px!important}
  .portfolio-section .project-card-copy h3{font-size:27px!important}
}


/* ===== V3.4 HEADER / PORTFOLIO MOTION / TECHNOLOGY ATMOSPHERE / FOOTER ===== */
/* Header: more presence on desktop, larger signature and slightly larger navigation. */
@media(min-width:761px){
  .site-header{top:12px!important;width:min(1480px,96vw)!important;height:80px!important;padding:0 22px 0 30px!important;grid-template-columns:minmax(275px,320px) 1fr auto!important;border-radius:18px!important}
  .site-header .brand{height:100%;min-width:0}
  .site-header .brand img{width:min(var(--logo-desktop),280px)!important;max-width:100%!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important}
  .site-header nav{gap:34px!important}
  .site-header nav a{font-size:max(var(--nav-font),10px)!important;letter-spacing:.13em!important}
}

/* No electronic failure effect anywhere. Technology is expressed through data, not simulated defects. */
.stage-video.microglitch{filter:none!important;transform:none!important;clip-path:none!important}
body.micro-site-glitch:after{display:none!important}
body.micro-site-glitch .site-header,body.micro-site-glitch .project-copy,body.micro-site-glitch .section-head{transform:none!important}

/* Ephemeral vertical binary columns — tiny, sparse and independent from pointer position. */
.ambient-code-field{z-index:8!important;opacity:1!important;mix-blend-mode:normal!important}
.binary-stream,.binary-spark{display:none!important}
.binary-column{position:absolute;left:var(--x);top:-28vh;white-space:pre;text-align:center;font:600 var(--size,5.4px)/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;opacity:0;color:rgba(236,241,244,var(--alpha,.10));filter:blur(var(--blur,0px));text-shadow:none;will-change:transform,opacity;animation:binaryColumnFall var(--dur,14s) linear forwards;user-select:none}
.binary-column.gold{color:rgba(246,196,83,var(--alpha,.11))}.binary-column.coral{color:rgba(217,104,76,var(--alpha,.08))}.binary-column.far{z-index:0}.binary-column.near{z-index:2}
@keyframes binaryColumnFall{0%{opacity:0;transform:translate3d(0,-12vh,0)}10%{opacity:.8}48%{opacity:1}88%{opacity:.65}100%{opacity:0;transform:translate3d(var(--drift,0px),138vh,0)}}

/* Portfolio: no visible scrollbar; the whole empty canvas is draggable. */
.portfolio-section .project-timeline{scrollbar-width:none!important;-ms-overflow-style:none!important;cursor:grab!important;overscroll-behavior-x:contain;scroll-behavior:auto!important}
.portfolio-section .project-timeline::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.portfolio-section .project-timeline.is-dragging{cursor:grabbing!important;user-select:none!important}
.portfolio-section .project-timeline.is-dragging .project-card{cursor:grabbing!important}
@media(min-width:761px){.portfolio-section .project-card{animation:none!important;transform:none!important;cursor:pointer!important}}
.timeline-controls-bottom{position:relative!important;z-index:8!important;margin:28px auto 0!important;width:max-content!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important}
.timeline-controls-bottom button{width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important}
.timeline-controls-bottom span{font-size:7px!important;letter-spacing:.15em!important;color:rgba(211,219,224,.56)!important}

/* Footer: signature followed by institutional sentence, legal line unified in green. */
.footer-top{align-items:start!important}
.footer-brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.footer-brand-block img{width:min(290px,56vw)!important;max-height:92px!important;object-fit:contain!important;object-position:left center}
.footer-brand-block p{margin:0!important;width:min(360px,78vw)!important;font-size:13px!important;line-height:1.65!important;color:#aeb8bd!important;max-width:none!important}
.footer-bottom{font-size:11px!important;color:#64d889!important;align-items:center!important}
.footer-bottom span,.footer-bottom a{color:#64d889!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#64d889!important}
.footer-bottom a{font-weight:600!important;transition:opacity .25s ease,color .25s ease!important}.footer-bottom a:hover{color:#91edab!important;opacity:1!important;filter:none!important}
@media(max-width:760px){
  .footer-brand-block img{width:min(235px,62vw)!important;max-height:76px!important}.footer-brand-block p{font-size:12px!important;width:min(340px,88vw)!important}.footer-bottom{font-size:10px!important}
  .timeline-controls-bottom{margin-top:20px!important}.timeline-controls-bottom span{display:none!important}
  .binary-column{font-size:5px!important}
}

/* V3.4 final polish */
@media(min-width:761px){
  .site-header{grid-template-columns:minmax(315px,350px) 1fr auto!important}
  .site-header .brand img{width:clamp(292px,calc(var(--logo-desktop) * 1.18),330px)!important;max-height:68px!important}
}
.portfolio-head{grid-template-columns:1fr!important}
.tech-atmosphere .binary{display:none!important}
@media(min-width:761px){.portfolio-section .project-card{cursor:grab!important}.portfolio-section .project-card:active{cursor:grabbing!important}}

/* ===== V3.4.1 MOBILE SOLUTION MODAL — NO CLIPPED TABS ===== */
@media(max-width:760px){
  .solution-dialog{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    padding-left:18px!important;
    padding-right:18px!important;
    overflow-x:hidden!important;
  }
  .solution-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
    flex-wrap:unset!important;
    padding:18px 0 14px!important;
  }
  .solution-tabs button{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:9px 8px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.28!important;
    overflow-wrap:anywhere!important;
  }
  .solution-tabs button:last-child{
    grid-column:1 / -1!important;
    width:min(220px,100%)!important;
    justify-self:center!important;
  }
}


/* ===== V3.5 — MINIMAL PORTFOLIO / SIDE BINARY / LARGE BRAND ===== */
/* No continuous code rain. Binary data appears sparsely only at the extreme sides. */
.binary-column,.binary-stream,.binary-spark{display:none!important}
.ambient-code-field{z-index:7!important;opacity:1!important;mix-blend-mode:normal!important;mask-image:none!important;-webkit-mask-image:none!important}
.binary-column-side{position:absolute;left:var(--x);top:var(--y);white-space:pre;text-align:center;font:600 var(--size,11px)/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;color:rgba(237,242,245,var(--alpha,.16));opacity:0;transform:translate3d(-50%,0,0);animation:binarySideAppear var(--dur,4.8s) cubic-bezier(.22,.61,.36,1) forwards;user-select:none;will-change:opacity,transform;filter:blur(.15px)}
.binary-column-side.gold{color:rgba(246,196,83,var(--alpha,.18))}.binary-column-side.coral{color:rgba(230,108,72,var(--alpha,.14))}
@keyframes binarySideAppear{0%{opacity:0;transform:translate3d(-50%,-10px,0)}18%{opacity:.9}68%{opacity:.8}100%{opacity:0;transform:translate3d(-50%,var(--shift,34px),0)}}

/* Header/signature: stronger presence without changing the TV section or other content. */
@media(min-width:761px){
  .site-header{height:92px!important;grid-template-columns:minmax(405px,440px) 1fr auto!important;padding-left:30px!important}
  .site-header .brand img{width:clamp(365px,calc(var(--logo-desktop) * 1.48),430px)!important;max-height:82px!important}
  .site-header nav a{font-size:max(var(--nav-font),10.5px)!important}
}
@media(max-width:760px){
  .site-header{height:70px!important;top:8px!important;padding:0 12px 0 14px!important;grid-template-columns:minmax(0,1fr) auto!important}
  .site-header .brand img,.brand img{width:clamp(145px,calc(var(--logo-mobile) * 1.35),190px)!important;max-height:62px!important;object-fit:contain!important;object-position:left center!important}
  .site-header nav{top:84px!important}
}

/* Portfolio background: sober graphite + a centered blue atmospheric halo. */
.portfolio-section{background:radial-gradient(ellipse at 50% 48%,rgba(27,92,126,.24) 0%,rgba(22,58,77,.10) 30%,transparent 58%),linear-gradient(135deg,#171b1f 0%,#111519 48%,#171b1f 100%)!important}
.portfolio-section:after{width:min(980px,84vw)!important;height:560px!important;background:radial-gradient(ellipse,rgba(22,92,130,.24),rgba(16,53,74,.09) 44%,transparent 73%)!important;filter:blur(30px)!important}
.portfolio-time-texture{opacity:.48!important;color:rgba(255,255,255,.018)!important}

/* Fine yellow-to-orange time axis and very small nodes/connectors. */
.portfolio-section .project-track:before{height:1px!important;background:linear-gradient(90deg,transparent 0%,rgba(246,196,83,.32) 5%,#f6c453 28%,#ffb43d 56%,#f47c35 80%,rgba(244,124,53,.24) 96%,transparent 100%)!important;box-shadow:0 0 9px rgba(255,168,55,.08)!important}
.portfolio-section .project-card{overflow:visible!important;animation:none!important;background:transparent!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.portfolio-section .project-cover,.portfolio-section .project-card-copy{background:linear-gradient(145deg,rgba(7,11,14,.98),rgba(13,18,22,.96))!important;border-left:1px solid rgba(255,255,255,.085)!important;border-right:1px solid rgba(255,255,255,.085)!important}
.portfolio-section .project-cover{border-top:1px solid rgba(255,255,255,.085)!important}
.portfolio-section .project-card-copy{border-bottom:1px solid rgba(255,255,255,.085)!important}
.portfolio-section .project-card:before{width:6px!important;height:6px!important;background:linear-gradient(135deg,#ffd263,#f58a34)!important;box-shadow:0 0 0 3px rgba(13,17,20,.96),0 0 8px rgba(246,157,55,.22)!important;z-index:4!important}
.portfolio-section .project-card:after{width:1px!important;background:linear-gradient(180deg,#f6c453,#f58a34)!important;opacity:.86!important;z-index:0!important}
.portfolio-section .project-index,.portfolio-section .project-card-copy p,.portfolio-section .project-tech,.portfolio-section .project-open{display:none!important}
.portfolio-section .project-card-copy small{font-size:9px!important;letter-spacing:.13em!important;color:#f5bd52!important}
.portfolio-section .project-card-copy h3{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;margin:7px 0 0!important}
.portfolio-section .project-cover img{pointer-events:none}
.portfolio-section .project-timeline{overscroll-behavior-x:auto!important;touch-action:pan-y!important}
.portfolio-section .project-timeline.is-dragging{scroll-snap-type:none!important;user-select:none!important}
.portfolio-section .project-timeline.is-dragging .project-card{pointer-events:none!important}

@media(min-width:761px){
  .portfolio-section{min-height:760px!important;padding:96px 0 72px!important}
  .portfolio-section .project-timeline{min-height:470px!important;cursor:grab!important}
  .portfolio-section .project-track{height:455px!important;gap:62px!important;padding:0 max(5vw,72px)!important}
  .portfolio-section .project-track:before{top:224px!important}
  .portfolio-section .project-card{width:220px!important;min-width:220px!important;height:174px!important;min-height:174px!important;border-radius:15px!important;cursor:pointer!important}
  .portfolio-section .project-card:nth-child(odd),.portfolio-section .project-card:nth-child(3n){top:10px!important}
  .portfolio-section .project-card:nth-child(even),.portfolio-section .project-card:nth-child(6n){top:278px!important}
  .portfolio-section .project-cover{height:105px!important;border-radius:15px 15px 0 0!important;overflow:hidden!important}
  .portfolio-section .project-card-copy{height:69px!important;min-height:69px!important;padding:11px 13px 12px!important;border-radius:0 0 15px 15px!important;overflow:hidden!important}
  .portfolio-section .project-card-copy h3{font-size:18px!important;line-height:1.02!important}
  .portfolio-section .project-card:nth-child(odd):before{left:26px!important;top:auto!important;bottom:-43px!important}
  .portfolio-section .project-card:nth-child(odd):after{left:28.5px!important;top:auto!important;bottom:-39px!important;height:39px!important}
  .portfolio-section .project-card:nth-child(even):before{left:26px!important;top:-57px!important;bottom:auto!important}
  .portfolio-section .project-card:nth-child(even):after{left:28.5px!important;top:-53px!important;bottom:auto!important;height:53px!important;background:linear-gradient(180deg,#f58a34,#f6c453)!important}
  .portfolio-section .project-card:hover .project-cover img{transform:scale(1.025)!important}
  .portfolio-section .project-card:hover{transform:none!important;box-shadow:none!important}
}

/* Mobile: one straight row only — no alternating upper/lower cards and no clipping. */
@media(max-width:760px){
  .portfolio-section{padding:78px 0 64px!important;min-height:auto!important}
  .portfolio-head{width:86vw!important;margin-bottom:26px!important}.portfolio-head h2{font-size:42px!important}
  .portfolio-section .project-timeline{min-height:280px!important;height:280px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:0!important}
  .portfolio-section .project-track{height:252px!important;gap:18px!important;padding:12px 10vw 34px!important;align-items:flex-start!important}
  .portfolio-section .project-track:before{top:219px!important;left:7vw!important;right:7vw!important}
  .portfolio-section .project-card,.portfolio-section .project-card:nth-child(odd),.portfolio-section .project-card:nth-child(even),.portfolio-section .project-card:nth-child(3n),.portfolio-section .project-card:nth-child(6n){width:min(68vw,245px)!important;min-width:min(68vw,245px)!important;height:184px!important;min-height:184px!important;top:0!important;scroll-snap-align:center!important;border-radius:15px!important}
  .portfolio-section .project-cover{height:108px!important;border-radius:15px 15px 0 0!important;overflow:hidden!important}
  .portfolio-section .project-card-copy{height:76px!important;min-height:76px!important;padding:11px 13px!important;border-radius:0 0 15px 15px!important;overflow:hidden!important}
  .portfolio-section .project-card-copy small{font-size:8px!important}.portfolio-section .project-card-copy h3{font-size:20px!important;line-height:1.02!important}
  .portfolio-section .project-card:before,.portfolio-section .project-card:nth-child(odd):before,.portfolio-section .project-card:nth-child(even):before{left:24px!important;top:auto!important;bottom:-39px!important}
  .portfolio-section .project-card:after,.portfolio-section .project-card:nth-child(odd):after,.portfolio-section .project-card:nth-child(even):after{left:26.5px!important;top:auto!important;bottom:-35px!important;height:35px!important;background:linear-gradient(180deg,#f6c453,#f58a34)!important}
  .portfolio-time-texture{font-size:78px!important;opacity:.32!important}
  .binary-column-side{font-size:var(--size,10px)!important}
}

/* Large, intuitive bare chevrons centered below the timeline. */
.timeline-controls-bottom{margin:12px auto 0!important;gap:42px!important}
.timeline-controls-bottom button{width:68px!important;height:56px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#f6c453!important;font:300 52px/1 Georgia,serif!important;padding:0!important;box-shadow:none!important;text-shadow:0 0 14px rgba(246,196,83,.12)!important}
.timeline-controls-bottom button:hover{color:#ff983d!important;background:transparent!important;transform:scale(1.08)!important}
.timeline-controls-bottom span{display:none!important}
@media(max-width:760px){.timeline-controls-bottom{margin-top:4px!important;gap:34px!important}.timeline-controls-bottom button{width:58px!important;height:50px!important;font-size:46px!important}}

/* Project case popup: card click always reveals the detailed case. */
.project-dialog{z-index:1000!important}
.project-dialog[open]{display:block!important}
@media(max-width:760px){
  .project-dialog{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;max-height:92svh!important}
  .project-modal-cover{height:210px!important}.project-modal-copy{padding:30px 22px 28px!important}.project-modal-copy h3{font-size:38px!important;line-height:1!important}
}
/* v3.5 readability pass for the minimal project label. */
@media(min-width:761px){.portfolio-section .project-card-copy small{font-size:10px!important;font-weight:800!important}}
@media(max-width:760px){.portfolio-section .project-card-copy small{font-size:9px!important;font-weight:800!important}}
/* Align the single-row mobile card connectors exactly to the horizontal axis. */
@media(max-width:760px){
  .portfolio-section .project-card:before,.portfolio-section .project-card:nth-child(odd):before,.portfolio-section .project-card:nth-child(even):before{bottom:-26px!important}
  .portfolio-section .project-card:after,.portfolio-section .project-card:nth-child(odd):after,.portfolio-section .project-card:nth-child(even):after{bottom:-23px!important;height:23px!important}
}

/* ===== Hill Valley 3.8 — Marty / header / footer mobile ===== */
@media(min-width:900px){.site-header{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)!important}.site-header .brand{justify-self:start}.site-header nav{justify-self:center}.site-header .header-actions{justify-self:end}}
.marty-launch{position:relative;min-height:38px;padding:0 15px;border:1px solid rgba(255,93,79,.48);border-radius:10px;background:linear-gradient(135deg,rgba(152,30,27,.92),rgba(102,14,20,.88));color:#fff;font:850 8px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 0 rgba(226,60,52,.32),0 10px 28px rgba(79,8,11,.26);animation:martyCtaPulse 2.5s ease-out infinite;white-space:nowrap}.marty-launch:hover{transform:translateY(-1px);filter:brightness(1.09)}@keyframes martyCtaPulse{0%,55%{box-shadow:0 0 0 0 rgba(226,60,52,.30),0 10px 28px rgba(79,8,11,.26)}78%{box-shadow:0 0 0 9px rgba(226,60,52,0),0 10px 28px rgba(79,8,11,.26)}100%{box-shadow:0 0 0 0 rgba(226,60,52,0),0 10px 28px rgba(79,8,11,.26)}}
.marty-dialog{width:min(980px,92vw);max-height:min(88svh,860px);padding:0;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(150deg,rgba(12,18,23,.98),rgba(5,8,11,.985));color:#f4f5f6;box-shadow:0 34px 120px rgba(0,0,0,.68);overflow:hidden}.marty-dialog::backdrop{background:rgba(1,3,5,.76);backdrop-filter:blur(16px)}.marty-dialog .drawer-close{z-index:8;top:18px;right:18px}.marty-shell{min-height:560px;padding:54px 56px 38px;background:radial-gradient(circle at 78% 12%,rgba(246,196,83,.11),transparent 25%),radial-gradient(circle at 18% 88%,rgba(32,102,139,.14),transparent 27%)}.marty-brandline{display:flex;align-items:center;gap:10px;margin-bottom:34px}.marty-brandline b{font:850 10px/1 var(--sans);letter-spacing:.14em;color:#f6c453}.marty-brandline small{font-size:8px;letter-spacing:.15em;color:#68747c}.marty-pulse{width:8px;height:8px;border-radius:50%;background:#e95749;box-shadow:0 0 0 0 rgba(233,87,73,.45);animation:leadPulseFront 1.8s ease-out infinite}@keyframes leadPulseFront{0%{box-shadow:0 0 0 0 rgba(233,87,73,.42)}70%{box-shadow:0 0 0 9px rgba(233,87,73,0)}100%{box-shadow:0 0 0 0 rgba(233,87,73,0)}}.marty-onboarding{max-width:720px}.marty-onboarding h2{margin:10px 0 18px;font:500 clamp(44px,6vw,76px)/.96 var(--serif);letter-spacing:-.035em}.marty-onboarding h2 em{font-style:normal;background:linear-gradient(90deg,#fff,#f6c453);-webkit-background-clip:text;background-clip:text;color:transparent}.marty-onboarding>p{max-width:680px;color:#b7c0c6;font-size:15px;line-height:1.75;margin-bottom:28px}.marty-onboarding>label{max-width:520px;font-size:10px;letter-spacing:.10em;color:#8d989f;text-transform:uppercase}.marty-onboarding input[type=text]{margin-top:8px;width:100%;height:52px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(0,0,0,.28);color:#fff;padding:0 15px;outline:none}.marty-onboarding input[type=text]:focus{border-color:rgba(246,196,83,.55);box-shadow:0 0 0 3px rgba(246,196,83,.07)}.marty-address{border:0;padding:0;margin:20px 0 24px}.marty-address legend{font-size:9px;letter-spacing:.10em;color:#7f8a91;margin-bottom:10px;text-transform:uppercase}.marty-address label{display:inline-flex;margin:0 7px 7px 0}.marty-address input{position:absolute;opacity:0}.marty-address span{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#aab3b9;font-size:8px;font-weight:800;letter-spacing:.11em;cursor:pointer}.marty-address input:checked+span{border-color:rgba(246,196,83,.66);background:rgba(246,196,83,.10);color:#ffe09a}.marty-start{min-width:220px}.marty-chat{display:grid;grid-template-rows:auto minmax(220px,1fr) auto auto auto;gap:13px;min-height:610px}.marty-chat-head{display:flex;justify-content:space-between;align-items:center;padding-right:50px}.marty-chat-head small{display:block;color:#7f8b92;font-size:8px;letter-spacing:.13em}.marty-chat-head strong{display:block;margin-top:4px;font:500 27px/1 var(--serif)}.marty-online{font-size:7px;letter-spacing:.13em;color:#62d88a}.marty-messages{overflow:auto;display:flex;flex-direction:column;gap:11px;padding:16px 4px 16px 0;scrollbar-width:thin;scrollbar-color:rgba(246,196,83,.42) transparent}.marty-msg{max-width:78%;padding:13px 15px;border-radius:16px;font-size:13px;line-height:1.62;white-space:pre-wrap}.marty-msg.assistant{align-self:flex-start;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:#d4d9dc;border-bottom-left-radius:5px}.marty-msg.user{align-self:flex-end;background:linear-gradient(135deg,rgba(144,97,24,.46),rgba(89,58,16,.42));border:1px solid rgba(246,196,83,.20);color:#fff;border-bottom-right-radius:5px}.marty-msg.thinking{opacity:.62;font-style:italic}.marty-quick{display:flex;gap:7px;flex-wrap:wrap}.marty-quick button{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025);color:#9ea8ae;border-radius:999px;padding:8px 10px;font-size:7px;font-weight:800;letter-spacing:.09em;cursor:pointer}.marty-quick button:hover{color:#fff;border-color:rgba(246,196,83,.34)}.marty-composer{display:grid;grid-template-columns:1fr 48px;gap:9px}.marty-composer textarea{resize:none;min-height:52px;max-height:130px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.30);color:#fff;outline:none}.marty-composer textarea:focus{border-color:rgba(246,196,83,.48)}.marty-composer button{border:0;border-radius:13px;background:linear-gradient(135deg,#f6c453,#f1a83f);color:#1e1507;font-size:24px;cursor:pointer}.marty-conversion{display:flex;gap:9px;flex-wrap:wrap}.marty-whatsapp,.marty-lead-open{min-height:42px;padding:0 14px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:850;letter-spacing:.08em;cursor:pointer}.marty-whatsapp{background:linear-gradient(135deg,rgba(21,126,62,.42),rgba(7,72,39,.38));border:1px solid rgba(68,215,116,.24);color:#8df2ad}.marty-lead-open{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#c6cdd2}.marty-lead-form{padding:14px;border-radius:14px;border:1px solid rgba(246,196,83,.15);background:rgba(246,196,83,.035)}.marty-lead-form p{margin:0 0 9px;color:#9fa8ae;font-size:11px}.marty-lead-form>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.marty-lead-form input{height:42px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(0,0,0,.28);color:#fff;padding:0 11px}.marty-lead-form .btn{margin-top:9px;min-height:38px}.marty-lead-form [data-marty-lead-status]{display:block;margin-top:8px;color:#9ed8ae;font-size:9px}
@media(max-width:760px){.site-header{grid-template-columns:minmax(0,1fr) auto!important}.site-header nav{grid-column:1/-1}.marty-launch{height:38px;min-height:38px;padding:0 10px;font-size:7px;max-width:118px;overflow:hidden;text-overflow:ellipsis}.marty-dialog{width:calc(100vw - 14px);max-height:92svh;border-radius:22px}.marty-shell{min-height:0;padding:48px 20px 22px}.marty-brandline{margin-bottom:22px}.marty-onboarding h2{font-size:42px}.marty-onboarding>p{font-size:13px;line-height:1.65}.marty-chat{min-height:76svh;grid-template-rows:auto minmax(250px,1fr) auto auto auto}.marty-msg{max-width:92%;font-size:12px}.marty-quick{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.marty-quick button{white-space:nowrap}.marty-conversion{display:grid;grid-template-columns:1fr}.marty-whatsapp,.marty-lead-open{width:100%}.marty-lead-form>div{grid-template-columns:1fr}.footer-tools{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-left:auto!important;margin-right:auto!important}.footer-tool{flex:0 1 auto!important}.footer-bottom{text-align:center!important}.footer-bottom>div{justify-content:center!important}}

/* ===== Hill Valley 4.0 — Marty immersive conversation ===== */
@media(min-width:900px){
  .site-header .header-actions{justify-self:start!important;margin-left:48px!important}
}
.marty-launch{min-height:42px!important;padding:0 22px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--marty-cta,#c83d36) 72%,#fff 0%)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--marty-cta,#c83d36) 92%,#fff 4%),color-mix(in srgb,var(--marty-cta,#c83d36) 74%,#000 26%))!important;color:#fff!important;font-size:8.5px!important;letter-spacing:.12em!important;box-shadow:0 12px 30px color-mix(in srgb,var(--marty-cta,#c83d36) 24%,transparent)!important;animation:none!important;transform-origin:center;transition:transform .24s ease,filter .24s ease,box-shadow .24s ease!important}
.marty-launch:hover{transform:translateY(-1px) scale(1.025)!important;filter:brightness(1.08)}
.marty-launch.is-pulsing{animation:martyCtaBreathe 2.75s ease-in-out infinite!important}
@keyframes martyCtaBreathe{0%,100%{transform:scale(1);box-shadow:0 12px 30px color-mix(in srgb,var(--marty-cta,#c83d36) 22%,transparent)}50%{transform:scale(1.055);box-shadow:0 15px 38px color-mix(in srgb,var(--marty-cta,#c83d36) 38%,transparent),0 0 0 7px color-mix(in srgb,var(--marty-cta,#c83d36) 7%,transparent)}}
.marty-shell{min-height:600px!important;padding:50px 56px 36px!important;background:radial-gradient(circle at 82% 10%,rgba(246,196,83,.095),transparent 27%),radial-gradient(circle at 14% 90%,rgba(32,102,139,.11),transparent 30%)!important}
.marty-chat{display:grid!important;grid-template-rows:auto minmax(300px,1fr) auto auto auto!important;gap:14px!important;min-height:600px!important}
.marty-chat-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding-right:52px!important;margin-bottom:2px!important}
.marty-chat-head>div{min-width:0}.marty-brandline{margin:0 0 11px!important;gap:9px!important}.marty-brandline small{display:none!important}.marty-brandline b{font-size:10px!important;letter-spacing:.15em!important}.marty-chat-head strong{display:block!important;margin:0!important;font:500 clamp(30px,3.2vw,42px)/1 var(--serif)!important;letter-spacing:-.025em!important;color:#f5f6f7!important}.marty-chat-head p{margin:10px 0 0!important;color:#98a3aa!important;font-size:13px!important;line-height:1.5!important}.marty-online{display:inline-flex!important;align-items:center!important;gap:7px!important;margin-top:5px!important;font-size:7px!important;letter-spacing:.13em!important;color:#68dd8f!important}.marty-online i{width:6px;height:6px;border-radius:50%;background:#68dd8f;box-shadow:0 0 10px rgba(104,221,143,.45)}
.marty-messages{min-height:290px!important;padding:14px 5px 18px 0!important;gap:12px!important}.marty-msg{max-width:min(76%,690px)!important;padding:14px 16px!important;border-radius:17px!important;font-size:13.5px!important;line-height:1.65!important}.marty-msg.assistant{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.035))!important}.marty-msg.user{background:linear-gradient(135deg,rgba(139,92,24,.48),rgba(79,50,13,.42))!important;border-color:rgba(246,196,83,.24)!important}.marty-msg.thinking{display:inline-flex!important;align-items:center!important;gap:9px!important;opacity:.72!important;font-style:normal!important;color:#a8b2b8!important;width:max-content!important;max-width:250px!important}.marty-typing-dots{display:inline-flex;gap:4px}.marty-typing-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#f6c453;animation:martyDot 1.05s ease-in-out infinite}.marty-typing-dots i:nth-child(2){animation-delay:.14s}.marty-typing-dots i:nth-child(3){animation-delay:.28s}@keyframes martyDot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
.marty-quick{gap:7px!important}.marty-quick button{padding:7px 10px!important;font-size:7px!important;opacity:.86}.marty-composer{grid-template-columns:minmax(0,1fr) 84px!important;gap:9px!important;align-items:end!important}.marty-composer textarea{min-height:48px!important;max-height:128px!important;border-radius:15px!important;padding:13px 14px!important;font-size:13px!important}.marty-composer button{width:84px!important;height:42px!important;align-self:center!important;border-radius:12px!important;background:linear-gradient(135deg,#efbd4f,#e7a33d)!important;font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;box-shadow:0 9px 24px rgba(196,129,22,.20)!important}.marty-composer button:hover{transform:translateY(-1px);filter:brightness(1.06)}
.marty-conversion{padding-top:2px!important}.marty-whatsapp,.marty-lead-open{min-height:40px!important;font-size:7.5px!important}
@media(max-width:760px){
  .marty-launch{height:38px!important;min-height:38px!important;padding:0 13px!important;max-width:132px!important;font-size:7px!important}
  .marty-shell{padding:46px 18px 20px!important;min-height:0!important}
  .marty-chat{min-height:78svh!important;grid-template-rows:auto minmax(330px,1fr) auto auto auto!important;gap:11px!important}
  .marty-chat-head{padding-right:42px!important}.marty-chat-head strong{font-size:31px!important}.marty-chat-head p{font-size:12px!important;margin-top:7px!important;max-width:260px}.marty-online{font-size:6px!important}
  .marty-messages{min-height:320px!important}.marty-msg{max-width:92%!important;font-size:12.5px!important;padding:12px 13px!important}
  .marty-composer{grid-template-columns:minmax(0,1fr) 76px!important}.marty-composer textarea{font-size:16px!important}.marty-composer button{width:76px!important;height:42px!important}
}
@media(prefers-reduced-motion:reduce){.marty-launch.is-pulsing,.marty-typing-dots i{animation:none!important}}


/* ===== Hill Valley 4.2 — Marty live / legibilidade ===== */
.marty-launch{font-size:var(--marty-cta-font,11px)!important;min-height:46px!important;padding:0 25px!important;max-width:none!important}
.marty-dialog{width:min(1120px,94vw)!important;max-height:min(92svh,920px)!important}
.marty-shell{min-height:650px!important;padding:56px 62px 40px!important}
.marty-chat{min-height:650px!important;grid-template-rows:auto minmax(330px,1fr) auto auto auto!important;gap:16px!important}
.marty-chat-head{align-items:flex-start!important;padding-right:58px!important}
.marty-chat-head strong{font-size:clamp(38px,4vw,50px)!important;line-height:1!important;letter-spacing:-.03em!important}
.marty-chat-head p{margin:11px 0 0!important;font-size:15px!important;line-height:1.5!important;color:#aab4ba!important;max-width:650px!important}
.marty-online{font-size:9px!important;font-weight:800!important;letter-spacing:.12em!important}
.marty-msg{font-size:15px!important;line-height:1.65!important;padding:15px 17px!important;max-width:min(78%,760px)!important}
.marty-msg.thinking{font-size:13px!important}
.marty-quick button{font-size:9px!important;padding:9px 13px!important}
.marty-composer{grid-template-columns:minmax(0,1fr) 96px!important;gap:10px!important}
.marty-composer textarea{min-height:54px!important;font-size:15px!important;padding:15px 16px!important}
.marty-composer button{width:96px!important;height:44px!important;border-radius:12px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.07em!important}
.marty-whatsapp,.marty-lead-open{min-height:46px!important;padding:0 17px!important;font-size:10px!important}
.marty-lead-form p{font-size:13px!important}
@media(max-width:760px){
  .marty-launch{font-size:max(9px,var(--marty-cta-font,11px))!important;min-height:40px!important;height:40px!important;padding:0 14px!important;max-width:160px!important}
  .marty-dialog{width:calc(100vw - 10px)!important;max-height:94svh!important}
  .marty-shell{padding:46px 18px 20px!important;min-height:0!important}
  .marty-chat{min-height:82svh!important;grid-template-rows:auto minmax(360px,1fr) auto auto auto!important;gap:12px!important}
  .marty-chat-head strong{font-size:34px!important;max-width:270px!important}
  .marty-chat-head p{font-size:13px!important;max-width:280px!important}
  .marty-online{font-size:8px!important}
  .marty-msg{font-size:14px!important;max-width:94%!important;padding:13px 14px!important}
  .marty-quick button{font-size:8.5px!important}
  .marty-composer{grid-template-columns:minmax(0,1fr) 78px!important}
  .marty-composer textarea{font-size:16px!important}
  .marty-composer button{width:78px!important;font-size:9px!important}
  .marty-whatsapp,.marty-lead-open{font-size:9px!important}
}


/* ===== 4.3 consolidado final — Dados reais no lugar da timeline ===== */
.tech-data-section{position:relative;overflow:hidden;padding:122px 6vw 128px;background:linear-gradient(180deg,#060809 0%,#030506 100%);border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}.tech-data-glow{position:absolute;inset:-20% 30% -20% 30%;background:radial-gradient(circle,#173a5250 0%,#173a5224 25%,transparent 67%);filter:blur(22px);pointer-events:none}.tech-data-grid{position:relative;z-index:2;width:var(--content);margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:88px;align-items:center}.tech-data-copy h2{margin:14px 0 24px;font:500 clamp(48px,5vw,76px)/.98 var(--serif);letter-spacing:-.045em;background:linear-gradient(105deg,#fff 0%,#f4f0e5 62%,#f6c453 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tech-data-copy>p{max-width:600px;color:#a8b0b7;font-size:15px;line-height:1.85}.tech-data-note{display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:start;margin:30px 0 34px;padding-top:22px;border-top:1px solid #ffffff16}.tech-data-note>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #f6c4534f;border-radius:50%;color:var(--amber);font:700 10px/1 var(--display);box-shadow:0 0 24px #f6c45312}.tech-data-note p{margin:0;color:#d8dde1;font-size:14px;line-height:1.7}.tech-data-actions{display:flex;flex-wrap:wrap;gap:11px}.tech-data-actions button{cursor:pointer}.tech-data-panel{position:relative;border:1px solid #ffffff14;border-radius:28px;padding:27px;background:linear-gradient(145deg,#0b1014e8,#070a0def);box-shadow:0 35px 100px #0009,inset 0 1px #ffffff08}.tech-data-panel:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,#f6c4530c,transparent 34%,#39e77a08 76%,transparent);pointer-events:none}.tech-data-panel-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 2px 18px;border-bottom:1px solid #ffffff10;font-size:9px;font-weight:800;letter-spacing:.15em;color:#9ea7ae}.tech-data-panel-head b{display:flex;align-items:center;gap:7px;color:#c5ccd1;font-size:8px}.tech-data-panel-head i{width:6px;height:6px;border-radius:50%;background:#39e77a;box-shadow:0 0 12px #39e77a}.tech-data-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ffffff0e;margin-top:1px}.tech-stat{min-height:212px;padding:27px 24px 23px;background:#080c0f;display:flex;flex-direction:column;align-items:flex-start}.tech-stat:nth-child(1),.tech-stat:nth-child(4){background:linear-gradient(145deg,#0a0e11,#090d0e)}.tech-stat strong{font:700 clamp(46px,4.3vw,72px)/.9 var(--display);letter-spacing:-.06em;color:#f7f8f8}.tech-stat-1 strong,.tech-stat-4 strong{color:var(--amber)}.tech-stat-3 strong{color:#72e497}.tech-stat p{margin:17px 0 19px;color:#c7cdd2;font-size:13px;line-height:1.55;max-width:260px}.tech-stat a,.tech-stat>span{margin-top:auto;color:#7f8991;font-size:8px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.tech-stat a:hover{color:var(--amber)}.tech-data-signal{position:relative;height:84px;margin:20px 0 0;border-top:1px solid #ffffff0d;overflow:hidden}.tech-data-signal>span{position:absolute;bottom:0;width:1px;background:linear-gradient(180deg,transparent,#39e77a3b)}.tech-data-signal>span:nth-child(1){left:14%;height:55%}.tech-data-signal>span:nth-child(2){left:37%;height:78%}.tech-data-signal>span:nth-child(3){left:68%;height:62%}.tech-data-signal>span:nth-child(4){left:89%;height:88%}.tech-data-signal svg{position:absolute;inset:14px 0 0;width:100%;height:64px}.tech-data-signal path{fill:none;stroke:url(#none);stroke:#f6c453;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px #f6c45355)}.tech-data-source-note{position:relative;z-index:2;padding-top:12px;border-top:1px solid #ffffff0d;color:#8f999f;font-size:10px;line-height:1.6;letter-spacing:.03em}
@media(max-width:980px){.tech-data-grid{grid-template-columns:1fr;gap:48px}.tech-data-copy{max-width:720px}.tech-data-panel{padding:20px}}
@media(max-width:640px){.tech-data-section{padding:92px 22px}.tech-data-grid{width:100%;gap:36px}.tech-data-copy h2{font-size:clamp(42px,12vw,58px)}.tech-data-copy>p{font-size:14px}.tech-data-actions{display:grid;grid-template-columns:1fr}.tech-data-actions .btn{width:100%}.tech-data-panel{border-radius:22px;padding:16px}.tech-data-cards{grid-template-columns:1fr}.tech-stat{min-height:0;padding:23px 20px}.tech-stat strong{font-size:54px}.tech-stat p{max-width:none;margin:12px 0 15px}.tech-data-signal{height:64px}.tech-data-panel-head{font-size:8px}}

/* 4.3 final — projetos como cases editoriais */
.project-cases-viz{min-height:330px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.case-viz-flow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:34px 0 24px}.case-viz-flow strong{padding:12px 16px;border:1px solid #ffffff1a;border-radius:999px;background:#080c0fa8;color:#f3f5f6;font-size:10px;letter-spacing:.12em}.case-viz-flow i{color:var(--amber);font-style:normal}.project-cases-viz>p{max-width:560px;margin:0 0 27px;color:#aab3ba;font-size:13px;line-height:1.75}.project-cases-viz .inline-link{margin-top:auto}@media(max-width:760px){.project-cases-viz{min-height:280px!important}.case-viz-flow{margin:24px 0 18px;gap:8px}.case-viz-flow strong{font-size:9px;padding:10px 12px}}


/* ===== 5.0 · Dados & Tendências — Radar real, animação e correção de clipping ===== */
body.ready .tech-data-section .reveal{transform:none!important;opacity:1!important}
.tech-data-section{overflow:clip!important;padding-top:148px!important}
.tech-data-panel{overflow:visible!important;margin-top:8px;isolation:isolate}
.tech-data-panel-head{min-height:36px;padding-bottom:20px!important}
.tech-data-panel-head b i{animation:radarPulse 1.8s ease-in-out infinite}
@keyframes radarPulse{0%,100%{opacity:.5;box-shadow:0 0 6px #39e77a66}50%{opacity:1;box-shadow:0 0 18px #39e77acc}}
.tech-live-row{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 12px}
.tech-live-row[hidden]{display:none!important}
.tech-live-card{position:relative;min-height:132px;padding:20px 22px;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(135deg,#0e1519,#080d10);overflow:hidden}
.tech-live-card:after{content:'';position:absolute;width:130px;height:130px;border-radius:50%;right:-45px;top:-58px;background:radial-gradient(circle,#39e77a16,transparent 67%);pointer-events:none}
.tech-live-card:nth-child(2):after{background:radial-gradient(circle,#f6c45319,transparent 67%)}
.tech-live-card>span{display:block;color:#89959c;font-size:8px;font-weight:800;letter-spacing:.16em;margin-bottom:10px}
.tech-live-card strong{display:block;color:#71e99b;font:750 clamp(38px,3vw,52px)/1 var(--display);letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.tech-live-card:nth-child(2) strong{color:#f6c453}
.tech-live-card small{display:block;margin-top:10px;color:#a9b3b9;font-size:10px;line-height:1.5;max-width:280px}
.tech-data-cards{margin-top:12px!important;border-radius:18px;overflow:hidden}
.tech-stat{min-height:224px!important;padding-top:34px!important;overflow:visible!important}
.tech-stat strong{display:block;line-height:1!important;padding-top:3px;font-variant-numeric:tabular-nums}
.tech-data-signal{margin-top:18px!important}
.tech-data-signal polyline{fill:none;stroke:#f6c453;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px #f6c45355);stroke-linecap:round;stroke-linejoin:round;transition:opacity .25s}
.tech-data-signal.is-live polyline{stroke-dasharray:900;stroke-dashoffset:900;animation:radarDraw 1.5s cubic-bezier(.22,.8,.22,1) forwards}
@keyframes radarDraw{to{stroke-dashoffset:0}}
.tech-data-source-note{display:flex;align-items:center;justify-content:space-between;gap:18px}
.tech-data-source-note a{flex:0 0 auto;color:#f6c453;font-size:8px;font-weight:800;letter-spacing:.09em}
@media(max-width:760px){
 .tech-data-section{padding-top:104px!important}
 .tech-live-row{grid-template-columns:1fr}
 .tech-live-card{min-height:118px;padding:18px}
 .tech-data-source-note{display:block}.tech-data-source-note a{display:inline-block;margin-top:8px}
 .tech-stat{padding-top:27px!important}
}


/* 5.0 — Marty onboarding por nome + conversa confinada ao modal */
.marty-dialog{max-height:92svh!important}
.marty-shell{height:min(760px,calc(92svh - 2px));min-height:0!important;overflow:hidden}
.marty-onboarding[hidden],.marty-chat[hidden]{display:none!important}
.marty-name-gate{height:100%;max-width:760px!important;margin:0 auto;display:grid;align-content:center;justify-items:center;text-align:center}
.marty-name-gate .marty-brandline{justify-content:center;margin-bottom:18px}
.marty-name-gate h2{margin:0 0 14px!important;font-size:clamp(38px,5vw,62px)!important;line-height:1.02!important}
.marty-name-gate>p{margin:0 0 26px!important;max-width:520px!important;font-size:15px!important}
.marty-name-form{width:min(620px,100%)}
.marty-name-form>label{display:block;text-align:left;font-size:10px;letter-spacing:.1em;color:#8d989f;text-transform:uppercase}
.marty-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:9px}
.marty-name-row input{margin:0!important;height:54px!important;font-size:16px!important;text-transform:none;letter-spacing:0}
.marty-name-row button{min-height:54px;white-space:nowrap}
.marty-name-status{display:block;min-height:20px;margin-top:8px;text-align:left;color:#f0b05b;font-size:11px}
.marty-chat{height:100%;min-height:0!important;grid-template-rows:auto minmax(0,1fr) auto auto auto!important;overflow:hidden}
.marty-messages{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;scroll-behavior:smooth}
@media(max-width:760px){.marty-shell{height:calc(92svh - 2px)!important;padding:46px 18px 20px!important}.marty-name-gate{align-content:center}.marty-name-gate h2{font-size:36px!important}.marty-name-gate>p{font-size:13px!important}.marty-name-row{grid-template-columns:1fr}.marty-name-row button{width:100%}.marty-chat{height:100%!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr) auto auto auto!important}.marty-messages{min-height:0!important}}

/* 5.0 — Marty onboarding enxuto: nome primeiro, apresentação dentro da conversa. */
.marty-name-gate{max-width:780px!important;margin:0 auto!important;min-height:470px;display:grid;align-content:center}
.marty-name-gate h2{margin:0 0 28px!important;font:500 clamp(34px,4.5vw,58px)/1.04 var(--serif)!important;letter-spacing:-.03em!important;max-width:760px}
.marty-name-form{width:100%;max-width:700px}
.marty-name-row{display:grid!important;grid-template-columns:minmax(0,1fr) 132px!important;gap:10px!important;margin:0!important;align-items:center}
.marty-name-row input{margin:0!important;width:100%!important;height:56px!important;font-size:16px!important}
.marty-name-row button{width:132px!important;min-height:56px!important;height:56px!important;padding:0 14px!important;font-size:8px!important;white-space:nowrap!important}
.marty-name-status{display:block;min-height:18px;margin-top:9px;color:#e7b35d;font-size:11px}
.marty-chat-status{display:flex;justify-content:flex-end;align-items:center;min-height:20px;padding-right:52px}
.marty-chat{grid-template-rows:auto minmax(260px,1fr) auto auto auto!important}
.marty-chat[hidden],.marty-onboarding[hidden]{display:none!important}
@media(max-width:760px){.marty-name-gate{min-height:68svh!important;align-content:center!important}.marty-name-gate h2{font-size:34px!important;line-height:1.06!important;margin-bottom:24px!important}.marty-name-row{grid-template-columns:minmax(0,1fr) 108px!important;gap:8px!important}.marty-name-row button{width:108px!important;height:54px!important;min-height:54px!important;font-size:7px!important;padding:0 8px!important}.marty-chat-status{padding-right:38px!important}.marty-chat{grid-template-rows:auto minmax(0,1fr) auto auto auto!important}}


/* ===== 5.0 FINAL — Marty mobile: onboarding compacto e CTA abaixo do nome ===== */
@media(max-width:760px){
  .marty-dialog.is-onboarding{width:calc(100vw - 28px)!important;max-height:72svh!important;height:auto!important;border-radius:22px!important}
  .marty-dialog.is-onboarding .marty-shell{height:auto!important;min-height:0!important;padding:64px 18px 30px!important;overflow:visible!important}
  .marty-dialog.is-onboarding .marty-name-gate{height:auto!important;min-height:0!important;max-width:100%!important;display:block!important;text-align:center!important}
  .marty-dialog.is-onboarding .marty-name-gate h2{font-size:34px!important;line-height:1.07!important;margin:0 auto 22px!important;max-width:470px!important}
  .marty-dialog.is-onboarding .marty-name-form{width:100%!important;max-width:520px!important;margin:0 auto!important}
  .marty-dialog.is-onboarding .marty-name-row{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important}
  .marty-dialog.is-onboarding .marty-name-row input{height:56px!important;width:100%!important;font-size:16px!important;text-align:left!important}
  .marty-dialog.is-onboarding .marty-name-row button{width:min(220px,72%)!important;height:50px!important;min-height:50px!important;margin:13px auto 0!important;font-size:8px!important;padding:0 18px!important}
  .marty-dialog.is-onboarding .marty-name-status{text-align:center!important;margin-top:8px!important;min-height:16px!important}
  .marty-dialog.is-chatting{width:calc(100vw - 10px)!important;max-height:94svh!important;height:auto!important}
  .marty-dialog.is-chatting .marty-shell{height:calc(94svh - 2px)!important;min-height:0!important;padding:46px 18px 20px!important;overflow:hidden!important}
}


/* ===== 5.0 HEADER PARITY — largura mobile real = valor configurado ===== */
@media(max-width:760px){
  .site-header .brand{min-width:0!important;overflow:hidden!important}
  .site-header .brand img,.brand img{
    width:min(var(--logo-mobile,190px),100%)!important;
    max-width:100%!important;
    max-height:62px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
}

/* ===== 5.0 HEADER CONTROL CENTER ===== */
.marty-label-mobile{display:none}
@media(min-width:761px){
  .site-header{
    height:var(--hv-header-h-d,62px)!important;
    padding-left:var(--hv-header-pad-d,20px)!important;
    padding-right:var(--hv-header-pad-d,20px)!important;
    column-gap:var(--hv-actions-gap-d,10px)!important;
  }
  .brand{transform:translateX(var(--hv-logo-offset-d,0px))!important}
  .brand img{width:var(--logo-desktop)!important;max-height:calc(var(--hv-header-h-d,62px) - 14px)!important}
  .site-header nav{gap:var(--hv-nav-gap-d,24px)!important;transform:translateX(var(--hv-nav-offset-d,0px))!important}
  .site-header nav a{font-size:var(--nav-font)!important}
  .header-actions{gap:var(--hv-actions-gap-d,10px)!important;transform:translateX(var(--hv-marty-offset-d,0px))!important}
  .marty-launch{
    min-height:var(--hv-marty-h-d,46px)!important;
    height:var(--hv-marty-h-d,46px)!important;
    padding-left:var(--hv-marty-pad-d,25px)!important;
    padding-right:var(--hv-marty-pad-d,25px)!important;
    max-width:var(--hv-marty-max-d,280px)!important;
    font-size:var(--hv-marty-font-d,11px)!important;
  }
}
@media(max-width:760px){
  .site-header{
    height:var(--hv-header-h-m,58px)!important;
    padding-left:var(--hv-header-pad-m,17px)!important;
    padding-right:var(--hv-header-pad-m,17px)!important;
    column-gap:var(--hv-actions-gap-m,8px)!important;
  }
  .brand{min-width:0!important;overflow:hidden!important;transform:translateX(var(--hv-logo-offset-m,0px))!important}
  .brand img{width:min(var(--logo-mobile),100%)!important;max-width:100%!important;max-height:calc(var(--hv-header-h-m,58px) - 12px)!important}
  .header-actions{gap:var(--hv-actions-gap-m,8px)!important;transform:translateX(var(--hv-marty-offset-m,0px))!important;min-width:max-content!important}
  .marty-launch{
    min-height:var(--hv-marty-h-m,40px)!important;
    height:var(--hv-marty-h-m,40px)!important;
    padding-left:var(--hv-marty-pad-m,14px)!important;
    padding-right:var(--hv-marty-pad-m,14px)!important;
    max-width:var(--hv-marty-max-m,160px)!important;
    font-size:var(--hv-marty-font-m,10px)!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  .marty-label-desktop{display:none!important}.marty-label-mobile{display:inline!important}
  .menu-toggle{width:var(--hv-menu-toggle-m,42px)!important;height:var(--hv-menu-toggle-m,42px)!important;min-width:var(--hv-menu-toggle-m,42px)!important;padding:0!important;justify-content:center!important}
  .site-header nav a{font-size:var(--hv-nav-font-m,11px)!important}
}
@media(min-width:761px){
  .marty-launch[data-style-desktop="compact"]{border-radius:12px!important;box-shadow:none!important}
  .marty-launch[data-style-desktop="outline"]{background:rgba(12,15,18,.42)!important;border-color:color-mix(in srgb,var(--marty-cta,#c83d36) 68%,rgba(255,255,255,.18))!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
}
@media(max-width:760px){
  .marty-launch[data-style-mobile="compact"]{border-radius:11px!important;box-shadow:none!important}
  .marty-launch[data-style-mobile="outline"]{background:rgba(12,15,18,.45)!important;border-color:color-mix(in srgb,var(--marty-cta,#c83d36) 68%,rgba(255,255,255,.18))!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
}
/* Header offsets are per element, never on the whole action group. */
@media(min-width:761px){.header-actions{transform:none!important}.marty-launch{transform:translateX(var(--hv-marty-offset-d,0px))!important}.marty-launch:hover{transform:translateX(var(--hv-marty-offset-d,0px)) translateY(-1px) scale(1.025)!important}}
@media(max-width:760px){.header-actions{transform:none!important}.marty-launch{transform:translateX(var(--hv-marty-offset-m,0px))!important}}


/* ===== 6.2 HEADER LOGO — CONTROLE REAL DE TAMANHO/POSIÇÃO ===== */
.site-header .brand,.brand{overflow:visible!important}
.site-header .brand img,.brand img{height:auto!important;max-height:none!important;max-width:none!important;object-fit:contain!important;object-position:left center!important}
@media(min-width:761px){.site-header .brand img,.brand img{width:var(--logo-desktop,260px)!important}}
@media(max-width:760px){.site-header .brand img,.brand img{width:var(--logo-mobile,188px)!important;max-width:none!important;max-height:none!important}}


/* ===== 6.9 MOBILE FOOTER + HAMBURGER MENU FLEXIBILITY ===== */
@media(max-width:760px){
  .footer-brand-block img{margin-left:auto!important;margin-right:auto!important;object-position:center center!important}
  .site-header nav{top:calc(var(--hv-header-h-m,58px) + 14px)!important;gap:var(--hv-mobile-menu-item-gap,8px)!important;align-items:stretch!important}
  .site-header nav a{min-height:var(--hv-mobile-menu-item-height,52px)!important;height:auto!important;display:flex!important;align-items:center!important;font-size:var(--hv-nav-font-m,11px)!important;padding:0 12px!important}
  .site-header nav a{justify-content:var(--hv-mobile-menu-align,flex-start)!important;text-align:var(--hv-mobile-menu-text-align,left)!important}
}

/* ===== 6.14 · MARTY MOBILE ONBOARDING COMPACTO =====
   Somente celular: reduz o título, compacta o modal e centraliza melhor formulário + CTA.
   O chat após o nome permanece com a altura ampla existente. */
@media (max-width:760px){
  .marty-dialog.is-onboarding{
    width:calc(100vw - 28px)!important;
    max-width:520px!important;
    height:auto!important;
    max-height:calc(100svh - 56px)!important;
    margin:auto!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .marty-dialog.is-onboarding .marty-shell{
    height:auto!important;
    min-height:0!important;
    padding:46px 18px 24px!important;
    overflow:visible!important;
  }
  .marty-dialog.is-onboarding .marty-name-gate{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-width:100%!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .marty-dialog.is-onboarding .marty-name-gate h2{
    width:min(100%,430px)!important;
    margin:0 auto 20px!important;
    font-size:clamp(28px,8.2vw,32px)!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
    text-align:center!important;
  }
  .marty-dialog.is-onboarding .marty-name-form{
    width:100%!important;
    max-width:480px!important;
    margin:0 auto!important;
  }
  .marty-dialog.is-onboarding .marty-name-row{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin:0!important;
  }
  .marty-dialog.is-onboarding .marty-name-row input{
    width:100%!important;
    height:54px!important;
    margin:0!important;
    font-size:16px!important;
    text-align:left!important;
  }
  .marty-dialog.is-onboarding .marty-name-row button{
    width:min(250px,76%)!important;
    height:50px!important;
    min-height:50px!important;
    margin:14px auto 0!important;
    padding:0 18px!important;
    font-size:8px!important;
  }
  .marty-dialog.is-onboarding .marty-name-status{
    min-height:14px!important;
    margin-top:7px!important;
    text-align:center!important;
  }
  .marty-dialog.is-onboarding .drawer-close{
    top:14px!important;
    right:14px!important;
  }
}

/* 6.14 — Marty: fluxo limpo, contato dentro da conversa */
.marty-quick,.marty-lead-form{display:none!important}
.marty-chat{grid-template-rows:auto minmax(0,1fr) auto auto!important}
@media(max-width:760px){.marty-chat{grid-template-rows:auto minmax(0,1fr) auto auto!important;gap:12px!important}.marty-messages{padding-bottom:10px!important}.marty-composer{position:relative;z-index:2}.marty-conversion{gap:9px!important}.marty-whatsapp,.marty-lead-open{min-height:48px!important}}


/* ===== Marty Companion — 6.20 ===== */
.marty-companion{--marty-companion-size:48px;--marty-companion-color:#C83D36;--marty-follow-y:0px;--marty-float-y:0px;--marty-idle-opacity:.40;position:fixed;z-index:9996;top:52%;width:var(--marty-companion-size);height:var(--marty-companion-size);padding:0;border:1px solid rgba(255,255,255,.20);border-radius:50%;background:var(--marty-companion-color);background:color-mix(in srgb,var(--marty-companion-color) 92%,#050708 8%);box-shadow:0 10px 30px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.05) inset;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,calc(-50% + var(--marty-follow-y) + var(--marty-float-y)),0) scale(.78);transition:opacity .35s ease,visibility .28s ease,transform .38s cubic-bezier(.2,.8,.2,1),filter .45s ease,box-shadow .45s ease;cursor:pointer;isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.marty-companion::after{content:"";position:absolute;inset:-12px;border-radius:50%;pointer-events:auto}
.marty-companion.is-visible{opacity:.96;visibility:visible;pointer-events:auto;transform:translate3d(0,calc(-50% + var(--marty-follow-y) + var(--marty-float-y)),0) scale(1)}
.marty-companion.is-idle{opacity:var(--marty-idle-opacity)!important;filter:grayscale(1) saturate(0) brightness(.82);box-shadow:0 7px 18px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.03) inset}.marty-companion.is-idle:hover,.marty-companion.is-idle:focus-visible{opacity:1!important;filter:none}.marty-companion:hover{opacity:1}.marty-companion.is-pressing{transform:translate3d(0,calc(-50% + var(--marty-follow-y) + var(--marty-float-y)),0) scale(.94)}
.marty-bot-face{position:absolute;inset:0;display:block;border-radius:inherit;overflow:hidden;pointer-events:none}.marty-bot-face:before{content:"";position:absolute;inset:7%;border-radius:48%;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(0,0,0,.08));box-shadow:inset 0 -7px 12px rgba(0,0,0,.13)}
.marty-bot-eye{position:absolute;z-index:2;top:34%;width:14%;height:18%;border-radius:50%;background:#F6C453;box-shadow:0 0 8px rgba(246,196,83,.55);transform-origin:center}.marty-bot-eye.left{left:28%}.marty-bot-eye.right{right:28%}.marty-bot-mouth{position:absolute;z-index:2;left:37%;right:37%;bottom:26%;height:8%;border-bottom:2px solid rgba(255,255,255,.88);border-radius:0 0 999px 999px;transition:all .22s ease}.marty-companion.is-winking .marty-bot-eye.left{transform:scaleY(.15)}.marty-companion.is-smiling .marty-bot-mouth{left:32%;right:32%;height:15%;bottom:23%;border-bottom-width:3px}.marty-companion:focus-visible{outline:3px solid #F6C453;outline-offset:6px}
.marty-companion-bubble{position:absolute;top:50%;width:max-content;max-width:min(230px,62vw);padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(10,14,17,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 28px rgba(0,0,0,.30);color:#f5f6f4;font-size:11px;font-weight:720;line-height:1.35;letter-spacing:.01em;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%) scale(.96);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}
.marty-companion.side-right .marty-companion-bubble{right:calc(100% + 12px)}.marty-companion.side-left .marty-companion-bubble{left:calc(100% + 12px)}.marty-companion.is-bubble-visible .marty-companion-bubble{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}
@media(max-width:760px){.marty-companion{top:56%;opacity:0}.marty-companion::after{inset:-14px}.marty-companion.is-visible{opacity:.94}.marty-companion-bubble{max-width:min(205px,58vw);padding:8px 10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.marty-companion{transition:opacity .2s ease;transform:translate3d(0,-50%,0)!important}.marty-bot-eye,.marty-bot-mouth,.marty-companion-bubble{transition:none}}

/* 8.0 — Espinha Dorsal: subtítulos editoriais e 3 etiquetas por solução. */
.solution-dialog .drawer-meta[hidden], .solution-tabs button[hidden]{display:none!important}
.solution-dialog .solution-summary{max-width:72ch}
.solution-dialog .solution-tab-panel{max-width:86ch;overflow-wrap:break-word}
.solution-branch .branch-copy small,.solution-mobile-card .mobile-solution-copy small{overflow-wrap:break-word;line-height:1.5}
@media(max-width:760px){
  .solution-dialog .solution-summary{max-width:100%;line-height:1.6}
  .solution-dialog .solution-tab-panel{line-height:1.75;padding-top:18px}
  .solution-dialog .drawer-meta{margin:10px 0 16px}
}