:root{--primary-contrast:#fff;--secondary-contrast:#f3f3f3aa;--background-gradient:linear-gradient(90deg,#244ea2,#447cbf);--background:#244ea2;--muted:#0003;--surface:#0004;--border:transparent;--bottom-gradient:#305fad;--button:#0b151e}.dark-theme{--primary-contrast:#fff;--secondary-contrast:#fff9;--background-gradient:linear-gradient(180deg,#080808,#0b151e);--background:#080808;--muted:#15273c99;--surface:#112031;--border:#ffffff20;--bottom-gradient:#305fad;--button:linear-gradient(90deg,#ffca28,#f57c00)}*{margin:0;font-family:SF Pro,ui-sans-serif,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}html{background:var(--background)}body{color:var(--primary-contrast);background:var(--background-gradient);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;transition-property:opacity,transform,background;transition-duration:.25s;transition-timing-function:ease-in-out;display:flex}.page-transition{opacity:0;filter:blur(3px)}.underline{color:var(--primary-contrast);text-decoration:underline}
@keyframes gradient{0%{opacity:0;transform:translateY(-100px)translateZ(0)}to{opacity:.4;transform:translateY(-300px)translateZ(0)}}@keyframes spin{0%{opacity:0;transform:rotateY(60deg)}to{opacity:1;transform:rotateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes successPop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.fade-in-section{opacity:0;transition:opacity .6s ease-out .2s,transform .6s ease-out .3s;transform:translateY(40px)}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}
.dots{pointer-events:none;background-image:radial-gradient(circle at center,var(--muted)2px,transparent 2px);z-index:1;background-position:12px 12px;background-size:30px 30px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 50%);mask-image:linear-gradient(#000 0%,#0000 50%)}.bottom-gradient{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;--top:var(--bottom-gradient);--bottom:var(--bottom-gradient);--first:conic-gradient(from 90deg at 0% 50%,var(--top),var(--bottom));--second:conic-gradient(from 270deg at 100% 50%,var(--bottom),var(--top));width:90%;height:900px;-webkit-mask-image:radial-gradient(closest-side at 50% 50%,var(--background),transparent);mask-image:radial-gradient(closest-side at 50% 50%,var(--background),transparent);background-image:var(--first),var(--second);opacity:.4;transform-origin:50%;background-position:0 100%,100% 0;background-repeat:no-repeat;margin-bottom:-500px;animation:.5s cubic-bezier(.25,.46,.45,.94) gradient;position:fixed;bottom:0;transform:translateY(-300px)translateZ(0)}.content{flex-direction:column;justify-content:center;align-items:center;gap:60px;margin:120px 12px;padding-bottom:80px;display:flex}.content header{flex-direction:column;align-items:center;gap:32px;display:flex}.content header h2{font-size:20px;font-weight:400}.features{text-wrap:pretty;grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media only screen and (max-width:1023px){.content{gap:30px;margin:60px 12px}.features{grid-template-columns:1fr}.bottom-gradient{width:150%;height:800px;margin-bottom:-400px}}
.button{cursor:pointer;border:none;border-radius:100px;padding:11px 16px;font-size:15px;font-weight:500;line-height:1.3;transition:scale .2s,filter .2s}.button:hover{filter:brightness(1.1)}.button:active{scale:.97}.back-button{color:var(--primary-contrast);background-color:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;align-items:center;gap:6px;text-decoration:none;display:flex;position:fixed;top:32px;left:32px}@media only screen and (max-width:1023px){.back-button{top:10px;left:10px}}
.card{background:var(--surface);max-width:300px;color:var(--primary-contrast);border-radius:24px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;display:flex;position:relative}.card:active{scale:.97}.card h2{font-size:26px;font-weight:300;line-height:1.2}.card p{color:var(--secondary-contrast);font-size:14px;line-height:1.5}.card p a{color:var(--primary-contrast);text-underline-offset:2px;text-decoration:none}.card:before{content:"";background:linear-gradient(var(--border),transparent 30%);-webkit-mask-composite:xor;pointer-events:none;border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:not(:first-child):after{content:"";background:var(--surface);pointer-events:none;height:100%;position:absolute;top:0}@media only screen and (max-width:1023px){.card{padding:20px}.card h2{font-size:20px;font-weight:500;line-height:1.2}}
.header{z-index:5}.header span{text-transform:uppercase;letter-spacing:1px;font-size:56px;animation:.5s cubic-bezier(.25,.46,.45,.94) slideDown}.header span.white{background:-webkit-linear-gradient(90deg,#f3f3f3,#9a9a9a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:300}.header span.blue{background:-webkit-linear-gradient(90deg,#244ea2,#447cbf);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.logo{filter:drop-shadow(0 4px 30px #60b8ff40);z-index:1;animation:.6s cubic-bezier(.25,.46,.45,.94) .4s both spin;transform:translateZ(0)}.app-store-badge{transition:transform .2s,filter .2s;animation:.5s cubic-bezier(.25,.46,.45,.94) .1s both slideUp;display:inline-block}.app-store-badge:hover{filter:brightness(1.1);transform:scale(1.05)}.app-store-badge:active{transform:scale(.98)}@media only screen and (max-width:1023px){.header{z-index:5}.header>span{text-transform:uppercase;letter-spacing:1px;font-size:34px;animation:.5s cubic-bezier(.25,.46,.45,.94) slideDown}.header>span.white{background:-webkit-linear-gradient(90deg,#f3f3f3,#9a9a9a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:200}.header>span.blue{background:-webkit-linear-gradient(90deg,#244ea2,#447cbf);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}}
.floating-banner{z-index:100;-webkit-backdrop-filter:blur(8px)saturate(180%);background:#0a142380;border:1px solid #ffffff1f;border-radius:16px;padding:20px 24px;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards slideUpBanner;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d}.floating-banner:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff26,#0000 50%);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-banner.fading{animation:.7s ease-out forwards fadeOutBanner}@keyframes fadeOutBanner{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.banner-content{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.banner-text{flex-direction:column;gap:4px;padding-right:24px;display:flex}.banner-title{color:var(--primary-contrast);font-size:15px;font-weight:600;line-height:1.2}.banner-subtitle{color:var(--secondary-contrast);font-size:13px}.banner-form{align-items:center;gap:16px;width:100%;display:flex}.banner-input{color:var(--primary-contrast);background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:16px;transition:border-color .2s,background .2s}.banner-input::placeholder{color:var(--secondary-contrast)}.banner-input:focus{background:#ffffff1a;border-color:#ffffff4d}.banner-input:disabled{opacity:.6;cursor:not-allowed}.banner-dismiss{color:var(--secondary-contrast);cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:12px;font-size:18px;line-height:1;transition:opacity .2s;display:flex;position:absolute;top:0;right:0}.banner-dismiss:hover{opacity:1}@media only screen and (max-width:480px){.floating-banner{padding:16px 20px;bottom:16px;left:16px;right:16px}.banner-text{font-size:14px}}
.email-submit-icon{color:#fff;cursor:pointer;-webkit-appearance:none;background-color:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;transition:background-color .3s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #2563eb66}.email-submit-icon:hover:not(:disabled){background-color:#1d4ed8;transform:scale(1.05);box-shadow:0 6px 20px #2563eb80}.email-submit-icon:active:not(:disabled){transform:scale(.95)}.email-submit-icon:disabled{opacity:.5;cursor:not-allowed}.email-submit-icon.loading{pointer-events:none;background-color:#3b82f6}.email-submit-icon.success{animation:.4s cubic-bezier(.34,1.56,.64,1) successPop;box-shadow:0 4px 14px #22c55e66;background-color:#22c55e!important}.email-submit-icon.error{animation:.4s errorShake;box-shadow:0 4px 14px #ef444466;background-color:#ef4444!important}.email-submit-icon svg{width:20px;height:20px}.email-submit-icon .arrow{transition:transform .2s}.email-submit-icon:hover:not(:disabled) .arrow{transform:translate(2px)}.email-submit-icon .spinner{animation:.8s linear infinite spinLoader}.email-submit-icon .checkmark{animation:.4s forwards drawCheck}.email-submit-icon .checkmark polyline{stroke-dasharray:24;stroke-dashoffset:24px;animation:.4s .1s forwards drawLine}.email-submit-icon .error-x line{stroke-dasharray:17;stroke-dashoffset:17px;animation:.3s .1s forwards drawLine}@media only screen and (max-width:1023px){.email-submit-icon{width:44px;min-width:44px}}
.hero{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:700px;animation:.6s cubic-bezier(.25,.46,.45,.94) .1s both slideUp;display:flex}.tagline{background:linear-gradient(90deg,#fff 0%,#60b8ff 80%,#2090ff 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 30px #60b8ffb3);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;line-height:1.1;animation:6s ease-in-out infinite gradientShift;transform:translateZ(0)}.hero-description{color:var(--secondary-contrast);max-width:600px;font-size:22px;font-weight:300;line-height:1.6}.hero-description strong{color:var(--primary-contrast);font-weight:500}.hero-cta{color:#a8d4ff;font-size:20px;font-style:italic;font-weight:400}.feature-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:800px;padding:0 16px;animation:.6s cubic-bezier(.25,.46,.45,.94) .2s both slideUp;display:grid}.feature-card{background:var(--surface);border-radius:20px;flex-direction:column;gap:12px;padding:28px;display:flex;position:relative}.feature-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff26,#0000 50%);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feature-card:hover{box-shadow:0 20px 40px #0000004d}.feature-icon{filter:drop-shadow(0 4px 8px #0000004d);font-size:36px}.feature-card h3{color:var(--primary-contrast);font-size:22px;font-weight:600}.feature-card p{color:var(--secondary-contrast);font-size:15px;line-height:1.6}.value-props{text-align:center;flex-direction:column;align-items:center;gap:40px;max-width:900px;animation:.6s cubic-bezier(.25,.46,.45,.94) .3s both slideUp;display:flex}.value-heading{letter-spacing:-.5px;font-size:36px;font-weight:300;line-height:1.3}.value-heading .highlight{color:#a8d4ff;font-style:italic}.value-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;padding:0 16px;display:grid}.value-item{text-align:left;color:var(--secondary-contrast);background:#ffffff0d;border-radius:16px;padding:24px;font-size:15px;line-height:1.7;transition:background .2s}.value-item:hover{background:#ffffff14}.value-item strong{color:var(--primary-contrast);margin-bottom:8px;font-size:16px;font-weight:600;display:block}.testimonials{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:1000px;animation:.6s cubic-bezier(.25,.46,.45,.94) .4s both slideUp;display:flex}.testimonials h2{letter-spacing:-.3px;text-transform:uppercase;letter-spacing:2px;color:var(--secondary-contrast);font-size:14px;font-weight:500}.testimonial-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;padding:0 16px;display:grid}.testimonial-card{background:var(--surface);border-radius:20px;flex-direction:column;gap:20px;margin:0;padding:28px;display:flex;position:relative}.testimonial-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff1a,#0000 40%);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.testimonial-card p{color:var(--secondary-contrast);font-size:15px;font-style:italic;line-height:1.7}.testimonial-card footer{flex-direction:column;gap:4px;display:flex}.testimonial-card cite{color:var(--primary-contrast);font-size:14px;font-style:normal;font-weight:600}.testimonial-card footer span{color:#a8d4ff;text-transform:uppercase;letter-spacing:.5px;font-size:13px}@media only screen and (max-width:960px){.value-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:640px){.hero{padding:0 12px}.tagline{letter-spacing:-1px;font-size:32px}.hero-description{font-size:16px}.hero-cta{font-size:18px}.feature-grid{grid-template-columns:1fr}.feature-card{grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:8px 12px;padding:24px;display:grid}.feature-icon{grid-area:1/1;align-self:center;font-size:28px}.feature-card h3{grid-area:1/2;align-self:center;font-size:20px}.feature-card p{grid-area:2/1/auto/-1}.value-heading{font-size:26px}.value-grid,.testimonial-grid{grid-template-columns:1fr}.testimonials h2{font-size:12px}}

