@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap";:root{--primary:#2563eb;--primary-dark:#1d4ed8;--text:#37413d;--muted:#6d7773;--border:#e2e6e3;--soft:#f6f7f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:#fff;margin:0;font-family:"Source Sans 3",sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1100px,100% - 32px);margin:0 auto}.site-header{z-index:10;border-bottom:1px solid var(--border);backdrop-filter:blur(8px);background:#ffffffeb;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{color:#2d3632;align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.kwila-logo{object-fit:contain;width:30px;height:30px}.nav-links{color:var(--muted);gap:28px;font-size:15px;display:flex}.nav-links a:hover,.footer-inner a:hover{color:var(--primary-dark)}.hero{background:var(--soft);border-bottom:1px solid var(--border)}.hero-inner{text-align:center;flex-direction:column;align-items:center;padding:92px 0 100px;display:flex}h1,h2,h3,p{margin-top:0}h1{color:var(--primary-dark);letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(36px,6vw,58px);line-height:1.05}.tagline{color:var(--text);margin-bottom:15px;font-size:23px}.primary-link{color:#fff;background:var(--primary);border-radius:6px;padding:9px 17px;font-weight:600;display:inline-block}.primary-link:hover{background:var(--primary-dark)}h2{color:var(--primary-dark);letter-spacing:-.02em;margin-bottom:24px;font-size:34px;line-height:1.1}.screens-section{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:92px 0 105px}.section-heading{text-align:center}.screen-grid{grid-template-columns:repeat(2,1fr);gap:46px 24px;display:grid}.screen-grid figure{margin:0}.screen-trigger{cursor:zoom-in;text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.screen-trigger:focus-visible .screen-frame,.screen-trigger:hover .screen-frame{border-color:var(--primary);box-shadow:0 5px 16px #2563eb2e}.screen-frame{background:#edf0ee;border:1px solid #d9dfdb;border-radius:9px;padding:7px 7px 0;overflow:hidden;box-shadow:0 3px 10px #2d36320f}.screen-frame img{border-radius:5px 5px 0 0;width:100%;display:block}figcaption{padding:15px 3px 0}figcaption h3{color:var(--text);margin-bottom:3px;font-size:21px}.screen-dialog{width:min(94vw,1400px);max-width:none;box-shadow:none;background:0 0;border:0;border-radius:8px;padding:48px 64px}.screen-dialog::backdrop{background:#121916b8}.dialog-image{object-fit:contain;width:100%;max-height:82vh;display:block}.dialog-caption{color:var(--text);text-align:center;background:#fff;border-radius:999px;margin:14px auto 0;padding:7px 15px;font-size:20px;font-weight:600;display:table;box-shadow:0 3px 12px #0000002e}.dialog-close,.dialog-previous,.dialog-next{color:#fff;background:var(--primary);cursor:pointer;border:0;place-items:center;padding:0;line-height:0;display:grid;position:absolute}.dialog-close{border-radius:50%;width:32px;height:32px;font-size:23px;line-height:1;top:10px;right:12px}.dialog-previous,.dialog-next{border-radius:5px;width:38px;height:50px;margin-top:-25px;font-size:38px;line-height:1;top:50%}.dialog-previous{left:14px}.dialog-next{right:14px}.contact-section{text-align:center;padding:85px 0}.contact-inner{flex-direction:column;align-items:center;display:flex}.contact-inner p{color:var(--muted);margin-bottom:17px;font-size:17px}.contact-inner .primary-link{font-size:16px}.site-footer{border-top:1px solid var(--border)}.footer-inner{color:#8b9490;justify-content:space-between;padding:24px 0 29px;font-size:14px;display:flex}.footer-inner a{text-decoration:underline}@media (width<=700px){.nav-links{gap:13px;font-size:14px}.brand{font-size:15px}.hero-inner,.screens-section{padding-top:65px;padding-bottom:70px}.tagline{font-size:20px}.screen-grid{grid-template-columns:1fr;gap:32px}.screen-dialog{width:100%;padding:54px 12px 20px}.dialog-image{max-height:68vh}.dialog-close{top:12px;right:12px}.dialog-previous,.dialog-next{width:32px;height:44px;margin-top:-22px}.dialog-previous{left:2px}.dialog-next{right:2px}.dialog-caption{margin-top:12px;font-size:17px}.footer-inner{flex-direction:column;gap:8px}}