.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-c0c2be2:#FFFFFF;--e-global-color-96314f0:#F0EDFF;--e-global-color-1250f47:#F6F6FB;--e-global-color-d20d8a7:#0B0C12;--e-global-color-206a728:#FFFFFFB8;--e-global-color-f1567f9:#5B21FF;--e-global-color-236d156:#FF3D8A;--e-global-color-a5d196e:#00C39A;--e-global-color-8f11c48:#E6E7EE;--e-global-color-a6e7a38:#D8D9E4;--e-global-color-76aa2fe:#5C6172;--e-global-color-e0c16d2:#8B90A1;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-328406e-font-family:"Sora";--e-global-typography-328406e-font-size:clamp(2.5rem, 4.6vw, 3.85rem);--e-global-typography-328406e-font-weight:700;--e-global-typography-328406e-line-height:4rem;--e-global-typography-c38fbdd-font-family:"Sora";--e-global-typography-c38fbdd-font-size:clamp(1.9rem, 3vw, 2.6rem);--e-global-typography-c38fbdd-font-weight:700;--e-global-typography-c38fbdd-line-height:3.5rem;--e-global-typography-a2fcc0e-font-family:"Sora";--e-global-typography-a2fcc0e-font-size:clamp(1.55rem, 1.4vw + 1.15rem, 2.05rem);--e-global-typography-a2fcc0e-font-weight:600;--e-global-typography-a2fcc0e-line-height:2.5rem;--e-global-typography-2f2490f-font-family:"Sora";--e-global-typography-2f2490f-font-size:clamp(1.05rem, 0.4vw + 0.95rem, 1.25rem);--e-global-typography-2f2490f-font-weight:600;--e-global-typography-2f2490f-line-height:2rem;--e-global-typography-28b7fcd-font-family:"Sora";--e-global-typography-28b7fcd-font-size:clamp(1.2rem, 0.6vw + 1.05rem, 1.45rem);--e-global-typography-28b7fcd-font-weight:400;--e-global-typography-28b7fcd-line-height:2.125rem;--e-global-typography-e073674-font-family:"Figtree";--e-global-typography-e073674-font-size:0.98rem;--e-global-typography-e073674-font-weight:400;--e-global-typography-e073674-line-height:1.65rem;--e-global-typography-18b2ed9-font-family:"Figtree";--e-global-typography-18b2ed9-font-size:1.05rem;--e-global-typography-18b2ed9-font-weight:500;--e-global-typography-5b35254-font-family:"Figtree";--e-global-typography-5b35254-font-size:1.15rem;--e-global-typography-5b35254-font-weight:400;--e-global-typography-5b35254-line-height:2rem;--e-global-typography-b676db8-font-family:"IBM Plex Mono";--e-global-typography-b676db8-font-size:11.5px;--e-global-typography-b676db8-font-weight:400;--e-global-typography-b676db8-line-height:18px;color:var( --e-global-color-d20d8a7 );font-family:var( --e-global-typography-e073674-font-family ), Sans-serif;font-size:var( --e-global-typography-e073674-font-size );font-weight:var( --e-global-typography-e073674-font-weight );line-height:var( --e-global-typography-e073674-line-height );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-f1567f9 );}.elementor-kit-6 a:hover{color:var( --e-global-color-f1567f9 );}.elementor-kit-6 h1{color:var( --e-global-color-d20d8a7 );font-family:"Sora", Sans-serif;font-size:2rem;font-weight:700;line-height:4rem;}.elementor-kit-6 h2{color:var( --e-global-color-d20d8a7 );font-family:"Sora", Sans-serif;font-size:1.6rem;font-weight:700;line-height:3.5rem;}.elementor-kit-6 h3{color:var( --e-global-color-d20d8a7 );font-family:"Sora", Sans-serif;font-size:1.3rem;font-weight:600;line-height:2.5rem;}.elementor-kit-6 h4{color:var( --e-global-color-d20d8a7 );font-family:var( --e-global-typography-2f2490f-font-family ), Sans-serif;font-size:var( --e-global-typography-2f2490f-font-size );font-weight:var( --e-global-typography-2f2490f-font-weight );line-height:var( --e-global-typography-2f2490f-line-height );}.elementor-kit-6 h5{color:var( --e-global-color-d20d8a7 );}.elementor-kit-6 h6{color:var( --e-global-color-d20d8a7 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:1rem;}.elementor-element{--widgets-spacing:1rem 1rem;--widgets-spacing-row:1rem;--widgets-spacing-column:1rem;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-c38fbdd-line-height:2.5rem;--e-global-typography-a2fcc0e-line-height:2.5rem;font-size:var( --e-global-typography-e073674-font-size );line-height:var( --e-global-typography-e073674-line-height );}.elementor-kit-6 h2{line-height:2.5rem;}.elementor-kit-6 h3{line-height:2.5rem;}.elementor-kit-6 h4{font-size:var( --e-global-typography-2f2490f-font-size );line-height:var( --e-global-typography-2f2490f-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-328406e-font-size:2.125rem;--e-global-typography-328406e-line-height:3rem;--e-global-typography-c38fbdd-font-size:1.85rem;--e-global-typography-c38fbdd-line-height:2.5rem;--e-global-typography-a2fcc0e-line-height:2.25rem;font-size:var( --e-global-typography-e073674-font-size );line-height:var( --e-global-typography-e073674-line-height );}.elementor-kit-6 h1{font-size:2.125rem;line-height:3rem;}.elementor-kit-6 h2{font-size:1.85rem;line-height:2.5rem;}.elementor-kit-6 h3{line-height:2.25rem;}.elementor-kit-6 h4{font-size:var( --e-global-typography-2f2490f-font-size );line-height:var( --e-global-typography-2f2490f-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS */@keyframes statusPulse { 0% { box-shadow: 0 0 0 0 rgba(0,195,154,.55); } 70% { box-shadow: 0 0 0 9px rgba(0,195,154,0); } 100% { box-shadow: 0 0 0 0 rgba(0,195,154,0); } } @keyframes markSweep { to { background-size: 100% 100%; } } /* ===== Full-page screenshot frame ===== */ .fullshot { position: relative; border: 1px solid #E6E7EE; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(11,12,18,.04), 0 18px 40px -24px rgba(11,12,18,.22); overflow: hidden; } /* title bar */ .fullshot__bar { display: flex !important; align-items: center; justify-content: flex-start !important; gap: 8px; padding: 11px 16px; background: linear-gradient(#FCFCFD, #F4F4F8); border-bottom: 1px solid #E6E7EE; } /* macOS traffic lights */ .fullshot__dots { display: flex; gap: 8px; } .fullshot__dots i { width: 12px; height: 12px; border-radius: 50%; display: block; box-shadow: inset 0 0 0 1px rgba(0,0,0,.09); } .fullshot__dots i:nth-child(1) { background: #FF5F57; } .fullshot__dots i:nth-child(2) { background: #FEBC2E; } .fullshot__dots i:nth-child(3) { background: #28C840; } /* scroll area */ .fullshot__scroll { max-height: 640px; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #D8D9E4 transparent; } .fullshot__scroll::-webkit-scrollbar { width: 10px; } .fullshot__scroll::-webkit-scrollbar-track { background: transparent; } .fullshot__scroll::-webkit-scrollbar-thumb { background: #D8D9E4; border-radius: 100px; border: 3px solid #fff; } .fullshot__scroll::-webkit-scrollbar-thumb:hover { background: #B9BBCB; } .fullshot__scroll img { display: block; height: auto; /* crops the black bars baked into the capture — tune both numbers together */ width: 116.3%; max-width: none; margin-left: -8.15%; } /* fade + scroll hint */ .fullshot::after { content: "scroll to read ↓"; position: absolute; left: 1px; right: 11px; bottom: 1px; padding: 3.5rem 1rem 1rem; text-align: center; font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: .02em; color: #8B90A1; background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.96) 60%); pointer-events: none; } /* "View full resolution" button */ .fullshot__btn { display: inline-flex; align-items: center; gap: .55em; margin-top: 1.1rem; padding: .9em 1.45em; background: #fff; border: 1px solid #D8D9E4; border-radius: 100px; font-family: "IBM Plex Mono", monospace; font-size: .76rem; color: #0B0C12; text-decoration: none; transition: transform .25s ease, border-color .25s ease, color .25s ease; } .fullshot__btn:hover { transform: translateY(-2px); border-color: #5B21FF; color: #5B21FF; } /* Inline code — brand violet, dark surface */ :not(pre) > code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; font-size: 0.85em; line-height: inherit; padding: 0.2em 0.4em; border-radius: 5px; color: #4c14e0; background-color: rgb(91 33 255 / 9%); white-space: break-spaces; overflow-wrap: break-word; box-decoration-break: clone; -webkit-box-decoration-break: clone; } @media (max-width: 620px) { .fullshot__scroll { max-height: 420px; } }/* End custom CSS */