:root{--lop-blue:#2563eb;--lop-cyan:#06b6d4;--lop-violet:#7c3aed;--lop-ink:#0f172a;--lop-text:#1e293b;--lop-muted:#64748b;--lop-bg:#f7fbff;--lop-card:#fff;--lop-line:#e2e8f0;--lop-soft:#eff6ff;--lop-shadow:0 22px 60px rgba(15,23,42,.10);--lop-radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body.lop-portal{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Helvetica Neue",sans-serif;background:radial-gradient(circle at top left,#e0f2fe 0,#f8fbff 32%,#fff 72%);color:var(--lop-text);line-height:1.66;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.lop-portal a{color:inherit}.lop-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(16px,4vw,64px);background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.82)}.lop-logo{display:inline-flex;align-items:center;gap:11px;color:var(--lop-ink);text-decoration:none;white-space:nowrap}.lop-logo span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--lop-blue),var(--lop-violet));color:#fff;font-weight:950;letter-spacing:-.04em;box-shadow:0 12px 24px rgba(37,99,235,.24)}.lop-logo b{font-size:18px;letter-spacing:-.025em}.lop-nav{display:flex;align-items:center;gap:16px}.lop-nav a{position:relative;text-decoration:none;font-size:14px;font-weight:760;color:#1f2a44}.lop-nav>a:not(.lop-btn):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:linear-gradient(90deg,var(--lop-blue),var(--lop-cyan));transition:.2s ease}.lop-nav>a:hover:after{right:0}.lop-menu-toggle{display:none;width:44px;height:44px;border:1px solid #dbeafe;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(37,99,235,.10);padding:10px;cursor:pointer}.lop-menu-toggle span{display:block;height:2px;background:var(--lop-ink);border-radius:999px;margin:5px 0;transition:.2s ease}.lop-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.lop-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.lop-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.lop-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(52px,8vw,106px) clamp(16px,4vw,64px) clamp(42px,6vw,76px)}.lop-hero-copy{max-width:840px}.eyebrow{margin:0 0 12px;color:var(--lop-blue)!important;text-transform:uppercase;letter-spacing:.15em;font-weight:950;font-size:12px!important}.lop-hero h1{margin:0 0 20px;font-size:clamp(38px,6.3vw,78px);line-height:1.02;letter-spacing:-.055em;color:var(--lop-ink)}.lop-hero p{margin:0;font-size:clamp(17px,2vw,21px);color:var(--lop-muted);max-width:780px}.lop-hero-art{position:relative;min-height:320px;border:1px solid rgba(219,234,254,.9);border-radius:38px;padding:26px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,246,255,.8));box-shadow:var(--lop-shadow);overflow:hidden}.lop-hero-art:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle at 18% 20%,rgba(14,165,233,.24),transparent 30%),radial-gradient(circle at 84% 8%,rgba(124,58,237,.18),transparent 33%),radial-gradient(circle at 82% 86%,rgba(6,182,212,.22),transparent 30%)}.lop-hero-art img{position:relative;width:100%;height:100%;min-height:268px;object-fit:contain;display:block}.lop-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.lop-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:12px 20px;text-decoration:none!important;font-weight:900;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;cursor:pointer}.lop-btn:hover{transform:translateY(-2px)}.lop-btn-primary{background:linear-gradient(135deg,var(--lop-blue),var(--lop-violet));color:#fff!important;box-shadow:0 16px 34px rgba(37,99,235,.22)}.lop-btn-soft{background:#e0f2fe;color:#075985!important;border-color:#bae6fd}.lop-btn-ghost{background:#fff;color:#1e293b!important;border-color:#cbd5e1}.lop-section{padding:clamp(34px,6vw,72px) clamp(16px,4vw,64px)}.lop-section-head{max-width:920px;margin-bottom:24px}.lop-section h2,.lop-section-head h2,.lop-final h2{margin:0 0 14px;font-size:clamp(28px,4.2vw,48px);line-height:1.08;letter-spacing:-.045em;color:var(--lop-ink)}.lop-section-head p:not(.eyebrow),.lop-final p{font-size:18px;color:var(--lop-muted);margin:0}.lop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lop-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lop-card{position:relative;background:rgba(255,255,255,.94);border:1px solid var(--lop-line);border-radius:var(--lop-radius);padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}.lop-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--lop-blue),var(--lop-cyan),var(--lop-violet));opacity:.72}.lop-card:hover{transform:translateY(-4px);box-shadow:var(--lop-shadow);border-color:#bfdbfe}.lop-card img{width:74px;height:74px;object-fit:contain}.lop-card small{display:inline-flex;margin:4px 0 8px;padding:5px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:900;font-size:12px}.lop-card h3{margin:14px 0 9px;font-size:22px;line-height:1.22;letter-spacing:-.025em;color:var(--lop-ink)}.lop-card p{color:var(--lop-muted);margin:0 0 16px}.lop-card-tall{min-height:300px}.lop-link{display:inline-flex;align-items:center;text-decoration:none;color:var(--lop-blue)!important;font-weight:920}.lop-meta-line{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.lop-meta-line span{padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid var(--lop-line);color:#475569;font-size:13px;font-weight:760}.lop-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.lop-steps div{background:#fff;border:1px solid var(--lop-line);border-radius:24px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.lop-steps span{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:linear-gradient(135deg,#dbeafe,#ecfeff);color:var(--lop-blue);font-weight:950;margin-bottom:12px}.lop-steps b{display:block;line-height:1.25;color:var(--lop-ink)}.lop-ecosystem{background:linear-gradient(180deg,rgba(239,246,255,.55),rgba(255,255,255,.2))}.lop-content{max-width:980px;margin:0 auto 18px;background:#fff;border:1px solid var(--lop-line);border-radius:34px;box-shadow:0 16px 42px rgba(15,23,42,.065);padding:clamp(24px,4vw,48px)}.lop-content p,.lop-content li{color:#475569;font-size:17px}.lop-content h2{margin:32px 0 12px;font-size:clamp(25px,3vw,34px);line-height:1.14;letter-spacing:-.035em;color:var(--lop-ink)}.lop-content h2:first-child{margin-top:0}.lop-content h3{margin:22px 0 8px;color:#1e293b;font-size:20px}.lop-content ul{padding-left:22px}.lop-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px;color:#64748b;font-weight:760;font-size:14px}.lop-breadcrumb a{text-decoration:none;color:#2563eb}.lop-next-box{margin:32px 0;padding:24px;border-radius:26px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe}.lop-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.lop-feature-list div{padding:16px;border:1px solid var(--lop-line);border-radius:20px;background:#f8fafc}.lop-feature-list b{display:block;color:var(--lop-ink);font-size:17px}.lop-feature-list span{color:#64748b}.lop-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.lop-chips a{text-decoration:none;padding:10px 15px;border-radius:999px;background:#fff;border:1px solid var(--lop-line);color:#1e293b;font-weight:820;box-shadow:0 8px 18px rgba(15,23,42,.035)}.lop-chips a:hover{border-color:#93c5fd;color:#1d4ed8}.lop-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lop-related a{display:block;text-decoration:none;padding:14px 16px;border:1px solid var(--lop-line);border-radius:18px;background:#f8fafc;font-weight:780;color:#1e293b}.pricing .lop-card strong{display:block;font-size:34px;line-height:1.1;color:var(--lop-blue);margin:10px 0}.pricing .hot{outline:3px solid #93c5fd;box-shadow:0 18px 48px rgba(37,99,235,.14)}.lop-final{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:24px;align-items:center;margin:clamp(28px,5vw,54px) clamp(16px,4vw,64px);padding:clamp(26px,4vw,46px);border-radius:36px;background:linear-gradient(135deg,#eff6ff,#f5f3ff 58%,#ecfeff);box-shadow:var(--lop-shadow);border:1px solid rgba(191,219,254,.92)}.lop-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;padding:48px clamp(16px,4vw,64px);background:#0f172a;color:#cbd5e1}.lop-footer .lop-logo{color:#fff}.lop-footer .lop-logo span{box-shadow:none}.lop-footer p{max-width:420px;color:#94a3b8}.lop-footer h4{margin:0 0 12px;color:#fff}.lop-footer a{display:block;text-decoration:none;color:#dbeafe;margin:8px 0}.lop-footer a:hover{color:#fff}.lop-slogan{font-weight:900;color:#e0f2fe!important}.lop-form-wrap{max-width:900px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,64px)}.lop-lead-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border:1px solid var(--lop-line);border-radius:32px;padding:clamp(20px,4vw,32px);box-shadow:0 16px 42px rgba(15,23,42,.065)}.lop-lead-form label{display:block;font-weight:850;color:#1e293b}.lop-lead-form input,.lop-lead-form select,.lop-lead-form textarea{width:100%;margin-top:7px;border:1px solid #cbd5e1;border-radius:16px;padding:13px 14px;font:inherit;background:#fff;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.lop-lead-form input:focus,.lop-lead-form select:focus,.lop-lead-form textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #dbeafe}.lop-lead-form textarea{min-height:128px;resize:vertical}.lop-lead-form label:nth-of-type(5),.lop-lead-form label:nth-of-type(6),.lop-lead-form button,.lop-form-result{grid-column:1/-1}.lop-hp{position:absolute!important;left:-9999px!important;opacity:0!important}.lop-form-result{margin:0;color:#075985;font-weight:800}.lop-btn[disabled]{opacity:.65;cursor:not-allowed}@media(max-width:1180px){.lop-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.lop-nav{gap:10px}.lop-nav a{font-size:13px}.lop-btn{padding:11px 16px}}@media(max-width:920px){.lop-header{padding:12px 16px}.lop-menu-toggle{display:block}.lop-nav{position:fixed;top:72px;left:14px;right:14px;display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;padding:16px;background:rgba(255,255,255,.98);border:1px solid var(--lop-line);border-radius:24px;box-shadow:var(--lop-shadow);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.2s ease}.lop-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.lop-nav a:not(.lop-btn){padding:12px 12px;border-radius:14px;background:#f8fafc}.lop-nav .lop-btn{width:100%}.lop-hero{grid-template-columns:1fr;padding-top:42px}.lop-hero-art{min-height:240px}.lop-grid,.lop-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.lop-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.lop-final{grid-template-columns:1fr}.lop-footer{grid-template-columns:1fr 1fr}.lop-lead-form{grid-template-columns:1fr}.lop-feature-list{grid-template-columns:1fr}.lop-related{grid-template-columns:1fr}}@media(max-width:620px){body.lop-portal{background:#f8fbff}.lop-logo b{font-size:16px}.lop-logo span{width:38px;height:38px;border-radius:13px}.lop-hero h1{font-size:38px}.lop-hero,.lop-section{padding-left:16px;padding-right:16px}.lop-grid,.lop-grid-5,.lop-steps,.lop-footer{grid-template-columns:1fr}.lop-card{border-radius:22px;padding:20px}.lop-content{border-radius:24px;padding:22px;margin-left:16px;margin-right:16px}.lop-final{margin:22px 16px;border-radius:26px}.lop-actions{width:100%}.lop-actions .lop-btn{flex:1 1 auto}.lop-hero-art{border-radius:26px;padding:18px}.lop-footer{padding-top:34px;padding-bottom:36px}.lop-lead-form{border-radius:24px;padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lop-card,.lop-btn,.lop-nav,.lop-menu-toggle span{transition:none!important}.lop-card:hover,.lop-btn:hover{transform:none!important}}

/* v1.0.2 visual refinement */
:root{--lop-blue:#4174b9;--lop-cyan:#16b6d4;--lop-violet:#5b7bd8;--lop-orange:#f28a2a;--lop-ink:#14213d;--lop-text:#24324a;--lop-bg:#f8fbff;--lop-soft:#eef6ff;--lop-shadow:0 18px 48px rgba(20,33,61,.10)}body.lop-portal{background:radial-gradient(circle at 18% 0,rgba(65,116,185,.14),transparent 30%),radial-gradient(circle at 88% 10%,rgba(242,138,42,.12),transparent 26%),linear-gradient(180deg,#fbfdff 0,#f8fbff 48%,#fff 100%)}.lop-header{min-height:72px;background:rgba(255,255,255,.92);box-shadow:0 8px 26px rgba(20,33,61,.04)}.lop-logo img{display:block;width:min(274px,26vw);max-height:58px;object-fit:contain}.lop-footer .lop-logo img{width:min(260px,70vw);background:#fff;border-radius:18px;padding:8px 10px}.lop-nav{gap:12px}.lop-nav a{font-size:13.5px;font-weight:820}.lop-nav-home{display:inline-flex!important;align-items:center;gap:7px;color:#244f91!important;background:#eef6ff;border:1px solid #d9e9ff;border-radius:999px;padding:8px 12px}.lop-nav-home svg{width:18px;height:18px;color:var(--lop-blue)}.lop-nav>a:not(.lop-btn):after{background:linear-gradient(90deg,var(--lop-blue),var(--lop-orange))}.lop-btn-primary{background:linear-gradient(135deg,#4174b9,#2f62aa 62%,#234f91);box-shadow:0 14px 30px rgba(65,116,185,.24)}.lop-btn-soft{background:#fff7ed;color:#9a4f12!important;border-color:#fed7aa}.lop-btn-ghost{background:#fff;color:#244f91!important;border-color:#d9e9ff}.lop-card:before{background:linear-gradient(90deg,var(--lop-blue),var(--lop-orange));opacity:.82}.lop-hero{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);padding-top:clamp(42px,6vw,72px);padding-bottom:clamp(34px,5vw,58px)}.lop-hero h1{font-size:clamp(34px,4.2vw,52px);line-height:1.08;letter-spacing:-.04em;margin-bottom:16px}.lop-hero p{font-size:clamp(16px,1.35vw,19px);max-width:720px}.lop-section h2,.lop-section-head h2,.lop-final h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.035em}.lop-content h2{font-size:clamp(23px,2.6vw,31px)}.lop-hero-art{min-height:280px;border-radius:32px}.lop-hero-art:before{background:radial-gradient(circle at 18% 20%,rgba(65,116,185,.22),transparent 30%),radial-gradient(circle at 84% 8%,rgba(242,138,42,.18),transparent 32%),radial-gradient(circle at 82% 86%,rgba(22,182,212,.18),transparent 30%)}.lop-hero-art img{min-height:230px}.lop-lead-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 clamp(16px,4vw,64px) clamp(28px,5vw,54px);padding:20px 24px;border:1px solid #d9e9ff;border-radius:28px;background:#fff;box-shadow:0 14px 38px rgba(20,33,61,.07)}.lop-lead-strip strong{display:block;color:var(--lop-ink);font-size:20px;letter-spacing:-.02em}.lop-lead-strip span{display:block;color:#64748b;margin-top:4px}.lop-reader-stage{padding:clamp(20px,4vw,44px) clamp(16px,4vw,64px) clamp(34px,5vw,60px);background:radial-gradient(circle at 10% 0,rgba(65,116,185,.12),transparent 28%),radial-gradient(circle at 95% 20%,rgba(242,138,42,.13),transparent 24%)}.lop-reader-shell{display:block;max-width:1180px;margin:0 auto}.lop-reader-book{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}.lop-reader-side{position:sticky;top:96px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:28px;padding:24px;box-shadow:0 12px 34px rgba(20,33,61,.07)}.lop-reader-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#fff7ed;color:#9a4f12;font-weight:900;font-size:12px}.lop-reader-side h2{margin:14px 0 8px;font-size:24px;color:var(--lop-ink)}.lop-reader-side p{color:#64748b;margin:0 0 14px}.lop-mini-link{display:block;text-decoration:none;color:#244f91!important;font-weight:850;padding:10px 0;border-top:1px solid #edf2f7}.lop-reader-page{position:relative;background:#fffdf8;border:1px solid #eadfcd;border-radius:30px;padding:clamp(24px,4vw,52px);box-shadow:0 28px 70px rgba(59,43,22,.13),inset 12px 0 24px rgba(120,72,24,.035);overflow:hidden}.lop-reader-page:before{content:"";position:absolute;left:48px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,#eadfcd 12%,#eadfcd 88%,transparent)}.lop-reader-toolbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px;padding-bottom:14px;border-bottom:1px solid #eadfcd;color:#8a6b44;font-weight:850;font-size:13px}.lop-reader-toolbar div{display:flex;align-items:center;gap:10px}.lop-reader-toolbar a,.lop-reader-toolbar button{border:0;background:#fff7ed;border-radius:999px;padding:8px 12px;color:#9a4f12!important;font:inherit;font-weight:850;text-decoration:none;cursor:pointer}.lop-reader-head{position:relative;z-index:1;max-width:850px}.lop-reader-head h1{margin:0 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.04em;color:#1f2937}.lop-reader-head p{margin:0;color:#64748b;font-size:18px}.lop-reader-body{position:relative;z-index:1;margin-top:26px;max-width:820px}.lop-reader-body p,.lop-reader-body li{font-size:18px;line-height:1.86;color:#374151}.lop-reader-body h2{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em;color:#1f2937;margin:34px 0 12px}.lop-reader-body h3{font-size:21px;color:#334155;margin:24px 0 8px}.lop-reader-modal{position:fixed;inset:0;z-index:9999;display:none}.lop-reader-modal.open{display:block}.lop-reader-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(8px)}.lop-reader-modal-panel{position:absolute;inset:clamp(10px,3vw,30px);overflow:auto;border-radius:32px;background:transparent}.lop-reader-modal-content{padding:0}.lop-reader-modal .lop-reader-stage{padding:22px;background:transparent}.lop-reader-close{position:fixed;right:clamp(22px,4vw,50px);top:clamp(22px,4vw,46px);z-index:10;border:0;border-radius:999px;background:#fff;color:#1e293b;font-weight:900;padding:10px 16px;box-shadow:0 12px 28px rgba(15,23,42,.18);cursor:pointer}.lop-reader-modal .lop-breadcrumb{display:none}.lop-reader-modal .lop-reader-shell{max-width:1120px}.lop-reader-modal .lop-reader-side{top:24px}.lop-maintenance-body{min-height:100vh;display:grid;place-items:center}.lop-maintenance-page{width:min(920px,calc(100% - 32px));background:#fff;border:1px solid #dbeafe;border-radius:34px;padding:clamp(28px,5vw,54px);box-shadow:var(--lop-shadow);text-align:center}.lop-maintenance-page img{width:min(360px,88%);height:auto;margin:0 auto 22px;display:block}.lop-maintenance-page h1{font-size:clamp(32px,4vw,52px);line-height:1.08;margin:0 0 14px;color:var(--lop-ink)}.lop-maintenance-page p{max-width:680px;margin:0 auto 22px;color:#64748b;font-size:18px}@media(max-width:1280px){.lop-logo img{width:min(245px,24vw)}.lop-nav{gap:8px}.lop-nav a{font-size:12.6px}.lop-nav .lop-btn{padding:10px 13px}}@media(max-width:1080px){.lop-header{gap:12px}.lop-logo img{width:224px}.lop-nav a{font-size:12.2px}.lop-nav-home span{display:none}.lop-nav-home{padding:9px 10px}.lop-nav .lop-btn-soft{display:none}}@media(max-width:920px){.lop-logo img{width:220px;max-height:50px}.lop-nav-home span{display:inline}.lop-nav .lop-btn-soft{display:inline-flex}.lop-nav{top:74px}.lop-reader-book{grid-template-columns:1fr}.lop-reader-side{position:relative;top:0}.lop-reader-modal-panel{inset:8px;border-radius:24px}.lop-reader-close{top:16px;right:16px}.lop-lead-strip{align-items:flex-start;flex-direction:column}.lop-lead-strip .lop-btn{width:100%}}@media(max-width:620px){.lop-header{min-height:66px}.lop-logo img{width:184px;max-height:44px}.lop-hero{padding-top:30px}.lop-hero h1{font-size:31px;line-height:1.12;letter-spacing:-.03em}.lop-hero p{font-size:16px}.lop-section h2,.lop-section-head h2,.lop-final h2{font-size:28px}.lop-hero-art{min-height:210px}.lop-hero-art img{min-height:170px}.lop-reader-stage{padding:16px}.lop-reader-page{border-radius:22px;padding:22px}.lop-reader-page:before{left:22px}.lop-reader-toolbar{align-items:flex-start;flex-direction:column}.lop-reader-toolbar div{flex-wrap:wrap}.lop-reader-head h1{font-size:29px}.lop-reader-body p,.lop-reader-body li{font-size:16.5px;line-height:1.78}.lop-reader-side{border-radius:22px;padding:18px}.lop-actions .lop-btn{width:100%}.lop-lead-strip{margin-left:16px;margin-right:16px;border-radius:22px;padding:18px}.lop-maintenance-page{border-radius:24px;padding:24px}.lop-maintenance-page img{width:min(280px,92%)}}
.lop-hero h1{font-size:clamp(30px,3.2vw,42px);line-height:1.14}.lop-section h2,.lop-section-head h2,.lop-final h2{font-size:clamp(24px,2.5vw,34px)}@media(max-width:620px){.lop-hero h1{font-size:29px}.lop-section h2,.lop-section-head h2,.lop-final h2{font-size:25px}}
@media(max-width:1180px){.lop-header{padding:12px 16px}.lop-menu-toggle{display:block}.lop-nav{position:fixed;top:74px;left:14px;right:14px;display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;padding:16px;background:rgba(255,255,255,.98);border:1px solid var(--lop-line);border-radius:24px;box-shadow:var(--lop-shadow);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.2s ease}.lop-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.lop-nav a:not(.lop-btn){padding:12px 12px;border-radius:14px;background:#f8fafc}.lop-nav .lop-btn{width:100%;display:inline-flex}.lop-nav-home span{display:inline}.lop-logo img{width:220px;max-height:50px}}

/* v1.0.3 professional grouped navigation */
.lop-header{gap:18px}.lop-nav{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;white-space:nowrap}.lop-nav-group{position:relative;display:inline-flex;align-items:center}.lop-nav-trigger{display:inline-flex;align-items:center;gap:7px;min-height:42px;border:0;background:transparent;color:#1f2a44;border-radius:999px;padding:9px 12px;font:inherit;font-size:13.5px;font-weight:880;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.lop-nav-trigger svg{width:16px;height:16px;transition:transform .18s ease}.lop-nav-group:hover .lop-nav-trigger,.lop-nav-group.open .lop-nav-trigger,.lop-nav-trigger:focus-visible{background:#eef6ff;color:#244f91;outline:none;box-shadow:inset 0 0 0 1px #d9e9ff}.lop-nav-group:hover .lop-nav-trigger svg,.lop-nav-group.open .lop-nav-trigger svg{transform:rotate(180deg)}.lop-submenu{position:absolute;left:0;top:calc(100% + 12px);width:318px;display:grid;gap:6px;padding:12px;border:1px solid #d9e9ff;border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(20,33,61,.14);opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;transition:.18s ease;white-space:normal}.lop-nav-group:hover .lop-submenu,.lop-nav-group.open .lop-submenu{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.lop-submenu:before{content:"";position:absolute;left:26px;top:-7px;width:14px;height:14px;background:#fff;border-left:1px solid #d9e9ff;border-top:1px solid #d9e9ff;transform:rotate(45deg)}.lop-submenu a{display:grid!important;gap:2px;text-decoration:none!important;padding:11px 12px;border-radius:15px;color:#1f2a44!important;background:transparent;transition:background .18s ease,transform .18s ease}.lop-submenu a:hover{background:#f8fbff;transform:translateX(2px)}.lop-submenu a b{font-size:14px;line-height:1.2;letter-spacing:-.01em}.lop-submenu a small{font-size:12px;line-height:1.35;color:#64748b;font-weight:700}.lop-nav-single{display:inline-flex;align-items:center;min-height:42px;padding:9px 10px}.lop-nav .lop-btn{flex:0 0 auto;padding:11px 16px;font-size:13.5px}.lop-nav .lop-btn-soft{background:#fff7ed!important}.lop-nav .lop-btn-primary{min-width:0}.lop-nav-home{flex:0 0 auto}.lop-nav-home span{display:inline!important}@media(min-width:1181px){.lop-menu-toggle{display:none!important}.lop-nav{position:static!important;opacity:1!important;pointer-events:auto!important;transform:none!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.lop-nav .lop-btn-soft{display:inline-flex!important}.lop-nav-home{padding:8px 12px}.lop-nav-home svg{width:17px;height:17px}}@media(max-width:1360px) and (min-width:1181px){.lop-logo img{width:218px}.lop-nav{gap:6px}.lop-nav-trigger,.lop-nav a{font-size:12.7px}.lop-nav .lop-btn{padding:10px 12px;font-size:12.7px}.lop-nav-home{padding:8px 10px}.lop-nav-home span{display:none!important}.lop-submenu{width:300px}}@media(max-width:1180px){.lop-nav{white-space:normal}.lop-nav-group{display:block;width:100%}.lop-nav-trigger{width:100%;justify-content:space-between;min-height:46px;padding:12px 13px;background:#f8fafc;border:1px solid #eef2f7;border-radius:14px}.lop-nav-group:hover .lop-nav-trigger{box-shadow:none}.lop-nav-group:hover .lop-submenu{opacity:0;visibility:hidden;pointer-events:none}.lop-nav-group.open .lop-submenu{display:grid;opacity:1;visibility:visible;pointer-events:auto;transform:none}.lop-submenu{position:static;width:100%;display:none;margin:6px 0 4px;padding:8px;background:#fff;border-radius:18px;box-shadow:none;transform:none}.lop-submenu:before{display:none}.lop-submenu a{padding:11px 12px!important;background:#f8fbff!important}.lop-nav-single{display:flex!important;width:100%;padding:12px 13px!important;border-radius:14px;background:#f8fafc}.lop-nav .lop-btn{font-size:14px}.lop-nav-home{justify-content:flex-start!important}.lop-nav-home span{display:inline!important}}@media(max-width:620px){.lop-submenu a b{font-size:13.5px}.lop-submenu a small{font-size:11.7px}.lop-nav-trigger{font-size:14px}.lop-nav .lop-btn{white-space:normal;line-height:1.25;text-align:center}}

/* v1.0.4 ecosystem /he-sinh-thai-hoc-tap/ refinement */
.lop-service-intro{padding-bottom:20px}.lop-service-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.lop-service-flow div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--lop-line);border-radius:22px;padding:16px 18px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.lop-service-flow b{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#4174b9,#f28a2a);color:#fff;font-weight:950}.lop-service-flow span{font-weight:900;color:#14213d;line-height:1.25}.lop-service-grid{align-items:stretch}.lop-service-card{display:flex;flex-direction:column;min-height:360px}.lop-service-card.hot{outline:3px solid #bfdbfe;box-shadow:0 20px 52px rgba(65,116,185,.14)}.lop-service-card .lop-actions{margin-top:auto}.lop-service-benefits{display:grid;gap:8px;padding:0;margin:12px 0 22px;list-style:none}.lop-service-benefits li{position:relative;padding-left:24px;color:#475569}.lop-service-benefits li:before{content:"✓";position:absolute;left:0;top:0;color:#2563eb;font-weight:950}.lop-service-copy{color:#475569;margin:6px 0 16px}.lop-service-copy ul{padding-left:20px}.lop-service-consult{max-width:1120px;margin:0 auto}.lop-service-consult h2{font-size:clamp(26px,3.4vw,42px);line-height:1.1;margin:0 0 12px;color:var(--lop-ink)}@media(max-width:980px){.lop-service-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.lop-service-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.lop-service-flow,.lop-service-grid{grid-template-columns:1fr}.lop-service-flow div{align-items:flex-start}.lop-service-card{min-height:auto}}

/* v1.0.5 SEO route + compact spacing refinement */
:root{--lop-radius:22px;--lop-shadow:0 16px 42px rgba(15,23,42,.085)}
.lop-header{padding:10px clamp(14px,3vw,42px);gap:14px}
.lop-logo img{width:min(250px,18vw);max-height:56px;object-fit:contain}
.lop-nav{gap:7px}
.lop-nav-trigger,.lop-nav-single,.lop-nav-home{min-height:38px;padding:8px 10px;font-size:13px}
.lop-nav .lop-btn{min-height:40px;padding:9px 14px;font-size:13px}
.lop-submenu{top:calc(100% + 9px);padding:10px;border-radius:18px;width:292px}
.lop-submenu a{padding:9px 10px}.lop-submenu a b{font-size:13.5px}.lop-submenu a small{font-size:11.5px}
.lop-hero{grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:clamp(20px,3vw,42px);padding:clamp(34px,5vw,66px) clamp(16px,3vw,46px) clamp(28px,4vw,54px)}
.lop-hero h1{font-size:clamp(28px,2.8vw,38px);line-height:1.16;margin-bottom:14px;letter-spacing:-.035em}.lop-hero p{font-size:clamp(15.8px,1.35vw,18px)}
.lop-hero-art{min-height:250px;border-radius:28px;padding:20px}.lop-hero-art img{min-height:210px}.eyebrow{margin-bottom:8px;font-size:11px!important;letter-spacing:.12em}
.lop-section{padding:clamp(26px,4.5vw,50px) clamp(16px,3vw,46px)}.lop-section-head{margin-bottom:18px}.lop-section h2,.lop-section-head h2,.lop-final h2{font-size:clamp(22px,2.1vw,30px);line-height:1.16;margin-bottom:9px}.lop-section-head p:not(.eyebrow),.lop-final p{font-size:16px}
.lop-grid{gap:16px}.lop-card{border-radius:22px;padding:18px}.lop-card img{width:56px;height:56px}.lop-card h3{font-size:19px;margin:10px 0 7px}.lop-card p{font-size:14.8px;line-height:1.55;margin-bottom:12px}.lop-card small{font-size:11px;padding:4px 8px}
.lop-steps{gap:10px}.lop-steps div{border-radius:18px;padding:14px}.lop-steps span{width:30px;height:30px;border-radius:10px;margin-bottom:9px}.lop-steps b{font-size:14px}
.lop-content{border-radius:26px;padding:clamp(20px,3vw,34px)}.lop-content h2{font-size:clamp(22px,2.4vw,28px);margin:24px 0 9px}.lop-content h3{font-size:18px;margin:18px 0 7px}.lop-content p,.lop-content li{font-size:16px}.lop-next-box{margin:24px 0;padding:20px;border-radius:22px}.lop-feature-list{gap:10px;margin:18px 0}.lop-feature-list div{padding:14px;border-radius:16px}.lop-chips{gap:8px;margin-bottom:16px}.lop-chips a{padding:8px 12px;font-size:13px}
.lop-final{margin:clamp(22px,4vw,40px) clamp(16px,3vw,46px);padding:clamp(22px,3vw,34px);border-radius:28px}.lop-footer{padding:34px clamp(16px,3vw,46px);gap:22px}.lop-footer a{margin:6px 0}.lop-form-wrap{padding:clamp(22px,4vw,42px) clamp(16px,3vw,46px)}.lop-lead-form{gap:12px;border-radius:24px;padding:clamp(18px,3vw,26px)}
.lop-lead-strip{margin:0 clamp(16px,3vw,46px) 28px;padding:18px 20px;border-radius:22px}.lop-lead-strip strong{font-size:18px}.lop-lead-strip span{font-size:14.5px}.lop-reader-stage{padding:clamp(18px,4vw,42px) clamp(14px,3vw,46px)}.lop-reader-book{gap:18px}.lop-reader-page{padding:clamp(22px,4vw,42px);border-radius:26px}.lop-reader-head h1{font-size:clamp(28px,3.5vw,44px)}.lop-reader-body p,.lop-reader-body li{font-size:16.5px;line-height:1.78}.lop-reader-side{padding:20px;border-radius:22px}.lop-reader-side h2{font-size:24px}
.lop-service-intro{padding-bottom:14px}.lop-service-flow{gap:10px;margin-top:18px}.lop-service-flow div{border-radius:18px;padding:13px 14px}.lop-service-flow b{width:34px;height:34px;flex-basis:34px}.lop-service-grid{gap:16px}.lop-service-card{min-height:315px}.lop-service-benefits{gap:6px;margin:9px 0 18px}.lop-service-benefits li{font-size:14.5px}.lop-service-consult h2{font-size:clamp(23px,2.6vw,34px)}
@media(max-width:1360px) and (min-width:1181px){.lop-logo img{width:190px}.lop-nav{gap:4px}.lop-nav-trigger,.lop-nav a,.lop-nav .lop-btn{font-size:12.2px}.lop-nav .lop-btn{padding:9px 10px}.lop-nav-single{padding:8px}.lop-submenu{width:280px}}
@media(max-width:1180px){.lop-header{padding:9px 14px}.lop-logo img{width:210px;max-height:48px}.lop-nav{top:66px;left:12px;right:12px;padding:12px;border-radius:20px;gap:7px}.lop-nav-trigger,.lop-nav-single,.lop-nav-home{min-height:42px}.lop-nav .lop-btn{min-height:42px}.lop-menu-toggle{width:42px;height:42px;border-radius:14px}}
@media(max-width:980px){.lop-hero{grid-template-columns:1fr}.lop-hero-art{min-height:210px}.lop-grid,.lop-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.lop-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.lop-final{grid-template-columns:1fr}.lop-footer{grid-template-columns:1fr 1fr}.lop-service-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.lop-logo img{width:174px;max-height:42px}.lop-hero{padding-top:24px;padding-bottom:24px}.lop-hero h1{font-size:27px;margin-bottom:10px}.lop-hero p{font-size:15.5px}.lop-hero-art{min-height:170px;border-radius:22px;padding:14px}.lop-hero-art img{min-height:140px}.lop-section{padding:24px 16px}.lop-grid,.lop-grid-5,.lop-steps,.lop-feature-list,.lop-related,.lop-service-flow,.lop-service-grid{grid-template-columns:1fr}.lop-card{padding:16px}.lop-card img{width:50px;height:50px}.lop-section h2,.lop-section-head h2,.lop-final h2{font-size:24px}.lop-content{border-radius:22px;padding:18px;margin-left:14px;margin-right:14px}.lop-footer{grid-template-columns:1fr;padding:28px 16px}.lop-lead-form{grid-template-columns:1fr}.lop-final{margin:20px 16px;border-radius:22px}.lop-service-card{min-height:auto}.lop-reader-page{padding:18px}.lop-reader-head h1{font-size:28px}}


/* v1.0.6 UI/UX refinement: cleaner logo, lower header, stable submenu, compact hero */
body.lop-portal{background:radial-gradient(circle at 18% 0,rgba(65,116,185,.10),transparent 26%),radial-gradient(circle at 88% 8%,rgba(242,138,42,.08),transparent 22%),linear-gradient(180deg,#fbfdff 0,#f8fbff 50%,#fff 100%)}
.lop-header{min-height:58px!important;padding:6px clamp(14px,2.6vw,36px)!important;gap:12px!important;border-top:0!important;box-shadow:0 6px 20px rgba(20,33,61,.045)!important}
.lop-logo{line-height:0!important;overflow:hidden!important;border:0!important;background:transparent!important}
.lop-logo img{display:block!important;width:min(218px,16vw)!important;max-height:46px!important;object-fit:contain!important;object-position:center!important;border:0!important;box-shadow:none!important}
.lop-nav{gap:6px!important;align-items:center!important}
.lop-nav-trigger,.lop-nav-single,.lop-nav-home{min-height:34px!important;padding:7px 9px!important;font-size:12.8px!important;line-height:1.15!important}
.lop-nav-home svg{width:16px!important;height:16px!important}
.lop-nav .lop-btn{min-height:36px!important;padding:8px 12px!important;font-size:12.8px!important;line-height:1.18!important}
.lop-nav-group{position:relative!important;padding-bottom:8px!important;margin-bottom:-8px!important}
.lop-nav-group::after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:10px;background:transparent;pointer-events:auto}
.lop-submenu{top:calc(100% + 1px)!important;width:286px!important;padding:9px!important;gap:5px!important;border-radius:17px!important;transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important}
.lop-submenu:before{top:-6px!important}
.lop-submenu a{padding:8px 10px!important;border-radius:13px!important}
.lop-submenu a b{font-size:13.2px!important}.lop-submenu a small{font-size:11.4px!important}
.lop-hero{grid-template-columns:minmax(0,1.08fr) minmax(250px,.62fr)!important;gap:clamp(18px,2.6vw,34px)!important;padding:clamp(24px,3.8vw,46px) clamp(16px,2.8vw,42px) clamp(20px,3vw,36px)!important;min-height:0!important}
.lop-hero h1{font-size:clamp(27px,2.55vw,36px)!important;line-height:1.16!important;margin-bottom:10px!important;letter-spacing:-.03em!important}
.lop-hero p{font-size:clamp(15.4px,1.16vw,17px)!important;line-height:1.58!important;max-width:680px!important}
.lop-hero .eyebrow,.eyebrow{margin-bottom:6px!important;font-size:10.6px!important;letter-spacing:.105em!important}
.lop-actions{margin-top:18px!important;gap:10px!important}
.lop-hero-art{min-height:190px!important;border-radius:24px!important;padding:16px!important;box-shadow:0 12px 34px rgba(20,33,61,.075)!important}
.lop-hero-art img{min-height:158px!important;max-height:192px!important}
.lop-section:first-of-type{padding-top:clamp(22px,3.5vw,40px)!important}
@media(max-width:1360px) and (min-width:1181px){.lop-logo img{width:176px!important;max-height:42px!important}.lop-nav{gap:4px!important}.lop-nav-trigger,.lop-nav-single,.lop-nav-home,.lop-nav .lop-btn{font-size:12px!important}.lop-nav .lop-btn{padding:7px 9px!important}.lop-submenu{width:270px!important}}
@media(max-width:1180px){.lop-header{min-height:54px!important;padding:6px 12px!important}.lop-logo img{width:196px!important;max-height:43px!important}.lop-menu-toggle{width:38px!important;height:38px!important;border-radius:13px!important;padding:8px!important}.lop-nav{top:58px!important;left:10px!important;right:10px!important;padding:10px!important}.lop-nav-group{padding-bottom:0!important;margin-bottom:0!important}.lop-nav-group::after{display:none!important}.lop-nav-trigger,.lop-nav-single,.lop-nav-home{min-height:40px!important;font-size:13.5px!important}.lop-nav .lop-btn{min-height:40px!important;font-size:13.5px!important}.lop-submenu{top:auto!important;width:100%!important;padding:7px!important}}
@media(max-width:980px){.lop-hero{grid-template-columns:1fr!important;padding-top:24px!important}.lop-hero-art{min-height:168px!important}.lop-hero-art img{min-height:136px!important;max-height:170px!important}}
@media(max-width:620px){.lop-header{min-height:52px!important}.lop-logo img{width:164px!important;max-height:38px!important}.lop-hero{padding:18px 16px 18px!important;gap:14px!important}.lop-hero h1{font-size:25px!important;line-height:1.17!important;margin-bottom:8px!important}.lop-hero p{font-size:15px!important;line-height:1.55!important}.lop-actions{margin-top:14px!important}.lop-hero-art{min-height:136px!important;border-radius:18px!important;padding:11px!important}.lop-hero-art img{min-height:112px!important;max-height:136px!important}.lop-section:first-of-type{padding-top:20px!important}}

/* v1.0.7 reader, SEO cards and visual polish */
.lop-card img{object-fit:cover;background:#f8fbff;border-radius:18px;border:1px solid rgba(217,233,255,.72)}
.lop-hero-art img{border-radius:20px;object-fit:cover;background:#fff}
.lop-reader-modal-backdrop{background:rgba(15,23,42,.58)!important;backdrop-filter:blur(10px)!important}.lop-reader-modal-panel{inset:22px!important;border-radius:26px!important;background:transparent!important;scrollbar-width:thin}.lop-reader-modal .lop-reader-stage{padding:16px!important;min-height:100%}.lop-reader-modal .lop-reader-shell{max-width:1080px!important}.lop-reader-book{grid-template-columns:240px minmax(0,1fr)!important;gap:18px!important}.lop-reader-side{top:78px!important;border-radius:22px!important;padding:20px!important;background:linear-gradient(180deg,#ffffff,#f9fbff)!important}.lop-reader-side h2{font-size:21px!important;margin:12px 0 8px!important}.lop-reader-side p{font-size:14.5px!important;line-height:1.62!important}.lop-mini-link{font-size:14px!important;padding:9px 0!important}.lop-reader-page{border-radius:24px!important;padding:0!important;background:#fffdf8!important;box-shadow:0 24px 70px rgba(39,30,18,.16)!important;overflow:hidden!important}.lop-reader-page:before{display:none!important}.lop-reader-toolbar{margin:0!important;padding:13px 18px!important;background:linear-gradient(90deg,#fff7ed,#ffffff)!important;border-bottom:1px solid #eadfcd!important;font-size:13px!important}.lop-reader-toolbar span b{color:#4174b9!important}.lop-reader-toolbar a,.lop-reader-toolbar button{padding:7px 11px!important;background:#fff!important;border:1px solid #fed7aa!important;color:#9a4f12!important}.lop-reader-head{max-width:none!important;padding:28px 42px 20px!important;border-bottom:1px solid rgba(234,223,205,.8)!important;background:radial-gradient(circle at 88% 0,rgba(242,138,42,.10),transparent 32%),#fffdf8!important}.lop-reader-head h1{font-size:clamp(28px,3.1vw,42px)!important;line-height:1.14!important;margin-bottom:10px!important;letter-spacing:-.035em!important}.lop-reader-head p{font-size:16.5px!important;line-height:1.62!important;color:#64748b!important}.lop-reader-body{max-width:760px!important;margin:0 auto!important;padding:28px 42px 6px!important}.lop-reader-body h2{font-size:clamp(23px,2.2vw,30px)!important;line-height:1.2!important;margin:26px 0 10px!important;color:#1f2937!important}.lop-reader-body h3{font-size:19px!important;margin:20px 0 8px!important;color:#334155!important}.lop-reader-body p,.lop-reader-body li{font-size:16.6px!important;line-height:1.82!important;color:#374151!important}.lop-reader-body ul,.lop-reader-body ol{padding-left:24px!important}.lop-reader-page .lop-next-box{max-width:760px!important;margin:22px auto!important;border-radius:20px!important;padding:20px!important}.lop-reader-page h2+ .lop-related,.lop-related{max-width:760px!important;margin:12px auto 0!important}.lop-reader-page>h2{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}.lop-reader-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 42px;background:#fff7ed;border-top:1px solid #eadfcd;color:#8a6b44;font-weight:850}.lop-reader-footer a{color:#244f91!important;text-decoration:none;font-weight:900}.lop-reader-close{padding:8px 14px!important;background:#fff!important;border:1px solid #e2e8f0!important;color:#1e293b!important}.lop-reader-modal .lop-breadcrumb{display:none!important}
@media(max-width:920px){.lop-reader-book{grid-template-columns:1fr!important}.lop-reader-side{position:relative!important;top:0!important}.lop-reader-modal-panel{inset:8px!important}.lop-reader-head{padding:24px 22px 18px!important}.lop-reader-body{padding:22px 22px 4px!important}.lop-reader-footer{padding:14px 22px;align-items:flex-start;flex-direction:column}.lop-reader-toolbar{align-items:flex-start;flex-direction:column!important}.lop-reader-toolbar div{flex-wrap:wrap!important}.lop-reader-close{top:14px!important;right:14px!important}}
@media(max-width:620px){.lop-reader-stage{padding:12px!important}.lop-reader-page{border-radius:18px!important}.lop-reader-head h1{font-size:27px!important}.lop-reader-body p,.lop-reader-body li{font-size:16px!important}.lop-reader-side{padding:16px!important}.lop-card img{height:auto}}
body.reader-open{overflow:hidden!important}

/* v1.0.8 mobile overflow and dropdown menu fix */
html,
body.lop-portal{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.lop-portal img,
body.lop-portal svg,
body.lop-portal video,
body.lop-portal iframe{
  max-width:100%;
}
.lop-header,
.lop-hero,
.lop-section,
.lop-final,
.lop-footer,
.lop-form-wrap,
.lop-lead-strip,
.lop-reader-stage,
.lop-reader-shell,
.lop-reader-book,
.lop-reader-page,
.lop-reader-body,
.lop-reader-head,
.lop-content{
  max-width:100%;
}
.lop-header > *,
.lop-hero > *,
.lop-grid > *,
.lop-grid-5 > *,
.lop-steps > *,
.lop-feature-list > *,
.lop-related > *,
.lop-service-grid > *,
.lop-service-flow > *,
.lop-final > *,
.lop-reader-book > *,
.lop-lead-form > *,
.lop-card,
.lop-content{
  min-width:0;
}
.lop-card h3,
.lop-card p,
.lop-section h1,
.lop-section h2,
.lop-section h3,
.lop-hero h1,
.lop-hero p,
.lop-content h1,
.lop-content h2,
.lop-content h3,
.lop-reader-head h1,
.lop-reader-body h2,
.lop-reader-body h3,
.lop-reader-body p,
.lop-reader-body li{
  overflow-wrap:anywhere;
}
@media(max-width:1180px){
  .lop-header{
    flex-wrap:wrap!important;
    align-items:center!important;
    overflow:visible!important;
    padding:7px 12px!important;
  }
  .lop-logo{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .lop-logo img{
    width:auto!important;
    max-width:min(196px,calc(100vw - 76px))!important;
    height:auto!important;
  }
  .lop-menu-toggle{
    display:inline-grid!important;
    flex:0 0 auto!important;
    place-items:center!important;
  }
  .lop-menu-toggle span{
    width:18px!important;
  }
  .lop-nav{
    order:3!important;
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    align-items:stretch!important;
    white-space:normal!important;
    max-height:0!important;
    overflow:hidden!important;
    overflow-y:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:none!important;
    visibility:hidden!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transition:max-height .24s ease, opacity .18s ease, padding .18s ease, visibility .18s ease!important;
  }
  .lop-nav.open{
    max-height:calc(100vh - 64px)!important;
    max-height:calc(100dvh - 64px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    opacity:1!important;
    pointer-events:auto!important;
    visibility:visible!important;
    padding:9px 0 6px!important;
  }
  .lop-nav-home,
  .lop-nav-single,
  .lop-nav-trigger,
  .lop-nav .lop-btn{
    width:100%!important;
    max-width:100%!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    line-height:1.28!important;
    text-align:left!important;
    white-space:normal!important;
  }
  .lop-nav-home{
    justify-content:flex-start!important;
  }
  .lop-nav-home span{
    display:inline!important;
  }
  .lop-nav .lop-btn-soft,
  .lop-nav .lop-btn-primary,
  .lop-nav .lop-btn-ghost{
    justify-content:center!important;
  }
  .lop-nav-group{
    display:block!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  .lop-nav-group::after,
  .lop-submenu::before{
    display:none!important;
  }
  .lop-submenu{
    position:static!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    max-height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0 6px!important;
    border:0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    transition:max-height .22s ease, opacity .18s ease, padding .18s ease, margin .18s ease!important;
  }
  .lop-nav-group.open .lop-submenu{
    max-height:520px!important;
    overflow:visible!important;
    margin:6px 0 2px!important;
    padding:6px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .lop-submenu a{
    width:100%!important;
    max-width:100%!important;
    padding:10px 11px!important;
    border-radius:12px!important;
    background:#f8fbff!important;
    overflow-wrap:anywhere!important;
  }
  .lop-submenu a b,
  .lop-submenu a small{
    overflow-wrap:anywhere!important;
  }
  body.menu-open{
    overflow-x:hidden!important;
  }
}
@media(max-width:760px){
  .lop-hero,
  .lop-section,
  .lop-form-wrap{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .lop-hero{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .lop-hero-art,
  .lop-card,
  .lop-content,
  .lop-lead-form,
  .lop-final,
  .lop-lead-strip{
    border-radius:18px!important;
  }
  .lop-grid,
  .lop-grid-5,
  .lop-steps,
  .lop-feature-list,
  .lop-related,
  .lop-service-grid,
  .lop-service-flow,
  .lop-footer,
  .lop-final,
  .lop-lead-form{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .lop-actions{
    width:100%!important;
  }
  .lop-actions .lop-btn,
  .lop-lead-strip .lop-btn{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .lop-chips{
    width:100%!important;
  }
  .lop-chips a{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
}
@media(max-width:620px){
  .lop-header{
    min-height:50px!important;
  }
  .lop-logo img{
    max-width:min(168px,calc(100vw - 74px))!important;
    max-height:38px!important;
  }
  .lop-nav.open{
    max-height:calc(100vh - 54px)!important;
    max-height:calc(100dvh - 54px)!important;
  }
  .lop-hero{
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
  .lop-hero h1{
    font-size:24px!important;
  }
  .lop-hero p{
    font-size:14.8px!important;
  }
  .lop-hero-art{
    min-height:126px!important;
  }
  .lop-hero-art img{
    min-height:104px!important;
    max-height:128px!important;
  }
  .lop-section-head{
    margin-bottom:16px!important;
  }
  .lop-card,
  .lop-content,
  .lop-lead-form{
    padding:16px!important;
  }
  .lop-lead-strip,
  .lop-final{
    margin-left:14px!important;
    margin-right:14px!important;
  }
  .lop-reader-modal-panel{
    inset:6px!important;
    width:auto!important;
    max-width:calc(100vw - 12px)!important;
    border-radius:18px!important;
    overflow-x:hidden!important;
  }
  .lop-reader-modal .lop-reader-stage,
  .lop-reader-stage{
    padding:8px!important;
    overflow-x:hidden!important;
  }
  .lop-reader-book{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  .lop-reader-side,
  .lop-reader-page{
    width:100%!important;
    max-width:100%!important;
  }
  .lop-reader-head{
    padding:18px 16px 14px!important;
  }
  .lop-reader-head h1{
    font-size:24px!important;
    line-height:1.18!important;
  }
  .lop-reader-body{
    padding:18px 16px 4px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .lop-reader-body p,
  .lop-reader-body li{
    font-size:15.7px!important;
    line-height:1.72!important;
  }
  .lop-reader-toolbar,
  .lop-reader-footer{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .lop-reader-toolbar,
  .lop-reader-toolbar div,
  .lop-reader-footer{
    width:100%!important;
    max-width:100%!important;
  }
  .lop-reader-toolbar a,
  .lop-reader-toolbar button,
  .lop-reader-footer a{
    max-width:100%!important;
    white-space:normal!important;
  }
  .lop-reader-close{
    top:10px!important;
    right:10px!important;
    padding:7px 11px!important;
    font-size:13px!important;
  }
}

/* v1.0.9 lead form and mobile menu refinement */
.lop-lead-form input,.lop-lead-form select,.lop-lead-form textarea{font-weight:500!important;color:#1e293b}.lop-lead-form input::placeholder,.lop-lead-form textarea::placeholder{font-weight:400;color:#94a3b8}.lop-menu-toggle{overflow:hidden;flex:0 0 auto;display:none;align-items:center;justify-content:center}.lop-menu-toggle span{width:20px;max-width:20px;margin:4px auto;transform-origin:center}.lop-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.lop-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:920px){.lop-menu-toggle{display:inline-flex;width:38px;height:38px;border-radius:13px;padding:8px}.lop-header{min-width:0}.lop-logo{min-width:0}.lop-logo img{max-width:min(230px,calc(100vw - 86px))}.lop-nav.open{width:100%;max-width:100%;overflow-x:hidden}.lop-nav-group,.lop-nav-trigger,.lop-nav-single,.lop-nav .lop-btn{max-width:100%;min-width:0}.lop-nav-trigger svg{flex:0 0 16px;width:16px;height:16px}.lop-submenu a{min-width:0;word-break:break-word}}@media(max-width:420px){.lop-menu-toggle{width:36px;height:36px;padding:7px}.lop-menu-toggle span{width:18px;max-width:18px}.lop-logo img{max-width:calc(100vw - 82px)}}

/* v1.0.10 book reader refinement */
body.reader-open{
  overflow:hidden!important;
  touch-action:none;
}
.lop-reader-modal .lop-reader-close{
  display:none!important;
}
.lop-reader-modal-panel{
  inset:18px!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:transparent!important;
  scrollbar-width:none!important;
}
.lop-reader-modal-panel::-webkit-scrollbar{
  width:0!important;
  height:0!important;
}
.lop-reader-modal-content,
.lop-reader-modal .lop-reader-stage,
.lop-reader-modal .lop-reader-shell,
.lop-reader-modal .lop-reader-book{
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
}
.lop-reader-modal .lop-reader-stage{
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  padding:10px!important;
  overflow:hidden!important;
}
.lop-reader-modal .lop-reader-shell{
  width:min(1180px,100%)!important;
  max-width:min(1180px,100%)!important;
  margin:0 auto!important;
}
.lop-reader-modal .lop-reader-book{
  display:grid!important;
  grid-template-columns:218px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
.lop-reader-modal .lop-reader-side{
  position:relative!important;
  top:0!important;
  align-self:start!important;
  max-height:calc(100vh - 56px)!important;
  max-height:calc(100dvh - 56px)!important;
  overflow:auto!important;
  border-radius:22px!important;
  padding:18px!important;
  box-shadow:0 16px 40px rgba(15,23,42,.12)!important;
}
.lop-reader-modal .lop-reader-page{
  height:calc(100vh - 56px)!important;
  height:calc(100dvh - 56px)!important;
  max-height:calc(100vh - 56px)!important;
  max-height:calc(100dvh - 56px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:smooth!important;
}
.lop-reader-page{
  background:
    linear-gradient(90deg,rgba(134,94,46,.10) 0,rgba(134,94,46,.035) 10px,transparent 34px),
    radial-gradient(circle at 94% 0,rgba(242,138,42,.085),transparent 30%),
    linear-gradient(180deg,#fffdf8 0%,#fffaf1 100%)!important;
  border:1px solid rgba(234,223,205,.95)!important;
  box-shadow:0 24px 72px rgba(39,30,18,.16),inset 10px 0 22px rgba(122,80,33,.035),inset -8px 0 16px rgba(122,80,33,.026)!important;
  scrollbar-width:thin!important;
  scrollbar-color:#b7793b #f4eadb!important;
}
.lop-reader-page::-webkit-scrollbar{
  width:10px;
}
.lop-reader-page::-webkit-scrollbar-track{
  background:#f5ead8;
  border-radius:999px;
  margin:10px 0;
}
.lop-reader-page::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#c58b50,#8a5a2b);
  border:2px solid #f5ead8;
  border-radius:999px;
}
.lop-reader-page::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#ad7136,#72451e);
}
.lop-reader-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:6!important;
  min-height:52px!important;
  margin:0!important;
  padding:9px 16px!important;
  background:rgba(255,250,241,.93)!important;
  backdrop-filter:blur(14px)!important;
  border-bottom:1px solid rgba(234,223,205,.95)!important;
  box-shadow:0 8px 22px rgba(39,30,18,.045)!important;
}
.lop-reader-toolbar-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.lop-reader-toolbar-brand b{
  color:#4174b9!important;
  letter-spacing:-.02em!important;
}
.lop-reader-toolbar-brand em{
  color:#8a6b44!important;
  font-style:normal!important;
  font-size:12.5px!important;
  white-space:nowrap!important;
}
.lop-reader-toolbar div{
  gap:8px!important;
}
.lop-reader-toolbar a,
.lop-reader-toolbar button{
  min-height:34px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:#fffdf8!important;
  border:1px solid #fed7aa!important;
  box-shadow:0 6px 16px rgba(139,92,31,.055)!important;
}
.lop-reader-head{
  padding:24px 36px 18px!important;
  border-bottom:1px solid rgba(234,223,205,.78)!important;
}
.lop-reader-head h1{
  max-width:850px!important;
  font-size:clamp(30px,3.15vw,43px)!important;
  line-height:1.1!important;
  margin-bottom:8px!important;
}
.lop-reader-head p:not(.eyebrow){
  max-width:820px!important;
  font-size:16.2px!important;
  line-height:1.56!important;
}
.lop-reader-body{
  max-width:790px!important;
  margin:0 auto!important;
  padding:22px 34px 2px!important;
}
.lop-reader-body h2{
  margin:24px 0 8px!important;
  font-size:clamp(23px,2.1vw,30px)!important;
}
.lop-reader-body h3{
  margin:18px 0 7px!important;
}
.lop-reader-body p,
.lop-reader-body li{
  font-size:16.2px!important;
  line-height:1.76!important;
}
.lop-reader-body p{
  margin-top:0!important;
  margin-bottom:14px!important;
}
.lop-reader-next{
  max-width:790px!important;
  margin:20px auto 18px!important;
  padding:17px 20px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#eef6ff,#fff7ed)!important;
  border:1px solid #dbeafe!important;
  box-shadow:0 12px 26px rgba(65,116,185,.07)!important;
}
.lop-reader-next h2{
  margin:0 0 7px!important;
  font-size:24px!important;
  letter-spacing:-.03em!important;
}
.lop-reader-next p{
  margin:0!important;
  font-size:15.5px!important;
  line-height:1.58!important;
  color:#536278!important;
}
.lop-reader-next .lop-actions{
  margin-top:14px!important;
  gap:8px!important;
}
.lop-reader-next .lop-btn{
  min-height:38px!important;
  padding:8px 14px!important;
  font-size:14px!important;
}
.lop-related-title{
  max-width:790px!important;
  margin:20px auto 10px!important;
  font-size:24px!important;
  letter-spacing:-.03em!important;
}
.lop-reader-related{
  max-width:790px!important;
  margin:0 auto 18px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.lop-reader-related .lop-related-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:64px!important;
  padding:12px 14px!important;
  border:1px solid #dbeafe!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.84)!important;
  color:#263956!important;
  box-shadow:0 10px 24px rgba(65,116,185,.055)!important;
  font-weight:850!important;
  line-height:1.28!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.lop-reader-related .lop-related-item:hover{
  transform:translateY(-2px)!important;
  border-color:#93c5fd!important;
  box-shadow:0 14px 32px rgba(65,116,185,.12)!important;
}
.lop-related-icon{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  color:#4174b9!important;
  background:linear-gradient(135deg,#eff6ff,#ffffff)!important;
  border:1px solid #dbeafe!important;
}
.lop-related-icon svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
}
.lop-reader-footer{
  padding:13px 24px!important;
  min-height:54px!important;
  background:linear-gradient(90deg,#fff7ed,#fffdf8)!important;
  border-top:1px solid rgba(234,223,205,.95)!important;
  color:#7a5a32!important;
}
.lop-reader-footer span{
  font-size:14.5px!important;
}
.lop-reader-footer a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid #dbeafe!important;
  color:#244f91!important;
}
@media(max-width:920px){
  .lop-reader-modal-panel{
    inset:8px!important;
    border-radius:22px!important;
  }
  .lop-reader-modal .lop-reader-stage{
    padding:0!important;
  }
  .lop-reader-modal .lop-reader-book{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .lop-reader-modal .lop-reader-side{
    display:none!important;
  }
  .lop-reader-modal .lop-reader-page{
    height:calc(100vh - 16px)!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100vh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
  }
  .lop-reader-head{
    padding:22px 22px 16px!important;
  }
  .lop-reader-body{
    padding:20px 22px 2px!important;
  }
  .lop-reader-next,
  .lop-related-title,
  .lop-reader-related{
    margin-left:22px!important;
    margin-right:22px!important;
  }
  .lop-reader-footer{
    padding:12px 18px!important;
  }
}
@media(max-width:620px){
  .lop-reader-modal-panel{
    inset:0!important;
    border-radius:0!important;
  }
  .lop-reader-modal .lop-reader-page{
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }
  .lop-reader-toolbar{
    min-height:48px!important;
    padding:8px 12px!important;
    flex-direction:row!important;
    align-items:center!important;
  }
  .lop-reader-toolbar-brand em{
    display:none!important;
  }
  .lop-reader-toolbar div{
    margin-left:auto!important;
  }
  .lop-reader-toolbar a{
    display:none!important;
  }
  .lop-reader-toolbar button{
    min-height:32px!important;
    padding:6px 10px!important;
    font-size:13px!important;
  }
  .lop-reader-head{
    padding:20px 16px 14px!important;
  }
  .lop-reader-head h1{
    font-size:25px!important;
    line-height:1.16!important;
  }
  .lop-reader-head p:not(.eyebrow){
    font-size:15px!important;
  }
  .lop-reader-body{
    padding:18px 16px 0!important;
  }
  .lop-reader-body h2{
    font-size:22px!important;
  }
  .lop-reader-body p,
  .lop-reader-body li{
    font-size:15.8px!important;
    line-height:1.72!important;
  }
  .lop-reader-next{
    margin:18px 16px!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  .lop-reader-next .lop-actions .lop-btn{
    width:100%!important;
  }
  .lop-related-title{
    margin:18px 16px 10px!important;
    font-size:22px!important;
  }
  .lop-reader-related{
    grid-template-columns:1fr!important;
    margin:0 16px 16px!important;
  }
  .lop-reader-related .lop-related-item{
    min-height:58px!important;
    padding:11px 12px!important;
  }
  .lop-related-icon{
    flex-basis:34px!important;
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
  }
  .lop-related-icon svg{
    width:20px!important;
    height:20px!important;
  }
  .lop-reader-footer{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:12px 16px!important;
  }
}
@media(max-width:620px){.lop-reader-toolbar div{width:auto!important;max-width:50%!important;flex:0 0 auto!important}.lop-reader-toolbar{gap:8px!important}.lop-reader-toolbar-brand{flex:1 1 auto!important;min-width:0!important}.lop-reader-toolbar-brand b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}}

/* v1.0.11 vibrant dopamine theme refinement: brighter, sharper, modern visual layer */
:root{
  --lop-blue:#1d4ed8;
  --lop-blue-2:#2563eb;
  --lop-cyan:#00b8e6;
  --lop-violet:#6d28d9;
  --lop-orange:#ff7a1a;
  --lop-amber:#ffb020;
  --lop-green:#10b981;
  --lop-ink:#071631;
  --lop-text:#17243b;
  --lop-muted:#50627d;
  --lop-bg:#f4f8ff;
  --lop-card:#ffffff;
  --lop-line:#cfe0ff;
  --lop-soft:#eaf4ff;
  --lop-shadow:0 20px 52px rgba(29,78,216,.14);
}
body.lop-portal{
  background:
    radial-gradient(circle at 8% -4%,rgba(0,184,230,.22),transparent 28%),
    radial-gradient(circle at 92% 4%,rgba(255,122,26,.18),transparent 26%),
    radial-gradient(circle at 58% 0,rgba(109,40,217,.10),transparent 32%),
    linear-gradient(180deg,#ffffff 0,#f4f8ff 48%,#ffffff 100%)!important;
  color:var(--lop-text)!important;
}
.lop-header{
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid rgba(37,99,235,.18)!important;
  box-shadow:0 10px 32px rgba(29,78,216,.08)!important;
}
.lop-header:before{display:none!important}
.lop-logo img{
  filter:saturate(1.14) contrast(1.08) drop-shadow(0 8px 16px rgba(29,78,216,.08));
}
.lop-nav-trigger,.lop-nav-single,.lop-nav-home{
  color:#132342!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(207,224,255,.78)!important;
  box-shadow:0 8px 20px rgba(29,78,216,.055)!important;
}
.lop-nav-trigger:hover,.lop-nav-single:hover,.lop-nav-home:hover,.lop-nav-group.open .lop-nav-trigger{
  color:#0b3b91!important;
  background:linear-gradient(135deg,#eff6ff,#ffffff)!important;
  border-color:#9cc4ff!important;
  box-shadow:0 12px 26px rgba(37,99,235,.12)!important;
}
.lop-nav-home svg,.lop-nav-trigger svg{
  color:var(--lop-blue)!important;
  filter:drop-shadow(0 3px 5px rgba(29,78,216,.18));
}
.lop-submenu{
  border-color:rgba(37,99,235,.17)!important;
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
  box-shadow:0 22px 46px rgba(16,31,67,.16)!important;
}
.lop-submenu a{
  background:#ffffff!important;
  border:1px solid transparent!important;
}
.lop-submenu a:hover{
  background:linear-gradient(135deg,#eaf4ff,#fff7ed)!important;
  border-color:#cfe0ff!important;
  transform:translateX(2px);
}
.lop-submenu a b{color:#10244a!important}.lop-submenu a small{color:#52627b!important}
.lop-menu-toggle{
  background:#fff!important;
  border-color:#bcd8ff!important;
  box-shadow:0 10px 24px rgba(29,78,216,.12)!important;
}
.lop-menu-toggle span{background:#12346d!important}
.lop-hero{
  background:
    radial-gradient(circle at 22% 12%,rgba(0,184,230,.13),transparent 26%),
    radial-gradient(circle at 84% 18%,rgba(255,122,26,.12),transparent 24%);
}
.lop-hero h1,
.lop-section h2,.lop-section-head h2,.lop-final h2,
.lop-content h2,.lop-card h3{
  color:var(--lop-ink)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.9);
}
.lop-hero h1{
  letter-spacing:-.04em!important;
}
.eyebrow{
  color:#0b55d5!important;
  background:linear-gradient(90deg,#1d4ed8,#00a7e8,#ff7a1a);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.lop-hero p,.lop-section-head p:not(.eyebrow),.lop-card p,.lop-content p,.lop-content li{
  color:var(--lop-muted)!important;
}
.lop-hero-art{
  background:
    radial-gradient(circle at 18% 16%,rgba(0,184,230,.22),transparent 34%),
    radial-gradient(circle at 84% 8%,rgba(255,122,26,.18),transparent 30%),
    linear-gradient(145deg,#ffffff,#eef6ff 56%,#fff7ed)!important;
  border-color:rgba(37,99,235,.22)!important;
  box-shadow:0 24px 60px rgba(29,78,216,.16),0 12px 32px rgba(255,122,26,.08)!important;
}
.lop-hero-art:before{
  background:radial-gradient(circle at 15% 20%,rgba(0,184,230,.30),transparent 28%),radial-gradient(circle at 86% 10%,rgba(255,122,26,.26),transparent 30%),radial-gradient(circle at 88% 86%,rgba(109,40,217,.16),transparent 32%)!important;
}
.lop-hero-art img,.lop-card img,.lop-maintenance-page img{
  filter:saturate(1.18) contrast(1.08) brightness(1.02);
}
.lop-btn{
  letter-spacing:-.01em!important;
  box-shadow:0 12px 26px rgba(15,23,42,.08);
}
.lop-btn-primary{
  background:linear-gradient(135deg,#1d4ed8 0%,#245cff 42%,#6d28d9 74%,#00b8e6 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(29,78,216,.28),0 8px 18px rgba(109,40,217,.14)!important;
}
.lop-btn-primary:hover{
  box-shadow:0 24px 48px rgba(29,78,216,.34),0 10px 22px rgba(109,40,217,.18)!important;
}
.lop-btn-soft{
  background:linear-gradient(135deg,#fff8ed,#fff2d7)!important;
  color:#9a4500!important;
  border-color:#ffc078!important;
  box-shadow:0 12px 26px rgba(255,122,26,.12)!important;
}
.lop-btn-ghost{
  background:linear-gradient(135deg,#ffffff,#eff6ff)!important;
  color:#11489c!important;
  border-color:#b9d4ff!important;
}
.lop-card,.lop-content,.lop-lead-form,.lop-final,.lop-lead-strip,.lop-steps div,.lop-feature-list div,.lop-related a{
  border-color:rgba(37,99,235,.16)!important;
  box-shadow:0 14px 36px rgba(29,78,216,.08)!important;
}
.lop-card{
  background:linear-gradient(180deg,#ffffff 0,#ffffff 76%,#f7fbff 100%)!important;
}
.lop-card:before{
  height:5px!important;
  opacity:1!important;
  background:linear-gradient(90deg,#1d4ed8 0%,#00b8e6 46%,#ff7a1a 100%)!important;
}
.lop-card:hover{
  border-color:#95c2ff!important;
  transform:translateY(-5px)!important;
  box-shadow:0 22px 54px rgba(29,78,216,.16),0 8px 20px rgba(255,122,26,.08)!important;
}
.lop-card small,.lop-meta-line span,.lop-chips a{
  background:#eff6ff!important;
  border-color:#cfe0ff!important;
  color:#174aa7!important;
}
.lop-card small{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
}
.lop-link{
  color:#164fd0!important;
}
.lop-link:after{content:" →";margin-left:4px;color:#ff7a1a}
.lop-section:nth-of-type(even){
  background:linear-gradient(180deg,rgba(239,246,255,.62),rgba(255,255,255,.78));
}
.lop-steps span{
  background:linear-gradient(135deg,#1d4ed8,#00b8e6)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(29,78,216,.20);
}
.lop-next-box,.lop-reader-next,.lop-final{
  background:linear-gradient(135deg,#eaf4ff 0,#ffffff 42%,#fff2df 100%)!important;
  border-color:#b9d4ff!important;
}
.lop-lead-form input,.lop-lead-form select,.lop-lead-form textarea{
  border-color:#b8c9e5!important;
  color:#12213c!important;
  background:#ffffff!important;
}
.lop-lead-form input:focus,.lop-lead-form select:focus,.lop-lead-form textarea:focus{
  border-color:#1d4ed8!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.13),0 10px 22px rgba(29,78,216,.08)!important;
}
.lop-footer{
  background:radial-gradient(circle at 0 0,rgba(0,184,230,.20),transparent 30%),linear-gradient(135deg,#071631,#0b2358 64%,#102a61)!important;
}
/* brighter book reader */
.lop-reader-modal-backdrop{
  background:rgba(7,22,49,.66)!important;
  backdrop-filter:blur(12px) saturate(1.15)!important;
}
.lop-reader-page{
  background:
    linear-gradient(90deg,rgba(29,78,216,.07) 0,rgba(29,78,216,.025) 12px,transparent 38px),
    radial-gradient(circle at 94% 0,rgba(255,122,26,.12),transparent 29%),
    radial-gradient(circle at 10% 100%,rgba(0,184,230,.08),transparent 28%),
    linear-gradient(180deg,#fffefb 0%,#fff9ef 100%)!important;
  border-color:rgba(255,191,112,.55)!important;
  box-shadow:0 28px 78px rgba(7,22,49,.22),inset 9px 0 18px rgba(29,78,216,.028)!important;
  scrollbar-color:#1d4ed8 #eaf4ff!important;
}
.lop-reader-page::-webkit-scrollbar-track{background:#eaf4ff!important}
.lop-reader-page::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#1d4ed8,#00b8e6,#ff7a1a)!important;
  border-color:#eaf4ff!important;
}
.lop-reader-toolbar{
  background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(234,244,255,.96),rgba(255,247,237,.96))!important;
  border-bottom-color:rgba(37,99,235,.14)!important;
  box-shadow:0 8px 22px rgba(29,78,216,.08)!important;
}
.lop-reader-toolbar-brand b{color:#164fd0!important}.lop-reader-toolbar-brand em{color:#a34b00!important}
.lop-reader-toolbar a,.lop-reader-toolbar button,.lop-reader-footer a{
  border-color:#b9d4ff!important;
  color:#164795!important;
  background:#fff!important;
}
.lop-reader-head{
  background:radial-gradient(circle at 92% 0,rgba(255,122,26,.13),transparent 34%),linear-gradient(180deg,#fffefb,#fffaf2)!important;
  border-bottom-color:rgba(255,191,112,.45)!important;
}
.lop-reader-head h1,.lop-reader-body h2,.lop-reader-body h3{
  color:#071631!important;
}
.lop-reader-body p,.lop-reader-body li{
  color:#273650!important;
}
.lop-reader-related .lop-related-item{
  background:linear-gradient(135deg,#ffffff,#f5f9ff)!important;
  border-color:#cfe0ff!important;
  box-shadow:0 12px 28px rgba(29,78,216,.09)!important;
}
.lop-reader-related .lop-related-item:hover{
  border-color:#7fb3ff!important;
  box-shadow:0 16px 38px rgba(29,78,216,.16),0 8px 18px rgba(255,122,26,.08)!important;
}
.lop-related-icon{
  color:#fff!important;
  background:linear-gradient(135deg,#1d4ed8,#00b8e6)!important;
  border-color:rgba(255,255,255,.75)!important;
  box-shadow:0 9px 18px rgba(29,78,216,.18)!important;
}
.lop-reader-footer{
  background:linear-gradient(90deg,#eaf4ff,#ffffff,#fff2df)!important;
  border-top-color:rgba(37,99,235,.16)!important;
  color:#10244a!important;
}
@media(max-width:1180px){
  .lop-nav.open{
    background:linear-gradient(180deg,#ffffff,#f6faff)!important;
    border:1px solid rgba(37,99,235,.18)!important;
    box-shadow:0 18px 42px rgba(29,78,216,.16)!important;
  }
  .lop-submenu a:hover{transform:none!important}
}
@media(max-width:620px){
  .lop-hero{background:linear-gradient(180deg,#ffffff,#f7fbff)!important}
  .lop-card:before{height:4px!important}
  .lop-btn-primary,.lop-btn-soft,.lop-btn-ghost{box-shadow:0 10px 24px rgba(29,78,216,.12)!important}
}