/* Yuris Solution homepage refinement layer. */
:root{--warm:#f5f7fc;--amber:#7a72e8;--focus:#263a9e;--max:min(1800px,calc(100vw - 128px));--blue:#5367d8;--blue-dark:#3548b9;--blue-soft:#e9edff;--graphite:#1b2440;--muted:#58627a;--line:#dce2f0}
html{scroll-padding-top:100px}
body{background:#fff}
.skip-link{position:fixed;z-index:100;top:12px;left:16px;transform:translateY(-180%);background:var(--graphite);color:#fff;padding:11px 15px;font-weight:750;transition:transform .18s ease-out}
.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(32,38,46,.06)}
h1,h2{font-family:"Hanken Grotesk",Arial,sans-serif;font-weight:780;letter-spacing:-.025em}
h1{font-size:72px;line-height:1.03}
h2{font-size:50px;line-height:1.08}
.hero{min-height:680px;padding-top:84px;padding-bottom:80px;align-items:start}
.hero-copy{padding-top:20px}
.hero-lead{max-width:650px;margin-top:24px;font-size:20px;line-height:1.6}
.hero-proof{display:flex;align-items:center;gap:9px;color:var(--graphite);margin:24px 0 0;font-size:14px}
.hero-proof strong{font-weight:800}
.proof-mark{width:10px;height:10px;flex:none;background:var(--amber);border-radius:50%;box-shadow:0 0 0 5px rgba(211,154,82,.16)}
.hero-facts{margin-top:30px;padding-top:20px}
.hero-facts li:before{background:var(--amber);border-radius:2px}
.hero-visual{margin-top:16px;border-radius:8px;box-shadow:0 22px 50px rgba(32,38,46,.18)}
.difference-promise{border-top:2px solid var(--blue);border-left:0;background:var(--warm);margin-top:12px}
.promise-link{display:inline-flex;align-items:center;gap:7px;margin-left:14px;color:var(--blue)}
.promise-link span{color:var(--blue)}
.section{padding-top:124px;padding-bottom:124px}
.section-heading h2{max-width:720px}
.challenge-item{transition:background-color .2s ease-out}
.challenge-item:hover{background:var(--warm)}
.use-case-grid article{min-height:240px}
.process-grid article{transition:transform .2s ease-out,box-shadow .2s ease-out}
.process-grid article:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(32,38,46,.08)}
.measurement{background:var(--warm)}
.founder{background:var(--warm)}
.founder-points span{border-color:#d4dcf5}
summary{transition:color .18s ease-out}
summary:hover{color:var(--blue)}
summary:focus-visible,.button:focus-visible,.text-link:focus-visible,.site-header a:focus-visible,footer a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.contact-form{box-shadow:0 18px 40px rgba(32,38,46,.16)}
.button{border-radius:4px}
@media (width<=1200px){h1{font-size:64px}.hero{gap:56px}}
@media (width<=900px){h1{font-size:56px}h2,.contact h2{font-size:44px}.hero{padding-top:64px;padding-bottom:72px}.hero-copy{padding-top:0}.hero-visual{margin-top:0}.section{padding-top:96px;padding-bottom:96px}}
@media (width<=620px){h1{font-size:44px}h2,.contact h2{font-size:36px}.hero{padding-top:48px;padding-bottom:60px}.hero-lead{font-size:18px;line-height:1.58}.hero-proof{align-items:flex-start;line-height:1.45}.hero-facts{margin-top:26px}.promise-link{margin:14px 0 0;display:flex}.difference-promise p{line-height:1.6}.section{padding-top:76px;padding-bottom:76px}.challenge-item:hover,.process-grid article:hover{transform:none;box-shadow:none}.use-case-grid article{min-height:auto}}
body{background:var(--warm)}
.site-header{background:rgba(245,247,252,.95)}
.hero{width:min(var(--max),calc(100% - 48px));background:var(--warm);position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;top:0;right:-8vw;width:44vw;height:100%;background:rgba(122,114,232,.09);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.hero-copy{max-width:760px}
.hero h1{max-width:760px}
.hero-visual{align-self:center}
.trust-strip{width:100%;padding:26px max(24px,calc((100% - var(--max)) / 2));background:var(--graphite);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.trust-strip>div{min-height:88px;padding:10px 34px;border-right:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:34px 1fr;column-gap:14px;align-content:center}
.trust-strip>div:first-child{padding-left:0}
.trust-strip>div:last-child{border-right:0}
.trust-strip span{grid-row:1/3;color:#8dabff;font-size:12px;font-weight:800;padding-top:3px}
.trust-strip strong{font-size:17px;line-height:1.2}
.trust-strip p{margin:5px 0 0;color:#b9c1cb;font-size:14px;line-height:1.35}
.section{background:#fff}
.difference{background:#fff}
.intro{background:var(--warm)}
.intro .challenge-grid{border-color:#d8def0}
.challenge-item{background:rgba(255,255,255,.48)}
.use-cases{background:var(--graphite)}
.process{background:#fff}
.faq{background:var(--warm)}
.contact{background:var(--blue)}
.contact-form{border:1px solid rgba(255,255,255,.7)}
.difference-compare{box-shadow:0 16px 34px rgba(32,38,46,.08)}
.difference-compare .standard-column{background:#fff}
.difference-compare .custom-column{background:var(--graphite)}
.difference-compare .custom-column .compare-label{color:#b8c8f4}
.difference-compare .custom-column li{color:#e6ebf3}
.difference-promise{box-shadow:0 10px 24px rgba(32,38,46,.05)}
.section-heading h2{max-width:780px}
.section-intro{max-width:700px}
@media (width<=900px){.hero:before{right:-18vw;width:70vw}.trust-strip{grid-template-columns:1fr}.trust-strip>div,.trust-strip>div:first-child{padding:18px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.trust-strip>div:last-child{border-bottom:0}.trust-strip>div{min-height:0}}
@media (width<=620px){.hero:before{right:-36vw;width:110vw}.trust-strip{padding-left:16px;padding-right:16px}.trust-strip>div{grid-template-columns:30px 1fr}.trust-strip strong{font-size:16px}.trust-strip p{font-size:13px}.hero{width:calc(100% - 32px)}}

/* Shared inner gutter: keeps copy away from section edges. */
.hero{padding-left:clamp(20px,2.2vw,36px);padding-right:clamp(20px,2.2vw,36px)}
.section:not(.use-cases):not(.founder){padding-left:clamp(20px,2.2vw,36px);padding-right:clamp(20px,2.2vw,36px)}
.use-cases,.contact{padding-left:max(24px,calc((100% - var(--max)) / 2));padding-right:max(24px,calc((100% - var(--max)) / 2))}
.founder{padding-left:max(24px,calc((100% - var(--max)) / 2 + 32px));padding-right:max(24px,calc((100% - var(--max)) / 2 + 32px))}
@media (width<=620px){.hero{padding-left:16px;padding-right:16px}.section:not(.use-cases):not(.founder){padding-left:16px;padding-right:16px}.use-cases,.contact,.founder{padding-left:16px;padding-right:16px}}

/* Header without CTA button. */
.site-header{grid-template-columns:auto 1fr}.site-header nav{justify-content:flex-end}