/* Zeyto.pl landing. Tokens follow the landing-page-design system; palette comes from the Rolkar presentation. */
/* Geist (OFL), self-hosted variable font: one file per subset covers weights 400-700 */
@font-face{font-family:"Geist";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/geist-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/geist-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --acc:#FF5A7A;--acc2:#C7284A;--accl:#FFC2CD;--acc3:#FFB347;--acc-rgb:255,90,122;--on:#240A12;
  --bg:#181818;--s1:#1F1F1F;--s2:#272727;--s3:#313131;
  --txt:#E9ECEF;--mut:#9AA2AB;--body:#C9CFD6;--line:rgba(255,255,255,.12);
  --font:"Geist","Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(0.32,0.72,0,1);
  /* spacing */
  --sp-25:2px;--sp-50:4px;--sp-75:8px;--sp-100:12px;--sp-200:16px;--sp-300:24px;--sp-400:32px;--sp-500:40px;--sp-600:48px;--sp-700:64px;--sp-800:80px;--sp-900:96px;
  /* radius (Tailwind) */
  --r-lg:8px;--r-xl:12px;--r-2xl:16px;--r-3xl:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
/* icons: Phosphor regular (MIT), inlined as CSS masks so no icon font has to load */
.ph{display:inline-block;width:1em;height:1em;line-height:1;vertical-align:-.125em;flex:none}
.ph::before{content:"";display:block;width:100%;height:100%;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.ph-arrow-left{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z'/%3E%3C/svg%3E")}
.ph-arrow-right{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z'/%3E%3C/svg%3E")}
.ph-browser{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V88H40V56Zm0,144H40V104H216v96Z'/%3E%3C/svg%3E")}
.ph-chats-circle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.07,186.76a80,80,0,0,0-62.5-114.17A80,80,0,1,0,23.93,138.76l-7.27,24.71a16,16,0,0,0,19.87,19.87l24.71-7.27a80.39,80.39,0,0,0,25.18,7.35,80,80,0,0,0,108.34,40.65l24.71,7.27a16,16,0,0,0,19.87-19.86ZM62,159.5a8.28,8.28,0,0,0-2.26.32L32,168l8.17-27.76a8,8,0,0,0-.63-6,64,64,0,1,1,26.26,26.26A8,8,0,0,0,62,159.5Zm153.79,28.73L224,216l-27.76-8.17a8,8,0,0,0-6,.63,64.05,64.05,0,0,1-85.87-24.88A79.93,79.93,0,0,0,174.7,89.71a64,64,0,0,1,41.75,92.48A8,8,0,0,0,215.82,188.23Z'/%3E%3C/svg%3E")}
.ph-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E")}
.ph-check-circle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z'/%3E%3C/svg%3E")}
.ph-clock-countdown{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232,136.66A104.12,104.12,0,1,1,119.34,24,8,8,0,0,1,120.66,40,88.12,88.12,0,1,0,216,135.34,8,8,0,0,1,232,136.66ZM120,72v56a8,8,0,0,0,8,8h56a8,8,0,0,0,0-16H136V72a8,8,0,0,0-16,0Zm40-24a12,12,0,1,0-12-12A12,12,0,0,0,160,48Zm36,24a12,12,0,1,0-12-12A12,12,0,0,0,196,72Zm24,36a12,12,0,1,0-12-12A12,12,0,0,0,220,108Z'/%3E%3C/svg%3E")}
.ph-code{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z'/%3E%3C/svg%3E")}
.ph-envelope-simple{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM203.43,64,128,133.15,52.57,64ZM216,192H40V74.19l82.59,75.71a8,8,0,0,0,10.82,0L216,74.19V192Z'/%3E%3C/svg%3E")}
.ph-flow-arrow{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M245.66,74.34l-32-32a8,8,0,0,0-11.32,11.32L220.69,72H208c-49.33,0-61.05,28.12-71.38,52.92-9.38,22.51-16.92,40.59-49.48,42.84a40,40,0,1,0,.1,16c43.26-2.65,54.34-29.15,64.14-52.69C161.41,107,169.33,88,208,88h12.69l-18.35,18.34a8,8,0,0,0,11.32,11.32l32-32A8,8,0,0,0,245.66,74.34ZM48,200a24,24,0,1,1,24-24A24,24,0,0,1,48,200Z'/%3E%3C/svg%3E")}
.ph-handshake{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M254.3,107.91,228.78,56.85a16,16,0,0,0-21.47-7.15L182.44,62.13,130.05,48.27a8.14,8.14,0,0,0-4.1,0L73.56,62.13,48.69,49.7a16,16,0,0,0-21.47,7.15L1.7,107.9a16,16,0,0,0,7.15,21.47l27,13.51,55.49,39.63a8.06,8.06,0,0,0,2.71,1.25l64,16a8,8,0,0,0,7.6-2.1l55.07-55.08,26.42-13.21a16,16,0,0,0,7.15-21.46Zm-54.89,33.37L165,113.72a8,8,0,0,0-10.68.61C136.51,132.27,116.66,130,104,122L147.24,80h31.81l27.21,54.41ZM41.53,64,62,74.22,36.43,125.27,16,115.06Zm116,119.13L99.42,168.61l-49.2-35.14,28-56L128,64.28l9.8,2.59-45,43.68-.08.09a16,16,0,0,0,2.72,24.81c20.56,13.13,45.37,11,64.91-5L188,152.66Zm62-57.87-25.52-51L214.47,64,240,115.06Zm-87.75,92.67a8,8,0,0,1-7.75,6.06,8.13,8.13,0,0,1-1.95-.24L80.41,213.33a7.89,7.89,0,0,1-2.71-1.25L51.35,193.26a8,8,0,0,1,9.3-13l25.11,17.94L126,208.24A8,8,0,0,1,131.82,217.94Z'/%3E%3C/svg%3E")}
.ph-lightning{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.43a8,8,0,0,0,5,9.06l52.8,19.8Z'/%3E%3C/svg%3E")}
.ph-linkedin-logo{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24Zm0,192H40V40H216V216ZM96,112v64a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0Zm88,28v36a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140ZM100,84A12,12,0,1,1,88,72,12,12,0,0,1,100,84Z'/%3E%3C/svg%3E")}
.ph-paper-plane-tilt{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M227.32,28.68a16,16,0,0,0-15.66-4.08l-.15,0L19.57,82.84a16,16,0,0,0-2.49,29.8L102,154l41.3,84.87A15.86,15.86,0,0,0,157.74,248q.69,0,1.38-.06a15.88,15.88,0,0,0,14-11.51l58.2-191.94c0-.05,0-.1,0-.15A16,16,0,0,0,227.32,28.68ZM157.83,231.85l-.05.14,0-.07-40.06-82.3,48-48a8,8,0,0,0-11.31-11.31l-48,48L24.08,98.25l-.07,0,.14,0L216,40Z'/%3E%3C/svg%3E")}
.ph-phone{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M222.37,158.46l-47.11-21.11-.13-.06a16,16,0,0,0-15.17,1.4,8.12,8.12,0,0,0-.75.56L134.87,160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16,16,0,0,0,1.32-15.06l0-.12L97.54,33.64a16,16,0,0,0-16.62-9.52A56.26,56.26,0,0,0,32,80c0,79.4,64.6,144,144,144a56.26,56.26,0,0,0,55.88-48.92A16,16,0,0,0,222.37,158.46ZM176,208A128.14,128.14,0,0,1,48,80,40.2,40.2,0,0,1,82.87,40a.61.61,0,0,0,0,.12l21,47L83.2,111.86a6.13,6.13,0,0,0-.57.77,16,16,0,0,0-1,15.7c9.06,18.53,27.73,37.06,46.46,46.11a16,16,0,0,0,15.75-1.14,8.44,8.44,0,0,0,.74-.56L168.89,152l47,21.05h0s.08,0,.11,0A40.21,40.21,0,0,1,176,208Z'/%3E%3C/svg%3E")}
.ph-plus{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z'/%3E%3C/svg%3E")}
.ph-robot{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M200,48H136V16a8,8,0,0,0-16,0V48H56A32,32,0,0,0,24,80V192a32,32,0,0,0,32,32H200a32,32,0,0,0,32-32V80A32,32,0,0,0,200,48Zm16,144a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V80A16,16,0,0,1,56,64H200a16,16,0,0,1,16,16Zm-52-56H92a28,28,0,0,0,0,56h72a28,28,0,0,0,0-56Zm-24,16v24H116V152ZM80,164a12,12,0,0,1,12-12h8v24H92A12,12,0,0,1,80,164Zm84,12h-8V152h8a12,12,0,0,1,0,24ZM72,108a12,12,0,1,1,12,12A12,12,0,0,1,72,108Zm88,0a12,12,0,1,1,12,12A12,12,0,0,1,160,108Z'/%3E%3C/svg%3E")}
.ph-seal-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z'/%3E%3C/svg%3E")}
.ph-shield-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M208,40H48A16,16,0,0,0,32,56v56c0,52.72,25.52,84.67,46.93,102.19,23.06,18.86,46,25.26,47,25.53a8,8,0,0,0,4.2,0c1-.27,23.91-6.67,47-25.53C198.48,196.67,224,164.72,224,112V56A16,16,0,0,0,208,40Zm0,72c0,37.07-13.66,67.16-40.6,89.42A129.3,129.3,0,0,1,128,223.62a128.25,128.25,0,0,1-38.92-21.81C61.82,179.51,48,149.3,48,112l0-56,160,0ZM82.34,141.66a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32l-56,56a8,8,0,0,1-11.32,0Z'/%3E%3C/svg%3E")}
.ph-sparkle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z'/%3E%3C/svg%3E")}
.ph-target{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M221.87,83.16A104.1,104.1,0,1,1,195.67,49l22.67-22.68a8,8,0,0,1,11.32,11.32l-96,96a8,8,0,0,1-11.32-11.32l27.72-27.72a40,40,0,1,0,17.87,31.09,8,8,0,1,1,16-.9,56,56,0,1,1-22.38-41.65L184.3,60.39a87.88,87.88,0,1,0,23.13,29.67,8,8,0,0,1,14.44-6.9Z'/%3E%3C/svg%3E")}
.ph-user{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z'/%3E%3C/svg%3E")}
.ph-user-focus{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,40V76a8,8,0,0,1-16,0V48H180a8,8,0,0,1,0-16h36A8,8,0,0,1,224,40Zm-8,132a8,8,0,0,0-8,8v28H180a8,8,0,0,0,0,16h36a8,8,0,0,0,8-8V180A8,8,0,0,0,216,172ZM76,208H48V180a8,8,0,0,0-16,0v36a8,8,0,0,0,8,8H76a8,8,0,0,0,0-16ZM40,84a8,8,0,0,0,8-8V48H76a8,8,0,0,0,0-16H40a8,8,0,0,0-8,8V76A8,8,0,0,0,40,84Zm136,92a8,8,0,0,1-6.41-3.19,52,52,0,0,0-83.2,0,8,8,0,1,1-12.8-9.62A67.94,67.94,0,0,1,101,141.51a40,40,0,1,1,53.94,0,67.94,67.94,0,0,1,27.43,21.68A8,8,0,0,1,176,176Zm-48-40a24,24,0,1,0-24-24A24,24,0,0,0,128,136Z'/%3E%3C/svg%3E")}
.ph-users-three{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M244.8,150.4a8,8,0,0,1-11.2-1.6A51.6,51.6,0,0,0,192,128a8,8,0,0,1-7.37-4.89,8,8,0,0,1,0-6.22A8,8,0,0,1,192,112a24,24,0,1,0-23.24-30,8,8,0,1,1-15.5-4A40,40,0,1,1,219,117.51a67.94,67.94,0,0,1,27.43,21.68A8,8,0,0,1,244.8,150.4ZM190.92,212a8,8,0,1,1-13.84,8,57,57,0,0,0-98.16,0,8,8,0,1,1-13.84-8,72.06,72.06,0,0,1,33.74-29.92,48,48,0,1,1,58.36,0A72.06,72.06,0,0,1,190.92,212ZM128,176a32,32,0,1,0-32-32A32,32,0,0,0,128,176ZM72,120a8,8,0,0,0-8-8A24,24,0,1,1,87.24,82a8,8,0,1,0,15.5-4A40,40,0,1,0,37,117.51,67.94,67.94,0,0,0,9.6,139.19a8,8,0,1,0,12.8,9.61A51.6,51.6,0,0,1,64,128,8,8,0,0,0,72,120Z'/%3E%3C/svg%3E")}
.ph-warning-circle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm-8-80V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,172Z'/%3E%3C/svg%3E")}
.ph-x-circle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z'/%3E%3C/svg%3E")}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{background:var(--bg);color:var(--txt);font-family:var(--font);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
em,i{font-style:normal}
h1,h2,h3{font-weight:600;letter-spacing:-.02em;text-wrap:balance}
p,li,dd{text-wrap:pretty}

/* ---------- background (copied from the presentation) ---------- */
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0}
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 240px 60px rgba(0,0,0,.55)}
main,header,footer{position:relative;z-index:2}

/* ---------- type scale ---------- */
.text-xs{font-size:12px;line-height:16px}
.text-sm{font-size:14px;line-height:20px}
.text-base{font-size:16px;line-height:24px}
.text-lg{font-size:18px;line-height:28px}
.text-xl{font-size:20px;line-height:28px}
.text-2xl{font-size:24px;line-height:32px}
.text-3xl{font-size:30px;line-height:36px}
.text-4xl{font-size:36px;line-height:40px}
.text-5xl{font-size:48px;line-height:1}
.text-6xl{font-size:60px;line-height:1}

/* ---------- layout ---------- */
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--sp-200)}
section{padding:var(--sp-700) 0}
.eyebrow{display:flex;align-items:center;gap:var(--sp-100);color:var(--acc);letter-spacing:.2em;text-transform:uppercase;font-size:12px;line-height:16px;font-weight:600;margin-bottom:var(--sp-200)}
.eyebrow::before{content:"";width:12px;height:12px;border-radius:9999px;background:var(--acc);flex:none}
.center{text-align:center}.center .eyebrow{justify-content:center}
.sec-title{font-size:30px;line-height:36px;max-width:680px}
.sec-sub{color:var(--body);max-width:680px;margin-top:var(--sp-200)}
.center .sec-title,.center .sec-sub{margin-left:auto;margin-right:auto}
.sec-head{margin-bottom:var(--sp-600)}
@media(min-width:768px){section{padding:var(--sp-900) 0}.sec-title{font-size:36px;line-height:40px}.wrap{padding:0 var(--sp-300)}}

/* ---------- skip link ---------- */
.skip{position:absolute;left:var(--sp-200);top:-80px;z-index:100;background:var(--acc);color:var(--on);padding:var(--sp-75) var(--sp-100);border-radius:var(--r-lg);font-weight:600;text-decoration:none;transition:top .4s var(--ease)}
.skip:focus{top:var(--sp-200)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-75);padding:var(--sp-75) var(--sp-100);min-height:40px;border-radius:var(--r-lg);border:1px solid transparent;background:var(--acc);color:var(--on);font-size:16px;line-height:24px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .7s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--acc-rgb),.35);background:var(--accl)}
.btn:active{transform:scale(.98)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accl);outline-offset:2px}
.btn[disabled]{opacity:.6;cursor:progress;transform:none;box-shadow:none}
.btn.sm{font-size:14px;line-height:20px;min-height:32px;padding:var(--sp-75) var(--sp-100)}
.btn i{font-size:20px}

/* ---------- fluid island nav ---------- */
.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:0 var(--sp-200);pointer-events:none}
.nav{pointer-events:auto;margin-top:var(--sp-300);display:flex;align-items:center;gap:var(--sp-200);padding:var(--sp-75) var(--sp-75) var(--sp-75) var(--sp-300);border-radius:9999px;background:rgba(24,24,24,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--line);transition:all .7s var(--ease);width:max-content;max-width:100%}
.nav .logo img{height:24px;width:auto}
.nav-links{display:none;align-items:center;gap:var(--sp-75);list-style:none}
.nav-links a{display:block;padding:var(--sp-75) var(--sp-100);border-radius:9999px;color:var(--body);text-decoration:none;font-size:14px;line-height:20px;font-weight:500;transition:all .7s var(--ease)}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav-links a[aria-current="true"]{color:var(--on);background:var(--acc)}
.lang{display:flex;gap:var(--sp-25);padding:var(--sp-25);border-radius:9999px;background:rgba(255,255,255,.06)}
.lang button{border:0;background:none;padding:var(--sp-75) var(--sp-100);border-radius:9999px;font-size:12px;line-height:16px;font-weight:600;color:var(--mut);cursor:pointer;transition:all .7s var(--ease)}
.lang button[aria-pressed="true"]{background:#fff;color:#000}
.lang button:hover:not([aria-pressed="true"]){color:#fff}
.burger{position:relative;width:40px;height:40px;border:0;border-radius:9999px;background:rgba(255,255,255,.08);cursor:pointer;transition:all .7s var(--ease)}
.burger:hover{background:rgba(255,255,255,.16)}
.burger span{position:absolute;left:12px;width:16px;height:2px;border-radius:2px;background:#fff;transition:all .7s var(--ease)}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:23px}
.burger[aria-expanded="true"] span:nth-child(1){top:19px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){top:19px;transform:rotate(-45deg)}
.nav-cta{display:none}
@media(min-width:900px){.nav-links{display:flex}.nav-cta{display:inline-flex}.burger{display:none}.nav{padding-left:var(--sp-300)}}
.menu{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-200);background:rgba(0,0,0,.8);backdrop-filter:blur(64px);-webkit-backdrop-filter:blur(64px);opacity:0;visibility:hidden;transition:all .7s var(--ease)}
.menu.open{opacity:1;visibility:visible}
.menu a{display:block;font-size:36px;line-height:40px;font-weight:600;color:#fff;text-decoration:none;opacity:0;transform:translateY(48px);transition:all .7s var(--ease)}
.menu.open a{opacity:1;transform:translateY(0)}
.menu.open a:nth-child(1){transition-delay:.1s}.menu.open a:nth-child(2){transition-delay:.15s}.menu.open a:nth-child(3){transition-delay:.2s}.menu.open a:nth-child(4){transition-delay:.25s}.menu.open a:nth-child(5){transition-delay:.3s}
.menu a:hover{color:var(--acc)}
.menu a[aria-current="true"]{color:var(--acc)}

/* ---------- hero ---------- */
.hero{padding-top:128px;padding-bottom:var(--sp-500)}
.hero .head{text-align:center}
.hero .eyebrow{justify-content:center}
.hero h1{font-size:36px;line-height:40px;max-width:680px;margin:0 auto;background:linear-gradient(90deg,#FFFFFF,#9B9B9B);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero h1 span{display:block}
.hero .sub{max-width:680px;margin:var(--sp-200) auto 0;color:var(--body);font-size:18px;line-height:28px}
.hero .cta-row{margin-top:var(--sp-400);display:flex;flex-direction:column;align-items:center;gap:var(--sp-200)}
.proof{display:inline-flex;align-items:center;gap:var(--sp-100);color:var(--mut);font-size:14px;line-height:20px}
.proof .hx{width:24px;height:24px}
.hx{position:relative;display:grid;place-items:center;border-radius:9999px;background:var(--acc);color:var(--on)}
.hx i{font-size:16px}
.proof strong{color:#fff;font-weight:600}
@media(min-width:768px){.hero h1{font-size:48px;line-height:1;letter-spacing:-.03em}.hero{padding-top:160px}.hero .sub{font-size:20px;line-height:28px}}
.stage{margin-top:var(--sp-500)}
/* split hero: copy left, photo with agents right */
@media(min-width:1000px){
  .hero .wrap.hero-grid{max-width:1280px;display:grid;grid-template-columns:5fr 7fr;gap:var(--sp-500);align-items:center}
  .hero .head{text-align:left}
  .hero .eyebrow{justify-content:flex-start}
  .hero h1,.hero .sub{margin-left:0;margin-right:0}
  .hero .cta-row{align-items:flex-start}
  .hero .stage{margin-top:0}
  .hero .legend{margin-top:var(--sp-75)}
}
@media(min-width:1000px) and (max-width:1199px){.hero h1{font-size:36px;line-height:40px}}
.photo{position:relative;max-width:960px;margin:0 auto}
.photo::before{content:"";position:absolute;inset:10% 15% 0;z-index:-1;background:radial-gradient(50% 55% at 50% 60%,rgba(var(--acc-rgb),.22),rgba(var(--acc-rgb),0) 70%);pointer-events:none}
.photo img{width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent);mask-image:linear-gradient(to bottom,#000 72%,transparent)}
.photo .scene{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
/* animated overlay: agents + glass panels */
.scene .ln{fill:none;stroke:var(--accl);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.scene .fl{fill:rgba(24,24,24,.55);stroke:var(--accl);stroke-width:1.8;stroke-linejoin:round}
.scene .acc{fill:var(--acc)}
.scene .bob{animation:bob 3.2s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes bob{50%{transform:translateY(-7px)}}
.scene .eye{transform-box:fill-box;transform-origin:center;animation:blink 4.5s infinite;animation-delay:var(--d,0s)}
@keyframes blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
.scene .led{animation:led 1.3s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes led{50%{opacity:.25}}
.scene .wave{transform-box:fill-box;transform-origin:0% 100%;animation:wave 1.6s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes wave{50%{transform:rotate(-28deg)}}
.scene .thr{transform-box:fill-box;transform-origin:center top;animation:thr .35s ease-in-out infinite alternate}
@keyframes thr{to{transform:scaleY(1.7);opacity:.35}}
.scene .btag{font:600 11px var(--font);fill:var(--acc);letter-spacing:.04em}
.scene .beam{fill:none;stroke:rgba(var(--acc-rgb),.3);stroke-width:1.4;stroke-dasharray:3 7;animation:dash 1.1s linear infinite}
@keyframes dash{to{stroke-dashoffset:-20}}
.scene .glyph{font:600 15px var(--font);fill:var(--acc);opacity:0;animation:rise 4.5s ease-out infinite;animation-delay:var(--d)}
@keyframes rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}100%{opacity:0;transform:translateY(-70px)}}
.scene .panel{animation:hover 5s ease-in-out infinite;animation-delay:var(--d)}
@keyframes hover{50%{transform:translateY(-5px)}}
.scene .cone{fill:url(#cone);animation:cone 5s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes cone{50%{opacity:.6}}
.scene .glass{fill:rgba(20,22,30,.6);stroke:var(--accl);stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(var(--acc-rgb),.55))}
.scene .sbar{transform-box:fill-box;transform-origin:center bottom;animation:sbar 1.8s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes sbar{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.scene .spark{stroke-dasharray:110;stroke-dashoffset:110;animation:spark 3s ease-in-out infinite}
@keyframes spark{50%,100%{stroke-dashoffset:0}}
.scene .prog{transform-box:fill-box;transform-origin:left center;animation:prog 4s ease-in-out infinite}
@keyframes prog{0%{transform:scaleX(.1)}80%,100%{transform:scaleX(1)}}
.scene .cl{transform-box:fill-box;transform-origin:left center;animation:typeln 7s infinite both;animation-delay:calc(var(--k) * .5s)}
@keyframes typeln{0%{transform:scaleX(0);opacity:1}7%,82%{transform:scaleX(1);opacity:1}92%,100%{transform:scaleX(1);opacity:0}}
.scene .cur{animation:led .8s steps(1) infinite}
.stage .legend{position:relative;margin-top:calc(-1 * var(--sp-600))}
.legend{margin:var(--sp-300) auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-100)}
.chip{display:flex;align-items:center;gap:var(--sp-100);padding:var(--sp-75) var(--sp-200);border-radius:9999px;background:rgba(31,31,31,.7);backdrop-filter:blur(12px);border:1px solid var(--line);font-size:14px;line-height:20px;color:var(--body)}
.chip b{color:#fff;font-weight:600}
.chip .hx{width:24px;height:24px}
.chip .hx.w{background:#fff;color:#000}

/* ---------- cards ---------- */
.card{background:rgba(31,31,31,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--r-2xl);padding:var(--sp-300);transition:all .7s var(--ease)}
.card:hover{transform:translateY(-4px);border-color:rgba(var(--acc-rgb),.5)}
.card h3{font-size:20px;line-height:28px;margin:var(--sp-200) 0 var(--sp-75)}
.offer .card,.benefits .card,.steps .step{display:grid;grid-template-columns:auto 1fr auto;column-gap:var(--sp-200);align-items:center;align-content:start}
.offer .card>.hx,.benefits .card>.hx,.steps .step>.num{grid-column:1;grid-row:1}
.offer .card>h3,.benefits .card>h3,.steps .step>h3{grid-column:2;grid-row:1;margin:0}
.offer .card>.viz{grid-column:3;grid-row:1}
.offer .card>p,.benefits .card>p,.steps .step>p{grid-column:1/-1;margin-top:var(--sp-200)}
.card p{color:var(--body);font-size:16px;line-height:24px}
.card .hx{width:48px;height:48px}
.card .hx i{font-size:24px}
.grid{display:grid;gap:var(--sp-200)}
@media(min-width:768px){.grid.c2{grid-template-columns:repeat(2,1fr)}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid{gap:var(--sp-300)}}
.offer .card.main{border-color:rgba(var(--acc-rgb),.5)}
.vs .card.old{background:rgba(24,24,24,.78)}
.vs .card.old h3{color:var(--mut)}
.vs .card.new{border-color:rgba(var(--acc-rgb),.5)}
.vs ul{list-style:none;display:grid;gap:var(--sp-100);margin-top:var(--sp-200)}
.vs li{display:flex;gap:var(--sp-100);color:var(--body)}
.vs li i{flex:none;font-size:20px;margin-top:var(--sp-25)}
.vs .old li i{color:var(--mut)}.vs .new li i{color:var(--acc)}
.vs .card h3{margin-top:0}

/* benefits */
.benefits{display:grid;gap:var(--sp-200)}
@media(min-width:768px){.benefits{grid-template-columns:repeat(6,1fr);gap:var(--sp-300)}.benefits .card{grid-column:span 2}.benefits .card:nth-child(4){grid-column:2 / span 2}.benefits .card:nth-child(5){grid-column:4 / span 2}}
.card b.lead{color:#fff;font-weight:600}

/* steps */
.steps{display:grid;gap:var(--sp-200);counter-reset:s}
@media(min-width:768px){.steps{grid-template-columns:repeat(3,1fr);gap:var(--sp-300)}}
.step .num{display:grid;place-items:center;width:48px;height:48px;border-radius:9999px;background:var(--acc);color:var(--on);font-weight:700;font-size:20px;line-height:28px}

/* tagline */
.tagline{padding:var(--sp-800) 0}
@media(min-width:768px){.tagline{padding:160px 0}}
.tagline p{text-wrap:balance;font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.02em;max-width:880px;margin:0 auto;text-align:center}
@media(min-width:768px){.tagline p{font-size:48px;line-height:1}}
@media(min-width:1024px){.tagline p{font-size:60px;line-height:1}}
.tagline .w{color:rgba(233,236,239,.3);transition:color .9s var(--ease)}
.tagline .w.on{color:#fff}

/* about */
.about{display:grid;gap:var(--sp-400);align-items:center}
@media(min-width:900px){.about{grid-template-columns:5fr 7fr;gap:var(--sp-700)}}
.about .sec-sub{margin-top:var(--sp-200)}
.founder{position:relative;max-width:440px;width:100%;margin:0 auto}
.founder-photo img{width:100%;height:auto;border-radius:var(--r-3xl);-webkit-mask-image:radial-gradient(closest-side at 55% 45%,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side at 55% 45%,#000 62%,transparent 100%)}
.founder-badge{position:absolute;right:0;bottom:var(--sp-300);display:flex;flex-direction:column;align-items:center;justify-content:center;width:144px;height:144px;border-radius:9999px;box-shadow:0 0 0 8px rgba(var(--acc-rgb),.18);background:var(--acc);color:var(--on);text-align:center;padding:0 var(--sp-200)}
.founder-badge strong{font-size:30px;line-height:36px;font-weight:600}
.founder-badge span{font-size:12px;line-height:16px;font-weight:600}
.founder-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-75);margin-bottom:var(--sp-100);color:var(--mut);font-size:16px;line-height:24px}
.founder-name strong{color:#fff;font-size:20px;line-height:28px;font-weight:600}
.founder-stats{list-style:none;display:grid;gap:var(--sp-200);margin-top:var(--sp-300)}
@media(min-width:600px){.founder-stats{grid-template-columns:repeat(2,1fr)}}
.founder-stats li{display:flex;align-items:center;gap:var(--sp-100);padding:var(--sp-200);border:1px solid var(--line);border-radius:var(--r-xl);background:rgba(31,31,31,.78);color:var(--body);font-size:14px;line-height:20px}
.founder-stats b{display:block;color:#fff;font-weight:600;font-size:16px;line-height:24px}
.founder-stats .hx{width:40px;height:40px;flex:none}
.founder-stats .hx i{font-size:20px}
.about p+p{margin-top:var(--sp-200)}
.about p{color:var(--body)}
.about .ticks{list-style:none;margin-top:var(--sp-300);display:grid;gap:var(--sp-100)}
.about .ticks li{display:flex;gap:var(--sp-100);color:var(--txt)}
.about .ticks i{color:var(--acc);font-size:20px;flex:none;margin-top:var(--sp-25)}

/* faq */
.faq{max-width:760px;margin:0 auto;display:grid;gap:var(--sp-100)}
.faq details{background:rgba(31,31,31,.78);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--r-xl);transition:all .7s var(--ease)}
.faq details[open]{border-color:rgba(var(--acc-rgb),.5)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-200);padding:var(--sp-200) var(--sp-300);font-weight:600;font-size:16px;line-height:24px;border-radius:var(--r-xl)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{color:var(--acc);font-size:20px;transition:transform .7s var(--ease);flex:none}
.faq details[open] summary i{transform:rotate(45deg)}
.faq details>div{padding:0 var(--sp-300) var(--sp-300);color:var(--body)}

/* contact */
.contact-grid{display:grid;gap:var(--sp-400)}
@media(min-width:900px){.contact-grid{grid-template-columns:5fr 7fr;gap:var(--sp-700);align-items:start}}
.contact-list{list-style:none;display:grid;gap:var(--sp-200);margin-top:var(--sp-400)}
.contact-list a{display:flex;align-items:center;gap:var(--sp-100);text-decoration:none;color:var(--txt);font-size:18px;line-height:28px;transition:all .7s var(--ease)}
.contact-list a:hover{color:var(--acc)}
.contact-list .hx{width:40px;height:40px}
.risk{display:flex;gap:var(--sp-100);align-items:flex-start;margin-top:var(--sp-400);color:var(--body);font-size:14px;line-height:20px}
.risk i{color:var(--acc);font-size:20px;flex:none}
.form{padding:var(--sp-300);display:grid;gap:var(--sp-200)}
.form:hover{transform:none;border-color:var(--line)}
.field{display:grid;gap:var(--sp-75)}
.field label{font-size:14px;line-height:20px;font-weight:500;color:#fff}
.field label small{color:var(--mut);font-weight:400;font-size:14px}
.field input,.field textarea{width:100%;background:var(--bg);border:1px solid var(--s3);border-radius:var(--r-lg);padding:var(--sp-100) var(--sp-200);font-size:16px;line-height:24px;transition:all .7s var(--ease)}
.field textarea{min-height:144px;resize:vertical}
.field input:hover,.field textarea:hover{border-color:#5a5a5a}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(var(--acc-rgb),.25)}
.field.err input,.field.err textarea{border-color:#FF6B6B}
.err-msg{display:none;color:#FF8A8A;font-size:14px;line-height:20px}
.field.err .err-msg{display:block}
.two{display:grid;gap:var(--sp-200)}
@media(min-width:600px){.two{grid-template-columns:1fr 1fr}}
.consent{display:flex;gap:var(--sp-100);align-items:flex-start;font-size:14px;line-height:20px;color:var(--body)}
.consent input{width:20px;height:20px;margin-top:var(--sp-25);accent-color:var(--acc);flex:none}
.consent a{color:var(--accl)}
.form .btn{width:100%}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.status{display:none;gap:var(--sp-100);padding:var(--sp-200);border-radius:var(--r-lg);font-size:14px;line-height:20px;border:1px solid var(--line)}
.status.show{display:flex}
.status.ok{border-color:rgba(var(--acc-rgb),.6);color:#fff}
.status.bad{border-color:#FF6B6B;color:#FFB3B3}
.status i{font-size:20px;flex:none}
.skeleton{display:none}
.form.loading .skeleton{display:block;height:24px;border-radius:var(--r-lg);background:var(--s2);animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.4}}

/* footer */
footer{padding:var(--sp-600) 0 var(--sp-400)}
.foot{display:flex;flex-direction:column;gap:var(--sp-200);align-items:flex-start;color:var(--mut);font-size:14px;line-height:20px}
.foot ul{list-style:none;display:flex;gap:var(--sp-300);flex-wrap:wrap}
.foot a{text-decoration:none;color:var(--body);transition:all .7s var(--ease)}
.foot a:hover{color:var(--acc)}
@media(min-width:768px){.foot{flex-direction:row;justify-content:space-between;align-items:center}}

/* legal + 404 pages */
.page{padding:160px 0 var(--sp-800);min-height:80vh}
.page .doc{max-width:760px}
.page h1{font-size:36px;line-height:40px;margin-bottom:var(--sp-300)}
.page h2{font-size:24px;line-height:32px;margin:var(--sp-500) 0 var(--sp-100)}
.page p,.page li{color:var(--body);margin-bottom:var(--sp-100)}
.page ul{padding-left:var(--sp-300)}
.nf{text-align:center;display:grid;gap:var(--sp-300);justify-items:center}
.nf .big{font-size:96px;line-height:1;font-weight:600;color:var(--acc)}

/* ---------- section storytelling animations (sections get .play when they enter the viewport) ---------- */
@media(prefers-reduced-motion:no-preference){
  /* stagger children that reveal together */
  .grid .reveal:nth-child(2),.benefits .reveal:nth-child(2),.steps .reveal:nth-child(2),.founder-stats li:nth-child(2){transition-delay:.12s}
  .grid .reveal:nth-child(3),.benefits .reveal:nth-child(3),.steps .reveal:nth-child(3){transition-delay:.24s}
  .grid .reveal:nth-child(4),.benefits .reveal:nth-child(4){transition-delay:.36s}
  .benefits .reveal:nth-child(5){transition-delay:.48s}
  .faq .reveal:nth-child(2n){transition-delay:.08s}.faq .reveal:nth-child(3n){transition-delay:.16s}

  /* problem: manual chores get struck through one by one, then each automated item gets ticked like a checkbox (main.js adds .on in sequence) */
  .vs .old li span{position:relative;transition:color .6s var(--ease)}
  .vs .old li span::after{content:"";position:absolute;left:0;top:55%;height:2px;width:0;border-radius:2px;background:rgba(255,107,107,.75);transition:width .6s var(--ease)}
  .vs .old li.on span{color:var(--mut)}
  .vs .old li.on span::after{width:100%}
  .vs .new li span{color:var(--mut);transition:color .6s var(--ease)}
  .vs .new li i{width:20px;height:20px;line-height:20px;align-self:flex-start;border-radius:9999px;color:transparent;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28);transition:color .3s var(--ease),box-shadow .3s var(--ease)}
  .vs .new li.on span{color:var(--txt)}
  .vs .new li.on i{color:var(--acc);box-shadow:inset 0 0 0 2px transparent;animation:tick .5s cubic-bezier(.34,1.56,.64,1)}
  @keyframes tick{0%{transform:scale(.4)}100%{transform:scale(1)}}
  .vs .card.new.done{animation:glow 1.6s var(--ease) both}
  @keyframes glow{40%{box-shadow:0 0 0 1px rgba(var(--acc-rgb),.6),0 0 48px rgba(var(--acc-rgb),.35)}100%{box-shadow:0 0 0 1px rgba(var(--acc-rgb),.25),0 0 24px rgba(var(--acc-rgb),.12)}}

  /* benefits: each icon acts out its promise */
  .play .hx.a-rewind i{animation:rewind 1.4s var(--ease) .5s both}
  @keyframes rewind{from{transform:rotate(0)}to{transform:rotate(-360deg)}}
  .hx.a-ping::after{content:"";position:absolute;inset:0;border-radius:9999px;border:2px solid var(--acc);opacity:0}
  .play .hx.a-ping::after{animation:ring 1.8s var(--ease) .7s 2}
  @keyframes ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.9);opacity:0}}
  .play .hx.a-pop{animation:pop .8s cubic-bezier(.34,1.56,.64,1) .9s both}
  @keyframes pop{0%{transform:scale(.6)}100%{transform:scale(1)}}
  .play .hx.a-bob{animation:bobi 1.2s var(--ease) 1.1s 2}
  @keyframes bobi{50%{transform:translateY(-6px)}}
  .play .hx.a-wiggle i{animation:wig 1s var(--ease) 1.3s both}
  @keyframes wig{20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}100%{transform:rotate(0)}}

  /* process: a line runs 1 to 2 to 3, numbers light up in order */
  .step{position:relative}
  .step .num{background:var(--s3);color:var(--mut);transition:all .6s var(--ease)}
  .play .step .num{background:var(--acc);color:var(--on);box-shadow:0 0 0 6px rgba(var(--acc-rgb),.18)}
  .steps .step:nth-child(2) .num{transition-delay:1s}.steps .step:nth-child(3) .num{transition-delay:2s}
  .steps .step:nth-child(1) .num{transition-delay:.2s}
}
@media(prefers-reduced-motion:no-preference){
  .steps .step::after{content:"";position:absolute;left:var(--sp-200);right:var(--sp-200);bottom:-1px;height:2px;border-radius:2px;background:var(--acc);transform:scaleX(0);transform-origin:left center;transition:transform 1s var(--ease)}
  .play .steps .step::after{transform:scaleX(1)}
  .steps .step:nth-child(1)::after{transition-delay:.3s}.steps .step:nth-child(2)::after{transition-delay:1.2s}.steps .step:nth-child(3)::after{transition-delay:2.2s}
}
@media(prefers-reduced-motion:no-preference){
  /* founder: photo steps out of the dark, badge counts the years */
  .founder-photo img{filter:brightness(.35);transform:scale(1.05);transition:filter 1.8s var(--ease),transform 1.8s var(--ease)}
  .play .founder-photo img{filter:brightness(1);transform:none}
  .founder-badge{transform:scale(.4);opacity:0;transition:transform .9s cubic-bezier(.34,1.56,.64,1) .6s,opacity .5s var(--ease) .6s}
  .play .founder-badge{transform:none;opacity:1}

  /* contact: the send button invites a click once the form is in view */
  .btn.pulse{animation:invite 2.4s var(--ease) infinite}
  .btn.pulse:hover{animation:none}
  @keyframes invite{0%{box-shadow:0 0 0 0 rgba(var(--acc-rgb),.55)}100%{box-shadow:0 0 0 16px rgba(var(--acc-rgb),0)}}
  .play .risk i{animation:wig 1s var(--ease) .8s both}
}

/* offer: small living symbols, one per service */
.offer .card{position:relative}
.viz{position:relative;width:72px;height:24px;pointer-events:none}
.viz i,.viz b{position:absolute;display:block}
.viz.flow::before{content:"";position:absolute;left:4px;right:4px;top:11px;height:2px;background:rgba(var(--acc-rgb),.3)}
.viz.flow i{top:6px;width:12px;height:12px;border-radius:9999px;border:2px solid var(--accl);background:var(--bg)}
.viz.flow i:nth-child(1){left:0}.viz.flow i:nth-child(2){left:30px}.viz.flow i:nth-child(3){right:0}
.viz.flow b{top:8px;left:0;width:8px;height:8px;border-radius:9999px;background:var(--acc);animation:flow 2.4s var(--ease) infinite}
@keyframes flow{0%{transform:translateX(2px);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(62px);opacity:0}}
.viz.agentflow{width:104px;height:28px}
.viz.agentflow::before{content:"";position:absolute;left:4px;right:4px;top:13px;height:2px;background:rgba(var(--acc-rgb),.3)}
.viz.agentflow .n{top:9px;width:10px;height:10px;border-radius:9999px;border:2px solid var(--accl);background:var(--s1)}
.viz.agentflow .n1{left:0}.viz.agentflow .n2{left:20px}.viz.agentflow .n4{right:20px}.viz.agentflow .n5{right:0}
.viz.agentflow .bot{left:42px;top:5px;width:20px;height:18px;border-radius:6px;border:2px solid var(--accl);background:var(--s1);z-index:1;animation:botglow 2.8s var(--ease) infinite}
.viz.agentflow .bot::before{content:"";position:absolute;left:7px;top:-6px;width:2px;height:4px;background:var(--accl)}
.viz.agentflow .bot::after{content:"";position:absolute;left:5px;top:-10px;width:6px;height:6px;border-radius:9999px;background:var(--acc)}
.viz.agentflow .bot b{position:absolute;left:3px;top:5px;width:4px;height:4px;border-radius:9999px;background:var(--acc);box-shadow:6px 0 0 var(--acc);animation:botblink 2.8s steps(1) infinite}
.viz.agentflow .pkt{top:11px;left:0;width:6px;height:6px;border-radius:9999px;background:var(--accl);z-index:2;animation:agentpkt 2.8s var(--ease) infinite}
@keyframes agentpkt{0%{transform:translateX(2px);opacity:0;background:var(--accl)}8%{opacity:1}38%{transform:translateX(44px);opacity:0;background:var(--accl)}56%{transform:translateX(54px);opacity:0;background:var(--acc)}62%{opacity:1;background:var(--acc)}92%{opacity:1}100%{transform:translateX(96px);opacity:0;background:var(--acc)}}
@keyframes botglow{0%,34%,64%,100%{box-shadow:none}44%,54%{box-shadow:0 0 0 3px rgba(var(--acc-rgb),.25),0 0 12px rgba(var(--acc-rgb),.6)}}
@keyframes botblink{0%,40%{opacity:1}44%{opacity:.2}48%,100%{opacity:1}}
.viz.bars{width:40px}
.viz.bars i{bottom:0;width:6px;border-radius:2px;background:var(--accl);transform-origin:bottom;animation:vbar 1.6s var(--ease) infinite alternate}
.viz.bars i:nth-child(1){left:0;height:10px}.viz.bars i:nth-child(2){left:10px;height:18px;animation-delay:.2s;background:var(--acc)}.viz.bars i:nth-child(3){left:20px;height:14px;animation-delay:.4s}.viz.bars i:nth-child(4){left:30px;height:24px;animation-delay:.6s;background:var(--acc)}
@keyframes vbar{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.viz.browser{width:56px;height:40px;border:2px solid var(--accl);border-radius:var(--r-lg);overflow:hidden}
.viz.browser .bar{left:0;right:0;top:0;height:10px;border-bottom:2px solid var(--accl);background:rgba(var(--acc-rgb),.12)}
.viz.browser .bar::before{content:"";position:absolute;left:5px;top:3px;width:3px;height:3px;border-radius:9999px;background:var(--acc);box-shadow:6px 0 0 var(--accl),12px 0 0 var(--accl)}
.viz.browser .l1,.viz.browser .l2,.viz.browser .l3{left:6px;height:4px;border-radius:2px;background:var(--accl);transform-origin:left center;animation:pageload 3.6s var(--ease) infinite}
.viz.browser .l1{top:15px;width:30px}
.viz.browser .l2{top:22px;width:40px;opacity:.6;animation-delay:.25s}
.viz.browser .l3{top:29px;width:20px;opacity:.6;animation-delay:.5s}
.viz.browser .cta{right:6px;top:28px;width:12px;height:6px;border-radius:2px;background:var(--acc);animation:enquiry 3.6s var(--ease) infinite}
@keyframes pageload{0%{transform:scaleX(0)}20%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes enquiry{0%,40%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.25)}60%,85%{opacity:1;transform:scale(1)}100%{opacity:0}}
.viz *,.viz::before{animation-play-state:paused}
.play .viz *,.play .viz::before{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.viz *,.viz *::after{animation:none!important}}

/* tools */
.tools{list-style:none;display:grid;gap:var(--sp-200)}
@media(min-width:600px){.tools{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.tools{grid-template-columns:repeat(4,1fr);gap:var(--sp-300)}}
.tool{display:grid;grid-template-columns:auto 1fr;column-gap:var(--sp-100);align-items:center;padding:var(--sp-300);border:1px solid var(--line);border-radius:var(--r-2xl);background:rgba(31,31,31,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tool .tool-logo{width:40px;height:40px;display:grid;place-items:center;color:#fff;transition:color .7s var(--ease),transform .7s var(--ease)}
.tool svg{width:32px;height:32px;fill:currentColor}
.tool svg.wide{width:40px;height:16px}
.tool .tool-name{font-weight:600;font-size:18px;line-height:28px;color:#fff}
.tool .tool-desc{grid-column:1/-1;margin-top:var(--sp-100);color:var(--body);font-size:14px;line-height:20px}
.tool:hover{border-color:rgba(var(--acc-rgb),.5);transform:translateY(-4px)}
.tool:hover .tool-logo{color:var(--acc);transform:scale(1.08)}
@media(prefers-reduced-motion:no-preference){
  .tools .reveal:nth-child(2){transition-delay:.12s}.tools .reveal:nth-child(3){transition-delay:.24s}.tools .reveal:nth-child(4){transition-delay:.36s}
  .play .tool .tool-logo{animation:logoin 1s cubic-bezier(.34,1.56,.64,1) both}
  .play .tool:nth-child(2) .tool-logo{animation-delay:.15s}.play .tool:nth-child(3) .tool-logo{animation-delay:.3s}.play .tool:nth-child(4) .tool-logo{animation-delay:.45s}
  @keyframes logoin{0%{transform:scale(.4) rotate(-20deg);opacity:0}100%{transform:none;opacity:1}}
}

/* reveal on scroll */
.reveal{opacity:0;transform:translateY(64px);filter:blur(12px);transition:all 1s var(--ease)}
.reveal.in{opacity:1;transform:translateY(0);filter:blur(0)}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;filter:none;transition:none}
  .scene *,.tagline .w{animation:none!important;transition:none!important}
  .scene .dot,.scene .glyph{display:none}
  html{scroll-behavior:auto}
}