@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#111;background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fff}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100vh;overflow:hidden}.navbar{width:min(1180px,calc(100% - 40px));min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-size:22px;font-weight:800;letter-spacing:-.8px}.logo span{color:#555}.nav-links{display:flex;gap:32px}.nav-links a{color:#666;font-size:14px;transition:color .2s ease}.nav-links a:hover{color:#111}.nav-actions{display:flex;gap:10px}.btn{border:0;border-radius:12px;padding:11px 18px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn-dark{color:#fff;background:#111}.btn-dark:hover{box-shadow:0 10px 25px #00000024}.btn-ghost{background:transparent;color:#222}.btn-outline{background:#fff;color:#111;border:1px solid #ddd}.btn-outline:hover{border-color:#aaa}.btn-light{background:#fff;color:#111}.btn-large{padding:15px 22px;border-radius:14px}.hero{width:min(1180px,calc(100% - 40px));min-height:690px;margin:0 auto;padding:80px 0 100px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:25px;color:#666;font-size:13px;font-weight:600}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#111}.hero h1{margin:0;max-width:700px;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-4px}.hero h1 span{color:#777}.hero-text{max-width:570px;margin:30px 0 0;color:#666;font-size:17px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-actions .btn span{margin-left:15px}.hero-stats{display:flex;gap:35px;margin-top:55px}.hero-stats div{display:flex;flex-direction:column;gap:5px}.hero-stats strong{font-size:14px}.hero-stats span{color:#888;font-size:12px}.hero-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#f1f1f1}.floating-card{position:absolute;z-index:2;border:1px solid #e8e8e8;background:#fffffff0;box-shadow:0 25px 70px #00000017;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-main{width:390px;padding:27px;border-radius:22px}.card-header,.card-meta{display:flex;justify-content:space-between;gap:15px}.card-header{color:#888;font-size:12px}.live-dot{color:#222}.card-main h3{margin:28px 0 12px;font-size:21px;line-height:1.35}.card-main p{margin:0;color:#777;font-size:13px;line-height:1.6}.card-meta{margin-top:30px;padding-top:18px;border-top:1px solid #eee;color:#555;font-size:12px}.card-small{width:230px;display:flex;align-items:center;gap:12px;padding:15px;border-radius:16px}.card-small strong,.card-small span{display:block}.card-small strong{margin-bottom:3px;font-size:12px}.card-small span{color:#888;font-size:11px}.card-top{top:65px;right:0;animation:float 5s ease-in-out infinite}.card-bottom{bottom:65px;left:0;animation:float 5s ease-in-out infinite reverse}.mini-icon,.check-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f1f1f1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:110px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:55px}.section-heading.centered{display:block;max-width:650px;margin:0 auto 55px;text-align:center}.section-label{display:block;margin-bottom:13px;color:#888;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.section-heading h2,.split-card h2,.final-cta h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-2.5px}.section-heading p{max-width:360px;margin:0;color:#777;line-height:1.7}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-card{display:grid;grid-template-columns:45px 1fr 25px;align-items:center;min-height:120px;padding:22px;text-align:left;border:1px solid #e9e9e9;border-radius:18px;background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.category-card:hover{transform:translateY(-5px);border-color:#ccc;box-shadow:0 18px 45px #00000012}.category-number{color:#aaa;font-size:11px}.category-name{font-weight:600}.category-arrow{color:#777;font-size:20px}.how{border-top:1px solid #eee}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{padding-top:25px;border-top:1px solid #ccc}.step>span{color:#999;font-size:12px;font-weight:700}.step h3{margin:28px 0 12px;font-size:20px}.step p{max-width:300px;margin:0;color:#777;line-height:1.7}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:15px}.split-card{min-height:380px;padding:45px;border-radius:24px;background:#111;color:#fff}.split-card.light{background:#f5f5f5;color:#111}.split-card h2{margin-bottom:20px}.split-card p{max-width:450px;margin:0 0 35px;color:#aaa;line-height:1.7}.split-card.light p{color:#777}.final-cta{width:min(1180px,calc(100% - 40px));margin:0 auto 40px;padding:90px 60px;border-radius:28px;background:#111;color:#fff;text-align:center}.final-cta .section-label{color:#999}.final-cta h2{margin-bottom:35px}.footer{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:40px 0 55px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#888;font-size:12px}.footer p{margin:8px 0 0}.footer-links{display:flex;gap:25px}@media (max-width: 900px){.nav-links{display:none}.hero{grid-template-columns:1fr;gap:20px;padding-top:55px}.hero-visual{min-height:430px}.category-grid,.steps{grid-template-columns:1fr 1fr}}@media (max-width: 650px){.navbar{width:calc(100% - 28px)}.nav-actions .btn-ghost{display:none}.hero,.section{width:calc(100% - 28px)}.hero{min-height:auto;padding:55px 0 70px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-text{font-size:15px}.hero-stats{gap:18px;margin-top:40px}.hero-stats span{display:none}.hero-visual{min-height:370px;transform:scale(.9)}.card-main{width:330px}.section{padding:75px 0}.section-heading{display:block}.section-heading p{margin-top:20px}.category-grid,.steps,.split-section{grid-template-columns:1fr}.split-card{min-height:auto;padding:35px}.final-cta{width:calc(100% - 28px);padding:70px 25px}.footer{width:calc(100% - 28px);align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}