:root{--primary-color:#0b2341;--primary-light:#163a66;--accent-color:#ff4d4d;--accent-hover:#e63e3e;--text-color:#0d2c4f;--secondary-color:#5b6f82;--muted-color:#94a3b8;--bg-white:#fff;--bg-light:#f8fafc;--font-primary:Poppins,sans-serif;--font-secondary:Nunito,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--text-color);background-color:var(--bg-white);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:.3s}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;font-weight:700;transition:all .3s ease;border:2px solid transparent;cursor:pointer;font-size:1rem;gap:8px}.btn svg{width:18px;height:18px;stroke-width:2.5px}.btn-primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 8px 20px #ff4d4d40}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-3px);box-shadow:0 12px 25px #ff4d4d59}.btn-ghost{background:transparent;color:var(--primary-color);border:1px solid #e2e8f0}.btn-ghost:hover{background:#f1f5f9;border-color:var(--primary-color)}.hero-interactive{padding:120px 0 100px;background:linear-gradient(135deg,#f8fbff 0%,#fff 100%);overflow:hidden;position:relative}.hero-header{text-align:center;max-width:800px;margin:0 auto 60px}.badge-pill{display:inline-flex;align-items:center;gap:8px;background:#0b23410d;color:var(--accent-color);padding:8px 16px;border-radius:50px;font-weight:700;font-size:.9rem;margin-bottom:20px}.main-title{font-family:var(--font-secondary);font-size:3.5rem;line-height:1.1;color:var(--primary-color);font-weight:800;margin-bottom:20px}.main-title .highlight{color:var(--accent-color);position:relative;z-index:1}.main-title .highlight::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:12px;background:#ff4d4d26;z-index:-1;border-radius:4px}.sub-text{font-size:1.15rem;color:var(--secondary-color);margin-bottom:30px}.hero-btns{display:flex;justify-content:center;gap:15px}.feature-deck{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:center;background:#fff;border-radius:30px;padding:40px;box-shadow:0 20px 50px #0000000d;border:1px solid #fffc}.feature-nav{display:flex;flex-direction:column;gap:15px}.feature-item{display:flex;align-items:center;gap:20px;padding:20px;border-radius:16px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;position:relative;overflow:hidden;background:#fff}.feature-item:hover{background:#f8fafc}.feature-item.active{background:#f0f7ff;border-color:#e0f2fe;box-shadow:0 4px 15px #004a7f0d}.f-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent-color);width:0;transition:width 0s}.f-icon{width:50px;height:50px;border-radius:12px;background:#eff6ff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.3s}.feature-item.active .f-icon{background:var(--accent-color);color:#fff;transform:scale(1.1)}.f-content h3{font-size:1.1rem;font-weight:700;color:var(--text-color);margin-bottom:4px}.f-content p{font-size:.9rem;color:var(--secondary-color);line-height:1.4;margin:0}.feature-visuals{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;perspective:1000px}.imac-wrapper{width:100%;max-width:680px;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.imac-body{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:20px;padding:12px 12px 45px;box-shadow:0 20px 50px #0000001a inset 0 0 0 1px #ffffff80;width:100%;position:relative;z-index:2}.imac-screen{background:#000;width:100%;aspect-ratio:16 / 9;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000080}.f-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transform:scale(1.05);transition:all .6s cubic-bezier(0.2,0.8,0.2,1)}.f-img.active{opacity:1;transform:scale(1)}.imac-stand{width:140px;height:70px;background:linear-gradient(180deg,#cbd5e1 0%,#94a3b8 100%);margin-top:-20px;position:relative;z-index:1;clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%);box-shadow:0 10px 20px #0000001a}.imac-stand::after{content:'';position:absolute;bottom:0;left:-10px;width:calc(100% + 20px);height:8px;background:#94a3b8;border-radius:4px;z-index:2}.glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:radial-gradient(circle,#ff4d4d40 0%,#0000 70%);z-index:0;filter:blur(60px)}@media (max-width: 992px){.feature-deck{grid-template-columns:1fr;padding:20px}.feature-visuals{min-height:auto;margin-bottom:40px;order:-1}.main-title{font-size:2.2rem}.imac-body{padding-bottom:30px}.imac-stand{height:50px;width:100px}}

/* _features section */
.sr-section{padding:80px 0;background:linear-gradient(135deg,#fff 0%,#f0f4f8 100%);overflow:hidden;font-family:'Poppins',sans-serif;color:#0d2c4f}.sr-header-wrapper{text-align:center;max-width:800px;margin:0 auto 30px}.sr-badge-pill{display:inline-flex;align-items:center;gap:8px;background:#0b23410d;color:#ff4d4d;padding:8px 16px;border-radius:50px;font-weight:700;font-size:.9rem;margin-bottom:20px}.sr-badge-pill svg{width:18px;height:18px}.sr-main-title{font-family:'Nunito',sans-serif;font-size:3.5rem;line-height:1.1;color:#0b2341;font-weight:800;margin-bottom:20px}.sr-highlight{color:#ff4d4d;position:relative;z-index:1}.sr-highlight::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:12px;background:#ff4d4d26;z-index:-1;border-radius:4px}.sr-sub-text{font-size:1.15rem;color:#5b6f82;margin-bottom:30px;line-height:1.6}.sr-deck{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;position:relative;padding:40px;background:#fff;border-radius:24px;box-shadow:0 20px 60px -10px #0000000d;border:1px solid #f1f5f9}.sr-visuals{position:relative;display:flex;justify-content:center;align-items:center}.sr-imac-wrapper{width:100%;max-width:650px;position:relative;z-index:2}.sr-imac-body{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:16px;padding:12px 12px 40px;box-shadow:0 20px 50px #0000001a;position:relative;z-index:2}.sr-imac-screen{background:#000;width:100%;aspect-ratio:16 / 9;border-radius:8px;position:relative;overflow:hidden}.sr-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease,transform .6s ease;transform:scale(1.05)}.sr-img.active{opacity:1;transform:scale(1)}.sr-imac-stand{width:140px;height:70px;background:linear-gradient(180deg,#cbd5e1 0%,#94a3b8 100%);margin:-20px auto 0;position:relative;z-index:1;clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%)}.sr-glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,#38bdf84d 0%,#0000 70%);z-index:0;filter:blur(60px)}.sr-nav{position:relative;max-height:520px;overflow-y:auto;padding-right:15px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.sr-nav::-webkit-scrollbar{width:6px}.sr-nav::-webkit-scrollbar-track{background:transparent}.sr-nav::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.sr-item{position:relative;display:flex;align-items:flex-start;gap:16px;padding:18px;border-radius:12px;background:#fff;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.sr-item:hover{background:#f8fafc}.sr-item.active{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 4px 12px #3b82f614}.sr-icon{width:44px;height:44px;border-radius:10px;background:#f1f5f9;color:#5b6f82;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;margin-top:2px}.sr-icon svg{width:20px;height:20px}.sr-item.active .sr-icon{background:#ff4d4d;color:#fff}.sr-content{flex:1}.sr-content h3{font-size:1rem;font-weight:700;color:#0b2341;margin:0 0 6px;line-height:1.3}.sr-content p{font-size:.85rem;color:#5b6f82;margin:0;line-height:1.5}.sr-progress{position:absolute;bottom:0;left:0;height:3px;background:#ff4d4d;width:0;border-radius:0 0 12px 12px;transition:width 0s}@media (max-width: 992px){.sr-deck{grid-template-columns:1fr;padding:0;background:transparent;box-shadow:none;border:none}.sr-visuals{order:-1;margin-bottom:30px}.sr-nav{max-height:none;padding-right:0}.sr-main-title{font-size:2.2rem}.sr-imac-wrapper{max-width:100%}}

/* _flow section */
:root{--primary-color:#0b2341;--primary-light:#163a66;--accent-color:#ff4d4d;--secondary-color:#5b6f82;--bg-white:#fff;--bg-light:#f8fafc;--font-primary:Poppins,sans-serif;--font-secondary:Nunito,sans-serif;--arrow-color:#cbd5e1}.roadmap-section{padding:80px 0;background-color:var(--bg-light);font-family:var(--font-secondary);overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-head{text-align:center;max-width:700px;margin:0 auto 60px}.section-head .eyebrow{color:var(--accent-color);font-family:var(--font-primary);font-weight:700;font-size:.85rem;letter-spacing:1.5px;text-transform:uppercase;display:block;margin-bottom:10px}.section-head h2{color:var(--primary-color);font-family:var(--font-primary);font-size:2.5rem;font-weight:800;margin-bottom:15px;line-height:1.2}.section-head p{color:var(--secondary-color);font-size:1.1rem;line-height:1.6}.steps-wrapper{position:relative;padding-top:60px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;z-index:2}.step-card{background-color:var(--bg-white);border:1px solid #e2e8f0;border-radius:20px;padding:40px 25px 30px;text-align:center;position:relative;transition:all .3s ease;height:100%;box-shadow:0 4px 6px -1px #0000000d 0 2px 4px -1px #00000008;z-index:2}.step-card:hover{transform:translateY(-10px);border-color:var(--primary-light);box-shadow:0 20px 25px -5px #0000001a 0 10px 10px -5px #0000000a}.step-icon{width:60px;height:60px;background-color:var(--bg-white);color:var(--primary-color);border:3px solid var(--bg-light);border-radius:50%;position:absolute;top:-30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:1.5rem;font-weight:800;box-shadow:0 4px 10px #00000014;transition:.3s ease;z-index:5}.step-card:hover .step-icon{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.step-content h3{font-family:var(--font-primary);color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-top:15px;margin-bottom:12px}.step-content p{font-family:var(--font-secondary);color:var(--secondary-color);font-size:.95rem;line-height:1.5;margin:0}@media (min-width: 992px){.steps-grid .step-card:not(:last-child)::after{content:'';position:absolute;top:-25px;left:50%;width:calc(100% + 30px);height:60px;pointer-events:none;z-index:1;border-top:3px dashed var(--arrow-color);border-radius:50% 50% 0 0}}@media (max-width: 991px){.steps-grid{grid-template-columns:1fr;gap:50px;max-width:500px;margin:0 auto}.steps-wrapper::before{content:'';position:absolute;top:40px;bottom:0;left:50%;transform:translateX(-50%);width:2px;background-image:linear-gradient(to bottom,var(--arrow-color) 60%,transparent 40%);background-size:2px 20px;background-repeat:repeat-y;z-index:0}.step-card{padding-top:40px}}