@import "https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800;900&display=swap";
@layer reset,base,theme,components,utilities,dashboard;@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100dvh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}}@layer base{:root{--color-orange:#ff6b00;--color-orange-hover:#e66000;--color-orange-light:#fff0e6;--color-dark:#111827;--color-darker:#050505;--color-gray:#4b5563;--color-gray-light:#9ca3af;--color-bg:#fff;--color-bg-alt:#f9fafb;--color-border:#e5e7eb;--font-heading:"Urbanist", system-ui, sans-serif;--font-body:"Lufga", system-ui, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-orange:0 10px 25px -5px #ff6b004d;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800}}@layer theme{body{font-family:var(--font-body);color:var(--color-gray);background-color:var(--color-bg);font-size:1rem;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-dark);font-weight:700;line-height:1.2}::selection{background:var(--color-orange);color:#fff}}@layer components{.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:2rem}.btn{font-family:var(--font-heading);border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn--primary{background:var(--color-orange);color:#fff;box-shadow:var(--shadow-orange)}.btn--primary:hover{background:var(--color-orange-hover);transform:translateY(-2px)}.btn--outline{color:var(--color-dark);border:1px solid var(--color-border);background:0 0}.btn--outline:hover{border-color:var(--color-dark)}.badge{background:var(--color-orange-light);color:var(--color-orange);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.navbar{z-index:100;color:#fff;justify-content:center;padding:0 2rem;transition:all .3s;display:flex;position:fixed;top:.75rem;left:0;right:0}.navbar__inner{border:1px solid #0000;border-radius:9999px;justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:76px;transition:all .3s;display:flex}.navbar.scrolled{color:var(--color-dark)}.navbar.scrolled .navbar__inner{border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:#fff}.navbar__logo{color:inherit;font-size:1.5rem;font-weight:800}.navbar__logo span{color:inherit}.navbar.scrolled .navbar__logo span{color:var(--color-orange)}.navbar__links{display:none}@media (min-width:768px){.navbar__links{gap:2rem;display:flex}}.navbar__link{color:inherit;opacity:.9;align-items:center;gap:.25rem;font-size:.95rem;font-weight:600;display:flex}.navbar__link:hover{opacity:1}.navbar__link span{color:inherit;opacity:.7;font-size:.7rem}.navbar__actions{align-items:center;gap:1.5rem;display:flex}.navbar__login{color:inherit;font-weight:600}.navbar .navbar__actions .btn--primary{color:#fff;background:#fff3;border:1px solid #fff6}.navbar.scrolled .navbar__actions .btn--primary{background:var(--color-orange);color:#fff;border:none}.hero{color:#fff;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__track{flex:1;min-height:100vh;transition:transform 1s cubic-bezier(.25,1,.5,1);display:flex}.hero__slide{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__inner{z-index:20;align-items:center;width:100%;display:flex;position:relative}.hero__content{text-align:left;width:50%}.hero__title{color:#fff;white-space:pre-line;margin-bottom:1.5rem;font-size:clamp(2.5rem,4vw,4rem);font-weight:800;line-height:1.2}.hero__title .highlight{color:inherit}.hero__desc{color:#ffffffe6;max-width:380px;margin-bottom:2.5rem;font-size:1.1rem}.hero__actions{gap:1rem;margin-bottom:3rem;display:flex}.slider-btn-primary{color:#fff!important;background:#00d1ff!important;border-color:#00d1ff!important}.slider-btn-outline{color:#fff!important;background:0 0!important;border-color:#fff!important}.slider-btn-outline:hover{background:#ffffff1a!important}.hero__visual{z-index:10;justify-content:flex-end;align-items:flex-end;width:75%;display:flex;position:absolute;bottom:0;right:-8%}.hero__visual img{transform-origin:100% 100%;width:100%;max-width:none;height:auto;transform:none}.hero-slider__btn{color:#fff;cursor:pointer;z-index:20;width:56px;height:56px;box-shadow:none;background:0 0;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:auto;bottom:3rem;transform:none}.hero-slider__btn:hover{background:#ffffff1a;border-color:#fff}.hero-slider__btn.left{left:3rem}.hero-slider__btn.right{right:3rem}.hero-slider__dots{z-index:20;gap:.8rem;display:flex;position:absolute;bottom:4rem;left:50%;transform:translate(-50%)}.hero-slider__dots .dot{cursor:pointer;background:#fff6;border-radius:50%;width:10px;height:10px;transition:all .3s}.hero-slider__dots .dot.active{background:#fff;transform:scale(1.2)}@media (max-width:900px){.hero__inner{flex-direction:column;padding-top:5rem}.hero__content{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:3rem;display:flex}.hero__visual{justify-content:center;width:100%;position:relative;bottom:auto;right:auto}.hero__visual img{width:100%;transform:none}.hero-slider__btn{display:none}.hero__actions{justify-content:center}.hero__desc{margin:0 auto 2.5rem}}.features{text-align:center;background:var(--color-bg-alt);padding:6rem 0}.features__title{margin-bottom:1rem;font-size:2.5rem}.features__title .highlight{color:var(--color-orange)}.features__desc{max-width:600px;margin:0 auto 3rem;font-size:1.1rem}.features__grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.feature-card{box-shadow:var(--shadow-md);text-align:center;background:#fff;border-radius:16px;width:280px;padding:2rem;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-card__icon{background:var(--color-orange-light);width:64px;height:64px;color:var(--color-orange);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.feature-card__title{margin-bottom:.75rem;font-size:1.25rem}.feature-card__desc{font-size:.95rem}.why-klipz{padding:6rem 0}.why-klipz__inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.why-klipz__title{margin-bottom:2rem;font-size:3rem}.why-klipz__title .highlight{color:var(--color-orange)}.why-klipz__list{flex-direction:column;gap:1.5rem;display:flex}.why-klipz__item{gap:1rem;display:flex}.why-klipz__item-icon{background:var(--color-bg-alt);width:48px;height:48px;color:var(--color-dark);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.why-klipz__item-title{margin-bottom:.25rem;font-size:1.1rem}.why-klipz__item-desc{font-size:.95rem}.why-klipz__visual{position:relative}.why-klipz__visual img{box-shadow:var(--shadow-lg);border-radius:20px}.stats{background:var(--color-darker);color:#fff;padding:4rem 0}.stats__grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.stats__icon{color:var(--color-orange);justify-content:center;margin-bottom:1rem;display:flex}.stats__value{font-size:2.5rem;font-family:var(--font-heading);margin-bottom:.5rem;font-weight:800}.stats__label{color:#9ca3af;max-width:150px;margin:0 auto;font-size:.9rem}.dashboard-features{text-align:center;background:var(--color-bg-alt);padding:6rem 0}.dashboard-features__title{margin-bottom:2rem;font-size:3rem}.dashboard-features__title .highlight{color:var(--color-orange)}.dashboard-tabs{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.dashboard-tab{border:1px solid var(--color-border);color:var(--color-gray);background:#fff;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600}.dashboard-tab.active{background:var(--color-orange);color:#fff;border-color:var(--color-orange)}.dashboard-content{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.dashboard-content__text h3{margin-bottom:1rem;font-size:2rem}.dashboard-content__text p{margin-bottom:2rem;font-size:1.1rem}.dashboard-list{flex-direction:column;gap:1rem;display:flex}.dashboard-list li{color:var(--color-dark);align-items:center;gap:.5rem;font-weight:600;display:flex}.dashboard-list li svg{color:var(--color-orange)}.dashboard-content__visual{position:relative}.dashboard-content__visual img{box-shadow:var(--shadow-lg);border:1px solid var(--color-border);border-radius:20px}.dashboard-content__floating-icon{color:#fff;width:64px;height:64px;box-shadow:var(--shadow-md);background:#25d366;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-20px;right:-20px}.pricing{text-align:center;padding:6rem 0}.pricing__title{margin-bottom:.5rem;font-size:3rem}.pricing__title .highlight{color:var(--color-orange)}.pricing__desc{margin-bottom:3rem;font-size:1.1rem}.pricing__layout{text-align:left;justify-content:center;align-items:stretch;gap:2rem;display:flex}.pricing-card{border:1px solid var(--color-border);width:320px;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;flex-direction:column;padding:2.5rem;display:flex}.pricing-card--pro{border-color:var(--color-orange);box-shadow:var(--shadow-md);position:relative}.pricing-card__name{margin-bottom:.5rem;font-size:1.5rem}.pricing-card__price{font-size:3rem;font-family:var(--font-heading);margin-bottom:.25rem;font-weight:800}.pricing-card__period{color:var(--color-gray-light);margin-bottom:2rem;font-size:.9rem}.pricing-card__features{flex-direction:column;flex:1;gap:1rem;margin-bottom:2rem;display:flex}.pricing-card__feature{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.pricing-card__feature svg{color:var(--color-orange)}.testimonial-card{background:var(--color-orange-light);border-radius:20px;flex-direction:column;justify-content:center;width:320px;padding:3rem 2.5rem;display:flex}.testimonial-card__quote{font-size:1.25rem;font-family:var(--font-heading);color:var(--color-dark);margin-bottom:2rem;font-weight:600;line-height:1.4}.testimonial-card__author{align-items:center;gap:1rem;display:flex}.testimonial-card__author img{border-radius:50%;width:48px;height:48px}.testimonial-card__author-info h4{margin-bottom:.1rem;font-size:1rem}.testimonial-card__author-info p{color:var(--color-gray);font-size:.85rem}.cta{background:var(--color-orange-light);border-radius:32px;grid-template-columns:1fr 1fr;align-items:center;max-width:1200px;margin:0 auto 4rem;display:grid;overflow:hidden}.cta__visual{justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.cta__visual img{max-width:100%;height:auto;box-shadow:var(--shadow-md);border-radius:20px}.cta__content{padding:2.5rem 3rem 2.5rem 0}.cta__title{color:var(--color-dark);margin-bottom:.5rem;font-size:2rem;font-weight:800;line-height:1.2}.cta__desc{color:var(--color-gray);margin-bottom:1.5rem;font-size:1rem}.cta__pill{color:var(--color-dark);cursor:pointer;background:#fff9;border-radius:9999px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.4rem 1rem .4rem .4rem;font-size:.85rem;font-weight:600;transition:background .2s;display:inline-flex}.cta__pill:hover{background:#ffffffe6}.cta__pill-badge{color:var(--color-dark);box-shadow:var(--shadow-sm);background:#fff;border-radius:9999px;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.cta__actions{gap:1rem;display:flex}.cta__btn-primary{color:#fff;background:linear-gradient(135deg,#f5b041 0%,#e67e22 100%);border:none}.cta__btn-outline{border:1px solid var(--color-border);color:var(--color-dark);background:#fff}@media (max-width:900px){.cta{text-align:center;grid-template-columns:1fr;margin:0 1rem 4rem}.cta__content{padding:3rem 2rem}.cta__visual{order:2}.cta__actions{justify-content:center}}.footer{border-top:1px solid var(--color-border);background:#fff;padding:4rem 0 2rem}.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer__logo{font-family:var(--font-heading);color:var(--color-dark);margin-bottom:1rem;font-size:1.5rem;font-weight:800}.footer__logo span{color:var(--color-orange)}.footer__desc{max-width:250px;margin-bottom:1.5rem;font-size:.95rem}.footer__socials{gap:1rem;display:flex}.footer__socials a{color:var(--color-dark)}.footer__title{margin-bottom:1.5rem;font-size:1rem}.footer__links{flex-direction:column;gap:.75rem;display:flex}.footer__links a{color:var(--color-gray);font-size:.95rem;transition:color .2s}.footer__links a:hover{color:var(--color-orange)}.footer__bottom{border-top:1px solid var(--color-border);justify-content:space-between;padding-top:2rem;font-size:.9rem;display:flex}}@layer utilities{.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal)}.text-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-base{font-size:var(--text-base);line-height:var(--leading-normal)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-snug)}.text-xl{font-size:var(--text-xl);line-height:var(--leading-snug)}.text-2xl{font-size:var(--text-2xl);line-height:var(--leading-tight)}.text-3xl{font-size:var(--text-3xl);line-height:var(--leading-tight)}.text-4xl{font-size:var(--text-4xl);line-height:var(--leading-tight)}.text-5xl{font-size:var(--text-5xl);line-height:var(--leading-none)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}}.pricing-section{background:#fff;padding:6rem 0}.pricing-header{text-align:center;max-width:600px;margin:0 auto 4rem}.pricing-title{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.pricing-subtitle{color:var(--color-gray);margin-bottom:1rem;font-size:1.1rem}.pricing-note{color:var(--color-blue);font-size:.95rem;font-weight:600}.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto 3rem;padding:0 1rem;display:grid}.pricing-card-new{border:1px solid var(--color-border);background:#fff;border-radius:24px;flex-direction:column;padding:2.5rem 2rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.pricing-card-new:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.pricing-card-new--pro{border:2px solid var(--color-orange);box-shadow:0 10px 25px #ff6b0026}.pricing-card-new__badge{background:var(--color-orange);color:#fff;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:9999px;padding:.4rem 1.5rem;font-size:.8rem;font-weight:800;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.pricing-card-new__header{margin-bottom:2rem}.pricing-card-new__title{color:var(--color-dark);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.pricing-card-new__desc{color:var(--color-gray);min-height:3rem;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.pricing-card-new__price-box{min-height:5rem;margin-bottom:1.5rem}.pricing-card-new__price{color:var(--color-dark);align-items:baseline;font-size:2.5rem;font-weight:800;display:flex}.pricing-card-new__price span{color:var(--color-gray);margin-left:.2rem;font-size:1rem;font-weight:600}.pricing-card-new__promo{color:var(--color-dark);margin-top:.2rem;font-size:.9rem;font-weight:700}.pricing-card-new__btn{width:100%;margin-bottom:1rem}.pricing-card-new--pro .pricing-card-new__btn{background:var(--color-orange);border-color:var(--color-orange);color:#fff}.pricing-card-new--pro .pricing-card-new__btn:hover{background:var(--color-orange-hover);border-color:var(--color-orange-hover);transform:translateY(-2px)}.pricing-card-new__disclaimer{color:var(--color-gray-light);text-align:center;font-size:.8rem;line-height:1.4}.pricing-card-new__body{flex-grow:1}.pricing-card-new__features{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.pricing-card-new__features li{color:var(--color-dark);align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.4;display:flex}.pricing-card-new__features li svg{margin-top:.1rem}.pricing-card-new__features li.feature-highlight{font-weight:600}.pricing-card-new__divider{background:var(--color-border);height:1px;margin:1.5rem 0}.pricing-card-new__bonus-title{color:var(--color-dark);margin-bottom:1rem;font-size:.95rem;font-weight:800}.branch-calculator{border:1px solid var(--color-border);text-align:center;background:#f9fafb;border-radius:24px;max-width:600px;margin:4rem auto 0;padding:2.5rem}.branch-calculator__title{color:var(--color-dark);margin-bottom:2rem;font-size:1.5rem;font-weight:700}.branch-calculator__control{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.branch-calculator__btn{border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-dark);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.branch-calculator__btn:hover:not(:disabled){border-color:var(--color-orange);color:var(--color-orange)}.branch-calculator__btn:disabled{opacity:.5;cursor:not-allowed}.branch-calculator__value{width:60px;font-size:2rem;font-weight:800}.branch-calculator__result{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.branch-calculator__total{color:var(--color-orange);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.branch-calculator__total span{color:var(--color-gray);font-size:1rem;font-weight:500}.branch-calculator__breakdown{color:var(--color-gray);font-size:.9rem}.branch-calculator__note{color:#9ca3af;font-size:.85rem}.pricing-faq{max-width:1200px;margin:4rem auto 0;padding:0 1rem}.pricing-faq__title{text-align:center;color:var(--color-dark);margin-bottom:2rem;font-size:2rem;font-weight:800}.pricing-faq__list{flex-direction:column;gap:1rem;display:flex}.pricing-faq__item{border:1px solid var(--color-border);border-radius:12px;transition:all .3s;overflow:hidden}.pricing-faq__item.open{border-color:var(--color-orange);box-shadow:var(--shadow-sm)}.pricing-faq__question{text-align:left;width:100%;color:var(--color-dark);cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;padding:1.5rem;font-size:1.1rem;font-weight:700;display:flex}.pricing-faq__icon{color:var(--color-orange);font-size:1.5rem;font-weight:400;line-height:1}.pricing-faq__answer{max-height:0;color:var(--color-gray);background:#fff;padding:0 1.5rem;line-height:1.6;transition:all .3s ease-in-out;overflow:hidden}.pricing-faq__item.open .pricing-faq__answer{max-height:200px;padding:0 1.5rem 1.5rem}@layer dashboard{.dashboard-shell{min-width:0}.dashboard-sidebar{z-index:40;flex-shrink:0;height:100vh;position:sticky;top:0}.dashboard-topbar{z-index:50;background:#111;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:56px;padding:0 16px;display:none;position:sticky;top:0}.dashboard-hamburger{color:#e8e8e8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;line-height:1;display:inline-flex}.dashboard-hamburger:active{background:#2a2a2a}.dashboard-topbar__title{color:#e8e8e8;letter-spacing:.5px;font-size:15px;font-weight:700}.dashboard-overlay{z-index:80;background:#0009;position:fixed;inset:0}.dashboard-main{min-width:0}@media (max-width:767.98px){.dashboard-sidebar{z-index:90;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000080;width:260px!important}.dashboard-sidebar--open{transform:translate(0)}.dashboard-topbar{display:flex}.dashboard-main{overflow:visible!important}}}.ob-shell{background:#f9fafb;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.ob-center{text-align:center}.ob-loading{color:var(--color-gray);flex-direction:column;align-items:center;gap:.75rem;display:flex}.ob-card{box-shadow:var(--shadow-md);background:#fff;border-radius:16px;width:100%;max-width:620px;padding:2.5rem 2.25rem}.ob-header{text-align:center;margin-bottom:1.75rem}.ob-logo-badge{background:var(--color-orange-light);width:52px;height:52px;color:var(--color-orange);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.ob-header h1{color:var(--color-dark);margin:0 0 .4rem;font-size:1.6rem;font-weight:800}.ob-header p{color:var(--color-gray);margin:0;font-size:.95rem;line-height:1.5}.ob-stepper{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.ob-step{cursor:default;color:var(--color-gray-light);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.4rem;padding:.25rem 0;display:flex;position:relative}.ob-step:disabled{cursor:not-allowed}.ob-step-icon{width:38px;height:38px;color:var(--color-gray-light);z-index:1;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.ob-step--active .ob-step-icon{background:var(--color-orange);border-color:var(--color-orange);color:#fff;box-shadow:var(--shadow-orange)}.ob-step--done .ob-step-icon{color:#fff;background:#10b981;border-color:#10b981}.ob-step-label{color:var(--color-gray-light);font-size:.8rem;font-weight:600}.ob-step--active .ob-step-label{color:var(--color-dark)}.ob-step--done .ob-step-label{color:var(--color-gray)}.ob-step-line{background:#e5e7eb;width:calc(100% - 48px);height:2px;position:absolute;top:19px;left:calc(50% + 24px)}.ob-step--done~.ob-step .ob-step-line,.ob-step--active~.ob-step .ob-step-line{background:#e5e7eb}.ob-step--done .ob-step-line{background:#10b981}.ob-progress-track{background:#eef0f3;border-radius:999px;height:6px;margin-top:.5rem;overflow:hidden}.ob-progress-fill{background:linear-gradient(90deg, var(--color-orange), #ff9a3d);border-radius:999px;height:100%;transition:width .35s}.ob-step-count{text-align:right;color:var(--color-gray);margin:.4rem 0 1.5rem;font-size:.8rem;font-weight:600}.ob-form{flex-direction:column;gap:1.5rem;display:flex}.ob-alert{border-radius:8px;align-items:center;gap:.5rem;padding:.9rem 1rem;font-size:.9rem;display:flex}.ob-alert--error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.ob-section{flex-direction:column;gap:1.25rem;display:flex}.ob-section-title{color:var(--color-dark);border-bottom:1px solid #f3f4f6;align-items:center;gap:.5rem;padding-bottom:.6rem;font-size:1rem;font-weight:700;display:flex}.ob-section-title svg{color:var(--color-orange)}.ob-field{flex-direction:column;gap:.35rem;display:flex}.ob-field label{color:var(--color-dark);font-size:.9rem;font-weight:600}.ob-req{color:#dc2626}.ob-input-wrap{border:1px solid var(--color-border);background:#fff;border-radius:8px;align-items:center;gap:.6rem;padding:0 .9rem;transition:border-color .2s,box-shadow .2s;display:flex}.ob-input-wrap:focus-within{border-color:var(--color-orange);box-shadow:0 0 0 3px #ff6b001f}.ob-input-wrap svg{color:var(--color-gray-light);flex-shrink:0}.ob-input-wrap input,.ob-input-wrap textarea{width:100%;color:var(--color-dark);background:0 0;border:none;outline:none;padding:.8rem 0;font-family:inherit;font-size:.95rem}.ob-input-wrap textarea{resize:vertical;min-height:84px}.ob-input-wrap--textarea{align-items:flex-start}.ob-input-wrap--textarea svg{margin-top:.95rem}.ob-input-wrap--disabled{background:#f3f4f6}.ob-input-wrap--disabled input{color:#6b7280}.ob-input-wrap--error{border-color:#dc2626}.ob-input-wrap--error:focus-within{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.ob-field-error{color:#dc2626;align-items:center;gap:.35rem;margin:0;font-size:.8rem;display:flex}.ob-field-error:before{content:"";background:#dc2626;border-radius:50%;flex-shrink:0;width:5px;height:5px}.ob-hint{color:#6b7280;font-size:.8rem}.ob-logo-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ob-logo-preview{border:1px solid var(--color-border);background:#f9fafb;border-radius:8px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.ob-logo-preview img{object-fit:cover;width:100%;height:100%}.ob-logo-preview--empty{color:var(--color-gray-light);justify-content:center;align-items:center;display:flex}.ob-file-btn{border:1px solid var(--color-border);color:var(--color-dark);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.ob-file-btn:hover{border-color:var(--color-orange);color:var(--color-orange)}.ob-file-input{opacity:0;clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ob-review-hint{color:var(--color-gray);margin:0;font-size:.9rem}.ob-review-list{border:1px solid #eef0f3;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.ob-review-item{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:.85rem;padding:.9rem 1rem;display:flex}.ob-review-item:last-child{border-bottom:none}.ob-review-icon{background:var(--color-orange-light);width:34px;height:34px;color:var(--color-orange);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-review-item>div:last-child{flex-direction:column;gap:.15rem;display:flex}.ob-review-label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-gray-light);font-size:.75rem;font-weight:600}.ob-review-value{color:var(--color-dark);font-size:.95rem;font-weight:600}.ob-actions{align-items:center;gap:.85rem;margin-top:.5rem;display:flex}.ob-actions .ob-btn{flex:1}.ob-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex}.ob-btn--primary{background:var(--color-orange);color:#fff;box-shadow:var(--shadow-orange)}.ob-btn--primary:hover:not(:disabled){background:var(--color-orange-hover)}.ob-btn--primary:disabled{opacity:.7;cursor:not-allowed}.ob-btn--ghost{color:var(--color-gray);border:1px solid var(--color-border);background:#fff}.ob-btn--ghost:hover:not(:disabled){border-color:var(--color-gray-light)}.ob-btn--ghost:disabled{opacity:.6;cursor:not-allowed}.ob-plans{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}.ob-plan{border:2px solid var(--color-border);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.1rem 1.1rem 1.25rem;font-family:inherit;transition:all .15s;display:flex}.ob-plan:hover{border-color:var(--color-gray-light)}.ob-plan--active{box-shadow:0 0 0 1px currentColor, var(--shadow-orange)}.ob-plan-top{justify-content:space-between;align-items:center;display:flex}.ob-plan-name{font-size:1rem;font-weight:800}.ob-plan-price{color:var(--color-dark);font-size:1.5rem;font-weight:800}.ob-plan-period{color:var(--color-gray-light);font-size:.8rem;font-weight:500}.ob-plan-desc{color:var(--color-gray);font-size:.8rem;line-height:1.45}.ob-add-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.ob-input-plain{border:1px solid var(--color-border);color:var(--color-dark);border-radius:8px;outline:none;flex:200px;padding:.7rem .9rem;font-family:inherit;font-size:.9rem}.ob-input-plain:focus{border-color:var(--color-orange)}.ob-input-narrow{flex:0 130px}.ob-add-btn{background:var(--color-dark);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.1rem;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.ob-add-btn:hover{opacity:.9}.ob-add-btn--wide{width:100%;padding:.9rem}.ob-empty{border:1px dashed var(--color-border);text-align:center;color:var(--color-gray-light);border-radius:10px;padding:1.5rem;font-size:.9rem}.ob-list{flex-direction:column;gap:.5rem;display:flex}.ob-list-item{border:1px solid var(--color-border);background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.ob-list-main{flex-direction:column;gap:.1rem;display:flex}.ob-list-name{color:var(--color-dark);font-size:.95rem;font-weight:600}.ob-list-sub{color:var(--color-gray);font-size:.8rem}.ob-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.ob-remove-btn:hover{background:#fee2e2}.ob-hours{flex-direction:column;gap:.5rem;display:flex}.ob-hours-row{border:1px solid var(--color-border);background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;display:flex}.ob-hours-day{color:var(--color-dark);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.ob-hours-day input{accent-color:var(--color-orange);width:16px;height:16px}.ob-hours-times{align-items:center;gap:.5rem;display:flex}.ob-hours-times input[type=time]{border:1px solid var(--color-border);border-radius:6px;outline:none;padding:.4rem .5rem;font-family:inherit;font-size:.85rem}.ob-hours-closed{color:#ef4444;font-size:.85rem;font-weight:500}.ob-qris-upload{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.ob-qris-ok{color:#10b981;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.ob-templates{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.ob-template{border:2px solid var(--color-border);cursor:pointer;text-align:left;background:#fff;border-radius:12px;padding:0;font-family:inherit;transition:all .15s;overflow:hidden}.ob-template:hover{border-color:var(--color-gray-light)}.ob-template--active{border-color:var(--color-orange);box-shadow:var(--shadow-orange)}.ob-template-thumb{color:#fff;align-items:flex-end;height:110px;padding:.85rem;display:flex;position:relative}.ob-template-name{z-index:2;text-shadow:0 2px 8px #00000080;font-size:.95rem;font-weight:800;position:relative}.ob-template-check{z-index:3;background:var(--color-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:8px;right:8px}.ob-template-body{padding:.7rem .9rem .9rem}.ob-template-desc{color:var(--color-gray);font-size:.8rem;line-height:1.45}.ob-template-actions{gap:.4rem;margin-top:.6rem;display:flex}.ob-template-btn{border:1px solid var(--color-border);color:var(--color-dark);cursor:pointer;background:#fff;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.45rem .5rem;font-family:inherit;font-size:.78rem;font-weight:600;display:inline-flex}.ob-template-btn:hover{border-color:var(--color-orange);color:var(--color-orange)}.ob-template-btn--active{background:var(--color-dark);border-color:var(--color-dark);color:#fff}.ob-plan--tall{align-items:stretch}.ob-plan-feats{flex-direction:column;gap:.3rem;margin-top:.35rem;display:flex}.ob-plan-feat-label{text-transform:uppercase;letter-spacing:.03em;color:#10b981;margin-top:.3rem;font-size:.72rem;font-weight:700}.ob-plan-feat-label--minus{color:#ef4444}.ob-plan-feat{color:var(--color-gray);align-items:flex-start;gap:.4rem;font-size:.78rem;line-height:1.35;display:flex}.ob-plan-feat svg{flex-shrink:0;margin-top:2px}.ob-plan-feat--plus svg{color:#10b981}.ob-plan-feat--minus{color:#9ca3af}.ob-plan-feat--minus svg{color:#ef4444}.ob-plan-pay{color:#d9642a;background:#fff4ed;border:1px solid #ffd9c2;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;margin-top:.6rem;padding:.5rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.ob-preview-overlay{z-index:9999;background:#000000b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ob-preview-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.ob-preview-topbar{border-bottom:1px solid #eef0f3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.ob-preview-title{color:var(--color-dark);align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;display:inline-flex}.ob-preview-title svg{color:var(--color-orange)}.ob-preview-tools{align-items:center;gap:.5rem;display:flex}.ob-preview-mode{background:#f3f4f6;border-radius:8px;padding:3px;display:inline-flex}.ob-preview-mode-btn{color:var(--color-gray);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .7rem;font-family:inherit;font-size:.78rem;font-weight:600}.ob-preview-mode-btn--active{color:var(--color-dark);background:#fff;box-shadow:0 1px 2px #0000001a}.ob-preview-use{background:var(--color-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.4rem .9rem;font-family:inherit;font-size:.8rem;font-weight:700}.ob-preview-close{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.ob-preview-frame{background:#f3f4f6;width:100%;margin:0 auto;transition:max-width .2s;overflow-y:auto}