@font-face{font-family:Cubao Free Narrow;src:url(/fonts/Cubao_Free_Narrow.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--ink:#0a0f1e;--ink-2:#141b30;--paper:#f5f8fa;--salt:#eaf4f7;--cyan:#0fb5ce;--cyan-deep:#0b7e93;--cyan-soft:#d3f0f5;--line:#d8e3e8;--text:#22303c;--muted:#5b6b77;--good:#12a66b;--warn:#e2932b;--radius:14px;--font-display:"Bricolage Grotesque",sans-serif;--font-body:"Instrument Sans",sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font-body);background:var(--paper);color:var(--text);font-size:16px;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);line-height:1.12}button{cursor:pointer;font-family:inherit}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:4px}.wrap{margin:0 2.5rem;padding:0 22px}section{padding:72px 0}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-deep);margin-bottom:14px;font-size:12px;display:block}.section-title{letter-spacing:-.01em;margin-bottom:10px;font-size:clamp(26px,4vw,40px);font-weight:700}.section-lead{color:var(--muted);max-width:640px;margin-bottom:36px;font-size:17px}.topbar{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f5f8faeb;position:sticky;top:0}.topbar .wrap{justify-content:space-between;align-items:center;height:62px;display:flex}.logo{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:20px;font-weight:800;text-decoration:none}.logo b{color:var(--cyan)}nav.mainnav{flex-wrap:wrap;gap:4px;display:flex}nav.mainnav a{color:var(--muted);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none}nav.mainnav a:hover{background:var(--salt);color:var(--ink)}@media (max-width:820px){nav.mainnav{display:none}}.hero{background:radial-gradient(900px 420px at 85% -10%, #0fb5ce21, transparent 60%), radial-gradient(700px 380px at -5% 20%, #0fb5ce14, transparent 55%), var(--paper);padding:64px 0 40px}.hero h1{letter-spacing:-.02em;max-width:760px;font-size:clamp(32px,5.4vw,56px);font-weight:800}.hero h1 em{color:var(--cyan-deep);white-space:nowrap;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--cyan-soft);z-index:-1;border-radius:3px;height:10px;position:absolute;bottom:4px;left:0;right:0}.hero p.sub{color:var(--muted);max-width:620px;margin-top:16px;font-size:18px}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.btn{border:none;border-radius:10px;padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{box-shadow:0 6px 18px #0a0f1e40}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.btn-cyan{background:var(--cyan);color:#fff}.btn-cyan:hover{box-shadow:0 6px 18px #0fb5ce59}.included-strip{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.included-strip span{background:var(--salt);color:var(--cyan-deep);border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.pkg-cols{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;margin-top:24px;display:grid}@media (max-width:900px){.pkg-cols{grid-template-columns:1fr}}.pkg-card{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fff;flex-direction:column;height:100%;padding:28px 26px;transition:background-color .28s,transform .28s cubic-bezier(.2,.8,.3,1.3),box-shadow .28s;display:flex;position:relative;transform:scale(1);box-shadow:0 4px 18px #0a0f1e0d}.pkg-card:hover{background:var(--cyan-soft)}.pkg-card.pkg-best{background:var(--salt)}.pkg-card.pkg-best:hover{background:var(--cyan-soft)}.pkg-head{text-align:center;margin-bottom:20px}.pkg-head .pn{font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px;transition:color .28s;display:block}.pkg-head .pt{color:var(--ink);letter-spacing:-.01em;margin-top:4px;font-size:21px;font-weight:800;transition:color .28s;display:block}.pkg-price{color:var(--cyan-deep);margin-top:10px;font-size:26px;font-weight:800;display:block}.pkg-ideal{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.5}.pkg-feats{flex-direction:column;flex-grow:1;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.pkg-feats li{color:var(--text);align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;display:flex}.pkg-feats .ct-check{color:var(--good);flex-shrink:0;margin-top:1px;font-size:16px;font-weight:700}.pkg-meta{color:var(--muted);border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-bottom:18px;padding-top:14px;font-size:12.5px;display:flex}.pkg-card.pkg-selected{z-index:2;transform:scale(1.03);box-shadow:0 10px 26px #0fb5ce38;background:var(--cyan-soft)!important}.pkg-card.pkg-selected .pn,.pkg-card.pkg-selected .pt{color:var(--cyan-deep)}.pkg-card.pkg-selected .ct-demo-link{background:var(--cyan-deep)}.pkg-card.pkg-selected:focus-visible{outline:2px solid var(--cyan-deep);outline-offset:-2px}.pkg-card .ct-demo-link{background:var(--cyan);color:#fff;border-radius:14px;margin:0 auto;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:background-color .2s,transform .2s;display:table}.pkg-card .ct-demo-link:hover{background:var(--cyan-deep);transform:translateY(-1px)}.pkg-card .ct-badge{background:var(--cyan);color:#fff;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.pkg-tabs{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;display:grid}@media (max-width:760px){.pkg-tabs{grid-template-columns:1fr}}.pkg-tab{border:2px solid var(--line);border-radius:var(--radius);text-align:left;background:#fff;padding:16px 18px;transition:all .15s}.pkg-tab:hover{border-color:var(--cyan)}.pkg-tab.active{border-color:var(--cyan);background:var(--cyan-soft)}.pkg-tab .pn{font-family:var(--font-mono);color:var(--cyan-deep);letter-spacing:.08em;text-transform:uppercase;font-size:11px;display:block}.pkg-tab .pt{font-family:var(--font-display);color:var(--ink);margin-top:3px;font-size:17px;font-weight:700;display:block}.pkg-tab .pp{font-family:var(--font-mono);color:var(--muted);margin-top:4px;font-size:13px;display:block}.pkg-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:30px;display:grid}@media (max-width:920px){.pkg-grid{grid-template-columns:1fr}}.pkg-info{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:30px;box-shadow:0 4px 18px #0a0f1e0d}.pkg-info h3{margin-bottom:6px;font-size:24px}.pkg-info .pi-ideal{color:var(--muted);margin-bottom:20px;font-size:13.5px}.pkg-info .pi-price{font-family:var(--font-mono);color:var(--cyan-deep);margin-bottom:2px;font-size:30px;font-weight:700}.pkg-info .pi-price-alt{color:var(--muted);font-size:12.5px;font-family:var(--font-mono);margin-bottom:10px}.pkg-info .pi-maint{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:20px;font-size:13px}.pkg-info ul{list-style:none}.pkg-info li{border-bottom:1px dashed var(--line);padding:9px 0 9px 26px;font-size:14.5px;position:relative}.pkg-info li:last-child{border-bottom:none}.pkg-info li:before{content:"✓";color:var(--good);font-weight:700;position:absolute;left:0}.pkg-info li.inherit{color:var(--muted);font-size:13px}.pkg-info li.inherit:before{content:"↳";color:var(--cyan-deep)}.browser{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 18px 44px #0a0f1e1a}.browser-bar{background:var(--ink);align-items:center;gap:10px;padding:10px 14px;display:flex}.dots{gap:6px;display:flex}.dots i{background:#3a4463;border-radius:50%;width:10px;height:10px;display:block}.dots i:first-child{background:#e8695a}.dots i:nth-child(2){background:#e9b04b}.dots i:nth-child(3){background:#4cbf7a}.urlbar{background:var(--ink-2);font-family:var(--font-mono);color:#9fb3c8;white-space:nowrap;text-overflow:ellipsis;border-radius:7px;flex:1;padding:5px 12px;font-size:11.5px;overflow:hidden}.mock-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.mock-logo{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:800}.mock-links{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:11.5px;display:flex}.mock-pill{background:var(--salt);color:var(--cyan-deep);border-radius:20px;font-weight:600;padding:3px 10px!important}.cart-ico{font-size:14px;position:relative}.cart-ico b{background:var(--cyan);color:#fff;width:14px;height:14px;font-size:9px;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-7px;right:-9px}.nav-btns{align-items:center;gap:12px;display:flex}.mock-links button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:11.5px}.mock-links button:hover{color:var(--ink)}.mock-links button.active{color:var(--cyan-deep);font-weight:700}.mock-links button.mock-pill{padding:3px 10px!important}.page-view{display:none}.page-view.active{display:block}.mini-hero h4{margin-bottom:8px;font-size:20px}.mini-hero p{color:var(--muted);max-width:420px;margin-bottom:14px;font-size:13.5px}.mini-chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.mini-chips span{background:var(--salt);color:var(--cyan-deep);border-radius:16px;padding:6px 12px;font-size:12px;font-weight:600}.mini-about p{color:var(--muted);max-width:460px;margin-bottom:10px;font-size:13.5px}.mini-cat-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.mini-cat-row span{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:600}.pkg-demo-teaser .browser-bar{opacity:.9}.demo-teaser-body{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:340px;padding:40px 28px;display:flex}.demo-teaser-body .dtt-icon{font-size:34px}.demo-teaser-body h4{font-size:19px}.demo-teaser-body p{color:var(--muted);max-width:380px;font-size:14px}.demo-banner{z-index:70;background:var(--ink);color:#fff;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:12px 22px;font-size:13.5px;display:flex;position:sticky;top:0}.demo-banner b{color:var(--cyan)}.demo-banner a{color:#fff;white-space:nowrap;font-weight:600;text-decoration:underline}.demo-intro{background:radial-gradient(700px 340px at 88% -20%, #0fb5ce24, transparent 60%), radial-gradient(600px 300px at -5% 30%, #0fb5ce14, transparent 55%), var(--paper);padding:36px 0 28px}.demo-intro h1{margin-bottom:6px;font-size:clamp(22px,3.2vw,30px)}.demo-intro p{color:var(--muted);max-width:600px;font-size:15px}.demo-site{background:var(--paper);min-height:calc(100vh - 45px);padding:32px 22px 56px}.demo-shell{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:1080px;margin:0 auto;overflow:hidden;box-shadow:0 18px 44px #0a0f1e1a}.demo-site .mock-nav{padding:16px 26px}.demo-site .demo-stage{min-height:auto;padding:32px 26px 44px}.demo-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.demo-card{background:var(--salt);border:1px solid var(--line);border-radius:12px;padding:18px}.demo-card .dc-icon{margin-bottom:8px;font-size:22px}.demo-card h5{color:var(--ink);margin-bottom:6px;font-size:14.5px;font-weight:700}.demo-card p{color:var(--muted);font-size:12.5px;line-height:1.5}.demo-stage{color:var(--text);background:#fff;min-height:340px;padding:28px}.demo-stage h4.dt{margin-bottom:4px;font-size:17px}.demo-note{color:var(--muted);margin-bottom:20px;font-size:13px}.pkg-pane{display:none}.pkg-pane.active{display:block}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tab-btn{background:var(--salt);border:1.5px solid var(--line);color:var(--text);border-radius:20px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .15s}.tab-btn:hover{border-color:var(--cyan)}.tab-btn.active{background:var(--cyan);border-color:var(--cyan);color:#fff}.mod-pane{display:none}.mod-pane.active{display:block}.demo-form{flex-direction:column;gap:10px;max-width:420px;display:flex}.demo-form input,.demo-form textarea{border:1.5px solid var(--line);resize:vertical;border-radius:9px;padding:11px 13px;font-family:inherit;font-size:14px}.demo-form input:focus,.demo-form textarea:focus{border-color:var(--cyan)}.bk-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (max-width:720px){.bk-grid{grid-template-columns:1fr}}.bk-days{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{border:1.5px solid var(--line);background:#fff;border-radius:9px;padding:9px 14px;font-size:13.5px;font-weight:500;transition:all .12s}.chip:hover{border-color:var(--cyan)}.chip.sel{background:var(--cyan);border-color:var(--cyan);color:#fff;font-weight:600}.chip:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.bk-slots{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.bk-confirm{background:var(--salt);border-radius:11px;padding:20px;font-size:14px}.bk-confirm h4{margin-bottom:10px;font-size:16px}.bk-line{border-bottom:1px dashed var(--line);justify-content:space-between;padding:7px 0;font-size:13.5px;display:flex}.bk-line b{font-family:var(--font-mono);font-size:12.5px}.success-box{color:#0e7a4f;background:#e7f7ef;border:1px solid #bee7d2;border-radius:10px;margin-top:14px;padding:13px 16px;font-size:13.5px;font-weight:500;display:none}.success-box.show{display:block}.shop-grid{grid-template-columns:1.5fr 1fr;gap:22px;display:grid}@media (max-width:760px){.shop-grid{grid-template-columns:1fr}}.prod-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:560px){.prod-grid{grid-template-columns:1fr 1fr}}.prod{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.prod .ph{background:var(--salt);justify-content:center;align-items:center;height:84px;font-size:34px;display:flex}.prod .pi{padding:11px 12px}.prod .pi b{color:var(--ink);font-size:13.5px;display:block}.prod .pi .pr{font-family:var(--font-mono);color:var(--cyan-deep);margin:4px 0 9px;font-size:13px;font-weight:600;display:block}.add-btn{background:var(--ink);color:#fff;border:none;border-radius:8px;width:100%;padding:8px;font-size:12.5px;font-weight:600}.add-btn:hover{background:var(--cyan-deep)}.cart-box{background:var(--salt);border-radius:11px;padding:18px}.cart-box h4{margin-bottom:12px;font-size:16px}.cart-empty{color:var(--muted);font-size:13px}.cart-item{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;padding:6px 0;font-size:13.5px;display:flex}.cart-item .qty{font-family:var(--font-mono);color:var(--muted);font-size:12px}.cart-item .rm{color:#c0392b;background:0 0;border:none;padding:0 4px;font-size:15px}.cart-tot{justify-content:space-between;margin-top:12px;font-size:15px;font-weight:700;display:flex}.cart-tot span:last-child{font-family:var(--font-mono)}.coupon-row{gap:8px;margin-top:12px;display:flex}.coupon-row input{border:1.5px solid var(--line);font-size:13px;font-family:var(--font-mono);text-transform:uppercase;border-radius:8px;flex:1;padding:8px 11px}.coupon-row button{background:var(--cyan);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:600}.coupon-msg{min-height:16px;margin-top:7px;font-size:12px}.coupon-msg.ok{color:var(--good)}.coupon-msg.err{color:#c0392b}.checkout-btn{background:var(--ink);color:#fff;border:none;border-radius:9px;width:100%;margin-top:14px;padding:12px;font-size:14px;font-weight:600}.checkout-btn:hover{background:var(--cyan-deep)}.cms-grid{grid-template-columns:1fr 1.2fr;gap:22px;display:grid}@media (max-width:720px){.cms-grid{grid-template-columns:1fr}}.cms-form{background:var(--salt);border-radius:11px;flex-direction:column;gap:12px;padding:18px;display:flex}.cms-form label{color:var(--muted);flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;display:flex}.cms-form input{border:1.5px solid var(--line);color:var(--text);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:13.5px;font-weight:400}.cms-form input:focus{border-color:var(--cyan)}.cms-list{border:1px solid var(--line);background:#fff;border-radius:11px;max-height:340px;padding:18px;overflow-y:auto}.cms-list h4{margin-bottom:10px;font-size:16px}.loy-wrap{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (max-width:720px){.loy-wrap{grid-template-columns:1fr}}.loy-card{background:linear-gradient(135deg,var(--ink),#1b2947);color:#fff;border-radius:14px;padding:22px;position:relative;overflow:hidden}.loy-card:after{content:"✦";opacity:.06;font-size:120px;position:absolute;top:-22px;right:-10px}.loy-card .ln{color:#8fa3b5;font-size:13px}.loy-pts{font-family:var(--font-mono);color:#7fe3f2;margin:6px 0 2px;font-size:40px;font-weight:600}.loy-tier{color:#7fe3f2;font-size:11.5px;font-weight:600;font-family:var(--font-mono);letter-spacing:.06em;background:#7fe3f226;border-radius:20px;padding:4px 12px;display:inline-block}.loy-bar{background:#ffffff1f;border-radius:6px;height:8px;margin-top:16px;overflow:hidden}.loy-bar i{background:var(--cyan);border-radius:6px;width:0;height:100%;transition:width .4s;display:block}.loy-next{color:#8fa3b5;font-size:11.5px;font-family:var(--font-mono);margin-top:7px}.loy-actions button{border:1.5px solid var(--line);text-align:left;background:#fff;border-radius:10px;width:100%;margin-bottom:9px;padding:12px 15px;font-size:13.5px;font-weight:500;transition:all .12s;display:block}.loy-actions button:hover{border-color:var(--cyan);transform:translate(2px)}.loy-actions button b{font-family:var(--font-mono);color:var(--cyan-deep);float:right}.loy-log{color:var(--muted);max-height:90px;margin-top:10px;font-size:12px;overflow-y:auto}.loy-log div{border-bottom:1px dotted var(--line);padding:3px 0}.seo-card{max-width:460px}.seo-meter{background:var(--salt);border-radius:6px;height:10px;margin:14px 0 6px;overflow:hidden}.seo-meter i{background:var(--cyan);border-radius:6px;height:100%;transition:width 1.4s cubic-bezier(.4,0,.2,1);display:block}.seo-score{font-family:var(--font-mono);color:var(--cyan-deep);margin-bottom:14px;font-size:13px;font-weight:600}.seo-card ul{list-style:none}.seo-card li{padding:6px 0;font-size:13.5px}.lms-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:640px){.lms-grid{grid-template-columns:1fr}}.lms-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;padding:14px}.lms-card .le{margin-bottom:6px;font-size:26px}.lms-card b{color:var(--ink);margin-bottom:4px;font-size:13.5px;display:block}.lms-card span.meta{color:var(--muted);margin-bottom:8px;font-size:11.5px;display:block}.lms-card .pr{font-family:var(--font-mono);color:var(--cyan-deep);margin-bottom:9px;font-size:13px;font-weight:600;display:block}.lms-card .buy-msg{color:var(--good);margin-top:6px;font-size:11.5px;font-weight:600;display:none}.lms-card .buy-msg.show{display:block}.lms-detail{border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px}.lms-lessons{margin-bottom:16px;list-style:none}.lms-lessons li{border-bottom:1px dashed var(--line);padding:7px 0;font-size:13px}.lms-comment{border-bottom:1px dashed var(--line);padding:8px 0;font-size:12.5px}.lms-comment b{color:var(--ink)}.crm-wrap{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (max-width:720px){.crm-wrap{grid-template-columns:1fr}}.crm-compose,.crm-sent{background:var(--salt);border-radius:11px;padding:18px}.crm-compose input,.crm-compose select{border:1.5px solid var(--line);background:#fff;border-radius:9px;width:100%;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:13.5px}.crm-item{border-bottom:1px dashed var(--line);padding:9px 0;font-size:12.5px}.crm-item:last-child{border-bottom:none}.crm-item b{color:var(--ink);font-size:13px;display:block}.crm-item .meta{color:var(--muted);margin-top:2px;font-size:11.5px}.dash-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}@media (max-width:640px){.dash-grid{grid-template-columns:1fr 1fr}}.dash-card{background:var(--salt);border-radius:11px;padding:14px}.dash-card .dl{color:var(--muted);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.dash-card .dv{font-family:var(--font-mono);color:var(--ink);margin-top:4px;font-size:22px;font-weight:700}.dash-card .dd{color:var(--good);margin-top:2px;font-size:11.5px}.gw-row{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.gw-row span{background:var(--ink);color:#fff;font-family:var(--font-mono);border-radius:7px;padding:6px 11px;font-size:11.5px}.calc-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:30px;display:grid}@media (max-width:880px){.calc-grid{grid-template-columns:1fr}}.calc-form{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:26px}.calc-form h4{font-size:15px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:22px 0 11px;font-size:12px;font-weight:600}.calc-form h4:first-child{margin-top:0}.lvl-select{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (max-width:560px){.lvl-select{grid-template-columns:1fr}}.lvl-opt{border:1.5px solid var(--line);text-align:center;background:#fff;border-radius:10px;padding:10px 8px;transition:all .12s}.lvl-opt .n{font-family:var(--font-mono);color:var(--muted);font-size:11px;display:block}.lvl-opt .t{color:var(--ink);margin-top:2px;font-size:12px;font-weight:600;line-height:1.25;display:block}.lvl-opt:hover{border-color:var(--cyan)}.lvl-opt.sel{border-color:var(--cyan);background:var(--cyan-soft)}.mod-list{flex-direction:column;gap:8px;display:flex}.mod-item{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:11px;padding:11px 13px;transition:all .12s;display:flex}.mod-item:hover{border-color:var(--cyan)}.mod-item.sel{border-color:var(--cyan);background:var(--cyan-soft)}.mod-item.disabled{opacity:.5;cursor:not-allowed}.mod-item input{accent-color:var(--cyan);flex-shrink:0;width:17px;height:17px}.mod-item .mi{flex:1}.mod-item .mi b{color:var(--ink);font-size:13.5px;display:block}.mod-item .mi span{color:var(--muted);font-size:11.5px}.mod-item .mp{font-family:var(--font-mono);color:var(--cyan-deep);text-align:right;white-space:nowrap;font-size:11px;line-height:1.5}.calc-result{background:var(--ink);border-radius:var(--radius);color:#c9d6e2;padding:26px;position:sticky;top:84px}.calc-result h3{color:#fff;margin-bottom:18px;font-size:18px}.cr-line{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:9px 0;font-size:13.5px;display:flex}.cr-line span:last-child{font-family:var(--font-mono);color:#7fe3f2}.cr-total{background:var(--ink-2);border-radius:10px;margin-top:16px;padding:16px}.cr-total .lbl{font-size:11px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#8fa3b5}.cr-total .val{font-family:var(--font-mono);color:#7fe3f2;margin-top:3px;font-size:22px;font-weight:600}.cr-total .val.month{color:#fff;font-size:17px}.cr-note{color:#8fa3b5;margin-top:16px;font-size:11.5px;line-height:1.6}.quiz-box{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:720px;margin:0 auto;padding:30px}.quiz-q{display:none}.quiz-q.active{display:block}.quiz-q h4{margin-bottom:18px;font-size:19px}.quiz-q .qn{font-family:var(--font-mono);color:var(--cyan-deep);letter-spacing:.1em;margin-bottom:8px;font-size:11px;display:block}.quiz-opts{flex-direction:column;gap:9px;display:flex}.quiz-opts button{text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:13px 16px;font-size:14.5px;font-weight:500;transition:all .12s}.quiz-opts button:hover{border-color:var(--cyan);background:var(--cyan-soft)}.quiz-result{text-align:center;display:none}.quiz-result.show{display:block}.quiz-result .qr-lvl{font-family:var(--font-mono);letter-spacing:.12em;color:var(--cyan-deep);text-transform:uppercase;font-size:12px}.quiz-result h3{margin:8px 0 10px;font-size:26px}.quiz-result p{color:var(--muted);max-width:480px;margin:0 auto 18px;font-size:15px}.quiz-result .qr-price{font-family:var(--font-mono);background:var(--salt);border-radius:9px;margin-bottom:20px;padding:10px 18px;font-size:15px;display:inline-block}.quiz-restart{color:var(--cyan-deep);background:0 0;border:none;margin-top:6px;font-size:13.5px;font-weight:600;text-decoration:underline}.quiz-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.quiz-links{color:var(--muted);margin-top:18px;font-size:13px}.quiz-links button{color:var(--cyan-deep);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.quiz-links a{color:var(--cyan-deep);font-weight:600}.quiz-back{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-bottom:16px;font-size:13px;font-weight:600;text-decoration:underline;display:block}.lead-form{text-align:left;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin:18px auto 0;display:grid}@media (max-width:560px){.lead-form{grid-template-columns:1fr}}.lead-form .full{grid-column:1/-1}.lead-form label{color:var(--muted);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.lead-form input{border:1.5px solid var(--line);border-radius:9px;width:100%;padding:11px 13px;font-family:inherit;font-size:14px}.lead-form input:focus{border-color:var(--cyan)}.booking-view{text-align:left;margin-top:18px}.bk-confirm input{border:1.5px solid var(--line);border-radius:8px;width:100%;margin-bottom:10px;padding:9px 11px;font-family:inherit;font-size:13.5px}.bk-confirm input:focus{border-color:var(--cyan)}.logo-marquee{padding:6px 0 4px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.logo-track{gap:14px;width:max-content;animation:32s linear infinite logo-scroll;display:flex}.logo-marquee:hover .logo-track{animation-play-state:paused}.logo-chip{border:1px solid var(--line);border-radius:var(--radius);box-sizing:border-box;width:180px;height:76px;font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;opacity:.75;background:#fff;flex:none;justify-content:center;align-items:center;padding:16px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:opacity .15s,border-color .15s;display:flex}.logo-chip:hover{opacity:1;border-color:var(--cyan)}.logo-chip img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.logo-chip--lg img{transform:scale(2)}.debank-mark{flex-direction:column;align-items:stretch;gap:5px;width:100%;display:flex}.debank-line{background:#ffde32;width:100%;height:3px}.debank-text{font-family:"Cubao Free Narrow",var(--font-display);letter-spacing:.06em;color:#ffde32;text-align:center;font-size:28px;font-weight:400;line-height:1}@keyframes logo-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.logo-track{animation:none}}.ind-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:32px;display:grid}.ind-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px;box-shadow:0 4px 18px #0a0f1e0d}.ind-card .ic-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ind-card .ic-icon{font-size:22px;line-height:1}.ind-card h4{letter-spacing:-.005em;font-size:16.5px;font-weight:700}.ind-card .ic-desc{color:var(--muted);min-height:52px;margin-bottom:18px;font-size:13px}.ind-card .ic-price{font-family:var(--font-mono);align-items:baseline;gap:9px;margin-bottom:10px;display:flex}.ind-card .ic-was{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);font-size:13.5px}.ind-card .ic-now{color:var(--cyan-deep);font-size:22px;font-weight:700}.ind-card .ic-badge{letter-spacing:.04em;color:var(--good);background:#12a66b1a;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.ind-more-label{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:600}.ind-grid{flex-wrap:wrap;gap:9px;display:flex}.ind-grid span{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:24px;padding:8px 16px;font-size:13.5px;font-weight:500}.ind-grid span:hover{border-color:var(--cyan);color:var(--cyan-deep)}.info-cols{grid-template-columns:1fr 1fr;gap:26px;display:grid}@media (max-width:760px){.info-cols{grid-template-columns:1fr}}.info-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.info-card h3{margin-bottom:12px;font-size:17px}.info-card ul{list-style:none}.info-card li{border-bottom:1px dashed var(--line);padding:8px 0 8px 24px;font-size:14px;position:relative}.info-card li:last-child{border-bottom:none}.info-card li:before{content:"→";color:var(--cyan);font-weight:600;position:absolute;left:0}.maint-table{border-collapse:collapse;width:100%;margin-top:6px;font-size:13.5px}.maint-table th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:2px solid var(--line);padding:9px 8px;font-size:11px}.maint-table td{border-bottom:1px solid var(--line);padding:10px 8px}.maint-table td:not(:first-child){font-family:var(--font-mono);color:var(--cyan-deep);font-size:12.5px}.test-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.test-card{background:var(--salt);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:24px;display:flex}.test-card .test-stars{color:var(--warn);letter-spacing:2px;margin-bottom:12px;font-size:15px}.test-card .test-quote{color:var(--text);flex:1;margin-bottom:18px;font-size:14.5px;line-height:1.6}.test-card .test-who{border-top:1px dashed var(--line);flex-direction:column;padding-top:14px;display:flex}.test-card .test-name{color:var(--ink);font-size:14px;font-weight:700}.test-card .test-role{color:var(--muted);font-size:12.5px}.final-cta{background:var(--ink);color:#c9d6e2;text-align:center}.final-cta h2{color:#fff;max-width:640px;margin:0 auto 12px;font-size:clamp(24px,3.6vw,36px)}.final-cta p{color:#8fa3b5;max-width:500px;margin:0 auto 26px}footer{background:var(--ink);color:#5b6b77;text-align:center;font-size:12.5px;font-family:var(--font-mono);border-top:1px solid #1e2a47;padding:26px 0}
