:root{--ob-blue:#0061ff;--ob-blue-2:#4f8cff;--ob-blue-grad:linear-gradient(120deg, var(--ob-blue), var(--ob-blue-2));--ob-ink:#0c1740;--ob-body-text:#333;--ob-gray:#777;--ob-line:#e6e9ef;--ob-bg-soft:#f0f5ff;--ob-green:#0c8c4a;--ob-red:#c4372a;--ob-font:"Manrope", sans-serif}html.onebox-html{scroll-behavior:smooth}.onebox-html *{box-sizing:border-box}.onebox-html body,body.onebox-body{font-family:var(--ob-font);color:var(--ob-body-text);background:#fff;margin:0;line-height:1.6}.onebox-body h1,.onebox-body h2,.onebox-body h3,.onebox-body .logo,.onebox-body .btn,.onebox-body .eyebrow,.onebox-body .num,.onebox-body .price{font-family:var(--ob-font)}.onebox-body h1,.onebox-body h2,.onebox-body h3{color:var(--ob-ink)}.onebox-body p{color:var(--ob-body-text)}.onebox-body .wrap{max-width:1080px;margin:0 auto;padding:0 24px}.onebox-body a{color:inherit}.onebox-body img{max-width:100%;display:block}.onebox-body header{border-bottom:1px solid var(--ob-line);z-index:10;background:#fff;padding:14px 0;position:sticky;top:0}.onebox-body header .wrap{justify-content:space-between;align-items:center;gap:20px;display:flex}.onebox-body header .logo{flex:none}.onebox-body header .btn{white-space:nowrap;flex:none}.onebox-body .main-nav{flex:auto;justify-content:center;gap:28px;display:flex}.onebox-body .main-nav a{color:var(--ob-body-text);font-size:14.5px;font-weight:600;text-decoration:none;transition:color .15s}.onebox-body .main-nav a:hover,.onebox-body .main-nav a.active{color:var(--ob-blue)}.onebox-body .logo img{width:auto;height:32px;display:block}@media (max-width:760px){.onebox-body .main-nav{display:none}}.onebox-body .btn{background:var(--ob-blue-grad);cursor:pointer;will-change:transform;border:none;border-radius:9999px;padding:12px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,filter .25s;display:inline-block;transform:translateY(0)scale(1);color:#fff!important}.onebox-body .btn:hover{filter:brightness(1.06);transform:translateY(-3px)scale(1.03);box-shadow:0 14px 26px -10px #0061ff80}.onebox-body .btn:disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.onebox-body .btn:disabled:hover{filter:none;box-shadow:none;transform:none}.onebox-body .btn:active{transition-duration:80ms;transform:translateY(-1px)scale(.98)}.onebox-body .btn-ghost{border:1.5px solid var(--ob-blue);background:0 0;color:var(--ob-blue)!important}.onebox-body .btn-ghost:hover{box-shadow:0 10px 22px -12px #0061ff59}.onebox-body .btn-lg{padding:14px 30px;font-size:16px}@keyframes oneboxBtnPulse{0%,to{box-shadow:0 10px 30px -8px #0061ff73}50%{box-shadow:0 14px 34px -8px #0061ffb3}}.onebox-body .hero-cta .btn:not(.btn-ghost){animation:2.6s ease-in-out infinite oneboxBtnPulse}.onebox-body .hero-cta .btn:not(.btn-ghost):hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.onebox-body .btn{transition:none}.onebox-body .btn:hover,.onebox-body .btn:active{transform:none}.onebox-body .hero-cta .btn:not(.btn-ghost){animation:none}}.onebox-body .hero{background:linear-gradient(180deg,var(--ob-bg-soft) 0%, #fff 100%);text-align:center;padding:56px 0 0;position:relative;overflow:hidden}.onebox-body .hero:before{content:"";background:var(--ob-blue-grad);opacity:.12;filter:blur(10px);border-radius:50%;width:520px;height:520px;position:absolute;top:-180px;right:-160px}.onebox-body .hero:after{content:"";background:var(--ob-blue-grad);opacity:.08;filter:blur(10px);border-radius:50%;width:480px;height:480px;position:absolute;bottom:-220px;left:-180px}.onebox-body .hero .wrap{z-index:1;position:relative}.onebox-body .eyebrow{color:var(--ob-blue);letter-spacing:.02em;background:#eaf0ff;border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.onebox-body h1{letter-spacing:-.02em;max-width:840px;margin:0 auto 16px;font-size:42px;line-height:1.15}.onebox-body h1 .accent{color:var(--ob-blue)}.onebox-body .hero p.sub{color:var(--ob-gray);max-width:640px;margin:0 auto 30px;font-size:17.5px}.onebox-body .hero-cta{text-align:center;margin-bottom:10px}.onebox-body .hero-cta .btn{margin:0 7px 10px;box-shadow:0 10px 30px -8px #0061ff73}.onebox-body .hero-cta .btn-ghost{box-shadow:none}.onebox-body .hero-note{color:var(--ob-gray);margin-bottom:40px;font-size:13px}.onebox-body .hero-note .ok{color:var(--ob-green);font-weight:700}.onebox-body .stats{border-collapse:collapse;border:1px solid var(--ob-line);table-layout:fixed;border-radius:14px;width:100%;margin-top:8px;overflow:hidden}.onebox-body .stat{text-align:center;border-right:1px solid var(--ob-line);border-bottom:1px solid var(--ob-line);background:#fff;width:25%;padding:24px 14px}.onebox-body .stat:last-child{border-right:none}.onebox-body .stat .num{color:var(--ob-blue);font-size:26px;font-weight:800}.onebox-body .stat .label{color:var(--ob-gray);margin-top:4px;font-size:12.5px}.onebox-body section{padding:56px 0;scroll-margin-top:76px}.onebox-body section.alt{background:var(--ob-bg-soft)}.onebox-body .section-head{text-align:center;max-width:660px;margin:0 auto 40px}.onebox-body .section-head h2{letter-spacing:-.01em;margin:0 0 10px;font-size:28px}.onebox-body .section-head p{color:var(--ob-gray);margin:0;font-size:15.5px}.onebox-body .section-head .eyebrow{margin-bottom:14px}.onebox-body .problems{font-size:0}.onebox-body .problem{vertical-align:top;box-sizing:border-box;border:1px solid var(--ob-line);background:#fff;border-radius:12px;width:23%;margin:0 2.66% 20px 0;padding:22px 18px;font-size:16px;display:inline-block}.onebox-body .problem:nth-child(4n){margin-right:0}.onebox-body .problem .icon{margin-bottom:10px;font-size:24px}.onebox-body .problem h3{margin:0 0 6px;font-size:15.5px}.onebox-body .problem p{color:var(--ob-gray);margin:0;font-size:13.5px}.onebox-body .industry-banner{border:1px solid var(--ob-line);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;padding:22px 26px;text-decoration:none;transition:all .2s;display:flex}.onebox-body .industry-banner:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px #0c17402e}.onebox-body .industry-banner .icon{flex:none;font-size:26px}.onebox-body .industry-banner .copy{flex:320px}.onebox-body .industry-banner strong{color:var(--ob-ink);margin-bottom:3px;font-size:15.5px;display:block}.onebox-body .industry-banner p{color:var(--ob-gray);margin:0;font-size:13.5px}.onebox-body .industry-banner .link{color:var(--ob-blue);white-space:nowrap;flex:none;font-size:13.5px;font-weight:700}.onebox-body .compare{font-size:0}.onebox-body .compare-col{vertical-align:top;box-sizing:border-box;border-radius:14px;width:47%;margin:0 6% 24px 0;padding:28px;font-size:16px;display:inline-block}.onebox-body .compare-col:nth-child(2n){margin-right:0}.onebox-body .compare-col.before{background:#fbebea;border:1px solid #f3cfcb}.onebox-body .compare-col.after{background:#eaf7ee;border:1px solid #c9ead3}.onebox-body .compare-col h3{margin:0 0 16px;font-size:16px}.onebox-body .compare-col h3 .mark{margin-right:8px}.onebox-body .compare-col.before h3{color:var(--ob-red)}.onebox-body .compare-col.after h3{color:var(--ob-green)}.onebox-body .compare-item{margin-bottom:14px;font-size:14px}.onebox-body .compare-item span{color:var(--ob-gray);font-size:13.5px}.onebox-body .features{font-size:0}.onebox-body .feature{vertical-align:top;box-sizing:border-box;border:1px solid var(--ob-line);background:#fff;border-radius:14px;width:31.33%;margin:0 3% 20px 0;padding:24px 22px;font-size:16px;transition:all .2s;display:inline-block}.onebox-body .feature:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px #0c17402e}.onebox-body .feature:nth-child(3n){margin-right:0}.onebox-body .feature .icon{background:var(--ob-bg-soft);text-align:center;border-radius:10px;width:42px;height:42px;margin-bottom:14px;font-size:20px;line-height:42px}.onebox-body .feature h3{margin:0 0 8px;font-size:16.5px}.onebox-body .feature p{color:var(--ob-gray);margin:0;font-size:13.8px}.onebox-body .steps{font-size:0}.onebox-body .step{vertical-align:top;box-sizing:border-box;border:1px solid var(--ob-line);background:#fff;border-radius:14px;width:31.33%;margin:0 3% 20px 0;padding:24px 22px;font-size:16px;display:inline-block;position:relative}.onebox-body .step:nth-child(3n){margin-right:0}.onebox-body .step:not(:last-child):after{content:"→";color:var(--ob-line);font-size:20px;position:absolute;top:24px;right:-9%}.onebox-body .step-num{background:var(--ob-blue);color:#fff;text-align:center;border-radius:999px;width:30px;height:30px;margin-bottom:14px;font-size:14px;font-weight:800;line-height:30px}.onebox-body .step h3{margin:0 0 8px;font-size:16.5px}.onebox-body .step p{color:var(--ob-gray);margin:0;font-size:13.8px}.onebox-body .pricing{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:16px;display:grid}.onebox-body .price-card{border:1px solid var(--ob-line);background:#fff;border-radius:16px;flex-direction:column;padding:24px 18px;display:flex;position:relative}.onebox-body .price-card.featured{border-color:var(--ob-blue);box-shadow:0 20px 44px -20px #0061ff59}.onebox-body .price-card .badge{background:var(--ob-blue-grad);color:#fff;letter-spacing:.03em;border-radius:999px;padding:5px 14px;font-size:11.5px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.onebox-body .price-card .tier-name{margin:0 0 6px;font-size:19px;font-weight:800}.onebox-body .price-card .tier-audience{color:var(--ob-gray);margin:0 0 16px;font-size:13px}.onebox-body .price-card .price{color:var(--ob-ink);margin:0 0 2px;font-size:30px;font-weight:800}.onebox-body .price-card .price-unit{color:var(--ob-gray);text-transform:uppercase;letter-spacing:.03em;margin:0 0 22px;font-size:12px}.onebox-body .price-card .btn{text-align:center;margin-bottom:22px}.onebox-body .price-card ul{flex:auto;margin:0;padding:0;list-style:none}.onebox-body .price-card li{color:var(--ob-body-text);align-items:flex-start;gap:8px;margin-bottom:10px;font-size:13.5px;display:flex}.onebox-body .price-card li:before{content:"✓";color:var(--ob-green);flex:none;font-weight:800}.onebox-body .pricing-note{text-align:center;color:var(--ob-gray);margin-top:24px;font-size:12.5px}.onebox-body .journey{border:1px solid var(--ob-line);border-radius:16px;flex-wrap:wrap;gap:0;display:flex;overflow:hidden}.onebox-body .journey-stage{text-align:center;border-right:1px solid var(--ob-line);flex:1 1 0;padding:24px 20px}.onebox-body .journey-stage:last-child{border-right:none}.onebox-body .journey-stage.active{background:var(--ob-bg-soft)}.onebox-body .journey-stage .stage-label{color:var(--ob-gray);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:11.5px}.onebox-body .journey-stage .stage-products{color:var(--ob-ink);font-size:14.5px;font-weight:700}.onebox-body .journey-stage.active .stage-products{color:var(--ob-blue)}.onebox-body .journey-stage .stage-desc{color:var(--ob-gray);margin-top:6px;font-size:12.5px}@media (max-width:760px){.onebox-body .journey{flex-direction:column}.onebox-body .journey-stage{border-right:none;border-bottom:1px solid var(--ob-line)}.onebox-body .journey-stage:last-child{border-bottom:none}}.onebox-body .faq{max-width:760px;margin:0 auto}.onebox-body .faq-item{border-bottom:1px solid var(--ob-line);padding:18px 0}.onebox-body .faq-item h3{margin:0 0 8px;font-size:15.5px}.onebox-body .faq-item p{color:var(--ob-gray);margin:0;font-size:14px}.onebox-body .final-cta{background:linear-gradient(120deg,var(--ob-blue) 0%, var(--ob-blue-2) 100%);text-align:center;color:#fff;border-radius:20px;max-width:1032px;margin:0 auto 64px;padding:52px 40px}.onebox-body .final-cta h2{color:#fff;margin:0 0 12px;font-size:27px}.onebox-body .final-cta p{opacity:.9;color:#fff;margin:0 0 26px;font-size:15px}.onebox-body .final-cta .btn{background:#fff;color:var(--ob-blue)!important}.onebox-body .final-cta .btn:hover{background:#eef2ff}.onebox-body .ecosystem-strip{text-align:center;padding:20px 0 32px}.onebox-body .ecosystem-strip-label{color:var(--ob-gray);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:11.5px;font-weight:700;display:block}.onebox-body .ecosystem-strip-stages{color:var(--ob-gray);margin-bottom:6px;font-size:12.5px}.onebox-body .ecosystem-strip-stages span.active{color:var(--ob-blue);font-weight:700}.onebox-body .ecosystem-strip-stages .sep{color:var(--ob-line);margin:0 6px}.onebox-body .ecosystem-strip a{color:var(--ob-blue);font-size:12.5px;font-weight:600;text-decoration:none}.onebox-body .ecosystem-strip a:hover{text-decoration:underline}.onebox-body footer.site-footer{background:var(--ob-ink);text-align:left;color:#b9c0d6;border-top:none;padding:48px 0 0}.onebox-body footer.site-footer.has-sticky-space{padding-bottom:108px}.onebox-body .footer-grid{flex-wrap:wrap;justify-content:space-between;gap:36px;padding-bottom:36px;display:flex}.onebox-body .footer-brand{flex:260px;max-width:320px}.onebox-body .footer-logo-white{width:auto;height:26px;margin-bottom:16px}.onebox-body .footer-brand p{color:#9aa3c2;margin:0 0 12px;font-size:13.5px;line-height:1.6}.onebox-body .footer-brand p.footer-addr{margin-bottom:0}.onebox-body .footer-col{flex:0 0 170px}.onebox-body .footer-col h4{color:#fff;font-size:14px;font-family:var(--ob-font);margin:0 0 16px;font-weight:700}.onebox-body .footer-col a{color:#b9c0d6;margin-bottom:12px;font-size:13.5px;text-decoration:none;transition:color .15s;display:block}.onebox-body .footer-col a:hover{color:#fff}.onebox-body .footer-bottom{text-align:center;color:#8891ad;border-top:1px solid #ffffff1f;padding:18px 0;font-size:12.5px}@media (max-width:700px){.onebox-body .footer-grid{gap:28px}.onebox-body .footer-col{flex:45%}}.onebox-body .floating-contact{z-index:40;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.onebox-body .floating-btn{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;box-shadow:0 10px 24px -8px #0c174059}.onebox-body .floating-btn svg{width:24px;height:24px}.onebox-body .floating-btn:hover{transform:translateY(-2px)scale(1.04)}.onebox-body .floating-btn.phone{background:#2bb673;animation:2.2s infinite ob-pulse}.onebox-body .floating-btn.messenger{background:linear-gradient(135deg,#00b2ff 0%,#006aff 100%)}@keyframes ob-pulse{0%{box-shadow:0 10px 24px -8px #0c174059,0 0 #2bb67380}70%{box-shadow:0 10px 24px -8px #0c174059,0 0 0 12px #2bb67300}to{box-shadow:0 10px 24px -8px #0c174059,0 0 #2bb67300}}@media (max-width:480px){.onebox-body .floating-contact{gap:10px;bottom:14px;right:14px}.onebox-body .floating-btn{width:46px;height:46px}.onebox-body .floating-btn svg{width:21px;height:21px}}@media (max-width:900px){.onebox-body h1{font-size:28px}.onebox-body .stat{border-right:none}.onebox-body .pricing{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.onebox-body .problem,.onebox-body .feature,.onebox-body .step{width:100%;margin:0 0 16px}.onebox-body .step:not(:last-child):after{content:"↓";inset:auto auto -20px 24px}.onebox-body .compare-col{width:100%;margin:0 0 18px}.onebox-body .industry-banner{padding:20px}.onebox-body .pricing{grid-template-columns:1fr}.onebox-body .final-cta{margin:0 16px 48px;padding:36px 22px}.onebox-body .final-cta h2{font-size:22px}}@media (max-width:480px){.onebox-body section{padding:40px 0}.onebox-body .hero-cta{flex-direction:column}}.onebox-body .blog-page .wrap{max-width:1120px}.onebox-body .blog-hero{background:linear-gradient(180deg,var(--ob-bg-soft) 0%, #fff 100%);text-align:center;padding:60px 0 0;position:relative;overflow:hidden}.onebox-body .blog-hero:before{content:"";background:var(--ob-blue-grad);opacity:.12;filter:blur(10px);border-radius:50%;width:480px;height:480px;position:absolute;top:-180px;right:-160px}.onebox-body .blog-hero:after{content:"";background:var(--ob-blue-grad);opacity:.08;filter:blur(10px);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-40px;left:-180px}.onebox-body .blog-hero .wrap{z-index:1;position:relative}.onebox-body .blog-hero h1{letter-spacing:-.01em;max-width:none;margin:0 0 12px;font-size:36px}.onebox-body .blog-hero h1 .accent{color:var(--ob-blue)}.onebox-body .blog-hero p{color:var(--ob-gray);max-width:600px;margin:0 auto 28px;font-size:15.5px}.onebox-body .cat-tabs{z-index:1;border-top:1px solid var(--ob-line);background:#fff;flex-wrap:wrap;justify-content:center;gap:30px;padding:16px 0;display:flex;position:relative}.onebox-body .cat-tabs a{color:var(--ob-gray);border-bottom:2px solid #0000;align-items:center;gap:6px;padding-bottom:4px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.onebox-body .cat-tabs a .ic{font-size:14px}.onebox-body .cat-tabs a.active,.onebox-body .cat-tabs a:hover{color:var(--ob-blue);border-bottom-color:var(--ob-blue)}.onebox-body .blog-layout{grid-template-columns:1fr 300px;align-items:start;gap:32px;padding:40px 0 64px;display:grid}@media (max-width:900px){.onebox-body .blog-layout{grid-template-columns:1fr}}.onebox-body .cover-art{background:linear-gradient(135deg,var(--ob-ink) 0%, var(--ob-blue) 65%, var(--ob-blue-2) 100%);height:260px;position:relative;overflow:hidden}.onebox-body .cover-art:before{content:"";background:#ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;top:-70px;right:-50px}.onebox-body .cover-art:after{content:"";background:#ffffff12;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-50px;left:-30px}.onebox-body .cover-art .glyph{opacity:.9;justify-content:center;align-items:center;font-size:44px;display:flex;position:absolute;inset:0}.onebox-body .cover-art.sm{height:100%}.onebox-body .cover-art.sm .glyph{font-size:26px}.onebox-body .post-featured{border:1px solid var(--ob-line);background:#fff;border-radius:16px;margin-bottom:22px;text-decoration:none;transition:all .2s;display:block;overflow:hidden;box-shadow:0 4px 14px -8px #0c17401a}.onebox-body .post-featured:hover{transform:translateY(-2px);box-shadow:0 20px 40px -20px #0c174040}.onebox-body .post-featured .thumb{height:260px;position:relative;overflow:hidden}.onebox-body .post-featured .thumb img{object-fit:cover;width:100%;height:100%}.onebox-body .post-featured .tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#0c1740d9;border-radius:999px;padding:6px 13px;font-size:11px;font-weight:700;position:absolute;bottom:16px;left:16px}.onebox-body .post-featured .body{padding:24px 26px 22px}.onebox-body .post-featured h2{margin:0 0 10px;font-size:21px;line-height:1.35}.onebox-body .post-featured p{color:var(--ob-gray);margin:0 0 18px;font-size:14px}.onebox-body .post-featured .meta{border-top:1px solid var(--ob-line);color:#9aa3c2;justify-content:space-between;align-items:center;padding-top:14px;font-size:12.5px;display:flex}.onebox-body .post-featured .meta .author{color:var(--ob-ink);align-items:center;gap:8px;font-weight:600;display:flex}.onebox-body .post-featured .meta .avatar{background:var(--ob-blue-grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10.5px;font-weight:700;display:flex}.onebox-body .post-row{border:1px solid var(--ob-line);background:#fff;border-radius:14px;gap:18px;margin-bottom:16px;padding:14px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 14px -10px #0c174014}.onebox-body .post-row:hover{transform:translateY(-2px);box-shadow:0 16px 30px -18px #0c174038}.onebox-body .post-row .thumb{border-radius:10px;flex:0 0 130px;height:96px;overflow:hidden}.onebox-body .post-row .thumb img{object-fit:cover;width:100%;height:100%}.onebox-body .post-row .body{flex:1;min-width:0;padding:2px 0}.onebox-body .post-row .tag{color:var(--ob-blue);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.onebox-body .post-row h3{margin:0 0 6px;font-size:15.5px;line-height:1.4}.onebox-body .post-row p{color:var(--ob-gray);margin:0;font-size:13px}@media (max-width:520px){.onebox-body .post-row{flex-direction:column}.onebox-body .post-row .thumb{width:100%;height:130px}}.onebox-body .sidebar-box{border:1px solid var(--ob-line);background:#fff;border-radius:14px;margin-bottom:20px;padding:20px}.onebox-body .sidebar-box h4{margin:0 0 16px;font-size:15px}.onebox-body .mini-post{gap:12px;margin-bottom:16px;text-decoration:none;display:flex}.onebox-body .mini-post:last-child{margin-bottom:0}.onebox-body .mini-post .thumb{border-radius:9px;flex:0 0 52px;height:52px;overflow:hidden}.onebox-body .mini-post .thumb img{object-fit:cover;width:100%;height:100%}.onebox-body .mini-post .thumb .glyph{font-size:18px}.onebox-body .mini-post .body b{color:var(--ob-ink);margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.4;display:block}.onebox-body .mini-post .body span{color:#9aa3c2;font-size:11.5px}.onebox-body .newsletter-box{background:var(--ob-blue-grad);color:#fff;border-radius:14px;margin-bottom:20px;padding:24px}.onebox-body .newsletter-box h4{color:#fff;margin:0 0 8px;font-size:15px}.onebox-body .newsletter-box p{opacity:.9;color:#fff;margin:0 0 16px;font-size:13px}.onebox-body .newsletter-box input{width:100%;color:var(--ob-ink);border:none;border-radius:9999px;margin-bottom:10px;padding:11px 14px;font-family:inherit;font-size:13px}.onebox-body .newsletter-box input::placeholder{color:var(--ob-gray)}.onebox-body .newsletter-box button{width:100%;color:var(--ob-blue);cursor:pointer;background:#fff;border:none;border-radius:9999px;padding:11px 14px;font-size:13.5px;font-weight:700}.onebox-body .tag-pill{background:var(--ob-bg-soft);color:var(--ob-ink);border-radius:999px;margin:0 6px 8px 0;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.onebox-body .breadcrumb{color:var(--ob-gray);padding:18px 0 0;font-size:13px}.onebox-body .breadcrumb a{color:var(--ob-gray);text-decoration:none}.onebox-body .breadcrumb a:hover{color:var(--ob-blue)}.onebox-body .breadcrumb .sep{margin:0 6px}.onebox-body .breadcrumb .current{color:var(--ob-ink);font-weight:600}.onebox-body .post-header{background:linear-gradient(180deg,var(--ob-bg-soft) 0%, #fff 100%);text-align:center;padding:24px 0 40px}.onebox-body .post-header .cat-pill{color:var(--ob-blue);letter-spacing:.03em;text-transform:uppercase;background:#eaf0ff;border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.onebox-body .post-header h1{max-width:760px;margin:0 auto 16px;font-size:32px;line-height:1.3}.onebox-body .post-header .excerpt{color:var(--ob-gray);max-width:640px;margin:0 auto 22px;font-size:15.5px}.onebox-body .post-header .byline{color:var(--ob-gray);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.onebox-body .post-header .avatar{background:var(--ob-blue-grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.onebox-body .post-header .byline b{color:var(--ob-ink)}.onebox-body .cover-wrap{max-width:900px;margin:0 auto;padding:0 24px}.onebox-body .cover{background:linear-gradient(135deg,var(--ob-ink) 0%, var(--ob-blue) 65%, var(--ob-blue-2) 100%);border-radius:16px;height:340px;position:relative;overflow:hidden;box-shadow:0 20px 50px -30px #0c17404d}.onebox-body .cover img{object-fit:cover;width:100%;height:100%}.onebox-body .cover:not(:has(img)):before{content:"";background:#ffffff14;border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-60px}.onebox-body .cover:not(:has(img)):after{content:"";background:#ffffff12;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;left:-40px}.onebox-body .cover .glyph{opacity:.9;justify-content:center;align-items:center;font-size:64px;display:flex;position:absolute;inset:0}.onebox-body .article-layout{grid-template-columns:1fr 260px;align-items:start;gap:40px;max-width:1000px;margin:0 auto;padding:40px 24px 64px;display:grid}@media (max-width:900px){.onebox-body .article-layout{grid-template-columns:1fr}}.onebox-body article.post h2{margin:36px 0 12px;font-size:22px}.onebox-body article.post p{color:var(--ob-body-text);margin:0 0 16px;font-size:15.5px}.onebox-body article.post .table-wrap{margin:24px 0;overflow-x:auto}.onebox-body article.post table{border-collapse:collapse;width:100%;font-size:14.5px}.onebox-body article.post th,.onebox-body article.post td{border:1px solid var(--ob-line);text-align:left;vertical-align:top;padding:12px 14px}.onebox-body article.post th{background:var(--ob-bg-soft);color:var(--ob-ink)}.onebox-body article.post ul,.onebox-body article.post ol{margin:0 0 16px;padding-left:22px;font-size:15.5px}.onebox-body article.post li{margin-bottom:6px}.onebox-body .back-link{color:var(--ob-blue);margin-top:8px;font-weight:600;text-decoration:none;display:inline-block}.onebox-body .toc-box{border:1px solid var(--ob-line);background:#fff;border-radius:14px;padding:18px;position:sticky;top:90px}.onebox-body .toc-box .toc-label{color:var(--ob-gray);letter-spacing:.06em;margin-bottom:12px;font-size:11px;font-weight:700}.onebox-body .toc-box a{color:var(--ob-body-text);border-radius:8px;margin-bottom:2px;padding:7px 10px;font-size:13.5px;text-decoration:none;display:block}.onebox-body .toc-box a:hover{background:var(--ob-bg-soft);color:var(--ob-blue)}.onebox-body .dangky-page{padding:48px 0 64px}.onebox-body .dangky-back{text-align:center;color:var(--ob-gray);margin-bottom:20px;font-size:13.5px;text-decoration:none;display:block}.onebox-body .dangky-back:hover{color:var(--ob-blue)}.onebox-body .dangky-stepper{align-items:center;margin-bottom:28px;display:flex}.onebox-body .dangky-step-num{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.onebox-body .dangky-step-num.todo{background:var(--ob-bg-soft);color:var(--ob-gray);border:1.5px solid var(--ob-line)}.onebox-body .dangky-step-num.active{background:var(--ob-blue);color:#fff}.onebox-body .dangky-step-num.done{background:var(--ob-blue-2);color:#fff}.onebox-body .dangky-step-label{color:var(--ob-gray);white-space:nowrap;margin:0 8px;font-size:13px}.onebox-body .dangky-step-label.on{color:var(--ob-ink);font-weight:700}.onebox-body .dangky-step-line{background:var(--ob-line);flex:1;height:1.5px}.onebox-body .dangky-step-line.done{background:var(--ob-blue-2)}.onebox-body .dangky-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:20px;display:grid}@media (max-width:720px){.onebox-body .dangky-grid{grid-template-columns:1fr}}.onebox-body .dangky-card{border:1px solid var(--ob-line);background:#fff;border-radius:20px;padding:26px;box-shadow:0 1px 2px #0c17400f}.onebox-body .dangky-title{margin:0 0 4px;font-size:18px;font-weight:800}.onebox-body .dangky-sub{color:var(--ob-gray);margin:0 0 20px;font-size:13px}.onebox-body .dangky-field{margin-bottom:16px}.onebox-body .dangky-field label{color:var(--ob-ink);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.onebox-body .dangky-field .req{color:var(--ob-red)}.onebox-body .dangky-input-wrap{position:relative}.onebox-body .dangky-input-wrap input{width:100%;color:var(--ob-ink);border:1.5px solid var(--ob-line);background:#fff;border-radius:11px;padding:11px 14px 11px 40px;font-family:inherit;font-size:14px}.onebox-body .dangky-input-wrap input:focus{border-color:var(--ob-blue);box-shadow:0 0 0 3px var(--ob-bg-soft);outline:none}.onebox-body .dangky-input-icon{color:var(--ob-gray);display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.onebox-body .dangky-row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:480px){.onebox-body .dangky-row2{grid-template-columns:1fr}}.onebox-body .dangky-err{color:var(--ob-red);margin:6px 0 0;font-size:12px}.onebox-body .dangky-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.onebox-body .dangky-btn-ghost{color:var(--ob-ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 4px;font-size:14px;font-weight:600;display:inline-flex}.onebox-body .dangky-mini-card{border:1px solid var(--ob-line);border-radius:16px;margin-bottom:14px;padding:18px 20px}.onebox-body .dangky-mini-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.onebox-body .dangky-mini-head .k{letter-spacing:.03em;color:var(--ob-blue);font-size:12px;font-weight:700}.onebox-body .dangky-edit-link{color:var(--ob-blue);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12.5px}.onebox-body .dangky-agree{color:var(--ob-ink);cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:20px;font-size:13px;display:flex}.onebox-body .dangky-agree input{width:16px;height:16px;accent-color:var(--ob-blue);flex:none;margin-top:3px}.onebox-body .dangky-bank-card{border:1.5px solid var(--ob-line);text-align:center;border-radius:16px;max-width:300px;margin:0 auto 20px;padding:24px}.onebox-body .dangky-bank-name{margin:0 0 4px;font-size:14px;font-weight:800}.onebox-body .dangky-bank-acct{color:var(--ob-blue);letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:17px;font-weight:800}.onebox-body .dangky-bank-detail{color:var(--ob-gray);margin:0 0 2px;font-size:12px}.onebox-body .dangky-qr-box{border:1px solid var(--ob-line);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:160px;height:160px;margin:14px auto;display:flex}.onebox-body .dangky-qr-box img{width:100%;height:100%}.onebox-body .dangky-bank-caption{color:var(--ob-gray);margin:0;font-size:11.5px}.onebox-body .dangky-success-icon{background:var(--ob-bg-soft);width:52px;height:52px;color:var(--ob-green);border:1px solid #c7d2fe;border-radius:999px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.onebox-body .dangky-badge-success{color:var(--ob-green);background:#eaf7ee;border:1px solid #c9ead3;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.onebox-body .dangky-trial-banner{color:var(--ob-green);background:#eaf7ee;border:1px solid #c9ead3;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px 16px;font-size:13px;display:flex}.onebox-body .dangky-summary p.plan-name{margin:0 0 2px;font-size:16px;font-weight:700}.onebox-body .dangky-summary p.plan-desc{color:var(--ob-gray);margin:0 0 14px;font-size:12.5px}.onebox-body .dangky-summary .row{justify-content:space-between;gap:12px;padding:5px 0;font-size:13.5px;display:flex}.onebox-body .dangky-summary .row .k{color:var(--ob-gray)}.onebox-body .dangky-summary .row .v{color:var(--ob-ink);text-align:right;font-weight:600}.onebox-body .dangky-summary hr{background:var(--ob-line);border:none;height:1px;margin:14px 0}.onebox-body .dangky-features{color:var(--ob-ink);margin:0;padding:0;font-size:13px;list-style:none}.onebox-body .dangky-features li{gap:8px;margin-bottom:8px;display:flex}.onebox-body .dangky-features li:last-child{margin-bottom:0}.onebox-body .dangky-features svg{color:var(--ob-blue);flex:none;margin-top:1px}.onebox-body .dangky-spin{animation:1s linear infinite dangkySpin;display:inline-flex}@keyframes dangkySpin{to{transform:rotate(360deg)}}.onebox-body .legal-page{max-width:760px;margin:0 auto;padding:56px 24px 80px}.onebox-body .legal-page h1{margin:0 0 24px;font-size:28px}.onebox-body .legal-page h2{margin:32px 0 10px;font-size:18px}.onebox-body .legal-page p{color:var(--ob-body-text);margin:0 0 14px;font-size:14.5px}.onebox-body .legal-page ul{color:var(--ob-body-text);margin:0 0 14px;padding-left:22px;font-size:14.5px}.onebox-body .legal-page li{margin-bottom:8px}@keyframes oneboxFadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}html.js-ready .onebox-body .reveal{opacity:0}html.js-ready .onebox-body .reveal.is-visible{animation:.7s forwards oneboxFadeInUp}html.js-ready .onebox-body .hero .eyebrow,html.js-ready .onebox-body .hero h1,html.js-ready .onebox-body .hero p.sub,html.js-ready .onebox-body .hero-cta,html.js-ready .onebox-body .hero-note{opacity:0;animation:.7s forwards oneboxFadeInUp}html.js-ready .onebox-body .hero .eyebrow{animation-delay:50ms}html.js-ready .onebox-body .hero h1{animation-delay:.15s}html.js-ready .onebox-body .hero p.sub{animation-delay:.25s}html.js-ready .onebox-body .hero-cta{animation-delay:.35s}html.js-ready .onebox-body .hero-note{animation-delay:.42s}@media (prefers-reduced-motion:reduce){html.js-ready .onebox-body .reveal,html.js-ready .onebox-body .reveal.is-visible,html.js-ready .onebox-body .hero .eyebrow,html.js-ready .onebox-body .hero h1,html.js-ready .onebox-body .hero p.sub,html.js-ready .onebox-body .hero-cta,html.js-ready .onebox-body .hero-note{opacity:1;animation:none}}