*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--orange:#f5a623;--orange-lt:#fef4e0;--orange-mid:#fde3a7;--orange-dk:#c97f0a;--ink:#0f0f0f;--white:#fff;--gray:#f8f8f8;--muted:#737373;--border:#0f0f0f14;--ff:"Plus Jakarta Sans",sans-serif}html{scroll-behavior:smooth}body{background:var(--white);color:var(--ink);font-family:var(--ff);font-size:16px;line-height:1.65;overflow-x:hidden}.nav{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#ffffffeb;justify-content:space-between;align-items:center;padding:14px 52px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{object-fit:contain;width:auto;height:36px}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--orange);color:var(--white);border-radius:100px;padding:11px 24px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s}.nav-cta:hover{background:var(--orange-dk);transform:translateY(-1px)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:100vh;padding:130px 52px 80px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#f5a6231f 0%,#0000 65%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.hero-pill{background:var(--orange-lt);color:var(--orange-dk);letter-spacing:.04em;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.dot{background:var(--orange);border-radius:50%;width:7px;height:7px;animation:2s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}h1{letter-spacing:-2.5px;margin-bottom:24px;font-size:clamp(40px,5vw,66px);font-weight:800;line-height:1.06}.em{color:var(--orange);display:inline-block;position:relative}.em:after{content:"";background:var(--orange-mid);z-index:-1;border-radius:2px;height:4px;position:absolute;bottom:3px;left:0;right:0}.hero-sub{color:var(--muted);max-width:400px;margin-bottom:40px;font-size:17px;font-weight:400;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-primary{background:var(--orange);color:var(--white);border-radius:100px;align-items:center;gap:10px;padding:15px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .22s;display:inline-flex}.btn-primary:hover{background:var(--orange-dk);transform:translateY(-2px);box-shadow:0 10px 28px #f5a6234d}.btn-soft{color:var(--muted);border-bottom:1.5px solid var(--border);padding-bottom:2px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.btn-soft:hover{color:var(--orange);border-color:var(--orange)}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.phone-wrap{animation:7s ease-in-out infinite levitate;position:relative}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.phone-shadow{filter:blur(12px);background:#f5a62326;border-radius:50%;width:200px;height:20px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.phone{background:#1a1a1a;border-radius:44px;width:280px;position:relative;overflow:hidden;box-shadow:0 0 0 8px #2a2a2a,0 0 0 9px #333,0 40px 80px #00000059,0 12px 30px #0003}.phone-notch{z-index:10;background:#1a1a1a;border-radius:0 0 20px 20px;width:110px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{background:#fff;border-radius:36px;margin:10px 6px 6px;position:relative;overflow:hidden}.phone-status{background:#075e54;justify-content:space-between;align-items:center;padding:36px 18px 10px;display:flex}.phone-contact{align-items:center;gap:10px;display:flex}.phone-ava{background:var(--orange-lt);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.phone-info-name{color:#fff;font-size:13px;font-weight:700;line-height:1.2}.phone-info-sub{color:#ffffff8c;font-size:10px}.phone-icons{gap:14px;display:flex}.phone-icon{color:#ffffffb3;font-size:14px}.chat{background:#e5ddd5;flex-direction:column;gap:8px;min-height:330px;padding:12px 10px;display:flex}.bubble{z-index:1;max-width:82%;font-size:12px;line-height:1.5;position:relative}.bubble-out{color:#111;background:#dcf8c6;border-radius:10px 10px 2px;align-self:flex-end;padding:7px 10px}.bubble-in{color:#111;background:#fff;border-radius:10px 10px 10px 2px;align-self:flex-start;padding:7px 10px;box-shadow:0 1px 2px #00000014}.bubble-time{color:#aaa;text-align:right;z-index:1;align-self:flex-end;margin-top:-4px;font-size:9px;position:relative}.rich-card{z-index:1;background:#fff;border-radius:10px 10px 10px 2px;align-self:flex-start;width:88%;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.rich-card-header{background:var(--orange);padding:10px 12px}.rich-card-header-title{color:#fff;font-size:12px;font-weight:700}.rich-card-header-sub{color:#ffffffbf;margin-top:1px;font-size:10px}.rich-card-body{padding:10px 12px}.rich-card-price{color:var(--ink);letter-spacing:-1px;font-size:20px;font-weight:800;line-height:1}.rich-card-price-label{color:var(--muted);margin-bottom:4px;font-size:10px}.rich-card-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.tag{border-radius:100px;padding:2px 7px;font-size:9px;font-weight:700}.tag-green{color:#1a5c2a;background:#dcf8c6}.tag-orange{background:var(--orange-lt);color:var(--orange-dk)}.rich-card-detail{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.5}.rich-card-btn{background:var(--orange);color:#fff;text-align:center;border-radius:8px;margin:8px 12px 10px;padding:7px;font-size:11px;font-weight:700}.chat-input{background:#f0f0f0;border-top:1px solid #0000000f;align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-input-text{color:#aaa;flex:1;font-size:12px}.chat-input-send{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.phone-home{background:#1a1a1a;justify-content:center;padding:10px 0 16px;display:flex}.phone-home-bar{background:#fff3;border-radius:2px;width:100px;height:4px}.float-badge{background:var(--white);border:1px solid var(--border);white-space:nowrap;border-radius:16px;padding:12px 16px;position:absolute;box-shadow:0 12px 36px #0000001a}.fb-icon{margin-bottom:2px;font-size:18px}.fb-num{color:var(--orange);letter-spacing:-.5px;font-size:16px;font-weight:800;line-height:1.2}.fb-lbl{color:var(--muted);font-size:11px;font-weight:400}.fb1{animation:7s ease-in-out 1.5s infinite levitate;top:20px;left:-110px}.fb2{animation:7s ease-in-out 3s infinite levitate;bottom:80px;right:-100px}.stats-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex}.stat-item{border-right:1px solid var(--border);flex:1;padding:32px 44px}.stat-item:last-child{border-right:none}.stat-n{letter-spacing:-2px;color:var(--ink);margin-bottom:3px;font-size:40px;font-weight:800}.stat-n em{color:var(--orange);font-style:normal}.stat-l{color:var(--muted);font-size:13px;font-weight:400}.sec{padding:100px 52px}.sec-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:16px;font-size:11px;font-weight:700}h2{letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(30px,3.8vw,50px);font-weight:800;line-height:1.1}.sec-sub{color:var(--muted);max-width:460px;font-size:17px;font-weight:400;line-height:1.75}.steps-grid{grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px;display:grid}.step-card{background:var(--gray);cursor:default;padding:44px 38px;transition:background .22s,transform .22s}.step-card:hover{background:var(--orange-lt);transform:translateY(-5px)}.step-n{color:var(--orange-mid);letter-spacing:-3px;margin-bottom:22px;font-size:64px;font-weight:800;line-height:1;transition:color .22s}.step-card:hover .step-n{color:var(--orange)}.step-card h3{letter-spacing:-.3px;margin-bottom:11px;font-size:18px;font-weight:700}.step-card p{color:var(--muted);font-size:15px;font-weight:400;line-height:1.72}.feat-grid{grid-template-columns:repeat(2,1fr);gap:2px;margin-top:56px;display:grid}.feat-card{background:var(--gray);padding:44px;transition:background .22s}.feat-card:hover{background:var(--orange-lt)}.feat-icon{background:var(--orange);width:50px;height:50px;color:var(--white);border-radius:14px;justify-content:center;align-items:center;margin-bottom:22px;font-size:22px;display:flex}.feat-card h3{letter-spacing:-.3px;margin-bottom:11px;font-size:18px;font-weight:700}.feat-card p{color:var(--muted);font-size:15px;font-weight:400;line-height:1.72}.sky-sec{background:var(--ink);padding:100px 52px}.sky-inner{background:var(--white);border-radius:20px;max-width:780px;margin:48px auto 0;padding:32px}.pricing-sec{background:var(--gray);padding:100px 52px}.plans-grid{grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px;display:grid}.plan-card{background:var(--white);border:1px solid var(--border);padding:44px 38px;transition:all .22s;position:relative}.plan-card:hover{border-color:var(--orange-mid);transform:translateY(-4px);box-shadow:0 12px 40px #f5a6231f}.plan-card.hot{background:var(--orange);border-color:var(--orange)}.plan-card.hot:hover{background:var(--orange-dk);border-color:var(--orange-dk)}.plan-pop{background:var(--orange-dk);color:var(--white);letter-spacing:.1em;border-radius:0 0 10px 10px;padding:4px 14px;font-size:10px;font-weight:700;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.plan-tier{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-size:11px;font-weight:700}.plan-card.hot .plan-tier{color:#ffffffbf}.plan-price{letter-spacing:-3px;color:var(--ink);margin-bottom:4px;font-size:52px;font-weight:800}.plan-card.hot .plan-price{color:var(--white)}.plan-price span{letter-spacing:0;font-size:17px;font-weight:400}.plan-tagline{color:var(--muted);margin-bottom:30px;font-size:13px}.plan-card.hot .plan-tagline{color:#fffc}.plan-items{margin-bottom:34px;list-style:none}.plan-items li{color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.plan-card.hot .plan-items li{color:#ffffffe6;border-bottom-color:#fff3}.plan-items li:before{content:"—";color:var(--orange);flex-shrink:0;font-size:11px;font-weight:700}.plan-card.hot .plan-items li:before{color:#ffffff80}.plan-items li.dim{opacity:.3}.plan-btn{text-align:center;border:1.5px solid var(--border);color:var(--ink);border-radius:100px;padding:13px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:block}.plan-btn:hover{background:var(--orange);color:var(--white);border-color:var(--orange)}.plan-card.hot .plan-btn{background:var(--white);color:var(--orange-dk);border-color:#0000}.plan-card.hot .plan-btn:hover{background:var(--orange-lt)}.cta-sec{text-align:center;padding:130px 52px;position:relative;overflow:hidden}.cta-sec:before{content:"";pointer-events:none;background:radial-gradient(circle,#f5a62317 0%,#0000 65%);width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-logo{width:auto;height:64px;margin:0 auto 36px;display:block}.cta-sec h2{margin-bottom:18px;font-size:clamp(34px,5vw,60px)}.cta-sec p{color:var(--muted);margin-bottom:42px;font-size:18px}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:36px 52px;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--orange)}footer p{color:var(--muted);font-size:13px}@media (max-width:780px){.nav{padding:14px 20px}.nav-links{display:none}.hero{grid-template-columns:1fr;gap:44px;padding:110px 20px 60px}.hero-visual{display:none}.stats-row{flex-direction:column}.stat-item{border-right:none;border-bottom:1px solid var(--border);padding:24px 20px}.sec,.sky-sec{padding:64px 20px}.steps-grid,.feat-grid,.plans-grid{grid-template-columns:1fr}.pricing-sec{padding:64px 20px}.cta-sec{padding:80px 20px}footer{text-align:center;flex-direction:column;gap:16px;padding:28px 20px}.footer-links{flex-wrap:wrap;justify-content:center}}
