.laptop-frame{max-width:100%;position:relative}.laptop-screen{background:#1a1a1a;border-radius:12px 12px 0 0;padding:8px 8px 0;box-shadow:0 20px 60px #101d4326}.laptop-bezel{justify-content:center;padding:6px 0;display:flex}.laptop-camera{background:#333;border-radius:50%;width:6px;height:6px}.laptop-content{background:#fff;border-radius:4px 4px 0 0;overflow:hidden}.laptop-content img{width:100%;display:block}.laptop-base{background:linear-gradient(#e0e0e0 0%,#c8c8c8 100%);border-radius:0 0 4px 4px;justify-content:center;align-items:flex-start;height:14px;display:flex}.laptop-notch{background:#b0b0b0;border-radius:0 0 4px 4px;width:80px;height:4px;margin-top:-1px}
.carousel{width:100%;position:relative}.carousel-track{aspect-ratio:16/10;background:#f8fafc;border-radius:4px 4px 0 0;width:100%;position:relative;overflow:hidden}.carousel-slide{opacity:0;transition:opacity .5s ease-in-out;position:absolute;inset:0}.carousel-slide.active{opacity:1}.carousel-slide img{object-fit:cover;object-position:top left;width:100%;height:100%}.carousel-dots{justify-content:center;gap:8px;padding:12px 0 0;display:flex}.carousel-dot{cursor:pointer;background:#101d4333;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.carousel-dot:hover{background:#101d4366}.carousel-dot.active{background:var(--color-accent);border-radius:4px;width:24px}
.hero{background:var(--color-white);align-items:center;min-height:auto;padding:180px 0 48px;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-gradient-orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,var(--color-light-blue)0%,transparent 70%);width:600px;height:600px;top:-200px;right:-100px}.hero-orb-2{background:radial-gradient(circle,#004b851f 0%,#0000 70%);width:400px;height:400px;bottom:-100px;left:-100px}.hero-grid-pattern{background-image:linear-gradient(#101d4305 1px,#0000 1px),linear-gradient(90deg,#101d4305 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 30%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 70% at 50% 30%,#000 20%,#0000 70%)}.hero-inner{grid-template-columns:1fr 1.1fr;align-items:center;gap:64px;display:grid;position:relative}.hero-badge{background:var(--color-light-blue);font-size:var(--fs-xs);color:var(--color-accent);border:1px solid #004b851f;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px 6px 8px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px}.hero-title{font-size:var(--fs-2xl);color:var(--color-primary-dark);letter-spacing:-.02em;margin-bottom:24px;padding-bottom:20px;font-weight:700;line-height:1.1;position:relative}.hero-title:after{content:"";background:var(--color-accent);border-radius:2px;width:80px;height:4px;position:absolute;bottom:0;left:0}.hero-title-gradient{background:linear-gradient(135deg,var(--color-accent),var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle{font-size:var(--fs-md);color:var(--color-text-secondary);max-width:520px;margin-bottom:28px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.btn-large{font-size:var(--fs-base);gap:8px;padding:16px 32px}.hero-trust{align-items:center;gap:12px;display:flex}.hero-trust-text{font-size:var(--fs-sm);color:var(--color-text-secondary)}.hero-visual{position:relative}.hero-floating{pointer-events:none;z-index:0;position:absolute}.hero-float-1{opacity:.7;width:64px;height:64px;animation:8s ease-in-out infinite float;top:18%;right:8%}.hero-float-2{opacity:.6;width:52px;height:52px;animation:10s ease-in-out -3s infinite float-slow;bottom:22%;left:6%}.hero-float-3{opacity:.5;width:44px;height:44px;animation:12s ease-in-out -5s infinite float;top:35%;left:12%}@media (max-width:968px){.hero-inner{grid-template-columns:1fr;gap:48px}.hero-title{font-size:var(--fs-xl)}.hero-visual{order:-1}.hero-floating{display:none}}@media (max-width:768px){.hero{min-height:auto;padding:148px 0 48px}.hero-title{font-size:var(--fs-lg)}}
.who-its-for{background:var(--color-off-white)}.relatability-strip{text-align:center;background:linear-gradient(180deg,var(--color-off-white)0%,#e8f0fc80 100%);border-bottom:1px solid #101d430f;padding:12px 0}.relatability-primary{font-size:var(--fs-lg);color:var(--color-primary-dark);max-width:700px;margin:0 auto 12px;font-weight:600;line-height:1.4}.relatability-secondary{font-size:var(--fs-base);color:var(--color-text-secondary);margin:0 auto}.who-its-for>.container{padding-top:56px;padding-bottom:64px}.who-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.who-content{max-width:560px}.who-intro{font-size:var(--fs-md);color:var(--color-text-secondary);margin-bottom:24px}.who-bullets{flex-direction:column;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.who-card{font-size:var(--fs-base);color:var(--color-text-primary);background:var(--color-white);border:1px solid #101d430a;border-radius:12px;align-items:flex-start;gap:14px;padding:16px 20px;line-height:1.5;transition:all .2s;display:flex;box-shadow:0 1px 4px #101d430f}.who-card:hover{border-color:#004b851f;transform:translateY(-2px);box-shadow:0 4px 16px #101d431a}.who-icon{background:var(--color-light-blue);width:40px;height:40px;color:var(--color-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.who-card span{padding-top:8px}.who-close{font-size:var(--fs-md);color:var(--color-text-secondary);border-top:1px solid #101d4314;padding-top:16px;line-height:1.7}.who-visual{justify-content:center;align-items:center;display:flex;position:relative}.who-illustration{z-index:1;width:100%;max-width:480px;height:auto;position:relative}.who-illustration-glow{filter:blur(40px);z-index:0;background:radial-gradient(circle,#004b8514 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute}@media (max-width:968px){.who-grid{grid-template-columns:1fr;gap:40px}.who-visual{order:-1}.who-illustration{max-width:360px}}@media (max-width:768px){.relatability-primary{font-size:var(--fs-md)}.who-its-for>.container{padding-top:32px;padding-bottom:48px}.who-illustration{max-width:300px}.who-card{padding:12px 16px}}
.pain{padding:var(--section-padding);background:linear-gradient(135deg,#101d43 0%,#1a3060 50%,#0d1a3a 100%);position:relative;overflow:hidden}.pain-bg-decoration{pointer-events:none;background:radial-gradient(circle,#e8f0fc0d 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:50%;right:-150px;transform:translateY(-50%)}.pain-inner{grid-template-columns:1fr 1.2fr;align-items:center;gap:48px;max-width:1000px;margin:0 auto;display:grid;position:relative}.pain-content{order:1}.pain-header{margin-bottom:32px}.pain-header .section-title{text-align:left;color:var(--color-white)}.pain-grid{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.pain-card{transition:all var(--transition-fast);background:#ffffff1f;border:1px solid #e8f0fc1a;border-radius:10px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.pain-card:hover{background:#ffffff29;border-color:#e8f0fc40;box-shadow:0 2px 12px #00000026}.pain-icon{background:var(--color-light-blue);width:38px;height:38px;color:var(--color-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pain-text{font-size:var(--fs-sm);color:#ffffffe6;padding-top:7px;line-height:1.5}.pain-closer{font-size:var(--fs-base);color:#e8f0fcb3;font-style:italic;line-height:1.7}.pain-visual{order:0;position:relative}.pain-image-wrapper{border-radius:12px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.pain-image-wrapper img{width:100%;display:block}.pain-float-card{font-size:var(--fs-xs);background:#fffffff2;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;display:flex;position:absolute;box-shadow:0 4px 20px #00000040}.pain-float-card.card-1{color:var(--color-gray);top:15%;right:-20px}.pain-float-card.card-2{color:var(--color-accent);bottom:20%;left:-20px}.pain-float-icon{width:24px;height:24px}@media (max-width:968px){.pain-inner{grid-template-columns:1fr;gap:32px}.pain-content{order:0}.pain-visual{order:1;max-width:500px;margin:0 auto}.pain-header .section-title{text-align:center;color:var(--color-white)}.pain-closer{text-align:center}}@media (max-width:640px){.pain-float-card{display:none}}
.solution{padding:var(--section-padding);background:var(--color-white)}.solution-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.solution-visual{position:relative}.solution-screenshot-wrapper{border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #101d431f}.solution-screenshot{width:100%;display:block}.solution-content{max-width:500px}.solution-bullets{flex-direction:column;gap:18px;margin:24px 0 32px;padding:0;list-style:none;display:flex}.solution-bullets li{font-size:var(--fs-base);color:var(--color-text-primary);align-items:flex-start;gap:14px;line-height:1.5;display:flex}.solution-icon{background:var(--color-light-blue);width:44px;height:44px;color:var(--color-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.solution-bullet-text{flex-direction:column;gap:2px;display:flex}.solution-bullet-title{color:var(--color-text-primary);font-weight:600;line-height:1.4}.solution-bullet-desc{font-size:var(--fs-sm);color:var(--color-text-secondary);line-height:1.6}.solution-support{font-size:var(--fs-base);color:var(--color-text-secondary);font-style:italic;line-height:1.7}@media (max-width:968px){.solution-inner{grid-template-columns:1fr;gap:48px}.solution-visual{order:-1}}
.diff{padding:var(--section-padding);background:var(--color-off-white)}.diff-header{text-align:center;margin-bottom:48px}.diff-layout{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto 48px;display:grid}.diff-visual{justify-content:center;align-items:center;display:flex}.diff-illustration{width:100%;max-width:400px;height:auto}.diff-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.diff-card{text-align:left;background:var(--color-white);border:1px solid #101d430a;border-left:3px solid #0000;border-radius:14px;align-items:flex-start;gap:14px;padding:24px 20px;transition:all .2s;display:flex;box-shadow:0 1px 4px #101d430f}.diff-card:hover{border-left-color:var(--color-accent);transform:translateY(-3px);box-shadow:0 6px 20px #101d431a}.diff-icon{background:var(--color-light-blue);width:44px;height:44px;color:var(--color-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.diff-text{font-size:var(--fs-sm);color:var(--color-text-primary);padding-top:10px;line-height:1.5}.diff-close{text-align:center;font-size:var(--fs-md);color:var(--color-accent);font-style:italic;font-weight:500}@media (max-width:968px){.diff-layout{grid-template-columns:1fr;gap:40px}.diff-visual{order:-1}.diff-illustration{max-width:320px}.diff-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.diff-grid{grid-template-columns:1fr}.diff-card{padding:20px 16px}}
.metrics{padding:var(--section-padding);background:linear-gradient(135deg,#101d43 0%,#1a3060 50%,#0d1a3a 100%);position:relative;overflow:hidden}.metrics:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#004b8526 0%,#0000 50%),radial-gradient(circle at 80% 70%,#004b851a 0%,#0000 50%);position:absolute;inset:0}.metrics .container{z-index:1;text-align:center;position:relative}.metrics .section-kicker{color:#fff9}.metrics-title{color:#fff!important;margin-bottom:48px!important}.metrics-grid{grid-template-columns:repeat(5,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.metrics-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;opacity:0;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:32px 22px 28px;transition:opacity .6s,transform .6s;position:relative;overflow:hidden;transform:translateY(30px)}.metrics-card--visible{opacity:1;transform:translateY(0)}.metrics-card:hover{background:#ffffff1a;border-color:#ffffff2e;transition:opacity .6s,transform .25s,background .25s,border-color .25s;transform:translateY(-4px)}.metrics-card-accent{border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.metrics-card--1 .metrics-card-accent{background:linear-gradient(90deg,#34d399,#10b981)}.metrics-card--2 .metrics-card-accent{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.metrics-card--3 .metrics-card-accent{background:linear-gradient(90deg,#ecb210,#d4a00e)}.metrics-card--4 .metrics-card-accent{background:linear-gradient(90deg,#f472b6,#ec4899)}.metrics-card--5 .metrics-card-accent{background:linear-gradient(90deg,#a78bfa,#7c3aed)}.metrics-card--1{box-shadow:0 8px 32px #34d39914}.metrics-card--2{box-shadow:0 8px 32px #60a5fa14}.metrics-card--3{box-shadow:0 8px 32px #ecb21014}.metrics-card--4{box-shadow:0 8px 32px #f472b614}.metrics-card--5{box-shadow:0 8px 32px #a78bfa14}.metrics-card--1:hover{box-shadow:0 12px 40px #34d39926}.metrics-card--2:hover{box-shadow:0 12px 40px #60a5fa26}.metrics-card--3:hover{box-shadow:0 12px 40px #ecb21026}.metrics-card--4:hover{box-shadow:0 12px 40px #f472b626}.metrics-card--5:hover{box-shadow:0 12px 40px #a78bfa26}.metrics-card-content{z-index:1;position:relative}.metrics-value{color:#fff;margin-bottom:8px;font-size:1.4rem;font-weight:700;line-height:1.2}.metrics-card--1 .metrics-value{color:#6ee7b7}.metrics-card--2 .metrics-value{color:#93c5fd}.metrics-card--3 .metrics-value{color:#ecb210}.metrics-card--4 .metrics-value{color:#f9a8d4}.metrics-card--5 .metrics-value{color:#c4b5fd}.metrics-label{font-size:var(--fs-sm);color:#ffffff8c;line-height:1.5}.metrics-close{text-align:center;font-size:var(--fs-md);color:#ffffffbf;opacity:0;max-width:680px;margin:40px auto 0;font-style:italic;line-height:1.7;transition:opacity .6s .5s,transform .6s .5s;transform:translateY(16px)}.metrics-close--visible{opacity:1;transform:translateY(0)}.metrics-growth{text-align:center;font-size:var(--fs-md);color:#ffffffe6;opacity:0;max-width:680px;margin:16px auto 0;font-weight:600;line-height:1.7;transition:opacity .6s .7s,transform .6s .7s;transform:translateY(16px)}.metrics-growth--visible{opacity:1;transform:translateY(0)}@media (max-width:1100px){.metrics-grid{grid-template-columns:repeat(3,1fr);max-width:800px}}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr;gap:16px;max-width:400px}.metrics-card{padding:28px 24px 24px}.metrics-value{font-size:1.25rem}}
.ai-section{padding:var(--section-padding);background:var(--color-white)}.ai-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.ai-content{text-align:center;max-width:500px}.ai-kicker{background:var(--color-light-blue);color:var(--color-accent);font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-weight:600;display:inline-flex}.ai-kicker-icon{flex-shrink:0}.ai-header .section-title{margin-bottom:8px}.ai-subtitle{font-size:var(--fs-md);color:var(--color-text-secondary);text-align:center;margin:0 0 24px;line-height:1.6}.ai-features{flex-direction:column;gap:16px;margin:0 0 32px;padding:0;list-style:none;display:flex}.ai-feature-card{background:var(--color-off-white,#f8f9fc);font-size:var(--fs-base);color:var(--color-text-primary);text-align:left;border:1px solid #101d4312;border-radius:12px;justify-content:flex-start;align-items:center;gap:14px;padding:20px 22px;line-height:1.5;transition:box-shadow .2s,border-color .2s;display:flex}.ai-feature-card:hover{border-color:#101d4324;box-shadow:0 4px 16px #101d4314}.ai-feature-icon{background:var(--color-light-blue);width:40px;height:40px;color:var(--color-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-closer{font-size:var(--fs-base);color:var(--color-text-secondary);text-align:center;font-style:italic;line-height:1.7}.ai-visual{position:relative}@property --ai-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ai-comet-spin{to{--ai-angle:360deg}}.ai-img-wrapper{background:conic-gradient(from var(--ai-angle),#60a5fa00 0deg,#60a5fa26 20deg,#60a5fa66 40deg,#60a5fab3 55deg,#fff 60deg,#60a5fa 63deg,#60a5fa14 70deg,#60a5fa14 360deg);border-radius:16px;padding:2px;animation:4s linear infinite ai-comet-spin;position:relative}.ai-img-inner{aspect-ratio:4/3;background:#fff;border-radius:14px;position:relative;overflow:hidden}.ai-img{width:80%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:968px){.ai-inner{grid-template-columns:1fr;gap:48px}.ai-content{max-width:100%}.ai-visual{order:-1}.ai-img-inner{aspect-ratio:3/2}.ai-img{width:80%;left:50%;transform:translate(-50%,-50%)}}
.mobile-showcase{padding:var(--section-padding);background:linear-gradient(135deg,#101d43 0%,#1a3060 50%,#0d1a3a 100%)}.mobile-showcase-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.mobile-showcase .section-kicker{color:#fff9}.mobile-showcase .section-title{color:#fff}.mobile-showcase .section-subtitle{color:#ffffffbf}.mobile-showcase-content .section-subtitle{margin-bottom:8px}.mobile-showcase-badges{gap:12px;margin-top:24px;display:flex}.store-badge{color:#fff;font-size:var(--fs-sm);transition:all var(--transition-fast);background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.store-badge:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.mobile-showcase-visual{justify-content:center;align-items:center;gap:24px;display:flex}.mobile-showcase-image{filter:drop-shadow(0 16px 40px #101d4326);flex:1;max-width:520px}.mobile-showcase-image img{object-fit:cover;border-radius:16px;width:100%}@media (max-width:968px){.mobile-showcase-inner{grid-template-columns:1fr}.mobile-showcase-visual{order:-1}}@media (max-width:640px){.mobile-showcase-visual{flex-direction:column;gap:16px}.mobile-showcase-image{max-width:280px}}