:root{--navy:#041521;--navy2:#082f43;--slate:#203d50;--ink:#173b50;--muted:#728b9a;--line:#dce8ee;--paper:#f5f9fb;--cyan:#31d8ff;--teal:#2ee6c4;--white:#fff;--shadow:0 18px 45px rgba(9,45,62,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(calc(100% - 48px),1380px);margin:auto}.utility{background:#03121c;color:#8ca7b5;font-size:8px}.utility-inner{height:31px;display:flex;align-items:center;gap:13px}.platform-dot{color:var(--teal);font-size:6px}.utility-spacer{flex:1}.utility a:hover{color:#fff}.header{position:sticky;top:0;z-index:30;background:#263f51;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.06)}.nav{height:70px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;min-width:220px}.brandmark{width:43px;height:43px;border-radius:11px;background:linear-gradient(145deg,#0d708b,#087c87);display:grid;place-items:center;color:#4fe5da;font-weight:950}.brand b{display:block;font-size:14px}.brand small{display:block;color:#9eb3bf;font-size:7px;margin-top:2px}.nav nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav nav a{font-size:8px;font-weight:750;padding:11px 9px;border-radius:8px;color:#d5e1e7}.nav nav a:hover,.nav nav a.active{background:#183447;color:#fff}.hero{background:radial-gradient(circle at 83% 18%,rgba(49,216,255,.14),transparent 30%),radial-gradient(circle at 70% 95%,rgba(46,230,196,.10),transparent 32%),linear-gradient(120deg,#03131e,#07384a);color:#fff;padding:72px 0 60px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.eyebrow{font-size:8px;letter-spacing:.16em;font-weight:900;color:#58e1e6}.hero h1{font-size:60px;line-height:.98;letter-spacing:-.055em;margin:12px 0 18px;max-width:800px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero p{max-width:690px;color:#a9c1cd;font-size:13px;line-height:1.7}.cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 14px;font-size:9px;font-weight:900;border:1px solid transparent;cursor:pointer}.btn.primary{background:linear-gradient(90deg,var(--cyan),var(--teal));color:#06202a}.btn.secondary{border-color:#315b6e;color:#d5edf2;background:rgba(4,28,40,.4)}.btn.dark{background:#082f43;color:#fff}.btn.light{border-color:#cfe0e8;background:#fff;color:#28536a}.hero-panel{border:1px solid #225469;background:rgba(3,25,37,.72);border-radius:20px;padding:20px;box-shadow:0 25px 80px rgba(0,0,0,.18)}.hero-panel-label{font-size:7px;color:#6fe4e5;font-weight:900;letter-spacing:.12em}.hero-book{margin-top:13px;display:grid;grid-template-columns:130px 1fr;gap:15px;align-items:center}.hero-cover{aspect-ratio:3/4;border-radius:11px;background:linear-gradient(145deg,#0a6d80,#073047);display:grid;place-items:center;text-align:center;padding:14px;box-shadow:0 18px 35px rgba(0,0,0,.25)}.hero-cover span{font-weight:950;color:#51e1da}.hero-book h3{font-size:20px;margin:0}.hero-book p{font-size:9px;margin:7px 0}.trust-strip{background:#eff7f9;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.trust-item{padding:17px 20px;border-right:1px solid #dbe8ed}.trust-item:last-child{border:0}.trust-item b{display:block;font-size:11px}.trust-item span{display:block;font-size:7px;color:#78909d;margin-top:3px}.section{padding:58px 0}.section.soft{background:var(--paper)}.section.dark{background:#071c29;color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head small{display:block;color:#0b9996;font-size:8px;font-weight:900;letter-spacing:.14em}.section.dark .section-head small{color:#5ce1e4}.section-head h2{font-size:34px;letter-spacing:-.04em;margin:5px 0 0}.section-head p{max-width:620px;color:var(--muted);font-size:10px;line-height:1.6}.section.dark .section-head p{color:#8da8b6}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.book-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.book-cover{aspect-ratio:3/4;background:linear-gradient(145deg,#083a51,#087d8c);position:relative;overflow:hidden;display:grid;place-items:center}.book-cover img{width:100%;height:100%;object-fit:cover}.book-cover-placeholder{padding:20px;text-align:center;color:#d8f8f7}.book-cover-placeholder span{display:block;color:#50e5d9;font-weight:950;margin-bottom:9px}.book-badge{position:absolute;left:9px;top:9px;background:rgba(3,25,37,.86);border:1px solid rgba(78,226,227,.18);color:#5de4dc;border-radius:999px;padding:5px 7px;font-size:6.5px;font-weight:900}.book-body{padding:14px;display:flex;flex-direction:column;flex:1}.book-body .cat{color:#0b9290;text-transform:uppercase;font-size:7px;letter-spacing:.08em;font-weight:900}.book-body h3{font-size:14px;line-height:1.35;margin:6px 0}.book-body .authors{font-size:8px;color:#758e9c;line-height:1.45}.book-meta{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.book-meta span{font-size:6.7px;background:#eff6f8;border-radius:999px;padding:4px 6px;color:#6d8795}.book-price{display:flex;gap:7px;align-items:baseline;margin-top:4px}.book-price b{font-size:12px}.book-price small{font-size:7px;color:#8398a4}.card-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.card-actions a{font-size:7px;font-weight:900;padding:7px 8px;border-radius:7px}.card-actions .detail{border:1px solid #cfe0e6}.card-actions .read{background:#e7f8fb;color:#0f7890}.card-actions .buy{background:#082f43;color:#fff}.funnel-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.funnel{border:1px solid var(--line);border-radius:18px;padding:27px;background:#fff;box-shadow:var(--shadow)}.funnel.reader{background:linear-gradient(135deg,#fff,#edfafd)}.funnel.author{background:linear-gradient(135deg,#071e2b,#0b4551);border-color:#174d60;color:#fff}.funnel .icon{width:42px;height:42px;border-radius:12px;background:#e5f8fa;display:grid;place-items:center;font-size:19px}.funnel.author .icon{background:#0e5964}.funnel h3{font-size:24px;letter-spacing:-.035em;margin:13px 0 7px}.funnel p{font-size:10px;line-height:1.65;color:#718a99}.funnel.author p{color:#9bb5bf}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.benefit{border:1px solid var(--line);border-radius:14px;padding:17px;background:#fff}.benefit .num{font-size:8px;color:#0b9a95;font-weight:900}.benefit h4{font-size:12px;margin:8px 0 5px}.benefit p{font-size:8px;color:#78919e;line-height:1.55}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.process-step{border-top:2px solid #1dc7c5;background:#0a2735;border-radius:0 0 12px 12px;padding:14px}.process-step span{font-size:7px;color:#55e3df;font-weight:900}.process-step b{display:block;font-size:10px;margin:7px 0}.process-step small{font-size:7px;color:#8ca7b5;line-height:1.5}.inner-hero{background:linear-gradient(120deg,#041520,#073a49);color:#fff;padding:48px 0}.inner-hero h1{font-size:42px;letter-spacing:-.045em;margin:7px 0}.inner-hero p{color:#9fb8c4;max-width:720px;font-size:10px;line-height:1.7}.toolbar{display:grid;grid-template-columns:1fr 220px 160px;gap:8px;margin-bottom:16px}.toolbar input,.toolbar select,.form input,.form select,.form textarea{width:100%;border:1px solid #cfe0e7;border-radius:9px;padding:10px;background:#fff;color:var(--ink);font:inherit}.toolbar button{border:0;border-radius:9px;background:#082f43;color:#fff;font-size:8px;font-weight:900}.catalog-count{font-size:8px;color:#7a929f;margin:8px 0 14px}.book-detail{background:linear-gradient(120deg,#041520,#073847);color:#fff;padding:55px 0}.detail-grid{display:grid;grid-template-columns:300px 1fr;gap:38px}.detail-cover{aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#0a5364;box-shadow:0 22px 50px rgba(0,0,0,.26);display:grid;place-items:center}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-copy h1{font-size:44px;letter-spacing:-.05em;line-height:1.04;margin:8px 0}.detail-copy h2{font-size:17px;color:#a3bfca;font-weight:600}.detail-authors{font-size:10px;color:#a2bbc6}.detail-metrics{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.detail-metrics div{min-width:108px;border:1px solid #255569;background:#061f2d;border-radius:10px;padding:9px}.detail-metrics small{display:block;font-size:6.7px;color:#7e9eaa}.detail-metrics b{font-size:9px}.detail-desc{font-size:10px;line-height:1.75;color:#a8c1cb;max-width:850px}.buy-box{margin-top:17px;display:flex;gap:7px;flex-wrap:wrap}.buy-option{border:1px solid #285c6d;border-radius:10px;padding:9px 11px;background:#072332}.buy-option small{display:block;color:#7598a6;font-size:6.5px}.buy-option b{display:block;font-size:11px;margin-top:2px}.reader-shell{background:#0a1620;min-height:calc(100vh - 101px);padding:15px}.reader-top{width:min(1200px,100%);margin:auto;display:flex;align-items:center;gap:9px;color:#fff;padding:7px 0 12px}.reader-top b{font-size:10px}.reader-top span{font-size:7px;color:#8ca6b3}.reader-frame{width:min(1200px,100%);height:calc(100vh - 155px);margin:auto;border:1px solid #254655;border-radius:11px;overflow:hidden;background:#fff}.reader-frame iframe{width:100%;height:100%;border:0}.checkout-grid{display:grid;grid-template-columns:1fr 370px;gap:18px}.panel{border:1px solid var(--line);border-radius:15px;background:#fff;padding:20px;box-shadow:var(--shadow)}.panel h2{font-size:20px;margin:0 0 13px}.form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.form label{font-size:8px;font-weight:800}.form label.wide{grid-column:1/-1}.form input,.form select,.form textarea{display:block;margin-top:4px}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #e8eff2;font-size:9px}.summary-row.total{font-weight:900;font-size:12px}.status-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:25px;text-align:center;box-shadow:var(--shadow)}.status-card .code{font-size:19px;font-weight:950;color:#0a7f8e}.status-card p{font-size:9px;color:#718b99}.author-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.author-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.author-card .avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#dff8fa,#dceff6);display:grid;place-items:center;font-weight:900;color:#0a7e8f}.author-card h3{font-size:12px;margin:9px 0 4px}.author-card p{font-size:8px;color:#7c93a0}.publish-hero{background:radial-gradient(circle at 82% 15%,rgba(46,230,196,.12),transparent 30%),linear-gradient(120deg,#04151f,#0a3e4a);color:#fff;padding:65px 0}.publish-hero h1{font-size:52px;letter-spacing:-.055em;line-height:1;margin:8px 0 16px;max-width:850px}.publish-hero h1 em{font-style:normal;color:#4fe2df}.publish-hero p{max-width:690px;color:#a0bbc5;font-size:11px;line-height:1.7}.submission-card{max-width:900px;margin:auto}.notice{border-radius:10px;padding:10px;font-size:8px;margin:10px 0}.notice.ok{background:#e4f8ef;color:#087b5e}.notice.err{background:#fff0f0;color:#a84049}.footer{background:#03131e;color:#9eb3bf;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer-brand{color:#fff;font-size:16px;font-weight:900}.footer p{font-size:8px;line-height:1.6}.footer b{display:block;color:#fff;font-size:9px;margin-bottom:8px}.footer a{display:block;font-size:8px;margin:6px 0}.copy{border-top:1px solid #173343;margin-top:24px;padding-top:14px;font-size:7px}.empty{grid-column:1/-1;border:1px dashed #c9dde5;border-radius:14px;padding:35px;text-align:center;color:#78909c;background:#fff}@media(max-width:1080px){.hero h1{font-size:49px}.book-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr)}.nav nav{gap:0}.nav nav a{padding:9px 7px}.detail-grid{grid-template-columns:240px 1fr}}@media(max-width:800px){.wrap{width:min(calc(100% - 28px),1380px)}.utility-inner b{display:none}.header{position:relative}.nav{height:auto;padding:10px 0;align-items:flex-start}.nav nav{display:none}.hero{padding:48px 0}.hero-grid,.funnel-grid,.checkout-grid{grid-template-columns:1fr}.hero h1,.publish-hero h1{font-size:40px}.hero-panel{max-width:520px}.book-grid,.author-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.detail-cover{max-width:260px}.detail-copy h1{font-size:35px}.toolbar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}.form label.wide{grid-column:auto}}@media(max-width:520px){.book-grid,.author-grid,.benefit-grid,.process,.footer-grid{grid-template-columns:1fr}.hero-book{grid-template-columns:100px 1fr}.trust-grid{grid-template-columns:1fr 1fr}.inner-hero h1{font-size:34px}}
/* IMG Books Online Reader V2.2 */
.reader-shell-v22{
  min-height:calc(100vh - 101px);
  background:#07131c;
  padding:0 16px 18px;
}
.reader-toolbar-v22{
  width:min(1500px,100%);
  min-height:62px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#fff;
  padding:9px 2px;
}
.reader-toolbar-left{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.reader-back,.reader-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #2d5364;
  border-radius:8px;
  padding:8px 10px;
  color:#d2e7ed;
  font-size:8px;
  font-weight:850;
  white-space:nowrap;
}
.reader-action.primary{
  border:0;
  background:linear-gradient(90deg,#31d8ff,#2ee6c4);
  color:#06212b;
}
.reader-title{min-width:0}
.reader-title b{
  display:block;
  max-width:700px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
}
.reader-title span{
  display:block;
  margin-top:3px;
  color:#83a1af;
  font-size:7px;
}
.reader-toolbar-actions{display:flex;gap:6px}
.reader-stage-v22{
  width:min(1500px,100%);
  height:calc(100vh - 176px);
  min-height:640px;
  margin:auto;
  background:#101e27;
  border:1px solid #254452;
  border-radius:13px;
  overflow:hidden;
  box-shadow:0 20px 70px rgba(0,0,0,.22);
}
.reader-frame-v22{
  width:100%;
  height:100%;
  border:0;
  background:#fff;
}
.external-reader-wrap{
  height:100%;
  display:grid;
  grid-template-rows:1fr auto;
}
.external-reader-fallback{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  background:#0a202c;
  color:#91aab5;
  padding:8px 12px;
  font-size:7px;
}
.external-reader-fallback a{
  color:#52e2dc;
  font-weight:850;
}
.reader-empty-v22{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  padding:35px;
}
.reader-empty-icon{font-size:34px}
.reader-empty-v22 h2{font-size:24px;margin:10px 0 4px}
.reader-empty-v22 p{
  color:#8ea7b3;
  font-size:9px;
  max-width:520px;
  line-height:1.6;
}
@media(max-width:800px){
  .reader-toolbar-v22{align-items:flex-start;flex-direction:column}
  .reader-toolbar-left{width:100%}
  .reader-toolbar-actions{width:100%}
  .reader-title b{max-width:55vw}
  .reader-stage-v22{
    height:calc(100vh - 225px);
    min-height:520px;
  }
}