/* Phocea Production 2.12 — 2026 experience layer.
   Purpose: preserve the paper/grunge identity while moving from a static mockup feel
   to a more legible, cinematic and scroll-driven website. */
:root{
  --p26-ease:cubic-bezier(.18,.78,.18,1);
  --p26-ease-soft:cubic-bezier(.22,.65,.2,1);
  --p26-shadow:0 28px 80px rgba(16,13,11,.09);
  --p26-shadow-hover:0 36px 95px rgba(16,13,11,.14);
  --p26-radius:16px;
}
html{scroll-padding-top:110px}
body.phocea-site{font-size:17px;line-height:1.62}
body.phocea-site ::selection{background:rgba(120,57,238,.2);color:#111}
body.phocea-site main{position:relative}
body.phocea-site main p{font-size:clamp(15.5px,.92vw,18px);line-height:1.68}
body.phocea-site main :is(h1,h2,h3){text-wrap:balance}
body.phocea-site main :is(p,li){text-wrap:pretty}
.wrap{width:min(1780px,calc(100vw - 96px))}

/* Reading progress + kinetic identity rail */
.phocea-scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:1000;pointer-events:none;background:transparent}.phocea-scroll-progress>i{display:block;height:100%;width:var(--p26-page-progress,0%);background:linear-gradient(90deg,#7839ee,#a983ff);box-shadow:0 0 14px rgba(120,57,238,.42)}
.phocea-motion-rail{width:min(1780px,calc(100vw - 96px));margin:0 auto;border-block:1px solid rgba(25,22,18,.12);overflow:hidden;white-space:nowrap;position:relative;z-index:12;background:rgba(247,244,238,.72);backdrop-filter:blur(9px)}
.phocea-motion-rail:before,.phocea-motion-rail:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.phocea-motion-rail:before{left:0;background:linear-gradient(90deg,var(--phocea-paper),transparent)}.phocea-motion-rail:after{right:0;background:linear-gradient(-90deg,var(--phocea-paper),transparent)}
.phocea-motion-track{display:inline-flex;align-items:center;min-width:max-content;gap:24px;padding:10px 0;animation:p26Rail 30s linear infinite;will-change:transform}.phocea-motion-track span{font-size:12px;font-weight:900;letter-spacing:.105em;text-transform:uppercase;color:#2c2824}.phocea-motion-track b{font:700 15px var(--phocea-serif);color:var(--phocea-violet)}
@keyframes p26Rail{to{transform:translateX(-50%)}}

/* Header: more presence, less utility-bar feel. */
.site-header{height:94px;width:min(1780px,calc(100vw - 96px));grid-template-columns:240px 1fr auto;gap:30px;background:rgba(247,244,238,.82);border-bottom-color:rgba(25,22,18,.06);transition:height .38s var(--p26-ease),background-color .3s ease,box-shadow .3s ease,translate .35s var(--p26-ease)}
.site-header.scrolled{height:76px;background:rgba(247,244,238,.94);box-shadow:0 14px 36px rgba(15,14,12,.065)}
.brand img{width:204px;height:58px}.site-header.scrolled .brand img{transform:scale(.93)}
.main-nav,.main-nav-list,.main-nav .menu{gap:28px}.main-nav{font-size:14px;font-weight:800}.main-nav a{padding:31px 0 24px}.site-header.scrolled .main-nav a{padding-block:24px 18px}
.header-cta{min-height:50px;padding-inline:21px}.button{min-height:54px;padding:0 24px;font-size:14px;letter-spacing:-.005em;border-radius:7px;transition:translate .2s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease}.button:hover{translate:0 -2px}.button-primary:hover{transform:none}

/* Footer becomes a final scene, not tiny utility text. */
.site-footer{position:relative;overflow:hidden;padding:58px 0 30px;min-height:330px;background-position:center 42%}.site-footer:before{content:"PHOCEA";position:absolute;right:-.02em;bottom:-.24em;font:700 clamp(120px,19vw,330px)/.8 var(--phocea-serif);letter-spacing:-.075em;color:rgba(255,255,255,.025);pointer-events:none}.footer-grid{position:relative;z-index:1;grid-template-columns:1.45fr repeat(5,1fr);gap:40px;font-size:13px;line-height:1.55}.footer-brand img{width:192px;height:58px}.footer-brand p{font-size:14px;max-width:250px;line-height:1.55}.footer-brand>div{margin-top:14px;gap:9px}.footer-brand>div span{width:30px;height:30px}.footer-grid>div:not(.footer-brand):not(.copyright){gap:8px}.footer-grid b{font-size:13px;letter-spacing:.02em;margin-bottom:5px}.copyright{font-size:12px;padding-top:18px;margin-top:8px}

/* Global cinematic section choreography. */
.phocea-motion-section{--p26-shift:0px;position:relative;isolation:isolate}
.phocea-motion-section:after{content:"";position:absolute;left:3%;right:3%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(24,20,17,.08),transparent);opacity:0;transition:opacity .8s ease;pointer-events:none}.phocea-motion-section.is-inview:after{opacity:1}
.phocea-motion-section :is(.hero-art,.solutions-orbit,.web-lab,.suite-hero-stage,.suite-demo-stage,.agency-hero-stage,.contact-hero-stage,.offers-price-stage,.blog-hero-board){translate:0 var(--p26-shift);transition:translate .12s linear}
.phocea-motion-title{clip-path:inset(0 0 100% 0);translate:0 34px;opacity:.2;transition:clip-path .85s var(--p26-ease),translate .85s var(--p26-ease),opacity .45s ease}.is-inview .phocea-motion-title,.phocea-motion-title.is-inview{clip-path:inset(0 0 0 0);translate:0 0;opacity:1}
.phocea-stagger-item{opacity:0;translate:0 28px;transition:opacity .62s ease,translate .75s var(--p26-ease);transition-delay:var(--p26-delay,0ms)}.is-inview .phocea-stagger-item,.phocea-stagger-item.is-inview{opacity:1;translate:0 0}
.phocea-pointer-glow{position:absolute;z-index:0;left:var(--p26-x,50%);top:var(--p26-y,50%);width:240px;height:240px;border-radius:50%;translate:-50% -50%;background:radial-gradient(circle,rgba(120,57,238,.13),rgba(120,57,238,.035) 42%,transparent 70%);filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease}.phocea-spotlight{position:relative;isolation:isolate}.phocea-spotlight:hover>.phocea-pointer-glow{opacity:1}

/* Typography: current 8–11px labels become intentionally small, not unreadable. */
:where(.eyebrow,.solutions-eyebrow,.solutions-kicker,.web-eyebrow,.web-kicker,.suite-kicker,.ac-kicker,.offers-kicker,.blog-eyebrow){font-size:12px!important;line-height:1.25!important;letter-spacing:.12em!important}
:where(.hero-lead,.solutions-lead,.web-lead,.suite-lead,.agency-lead,.contact-lead){font-size:clamp(17px,1.15vw,20px)!important;line-height:1.67!important}
:where(.chips span,.solutions-chips a,.web-hero-tags span,.suite-tags span){font-size:12.5px!important;padding:9px 13px!important}
:where(.section-actions,.project-card-immersive .project-open,.solution-panel-link,.agency-service-card b,.blog-card-body footer,.blog-meta){font-size:12px!important}


/* Hard readability floor for interface microcopy: the previous 7–10px values were too small. */
body.phocea-site main small{font-size:12px!important;line-height:1.4}
body.phocea-site main :where(.project-type,.blog-badge,.offer-price-mode,.offer-recommended){font-size:11.5px!important}
body.single-post .phocea-scroll-progress{display:none}

/* Home: stronger editorial scale and less empty paper. */
.hero{min-height:650px;padding:58px 0 34px;grid-template-columns:minmax(500px,.88fr) minmax(620px,1.12fr);gap:22px}.hero-copy{max-width:820px}.hero h1{font-size:clamp(58px,5.05vw,96px);line-height:.92;margin-bottom:28px}.hero-art{height:500px}.proof{min-height:104px;margin-top:8px;margin-bottom:24px}.proof-item{min-height:74px;padding:12px 20px}.proof-item img{width:50px;height:50px}.proof-item strong{font-size:16px;line-height:1.25}
.page-section{padding-top:clamp(58px,6vw,105px)}.section-title h2{font-size:clamp(38px,3.3vw,62px);line-height:.98;letter-spacing:-.04em}.section-actions{gap:12px}.round-arrow{width:40px;height:40px;font-size:16px}
.service-bento{gap:16px}.service-bento .service-card{border-radius:14px;padding:28px 28px 26px;box-shadow:0 14px 40px rgba(17,16,14,.025)}.service-bento .service-card:hover{box-shadow:var(--p26-shadow)}.service-bento .service-card h3,.service-bento .service-card:nth-child(1) h3{font-size:clamp(25px,1.8vw,34px)}.service-bento .service-card:nth-child(n+3) h3{font-size:clamp(21px,1.45vw,27px)}.service-bento .service-card p{font-size:15px!important;line-height:1.6;max-width:46ch}.service-bento .service-card>a{font-size:28px;right:22px;bottom:18px}
.project-card-immersive{flex-basis:min(72vw,1060px);border-radius:16px;box-shadow:0 24px 65px rgba(17,16,14,.09)}.project-card-immersive>img{height:clamp(360px,36vw,590px)}.project-card-immersive>div{min-height:92px;padding:16px 20px}.project-card-immersive strong{font-size:clamp(22px,1.7vw,30px)}
.story-card{min-height:260px;border-radius:16px;padding:34px 36px;box-shadow:0 20px 54px rgba(17,16,14,.035)}.story-card h3{font-size:clamp(25px,1.8vw,34px)}.story-card ul{font-size:14.5px;line-height:1.55}.offer-bento{gap:14px}.offer-bento .offer-card{border-radius:14px;padding:25px 26px}.offer-bento .offer-card h3,.offer-bento .offer-card:nth-child(n+2) h3{font-size:clamp(20px,1.5vw,27px)}.offer-bento .offer-card p,.offer-bento .offer-card:nth-child(1) p{font-size:14.5px!important;line-height:1.55}.offer-card span{font-size:12px}.blog-grid-editorial{gap:16px}.blog-grid-editorial .blog-card{border-radius:14px}.blog-grid-editorial .blog-card:nth-child(n+2) p,.blog-card-copy p{font-size:14.5px!important}.blog-card-copy small{font-size:12px}.blog-badge{font-size:11px}.final-cta{min-height:260px;margin-top:50px}.cta-inner{min-height:260px}.cta-copy h2{font-size:clamp(46px,4.2vw,72px)}.cta-copy p{font-size:15px}.cta-checks{font-size:16px}.cta-action>span{font-size:15px}
.section-reviews:has(.reviews-placeholder){display:none}

/* Solutions: make the ecosystem occupy the viewport. */
.solutions-hero{min-height:760px;padding:72px 0 96px;grid-template-columns:minmax(500px,.84fr) minmax(650px,1.16fr)}.solutions-hero h1{font-size:clamp(58px,5.1vw,96px);line-height:.92}.solutions-orbit{height:590px;border-radius:20px;box-shadow:var(--p26-shadow)}.solutions-orbit-center{width:220px;height:220px}.solution-node{width:190px;min-height:108px;padding:14px 15px;border-radius:12px}.solution-node img{width:68px;height:68px}.solution-node span{font-size:15px}.orbit-note{font-size:14px}.solutions-bridge{padding-block:95px 115px}.solutions-bridge-copy,.solutions-catalog-intro>p:not(.solutions-kicker){font-size:16px}.solution-panel{min-height:290px;grid-template-columns:70px 170px minmax(0,1fr);gap:34px;padding:44px 12px}.solution-panel-number{font-size:13px}.solution-panel-icon img{width:138px;height:116px}.solution-panel-label{font-size:12px!important}.solution-panel-copy h3{font-size:clamp(30px,2.35vw,42px)}.solution-panel-copy>p{font-size:15.5px}.solution-panel-tags span{font-size:11.5px;padding:7px 10px}.solutions-flow-inner{min-height:560px}.solutions-flow-head>p:last-child{font-size:16px}.flow-step{min-height:220px}

/* Sites web page: keep the strong composition, enlarge it and strengthen scenes. */
.web-hero{min-height:760px!important;padding-top:72px!important}.web-hero h1{font-size:clamp(58px,5.15vw,98px)!important;line-height:.92!important}.web-lab{min-height:560px!important;border-radius:18px!important;box-shadow:var(--p26-shadow)!important}.web-intro{padding-block:100px!important}.web-intro-copy,.web-journey-copy p{font-size:16px!important}.web-journey-step{min-height:520px!important}.web-scene{scale:1.08}.web-journey-copy h3{font-size:clamp(34px,3vw,54px)!important}

/* Service suite: demos become the hero of the page, not pale diagrams. */
.suite-hero{min-height:760px!important;padding:72px 0 96px!important;grid-template-columns:minmax(500px,.86fr) minmax(640px,1.14fr)!important}.suite-hero h1{font-size:clamp(58px,5.1vw,96px)!important;line-height:.92!important}.suite-hero-stage{min-height:540px!important;border-radius:18px!important;box-shadow:var(--p26-shadow)!important}.suite-proof-strip{min-height:84px!important}.suite-proof-strip span{font-size:13.5px!important}.suite-intro{padding-block:110px!important}.suite-intro-copy p{font-size:16.5px!important}.suite-demo{padding-bottom:120px!important}.suite-demo-head{margin-bottom:42px!important}.suite-demo-head>p{font-size:16px!important}.suite-demo-stage{min-height:540px!important;border-radius:17px!important;box-shadow:var(--p26-shadow)!important}.suite-outcomes article{min-height:170px!important;padding:26px 28px!important}.suite-outcomes span{font-size:11px!important}.suite-outcomes strong{font-size:24px!important}.suite-outcomes p{font-size:14.5px!important}.suite-conversion-band p:not(.suite-kicker){font-size:15.5px!important}.suite-faq-list summary{font-size:18px!important}.suite-faq-list p{font-size:15px!important}
.app-demo-before>small,.app-demo-after>small,.app-demo-engine>small,.ai-demo-request small,.ai-demo-result small,.seo-demo-screen article small,.seo-demo-screen aside small,.seo-demo-answer small,.hosting-demo-alert small,.hosting-demo-steps span,.hosting-demo-steps small{font-size:10.5px!important}.app-demo-source b{font-size:13px!important}.app-demo-source span{font-size:12px!important}.app-demo-result span{font-size:12px!important}.app-demo-result b{font-size:16px!important}.ai-live-demo{grid-template-columns:290px 1fr 290px!important}.ai-demo-request span,.ai-demo-result span{font-size:12px!important}.ai-demo-pipeline article{min-height:250px!important;padding:20px 14px!important}.ai-demo-pipeline article>span{font-size:10px!important}.ai-demo-pipeline small{font-size:10px!important}.ai-demo-pipeline strong{font-size:16px!important}.ai-demo-pipeline p{font-size:12px!important}.seo-demo-tabs button{font-size:12.5px!important;padding:18px 26px!important}.seo-demo-screen{min-height:500px!important;padding:50px!important}.seo-demo-query{font-size:14px!important;padding:15px 20px!important}.seo-demo-screen article p,.seo-demo-answer p{font-size:13.5px!important}.seo-demo-screen article span{font-size:11px!important}.hosting-demo-top b{font-size:13px!important}.hosting-demo-top small{font-size:10px!important}.hosting-demo-alert span{font-size:11.5px!important}.hosting-demo-steps article{min-height:180px!important;padding:22px!important}.hosting-demo-steps strong{font-size:21px!important}.hosting-demo-steps p{font-size:13px!important}
.suite-demo-stage.is-live .demo-core{animation:p26Pulse 2.8s ease-in-out infinite}.suite-demo-stage.is-live .hosting-demo-line i{animation:p26Bars 2.6s ease-in-out infinite alternate;animation-delay:var(--bar-delay,0ms)}@keyframes p26Pulse{50%{box-shadow:0 0 0 18px rgba(120,57,238,.095),0 0 0 34px rgba(120,57,238,.028)}}@keyframes p26Bars{to{filter:brightness(1.25);scale:1 1.09}}

/* Agency + contact: stronger human-scale typography and less diagram-as-mockup feel. */
.agency-hero,.contact-hero{min-height:760px;padding:72px 0 96px;grid-template-columns:minmax(500px,.86fr) minmax(640px,1.14fr)}.agency-hero h1,.contact-hero h1{font-size:clamp(60px,5.2vw,100px);line-height:.91}.agency-hero-stage{min-height:560px;border-radius:20px;box-shadow:var(--p26-shadow)}.agency-core{width:194px;height:194px}.agency-core small{font-size:11px}.agency-core strong{font-size:32px}.agency-core span{font-size:13px}.agency-node{padding:13px 16px;font-size:12px;border-radius:8px}.agency-hand-note{font-size:15px}.agency-proof{margin-bottom:105px}.agency-proof span{padding:28px}.agency-proof b{font-size:21px}.agency-proof small{font-size:13px}.agency-manifesto{padding-bottom:130px}.agency-manifesto-copy{gap:20px}.agency-manifesto-copy article{padding:46px 50px 48px 94px}.agency-manifesto-copy article span{font-size:12px}.agency-manifesto-copy p{font-size:16px}.agency-principles article,.contact-after-steps article{min-height:220px;padding:32px}.agency-principles span,.contact-after-steps span{font-size:11px}.agency-principles strong,.contact-after-steps strong{font-size:25px}.agency-principles p,.contact-after-steps p{font-size:14px!important}.agency-service-card{min-height:215px;padding:28px 30px;border-radius:14px}.agency-service-card>span,.agency-service-card small{font-size:11.5px}.agency-service-card h3{font-size:28px}.agency-service-card p{font-size:14.5px!important}.agency-method-list small{font-size:11.5px}.agency-method-list h3{font-size:32px}.agency-method-list p{font-size:16px}.contact-direct span{font-size:11px}.contact-direct strong{font-size:17px}.contact-hero-stage{min-height:500px;border-radius:20px;box-shadow:var(--p26-shadow)}.contact-stage-source small,.contact-stage-next small{font-size:10.5px!important}.contact-topic-grid{gap:14px!important}.contact-topic{min-height:190px!important;padding:25px!important;border-radius:14px!important}.contact-topic span,.contact-topic small{font-size:11px!important}.contact-topic strong{font-size:20px!important}.contact-form-section{padding-block:120px!important}.contact-form-card{border-radius:18px!important;box-shadow:var(--p26-shadow)!important}.contact-reassurance span{font-size:13px!important}.contact-last-cards a{padding:28px!important;border-radius:14px}.contact-last-cards span{font-size:11px!important}.contact-last-cards strong{font-size:22px!important}.contact-last-cards b{font-size:13px!important}
.contact-form-fallback{min-height:390px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:34px}.contact-form-fallback-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--phocea-violet);color:#fff;font-size:24px;margin-bottom:24px}.contact-form-fallback h3{font:700 clamp(30px,2.6vw,46px)/1 var(--phocea-serif);margin:0 0 14px}.contact-form-fallback p{max-width:560px;color:var(--phocea-muted);margin:0 0 26px}.contact-fallback-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Offers: price cards become a controlled experience, not a tariff spreadsheet. */
.offers-hero{min-height:760px!important;padding:72px 0 96px!important;grid-template-columns:minmax(500px,.86fr) minmax(640px,1.14fr)!important}.offers-hero h1{font-size:clamp(60px,5.2vw,100px)!important;line-height:.91!important}.offers-price-stage{min-height:560px!important;border-radius:20px!important;box-shadow:var(--p26-shadow)!important}.price-stage-core strong{font-size:clamp(30px,2.4vw,44px)!important}.price-stage-card{padding:22px!important;border-radius:12px!important}.price-stage-card small{font-size:11px!important}.price-stage-card strong{font-size:24px!important}.price-stage-card p{font-size:13.5px!important}.offers-principles span{padding:27px!important}.offers-principles b{font-size:19px!important}.offers-principles small{font-size:13px!important}.offers-picker{padding-block:120px!important}.offers-picker-head>p{font-size:16px!important}.offers-tab{min-height:112px!important;padding:17px 20px!important;border-radius:12px!important}.offers-tab small{font-size:11px!important}.offers-tab strong{font-size:20px!important}.offers-panel{padding-top:54px!important}.offers-panel-intro>p{font-size:16px!important}.offer-product-card{border-radius:16px!important;padding:30px!important;min-height:520px!important;box-shadow:0 14px 40px rgba(17,16,14,.028)}.offer-product-card:hover{box-shadow:var(--p26-shadow-hover)}.offer-price-mode,.offer-recommended{font-size:11px!important}.offer-card-top h4{font-size:clamp(27px,2vw,36px)!important}.offer-card-top p{font-size:15px!important}.offer-card-price small,.offer-card-price em{font-size:12px!important}.offer-card-price strong{font-size:clamp(32px,2.8vw,48px)!important}.offer-product-card li{font-size:14px!important;line-height:1.5!important}.offer-action{font-size:14px!important}.offers-custom-band span{font-size:13px!important}.offers-custom-band strong{font-size:19px!important}.offers-dark-points p{font-size:14px!important}.offers-faq-list summary{font-size:19px!important}.offers-faq-list p{font-size:15px!important}.offers-final>div:last-child p{font-size:16px!important}

/* Blog: retain real imagery, improve editorial reading scale. */
.blog-hero{padding-top:72px!important;padding-bottom:90px!important}.blog-hero-copy h1{font-size:clamp(58px,5.2vw,96px)!important;line-height:.92!important}.blog-hero-copy>p:not(.blog-eyebrow){font-size:18px!important}.blog-hero-board{min-height:520px!important;border-radius:20px!important;box-shadow:var(--p26-shadow)!important}.blog-note{font-size:13px!important}.blog-toolbar{padding-block:28px!important}.blog-category-chips a{font-size:12.5px!important;padding:9px 13px!important}.blog-featured{padding-top:80px}.blog-featured-media{border-radius:17px;box-shadow:var(--p26-shadow)}.blog-featured-media>span{font-size:11px}.blog-meta{font-size:12px!important}.blog-featured-copy>p:not(.blog-meta){font-size:16px}.blog-index-card{min-height:330px;border-radius:15px}.blog-card-media img{min-height:330px}.blog-card-body{padding:30px}.blog-card-body>p:not(.blog-meta){font-size:15px}.blog-card-body footer{font-size:12px!important}.blog-territory-inner>p{font-size:16px}.blog-breadcrumb{font-size:12px}.blog-toc>p,.blog-toc nav a,.blog-toc>a{font-size:12px}.blog-article-content{font-size:18px!important}.blog-related-card span{font-size:12px}

/* Dark sections breathe and move subtly with the scroll. */
:where(.solutions-flow,.suite-dark,.agency-dark,.contact-dark,.offers-dark,.blog-territory,.phocea-global-cta,.final-cta){background-attachment:fixed;background-position:50% var(--p26-dark-y,50%);transition:background-position .12s linear}
:where(.solutions-flow,.suite-dark,.agency-dark,.contact-dark,.offers-dark,.blog-territory){box-shadow:inset 0 1px rgba(255,255,255,.03),inset 0 -1px rgba(255,255,255,.04)}

@media(max-width:1200px){
  .wrap,.site-header,.phocea-motion-rail{width:calc(100vw - 56px)}.site-header{grid-template-columns:190px 1fr auto}.brand img{width:176px}.main-nav,.main-nav-list,.main-nav .menu{gap:17px}.main-nav{font-size:12.5px}.header-cta{font-size:12.5px;padding-inline:16px}
  .footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}
  .hero,.solutions-hero,.suite-hero,.agency-hero,.contact-hero,.offers-hero{grid-template-columns:1fr 1fr!important}
}
@media(max-width:840px){
  body.phocea-site{font-size:16px}.wrap,.site-header{width:calc(100vw - 32px)}.phocea-motion-rail{display:none}.site-header{height:72px;grid-template-columns:1fr auto}.site-header.scrolled{height:66px}.brand img{width:156px}.main-nav{font-size:16px;top:66px}.main-nav a{padding:12px}.button{min-height:50px;font-size:13.5px}.edge{opacity:.28}
  .hero,.solutions-hero,.suite-hero,.agency-hero,.contact-hero,.offers-hero{min-height:0!important;grid-template-columns:1fr!important;padding:48px 0 65px!important}.hero h1,.solutions-hero h1,.suite-hero h1,.agency-hero h1,.contact-hero h1,.offers-hero h1{font-size:clamp(48px,10vw,72px)!important}.hero-art,.solutions-orbit,.web-lab,.suite-hero-stage,.agency-hero-stage,.contact-hero-stage,.offers-price-stage,.blog-hero-board{translate:none!important}.hero-art{height:380px}.solutions-orbit,.suite-hero-stage,.agency-hero-stage,.contact-hero-stage,.offers-price-stage{min-height:440px!important;height:auto!important}.page-section{padding-top:70px}.section-title h2{font-size:clamp(34px,7vw,48px)}.service-bento .service-card p,.offer-bento .offer-card p,.blog-grid-editorial .blog-card p{font-size:14px!important}.project-card-immersive>img{height:340px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
  .ai-live-demo{grid-template-columns:1fr!important}.seo-demo-screen{padding:30px!important}.contact-form-section,.offers-picker{padding-block:80px!important}.offer-product-card{min-height:0!important}
  :where(.solutions-flow,.suite-dark,.agency-dark,.contact-dark,.offers-dark,.blog-territory,.phocea-global-cta,.final-cta){background-attachment:scroll}
}
@media(max-width:560px){
  .wrap,.site-header{width:calc(100vw - 24px)}.site-header{height:66px}.site-header.scrolled{height:62px}.brand img{width:142px}.hero h1,.solutions-hero h1,.suite-hero h1,.agency-hero h1,.contact-hero h1,.offers-hero h1{font-size:clamp(43px,12.8vw,61px)!important}.hero-art{height:320px}.proof{grid-template-columns:1fr}.proof-item{border-right:0;border-bottom:1px solid var(--phocea-line);justify-content:flex-start}.proof-item:last-child{border-bottom:0;grid-column:auto}.section-title h2{font-size:36px}.service-bento .service-card,.story-card,.offer-bento .offer-card{border-radius:12px}.project-card-immersive>img{height:245px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-brand,.copyright{grid-column:auto}.site-footer:before{font-size:120px}.contact-fallback-actions{flex-direction:column;width:100%}.contact-fallback-actions .button{width:100%}.blog-article-content{font-size:17px!important}
}
@media(prefers-reduced-motion:reduce){
  .phocea-motion-track{animation:none}.phocea-motion-title,.phocea-stagger-item{clip-path:none!important;opacity:1!important;translate:none!important;transition:none!important}.phocea-pointer-glow{display:none}.phocea-motion-section :is(.hero-art,.solutions-orbit,.web-lab,.suite-hero-stage,.suite-demo-stage,.agency-hero-stage,.contact-hero-stage,.offers-price-stage,.blog-hero-board){translate:none!important;transition:none!important}:where(.solutions-flow,.suite-dark,.agency-dark,.contact-dark,.offers-dark,.blog-territory,.phocea-global-cta,.final-cta){background-attachment:scroll!important}
}
/* Production 2.13 — stable header without height/geometry changes mid-scroll. */
.site-header,.site-header.scrolled{height:86px;min-height:86px;transition:box-shadow .25s ease,background-color .25s ease;border-bottom-color:rgba(25,22,18,.10)}
.site-header.scrolled{box-shadow:0 10px 30px rgba(15,14,12,.075)}
.site-header .brand img,.site-header.scrolled .brand img{transform:none;width:200px;transition:none}
.site-header .main-nav a,.site-header.scrolled .main-nav a{padding:26px 0 20px}
.phocea-motion-rail{display:none!important}
/* Cosmetic glow must NEVER change the position scheme of visual compositions. */
.phocea-pointer-glow{z-index:0}
.phocea-spotlight:is(.agency-hero-stage,.contact-hero-stage,.blog-hero-board,.offers-decision-stage,.solutions-orbit){isolation:auto}
.phocea-motion-section .phocea-motion-title{transform:none}
@media(max-width:840px){.site-header,.site-header.scrolled{height:72px;min-height:72px}.site-header .brand img,.site-header.scrolled .brand img{width:156px}.main-nav{top:72px}}
@media(max-width:560px){.site-header,.site-header.scrolled{height:66px;min-height:66px}.site-header .brand img,.site-header.scrolled .brand img{width:142px}.main-nav{top:66px}}
/* Final page-specific responsive correction: avoid squeezed offers layout at laptop widths. */
@media(max-width:1200px){.offers-page .offers-hero{grid-template-columns:minmax(0,1fr)!important;min-height:auto!important;padding:55px 0 78px!important}}