/* Reference: junshidapu.com export site. Navy hero, blue motion rail, large product stories. */
:root{--ink:#0b1936;--deep:#0b1936;--blue:#0b1936;--muted:#526079;--paper:#fafbf8;--line:#dce2e9;--accent:#285dec;--space-section:96px}
.wrap{width:min(1220px,calc(100% - 80px))}body{background:var(--paper)}h1,h2,h3{font-weight:650;letter-spacing:-.055em}.button{border-radius:999px;font-weight:650;padding:15px 26px;box-shadow:0 8px 28px #1b57d522}.text-link{border-bottom:0;font-weight:650}.section-heading{border:0;padding-top:0;margin-bottom:28px}.section-label{font-size:12px}.section-head{gap:40px;margin-bottom:42px}.section-head h2{font-size:clamp(38px,4.3vw,62px);max-width:780px}.soft-heading{color:inherit}.section-head p{max-width:310px;font-size:14px}
.site-header{background:#09162bef;border-bottom:1px solid #ffffff12;box-shadow:none;color:white;backdrop-filter:blur(18px)}.header-inner{height:88px;gap:20px}.brand-text{border-color:#ffffff26}.brand-text span{color:#8c9abb}.site-header .brand img,.site-footer .brand img{filter:brightness(0) invert(1)}.desktop-nav a{color:#b9c5df;font-weight:600;font-size:12px}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:white}.desktop-nav a[aria-current=page]::after{background:#f19862}.site-header .header-quote{background:white;color:#10203f;border-color:white;font-size:12px;box-shadow:none;min-height:46px;padding:12px 20px}.language-switch{color:white}.language-switch summary{background:#ffffff09;border-color:#ffffff25;border-radius:999px;font-size:12px;min-height:46px;padding:10px 14px}.language-switch[open] summary{background:#1c3156;border-color:#6683bd}.language-options{color:#13203b;z-index:2}.menu-toggle{background:#ffffff09;color:white;border-color:#ffffff30;border-radius:999px}
.trade-hero{overflow:hidden;background:radial-gradient(ellipse at 91% 50%,#1b3e91 0,transparent 54%),linear-gradient(110deg,#09162b,#101f3e 65%,#173778);color:white;padding:54px 0 72px}.trade-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:60px 60px}.hero-grid{position:relative;grid-template-columns:1fr 1fr;gap:70px}.trade-hero .hero-copy h1{font-size:clamp(53px,5.2vw,76px);line-height:1.06;max-width:620px;overflow-wrap:normal}.trade-hero .hero-copy .eyebrow{color:#a8b8da;font-size:10px;letter-spacing:.11em;margin-bottom:25px}.brand-dot{background:#6dd7a7;border-radius:50%;box-shadow:0 0 15px #6dd7a755}.trade-hero .lead{color:#adbcd8;font-size:16px;line-height:1.8}.trade-hero .actions{margin-top:32px;gap:24px}.trade-hero .button{background:#2d64f0;border-color:#2d64f0;box-shadow:0 8px 30px #245af05c}.trade-hero .text-link{color:#d8e4ff}.hero-detail{margin-top:38px;border-color:#ffffff18;padding-top:23px;font-size:12px}.hero-detail .mono{color:#7e99c7;font-size:10px}.hero-detail>span:last-child{color:#8da2c8}
.trade-stage,.trade-stage:hover{position:relative;overflow:visible;background:transparent;box-shadow:none;border:0;border-radius:0;isolation:isolate;min-width:0;aspect-ratio:1/1}.trade-stage .hero-photo{position:relative;height:100%;width:100%;aspect-ratio:1;background:transparent!important;border:0;padding:25px 22px 35px;overflow:visible;animation:product-enter 850ms ease-out both}.trade-stage .hero-photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 24px #020e2450)}.stage-rings{position:absolute;inset:-8%;z-index:-1;border:1px solid #91b3ff1a;border-radius:50%;background:radial-gradient(circle,#4079d51a,transparent 68%)}.stage-rings::before,.stage-rings::after{content:'';position:absolute;inset:8%;border:1px solid #91b3ff1a;border-radius:50%}.stage-rings::after{inset:-9%;border-style:dashed;animation:trade-orbit 90s linear infinite}.stage-note{position:absolute;border:1px solid #ffffff24;background:#0c1c38dd;backdrop-filter:blur(16px);border-radius:16px;padding:16px 20px;box-shadow:0 12px 35px #040f2e22;max-width:48%;z-index:2}.stage-note span{display:block;font-size:10px;color:#8ea7ce;text-transform:uppercase;letter-spacing:.04em}.stage-note strong{display:block;color:white;font-size:15px;line-height:1.4;margin:5px 0}.stage-note small{font-size:10px;color:#adbeda;display:block;line-height:1.5}.stage-note-top{right:-10px;top:16px}.stage-note-top strong{font-size:31px;letter-spacing:-.04em}.stage-note-bottom{left:-22px;bottom:10px}.stage-index{position:absolute;right:4px;bottom:6px;color:#8fa6d1;font-size:9px;letter-spacing:.16em}
.trade-assurance{background:white;border-bottom:1px solid var(--line)}.trade-assurance .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:30px 0;gap:38px}.trade-assurance strong{font-size:14px}.trade-assurance p{font-size:12px;margin-top:5px;line-height:1.65}.trade-ticker{background:#285dec;color:white;overflow:hidden;padding:19px 0}.ticker-track{display:flex;width:max-content;animation:trade-ticker 35s linear infinite}.ticker-track>div{display:flex;flex-shrink:0}.ticker-track span{display:flex;align-items:center;gap:36px;margin-right:36px;white-space:nowrap;text-transform:uppercase;font-size:11px;font-weight:650;letter-spacing:.1em}.ticker-track i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#f99b68}.trade-ticker:hover .ticker-track{animation-play-state:paused}@keyframes trade-ticker{to{transform:translateX(-50%)}}@keyframes trade-orbit{to{transform:rotate(360deg)}}
.trade-products .family-grid{grid-template-columns:1fr;gap:26px;counter-reset:product}.trade-products .family-card{display:grid;grid-template-columns:42% 58%;background:#f1f3ed;border:1px solid #e6e9e1;border-radius:24px;min-height:440px;box-shadow:none;counter-increment:product}.trade-products .family-card>a{order:2;display:flex;align-items:center;justify-content:center;background:#f7f8f2;padding:28px;min-width:0}.trade-products .family-body{order:1;display:flex;flex-direction:column;align-items:start;padding:42px;position:relative;min-width:0}.trade-products .family-body::before{content:'0' counter(product);font-size:110px;line-height:1;color:#0b193609;letter-spacing:-.06em;font-weight:700;margin-bottom:26px}.trade-products .family-body .eyebrow{font-size:10px;margin-bottom:18px;color:#74829a}.trade-products .family-body h3{font-size:clamp(30px,3vw,43px);margin-bottom:18px;line-height:1.1}.trade-products .family-body p{font-size:13px;line-height:1.8;margin-bottom:20px}.trade-products .family-body .text-link{margin-top:auto;color:#225be1}.trade-products .family-card .photo-slot{width:100%;max-width:530px;aspect-ratio:1;background:transparent;border:0}.trade-products .family-card .photo-slot img{object-fit:contain}.trade-products .family-card:hover{border-color:#c4d3f0}.trade-products .family-card:hover .photo-slot img{transform:scale(1.035)}
.approach-section{background:white}.selection-box{border-radius:24px;background:#f5f7fc;border-color:#e2e8f4;box-shadow:none}.fit-panel{gap:70px}.fit-copy h2{color:#0b1936}.option-set button{border-radius:999px;min-height:44px}.selection-result{border-color:#dce3ef}.lab-overview{background:#eaf0f8}.lab-overview-grid{gap:65px}.lab-overview-media .photo-slot{border-radius:24px;box-shadow:none}.lab-index>div{border-color:#cfd9e8}.photo-credit,.image-caption{font-size:10px}
.trade-workshop{background:radial-gradient(ellipse at 90% 30%,#172f63,transparent 55%),#0b172e;color:white}.trade-workshop .eyebrow{color:#8da7d4}.trade-workshop .section-label{color:#8da7d4}.trade-workshop .text-link{color:#d8e4ff}.trade-workshop .section-head{align-items:end}.trade-mosaic{display:grid;grid-template-columns:1.02fr 1fr 1fr;grid-template-rows:auto 1fr;gap:18px}.trade-film{grid-column:1;grid-row:1/3;border-radius:24px;box-shadow:none;max-height:none;background:#081326}.trade-film video{width:100%;height:510px;object-fit:cover;background:#081326}.trade-workshop-copy{grid-column:2/4;background:#1d3977;border-radius:24px;padding:34px;display:flex;flex-direction:column;align-items:start}.trade-workshop-copy .eyebrow{margin-bottom:14px;color:#b3c8ef}.trade-workshop-copy p{color:#cfdbf2;font-size:19px;font-weight:500;line-height:1.5;max-width:570px}.trade-workshop-copy .text-link{font-size:12px;margin-top:12px}.trade-photo{position:relative;overflow:hidden;min-width:0;border-radius:22px;min-height:260px}.trade-photo .photo-slot{height:100%;aspect-ratio:auto;border:0;border-radius:0;background:#101e37}.trade-photo img{width:100%;height:100%;object-fit:cover;transition:transform 500ms}.trade-photo:hover img{transform:scale(1.025)}.trade-photo>span{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 18px;background:linear-gradient(transparent,#081326d9);font-size:12px;font-weight:600;color:white}.trade-mosaic .film-caption{font-size:9px;padding:14px 18px}.cta-band{background:#245be7}.cta-inner h2{font-size:clamp(40px,4.3vw,64px)}.site-footer{background:#08152b}.footer-brand p{color:#92a5c5}.footer-col strong{color:white}.footer-col a{color:#acbbd7}.footer-bottom{color:#738bad;border-color:#ffffff17}.site-footer .brand-text{color:white}.page-hero{background:radial-gradient(ellipse at 90% 50%,#203f83,transparent 60%),#0d1c37;color:white}.page-hero p,.page-hero .lead{color:#b5c4e1}.page-hero .eyebrow,.page-hero .breadcrumb{color:#8da7d4}.page-hero .text-link{color:#dce9ff}.page-hero .spec-line{border-color:#ffffff22}.page-hero .spec-line dt{color:#a6b8d9}.page-hero .spec-line dd{color:white}.page-hero .intro-note{background:#ffffff08;color:#b7c8e8;border-color:#ffffff20}.gallery-thumb span{color:inherit}.family-grid:not(.trade-products .family-grid) .family-card{border-radius:20px}.quote-form,.quote-aside,.callout{border-radius:22px}
@media(min-width:1101px){.header-inner .brand-text{display:block}.brand-text strong{font-size:12px;letter-spacing:.12em}.brand-text span{font-size:8px;max-width:180px}.brand{gap:14px}.brand-text{padding-left:14px}.desktop-nav{gap:16px}.header-inner{gap:16px}.site-header .brand img{width:50px;height:42px}}
@media(max-width:1100px){.header-inner .brand-text{display:none}.hero-grid{gap:40px}.trade-hero .hero-copy h1,html:lang(es) .trade-hero .hero-copy h1,html:lang(ru) .trade-hero .hero-copy h1{font-size:clamp(45px,5.5vw,66px)}.trade-products .family-body{padding:30px}.trade-mosaic{grid-template-columns:1fr 1fr}.trade-film{grid-row:1/3}.trade-workshop-copy{grid-column:2}.trade-photo{min-height:230px}.trade-photo:last-child{grid-column:1/3;height:320px}.trade-assurance .wrap{gap:24px}}
@media(max-width:900px){.header-inner{height:76px}.desktop-nav{background:#101f3b;color:white;border-color:#ffffff20}.menu-open .desktop-nav a{color:#d0ddf4}.trade-hero{padding:44px 0 62px}.hero-grid{gap:28px}.trade-hero .actions{gap:15px;flex-wrap:wrap}.trade-hero .actions .button{padding:14px 18px;font-size:12px}.stage-note{padding:12px 14px}.stage-note-bottom{left:-5px}.stage-note-top{right:0}.trade-assurance .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}.trade-products .family-body h3{font-size:34px}.fit-panel{gap:38px}.lab-overview-grid{gap:35px}}
@media(max-width:650px){:root{--space-section:64px}.wrap{width:calc(100% - 40px)}.header-inner{height:70px;gap:12px}.header-quote{display:none}.site-header .brand img{width:48px;height:38px}.language-switch summary{min-height:44px;padding:10px 12px}.hero-grid{grid-template-columns:1fr;gap:40px}.trade-hero{padding:38px 0 46px}.trade-hero .hero-copy h1,html:lang(es) .trade-hero .hero-copy h1,html:lang(ru) .trade-hero .hero-copy h1{font-size:clamp(40px,10.8vw,60px);line-height:1.1}.trade-hero .hero-copy .eyebrow{font-size:9px;margin-bottom:20px;letter-spacing:.07em}.trade-hero .lead{font-size:14px}.trade-hero .actions{margin-top:25px}.hero-detail{margin-top:25px;padding-top:18px}.trade-stage{max-width:440px;width:100%;margin:auto;transform:none!important}.trade-stage .hero-photo{padding:20px 15px 30px}.stage-note{border-radius:12px;max-width:47%;padding:11px 13px}.stage-note-top{top:0;right:0}.stage-note-top strong{font-size:24px}.stage-note-bottom{left:0;bottom:0}.stage-note-bottom strong{font-size:12px}.stage-note span,.stage-note small{font-size:8px}.stage-index{font-size:7px;bottom:1px}.trade-assurance .wrap{padding:26px 0;gap:22px}.trade-assurance strong{font-size:13px}.trade-assurance p{font-size:11px}.trade-ticker{padding:15px 0}.ticker-track span{font-size:9px;gap:25px;margin-right:25px}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:37px}.section-head p{margin-top:22px}.section-heading{margin-bottom:22px;gap:15px}.section-label{font-size:10px}.section-heading .eyebrow{font-size:9px;max-width:60%}.trade-products .family-card{grid-template-columns:1fr;min-height:0;border-radius:20px}.trade-products .family-card>a{order:1;padding:22px 25px 0;max-height:none}.trade-products .family-card .photo-slot{max-width:360px}.trade-products .family-body{order:2;padding:27px;min-height:0}.trade-products .family-body::before{font-size:42px;line-height:1;margin-bottom:18px;color:#0b193620}.trade-products .family-body h3{font-size:31px}.trade-products .family-body p{font-size:13px}.trade-products .family-body .eyebrow{margin-bottom:13px}.trade-products .family-grid{gap:20px}.fit-panel{gap:30px}.fit-copy h2,.lab-overview-copy h2{font-size:37px}.selection-box{padding:26px 20px}.lab-overview-media .photo-slot{border-radius:20px}.trade-mosaic{grid-template-columns:1fr 1fr;gap:12px}.trade-film{grid-column:1/3;grid-row:auto}.trade-film video{height:430px;object-fit:contain}.trade-workshop-copy{grid-column:1/3;padding:25px;border-radius:20px}.trade-workshop-copy p{font-size:16px}.trade-photo,.trade-photo:last-child{grid-column:auto;height:250px;min-height:0;border-radius:16px}.trade-photo>span{font-size:10px;padding:40px 12px 14px}.trade-workshop .section-head .text-link{margin-top:20px}.cta-inner h2{font-size:39px}.cta-band{padding:58px 0}.footer-grid{gap:32px 20px}.page-hero h1{font-size:clamp(38px,10.3vw,56px)}.contact-actions{right:14px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header-inner{gap:8px}.menu-toggle{padding:10px;font-size:11px}.language-switch summary{padding:10px;font-size:11px}.trade-hero .hero-copy h1,html:lang(es) .trade-hero .hero-copy h1,html:lang(ru) .trade-hero .hero-copy h1{font-size:37px}.trade-products .family-body{padding:24px}.trade-products .family-body h3{font-size:29px}.trade-photo,.trade-photo:last-child{height:210px}.trade-film video{height:360px}.section-head h2{font-size:34px}}
html:lang(hi) .trade-hero .hero-copy h1{font-size:clamp(43px,4.8vw,68px);line-height:1.26;letter-spacing:-.015em}html:lang(hi) .trade-products .family-body h3{line-height:1.25;letter-spacing:0}html:lang(hi) .trade-workshop-copy p{line-height:1.75}@media(max-width:650px){html:lang(hi) .trade-hero .hero-copy h1{font-size:clamp(36px,9.6vw,55px)}}
@media(prefers-reduced-motion:reduce){.ticker-track,.stage-rings::after{animation:none!important}.ticker-track{width:auto}.ticker-track>div:first-child{flex-wrap:wrap;gap:10px;padding:0 20px}.ticker-track>div[aria-hidden]{display:none}.trade-stage .hero-photo{animation:none}.trade-photo:hover img{transform:none}}
@media(max-width:650px){.trade-hero .actions .text-link{font-size:12px;gap:10px}.trade-hero .actions{gap:14px}.trade-hero .hero-copy h1{margin-bottom:24px}.trade-hero .hero-detail{margin-top:23px}}
@media(max-width:900px){.site-header.menu-open .desktop-nav{background:#101f3b;border-color:#ffffff20;box-shadow:0 20px 32px #06132626}.site-header.menu-open .desktop-nav a{color:#d0ddf4}.site-header.menu-open .desktop-nav a:hover,.site-header.menu-open .desktop-nav a[aria-current=page]{color:white}}
.site-footer .brand img{background:transparent;padding:0;border-radius:0}
