:root{--paper:#F1EFE9;--ink:#101010;--night:#0D0D0D;--muted:#68655F;--line:rgba(16,16,16,.2);--accent:#FF4D24;--pad:clamp(22px,4.3vw,72px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter Tight',Arial,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}::selection{background:var(--accent);color:var(--paper)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:500}h2{font-size:clamp(48px,6.5vw,100px);line-height:1.02;letter-spacing:-.052em}p{max-width:70ch}.serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.035em}.eyebrow{font-family:'Geist Mono',monospace;font-size:12px;line-height:1.5;letter-spacing:.045em;text-transform:uppercase}.pad{padding-inline:var(--pad)}.dark{background:var(--night);color:var(--paper);--line:rgba(241,239,233,.23);--muted:#A6A39D}.section-space{padding-top:clamp(100px,13vw,200px);padding-bottom:clamp(100px,12vw,180px)}.arrow-link{display:inline-flex;align-items:center;gap:30px;padding-block:9px;border-bottom:1px solid currentColor}.arrow-link span{display:inline-block;transition:transform .4s var(--ease)}.arrow-link:hover span{transform:translate(4px,-4px)}.arrow-link:hover{color:var(--accent)}.skip-link{position:fixed;top:-90px;left:20px;z-index:100;background:var(--accent);color:var(--ink);padding:16px}.skip-link:focus{top:15px}.site-header{height:86px;padding-inline:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px;position:absolute;inset:0 0 auto;z-index:20;background:var(--paper)}.wordmark{font-size:35px;font-weight:700;letter-spacing:-.075em;line-height:1}.wordmark span{color:var(--accent)}.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:6vw;font-size:14px}.desktop-nav a{padding:14px 0}.desktop-nav a:hover{color:var(--accent)}.header-cta{font-size:14px;gap:26px;border:0}.menu-toggle{display:none}.mobile-menu{display:none}.hero{min-height:810px;min-height:max(810px,100svh);padding-top:156px;display:flex;flex-direction:column}.hero-meta{display:flex;justify-content:space-between;gap:30px}.hero-meta>span:last-child{display:flex;align-items:center;gap:24px}.small-cross{font-size:24px;font-weight:400;line-height:.7}.hero h1{font-size:clamp(72px,8.8vw,154px);font-weight:500;line-height:1.005;letter-spacing:-.068em;margin-top:62px}.hero-line{display:block}.hero-line.serif{font-size:1.14em;line-height:.95;letter-spacing:-.035em;margin-top:3px;padding-bottom:.08em}.hero-bottom{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:50px;margin-top:34px;padding-bottom:60px}.hero-intro{max-width:385px;margin-left:auto;margin-right:6vw}.hero-intro p{font-size:20px;line-height:1.35;margin-bottom:19px;letter-spacing:-.02em}.hero-intro a{font-size:15px;gap:42px}.scroll-cue{display:flex;align-items:center;gap:18px;padding:12px 0}.scroll-cue>span{font-family:Arial,sans-serif;font-size:32px}.hero-foot{margin-top:auto;border-top:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;gap:24px}.manifesto{padding-block:100px 130px}.section-index{margin-bottom:90px}.manifesto-body{max-width:1170px;margin-left:auto}.manifesto h2{font-size:clamp(44px,6.6vw,108px);color:#AAA7A1;line-height:1.05}.manifesto-answer{font-size:clamp(56px,8.2vw,130px);line-height:.96;margin-top:75px}.manifesto-note{margin:90px 4vw 0 auto;max-width:350px}.manifesto-note p:first-child{color:var(--muted);margin-bottom:25px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start;margin-bottom:85px}.section-heading>.eyebrow{padding-top:9px}.project-stage{background:#D8D5CE;padding:30px 6vw 28px}.stage-top,.stage-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center}.stage-top{margin-bottom:48px}.stage-top span:first-child{font-family:'Inter Tight',sans-serif;letter-spacing:-.055em;text-transform:none;font-size:25px;font-weight:600}.stage-bottom{margin-top:30px;font-size:11px}.reference-frame{position:relative;width:100%;aspect-ratio:1100/640;overflow:hidden;background:#0B0B0D;border-radius:3px;box-shadow:0 28px 65px -24px #10101060}.reference-frame iframe{width:1100px;height:640px;position:absolute;top:0;left:0;border:0;transform:scale(var(--frame-scale,1));transform-origin:top left;pointer-events:none}.project-figure figcaption{display:flex;justify-content:space-between;gap:25px;margin-top:14px;color:var(--muted);font-size:12px}.project-figure figcaption a{color:var(--ink)}.project-info{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;margin-top:48px}.project-info h3{font-size:36px;line-height:1.15;letter-spacing:-.05em}.project-info>div:first-child>p{color:var(--muted);margin-top:8px}.project-tags{margin-top:22px!important;font-size:11px}.project-info>div:last-child>p{margin:22px 0;max-width:470px}.project-info a{font-size:15px}.contact{padding-bottom:95px}.contact h2{font-size:clamp(54px,8.9vw,144px);margin-top:75px}.contact-cta{margin-top:50px;font-size:clamp(22px,2.4vw,36px);gap:8vw}.contact-note{font-size:14px;color:var(--muted);margin-top:25px}.footer{padding-bottom:20px}.footer-top{border-top:1px solid var(--line);padding-top:45px;display:flex;justify-content:space-between;gap:35px;font-size:14px}.footer-top p{color:var(--muted)}.footer-wordmark{font-size:clamp(140px,33vw,600px);font-weight:600;line-height:.83;letter-spacing:-.085em;margin-left:-.03em;padding-block:100px 40px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:24px;font-size:11px}.footer a:hover{color:var(--accent)}
.before-after{display:grid;grid-template-columns:1fr 1fr}.before,.after{padding-top:75px;padding-bottom:80px}.before{background:#E5E2DB}.before-after h2{font-size:clamp(48px,5.9vw,88px);margin-top:50px}.before-after>div>p:last-child{color:var(--muted);max-width:340px;font-size:16px;margin-top:50px}.scattered{display:flex;flex-direction:column;gap:0;margin-top:60px;font-size:clamp(30px,3.3vw,51px);line-height:1.5;letter-spacing:-.05em;color:#79756E}.scattered span:nth-child(2){margin-left:35%}.scattered span:nth-child(3){margin-left:12%}.scattered span:nth-child(4){margin-left:22%}.scattered span:nth-child(5){margin-left:4%}.operation{list-style:none;margin:60px 0 0;padding:0}.operation li{display:flex;align-items:center;gap:35px;border-top:1px solid var(--line);padding:15px 0;font-size:22px;letter-spacing:-.025em}.operation li:last-child{border-bottom:1px solid var(--line)}.operation span{font-family:'Geist Mono',monospace;font-size:11px;color:var(--accent)}.philosophy h2{font-size:clamp(60px,9vw,142px);margin-top:75px}.philosophy-copy{margin:65px 5vw 0 auto;max-width:430px}.philosophy-copy .large-copy{font-size:clamp(30px,3.3vw,48px);line-height:1.15;letter-spacing:-.04em;margin-bottom:40px}.philosophy-copy>p:not(.large-copy){margin-top:23px}.philosophy-copy>p:nth-child(2){color:var(--muted)}.capabilities{padding-bottom:120px}.capability-list details{border-top:1px solid var(--line)}.capability-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.capability-list summary{display:grid;grid-template-columns:80px 1fr 35px;gap:25px;align-items:center;padding-block:34px}.capability-list summary>.eyebrow{color:var(--muted)}.capability-list h3{font-size:clamp(30px,4.2vw,64px);letter-spacing:-.04em;line-height:1.1}.detail-sign{font-size:30px;line-height:1;font-weight:400;transition:transform .3s var(--ease)}details[open] .detail-sign{transform:rotate(45deg);color:var(--accent)}.capability-list summary:hover h3{color:var(--accent)}.capability-body{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:9vw;padding:0 60px 38px 105px}.capability-body p{max-width:480px;color:var(--muted)}.capability-body>.eyebrow{text-align:right;font-size:11px}.system-demo{height:440vh;position:relative;border-top:1px solid var(--line)}.demo-sticky{position:sticky;top:0;height:100svh;min-height:680px;padding-top:50px;padding-bottom:40px;display:flex;flex-direction:column;overflow:hidden}.demo-top{display:flex;justify-content:space-between;gap:30px;color:var(--muted)}.demo-top a:hover{color:var(--paper)}.demo-layout{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:5vw;flex:1;padding-block:65px}.demo-number{color:var(--accent);margin-bottom:40px}.demo-copy h2{font-size:clamp(50px,5.4vw,88px);min-height:2.1em}.demo-copy>p:last-of-type{margin-top:30px;max-width:350px;color:var(--muted);font-size:16px;min-height:4.5em}.demo-arrows{display:flex;gap:12px;margin-top:30px}.demo-arrows button{background:none;color:var(--paper);border:1px solid var(--line);border-radius:50%;width:44px;height:44px;font-size:22px;transition:background .3s,color .3s}.demo-arrows button:hover:enabled{background:var(--paper);color:var(--ink)}.demo-arrows button:disabled{opacity:.25;cursor:default}.message-view{max-width:480px;margin-inline:auto}.message-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:35px;color:var(--muted)}.message-head>span:last-child{font-size:35px;color:var(--paper)}.message-customer,.message-reply{padding:24px 27px;max-width:380px;font-size:21px;line-height:1.3;letter-spacing:-.02em}.message-customer{background:#E5E2DB;color:var(--ink);margin-bottom:22px;border-radius:2px 2px 2px 0}.message-reply{background:#262522;color:var(--paper);margin-left:auto;border-radius:2px 2px 0 2px}.message-caption{display:block;color:var(--muted);margin-top:30px;font-size:10px;text-align:right}.demo-disclaimer{font-size:11px;color:var(--muted);text-align:right;margin-top:25px}.demo-progress{height:1px;background:var(--line);position:relative}.demo-progress span{display:block;width:100%;height:2px;background:var(--accent);transform:scaleX(.1667);transform-origin:left;transition:transform .4s var(--ease)}.demo-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;padding-top:20px}.demo-steps button{background:none;border:0;text-align:left;color:var(--muted);font-size:14px;padding:6px 0;white-space:nowrap}.demo-steps button span{font-family:'Geist Mono',monospace;font-size:10px;display:block;margin-bottom:6px}.demo-steps button[aria-current]{color:var(--paper)}.demo-steps button[aria-current] span{color:var(--accent)}[hidden]{display:none!important}.impact-heading{display:flex;justify-content:space-between;gap:50px;margin-bottom:100px}.impact-heading h2{font-size:clamp(48px,5.8vw,88px);max-width:700px}.impact-row{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:center;border-top:1px solid var(--line);padding-block:45px}.impact-number{font-size:clamp(100px,15vw,230px);line-height:1.1;letter-spacing:-.08em;white-space:nowrap}.impact-number>span{font-family:'Instrument Serif',serif;font-size:.67em;letter-spacing:-.03em}.impact-number>.metric-arrow{font-family:'Inter Tight',sans-serif;font-size:.6em;display:inline-block;margin-inline:.13em;vertical-align:middle}.impact-row h3{font-size:30px;letter-spacing:-.035em;line-height:1.2;margin-bottom:20px}.impact-row>div>p{color:var(--muted);max-width:300px}.impact-source{border-top:1px solid var(--line);padding-top:25px;font-size:12px;max-width:none;color:var(--muted)}.process{background:#E8E6DF}.process h2{font-size:clamp(47px,5.4vw,83px)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;padding:0;margin:90px 0 0}.process-grid li{border-top:1px solid var(--line);padding-top:25px}.process-number{font-family:'Geist Mono',monospace;font-size:12px}.process-grid h3{font-size:32px;letter-spacing:-.04em;margin-top:65px;margin-bottom:25px}.process-grid p{font-size:16px;color:var(--muted);max-width:250px}.studio-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:9vw;margin-top:65px}.studio-intro h2{font-size:clamp(48px,6.9vw,108px)}.studio-intro>div>p{margin-bottom:25px;color:var(--muted)}.studio-intro>div>p:first-child{color:var(--paper);font-size:23px}.studio-photo-row{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:90px;align-items:center}.studio-photo-row figure{width:100%;max-width:570px}.studio-photo-row img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 34%;filter:grayscale(1);background:#262522}.studio-photo-row figcaption{font-size:10px;margin-top:18px;color:var(--muted)}.studio-aside>.serif{font-size:clamp(40px,4.8vw,73px);line-height:1.08}.studio-aside>p:nth-child(2){max-width:300px;margin-top:35px;color:var(--muted)}.studio-aside>a{font-size:15px;margin-top:24px}.studio-location{margin-top:100px;color:var(--muted);line-height:2;font-size:10px}.principle{min-height:850px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding-block:140px}.principle>p{max-width:none;font-size:clamp(25px,3vw,45px);line-height:1.2;letter-spacing:-.035em;color:var(--muted)}.principle h2{font-size:clamp(72px,10.7vw,166px);line-height:.98;margin-top:50px}.principle>.eyebrow{margin-top:55px}.testimonial{padding-top:45px;border-top:1px solid var(--line)}.testimonial blockquote{max-width:1060px;margin:70px 0 0 auto}.testimonial blockquote>p{font-size:clamp(37px,4.9vw,74px);line-height:1.12;letter-spacing:-.042em}.testimonial blockquote footer{display:flex;align-items:center;gap:20px;margin-top:45px}.client-monogram{font-family:'Instrument Serif',serif;font-size:36px;display:grid;place-items:center;width:60px;height:60px;background:#DEDAD2}.testimonial cite{font-style:normal;font-size:18px;font-weight:500;display:block}.testimonial footer .eyebrow{display:block;font-size:10px;color:var(--muted);margin-top:4px}.second-project{padding-top:35px}.nex-project-visual{display:flex;flex-direction:column;background:#D6D4CD;padding:30px 45px 35px;min-height:630px;overflow:hidden;position:relative}.nex-project-visual>.eyebrow{display:flex;justify-content:space-between;gap:25px}.nex-project-statement{font-size:clamp(34px,4.8vw,74px);line-height:1.08;letter-spacing:-.05em;margin-top:65px;position:relative;z-index:1}.project-big-nex{font-weight:600;letter-spacing:-.1em;font-size:clamp(130px,25vw,410px);line-height:.8;align-self:flex-end;margin-top:65px;margin-right:.01em;transition:transform .7s var(--ease)}.nex-project-visual:hover .project-big-nex{transform:translateX(-14px)}.contact-details{margin-top:70px;border-top:1px solid var(--line);max-width:850px}.contact-details summary{display:flex;justify-content:space-between;padding:25px 0;font-size:18px}.contact-details summary span{font-size:25px}.contact-details[open] summary span{transform:rotate(45deg)}#contact-form{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.contact-field{display:flex;flex-direction:column;gap:10px}.contact-field.full{grid-column:1/-1}.contact-field label{font-size:14px}.contact-field input,.contact-field textarea{background:#1B1A18;color:var(--paper);border:1px solid #69665F;border-radius:0;width:100%;padding:14px 16px;resize:vertical}.form-submit{background:none;color:var(--paper);border:0;border-bottom:1px solid currentColor;align-self:flex-start}.form-note{font-size:12px;color:var(--muted);margin-top:15px;max-width:560px}.form-status{font-size:14px}#whatsapp-fallback{font-size:14px;text-decoration:underline;text-underline-offset:4px}.footer-top>div{display:flex;flex-direction:column;gap:10px}.reveal{opacity:1}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(24px)}.motion-ready .reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}.site-header.is-scrolled{position:fixed;background:rgba(241,239,233,.97);border-bottom:1px solid var(--line);height:72px}.hero-line{animation:hero-enter 1s var(--ease) both}.hero-line:nth-child(2){animation-delay:.12s}.hero-line:nth-child(3){animation-delay:.24s}@keyframes hero-enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}
.demo-sticky{padding-top:105px}
@media(min-width:1800px){.hero-intro{margin-right:13vw}.hero h1{margin-top:8vh}.hero-bottom{margin-top:7vh}}
@media(max-width:900px){.hero{min-height:780px}.hero h1{font-size:8.75vw}.hero-meta>span:last-child{font-size:10px}.hero-intro{margin-right:0}.section-heading{grid-template-columns:1fr;gap:32px}.project-stage{padding-inline:28px}.stage-top{margin-bottom:30px}.project-info{gap:6vw}.header-cta{display:none}.desktop-nav{margin-right:0}.manifesto-body{margin-left:0}}
@media(max-width:600px){body{font-size:16px}.site-header{height:76px}.wordmark{font-size:32px}.desktop-nav{display:none}.menu-toggle{display:flex;align-items:center;gap:22px;border:0;background:none;color:var(--ink);padding:14px 0;font-size:14px}.menu-toggle span{font-size:24px;line-height:1}.mobile-menu[open]{display:flex;flex-direction:column}.mobile-menu{inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;background:var(--paper);color:var(--ink);padding:24px var(--pad);border:0;z-index:50}.mobile-menu::backdrop{background:var(--paper)}.menu-close{margin-left:auto;border:0;background:none;font-size:15px;display:flex;gap:28px;align-items:center;padding:0 0 12px 12px}.menu-close span{font-size:27px}.mobile-menu nav{display:flex;flex-direction:column;margin-block:auto;gap:15px;font-size:60px;line-height:1.15;letter-spacing:-.05em}.mobile-menu nav a:last-child{font-family:'Instrument Serif',serif;font-style:italic;color:var(--accent)}.mobile-menu>.eyebrow{margin-top:50px}.hero{padding-top:123px;min-height:max(760px,100svh)}.hero-meta{font-size:10px}.hero-meta>span:first-child{max-width:180px}.hero-meta>span:last-child{max-width:110px;font-size:9px;text-align:right}.small-cross{display:none}.hero h1{font-size:clamp(43px,11.7vw,70px);line-height:1.02;letter-spacing:-.055em;margin-top:65px}.hero-line{max-width:100%;text-wrap:balance}.hero-line:first-child{max-width:290px}.hero-line:nth-child(2){margin-top:14px;max-width:330px}.hero-line.serif{font-size:1.25em;margin-top:3px;line-height:.97}.hero-bottom{display:flex;flex-direction:column;align-items:stretch;gap:35px;margin-top:40px;padding-bottom:40px}.hero-intro{max-width:280px;margin:0 0 0 auto}.hero-intro p{font-size:18px}.scroll-cue{display:none}.hero-foot{font-size:9px;padding:17px 0}.hero-foot>span:last-child{display:none}.manifesto{padding-block:75px 90px}.section-index{margin-bottom:64px}.manifesto h2{font-size:43px;letter-spacing:-.04em}.manifesto h2 br{display:none}.manifesto-answer{font-size:57px;margin-top:60px}.manifesto-answer br{display:none}.manifesto-note{margin:60px 0 0 auto;max-width:265px}.section-heading{margin-bottom:45px}.section-heading h2{font-size:48px}.project-stage{margin-inline:calc(-1*var(--pad));padding:24px 18px}.stage-top span:first-child{font-size:21px}.stage-top span:last-child{font-size:9px;text-align:right;max-width:125px}.stage-bottom{font-size:9px;margin-top:22px}.stage-bottom span:last-child{display:none}.reference-frame{border-radius:2px}.project-figure figcaption{font-size:10px;gap:15px}.project-figure figcaption>span{max-width:180px}.project-info{grid-template-columns:1fr;gap:34px;margin-top:38px}.project-info h3{font-size:31px}.project-info>div:last-child>p{margin-top:15px}.contact h2{margin-top:48px;font-size:56px}.contact-cta{font-size:24px;gap:22px}.contact-note{max-width:260px}.footer-top{flex-direction:column;gap:25px}.footer-wordmark{font-size:32vw;padding-block:70px 35px}.footer-bottom{font-size:9px}.footer-bottom>span{max-width:200px}}
@media(max-width:1000px){.studio-intro{grid-template-columns:1.2fr 1fr;gap:6vw}.studio-intro h2{font-size:6.4vw}.process-grid{gap:22px}.process-grid h3{font-size:28px}.capability-body{grid-template-columns:1.5fr 1fr;gap:5vw}.demo-layout{gap:4vw}.demo-copy h2{font-size:5.8vw}.demo-steps{gap:12px}.demo-steps button{font-size:12px}.demo-sticky{padding-top:95px}.nex-project-visual{min-height:520px}}
@media(max-width:760px){.system-demo{height:auto}.demo-sticky{position:relative;height:auto;min-height:0;padding-top:65px;padding-bottom:60px;overflow:visible}.demo-layout{grid-template-columns:1fr;padding-block:50px;gap:55px}.demo-copy h2{font-size:clamp(45px,8vw,65px);min-height:2.1em}.demo-copy>p:last-of-type{max-width:420px;min-height:4.5em}.demo-number{margin-bottom:25px}.demo-visual{min-height:300px;display:flex;flex-direction:column;justify-content:center}.demo-visual>.reference-frame{margin-block:auto}.demo-steps{grid-template-columns:repeat(3,1fr);gap:18px 15px}.demo-steps button{font-size:13px;min-height:47px}.demo-top{font-size:10px}.demo-top>span{max-width:150px}.demo-top>a{max-width:145px;text-align:right}.message-view{max-width:440px;width:100%}.message-customer,.message-reply{font-size:19px;max-width:85%;padding:22px}.message-caption{font-size:9px}.demo-disclaimer{text-align:left}.demo-copy>p:last-of-type{margin-top:24px}.demo-arrows{margin-top:23px}.before-after{grid-template-columns:1fr}.before,.after{padding-block:65px}.before-after h2{font-size:64px}.before-after>div>p:last-child{max-width:400px}.scattered{font-size:36px;max-width:390px;margin-top:35px}.operation{margin-top:45px}.operation li{padding-block:16px;font-size:23px}.philosophy h2{font-size:clamp(58px,11vw,84px);margin-top:55px}.philosophy-copy{margin:55px 0 0 auto;max-width:340px}.capabilities{padding-bottom:75px}.capability-list summary{grid-template-columns:32px 1fr 20px;gap:15px;padding-block:28px}.capability-list h3{font-size:clamp(28px,5.5vw,38px)}.capability-body{display:block;padding:0 0 30px 47px}.capability-body p{font-size:16px}.capability-body>.eyebrow{display:block;text-align:left;font-size:10px;margin-top:22px}.impact-heading{flex-direction:column;gap:35px;margin-bottom:65px}.impact-heading h2{font-size:51px}.impact-row{gap:30px}.impact-number{font-size:clamp(80px,15vw,114px)}.impact-row h3{font-size:25px}.impact-row>div>p{font-size:15px}.process-grid{grid-template-columns:1fr 1fr;gap:50px 30px;margin-top:55px}.process-grid h3{margin-top:35px}.process-grid p{font-size:16px}.studio-intro{grid-template-columns:1fr;gap:45px;margin-top:50px}.studio-intro h2{font-size:clamp(50px,8vw,75px)}.studio-intro>div{max-width:450px;margin-left:auto}.studio-photo-row{grid-template-columns:1fr;gap:55px;margin-top:50px}.studio-photo-row figure{max-width:500px}.studio-aside{max-width:450px;margin-left:auto}.studio-aside>.serif{font-size:54px}.studio-location{margin-top:50px}.principle{min-height:670px;padding-block:110px}.principle>p{font-size:25px}.principle h2{font-size:clamp(58px,11.8vw,85px)}.testimonial blockquote{margin-top:55px;margin-inline:0}.testimonial blockquote>p{font-size:38px}.nex-project-visual{min-height:460px;padding:25px}.nex-project-visual>.eyebrow{font-size:10px}.nex-project-statement{font-size:43px;margin-top:60px}.project-big-nex{font-size:30vw;margin-top:70px}.contact-details{margin-top:55px}#contact-form{grid-template-columns:1fr;gap:25px}.contact-field.full{grid-column:auto}.form-submit{font-size:15px;gap:18px}.contact-note{max-width:360px}}
@media(max-width:480px){.impact-row{grid-template-columns:1fr;gap:25px;padding-block:40px}.impact-number{font-size:122px}.impact-row>div{padding-left:20%;padding-bottom:10px}.impact-row h3{font-size:25px;margin-bottom:15px}.impact-source{font-size:11px}.process-grid{grid-template-columns:1fr;margin-top:35px;gap:40px}.process-grid li{display:grid;grid-template-columns:40px 1fr;gap:15px}.process-number{padding-top:7px}.process-grid h3{margin:0;font-size:30px}.process-grid p{grid-column:2;max-width:310px}.before-after h2{font-size:59px}.capability-list summary{grid-template-columns:24px 1fr 20px;gap:12px}.capability-list h3{font-size:28px}.capability-body{padding-left:36px}.studio-intro h2{font-size:50px}.testimonial blockquote>p{font-size:35px}.client-monogram{width:48px;height:48px;font-size:32px}.testimonial footer .eyebrow{font-size:8px}.nex-project-visual{margin-inline:calc(-1*var(--pad));min-height:435px}.nex-project-statement{font-size:42px}.project-big-nex{font-size:35vw}.demo-copy h2{font-size:51px}.demo-visual{min-height:280px}.contact-cta{font-size:22px}.contact h2{font-size:53px}}
html[data-motion="reduced"]{scroll-behavior:auto}html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{animation:none!important;transition:none!important}html[data-motion="reduced"] .system-demo{height:auto}html[data-motion="reduced"] .demo-sticky{position:relative;height:auto;min-height:750px}html[data-motion="reduced"] .reveal{opacity:1!important;transform:none!important}@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]){scroll-behavior:auto}html:not([data-motion="full"]) *,html:not([data-motion="full"]) *::before,html:not([data-motion="full"]) *::after{animation:none!important;transition:none!important}html:not([data-motion="full"]) .system-demo{height:auto}html:not([data-motion="full"]) .demo-sticky{position:relative;height:auto;min-height:750px}html:not([data-motion="full"]) .reveal{opacity:1!important;transform:none!important}}

/* Enlaces a las páginas de cada sistema (añadido 2026-09-12) */
.capability-body{row-gap:26px}.capability-body .capability-link{grid-column:1/-1;justify-self:start;font-size:15px;gap:14px;margin-top:4px}
/* ---- System demo: hilo conductor, paneles y pantallas ---- */
.demo-visual{position:relative}
.demo-thread{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative}
.demo-thread::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:var(--line)}
.demo-thread::after{content:"";position:absolute;left:0;top:4px;height:3px;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--thread,0));transition:transform .7s var(--ease)}
.demo-thread li{position:relative;padding:20px 6px 0 0;min-width:0;opacity:.32;transition:opacity .5s var(--ease)}
.demo-thread li::before{content:"";position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--night);border:1px solid var(--muted);transition:background .4s,border-color .4s,box-shadow .4s}
.demo-thread li .eyebrow{display:block;font-size:9px;color:var(--muted)}
.demo-thread li strong{display:block;font-family:'Geist Mono',monospace;font-weight:500;font-size:clamp(9.5px,.62vw,11px);letter-spacing:0;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(6px);opacity:0;transition:transform .5s var(--ease),opacity .5s var(--ease)}
.demo-thread li.is-on{opacity:1}
.demo-thread li.is-on::before{background:var(--accent);border-color:var(--accent)}
.demo-thread li.is-on strong{transform:none;opacity:1}
.demo-thread li.is-now::before{box-shadow:0 0 0 5px rgba(255,77,36,.22);animation:thread-pulse 1.6s var(--ease) infinite}
.demo-thread li.is-now strong{color:var(--accent);animation:thread-in .6s var(--ease) both}
@keyframes thread-pulse{0%{box-shadow:0 0 0 0 rgba(255,77,36,.45)}100%{box-shadow:0 0 0 9px rgba(255,77,36,0)}}
@keyframes thread-in{from{opacity:0;transform:translateX(-14px)}}
.demo-panels{display:grid;position:relative}
.demo-panel{grid-area:1/1;opacity:0;visibility:hidden;transform:translateX(48px);transition:opacity .45s var(--ease),transform .65s var(--ease),visibility 0s linear .45s}
.demo-panels[data-dir="back"] .demo-panel{transform:translateX(-48px)}
.demo-panel.is-leaving{transform:translateX(-48px)}
.demo-panels[data-dir="back"] .demo-panel.is-leaving{transform:translateX(48px)}
.demo-panel.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.demo-panels .reference-frame{margin:0}
.demo-panel-chat{display:flex;align-items:center;justify-content:center}
.message-typing{display:flex;gap:5px;margin:0 0 22px auto;width:max-content;padding:16px 20px;background:#262522;border-radius:2px 2px 0 2px}
.message-typing span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:typing-dot 1s ease-in-out infinite}
.message-typing span:nth-child(2){animation-delay:.15s}
.message-typing span:nth-child(3){animation-delay:.3s}
@keyframes typing-dot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.message-view .message-typing{display:none}
.is-active .message-view[data-state="typing"] .message-customer::after{content:"";display:inline-block;width:2px;height:.9em;background:var(--ink);margin-left:2px;vertical-align:-2px;animation:caret .8s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.is-active .message-view[data-state="wait"] .message-typing{display:flex}
.message-view[data-state="typing"] .message-reply,.message-view[data-state="wait"] .message-reply,.message-view[data-state="typing"] .message-caption,.message-view[data-state="wait"] .message-caption{opacity:0;transform:translateY(8px)}
.message-reply,.message-caption{transition:opacity .5s var(--ease),transform .6s var(--ease)}
/* Pantallas 1100x640 escaladas como los iframes */
.demo-screen .screen{position:absolute;top:0;left:0;width:1100px;height:640px;transform:scale(var(--frame-scale,1));transform-origin:top left;background:#0B0B0D;color:#F4F2EF;font-family:'Inter Tight',Arial,sans-serif;font-size:15px;line-height:1.4;--s-line:rgba(244,242,239,.09);--s-surface:#141210;--s-dim:rgba(244,242,239,.62);--s-mute:rgba(244,242,239,.38);--s-gold:#E0A23C;--s-gold-soft:rgba(224,162,60,.14);--s-green:#25D366;--s-ok:#3DDC84}
.screen .eyebrow{font-size:10px;letter-spacing:.08em;color:var(--s-mute)}
.screen h4{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.screen p{margin:0}
.scr-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:58px;padding:0 30px;border-bottom:1px solid var(--s-line);font-size:13px;color:var(--s-dim)}
.scr-bar>span:first-child{display:flex;align-items:center;gap:10px;color:#F4F2EF;font-weight:600}
.scr-bar b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--s-gold);color:#0B0B0D;font-family:'Instrument Serif',serif;font-size:16px}
.scr-bar em{font-style:normal;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--s-mute);margin-left:4px}
.scr-crumbs strong{color:#F4F2EF;font-weight:500}
.scr-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;border:1px solid var(--s-line);font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.scr-pill-live{color:var(--s-green);border-color:rgba(37,211,102,.35)}
.scr-pill-live::before,.scr-pill-prod::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:scr-blink 1.6s ease-in-out infinite}
@keyframes scr-blink{50%{opacity:.35}}
.scr-pill-prod{color:var(--s-gold);border-color:rgba(224,162,60,.4);background:var(--s-gold-soft)}
.scr-pill-sent{color:var(--s-dim)}
.scr-pill-ok{color:var(--s-ok);border-color:rgba(61,220,132,.45);background:rgba(61,220,132,.1)}
.scr-body{padding:28px 30px 0}
.scr-card{background:var(--s-surface);border:1px solid var(--s-line);border-radius:12px;padding:24px}
.scr-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.scr-sub{color:var(--s-dim);font-size:13px}
.scr-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--s-gold-soft);color:var(--s-gold);font-weight:600;font-size:17px;letter-spacing:.02em}
.scr-avatar-sm{width:36px;height:36px;font-size:13px}
.scr-tag{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--s-gold-soft);color:var(--s-gold);font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.05em;margin-right:6px}
.scr-chip{display:inline-block;padding:6px 11px;border-radius:8px;border:1px solid var(--s-line);background:#0B0B0D;font-family:'Geist Mono',monospace;font-size:11px;color:#F4F2EF;margin:8px 8px 0 0}
.scr-next{display:flex;align-items:center;gap:12px;margin-top:auto;padding:14px 18px;border-radius:10px;background:var(--s-gold-soft);border:1px solid rgba(224,162,60,.3);color:var(--s-gold)}
.scr-next span{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--s-dim)}
.scr-next strong{font-weight:600;font-size:15px}
.scr-next em{margin-left:auto;font-style:normal;font-size:18px;animation:scr-nudge 1.4s var(--ease) infinite}
@keyframes scr-nudge{50%{transform:translateX(5px)}}
.scr-bar-track{height:6px;border-radius:99px;background:rgba(244,242,239,.08);overflow:hidden}
.scr-bar-track i{display:block;height:100%;border-radius:inherit;background:var(--s-gold);transform-origin:left;transform:scaleX(var(--to,1))}
/* 02 Cliente */
.scr-client{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;height:calc(640px - 58px - 28px);padding-bottom:28px}
.scr-contact{animation:scr-rise .7s var(--ease) both}
.scr-contact h4{margin-top:16px}
.scr-contact dl{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;margin:20px 0 0;padding-top:18px;border-top:1px solid var(--s-line);font-size:13px}
.scr-contact dt{color:var(--s-mute);font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding-top:3px}
.scr-contact dd{margin:0;animation:scr-rise .6s var(--ease) both}
.scr-contact dd:nth-of-type(1){animation-delay:.5s}.scr-contact dd:nth-of-type(2){animation-delay:.65s}.scr-contact dd:nth-of-type(3){animation-delay:.8s}.scr-contact dd:nth-of-type(4){animation-delay:.95s}
.scr-detected{margin-top:22px;padding-top:18px;border-top:1px solid var(--s-line);animation:scr-rise .6s var(--ease) 1.3s both}
.scr-detected .scr-chip{animation:scr-pop .5s var(--ease) both}
.scr-detected .scr-chip:nth-child(1){animation-delay:1.5s}.scr-detected .scr-chip:nth-child(2){animation-delay:1.65s}.scr-detected .scr-chip:nth-child(3){animation-delay:1.8s}
.scr-history{display:flex;flex-direction:column;animation:scr-rise .7s var(--ease) .2s both}
.scr-timeline{list-style:none;margin:0;padding:0 0 0 6px;position:relative}
.scr-timeline::before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:1px;background:var(--s-line)}
.scr-timeline li{position:relative;display:grid;grid-template-columns:22px 48px 1fr;gap:12px;align-items:baseline;padding:11px 0;animation:scr-rise .6s var(--ease) both}
.scr-timeline li:nth-child(1){animation-delay:.6s}.scr-timeline li:nth-child(2){animation-delay:1s}.scr-timeline li:nth-child(3){animation-delay:1.4s}.scr-timeline li:nth-child(4){animation-delay:1.8s}
.scr-timeline i{width:9px;height:9px;border-radius:50%;background:var(--s-gold);box-shadow:0 0 0 4px #141210;position:relative;top:-1px}
.scr-timeline span{font-family:'Geist Mono',monospace;font-size:11px;color:var(--s-mute)}
.scr-timeline p{font-size:14px;color:var(--s-dim)}
.scr-timeline b{color:#F4F2EF;font-weight:500}
.scr-history .scr-next{animation:scr-rise .6s var(--ease) 2.3s both}
@keyframes scr-rise{from{opacity:0;transform:translateY(14px)}}
@keyframes scr-pop{from{opacity:0;transform:scale(.85)}}
/* 04 Venta */
.scr-sale{display:grid;grid-template-columns:1fr 1fr;gap:22px;height:calc(640px - 58px - 28px);padding-bottom:28px}
.scr-wa{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px;border:1px solid var(--s-line);background:#0F0E0C}
.scr-wa-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--s-line);margin-bottom:6px}
.scr-wa-head b{display:block;font-size:14px}
.scr-wa-head span{font-size:11px;color:var(--s-green)}
.scr-wa-msg{max-width:88%;padding:12px 14px;border-radius:10px;font-size:13.5px;line-height:1.35;animation:scr-rise .5s var(--ease) both}
.scr-wa-out{align-self:flex-end;background:#1B2E22;border-bottom-right-radius:2px}
.scr-wa-in{align-self:flex-start;background:#23211E;border-bottom-left-radius:2px}
.scr-wa-msg:nth-of-type(1){animation-delay:.3s}.scr-wa-msg:nth-of-type(2){animation-delay:1.4s}.scr-wa-msg:nth-of-type(3){animation-delay:3s}
.scr-wa-time{display:block;margin-top:5px;font-size:10px;color:var(--s-mute);text-align:right}
.scr-wa-doc{display:flex;align-items:center;gap:12px}
.scr-wa-doc i{display:grid;place-items:center;width:38px;height:44px;border-radius:5px;background:#C0392B;font-style:normal;font-size:10px;font-weight:700}
.scr-wa-doc b{display:block;font-size:14px}
.scr-wa-doc span{font-size:12px;color:var(--s-dim)}
.scr-quote{display:flex;flex-direction:column;animation:scr-rise .7s var(--ease) .2s both}
.scr-quote h4{margin-top:6px;font-size:20px}
.scr-status{position:relative;min-width:110px;text-align:right}
.scr-status .scr-pill-sent{animation:scr-out .4s var(--ease) 2.2s both}
.scr-status .scr-pill-ok{position:absolute;right:0;top:0;animation:scr-stamp .55s var(--ease) 2.3s both}
@keyframes scr-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes scr-stamp{from{opacity:0;transform:scale(1.5)}}
.scr-amount{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-top:1px solid var(--s-line);border-bottom:1px solid var(--s-line)}
.scr-amount strong{font-family:'Instrument Serif',serif;font-weight:400;font-size:38px;color:var(--s-gold);letter-spacing:-.02em}
.scr-deposit{padding:20px 0}
.scr-deposit>div:first-child{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--s-dim);margin-bottom:10px}
.scr-deposit b{color:#F4F2EF;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.scr-deposit .scr-bar-track i{--to:.5;animation:scr-fill 1.1s var(--ease) 3.1s both}
@keyframes scr-fill{from{transform:scaleX(0)}}
.scr-deposit-foot{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;color:var(--s-mute);font-family:'Geist Mono',monospace}
.scr-next-order{animation:scr-rise .6s var(--ease) 4.2s both}
/* 05 Pedido */
.scr-order{height:calc(640px - 58px - 28px);padding-bottom:28px;display:flex;flex-direction:column;gap:20px}
.scr-order-head{display:flex;justify-content:space-between;align-items:flex-end;animation:scr-rise .6s var(--ease) both}
.scr-due{text-align:right}
.scr-due strong{display:block;font-family:'Instrument Serif',serif;font-weight:400;font-size:34px;line-height:1;color:var(--s-gold);margin:4px 0 2px}
.scr-due>span:last-child{font-size:12px;color:var(--s-dim)}
.scr-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;animation:scr-rise .6s var(--ease) .15s both}
.scr-col{position:relative;padding:14px;border-radius:12px;border:1px solid var(--s-line);background:#0F0E0C;min-height:190px;display:flex;flex-direction:column;gap:10px}
.scr-col>.eyebrow{display:flex;justify-content:space-between;margin-bottom:4px}
.scr-col>.eyebrow b{color:var(--s-dim);font-weight:500}
.scr-col-active{border-color:rgba(224,162,60,.35)}
.scr-ghost{height:44px;border-radius:8px;background:rgba(244,242,239,.045)}
.scr-order-card{padding:12px 14px;border-radius:8px;background:var(--s-surface);border:1px solid rgba(224,162,60,.5);box-shadow:0 12px 30px -14px rgba(224,162,60,.5)}
.scr-order-card b{display:block;font-family:'Geist Mono',monospace;font-size:11px;color:var(--s-gold);font-weight:500}
.scr-order-card span{display:block;font-size:13px;margin-top:2px}
.scr-order-card em{display:block;font-style:normal;font-size:11px;color:var(--s-mute);margin-top:6px}
.scr-order-from{opacity:0;animation:scr-leave .6s var(--ease) 1.2s both}
@keyframes scr-leave{from{opacity:1;transform:none}to{opacity:0;transform:translateX(48px)}}
.scr-order-to{animation:scr-arrive .7s var(--ease) 1.5s both}
@keyframes scr-arrive{from{opacity:0;transform:translateX(-60px)}}
.scr-progress{animation:scr-rise .6s var(--ease) 2.2s both}
.scr-progress .scr-card-head{margin-bottom:12px;align-items:baseline}
.scr-progress .scr-card-head strong{font-family:'Instrument Serif',serif;font-weight:400;font-size:28px;color:var(--s-gold);font-variant-numeric:tabular-nums}
.scr-progress ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.scr-progress li{display:grid;grid-template-columns:230px 1fr 52px;gap:16px;align-items:center;font-size:13px;color:var(--s-dim)}
.scr-progress li b{font-family:'Geist Mono',monospace;font-size:11px;color:#F4F2EF;font-weight:500;text-align:right}
.scr-progress .scr-bar-track i{animation:scr-fill 1.2s var(--ease) 2.5s both}
/* 06 Contabilidad: toast sobre el iframe */
.scr-toast{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;gap:12px;padding:13px 18px 13px 14px;border-radius:12px;background:#141210;border:1px solid rgba(61,220,132,.4);color:#F4F2EF;font-family:'Inter Tight',Arial,sans-serif;box-shadow:0 20px 40px -18px #000;max-width:calc(100% - 44px);opacity:0;transform:translateY(16px)}
.is-active .scr-toast{animation:scr-toast 8s var(--ease) 1.1s both}
.scr-toast i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(61,220,132,.15);color:#3DDC84;font-style:normal;font-weight:700;font-size:13px;flex:none}
.scr-toast b{display:block;font-size:13px;font-weight:600}
.scr-toast span{display:block;font-size:11.5px;color:rgba(244,242,239,.62);margin-top:2px}
@keyframes scr-toast{0%{opacity:0;transform:translateY(16px)}8%,92%{opacity:1;transform:none}100%{opacity:0;transform:translateY(8px)}}
/* Nav inferior: pulso que recorre el hilo */
.demo-progress span{background:linear-gradient(90deg,var(--accent) 0%,var(--accent) 70%,#fff 85%,var(--accent) 100%);background-size:200% 100%;animation:progress-flow 2.4s linear infinite}
@keyframes progress-flow{from{background-position:200% 0}to{background-position:0 0}}
/* Animaciones de pantalla solo cuando el panel está activo (el estado base es el final) */
.demo-panel:not(.is-active) .screen *{animation:none!important}
html[data-motion="reduced"] .scr-toast{opacity:1;transform:none}
html[data-motion="reduced"] .scr-order-from{display:none}
html[data-motion="reduced"] .scr-status .scr-pill-sent{visibility:hidden}
html[data-motion="reduced"] .message-typing{display:none!important}
@media(max-width:1000px){.demo-thread li strong{font-size:10px}}
@media(max-width:760px){.demo-thread{grid-template-columns:repeat(3,1fr);gap:14px 10px;margin-bottom:18px}.demo-thread::before,.demo-thread::after{display:none}.demo-thread li{padding-top:18px}.scr-toast{right:10px;bottom:10px;padding:9px 12px 9px 10px;gap:8px;border-radius:9px}.scr-toast b{font-size:10px}.scr-toast span{font-size:9px}.scr-toast i{width:20px;height:20px;font-size:10px}}
@media(max-width:480px){.demo-thread li strong{font-size:9px}.scr-toast span{display:none}}
html[data-motion="reduced"] .demo-progress span{background:var(--accent)}
@media(min-width:761px){.demo-layout{padding-block:28px}.demo-thread{margin-bottom:18px}}
.scr-toast{padding:11px 16px 11px 12px}.scr-toast b{font-size:12px}.scr-toast span{font-size:11px}
@media(max-width:760px){.demo-panels{align-items:start}.demo-panel:not(.is-active){position:absolute;inset:0}.demo-visual{justify-content:flex-start}}
/* ---- WhatsApp siempre visible ---- */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:15;display:inline-flex;align-items:center;gap:14px;min-height:46px;padding:0 18px 0 16px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:999px;font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1;box-shadow:0 18px 40px -20px rgba(16,16,16,.6);animation:wa-in .8s var(--ease) .6s both;transition:background .3s,border-color .3s,color .3s,transform .4s var(--ease)}
.wa-float:hover{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:translateY(-2px)}
.wa-float:hover .wa-arrow{transform:translate(3px,-3px)}
.wa-float .wa-arrow{display:inline-block;font-size:15px;transition:transform .4s var(--ease)}
.wa-dot{width:7px;height:7px;border-radius:50%;background:#25D366;box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:wa-pulse 2s var(--ease) infinite}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}100%{box-shadow:0 0 0 8px rgba(37,211,102,0)}}
@keyframes wa-in{from{opacity:0;transform:translateY(14px)}}
body.menu-open .wa-float{opacity:0;pointer-events:none}
@media(max-width:600px){.wa-float{right:16px;bottom:16px;min-height:44px;padding:0 15px 0 14px;font-size:10px;gap:11px}}
@media print{.wa-float{display:none}}
.wa-float.is-dark{background:var(--paper);color:var(--ink);border-color:var(--paper);box-shadow:0 18px 40px -20px rgba(0,0,0,.8)}
.wa-float.is-dark:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}