@font-face{font-family:Geist;src:url('/assets/fonts/geist-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/fonts/geist-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/fonts/geist-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}
:root{--paper:#f8f9f6;--ink:#0b0d0e;--muted:#626966;--line:#dcded9;--teal:#163f43;--blue:#17283a;--white:#fff;--gutter:clamp(1.5rem,4.5vw,5rem);--max:1320px;--sans:Geist,'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}svg{flex-shrink:0}p,h1,h2,h3,h4,h5,figure{margin:0}h1,h2,h3,h4,h5{font-weight:500}p{line-height:1.65}::selection{background:#d4e2dc;color:var(--ink)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #54796d;outline-offset:6px;border-radius:2px}.wrap{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--teal);color:white;padding:12px 18px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:.8125rem;font-weight:500;line-height:1.4;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.arrow{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none;transition:transform .22s ease}.text-link{display:inline-flex;align-items:center;gap:28px;min-height:44px;font-size:1rem;font-weight:500;width:fit-content;padding-block:8px;border-bottom:1px solid currentColor}.text-link:hover .arrow{transform:translate(3px,-3px)}.text-link--right:hover .arrow{transform:translateX(4px)}.text-link--down:hover .arrow{transform:translateY(4px)}
.site-header{position:relative;z-index:20}.header-inner{min-height:126px;display:flex;justify-content:space-between;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand{display:block;flex:none;padding-block:16px}.brand img{width:200px;height:auto}.desktop-nav{display:flex;align-items:center;gap:40px}.desktop-nav a,.footer-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem}.desktop-nav a::after,.footer-nav a::after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover::after,.desktop-nav a[aria-current=page]::after,.footer-nav a:hover::after{transform:scaleX(1)}.mobile-menu{display:none}
.hero{padding-block:76px 104px}.hero h1{margin-top:34px;font-size:clamp(3.5rem,7.4vw,6.7rem);line-height:1.045;letter-spacing:-.058em;max-width:1250px}.hero h1 span{display:block}.hero h1 .accent{color:var(--teal)}.hero-bottom{margin-top:54px;display:flex;align-items:flex-end;justify-content:space-between;gap:70px}.hero-description{font-size:1.25rem;line-height:1.55;color:var(--muted);max-width:560px}.hero .text-link{flex-shrink:0;color:var(--teal);margin-bottom:5px;gap:56px}.hero .eyebrow{color:var(--teal)}
.work-section{border-top:1px solid var(--line)}.work-intro{padding-top:76px;padding-bottom:58px;display:grid;grid-template-columns:.75fr 2fr 1.45fr;gap:48px;align-items:start}.work-intro .eyebrow{padding-top:9px}.work-intro h2{font-size:clamp(2rem,3.25vw,3.125rem);line-height:1.1;letter-spacing:-.047em;max-width:520px}.work-intro p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;color:var(--muted);max-width:380px;padding-top:7px}.product{padding-block:72px 90px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,6.8vw,100px);align-items:center}.product-copy{padding-bottom:20px}.product-label{display:flex;align-items:center;gap:12px;font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.075em;text-transform:uppercase;margin-bottom:30px}.product-label .label-separator{height:12px;width:1px;background:#b5bcb5}.product-label .status-text{font-size:.8125rem;letter-spacing:.06em;color:var(--muted)}.product-label .live{display:inline-flex;align-items:center;gap:7px}.product-label .live::before{content:'';height:6px;width:6px;border-radius:50%;background:#3d7e65}.product-copy h3{font-size:clamp(2.4rem,3.5vw,3.375rem);line-height:1.12;letter-spacing:-.048em}.product-copy>p{font-size:1.125rem;line-height:1.65;color:var(--muted);max-width:440px;margin-top:26px}.product-copy .text-link{margin-top:29px;gap:34px}.product-copy .trust-line{font-size:.875rem;line-height:1.6;color:var(--ink);margin-top:21px}.product--via{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.product--via .product-copy{grid-column:2;grid-row:1}.product--via .product-figure{grid-column:1;grid-row:1}.product-figure{min-width:0}.product-figure figcaption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.75rem;line-height:1.6;margin-top:16px}.figure-number{font-variant-numeric:tabular-nums;color:#868d87}
.clear-stage{background:#e8f1fc;min-height:450px;padding:54px 38px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e9f4;border-radius:3px;position:relative}.clear-record{font-family:Geist,Arial,sans-serif;width:100%;max-width:450px;padding:30px 28px 24px;background:white;border:1px solid #d8e0ea;border-radius:14px;color:#101b30;box-shadow:0 16px 34px #244e7d0d}.record-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.record-brand{font-size:1.125rem;font-weight:600;letter-spacing:-.025em}.record-brand b{color:#2283d6;font-weight:600}.record-status{font-size:.75rem;font-weight:500;line-height:1.4;background:#e0f4e9;color:#237657;border-radius:5px;padding:5px 8px;text-align:center}.clear-record h4{font-size:1.5rem;font-weight:600;letter-spacing:-.04em;margin-bottom:17px}.clear-record>p{font-size:1rem;line-height:1.65;color:#566273}.clear-record>p+p{margin-top:16px}.record-bottom{border-top:1px solid #e5eaf0;margin-top:24px;padding-top:18px;display:flex;align-items:center;gap:10px;color:#237657;font-size:.8125rem;font-weight:500;line-height:1.5}.record-check{display:grid;place-items:center;background:#1ba572;color:white;width:24px;height:24px;border-radius:50%;flex:none}.record-check svg{width:14px;height:14px;stroke-width:2.5}
.via-stage{background:#080e1b;border:1px solid #172b45;padding:26px 30px 22px;border-radius:3px;color:#f1f5fc;font-family:'Segoe UI',Geist,sans-serif;min-height:450px}.via-mini-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:21px;border-bottom:1px solid #263143}.via-wordmark{font-size:1.3125rem;line-height:1.3;font-weight:600;letter-spacing:-.04em}.via-wordmark span{color:#3386ff}.via-mini-label{color:#8796ad;font-size:.75rem;line-height:1.4}.repo-eyebrow{font-size:.75rem;line-height:1.5;color:#7f9fce;margin-top:24px}.via-stage h4{font-size:clamp(1.25rem,1.65vw,1.5625rem);letter-spacing:-.035em;line-height:1.25;overflow-wrap:anywhere;margin-top:7px}.repo-maintainer{color:#91a0b5;font-size:.75rem;line-height:1.5;margin-top:7px}.repo-description{font-size:.9375rem;line-height:1.6;color:#c2cbda;margin-top:19px}.profile-tabs{display:flex;align-items:center;gap:24px;border-block:1px solid #263143;margin-top:23px;color:#99aac1;font-size:.75rem;line-height:1.5}.profile-tabs span{padding-block:12px}.profile-tabs .selected{color:white;position:relative}.profile-tabs .selected::after{content:'';height:2px;background:#4b91ff;position:absolute;bottom:-1px;left:0;right:0}.profile-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding-block:21px}.profile-overview h5{font-size:.9375rem;letter-spacing:-.015em;margin-bottom:8px;color:#e4eaf4}.profile-overview p{font-size:.8125rem;line-height:1.6;color:#9aaac1;max-width:310px}.repo-facts{border-left:1px solid #263143;padding-left:20px;margin:0;font-size:.75rem;min-width:99px}.repo-facts dt{color:#7e8ca3;line-height:1.4;margin-bottom:4px}.repo-facts dd{margin:0 0 12px;font-weight:500;color:#dce5f4}.repo-facts dd:last-child{margin-bottom:0}.repo-source{border-top:1px solid #263143;display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:15px;font-size:.75rem;line-height:1.5;color:#9abcf1}.repo-source span{display:flex;align-items:center;gap:7px}.repo-source .arrow{width:15px;height:15px}.repo-source .source-count{color:#c2cbda}
.company-close{background:var(--teal);color:var(--white);margin-top:18px}.close-inner{padding-block:84px 90px;display:grid;grid-template-columns:1fr 1fr;gap:64px;position:relative}.close-heading .eyebrow{color:#a7bdbc;margin-bottom:30px}.close-heading h2{font-size:clamp(2.5rem,4.5vw,4.25rem);line-height:1.08;letter-spacing:-.05em}.close-copy{align-self:end;max-width:425px;padding-bottom:2px}.close-copy p{font-size:1.1875rem;line-height:1.65;color:#c3d1cf}.close-copy .text-link{margin-top:30px}.close-mark{position:absolute;width:58px;height:58px;right:0;top:55px}.contact-area{padding-block:78px 76px;display:flex;align-items:center;justify-content:space-between;gap:32px}.contact-area h2{font-size:1rem;font-weight:400;color:var(--muted);letter-spacing:0}.email-link{font-size:clamp(1.6rem,3.1vw,2.75rem);font-weight:400;letter-spacing:-.045em;display:inline-flex;align-items:center;gap:26px;min-height:48px}.email-link .arrow{width:32px;height:32px}.email-link:hover .arrow{transform:translate(3px,-3px)}.footer-bottom{border-top:1px solid var(--line);min-height:98px;display:flex;justify-content:space-between;align-items:center;gap:24px}.copyright{font-size:.8125rem;line-height:1.5;color:var(--muted)}.footer-nav{display:flex;gap:30px}.footer-nav a{font-size:.8125rem}
.about-hero{padding-block:80px 88px}.about-hero h1{font-size:clamp(3.25rem,6.8vw,6.25rem);line-height:1.055;letter-spacing:-.057em;margin-top:34px;max-width:1100px}.about-hero h1 span{color:var(--teal)}.about-hero .about-intro{margin-top:46px;margin-left:auto;width:min(100%,650px);font-size:1.375rem;line-height:1.55;color:var(--muted)}.about-content{border-top:1px solid var(--line)}.about-section{display:grid;grid-template-columns:.6fr 1.1fr 1.3fr;gap:58px;padding-block:82px;border-bottom:1px solid var(--line);align-items:start}.about-section>.eyebrow{margin-top:8px}.about-section h2{font-size:clamp(2rem,3vw,2.9rem);line-height:1.13;letter-spacing:-.045em}.prose p{font-size:1.125rem;line-height:1.75;color:var(--muted)}.prose p+p{margin-top:22px}.prose .emphasis{color:var(--ink)}.principles{padding-block:80px 86px;display:grid;grid-template-columns:.6fr 2.4fr;gap:58px}.principles>.eyebrow{padding-top:21px}.principles-list{list-style:none;margin:0;padding:0}.principles-list li{display:grid;grid-template-columns:40px 1.12fr 1fr;gap:28px;padding-block:24px;border-bottom:1px solid var(--line);align-items:baseline}.principles-list li:first-child{padding-top:13px}.principles-list li:last-child{border-bottom:0;padding-bottom:0}.principle-number{font-size:.8125rem;color:#78827b;font-variant-numeric:tabular-nums}.principles-list h3{font-size:1.625rem;line-height:1.2;letter-spacing:-.035em}.principles-list p{font-size:1rem;line-height:1.6;color:var(--muted)}.about-note{background:var(--teal);color:white}.about-note-inner{padding-block:76px 80px;display:grid;grid-template-columns:.6fr 2.4fr;gap:58px}.about-note .eyebrow{color:#a7bdbc;padding-top:9px}.about-note h2{font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.15;letter-spacing:-.045em;max-width:860px}.about-note p:not(.eyebrow){margin-top:24px;color:#c3d1cf;font-size:1.1875rem}.about-work{padding-block:80px;display:grid;grid-template-columns:.6fr 1.1fr 1.3fr;gap:58px;border-bottom:1px solid var(--line);align-items:center}.about-work .eyebrow{align-self:start;margin-top:5px}.public-work-list{display:flex;flex-direction:column;gap:16px}.public-work-list a{display:flex;align-items:baseline;gap:20px;min-height:35px;width:fit-content}.public-work-list strong{font-size:1.375rem;font-weight:500;letter-spacing:-.035em}.public-work-list span{font-size:.8125rem;color:var(--muted)}.public-work-list a:hover strong{text-decoration:underline;text-underline-offset:4px}.about-work>.text-link{justify-self:end}
@media(min-width:1500px){.hero{padding-top:94px;padding-bottom:122px}.hero-bottom{margin-top:64px}}
@media(max-width:1150px){.hero h1{font-size:7.2vw}.work-intro{grid-template-columns:.7fr 1.7fr 1.3fr;gap:30px}.work-intro h2{font-size:2.45rem}.product{gap:45px}.product-copy h3{font-size:2.7rem}.clear-stage{padding:38px 24px;min-height:420px}.clear-record{padding:24px}.record-top{align-items:start}.record-status{max-width:98px}.via-stage{padding:22px;min-height:420px}.profile-overview{gap:15px}.repo-facts{padding-left:14px}.profile-tabs{gap:18px}.close-inner{gap:70px}.about-section,.about-work{grid-template-columns:.55fr 1fr 1.3fr;gap:34px}.principles,.about-note-inner{grid-template-columns:.55fr 2.3fr;gap:34px}.principles-list li{gap:20px;grid-template-columns:30px 1fr 1fr}.principles-list h3{font-size:1.5rem}}
@media(max-width:900px){.header-inner{min-height:114px}.hero{padding-block:64px 80px}.hero-bottom{gap:40px;margin-top:40px}.hero-description{font-size:1.125rem;max-width:470px}.hero .text-link{gap:26px}.work-intro{grid-template-columns:1.1fr 1fr;gap:25px 42px;padding-block:60px 42px}.work-intro .eyebrow{grid-column:1/-1;padding-top:0}.work-intro h2{font-size:2.35rem}.work-intro p:not(.eyebrow){padding-top:0;font-size:1rem}.product,.product--via{grid-template-columns:1fr;gap:38px;padding-block:58px 64px}.product-copy{max-width:640px;padding-bottom:0}.product-copy h3{font-size:3rem}.product-copy h3 br{display:none}.product-copy>p{max-width:560px}.product-label{margin-bottom:23px}.product--via .product-copy,.product--via .product-figure{grid-column:auto;grid-row:auto}.product--via .product-copy{order:0}.product--via .product-figure{order:1}.clear-stage{min-height:420px;padding:50px}.record-status{max-width:none}.via-stage{padding:30px 34px;min-height:440px}.via-stage h4{font-size:1.6rem}.repo-description{font-size:1rem;max-width:520px}.profile-overview p{font-size:.9375rem;max-width:410px}.repo-facts{padding-left:30px;min-width:130px}.profile-overview{gap:26px}.profile-tabs{gap:30px}.company-close{margin-top:0}.close-inner{padding-block:74px;gap:40px}.close-heading h2{font-size:3rem}.close-copy p{font-size:1.0625rem}.close-mark{top:33px;width:44px;height:44px}.contact-area{padding-block:62px;gap:20px}.email-link{gap:20px}.about-hero{padding-block:66px 74px}.about-hero .about-intro{font-size:1.25rem;max-width:570px}.about-section,.about-work{grid-template-columns:1fr 1.2fr;gap:32px 48px;padding-block:64px}.about-section>.eyebrow,.about-work>.eyebrow{grid-column:1/-1;margin:0}.about-section h2{font-size:2.6rem}.prose p{font-size:1.0625rem}.principles,.about-note-inner{grid-template-columns:1fr;gap:30px;padding-block:64px}.principles>.eyebrow{padding-top:0}.principles-list li{grid-template-columns:30px 1fr 1fr;gap:22px}.about-note-inner h2{max-width:680px}.about-work>.text-link{justify-self:end}}
@media(max-width:640px){:root{--gutter:1.5rem}.header-inner{min-height:102px;gap:20px}.brand img{width:160px}.brand{padding-block:18px}.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{display:flex;align-items:center;gap:13px;min-height:44px;cursor:pointer;list-style:none;font-size:.9375rem}.mobile-menu summary::-webkit-details-marker{display:none}.menu-icon{width:19px;height:19px;position:relative;display:block}.menu-icon::before,.menu-icon::after{content:'';position:absolute;height:1px;width:19px;left:0;background:currentColor;transition:transform .18s,top .18s}.menu-icon::before{top:6px}.menu-icon::after{top:12px}.mobile-menu[open] .menu-icon::before{top:9px;transform:rotate(45deg)}.mobile-menu[open] .menu-icon::after{top:9px;transform:rotate(-45deg)}.mobile-nav{position:absolute;left:0;right:0;top:calc(100% - 1px);padding:18px var(--gutter) 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0b0d0e08;display:flex;flex-direction:column}.mobile-nav a{padding-block:13px;font-size:1.125rem}.mobile-nav a[aria-current=page]{color:var(--teal);text-decoration:underline;text-underline-offset:5px}.hero{padding-block:53px 68px}.eyebrow{font-size:.75rem;letter-spacing:.11em}.hero h1{margin-top:28px;font-size:clamp(2.8rem,9.2vw,3.65rem);line-height:1.06;letter-spacing:-.055em}.hero h1 span{display:inline}.hero h1 .accent::before{content:' ';display:block}.hero-bottom{margin-top:32px;display:block}.hero-description{font-size:1.0625rem;line-height:1.65;max-width:430px}.hero .text-link{margin-top:26px;margin-bottom:0;font-size:.9375rem;gap:44px}.work-intro{display:block;padding-block:43px 36px}.work-intro h2{font-size:2.2rem;line-height:1.13;margin-top:23px;max-width:350px}.work-intro p:not(.eyebrow){font-size:1rem;margin-top:22px;max-width:420px}.product,.product--via{padding-block:40px 49px;gap:32px}.product-label{font-size:.8125rem;margin-bottom:22px;gap:10px}.product-label .status-text{font-size:.75rem}.product-copy h3{font-size:2.4rem;line-height:1.12;letter-spacing:-.045em}.product-copy h3 br{display:initial}.product-copy>p{font-size:1.0625rem;line-height:1.65;margin-top:22px}.product-copy .text-link{margin-top:21px}.product-copy .trust-line{font-size:.8125rem}.clear-stage{min-height:360px;padding:30px 19px}.clear-record{padding:22px 19px 20px;border-radius:12px}.record-top{gap:10px;margin-bottom:22px;align-items:center}.record-brand{font-size:1.0625rem}.record-status{font-size:.75rem;padding:4px 7px;max-width:96px}.clear-record h4{font-size:1.3125rem;margin-bottom:15px}.clear-record>p{font-size:.9375rem;line-height:1.6}.record-bottom{font-size:.75rem;margin-top:20px;padding-top:17px}.product-figure figcaption{font-size:.75rem;margin-top:12px;gap:15px}.via-stage{padding:22px 20px;min-height:0}.via-mini-header{padding-bottom:18px;gap:12px}.via-mini-label{font-size:.75rem;max-width:105px;text-align:right}.via-stage h4{font-size:1.3125rem}.repo-description{font-size:.9375rem;margin-top:17px}.profile-tabs{gap:22px;margin-top:20px;font-size:.75rem}.profile-overview{grid-template-columns:1fr;gap:20px}.profile-overview p{font-size:.875rem}.repo-facts{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:10px;border:0;padding:0;font-size:.75rem;align-items:baseline}.repo-facts dd{margin:0}.repo-source{font-size:.75rem;gap:12px;align-items:flex-start}.repo-source span{max-width:130px}.source-count{flex-shrink:0}.close-inner{display:block;padding-block:54px 60px}.close-heading .eyebrow{margin-bottom:26px}.close-heading h2{font-size:2.65rem;max-width:340px}.close-copy{margin-top:30px;max-width:450px}.close-copy p{font-size:1.0625rem}.close-copy .text-link{font-size:.9375rem;margin-top:24px}.close-mark{width:42px;height:42px;top:40px}.contact-area{display:block;padding-block:48px 44px}.contact-area h2{font-size:.9375rem;margin-bottom:14px}.email-link{font-size:clamp(1.5rem,6.35vw,2.2rem);gap:13px;min-height:44px;letter-spacing:-.035em}.email-link .arrow{width:25px;height:25px}.footer-bottom{min-height:118px;gap:12px;align-items:start;justify-content:center;flex-direction:column;padding-block:22px}.copyright{font-size:.75rem}.footer-nav{gap:26px}.footer-nav a{font-size:.8125rem;min-height:36px}.about-hero{padding-block:54px 59px}.about-hero h1{font-size:clamp(2.9rem,9.5vw,3.8rem);line-height:1.06;margin-top:28px}.about-hero .about-intro{font-size:1.125rem;line-height:1.65;margin-top:32px;max-width:none}.about-section{display:block;padding-block:46px}.about-section h2{font-size:2.35rem;margin-top:22px;line-height:1.14}.prose{margin-top:25px}.prose p{font-size:1.0625rem;line-height:1.7}.prose p+p{margin-top:20px}.principles{padding-block:47px 51px;gap:26px}.principles-list li{grid-template-columns:28px 1fr;gap:10px 16px;padding-block:24px;align-items:start}.principles-list li:first-child{padding-top:0}.principle-number{padding-top:5px}.principles-list h3{font-size:1.5rem;line-height:1.25}.principles-list p{grid-column:2;font-size:1rem}.about-note-inner{padding-block:49px 53px;gap:24px}.about-note .eyebrow{padding:0}.about-note h2{font-size:2.25rem;line-height:1.15}.about-note p:not(.eyebrow){font-size:1.0625rem;margin-top:22px}.about-work{display:block;padding-block:47px}.public-work-list{margin-top:26px;gap:14px}.public-work-list strong{font-size:1.35rem}.about-work>.text-link{margin-top:28px}}
@media(max-width:360px){:root{--gutter:1.25rem}.hero h1{font-size:2.7rem}.clear-stage{padding:25px 13px}.clear-record{padding:20px 16px}.via-stage{padding:20px 16px}.profile-tabs{gap:18px}.repo-facts{grid-template-columns:auto 1fr;gap:6px 16px}.repo-source{flex-direction:column;gap:9px}.repo-source span{max-width:none}.email-link{font-size:1.45rem}.close-heading h2{font-size:2.35rem}}
@media(prefers-reduced-motion:no-preference){.hero .eyebrow,.hero h1,.hero-bottom,.about-hero>*{animation:arrive .65s both}.hero h1,.about-hero h1{animation-delay:.08s}.hero-bottom,.about-hero .about-intro{animation-delay:.16s}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.site-header,.mobile-menu,.skip-link,.footer-nav{display:none}.hero,.about-hero{padding-block:30px}.product,.about-section{break-inside:avoid}.company-close,.about-note{print-color-adjust:exact}.clear-stage,.via-stage{print-color-adjust:exact}a{color:inherit}body{background:white}}

/* The original ClearOK screenshot is displayed through three precise viewports. */
.product--clear{display:block}
.product--clear .product-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(40px,7vw,100px);row-gap:0;max-width:none;padding-bottom:0}
.product--clear .product-label{grid-column:1/-1;margin-bottom:27px}
.product--clear .product-copy h3{font-size:clamp(2.4rem,3.7vw,3.375rem)}
.clear-description{max-width:480px;justify-self:end;align-self:center}
.clear-description p{font-size:1.125rem;line-height:1.65;color:var(--muted)}
.product--clear .product-figure{margin-top:46px}
.clear-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.usecase-screenshot{position:relative;overflow:hidden;aspect-ratio:368/352;border-radius:20px;background:#fff;min-width:0}
.usecase-screenshot img{position:absolute;width:556.521739%;max-width:none;height:auto;left:var(--crop-left);top:-63.920455%;pointer-events:none}
.shop-composition{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;aspect-ratio:1.34;min-width:0}
.shop-photo{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:3px}
.shop-photo--art{grid-row:1/3;object-position:50% 50%}
.shop-photo--mug{grid-column:2;grid-row:1}
.shop-photo--apparel{grid-column:2;grid-row:2}
@media(min-width:641px) and (max-width:1050px){.clear-usecases{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.usecase-screenshot{border-radius:14px}}
@media(max-width:900px){.product--clear .product-copy{grid-template-columns:1fr;max-width:640px;gap:0}.product--clear .product-copy h3{font-size:3rem}.clear-description{justify-self:start;max-width:560px;margin-top:26px}.product--clear .product-figure{margin-top:38px}.clear-usecases{grid-template-columns:1fr;gap:24px;justify-items:center}.usecase-screenshot{width:min(100%,440px);border-radius:22px}.shop-composition{aspect-ratio:1.5;gap:20px}.public-work-list a{flex-wrap:wrap;gap:6px 20px}}
@media(max-width:640px){.product--clear .product-copy h3{font-size:2.4rem}.product--clear .product-label{margin-bottom:22px}.clear-description{margin-top:22px}.clear-description p{font-size:1.0625rem}.product--clear .product-figure{margin-top:32px}.clear-usecases{gap:21px}.usecase-screenshot{border-radius:18px}.shop-composition{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;aspect-ratio:auto;gap:12px}.shop-photo{height:auto;aspect-ratio:1}.shop-photo--art{grid-column:1/-1;grid-row:1}.shop-photo--mug{grid-column:1;grid-row:2}.shop-photo--apparel{grid-column:2;grid-row:2}}