.page-intro{padding-top:56px;padding-bottom:52px}
.page-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:36px}
.page-back svg{width:16px;height:16px}
.page-intro h1{font-size:56px;max-width:900px;margin:18px 0 24px;line-height:1.1}
.page-lead{font-size:18px;max-width:660px;color:var(--muted);line-height:1.7}
.page-intro+.section{padding-top:28px}
.site-header .desktop-nav{gap:24px}
.desktop-nav a[aria-current=page]{color:var(--blue)}
.footer nav{flex-wrap:wrap;gap:20px}
.service-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.overview-item{display:block;border-top:1px solid var(--line);padding-top:20px}
.overview-item img{aspect-ratio:1.6;object-fit:cover;object-position:top;border-radius:4px;transition:transform .3s ease}
.overview-item div{padding-top:20px}
.overview-item h3{font-size:25px;margin:12px 0}
.overview-item p{color:var(--muted);font-size:15px;min-height:76px}
.overview-item .text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;margin-top:20px}
.service-example{margin:0 0 28px}
.service-example img{aspect-ratio:2.5;object-fit:cover;object-position:top}
.service-example figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding-top:8px}
.service-example svg{width:16px;height:16px}
.text-link svg{width:18px;height:18px}
.home-work-link{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.home-work-link p{color:var(--muted)}
.home-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.home-plan-grid article{border-top:2px solid var(--blue);padding:28px 0;display:flex;align-items:flex-start;flex-direction:column;gap:18px}
.home-plan-grid h3{font-size:28px}
.home-plan-grid article>p:not(.eyebrow):not(.home-price){max-width:440px;color:var(--muted);font-size:15px}
.home-price{font-size:34px;line-height:1.45;font-weight:600;min-height:116px}
.home-price span{font-size:14px;font-weight:400;color:var(--muted)}
.home-plan-grid .text-link{font-size:13px;display:inline-flex;align-items:center;gap:8px}
.site-next{background:var(--surface)}
.site-next-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}
.site-next h2{font-size:36px;margin:16px 0;max-width:700px}
.site-next p:not(.eyebrow){color:var(--muted);max-width:640px}
.site-next .button{flex-shrink:0}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.editorial-grid>div{border-top:1px solid var(--line);padding-top:26px}
.editorial-grid h3{font-size:24px;margin-bottom:20px}
.editorial-grid p{color:var(--muted);font-size:15px;line-height:1.8}
.editorial-grid .text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin-top:24px}
.studio-visual{margin-top:0;margin-bottom:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.studio-visual img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;object-position:top}
.studio-visual figcaption{grid-column:1/-1;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding:0 0 16px}
.studio-principles h3{margin-top:20px}
.client-project-list{display:grid;gap:72px}
.client-project-list .client-project{padding-block:24px;border-bottom:1px solid var(--line)}
[data-page=universo-rumi] .work-section{padding-top:20px}
[data-page=universo-rumi] #work-title{font-size:32px}
[data-page=planes] #plans-title{font-size:52px}
.faq-aside h1{font-size:40px;margin:18px 0 24px}
.contact-copy h1{font-size:64px;line-height:1.04;margin-bottom:28px}
.contact-copy h1 span{color:var(--blue)}
[data-page=preguntas] .faq-section,[data-page=contacto] .contact-section{padding-top:64px}
@media(hover:hover) and (pointer:fine){.overview-item:hover img{transform:translateY(-4px)}.overview-item:hover .text-link,.page-back:hover{color:var(--blue)}}
@media(max-width:1100px){.site-header .desktop-nav{gap:16px}.editorial-grid{gap:24px}.service-overview{gap:24px}.site-next-inner{gap:24px}.site-next h2{font-size:30px}.contact-copy h1{font-size:52px}}
@media(max-width:980px){.page-intro h1{font-size:44px}.site-next-inner{align-items:flex-start;flex-direction:column}.home-price{font-size:28px;min-height:108px}.home-work-link{align-items:flex-start;flex-direction:column}.service-overview{grid-template-columns:1fr}.overview-item{display:grid;grid-template-columns:1fr 1fr;gap:28px}.overview-item div{padding-top:0}.overview-item p{min-height:0}.editorial-grid{grid-template-columns:1fr}.editorial-grid>div{padding-top:24px}.client-project-list{gap:40px}.contact-copy h1{font-size:44px}}
@media(max-width:700px){.page-intro{padding-top:30px;padding-bottom:34px}.page-intro h1{font-size:36px}.page-lead{font-size:16px}.page-back{margin-bottom:28px}.overview-item{display:block}.overview-item div{padding-top:20px}.overview-item h3{font-size:24px}.home-plan-grid{grid-template-columns:1fr;gap:20px}.home-plan-grid article{padding-bottom:10px}.home-price{min-height:0}.home-plan-grid .button{width:100%;font-size:13px;justify-content:space-between}.site-next h2{font-size:30px}.site-next .button{white-space:normal}.footer nav{gap:16px}.studio-visual{margin-bottom:30px}.faq-aside h1{font-size:32px}.contact-copy h1{font-size:40px}[data-page=planes] #plans-title{font-size:36px}.client-project-list{gap:32px}}
@media(prefers-reduced-motion:reduce){.overview-item img{transition:none}.overview-item:hover img{transform:none}}

/* Manual palette: neutral surfaces, ink and one blue accent per block. */
:root{--paper:#fff;--surface:#f4f5f7;--panel:#f4f5f7;--ink:#151719;--muted:#626873;--line:#dcdfe5;--blue:#2457ff;--lime:#fff}
.hero{background:var(--surface)}
.hero-bottom{border-color:var(--line)}
.overview-band{background:var(--paper)}
.page-intro-band,.pricing-section,.contact-section{background:var(--surface)}
.work-section{background:var(--paper)}
.footer{--ink:#fff;--muted:#dcdfe5;--line:#626873;color:var(--ink);background:#151719}
.page-intro{position:relative;isolation:isolate;overflow:hidden}
.page-intro h1,.page-intro .page-lead{max-width:calc(100% - 310px)}
.page-intro .eyebrow{color:var(--muted)}
.page-back:hover{color:var(--blue)}
.intro-mark{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:-1;color:var(--ink)}
.intro-mark .brand-mark{width:260px;height:160px}
.page-intro-band{border-bottom:1px solid var(--line)}
.editorial-band,.concepts-section{background:var(--surface)}
.concepts-section{border-top:1px solid var(--line)}
.concepts-section .concepts-title{font-size:32px;margin-bottom:32px}
.editorial-grid>div{border-top:1px solid var(--line)}
.service-overview .overview-item img{box-shadow:0 14px 22px -17px #15171960;border:1px solid var(--line)}
.work-section .section-heading .eyebrow{color:var(--muted)}
.work-section .project-meta,.work-section .project-detail,.work-section .portfolio-note{color:var(--muted)}
.portfolio-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.portfolio-filters button:not([aria-pressed=true]):hover{background:var(--line)}
.work-section .client-carousel .carousel-stage,.work-section .client-carousel .carousel-toolbar{background:var(--surface)}
.client-project-visual::before{background:var(--line);border-color:var(--line)}
.client-project-visual::after{background:var(--surface);border-color:var(--line)}
.work-section .icon-button:hover{background:var(--line)}
.work-section .project-cover{box-shadow:0 16px 24px -18px #15171950}
.client-project-status{color:var(--muted)}
.project-cover:hover .project-open{background:var(--ink);color:var(--paper)}
.project-number{color:var(--muted)}
.home-plans-band{background:var(--surface)}
.home-plan-grid{gap:24px}
.home-plan-grid article{padding:32px;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:5px;background:var(--paper)}
.home-plan-grid article:last-child{border-top-color:var(--ink)}
.home-plan-grid article .button{margin-top:auto}
.pricing-section{padding-top:64px}
.pricing-section .section-heading .eyebrow{color:var(--muted)}
.price-plan{background:var(--paper);color:var(--ink);box-shadow:0 18px 36px -28px #15171940}
.price-plan:not(.plan-featured){background:var(--paper);border-color:var(--line)}
.price-plan li svg{color:var(--muted)}
.pricing-section .domain-band{border-color:var(--line);background:transparent}
.pricing-section .domain-band .eyebrow{color:var(--muted)}
.pricing-section .plan-footnotes a{color:var(--ink)}
.faq-section{background:var(--surface)}
.faq-showcase img{border:1px solid var(--line)}
.faq-assurance{border-color:var(--line)}
.contact-section .eyebrow{color:var(--muted)}
.contact-copy h1 span{color:var(--blue)}
.contact-form{background:var(--paper);color:var(--ink);border-top:3px solid var(--blue);box-shadow:0 24px 40px -30px #15171940}
.contact-form .eyebrow{color:var(--muted)}
.studio-visual-band{background:var(--paper);padding-block:44px 0}
.studio-visual{margin-bottom:0;padding-bottom:30px}
.studio-visual img{border:1px solid var(--line);box-shadow:0 18px 26px -20px #15171960}
.site-next{background:var(--paper);color:var(--ink)}
.footer{border-top:1px solid var(--line)}
.footer .brand-mark{color:#fff}
.footer nav a:hover,.footer .text-link:hover{color:#fff;text-decoration:underline}
.marquee{background:var(--surface);color:var(--ink);border-block:1px solid var(--line)}
.marquee b{color:var(--blue)}
.marquee-toggle,.marquee-toggle:hover{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:-20px 0 0 var(--surface)}
.manifesto{background:#151719;color:#fff}
.manifesto h2 span{color:#fff}
.manifesto p:not(.eyebrow){color:#dcdfe5}
[data-theme=dark]{--paper:#151719;--surface:#202327;--panel:#202327;--ink:#fff;--muted:#dcdfe5;--line:#626873;--blue:#2457ff}
[data-theme=dark] .hero,[data-theme=dark] .page-intro-band,[data-theme=dark] .pricing-section,[data-theme=dark] .contact-section,[data-theme=dark] .editorial-band,[data-theme=dark] .faq-section,[data-theme=dark] .home-plans-band,[data-theme=dark] .concepts-section{background:var(--surface)}
[data-theme=dark] .work-section,[data-theme=dark] .studio-visual-band,[data-theme=dark] .home-plan-grid article,[data-theme=dark] .price-plan,[data-theme=dark] .price-plan:not(.plan-featured),[data-theme=dark] .contact-form{background:var(--paper)}
[data-theme=dark] .footer{background:#151719}
[data-theme=dark] .button-blue{background:#2457ff;color:#fff}
[data-theme=dark] .button-blue:hover{background:#151719;color:#fff}
[data-theme=dark] .desktop-nav a[aria-current=page]{color:#fff}
[data-theme=dark] .overview-item .eyebrow,[data-theme=dark] .plan-icon svg,[data-theme=dark] .plan-terms summary svg,[data-theme=dark] .domain-band h3 svg,[data-theme=dark] .pricing-disclaimer svg,[data-theme=dark] .contact-copy h1 span,[data-theme=dark] .contact-hours svg{color:#fff}
[data-theme=dark] .small-cross,[data-theme=dark] .hero h1>span,[data-theme=dark] .hero-statement span,[data-theme=dark] .project-index,[data-theme=dark] .step-index,[data-theme=dark] .service-tabs button[aria-selected=true],[data-theme=dark] .showcase-grid a>span{color:#fff}
[data-theme=dark] .text-link:hover,[data-theme=dark] .page-back:hover,[data-theme=dark] .project-caption h3 a:hover,[data-theme=dark] .project-meta a:hover,[data-theme=dark] .direct-contact:hover strong{color:#fff}
[data-theme=dark] .portfolio-filters button[aria-pressed=true]{background:#fff;color:#151719}
[data-theme=dark] .client-project-visual::before{background:var(--line);border-color:var(--line)}
[data-theme=dark] .client-project-visual::after{background:var(--surface);border-color:var(--line)}
[data-theme=dark] .marquee{background:var(--surface);color:#fff}
[data-theme=dark] .marquee b{color:#fff}
[data-theme=dark] .marquee-toggle{background:var(--surface);color:#fff;box-shadow:-20px 0 0 var(--surface);border-color:var(--line)}
@media(max-width:980px){.page-intro h1,.page-intro .page-lead{max-width:calc(100% - 160px)}.intro-mark .brand-mark{width:130px;height:90px}}
@media(max-width:700px){.page-intro h1,.page-intro .page-lead{max-width:100%}.intro-mark{right:0;top:27px;transform:none}.intro-mark .brand-mark{width:58px;height:36px}.page-back{padding-right:78px}.page-intro{padding-bottom:36px}.home-plan-grid article{padding:26px}.home-plan-grid .button{margin-top:8px}.pricing-section{padding-top:40px}.studio-visual-band{padding-top:28px}}

.site-header{box-shadow:0 4px 18px -14px #15171970}
.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}
.desktop-nav a:focus-visible:after{transform:scaleX(1)}
.home-manifesto{--ink:#fff;--muted:#dcdfe5;--line:#626873;background:#151719;color:#fff}
.home-manifesto .eyebrow,.home-manifesto p:not(.eyebrow){color:#dcdfe5}
.home-manifesto h2 span,.home-manifesto .manifesto-mark{color:#fff}
.home-manifesto .manifesto-mark{width:280px;height:173px}
.button-outline{background:transparent;color:inherit;border-color:currentColor}
.button-outline:hover{background:#ffffff18}
.home-manifesto .button{margin-top:28px}
.home-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:52px;border-top:1px solid var(--line);padding-top:30px}
.home-principles h3{font-size:22px;margin-top:15px;max-width:270px;line-height:1.3}
.home-manifesto .home-principles .eyebrow{color:#dcdfe5}
.overview-item .eyebrow{color:var(--blue);font-size:15px;font-weight:600}
.section-heading>.text-link{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.overview-item img,.studio-visual img,.service-example img{border-radius:4px}
.overview-item .text-link{border-bottom:1px solid var(--line);padding-bottom:8px;text-decoration:none;justify-content:space-between;width:100%}
.service-example img{box-shadow:0 12px 24px -14px #15171960}
.faq-list details[open]{border-left:3px solid var(--blue);padding-left:18px;background:var(--paper)}
.faq-list details[open] summary{padding-right:12px}
.faq-list summary:hover{color:var(--ink)}
.site-next{border-top:1px solid var(--line)}
.site-next h2{max-width:720px}
.button:focus-visible,.icon-button:focus-visible{outline-offset:4px}
[data-theme=dark] .home-manifesto{background:#151719}
[data-theme=dark] .faq-list details[open]{background:var(--paper);border-left-color:var(--blue)}
[data-theme=dark] .faq-list summary:hover{color:#fff}
@media(hover:hover) and (pointer:fine){.overview-item:hover .text-link{border-color:var(--blue)}.home-manifesto .button:hover{background:#fff;border-color:#fff;color:#151719}}
@media(max-width:980px){.home-manifesto .manifesto-mark{width:160px;height:99px}.home-principles{gap:24px}.home-principles h3{font-size:20px}}
@media(max-width:700px){.home-manifesto .manifesto-inner{flex-direction:row;gap:16px;align-items:center}.home-manifesto .manifesto-inner>div{min-width:0}.home-manifesto h2{font-size:32px}.home-manifesto .manifesto-mark{width:58px;height:36px;align-self:flex-start;margin-top:4px}.home-principles{grid-template-columns:1fr;gap:20px;margin-top:34px;padding-top:24px}.home-principles>div+div{border-top:1px solid var(--line);padding-top:20px}.home-principles h3{max-width:none;font-size:21px;margin-top:10px}.faq-list details[open]{padding-left:13px}.home-manifesto .button{font-size:13px}}
@media(max-width:370px){.home-manifesto h2{font-size:29px}.home-manifesto .manifesto-inner{gap:10px}.home-manifesto .manifesto-mark{width:38px;height:24px}}