:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{color:#1d2423;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#1d2423;--muted:#68716f;--paper:#f5f6f2;--white:#fff;--line:#dce1dc;--yellow:#f3c51d;--green:#2e6a51;--display:"Oswald", "Arial Narrow", sans-serif;--body:"DM Sans", sans-serif;background:#f5f6f2;font-family:DM Sans,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;color:var(--ink);background:var(--paper);font:16px/1.6 var(--body);margin:0}img{max-width:100%;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:0;color:var(--ink);font-weight:600;line-height:1.08}#app{text-align:left;border:0;width:100%;max-width:none;min-height:100svh;margin:0;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:40;background:var(--yellow);padding:10px 16px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;border-bottom:1px solid var(--line);background:#fffffff7;justify-content:space-between;align-items:center;gap:30px;min-height:82px;padding:0 5.2%;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:150px;height:auto}.site-navigation{align-items:center;gap:clamp(14px,2.2vw,32px);display:flex}.nav-link,.nav-dropdown summary{color:var(--muted);cursor:pointer;padding:10px 0;font-size:14px;text-decoration:none;list-style:none}.nav-link:hover,.nav-dropdown summary:hover{color:var(--ink)}.nav-dropdown{position:relative}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:"+";color:var(--green);margin-left:7px}.nav-dropdown[open] summary:after{content:"−"}.dropdown-panel{background:var(--white);border:1px solid var(--line);min-width:190px;padding:8px;display:grid;position:absolute;top:100%;left:-18px;box-shadow:0 14px 34px #1d24231f}.dropdown-panel a{color:var(--muted);padding:9px 11px;font-size:14px;text-decoration:none}.dropdown-panel a:hover{color:var(--ink);background:var(--paper)}.header-contact{min-height:46px;color:var(--ink);background:var(--yellow);align-items:center;gap:18px;padding:0 17px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.menu-toggle{border:1px solid var(--line);background:var(--white);cursor:pointer;justify-content:center;align-items:center;width:46px;height:46px;display:none}.menu-icon{gap:5px;display:grid}.menu-icon i{background:var(--ink);width:19px;height:2px;transition:transform .2s;display:block}.menu-toggle[aria-expanded=true] .menu-icon i:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-3.5px)rotate(-45deg)}.home-hero{background:var(--ink);justify-content:center;align-items:center;height:calc(100svh - 82px);min-height:600px;display:flex;position:relative;overflow:hidden}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-slide{opacity:0;transition:opacity 1.5s ease-in-out,transform 7.5s ease-out;position:absolute;inset:0;transform:scale(1)}.hero-slide.active{opacity:1;transform:scale(1.08)}.hero-slide img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{z-index:1;background:#0f18159e}.hero-copy{z-index:2;text-align:center;width:min(100% - 48px,840px);animation:.65s both enter;position:relative}.eyebrow{color:var(--green);text-transform:uppercase;align-items:center;gap:9px;margin:0 0 17px;font-size:12px;font-weight:700;display:flex}.home-hero .eyebrow{color:#ffffffc7;justify-content:center}.eyebrow span{background:var(--yellow);flex:none;width:24px;height:3px}.home-hero h1{max-width:860px;color:var(--white);margin:0 auto 23px;font-size:58px}.hero-lead{color:#ffffffdb;max-width:660px;margin:0 auto 30px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.button{justify-content:center;align-items:center;gap:20px;min-height:50px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-dark{color:var(--white);background:var(--ink)}.home-hero .button-dark{color:var(--ink);background:var(--yellow)}.button-dark:hover{color:var(--white);background:var(--green)}.button-light{color:var(--ink);background:var(--yellow)}.button-light:hover{background:var(--white)}.text-link{color:var(--ink);text-underline-offset:5px;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration-thickness:1px;display:inline-flex}.home-hero .text-link{color:var(--white)}.hero-dots{z-index:3;gap:10px;display:flex;position:absolute;bottom:32px;right:32px}.hero-dot{cursor:pointer;background:#ffffff6b;border:0;border-radius:50%;width:14px;height:14px;padding:0;transition:background .3s,transform .3s}.hero-dot:hover{background:#ffffffbf}.hero-dot.active{background:var(--white);transform:scale(1.2)}.hero-dot:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.scroll-indicator{z-index:3;justify-content:center;align-items:flex-start;width:44px;height:52px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(#ffffffb3,#0000);width:1px;height:48px;animation:1.8s ease-in-out infinite scroll-line}@keyframes scroll-line{0%,to{opacity:.4;transform-origin:top;transform:scaleY(.75)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}}.section{padding:92px 8.3%}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.section-heading h2,.company-copy h2,.contact-band h2{max-width:640px;margin-bottom:0;font-size:43px}.section-heading .eyebrow{margin-bottom:12px}.expertise-section{isolation:isolate;background:var(--paper);position:relative;overflow:hidden}.expertise-section:before,.expertise-section:after{z-index:-1;pointer-events:none;content:"";position:absolute}.expertise-section:before{opacity:.46;background-image:linear-gradient(#2e6a510e 1px,#0000 1px),linear-gradient(90deg,#2e6a510e 1px,#0000 1px);background-size:58px 58px;animation:28s linear infinite expertise-grid-drift;inset:0}.expertise-section:after{opacity:.55;background:linear-gradient(110deg,#0000 35%,#f3c51d1f 48%,#2e6a5114 51%,#0000 64%);width:34%;animation:13s ease-in-out infinite expertise-light-sweep;top:-40%;bottom:-40%;left:-46%;transform:translate(-20%)skew(-12deg)}@keyframes expertise-grid-drift{to{background-position:58px 58px}}@keyframes expertise-light-sweep{0%,12%{transform:translate(-20%)skew(-12deg)}78%,to{transform:translate(480%)skew(-12deg)}}.expertise-section>*{z-index:1;position:relative}.expertise-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.expertise-card{background:var(--white);border:1px solid var(--line);min-width:0;text-decoration:none;position:relative;overflow:hidden}.expertise-card>img,.card-image-link img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .35s}.expertise-card:hover>img,.expertise-card:hover .card-image-link img{transform:scale(1.035)}.card-index{color:var(--green);font-size:11px;font-weight:700;display:inline-block}.expertise-card>.card-index{z-index:2;color:var(--ink);background:var(--yellow);padding:6px 8px;position:absolute;top:12px;left:12px}.card-copy{min-height:150px;padding:19px 18px 22px;position:relative}.card-copy h3{margin:7px 26px 8px 0;font-size:25px}.card-copy p{color:var(--muted);margin-bottom:0;font-size:13px}.card-arrow{font-size:20px;position:absolute;top:18px;right:16px}.company-band{background:#e8eee8;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7%;padding:82px 14%;display:grid}.company-mark{background:var(--green);justify-content:center;align-items:center;min-height:280px;display:flex}.company-mark img{object-fit:contain;width:min(80%,420px);max-height:300px}.company-copy h2{margin-bottom:19px}.company-copy>p:not(.eyebrow){max-width:600px;color:var(--muted);margin-bottom:22px}.products-section{background:var(--white)}.product-strip{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.product-feature{min-height:320px;color:var(--white);background:var(--ink);flex-direction:column;justify-content:end;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.product-feature:after{content:"";background:linear-gradient(#0000,#000000c2);position:absolute;inset:30% 0 0}.product-feature img{object-fit:cover;width:100%;height:100%;transition:transform .35s;position:absolute;inset:0}.product-feature:hover img{transform:scale(1.04)}.product-feature span,.product-feature h3{z-index:1;position:relative}.product-feature span{color:var(--yellow);text-transform:uppercase;font-size:12px;font-weight:700}.product-feature h3{color:var(--white);margin:8px 0 0;font-size:27px}.contact-band{color:var(--white);background:var(--green);justify-content:space-between;align-items:center;gap:25px;padding:56px 8.3%;display:flex}.contact-band .eyebrow{color:var(--yellow)}.contact-band h2{color:var(--white);font-size:40px}.page-hero{background:var(--white);grid-template-columns:1fr .8fr;align-items:center;gap:7%;min-height:390px;padding:54px 8.3%;display:grid;position:relative;overflow:hidden}.page-hero-copy{z-index:1;max-width:650px;position:relative}.page-hero-copy h1{margin-bottom:16px;font-size:58px}.page-hero-copy>p:last-child{max-width:590px;color:var(--muted);margin:0;font-size:17px}.page-hero-image{background:var(--paper);height:295px;margin:0;overflow:hidden}.page-hero-image img{object-fit:cover;object-position:center 70%;width:100%;height:100%}.content-section{background:var(--paper);padding-top:55px;padding-bottom:55px}.content-row{border-bottom:1px solid var(--line);grid-template-columns:60px minmax(210px,.75fr) 1.25fr;align-items:start;gap:24px;padding:28px 0;display:grid}.content-row:last-child{border-bottom:0}.content-index{color:var(--green);padding-top:4px;font-size:12px;font-weight:700}.content-row h2{margin-bottom:0;font-size:27px}.content-row p{max-width:700px;color:var(--muted);margin-bottom:0}.detail-products{background:var(--white);padding-top:72px}.detail-card .card-copy{min-height:130px}.detail-card .card-copy h3{margin-top:9px}.card-image-link{display:block;overflow:hidden}.brands-section{background:#e8eee8}.brand-list{grid-template-columns:repeat(4,1fr);align-items:center;gap:12px;display:grid}.brand-list span{background:var(--white);text-align:center;font:600 27px/1 var(--display);padding:24px 12px}.gallery-section{background:var(--white)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.gallery-grid figure{background:var(--paper);min-width:0;margin:0}.gallery-grid img{aspect-ratio:4/3;object-fit:cover;width:100%}.gallery-grid figcaption{color:var(--muted);padding:11px 14px;font-size:13px}.resource-note{background:var(--white);padding-top:8px}.contact-hero{min-height:360px}.contact-details{background:var(--paper);grid-template-columns:1.2fr 1fr 1.1fr 1.1fr;gap:30px;display:grid}.contact-details h2{margin-bottom:13px;font-size:32px}.contact-details p{color:var(--muted);margin-bottom:0}.contact-method{border-left:2px solid var(--yellow);flex-direction:column;gap:9px;min-width:0;padding-left:18px;display:flex}.contact-method>span{color:var(--green);text-transform:uppercase;font-size:12px;font-weight:700}.contact-method a{overflow-wrap:anywhere;text-underline-offset:4px;font-weight:700;text-decoration-thickness:1px}.not-found{min-height:55vh}.site-footer{color:var(--white);background:var(--ink);padding:45px 8.3% 18px}.footer-main{grid-template-columns:.8fr 1.2fr 1fr;align-items:center;gap:32px;padding-bottom:35px;display:grid}.brand-inverted img{background:var(--white);width:130px}.footer-main>p{color:#c0c8c4;max-width:330px;margin:0;font-size:14px}.footer-contact{justify-items:end;gap:5px;display:grid}.footer-contact a{color:var(--white);font-size:14px;text-decoration:none}.footer-bottom{color:#c0c8c4;border-top:1px solid #46504c;justify-content:space-between;gap:16px;padding-top:15px;font-size:12px;display:flex}.not-found h1{font-size:46px}@keyframes enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=1060px){.site-header{padding-left:4%;padding-right:4%}.site-navigation{gap:15px}.nav-link,.nav-dropdown summary{font-size:13px}.header-contact{padding-left:12px;padding-right:12px}.home-hero h1{max-width:700px;font-size:52px}.section{padding-left:6%;padding-right:6%}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-band{padding-left:9%;padding-right:9%}.page-hero{padding-left:6%;padding-right:6%}}@media (width<=790px){.site-header{min-height:72px}.brand img{width:120px}.menu-toggle{display:inline-flex}.site-navigation{background:var(--white);border-bottom:1px solid var(--line);align-items:stretch;gap:0;padding:10px 5% 22px;display:none;position:absolute;top:71px;left:0;right:0;box-shadow:0 16px 24px #1d24231a}.site-navigation.is-open{flex-direction:column;display:flex}.nav-link,.nav-dropdown summary{border-bottom:1px solid var(--line);padding:12px 0;font-size:15px;display:block}.nav-dropdown{border-bottom:1px solid var(--line)}.nav-dropdown summary{border:0}.dropdown-panel{min-width:0;box-shadow:none;border:0;padding:0 0 8px 13px;position:static}.dropdown-panel a{padding:9px 0;display:block}.header-contact{justify-content:space-between;margin-top:14px}.home-hero{height:calc(100svh - 72px);min-height:620px;padding:52px 7% 70px}.home-hero h1{max-width:580px;font-size:46px}.section{padding:68px 7%}.section-heading{flex-direction:column;align-items:start}.section-heading h2,.company-copy h2{font-size:37px}.company-band{grid-template-columns:1fr;gap:30px;padding:62px 7%}.company-mark{min-height:230px}.product-strip{grid-template-columns:1fr}.product-feature{min-height:280px}.contact-band{flex-direction:column;align-items:start;padding:45px 7%}.page-hero{grid-template-columns:1fr;gap:27px;min-height:0;padding:50px 7%}.page-hero-copy h1{font-size:48px}.page-hero-image{aspect-ratio:1.5;height:auto}.content-row{grid-template-columns:38px minmax(0,1fr);gap:9px 17px}.content-row p{grid-column:2}.brand-list{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>p{grid-area:2/1/auto/-1}.footer-contact{justify-items:end}}@media (width<=500px){.brand img{width:112px}.home-hero{min-height:640px;padding-top:42px}.home-hero h1{font-size:40px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:center;gap:16px}.hero-dots{bottom:24px;right:22px}.scroll-indicator{bottom:20px}.expertise-grid{grid-template-columns:1fr}.section-heading h2,.company-copy h2,.contact-band h2{font-size:33px}.page-hero-copy h1{font-size:41px}.page-hero-copy>p:last-child{font-size:16px}.gallery-grid,.contact-details{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:20px}.footer-main>p{grid-area:auto}.footer-contact{justify-items:start}.footer-bottom{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.expertise-section:before,.expertise-section:after{animation:none!important}}
