:root{--sc-canvas:#f7f9fc;--sc-surface:#fff;--sc-ink:#14243b;--sc-ink-soft:#52647b;--sc-accent:#2349d8;--sc-accent-ink:#fff;--sc-font-display:'Arial',sans-serif;--sc-font-text:'Arial',sans-serif;--ink:#14243b;--muted:#53657c;--blue:#2349d8;--line:#dbe2ed;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f7f9fc;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #315bdd;outline-offset:5px}::selection{background:#c9d6ff;color:#14243b}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.055em;line-height:1.08;text-wrap:balance}h1{font-size:clamp(42px,5.1vw,78px)}h2{font-size:clamp(34px,3.65vw,55px)}h3{font-size:28px;letter-spacing:-.035em}p{text-wrap:pretty}p:last-child{margin-bottom:0}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.section{padding-block:110px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:25px;color:var(--muted)}.small{font-size:14px;line-height:1.6;color:var(--muted)}.lead{font-size:20px;line-height:1.6;max-width:720px;color:var(--muted)}.brand{display:inline-flex;font-size:31px;letter-spacing:-1.8px;align-items:baseline;font-weight:750;line-height:1}.brand span{font-weight:500}.brand i{font-style:normal;color:var(--blue);font-size:42px;line-height:.3}.site-header{height:82px;position:relative;z-index:20;display:flex;align-items:center;gap:35px;justify-content:space-between;width:min(1328px,calc(100% - 48px));margin:20px auto 0;padding:0 28px;background:#ffffffed;border:1px solid #e6ebf2;border-radius:100px;box-shadow:0 8px 30px #17274705}.site-header nav{display:flex;gap:30px;align-items:center;margin-left:auto;font-size:14px}.site-header nav a:hover{color:var(--blue)}.offer-menu{position:relative}.offer-menu summary{cursor:pointer;list-style:none;display:flex;gap:10px}.offer-menu summary::-webkit-details-marker{display:none}.offer-menu>div{position:absolute;top:38px;left:-25px;width:285px;padding:15px;border:1px solid var(--line);background:white;border-radius:20px;box-shadow:0 15px 40px #14243b15;display:grid;gap:4px}.offer-menu>div a{padding:10px;border-radius:10px}.offer-menu>div a:hover{background:#f0f4ff}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 23px;min-height:52px;border-radius:100px;border:1px solid transparent;font-size:14px;line-height:1.4;font-weight:600;text-decoration:none;transition:background .15s ease-out,transform .15s ease-out;white-space:normal}.button span{font-size:21px;line-height:1}.button:active{transform:translateY(1px)}.primary,.nav-button{background:var(--blue);color:white}.primary:hover,.nav-button:hover{background:#1939b3}.nav-button{padding:13px 22px;min-height:46px}.secondary{border-color:var(--line);background:white;color:var(--ink)}.text-button{padding-left:0;padding-right:0;background:transparent}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.light{background:#fff;color:var(--ink)}.light:hover{background:#e1e9ff}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.menu-toggle{display:none}.skip{position:absolute;top:-200px;background:white;z-index:100;padding:10px}.skip:focus{top:10px}.hero{position:relative;isolation:isolate;overflow:hidden;padding:80px 0 130px}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(46px,4.95vw,74px);font-weight:600;line-height:1.025;letter-spacing:-.06em;margin-bottom:28px}.hero h1 span{color:var(--blue)}.hero-description{color:var(--muted);max-width:570px;font-size:16px;line-height:1.65;margin-bottom:28px}.hero .eyebrow{font-size:11px;letter-spacing:.12em}.hero-art{position:relative;min-width:0;transform:translateX(35px);align-self:stretch;display:flex;justify-content:center;align-items:center}.glass-object{width:125%;max-width:none;height:auto;filter:drop-shadow(10px 35px 24px #829aca22);will-change:transform}.art-caption{position:absolute;bottom:0;left:25px;font-size:12px;letter-spacing:.02em;color:#566980}.hero-light{position:absolute;z-index:-1;width:800px;height:800px;right:-100px;top:-70px;background:radial-gradient(ellipse,#dfeaff80,transparent 66%);pointer-events:none}.need-section{position:relative;z-index:3;margin-top:-45px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:42px 45px;display:grid;grid-template-columns:1fr 2.4fr;gap:50px;box-shadow:0 16px 50px #14243b05}.need-intro h2{font-size:39px;margin:0}.need-intro .eyebrow{font-size:11px}.need-options{display:flex;gap:6px;flex-wrap:wrap}.need-options button{border:1px solid var(--line);border-radius:30px;background:white;padding:10px 15px;font-size:13px;color:var(--ink)}.need-options button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.need-options button:hover{border-color:var(--blue)}.need-result{display:flex;align-items:center;gap:25px;justify-content:space-between;margin-top:25px;min-height:92px}.need-result h3{font-size:22px;letter-spacing:-.025em;margin-bottom:9px}.need-result p{font-size:14px;color:var(--muted);margin:0}.round-link{display:grid;place-items:center;min-width:48px;height:48px;border-radius:50%;background:#edf2ff;color:var(--blue);font-size:27px}.underlink{font-size:13px;color:var(--blue);text-decoration:underline;text-underline-offset:4px}.section-intro{max-width:650px;margin-bottom:60px}.section-intro p:not(.eyebrow){color:var(--muted);font-size:17px}.offer{position:relative;display:grid;grid-template-columns:1fr 2fr 70px;gap:40px;padding:52px 0;border-top:1px solid var(--line)}.offer-label{font-size:14px;color:var(--muted);padding-top:5px}.offer h3{font-size:36px;max-width:530px}.offer p{color:var(--muted);max-width:650px;font-size:16px}.offer-detail{font-size:13px!important;color:var(--blue)!important;letter-spacing:.01em}.offer-symbol{font-size:38px;width:58px;height:58px;background:#eaf0ff;display:grid;place-items:center;border-radius:50%;color:var(--blue)}.saphan-band{background:#14243b;color:#fff;overflow:hidden}.saphan-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.saphan-band h2{font-size:clamp(40px,4.7vw,67px);line-height:1.04}.saphan-band h2 span{color:#b5cdfb}.saphan-band p{color:#c1cddd;font-size:16px}.saphan-band .eyebrow{color:#b5cdfb;font-size:12px}.saphan-band .small{font-size:13px;margin-top:20px}.saphan-band .text-button{color:#fff}.workflow-visual{padding:30px 0;transform:rotate(-3deg)}.workflow-visual .diagram-label{font-size:12px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:30px}.workflow-visual>div{display:flex;gap:20px;align-items:center;padding:25px;border:1px solid #50617a;border-radius:16px;background:#203249}.workflow-visual>div span{color:#bdcde5;font-size:12px}.workflow-visual strong{font-size:17px;letter-spacing:-.02em}.workflow-visual>i{display:block;width:1px;height:35px;background:#6680a3;margin-left:44px}.workflow-visual>div.workflow-final{background:#d4e2ff;color:var(--ink);border:1px solid #d4e2ff;transform:translateX(18px)}.workflow-final span{color:#485c79!important}.workflow-final b{margin-left:auto}.workflow-visual>p:last-child{font-size:13px;margin-top:25px}.rest-offers{padding-bottom:90px}.rest-offers .offer:first-child{border-top:0}.process{background:#eaf0f8}.process-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.process-title{position:sticky;top:50px;align-self:start}.steps article{display:flex;gap:28px;padding:32px 0;border-bottom:1px solid #cdd7e6}.steps article:first-child{padding-top:0}.steps article>span{color:#677d9a;font-size:13px;min-width:30px;padding-top:6px}.steps h3{font-size:27px;margin-bottom:15px}.steps p{font-size:16px;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:1.4fr 1fr;gap:120px}.about p{font-size:16px;color:var(--muted)}.about h2{font-size:43px}.principles{padding-top:30px}.principles h3{font-size:22px;margin:30px 0 10px}.closing{background:#2349d8;color:#fff}.closing .eyebrow{color:#d4dfff}.closing h2{font-size:clamp(44px,5.5vw,80px);max-width:950px;line-height:1.03;margin-bottom:40px}.closing-row{display:flex;justify-content:space-between;gap:50px;align-items:center}.closing-row p{max-width:580px;color:#e0e7ff;margin:0}.footer{padding:65px max(48px,calc((100vw - 1240px)/2)) 25px;background:white}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer p{font-size:13px;color:var(--muted);margin-top:20px}.footer-top>div:not(:first-child){display:grid;align-content:start;gap:10px;font-size:14px}.footer-bottom{display:flex;gap:30px;padding-top:40px;margin-top:50px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-bottom span{margin-right:auto}.footer button{border:0;background:none;padding:0;color:inherit;font-size:inherit}.footer a:hover,.footer button:hover{text-decoration:underline}.product-hero{padding:70px 0 90px;background:#eaf0fb}.product-hero h1{font-size:clamp(40px,5vw,70px);max-width:980px;margin-bottom:30px}.breadcrumb{font-size:13px;display:block;margin-bottom:55px;color:var(--muted)}.product-hero .lead{font-size:19px}.product-hero .small{margin-top:22px;max-width:600px}.product-saphan{background:#e9eef6}.product-outsourcing-it{background:#eff2f6}.product-mint-service-desk{background:#e9f3f0}.product-content{max-width:1040px;padding-block:30px 80px}.content-section{padding:65px 0;border-bottom:1px solid var(--line)}.content-section h2{max-width:760px;font-size:42px;margin-bottom:30px}.content-section h3{font-size:24px;letter-spacing:-.025em;margin:32px 0 14px}.content-section p,.content-section li{max-width:790px;color:var(--muted)}.content-section ol{padding-left:24px}.content-section li{padding:9px 0}.faq>div{margin-top:30px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:25px;font-size:20px;line-height:1.4}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:16px;margin:20px 0 0}.form-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:start}.form-layout h1{font-size:clamp(38px,4vw,61px)}.form-layout .lead{font-size:18px}.contact-lines{display:grid;gap:12px;margin:35px 0 50px}.contact-lines a{font-size:21px}.contact-form{background:#fff;padding:36px;border:1px solid var(--line);border-radius:var(--radius)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label{display:block;font-size:14px;font-weight:600}.form-grid label>span{color:var(--blue)}.form-grid small{font-size:11px;font-weight:400;color:var(--muted)}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #bdc9d9;border-radius:9px;background:#fafcff;padding:12px 13px;font-size:16px;color:var(--ink);min-width:0}textarea{resize:vertical}textarea::placeholder{font-size:14px;color:#6c7b91}.full{grid-column:1/-1}.contact-form>.small{margin:25px 0;font-size:13px}.contact-form a,.legal a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.honey{position:absolute;left:-10000px}.form-error{color:#a12030;font-size:14px}.preview-note{background:#fff4d9;border:1px solid #ecd598;border-radius:12px;padding:15px;font-size:13px;color:#624b18;margin-bottom:25px}.thanks{padding-block:110px 140px;text-align:center;max-width:850px}.thanks h1{font-size:clamp(40px,5vw,70px)}.thanks .lead{margin:25px auto 35px}.thanks-mark{display:grid;place-items:center;background:#e3edff;color:var(--blue);font-size:38px;width:80px;height:80px;border-radius:50%;margin:0 auto 35px}.legal{max-width:900px}.legal h2{font-size:29px;margin-top:45px}.legal h1{margin-bottom:35px}.legal p{color:var(--muted)}.cookie-banner{position:fixed;z-index:60;bottom:18px;left:18px;max-width:470px;background:#fff;border:1px solid #d8e1ee;padding:22px 24px;border-radius:18px;box-shadow:0 15px 70px #14243b22}.cookie-banner[hidden]{display:none}.cookie-banner h2{font-size:20px;letter-spacing:-.025em;margin-bottom:10px}.cookie-banner p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:10px}.cookie-banner a{font-size:12px;text-decoration:underline;text-underline-offset:3px}.cookie-actions{display:flex;align-items:center;gap:8px;margin-top:17px}.consent{flex:1;background:#eef2fa;color:#172943;border:1px solid #b6c4db;font-size:13px;min-height:42px;padding:10px 17px}.consent:hover{background:#e1e8f5}.cookie-settings{background:none;border:0;padding:8px;font-size:12px;color:var(--muted);text-decoration:underline}dialog{border:1px solid var(--line);border-radius:22px;padding:32px;max-width:660px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #10233d33;max-height:90dvh;overflow:auto}dialog::backdrop{background:#10233d70}dialog h2{font-size:29px;letter-spacing:-.03em;margin:0}dialog p{font-size:14px;color:var(--muted)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.close-dialog{border:0;background:none;font-size:30px;color:var(--ink);padding:5px}.category{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:20px 0}.category strong{font-size:16px}.category p{margin:5px 0 0;font-size:13px}.category>span{font-size:11px;min-width:100px;text-align:right}.category input{width:20px;height:20px;margin:0 0 0 auto;flex-shrink:0}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px}.dialog-actions button{font-size:13px}.button[disabled]{opacity:.55}.reveal{transition:opacity .4s ease-out,transform .4s ease-out}.reveal.pending{opacity:.2;transform:translateY(12px)}
@media(min-width:1600px){.hero h1{font-size:80px}.hero{padding-top:100px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header{gap:20px}.site-header nav{gap:18px}.hero h1{font-size:57px}.hero-grid{grid-template-columns:1.2fr 1fr}.hero .actions{gap:12px}.hero .button{font-size:12px}.need-section{gap:25px;padding:30px}.need-options button{font-size:12px}.saphan-grid{gap:45px}.process-grid{gap:45px}.about{gap:55px}.form-layout{gap:40px}.form-grid{grid-template-columns:1fr}.offer{grid-template-columns:.8fr 2fr 45px;gap:25px}.offer-symbol{width:44px;height:44px;font-size:28px}}
@media(max-width:760px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.section{padding-block:65px}.site-header{height:66px;width:calc(100% - 24px);margin-top:12px;padding:0 21px;gap:15px}.brand{font-size:27px}.site-header>.button{display:none}.menu-toggle{display:flex;gap:12px;align-items:center;background:none;border:0;font-size:14px;margin-left:auto;padding:10px 0}.site-header nav{display:none;position:absolute;top:76px;left:0;width:100%;background:#fff;padding:25px;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 30px #14243b15}.site-header nav.open{display:grid;gap:20px}.offer-menu>div{position:static;box-shadow:none;border:0;padding:10px 0 0;width:100%}.hero{padding:48px 0 85px}.hero-grid{display:block}.hero h1{font-size:clamp(39px,9.5vw,58px);line-height:1.07;letter-spacing:-.055em;max-width:550px}.hero h1 br{display:none}.hero h1 br:not(.desktop-break)::after{content:' '}.hero .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:22px}.hero-description{font-size:15px;margin-bottom:22px}.hero .button{font-size:12px;padding:14px 18px}.hero .text-button{padding-left:0}.hero-art{height:250px;transform:none;margin-top:15px;justify-content:center}.glass-object{width:330px;max-width:100%;height:auto}.art-caption{display:none}.need-section{margin-top:-38px;display:block;padding:25px}.need-intro h2{font-size:29px}.need-intro h2 br{display:none}.need-intro h2 br::after{content:' '}.need-intro .eyebrow{margin-bottom:10px}.need-options{margin-top:22px;gap:7px}.need-options button{font-size:12px;padding:10px 12px}.need-result{gap:15px;min-height:125px}.need-result h3{font-size:20px;line-height:1.2}.round-link{min-width:42px;height:42px;font-size:24px}.section-intro{margin-bottom:35px}.section-intro h2{font-size:37px}.offer{display:block;padding:35px 0}.offer-label{font-size:12px;margin-bottom:20px}.offer h3{font-size:30px;padding-right:25px}.offer-symbol{position:absolute;right:0;top:31px;width:35px;height:35px;font-size:23px}.offer p{font-size:15px}.saphan-grid{display:block}.saphan-band h2{font-size:44px}.saphan-band p{font-size:15px}.saphan-band .actions{gap:16px}.saphan-band .button{font-size:12px}.workflow-visual{margin:25px 12px 0 0;transform:rotate(-2deg);padding:25px 0 0}.workflow-visual strong{font-size:15px}.workflow-visual>div{padding:20px}.process-grid,.about{display:block}.process-title{position:static;margin-bottom:35px}.process-title h2{font-size:38px}.steps article{padding:25px 0;gap:18px}.steps h3{font-size:25px}.steps p{font-size:15px}.about h2{font-size:36px}.principles{padding-top:10px}.closing h2{font-size:43px}.closing-row{display:block}.closing-row .button{margin-top:28px}.footer{padding:45px 20px 25px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-top>div:not(:first-child){font-size:14px}.footer-bottom{margin-top:35px;padding-top:25px;flex-wrap:wrap;gap:18px;font-size:11px}.footer-bottom span{width:100%}.product-hero{padding:40px 0 55px}.breadcrumb{margin-bottom:30px;font-size:12px}.product-hero h1{font-size:40px}.product-hero .lead{font-size:17px}.product-hero .eyebrow{font-size:10px}.content-section{padding:40px 0}.content-section h2{font-size:32px}.content-section h3{font-size:23px}.faq summary{font-size:17px}.form-layout{display:block}.form-layout h1{font-size:42px}.contact-lines{margin:25px 0}.contact-lines a{font-size:19px}.contact-form{padding:24px;margin-top:35px}.form-grid{gap:20px}.thanks{padding:70px 0 90px}.thanks h1{font-size:40px}.thanks .lead{font-size:17px}.cookie-banner{bottom:10px;left:10px;right:10px;max-width:none;padding:18px}.cookie-banner h2{font-size:18px}.cookie-banner p{font-size:12px}.cookie-actions{margin-top:12px}.cookie-banner a{font-size:11px}.consent{min-height:42px;font-size:12px}.cookie-settings{font-size:11px}dialog{padding:22px}.category{gap:15px}.dialog-actions .secondary{width:100%}.legal h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.glass-object,.hero-light,.reveal,.workflow-visual{transform:none!important}.reveal.pending{opacity:1}}
/* Compact the desktop opening while preserving the four-line service statement. */
@media(min-width:761px){.hero-art{height:580px;align-self:center}.glass-object{width:112%;max-height:660px;object-fit:contain}.hero{padding-top:65px;padding-bottom:105px}.hero-light{top:-100px}}
@media(min-width:761px) and (max-width:1050px){.hero-art{height:510px}}
/* Brand spelling is intentionally preserved, including in section labels. */
.brand{gap:.2em;letter-spacing:-1.1px;white-space:nowrap}.brand-case{text-transform:none;letter-spacing:.06em}
.testimonials{background:#fff;border-top:1px solid var(--line)}.trust-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:45px}.trust-heading h2{font-size:clamp(42px,5vw,68px);margin-bottom:0}.clutch-score{display:grid;grid-template-columns:auto auto;column-gap:18px;align-items:center}.clutch-score>span:first-child{font-size:22px;font-weight:700;letter-spacing:-.04em}.clutch-score strong{font-size:37px;line-height:1.2;letter-spacing:-.05em}.clutch-score small{font-size:16px;color:var(--muted);font-weight:400;letter-spacing:0}.clutch-score>span:last-child{grid-column:1/-1;font-size:12px;margin-top:7px;color:var(--muted)}.reviews-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b7c8e8 transparent;padding:3px 3px 16px;overscroll-behavior-x:contain}.review-slide{flex:0 0 calc((100% - 24px)/2);scroll-snap-align:start;scroll-snap-stop:always;border:1px solid var(--line);background:#f7f9fc;border-radius:22px;padding:35px;display:flex;flex-direction:column;min-width:0}.review-top{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:30px}.review-company{font-size:23px;font-weight:600;letter-spacing:-.035em}.review-rating{font-size:22px;color:var(--blue);font-weight:600;white-space:nowrap}.review-rating span{font-size:13px;font-weight:400;color:var(--muted)}.review-summary{font-size:22px;line-height:1.45;letter-spacing:-.02em;flex:1;margin-bottom:35px}.review-person{display:grid;gap:3px;font-size:14px}.review-person>span{color:var(--muted);font-size:12px}.review-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:23px;font-size:12px;color:var(--muted)}.review-bottom a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.reviews-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.reviews-controls[hidden]{display:none}.reviews-controls p{margin:0;font-size:13px;color:var(--muted)}.reviews-controls>div{display:flex;gap:9px}.reviews-controls button{width:48px;height:48px;border:1px solid #bdcbe2;border-radius:50%;background:white;color:var(--ink);font-size:22px}.reviews-controls button:hover:not(:disabled){background:#eaf0ff}.reviews-controls button:disabled{opacity:.35}.reviews-source{font-size:12px;color:var(--muted);margin-top:22px;max-width:800px}
@media(max-width:760px){.trust-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:30px}.trust-heading h2{font-size:44px}.clutch-score{column-gap:12px}.clutch-score strong{font-size:29px}.review-slide{flex-basis:100%;padding:25px}.review-company{font-size:21px}.review-summary{font-size:20px}.review-top{margin-bottom:25px}.reviews-track{gap:16px}.review-bottom{font-size:11px}.reviews-source{font-size:11px}.brand{letter-spacing:-1px}}
/* Hero artwork: 15% larger, with a quiet floating motion independent of scroll. */
.glass-object{scale:1.15;animation:glass-float 9s ease-in-out infinite;transform-origin:center}
@keyframes glass-float{0%,100%{translate:0 0;rotate:-.5deg}50%{translate:0 -9px;rotate:.5deg}}
.hero-art.art-paused .glass-object{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.glass-object{animation:none;translate:none;rotate:none}}
/* User review: simplified labels, straight Saphan diagram and compact footer. */
.brand,.brand span{font-weight:700}
.saphan-band{background:#000}
.workflow-visual,.workflow-visual>div.workflow-final{transform:none}
.footer-top{grid-template-columns:1.3fr 1fr}
.clutch-logo{display:block;width:110px;height:auto;max-height:36px;object-fit:contain}
.review-bottom{justify-content:flex-end}
@media(max-width:760px){.footer-top{grid-template-columns:1fr}}
.clutch-logo{background:#17313b;padding:8px 12px;box-sizing:content-box;border-radius:4px}
/* Outsourcing: service page with distinct competencies, comparison and process. */
.trust-strip{padding-block:30px;border-bottom:1px solid var(--line)}.trust-strip>a{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--muted)}.trust-strip strong{color:var(--ink);font-size:21px;margin-right:6px}.trust-strip .clutch-logo{width:76px;padding:6px 9px}.trust-link{margin-left:auto;color:var(--blue)}
.outsourcing-hero{background:#edf2fa;padding:45px 0 65px}.outsourcing-hero .breadcrumb{margin-bottom:40px}.outsourcing-opening{display:grid;grid-template-columns:1.9fr 1fr;gap:70px;align-items:center}.outsourcing-hero h1{font-size:clamp(40px,4.7vw,66px);line-height:1.08}.outsourcing-hero .lead{font-size:18px;max-width:680px}.outsourcing-hero .actions{gap:20px}.role-index{padding:30px;background:white;border:1px solid var(--line);border-radius:20px}.role-index>p{font-size:14px;color:var(--muted);margin-bottom:12px}.role-index a{display:flex;gap:15px;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:17px;font-weight:600;line-height:1.4}.role-index a:hover{color:var(--blue)}.role-index a span{color:var(--blue)}.role-index small{display:block;color:var(--muted);font-size:12px;margin-top:22px;line-height:1.5}
.talent-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:40px}.talent-heading h2{font-size:43px;margin-bottom:0}.talent-heading>p{max-width:460px;margin:0;color:var(--muted);font-size:17px}.talent-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:32px 0;border-top:1px solid var(--line);scroll-margin-top:35px}.talent-row h3{font-size:31px;margin-bottom:12px}.talent-row p{font-size:16px;color:var(--muted);margin-bottom:18px}.talent-label{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.talent-row .seniority{color:var(--blue);font-size:14px;margin:0}.tech-list{list-style:none;display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:0}.tech-list li{background:#eaf0ff;color:#2349d8;padding:7px 16px;border-radius:5px;font-size:15px;font-weight:600}
.staff-cta{background:#eaf0fb;padding-block:36px}.staff-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.staff-cta h2{font-size:30px;margin-bottom:12px}.staff-cta p{max-width:680px;font-size:16px;color:var(--muted);margin:0}.staff-cta .button{flex-shrink:0}.engagement-models{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden}.engagement-models article{padding:36px;background:#fff}.engagement-models article+article{background:#eef3fc;border-left:1px solid var(--line)}.engagement-models h3{font-size:35px;margin-bottom:25px}.engagement-models .eyebrow{color:var(--blue);margin-bottom:18px}.engagement-models dl{margin:0}.engagement-models dt{font-size:13px;color:var(--muted);padding-top:18px;border-top:1px solid var(--line);margin-top:18px}.engagement-models dd{margin:5px 0 0;font-size:16px;max-width:420px}.staff-process{background:#14243b;color:white}.staff-process .talent-heading p,.staff-steps p{color:#c1cddd}.staff-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0;margin:50px 0 0}.staff-steps li{counter-increment:step;border-top:1px solid #50617a;padding-top:22px}.staff-steps li::before{content:counter(step,decimal-leading-zero);font-size:14px;color:#b5cdfb;display:block;margin-bottom:28px}.staff-steps h3{font-size:24px;line-height:1.2;margin-bottom:14px}.staff-steps p{font-size:15px;line-height:1.6}.staff-proof{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.staff-proof h2{font-size:43px}.staff-proof>div>p{color:var(--muted)}.staff-review-list article{padding:25px 0;border-bottom:1px solid var(--line)}.staff-review-list article:first-child{padding-top:0}.staff-review-list h3{font-size:24px}.staff-review-list p{color:var(--muted);font-size:17px}.staff-faq{padding-top:0;max-width:1000px}.staff-faq h2{font-size:39px;margin-bottom:28px}
@media(min-width:761px){#oferta.section{padding-top:80px}.about.section{padding-block:80px}}
@media(max-width:1050px){.outsourcing-opening{gap:32px;grid-template-columns:1.6fr 1fr}.role-index{padding:22px}.role-index a{font-size:15px}.talent-heading,.talent-row{gap:40px}.staff-proof{gap:45px}.staff-steps{grid-template-columns:1fr 1fr}.staff-cta p{max-width:480px}}
@media(max-width:760px){.outsourcing-hero{padding:32px 0 42px}.outsourcing-opening{display:block}.outsourcing-hero h1{font-size:40px}.outsourcing-hero .lead{font-size:17px}.outsourcing-hero .breadcrumb{margin-bottom:28px}.outsourcing-hero .actions{gap:12px}.outsourcing-hero .actions .button{font-size:13px}.role-index{margin-top:30px;padding:22px}.role-index a{font-size:16px;padding-block:15px}.trust-strip{padding-block:23px}.trust-strip>a{flex-wrap:wrap;gap:12px;font-size:12px}.trust-strip strong{font-size:18px}.trust-link{width:100%;margin-left:0}.trust-strip .clutch-logo{width:65px}.talent-heading{display:block;margin-bottom:30px}.talent-heading h2,.staff-proof h2{font-size:35px;margin-bottom:20px}.talent-heading>p{font-size:16px}.talent-row{display:block;padding-block:27px}.talent-row h3{font-size:27px}.talent-row>div:first-child{margin-bottom:20px}.staff-cta>.wrap{display:block}.staff-cta h2{font-size:28px}.staff-cta .button{margin-top:23px}.engagement-models{display:block}.engagement-models article{padding:26px}.engagement-models article+article{border-left:0;border-top:1px solid var(--line)}.engagement-models h3{font-size:30px}.staff-steps{grid-template-columns:1fr;margin-top:30px;gap:22px}.staff-steps li{padding-left:44px;position:relative}.staff-steps li::before{position:absolute;left:0;top:24px;margin:0}.staff-steps h3{font-size:23px}.staff-proof{display:block}.staff-review-list{margin-top:30px}.staff-faq h2{font-size:33px}}
.staffing-assurance{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:85px}.staffing-assurance h2{font-size:39px}.staffing-assurance h3{font-size:25px;margin-bottom:12px}.staffing-assurance article+article{margin-top:30px}.staffing-assurance p{color:var(--muted);font-size:16px}.project-example{background:#eaf0fb}.project-example-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.project-example h2{font-size:43px;margin-bottom:0}.project-example .lead{font-size:23px;color:var(--ink);line-height:1.5}.project-example p:not(.lead):not(.eyebrow){color:var(--muted);font-size:16px}.project-example .button{margin-top:10px}
@media(max-width:760px){.staffing-assurance,.project-example-grid{display:block}.staffing-assurance{padding-bottom:55px}.staffing-assurance h2,.project-example h2{font-size:33px;margin-bottom:27px}.staffing-assurance h3{font-size:23px}.project-example .lead{font-size:20px}.project-example .button{font-size:13px}}
/* Explanatory service illustrations: real text, no simulated product interface. */
.illustrated-offer{grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-block:65px}.illustrated-offer .offer-label{font-size:13px;margin-bottom:20px}.illustrated-offer h3{font-size:40px}.service-visual{position:relative;margin:0;padding:32px 36px 24px;border-radius:26px;background:#edf2fc;border:1px solid #dbe4f5;isolation:isolate;overflow:hidden;min-width:0}.service-visual::before{content:'';position:absolute;width:270px;height:270px;border:1px solid #ccd9f0;border-radius:50%;right:-120px;top:-130px;z-index:-1}.service-visual figcaption{color:#53657c;font-size:12px;letter-spacing:.03em;margin-bottom:30px}.visual-flow{display:grid;gap:28px}.visual-node{display:flex;align-items:center;gap:22px;position:relative;padding:18px;background:white;border:1px solid #d6e0f0;border-radius:15px;box-shadow:0 9px 20px #14243b06}.visual-node+.visual-node::before{content:'';position:absolute;width:1px;height:29px;background:#8da4d8;left:39px;top:-29px}.visual-node strong{display:block;font-size:20px;letter-spacing:-.025em;line-height:1.3}.visual-node small{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px}.node-icon{color:var(--blue);flex-shrink:0;display:flex}.visual-agenci-ai .node-1{background:#2349d8;border-color:#2349d8;color:#fff;transform:translateX(10px)}.visual-agenci-ai .node-1 small,.visual-agenci-ai .node-1 .node-icon{color:#e2eaff}.visual-note{font-size:11px!important;color:var(--muted)!important;margin:22px 0 0!important}.team-core{display:flex;align-items:center;justify-content:center;gap:15px;background:#fff;border:1px solid #cbd8f0;border-radius:50%;width:175px;height:175px;margin:0 auto;font-size:21px;flex-direction:column;box-shadow:0 15px 32px #2349d811}.people-icon{color:var(--blue);height:40px}.team-connector{height:32px;width:1px;background:#91a7d8;margin:auto}.team-roles{display:flex;gap:9px;justify-content:center;border-top:1px solid #91a7d8;padding-top:20px}.team-roles>span{padding:9px 15px;border:1px solid #c4d3ef;border-radius:8px;background:white;font-size:14px}.team-owner{display:flex;align-items:center;gap:18px;background:#14243b;color:white;border-radius:13px;padding:20px;margin-top:25px}.team-owner>span{color:#b5cdfb;height:40px}.team-owner strong{font-size:17px}.team-owner small{display:block;color:#c1cddd;font-size:12px;margin-top:3px}.visual-mint-service-desk{background:#edf7f5;border-color:#d1e7e2}.visual-mint-service-desk .node-icon{color:#206c62}.visual-mint-service-desk .visual-node{border-color:#d1e7e2}.offer-mint-service-desk .service-visual{grid-column:1;grid-row:1}.offer-mint-service-desk .offer-body{grid-column:2;grid-row:1}.team-stage{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-bottom:85px}.team-stage h2{font-size:44px}.team-stage>div>p{color:var(--muted);max-width:460px}.product-visual-stage{padding-block:55px 0;max-width:1040px}.product-visual-stage .visual-flow{grid-template-columns:repeat(3,1fr);gap:22px}.product-visual-stage .visual-node{display:block;transform:none}.product-visual-stage .node-icon{margin-bottom:16px}.product-visual-stage .visual-node+.visual-node::before{height:1px;width:23px;left:-23px;top:50%}.service-visual .node-icon{transition:transform .65s ease-out}.service-visual.visual-entered .node-icon{transform:translateY(-3px)}
@media(max-width:1050px){.illustrated-offer,.team-stage{gap:35px}.service-visual{padding:25px 22px}.visual-node{gap:14px;padding:15px}.visual-node strong{font-size:18px}.team-roles{gap:6px}.team-roles>span{padding:8px 10px;font-size:12px}.illustrated-offer h3{font-size:34px}}
@media(max-width:760px){.illustrated-offer,.team-stage{display:block}.illustrated-offer{padding-block:35px}.illustrated-offer .service-visual{margin-top:30px}.illustrated-offer h3{font-size:31px}.service-visual{padding:25px 22px;border-radius:20px}.service-visual figcaption{margin-bottom:24px}.visual-node strong{font-size:18px}.visual-node small{font-size:12px}.team-stage{padding-bottom:55px}.team-stage h2{font-size:35px}.team-stage .service-visual{margin-top:30px}.product-visual-stage{padding-top:32px}.product-visual-stage .visual-flow{display:grid;grid-template-columns:1fr;gap:28px}.product-visual-stage .visual-node{display:flex}.product-visual-stage .node-icon{margin:0}.product-visual-stage .visual-node+.visual-node::before{width:1px;height:29px;left:36px;top:-29px}}
@media(prefers-reduced-motion:reduce){.service-visual.visual-entered .node-icon{transform:none}}
.project-purpose{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;border-block:1px solid #c6d3eb;padding-block:20px}.project-purpose>span{font-size:11px;color:var(--muted)}.project-purpose strong{display:block;color:var(--ink);font-size:15px;line-height:1.4;margin-top:7px}@media(max-width:760px){.project-purpose{gap:10px}.project-purpose strong{font-size:13px}}
.saphan-shot{margin:0;min-width:0}.saphan-shot>a{display:block;border-radius:15px;overflow:hidden;border:1px solid #dbe2ed;box-shadow:0 20px 45px #14243b15;background:#fff}.saphan-shot img{display:block;width:100%;height:auto}.saphan-shot figcaption{display:grid;gap:6px;margin-top:18px;font-size:14px}.saphan-shot figcaption>span{font-size:12px;color:var(--muted)}.saphan-shot figcaption a{text-decoration:underline;text-underline-offset:4px}.saphan-band .saphan-shot figcaption>span{color:#c1cddd}.saphan-band .saphan-shot>a{border-color:#657187}.saphan-grid{grid-template-columns:1fr 1.25fr;gap:65px}.saphan-gallery{max-width:1100px;padding-bottom:40px}.saphan-gallery .saphan-shot{margin-top:45px}.saphan-gallery h2{margin-bottom:20px}@media(max-width:1050px){.saphan-grid{gap:35px}}@media(max-width:760px){.saphan-band .saphan-shot{margin-top:36px}.saphan-gallery .saphan-shot{margin-top:30px}.saphan-shot figcaption>span{line-height:1.6}}

/* Align the review heading, Clutch mark and score on the same row. */
.trust-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 35px}
.trust-heading>.eyebrow{grid-column:1/-1;margin:0}
.trust-heading>h2{grid-column:1;grid-row:2;margin:0}
.trust-heading>.clutch-score{grid-column:2;grid-row:2;position:relative}
.trust-heading .clutch-score>span:last-child{position:absolute;top:100%;left:0;white-space:nowrap}
@media(max-width:760px){.trust-heading{grid-template-columns:1fr;gap:20px}.trust-heading>.clutch-score{grid-column:1;grid-row:3;justify-self:start}.trust-heading .clutch-score>span:last-child{position:static}}

/* Shared alignment and spacing rhythm, including the compact partner mark. */
.brand{align-items:center;gap:10px;letter-spacing:-1.1px}
.brand-mark{display:block;flex:0 0 30px;color:var(--blue);fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.brand-name{line-height:1.1}
.product-content,.product-visual-stage,.saphan-gallery,.staff-faq{max-width:1240px}
.product-content{padding-top:0}
.content-section>h2:first-child{margin-top:0}
.content-section>.actions{margin-top:28px}
.product-hero .actions{margin-top:28px}
.product-hero .lead{margin-bottom:0}
.saphan-gallery{padding-top:72px;padding-bottom:32px}
.form-layout>div>.small{margin-top:28px}
.review-top{align-items:flex-start;min-height:60px}
.review-rating{padding-top:3px;flex-shrink:0}
.review-person{min-height:48px}
.review-person>span:empty{display:none}
.talent-heading{grid-template-columns:1fr 1fr;gap:80px}
.staffing-assurance,.team-stage{gap:80px}
.engagement-models .eyebrow{min-height:40px;line-height:1.6}
.engagement-models h3{min-height:76px}
.staff-steps h3{min-height:58px}
.footer{padding-inline:max(48px,calc((100vw - 1240px)/2))}
@media(min-width:761px){.principles{padding-top:45px}.principles h3:first-child{margin-top:0}}
@media(min-width:761px) and (max-width:1050px){.footer{padding-inline:32px}.talent-heading,.staffing-assurance,.team-stage{gap:40px}}
@media(max-width:760px){
.brand{gap:8px;font-size:26px}.brand-mark{width:25px;height:25px;flex-basis:25px}
.footer{padding-inline:20px}.saphan-gallery{padding-top:48px;padding-bottom:16px}
.review-top,.review-person,.engagement-models .eyebrow,.engagement-models h3,.staff-steps h3{min-height:0}
.talent-heading{display:block}.content-section>.actions,.product-hero .actions{margin-top:24px}
.service-visual .team-roles{flex-wrap:wrap}.team-roles>span{padding-inline:9px}
}

@media(min-width:761px) and (max-width:980px){.site-header{gap:16px;padding-inline:22px}.site-header .brand{font-size:28px}.site-header nav{gap:16px;font-size:13px}.site-header>.nav-button{padding:12px 17px;gap:15px;font-size:13px}}

/* Review annotations, 21 September: aligned diagrams and compact testimonials. */
.visual-agenci-ai .node-1{transform:none}
.team-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.team-roles>span{text-align:center;padding-inline:6px}
.team-owner{justify-content:center;text-align:center}
.team-owner>span{flex-shrink:0}
.testimonials.section{padding-bottom:28px}
.reviews-controls{justify-content:flex-end}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}

.team-roles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.team-roles>span{font-size:12px;padding-inline:3px}
@media(max-width:1050px){.team-roles{gap:5px}.team-roles>span{font-size:10px;padding-inline:2px}}

/* Service names share the offer eyebrow style at a more prominent size. */
.illustrated-offer .offer-label,.saphan-band .eyebrow{font-size:20px;font-weight:700;letter-spacing:.06em;text-transform:none;line-height:1.4;margin-bottom:22px;padding-top:0}
@media(max-width:760px){.illustrated-offer .offer-label,.saphan-band .eyebrow{font-size:18px;letter-spacing:.04em;margin-bottom:18px}}

/* Consistent section labels and a stationary process heading. */
#oferta>.section-intro>.eyebrow,.trust-heading>.eyebrow,.closing .eyebrow{font-size:20px;font-weight:700;letter-spacing:.06em;text-transform:none;line-height:1.4}
.process-title{position:static;top:auto}
@media(max-width:760px){#oferta>.section-intro>.eyebrow,.trust-heading>.eyebrow,.closing .eyebrow{font-size:18px;letter-spacing:.04em}}

/* Photography adds a human counterpoint to the product diagrams. */
.stock-photo{margin:0;min-width:0}
.stock-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.stock-photo figcaption{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.5}
.stock-photo figcaption a{text-decoration:underline;text-underline-offset:3px}
.about>.stock-photo{grid-column:1/-1;margin-bottom:0}
.about{row-gap:48px}
.about>.stock-photo img{aspect-ratio:2.5/1;object-position:center 45%}
.offer-outsourcing-it .stock-photo{position:relative}
.offer-outsourcing-it .stock-photo::before{content:'';position:absolute;inset:20px -14px 40px 20px;border:1px solid #bbc9ec;border-radius:18px;z-index:-1}
.saphan-grid{grid-template-columns:1fr;gap:48px}
.saphan-grid>div:first-child{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;gap:0 65px;align-items:start}
.saphan-grid>div:first-child>.eyebrow{grid-column:1/-1}
.saphan-grid>div:first-child>h2{grid-column:1;grid-row:2/4;margin-bottom:0}
.saphan-grid>div:first-child>p:not(.eyebrow){grid-column:2}
.saphan-grid>div:first-child>.actions{grid-column:2;gap:16px}
.saphan-showcase{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:start}
.saphan-showcase .saphan-shot:nth-child(2){margin-top:70px}
.saphan-showcase .saphan-shot>a{border-radius:12px}
.closing{position:relative;isolation:isolate;overflow:hidden}
.closing::after{content:'';position:absolute;z-index:-1;width:430px;height:430px;right:-180px;top:-160px;border:1px solid #ffffff30;border-radius:50%}
@media(max-width:760px){
.about{display:block}.about>.stock-photo{margin-bottom:36px}.about>.stock-photo img{aspect-ratio:4/3}
.offer-outsourcing-it .stock-photo{margin-top:30px}
.saphan-grid>div:first-child{display:block}.saphan-grid>div:first-child>h2{margin-bottom:28px}
.saphan-showcase{grid-template-columns:1fr;gap:28px;margin-top:35px}
.saphan-showcase .saphan-shot,.saphan-showcase .saphan-shot:nth-child(2){margin-top:0}
}

/* User-supplied Mint presentation, with no third-party load before interaction. */
.mint-video{margin:0;min-width:0;width:100%}
.offer-mint-service-desk .mint-video{grid-column:1;grid-row:1}
.mint-player{aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#14243b;border:1px solid #cbd8ec}
.mint-player iframe{display:block;width:100%;height:100%;border:0}
.mint-play{width:100%;height:100%;border:0;background:#14243b;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:22px;cursor:pointer;font:inherit;text-align:center}
.mint-play strong{font-size:clamp(17px,2vw,25px);line-height:1.25}
.mint-play>span:last-child{font-size:13px;color:#d3dff5}
.mint-play-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--blue);color:white;padding-left:3px;font-size:21px}
.mint-play:hover .mint-play-icon{background:#345cf4}
.mint-play:focus-visible{outline:3px solid #b9d0ff;outline-offset:-5px}
.mint-video figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}
.mint-video figcaption a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.illustrated-offer .mint-video{margin-top:30px}.mint-play{gap:10px;padding:16px}.mint-play-icon{width:44px;height:44px}}

/* Aligned product screens and distinct, restrained service colours. */
.saphan-showcase{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.saphan-showcase .saphan-shot,.saphan-showcase .saphan-shot:nth-child(2){margin-top:0}
.saphan-showcase .saphan-shot>a{aspect-ratio:16/9;display:flex;align-items:center;background:#f6f8fb}
.saphan-showcase .saphan-shot img{width:100%;height:100%;object-fit:contain}
.saphan-shot figcaption{margin-top:16px;font-weight:600}
#oferta{padding-bottom:0}
.rest-offers{padding-block:0}
.illustrated-offer{background:var(--offer-surface);box-shadow:0 0 0 100vmax var(--offer-surface);clip-path:inset(0 -100vmax);border-top:0;padding-block:80px}
.offer-agenci-ai{--offer-surface:#eef1fc;--offer-accent:#2846c7}
.offer-outsourcing-it{--offer-surface:#f5eee4;--offer-accent:#79502b}
.offer-mint-service-desk{--offer-surface:#e8f5ef;--offer-accent:#176857}
.illustrated-offer .offer-label,.illustrated-offer .offer-detail{color:var(--offer-accent)}
.offer-mint-service-desk .mint-player,.offer-mint-service-desk .mint-play{background:#163e37}
.offer-mint-service-desk .mint-play-icon{background:#237a67}
.offer-outsourcing-it .stock-photo::before{display:none}
@media(max-width:760px){
.saphan-showcase{grid-template-columns:1fr;gap:30px}
.illustrated-offer{padding-block:48px}
}

/* A continuous circular outline across the about/contact boundary. */
#o-nas{position:relative;isolation:isolate;clip-path:inset(0 calc((100% - 100vw)/2))}
#o-nas::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:430px;height:430px;border:1px solid #2349d830;border-radius:50%;right:calc((100% - 100vw)/2 - 180px);bottom:-270px}
.closing::after{pointer-events:none}
#jak-pracujemy{position:relative;isolation:isolate;overflow:hidden}
#jak-pracujemy::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:430px;height:430px;border:1px solid #2349d830;border-radius:50%;left:-140px;bottom:-145px}
.trust-strip .trust-label{font-size:16px;font-weight:700;color:var(--ink);white-space:nowrap}
@media(max-width:760px){
.trust-strip .trust-label{flex-basis:100%;font-size:16px}
#o-nas::after{width:260px;height:260px;right:calc((100% - 100vw)/2 - 120px);bottom:-160px}
.closing::after{width:260px;height:260px;right:-120px;top:-100px}
#jak-pracujemy::after{width:260px;height:260px;left:-170px;bottom:-140px}
}
/* Clip the shared outline at the viewport without creating horizontal scroll. */
#o-nas{width:100%;padding-inline:max(48px,calc((100% - 1240px)/2));overflow:hidden;clip-path:none}
#o-nas::after{right:-180px}
@media(min-width:761px) and (max-width:1050px){#o-nas{padding-inline:32px}}
@media(max-width:760px){#o-nas{padding-inline:20px}#o-nas::after{right:-120px}}
/* Repeated section-boundary circles use matching dimensions and offsets. */
:root{--page-gutter:max(48px,calc((100% - 1240px)/2));--ring-size:430px;--ring-right:-180px;--ring-upper:160px;--ring-lower:270px}
.trust-strip .trust-label{font-size:20px;font-weight:700;letter-spacing:.06em;line-height:1.4;color:var(--muted);text-transform:none}
.trust-strip>a{flex-wrap:wrap}
.visual-agenci-ai::before{display:none}
#oferta,.rest-offers{width:100%;max-width:none}
#oferta>.section-intro{width:100%;max-width:none;margin:0;padding:0 var(--page-gutter) 65px;position:relative;isolation:isolate;overflow:hidden}
#oferta>.section-intro>p:not(.eyebrow){max-width:850px}
.illustrated-offer{padding-inline:var(--page-gutter);box-shadow:none;clip-path:none;position:relative;isolation:isolate;overflow:hidden}
.saphan-band,#zaufali-nam{position:relative;isolation:isolate;overflow:hidden}
#oferta>.section-intro::after,.offer-agenci-ai::after,.saphan-band::after,.offer-outsourcing-it::before,.offer-mint-service-desk::after,#zaufali-nam::before{content:'';position:absolute;z-index:-1;pointer-events:none;width:var(--ring-size);height:var(--ring-size);right:var(--ring-right);border:1px solid #2349d830;border-radius:50%}
#oferta>.section-intro::after,.saphan-band::after,.offer-mint-service-desk::after{bottom:calc(-1 * var(--ring-lower))}
.offer-agenci-ai::after,.offer-outsourcing-it::before,#zaufali-nam::before{top:calc(-1 * var(--ring-upper))}
.saphan-band::after{border-color:#ffffff40}
#o-nas::before{content:'';position:absolute;z-index:-1;pointer-events:none;width:430px;height:430px;border:1px solid #2349d830;border-radius:50%;left:-140px;top:-285px}
@media(min-width:761px) and (max-width:1050px){:root{--page-gutter:32px}}
@media(max-width:760px){
:root{--page-gutter:20px;--ring-size:260px;--ring-right:-120px;--ring-upper:100px;--ring-lower:160px}
.trust-strip .trust-label{font-size:18px;letter-spacing:.04em}
#oferta>.section-intro{padding-bottom:35px}
#o-nas::before{width:260px;height:260px;left:-170px;top:-120px}
}

/* Original partner marks, sourced from their public brand headers. */
.saphan-band .saphan-brand{display:flex;align-items:center;gap:14px;color:#fff}
.saphan-brand svg{width:48px;height:48px;flex-shrink:0}
.mint-brand-logo{display:block;width:190px;height:auto;max-width:100%}
@media(max-width:760px){.saphan-brand svg{width:40px;height:40px}.mint-brand-logo{width:160px}}

/* Shared circle motif on service, contact and information subpages. */
.subpage #main{position:relative;overflow:hidden}
.section-ring{position:relative;height:0;width:100%;z-index:2;pointer-events:none}
.section-ring::before{content:'';position:absolute;width:var(--ring-size);height:var(--ring-size);border:1px solid #2349d830;border-radius:50%;top:calc(-1 * var(--ring-upper));right:calc((100% - 100vw)/2 + var(--ring-right));pointer-events:none}
.section-ring.ring-left::before{right:auto;left:calc((100% - 100vw)/2 + var(--ring-right))}
.subpage #main:has(>.form-layout)::before,.subpage #main:has(>.thanks)::before,.subpage #main:has(>.legal)::before{content:'';position:absolute;width:var(--ring-size);height:var(--ring-size);border:1px solid #2349d830;border-radius:50%;right:var(--ring-right);top:35px;pointer-events:none}
.subpage #main:has(>.form-layout)::after{content:'';position:absolute;width:var(--ring-size);height:var(--ring-size);border:1px solid #2349d830;border-radius:50%;left:var(--ring-right);bottom:-100px;pointer-events:none}
.subpage .product-visual-stage>figure,.subpage .saphan-shot,.subpage .contact-form{position:relative;z-index:3}
.subpage #main{isolation:isolate}
.subpage #main:has(>.form-layout)::before,.subpage #main:has(>.form-layout)::after,.subpage #main:has(>.thanks)::before,.subpage #main:has(>.legal)::before{z-index:-1}

/* Product subpages carry the same palette as their homepage sections. */
#main[data-theme="saphan"]{background:#030507;color:#f7f9fc;--ink:#f7f9fc;--muted:#bdcde0;--line:#29384c}
#main[data-theme="saphan"] .product-hero{background:#000}
#main[data-theme="saphan"] .eyebrow,#main[data-theme="saphan"] .breadcrumb,#main[data-theme="saphan"] .saphan-gallery h2,#main[data-theme="saphan"] .content-section h2{color:#b4ceff}
#main[data-theme="saphan"] .primary{background:#b4ceff;color:#14243b}
#main[data-theme="saphan"] .primary:hover{background:#d5e3ff}
#main[data-theme="saphan"] .section-ring::before{border-color:#b4ceff45}
#main[data-theme="saphan"] a:focus-visible,#main[data-theme="saphan"] summary:focus-visible{outline-color:#b4ceff}
#main[data-theme="mint-service-desk"]{background:#f3faf6;--blue:#176857;--line:#cfe3db}
#main[data-theme="mint-service-desk"] .product-hero{background:#e8f5ef}
#main[data-theme="mint-service-desk"] .eyebrow,#main[data-theme="mint-service-desk"] .content-section h2{color:#176857}
#main[data-theme="mint-service-desk"] .primary:hover{background:#104e40}
#main[data-theme="mint-service-desk"] .mint-player,#main[data-theme="mint-service-desk"] .mint-play{background:#163e37}
#main[data-theme="mint-service-desk"] .section-ring::before{border-color:#17685735}
#main[data-theme="agenci-ai"]{background:#f5f6fc}
#main[data-theme="agenci-ai"] .product-hero{background:#eef1fc}
#main[data-theme="agenci-ai"] .eyebrow{color:#2846c7}
#main[data-theme="outsourcing-it"] .outsourcing-hero,#main[data-theme="outsourcing-it"] .staff-process{background:#f5eee4}
#main[data-theme="outsourcing-it"] .talent-label,#main[data-theme="outsourcing-it"] .eyebrow{color:#79502b}
#main[data-theme="outsourcing-it"] .section-ring::before{border-color:#79502b35}
.product-logo{margin:0 0 28px}
.product-logo.saphan-brand{display:flex;align-items:center;gap:14px;font-size:24px;font-weight:700;letter-spacing:.04em;color:#fff}
.product-logo .mint-brand-logo{width:210px}
@media(max-width:760px){.product-logo.saphan-brand{font-size:21px}.product-logo .mint-brand-logo{width:170px}.product-logo{margin-bottom:24px}}

/* Readable type on the light outsourcing process panel. */
#main[data-theme="outsourcing-it"] .staff-process{color:#181818}
#main[data-theme="outsourcing-it"] .staff-process h2,#main[data-theme="outsourcing-it"] .staff-process h3{color:#181818}
#main[data-theme="outsourcing-it"] .staff-process .talent-heading p,#main[data-theme="outsourcing-it"] .staff-steps p{color:#484848}
#main[data-theme="outsourcing-it"] .staff-steps li::before{color:#555}
#main[data-theme="outsourcing-it"] .closing .eyebrow{color:#fff}
.staff-clutch-logo{display:block;width:110px;height:auto;margin-bottom:24px}

/* Brand signature and outsourcing decoration refinements. */
.brand{gap:10px}
.brand-symbol{display:block;flex:0 0 auto;width:42px;height:26px;color:#4338ca}
.outsourcing-hero .role-index{position:relative;z-index:3;background:#fff}
.team-visual::before{display:none}
#main[data-theme="outsourcing-it"] .staff-faq{position:relative;isolation:isolate;width:100%;max-width:none;padding-inline:var(--page-gutter);overflow:hidden}
#main[data-theme="outsourcing-it"] .staff-faq::after{content:"";position:absolute;z-index:-1;width:var(--ring-size);height:var(--ring-size);right:var(--ring-right);bottom:calc(-1 * var(--ring-lower));border:1px solid #2349d830;border-radius:50%;pointer-events:none}
@media(max-width:980px){.site-header .brand{gap:7px}.site-header .brand-symbol{width:32px;height:22px}}
@media(max-width:760px){.brand-symbol{width:34px;height:24px}}

.mint-offer-title{display:block;margin-bottom:24px}

.about>.photo-collaboration img{aspect-ratio:2/1;object-position:center 48%}
.photo-project-team img{object-position:center 42%}
@media(max-width:760px){.about>.photo-collaboration img{aspect-ratio:3/2;object-position:center}}

/* Mint pricing: native controls, transparent annual totals, no embedded checkout. */
.mint-pricing{scroll-margin-top:120px}.pricing-controls{display:flex;gap:32px;align-items:end;flex-wrap:wrap;margin:32px 0}.pricing-controls[hidden]{display:none}.pricing-controls>label{display:grid;gap:10px}.pricing-controls select{min-width:160px;padding:12px 16px;border:1px solid #a4c8bb;border-radius:12px;background:#fff;color:#14243b}.pricing-controls fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:20px}.pricing-controls legend{margin-bottom:14px;font-weight:700}.pricing-controls input{accent-color:#176857;width:18px;height:18px;vertical-align:middle;margin-right:6px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.pricing-card{background:#fff;border:1px solid #cfe3db;border-radius:24px;padding:32px;display:flex;flex-direction:column}.pricing-card:nth-child(2){background:#e8f5ef;border-color:#8dbbaa}.pricing-card h3{margin:0}.pricing-card>p{margin:16px 0}.pricing-value{margin-top:20px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pricing-value strong{font-size:clamp(2.25rem,4vw,3rem);line-height:1.15;color:#176857;letter-spacing:-.04em}.pricing-value span{font-size:1rem}.pricing-card ul{padding-left:20px;margin:20px 0 32px;flex:1}.pricing-card li+li{margin-top:10px}.pricing-card .button{padding:16px 20px;text-align:center;justify-content:center}.pricing-onprem{display:flex;align-items:center;gap:32px;background:#e8f5ef;border-radius:24px;padding:32px;margin:32px 0}.pricing-onprem>div{flex:1}.pricing-onprem .button{flex-shrink:0}#main .mint-pricing .pricing-note,#main .mint-pricing .pricing-billing{font-size:.875rem;line-height:1.6;color:#53657c}.pricing-onprem h3{margin-top:12px}.pricing-onprem p:last-child{margin-bottom:0}@media(max-width:760px){.pricing-grid{grid-template-columns:1fr}.pricing-card,.pricing-onprem{padding:24px}.pricing-onprem{flex-direction:column;align-items:stretch}.pricing-controls{gap:24px}.pricing-controls>label{width:100%}}
#main .mint-pricing .pricing-controls fieldset label{display:flex;align-items:center;gap:8px;cursor:pointer}#main .mint-pricing .pricing-controls input{margin:0;flex:none}

/* Saphan versions use the existing dark palette and shared type scale. */
.saphan-versions{scroll-margin-top:110px}.saphan-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0 56px}.saphan-plan{border:1px solid #29384c;border-radius:24px;background:#0b111b;padding:28px;display:flex;flex-direction:column}.saphan-plan h3{margin:8px 0 20px;color:#b4ceff}.saphan-plan .underlink{margin-top:auto;align-self:flex-start;color:#b4ceff}#main .saphan-plan .plan-audience{font-size:.875rem;color:#bdcde0;margin-bottom:0}#main .saphan-plan .plan-terms{font-weight:700;color:#f7f9fc}.saphan-table-scroll{overflow-x:auto;border:1px solid #29384c;border-radius:20px;scrollbar-color:#6a82a7 #0b111b}.saphan-comparison{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed;text-align:left;background:#060a10}.saphan-comparison caption{text-align:left;padding:20px 24px;color:#bdcde0;font-size:.875rem}.saphan-comparison th,.saphan-comparison td{padding:24px;vertical-align:top;border-top:1px solid #29384c;font-size:1rem;line-height:1.6;overflow-wrap:break-word}.saphan-comparison thead th{background:#101a29;color:#b4ceff}.saphan-comparison tbody th{color:#f7f9fc;font-weight:600}.saphan-comparison td{color:#bdcde0}.saphan-comparison th:first-child{width:21%}#main .comparison-hint{display:none;font-size:.875rem;color:#bdcde0}@media(max-width:900px){.saphan-plan-grid{grid-template-columns:1fr}.saphan-plan{padding:24px}#main .comparison-hint{display:block}.saphan-comparison th,.saphan-comparison td{padding:20px}.saphan-comparison th:first-child{position:sticky;left:0;background:#101a29;z-index:1}}

/* Restored indigo infinity, rotated clockwise without distortion. */
.brand-symbol{transform:rotate(30deg);transform-origin:center}

/* Product evidence: original Saphan screenshots, without cropping UI details. */
.evidence-list{display:grid;gap:56px;margin-top:40px}.evidence-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:36px;align-items:center}.evidence-copy h3{margin-bottom:20px}.evidence-item figure{margin:0;min-width:0}.evidence-image{display:block;border:1px solid #29384c;border-radius:18px;overflow:hidden;background:#151515}.evidence-image img{display:block;width:100%;height:auto}.evidence-item figcaption{margin-top:14px}.evidence-item .underlink{font-size:14px}#main .saphan-evidence .evidence-status{font-size:14px;line-height:1.65;max-width:760px;border-left:2px solid #b4ceff;padding-left:16px}#main .saphan-evidence .evidence-source{font-size:14px;line-height:1.6;margin:36px 0 0}.evidence-source a{text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.evidence-item{grid-template-columns:1fr;gap:20px}.evidence-copy p{margin-bottom:0}.evidence-list{gap:40px}}
