:root{--ink:#071525;--navy:#08182b;--lime:#b8ff25;--lime-dark:#72a700;--cyan:#31dafa;--violet:#9b67f2;--muted:#68758a;--line:#dbe4db;--soft:#f0f5ee;--white:#fff;--danger:#b8322a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 14% 8%,rgba(49,218,250,.13),transparent 26%),radial-gradient(circle at 88% 4%,rgba(155,103,242,.12),transparent 28%),linear-gradient(145deg,#edf5f1,#f8f7fb 48%,#f1f8e8);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;min-height:100vh}
a{color:inherit}.billing-nav{height:76px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(141,161,151,.3);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.billing-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.billing-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#dbff70,#a9ff16 55%,#7ed100);border:1px solid #eaffad;box-shadow:inset 0 2px #fff,inset 0 -4px rgba(70,120,0,.2),0 0 20px rgba(184,255,37,.3);font-weight:950}.billing-brand div{display:grid}.billing-brand b{font-size:16px;letter-spacing:.12em}.billing-brand small{font-size:8px;letter-spacing:.16em;color:#70806a}.billing-nav nav{display:flex;align-items:center;gap:22px}.billing-nav nav a{text-decoration:none;font-size:13px;font-weight:800}.billing-nav nav a:hover{color:#5e8700}.billing-nav .nav-primary{padding:10px 14px;border-radius:9px;background:var(--navy);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.18),0 5px 14px rgba(8,24,43,.18)}.billing-main{width:min(1160px,calc(100% - 36px));margin:0 auto;padding:42px 0 70px}.billing-alert{margin:0 0 18px;padding:13px 16px;border:1px solid;border-radius:12px;font-size:14px}.billing-alert.success{background:#efffda;border-color:#a7d75d}.billing-alert.status{background:#edf5ff;border-color:#aac7ed}.billing-alert.error{background:#fff0ed;border-color:#edaaa4;color:#83251f}
.subscription-hero{min-height:550px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.hero-kicker,.section-heading>span{display:block;color:#65765d;font-size:11px;font-weight:950;letter-spacing:.18em}.hero-copy h1,.signup-intro h1,.account-head h1{margin:14px 0 20px;font-size:clamp(42px,5.3vw,70px);line-height:.98;letter-spacing:-.055em}.hero-copy h1 em{font-style:normal;color:#619200}.hero-copy>p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.hero-actions>a:not(.shine-button){font-size:14px;font-weight:800}.shine-button{min-height:48px;padding:0 18px;border:1px solid #72ac00;border-radius:11px;background:linear-gradient(180deg,#dfff77 0%,#b8ff25 50%,#8dd707 100%);color:var(--ink);box-shadow:inset 0 2px rgba(255,255,255,.75),inset 0 -4px rgba(73,128,0,.18),0 7px 15px rgba(94,153,0,.22),0 0 18px rgba(184,255,37,.22);display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-size:14px;font-weight:950;cursor:pointer;transition:.2s}.shine-button:hover{transform:translateY(-2px);box-shadow:inset 0 2px #fff,inset 0 -4px rgba(73,128,0,.15),0 10px 20px rgba(94,153,0,.28),0 0 28px rgba(184,255,37,.42)}.shine-button.full{width:100%}.shine-button.disabled{filter:grayscale(.6);opacity:.58;cursor:not-allowed;transform:none}.trust-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;color:#63705f;font-size:12px;font-weight:750}.trust-row span:before{content:"✓";margin-right:5px;color:#659600}
.machine-demo{padding:20px;border:1px solid #b9c8ca;border-radius:24px;background:linear-gradient(145deg,#fff,#f1f6f2);box-shadow:inset 0 1px #fff,0 0 0 6px rgba(255,255,255,.35),0 30px 70px rgba(34,55,71,.18),0 0 38px rgba(50,218,250,.16);transform:rotate(1.4deg)}.demo-top{display:flex;justify-content:space-between;font-size:11px;font-weight:950;letter-spacing:.1em}.demo-top b{color:#628f00}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.demo-grid i{padding:10px;border-radius:9px;background:var(--navy);color:var(--lime);font-style:normal;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 -4px rgba(0,0,0,.24)}.demo-grid small{display:block;margin-top:4px;color:#b2bfce;font-size:8px}.demo-photo{height:270px;border-radius:16px;background:linear-gradient(145deg,#e7eee8,#fff);display:grid;place-items:center;position:relative;overflow:hidden}.demo-face{width:165px;height:210px;border-radius:50% 50% 42% 42%;background:radial-gradient(circle at 50% 36%,#e5bd9f 0 26%,transparent 27%),radial-gradient(ellipse at 50% 30%,#202b38 0 31%,transparent 32%),linear-gradient(160deg,transparent 44%,#2e527a 45% 100%);filter:drop-shadow(0 12px 14px rgba(21,33,43,.2))}.demo-photo>span{position:absolute;right:13px;bottom:13px;padding:6px 9px;border-radius:99px;background:#fff;color:#548000;font-size:9px;font-weight:950}.demo-packages{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.demo-packages span{padding:9px 4px;border:1px solid #cbd6c8;border-radius:8px;background:#f8faf7;text-align:center;font-size:10px;font-weight:850}.demo-packages span:last-child{background:#eaffbd;border-color:#8ebc3e}
.plan-section{padding:90px 0}.section-heading h2{margin:8px 0 30px;font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.04em}.price-card{max-width:760px;margin:auto;padding:34px;border:1px solid #b8c9b2;border-radius:24px;background:linear-gradient(145deg,#fff,#f8fcf5);box-shadow:inset 0 1px #fff,0 22px 55px rgba(29,52,41,.13),0 0 32px rgba(184,255,37,.12);position:relative}.popular{position:absolute;right:25px;top:23px;padding:7px 10px;border-radius:99px;background:var(--navy);color:var(--lime);font-size:9px;font-weight:950;letter-spacing:.12em}.price-copy{display:grid}.price-copy>small{font-size:11px;font-weight:900;letter-spacing:.15em;color:#6b7964}.price-copy strong{font-size:72px;line-height:1;margin-top:12px;letter-spacing:-.06em}.price-copy sup{font-size:30px}.price-copy>span{color:var(--muted);font-weight:750}.price-copy p{max-width:540px;color:var(--muted);line-height:1.55}.price-card ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;margin:28px 0;padding:24px 0 24px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.price-card li{padding-left:4px;font-size:14px;font-weight:750}.safe-note,.form-safe{display:block;margin-top:12px;color:#788477;text-align:center;font-size:11px;line-height:1.5}
.steps-section{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:90px}.steps-section>div{padding:26px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.78)}.steps-section b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--navy);color:var(--lime)}.steps-section h3{font-size:20px}.steps-section p{color:var(--muted);line-height:1.55}.faq-section{max-width:850px;margin:auto;padding-bottom:60px}.faq-section details{padding:20px 0;border-top:1px solid #ccd7ca}.faq-section summary{font-size:17px;font-weight:850;cursor:pointer}.faq-section p{color:var(--muted);line-height:1.6}
.signup-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start;max-width:1050px;margin:30px auto}.signup-intro{position:sticky;top:115px}.signup-intro h1{font-size:52px}.signup-intro>p{color:var(--muted);line-height:1.6}.signup-intro>a{display:inline-block;margin-top:20px;font-weight:850}.mini-plan{margin-top:28px;padding:22px;border-radius:18px;background:var(--navy);color:#fff;box-shadow:0 16px 35px rgba(8,24,43,.18)}.mini-plan>b{display:block;color:var(--lime);font-size:38px}.mini-plan>span{font-size:12px;color:#b7c4d3}.mini-plan ul{padding-left:20px;line-height:1.9;font-size:13px}.signup-card,.subscription-card,.payment-card,.activity-panel,.owner-panel{padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:inset 0 1px #fff,0 14px 35px rgba(27,49,53,.08)}.form-title small{font-size:10px;font-weight:950;letter-spacing:.16em;color:#718069}.form-title h2{margin:5px 0 20px;font-size:26px}.signup-card>label,.field-grid label{display:grid;gap:7px;margin-bottom:16px;font-size:13px;font-weight:850}.signup-card input{height:46px;padding:0 13px;border:1px solid #c9d4c7;border-radius:10px;background:#fbfdfb;font:inherit;outline:none}.signup-card input:focus{border-color:#55cce5;box-shadow:0 0 0 3px rgba(49,218,250,.14)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-grid label small{color:#7c877c;font-size:10px;font-weight:500}.signup-card .terms{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:10px;background:#f2f6ef;font-size:11px;line-height:1.5}.terms input{flex:0 0 18px;width:18px;height:18px;margin-top:1px}
.account-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:20px 0 32px}.account-head h1{font-size:52px;margin-bottom:10px}.account-head p{margin:0;color:var(--muted)}.account-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.card-top{display:flex;justify-content:space-between;gap:20px}.card-top small{font-size:10px;font-weight:950;letter-spacing:.15em;color:#74816e}.card-top h2{margin:5px 0;font-size:25px}.status-pill,.mini-status{display:inline-flex;align-items:center;align-self:start;padding:7px 9px;border-radius:99px;font-size:9px;font-weight:950;letter-spacing:.08em}.status-pill.active{background:#e3ffc1;color:#507800}.status-pill.expired{background:#ffe6e3;color:#a12c24}.plan-price{display:flex;align-items:end;gap:7px;margin:25px 0}.plan-price strong{font-size:52px;letter-spacing:-.05em}.plan-price span{padding-bottom:9px;color:var(--muted)}.access-meter>div{display:flex;justify-content:space-between;font-size:12px}.access-meter>i{display:block;height:7px;margin-top:8px;border-radius:99px;background:#e5ebe2;overflow:hidden}.access-meter>i>b{display:block;height:100%;background:linear-gradient(90deg,#58d7ed,#b8ff25)}.subscription-card dl{display:grid;grid-template-columns:1fr 1fr;margin:24px 0 0;border-top:1px solid var(--line)}.subscription-card dl div{padding:15px 0;border-bottom:1px solid var(--line)}.subscription-card dt{color:#7b8679;font-size:10px;font-weight:850}.subscription-card dd{margin:4px 0 0;font-size:13px;font-weight:800}.payment-card>p{color:var(--muted);line-height:1.55}.pending-setup{margin:18px 0;padding:18px;border:1px solid #e2d49a;border-radius:14px;background:#fff9df}.pending-setup>span{font-size:9px;font-weight:950;letter-spacing:.15em;color:#927413}.pending-setup h3{margin:7px 0}.pending-setup p{margin:0;color:#786c45;font-size:13px;line-height:1.5}.provider-state{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:11px}.provider-state span{color:#7b877b}.provider-state b{text-align:right;text-transform:capitalize}.activity-panel,.owner-panel{margin-top:18px}.activity-panel .section-heading h2,.owner-panel .section-heading h2{font-size:28px;margin-bottom:20px}.empty-activity{padding:25px;border-radius:13px;background:#f2f6ef;display:grid;gap:4px;text-align:center}.empty-activity span{color:var(--muted);font-size:12px}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid #e0e7dd;text-align:left;font-size:12px}th{color:#748071;font-size:9px;letter-spacing:.08em}td small{display:block;margin-top:3px;color:#879187}.mini-status{padding:5px 7px;background:#edf2eb;color:#53614e}
.owner-head{align-items:center}.provider-chip{padding:10px 13px;border-radius:10px;font-size:10px;font-weight:950;letter-spacing:.09em}.provider-chip.ready{background:#e5ffc7;color:#507800}.provider-chip.pending{background:#fff0c7;color:#8a6810}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics-grid article{padding:20px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.88);display:grid}.metrics-grid small{font-size:9px;font-weight:950;letter-spacing:.12em;color:#73806c}.metrics-grid strong{margin:7px 0;font-size:30px}.metrics-grid span{color:var(--muted);font-size:11px}.metrics-grid .mrr{background:linear-gradient(145deg,#0a1b30,#12344a);color:#fff}.metrics-grid .mrr strong{color:var(--lime)}.owner-panel-head{display:flex;align-items:center;justify-content:space-between}.owner-panel-head a{font-size:12px;font-weight:850}.subscriber-table{overflow:auto}.subscriber-table td:first-child{min-width:190px}.billing-footer{max-width:1160px;margin:auto;padding:25px 0 35px;border-top:1px solid rgba(133,151,139,.35);display:flex;justify-content:space-between;color:#748074;font-size:11px}
.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.wallet-button{min-height:72px;padding:10px 12px;border:1px solid;border-radius:14px;display:flex;align-items:center;gap:10px;text-align:left;font:inherit;cursor:pointer;box-shadow:inset 0 2px rgba(255,255,255,.7),inset 0 -4px rgba(0,0,0,.08),0 7px 15px rgba(10,30,60,.12);transition:.2s}.wallet-button:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:inset 0 2px #fff,inset 0 -4px rgba(0,0,0,.07),0 10px 22px rgba(10,30,60,.2),0 0 20px rgba(49,218,250,.22)}.wallet-button.gcash{border-color:#4e83e8;background:linear-gradient(145deg,#f7fbff,#dceaff);color:#123a80}.wallet-button.maya{border-color:#43a55d;background:linear-gradient(145deg,#fbfff8,#ddf7d8);color:#165a2c}.wallet-mark{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#fff;font-size:20px;font-weight:950;box-shadow:inset 0 -3px rgba(0,0,0,.07),0 4px 10px rgba(0,0,0,.1)}.wallet-button>span:nth-child(2){display:grid;gap:2px;min-width:0}.wallet-button b{font-size:15px}.wallet-button small{font-size:9px;font-weight:750;opacity:.72}.wallet-button i{margin-left:auto;font-style:normal;font-weight:950}.wallet-disabled{opacity:.55}.wallet-disabled .wallet-button{cursor:not-allowed;transform:none}`r`n@media(max-width:850px){.billing-nav{padding:0 18px}.billing-nav nav a:not(.nav-primary){display:none}.subscription-hero{grid-template-columns:1fr;gap:35px;padding-top:20px}.machine-demo{max-width:550px;width:100%;margin:auto;transform:none}.signup-shell{grid-template-columns:1fr;gap:28px}.signup-intro{position:static}.account-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.billing-footer{padding-left:18px;padding-right:18px}.price-card ul{grid-template-columns:1fr}}
@media(max-width:560px){body{font-size:15px}.billing-main{width:min(100% - 20px,1160px);padding-top:24px}.billing-nav{height:66px}.billing-brand>span{width:36px;height:36px}.billing-brand small{display:none}.billing-nav .nav-primary{padding:9px 10px;font-size:11px}.hero-copy h1,.signup-intro h1,.account-head h1{font-size:39px}.hero-copy>p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.trust-row{display:grid}.demo-photo{height:230px}.plan-section{padding:60px 0}.price-card,.signup-card,.subscription-card,.payment-card,.activity-panel,.owner-panel{padding:20px;border-radius:16px}.popular{position:static;display:inline-flex;margin-bottom:20px}.price-copy strong{font-size:58px}.steps-section{grid-template-columns:1fr;padding-bottom:60px}.field-grid{grid-template-columns:1fr}.account-head{align-items:stretch;flex-direction:column}.account-head .shine-button{width:100%}.subscription-card dl{grid-template-columns:1fr}.wallet-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.metrics-grid article{padding:15px}.metrics-grid strong{font-size:24px}.activity-panel{overflow:auto}.activity-panel table{min-width:600px}.billing-footer{display:grid;gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.shine-button{transition:none}}