@font-face{font-family:'Plus Jakarta Sans';src:url('https://www.saasunfold.com/wp-content/uploads/ugentic-assets/ugentic-import-6ab99cffa0359/assets/fonts/plus-jakarta-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('https://www.saasunfold.com/wp-content/uploads/ugentic-assets/ugentic-import-6ab99cffa0359/assets/fonts/plus-jakarta-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('https://www.saasunfold.com/wp-content/uploads/ugentic-assets/ugentic-import-6ab99cffa0359/assets/fonts/plus-jakarta-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('https://www.saasunfold.com/wp-content/uploads/ugentic-assets/ugentic-import-6ab99cffa0359/assets/fonts/plus-jakarta-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('https://www.saasunfold.com/wp-content/uploads/ugentic-assets/ugentic-import-6ab99cffa0359/assets/fonts/geist-mono-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('https://www.saasunfold.com/wp-content/uploads/ugentic-assets/ugentic-import-6ab99cffa0359/assets/fonts/geist-mono-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('https://www.saasunfold.com/wp-content/uploads/ugentic-assets/ugentic-import-6ab99cffa0359/assets/fonts/geist-mono-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--ink:#111;--muted:#6e6e6e;--line:#ededed;--panel:#f3f3f3;--lime:#cbff57;--blue:#29ade4;--orange:#ff6b00;--max:1360px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'Plus Jakarta Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,blockquote{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em}h1{font-size:clamp(42px,4vw,62px);line-height:1.06}h2{font-size:clamp(36px,3.4vw,52px);line-height:1.07}h3{font-size:24px;line-height:1.18}p{line-height:1.5}.container{max-width:var(--max);margin-inline:auto;padding-inline:0}.section{padding:110px 0}.inner-main{min-height:70vh}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font:600 12px/1 'IBM Plex Mono',monospace;letter-spacing:.18em;text-transform:uppercase;margin-bottom:30px}.eyebrow i{display:block;width:4px;height:4px;background:currentColor}.section-heading{text-align:center;position:relative;margin-bottom:55px}.section-heading>div:first-child{max-width:650px;margin:auto}.section-heading h2{margin-bottom:20px}.section-heading p{font-size:16px;color:#626262;max-width:560px;margin:0 auto}.section-heading>.pill-button{position:absolute;right:0;bottom:0}.pill-button{border:0;border-radius:100px;display:inline-flex;align-items:center;gap:18px;padding:4px 4px 4px 20px;min-height:46px;background:#111;color:var(--lime);font:600 12px/1 'IBM Plex Mono',monospace;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:transform .35s var(--ease),background .25s,color .25s;box-shadow:none}.pill-button:hover{transform:translateY(-3px);background:#262626}.pill-button .button-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime);color:#111;font:24px/1 Arial,sans-serif;transition:transform .35s var(--ease)}.pill-button:hover .button-arrow{transform:rotate(45deg)}.pill-button.lime{background:var(--lime);color:#111}.pill-button.lime .button-arrow{background:#111;color:white}.pill-button.blue{background:rgba(0,77,136,.38);color:#fff;backdrop-filter:blur(8px)}.pill-button.blue .button-arrow{display:none}.pill-button.blue{padding:16px 24px}.pill-button.blue:hover{background:rgba(0,77,136,.7)}
.site-header{width:100%;height:140px;display:flex;align-items:flex-start;position:relative;z-index:20}.nav-inner{width:min(1280px,calc(100% - 48px));height:110px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:inline-flex;align-items:center;gap:9px;width:max-content;white-space:nowrap}.brand-mark{display:block;width:36px;height:38px;background-image:url('https://www.saasunfold.com/wp-content/uploads/ugentic-assets/ugentic-import-6ab99cffa0359/assets/logo-transparent.png');background-repeat:no-repeat;background-size:78px 78px;background-position:center -13px;flex:none}.brand-name{font-size:21px;letter-spacing:-.065em;font-weight:700;color:#f96800}.brand-name span{font-weight:400}.desktop-nav{display:flex;align-items:center;gap:44px}.desktop-nav a,.nav-contact{font:600 12px/1 'IBM Plex Mono',monospace;letter-spacing:.09em;text-transform:uppercase;transition:opacity .25s}.desktop-nav a:hover{opacity:.55}.nav-contact{justify-self:end;padding:13px 19px;border-radius:100px;background:#111;color:var(--lime);transition:transform .3s var(--ease)}.nav-contact:hover{transform:translateY(-3px)}.header-on-hero{color:#fff}.header-on-hero .brand-name{color:#fff}.header-on-hero .nav-contact{background:var(--lime);color:#111}.menu-toggle,.mobile-nav{display:none}
.photo-hero{margin:55px 12px 0;border-radius:22px;min-height:740px;position:relative;overflow:hidden;background-color:#0b79bd;background-image:var(--hero-image);background-size:cover;background-position:center 46%;color:#fff;isolation:isolate}.photo-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,77,136,.22),rgba(20,139,217,.08) 55%,rgba(38,152,222,.25));z-index:-1}.photo-hero .site-header{height:125px}.photo-hero .nav-inner{height:80px}.home-hero-content{text-align:center;position:relative;padding-top:0}.home-hero h1{max-width:900px;margin:0 auto 20px;font-size:clamp(48px,4.2vw,68px);letter-spacing:-.058em}.home-hero h1 span{color:#c6d8e9}.home-hero-content>p{max-width:440px;margin:0 auto 27px;font-size:15px;line-height:1.55}.hero-actions{display:flex;align-items:center;justify-content:center;gap:10px}.hero-card-row{display:flex;justify-content:center;align-items:center;gap:22px;margin:55px auto 0;perspective:1000px;width:max-content;max-width:100%;height:210px;transform:translateY(calc(var(--hero-scroll,0px) * -.13));transition:transform .12s linear}.float-card{height:170px;width:170px;flex:none;border-radius:14px;box-shadow:0 15px 30px rgba(0,38,83,.2);text-align:left;overflow:hidden;animation:float 6s ease-in-out infinite alternate;transition:transform .5s var(--ease),box-shadow .5s}.float-card:hover{transform:translateY(-14px) rotate(0)!important;box-shadow:0 30px 45px rgba(0,38,83,.3)}.float-card:nth-child(2){animation-delay:-1s}.float-card:nth-child(3){animation-delay:-2s}.float-card:nth-child(4){animation-delay:-3s}.float-card:nth-child(5){animation-delay:-4s}.float-card:nth-child(6){animation-delay:-5s}.tilt-left{transform:rotateY(-17deg) rotateZ(-2deg)}.float-card small{font-size:10px}.metric-card{background:#fff;color:#111;padding:15px}.metric-card strong{font-size:46px;font-weight:500;display:block;margin:20px 0 8px}.mini-bars{height:34px;display:flex;align-items:end;gap:8px}.mini-bars i{background:#ddedf6;width:20px;border-radius:3px}.mini-bars i:nth-child(1){height:10px}.mini-bars i:nth-child(2){height:19px}.mini-bars i:nth-child(3){height:26px}.mini-bars i:nth-child(4){height:34px;background:#33b9eb}.flow-card{background:linear-gradient(155deg,#c5edff,#fff 45%,#b8d8bb);padding:30px 12px;transform:rotateY(-8deg)}.flow-line{background:rgba(255,255,255,.8);border-radius:12px;padding:9px 7px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 10px #2c8d9440;font-size:10px}.flow-line b{font-weight:500}.flow-line em{color:#2cb7e7;font-size:17px}.flow-line.second{margin:20px -10px 0 20px}.black-stat{background:#171717;color:#fff;padding:12px;transform:rotateY(-4deg)}.black-stat small{display:flex;justify-content:space-between}.black-stat strong{display:block;font-size:43px;font-weight:400;margin-top:25px}.black-stat p{font-size:10px;color:#aaa}.white-stat{background:#f5f5f5;color:#111;padding:12px;transform:rotateY(5deg)}.chip-row{display:flex;gap:5px;margin-bottom:18px}.chip-row b{font:500 9px Arial;background:#fff;border-radius:20px;padding:6px}.white-stat strong{display:block;font-size:43px;font-weight:400;margin-top:12px}.blue-stat{background:#2c9ee0;color:#fff;padding:16px;transform:rotateY(10deg)}.blue-stat .plus{font-size:28px;background:#fff;color:#2c9ee0;border-radius:50%;line-height:28px;width:28px;display:block;text-align:center;margin:4px auto 22px}.blue-stat strong{font-size:22px;line-height:1.1;font-weight:500}.blue-stat small{display:block;margin-top:10px}.black-message{background:#111;color:#fff;padding:30px 13px;font-size:16px;transform:rotateY(18deg)}.black-message b{color:var(--lime);font-weight:500}.hero-proof{font-size:13px;margin-top:8px;text-align:center}.stars{color:var(--lime);font-size:16px;letter-spacing:3px;line-height:2}@keyframes float{0%{translate:0 0}100%{translate:0 -10px}}
.marquee{overflow:hidden;padding:40px 0 35px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.marquee-track{display:flex;width:max-content;gap:75px;animation:marquee 28s linear infinite;color:#c4c4c4}.marquee-track span{display:flex;align-items:center;gap:12px;font-size:19px;white-space:nowrap;font-weight:600}.marquee-symbol{font-size:24px}@keyframes marquee{to{transform:translateX(-50%)}}
.about-section>.eyebrow{text-align:center}.statement{text-align:center;font-size:clamp(38px,3.8vw,56px);margin:0 auto 65px;max-width:1000px;line-height:1.11}.statement .muted{color:#9d9d9d}.round-icon{display:inline-grid;place-items:center;border-radius:50%;width:44px;height:44px;font-size:25px;vertical-align:middle;letter-spacing:0}.blue-dot{background:#32c6ed;color:#fff}.lime-dot{background:var(--lime);color:#111}.about-bento{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:22px;height:310px}.bento-tile{border-radius:22px;overflow:hidden}.about-photo{background-size:cover;background-position:center 43%;position:relative}.photo-overlay{position:absolute;left:18px;right:18px;bottom:18px;background:#fff;border-radius:16px;padding:14px 18px}.photo-overlay strong{font-size:42px;font-weight:500;letter-spacing:-.06em}.photo-overlay p{margin:0;font-size:14px}.pale-bento{background:#f3f3f3;padding:25px;display:flex;flex-direction:column}.pale-bento small,.lime-bento small{font-size:12px}.pale-bento strong,.lime-bento strong{font-size:50px;font-weight:500;letter-spacing:-.055em}.pale-bento strong{margin-top:6px}.pale-bento p{font-size:14px;margin:auto 0 0;max-width:260px}.avatar-dots{display:flex;align-items:center;padding-left:5px}.avatar-dots i{display:block;width:28px;height:28px;border-radius:50%;border:2px solid #fff;margin-left:-6px;background-image:url('https://www.saasunfold.com/wp-content/uploads/ugentic-assets/ugentic-import-6ab99cffa0359/assets/real-team-wide.webp');background-size:400% 100%}.avatar-dots i:nth-child(2){background-position:33% center}.avatar-dots i:nth-child(3){background-position:66% center}.avatar-dots i:nth-child(4){background-position:100% center}.avatar-dots.small i{width:30px;height:30px}.bento-stack{display:grid;grid-template-rows:1fr 80px;gap:20px}.lime-bento{background:var(--lime);padding:22px;display:flex;flex-direction:column}.lime-bento strong{font-size:39px}.lime-bento p{margin:auto 0 0;font-size:14px}.black-bento{background:#111;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.black-bento strong{font-size:27px;font-weight:400;letter-spacing:-.05em}
.services-section{padding-top:95px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:10px;background:#f3f3f3;border-radius:22px}.service-card{background:#fff;border-radius:18px;overflow:hidden;min-height:440px;display:flex;flex-direction:column;transition:transform .45s var(--ease),box-shadow .45s}.service-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px #0000000d}.service-visual{height:265px;display:grid;place-items:center;position:relative;overflow:hidden}.visual-target{background:linear-gradient(135deg,#f9fbfb,#e7f8ff)}.target-rings{width:185px;height:185px;position:relative;border-radius:50%;border:2px solid #d1eef5}.target-rings i{position:absolute;border:2px solid #b5e7f4;border-radius:50%;inset:20px}.target-rings i:nth-child(2){inset:45px}.target-rings i:nth-child(3){inset:70px;background:var(--lime);border:0}.target-rings b{position:absolute;z-index:1;right:4px;top:15px;font-size:38px;color:#111;transform:rotate(-25deg)}.visual-journey{background:linear-gradient(145deg,#e7f4ff,#f8f8f8)}.journey-steps{display:grid;gap:8px;transform:rotate(-9deg)}.journey-steps span{width:240px;background:#fff;border-radius:12px;padding:12px 18px;box-shadow:0 7px 17px #3331;color:#555;font-size:16px}.journey-steps span:last-child{background:#111;color:var(--lime)}.visual-evidence{background:linear-gradient(140deg,#f3f5f5,#ecf2f1)}.evidence-chart{width:230px;height:170px;padding:18px;background:#fff;border-radius:16px;box-shadow:0 18px 30px #0002;transform:rotate(7deg)}.chart-label{display:flex;justify-content:space-between;font-size:11px}.chart-label b{font-size:18px}.chart-bars{display:flex;align-items:end;height:110px;gap:12px;margin-top:10px}.chart-bars i{width:27px;background:#d2edf4;border-radius:4px}.chart-bars i:nth-child(1){height:25px}.chart-bars i:nth-child(2){height:48px}.chart-bars i:nth-child(3){height:62px}.chart-bars i:nth-child(4){height:83px}.chart-bars i:nth-child(5){height:105px;background:#24b9e9}.service-copy{padding:18px 22px 26px;margin-top:auto}.service-copy h3{margin-bottom:10px}.service-copy p{color:#6a6a6a;font-size:14px;max-width:240px;margin:0}
.expertise-section{padding-top:125px}.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:10px;background:#f2f2f2;border-radius:24px}.expertise-card{border-radius:18px;background:#fff;padding:25px;min-height:545px;display:flex;flex-direction:column}.expertise-card h3{margin:22px 0 8px}.expertise-card>p{font-size:14px;color:#6c6c6c;max-width:400px}.expertise-mock{height:345px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:15px;background:#fafafa}.dashboard-mock{background:radial-gradient(circle,#f8f8f8,#fff);display:flex;align-items:center;justify-content:center;gap:0}.dash-dark{background:#111;color:#fff;width:220px;height:170px;border-radius:16px;padding:16px;transform:rotate(-10deg) translateX(23px);box-shadow:0 14px 20px #0002;z-index:1}.dash-dark small{font-size:12px}.dash-dark strong{font-size:37px;display:block;margin-top:25px;font-weight:400}.dash-spark{color:var(--lime);letter-spacing:3px}.dash-light{background:#f7f7f7;border:8px solid #fff;box-shadow:0 14px 30px #0002;width:255px;height:205px;border-radius:18px;padding:15px;transform:rotate(6deg) translateX(-15px) translateY(27px)}.dash-light small{font-size:12px}.dash-light strong{font-size:24px;font-weight:500;display:block;margin:20px 0}.progress-line{height:9px;border-radius:8px;background:#ddd}.progress-line span{display:block;width:65%;height:100%;border-radius:8px;background:#33bce9}.dash-light p{font-size:11px;margin-top:20px}.decision-mock{display:flex;align-items:center;justify-content:center}.dark-note{width:230px;height:190px;background:#111;color:#fff;border-radius:18px;font-size:26px;padding:19px;line-height:1.1;transform:rotate(-12deg) translate(35px,-25px);box-shadow:0 15px 25px #0002}.dark-note b{font-size:15px;color:var(--lime)}.bar-note{width:230px;height:210px;background:#fff;border-radius:18px;box-shadow:0 15px 25px #0002;transform:rotate(9deg) translate(-20px,35px);padding:17px}.bar-note small{font-size:12px}.bar-note .bars{display:flex;align-items:end;gap:10px;height:115px;margin:10px 0}.bar-note i{width:28px;border-radius:4px;background:#ececec}.bar-note i:nth-child(1){height:32px}.bar-note i:nth-child(2){height:43px}.bar-note i:nth-child(3){height:60px}.bar-note i:nth-child(4){height:77px}.bar-note i:nth-child(5){height:110px;background:#28bceb}.bar-note span{font-size:11px}.bright-mock{background:var(--lime);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:28px}.bright-mock strong{font-size:78px;font-weight:400;letter-spacing:-.07em}.bright-label{font-size:18px}.bright-circle{position:absolute;right:35px;top:35px;width:52px;height:52px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:26px}.photo-mock{background-size:cover;background-position:center}.mock-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:300px}.mock-pills span{background:#fff9;backdrop-filter:blur(4px);padding:10px 14px;border-radius:30px;font-size:13px}
.pricing-section{padding-top:120px}.pricing-section .section-heading{margin-bottom:60px}.pricing-shell{background:#f2f2f2;padding:10px;border-radius:22px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.price-card{border-radius:17px;background:#fff;padding:28px;display:flex;flex-direction:column;min-height:605px}.plan-name{font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.11em;display:flex;align-items:center;gap:12px}.plan-icon{width:35px;height:35px;border-radius:10px;background:var(--lime);display:grid;place-items:center;font:24px Arial}.plan-desc{font-size:15px;color:#686868;margin:24px 0 17px;min-height:68px}.plan-price{font-size:43px;letter-spacing:-.06em;white-space:nowrap}.plan-price small{font:400 13px 'Plus Jakarta Sans',sans-serif;color:#999;letter-spacing:0;margin-left:5px}.price-card ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:17px}.price-card li{display:flex;align-items:flex-start;gap:13px;font-size:13px}.price-card li span{flex:none;border-radius:50%;background:#111;color:#fff;font-size:11px;width:18px;height:18px;display:grid;place-items:center}.plan-note{font-size:11px;color:#777;line-height:1.45;margin-top:auto;padding-bottom:20px}.price-card .pill-button{align-self:flex-start}
.insight-section{background:#f8f8f8;overflow:hidden}.insight-head{text-align:center}.insight-head h2{margin-bottom:15px}.insight-head p{color:#777}.insight-slider{overflow:hidden;margin-top:48px}.insight-track{display:flex;gap:16px;transition:transform .7s var(--ease)}.insight-card{min-width:calc((100% - 16px)/2);background:#fff;border-radius:22px;padding:36px;min-height:320px;display:flex;flex-direction:column}.quote-mark{font-size:70px;line-height:.8;color:#baf147}.insight-card blockquote{font-size:27px;letter-spacing:-.04em;line-height:1.25;margin:25px 0 auto}.insight-card p{color:#777;font-size:14px;margin:20px 0 0}.insight-number{font:12px 'IBM Plex Mono',monospace;color:#aaa;text-align:right}.slider-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.slider-controls button{width:42px;height:42px;border:1px solid #d6d6d6;background:#fff;border-radius:50%;font-size:23px}.slider-controls button:hover:not(:disabled){background:var(--lime)}.slider-controls button:disabled{opacity:.35;cursor:default}
.blog-teaser .article-grid,.recent-section .article-grid,.related-section .article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{display:block}.article-image{height:255px;border-radius:20px;overflow:hidden;background:#eee}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.article-card:hover img{transform:scale(1.06)}.article-card small{display:block;margin-top:22px;font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#777}.article-card h3{font-size:24px;max-width:350px;margin:13px 0}.article-card>span{font:600 12px 'IBM Plex Mono',monospace;text-transform:uppercase;color:#222}.article-card:hover>span{color:#f86b00}
.cta-section{min-height:420px;display:grid;grid-template-columns:1fr 1fr;border-radius:22px;background:#f3f3f3;overflow:hidden;margin-top:75px;margin-bottom:110px}.cta-picture{background-size:cover;background-position:center}.cta-copy{padding:50px 65px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.trust-line{display:flex;align-items:center;gap:10px;font-size:14px}.cta-copy h2{max-width:520px;margin:30px 0 20px}.cta-copy p{color:#666;max-width:500px;font-size:15px;margin-bottom:25px}
.site-footer{border-top:1px solid #eee;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:100px;padding-bottom:75px}.footer-brand{margin-bottom:18px}.site-footer p{color:#666;font-size:14px;max-width:280px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;font-size:14px}.footer-links a:hover{color:#f96800}.newsletter label{font-size:15px;display:block;margin-bottom:18px}.mail-form{border-bottom:1px solid #111;display:flex}.mail-form input{width:100%;border:0;outline:0;padding:12px 0}.mail-form button{border:0;background:none;text-transform:uppercase;font:600 12px 'IBM Plex Mono',monospace}.newsletter small{display:block;color:#999;margin-top:13px;font-size:11px}.footer-bottom{border-top:1px solid #eee;padding-top:20px;padding-bottom:25px;display:flex;justify-content:space-between;color:#888;font-size:12px}
.about-hero{padding-top:28px}.about-hero-top{display:grid;grid-template-columns:1fr 360px;gap:160px;align-items:end;margin-bottom:72px}.about-hero h1{margin:35px 0 0;max-width:720px}.hero-side{padding-bottom:8px}.hero-side p{font-size:15px;color:#666;max-width:320px;margin-bottom:28px}.about-mosaic{display:grid;grid-template-columns:1fr 2fr;gap:12px;height:580px}.mosaic-main{border-radius:22px;background-size:cover;background-position:center 35%}.mosaic-stats{display:grid;grid-template-columns:1fr 1.4fr;grid-template-rows:1fr 1fr;gap:12px}.mosaic-ui,.mosaic-lime,.mosaic-wide{border-radius:22px;overflow:hidden}.mosaic-ui{background:#f2f2f2;display:grid;place-items:center}.mock-window{background:#fff;box-shadow:0 12px 20px #0002;transform:rotate(-8deg);border-radius:14px;padding:20px;width:210px}.mock-window b{font-size:12px}.mock-window strong{font-size:38px;display:block;margin:13px 0}.mock-window span{font-size:11px;color:#888}.mosaic-lime{background:var(--lime);padding:27px;display:flex;flex-direction:column}.mosaic-lime small{font-size:12px}.mosaic-lime strong{font-size:50px;font-weight:400}.mosaic-lime p{font-size:15px;margin:auto 0 0;max-width:190px}.mosaic-wide{grid-column:1/-1;background-size:cover;background-position:center 52%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px}.mosaic-wide span{background:#ffffffa1;backdrop-filter:blur(5px);padding:8px 16px;border-radius:100px;font-size:14px}.roles-section{padding-top:100px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.role-card{display:block}.role-photo,.role-page-image{background-repeat:no-repeat;background-size:400% 100%;background-color:#eee}.role-photo{height:350px;border-radius:20px;transition:filter .4s,transform .5s var(--ease)}.role-card:hover .role-photo{filter:saturate(1.15);transform:translateY(-6px)}.role-0{background-position:0% center}.role-1{background-position:33.333% center}.role-2{background-position:66.666% center}.role-3{background-position:100% center}.role-card h3{margin:18px 0 4px}.role-card p{font-size:14px;color:#777}.role-card>span{font:600 11px 'IBM Plex Mono',monospace;text-transform:uppercase}.journey-section{background:#f8f8f8}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.timeline-item{border-top:1px solid #aaa;padding-top:20px;min-height:220px}.timeline-item>strong{font:600 14px 'IBM Plex Mono',monospace;color:#f96800}.timeline-item h3{margin-top:45px;margin-bottom:8px}.timeline-item p{color:#777;font-size:14px;max-width:250px}
.services-hero{height:740px;background-position:center 56%;background-color:#126693}.services-hero:before{background:linear-gradient(90deg,#07597e9c,transparent 74%)}.services-hero-content{position:relative;padding:20px 35px}.services-hero h1{max-width:650px;margin-bottom:20px}.services-hero-content>p{font-size:15px;max-width:350px;margin-bottom:28px}.services-hero .hero-card-row{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin:0;width:max-content}.hero-proof.left{text-align:left;margin-top:40px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.why-copy .eyebrow{justify-content:flex-start}.why-copy h2{max-width:570px}.why-copy p{color:#777;max-width:480px}.why-copy ul{list-style:none;padding:0;margin:30px 0;display:grid;gap:13px;font-size:15px}.why-copy li:before{content:'✓';background:var(--lime);border-radius:50%;margin-right:12px;padding:1px 5px}.why-visual{height:550px;border-radius:22px;background-size:cover;background-position:center;display:flex;align-items:end;padding:25px}.why-visual span{background:#fff;border-radius:14px;padding:15px;font-size:24px;letter-spacing:-.05em;max-width:240px}
.page-pricing .pricing-section{padding-top:0}.page-pricing .pricing-section .section-heading{padding-top:17px}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:120px}.faq-head .eyebrow{justify-content:flex-start}.faq-head p{color:#777}.faq-list details{border-bottom:1px solid #ddd;padding:18px 0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:18px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:27px;line-height:1;transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:#777;max-width:650px;margin:16px 30px 10px 0}
.blog-page-hero{padding-top:20px}.blog-page-hero .eyebrow{justify-content:flex-start}.blog-page-hero h1{margin-bottom:18px}.blog-page-hero>p{color:#777;max-width:420px;margin-bottom:50px}.featured-article{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.featured-article img{height:420px;width:100%;object-fit:cover;border-radius:22px}.featured-article>div{padding:0 25px}.featured-article small{font-size:13px;color:#888}.featured-article h2{font-size:42px;margin:24px 0 30px}.featured-article p{color:#777;font-size:15px;max-width:600px;margin-bottom:30px}.recent-section{padding-top:95px}.recent-section .section-heading .eyebrow{justify-content:center}.load-item.is-extra{display:none}.load-more{display:block;margin:50px auto 0;background:#111;border:0;color:var(--lime);border-radius:100px;padding:14px 20px;font:600 12px 'IBM Plex Mono',monospace;text-transform:uppercase}.load-more span{margin-left:20px}.article-page{padding-top:20px}.article-page .eyebrow{justify-content:flex-start}.article-page h1{max-width:940px;margin-bottom:22px}.article-lead{max-width:950px;color:#777;font-size:16px;margin-bottom:50px}.article-hero-image{width:100%;height:610px;object-fit:cover;border-radius:23px}.article-body{max-width:760px;margin:85px auto}.article-body section{margin-bottom:55px}.article-body h2{font-size:32px}.article-body p{font-size:17px;color:#555;line-height:1.7}.article-end{max-width:760px;margin:0 auto;background:#f3f3f3;padding:30px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.article-end p{font-size:19px;margin:0}.related-section{padding-bottom:20px}
.role-page{display:grid;grid-template-columns:1fr 1.1fr;gap:10px;padding-top:0;min-height:560px}.role-page-image{border-radius:22px}.role-page-copy{background:#f3f3f3;border-radius:22px;padding:40px;display:flex;flex-direction:column;align-items:flex-start}.role-page-copy h1{font-size:42px;margin-bottom:15px}.role-page-copy>p{color:#777;max-width:530px}.role-meta{margin:auto 0 30px;display:flex;gap:30px;font-size:14px}.role-meta span:before{content:'✳';margin-right:9px}.role-page+.insight-section{margin-top:85px}
.contact-layout{display:grid;grid-template-columns:450px 1fr;gap:10px;min-height:665px}.contact-aside{background:#f2f2f2;border-radius:22px;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.contact-aside h1{font-size:42px;margin-bottom:15px}.contact-aside>div:first-child p{font-size:15px;max-width:270px;color:#666}.contact-info{display:grid;gap:23px}.contact-info div{display:grid;gap:9px}.contact-info small{color:#777;font-size:14px}.contact-info a,.contact-info span{font-size:18px;letter-spacing:-.04em}.contact-photo{border-radius:22px;background-size:cover;background-position:center;display:grid;place-items:center;padding:55px 30px}.contact-form{background:#fff;border:10px solid #f3f3f3;border-radius:24px;padding:22px;width:min(575px,100%);display:grid;gap:20px;box-shadow:0 15px 40px #2976a225}.contact-form label{display:grid;gap:9px;font-size:15px}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid #ececec;border-radius:13px;outline:0;padding:14px;font-size:14px;background:#fff;width:100%}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#8eddf1}.contact-form textarea{height:150px;resize:vertical}.contact-form .pill-button{justify-self:start}.contact-form>small{font-size:11px;color:#999;margin-top:-11px}
.reveal{opacity:0;filter:blur(10px);transform:translateY(28px);transition:opacity .9s var(--ease),filter 1.05s var(--ease),transform 1.05s var(--ease)}.reveal.is-visible{opacity:1;filter:blur(0);transform:translateY(0)}.page-enter{animation:enter 1.1s var(--ease) both}.page-enter:nth-child(2){animation-delay:.12s}.page-enter:nth-child(3){animation-delay:.23s}@keyframes enter{from{opacity:0;filter:blur(10px);transform:translateY(30px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(max-width:1440px){.container{max-width:calc(100% - 80px)}.section-heading>.pill-button{right:0}.photo-hero .container{max-width:calc(100% - 80px)}}
@media(max-width:1100px){.desktop-nav{gap:20px}.about-bento{grid-template-columns:1fr 1fr;height:auto}.bento-stack{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:160px}.about-photo,.pale-bento{height:300px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.price-card:last-child{grid-column:1/-1;min-height:450px}.service-visual{height:200px}.service-card{min-height:380px}.expertise-card{min-height:480px}.expertise-mock{height:280px}.about-hero-top{gap:60px}.role-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:360px 1fr}}
@media(max-width:760px){.container,.photo-hero .container{max-width:calc(100% - 40px)}.section{padding:75px 0}.site-header{height:100px}.nav-inner{width:calc(100% - 40px);height:80px;grid-template-columns:1fr auto auto;gap:15px}.brand-mark{width:30px;height:33px;background-size:70px 70px;background-position:center -12px}.brand-name{font-size:17px}.desktop-nav{display:none}.nav-contact{font-size:10px;padding:11px 12px}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;width:34px;height:34px;border:0;background:transparent}.menu-toggle span{width:23px;height:2px;background:#111;transition:transform .3s}.header-on-hero .menu-toggle span{background:#fff}.mobile-nav{position:absolute;display:none;top:76px;left:20px;right:20px;background:#fff;color:#111;border-radius:17px;padding:15px;box-shadow:0 20px 40px #0002;flex-direction:column;gap:0}.mobile-nav a{padding:12px;font:600 12px 'IBM Plex Mono',monospace;text-transform:uppercase}.menu-open .mobile-nav{display:flex}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.photo-hero{margin:10px 10px 0;min-height:700px;border-radius:18px}.photo-hero .site-header{height:100px}.photo-hero .nav-inner{height:80px}.home-hero-content{padding-top:55px}.home-hero h1{font-size:clamp(40px,8.3vw,58px)}.home-hero-content>p{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-card-row{gap:12px;margin-top:55px;transform:translateX(-50%);position:relative;left:50%;width:max-content}.float-card{width:130px;height:140px}.float-card:nth-child(1),.float-card:nth-child(6){display:none}.black-stat strong,.white-stat strong{font-size:30px}.blue-stat strong{font-size:17px}.flow-card{padding-top:20px}.hero-proof{margin-top:20px}.marquee{padding:30px 0}.marquee-track{gap:45px}.marquee-track span{font-size:15px}.statement{font-size:clamp(34px,7vw,48px);padding-inline:15px}.round-icon{width:32px;height:32px;font-size:18px}.about-bento{grid-template-columns:1fr;gap:12px}.about-photo,.pale-bento{height:300px}.bento-stack{grid-column:auto;grid-template-columns:1fr;grid-template-rows:190px 85px;gap:12px}.section-heading{margin-bottom:38px}.section-heading>.pill-button{position:static;margin-top:25px}.section-heading h2{font-size:38px}.service-grid,.expertise-grid,.pricing-grid,.blog-teaser .article-grid,.recent-section .article-grid,.related-section .article-grid{grid-template-columns:1fr}.service-card{min-height:390px}.service-visual{height:245px}.expertise-card{min-height:475px}.expertise-mock{height:300px}.price-card,.price-card:last-child{min-height:540px;grid-column:auto}.insight-card{min-width:100%;min-height:300px}.insight-card blockquote{font-size:24px}.article-image{height:270px}.cta-section{grid-template-columns:1fr;margin-top:40px;margin-bottom:75px}.cta-picture{height:230px}.cta-copy{padding:35px}.cta-copy h2{font-size:38px}.footer-grid{grid-template-columns:1fr;gap:35px;padding-bottom:45px}.footer-bottom{display:grid;gap:8px}.about-hero{padding-top:10px}.about-hero-top{grid-template-columns:1fr;gap:15px;margin-bottom:35px}.about-hero h1{font-size:42px;margin-top:25px}.hero-side{display:flex;flex-direction:column;align-items:flex-start}.about-mosaic{height:auto;grid-template-columns:1fr}.mosaic-main{height:420px}.mosaic-stats{grid-template-columns:1fr 1fr;grid-template-rows:200px 220px}.mosaic-lime{padding:20px}.mosaic-lime strong{font-size:40px}.role-grid{grid-template-columns:repeat(2,1fr);gap:12px}.role-photo{height:240px}.role-card h3{font-size:21px}.timeline{grid-template-columns:1fr 1fr}.timeline-item{min-height:190px}.services-hero{min-height:700px}.services-hero-content{padding:70px 0}.services-hero h1{font-size:42px}.services-hero .hero-card-row{left:50%;bottom:-3px}.why-grid{grid-template-columns:1fr;gap:25px}.why-visual{height:400px}.faq-grid{grid-template-columns:1fr;gap:20px}.featured-article{grid-template-columns:1fr}.featured-article img{height:300px}.featured-article>div{padding:0}.featured-article h2{font-size:36px}.article-hero-image{height:350px}.article-body{margin:55px auto}.article-end{display:grid}.role-page{grid-template-columns:1fr}.role-page-image{height:400px}.role-page-copy{min-height:350px;padding:28px}.contact-layout{grid-template-columns:1fr}.contact-aside{min-height:390px;padding:28px}.contact-photo{padding:25px 10px}.contact-form{border-width:6px;padding:18px}}
@media(max-width:430px){.nav-contact{display:none}.nav-inner{grid-template-columns:1fr auto}.photo-hero{min-height:680px}.home-hero-content{padding-top:35px}.hero-card-row{margin-top:35px}.float-card{width:115px;height:125px}.float-card:nth-child(2){display:none}.hero-proof{margin-top:35px}.role-grid{grid-template-columns:1fr}.role-photo{height:350px}.mosaic-stats{grid-template-columns:1fr;grid-template-rows:185px 185px 200px}.mosaic-wide{grid-column:auto}.timeline{grid-template-columns:1fr}.plan-price{font-size:38px}.plan-price small{display:block;margin:3px 0}.contact-info a{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;filter:none;transform:none}}

/* Reference geometry and SaaS Unfold orange treatment */
:root{--lime:#ff9d1b;--orange:#ff7800}
html,body{overflow-x:hidden}
body{font-family:'Plus Jakarta Sans',Arial,sans-serif}
h1,h2,h3{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:500}
h1{letter-spacing:-.06em}
h2{font-size:48px;line-height:1.17;letter-spacing:-.06em}
h3{letter-spacing:-.045em}
.nav-inner{width:min(1280px,calc(100% - 120px))}
.photo-hero{background-position:center center}
.home-hero:before{background:linear-gradient(180deg,rgba(3,55,91,.13),rgba(21,92,136,.07) 55%,rgba(34,89,118,.15))}
.home-hero-content{position:static}
.home-hero h1{font-size:60px;line-height:72px;letter-spacing:-3.6px;max-width:900px;margin-bottom:14px}
.home-hero-content>p{font-size:16px;line-height:24px;letter-spacing:-.32px;max-width:500px;margin-bottom:26px}
.home-hero .hero-actions .pill-button{min-height:48px}
.home-hero .hero-proof{position:absolute;bottom:31px;left:0;right:0;margin:0;font-size:14px;line-height:20px}
.stars{color:var(--lime)}
.marquee-track{color:#c5c5c5}
.about-section{padding-top:50px}
.statement{font-size:48px;line-height:56.16px;letter-spacing:-2.88px}
.services-section{padding-top:67px;padding-bottom:9px}
.services-section .section-heading{margin-bottom:164px}
.services-section .service-card{min-height:300px}
.services-section .service-visual{height:145px}
.services-section .service-copy{padding:14px 20px 16px}
.services-section .service-copy h3{font-size:23px}
.services-section .service-copy p{font-size:14px;line-height:20px}
.expertise-section{padding-bottom:126px}
.plan-note{font-size:12px;color:#555;line-height:1.5}
.blue-dot{background:var(--lime);color:#111}
.lime-dot{background:var(--lime)}
.mini-bars i:last-child,.chart-bars i:last-child,.bar-note i:last-child,.progress-line span{background:var(--lime)}
.dash-spark,.dark-note b,.black-message b{color:var(--lime)}
.insight-section .quote-mark{color:var(--lime)}
.article-card:hover>span{color:var(--orange)}
.timeline-item>strong{color:var(--orange)}
.brand-name{color:var(--orange)}

/* The reference hero uses a slow 3D orbit: the rear cards fall below the front row. */
.hero-card-row{position:absolute;left:0;right:0;top:452px;width:100%;max-width:none;height:240px;margin:0;perspective:1100px;transform:none!important;pointer-events:none;z-index:3}
.float-card{position:absolute;left:50%;top:50%;width:185px;height:195px;margin-left:-92.5px;margin-top:-97.5px;border:5px solid rgba(255,255,255,.93);border-radius:15px;box-shadow:0 22px 35px #023a5b38;text-align:left;overflow:hidden;animation:none!important;will-change:transform;backface-visibility:visible;transition:none!important;pointer-events:auto}
.float-card:hover{box-shadow:0 22px 35px #023a5b38}
.metric-card{background:#fff;color:#111;padding:0}
.metric-caption{font-size:11px;padding:12px 12px 6px;line-height:1.3}
.metric-panel{padding:6px 12px}
.metric-panel small{font-size:9px;color:#777}
.metric-panel strong{font-size:42px;line-height:1.1;display:block;margin:4px 0 0;font-weight:500;letter-spacing:-.07em}
.metric-panel>span{display:block;font-size:8px;color:#777;margin-top:6px}
.metric-panel .mini-bars{height:43px;gap:6px;margin-top:4px}
.metric-panel .mini-bars i{width:24px;background:#ebebeb}
.metric-panel .mini-bars i:nth-child(1){height:12px}.metric-panel .mini-bars i:nth-child(2){height:20px}.metric-panel .mini-bars i:nth-child(3){height:28px}.metric-panel .mini-bars i:nth-child(4){height:36px}.metric-panel .mini-bars i:nth-child(5){height:43px;background:var(--lime)}
.flow-card{padding:0;background-image:linear-gradient(#ffffff42,#ffffff42),var(--card-photo);background-size:cover;background-position:center;position:absolute}
.flow-card:before,.flow-card:after{content:'';position:absolute;border:1px solid #ffffffb0;border-radius:50%;width:160px;height:160px;left:12px;top:18px}
.flow-card:after{width:105px;height:105px;left:40px;top:48px}
.orbit-line{position:absolute;left:88px;top:0;bottom:0;border-left:1px solid #ffffff90}
.flow-card .flow-line{position:relative;z-index:2;width:115px;margin:37px 0 0 20px;padding:9px 8px;justify-content:flex-start;gap:5px;background:#fff;border-radius:20px;box-shadow:0 8px 14px #285f7540;font-size:10px;color:#111}
.flow-card .flow-line.second{margin:27px 0 0 54px}
.flow-card .flow-line b{font-weight:500}.flow-card .flow-line em{font-style:normal;color:#777;margin-left:auto;font-size:8px}
.flow-dot{background:var(--lime);color:#111;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:10px}
.performance-card{background:#f7f7f7;color:#111;padding:0}
.performance-head{height:48px;background:#111;color:#fff;padding:8px 10px;display:flex;justify-content:space-between;align-items:flex-start;border-radius:8px}
.performance-head span{font-size:11px}.performance-head small{display:block;color:#a5a5a5;font-size:7px;margin-top:3px}.performance-head b{font-size:17px;font-weight:400}
.performance-body{padding:12px 10px}.performance-body strong{font-size:39px;line-height:1.1;font-weight:500;letter-spacing:-.06em;display:block}.performance-body small{font-size:8px;color:#777}.performance-chips{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:17px}.performance-chips span{background:#ededed;border-radius:15px;padding:5px 4px;font-size:7px;text-align:center}
.white-stat{background:#f4f4f4;padding:12px;color:#111}.white-stat .chip-row{display:flex;gap:4px;margin-bottom:7px}.white-stat .chip-row b{font-size:8px;font-weight:400;background:#fff;padding:7px 8px;white-space:nowrap}.white-stat .chip-row.second{margin-bottom:20px}.white-stat small{font-size:10px;color:#777}.white-stat strong{display:block;font-size:34px;line-height:1.1;font-weight:500;letter-spacing:-.06em;margin-top:6px}
.blue-stat{background:#ff9819;color:#fff;padding:15px}.blue-stat .plus{width:30px;height:30px;line-height:30px;background:#fff;color:#ff9819;font-size:25px;margin:20px auto 15px}.blue-stat strong{font-size:23px;line-height:1.08;font-weight:500;letter-spacing:-.04em}.blue-stat small{font-size:10px;color:#fff9;margin-top:7px}
.black-message{background:#111;color:#fff;padding:14px;display:flex;flex-direction:column;justify-content:center;border-color:#fff}.black-message span{font-size:20px;line-height:1.15;letter-spacing:-.045em}.black-message small{font-size:8px;color:#aaa;margin-top:20px}
.photo-card{background-image:var(--card-photo);background-size:cover;background-position:center;border-color:#fff;padding:0}.photo-card-note{position:absolute;left:8px;right:8px;bottom:8px;background:#fffffff0;border-radius:8px;padding:9px}.photo-card-note small{display:block;font-size:8px}.photo-card-note strong{font-size:13px;font-weight:500;letter-spacing:-.03em}
.pipeline-card{background:#fff;padding:12px;color:#111}.pipeline-card>small{font:600 9px 'IBM Plex Mono',monospace}.pipeline-card>div{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:28px -2px;background:#f5f5f5;border-radius:10px;padding:10px 6px;font-size:9px}.pipeline-card>div span:nth-child(2){color:var(--orange)}.pipeline-card>strong{font-size:21px;line-height:1.1;font-weight:500;letter-spacing:-.05em}
@media(min-width:1500px){.hero-card-row{top:493px}.photo-hero{margin-top:55px;min-height:740px}}
@media(min-width:761px) and (max-width:1499px){.photo-hero{margin-top:12px;min-height:calc(100vh - 32px)}}
@media(max-width:1440px){.container,.photo-hero .container{max-width:calc(100% - 104px)}}
@media(max-width:760px){h2{font-size:38px;line-height:1.12}.nav-inner{width:calc(100% - 40px)}.photo-hero{margin-top:10px;min-height:700px}.home-hero-content{padding-top:35px}.home-hero h1{font-size:40px;line-height:1.12;letter-spacing:-.06em}.home-hero-content>p{font-size:14px;line-height:1.5}.hero-card-row{top:555px;height:190px}.float-card{width:145px;height:155px;margin-left:-72.5px;margin-top:-77.5px}.performance-body strong{font-size:29px}.white-stat strong{font-size:25px}.blue-stat strong{font-size:18px}.blue-stat .plus{margin:8px auto 9px}.black-message span{font-size:16px}.flow-card .flow-line{margin:25px 0 0 7px}.flow-card .flow-line.second{margin:15px 0 0 28px}.home-hero .hero-proof{bottom:18px;font-size:11px}.services-section .section-heading{margin-bottom:38px}.services-section .service-card{min-height:390px}.services-section .service-visual{height:245px}.services-section{padding-bottom:75px}.about-section{padding-top:75px}.expertise-section{padding-bottom:75px}.container,.photo-hero .container{max-width:calc(100% - 40px)}}
.hero-card-row{top:0;bottom:0;height:100%;perspective:1100px}
.float-card{top:0;margin-top:0}
.home-hero .hero-proof{z-index:7;pointer-events:none;text-shadow:0 1px 8px #18577680}
@media(max-width:760px){.hero-card-row{top:0;height:100%}.float-card{top:0;margin-top:0}}

/* Match the reference card scale and section rhythm at desktop widths. */
@media(min-width:761px){
  .hero-card-row{perspective:1600px}
  .float-card{width:170px;height:185px;margin-left:-85px;border-width:4px}
  .services-section .section-heading{margin-bottom:139px}
  .services-section{padding-bottom:34px}
  .expertise-section{padding-top:100px;padding-bottom:107px}
  .pricing-section .section-heading{margin-bottom:144px}
  .pricing-section{padding-bottom:16px}
  .insight-section{padding-bottom:74px}
  .blog-teaser{padding-bottom:42px}
}
.price-card{min-height:464px;padding:20px}
.plan-desc{min-height:48px;margin:16px 0 10px}
.plan-price{font-size:40px}
.price-card ul{margin:14px 0;gap:10px}
.price-card li{font-size:12px;line-height:18px;gap:10px}
.plan-note{font-size:12px;line-height:1.35;padding-bottom:10px}
@media(max-width:760px){.price-card,.price-card:last-child{min-height:464px}}
@media(max-width:760px){
  .container{max-width:calc(100% - 32px)}
  .photo-hero .container{max-width:calc(100% - 40px)}
  h2,.section-heading h2{font-size:35px;line-height:1.17;letter-spacing:-2.1px}
  .photo-hero{margin:8px 8px 0}
  .photo-hero .nav-inner{width:calc(100% - 60px)}
  .home-hero{min-height:calc(100vh - 16px);background-image:url('https://www.saasunfold.com/wp-content/uploads/ugentic-assets/ugentic-import-6ab99cffa0359/assets/hero-sky-orange-mobile.webp');background-position:center top}
  .home-hero-content{padding-top:5px}
  .home-hero .hero-actions{gap:8px;flex-wrap:nowrap}
  .home-hero .hero-actions .pill-button.blue{padding:16px 14px}
  .home-hero .hero-actions .pill-button{font-size:10px}
  .home-hero .nav-inner{width:calc(100% - 60px)}
  .services-hero{height:784px;min-height:784px}
  .services-hero-content{padding:42px 0}
  .services-hero h1{font-size:46px;line-height:1.12}
  .float-card{width:130px;height:150px;margin-left:-65px}
  .white-stat .chip-row{margin-bottom:3px}
  .white-stat .chip-row.second{margin-bottom:3px}
  .white-stat .chip-row b{padding:5px 6px}
  .white-stat strong{margin-top:2px}
  .pricing-section .eyebrow{margin-bottom:21px}
  .pricing-section .section-heading>.pill-button{margin-top:32px}
  .pricing-section .section-heading{margin-bottom:46px}
  .about-hero{padding-top:38px}
  .about-hero-top{margin-bottom:24px}
  .about-hero .trust-line{flex-direction:column;align-items:center;gap:6px;transform:translateY(-39px)}
  .site-header:not(.header-on-hero) .nav-inner{width:calc(100% - 80px)}
  .blog-page-hero{padding-top:12px}
  .featured-article img{height:320px}
  .contact-layout.container{max-width:calc(100% - 24px)}
  .contact-aside{min-height:556px;padding:32px 16px}
  .contact-aside h1{font-size:40px}
}

/* Exact Aeline typography, hero frame, navigation hit areas, and image panels. */
.eyebrow,.pill-button,.desktop-nav a,.nav-contact,.mobile-nav a,.plan-name,.insight-number,
.article-card small,.article-card>span,.mail-form button,.role-card>span,.timeline-item>strong,
.load-more,.pipeline-card>small{font-family:'Geist Mono',monospace}
.desktop-nav{gap:8px}
.desktop-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;font-size:14px;line-height:20px;font-weight:500;letter-spacing:1.68px;position:relative;z-index:30}
.nav-contact{display:flex;align-items:center;justify-content:center;min-height:40px;padding:10px 20px;font-size:14px;line-height:20px;font-weight:500;letter-spacing:1.68px;position:relative;z-index:30}
.service-visual{display:block;background:#edf3f6}
.service-visual img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s var(--ease)}
.service-card:hover .service-visual img{transform:scale(1.035)}
@media(min-width:761px){
  .photo-hero{height:calc(100vh - 24px);min-height:0;margin:12px 12px 0}
  .photo-hero .site-header{height:108px}
  .photo-hero .nav-inner{height:88px}
}
@media(max-width:760px){
  .mobile-nav{z-index:50;top:82px;left:20px;right:20px;padding:10px}
  .mobile-nav a{display:flex;align-items:center;min-height:48px;padding:0 14px;font-size:13px;line-height:20px;letter-spacing:1.56px}
  .menu-toggle{position:relative;z-index:51}
}
@media(max-width:430px){
  .nav-contact{display:none}
  .nav-inner,.home-hero .nav-inner,.photo-hero .nav-inner{grid-template-columns:1fr auto;width:calc(100% - 60px);padding-right:15px;transform:translateY(-5px)}
  .menu-toggle{width:40px;height:40px;border-radius:9px;background:var(--lime);transform:translateY(-5px)}
  .header-on-hero .menu-toggle span{background:#111}
  .home-hero h1{font-size:44px;line-height:49px;margin-bottom:32px}
  .home-hero-content>p{max-width:290px;margin-bottom:32px}
  .float-card{display:block!important;width:112px;height:150px;margin-left:-56px}
}

/* Raster film hero, reference service cards, and image-led expertise panels. */
.home-hero{height:max(900px,calc(100svh - 24px))!important;min-height:900px!important}
.home-hero-content{position:relative;min-height:calc(100% - 108px);padding:0 0 16px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-hero h1{margin:0 auto 10px}
.home-hero-content>p{margin-bottom:18px}
.home-hero .hero-actions{margin-bottom:0}
.home-hero .hero-proof{position:static;margin:14px 0 0;font-size:12px;line-height:18px;text-shadow:0 1px 8px #18577680}
.hero-film{width:min(980px,calc(100% - 48px));margin:32px auto 0;padding:7px;border:1px solid rgba(255,255,255,.8);outline:3px solid rgba(255,157,27,.88);border-radius:22px;background:rgba(7,13,18,.9);box-shadow:0 24px 60px rgba(0,32,57,.35),0 0 0 1px rgba(0,0,0,.3);overflow:hidden;color:#fff}
.film-chrome{height:30px;padding:0 7px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font:500 9px/1 'Geist Mono',monospace;letter-spacing:1.08px;color:#d7d7d7}
.film-chrome>span:nth-child(2){justify-self:center}
.film-lights{display:flex;gap:5px}.film-lights i{display:block;width:7px;height:7px;border-radius:50%;background:#ff9d1b}.film-lights i:nth-child(2){background:#f0f0f0}.film-lights i:nth-child(3){background:#777}
.film-status{justify-self:end;display:flex;align-items:center;gap:6px}.film-status i{width:6px;height:6px;border-radius:50%;background:#ff9d1b;box-shadow:0 0 0 4px #ff9d1b22}
.film-stage{height:330px;position:relative;border-radius:14px;overflow:hidden;background:#111}
.film-stage video{width:100%;height:100%;object-fit:cover;display:block}
.film-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.52))}
.film-caption{position:absolute;left:18px;bottom:15px;display:grid;gap:3px;text-align:left}.film-caption span{font:500 9px/1.2 'Geist Mono',monospace;letter-spacing:1.08px;color:#ffb44c}.film-caption strong{font-size:18px;line-height:1.1;letter-spacing:-.6px}
.film-time{position:absolute;right:16px;bottom:15px;padding:7px 9px;border:1px solid #ffffff66;border-radius:100px;background:#1119;font:500 9px/1 'Geist Mono',monospace;letter-spacing:1px}
.home-hero .stars{font-size:14px;line-height:1.4}

.services-section .section-heading{margin-bottom:139px}
.services-section .section-heading>.pill-button{position:static;margin-top:34px}
.service-grid{height:224px;display:flex;grid-template-columns:none;gap:12px;padding:12px;background:#f2f2f2;border-radius:22px}
.service-card{height:200px;min-height:200px;min-width:0;flex:1 1 0;display:flex;flex-direction:row;gap:20px;padding:20px;background:#fff;border-radius:14px;box-shadow:0 5px 0 rgba(0,0,0,.04);overflow:hidden;transition:flex .65s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease)}
.service-card:hover{transform:none;box-shadow:0 5px 0 rgba(0,0,0,.04)}
.service-copy{width:100%;min-width:0;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;transition:width .65s var(--ease)}
.service-copy>div{margin-top:auto}.service-copy h3{font-size:24px;line-height:32px;letter-spacing:-.96px;margin:0 0 3px}.service-copy p{max-width:345px;margin:0;color:#7b7b7b;font-size:16px;line-height:24px;letter-spacing:-.32px}
.service-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:#ff9d1b;color:#111;font:700 20px/1 Arial,sans-serif}
.service-visual{width:0;height:160px;flex:none;display:block;border-radius:11px;background:#eee;opacity:0;overflow:hidden;transition:width .65s var(--ease),opacity .35s ease}
.service-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.service-card:first-child{flex:1.75 1 0}.service-card:first-child .service-copy{width:48%}.service-card:first-child .service-visual{width:48%;opacity:1}
.service-grid:has(.service-card:hover) .service-card{flex:1 1 0}.service-grid:has(.service-card:hover) .service-card .service-copy{width:100%}.service-grid:has(.service-card:hover) .service-card .service-visual{width:0;opacity:0}
.service-grid:has(.service-card:hover) .service-card:hover{flex:1.75 1 0}.service-grid:has(.service-card:hover) .service-card:hover .service-copy{width:48%}.service-grid:has(.service-card:hover) .service-card:hover .service-visual{width:48%;opacity:1}
.services-section .service-grid{height:224px}
.services-section .service-card{height:200px;min-height:200px}
.services-section .service-visual{height:160px}

.expertise-grid{gap:12px;padding:12px;background:#f2f2f2;border-radius:24px}
.expertise-card{min-height:450px;padding:12px 12px 28px;align-items:center;text-align:center;border-radius:14px}
.expertise-media{width:100%;height:320px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#fff}
.expertise-media img{width:100%;height:100%;object-fit:contain;object-position:center}
.expertise-card h3{font-size:24px;line-height:32px;letter-spacing:-.96px;margin:18px 0 3px}.expertise-card>p{max-width:480px;margin:0 auto;color:#7b7b7b;font-size:16px;line-height:24px;letter-spacing:-.32px}
.lime-bento small,.pale-bento small{font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.28px}.lime-bento strong{font-size:48px;line-height:56.16px;font-weight:500;letter-spacing:-2.88px}

.services-hero{height:max(740px,calc(100svh - 24px))!important;min-height:740px!important}
.services-hero-layout{position:absolute;left:50%;top:108px;bottom:0;width:min(1040px,calc(100% - 96px));transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,400px) minmax(0,600px);gap:40px;align-items:center;z-index:4}
.services-hero-content{position:static;width:auto;max-width:400px;padding:0;transform:none;z-index:4}
.services-hero .hero-film{position:static;width:100%;max-width:600px;margin:0;transform:none;justify-self:end}
.services-hero .film-stage{height:280px}

@media(max-width:760px){
  .home-hero{height:max(940px,calc(100svh - 16px))!important;min-height:940px!important}
  .home-hero-content{min-height:calc(100% - 100px);padding:8px 0 20px}
  .home-hero h1{font-size:44px;line-height:49px;margin-bottom:14px}
  .home-hero-content>p{margin-bottom:20px}
  .hero-film{width:calc(100% + 16px);max-width:calc(100vw - 32px);margin-top:30px;padding:5px;border-radius:18px;outline-width:2px}
  .film-chrome{height:27px;font-size:7px;letter-spacing:.7px}.film-stage{height:auto;aspect-ratio:16/9;border-radius:12px}.film-caption{left:12px;bottom:10px}.film-caption strong{font-size:14px}.film-time{right:10px;bottom:10px}
  .home-hero .hero-proof{margin-top:14px}
  .services-section .section-heading{margin-bottom:52px}.services-section .section-heading>.pill-button{margin-top:28px}
  .service-grid{height:auto;display:grid;gap:12px;padding:10px}
  .service-card,.service-card:first-child{height:auto;min-height:410px;display:flex;flex-direction:column;padding:16px;gap:16px}
  .service-copy,.service-card:first-child .service-copy{width:100%;min-height:165px}.service-visual,.service-card:first-child .service-visual{order:2;width:100%;height:210px;opacity:1}
  .service-grid:has(.service-card:hover) .service-card,.service-grid:has(.service-card:hover) .service-card:hover{flex:auto}.service-grid:has(.service-card:hover) .service-card .service-copy,.service-grid:has(.service-card:hover) .service-card:hover .service-copy{width:100%}.service-grid:has(.service-card:hover) .service-card .service-visual,.service-grid:has(.service-card:hover) .service-card:hover .service-visual{width:100%;opacity:1}
  .expertise-card{min-height:430px}.expertise-media{height:290px}
  .services-hero{height:980px!important;min-height:980px!important}.services-hero-layout{left:20px;right:20px;top:100px;bottom:32px;width:auto;transform:none;display:flex;flex-direction:column;justify-content:center;gap:32px}.services-hero-content{position:relative;left:auto;top:auto;width:100%;max-width:none;padding:0;transform:none}.services-hero .hero-film{position:static;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:none;transform:none}.services-hero .film-stage{height:auto;aspect-ratio:16/9}
  .services-section .service-grid{height:auto}
  .services-section .service-card{height:auto;min-height:410px}
  .services-section .service-visual{height:210px}
}

/* Final image-led page system: one film, direct SaaS copy, and dedicated inner pages. */
.home-hero{height:auto!important;min-height:1080px!important}
.home-hero-content{min-height:972px;padding:34px 0 42px;justify-content:center}
.home-hero h1{margin-bottom:18px}
.home-hero-content>p{max-width:560px;margin-bottom:26px;font-size:16px;line-height:1.55}
.hero-film{
  position:relative;
  width:min(1080px,calc(100% - 56px));
  aspect-ratio:16/9;
  margin:56px auto 0;
  padding:0;
  border:1px solid rgba(255,255,255,.72);
  outline:0;
  border-radius:20px;
  background:#111;
  box-shadow:0 28px 70px rgba(0,35,58,.34);
  overflow:hidden;
}
.hero-film>video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}
.video-sound-toggle{position:absolute;right:18px;bottom:18px;z-index:2;display:flex;align-items:center;gap:9px;height:42px;padding:0 15px 0 8px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(8,12,17,.78);color:#fff;box-shadow:0 7px 22px rgba(0,0,0,.26);backdrop-filter:blur(12px);cursor:pointer;font:600 11px/1 'Geist Mono',monospace;letter-spacing:.8px;text-transform:uppercase;transition:background .2s ease,transform .2s ease}
.video-sound-toggle:hover{background:rgba(8,12,17,.94);transform:translateY(-1px)}
.video-sound-toggle:focus-visible{outline:2px solid #ff9d1b;outline-offset:3px}
.video-sound-toggle span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ff9d1b;color:#111;font:700 16px/1 Arial,sans-serif}
.video-sound-toggle.is-on span{background:#fff;color:#ff7a00}
.video-replay{position:absolute;left:50%;top:50%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:104px;height:104px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(8,12,17,.82);color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.32);backdrop-filter:blur(14px);cursor:pointer;opacity:0;transform:translate(-50%,-50%) scale(.86);transition:opacity .22s ease,transform .22s ease}
.video-replay[hidden]{display:none}
.video-replay.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
.video-replay:hover{background:rgba(8,12,17,.96);transform:translate(-50%,-50%) scale(1.04)}
.video-replay:focus-visible{outline:3px solid #ff9d1b;outline-offset:4px}
.video-replay span{font:400 35px/1 Arial,sans-serif;color:#ff9d1b}.video-replay b{font:600 11px/1 'Geist Mono',monospace;letter-spacing:1px;text-transform:uppercase}
.home-hero .hero-proof{margin-top:20px}

.services-section .service-grid{height:264px}
.services-section .service-card{height:240px;min-height:240px}
.services-section .service-visual{height:200px}

.expertise-card{min-height:480px}
.expertise-media{height:340px;background:#e9ecec}
.expertise-media img{object-fit:cover}

.mosaic-ui img{width:100%;height:100%;object-fit:cover}
.mosaic-main{background-position:center}

.timeline-item{position:relative;padding-top:24px}
.timeline-icon{width:48px;height:48px;margin-bottom:20px;border-radius:12px;background:var(--lime);color:#111;display:grid;place-items:center}
.timeline-icon svg{width:25px;height:25px}
.timeline-item h3{margin-top:18px}

.services-page-hero{padding-top:28px;padding-bottom:110px}
.services-page-hero .about-hero-top{margin-bottom:72px}
.service-detail-section{background:#f6f6f6}
.service-detail-list{display:grid;gap:18px}
.service-detail-row{min-height:470px;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:12px;border-radius:24px;background:#fff;overflow:hidden}
.service-detail-row.is-reversed .service-detail-image{order:2}
.service-detail-image{min-height:446px;border-radius:17px;overflow:hidden;background:#ececec}
.service-detail-image img{width:100%;height:100%;object-fit:cover}
.service-detail-copy{padding:52px 56px;display:flex;flex-direction:column;justify-content:center}
.service-detail-copy>span{font:600 13px/1 'Geist Mono',monospace;letter-spacing:.14em;color:var(--orange)}
.service-detail-copy h2{max-width:470px;margin:24px 0 18px;font-size:clamp(36px,3.2vw,49px)}
.service-detail-copy p{max-width:500px;margin-bottom:25px;color:#666;font-size:16px}
.service-detail-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.service-detail-copy li{display:flex;align-items:center;gap:11px;font-size:14px}
.service-detail-copy li:before{content:'↗';width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--lime);font:700 13px/1 Arial,sans-serif}
.service-process-section{padding-top:105px}
.service-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.service-process-grid article{min-height:290px;padding:26px;border-radius:18px;background:#f3f3f3;display:flex;flex-direction:column}
.service-process-grid small{margin-top:auto;font:600 12px/1 'Geist Mono',monospace;letter-spacing:.12em;color:var(--orange)}
.service-process-grid h3{margin:16px 0 8px}
.service-process-grid p{margin:0;color:#6f6f6f;font-size:14px}

.blog-grid-page .recent-section{padding-top:55px}

@media(max-width:760px){
  .home-hero{min-height:900px!important}
  .home-hero-content{min-height:800px;padding:20px 0 30px}
  .home-hero h1{margin-bottom:18px}
  .home-hero-content>p{max-width:315px;margin-bottom:24px;font-size:14px}
  .hero-film{width:calc(100% + 8px);max-width:calc(100vw - 24px);margin-top:42px;padding:0;border-radius:16px;outline:0}
  .video-sound-toggle{right:10px;bottom:10px;height:38px;padding:0 12px 0 6px;font-size:9px}.video-sound-toggle span{width:26px;height:26px;font-size:14px}
  .video-replay{width:84px;height:84px}.video-replay span{font-size:29px}.video-replay b{font-size:9px}
  .home-hero .hero-proof{max-width:300px;margin-top:18px}

  .services-section .service-grid{height:auto}
  .services-section .service-card{height:auto;min-height:430px}
  .services-section .service-visual{height:225px}
  .expertise-card{min-height:430px}
  .expertise-media{height:290px}

  .about-hero-top{gap:22px}
  .about-hero .hero-side p{max-width:100%}
  .mosaic-ui img{object-position:center}
  .timeline-icon{margin-bottom:16px}
  .timeline-item h3{margin-top:14px}

  .services-page-hero{padding-top:10px;padding-bottom:78px}
  .services-page-hero .about-hero-top{margin-bottom:35px}
  .service-detail-row,.service-detail-row.is-reversed{min-height:0;grid-template-columns:1fr;padding:10px}
  .service-detail-row.is-reversed .service-detail-image{order:0}
  .service-detail-image{min-height:0;height:280px}
  .service-detail-copy{padding:31px 20px 28px}
  .service-detail-copy h2{margin:18px 0 14px;font-size:35px}
  .service-detail-copy p{font-size:15px}
  .service-process-grid{grid-template-columns:1fr 1fr}
  .service-process-grid article{min-height:255px;padding:22px}
  .blog-grid-page .recent-section{padding-top:30px}
}

@media(max-width:430px){
  .home-hero{min-height:930px!important}
  .home-hero-content{min-height:830px}
  .home-hero h1{font-size:42px;line-height:47px}
  .hero-film{margin-top:42px}
  .service-process-grid{grid-template-columns:1fr}
  .service-process-grid article{min-height:230px}
}

/* Real team photography supplied by the client. */
.avatar-dots i{
  background-image:url('https://www.saasunfold.com/wp-content/uploads/ugentic-assets/ugentic-import-6ab99cffa0359/assets/real-team-wide.webp');
  background-size:650% auto;
  background-position:18% 48%;
}
.avatar-dots i:nth-child(2){background-position:37% 48%}
.avatar-dots i:nth-child(3){background-position:58% 48%}
.avatar-dots i:nth-child(4){background-position:76% 48%}
.role-page-image{background-size:cover;background-position:center;background-repeat:no-repeat}
.cta-picture{background-position:center 45%}
.mosaic-main{background-position:center 45%}
.mosaic-wide{background-position:center}