/* MKJGO v3.2 – polished customer app */
:root{--go-pink:#ec168c;--go-ink:#14151a;--go-muted:#6d6e78;--go-bg:#f4f5f8;--go-card:#fff;--go-line:#e4e5eb}
*{box-sizing:border-box}.app-body{margin:0;padding:0 0 84px;background:radial-gradient(circle at 75% -10%,#ffe4f2 0,transparent 28%),var(--go-bg);color:var(--go-ink);font-family:Arial,Helvetica,sans-serif;min-height:100vh}.app-header{position:relative;z-index:50;background:rgba(20,21,26,.97);box-shadow:0 1px 0 #ffffff10;backdrop-filter:blur(14px)}.app-head-inner{max-width:980px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-brand{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important}.app-header .logo{display:block;width:auto;height:45px;max-width:150px;object-fit:contain}.app-brand>span{display:flex;flex-direction:column;line-height:1}.app-brand b{font-size:20px;letter-spacing:.02em}.app-brand small{font-size:10px;color:#bfc0c7;margin-top:5px;letter-spacing:.04em}.app-track{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:800;border:1px solid #ffffff35;background:#ffffff0c;border-radius:999px;padding:10px 15px}.app-main{max-width:980px;margin:0 auto;padding:0 20px 28px}.app-welcome{padding:30px 2px 18px}.app-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--go-pink);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.app-kicker:before{content:'●';font-size:7px}.app-welcome h1{font-size:clamp(30px,4vw,43px);line-height:1.05;letter-spacing:-.035em;margin:8px 0 9px;color:var(--go-ink)}.app-welcome p{margin:0;color:var(--go-muted);font-size:16px;line-height:1.4}.service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;margin:0}.service-tile{min-width:0;min-height:150px;position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;background:var(--go-card)!important;border:1px solid var(--go-line)!important;border-radius:20px!important;padding:17px 18px!important;color:var(--go-ink)!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(20,21,26,.05);overflow:hidden;transition:.15s ease}.service-tile:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(20,21,26,.09);border-color:#d4d5dc!important}.service-tile:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;bottom:-48px;background:linear-gradient(135deg,#ffe4f2,#fff);pointer-events:none}.service-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#fff0f7;font-size:24px;line-height:1;margin:0 0 12px;flex:0 0 auto}.service-copy{display:flex!important;flex-direction:column!important;gap:4px!important;padding:0 28px 0 0;min-width:0}.service-copy strong{font-size:18px;line-height:1.15;color:var(--go-ink);font-weight:900}.service-copy small{display:block;color:var(--go-muted);font-size:12.5px;line-height:1.35;font-weight:400}.service-copy b{display:block;color:var(--go-pink);font-size:15px;line-height:1.2;margin-top:2px;font-weight:900}.service-arrow{position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:27px;color:#b7b8c0;z-index:2}.featured-service{border:2px solid #f6a5cf!important;background:linear-gradient(135deg,#fff 60%,#fff0f7)!important}.featured-service .service-copy strong{font-size:19px}.service-badge{position:absolute;right:14px;top:14px;z-index:3;background:var(--go-pink);color:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.06em}.quick-card{margin:14px 0 0;background:linear-gradient(135deg,#17181e,#282a33);color:#fff;border-radius:20px;padding:18px;display:flex!important;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 10px 26px rgba(20,21,26,.12)}.quick-card>div{display:flex;flex-direction:column;gap:4px}.quick-card strong{font-size:16px}.quick-card span{color:#c6c7ce;font-size:12.5px}.quick-card .btn.alt{margin:0;white-space:nowrap;background:#fff!important;color:#1a1b20!important;border:0;border-radius:12px;padding:11px 15px;text-decoration:none;font-weight:900}.install-app{display:block;width:100%;margin-top:11px;border:1px solid var(--go-line);background:#fff;color:var(--go-ink);border-radius:14px;padding:13px 16px;font:inherit;font-weight:900;cursor:pointer}.install-app[hidden]{display:none!important}.app-note{text-align:center;color:#91929b;font-size:11px;margin:16px 0 2px}.bottom-nav{display:none}
@media(max-width:640px){.app-body{padding-bottom:88px;background:linear-gradient(180deg,#fff5fa 0,#f5f6f8 210px)}.app-head-inner{padding:8px 13px}.app-header .logo{height:38px;max-width:120px}.app-brand{gap:8px}.app-brand b{font-size:17px}.app-brand small{font-size:8px;margin-top:4px}.app-track{font-size:12px;padding:8px 11px}.app-main{padding:0 13px 18px}.app-welcome{padding:24px 2px 14px}.app-welcome h1{font-size:29px;margin-top:6px}.app-welcome p{font-size:14px}.service-grid{grid-template-columns:1fr!important;gap:9px!important}.service-tile{min-height:100px!important;flex-direction:row!important;align-items:center!important;padding:13px 14px!important;border-radius:17px!important}.service-tile:after{width:80px;height:80px;right:-36px;bottom:-48px}.service-icon{width:45px;height:45px;font-size:25px;margin:0 13px 0 0;border-radius:13px}.service-copy{flex:1;padding-right:25px}.service-copy strong,.featured-service .service-copy strong{font-size:16px}.service-copy small{font-size:11.5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.service-copy b{font-size:13.5px}.service-arrow{right:13px;font-size:25px}.service-badge{top:8px;right:9px;font-size:8px;padding:4px 7px}.featured-service .service-copy{padding-top:10px}.quick-card{margin-top:11px;border-radius:17px;align-items:stretch;flex-direction:column;padding:15px;gap:11px}.quick-card .btn.alt{text-align:center;width:100%}.bottom-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;display:flex!important;align-items:center;height:68px;padding:0 8px env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid #dedfe5;box-shadow:0 -8px 25px rgba(20,21,26,.08);backdrop-filter:blur(14px)}.bottom-nav a{flex:1;text-align:center;text-decoration:none!important;color:#85868e!important;font-size:11px;font-weight:800;padding:7px 2px}.bottom-nav a span{display:block;font-size:23px;line-height:22px;margin-bottom:3px}.bottom-nav a.active{color:var(--go-pink)!important}}
