/* Homepage foundations. The narrative has its own progressive enhancement. */
:root{--ink-950:#10191b;--ink-900:#182426;--ink-700:#324345;--ink-600:#607775;--accent-bright:#65d9bd;--mist:#bbc9c6;--white:#f3f3ed;--font-sans:'IBM Plex Sans',system-ui,sans-serif;--font-display:'Manrope',system-ui,sans-serif;--font-mono:'IBM Plex Mono',monospace;--page-gutter:clamp(20px,4vw,64px);--page-width:1440px;--paper:#fff;--paper-ink:#182624;--paper-muted:#50635f;--paper-accent:#236b5c;--paper-line:#d6e0dc;--paper-soft:#eff3f0}
*{box-sizing:border-box}html{scroll-padding-top:24px}body.home{margin:0;background:var(--ink-950);color:var(--white);font:400 17px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased}main{padding:0;max-width:none}a{color:inherit;text-underline-offset:.22em}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.8vw,3.8rem);font-weight:700}a:focus-visible,button:focus-visible{outline:3px solid var(--accent-bright);outline-offset:5px}.skip-link{position:absolute;left:20px;top:-100px;z-index:20;background:var(--white);color:var(--ink-950);padding:12px}.skip-link:focus{top:12px}.landing-kicker{font:500 .72rem/1.5 var(--font-mono);letter-spacing:.09em;color:var(--accent-bright)}
.home-hero{width:min(1360px,calc(100% - 2 * var(--page-gutter)));margin:auto;padding:clamp(56px,8vw,120px) 0 64px;text-align:center}.hero-title{font-size:clamp(2.5rem,6.3vw,6.3rem);font-weight:700;margin:24px 0 30px;line-height:1.035;letter-spacing:-.065em}.hero-line{display:block}.hero-line strong{font-weight:inherit}.hero-line-accent{color:var(--accent-bright)}.baseline{max-width:760px;margin:0 auto 28px;font-size:clamp(1.05rem,1.65vw,1.3rem);line-height:1.65;color:#c7d3cf}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.primary,.hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 22px;border-radius:12px;text-decoration:none;font-weight:600}.primary{background:var(--accent-bright);color:#10221d}.primary:hover{background:#96ecd4}.hero-actions .secondary{color:var(--white);text-decoration:underline}.hero-install-note{font-size:.87rem;color:var(--mist);margin:18px 0 28px}.cloud-status{display:flex;list-style:none;justify-content:center;flex-wrap:wrap;gap:16px 28px;padding:0;margin:0}.cloud-status a{display:flex;gap:8px;align-items:center;text-decoration:none;font-size:.85rem;min-height:44px}.cloud-status img{max-height:25px;width:auto;filter:brightness(0) invert(1)}.cloud-status .cloud-wordmark{width:84px}.cloud-status span{font: .68rem var(--font-mono);color:#b4c5bf}.cloud-status .cloud-beta{color:#83dfc5}.cloud-status a:hover img{filter:none}
.product-proof{width:min(var(--page-width),calc(100% - 2 * var(--page-gutter)));margin:0 auto;padding:80px 0 120px;display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(32px,5vw,80px);align-items:center}.product-proof h2{margin:16px 0 24px}.product-proof p:not(.landing-kicker){color:var(--mist);max-width:40ch}.product-proof figure{margin:0;min-width:0}.product-proof figure a{display:block;border:9px solid #283536;border-radius:18px;overflow:hidden}.product-proof img{display:block;width:100%;height:auto}.product-proof figcaption{font: .75rem/1.5 var(--font-mono);color:var(--mist);margin:16px 0}.product-proof>div>a{display:inline-block;padding-block:12px;color:var(--accent-bright)}
.light-page{background:#fff;color:var(--paper-ink);padding:64px var(--page-gutter) 32px;border-radius:36px 36px 0 0;color-scheme:light}.light-page>*{max-width:var(--page-width);margin-inline:auto}.light-page a:focus-visible{outline-color:#176b60}.light-page .landing-kicker{color:var(--paper-accent)}.feature-bento{padding-block:32px 64px}.feature-bento header{max-width:850px;margin-bottom:38px}.feature-bento h2{margin:12px 0 20px}.feature-bento header>p:last-child{color:var(--paper-muted);max-width:60ch}.bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.bento-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:390px;padding:clamp(20px,2vw,30px);padding-top:190px;border-radius:24px;overflow:clip;text-decoration:none;--riso-paper:#f1f0e9;--riso-ink:#252a29;background:var(--riso-paper);color:var(--riso-ink)}
.riso-pilot{--riso-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.riso-pilot::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background-image:var(--riso-grain);opacity:.3;mix-blend-mode:multiply}.signature-art{position:absolute;inset:0;pointer-events:none;z-index:0}.signature-art img{position:absolute;opacity:0;width:1px;height:1px}.signature-art::after{content:'';position:absolute;inset:0;background:var(--riso-ink);mask:var(--riso-art,url('assets/illustrations/simulations-riso-v1.webp')) center top/100% auto no-repeat;-webkit-mask:var(--riso-art,url('assets/illustrations/simulations-riso-v1.webp')) center top/100% auto no-repeat}.riso-copy{position:relative;margin-top:auto;padding-top:18px;background:var(--riso-paper);z-index:1}.riso-copy>p{font:500 .65rem/1.5 var(--font-mono);letter-spacing:.06em;margin:0 0 13px}.riso-copy h3{font-size:clamp(1.6rem,2.2vw,2.3rem);font-weight:750;line-height:1.09;margin:0 0 18px}.riso-copy>span{font-size:.95rem;line-height:1.6;display:block}.riso-security,.riso-negative{--riso-paper:#172022;--riso-ink:#f1f0e9}.riso-security::before,.riso-negative::before{mix-blend-mode:screen;opacity:.1}.riso-security{--riso-art:url('assets/illustrations/security-riso-v1.webp');padding-top:360px}.riso-price{--riso-art:url('assets/illustrations/price-riso-v2.webp')}.riso-migration{--riso-art:url('assets/illustrations/migration-riso-v1.webp')}.riso-operations{--riso-art:url('assets/illustrations/operations-riso-v1.webp')}.riso-build{--riso-art:url('assets/illustrations/build-riso-v1.webp')}.riso-notes{--riso-art:url('assets/illustrations/notes-riso-v1.webp');padding-top:330px}.riso-report{--riso-art:url('assets/illustrations/report-riso-v1.webp')}.riso-standby{--riso-art:url('assets/illustrations/standby-riso-v1.webp')}.riso-sliders{--riso-art:url('assets/illustrations/sliders-riso-v1.webp')}.riso-install{--riso-art:url('assets/illustrations/install-riso-v1.webp')}.riso-security .signature-art::before{content:'';position:absolute;inset:0;z-index:1;background:url('assets/illustrations/security-fault-v2.webp') center top/100% auto no-repeat;opacity:0;filter:url(#suture-ink)}
@media(hover:hover){.riso-pilot:hover{--riso-ink:#176b60}.riso-negative:hover,.riso-security:hover{--riso-ink:#8de0c9}.riso-security:hover .signature-art::before{opacity:1}.riso-security:hover .security-fault-title{color:#ff695d}}
.riso-pilot:focus-visible,.riso-pilot:focus-within{--riso-ink:#176b60}.riso-negative:focus-within,.riso-security:focus-visible{--riso-ink:#8de0c9}.riso-security:focus-visible .signature-art::before{opacity:1}.riso-security:focus-visible .security-fault-title{color:#ff695d}.card-links{display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:20px}.card-links a,.install-jump{position:relative;z-index:3;font-size:.85rem;padding-block:8px}.install-jump{display:inline-block;margin-top:12px}.install-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.install-options a{display:flex;gap:12px;align-items:center;text-decoration:none;min-height:48px}.install-options b,.install-options small{display:block}.install-options b{font-size:.9rem}.install-options small{font-size:.8rem;margin-top:4px}.install-options img{filter:grayscale(1);flex-shrink:0}.bento-more{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:28px}.bento-more a{padding-block:8px;font-size:.9rem}
@media(min-width:1050px){.bento-grid>.bento-card:nth-child(1){grid-area:1/1/2/2}.bento-grid>.bento-card:nth-child(2){grid-area:1/2/3/3}.bento-grid>.bento-card:nth-child(3){grid-area:1/3/2/4}.bento-grid>.bento-card:nth-child(6){grid-area:1/4/2/5}.bento-grid>.bento-card:nth-child(4){grid-area:2/1/3/2}.bento-grid>.bento-card:nth-child(5){grid-area:2/3/3/4}.bento-grid>.bento-card:nth-child(7){grid-area:2/4/4/5}.bento-grid>.bento-card:nth-child(8){grid-area:3/1/4/2}.bento-grid>.project-standby{grid-area:3/2/4/4;padding-top:240px}.bento-grid>.project-sliders{grid-area:4/1/5/2}.bento-grid>.install-card{grid-area:4/2/5/5;padding-top:260px}}
.brand-directory{background:#172022;border-radius:28px;padding:clamp(24px,4vw,64px);margin-block:30px 80px;color:#f1f3ec}.brand-directory header{max-width:800px;margin-bottom:45px}.brand-directory h2{margin:14px 0 24px}.brand-directory .landing-kicker{color:#8de0c9}.brand-intro{color:#c3d1cb}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.ecosystem-role{min-width:0;border-top:1px solid #465752;padding-top:24px}.ecosystem-role h3{font-size:1.65rem;line-height:1.15;margin:16px 0}.ecosystem-role p:not(.landing-kicker){font-size:1rem;color:#c3d1cb}.ecosystem-role small{font-size:.8rem;color:#bac9c3}.brand-logos{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.logo-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100px;text-decoration:none}.logo-link img{width:100px;height:35px;object-fit:contain;filter:brightness(0) invert(1)}.logo-link span{font-size:.75rem;line-height:1.5;text-align:center;color:#bbcfc5}.logo-link:hover img,.logo-link:focus-visible img{filter:none}.ecosystem-action{display:inline-block;margin-top:20px;padding-block:8px;color:#8de0c9}.regional-context{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #465752;margin-top:40px;padding-top:24px}.regional-context small{font-size:.8rem;color:#b5c8bf}.regional-logos img{width:180px;height:50px}
.download-inline{padding:clamp(24px,4vw,56px);border-radius:24px;background:#eef3f0;margin-block:64px}.download-heading h2{margin:16px 0 22px}.download-heading>p:last-child{color:var(--paper-muted)}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.platform{min-width:0;padding:24px;background:white;border-radius:16px}.platform h3{display:flex;align-items:center;gap:12px;font-size:1.4rem;margin:0}.platform h3 img{width:28px;height:32px;object-fit:contain}.platform p{font-size:.9rem;color:var(--paper-muted)}.brew{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.brew code{font:.8rem/1.6 var(--font-mono);overflow-wrap:anywhere;white-space:normal;flex:1;min-width:160px}.copy-btn{min-height:44px;padding:8px 14px;background:#e6eee9;border:1px solid #b1c4ba;border-radius:8px;color:#172b22}.platform-download{display:inline-block;min-height:44px;padding-block:10px}.site-footer{padding-top:48px;border-top:1px solid #d7dfda}.footer-intro{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-bottom:36px}.footer-intro .brand{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;text-decoration:none}.footer-intro p{color:var(--paper-muted);margin:0}.site-footer .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.site-footer h3{font-size:1rem;margin:0 0 16px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li a{display:inline-block;padding:6px 0;font-size:.9rem;color:var(--paper-muted);text-decoration:none}.site-footer li a:hover{text-decoration:underline}.site-footer .meta{font-size:.8rem;border-top:1px solid #d7dfda;margin-top:32px;padding-top:24px;color:var(--paper-muted)}.download-sticky{display:none}
@media(max-width:1049px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card{padding-top:240px}.riso-security,.riso-notes{padding-top:300px}.ecosystem-grid{grid-template-columns:1fr}.ecosystem-role{display:block}.brand-logos{gap:24px}.product-proof{grid-template-columns:1fr;max-width:740px}.product-proof h2{max-width:16ch}.regional-context{flex-direction:column;align-items:flex-start}.site-footer .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.home{font-size:16px}.home-hero{text-align:left;padding:48px 0 40px}.hero-title{font-size:clamp(2.1rem,8.4vw,3.1rem);letter-spacing:-.055em;line-height:1.08}.hero-actions{justify-content:flex-start;gap:4px}.hero-actions a{padding:12px 16px}.cloud-status{justify-content:flex-start;gap:6px 18px}.baseline br{display:none}.light-page{border-radius:24px 24px 0 0;padding-top:36px}.bento-grid{grid-template-columns:1fr}.bento-card{padding:220px 24px 24px;min-height:0}.riso-security,.riso-notes{padding-top:290px}.riso-copy h3{font-size:2rem}.riso-copy>span{font-size:1rem}.install-options,.platform-grid{grid-template-columns:1fr}.product-proof{padding-block:48px 72px}.brand-directory{margin-block:24px 48px}.download-inline{padding:24px 18px}.platform{padding:20px}.site-footer .cols{gap:28px 18px}.site-footer li a{min-height:40px}.global-header nav a{min-height:40px;display:flex;align-items:center}.regional-logos img{width:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.bento-card,.platform{border:1px solid CanvasText}.signature-art{display:none}.primary{border:1px solid ButtonText}.logo-link img,.cloud-status img{filter:none}}
/* Keep the copy on the same paper while the continuous RISO artwork scrolls. */
.bento-grid .riso-copy{position:sticky;bottom:20px}
/* A provider choice, without repeating the whole product pitch. */
.compact-clouds .provider-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:12px 28px}.compact-clouds .logo-link{min-height:126px;align-items:flex-start}.compact-clouds .logo-link img{width:150px;height:42px;max-width:100%}.compact-clouds .logo-link span{text-align:left}.cloud-perimeter{font-size:.85rem;margin:8px 0 30px}.ecosystem-details{border-top:1px solid #465752;padding-top:22px;color:#c3d1cb;font-size:.9rem}.ecosystem-details summary{cursor:pointer;min-height:40px}.reference-lines{max-width:70ch}.compact-clouds header{margin-bottom:24px}
@media(max-width:600px){.compact-clouds .provider-line{grid-template-columns:1fr;gap:0}.compact-clouds .logo-link{min-height:110px;border-bottom:1px solid #364741}.compact-clouds header h2{font-size:2.25rem}}
/* A named creator and a real experience, without implying a fictitious team. */
.founder-note{display:grid;grid-template-columns:190px minmax(0,620px);gap:clamp(28px,5vw,72px);align-items:center;max-width:1000px;margin:70px auto;padding:0 clamp(20px,4vw,48px)}
.founder-note>img{display:block;width:100%;height:auto;border-radius:18px;filter:grayscale(1)}
.founder-note h2{font:600 clamp(29px,3.3vw,42px)/1.1 var(--font-display);letter-spacing:-.04em;margin:0 0 20px}.founder-note p{font-size:17px;line-height:1.7}.founder-note .landing-kicker{font-size:11px}.founder-note a{display:inline-block;padding:14px 0;color:inherit}
@media(max-width:600px){.founder-note{grid-template-columns:1fr;gap:24px;margin:48px auto}.founder-note>img{width:155px}.founder-note p{font-size:16px}}
.bento-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.bento-tools a{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:23px 26px;min-height:100px;border-radius:18px;background:#eeeee7;color:#25322f;text-decoration:none}.bento-tools a:hover,.bento-tools a:focus-visible{background:#d3ece3}.bento-tools strong{font:600 21px/1.2 var(--font-display);letter-spacing:-.02em}.bento-tools span{font-size:13px;line-height:1.5;color:#50605a}.bento-tools a:focus-visible{outline:2px solid #266a55;outline-offset:4px}
@media(max-width:760px){.bento-tools{grid-template-columns:1fr 1fr}.bento-tools a{padding:20px;min-height:115px}.bento-tools strong{font-size:19px}}
@media(max-width:380px){.bento-tools{grid-template-columns:1fr}.bento-tools a{min-height:90px}}