body {font-family:'Montserrat',sans-serif;background-color:#f8fafc;color:#0f172a;}
    .hero-wrap {background:radial-gradient(circle at 50% 0%, rgba(255,255,255,.07), rgba(255,255,255,0) 42%),linear-gradient(180deg,#003554 0%,#0077b6 46%,#0b4f6c 77%,#f8fafc 100%);overflow:hidden;position:relative;}
    .hero-inner{position:relative;z-index:2}.hero-haze{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:82%;max-width:760px;height:180px;border-radius:999px;pointer-events:none;background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.22) 0%, rgba(255,255,255,.06) 45%, rgba(255,255,255,0) 100%);filter:blur(18px);opacity:.55}
    .hero-badge{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
    .hero-title{font-size:clamp(2.45rem,5.2vw,4.8rem);line-height:.95;font-weight:900;letter-spacing:-.06em;color:#fff;text-transform:uppercase}
    .hero-subtitle{margin-top:1.1rem;font-size:clamp(1rem,2vw,1.15rem);line-height:1.65;color:rgba(255,255,255,.88);max-width:690px}
    .hero-mock{position:relative;border-radius:1.8rem;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 75px -30px rgba(0,24,37,.55);backdrop-filter:blur(10px);animation:floatMock 6s ease-in-out infinite}
    .hero-mock::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,0));z-index:-1}.mock-shell{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border-radius:1.35rem;border:1px solid rgba(219,234,254,.85);padding:18px;color:#0f172a}.mock-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mock-title{font-weight:900;letter-spacing:-.04em;color:#003554;font-size:1rem}.mock-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 11px;background:#e0f2fe;color:#0077b6;border:1px solid #bae6fd;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
    .fake-upload{border:2px dashed #93c5fd;background:linear-gradient(180deg,#f8fbff,#eff6ff);border-radius:1rem;padding:16px;text-align:center;color:#0077b6;font-weight:800;font-size:.95rem;margin-bottom:14px}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.mini-field{background:#fff;border:1px solid #e2e8f0;border-radius:.95rem;padding:10px 12px;box-shadow:0 12px 30px -28px rgba(0,53,84,.45)}.mini-field span{display:block;color:#64748b;font-size:11px;font-weight:800;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.mini-field strong{font-size:15px;font-weight:900;color:#0f172a}.fake-table{overflow:hidden;border:1px solid #e2e8f0;border-radius:1rem;background:#fff}.fake-row{display:grid;grid-template-columns:1.15fr .8fr .8fr;gap:8px;padding:11px 12px;border-bottom:1px solid #e2e8f0;font-size:12px;align-items:center}.fake-row:last-child{border-bottom:0}.fake-row.head{background:#f8fafc;color:#64748b;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.fake-row strong{color:#0077b6;font-weight:900}
    .cta-btn{background:linear-gradient(135deg,#ff2d2d,#ff6a00);box-shadow:0 18px 40px -14px rgba(255,45,45,.55);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;position:relative;isolation:isolate;text-decoration:none}.cta-btn::after{content:"";position:absolute;inset:-2px;border-radius:9999px;background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.55), rgba(255,255,255,0) 45%);opacity:.55;z-index:-1;filter:blur(2px)}.cta-btn.cta-pulse{animation:ctaFloat 1.35s ease-in-out infinite}.cta-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 30px 65px -20px rgba(255,45,45,.78);filter:saturate(1.05)}.ghost-btn{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.26);transition:transform .18s ease,background .18s ease,border-color .18s ease;text-decoration:none;backdrop-filter:blur(8px)}.ghost-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4)}
    .stat-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:1rem;padding:14px;backdrop-filter:blur(10px)}.stat-card strong{display:block;font-size:1.05rem;color:#fff;font-weight:900;margin-bottom:4px}.stat-card span{color:rgba(255,255,255,.74);font-size:.82rem;line-height:1.4;display:block}.text-step-number{font-size:clamp(5.3rem,15vw,8.2rem);line-height:.8;font-weight:900;color:#0077b6;opacity:.92}
    .step-card{background:white;border-radius:1rem;overflow:hidden;border:1px solid #e2e8f0;transition:transform .25s ease}.step-card:hover{transform:translateY(-4px)}.step-media{background:linear-gradient(180deg,#f8fbff 0%,#e0f2fe 100%);display:flex;align-items:stretch;justify-content:center;padding:16px;min-height:280px}.mini-shot{width:100%;border-radius:.95rem;background:#fff;border:1px solid #dbeafe;padding:16px;box-shadow:0 24px 48px -36px rgba(0,53,84,.45);display:flex;flex-direction:column;gap:12px;transition:transform .5s ease}.step-card:hover .mini-shot{transform:scale(1.03)}
    .mini-shot-line,.mini-shot-chip,.mini-shot-row,.mini-shot-bar,.mini-shot-button{border-radius:999px}.mini-shot-line{height:14px;background:#e2e8f0}.mini-shot-line.long{width:100%}.mini-shot-line.medium{width:72%}.mini-shot-line.short{width:46%}.mini-shot-chip{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:8px 12px;background:#e0f2fe;border:1px solid #bae6fd;color:#0077b6;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.mini-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-shot-row{height:44px;border:1px solid #e2e8f0;background:#fff;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-shot-bar{height:16px;background:linear-gradient(90deg,#0077b6,#00b4d8);opacity:.18;width:100%}.mini-shot-button{height:48px;background:linear-gradient(135deg,#ff2d2d,#ff6a00);box-shadow:0 16px 30px -20px rgba(255,45,45,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
    .feature-card{background:white;border:1px solid #e2e8f0;border-radius:1rem;padding:18px;box-shadow:0 16px 35px -28px rgba(0,53,84,.45)}.feature-dot{width:10px;height:10px;border-radius:9999px;background:linear-gradient(135deg,#ff2d2d,#ff6a00);flex:0 0 auto;margin-top:7px}.video-card{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 24px 70px -35px rgba(0,53,84,.45);overflow:hidden}.video-frame-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#001f33;overflow:hidden}.video-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
    .testimonial-card{background:white;border-radius:1.2rem;border:1px solid #e2e8f0;padding:22px;box-shadow:0 18px 48px -32px rgba(0,53,84,.38);transition:transform .2s ease,box-shadow .2s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 28px 60px -32px rgba(0,53,84,.46)}.quote-mark{font-size:3rem;line-height:1;color:rgba(0,119,182,.18);font-weight:900;margin-bottom:8px}.stars{color:#f59e0b;font-size:15px;letter-spacing:1px;margin-bottom:10px}.avatar{width:46px;height:46px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#0077b6,#003554);box-shadow:0 14px 30px -18px rgba(0,53,84,.55)}
    .contact-card{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border-radius:1.1rem;border:1px solid #e2e8f0;padding:20px;box-shadow:0 18px 48px -34px rgba(0,53,84,.35)}.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:12px 18px;font-weight:900;text-decoration:none;border:1px solid #e2e8f0;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.outline-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -24px rgba(0,53,84,.4);border-color:#cbd5e1}
    
    
    .reveal-step{opacity:0;transform:translateY(22px) scale(.985);filter:blur(2px);will-change:transform,opacity,filter}.reveal-step.is-visible{opacity:1;filter:blur(0);animation:bounceInUp 720ms cubic-bezier(.2,.9,.2,1.05) both}.reveal-step.reveal-card.is-visible{animation:cardPop 780ms cubic-bezier(.2,.9,.2,1.05) both}.hero-animate{opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards}.hero-animate.delay-1{animation-delay:.06s}.hero-animate.delay-2{animation-delay:.12s}.hero-animate.delay-3{animation-delay:.18s}.hero-animate.delay-4{animation-delay:.26s}.hero-animate.delay-5{animation-delay:.34s}
    @keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceInUp{0%{transform:translateY(26px) scale(.98);opacity:0}60%{transform:translateY(-6px) scale(1.01);opacity:1}80%{transform:translateY(3px) scale(.995)}100%{transform:translateY(0) scale(1)}}@keyframes cardPop{0%{transform:translateY(24px) scale(.97);opacity:0}60%{transform:translateY(-6px) scale(1.01);opacity:1}100%{transform:translateY(0) scale(1)}}@keyframes ctaFloat{0%{transform:translateY(0) scale(1);box-shadow:0 18px 40px -14px rgba(255,45,45,.55)}50%{transform:translateY(-4px) scale(1.02);box-shadow:0 26px 55px -18px rgba(255,45,45,.72)}100%{transform:translateY(0) scale(1);box-shadow:0 18px 40px -14px rgba(255,45,45,.55)}}@keyframes floatMock{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
    @media (max-width:991px){.hero-grid{grid-template-columns:1fr}.step-media{min-height:250px}}@media (max-width:767px){.hero-wrap{text-align:center}.hero-actions-inline{justify-content:center}.fake-row{grid-template-columns:1fr .85fr}.fake-row span:nth-child(2){display:none}.mini-grid,.mini-shot-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}.reveal-step{opacity:1 !important;transform:none !important;filter:none !important}}


.step-ui{width:100%;border-radius:1.1rem;background:#fff;border:1px solid #dbeafe;padding:18px;box-shadow:0 22px 50px -38px rgba(0,53,84,.45)}
.shot-upload{display:flex;flex-direction:column;gap:16px;background:#eef4fa}
.template-download{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:14px 18px;border-radius:14px;background:linear-gradient(180deg,#0b5ea8,#003f83);color:#fff;font-size:1rem;font-weight:900;box-shadow:0 10px 24px -14px rgba(0,53,84,.55)}
.upload-zone{min-height:180px;border:1.8px dashed #bfdbfe;border-radius:18px;background:linear-gradient(180deg,#f3f7fb,#eff4fa);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}
.upload-title{font-size:1.8rem;font-weight:900;color:#003f83;line-height:1.1}
.upload-sub{margin-top:8px;color:#486581;font-size:1rem;line-height:1.45}
.shot-form{background:#f8fafc}
.form-headline{font-size:1rem;font-weight:700;color:#4c6580;margin-bottom:14px}
.form-grid-landing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field-block label{display:block;margin-bottom:8px;font-size:14px;font-weight:800;color:#0f172a}
.field-box{min-height:44px;border:1px solid #d1d5db;border-radius:12px;background:#fff;padding:11px 14px;font-size:15px;font-weight:700;color:#111827;display:flex;align-items:center}
.select-like{justify-content:space-between;gap:10px}
.caret{color:#475569;font-size:14px;font-weight:900}
.field-block small{display:block;margin-top:7px;color:#64748b;font-size:12px;line-height:1.35}
.warning-box{margin-top:16px;border:1px solid #f6b97d;background:#f9efe3;color:#b45309;border-radius:15px;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.45}
.secondary-action{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:12px;background:#6d8bab;color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 22px -16px rgba(71,85,105,.55)}
@media (max-width: 767px){.upload-title{font-size:1.45rem}.upload-zone{min-height:150px}.form-grid-landing{grid-template-columns:1fr}.template-download{width:100%;justify-content:center}}