/* Novpix — a restrained editorial system for a software company. */
:root{--paper:#f7f8fa;--white:#fff;--ink:#171b22;--muted:#626875;--line:#daddE3;--blue:#244cdd;--blue-dark:#193bb8;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--gutter:clamp(22px,5.1vw,88px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#d9e1ff;color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.055em;line-height:1.05}h3{letter-spacing:-.035em;line-height:1.2}p{color:var(--muted)}svg{display:block}button{color:inherit}a,button{touch-action:manipulation}[hidden]{display:none!important}.container{max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:112px}.eyebrow{font:400 12px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.mono{font:400 12px/1.6 var(--mono)}.arrow{width:21px;height:21px;flex-shrink:0;transition:transform .2s}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:15px;font-weight:550;padding-bottom:7px;border-bottom:1px solid currentColor;line-height:1.4}.text-link:hover .arrow{transform:translate(3px,-3px)}.button{background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 23px;font-size:14px;font-weight:550;border:1px solid transparent;border-radius:3px;min-height:50px;transition:background .2s,transform .2s}.button:hover{background:var(--blue-dark)}.button:hover .arrow{transform:translate(2px,-2px)}.button:disabled{opacity:.6;cursor:wait}.button-small{min-height:42px;padding:10px 16px}.button-light{background:white;color:var(--blue)}.button-light:hover{background:#eaf0ff}.square-dot{width:7px;height:7px;background:var(--blue);display:inline-block;margin-right:12px;vertical-align:2px}.section-number{color:var(--blue);margin-right:10px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:15px 25px;background:white;color:var(--ink)}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(247,248,250,.97);border-bottom:1px solid var(--line)}.nav-wrap{min-height:91px;display:flex;align-items:center;justify-content:space-between;position:relative;gap:30px}.brand{display:inline-flex;align-items:center}.wordmark{font-size:37px;font-weight:750;line-height:1;letter-spacing:-.07em}.logo-dot{color:var(--blue)}.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:46px;align-items:center}.desktop-nav>a{font-size:14px;padding-block:15px;transition:color .15s}.desktop-nav>a:hover,.desktop-nav>a[aria-current]{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:26px}.language{font:500 12px var(--mono);padding:12px 0}.menu-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;background:var(--ink);height:1px;width:24px;margin:6px 0;transition:transform .2s}.mobile-nav{position:absolute;left:0;right:0;top:100%;padding:20px var(--gutter) 30px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 20px #171b2210}.mobile-nav>a{padding-block:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:20px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hero{padding-top:65px;padding-bottom:27px}.hero-kicker{display:flex;justify-content:space-between;align-items:center}.hero-coordinate{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:45px;align-items:end;padding:54px 0 66px}.hero h1{font-size:clamp(58px,7.2vw,112px);font-weight:500;letter-spacing:-.065em;line-height:1.025}.hero h1>span{color:var(--blue)}.hero-aside{padding-bottom:9px}.hero-aside>p{font-size:16px;line-height:1.7;margin-bottom:27px;max-width:300px}.hero-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:30px}.scroll-link{display:flex;align-items:center;gap:14px;font-size:13px}.scroll-link>span{font-size:21px;color:var(--blue)}.hero-bottom .eyebrow{font-size:11px}.platform-band{border-block:1px solid var(--line);margin-top:20px;background:#eff1f5}.platform-inner{display:flex;align-items:center;gap:65px;padding-block:25px}.platform-inner>p{font-size:12px;line-height:1.5;min-width:150px}.platform-logos{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;width:100%;gap:28px;color:#626875}.platform-logos li{font-size:27px;font-weight:600;letter-spacing:-.055em;white-space:nowrap}.platform-logos .google{font-weight:500}.platform-logos .meta{font-weight:550}.platform-logos .x-platform{font-size:30px}.platform-logos .tiktok{font-weight:750;font-size:25px}.platform-logos .linkedin{font-size:24px}.linkedin>span{font-size:18px;background:#626875;color:var(--paper);padding:0 2px;margin-left:2px;letter-spacing:-.035em;border-radius:1px}
.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:24px}h2{font-size:clamp(38px,4.1vw,62px)}.section-heading>p{max-width:320px;font-size:16px;padding-bottom:5px}.project{display:block;border-radius:4px;overflow:hidden;position:relative}.project:hover .project-link .arrow{transform:translate(4px,-2px)}.project-adsman{display:grid;grid-template-columns:1fr 1.13fr;gap:70px;background:#172034;color:white;min-height:436px;padding:40px 42px 40px 38px}.project-copy{display:flex;flex-direction:column;justify-content:space-between;gap:35px}.project-copy>.eyebrow{color:#aab5cb;font-size:11px}.project-copy h3{font-size:64px;font-weight:600;letter-spacing:-.06em;margin-bottom:15px}.project-period{color:#89a6ff}.project-copy p{color:#c5cddb;font-size:22px;line-height:1.4;letter-spacing:-.025em}.project-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:500}.project-link .arrow{width:18px;height:18px}.system-diagram{align-self:center;font-family:var(--mono);border:1px solid #455068;padding:22px 25px;background:#1d2940;border-radius:4px}.diagram-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#aebbd1;font-size:9px;letter-spacing:.05em}.diagram-tag{font-size:8px;border:1px solid #52617a;padding:2px 5px}.diagram-platforms{display:grid;grid-template-columns:1.3fr 1fr .7fr 1fr .7fr;gap:10px;margin-top:35px}.diagram-platforms>span{padding:10px 2px;border:1px solid #556178;text-align:center;border-radius:3px;font-family:var(--sans);font-size:13px;color:#dfe6f3}.diagram-connector{display:grid;grid-template-columns:1.3fr 1fr .7fr 1fr .7fr;gap:10px;height:34px;border-bottom:1px solid #5c6f92;margin-inline:17px;position:relative}.diagram-connector>span{height:34px;width:1px;background:#5c6f92;justify-self:center}.diagram-connector::after{content:'';position:absolute;top:34px;left:50%;height:22px;background:#7c97c9;width:1px}.diagram-core{border:1px solid #92aaf3;background:#334988;margin-top:22px;border-radius:4px;display:flex;align-items:center;padding:15px;gap:12px;box-shadow:0 0 30px #244cdd15}.core-icon{display:grid;place-content:center;font:600 30px var(--sans);background:#cbd7ff;color:#24448c;width:42px;height:42px;border-radius:5px}.diagram-core strong{font:550 25px/1.2 var(--sans);letter-spacing:-1px}.diagram-core>div>span{display:block;font:400 10px var(--sans);color:#d4ddf3;margin-top:3px}.core-arrow{margin-left:auto;font-size:26px;color:#b6c7ff}.diagram-spine{height:22px;width:1px;background:#7c97c9;margin:auto}.diagram-outputs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #536584;border-radius:3px}.diagram-outputs>span{font:400 10px var(--sans);text-align:center;padding:12px 3px;color:#c6d1e5;border-right:1px solid #536584}.diagram-outputs>span:last-child{border:0}.diagram-bottom{display:flex;justify-content:space-between;margin-top:24px;font-size:8px;color:#aab5cb;letter-spacing:.06em}.secondary-projects{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.secondary-projects>.project{padding:28px 32px 30px}.project-crm{background:#e8ecf2}.project-zuma{background:#e7eedf}.project-top{display:flex;align-items:center;justify-content:space-between}.project-top .eyebrow{font-size:10px;color:#505c70}.project-top>.arrow{width:22px}.crm-visual,.zuma-visual{min-height:225px;display:flex;align-items:center;justify-content:center;gap:20px}.crm-monogram{font-size:97px;line-height:1;letter-spacing:-.09em;font-weight:550;color:#2e3a52;position:relative}.crm-monogram>span{font-size:14px;position:absolute;top:0;right:-17px;letter-spacing:0}.crm-word{font:500 16px/1.8 var(--sans);letter-spacing:.15em;color:#2e3a52;margin-left:20px}.crm-word>span{font:400 11px var(--mono);letter-spacing:.45em;color:#697489}.project-bottom{border-top:1px solid #c9cfd9;padding-top:22px}.project-bottom h3{font-size:22px;margin-bottom:7px}.project-bottom p{font-size:14px;margin-bottom:22px}.project-bottom .project-link{font-size:12px}.zuma-visual{flex-direction:column;gap:3px}.zuma-word{font-size:49px;letter-spacing:-.055em;font-weight:700;color:#34482b;display:inline-flex;align-items:baseline}.zuma-word>span{font-weight:400}.zuma-word>i{font-size:23px;font-style:normal;align-self:flex-start;margin:7px 0 0 10px}.zuma-types{font:400 9px var(--mono);letter-spacing:.17em;color:#657858}.project-zuma .project-bottom{border-color:#c3ceba}
.expertise-section{background:white;border-block:1px solid var(--line)}.expertise-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.expertise-intro .eyebrow{margin-bottom:24px}.expertise-intro h2{font-size:clamp(36px,3.7vw,56px);margin-bottom:30px}.expertise-intro>p:not(.eyebrow){max-width:330px;margin-bottom:32px}.expertise-item{display:grid;grid-template-columns:25px 1fr 20px;gap:15px;border-top:1px solid var(--line);padding:28px 0 32px}.expertise-item>.mono{padding-top:3px;color:var(--blue)}.expertise-item h3{font-size:24px;margin-bottom:14px}.expertise-item p{font-size:15px;line-height:1.7;margin-bottom:17px}.expertise-tags{font-size:10px;color:#636976;line-height:1.8}.expertise-arrow{font-size:23px}.approach-section>.eyebrow{margin-bottom:37px}.approach-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:center}.approach-grid h2{font-size:clamp(35px,3.8vw,57px);line-height:1.15}.approach-grid h2>span{color:#78808d}.approach-grid p{margin-bottom:20px}.approach-grid .text-link{margin-top:13px}.contact-cta{background:var(--blue);color:white;padding-block:76px}.cta-inner{display:flex;align-items:end;justify-content:space-between;gap:65px}.cta-inner .eyebrow{color:#ccdaff;margin-bottom:22px}.cta-inner h2{font-size:clamp(42px,5.4vw,78px)}.cta-inner>div:last-child{max-width:360px;padding-bottom:5px}.cta-inner p:not(.eyebrow){color:#d8e2ff;margin-bottom:26px;font-size:15px}.site-footer{padding-top:65px;background:#f1f3f6}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:60px;padding-bottom:65px}.footer-intro .wordmark{font-size:36px}.footer-intro>p{margin:22px 0;font-size:14px}.footer-intro .text-link{font-size:13px;gap:15px}.footer-links{display:flex;flex-direction:column;align-items:start;gap:9px}.footer-links .eyebrow,.footer-location .eyebrow{margin-bottom:11px;font-size:10px}.footer-links>a,.footer-location>a{font-size:13px;color:#535d6b}.footer-links>a:hover,.footer-location>a:hover{color:var(--blue);text-decoration:underline}.footer-location>p:not(.eyebrow){font-size:13px;margin-bottom:15px}.footer-bottom{border-top:1px solid var(--line);padding-block:24px;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}
.page-hero{padding-top:72px;padding-bottom:62px;border-bottom:1px solid var(--line)}.page-hero>.eyebrow{margin-bottom:34px}.page-hero h1{font-size:clamp(47px,6vw,86px);max-width:950px}.page-description{max-width:620px;font-size:18px;line-height:1.7;margin-top:26px}.legal-copy{max-width:900px;padding-top:60px;padding-bottom:90px;line-height:1.85}.legal-copy h2{font-size:27px;margin:40px 0 15px;letter-spacing:-.025em;line-height:1.3}.legal-copy h3{font-size:19px;margin:25px 0 12px}.legal-copy p,.legal-copy ul{margin-bottom:18px}.legal-copy li{color:var(--muted);margin-bottom:5px}.legal-copy a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.legal-copy .updated{font:400 12px var(--mono);margin-bottom:30px}
@media(min-width:1600px){.hero-grid{grid-template-columns:1fr 330px}.hero{padding-top:85px}.hero-grid{padding-block:70px 80px}}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr 240px;gap:25px}.hero h1{font-size:7.1vw}.desktop-nav{gap:24px;margin-right:20px}.nav-actions{gap:20px}.project-adsman{gap:30px;padding:30px}.expertise-grid{gap:50px}.approach-grid{gap:50px}.footer-main{gap:30px}.project-copy h3{font-size:56px}.system-diagram{padding:20px}.diagram-platforms{gap:6px}.section{padding-block:88px}}
@media(max-width:800px){.nav-wrap{min-height:76px}.desktop-nav{display:none}.menu-toggle{display:block}.nav-actions{gap:20px}.wordmark{font-size:34px}.hero{padding-top:40px}.hero-grid{grid-template-columns:1fr;padding:40px 0 35px;gap:27px}.hero h1{font-size:clamp(48px,9vw,78px)}.hero-aside{display:flex;align-items:end;justify-content:space-between;gap:35px}.hero-aside>p{max-width:400px;margin:0}.hero-aside .text-link{flex-shrink:0}.hero-bottom>.eyebrow{display:none}.platform-inner{gap:35px}.platform-inner>p{min-width:100px;font-size:11px}.platform-logos{gap:17px}.platform-logos li{font-size:22px}.platform-logos .tiktok{font-size:21px}.platform-logos .linkedin{font-size:20px}.section{padding-block:72px}.section-heading{gap:30px}.section-heading>p{max-width:240px;font-size:14px}.project-adsman{gap:27px;padding:28px;grid-template-columns:.85fr 1.15fr}.project-copy h3{font-size:48px}.project-copy p{font-size:19px}.system-diagram{padding:16px}.diagram-topline{font-size:7px;gap:5px}.diagram-tag{font-size:7px}.diagram-platforms>span{font-size:10px}.diagram-bottom{font-size:7px}.diagram-outputs>span{font-size:9px}.secondary-projects{gap:18px;margin-top:18px}.secondary-projects>.project{padding:22px}.project-top .eyebrow{font-size:9px}.crm-visual,.zuma-visual{min-height:190px}.crm-word{font-size:12px;margin-left:10px}.crm-monogram{font-size:74px}.zuma-word{font-size:36px}.zuma-word>i{font-size:18px}.zuma-types{font-size:8px}.expertise-grid{grid-template-columns:1fr;gap:45px}.expertise-intro h2{font-size:43px}.expertise-intro>p:not(.eyebrow){max-width:530px}.expertise-item{grid-template-columns:35px 1fr 25px}.approach-grid{grid-template-columns:1fr;gap:35px}.approach-grid h2{font-size:48px}.approach-grid>div{max-width:570px}.cta-inner{gap:40px}.cta-inner>div:last-child{max-width:280px}.footer-main{grid-template-columns:1.3fr 1fr;gap:40px}.page-hero{padding-top:50px;padding-bottom:45px}}
@media(max-width:560px){.nav-contact{display:none}.hero-coordinate{display:none}.hero-kicker .eyebrow{font-size:10px}.hero h1{font-size:clamp(43px,10.2vw,58px);letter-spacing:-.06em}.hero-aside{display:block}.hero-aside>p{font-size:15px;max-width:330px;margin-bottom:25px}.hero-grid{padding-top:35px}.hero-bottom{padding-top:17px}.scroll-link{font-size:12px}.platform-inner{display:block;padding-block:23px}.platform-inner>p{margin-bottom:20px;font-size:11px}.platform-inner>p br{display:none}.platform-logos{gap:14px}.platform-logos li{font-size:20px}.platform-logos .tiktok{font-size:19px}.platform-logos .x-platform{font-size:25px}.platform-logos .linkedin{font-size:18px}.linkedin>span{font-size:14px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:20px}h2{font-size:40px}.section-heading>p{max-width:330px;margin-top:22px;font-size:15px}.project-adsman{grid-template-columns:1fr;gap:30px;padding:26px}.project-copy{gap:30px}.project-copy h3{font-size:52px}.project-copy p{font-size:20px}.system-diagram{padding:20px}.diagram-topline{font-size:8px}.diagram-platforms>span{font-size:12px}.diagram-outputs>span{font-size:10px}.diagram-bottom{font-size:7px}.secondary-projects{grid-template-columns:1fr}.secondary-projects>.project{padding:25px}.crm-visual,.zuma-visual{min-height:210px}.crm-monogram{font-size:87px}.crm-word{font-size:15px;margin-left:15px}.zuma-word{font-size:47px}.zuma-types{font-size:9px}.project-top .eyebrow{font-size:10px}.expertise-intro h2{font-size:39px}.expertise-item{grid-template-columns:24px 1fr 16px;gap:10px}.expertise-item h3{font-size:21px}.expertise-item p{font-size:14px}.expertise-tags{font-size:9px}.approach-grid h2{font-size:38px}.cta-inner{display:block}.cta-inner h2{font-size:49px}.cta-inner>div:last-child{margin-top:32px;max-width:340px}.contact-cta{padding-block:56px}.footer-main{grid-template-columns:1fr 1fr;gap:38px 20px;padding-bottom:40px}.footer-intro{grid-column:1/-1}.footer-location{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:10px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-left:auto}.page-hero h1{font-size:46px}.page-description{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.brand>svg{width:137px;height:40px;overflow:visible}.footer-intro .brand>svg{width:145px}.hero h1{font-size:clamp(55px,6.65vw,104px)}.diagram-platforms,.diagram-connector{grid-template-columns:repeat(4,1fr)}.platform-band{margin-top:0}.footer-links>a,.footer-location>a,.footer-location>p:not(.eyebrow),.footer-intro .text-link{font-size:14px}.brand-color-card{text-align:left;padding:0;background:transparent;color:inherit}.brand-logo-variant,.brand-size-tab{min-height:44px}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.story-grid h2{margin-top:30px;font-size:clamp(38px,4vw,58px);line-height:1.15}.story-copy p{margin-bottom:25px;font-size:17px}.story-copy .large-copy{font-size:28px;line-height:1.4;letter-spacing:-.025em;color:var(--ink)}.principles-section{background:white;border-block:1px solid var(--line);padding-block:60px}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.principles-grid article>.mono{color:var(--blue)}.principles-grid h3{font-size:26px;margin:25px 0 17px}.principles-grid p{font-size:15px}.offices{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:55px}.offices h2{font-size:39px;margin-top:25px}.office-card{padding-top:5px}.office-card h3{font-size:23px;margin:23px 0 17px}.office-card>p:last-child{font-size:14px;line-height:1.8}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.contact-email{display:flex;align-items:center;gap:30px;font-size:clamp(22px,2.2vw,32px);letter-spacing:-.03em;margin:22px 0 10px}.contact-phone{font-size:17px;color:var(--muted)}.contact-address{margin-top:45px}.contact-address h3{font-size:17px;margin:25px 0 10px}.contact-address p{font-size:14px;line-height:1.8}.contact-help{font-size:14px;margin-top:45px}.contact-help .text-link{margin-top:10px;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;margin-bottom:25px;gap:10px}.field>label{font-size:14px;font-weight:550}.field>input,.field>textarea{width:100%;min-width:0;padding:15px 16px;background:white;border:1px solid #cbd0d9;border-radius:3px;color:var(--ink);font-size:16px;line-height:1.5}.field>textarea{resize:vertical;min-height:155px}.field>input::placeholder,.field>textarea::placeholder{color:#7c8290;font-size:14px}.field>input:focus,.field>textarea:focus{outline:2px solid var(--blue);outline-offset:1px}.form-bottom{display:flex;flex-direction:column;align-items:start;gap:23px}.form-bottom>p{font-size:13px;max-width:430px}.form-bottom>p>a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.form-bottom .button{width:100%;justify-content:space-between}.form-status{padding:16px;margin-top:20px;border:1px solid #adc3b1;background:#e9f3eb;border-radius:3px;color:#254d32;font-size:14px}.form-status.error{background:#fff0ee;border-color:#d9aaa6;color:#842d24}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pricing-card{padding:30px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column}.pricing-card:first-child{padding-left:0}.pricing-card:last-child{padding-right:0;border-right:0}.pricing-card .eyebrow{font-size:10px}.pricing-card h2{font-size:31px;margin:22px 0 15px}.plan-description{min-height:70px;font-size:14px}.pricing-card .plan-price{font-size:20px;letter-spacing:-.045em;color:var(--ink);margin:20px 0 2px;white-space:nowrap}.plan-currency{font:400 10px var(--mono)}.pricing-card ul{list-style:none;padding:0;margin:26px 0 35px;flex:1}.pricing-card li{font-size:13px;padding:9px 0 9px 17px;position:relative;border-bottom:1px solid #e5e7eb;line-height:1.5;color:#555e6b}.pricing-card li::before{content:'+';position:absolute;left:0;color:var(--blue)}.pricing-card .text-link{align-self:flex-start;font-size:12px;gap:12px}.pricing-note{padding:28px 0;max-width:790px}.pricing-note p{font-size:14px}.engagement-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-bottom:100px}.engagement-section h2{margin-top:25px}.engagement-steps{list-style:none;counter-reset:step;margin:0;padding:0}.engagement-steps li{counter-increment:step;position:relative;padding:0 0 32px 45px}.engagement-steps li::before{content:'0'counter(step);font:400 12px var(--mono);color:var(--blue);position:absolute;left:0;top:6px}.engagement-steps h3{font-size:24px;margin-bottom:12px}.engagement-steps p{font-size:15px}
.support-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.support-grid aside h2{font-size:46px;margin:23px 0}.support-grid aside>p:not(.eyebrow){font-size:16px;margin-bottom:27px}.support-phone{display:block;margin-top:20px;font-size:15px;color:var(--muted)}.faq-list details{border-top:1px solid var(--line);padding:24px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;gap:25px;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:19px;font-weight:500;line-height:1.4;letter-spacing:-.02em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:23px;font-weight:400;flex-shrink:0;color:var(--blue)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-answer{padding:18px 38px 0 0;color:var(--muted);font-size:15px}.faq-answer a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.brand-content{max-width:1050px}.brand-title,.brand-subtitle{display:none}.brand-section{margin-bottom:45px}.brand-section-title{font:400 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:20px}.brand-anatomy{background:#1d1d1f;border-radius:4px;padding:42px 32px}.anatomy-logo{display:flex;align-items:center;justify-content:center;margin:15px 0 40px}.anatomy-part{display:flex;flex-direction:column;align-items:center}.anatomy-letters{font-family:Orbitron,sans-serif;font-size:4rem;line-height:1;color:white}.anatomy-nov{font-weight:700}.anatomy-pix{font-weight:400;opacity:.7}.anatomy-label{font:400 11px var(--mono);color:#b4b4b8;margin-top:15px}.anatomy-divider{height:70px;width:1px;background:#737377;margin:0 8px}.anatomy-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#777;border:1px solid #555}.anatomy-detail{background:#29292c;padding:17px}.anatomy-detail-label{font:400 10px var(--mono);color:#b2b2b8;margin-bottom:8px}.anatomy-detail-value{font-size:13px;color:white}.brand-logo-variants{display:flex;gap:7px;flex-wrap:wrap}.brand-logo-variant,.brand-size-tab{font-size:12px;border:1px solid #85858b;background:#29292c;color:#dedee4;padding:8px 16px;border-radius:2px}.brand-logo-variant.active,.brand-size-tab.active{background:#fff;color:#1d1d1f}.brand-size-tabs{display:flex;gap:5px;flex-wrap:wrap}.brand-download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brand-dl-btn{background:#29292c;color:white;border:1px solid #777;padding:16px 10px;border-radius:3px}.brand-dl-btn:hover{background:#44444a}.brand-dl-icon{font:500 15px var(--mono)}.brand-dl-label{display:none}.brand-dl-size{color:#b4b4ba;font-size:11px;margin-top:6px}.brand-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brand-color-card{border:1px solid var(--line);cursor:pointer}.brand-color-swatch{height:90px}.brand-color-info{padding:15px}.brand-color-name{font-size:13px}.brand-color-hex{font:400 11px var(--mono);color:var(--muted);margin-top:8px}.brand-font-list{display:grid;gap:12px}.brand-font-card{border-bottom:1px solid var(--line);padding-bottom:16px}.brand-font-name{font-size:17px}.brand-font-usage{font-size:13px;color:var(--muted)}.brand-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:15px 25px;background:var(--ink);color:white;border-radius:3px;font-size:14px;opacity:0;pointer-events:none;z-index:50}.brand-toast.show{opacity:1}.website-palette{border-top:1px solid var(--line);padding-top:45px}.website-palette h2{font-size:34px;margin-bottom:25px}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.palette-grid>div{border:1px solid var(--line)}.palette-grid>div>span{display:block;height:95px}.palette-grid h3{font-size:17px;margin:15px}.palette-grid code{display:block;margin:15px;color:var(--muted);font-size:12px}.website-palette>p{margin-top:25px;font-size:16px}.original-downloads{display:flex;gap:30px;margin-top:28px}
@media(max-width:1100px){.story-grid,.contact-grid,.engagement-section,.support-grid{gap:60px}.offices{gap:35px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card:nth-child(2){border-right:0}.pricing-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.pricing-card:nth-child(3){padding-left:0}.pricing-card .text-link{font-size:14px}.plan-description{min-height:45px}.pricing-card li{font-size:14px}.pricing-card .plan-price{font-size:24px}.principles-grid{gap:30px}}
@media(max-width:800px){.hero h1{font-size:clamp(46px,8.1vw,75px)}.story-grid,.contact-grid,.engagement-section,.support-grid{grid-template-columns:1fr;gap:45px}.story-grid h2{font-size:46px}.story-copy .large-copy{font-size:25px}.principles-grid{grid-template-columns:1fr;gap:30px}.principles-grid article{border-bottom:1px solid var(--line);padding-bottom:30px}.principles-grid article:last-child{border:0;padding-bottom:0}.principles-grid h3{margin-top:12px}.offices{grid-template-columns:1fr 1fr;gap:35px}.offices>div:first-child{grid-column:1/-1}.engagement-section{padding-bottom:75px}.contact-details{max-width:570px}.contact-address{display:grid;grid-template-columns:90px 1fr;gap:20px;margin-top:32px}.contact-address h3{margin:0}.contact-help{margin-top:30px}.contact-email{font-size:29px}.support-grid aside{max-width:550px}}
@media(max-width:560px){.brand>svg{width:125px;height:36px}.hero h1{font-size:clamp(34px,8.9vw,49px)}html[lang=tr] .hero h1{font-size:clamp(42px,10.3vw,57px)}.story-grid h2{font-size:40px}.story-copy p{font-size:16px}.offices{grid-template-columns:1fr}.contact-address{display:block}.contact-address h3{margin:25px 0 10px}.form-row{grid-template-columns:1fr;gap:0}.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.pricing-card:last-child{border-bottom:0}.plan-description{min-height:0}.pricing-card h2{font-size:35px}.plan-description{font-size:15px}.faq-list summary{font-size:17px}.faq-answer{font-size:15px;padding-right:10px}.brand-anatomy{padding:25px 16px}.anatomy-letters{font-size:2.5rem}.anatomy-nov>span:first-child{font-size:3rem!important}.anatomy-divider{margin:0 3px}.anatomy-label{font-size:9px}.anatomy-details{grid-template-columns:repeat(2,1fr)}.anatomy-detail{padding:12px}.brand-logo-variant,.brand-size-tab{padding:7px 9px}.brand-download-grid{grid-template-columns:repeat(2,1fr)}.brand-colors{grid-template-columns:repeat(2,1fr)}.palette-grid{grid-template-columns:1fr}.palette-grid>div>span{height:70px}.original-downloads{flex-direction:column;align-items:start;gap:20px}}
.ai-provider-row{border-top:1px solid var(--line)}.ai-provider-names{justify-content:flex-start;gap:clamp(28px,7vw,110px)}.ai-provider-names li{font-size:24px;font-weight:500;letter-spacing:-.03em}.ai-provider-names li>span{font-size:14px;letter-spacing:0;font-weight:400}.expertise-item[id]{scroll-margin-top:110px}
@media(max-width:560px){.ai-provider-names{display:flex;flex-wrap:wrap;gap:15px 26px}.ai-provider-names li{font-size:20px}.ai-provider-names li>span{font-size:12px}}
.brand>.original-logo{width:155px;height:35px;mix-blend-mode:multiply}.footer-intro .brand>.original-logo{width:165px;height:36px}
.about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,290px);align-items:center;gap:clamp(40px,7vw,110px)}.about-hero-copy>.eyebrow{margin-bottom:32px}.about-hero h1{font-size:clamp(44px,5vw,74px)}.about-hero .page-description{max-width:600px}.company-portrait{margin:0;align-self:center;background:#e1e2e4;overflow:hidden;border-radius:3px}.company-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.company-link{display:inline-flex;align-items:center;gap:20px;margin-top:14px}.company-link>img{display:block;width:72px;height:90px;object-fit:cover;object-position:center 26%;border-radius:2px}.company-link .text-link{margin-top:0}.company-link:hover .arrow{transform:translate(3px,-3px)}
@media(max-width:800px){.about-hero{grid-template-columns:minmax(0,1fr) 210px;gap:35px}.about-hero h1{font-size:clamp(36px,5.7vw,46px)}.about-hero h1 br{display:none}.about-hero .page-description{font-size:16px}}
@media(max-width:560px){.brand>.original-logo{width:140px;height:32px}.about-hero{grid-template-columns:1fr;gap:32px}.about-hero h1{font-size:43px}.company-portrait{width:min(75%,260px);justify-self:end}.about-hero .page-description{max-width:360px}.company-link{gap:16px}}
/* Product presentation: pearl surfaces, midnight stages and restrained motion. */
:root {
  --paper: #f5f5f7;
  --ink: #161617;
  --muted: #62626b;
  --line: #dedee4;
  --blue: #315bea;
  --blue-dark: #2448cb;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}
body { background: var(--paper); }
.site-header {
  background: rgba(245,245,247,.78);
  -webkit-backdrop-filter: saturate(160%) blur(22px);
  backdrop-filter: saturate(160%) blur(22px);
  border-bottom-color: rgba(22,22,23,.07);
  transition: background .35s ease, box-shadow .35s ease;
}
.site-header.is-scrolled { background: rgba(250,250,252,.87); box-shadow: 0 8px 32px #141a2c08; }
.site-header::after {
  content: ''; position: absolute; bottom: -1px; left: 0; right: 0;
  height: 2px; background: linear-gradient(90deg, #315bea, #688aef, #78c5d3);
  transform: scaleX(var(--page-progress, 0)); transform-origin: left;
  pointer-events: none;
}
.desktop-nav>a { position: relative; color: #53535b; }
.desktop-nav>a::after {
  content: ''; position: absolute; bottom: 8px; left: 0; right: 0;
  height: 1px; background: var(--blue); transform: scaleX(0);
  transform-origin: left; transition: transform .3s var(--ease-out);
}
.desktop-nav>a:hover::after,.desktop-nav>a[aria-current]::after { transform: scaleX(1); }
.button {
  border-radius: 999px; padding-inline: 25px;
  box-shadow: inset 0 1px 0 #ffffff20;
  transition: transform .3s var(--ease-out), background .25s ease, box-shadow .3s ease;
}
.button-small { padding-inline: 19px; }
.button:hover { box-shadow: 0 7px 20px #315bea24, inset 0 1px 0 #ffffff20; transform: translateY(-2px); }
.button:active { transform: scale(.98); }
.hero {
  position: relative; isolation: isolate; overflow: clip;
  display: flex; flex-direction: column; justify-content: center;
  min-height: 590px; min-height: clamp(550px, 76svh, 820px);
  padding-top: 74px; padding-bottom: 32px;
}
.hero::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at 80% 15%, #dce5f88f, transparent 57%),
              radial-gradient(ellipse at 46% 80%, #e9ebf752, transparent 65%);
}
.hero-grid { padding-block: 55px 62px; }
.hero h1 { font-weight: 550; line-height: 1.085; }
.hero .hero-line { display: block; padding-bottom: .1em; margin-bottom: -.1em; }
.hero .hero-line-primary { color: var(--ink); }
.hero .hero-line-accent { color: var(--blue); }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .hero .hero-line-accent {
    background: linear-gradient(110deg, #185bce 8%, #3d57d5 43%, #387dbe 72%, #086e8c 100%);
    background-size: 130% 100%;
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.hero-aside>p { line-height: 1.8; }
.hero-bottom { margin-top: auto; border-top-color: #16161712; }
.scroll-link>span { transition: transform .35s var(--ease-out); }
.scroll-link:hover>span { transform: translateY(4px); }
.work-section { padding-top: 94px; }
.section-heading { margin-bottom: 48px; }
.project {
  border-radius: 24px;
  transition: transform .6s var(--ease-out), box-shadow .6s var(--ease-out);
}
.project-adsman {
  background: radial-gradient(ellipse at 85% 8%, #293d6699, transparent 58%),
              radial-gradient(ellipse at 2% 120%, #223c695c, transparent 58%), #0b101b;
  padding: clamp(32px,4vw,64px); gap: 64px; min-height: 500px;
  box-shadow: 0 20px 50px #18254a14, inset 0 1px 0 #ffffff15;
}
.project-copy h3 { font-size: clamp(54px,5.3vw,80px); letter-spacing: -.06em; }
.project-copy p { color: #c4cad8; }
.project-copy>.eyebrow { color: #a3aec5; }
.project-period { color: #8aabff; }
.system-diagram {
  background: linear-gradient(135deg, #ffffff0d, #ffffff03);
  border: 1px solid #a0b9e13d; border-radius: 16px;
  padding: 25px; box-shadow: 0 28px 65px #00000045, inset 0 1px 0 #ffffff12;
  transform: translate3d(0, var(--stage-y, 0px), 0);
}
.diagram-platforms>span { border-color: #758aae59; border-radius: 7px; background: #c4d5ff06; }
.diagram-core {
  background: linear-gradient(115deg, #35559b, #243b6c);
  border-color: #99b3ff9c; border-radius: 10px;
  box-shadow: 0 9px 34px #2e58c42b, inset 0 1px 0 #ffffff20;
}
.diagram-outputs { border-color: #758aae59; border-radius: 7px; }
.diagram-outputs>span { border-color: #758aae59; }
.project-crm { background: linear-gradient(145deg, #f0f3fa, #e2e8f3); box-shadow: inset 0 1px 0 #fff; }
.project-zuma { background: linear-gradient(145deg, #f0f5e9, #e2ecd5); box-shadow: inset 0 1px 0 #fff; }
.secondary-projects>.project { padding: 32px 36px; }
.crm-visual,.zuma-visual { min-height: 250px; }
.crm-visual>* ,.zuma-word { transition: transform .7s var(--ease-out); }
.project-bottom { padding-top: 25px; }
.project-bottom h3 { font-size: 25px; }
.project-bottom p { font-size: 15px; }
.expertise-section { background: #fcfcfd; border-color: #1616170d; }
.expertise-intro { position: sticky; top: 145px; align-self: start; }
.expertise-item { border-color: #dedee5; transition: border-color .3s ease; }
.expertise-item:hover { border-color: #8d9de0; }
.expertise-item h3 { transition: color .25s ease; }
.expertise-item:hover h3 { color: var(--blue); }
.expertise-arrow { transition: transform .4s var(--ease-out), color .3s ease; }
.expertise-item:hover .expertise-arrow { transform: translate(3px,-3px); color: var(--blue); }
.platform-band { background: #eceef2; border-color: #dddfe5; }
.platform-logos { color: #545963; }
.platform-logos>li { transition: color .3s ease; }
.platform-logos>li:hover { color: var(--ink); }
.approach-grid h2>span { color: #777c87; }
.contact-cta {
  position: relative; isolation: isolate; overflow: clip; padding-block: 95px;
  background: radial-gradient(ellipse at 85% 5%, #213967 0%, transparent 62%), #0b101b;
}
.cta-inner .eyebrow { color: #9bb1d5; }
.cta-inner p:not(.eyebrow) { color: #c1cbdc; }
.button-light { color: #17264b; box-shadow: 0 5px 25px #00000018; }
.button-light:hover { background: #e6edff; box-shadow: 0 10px 30px #00000022; }
.site-footer { background: #f0f0f3; }
.page-hero { border-bottom-color: #dedee4; }
.company-portrait { border-radius: 18px; box-shadow: 0 18px 45px #15182413; }
.company-link>img { border-radius: 9px; }
.principles-section { background: #fcfcfd; }
.field>input,.field>textarea { border-radius: 10px; border-color: #d2d3db; transition: border-color .25s ease, box-shadow .25s ease; }
.field>input:hover,.field>textarea:hover { border-color: #a3acc6; }
.field>input:focus,.field>textarea:focus { outline: 2px solid #315bea66; box-shadow: 0 0 0 4px #315bea0a; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .project:hover { transform: translateY(-5px); box-shadow: 0 22px 50px #1a294621; }
  .project-crm:hover .crm-visual>* { transform: translateY(-4px); }
  .project-zuma:hover .zuma-word { transform: translateY(-4px); }
}
@media(max-width:1100px) {
  .project-adsman { gap: 32px; padding: 36px; min-height: 450px; }
  .system-diagram { padding: 21px; }
}
@media(max-width:800px) {
  .hero { min-height: 590px; padding-top: 48px; }
  .hero-grid { padding-block: 38px; }
  .project-adsman { gap: 26px; padding: 28px; }
  .system-diagram { padding: 17px; }
  .project-copy h3 { font-size: 49px; }
  .secondary-projects>.project { padding: 25px; }
  .crm-visual,.zuma-visual { min-height: 210px; }
  .expertise-intro { position: static; }
  .contact-cta { padding-block: 76px; }
}
@media(max-width:560px) {
  .hero { min-height: 570px; min-height: min(650px, calc(100svh - 76px)); padding-top: 40px; padding-bottom: 25px; }
  .hero-grid { padding-block: 35px; }
  .hero-aside>p { font-size: 16px; }
  .hero::before { background: radial-gradient(ellipse at 100% 15%, #dce5f878, transparent 70%); }
  .work-section { padding-top: 65px; }
  .section-heading { margin-bottom: 32px; }
  .project { border-radius: 19px; }
  .project-adsman { padding: 27px 23px; gap: 32px; }
  .project-copy h3 { font-size: 56px; }
  .project-copy p { font-size: 21px; }
  .system-diagram { padding: 19px; border-radius: 12px; }
  .secondary-projects>.project { padding: 27px; }
  .crm-visual,.zuma-visual { min-height: 210px; }
  .project-bottom h3 { font-size: 24px; }
  .contact-cta { padding-block: 62px; }
  .company-portrait { border-radius: 14px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation: none !important; transition: none !important; }
  .system-diagram,.project:hover,.button:hover,.button:active { transform: none !important; }
}
@media(forced-colors:active) {
  .hero .hero-line-accent { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; }
  .project,.system-diagram,.button { border: 1px solid CanvasText; }
}
@media print {
  .site-header,.site-footer,.contact-cta { display: none; }
  body { background: white; }
  .section,.page-hero { padding-block: 25px; }
  a { color: inherit; }
  .project { break-inside: avoid; }
  .hero .hero-line-accent { background: none; -webkit-text-fill-color: var(--ink); }
  .system-diagram { transform: none; }
}

/* The Novpix wordmark uses outlines; it scales without fonts or raster assets. */
.brand>.original-logo { width: 158px; height: auto; color: #191a37; mix-blend-mode: normal; }
.footer-intro .brand>.original-logo { width: 180px; height: auto; }
.hero { min-height: 0; padding-top: 40px; padding-bottom: 0; overflow: visible; }
.hero::before { display: none; }
.hero-grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); align-items: center; gap: clamp(30px,5vw,76px); padding-block: 36px 42px; }
.hero-copy { min-width: 0; padding-block: 30px; }
.hero h1 { font-size: clamp(48px,5.25vw,82px); font-weight: 550; line-height: 1.08; letter-spacing: -.065em; }
.hero .hero-line-accent { margin-top: 4px; background-image: linear-gradient(100deg,#2855dc 10%,#685bce 62%,#a462a5); }
.hero-aside { display: block; padding: 0; margin-top: 30px; }
.hero-aside>p { max-width: 420px; font-size: 17px; line-height: 1.75; margin: 0; }
.hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 30px; flex-wrap: wrap; }
.hero-actions .button { font-size: 13px; padding: 15px 21px; gap: 17px; }
.hero-work-link { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; padding-block: 12px; }
.hero-work-link:hover { color: var(--blue); }
.hero-bottom { padding-block: 23px; border-bottom: 1px solid var(--line); }
.hero-bottom>.eyebrow { display: block; font-size: 10px; }
.hero-products { display: flex; align-items: center; gap: clamp(24px,4.5vw,68px); }
.hero-products>a { display: inline-flex; align-items: center; gap: 13px; font-size: 15px; font-weight: 550; letter-spacing: -.02em; }
.hero-products .arrow { width: 15px; height: 15px; color: #777b8c; }
.hero-products>a:hover { color: var(--blue); }
.idea-stage { --stage-tint: #354cb6; position: relative; isolation: isolate; display: flex; flex-direction: column; color: #fff; background: #0d1024; border-radius: 24px; border: 1px solid #ffffff14; box-shadow: 0 26px 50px -30px #15256466; overflow: hidden; }
.idea-stage::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 60% 38%,var(--stage-tint),transparent 68%); opacity: .64; transition: background .6s ease; pointer-events: none; }
.idea-stage[data-mode=possibility] { --stage-tint: #26334a; }
.idea-stage[data-mode=idea] { --stage-tint: #7650ab; }
.stage-topline { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 25px 28px 0; color: #aeb7d8; }
.stage-topline .mono { font-size: 8px; letter-spacing: .12em; }
.stage-art { position: relative; min-height: 270px; display: grid; place-items: center; padding-top: 13px; }
.stage-mark { width: 235px; height: 235px; overflow: visible; transform: rotate(-8deg); filter: drop-shadow(0 18px 18px #04091966); transition: transform .7s var(--ease-out), opacity .5s ease, filter .7s ease; }
.mark-echo { fill: #a1bbff08; stroke: #a1bbff66; stroke-width: .65; }
.mark-echo-far { stroke: #a1bbff30; }
.mark-face { stroke: #f0f3ff; stroke-width: .35; }
.stage-wand { position: absolute; width: 235px; height: 235px; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: visible; opacity: 0; transition: opacity .5s ease,filter .5s ease; }
.wand-line { stroke: #9ba6bf; stroke-width: 6; stroke-linecap: round; transition: stroke .5s ease; }
.wand-aura { stroke: #b096ff; stroke-width: 16; stroke-linecap: round; opacity: 0; filter: blur(12px); transition: opacity .5s ease; }
.wand-spark { fill: #ecddff; opacity: 0; transform-origin: 181px 51px; transform: scale(.5); transition: opacity .5s ease,transform .7s var(--ease-out); }
.idea-stage[data-mode=possibility] .stage-mark,.idea-stage[data-mode=idea] .stage-mark { opacity: 0; transform: rotate(-18deg) scale(.86); }
.idea-stage[data-mode=possibility] .stage-wand,.idea-stage[data-mode=idea] .stage-wand { opacity: 1; }
.idea-stage[data-mode=idea] .wand-line { stroke: url(#wand-light); }
.idea-stage[data-mode=idea] .wand-aura { opacity: .8; }
.idea-stage[data-mode=idea] .wand-spark { opacity: 1; transform: scale(1); }
.stage-panels { padding: 0 28px 25px; }
.stage-panel { position: relative; padding-right: 42px; min-height: 104px; display: flex; flex-direction: column; justify-content: end; }
.stage-title { font-size: clamp(21px,2vw,30px); font-weight: 500; color: #f8f9ff; letter-spacing: -.045em; line-height: 1.2; }
.stage-description { margin-top: 10px; color: #b1bbd9; font-size: 11px; line-height: 1.65; }
.stage-explore { position: absolute; bottom: 5px; right: 0; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #ffffff40; border-radius: 50%; transition: background .2s ease; }
.stage-explore:hover { background: #ffffff20; }
.stage-explore .arrow { width: 17px; height: 17px; }
.stage-tabs { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #ffffff20; padding: 7px; gap: 3px; }
.stage-tabs>button { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 13px 5px; min-height: 48px; background: transparent; color: #abb5d2; border: 1px solid transparent; border-radius: 12px; font-size: 10px; white-space: nowrap; transition: background .25s ease,color .25s ease; }
.stage-tabs .mono { font-size: 8px; opacity: .6; }
.stage-tabs>button[aria-selected=true] { color: #fff; background: #ffffff13; border-color: #ffffff16; }
.stage-tabs>button:hover { color: #fff; background: #ffffff0a; }
.idea-stage :focus-visible { outline-color: #b9d3ff; outline-offset: 2px; }
.work-section { padding-top: 95px; }
@media(min-width:1600px) {
  .hero { padding-top: 50px; }
  .hero-grid { padding-block: 45px 55px; }
  .stage-art { min-height: 330px; }
  .stage-mark,.stage-wand { width: 275px; height: 275px; }
}
@media(max-width:1100px) {
  .hero-grid { gap: 30px; }
  .hero h1 { font-size: clamp(43px,5.2vw,60px); }
  .hero-aside>p { font-size: 16px; }
  .stage-topline { padding: 22px 22px 0; }
  .stage-topline .mono { font-size: 7px; }
  .stage-art { min-height: 250px; }
  .stage-mark,.stage-wand { width: 210px; height: 210px; }
  .stage-panels { padding-inline: 22px; }
  .stage-tabs .mono { display: none; }
  .stage-title { font-size: 24px; }
  .hero-products { gap: 28px; }
}
@media(max-width:800px) {
  .hero { padding-top: 30px; }
  .hero-grid { grid-template-columns: 1fr; gap: 38px; padding-block: 34px; }
  .hero-copy { padding: 0; }
  .hero h1 { font-size: clamp(48px,8.8vw,70px); }
  .hero-aside { margin-top: 23px; }
  .hero-aside>p { max-width: 530px; }
  .hero-actions { margin-top: 24px; }
  .idea-stage { display: grid; grid-template-columns: 1fr 1fr; }
  .stage-topline { grid-column: 1/-1; }
  .stage-art { min-height: 240px; padding: 0; grid-column: 1; grid-row: 2; }
  .stage-panels { align-self: center; grid-column: 2; grid-row: 2; padding: 18px 24px 18px 0; }
  .stage-panel { min-height: 155px; padding: 0 0 50px; }
  .stage-explore { left: 0; right: auto; bottom: 0; }
  .stage-tabs { grid-column: 1/-1; grid-template-columns: repeat(3,1fr); }
  .stage-tabs>button { font-size: 12px; gap: 12px; }
  .stage-tabs .mono { display: inline; }
  .hero-bottom { align-items: start; gap: 17px; flex-direction: column; padding-block: 21px; }
  .hero-products { width: 100%; justify-content: space-between; }
  .hero-products>a { font-size: 14px; }
}
@media(max-width:560px) {
  .brand>.original-logo { width: 140px; height: auto; }
  .hero h1,html[lang=tr] .hero h1 { font-size: clamp(37px,9vw,50px); }
  .hero-kicker .eyebrow { font-size: 8px; letter-spacing: .05em; }
  .hero-aside>p { font-size: 15px; margin-bottom: 0; max-width: 100%; }
  .hero-actions { gap: 12px 22px; }
  .hero-actions .button { font-size: 12px; padding-inline: 18px; }
  .hero-work-link { font-size: 12px; }
  .idea-stage { display: flex; border-radius: 20px; }
  .stage-art { min-height: 235px; }
  .stage-mark,.stage-wand { width: 218px; height: 218px; }
  .stage-topline .mono { font-size: 7px; }
  .stage-panels { width: 100%; padding: 0 23px 23px; }
  .stage-panel { min-height: 104px; padding: 0 37px 0 0; }
  .stage-title { font-size: 25px; }
  .stage-explore { left: auto; right: 0; bottom: 4px; }
  .stage-tabs { grid-template-columns: repeat(3,1fr); }
  .stage-tabs>button { font-size: 10px; gap: 6px; }
  .stage-tabs .mono { display: none; }
  .hero-products { gap: 10px; flex-wrap: wrap; }
  .hero-products>a { font-size: 12px; gap: 5px; min-height: 34px; }
  .hero-products .arrow { width: 12px; height: 12px; }
  .work-section { padding-top: 65px; }
}
@media(prefers-reduced-motion:reduce) { .stage-mark { transform: none!important; } }
@media(forced-colors:active) {
  .idea-stage,.stage-tabs>button[aria-selected=true] { border: 1px solid CanvasText; }
  .stage-tabs>button[aria-selected=true] { text-decoration: underline; }
  .stage-mark { filter: none; }
  .mark-face,.wand-spark { fill: CanvasText; stroke: none; }
  .wand-line { stroke: CanvasText!important; }
  .hero .hero-line-accent { background: none; -webkit-text-fill-color: CanvasText; }
}

.brand-studio { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: white; }
.brand-vector-preview { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 70px; padding: 28px 35px; background: #f7f8fb; color: #191a37; transition: color .2s,background .2s; }
.brand-vector-preview>.eyebrow { align-self: start; font-size: 10px; color: inherit; opacity: .7; }
.brand-vector-preview>.original-logo { width: min(85%,590px); height: auto; }
.brand-vector-preview>.mono { font-size: 9px; opacity: .6; align-self: end; }
.brand-vector-preview[data-variant=dark] { color: #fff; background: #191a37; }
.brand-studio-tools { padding: 35px; display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 25px 40px; }
.brand-studio-tools h2 { font-size: 27px; margin-bottom: 14px; }
.brand-studio-tools>div>p { max-width: 530px; font-size: 14px; }
.brand-export-tools { grid-column: 1/-1; border-top: 1px solid var(--line); padding-top: 25px; }
.brand-export-options { display: flex; gap: 20px; }
.brand-export-options label { display: flex; flex-direction: column; gap: 8px; font-size: 12px; }
.brand-export-options select { border: 1px solid var(--line); background: var(--paper); color: var(--ink); border-radius: 7px; padding: 10px; font-size: 13px; max-width: 100%; }
.brand-export-buttons { display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; }
.brand-export-buttons button { min-height: 44px; padding: 10px 25px; border: 1px solid var(--line); border-radius: 8px; background: white; font-size: 12px; }
.brand-export-buttons button:hover { background: var(--paper); }
.brand-export-buttons button:disabled { opacity: .5; }
.brand-export-status { font-size: 12px; margin-top: 16px; }
@media(max-width:560px) {
  .brand-vector-preview { padding: 23px; gap: 60px; }
  .brand-vector-preview>.original-logo { width: 100%; }
  .brand-studio-tools { padding: 25px; grid-template-columns: 1fr; gap: 25px; }
  .brand-studio-tools>.button { justify-self: start; }
  .brand-export-options { flex-wrap: wrap; }
  .brand-export-buttons button { padding-inline: 20px; }
}

/* Berberoğlu: a connected operations platform, presented in its own identity. */
.project-crm { background: linear-gradient(135deg,#f1f4e9,#e8eee3); }
.crm-visual>img { display: block; width: min(91%,380px); height: auto; }
.project-crm .project-bottom { border-color: #c9d4c2; }
.crm-card-tags { display: flex; flex-wrap: wrap; gap: 7px; list-style: none; margin: -5px 0 25px; padding: 0; }
.crm-card-tags>li { padding: 4px 9px; border: 1px solid #cbd6c5; border-radius: 20px; font-size: 10px; color: #435840; }
.case-hero { padding-top: 32px; padding-bottom: 65px; }
.case-back { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; color: var(--muted); padding-block: 10px; margin-bottom: 35px; }
.case-back:hover { color: var(--blue); }
.case-hero-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,.9fr); align-items: center; gap: clamp(35px,5vw,75px); }
.case-hero .eyebrow { margin-bottom: 28px; font-size: 10px; }
.case-hero h1 { font-size: clamp(43px,4.8vw,74px); line-height: 1.1; }
.case-hero h1>span { color: #416943; }
.case-intro { margin-top: 28px; max-width: 650px; font-size: 17px; line-height: 1.8; }
.case-meta { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 28px; }
.case-meta>span { font: 400 10px var(--mono); text-transform: uppercase; color: #556450; letter-spacing: .035em; }
.case-brand { min-height: 310px; padding: 28px; background: linear-gradient(140deg,#f5f8ed,#e2ead7); border-radius: 22px; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; border: 1px solid #dfe6d7; }
.case-brand>.mono { font-size: 8px; color: #647958; letter-spacing: .07em; }
.case-brand>img { display: block; width: 100%; height: auto; }
.case-brand>div { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; color: #365839; }
.case-brand strong { font-size: 21px; font-weight: 500; letter-spacing: -.025em; }
.case-brand>div>span { font-size: 10px; text-align: right; }
.case-flow { background: radial-gradient(ellipse at 90% 0,#31513566,transparent 70%),#122c23; color: white; border-radius: 22px; padding: 37px 40px 27px; }
.case-flow-heading { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 35px; }
.case-flow-heading>.eyebrow { color: #b4c8a9; font-size: 9px; }
.case-flow-heading>h2 { font-size: 27px; letter-spacing: -.035em; }
.case-flow>ol { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); list-style: none; padding: 0; margin: 0; }
.case-flow li>a { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 23px 24px 23px 0; border-top: 1px solid #8cad7e55; height: 100%; }
.case-flow li .mono { font-size: 9px; color: #b6d28c; }
.case-flow li strong { font-size: 25px; font-weight: 500; letter-spacing: -.03em; }
.case-flow li span:last-of-type { font-size: 11px; color: #b8caba; }
.case-flow li .arrow { position: absolute; right: 18px; top: 57px; width: 17px; color: #b6d28c; }
.case-flow li>a:hover strong { color: #d4e7a8; }
.case-flow-support { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 26px; padding-top: 20px; border-top: 1px solid #8cad7e40; font-size: 11px; }
.case-flow-support>span { color: #a8c0ad; margin-right: auto; }
.case-flow-support>a { color: #e6eddf; padding-block: 5px; }
.case-flow-support>a:hover { text-decoration: underline; text-underline-offset: 5px; }
.case-module-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 36px; }
.case-module { border-top: 1px solid #d0d8ca; padding: 27px 0 32px; scroll-margin-top: 120px; }
.case-module>.mono { font-size: 10px; color: #6c8458; }
.case-module h3 { font-size: 23px; line-height: 1.3; margin: 20px 0 15px; }
.case-module p { font-size: 14px; line-height: 1.85; }
.case-mobile-section { background: #edf1e9; border-block: 1px solid #dfe6d7; }
.case-mobile-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.case-mobile-card { background: #fafbf8; border: 1px solid #dce3d5; border-radius: 17px; padding: 28px; display: flex; flex-direction: column; }
.case-mobile-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 44px; color: #537443; }
.case-mobile-top .mono { font-size: 10px; }
.case-mobile-top>svg { width: 28px; height: 38px; flex-shrink: 0; }
.case-mobile-card h3 { font-size: 27px; margin-bottom: 22px; }
.case-mobile-card p { font-size: 14px; line-height: 1.85; margin-bottom: 35px; }
.case-mobile-card ul { list-style: none; margin: auto 0 0; padding: 18px 0 0; border-top: 1px solid #dce3d5; display: flex; flex-wrap: wrap; gap: 8px 16px; font: 400 9px var(--mono); text-transform: uppercase; color: #60744d; }
.case-integration-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.case-integration-grid>article { border-top: 1px solid var(--line); padding-top: 25px; }
.case-integration-grid h3 { font-size: 29px; margin-bottom: 15px; }
.case-integration-grid p { font-size: 12px; line-height: 1.8; max-width: 220px; }
.case-cta { background: radial-gradient(ellipse at 0 100%,#43673555,transparent 65%),#122c23; }
.case-cta .button-light { color: #264b2c; }
.case-cta .eyebrow,.case-cta .cta-inner p:not(.eyebrow) { color: #c7d5bc; }
@media(max-width:1100px) {
  .case-brand { padding: 25px; min-height: 275px; }
  .case-module-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 35px; }
  .case-mobile-grid { gap: 14px; }
  .case-mobile-card { padding: 24px; }
  .case-mobile-card h3 { font-size: 24px; }
  .case-flow { padding: 32px; }
  .case-flow li strong { font-size: 22px; }
  .case-flow li .arrow { right: 10px; width: 14px; }
  .case-flow li span:last-of-type { font-size: 10px; }
}
@media(max-width:800px) {
  .case-hero-grid { grid-template-columns: 1fr; gap: 35px; }
  .case-hero h1 { font-size: clamp(43px,6.5vw,58px); }
  .case-brand { min-height: 235px; max-width: 470px; width: 100%; justify-self: end; }
  .case-brand>img { width: 90%; align-self: center; }
  .case-flow-heading { display: block; }
  .case-flow-heading h2 { margin-top: 15px; }
  .case-flow>ol { grid-template-columns: 1fr; }
  .case-flow li>a { display: grid; grid-template-columns: 28px 115px 1fr; align-items: center; gap: 15px; padding: 20px 30px 20px 0; }
  .case-flow li .arrow { right: 0; top: calc(50% - 8px); transform: rotate(90deg); }
  .case-flow li span:last-of-type { font-size: 12px; }
  .case-flow-support>span { width: 100%; }
  .case-mobile-grid { grid-template-columns: 1fr; }
  .case-mobile-card { padding: 30px; }
  .case-mobile-top { margin-bottom: 26px; }
  .case-mobile-card h3 { font-size: 28px; }
  .case-mobile-card p { max-width: 550px; margin-bottom: 25px; }
  .case-integration-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 35px; }
}
@media(max-width:560px) {
  .case-hero { padding-top: 24px; padding-bottom: 40px; }
  .case-back { margin-bottom: 25px; }
  .case-hero .eyebrow { font-size: 8px; margin-bottom: 22px; }
  .case-hero h1 { font-size: clamp(35px,8.6vw,46px); }
  .case-intro { font-size: 15px; margin-top: 23px; }
  .case-meta { gap: 10px 17px; }
  .case-meta>span { font-size: 9px; }
  .case-brand { min-height: 220px; padding: 23px; gap: 30px; }
  .case-brand>img { width: 100%; }
  .case-flow { padding: 27px 23px; border-radius: 18px; }
  .case-flow-heading { margin-bottom: 25px; }
  .case-flow-heading h2 { font-size: 26px; line-height: 1.2; }
  .case-flow li>a { grid-template-columns: 20px 1fr; gap: 5px 10px; padding-block: 17px; }
  .case-flow li .mono { grid-row: span 2; }
  .case-flow li strong { font-size: 22px; }
  .case-flow li span:last-of-type { grid-column: 2; font-size: 11px; }
  .case-flow-support { gap: 8px 16px; font-size: 10px; }
  .case-module-grid { grid-template-columns: 1fr; }
  .case-module { padding-block: 23px 28px; }
  .case-module h3 { margin-top: 13px; font-size: 23px; }
  .case-mobile-card { padding: 25px; }
  .case-integration-grid { gap: 30px 18px; }
  .case-integration-grid h3 { font-size: 25px; }
  .case-integration-grid p { font-size: 11px; }
}
@media(forced-colors:active) {
  .case-flow,.case-brand,.case-mobile-card { border: 1px solid CanvasText; }
}

/* Producer self-service and AI workflows use actual capabilities, without sample financial data. */
.case-nav { display: flex; flex-wrap: wrap; gap: 10px; padding-bottom: 35px; }
.case-nav>a { display: inline-flex; align-items: center; gap: 18px; padding: 11px 16px; border: 1px solid #d5dece; border-radius: 30px; font-size: 12px; background: #f1f5ed; color: #35543b; }
.case-nav>a>span { color: #6c805e; }
.case-nav>a:hover { background: #e4ecd9; border-color: #b1c2a4; }
.case-producer,.case-ai-section,.case-scope,.case-mobile-section,.case-integrations { scroll-margin-top: 110px; }
.case-producer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.case-producer-card { padding: 29px; background: linear-gradient(140deg,#f0f5e9,#e8efdf); border: 1px solid #dce5d2; border-radius: 18px; }
.case-feature-label { display: flex; align-items: center; gap: 12px; color: #426044; margin-bottom: 48px; font-size: 12px; }
.case-feature-label>.mono { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 50%; border: 1px solid #b9c8aa; font-size: 10px; }
.case-producer-card h3 { font-size: clamp(23px,2.2vw,30px); line-height: 1.22; margin-bottom: 20px; color: #1c3b28; }
.case-producer-card p { font-size: 14px; line-height: 1.85; color: #52634d; }
.case-report-strip { display: grid; grid-template-columns: 1fr 2fr; gap: 35px; border-block: 1px solid #d6ddcf; padding-block: 29px; margin-top: 32px; }
.case-report-strip>.mono { font-size: 10px; color: #526f43; padding-top: 5px; }
.case-report-strip h3 { font-size: 24px; margin-bottom: 14px; }
.case-report-strip p { font-size: 14px; line-height: 1.85; max-width: 790px; }
.case-ai-section { background: radial-gradient(ellipse at 0 0,#31494055,transparent 45%),#111f1e; color: #f4f7ef; }
.case-ai-section .section-heading .eyebrow { color: #b8d899; }
.case-ai-section .section-heading>p { color: #b6c6bf; }
.case-invoice-panel { border: 1px solid #4f695a; border-radius: 21px; padding: 35px; background: #1b302a; }
.case-invoice-heading { display: flex; justify-content: space-between; gap: 25px; align-items: center; }
.case-invoice-heading h3 { font-size: 27px; }
.case-invoice-heading>.mono { font-size: 9px; color: #bad6a1; }
.case-invoice-flow { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; padding: 0; margin: 38px 0 32px; }
.case-invoice-flow li { position: relative; border-top: 1px solid #71965a; padding: 24px 25px 0 0; }
.case-step-index { display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; border: 1px solid #839f6a; border-radius: 50%; color: #c5e49e; font-size: 10px; }
.case-invoice-flow li::before { content: ''; position: absolute; top: -4px; left: 0; width: 7px; height: 7px; background: #bbd78b; border-radius: 50%; }
.case-invoice-flow h4 { font-size: 22px; font-weight: 500; letter-spacing: -.03em; line-height: 1.3; margin: 21px 0 13px; }
.case-invoice-flow p { font-size: 13px; line-height: 1.85; color: #bacac1; }
.case-invoice-notes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; border-top: 1px solid #49604d; padding-top: 24px; }
.case-invoice-notes p { color: #afc4b5; font-size: 12px; line-height: 1.85; }
.case-invoice-notes strong { color: #e3efda; font-weight: 500; }
.case-finance-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(35px,6vw,95px); padding: 58px 0 66px; }
.case-finance-grid article>.mono { font-size: 10px; color: #b8d899; }
.case-finance-grid h3 { font-size: clamp(29px,3vw,40px); line-height: 1.18; margin: 25px 0 23px; }
.case-finance-grid p { color: #bacac1; font-size: 15px; line-height: 1.85; }
.case-finance-grid ul { padding: 0; list-style: none; margin: 24px 0 0; }
.case-finance-grid li { color: #cfdbd1; font-size: 13px; padding: 12px 0 12px 20px; border-bottom: 1px solid #354940; position: relative; }
.case-finance-grid li::before { content: '+'; position: absolute; left: 0; color: #b8d899; }
.case-ai-more { display: grid; grid-template-columns: 1fr 1.6fr; gap: clamp(35px,6vw,95px); padding-top: 45px; border-top: 1px solid #4b6153; }
.case-ai-more .eyebrow { color: #b8d899; font-size: 10px; }
.case-ai-more h3 { font-size: clamp(30px,3vw,40px); line-height: 1.2; margin: 22px 0; }
.case-ai-more>div>p:not(.eyebrow) { color: #bacac1; font-size: 14px; line-height: 1.85; max-width: 380px; }
.case-ai-details details { border-bottom: 1px solid #4b6153; padding-block: 23px; }
.case-ai-details details:first-child { padding-top: 0; }
.case-ai-details summary { display: flex; justify-content: space-between; align-items: center; gap: 25px; list-style: none; cursor: pointer; }
.case-ai-details summary::-webkit-details-marker { display: none; }
.case-ai-details summary .mono { display: block; font-size: 9px; text-transform: uppercase; color: #b8d899; margin-bottom: 8px; }
.case-ai-details summary strong { display: block; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.025em; }
.case-ai-details .case-detail-toggle { font-size: 26px; color: #b8d899; line-height: 1; flex-shrink: 0; }
.case-ai-details details[open] .case-detail-toggle { transform: rotate(45deg); }
.case-ai-details details>p { font-size: 14px; line-height: 1.85; color: #bacac1; margin-top: 19px; padding-right: 36px; }
.case-ai-details summary:focus-visible { outline-color: #c5e49e; }
@media(max-width:1100px) {
  .case-producer-grid { gap: 14px; }
  .case-producer-card { padding: 24px; }
  .case-invoice-panel { padding: 28px; }
  .case-invoice-flow li { padding-right: 19px; }
}
@media(max-width:800px) {
  .case-producer-grid { grid-template-columns: 1fr; }
  .case-producer-card { padding: 29px; }
  .case-feature-label { margin-bottom: 24px; }
  .case-producer-card h3 { font-size: 28px; }
  .case-producer-card p { max-width: 600px; }
  .case-report-strip { grid-template-columns: 1fr; gap: 18px; }
  .case-invoice-heading { display: block; }
  .case-invoice-heading>.mono { display: block; margin-top: 13px; }
  .case-invoice-flow { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 0; }
  .case-ai-more { grid-template-columns: 1fr; }
  .case-ai-more>div>p:not(.eyebrow) { max-width: 520px; }
}
@media(max-width:560px) {
  .case-nav { gap: 8px; padding-bottom: 28px; }
  .case-nav>a { font-size: 11px; gap: 12px; padding: 10px 13px; }
  .case-producer-card { padding: 25px; }
  .case-producer-card h3 { font-size: 27px; }
  .case-report-strip h3 { font-size: 23px; }
  .case-invoice-panel { padding: 26px 23px; border-radius: 18px; }
  .case-invoice-heading h3 { font-size: 25px; }
  .case-invoice-flow { grid-template-columns: 1fr; gap: 0; margin-top: 30px; }
  .case-invoice-flow li { display: grid; grid-template-columns: 32px 1fr; gap: 10px 16px; padding: 22px 0; border-top-color: #49604d; }
  .case-invoice-flow li::before { display: none; }
  .case-step-index { grid-row: span 2; }
  .case-invoice-flow h4 { margin: 2px 0 0; font-size: 21px; }
  .case-invoice-flow p { grid-column: 2; }
  .case-invoice-flow { margin-bottom: 0; }
  .case-invoice-notes { grid-template-columns: 1fr; gap: 16px; }
  .case-finance-grid { grid-template-columns: 1fr; gap: 39px; padding-block: 42px 48px; }
  .case-finance-grid h3 { font-size: 32px; margin-block: 20px; }
  .case-finance-grid p { font-size: 14px; }
  .case-ai-more { gap: 33px; padding-top: 35px; }
  .case-ai-details summary { gap: 20px; }
  .case-ai-details summary strong { font-size: 19px; }
  .case-ai-details details>p { padding-right: 0; }
}
@media(forced-colors:active) {
  .case-producer-card,.case-invoice-panel { border: 1px solid CanvasText; }
  .case-ai-details summary:focus-visible { outline-color: Highlight; }
}

/* The transformation card: machined edges, a single passing light and deliberate stage changes. */
.idea-stage { --stage-tab-x: 200%; --stage-tab-gap: 6px; border-color: #b6caff2b; background: #0b1023; box-shadow: 0 30px 65px -35px #17235480,inset 0 1px 0 #ffffff12; }
.idea-stage::before { background: radial-gradient(ellipse at 64% 34%,var(--stage-tint),transparent 68%); opacity: .72; }
.idea-stage[data-mode=possibility] { --stage-tab-x: 0%; --stage-tab-gap: 0px; }
.idea-stage[data-mode=idea] { --stage-tab-x: 100%; --stage-tab-gap: 3px; }
.stage-topline { align-items: flex-start; }
.stage-topline .mono { font-size: 12px; line-height: 1.6; letter-spacing: .06em; }
.stage-index { flex-shrink: 0; white-space: nowrap; }
.stage-art { isolation: isolate; perspective: 800px; }
.stage-halo { position: absolute; inset: 8% 4%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse,#abc6ff32, #527bff13 42%,transparent 70%); transform: scale(1); opacity: .85; transition: opacity .8s ease,transform 1s var(--ease-out); pointer-events: none; }
.stage-halo::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse,#e2c4ff55, #9c5de92b 35%,transparent 65%); opacity: 0; transition: opacity .8s ease; }
.stage-floor { position: absolute; z-index: -1; width: 42%; height: 15px; bottom: 14%; left: 29%; border-radius: 50%; background: #618cff; filter: blur(18px); opacity: .26; transform: scaleX(1); transition: opacity .8s ease,transform 1s var(--ease-out); pointer-events: none; }
.stage-mark { transform: rotate(-9deg) rotateY(-8deg); filter: drop-shadow(7px 20px 14px #03091cb3); transition: transform 1s var(--ease-out),opacity .65s ease,filter 1s ease; }
.mark-echo { fill: #a1bbff04; stroke: #a9c6ff50; stroke-width: .5; transition: opacity .7s ease; }
.mark-echo-far { stroke: #a9c6ff28; }
.mark-edge { stroke: #aec8ff33; stroke-width: .45; }
.mark-face { stroke: #f0f5ff; stroke-width: .5; }
.mark-sheen { opacity: 0; }
.stage-wand { transition: opacity .55s ease,filter .8s ease,transform 1s var(--ease-out); }
.wand-line { stroke: #95a0b6; stroke-width: 5; }
.wand-aura { stroke-width: 22; filter: blur(14px); }
.wand-spark { transition: opacity .55s ease,transform 1s var(--ease-out); }
.idea-stage[data-mode=possibility] .stage-halo { opacity: .15; transform: scale(.65); }
.idea-stage[data-mode=possibility] .stage-floor { opacity: .07; transform: scaleX(.55); }
.idea-stage[data-mode=possibility] .stage-wand { transform: translate(-50%,-50%) rotate(-7deg) scale(.92); }
.idea-stage[data-mode=idea] .stage-halo { opacity: .95; transform: scale(1.08); }
.idea-stage[data-mode=idea] .stage-halo::after { opacity: 1; }
.idea-stage[data-mode=idea] .stage-floor { opacity: .16; transform: scaleX(.8); }
.idea-stage[data-mode=idea] .stage-wand { transform: translate(-50%,-50%) rotate(4deg) scale(1.04); filter: drop-shadow(0 0 14px #b291ff38); }
.idea-stage[data-mode=possibility] .stage-mark,.idea-stage[data-mode=idea] .stage-mark { transform: translateY(12px) rotate(-17deg) rotateY(-28deg) scale(.8); }
.stage-panels { padding-bottom: 28px; }
.stage-panel { min-height: 128px; padding-right: 56px; }
.stage-description { font-size: 14px; line-height: 1.65; color: #b8c3e0; margin-top: 13px; }
.stage-explore { width: 42px; height: 42px; bottom: 5px; background: #ffffff04; border-color: #b8caec4a; box-shadow: inset 0 1px 0 #ffffff0c; transition: background .25s ease,border-color .25s ease,transform .4s var(--ease-out); }
.stage-explore .arrow { width: 19px; height: 19px; }
.stage-explore:hover { border-color: #cfddff9c; background: #a8c5ff1f; transform: translate(2px,-2px); }
.stage-tabs { position: relative; isolation: isolate; background: #070c1b55; margin-top: auto; }
.stage-tabs::before { content: ''; position: absolute; z-index: -1; inset: 7px auto 7px 7px; width: calc((100% - 20px) / 3); border-radius: 12px; background: linear-gradient(140deg,#a8c7ff22,#cedbff0c); border: 1px solid #c7d6ff2c; box-shadow: inset 0 1px 0 #ffffff0b,0 3px 8px #03071422; transform: translateX(calc(var(--stage-tab-x) + var(--stage-tab-gap))); transition: transform .65s var(--ease-out); pointer-events: none; }
.stage-tabs>button { min-height: 51px; font-size: 14px; white-space: normal; line-height: 1.4; }
.stage-tabs .mono { display: none; }
.stage-tabs>button[aria-selected=true] { background: transparent; border-color: transparent; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .idea-stage[data-mode=product]:hover .stage-mark { transform: translateY(-5px) rotate(-6deg) rotateY(4deg); filter: drop-shadow(9px 25px 19px #03091ccc); }
  .idea-stage[data-mode=product]:hover .stage-halo { opacity: 1; transform: scale(1.08); }
  .idea-stage[data-mode=product]:hover .stage-floor { transform: scaleX(1.08); opacity: .32; }
}
@media(min-width:561px) and (max-width:800px) {
  .stage-panel { min-height: 175px; padding: 0 0 58px; }
  .stage-panels { padding: 22px 24px 22px 0; }
}
@media(max-width:560px) {
  .stage-topline { padding: 23px 23px 0; gap: 12px; }
  .stage-topline .mono { font-size: 12px; letter-spacing: .035em; }
  .stage-art { min-height: 248px; }
  .stage-mark,.stage-wand { width: 228px; height: 228px; }
  .stage-panels { padding: 0 23px 26px; }
  .stage-panel { min-height: 128px; padding-right: 51px; }
  .stage-title { font-size: 25px; }
  .stage-explore { bottom: 4px; }
  .stage-tabs>button { font-size: 14px; }
}
@media(prefers-reduced-motion:reduce) {
  .idea-stage *,.idea-stage::before,.idea-stage *::before,.idea-stage *::after { transition: none!important; }
  .stage-mark { transform: none!important; }
  .mark-sheen { display: none; }
}
@media(forced-colors:active) {
  .stage-halo,.stage-floor,.mark-edge,.mark-echo,.mark-sheen,.stage-tabs::before { display: none; }
  .stage-tabs>button[aria-selected=true] { border: 1px solid CanvasText; }
  .stage-mark { filter: none; }
}

/* Dealer commerce: negotiated terms and account visibility. */
.case-b2b-section { background: #f3f0e8; border-bottom: 1px solid #dfded4; scroll-margin-top: 110px; }
.case-b2b-section .section-heading .eyebrow { color: #756036; }
.case-b2b-board { padding: 36px; background: #fffdf8; border: 1px solid #ded8c9; border-radius: 20px; }
.case-b2b-access { display: grid; grid-template-columns: 1fr 2fr; gap: 35px; align-items: start; padding-bottom: 30px; border-bottom: 1px solid #ded8c9; }
.case-b2b-label { justify-self: start; border: 1px solid #d5c7a7; border-radius: 6px; padding: 11px 15px; background: #eee6d2; color: #65512e; font-size: 12px; letter-spacing: .06em; }
.case-b2b-access h3 { font-size: 25px; margin-bottom: 13px; }
.case-b2b-access p { font-size: 16px; line-height: 1.8; }
.case-b2b-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 45px; padding-top: 34px; }
.case-b2b-grid>article { display: grid; grid-template-columns: 28px 1fr; align-items: start; gap: 15px; }
.case-b2b-grid>article>.mono { padding-top: 5px; font-size: 12px; color: #8b7547; }
.case-b2b-grid h3 { font-size: 25px; line-height: 1.3; margin-bottom: 15px; }
.case-b2b-grid p { font-size: 16px; line-height: 1.85; }
@media(max-width:800px) {
  .case-b2b-board { padding: 30px; }
  .case-b2b-access { grid-template-columns: 1fr; gap: 22px; }
  .case-b2b-grid { gap: 30px; }
  .case-b2b-grid>article { grid-template-columns: 1fr; gap: 11px; }
  .case-b2b-grid h3 { font-size: 23px; }
}
@media(max-width:560px) {
  .case-b2b-board { padding: 25px 23px; border-radius: 18px; }
  .case-b2b-access h3 { font-size: 24px; }
  .case-b2b-grid { grid-template-columns: 1fr; padding-top: 27px; }
  .case-b2b-grid>article+article { border-top: 1px solid #e4dfd3; padding-top: 24px; }
}
@media(forced-colors:active) {
  .case-b2b-board,.case-b2b-label { border: 1px solid CanvasText; }
}

/* One line becomes Novpix. The composition and the mark share the same timeline. */
.idea-stage { background: #0b0e17; border-color: #242a38; box-shadow: 0 24px 60px -36px #0b0e1766; }
.idea-stage::before { display: none; }
.stage-art { perspective: none; padding-top: 0; }
.stage-fx { width: min(100%,350px); height: 280px; }
.stage-fx>svg { display: block; width: 100%; height: 100%; }
.stage-fx-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px 12px; padding: 0 28px 20px; grid-column: 1/-1; }
.stage-fx-tools>a { display: inline-flex; align-items: center; gap: 7px; color: #b5c3df; font-size: 12px; min-height: 38px; }
.stage-fx-tools>a:hover { color: #fff; }
.stage-fx-tools .arrow { width: 13px; height: 13px; }
.motion-toggle { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #a6b8e038; border-radius: 24px; color: #d9e2f3; background: transparent; font-size: 12px; line-height: 1.4; padding: 10px 16px; min-height: 40px; white-space: nowrap; }
.motion-toggle:hover { background: #ffffff09; border-color: #a6b8e080; }
.motion-toggle:disabled { opacity: .65; cursor: default; }
.stage-topline { color: #8e9cb8; }
.stage-tabs { background: #0b0e17; border-top-color: #ffffff14; }
.stage-tabs::before { background: #f0f4ff0c; border-color: #f0f4ff12; box-shadow: none; }
.logo-motion-heading { display: grid; grid-template-columns: 1.2fr 1fr; column-gap: clamp(40px,8vw,140px); padding-top: 55px; padding-bottom: 45px; align-items: end; }
.logo-motion-heading>.eyebrow { grid-column: 1/-1; margin-bottom: 25px; font-size: 12px; }
.logo-motion-heading h1 { font-size: clamp(42px,4.5vw,68px); line-height: 1.05; letter-spacing: -.065em; }
.logo-motion-heading h1 span { color: #6a7182; }
.logo-motion-heading>p:last-child { font-size: 17px; line-height: 1.8; max-width: 410px; padding-bottom: 4px; }
.logo-motion-section { scroll-margin-top: 105px; }
.logo-film { color: #f0f4ff; background: #0b0e17; border: 1px solid #242a38; border-radius: 24px; overflow: hidden; }
.logo-film-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 28px 36px 0; color: #93a1bc; }
.logo-film-top .mono { font-size: 11px; line-height: 1.5; letter-spacing: .07em; }
.logo-film-art { display: grid; place-items: center; }
.logo-film-art>svg { display: block; width: min(100%,950px); height: auto; }
.logo-film-copy { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 36px 30px; }
.logo-film-copy>p { font-size: clamp(19px,2.2vw,28px); color: #e1e7f3; line-height: 1.3; letter-spacing: -.035em; }
.logo-film :focus-visible { outline: 2px solid #a6c3ff; outline-offset: 4px; }
.motion-chapters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #ffffff14; }
.motion-chapters>button { position: relative; display: flex; align-items: center; gap: 13px; padding: 25px 36px; min-height: 72px; border: 0; background: transparent; color: #8e9cb8; text-align: left; font-size: 14px; transition: color .25s ease,background .25s ease; }
.motion-chapters>button+button { border-left: 1px solid #ffffff14; }
.motion-chapters .mono { font-size: 10px; opacity: .6; }
.motion-chapters>button:hover { background: #ffffff05; color: #fff; }
.motion-chapters>button[aria-pressed=true] { background: #ffffff04; color: #f0f4ff; }
.chapter-track { position: absolute; height: 2px; inset: -1px 0 auto; background: #739fff; opacity: 0; transition: opacity .3s ease; }
[aria-pressed=true]>.chapter-track { opacity: 1; }
.motion-note { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 2px 0; }
.motion-note>p { font-size: 13px; line-height: 1.7; color: #697285; }
.motion-note .text-link { font-size: 13px; flex-shrink: 0; }
@media(min-width:1600px) {
  .stage-fx { width: 390px; height: 325px; }
}
@media(max-width:1100px) {
  .stage-fx-tools { padding-inline: 22px; }
  .logo-motion-heading { column-gap: 40px; }
}
@media(min-width:561px) and (max-width:800px) {
  .stage-fx { height: 250px; }
  .stage-fx-tools { padding: 0 24px 18px; }
}
@media(max-width:800px) {
  .logo-motion-heading { grid-template-columns: 1fr; padding-top: 38px; padding-bottom: 32px; }
  .logo-motion-heading>p:last-child { margin-top: 24px; max-width: 540px; }
  .logo-film-top { padding: 24px 26px 0; }
  .logo-film-copy { padding: 0 26px 25px; }
  .motion-chapters>button { padding: 21px 26px; }
  .motion-note { align-items: flex-start; }
}
@media(max-width:560px) {
  .stage-fx { height: 265px; width: min(100%,330px); }
  .stage-fx-tools { padding: 0 23px 18px; gap: 5px 8px; }
  .stage-fx-tools .motion-toggle { font-size: 11px; padding-inline: 11px; }
  .logo-motion-heading>.eyebrow { margin-bottom: 21px; font-size: 11px; }
  .logo-motion-heading h1 { font-size: clamp(38px,10.5vw,55px); }
  .logo-motion-heading>p:last-child { font-size: 15px; margin-top: 21px; }
  .logo-film { border-radius: 18px; }
  .logo-film-top { padding: 22px 20px 0; gap: 12px; }
  .logo-film-top .mono { font-size: 9px; letter-spacing: .025em; }
  .logo-film-art { padding-block: 28px 16px; }
  .logo-film-copy { min-height: 109px; padding: 0 20px 23px; gap: 18px; align-items: flex-start; flex-direction: column; }
  .logo-film-copy>p { font-size: 20px; min-height: 26px; }
  .motion-chapters>button { padding: 20px 13px; min-height: 64px; gap: 8px; font-size: 12px; }
  .motion-chapters .mono { font-size: 9px; }
  .motion-note { flex-direction: column; gap: 10px; padding: 18px 2px 0; }
}
@media(prefers-reduced-motion:reduce) {
  .motion-chapters>button,.chapter-track { transition: none; }
}
@media(forced-colors:active) {
  .logo-film,.motion-toggle,.motion-chapters>button { border: 1px solid CanvasText; }
  .motion-chapters>button[aria-pressed=true] { outline: 2px solid Highlight; outline-offset: -5px; }
}

/* Salon4K — the appointment system, in its own gold and charcoal identity. */
.hero-products { flex-wrap: wrap; }
.project-salon { display: grid; grid-template-columns: 1fr 1fr; gap: 34px 60px; margin-top: 24px; padding: 36px; color: #f4eee3; background: linear-gradient(125deg,#26221c,#181713); }
.project-salon .project-top { grid-column: 1/-1; }
.project-salon .project-top .eyebrow { color: #bfb093; font-size: 11px; line-height: 1.7; }
.project-salon .project-top>.arrow { flex-shrink: 0; color: #cfb373; }
.salon-project-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-block: 14px 8px; }
.salon-project-copy>img { display: block; width: min(100%,350px); height: auto; margin-bottom: 42px; }
.salon-project-copy h3 { color: #f4eee3; font-size: 28px; margin-bottom: 13px; }
.salon-project-copy>p { color: #c1b8a8; font-size: 15px; line-height: 1.85; max-width: 400px; }
.salon-project-copy .project-link { color: #dfc796; margin-top: 28px; }
.salon-workflow { align-self: center; border: 1px solid #b79b623d; border-radius: 16px; background: #c8ad7510; padding: 26px; }
.salon-workflow-heading { display: flex; justify-content: space-between; gap: 16px; align-items: center; color: #bca77f; }
.salon-workflow-heading .mono { font-size: 10px; line-height: 1.7; letter-spacing: .045em; }
.salon-flow { list-style: none; padding: 0; margin: 25px 0; display: grid; gap: 24px; }
.salon-flow>li { display: grid; grid-template-columns: 30px 1fr; gap: 16px; align-items: start; position: relative; }
.salon-flow>li+li::before { content: ''; position: absolute; left: 14px; top: -25px; height: 25px; width: 1px; background: #b79b6233; }
.salon-flow-number { display: grid; place-items: center; height: 30px; border: 1px solid #b79b624d; border-radius: 50%; color: #d9bf8e; font-size: 10px; }
.salon-flow h4 { font-size: 15px; font-weight: 500; line-height: 1.5; color: #eee5d4; }
.salon-flow p { font-size: 12px; color: #b5ab9a; margin-top: 4px; line-height: 1.7; }
.salon-followup { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px solid #b79b622b; padding-top: 18px; }
.salon-followup>span { font-size: 10px; line-height: 1.6; color: #d4c3a3; border: 1px solid #b79b6233; padding: 5px 9px; border-radius: 5px; }
@media(max-width:1100px) {
  .project-salon { gap: 28px 34px; }
  .salon-workflow { padding: 22px; }
}
@media(max-width:800px) {
  .project-salon { padding: 28px; gap: 25px; margin-top: 18px; }
  .salon-project-copy>img { margin-bottom: 30px; }
  .salon-project-copy>p { font-size: 14px; }
  .salon-flow>li { gap: 12px; }
  .salon-flow h4 { font-size: 14px; }
  .salon-workflow { padding: 20px; }
}
@media(max-width:650px) {
  .project-salon { grid-template-columns: 1fr; padding: 27px; gap: 28px; }
  .project-salon .project-top .eyebrow { font-size: 10px; }
  .salon-project-copy { padding-block: 10px 0; }
  .salon-project-copy>img { width: min(100%,310px); margin-bottom: 28px; }
  .salon-project-copy>p { max-width: none; font-size: 15px; }
  .salon-project-copy .project-link { margin-top: 20px; }
}
@media(forced-colors:active) {
  .project-salon,.salon-workflow,.salon-flow-number,.salon-followup>span { border: 1px solid CanvasText; }
}

/* ReRent — office-to-office booking in the original teal and orange palette. */
.project-rerent { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 60px; padding: 36px; margin-top: 24px; background: linear-gradient(125deg,#f1f7f8,#e3eef1); color: #183c49; }
.project-rerent .project-top { grid-column: 1/-1; }
.project-rerent .project-top .eyebrow { color: #50717c; font-size: 11px; line-height: 1.7; }
.project-rerent .project-top>.arrow { flex-shrink: 0; color: #236074; }
.rerent-project-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.rerent-project-copy>img { display: block; width: min(100%,235px); height: auto; margin-bottom: 25px; }
.rerent-project-copy h3 { color: #183c49; font-size: 28px; margin-bottom: 13px; }
.rerent-project-copy>p { color: #516c75; font-size: 15px; line-height: 1.85; max-width: 410px; }
.rerent-project-copy .project-link { color: #205a6d; margin-top: 27px; }
.rerent-journey { align-self: center; padding: 27px; border: 1px solid #b9d0d8; border-radius: 16px; background: #ffffff80; }
.rerent-journey-heading { color: #607d87; font-size: 10px; line-height: 1.7; letter-spacing: .04em; }
.rerent-route { display: grid; grid-template-columns: 1fr 1fr; position: relative; gap: 30px; margin-block: 29px 24px; }
.rerent-route>div { position: relative; z-index: 1; }
.rerent-pin { display: block; width: 14px; height: 14px; border-radius: 50%; border: 4px solid #225d70; background: #f4f8f9; margin-bottom: 12px; }
.rerent-pin-return { border-color: #ed7b11; }
.rerent-route-line { position: absolute; left: 14px; right: calc(50% - 16px); top: 6px; height: 1px; background: linear-gradient(90deg,#225d7080,#ed7b11b3); }
.rerent-route h4 { font-size: 14px; line-height: 1.5; color: #244d5b; font-weight: 550; }
.rerent-route p { margin-top: 3px; font-size: 12px; color: #667f88; }
.rerent-availability { display: flex; align-items: center; gap: 14px; padding: 18px; background: #215a6c; color: #e8f3f7; border-radius: 10px; }
.rerent-availability>svg { width: 32px; height: 24px; flex-shrink: 0; }
.rerent-availability h4 { font-size: 15px; font-weight: 500; line-height: 1.5; }
.rerent-availability p { color: #c1d7df; font-size: 11px; margin-top: 4px; line-height: 1.6; }
.rerent-capabilities { list-style: none; padding: 20px 0 0; margin: 0; display: grid; gap: 11px; }
.rerent-capabilities>li { display: flex; align-items: baseline; gap: 9px; font-size: 12px; line-height: 1.6; color: #4d6c77; }
.rerent-capabilities>li::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #c16a20; flex-shrink: 0; transform: translateY(-2px); }
@media(max-width:1100px) {
  .project-rerent { gap: 28px 34px; }
  .rerent-journey { padding: 22px; }
}
@media(max-width:800px) {
  .project-rerent { padding: 28px; gap: 25px; margin-top: 18px; }
  .rerent-project-copy>p { font-size: 14px; }
  .rerent-journey { padding: 20px; }
  .rerent-availability { padding: 15px; gap: 10px; }
}
@media(max-width:650px) {
  .project-rerent { grid-template-columns: 1fr; padding: 27px; gap: 28px; }
  .project-rerent .project-top .eyebrow { font-size: 10px; }
  .rerent-project-copy>img { width: min(100%,220px); margin-bottom: 24px; }
  .rerent-project-copy>p { max-width: none; font-size: 15px; }
  .rerent-project-copy .project-link { margin-top: 20px; }
}
@media(forced-colors:active) {
  .project-rerent,.rerent-journey,.rerent-pin,.rerent-availability { border: 1px solid CanvasText; }
}