:root{--bg:#02060d;--blue:#087cff;--cyan:#20d3ff;--muted:#7f8ea4;--line:rgba(255,255,255,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button{font:inherit}body[dir="rtl"]{font-family:Tahoma,Arial,sans-serif}.noise{position:fixed;inset:0;z-index:500;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#preloader{position:fixed;inset:0;z-index:1000;background:#02060d;display:grid;place-items:center;align-content:center;gap:16px;transition:.7s}#preloader.done{opacity:0;visibility:hidden}.loader-brand{font-size:90px;font-weight:900;letter-spacing:-.13em}.loader-track{width:240px;height:2px;background:#172337}.loader-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:load 1.2s forwards}.loader-text{font-size:8px;letter-spacing:.2em;color:#71829a}.loader-text b{color:var(--cyan);margin-left:8px}@keyframes load{to{width:100%}}
.topbar{position:fixed;z-index:100;top:0;left:0;right:0;height:74px;padding:0 34px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:rgba(2,6,13,.68);backdrop-filter:blur(16px)}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px}.brand b{font-size:28px;letter-spacing:-.12em}.brand span{font-size:8px;letter-spacing:.14em;color:#91a0b4}.top-actions{display:flex;gap:6px}.top-actions button,.drawer-head button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#b9c5d5;border-radius:8px;padding:9px 10px;font-size:8px;letter-spacing:.1em;cursor:pointer}.top-actions button:hover,.top-actions button.active{border-color:var(--cyan);color:#fff;background:rgba(32,211,255,.08)}
.hero{height:100vh;min-height:680px;position:relative;overflow:hidden;display:grid;place-items:center}.hero-photo{position:absolute;inset:-3%;background:url('../assets/source-p1.png') center/cover no-repeat;filter:brightness(.32) contrast(1.08);transform:scale(1.05);transition:transform 1.3s}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#02060d 3%,rgba(2,6,13,.52),rgba(2,6,13,.08)),linear-gradient(0deg,#02060d 0%,transparent 38%,rgba(0,0,0,.22))}.hero-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-inner{position:relative;z-index:2;width:min(1120px,88%);padding-top:55px}.kicker{font-size:9px;letter-spacing:.24em;color:#8299b5}.hero-igi{font-size:clamp(100px,16vw,205px);font-weight:900;letter-spacing:-.14em;line-height:.78;margin:16px 0}.hero-rule{height:2px;width:105px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.hero h1{font-size:clamp(48px,6.5vw,88px);line-height:.88;letter-spacing:-.07em;margin:23px 0}.hero h1 span{color:var(--cyan)}.hero p{font-size:11px;color:#a7b5c6;letter-spacing:.08em}.enter{margin-top:24px;border:0;border-radius:8px;padding:13px 16px;color:#fff;background:linear-gradient(100deg,var(--blue),var(--cyan));font-size:9px;font-weight:bold;letter-spacing:.13em;cursor:pointer;box-shadow:0 15px 45px rgba(0,100,255,.25);transition:.25s}.enter:hover{transform:translateY(-2px)}.enter b{margin-left:18px}.hero-footer{position:absolute;z-index:3;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;color:#667890;font-size:7px;letter-spacing:.18em}.scroll-cue{position:absolute;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);color:var(--cyan);font-size:15px;animation:bounce 1.5s infinite}@keyframes bounce{50%{transform:translate(-50%,6px);opacity:.45}}
.hero-orbit{position:absolute;border:1px solid rgba(32,211,255,.15);border-radius:50%;width:45vw;height:18vw;transform:rotate(-24deg);right:-12vw;top:35%;z-index:1;animation:orbit 14s linear infinite}.orbit-b{width:28vw;height:11vw;right:-5vw;top:42%;animation-duration:10s;border-color:rgba(8,124,255,.2)}@keyframes orbit{to{transform:rotate(336deg)}}
.reader{min-height:100vh;padding:105px 20px 30px;background:radial-gradient(circle at 50% 15%,rgba(0,105,255,.11),transparent 40%),#030812}.reader-head,.reader-controls{width:min(1100px,100%);margin:auto;display:flex;justify-content:space-between;align-items:center;color:#71839b;font-size:8px;letter-spacing:.17em}.book-stage{width:min(1200px,100%);height:min(72vh,680px);min-height:520px;margin:16px auto 0;display:flex;align-items:center;justify-content:center;position:relative;perspective:2200px}.book{width:min(980px,calc(100% - 90px));height:100%;position:relative;transform-style:preserve-3d;filter:drop-shadow(0 35px 55px rgba(0,0,0,.5))}.book-shadow{position:absolute;width:75%;height:28px;bottom:-20px;left:12.5%;background:rgba(0,0,0,.5);filter:blur(18px);border-radius:50%}.page{position:absolute;inset:0;overflow:hidden;border-radius:5px 13px 13px 5px;transform-origin:left center;transform-style:preserve-3d;backface-visibility:visible;transition:transform 1.12s cubic-bezier(.18,.72,.15,1),box-shadow 1.12s;box-shadow:0 18px 45px rgba(0,0,0,.16);will-change:transform}
/* V5.5: stable stacking + smoother first-page turns */
.page{isolation:isolate}.page:after{content:'';position:absolute;z-index:40;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 10%,transparent 78%,rgba(255,255,255,.10));opacity:0;transform:translateZ(1px);transition:opacity .18s}.page.flipped{transform:rotateY(-180deg);pointer-events:none;box-shadow:-26px 18px 50px rgba(0,0,0,.24)}.page.flipped:after{opacity:.65}
/* V5.9.12: keep the real page artwork from showing through the back face.
   The front content fades only after the leaf passes its midpoint, so the
   physical page-turn remains natural while the reverse side is a fixed brand back. */
.page.flipped > *{
  opacity:0;
  transition:opacity .12s linear;
  transition-delay:.56s;
}
.page:not(.flipped) > *{
  opacity:1;
  transition:opacity .12s linear;
  transition-delay:.56s;
}
.page.flipped:before{
  opacity:1;
}
.page.flipped:before{content:'IGI\A INTERNATIONAL GOODS INSPECTION CO.\A\A QUALITY  •  INTEGRITY  •  RELIABILITY';position:absolute;z-index:39;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:0 9% 0 18%;text-align:right;direction:ltr;white-space:pre;line-height:1.9;letter-spacing:.12em;font-size:14px;font-weight:700;color:#dce9f7;background-image:url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520'%3E%3Cg fill='none' stroke='%2320d3ff' stroke-opacity='.12' stroke-width='1.4'%3E%3Cellipse cx='260' cy='260' rx='205' ry='205'/%3E%3Cellipse cx='260' cy='260' rx='145' ry='205'/%3E%3Cellipse cx='260' cy='260' rx='70' ry='205'/%3E%3Cellipse cx='260' cy='260' rx='205' ry='145'/%3E%3Cellipse cx='260' cy='260' rx='205' ry='70'/%3E%3Cpath d='M55 260h410M82 175h356M82 345h356'/%3E%3C/g%3E%3C/svg%3E'),radial-gradient(circle at 28% 50%,rgba(32,211,255,.12),transparent 27%),linear-gradient(135deg,#06101e 0%,#082b4d 52%,#06101e 100%);background-repeat:no-repeat;background-position:16% 50%,center,center;background-size:min(52%,520px),auto,auto;border:1px solid rgba(32,211,255,.16);box-shadow:inset 0 0 70px rgba(0,0,0,.28);pointer-events:none;transform:rotateY(180deg) translateZ(.7px);backface-visibility:visible}.cover{background:#02060d;color:#fff}.cover-photo{position:absolute;inset:0;background:url('../assets/source-p1.png') center/cover no-repeat;filter:brightness(.48)}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.15)),linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%)}.cover-copy{position:absolute;z-index:2;left:8%;right:8%;bottom:10%;display:flex;flex-direction:column}.cover-copy b{font-size:clamp(90px,13vw,160px);letter-spacing:-.12em;line-height:.8}.cover-copy small{font-size:8px;letter-spacing:.2em;color:#c0cede;margin-top:12px}.cover-copy span{font-size:8px;letter-spacing:.16em;color:var(--cyan);margin-top:28px}.cover-corner{position:absolute;z-index:3;right:4%;top:5%;font-size:8px;color:#9fb3cb}.light{background:#f4f7fb;color:#081323}.dark{background:linear-gradient(135deg,#06101e,#082c54);color:#fff}.pad{height:100%;padding:7% 8%;position:relative}.page-no{position:absolute;right:4%;top:5%;font-size:8px;color:#7d8da3;letter-spacing:.18em}.eyebrow{font-size:8px;font-weight:bold;letter-spacing:.2em;color:#5b79a0}.dark .eyebrow{color:#76b7e8}.page h2{font-size:clamp(38px,4.5vw,62px);line-height:.92;letter-spacing:-.065em;margin:17px 0}.page h2 em{font-style:normal;color:var(--blue)}.dark h2 em{color:var(--cyan)}.page p{font-size:11px;line-height:1.75;color:#68778b;max-width:560px}.dark p{color:#aebed1}.split{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.photo-card{height:78%;position:relative;overflow:hidden;border-radius:14px;box-shadow:0 25px 60px rgba(0,0,0,.2)}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.photo-card:hover img{transform:scale(1.04)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.metrics div{border-top:1px solid #dbe2eb;padding-top:8px}.metrics b{display:block;color:var(--blue);font-size:7px;letter-spacing:.1em}.metrics span{display:block;font-size:8px;color:#7b8798;margin-top:4px}
.services{display:grid;grid-template-columns:42% 58%;height:62%;gap:14px;margin-top:18px}.service-list{display:flex;flex-direction:column;gap:5px;overflow:auto;padding-right:5px}.service{border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.035);color:#c5d0de;padding:11px;text-align:left;font-size:9px;cursor:pointer;display:flex;align-items:center;gap:0}.service i{font-style:normal;color:var(--cyan);margin-right:10px}.service.active,.service:hover{border-color:rgba(32,211,255,.45);background:rgba(0,120,255,.13)}.service-view{position:relative;border-radius:15px;overflow:hidden}.service-view:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,8,18,.94),rgba(2,8,18,.05) 70%)}#serviceVisual{position:absolute;inset:0;background:center/cover no-repeat;transition:.5s}.glass{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;padding:14px;border:1px solid rgba(255,255,255,.14);background:rgba(3,11,23,.65);backdrop-filter:blur(12px);border-radius:11px}.glass small{color:var(--cyan);font-size:8px}.glass h3{font-size:18px;margin:7px 0}.glass p{font-size:8px;color:#c6d0dc;margin:0 0 9px}.glass button,.floating,.outline,.contact-actions button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;border-radius:7px;padding:8px 10px;font-size:7px;letter-spacing:.12em;cursor:pointer}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0 12px}.lab{border:1px solid #d8e0e9;background:#fff;color:#6c798b;border-radius:18px;padding:8px 10px;font-size:7px;cursor:pointer}.lab.active{color:var(--blue);border-color:var(--blue)}.lab-view{display:grid;grid-template-columns:1.25fr .75fr;height:53%;gap:18px}.lab-view>div:first-child{border-radius:14px;background:center/cover no-repeat}.lab-view h3{font-size:22px;line-height:1.05}.process{display:flex;align-items:center;gap:7px;margin-top:24px}.process span{font-size:7px;font-weight:bold;color:#56667a}.process i{height:1px;width:25px;background:#b8c4d3}.lines{display:grid;gap:8px;margin-top:18px}.lines span{font-size:9px;line-height:1.5;color:#c5d0df;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.lines b{color:var(--cyan);margin-right:9px}.floating{position:absolute;z-index:3;bottom:14px;left:14px;background:#fff;color:#07101f;border-color:#fff}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.chips span{border:1px solid #d7dfe8;padding:7px 9px;border-radius:18px;font-size:7px;color:#69768a}.outline{color:#07101f;border-color:#b8c4d2;background:#fff}.contact-bg{position:absolute;inset:0;background:url('../assets/contact.jpg') center/cover;filter:brightness(.35)}.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,15,.9),rgba(2,7,15,.25))}.contact{position:relative;display:flex;flex-direction:column;justify-content:center}.contact>strong{font-size:78px;letter-spacing:-.12em;line-height:.8;margin:15px 0}.contact h2{font-size:58px;margin:4px 0}.contact-actions{display:flex;gap:6px;margin-top:16px}.muted{color:#6e8098!important;font-size:7px!important}.book-arrow{position:absolute;z-index:50;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font-size:28px;line-height:1;cursor:pointer}.book-arrow:hover{background:rgba(255,255,255,.12);border-color:var(--cyan)}.book-arrow.left{left:0}.book-arrow.right{right:0}.reader-controls{margin-top:15px;gap:13px}.progress{height:2px;background:rgba(255,255,255,.1);flex:1}.progress i{display:block;width:14%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.35s}
.drawer{position:fixed;z-index:300;top:0;right:0;width:min(430px,94vw);height:100vh;background:#07101f;transform:translateX(100%);transition:.4s;padding:25px;box-shadow:-30px 0 70px rgba(0,0,0,.45);overflow:auto}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;color:#9babc0;font-size:9px;letter-spacing:.18em}.drawer-head button{font-size:22px;padding:2px 9px}.drawer-pages{margin-top:12px}.drawer small{display:block;margin-top:25px;color:#53657d;font-size:7px}.drawer-item{display:block;width:100%;text-align:left;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:#becbd9;padding:12px;border-radius:8px;margin-top:5px;font-size:9px;cursor:pointer}.drawer-item:hover,.drawer-item.active{border-color:rgba(32,211,255,.4);color:#fff}.drawer-gallery-title{margin-top:25px;color:#6f8fb5;font-size:8px;letter-spacing:.18em}.source-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.source-thumb{position:relative;padding:0;border:1px solid rgba(255,255,255,.08);background:#030812;border-radius:6px;overflow:hidden;cursor:pointer;aspect-ratio:3/4}.source-thumb img{width:100%;height:100%;object-fit:cover;opacity:.75}.source-thumb:hover img{opacity:1}.source-thumb span{position:absolute;bottom:3px;right:3px;background:rgba(0,0,0,.7);color:#fff;font-size:6px;padding:2px 4px;border-radius:3px}.drawer-bg{position:fixed;z-index:250;inset:0;background:rgba(0,0,0,.58);opacity:0;visibility:hidden;transition:.3s}.drawer-bg.show{opacity:1;visibility:visible}
.modal{position:fixed;z-index:600;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}.modal.show{opacity:1;visibility:visible}.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}.modal-box{position:relative;width:min(900px,92vw);height:min(88vh,820px);display:grid;place-items:center}.modal-box img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 30px 100px #000}.modal-box>button{position:absolute;right:0;top:-10px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#07101f;color:#fff;font-size:23px;cursor:pointer}.toast{position:fixed;z-index:900;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:rgba(7,16,31,.9);border:1px solid rgba(32,211,255,.3);backdrop-filter:blur(10px);color:#dbe8f7;border-radius:9px;padding:11px 15px;font-size:9px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
[dir="rtl"] .topbar{direction:rtl}[dir="rtl"] .hero-inner,[dir="rtl"] .reader{text-align:right}[dir="rtl"] .hero-footer{direction:rtl}[dir="rtl"] .service{text-align:right}[dir="rtl"] .service i{margin-right:0;margin-left:10px}[dir="rtl"] .drawer{right:auto;left:0;transform:translateX(-100%)}[dir="rtl"] .drawer.open{transform:none}[dir="rtl"] .page{transform-origin:right center}[dir="rtl"] .page.flipped{transform:rotateY(180deg)}[dir="rtl"] .book-arrow.left{left:auto;right:0}[dir="rtl"] .book-arrow.right{right:auto;left:0}
@media(max-width:900px){.topbar{height:64px;padding:0 14px}.brand span{display:none}.top-actions button{font-size:7px;padding:8px}.top-actions button:nth-child(3),.top-actions button:nth-child(4){display:none}.hero{min-height:720px}.hero-inner{width:86%}.hero-igi{font-size:105px}.hero h1{font-size:52px}.hero-orbit{display:none}.book-stage{height:74vh;min-height:570px}.book{width:calc(100% - 50px)}.pad{padding:9% 8%}.split{grid-template-columns:1fr;gap:12px}.photo-card{height:34%;order:-1}.page h2{font-size:35px}.metrics{margin-top:12px}.services{grid-template-columns:1fr;height:69%}.service-list{max-height:160px}.service-view{min-height:230px}.lab-view{grid-template-columns:1fr;height:64%}.lab-view>div:first-child{min-height:170px}.contact h2{font-size:44px}.contact>strong{font-size:62px}.book-arrow{width:34px;height:34px;font-size:20px}.book-arrow.left{left:1px}.book-arrow.right{right:1px}.reader-head span:last-child{display:none}.reader-controls{width:calc(100% - 50px);font-size:7px}.hero-footer{font-size:6px}.scroll-cue{display:none}.source-gallery{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.book-stage:before{content:'';position:absolute;z-index:0;left:50%;top:3%;bottom:3%;width:2px;background:linear-gradient(transparent,rgba(255,255,255,.12),transparent);box-shadow:0 0 28px rgba(0,0,0,.6);transform:translateX(-50%);pointer-events:none}.book{isolation:isolate}.page:not(.flipped){box-shadow:8px 18px 45px rgba(0,0,0,.18),inset -18px 0 35px rgba(0,0,0,.025)}

/* =========================
   IGI V5.2 — VISUAL UPGRADE
   Page-flip engine intentionally untouched.
   ========================= */
.cover{isolation:isolate}
.cover-photo{transform:scale(1.035);transition:transform 1.8s cubic-bezier(.2,.7,.2,1),filter 1.2s}
.page:not(.flipped) .cover-photo{transform:scale(1.035)}
.cover:before{content:"";position:absolute;inset:8%;z-index:2;border:1px solid rgba(32,211,255,.12);border-radius:18px;pointer-events:none;mask-image:linear-gradient(90deg,black,transparent 28%,transparent 72%,black)}
.cover-scan{position:absolute;z-index:3;left:7%;right:7%;top:17%;height:1px;background:linear-gradient(90deg,transparent,rgba(32,211,255,.75),transparent);box-shadow:0 0 18px rgba(32,211,255,.35);animation:coverScan 5s ease-in-out infinite}
.cover-bloom{position:absolute;z-index:1;width:38%;height:38%;right:-6%;top:12%;border-radius:50%;background:radial-gradient(circle,rgba(32,211,255,.20),transparent 68%);filter:blur(18px);animation:bloomPulse 4s ease-in-out infinite}
.cover-tech{position:absolute;z-index:4;left:8%;right:8%;top:9%;display:flex;align-items:center;gap:12px;color:rgba(184,205,227,.62);font-size:6px;letter-spacing:.18em}
.cover-tech i{height:1px;flex:1;background:linear-gradient(90deg,rgba(32,211,255,.45),transparent)}
.cover-tech span:last-child{color:rgba(32,211,255,.72)}
.cover-copy{transform:translateY(0);transition:transform .7s ease}
.cover:hover .cover-copy{transform:translateY(-5px)}
.cover-copy b{text-shadow:0 0 35px rgba(32,211,255,.12)}
.cover-corner{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.cover-corner span{font-size:8px;color:#9fb3cb}.cover-corner i{width:34px;height:1px;background:var(--cyan);opacity:.65}.cover-corner small{font-size:5px;letter-spacing:.15em;color:#6f849e}
@keyframes coverScan{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(210px);opacity:.75}}
@keyframes bloomPulse{50%{transform:scale(1.12);opacity:.7}}

.split .photo-card{transform:translate3d(0,0,0);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s}
.split .photo-card:hover{transform:translate3d(-5px,-5px,0) rotate(-.5deg);box-shadow:0 32px 75px rgba(0,0,0,.27)}
.metrics div{position:relative;overflow:hidden;transition:transform .35s,border-color .35s,background .35s;padding:10px;border-radius:9px}
.metrics div:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .35s}
.metrics div:hover{transform:translateY(-3px);border-color:#cbd7e4;background:rgba(255,255,255,.65)}
.metrics div:hover:after{width:75px}
.metrics b{font-size:7px;color:#a2afbf!important;margin-bottom:6px}.metrics strong{display:block;color:#1c3553;font-size:8px;letter-spacing:.08em}.metrics span{font-size:7px}
.about-signature{display:flex;align-items:center;gap:8px;margin-top:16px;color:#93a1b3;font-size:6px;letter-spacing:.16em}.about-signature i{display:block;width:35px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan))}

.services .service{position:relative;overflow:hidden;transition:transform .3s,border-color .3s,background .3s,padding .3s}
.services .service:after{content:"↗";position:absolute;right:12px;opacity:0;transform:translateX(-5px);color:var(--cyan);transition:.3s}
.services .service:hover{transform:translateX(4px);padding-left:15px}.services .service:hover:after,.services .service.active:after{opacity:1;transform:none}
.service-view{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.service-scanline{position:absolute;z-index:2;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(32,211,255,.45),transparent);opacity:.45;pointer-events:none;transform:translateY(-50%);animation:serviceScan 5s ease-in-out infinite}
.service-view:before{content:"LIVE SERVICE PREVIEW";position:absolute;z-index:3;top:12px;right:14px;padding:5px 7px;border:1px solid rgba(32,211,255,.2);border-radius:5px;background:rgba(2,8,18,.42);color:rgba(32,211,255,.78);font-size:5px;letter-spacing:.16em;backdrop-filter:blur(6px)}
.glass{transition:transform .4s,background .4s}.service-view:hover .glass{transform:translateY(-3px);background:rgba(3,11,23,.72)}
@keyframes serviceScan{0%,100%{top:20%;opacity:.15}50%{top:78%;opacity:.6}}

.reader-head{position:relative}.reader-head:after{content:"";position:absolute;left:0;bottom:-8px;width:90px;height:1px;background:linear-gradient(90deg,var(--blue),transparent)}
.reader-controls{position:relative}.reader-controls:before{content:"";position:absolute;left:0;right:0;top:-8px;height:1px;background:rgba(255,255,255,.045)}
.enter{position:relative;overflow:hidden}.enter:after{content:"";position:absolute;top:-120%;left:-25%;width:22%;height:340%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(20deg);transition:left .7s}.enter:hover:after{left:120%}
@media(max-width:900px){.cover-tech{top:8%;font-size:5px}.cover:before{inset:5%}.cover-scan{left:5%;right:5%}.metrics div{padding:7px}.service-view:before{font-size:4px}}

.page>*{--reveal-y:0}.page.visual-active .eyebrow,.page.visual-active h2,.page.visual-active p,.page.visual-active .metrics,.page.visual-active .services,.page.visual-active .tabs,.page.visual-active .lab-view,.page.visual-active .lines,.page.visual-active .chips,.page.visual-active .contact-actions{animation:softReveal .65s both}
.page.visual-active h2{animation-delay:.06s}.page.visual-active p{animation-delay:.12s}.page.visual-active .metrics,.page.visual-active .services,.page.visual-active .tabs,.page.visual-active .lab-view,.page.visual-active .lines,.page.visual-active .chips,.page.visual-active .contact-actions{animation-delay:.18s}
@keyframes softReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* =========================================================
   V5.3 — LABORATORY EXPERIENCE
   Visual-only enhancement; Page Flip engine untouched.
   ========================================================= */
.v53-lab-trigger{
  appearance:none;border:1px solid rgba(76,174,255,.38);background:rgba(7,18,31,.72);
  color:#dcefff;padding:11px 16px;border-radius:999px;display:inline-flex;align-items:center;
  gap:12px;font:600 11px/1 system-ui,sans-serif;letter-spacing:.14em;cursor:pointer;
  box-shadow:0 8px 30px rgba(0,0,0,.22),inset 0 0 20px rgba(46,157,255,.05);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.v53-lab-trigger b{font-size:16px;font-weight:400}
.v53-lab-trigger:hover{transform:translateY(-2px);border-color:rgba(98,193,255,.9);box-shadow:0 12px 36px rgba(0,0,0,.3),0 0 28px rgba(45,155,255,.12)}
.v53-lab-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
.v53-lab-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.v53-lab-backdrop{position:absolute;inset:0;background:rgba(2,8,15,.82);backdrop-filter:blur(10px)}
.v53-lab-panel{position:relative;width:min(1120px,92vw);max-height:88vh;overflow:auto;border:1px solid rgba(94,185,255,.22);
  background:linear-gradient(135deg,rgba(7,20,34,.98),rgba(4,11,20,.98));border-radius:24px;
  box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 70px rgba(31,133,223,.08);padding:34px;color:#eaf5ff;
  transform:translateY(16px) scale(.985);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.v53-lab-overlay.open .v53-lab-panel{transform:none}
.v53-lab-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#dceeff;font-size:24px;cursor:pointer}
.v53-lab-kicker{font:700 10px/1 system-ui,sans-serif;letter-spacing:.25em;color:#67c4ff;margin-bottom:14px}
.v53-lab-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:26px}
.v53-lab-number{font:700 12px/1 system-ui,sans-serif;letter-spacing:.2em;color:#61baff;margin-bottom:8px}
.v53-lab-head h2{font:600 clamp(28px,4vw,48px)/1.02 system-ui,sans-serif;margin:0 0 10px}
.v53-lab-head p{max-width:650px;color:#9db3c8;line-height:1.7;margin:0}
.v53-lab-status{font:700 10px/1 system-ui,sans-serif;letter-spacing:.18em;color:#9db3c8;white-space:nowrap}
.v53-lab-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54c7ff;box-shadow:0 0 14px #54c7ff;margin-right:7px}
.v53-lab-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.v53-lab-visual{min-height:470px;position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(104,188,255,.14);
  background:radial-gradient(circle at 62% 35%,rgba(51,159,255,.22),transparent 28%),linear-gradient(145deg,#0a2438,#07121e 62%,#050b12)}
.v53-lab-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(101,189,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(101,189,255,.08) 1px,transparent 1px);background-size:42px 42px;opacity:.4}
.v53-lab-orb{position:absolute;width:230px;height:230px;border-radius:50%;right:12%;top:18%;border:1px solid rgba(105,205,255,.22);box-shadow:0 0 70px rgba(45,155,255,.12)}
.v53-lab-orb:after{content:"";position:absolute;inset:24px;border-radius:50%;border:1px dashed rgba(110,210,255,.22);animation:v53Spin 16s linear infinite}
.v53-lab-scan{position:absolute;left:0;right:0;height:1px;top:30%;background:linear-gradient(90deg,transparent,rgba(92,205,255,.8),transparent);box-shadow:0 0 18px rgba(74,190,255,.55);animation:v53Scan 4s ease-in-out infinite}
.v53-lab-photo{position:absolute;inset:55px 55px 90px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.09);border-radius:12px;display:grid;place-items:center;overflow:hidden}
.v53-lab-photo-placeholder{font:700 11px/1 system-ui,sans-serif;letter-spacing:.25em;color:rgba(194,225,247,.48)}
.v53-lab-caption{position:absolute;left:24px;bottom:22px;font:600 10px/1.4 system-ui,sans-serif;letter-spacing:.12em;color:#8eaac1}
.v53-lab-info{padding:18px;border:1px solid rgba(104,188,255,.1);border-radius:18px;background:rgba(255,255,255,.018)}
.v53-lab-tabs{display:flex;flex-direction:column;gap:8px}
.v53-lab-tabs button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#8ea6bb;
  border-radius:12px;padding:14px;text-align:left;cursor:pointer;font:700 10px/1.3 system-ui,sans-serif;letter-spacing:.09em;transition:.2s}
.v53-lab-tabs button:hover,.v53-lab-tabs button.active{color:#e8f7ff;border-color:rgba(82,190,255,.48);background:linear-gradient(90deg,rgba(39,149,225,.18),rgba(255,255,255,.025))}
.v53-lab-tests{margin-top:20px;display:grid;gap:9px}
.v53-lab-test{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.07);color:#c5d6e4;font-size:13px}
.v53-lab-test i{width:8px;height:8px;border:1px solid #5bc5ff;border-radius:50%;box-shadow:0 0 10px rgba(91,197,255,.4)}
.v53-lab-foot{display:flex;justify-content:space-between;gap:12px;margin-top:22px;color:#617b91;font:700 9px/1 system-ui,sans-serif;letter-spacing:.15em}
@keyframes v53Spin{to{transform:rotate(360deg)}}
@keyframes v53Scan{0%,100%{transform:translateY(-30px);opacity:.1}50%{transform:translateY(240px);opacity:.8}}
@media(max-width:800px){.v53-lab-grid{grid-template-columns:1fr}.v53-lab-visual{min-height:360px}.v53-lab-head{align-items:flex-start;flex-direction:column}.v53-lab-panel{padding:22px}}
@media(prefers-reduced-motion:reduce){.v53-lab-orb:after,.v53-lab-scan{animation:none}}


/* =========================================================
   V5.4 — SMART READER HUD + LAB VISUAL UPGRADE
   ========================================================= */
.v54-page-dots{display:flex;align-items:center;gap:5px;margin-left:4px}
.v54-page-dot{width:5px;height:5px;border:0;border-radius:50%;padding:0;background:#52647b;opacity:.65;cursor:pointer;transition:.25s;box-shadow:0 0 0 0 rgba(45,188,255,0)}
.v54-page-dot:hover{opacity:1;transform:scale(1.35)}
.v54-page-dot.active{width:18px;border-radius:6px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:1;box-shadow:0 0 12px rgba(45,188,255,.28)}
.v54-page-dot:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}
.reader-controls{flex-wrap:wrap}
.v54-reading-badge{position:absolute;left:50%;top:-29px;transform:translateX(-50%);font-size:6px;letter-spacing:.18em;color:#66809d;opacity:.75;white-space:nowrap}
.v54-reading-badge b{color:var(--cyan);font-weight:600}
.v54-lab-photo-real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;filter:saturate(.82) contrast(1.04);transition:opacity .35s,transform .7s}
.v53-lab-photo:hover .v54-lab-photo-real{transform:scale(1.035);opacity:.94}
.v53-lab-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,22,.08),rgba(3,12,22,.42));pointer-events:none}
.v54-lab-photo-label{position:absolute;z-index:2;left:18px;top:16px;padding:6px 8px;border:1px solid rgba(100,200,255,.22);border-radius:5px;background:rgba(2,9,18,.48);backdrop-filter:blur(8px);font:700 7px/1 system-ui,sans-serif;letter-spacing:.15em;color:#9fdcff}
@media(max-width:900px){.v54-page-dots{display:none}.v54-reading-badge{display:none}}
.v54-reading-mode .topbar{opacity:.15;transition:.3s}.v54-reading-mode .topbar:hover{opacity:1}.v54-reading-mode .reader-head,.v54-reading-mode .reader-controls{opacity:.18;transition:.3s}.v54-reading-mode .reader-head:hover,.v54-reading-mode .reader-controls:hover{opacity:1}.v54-reading-mode .book-stage{margin-top:4px}

/* =========================================================
   V5.9.8 — DYNAMIC HOVER + LAPTOP RESPONSIVE PASS
   Content/flip engine intentionally untouched.
   ========================================================= */
.service-grid-v58 > div,
.metrics > div,
.chips span,
.lines span,
.process span,
.outline,
.floating,
.contact-actions button,
.photo-card,
.lab,
.service {
  transition:
    transform .28s cubic-bezier(.2,.75,.2,1),
    border-color .28s ease,
    background-color .28s ease,
    box-shadow .28s ease,
    color .28s ease,
    opacity .28s ease;
}

.service-grid-v58 > div {
  position: relative;
  overflow: hidden;
  cursor: default;
}
.service-grid-v58 > div::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg,var(--blue),var(--cyan));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .32s ease;
}
.service-grid-v58 > div:hover {
  transform: translateY(-4px);
  border-color: rgba(32,211,255,.38);
  background: rgba(32,211,255,.055);
  box-shadow: 0 14px 30px rgba(0,80,160,.12);
}
.service-grid-v58 > div:hover::after { transform: scaleX(1); }

.metrics > div:hover {
  transform: translateY(-3px);
  border-color: rgba(8,124,255,.45);
}
.metrics > div:hover b { color: var(--cyan); }

.chips span { cursor: default; }
.chips span:hover {
  transform: translateY(-2px);
  color: var(--blue);
  border-color: rgba(8,124,255,.55);
  background: rgba(8,124,255,.055);
  box-shadow: 0 8px 20px rgba(8,124,255,.08);
}

.lines span:hover {
  transform: translateX(4px);
  color: #eef7ff;
  border-color: rgba(32,211,255,.32);
}
.lines span:hover b { color: var(--cyan); }

.photo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 30px 70px rgba(0,0,0,.28);
}

.service:focus-visible,
.lab:focus-visible,
.service-grid-v58 > div:focus-within,
.chips span:focus-visible,
.outline:focus-visible,
.floating:focus-visible {
  outline: 1px solid var(--cyan);
  outline-offset: 3px;
}

/* Laptop / medium desktop: protect the book from cramped text and fixed-height overflow. */
@media (max-width:1250px) and (min-width:901px) {
  .topbar { padding-left:22px; padding-right:22px; }
  .reader { padding-left:14px; padding-right:14px; }
  .book-stage { height:min(70vh,620px); min-height:500px; }
  .book { width:calc(100% - 72px); max-width:930px; }
  .pad { padding:6.5% 7%; }
  .page h2 { font-size:clamp(32px,4vw,50px); margin:13px 0; }
  .page p { font-size:10px; line-height:1.62; }
  .metrics { margin-top:18px; }
  .services { height:60%; margin-top:12px; }
  .service { padding:9px; font-size:8px; }
  .service-grid-v58 { gap:7px; }
  .service-grid-v58 > div { padding:12px; }
  .service-grid-v58 > div strong { font-size:10px; }
  .service-grid-v58 > div span { font-size:7.5px; line-height:1.5; }
  .chips { margin:14px 0; }
  .lines { gap:5px; margin-top:13px; }
  .lines span { font-size:8px; padding-bottom:6px; }
  .contact h2 { font-size:48px; }
  .contact>strong { font-size:64px; }
}

@media (max-width:1080px) and (min-width:901px) {
  .book-stage { height:min(68vh,580px); min-height:480px; }
  .book { width:calc(100% - 58px); }
  .page h2 { font-size:clamp(29px,3.7vw,44px); }
  .page p { font-size:9px; line-height:1.55; }
  .split { gap:4%; }
  .photo-card { height:70%; }
  .service-grid-v58 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (hover:none), (pointer:coarse) {
  .service-grid-v58 > div:hover,
  .metrics > div:hover,
  .chips span:hover,
  .lines span:hover,
  .photo-card:hover { transform:none; }
}

@media (prefers-reduced-motion:reduce) {
  .service-grid-v58 > div,
  .metrics > div,
  .chips span,
  .lines span,
  .photo-card,
  .lab,
  .service { transition:none; }
}

html[dir="rtl"] .page.flipped:before{content:'IGI\A شرکت بازرسی کالای بین‌الملل\A\A کیفیت  •  یکپارچگی  •  قابلیت اعتماد';padding:0 18% 0 9%;justify-content:flex-start;text-align:left;direction:rtl;background-position:84% 50%,center,center;}
@media(max-width:900px){.page.flipped:before{font-size:11px;padding-left:12%;padding-right:7%;background-size:45% auto,auto,auto}html[dir="rtl"] .page.flipped:before{padding-left:7%;padding-right:12%;}}

/* =========================================================
   V5.9.13 — RESPONSIVE + SOURCE-BASED CONTENT DETAILS
   Page-flip engine intentionally untouched.
   ========================================================= */
.v59313-detail{
  margin-top:12px;
  border:1px solid rgba(8,124,255,.18);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  overflow:hidden;
}
.light .v59313-detail{background:rgba(8,124,255,.025);border-color:rgba(8,124,255,.14)}
.v59313-detail summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 11px;
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
  color:#c9d8e8;
  user-select:none;
  transition:background .22s ease,color .22s ease,border-color .22s ease;
}
.light .v59313-detail summary{color:#34445a}
.v59313-detail summary::-webkit-details-marker{display:none}
.v59313-detail summary b{
  width:18px;height:18px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(32,211,255,.25);color:var(--cyan);font-size:12px;font-weight:400;
  flex:0 0 auto;transition:transform .22s ease,background .22s ease;
}
.v59313-detail[open] summary{background:rgba(32,211,255,.055);color:#fff}
.light .v59313-detail[open] summary{color:#0b1b30}
.v59313-detail[open] summary b{transform:rotate(45deg);background:rgba(32,211,255,.08)}
.detail-body{
  padding:0 12px 12px;
  max-height:185px;
  overflow:auto;
  scrollbar-width:thin;
}
.detail-body p{font-size:8.5px!important;line-height:1.65!important;margin:7px 0!important;max-width:none!important}
.detail-body h4{font-size:8px;letter-spacing:.08em;margin:9px 0 3px;color:var(--cyan)}
.light .detail-body h4{color:var(--blue)}
.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detail-columns>div{min-width:0}
.v59313-detail + .v59313-detail{margin-top:8px}

/* Page-specific density: the detailed source material stays readable without
   forcing the flipbook page to grow beyond its physical canvas. */
.page[data-page="4"] .lines,
.page[data-page="9"] .lines{margin-top:11px;gap:5px}
.page[data-page="4"] .lines span,
.page[data-page="9"] .lines span{font-size:8px;padding-bottom:5px}
.page[data-page="6"] .chips,
.page[data-page="8"] .chips{margin:12px 0}
.page[data-page="10"] .chips{margin:12px 0}
.page[data-page="11"] .lines{margin-top:12px;gap:5px}
.page[data-page="12"] .chips{margin:12px 0}
.page[data-page="17"] .lines{margin-top:12px;gap:5px}
.page[data-page="17"] .lines span{font-size:8px;padding-bottom:5px}

/* Medium laptops: tune the dense pages individually instead of shrinking the
   whole catalog indiscriminately. */
@media (max-width:1250px) and (min-width:901px){
  .page[data-page="4"] .pad,
  .page[data-page="9"] .pad,
  .page[data-page="10"] .pad,
  .page[data-page="11"] .pad,
  .page[data-page="12"] .pad{padding-top:5.8%;padding-bottom:5.8%}
  .page[data-page="4"] h2,
  .page[data-page="9"] h2,
  .page[data-page="10"] h2,
  .page[data-page="11"] h2,
  .page[data-page="12"] h2{font-size:clamp(27px,3.5vw,42px);margin:10px 0}
  .page[data-page="4"] p,
  .page[data-page="9"] p,
  .page[data-page="10"] p,
  .page[data-page="11"] p,
  .page[data-page="12"] p{font-size:8.8px;line-height:1.48}
  .page[data-page="4"] .v59313-detail,
  .page[data-page="9"] .v59313-detail,
  .page[data-page="10"] .v59313-detail,
  .page[data-page="11"] .v59313-detail,
  .page[data-page="12"] .v59313-detail{margin-top:8px}
  .detail-body{max-height:160px}
  .detail-body p{font-size:7.8px!important;line-height:1.55!important}
  .detail-body h4{font-size:7.4px}
  .v59313-detail summary{font-size:7.4px;padding:8px 9px}
}
@media (max-width:1080px) and (min-width:901px){
  .page[data-page="4"] .photo-card,
  .page[data-page="9"] .photo-card,
  .page[data-page="10"] .photo-card,
  .page[data-page="11"] .photo-card,
  .page[data-page="12"] .photo-card{height:64%}
  .page[data-page="4"] .v59313-detail,
  .page[data-page="9"] .v59313-detail,
  .page[data-page="10"] .v59313-detail,
  .page[data-page="11"] .v59313-detail,
  .page[data-page="12"] .v59313-detail{max-width:100%}
  .detail-columns{gap:8px}
}

/* Tablet / phone: pages become a compact vertical composition. The details
   panel is independently scrollable, preventing text from leaking outside the
   physical page. */
@media (max-width:900px){
  .page[data-page="4"] .pad,
  .page[data-page="5"] .pad,
  .page[data-page="6"] .pad,
  .page[data-page="7"] .pad,
  .page[data-page="8"] .pad,
  .page[data-page="9"] .pad,
  .page[data-page="10"] .pad,
  .page[data-page="11"] .pad,
  .page[data-page="12"] .pad,
  .page[data-page="17"] .pad{padding:7% 7%}
  .page[data-page="4"] h2,
  .page[data-page="5"] h2,
  .page[data-page="6"] h2,
  .page[data-page="7"] h2,
  .page[data-page="8"] h2,
  .page[data-page="9"] h2,
  .page[data-page="10"] h2,
  .page[data-page="11"] h2,
  .page[data-page="12"] h2,
  .page[data-page="17"] h2{font-size:31px;margin:9px 0}
  .page[data-page="4"] p,
  .page[data-page="5"] p,
  .page[data-page="6"] p,
  .page[data-page="7"] p,
  .page[data-page="8"] p,
  .page[data-page="9"] p,
  .page[data-page="10"] p,
  .page[data-page="11"] p,
  .page[data-page="12"] p,
  .page[data-page="17"] p{font-size:8.8px;line-height:1.5}
  .page[data-page="4"] .photo-card,
  .page[data-page="5"] .photo-card,
  .page[data-page="6"] .photo-card,
  .page[data-page="7"] .photo-card,
  .page[data-page="8"] .photo-card,
  .page[data-page="9"] .photo-card,
  .page[data-page="10"] .photo-card,
  .page[data-page="11"] .photo-card,
  .page[data-page="12"] .photo-card{height:28%}
  .v59313-detail{margin-top:8px}
  .detail-columns{grid-template-columns:1fr}
  .detail-body{max-height:150px}
  .detail-body p{font-size:8px!important;line-height:1.55!important}
  .v59313-detail summary{font-size:7.3px;padding:7px 8px}
  .v59313-detail summary b{width:16px;height:16px;font-size:11px}
}

html[dir="rtl"] .v59313-detail summary{letter-spacing:0;text-align:right}
html[dir="rtl"] .detail-body{text-align:right}
html[dir="rtl"] .detail-body h4{letter-spacing:0}
html[dir="rtl"] .detail-columns{direction:rtl}

@media (hover:hover) and (pointer:fine){
  .v59313-detail summary:hover{background:rgba(32,211,255,.045);color:#fff}
  .light .v59313-detail summary:hover{color:#0b1b30}
}
@media (prefers-reduced-motion:reduce){.v59313-detail summary,.v59313-detail summary b{transition:none}}

/* =========================================================
   V5.9.14 — CONTENT-FIRST LAYOUT
   Source images are removed from interior pages so the supplied
   source material can occupy the former image columns.
   Page-flip engine remains untouched.
   ========================================================= */
.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4%;align-items:stretch}
.source-panel{
  min-width:0;
  height:100%;
  border:1px solid rgba(32,211,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  overflow:hidden;
  box-shadow:inset 0 0 35px rgba(0,0,0,.08);
  display:flex;
  flex-direction:column;
}
.light .source-panel{background:rgba(8,124,255,.025);border-color:rgba(8,124,255,.14)}
.source-panel-head{
  flex:0 0 auto;
  padding:11px 13px;
  border-bottom:1px solid rgba(32,211,255,.12);
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
  color:#c9d8e8;
}
.light .source-panel-head{color:#34445a}
.source-panel-list{padding:4px 12px 10px;overflow:auto;scrollbar-width:thin}
.source-panel-list>div{padding:10px 0;border-bottom:1px solid rgba(127,153,183,.14)}
.source-panel-list>div:last-child{border-bottom:0}
.source-panel-list b{display:inline-block;width:24px;color:var(--cyan);font-size:8px;vertical-align:top;opacity:.75}
.light .source-panel-list b{color:var(--blue)}
.source-panel-list strong{display:inline-block;font-size:9px;line-height:1.3;max-width:calc(100% - 30px)}
.source-panel-list span{display:block;margin:4px 0 0 24px;font-size:7.8px;line-height:1.55;color:#aebed1}
.light .source-panel-list span{color:#68778b}
.source-panel-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:0 11px 11px;scrollbar-width:thin}
.source-panel-scroll .detail-body{max-height:none;overflow:visible;padding:0}
.source-panel-scroll .detail-body p{font-size:8.2px!important;line-height:1.58!important}
.source-panel-scroll .detail-body h4{font-size:7.8px;margin:10px 0 3px}
.source-panel-detail .source-panel-head summary{display:block;list-style:none;font:inherit;color:inherit}
.source-panel-detail .source-panel-head summary b{display:none}
.source-panel-detail .v59313-detail{margin:0 0 8px;border-radius:8px}
.source-panel-detail .v59313-detail summary{display:none}
.source-panel-detail .v59313-detail .detail-body{display:block!important}
.source-panel-training .source-panel-scroll .v59313-detail{border:0;background:transparent}
.source-panel-training .source-panel-scroll .v59313-detail .detail-body{padding:0 0 6px}
.page[data-page="14"] .source-panel{min-height:100%}
.page[data-page="16"] .source-panel{min-height:100%}
@media (max-width:1250px) and (min-width:901px){
  .split{gap:3%}
  .source-panel-head{font-size:7.4px;padding:9px 10px}
  .source-panel-list{padding:3px 9px 7px}
  .source-panel-list>div{padding:7px 0}
  .source-panel-list strong{font-size:8px}
  .source-panel-list span{font-size:7px;line-height:1.45}
  .source-panel-scroll{padding:0 9px 8px}
  .source-panel-scroll .detail-body p{font-size:7.4px!important;line-height:1.48!important}
  .source-panel-scroll .detail-body h4{font-size:7px;margin:7px 0 2px}
}
@media (max-width:900px){
  .split{grid-template-columns:1fr;gap:10px}
  .source-panel{min-height:180px;max-height:38%;height:auto}
  .source-panel-list{max-height:260px}
  .source-panel-scroll{max-height:260px}
  .source-panel-scroll .detail-body p{font-size:7.8px!important;line-height:1.5!important}
  .source-panel-head{font-size:7.2px;padding:8px 9px}
}
html[dir="rtl"] .source-panel-list span{margin-left:0;margin-right:24px}
html[dir="rtl"] .source-panel-head{text-align:right;letter-spacing:0}

/* =========================================================
   V5.9.15 — SMART LAYOUT / CONTENT-FIRST POLISH
   No page-flip JS changes. Keep the physical page fixed while
   making dense content use the available area more efficiently.
   ========================================================= */
.page .pad{box-sizing:border-box;min-height:0;overflow:hidden}
.page .split{min-height:0;height:100%;align-items:stretch}
.page .split>div{min-width:0;min-height:0}
.page .source-panel{height:100%;max-height:none;min-height:0}
.page .source-panel-scroll,.page .source-panel-list{min-height:0;max-height:none}
.page .source-panel-scroll{overscroll-behavior:contain}
.page .detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.page .detail-columns>div{min-width:0}
.page .detail-body p{overflow-wrap:anywhere}
.page .lines span,.page .chips span{min-width:0;overflow-wrap:anywhere}

/* Dense service / laboratory pages: preserve hierarchy, reclaim vertical space. */
.page[data-page="4"] .split,
.page[data-page="5"] .split,
.page[data-page="6"] .split,
.page[data-page="7"] .split,
.page[data-page="8"] .split,
.page[data-page="9"] .split,
.page[data-page="10"] .split,
.page[data-page="11"] .split,
.page[data-page="12"] .split,
.page[data-page="14"] .split,
.page[data-page="16"] .split,
.page[data-page="17"] .split{gap:2.5%}

.page[data-page="4"] h2,.page[data-page="5"] h2,
.page[data-page="6"] h2,.page[data-page="7"] h2,
.page[data-page="8"] h2,.page[data-page="9"] h2,
.page[data-page="10"] h2,.page[data-page="11"] h2,
.page[data-page="12"] h2,.page[data-page="14"] h2,
.page[data-page="16"] h2,.page[data-page="17"] h2{font-size:clamp(28px,3.35vw,48px);margin:10px 0}

.page[data-page="4"] p,.page[data-page="5"] p,
.page[data-page="6"] p,.page[data-page="7"] p,
.page[data-page="8"] p,.page[data-page="9"] p,
.page[data-page="10"] p,.page[data-page="11"] p,
.page[data-page="12"] p,.page[data-page="14"] p,
.page[data-page="16"] p,.page[data-page="17"] p{line-height:1.55}

.page[data-page="4"] .source-panel-list>div,
.page[data-page="9"] .source-panel-list>div,
.page[data-page="10"] .source-panel-list>div,
.page[data-page="11"] .source-panel-list>div,
.page[data-page="12"] .source-panel-list>div{padding:7px 0}

.page[data-page="4"] .source-panel-list span,
.page[data-page="9"] .source-panel-list span,
.page[data-page="10"] .source-panel-list span,
.page[data-page="11"] .source-panel-list span,
.page[data-page="12"] .source-panel-list span{font-size:7.2px;line-height:1.4}

@media (max-width:1250px) and (min-width:901px){
  .page .pad{padding:5.5% 6.5%}
  .page .split{gap:2.2%}
  .page .source-panel-head{padding:7px 9px;font-size:7px}
  .page .source-panel-list{padding:2px 8px 6px}
  .page .source-panel-list>div{padding:5px 0}
  .page .source-panel-list strong{font-size:7.4px}
  .page .source-panel-list span{font-size:6.6px;line-height:1.35}
  .page .source-panel-scroll{padding:0 8px 7px}
  .page .source-panel-scroll .detail-body p{font-size:6.8px!important;line-height:1.38!important}
  .page .source-panel-scroll .detail-body h4{font-size:6.8px;margin:5px 0 2px}
  .page .detail-columns{gap:7px}
}

@media (max-width:900px){
  .page .pad{padding:6% 7%}
  .page .split{grid-template-columns:1fr;gap:8px;height:100%;overflow:hidden}
  .page .split>div:first-child{min-height:0;overflow:auto;scrollbar-width:thin}
  .page .source-panel{min-height:0;max-height:none;height:auto;flex:1 1 auto}
  .page .source-panel-list,.page .source-panel-scroll{max-height:none}
  .page .detail-columns{grid-template-columns:1fr;gap:6px}
  .page[data-page="4"] h2,.page[data-page="5"] h2,
  .page[data-page="6"] h2,.page[data-page="7"] h2,
  .page[data-page="8"] h2,.page[data-page="9"] h2,
  .page[data-page="10"] h2,.page[data-page="11"] h2,
  .page[data-page="12"] h2,.page[data-page="14"] h2,
  .page[data-page="16"] h2,.page[data-page="17"] h2{font-size:31px;margin:8px 0}
}

@media (max-height:820px) and (min-width:901px){
  .page .pad{padding-top:4.8%;padding-bottom:4.8%}
  .page h2{margin:8px 0;font-size:clamp(27px,3vw,44px)}
  .page p{font-size:9.5px;line-height:1.5}
  .page .metrics{margin-top:12px}
  .page .source-panel-head{padding:6px 9px}
  .page .source-panel-list>div{padding:5px 0}
  .page .source-panel-scroll .detail-body p{font-size:6.7px!important;line-height:1.35!important}
}


/* V5.9.16 — Editorial motion + icon treatment */
.igi-v5916-icon{
  width:42px;height:42px;display:inline-grid;place-items:center;
  border:1px solid currentColor;border-radius:12px;flex:0 0 auto;
  opacity:.9;box-sizing:border-box;
}
.igi-v5916-icon svg{width:22px;height:22px;display:block}
.igi-v5916-icon-wrap{display:flex;align-items:center;gap:10px}
.catalog-page .igi-anim-item{
  opacity:0;
  transform:translateY(18px);
}
.catalog-page.page-active .igi-anim-item{
  animation:igiV5916In .62s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay:var(--igi-delay,0ms);
}
@keyframes igiV5916In{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
.catalog-page.page-active .igi-anim-icon{
  animation:igiV5916Icon .7s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay:var(--igi-delay,0ms);
}
@keyframes igiV5916Icon{
  from{opacity:0;transform:scale(.78) rotate(-6deg)}
  to{opacity:1;transform:scale(1) rotate(0)}
}
.igi-v5916-vector{
  position:absolute;pointer-events:none;opacity:.10;
  width:150px;height:150px;right:5%;bottom:4%;
}
.igi-v5916-vector svg{width:100%;height:100%}
@media (prefers-reduced-motion:reduce){
  .catalog-page .igi-anim-item,
  .catalog-page .igi-anim-icon{opacity:1;transform:none;animation:none!important}
}