:root{--ink:#11221e;--muted:#61716c;--line:#dce8e3;--bg:#f6fbf9;--card:#fff;--green:#1bd59a;--green-dark:#0aaf7b;--teal:#0e9ea7;--navy:#0e2c34;--radius:22px;--shadow:0 24px 70px rgba(13,62,52,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.narrow{width:min(820px,calc(100% - 36px));margin:auto}.site-header,.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,34,30,.07)}.header-inner,.topbar{min-height:74px;display:flex;align-items:center;justify-content:space-between}.topbar{padding:0 max(18px,calc((100vw - 1180px)/2))}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:21px;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--teal));color:#07352c;box-shadow:0 8px 20px rgba(27,213,154,.25)}.main-nav,.topbar nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--green),#28c7b7);color:#082f29;font-weight:900;padding:14px 20px;cursor:pointer;box-shadow:0 10px 26px rgba(27,213,154,.22);transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(27,213,154,.3)}.btn-small{padding:10px 15px;border-radius:12px}.btn-wide{width:100%}.btn-ghost{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:none}.btn-ghost-dark{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn-light{background:#fff;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 0%,rgba(27,213,154,.23),transparent 35%),linear-gradient(135deg,#f7fffc 0%,#effbf8 55%,#eef9fb 100%);padding:92px 0 76px}.hero-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:70px;align-items:center}.hero-copy h1{font-size:clamp(48px,6vw,78px);line-height:.97;letter-spacing:-.065em;margin:16px 0 26px}.hero-copy h1 span{background:linear-gradient(90deg,var(--green-dark),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{font-size:20px;color:var(--muted);max-width:600px}.eyebrow,.mini-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.13em;color:#fff;text-transform:uppercase}.eyebrow.dark,.mini-label{color:var(--green-dark)}.trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust-row span{font-size:13px;font-weight:800;background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px}.creator-shell{display:grid;grid-template-columns:1fr 230px;gap:20px;align-items:center;position:relative}.creator-card{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:28px;padding:28px;position:relative;z-index:2}.creator-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:22px}.creator-head h2{font-size:30px;letter-spacing:-.04em;margin:5px 0 0}.live-dot{font-size:12px;font-weight:900;color:var(--green-dark);background:#e4fff5;padding:8px 10px;border-radius:999px}.phone-fields{display:flex;gap:12px}.phone-fields>div:first-child{width:120px}.grow{flex:1}label{display:block;font-size:13px;font-weight:850;margin:0 0 7px}input,select,textarea{width:100%;border:1px solid var(--line);background:#f9fcfb;border-radius:13px;padding:13px 14px;outline:none;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--green-dark);box-shadow:0 0 0 4px rgba(27,213,154,.13)}textarea{min-height:108px;resize:vertical}.creator-card label:not(:first-child){margin-top:15px}.counter{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin:7px 2px 17px}.phone-preview{height:455px;border:8px solid #183633;border-radius:36px;background:#fff;overflow:hidden;box-shadow:0 25px 50px rgba(12,60,52,.25);transform:rotate(2deg)}.phone-top{height:30px;padding:6px 13px;background:#f7faf9;font-size:9px;display:flex;justify-content:space-between}.wa-head{height:64px;background:#0a765f;color:#fff;display:flex;align-items:center;gap:10px;padding:10px}.wa-head small{display:block;opacity:.8}.avatar{width:34px;height:34px;background:#dff8ef;color:#0a765f;border-radius:50%;display:grid;place-items:center;font-weight:900}.chat-bg{height:307px;background:#efe8df;padding:18px 12px;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:8px 8px}.preview-bubble{background:#dcf8c6;padding:10px;border-radius:11px 3px 11px 11px;font-size:12px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.wa-input{height:46px;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;color:#9aa5a2;font-size:11px}.wa-input b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#20c997;color:#fff}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5}.hero-glow-one{width:320px;height:320px;background:#b8ffe7;right:-120px;top:-120px}.hero-glow-two{width:180px;height:180px;background:#bdeff4;left:42%;bottom:-100px}.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;background:#fff}.logo-strip .container{display:flex;align-items:center;gap:30px}.logo-strip p{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--muted);margin:0}.logo-strip .container>div{display:flex;gap:28px;flex-wrap:wrap;color:#334842;font-weight:800}
.section{padding:96px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 46px}.section-heading h2{font-size:clamp(36px,5vw,58px);letter-spacing:-.055em;line-height:1.05;margin:12px 0}.section-heading p{color:var(--muted);font-size:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article,.feature-card,.price-card,.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.steps article span{font-size:12px;font-weight:950;color:var(--green-dark);letter-spacing:.12em}.steps h3,.feature-card h3{font-size:22px;margin:22px 0 8px}.steps p,.feature-card p,.muted{color:var(--muted)}.soft-section{background:var(--bg)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:230px;transition:.2s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-card.featured{background:linear-gradient(145deg,var(--navy),#124a50);color:#fff;border:0}.feature-card.featured p{color:#cce6df}.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#e6fff6;color:var(--green-dark);font-size:23px;font-weight:900}.pricing-section{background:linear-gradient(150deg,#0e2c34 0%,#0b4045 100%)}.section-heading.light h2{color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,430px));justify-content:center;gap:22px}.price-card{position:relative}.price-card.premium{border:2px solid var(--green);box-shadow:0 20px 60px rgba(0,0,0,.22)}.popular-badge{position:absolute;top:-14px;right:24px;background:var(--green);font-size:11px;font-weight:950;padding:8px 12px;border-radius:999px}.plan-name{font-size:12px;font-weight:950;letter-spacing:.14em;color:var(--green-dark)}.price{font-size:48px;font-weight:950;letter-spacing:-.05em;margin:12px 0}.price small{font-size:16px;color:var(--muted)}.price-card ul{list-style:none;padding:0;margin:24px 0}.price-card li{padding:9px 0;border-bottom:1px solid #edf2f0}.price-card li:before{content:'✓';font-weight:950;color:var(--green-dark);margin-right:10px}.faq-section details{border-bottom:1px solid var(--line);padding:18px 0}.faq-section summary{cursor:pointer;font-weight:900;font-size:18px}.faq-section details p{color:var(--muted);padding-right:40px}.final-cta{padding:50px 0;background:linear-gradient(90deg,var(--green-dark),var(--teal));color:#fff}.final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.final-cta h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;margin:8px 0}.site-footer,.footer{padding:34px 0;background:#071e23;color:#d9e8e5}.site-footer .container{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:26px}.site-footer nav{display:flex;gap:18px}.site-footer small{color:#93aaa5}.footer{text-align:center}.alert{border-radius:13px;padding:12px 14px;margin-bottom:16px;font-weight:700}.alert.error{background:#fff0f0;color:#a33131}.alert.success{background:#eafff6;color:#087551}
.app-body{background:var(--bg)}.app-main{padding:50px 0;min-height:75vh}.card{box-shadow:0 10px 35px rgba(19,58,49,.06)}.auth-wrap{max-width:560px;margin:40px auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions,.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-page{background:linear-gradient(145deg,#effcf7,#eaf7fa);min-height:100vh}.result-wrap{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:40px 18px}.result-card{width:min(680px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;text-align:center;box-shadow:var(--shadow)}.success-icon{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;margin:0 auto 18px;background:#e5fff5;color:var(--green-dark);font-size:32px;font-weight:950}.copy-box{display:flex;gap:10px;margin:26px 0}.copy-box input{font-weight:850;background:#f4f8f7}.result-actions{justify-content:center}.result-card h1{font-size:42px;letter-spacing:-.045em;margin:10px 0}
@media(max-width:980px){.main-nav a:not(.btn):not(:nth-last-child(2)){display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.trust-row{justify-content:center}.creator-shell{max-width:760px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.site-footer .container{grid-template-columns:1fr;text-align:center;justify-items:center}.logo-strip .container{align-items:flex-start;flex-direction:column}.hero{padding-top:65px}}
@media(max-width:700px){.container,.narrow{width:min(100% - 24px,1180px)}.main-nav{gap:10px}.main-nav a:not(.btn){display:none}.hero{padding:54px 0}.hero-copy h1{font-size:48px}.hero-copy p{font-size:17px}.creator-shell{grid-template-columns:1fr}.phone-preview{display:none}.creator-card{padding:20px}.phone-fields{flex-direction:column}.phone-fields>div:first-child{width:100%}.section{padding:70px 0}.steps,.feature-grid,.pricing-grid{grid-template-columns:1fr}.final-cta .container{flex-direction:column;text-align:center}.site-footer nav{flex-wrap:wrap;justify-content:center}.copy-box{flex-direction:column}.result-card{padding:26px 20px}.result-card h1{font-size:34px}.grid-2{grid-template-columns:1fr}.topbar nav a:not(:last-child){display:none}}
/* Wazen App UI v4 */
.app-body{background:#f4f8f6}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.app-sidebar{background:#092d31;color:#fff;padding:26px 18px;position:sticky;top:0;height:100vh}.app-sidebar .brand{font-size:26px;margin:0 10px 32px}.app-sidebar .brand span{color:var(--green)}.app-nav{display:grid;gap:7px}.app-nav a{padding:12px 14px;border-radius:12px;color:#cce0dc;font-weight:750}.app-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.app-nav .nav-cta{background:var(--green);color:#07352c;margin-top:12px}.app-content{min-width:0}.app-top{height:74px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 34px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.user-chip{display:flex;align-items:center;gap:10px;font-weight:800}.user-avatar{width:38px;height:38px;border-radius:50%;background:#dffbf1;display:grid;place-items:center;color:#087551}.app-main{width:min(1120px,calc(100% - 48px));margin:auto;padding:38px 0 70px}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:26px}.page-head h1{font-size:34px;letter-spacing:-.04em;margin:0}.page-head p{margin:6px 0 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 30px rgba(19,58,49,.05)}.kpi .stat{font-size:34px;font-weight:950;letter-spacing:-.04em;margin-top:8px}.app-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 8px 30px rgba(19,58,49,.05)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-link{border:1px solid var(--line);border-radius:16px;padding:18px;transition:.2s}.quick-link:hover{border-color:#a8ded0;transform:translateY(-2px)}.quick-link b{display:block;margin-bottom:4px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:16px;border-bottom:1px solid #edf2f0;white-space:nowrap}.table-wrap th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#fbfdfc}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e4fff5;color:#087551;font-size:12px;font-weight:900}.badge.gray{background:#eef2f1;color:#6d7b77}.btn.small{padding:9px 11px;font-size:12px}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.form-section{margin-bottom:22px}.form-section h3{margin:0 0 14px}.url-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:13px;background:#f9fcfb;overflow:hidden}.url-field span{padding:0 0 0 14px;color:var(--muted);font-size:13px}.url-field input{border:0;box-shadow:none!important}.preview-panel{position:sticky;top:98px;height:max-content}.mini-phone{background:#efe8df;border:7px solid #173a36;border-radius:30px;overflow:hidden;max-width:280px;margin:18px auto}.mini-phone-head{background:#08775f;color:#fff;padding:14px;font-weight:850}.mini-phone-chat{min-height:230px;padding:20px 12px}.mini-phone-chat .bubble{background:#dcf8c6;border-radius:12px 3px 12px 12px;padding:12px;font-size:13px}.plan-status{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#0d3439,#0d5153);color:#fff}.plan-status .muted{color:#c7ded9}.plan-status .price{margin:0;color:#fff}.premium-card{border:2px solid var(--green);position:relative}.premium-pill{position:absolute;right:22px;top:22px;background:#e4fff5;color:#087551;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950}.stats-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.stat-big{font-size:58px;font-weight:950;letter-spacing:-.06em}.qr-box{text-align:center;background:#f8fbfa;border-radius:18px;padding:20px}.qr-box img{max-width:190px;width:100%}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:linear-gradient(145deg,#082c31,#0c5556);color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:center}.auth-brand h2{font-size:50px;line-height:1;letter-spacing:-.055em;margin:20px 0}.auth-brand p{color:#c9dfdb;font-size:18px;max-width:500px}.auth-side{display:grid;place-items:center;padding:30px}.auth-side .auth-wrap{width:min(460px,100%);margin:0}.auth-side h1{font-size:34px;letter-spacing:-.04em}.mobile-appbar{display:none}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.app-top{justify-content:space-between;padding:0 18px}.mobile-appbar{display:block;font-weight:950}.app-main{width:min(100% - 28px,1120px)}.grid-3,.quick-grid{grid-template-columns:1fr}.form-layout{grid-template-columns:1fr}.preview-panel{position:static}.auth-page{grid-template-columns:1fr}.auth-brand{display:none}}