:root{--ink:#101827;--muted:#627083;--line:#e5e9ef;--pale:#f6f8fa;--blue:#245fd6;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,"Segoe UI",sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.nav{height:76px;padding:0 5vw;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:50}.brand{display:flex;flex-direction:column;min-width:188px}.brand b{font-size:16px;letter-spacing:.08em}.brand span{font-size:9px;color:#6b7280;letter-spacing:.12em;margin-top:2px}.links{display:flex;gap:25px;margin-left:auto;font-size:12px;align-items:center}.links a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:6px;border:1px solid #cdd5df;font-size:12px;font-weight:650;background:white}.btn.dark{background:#111827;color:#fff;border-color:#111827}.nav .btn{margin-left:2px}.menu{display:none;border:0;background:none;font-size:24px}.mobile-nav{position:sticky;top:76px;z-index:45;background:white;border-bottom:1px solid var(--line);padding:14px 20px}.mobile-nav a{display:block;padding:10px 0}.language{position:relative}.language summary{list-style:none;cursor:pointer;padding:8px 9px;border-radius:5px;font-size:11px}.language summary::-webkit-details-marker{display:none}.language-menu{position:absolute;right:0;top:38px;width:170px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px;box-shadow:0 16px 38px #0f172a18}.language-menu a{display:flex;justify-content:space-between;padding:9px;border-radius:5px;font-size:12px}.language-menu a:hover,.language-menu a.active{background:#f1f5f9}.hero{min-height:600px;padding:82px 6vw;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;background:linear-gradient(115deg,#fdfdfd,#eef3f7)}.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px}.hero h3{font-size:21px;margin:0 0 18px}.hero p{max-width:610px;line-height:1.75;color:var(--muted)}.kicker{font-size:10px;letter-spacing:.18em;font-weight:750;color:#68788d;margin:0 0 16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-art{height:410px;position:relative}.glasses{position:absolute;inset:45px 0 0 4%;transform:rotate(-2deg)}.glasses .lens{position:absolute;top:90px;width:235px;height:148px;border:15px solid #131923;border-radius:56px}.glasses .l{left:55px}.glasses .r{left:330px}.glasses .bridge{position:absolute;left:289px;top:152px;width:48px;border-top:13px solid #131923;border-radius:50%}.glasses .arm{position:absolute;height:16px;background:#151c26;border-radius:14px;top:164px}.glasses .a1{left:0;width:70px;transform:rotate(-12deg)}.glasses .a2{left:565px;width:90px;transform:rotate(8deg)}.smartbar{position:absolute;right:1%;top:90px;width:225px;height:66px;border-radius:28px;background:linear-gradient(90deg,#131a23,#465161,#121821);transform:rotate(8deg);color:#e4e9ef;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.11em}.dash{position:absolute;right:193px;top:160px;width:72px;border-top:3px dashed #9aa7b5;transform:rotate(-12deg)}.section{padding:88px 6vw;max-width:var(--max);margin:auto}.section.full{max-width:none}.section.pale{background:var(--pale)}.section h2{font-size:clamp(34px,3.7vw,54px);line-height:1.04;letter-spacing:-.04em;margin:0}.lead{font-size:16px;color:var(--muted);line-height:1.8;max-width:770px}.intro{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:36px}.intro .lead{max-width:650px;margin:0}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:10px;background:white;padding:26px;min-height:190px}.card .num{color:var(--blue);font-size:11px;font-weight:750}.card h3{font-size:18px;margin:18px 0 8px}.card h4{font-size:15px;margin:16px 0 8px}.card p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.card .link{display:inline-block;color:var(--blue);font-size:12px;margin-top:18px}.category-visual{height:180px;border-radius:8px;background:linear-gradient(145deg,#fafcfd,#e7edf2);position:relative;margin-bottom:20px;overflow:hidden}.category-visual:before,.category-visual:after{content:"";position:absolute;top:55px;width:30%;height:62px;border:9px solid #141b25;border-radius:28px}.category-visual:before{left:17%}.category-visual:after{left:53%}.category-visual.temple:before{left:18%;top:76px;width:64%;height:22px;border-radius:14px;background:#17202a}.category-visual.temple:after{display:none}.band{max-width:none;background:#111827;color:white;padding:76px 6vw}.band .inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px}.band p{color:#b8c1ce;line-height:1.8}.list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.pill{padding:15px 18px;border:1px solid var(--line);border-radius:7px;background:white;font-size:13px;color:#111827}.process{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:26px}.process span{padding:10px 13px;border:1px solid #cdd6e0;border-radius:5px;font-size:12px}.process i{font-style:normal;color:#9aa5b2}.page-hero{padding:76px 6vw 62px;background:linear-gradient(120deg,#fbfcfd,#eef3f7);border-bottom:1px solid var(--line)}.page-hero .wrap{max-width:var(--max);margin:auto}.page-hero h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.05em;line-height:1;margin:0 0 20px;max-width:900px}.page-hero p{max-width:790px;color:var(--muted);font-size:16px;line-height:1.8}.breadcrumbs{font-size:11px;color:#8793a2;margin-bottom:24px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.filter{padding:10px 14px;border:1px solid #d7dee7;border-radius:20px;background:#fff;font-size:12px}.filter.active{background:#111827;color:#fff;border-color:#111827}.about-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.quote{border-left:3px solid var(--blue);padding-left:22px;font-size:20px;line-height:1.55;margin:20px 0}.cta{padding:62px 6vw;text-align:center;background:#f3f6f9;border-top:1px solid var(--line)}.cta h2{font-size:36px;letter-spacing:-.035em;margin:0 0 12px}.cta p{color:var(--muted);max-width:680px;margin:0 auto;line-height:1.7}.cta .actions{justify-content:center}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-box{border:1px solid var(--line);border-radius:10px;padding:25px;margin-bottom:14px}.contact-box small{color:#8390a1}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#657386}.field input,.field textarea{border:1px solid #cfd8e3;border-radius:6px;padding:12px 13px;background:white}.field textarea{min-height:120px;resize:vertical}.form-note{font-size:11px;color:#8a96a6;line-height:1.5;margin-top:12px}.footer{border-top:1px solid var(--line);padding:52px 6vw 34px}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:44px;font-size:12px}.footer b{display:block;color:#151b24;margin-bottom:12px}.footer a,.footer span{display:block;color:#667488;margin:8px 0}.footer a:hover{color:var(--blue)}.copyright{max-width:var(--max);margin:36px auto 0;padding-top:20px;border-top:1px solid #eef1f4;color:#8c98a6;font-size:11px}.skip{position:absolute;top:-60px;left:12px;background:#111827;color:white;padding:10px 14px;z-index:100}.skip:focus{top:12px}html[dir="rtl"] .brand{direction:ltr;text-align:left}html[dir="rtl"] .language-menu{right:auto;left:0}html[dir="rtl"] .quote{border-left:0;border-right:3px solid var(--blue);padding-left:0;padding-right:22px}
.home-about-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-about-cards .card{min-height:150px;padding:24px}
.home-about-cards .card h3{margin:0 0 10px;font-size:18px}
.home-about-cards .card p{font-size:13px;line-height:1.65}
@media(max-width:760px){.home-about-cards{grid-template-columns:1fr}}

/* About Us independent page: wider 2x2 capability cards */
.about-page-layout{grid-template-columns:minmax(360px,.85fr) minmax(560px,1.35fr);align-items:start}
.about-page-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.about-page-cards .card{min-height:190px;padding:28px}
.about-page-cards .card h3{margin:0 0 12px;font-size:20px;line-height:1.25}
.about-page-cards .card p{font-size:14px;line-height:1.7}
.about-page-cards .card .link{margin-top:20px}

.product-card-link{display:block}
.product-card-link .card{height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}
.product-card-link:hover .card{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.08);border-color:#b9c6d5}
.product-card-link:focus-visible{outline:3px solid #245fd6;outline-offset:4px;border-radius:10px}
.product-card-link .card .view-products{display:inline-block;margin-top:18px;color:#245fd6;font-size:12px;font-weight:700}
@media(max-width:1050px){
  .about-page-layout{grid-template-columns:1fr}
  .about-page-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .about-page-cards{grid-template-columns:1fr}
}
@media(max-width:1050px){.links,.nav>.btn{display:none}.menu{display:block;margin-left:auto}.hero{grid-template-columns:1fr}.hero-art{height:330px}.grid4{grid-template-columns:repeat(2,1fr)}.band .inner,.about-split,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.nav{height:68px;padding:0 20px}.mobile-nav{top:68px}.language{display:none}.hero{min-height:auto;padding:58px 20px 34px}.hero h1{font-size:47px}.hero-art{height:245px;transform:scale(.64);transform-origin:left top;width:155%;margin-bottom:-40px}.section{padding:62px 20px}.page-hero{padding:54px 20px 46px}.page-hero h1{font-size:43px}.intro{display:block}.intro .lead{margin-top:18px}.grid4,.grid3,.list{grid-template-columns:1fr}.band{padding:60px 20px}.band .inner{grid-template-columns:1fr}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer{padding:44px 20px 28px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.cta{padding:50px 20px}.actions .btn{width:100%}}

.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:42px;height:42px;object-fit:contain;flex:0 0 42px}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-text b{display:block}@media(max-width:760px){.brand-logo{width:34px;height:34px;flex-basis:34px}.brand{gap:10px}.brand-text span{font-size:10px;letter-spacing:.14em}}

/* V5 final navbar and product taxonomy */
.brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-width:230px}
.brand-logo{height:44px!important;width:auto!important;max-width:66px!important;object-fit:contain;flex:0 0 auto}
.brand-text{display:flex!important;flex-direction:column!important;justify-content:center;line-height:1}
.brand-text b{font-size:16px!important;letter-spacing:.08em;color:#101827}
.brand-text>span{font-size:9px!important;color:#6b7280;letter-spacing:.12em;margin-top:5px!important}
.product-card-link{display:block}
.product-card-link .card{height:100%;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.product-card-link:hover .card{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.08);border-color:#b9c6d5}
.product-card-link .view-products{display:inline-block;margin-top:18px;color:#245fd6;font-size:12px;font-weight:700}
.catalog-empty{border:1px solid var(--line);border-radius:12px;background:#fff;padding:34px;max-width:900px}
.catalog-empty h3{margin:0 0 12px;font-size:22px}
.catalog-empty p{margin:0;color:var(--muted);line-height:1.75}
@media(max-width:760px){
  .brand{min-width:0!important;gap:9px!important}
  .brand-logo{height:34px!important;max-width:50px!important}
  .brand-text b{font-size:13px!important}
  .brand-text>span{font-size:8px!important;white-space:nowrap}
}

/* Modular ecosystem content */
.ecosystem-hero .kicker{color:#245fd6}
.ecosystem-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px}
.flow-step{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px;min-height:118px;display:flex;flex-direction:column;gap:16px}
.flow-step span{font-size:11px;font-weight:750;color:#245fd6;letter-spacing:.12em}
.flow-step b{font-size:13px;line-height:1.45;color:#101827}
@media(max-width:1050px){.ecosystem-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ecosystem-flow{grid-template-columns:1fr}.flow-step{min-height:auto}.hero h1{font-size:42px;line-height:1.04}}

.hero{overflow:hidden}

/* Homepage modular story refresh */
.modular-intro{max-width:none;padding:96px 6vw;background:#fff}
.modular-intro .modular-panel{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:44px;align-items:stretch}
.modular-copy{background:#111827;color:#fff;border-radius:8px;padding:42px;display:flex;flex-direction:column;justify-content:center;min-height:420px}
.modular-copy .kicker{color:#8fb4ff}
.modular-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.04em;margin:0 0 22px}
.modular-copy .lead{color:#d8e1ec;font-size:16px;max-width:620px}
.modular-copy .btn{background:transparent;color:#fff;border-color:#637086}
.modular-copy .btn.dark{background:#fff;color:#111827;border-color:#fff}
.signature-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.signature-line span{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 12px;color:#eaf1fb;font-size:12px;font-weight:700}
.interface-stage{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#f8fafc,#eef3f7);padding:34px;display:flex;flex-direction:column;justify-content:center;min-height:420px;position:relative;overflow:hidden}
.stage-formula{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#245fd6;font-weight:800;margin-bottom:28px}
.interface-map{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:18px;align-items:center}
.map-stack{display:grid;gap:12px}
.map-stack span{display:flex;align-items:center;min-height:64px;border:1px solid #d8e0ea;background:#fff;border-radius:8px;padding:16px;font-size:14px;font-weight:800;color:#111827;box-shadow:0 14px 30px rgba(15,23,42,.05)}
.map-core{min-height:188px;border-radius:8px;background:#111827;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;box-shadow:0 20px 45px rgba(15,23,42,.18);position:relative}
.map-core:before,.map-core:after{content:"";position:absolute;top:50%;width:24px;border-top:2px solid #245fd6}
.map-core:before{right:100%}
.map-core:after{left:100%}
.map-core small{color:#9db8ee;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
.map-core b{font-size:20px;line-height:1.2;letter-spacing:.02em}
.interface-stage p{margin:28px 0 0;color:#627083;line-height:1.7;max-width:720px}
.value-strip{max-width:1440px;margin:18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe6ef;border:1px solid #dfe6ef;border-radius:8px;overflow:hidden}
.value-strip b{background:#fff;padding:20px 18px;font-size:15px;line-height:1.35}
.compact-intro{align-items:start}
.value-card{min-height:210px}
.growth-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px}
.growth-step{border:1px solid var(--line);border-radius:8px;background:#fff;padding:20px;min-height:142px;display:flex;flex-direction:column;gap:16px;position:relative}
.growth-step:not(:last-child):after{content:"";position:absolute;right:-13px;top:50%;width:13px;border-top:2px solid #b9c6d5}
.growth-step span{font-size:11px;font-weight:800;color:#245fd6;letter-spacing:.12em}
.growth-step b{font-size:13px;line-height:1.45}
@media(max-width:1050px){.modular-intro .modular-panel{grid-template-columns:1fr}.interface-map{grid-template-columns:1fr}.map-core:before,.map-core:after{display:none}.value-strip{grid-template-columns:repeat(2,1fr)}.growth-line{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-step:after{display:none}}
@media(max-width:640px){.modular-intro{padding:62px 20px}.modular-copy,.interface-stage{min-height:auto;padding:28px}.modular-copy h2{font-size:34px}.value-strip{grid-template-columns:1fr}.growth-line{grid-template-columns:1fr}.interface-map{gap:12px}.map-core{min-height:138px}.stage-formula{line-height:1.5}}

/* Tech visual refresh */
.tech-hero{background:radial-gradient(circle at 72% 28%,rgba(36,95,214,.18),transparent 34%),linear-gradient(120deg,#fbfdff,#eef3f7 48%,#f8fafc);}
.tech-hero h1{max-width:780px}
.interface-showcase{max-width:none;background:#fff;padding:104px 6vw}
.showcase-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(0,.85fr);gap:54px;align-items:center}
.showcase-media{position:relative;min-height:560px;border-radius:8px;overflow:hidden;background:#f3f6f9;border:1px solid #dfe6ef;box-shadow:0 24px 70px rgba(15,23,42,.10)}
.showcase-media:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(36,95,214,.16));z-index:1;pointer-events:none}
.showcase-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:saturate(1.04) contrast(1.02)}
.media-badge{position:absolute;left:24px;bottom:24px;z-index:2;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border:1px solid rgba(205,213,223,.8);border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800;color:#245fd6;letter-spacing:.08em}
.showcase-copy h2{font-size:clamp(38px,4.8vw,70px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px}
.showcase-copy .lead{font-size:17px;max-width:690px}
.tech-equation{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:30px 0}
.tech-equation span{padding:13px 16px;border:1px solid #d6dee8;border-radius:8px;background:#fff;font-size:13px;font-weight:850;box-shadow:0 12px 26px rgba(15,23,42,.05)}
.tech-equation i{font-style:normal;color:#245fd6;font-weight:900}
.interface-chip{border:1px solid #d8e0ea;border-left:4px solid #245fd6;border-radius:8px;padding:20px 22px;background:#f8fafc;max-width:680px}
.interface-chip small{display:block;color:#245fd6;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.interface-chip b{font-size:20px;line-height:1.35}
.value-system{padding-top:8px}
.tech-page-hero{background:linear-gradient(125deg,#101827,#172336 60%,#eef3f7 60%);color:#fff}
.tech-page-hero .breadcrumbs,.tech-page-hero p{color:#d8e1ec}
.tech-page-hero .kicker{color:#8fb4ff}
.architecture-lab{max-width:none;background:#0f1724;color:#fff;padding:98px 6vw}
.lab-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(560px,1.2fr);gap:48px;align-items:center}
.lab-copy h2{font-size:clamp(38px,4.6vw,68px);line-height:1.03;letter-spacing:-.045em;margin:0 0 22px}
.lab-copy .lead{color:#c6d1df}
.lab-copy .kicker{color:#8fb4ff}
.lab-points{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.lab-points span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);border-radius:999px;padding:10px 13px;font-size:12px;font-weight:800;color:#e7edf6}
.lab-copy .btn{background:transparent;color:#fff;border-color:#637086}
.lab-copy .btn.dark{background:#fff;color:#111827;border-color:#fff}
.architecture-visual{min-height:520px;border:1px solid rgba(143,180,255,.28);border-radius:8px;background:linear-gradient(180deg,rgba(36,95,214,.18),rgba(255,255,255,.04));position:relative;overflow:hidden;padding:38px}
.architecture-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,#000,transparent 85%)}
.lab-core{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:min(360px,72%);min-height:172px;border-radius:8px;background:#f8fbff;color:#101827;border:1px solid #8fb4ff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;box-shadow:0 0 48px rgba(36,95,214,.28);z-index:2}
.lab-core small{font-size:10px;color:#245fd6;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.lab-core b{font-size:24px;line-height:1.18}
.lab-orbit{position:absolute;inset:38px;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}
.lab-orbit span,.lab-rails span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:8px;padding:13px 16px;font-size:12px;font-weight:850;color:#eaf1fb;backdrop-filter:blur(8px)}
.lab-rails{position:absolute;left:38px;right:38px;bottom:38px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;z-index:2}
.growth-section{background:#fff}
.product-showcase{max-width:1440px}
.product-tile{padding:0;overflow:hidden;min-height:420px}
.product-tile h3,.product-tile p,.product-tile .view-products{margin-left:24px;margin-right:24px}
.product-tile h3{margin-top:22px}
.product-tile p{min-height:66px}
.category-visual{height:250px;border-radius:0;background:#f7f7f6;margin:0;overflow:hidden;border-bottom:1px solid #edf0f3}
.category-visual:before,.category-visual:after{top:92px;height:54px;border-width:7px;border-color:#5f6872;background:rgba(255,255,255,.24);box-shadow:0 22px 38px rgba(15,23,42,.10)}
.category-visual:before{left:18%;width:28%}.category-visual:after{left:54%;width:28%}
.category-visual.frame:before,.category-visual.frame:after{border-radius:26px}
.category-visual.sun:before,.category-visual.sun:after{background:#9eaaae;border-color:#9b8870}
.category-visual.temple:before{left:18%;top:112px;width:64%;height:24px;border:0;border-radius:999px;background:linear-gradient(90deg,#151d27,#607084,#111827);box-shadow:0 22px 38px rgba(15,23,42,.16)}
.category-visual.temple:after{display:block;left:70%;top:98px;width:44px;height:54px;border:0;border-radius:12px;background:#245fd6;opacity:.9}
.category-visual.standard:before{background:linear-gradient(90deg,#8995a3,#c9d0d8,#6f7884)}
.category-visual.standard:after{background:#aeb7c1}
.category-visual:after{content:""}
@media(max-width:1050px){.showcase-grid,.lab-grid{grid-template-columns:1fr}.showcase-media{min-height:420px}.lab-rails{grid-template-columns:repeat(2,1fr)}.architecture-visual{min-height:500px}}
@media(max-width:640px){.interface-showcase,.architecture-lab{padding:64px 20px}.showcase-media{min-height:310px}.showcase-copy h2,.lab-copy h2{font-size:36px}.tech-equation span{width:100%;text-align:center}.tech-equation i{width:100%;text-align:center}.architecture-visual{min-height:460px;padding:24px}.lab-orbit{inset:24px}.lab-rails{left:24px;right:24px;bottom:24px;grid-template-columns:1fr}.lab-core{top:42%;width:82%}.product-tile{min-height:auto}.category-visual{height:220px}}

/* Product sample and detail interface */
.notranslate{unicode-bidi:isolate}
.product-series-hero h1 .notranslate{display:inline-block}
.sample-series{padding-top:76px}
.sample-grid{align-items:stretch}
.sample-card{padding:0;overflow:hidden;min-height:470px;border-radius:8px;background:#fff}
.sample-card .sample-body{padding:24px}
.sample-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}
.sample-top small{font-size:10px;color:#245fd6;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.sample-top b{font-size:12px;color:#7a8594}
.sample-card h3{margin:0 0 10px;font-size:20px}
.sample-card p{min-height:66px}
.sample-swatches{display:flex;align-items:center;gap:10px;margin:18px 0 8px}
.sample-swatches i{width:22px;height:22px;border-radius:50%;display:block;border:1px solid rgba(15,23,42,.12);box-shadow:inset -9px 0 rgba(255,255,255,.46)}
.sample-visual{height:260px;background:#f7f7f6;position:relative;overflow:hidden;border-bottom:1px solid #edf0f3}
.sample-visual:before,.sample-visual:after{content:"";position:absolute;filter:drop-shadow(0 24px 30px rgba(15,23,42,.14))}
.sample-visual.optical:before,.sample-visual.sun:before{left:18%;top:94px;width:27%;height:58px;border:8px solid #68717b;border-radius:26px;background:rgba(255,255,255,.42)}
.sample-visual.optical:after,.sample-visual.sun:after{left:53%;top:94px;width:27%;height:58px;border:8px solid #68717b;border-radius:26px;background:rgba(255,255,255,.42)}
.sample-visual.optical span,.sample-visual.sun span{position:absolute;left:46%;top:125px;width:8%;border-top:7px solid #68717b;border-radius:999px}
.sample-visual.optical.v2:before,.sample-visual.optical.v2:after{border-color:#9b8870;background:#c6d0d3}.sample-visual.optical.v3:before,.sample-visual.optical.v3:after{border-color:#111827}.sample-visual.optical.v4:before,.sample-visual.optical.v4:after{border-color:#7c8792;background:#eef2f5}
.sample-visual.sun:before,.sample-visual.sun:after{border-color:#9a8664;background:#9fa9ab}.sample-visual.sun.v2:before,.sample-visual.sun.v2:after{border-color:#617083;background:#7f8f98}.sample-visual.sun.v3:before,.sample-visual.sun.v3:after{border-color:#111827;background:#5f6872}.sample-visual.sun.v4:before,.sample-visual.sun.v4:after{border-color:#b7a47b;background:#8c9398}
.sample-visual.smart:before,.sample-visual.standard:before{left:18%;top:116px;width:58%;height:24px;border-radius:999px;background:linear-gradient(90deg,#121b26,#647489,#111827);box-shadow:0 22px 36px rgba(15,23,42,.18)}
.sample-visual.smart:after,.sample-visual.standard:after{left:68%;top:96px;width:54px;height:66px;border-radius:13px;background:#245fd6;opacity:.95}
.sample-visual.smart.v2:after{background:#0ea5e9}.sample-visual.smart.v3:after{background:#516174}.sample-visual.smart.v4:after{background:#111827}
.sample-visual.standard:before{background:linear-gradient(90deg,#8d98a5,#d8dee5,#687484)}.sample-visual.standard:after{background:#b9c2cc}.sample-visual.standard.v2:before{background:linear-gradient(90deg,#111827,#6b7280,#d5dde5)}.sample-visual.standard.v3:before{background:linear-gradient(90deg,#9b8870,#d8c8ad,#687488)}.sample-visual.standard.v4:before{background:linear-gradient(90deg,#5f6872,#aeb7c1,#f3f6f9)}
.product-detail-hero{display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(0,.95fr);gap:56px;padding:72px 6vw;max-width:1440px;margin:auto;align-items:start}
.detail-gallery{position:sticky;top:104px}
.detail-main-visual{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f7f7f6;box-shadow:0 24px 70px rgba(15,23,42,.08)}
.detail-main-visual .sample-visual{height:560px;border-bottom:0}
.detail-main-visual .sample-visual.optical:before,.detail-main-visual .sample-visual.sun:before{top:224px}.detail-main-visual .sample-visual.optical:after,.detail-main-visual .sample-visual.sun:after{top:224px}.detail-main-visual .sample-visual.optical span,.detail-main-visual .sample-visual.sun span{top:255px}
.detail-main-visual .sample-visual.smart:before,.detail-main-visual .sample-visual.standard:before{top:260px}.detail-main-visual .sample-visual.smart:after,.detail-main-visual .sample-visual.standard:after{top:238px}
.detail-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.detail-thumbs button{border:1px solid #d7dee7;border-radius:6px;background:#fff;padding:12px;font-size:12px;font-weight:750;color:#637083}
.detail-thumbs button.active{background:#111827;color:#fff;border-color:#111827}
.detail-info{padding-top:18px}
.detail-info h1{font-size:clamp(44px,5.4vw,76px);line-height:.98;letter-spacing:-.05em;margin:8px 0 14px}
.detail-series{font-size:14px;color:#245fd6;font-weight:850;margin:0 0 18px}
.variant-panel{border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:22px;margin:26px 0}
.variant-panel h3{margin:0 0 6px;font-size:18px}
.variant-panel p{color:#667488;font-size:12px;line-height:1.6;margin:10px 0 0}
.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.spec-grid div{border:1px solid var(--line);border-radius:8px;padding:16px;background:#fff}
.spec-grid small{display:block;color:#7c8999;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.spec-grid b{font-size:13px;line-height:1.45}
@media(max-width:1050px){.product-detail-hero{grid-template-columns:1fr}.detail-gallery{position:static}.detail-main-visual .sample-visual{height:430px}}
@media(max-width:640px){.product-detail-hero{padding:48px 20px;gap:28px}.detail-main-visual .sample-visual{height:320px}.detail-main-visual .sample-visual.optical:before,.detail-main-visual .sample-visual.sun:before{top:124px}.detail-main-visual .sample-visual.optical:after,.detail-main-visual .sample-visual.sun:after{top:124px}.detail-main-visual .sample-visual.optical span,.detail-main-visual .sample-visual.sun span{top:155px}.detail-main-visual .sample-visual.smart:before,.detail-main-visual .sample-visual.standard:before{top:150px}.detail-main-visual .sample-visual.smart:after,.detail-main-visual .sample-visual.standard:after{top:128px}.spec-grid{grid-template-columns:1fr}.sample-visual{height:230px}}

/* Detail gallery view states */
.sample-visual[data-view="interface"]{background:radial-gradient(circle at 52% 48%,rgba(36,95,214,.18),transparent 30%),linear-gradient(135deg,#f9fbfd,#edf3f8)}
.sample-visual[data-view="interface"]:before{left:15%;top:112px;width:36%;height:34px;border:0;border-radius:999px;background:linear-gradient(90deg,#111827,#536071,#c9d3df);box-shadow:0 24px 34px rgba(15,23,42,.16)}
.sample-visual[data-view="interface"]:after{display:block;left:58%;top:90px;width:22%;height:78px;border:0;border-radius:18px;background:linear-gradient(120deg,#172233,#245fd6);box-shadow:0 24px 38px rgba(36,95,214,.20)}
.sample-visual[data-view="interface"] span{position:absolute;left:49%;top:123px;width:12%;height:12px;border-radius:999px;background:#245fd6;box-shadow:0 0 0 8px rgba(36,95,214,.10)}
.sample-visual[data-view="side"]{background:linear-gradient(180deg,#fafafa,#f2f5f8)}
.sample-visual[data-view="side"]:before{left:14%;top:124px;width:64%;height:20px;border:0;border-radius:999px;background:linear-gradient(90deg,#111827,#6a7685,#d9e0e8);box-shadow:0 22px 34px rgba(15,23,42,.14)}
.sample-visual[data-view="side"]:after{display:block;left:74%;top:102px;width:56px;height:64px;border:0;border-radius:14px;background:linear-gradient(145deg,#d6dde6,#8995a3);box-shadow:0 22px 34px rgba(15,23,42,.12)}
.sample-visual[data-view="side"] span{position:absolute;left:11%;top:116px;width:54px;height:36px;border:7px solid #68717b;border-radius:18px;background:rgba(255,255,255,.3)}
.sample-visual.smart[data-view="front"]:before,.sample-visual.standard[data-view="front"]:before{left:18%;top:116px;width:58%;height:24px}
.sample-visual.smart[data-view="front"]:after,.sample-visual.standard[data-view="front"]:after{left:68%;top:96px;width:54px;height:66px}
.detail-main-visual .sample-visual[data-view="interface"]:before{top:256px}.detail-main-visual .sample-visual[data-view="interface"]:after{top:228px}.detail-main-visual .sample-visual[data-view="interface"] span{top:268px}
.detail-main-visual .sample-visual[data-view="side"]:before{top:268px}.detail-main-visual .sample-visual[data-view="side"]:after{top:246px}.detail-main-visual .sample-visual[data-view="side"] span{top:260px}
.detail-thumbs button{cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.detail-thumbs button:hover{transform:translateY(-1px);border-color:#9fb0c5}
@media(max-width:640px){.detail-main-visual .sample-visual[data-view="interface"]:before{top:146px}.detail-main-visual .sample-visual[data-view="interface"]:after{top:118px}.detail-main-visual .sample-visual[data-view="interface"] span{top:158px}.detail-main-visual .sample-visual[data-view="side"]:before{top:158px}.detail-main-visual .sample-visual[data-view="side"]:after{top:136px}.detail-main-visual .sample-visual[data-view="side"] span{top:150px}}

/* Backend-template product detail upgrade */
.template-detail{grid-template-columns:minmax(560px,1.02fr) minmax(0,.98fr)}
.template-detail .detail-info{padding-top:34px}
.template-detail .detail-gallery>.kicker{margin-bottom:12px}
.template-thumbs{grid-template-columns:repeat(4,1fr)}
.template-thumbs button{min-height:44px;padding:10px 8px;white-space:normal;line-height:1.2}
.detail-data-section{padding-top:40px}
.field-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.field-matrix div{border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px;min-height:92px}
.field-matrix small,.data-table small,.image-plan small{display:block;font-size:10px;color:#718096;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;line-height:1.35}
.field-matrix b,.data-table b,.image-plan b{font-size:13px;line-height:1.45;color:#101827}
.template-note h3{margin:0 0 10px}
.data-table{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.data-row{display:grid;grid-template-columns:54px repeat(5,minmax(0,1fr));gap:0;border-bottom:1px solid var(--line)}
.data-row:last-child{border-bottom:0}
.data-row>strong{display:flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-size:12px;letter-spacing:.08em}
.data-row span{padding:16px;border-left:1px solid var(--line);min-height:78px}
.image-plan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.image-plan div{border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px;min-height:88px}
.sample-visual[data-view="main"]{background:#f7f7f6}
.sample-visual[data-view="folded"]{background:linear-gradient(180deg,#fafafa,#f1f4f7)}
.sample-visual[data-view="folded"]:before{left:22%;top:112px;width:28%;height:52px;border:7px solid #68717b;border-radius:24px;background:rgba(255,255,255,.3);transform:rotate(-8deg)}
.sample-visual[data-view="folded"]:after{display:block;left:46%;top:116px;width:38%;height:18px;border:0;border-radius:999px;background:linear-gradient(90deg,#5f6872,#c9d1d9);transform:rotate(10deg)}
.sample-visual[data-view="detail"]{background:radial-gradient(circle at 48% 48%,rgba(36,95,214,.14),transparent 32%),#f7f7f6}
.sample-visual[data-view="detail"]:before{left:30%;top:90px;width:40%;height:80px;border:0;border-radius:18px;background:linear-gradient(135deg,#111827,#687484);box-shadow:0 26px 40px rgba(15,23,42,.18)}
.sample-visual[data-view="detail"]:after{display:block;left:47%;top:114px;width:56px;height:28px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.18)}
.sample-visual[data-view="size"]{background:linear-gradient(180deg,#fbfbfb,#f2f5f8)}
.sample-visual[data-view="size"]:before{left:20%;top:120px;width:60%;height:18px;border:0;border-radius:999px;background:#8b96a3;box-shadow:none}
.sample-visual[data-view="size"]:after{display:block;left:20%;top:86px;width:60%;height:70px;border:1px dashed #245fd6;border-radius:0;background:transparent;box-shadow:none}
.sample-visual[data-view="size"] span{position:absolute;left:42%;top:72px;font-size:11px;font-weight:850;color:#245fd6}
.sample-visual[data-view="size"] span:before{content:"SIZE"}
.sample-visual[data-view="lifestyle"]{background:linear-gradient(135deg,#e9eef4,#f8fafc)}
.sample-visual[data-view="lifestyle"]:before{left:18%;top:88px;width:64%;height:86px;border:0;border-radius:42px;background:linear-gradient(90deg,rgba(17,24,39,.86),rgba(36,95,214,.36));filter:blur(.2px);box-shadow:0 24px 48px rgba(15,23,42,.18)}
.sample-visual[data-view="lifestyle"]:after{display:block;left:42%;top:72px;width:58px;height:58px;border:0;border-radius:50%;background:rgba(255,255,255,.64);box-shadow:0 18px 34px rgba(15,23,42,.10)}
.sample-visual[data-view="pack"]{background:#f7f7f6}
.sample-visual[data-view="pack"]:before{left:28%;top:78px;width:44%;height:118px;border:1px solid #d4dbe4;border-radius:18px;background:linear-gradient(180deg,#fff,#edf2f7);box-shadow:0 24px 44px rgba(15,23,42,.12)}
.sample-visual[data-view="pack"]:after{display:block;left:39%;top:112px;width:22%;height:22px;border:0;border-radius:999px;background:#111827;box-shadow:none}
.detail-main-visual .sample-visual[data-view="folded"]:before{top:244px}.detail-main-visual .sample-visual[data-view="folded"]:after{top:250px}
.detail-main-visual .sample-visual[data-view="detail"]:before{top:220px}.detail-main-visual .sample-visual[data-view="detail"]:after{top:244px}
.detail-main-visual .sample-visual[data-view="size"]:before{top:270px}.detail-main-visual .sample-visual[data-view="size"]:after{top:210px;height:128px}.detail-main-visual .sample-visual[data-view="size"] span{top:188px}
.detail-main-visual .sample-visual[data-view="lifestyle"]:before{top:220px}.detail-main-visual .sample-visual[data-view="lifestyle"]:after{top:198px}
.detail-main-visual .sample-visual[data-view="pack"]:before{top:188px;height:190px}.detail-main-visual .sample-visual[data-view="pack"]:after{top:270px}
@media(max-width:1050px){.template-detail{grid-template-columns:1fr}.field-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.data-row{grid-template-columns:46px repeat(2,minmax(0,1fr))}.data-row span{border-top:1px solid var(--line)}.image-plan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.template-thumbs{grid-template-columns:repeat(2,1fr)}.field-matrix,.image-plan{grid-template-columns:1fr}.data-row{grid-template-columns:1fr}.data-row>strong{min-height:38px}.data-row span{border-left:0}.detail-main-visual .sample-visual[data-view="folded"]:before{top:134px}.detail-main-visual .sample-visual[data-view="folded"]:after{top:140px}.detail-main-visual .sample-visual[data-view="detail"]:before{top:110px}.detail-main-visual .sample-visual[data-view="detail"]:after{top:134px}.detail-main-visual .sample-visual[data-view="size"]:before{top:160px}.detail-main-visual .sample-visual[data-view="size"]:after{top:110px;height:100px}.detail-main-visual .sample-visual[data-view="size"] span{top:92px}.detail-main-visual .sample-visual[data-view="lifestyle"]:before{top:120px}.detail-main-visual .sample-visual[data-view="lifestyle"]:after{top:98px}.detail-main-visual .sample-visual[data-view="pack"]:before{top:78px;height:170px}.detail-main-visual .sample-visual[data-view="pack"]:after{top:150px}}


/* Flexible product detail layout */
.clean-detail{grid-template-columns:minmax(540px,1.05fr) minmax(0,.95fr);gap:60px}
.clean-detail .detail-gallery{position:sticky;top:102px}
.clean-detail .detail-main-visual{background:linear-gradient(180deg,#f9fbfd,#f2f5f8)}
.clean-detail .detail-main-visual .sample-visual{height:560px}
.thumb-label{margin:18px 0 10px;color:#657286;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.clean-thumbs{grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:10px;margin-top:0}
.clean-thumbs button{min-height:44px;padding:11px 12px;line-height:1.25;white-space:normal}
.clean-detail .detail-info{padding-top:22px}
.clean-detail .lead{max-width:660px}
.text-spec-list{margin:28px 0;border-top:1px solid #dbe3ee}
.text-spec-list p{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;margin:0;padding:12px 0;border-bottom:1px solid #dbe3ee;font-size:14px;line-height:1.55}
.text-spec-list b{color:#101827;font-weight:800}
.text-spec-list span{color:#344258}
.variant-text{margin:24px 0 28px;padding-top:4px}
.variant-text h3{margin:0 0 10px;font-size:16px}
.variant-text p{max-width:620px;margin:8px 0 0;color:#64748b;font-size:13px;line-height:1.65}
.clean-data-section{padding-top:48px}
.image-mapping-list{max-width:920px;border-top:1px solid #dbe3ee}
.image-mapping-list p{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;margin:0;padding:12px 0;border-bottom:1px solid #dbe3ee;font-size:14px;line-height:1.55}
.image-mapping-list b{color:#101827}
.image-mapping-list span{color:#344258}
.image-mapping-list .auto-fill-note{display:block;margin-top:18px;border:0;border-left:3px solid #245fd6;background:#f8fafc;padding:14px 18px;color:#334155;font-weight:750}
@media(max-width:1050px){.clean-detail{grid-template-columns:1fr}.clean-detail .detail-gallery{position:static}.clean-detail .detail-main-visual .sample-visual{height:430px}}
@media(max-width:640px){.clean-detail{gap:28px}.clean-detail .detail-main-visual .sample-visual{height:320px}.clean-thumbs{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.text-spec-list p,.image-mapping-list p{grid-template-columns:1fr;gap:4px;padding:11px 0}.thumb-label{margin-top:14px}}


/* Architecture diagram label polish */
.architecture-visual .lab-orbit span{min-width:166px;text-align:center;letter-spacing:0;text-transform:none}
.architecture-visual .lab-core{width:min(430px,76%)}
.architecture-visual .lab-core small{letter-spacing:.1em;line-height:1.35}
.architecture-visual .lab-core b{font-size:24px;letter-spacing:0}
.architecture-visual .lab-rails{grid-template-columns:repeat(4,minmax(132px,1fr));align-items:stretch}
.architecture-visual .lab-rails>span{display:flex;align-items:center;justify-content:center;min-height:58px;text-align:center;padding:12px 14px;line-height:1.2;letter-spacing:0;word-break:normal;overflow-wrap:normal}
.architecture-visual .lab-rails .notranslate{display:block;max-width:142px}
@media(max-width:1050px){.architecture-visual .lab-rails{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-visual .lab-rails .notranslate{max-width:none}}
@media(max-width:640px){.architecture-visual .lab-orbit{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.architecture-visual .lab-orbit span{min-width:0;padding:11px 10px}.architecture-visual .lab-core{width:82%;min-height:150px}.architecture-visual .lab-core b{font-size:20px}.architecture-visual .lab-rails{grid-template-columns:1fr}.architecture-visual .lab-rails>span{min-height:44px}}


/* Clickable architecture diagram */
.architecture-visual .lab-orbit a,.architecture-visual .lab-rails a{color:#eaf1fb;text-decoration:none}
.architecture-visual .lab-orbit a{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:8px;padding:13px 16px;font-size:12px;font-weight:850;backdrop-filter:blur(8px);min-width:166px;text-align:center;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.architecture-visual .lab-orbit a:hover,.architecture-visual .lab-rails a:hover{border-color:rgba(143,180,255,.66);background:rgba(36,95,214,.22);transform:translateY(-2px);box-shadow:0 12px 28px rgba(36,95,214,.18)}
.architecture-visual .lab-core{width:min(340px,64%);min-height:118px;background:linear-gradient(145deg,rgba(18,31,50,.96),rgba(25,43,70,.92));color:#f8fbff;border:1px solid rgba(143,180,255,.56);box-shadow:0 0 38px rgba(36,95,214,.22)}
.architecture-visual .lab-core small{color:#8fb4ff;font-size:10px;letter-spacing:.1em;line-height:1.35}
.architecture-visual .lab-core b{font-size:21px;letter-spacing:0;color:#fff}
.architecture-visual .lab-rails{grid-template-columns:repeat(4,minmax(132px,1fr));align-items:stretch}
.architecture-visual .lab-rails a{display:flex;align-items:center;justify-content:center;min-height:58px;text-align:center;padding:0;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);border-radius:8px;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.architecture-visual .lab-rails a>span{display:flex;align-items:center;justify-content:center;min-height:34px;width:calc(100% - 32px);border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(255,255,255,.10);padding:8px 10px;line-height:1.18;max-width:144px}
.architecture-visual .lab-rails .notranslate{overflow-wrap:normal;word-break:normal}
@media(max-width:1050px){.architecture-visual .lab-rails{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-visual .lab-core{width:min(340px,72%)}}
@media(max-width:640px){.architecture-visual .lab-orbit{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.architecture-visual .lab-orbit a{min-width:0;padding:11px 10px}.architecture-visual .lab-core{width:82%;min-height:106px}.architecture-visual .lab-core b{font-size:18px}.architecture-visual .lab-rails{grid-template-columns:1fr}.architecture-visual .lab-rails a{min-height:46px}.architecture-visual .lab-rails a>span{max-width:none}}


/* Final homepage interface and roadmap */
.fixed-interface-module{background:#101827;color:#fff;padding:92px 6vw;max-width:none}
.interface-module-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,.75fr) minmax(560px,1.25fr);gap:58px;align-items:center}
.interface-module-copy .kicker{color:#8fb4ff}
.interface-module-copy h2{font-size:clamp(34px,4.4vw,62px);line-height:1.02;letter-spacing:0;margin:0 0 22px;color:#fff}
.interface-module-copy .lead{color:#d8e1ec;line-height:1.8;max-width:640px;min-height:126px}
.interface-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.interface-tabs button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#edf4ff;border-radius:999px;padding:11px 14px;font-weight:800;font-size:12px;cursor:pointer}
.interface-tabs button.active{background:#fff;color:#101827;border-color:#fff}
.interface-diagram{isolation:isolate}
.interface-diagram .interface-lines{position:absolute;inset:0;z-index:1;pointer-events:none}
.interface-diagram .line{position:absolute;display:block;background:rgba(143,180,255,.28);box-shadow:0 0 0 rgba(36,95,214,0);transition:background .18s ease,box-shadow .18s ease,opacity .18s ease}
.interface-diagram .frame-line{left:24%;top:23%;width:28%;height:2px}.interface-diagram .smart-line{right:24%;top:23%;width:28%;height:2px}.interface-diagram .product-line{bottom:25%;width:2px;height:21%}.interface-diagram .l1{left:21%}.interface-diagram .l2{left:39%}.interface-diagram .l3{left:58%}.interface-diagram .l4{left:77%}
.interface-diagram .lab-orbit,.interface-diagram .lab-core,.interface-diagram .lab-rails{z-index:2}
.interface-diagram[data-mode="frame"] [data-interface-node="frame"],.interface-diagram[data-mode="smart"] [data-interface-node="smart"],.interface-diagram[data-mode="smart"] [data-interface-node="core"],.interface-diagram [data-interface-product].active{border-color:rgba(143,180,255,.8);background:rgba(36,95,214,.26);box-shadow:0 14px 34px rgba(36,95,214,.18)}
.interface-diagram[data-mode="frame"] .frame-line,.interface-diagram[data-mode="smart"] .smart-line,.interface-diagram:has([data-interface-product="optical-frames"].active) .l1,.interface-diagram:has([data-interface-product="sunglasses"].active) .l2,.interface-diagram:has([data-interface-product="temple-tips"].active) .l3,.interface-diagram:has([data-interface-product="smart-audio-temple-tips"].active) .l4{background:#8fb4ff;box-shadow:0 0 18px rgba(143,180,255,.55)}
.interface-diagram[data-mode="frame"] [data-layer="smart"],.interface-diagram[data-mode="smart"] [data-layer="frame"]{opacity:.52}
.interface-diagram .lab-core{animation:interfacePulse 3.6s ease-in-out infinite}
@keyframes interfacePulse{0%,100%{box-shadow:0 0 26px rgba(36,95,214,.18)}50%{box-shadow:0 0 42px rgba(36,95,214,.34)}}
.customer-roadmap{background:#fff}
.roadmap-line{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:1440px;margin:34px auto 0}
.roadmap-line:before{content:"";position:absolute;left:7%;right:7%;top:25px;border-top:2px solid #dbe3ee}
.roadmap-step{position:relative;background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:58px 18px 20px;min-height:230px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.roadmap-step span{position:absolute;top:0;left:18px;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#101827;color:#fff;font-weight:900;font-size:12px;border:4px solid #fff;box-shadow:0 0 0 1px #dbe3ee}
.roadmap-step h3{margin:0 0 10px;font-size:18px;line-height:1.25;color:#101827}
.roadmap-step p{margin:0;color:#526176;line-height:1.65;font-size:14px}
.roadmap-step:hover{transform:translateY(-4px);border-color:#8fb4ff;box-shadow:0 18px 34px rgba(15,23,42,.08)}
.product-directory-grid .product-tile p{min-height:76px}.ready-home{background:#f8fafc}.partner-home{background:#fff}.partner-home article{border-top:1px solid #dbe3ee;padding-top:28px}.partner-home article p{color:#526176;line-height:1.75}.directory-specs{max-width:900px}.product-data-note .actions{margin-top:26px}
@media(max-width:1050px){.interface-module-grid{grid-template-columns:1fr}.roadmap-line{grid-template-columns:1fr 1fr}.roadmap-line:before{display:none}}
@media(max-width:640px){.fixed-interface-module{padding:62px 20px}.interface-module-grid{gap:34px}.interface-module-copy h2{font-size:34px}.interface-module-copy .lead{min-height:auto}.interface-tabs button{min-height:44px}.architecture-visual.interface-diagram{min-height:540px}.roadmap-line{grid-template-columns:1fr;gap:18px}.roadmap-step{min-height:auto;padding:52px 18px 18px}.product-directory-grid .product-tile p{min-height:auto}}


/* Layerless fixed interface diagram */
.interface-diagram .lab-orbit{display:none!important}
.interface-diagram{display:flex;flex-direction:column;justify-content:center;gap:72px;min-height:520px;padding:42px;position:relative}
.interface-diagram .lab-core{position:relative;left:auto;top:auto;transform:none;margin:0 auto;width:min(320px,72%);min-height:112px;cursor:pointer}
.interface-diagram .lab-rails{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:repeat(4,minmax(132px,1fr));gap:12px;z-index:3}
.interface-diagram .interface-lines{position:absolute;left:42px;right:42px;top:42px;bottom:42px;z-index:1;pointer-events:none}
.interface-diagram .line{position:absolute;display:block;background:rgba(143,180,255,.26);box-shadow:none;transition:background .18s ease,box-shadow .18s ease,opacity .18s ease}
.interface-diagram .frame-line,.interface-diagram .smart-line{display:none}
.interface-diagram .product-line{width:2px;height:188px;top:215px;bottom:auto;transform-origin:top center}
.interface-diagram .l1{left:18%;transform:rotate(16deg)}
.interface-diagram .l2{left:39%;transform:rotate(5deg)}
.interface-diagram .l3{left:61%;transform:rotate(-5deg)}
.interface-diagram .l4{left:82%;transform:rotate(-16deg)}
.interface-diagram[data-mode="frame"] [data-interface-product="optical-frames"],.interface-diagram[data-mode="frame"] [data-interface-product="sunglasses"],.interface-diagram[data-mode="smart"] [data-interface-product="smart-audio-temple-tips"],.interface-diagram [data-interface-product].active{opacity:1;border-color:rgba(143,180,255,.82);background:rgba(36,95,214,.26);box-shadow:0 14px 34px rgba(36,95,214,.18)}
.interface-diagram[data-mode="frame"] [data-interface-node="core"],.interface-diagram[data-mode="smart"] [data-interface-node="core"],.interface-diagram:has([data-interface-product].active) [data-interface-node="core"]{border-color:rgba(143,180,255,.78);box-shadow:0 0 44px rgba(36,95,214,.34)}
.interface-diagram[data-mode="frame"] .l1,.interface-diagram[data-mode="frame"] .l2,.interface-diagram[data-mode="smart"] .l4,.interface-diagram:has([data-interface-product="optical-frames"].active) .l1,.interface-diagram:has([data-interface-product="sunglasses"].active) .l2,.interface-diagram:has([data-interface-product="temple-tips"].active) .l3,.interface-diagram:has([data-interface-product="smart-audio-temple-tips"].active) .l4{background:#8fb4ff;box-shadow:0 0 18px rgba(143,180,255,.58)}
.interface-diagram[data-mode="frame"] [data-interface-product="smart-audio-temple-tips"],.interface-diagram[data-mode="smart"] [data-interface-product="optical-frames"],.interface-diagram[data-mode="smart"] [data-interface-product="sunglasses"],.interface-diagram[data-mode="smart"] [data-interface-product="temple-tips"]{opacity:.58}
.interface-diagram[data-mode="frame"] [data-interface-product="temple-tips"]{opacity:.76}
.interface-diagram .lab-rails a>span{max-width:148px}
@media(max-width:1050px){.interface-diagram{min-height:500px}.interface-diagram .lab-rails{grid-template-columns:repeat(2,minmax(0,1fr))}.interface-diagram .product-line{height:170px}.interface-diagram .l1{left:28%;transform:rotate(8deg)}.interface-diagram .l2{left:72%;transform:rotate(-8deg)}.interface-diagram .l3{left:28%;top:290px;transform:rotate(-8deg)}.interface-diagram .l4{left:72%;top:290px;transform:rotate(8deg)}}
@media(max-width:640px){.architecture-visual.interface-diagram{min-height:520px;padding:28px 20px;gap:48px}.interface-diagram .lab-core{width:100%;max-width:288px}.interface-diagram .lab-rails{grid-template-columns:1fr}.interface-diagram .interface-lines{display:none}.interface-diagram .lab-rails a{min-height:48px}}


/* Clean fixed-interface structure diagram */
.interface-diagram .interface-lines{
  position:absolute;
  left:42px;
  right:42px;
  top:42px;
  bottom:42px;
  width:auto;
  height:auto;
  z-index:1;
  pointer-events:none;
  overflow:visible;
}
.interface-diagram .line,
.interface-diagram .product-line{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  inset:auto!important;
  transform:none!important;
  transform-origin:center!important;
  fill:none!important;
  stroke:rgba(143,180,255,.28)!important;
  stroke-width:.75!important;
  vector-effect:non-scaling-stroke;
  background:none!important;
  box-shadow:none!important;
  opacity:1;
  transition:stroke .18s ease, filter .18s ease, opacity .18s ease;
}
.interface-diagram[data-mode="frame"] .l1,
.interface-diagram[data-mode="frame"] .l2,
.interface-diagram[data-mode="smart"] .l4,
.interface-diagram:has([data-interface-product="optical-frames"].active) .l1,
.interface-diagram:has([data-interface-product="sunglasses"].active) .l2,
.interface-diagram:has([data-interface-product="temple-tips"].active) .l3,
.interface-diagram:has([data-interface-product="smart-audio-temple-tips"].active) .l4{
  stroke:#8fb4ff!important;
  filter:drop-shadow(0 0 5px rgba(143,180,255,.78));
}
.interface-diagram [data-interface-node="core"] small{
  color:#245fd6;
  letter-spacing:.12em;
}
.fit-panel{
  border:1px solid var(--line);
  border-radius:8px;
  padding:22px;
  margin:24px 0;
  background:linear-gradient(135deg,rgba(36,95,214,.06),rgba(255,255,255,.96));
}
.fit-panel-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:16px}
.fit-panel h3{font-size:20px;line-height:1.3;margin:4px 0 0;letter-spacing:0}
.fit-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.fit-filter{
  border:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  border-radius:8px;
  padding:10px 14px;
  min-height:42px;
  font-weight:800;
  cursor:pointer;
}
.fit-filter.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 10px 24px rgba(15,23,42,.14)}
.fit-copy{margin:0;color:var(--muted);font-size:15px;line-height:1.75;max-width:900px}
.site-header .brand{display:flex;align-items:center;gap:10px;flex-direction:row;text-align:left}
.site-header .brand img,.site-header .brand-logo{flex:0 0 auto}
.site-header .brand-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.12}
@media(max-width:640px){
  .architecture-visual.interface-diagram .interface-lines{display:none!important}
  .fit-panel{padding:18px;margin:20px 0}
  .fit-panel-head{display:block}
  .fit-filters{display:grid;grid-template-columns:1fr;gap:8px}
  .fit-filter{width:100%}
}


/* Homepage fixed-interface org chart */
.interface-org-chart{
  display:grid!important;
  grid-template-rows:auto 1fr auto;
  align-items:center;
  min-height:520px;
  padding:46px 42px 38px;
  gap:0!important;
}
.interface-org-chart .lab-core{
  grid-row:1;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  z-index:3;
  margin:0 auto!important;
  width:min(430px,78%)!important;
  min-height:112px;
  border-color:rgba(143,180,255,.62);
  box-shadow:0 0 30px rgba(36,95,214,.22);
}
.interface-org-chart .lab-core small{
  color:#245fd6;
  letter-spacing:.13em;
}
.interface-org-chart .lab-core b{
  letter-spacing:0;
}
.interface-org-chart .interface-lines{
  position:absolute;
  left:42px;
  right:42px;
  top:46px;
  bottom:38px;
  width:auto;
  height:auto;
  z-index:1;
  pointer-events:none;
  overflow:visible;
}
.interface-org-chart .line,
.interface-org-chart .trunk-line,
.interface-org-chart .branch-line,
.interface-org-chart .product-line{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  inset:auto!important;
  transform:none!important;
  transform-origin:center!important;
  fill:none!important;
  stroke:rgba(143,180,255,.34)!important;
  stroke-width:.75!important;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  background:none!important;
  box-shadow:none!important;
  opacity:1;
  transition:stroke .18s ease, filter .18s ease, opacity .18s ease;
}
.interface-org-chart .lab-rails{
  grid-row:3;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:3;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px;
  width:100%;
  align-self:end;
}
.interface-org-chart .lab-rails a{
  min-height:76px;
  padding:12px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:8px;
  background:rgba(255,255,255,.08);
}
.interface-org-chart .lab-rails a>span{
  max-width:150px;
  line-height:1.18;
}
.interface-org-chart[data-mode="frame"] .trunk-line,
.interface-org-chart[data-mode="frame"] .branch-line,
.interface-org-chart[data-mode="frame"] .l1,
.interface-org-chart[data-mode="frame"] .l2,
.interface-org-chart[data-mode="smart"] .trunk-line,
.interface-org-chart[data-mode="smart"] .branch-line,
.interface-org-chart[data-mode="smart"] .l4,
.interface-org-chart:has([data-interface-product].active) .trunk-line,
.interface-org-chart:has([data-interface-product].active) .branch-line,
.interface-org-chart:has([data-interface-product="optical-frames"].active) .l1,
.interface-org-chart:has([data-interface-product="sunglasses"].active) .l2,
.interface-org-chart:has([data-interface-product="temple-tips"].active) .l3,
.interface-org-chart:has([data-interface-product="smart-audio-temple-tips"].active) .l4{
  stroke:#8fb4ff!important;
  filter:drop-shadow(0 0 5px rgba(143,180,255,.72));
}
.interface-org-chart[data-mode="frame"] [data-interface-product="optical-frames"],
.interface-org-chart[data-mode="frame"] [data-interface-product="sunglasses"],
.interface-org-chart[data-mode="smart"] [data-interface-product="smart-audio-temple-tips"],
.interface-org-chart [data-interface-product].active{
  opacity:1;
  border-color:rgba(143,180,255,.82);
  background:rgba(36,95,214,.26);
  box-shadow:0 14px 34px rgba(36,95,214,.18);
}
.interface-org-chart[data-mode="smart"] [data-interface-product="temple-tips"]{
  opacity:.58;
}
@media(max-width:1050px){
  .interface-org-chart{min-height:560px;padding:38px 28px}
  .interface-org-chart .lab-core{width:min(360px,88%)!important}
  .interface-org-chart .lab-rails{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
  .interface-org-chart .interface-lines{display:none!important}
}
@media(max-width:640px){
  .architecture-visual.interface-org-chart{min-height:auto;padding:28px 20px;gap:28px!important;grid-template-rows:auto auto}
  .interface-org-chart .lab-core{width:100%!important;max-width:288px;min-height:100px}
  .interface-org-chart .lab-rails{grid-template-columns:1fr!important}
  .interface-org-chart .lab-rails a{min-height:52px}
}

/* Availability inquiry panel */
.availability-panel,.fit-note{border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(36,95,214,.06),rgba(255,255,255,.96));padding:22px;margin:24px 0}.availability-panel-head{display:grid;gap:6px;margin-bottom:16px}.availability-panel-head h3{font-size:20px;line-height:1.3;margin:0}.availability-panel-head p{margin:0;color:var(--muted);line-height:1.7}.availability-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.availability-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.availability-card{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px;color:inherit;text-decoration:none}.availability-card b{font-size:17px}.availability-card p{margin:0;color:var(--muted);line-height:1.6}.supply-badge{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;letter-spacing:.02em}.supply-badge.ready{background:rgba(22,163,74,.12);color:#166534}.supply-badge.sample{background:rgba(36,95,214,.12);color:#245fd6}.fit-note p{margin:0;color:var(--muted);line-height:1.7}.fit-note b{color:var(--ink)}@media(max-width:700px){.availability-cards{grid-template-columns:1fr}.availability-panel,.fit-note{padding:18px}.availability-filters{display:grid;grid-template-columns:1fr}.availability-filters .filter{width:100%}}
/* Unified modular system upgrade */
.modular-system-demo{background:#101827;color:#fff;padding:112px 6vw;max-width:none;overflow:hidden}
.modular-system-page-demo{padding-top:96px;padding-bottom:104px}
.modular-demo-grid{max-width:1560px;margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(680px,1.08fr);gap:64px;align-items:center}
.modular-demo-copy .kicker{color:#8fb4ff}
.modular-demo-copy h2{font-size:clamp(40px,4.4vw,70px);line-height:1.02;letter-spacing:0;margin:0 0 24px;color:#fff}
.modular-demo-copy .lead{color:#f4f8ff;font-size:18px;line-height:1.72;max-width:760px;margin:0 0 14px;min-height:0}
.module-copy-detail{color:#c9d6e6;font-size:15px;line-height:1.82;max-width:760px;margin:0 0 28px;min-height:0}
.module-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 0;max-width:900px}
.module-story article{border:1px solid rgba(143,180,255,.22);background:rgba(255,255,255,.055);border-radius:8px;padding:18px;min-height:178px}
.module-story span{display:block;color:#8fb4ff;font-size:10px;letter-spacing:.16em;font-weight:850;margin-bottom:10px}
.module-story b{display:block;color:#fff;font-size:17px;line-height:1.25;margin-bottom:10px}
.module-story p{margin:0;color:#c9d6e6;font-size:13px;line-height:1.65}
.module-close{max-width:720px;margin:22px 0 0;color:#fff;font-size:15px;font-weight:750;line-height:1.55}
.modular-demo-copy .actions{margin-top:30px}
.modular-demo-copy .btn{background:transparent;color:#fff;border-color:#637086}
.modular-demo-copy .btn.dark{background:#fff;color:#101827;border-color:#fff}
.module-demo-stage{min-height:650px;border:1px solid rgba(143,180,255,.28);border-radius:10px;background:radial-gradient(circle at 50% 46%,rgba(36,95,214,.24),transparent 34%),linear-gradient(180deg,rgba(29,65,126,.38),rgba(255,255,255,.045));position:relative;overflow:hidden;padding:44px;display:grid;grid-template-rows:1fr auto 1fr;gap:32px;align-items:center;isolation:isolate}
.module-demo-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(143,180,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(143,180,255,.07) 1px,transparent 1px);background-size:34px 34px;opacity:.72;pointer-events:none;z-index:-2}
.module-demo-stage:after{content:"";position:absolute;left:50%;top:50%;width:46%;height:46%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(143,180,255,.24),transparent 62%);filter:blur(8px);opacity:.42;z-index:-1;transition:opacity .2s ease,transform .2s ease}
.module-demo-stage[data-selected]:not([data-selected=""]):after{opacity:.72;transform:translate(-50%,-50%) scale(1.08)}
.module-demo-zone{position:relative;display:grid;gap:14px;z-index:2}
.frame-zone{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center;align-self:end}
.module-zone{grid-template-columns:repeat(3,minmax(0,218px));justify-content:center;align-self:start}
.zone-label{grid-column:1/-1;text-align:center;color:#8fb4ff;font-size:10px;letter-spacing:.18em;font-weight:850;line-height:1.2}
.module-demo-card{appearance:none;text-decoration:none;border:1px solid rgba(143,180,255,.24);background:rgba(255,255,255,.075);color:#f5f8ff;border-radius:10px;min-height:122px;padding:16px 14px;display:grid;grid-template-rows:44px auto auto;gap:8px;align-items:center;justify-items:center;text-align:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}
.module-demo-card small{font-size:13px;font-weight:850;line-height:1.18;color:#fff}.module-demo-card b{font-size:11px;color:#bfccdc;line-height:1.35;font-weight:750}.module-demo-card:hover,.module-demo-card:focus-visible,.module-demo-card.active{transform:translateY(-3px);border-color:rgba(143,180,255,.82);background:rgba(36,95,214,.24);box-shadow:0 16px 40px rgba(36,95,214,.24);outline:none}.module-demo-card.muted{opacity:.54}.module-demo-card.active.muted{opacity:1}
.card-visual{position:relative;display:block;width:86px;height:36px}.frame-visual:before,.frame-visual:after{content:"";position:absolute;top:5px;width:33px;height:24px;border:4px solid #dce8f6;border-radius:12px}.frame-visual:before{left:3px}.frame-visual:after{right:3px}.frame-visual.sun:before,.frame-visual.sun:after{background:rgba(169,188,194,.5);border-color:#c3a77b}.frame-visual.optical:before,.frame-visual.optical:after{border-color:#cfd9e5}.tip-visual{height:24px;margin-top:8px;border-radius:18px;background:linear-gradient(90deg,#e6edf5,#5a6a7d);box-shadow:0 14px 30px rgba(15,23,42,.18)}.tip-visual:after{content:"";position:absolute;right:-4px;top:-5px;width:32px;height:34px;border-radius:9px;background:rgba(143,180,255,.32);border:1px solid rgba(143,180,255,.28)}.tip-visual.smart{background:linear-gradient(90deg,#111827,#6984a4,#245fd6)}.tip-visual.future{background:linear-gradient(90deg,#26384f,#8fb4ff,#ffffff)}
.module-demo-interface{justify-self:center;align-self:center;width:min(460px,84%);min-height:154px;border:1px solid rgba(143,180,255,.52);border-radius:10px;background:linear-gradient(145deg,rgba(17,28,46,.96),rgba(27,48,79,.92));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;z-index:3;box-shadow:0 0 34px rgba(36,95,214,.20);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.module-demo-interface small{color:#8fb4ff;font-size:10px;letter-spacing:.16em;font-weight:850;margin-bottom:10px}.module-demo-interface b{font-size:25px;line-height:1.15;color:#fff}.module-demo-interface span{margin-top:10px;color:#aebfd4;font-size:12px;font-weight:750}.module-demo-interface.is-active{border-color:rgba(143,180,255,.9);box-shadow:0 0 54px rgba(36,95,214,.38);transform:scale(1.015)}
.module-demo-stage[data-selected="optical-frames"] .frame-zone [data-demo-key="optical-frames"],.module-demo-stage[data-selected="sunglasses"] .frame-zone [data-demo-key="sunglasses"],.module-demo-stage[data-selected="temple-tips"] .module-zone [data-demo-key="temple-tips"],.module-demo-stage[data-selected="smart-audio-temple-tips"] .module-zone [data-demo-key="smart-audio-temple-tips"],.module-demo-stage[data-selected="future-smart-module"] .module-zone [data-demo-key="future-smart-module"]{border-color:rgba(143,180,255,.88);background:rgba(36,95,214,.28);box-shadow:0 16px 42px rgba(36,95,214,.28)}
.modular-system-hero .wrap{max-width:1560px}.modular-system-hero h1{max-width:1060px}.modular-system-hero p{max-width:900px}.modular-system-hero .btn{background:transparent;color:#fff;border-color:#637086}.modular-system-hero .btn.dark{background:#fff;color:#101827;border-color:#fff}
.modular-roadmap,.modular-value-system{max-width:none}.modular-roadmap>.intro,.modular-roadmap>.roadmap-line,.modular-value-system>.grid3{max-width:1560px;margin-left:auto;margin-right:auto}.modular-roadmap .roadmap-line{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.modular-roadmap .roadmap-step{display:block;color:inherit;text-decoration:none;min-height:250px}.modular-roadmap .roadmap-step:focus-visible{outline:3px solid #245fd6;outline-offset:4px}.modular-roadmap .roadmap-step:hover h3{color:#245fd6}.modular-value-system .grid3{gap:20px}.modular-value-system .value-card,.modular-system-values .value-card{min-height:230px}.wide-wrap{max-width:1560px;margin:auto}.modular-system-values{padding:96px 6vw}.co-development-section{max-width:none;padding:92px 6vw;background:#fff}.co-dev-panel{max-width:1560px;margin:auto;border:1px solid var(--line);border-radius:10px;padding:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;background:linear-gradient(135deg,#f8fafc,#eef3f7)}.co-dev-panel h2{max-width:760px}.co-dev-panel .lead{max-width:820px}.co-dev-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1200px){.modular-demo-grid{grid-template-columns:1fr}.module-demo-stage{min-height:auto}.module-story{grid-template-columns:repeat(3,minmax(0,1fr))}.frame-zone{grid-template-columns:repeat(2,minmax(0,1fr))}.module-zone{grid-template-columns:repeat(3,minmax(0,1fr))}.modular-roadmap .roadmap-line{grid-template-columns:repeat(2,minmax(0,1fr))}.co-dev-panel{grid-template-columns:1fr}.co-dev-actions{justify-content:flex-start}}
@media(max-width:760px){.modular-system-demo{padding:68px 20px}.modular-demo-grid{gap:34px}.modular-demo-copy h2{font-size:38px;line-height:1.05}.modular-demo-copy .lead{font-size:16px}.module-story{grid-template-columns:1fr}.module-story article{min-height:auto}.module-demo-stage{padding:24px 18px;grid-template-rows:auto auto auto;gap:20px;border-radius:10px}.module-demo-interface{order:1;width:100%;min-height:128px}.frame-zone{order:2;grid-template-columns:1fr}.module-zone{order:3;grid-template-columns:1fr}.module-demo-card{min-height:86px;grid-template-columns:80px 1fr;grid-template-rows:auto auto;justify-items:start;text-align:left;padding:14px}.module-demo-card small{font-size:14px}.module-demo-card b{font-size:12px}.card-visual{grid-row:1/3}.zone-label{text-align:left}.module-demo-interface b{font-size:22px}.modular-roadmap .roadmap-line{grid-template-columns:1fr;gap:18px}.modular-roadmap .roadmap-step{min-height:auto}.modular-system-values,.co-development-section{padding:68px 20px}.co-dev-panel{padding:24px}.co-dev-actions .btn{width:100%}html[dir="rtl"] .module-demo-card{justify-items:end;text-align:right}}

/* About page upgrade */
.about-hero{padding:38px 6vw 36px;background:linear-gradient(120deg,#fbfcfd,#eef3f7);min-height:0}
.about-hero .wrap{max-width:1180px}
.about-hero .breadcrumbs{margin-bottom:14px}
.about-hero .kicker{margin-bottom:12px}
.about-hero h1{font-size:clamp(32px,3.35vw,48px);line-height:1.06;letter-spacing:-.035em;max-width:940px;margin-bottom:14px}
.about-hero p{font-size:15px;line-height:1.68;max-width:900px;margin:0}
.about-work-section{padding-top:72px;padding-bottom:74px}
.about-section-head{max-width:920px;margin-bottom:30px}
.about-section-head h2{max-width:820px}
.about-section-head .lead{margin-top:18px}
.about-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.about-work-card{min-height:178px;padding:28px}
.about-work-card h3,.about-process-card h3{font-size:20px;line-height:1.24;margin:0 0 12px}
.about-work-card p,.about-process-card p{font-size:14px;line-height:1.68}
.about-modular-band{padding:78px 6vw;background:#101827;color:#fff}
.about-modular-inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:70px;align-items:start}
.about-modular-band .kicker{color:#8fb4ff}
.about-modular-band h2{font-size:clamp(34px,3.4vw,52px);line-height:1.05;letter-spacing:-.035em;margin:0}
.about-modular-copy{display:grid;gap:18px}
.about-modular-copy p{margin:0;color:#d8e1ec;font-size:16px;line-height:1.82}
.about-process-section{padding-top:76px;padding-bottom:82px}
.about-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-process-card{min-height:220px;padding:28px}
.about-process-card .num{display:inline-flex;margin-bottom:18px}
.about-final-cta{padding:70px 6vw;background:#f3f6f9;border-top:1px solid var(--line);text-align:center}
.about-final-inner{max-width:860px;margin:auto}
.about-final-cta h2{font-size:clamp(32px,3vw,46px);line-height:1.08;letter-spacing:-.035em;margin:0 0 16px}
.about-final-cta p{margin:0 auto;color:var(--muted);font-size:16px;line-height:1.72;max-width:720px}
.about-final-cta .actions{justify-content:center}
@media(max-width:900px){
  .about-work-grid,.about-process-grid,.about-modular-inner{grid-template-columns:1fr}
  .about-modular-inner{gap:28px}
}
@media(max-width:640px){
  .about-hero{padding:30px 20px 28px}
  .about-hero h1{font-size:29px;line-height:1.1}
  .about-hero p{font-size:14px;line-height:1.62}
  .about-work-section,.about-process-section{padding:56px 20px}
  .about-work-grid,.about-process-grid{gap:14px}
  .about-work-card,.about-process-card{min-height:auto;padding:22px}
  .about-modular-band{padding:58px 20px}
  .about-modular-band h2{font-size:31px}
  .about-modular-copy p{font-size:15px}
  .about-final-cta{padding:56px 20px}
  .about-final-cta .actions .btn{width:100%}
}

/* Header active state */
.links a.active{color:var(--blue);font-weight:750}
.mobile-nav a.active{color:var(--blue);font-weight:750}
.mobile-language{border:1px solid #dbe3ee;border-radius:10px;background:#f8fafc;padding:12px;margin-bottom:10px}
.mobile-language-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#64748b;font-weight:800;margin-bottom:8px}
.mobile-language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mobile-language-options a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #dbe3ee;border-radius:7px;background:#fff;font-size:12px;font-weight:750}
.mobile-language-options a small{color:#64748b;font-size:11px;font-weight:900}
.mobile-language-options a.active{border-color:#8fb2ff;background:#eff6ff;color:#1746a2}
.mobile-language-options a.active small{color:#1746a2}

/* Product import V1 */
.admin-nav .links { justify-content: flex-end; }
.admin-hero { background: #f6f7f9; }
.admin-section { padding-top: 36px; }
.import-steps { display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)); gap: 10px; margin-bottom: 18px; }
.import-steps span { border: 1px solid #d9dee7; background: #fff; padding: 12px; font-weight: 700; font-size: 13px; color: #334155; }
.import-panel, .admin-toolbar { display: flex; flex-wrap: wrap; gap: 14px; align-items: end; padding: 18px; border: 1px solid #d9dee7; background: #fff; }
.import-panel label, .admin-toolbar label { display: grid; gap: 6px; font-weight: 700; color: #1f2937; }
.import-panel input, .admin-toolbar input { min-width: 260px; border: 1px solid #cfd6e0; padding: 11px 12px; font: inherit; background: #fff; }
.import-guidance { margin: 14px 0 0; padding: 12px 14px; border: 1px solid #bfdbfe; background: #eff6ff; color: #1e3a8a; font-size: 13px; line-height: 1.65; }
.import-guidance b { color: #111827; }
.import-status { margin: 18px 0; padding: 14px 16px; border: 1px solid #d9dee7; background: #f8fafc; color: #334155; font-weight: 700; }
.import-status[data-tone="ok"] { border-color: #8fd19e; background: #f0fdf4; color: #166534; }
.import-status[data-tone="error"] { border-color: #f0a7a7; background: #fff1f2; color: #991b1b; }
.import-status[data-tone="working"] { border-color: #93c5fd; background: #eff6ff; color: #1d4ed8; }
.import-summary { display: grid; grid-template-columns: repeat(6, minmax(100px, 1fr)); gap: 10px; margin-bottom: 16px; }
.import-summary div { border: 1px solid #d9dee7; background: #fff; padding: 12px; }
.import-summary b { display: block; font-size: 22px; color: #111827; }
.import-summary span { color: #64748b; font-size: 13px; }
.import-issues { display: grid; gap: 8px; margin-bottom: 18px; }
.issue { margin: 0; padding: 10px 12px; border-left: 4px solid #22c55e; background: #f0fdf4; color: #166534; }
.issue.error { border-color: #ef4444; background: #fff1f2; color: #991b1b; }
.issue.warning { border-color: #f59e0b; background: #fffbeb; color: #92400e; }
.import-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 18px; }
.import-actions [data-upload-progress] { min-width: 140px; color: #334155; font-weight: 700; }
.import-preview { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.import-card { border: 1px solid #d9dee7; background: #fff; padding: 16px; }
.import-card > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.import-card strong { font-size: 22px; color: #111827; }
.pill { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 8px; border-radius: 3px; font-size: 12px; font-weight: 800; }
.pill.ok { background: #dcfce7; color: #166534; }
.pill.warn { background: #fef3c7; color: #92400e; }
.import-card dl { display: grid; grid-template-columns: 90px 1fr; gap: 6px 10px; margin: 14px 0; }
.import-card dt { color: #64748b; }
.import-card dd { margin: 0; color: #111827; }
.color-list { display: flex; flex-wrap: wrap; gap: 8px; }
.color-list span, .change-list em { border: 1px solid #d9dee7; padding: 5px 8px; font-style: normal; background: #f8fafc; }
.change-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.admin-table-wrap { flex-basis: 100%; overflow-x: auto; }
.admin-table { width: 100%; border-collapse: collapse; background: #fff; }
.admin-table th, .admin-table td { border-bottom: 1px solid #e5e7eb; padding: 11px 10px; text-align: left; white-space: nowrap; }
.admin-table th { color: #475569; font-size: 12px; text-transform: uppercase; }
.admin-table button, .small-link { border: 1px solid #cfd6e0; background: #fff; color: #111827; padding: 6px 9px; margin-right: 6px; text-decoration: none; font: inherit; cursor: pointer; }
.catalog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }
.catalog-state { border: 1px solid #d9dee7; background: #fff; padding: 18px; color: #475569; }
.dynamic-product .product-meta-line { display: flex; gap: 10px; color: #64748b; font-size: 13px; margin: 10px 0; }
.product-detail-grid { display: grid; grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.05fr); gap: 32px; align-items: start; }
.product-media-panel { background: #fff; border: 1px solid #d9dee7; padding: 14px; }
.product-media-panel > img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #f8fafc; display: block; }
.detail-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 8px; margin-top: 10px; }
.detail-thumbs img { width: 100%; aspect-ratio: 1; object-fit: cover; border: 1px solid #e5e7eb; background: #f8fafc; }
.product-detail-copy { background: #fff; border: 1px solid #d9dee7; padding: 22px; }
.detail-note { margin-top: 18px; color: #334155; }
.detail-note b { display: block; margin-top: 12px; color: #111827; }
@media (max-width: 760px) {
  .import-steps, .import-summary, .product-detail-grid { grid-template-columns: 1fr; }
  .import-panel input, .admin-toolbar input { min-width: 0; width: 100%; }
}
.demo-state { grid-column: 1 / -1; border-color: #93c5fd; background: #eff6ff; color: #1d4ed8; }
.product-gallery { outline: none; }
.gallery-main { position: relative; background: #f8fafc; }
.gallery-main > img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; display: block; }
.gallery-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border: 1px solid #cfd6e0; background: rgba(255,255,255,.92); color: #111827; font-size: 30px; line-height: 1; display: grid; place-items: center; cursor: pointer; box-shadow: 0 10px 24px rgba(15,23,42,.12); }
.gallery-nav.prev { left: 12px; }
.gallery-nav.next { right: 12px; }
.gallery-nav:hover, .gallery-nav:focus-visible { border-color: #245fd6; color: #245fd6; outline: none; }
.gallery-count { position: absolute; right: 12px; bottom: 12px; background: rgba(17,24,39,.82); color: #fff; min-width: 54px; text-align: center; padding: 5px 8px; font-size: 12px; font-weight: 800; }
.detail-thumbs .gallery-thumb { appearance: none; border: 1px solid #e5e7eb; background: #fff; padding: 0; cursor: pointer; position: relative; display: block; }
.detail-thumbs .gallery-thumb img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; border: 0; }
.detail-thumbs .gallery-thumb span { position: absolute; left: 4px; bottom: 4px; background: rgba(255,255,255,.9); color: #111827; font-size: 10px; font-weight: 800; padding: 2px 4px; }
.detail-thumbs .gallery-thumb.active { border-color: #245fd6; box-shadow: inset 0 0 0 2px #245fd6; }
.detail-thumbs .gallery-thumb:hover, .detail-thumbs .gallery-thumb:focus-visible { border-color: #245fd6; outline: none; }
/* Product gallery refinement */
.product-gallery { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 14px; align-items: start; outline: none; position: relative; overflow: visible; }
.product-gallery .detail-thumbs { order: 1; display: grid; grid-template-columns: 1fr; gap: 8px; max-height: 620px; overflow-y: auto; margin: 0; padding-right: 2px; }
.product-gallery .gallery-stage { order: 2; min-width: 0; position: relative; }
.product-gallery .gallery-main { position: relative; background: #f8fafc; border: 1px solid #e5e7eb; overflow: hidden; touch-action: pan-y; }
.product-gallery .gallery-main > img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; display: block; background: #f8fafc; }
.product-gallery .gallery-hit { position: absolute; top: 0; bottom: 0; width: 38%; border: 0; background: transparent; color: transparent; cursor: pointer; z-index: 4; opacity: 0; }
.product-gallery .gallery-hit.prev { left: 0; }
.product-gallery .gallery-hit.next { right: 0; }
.product-gallery .gallery-hit:focus-visible { outline: 2px solid #245fd6; outline-offset: -4px; opacity: .08; background: #245fd6; }
.product-gallery .gallery-count { display: none; }
.product-gallery .detail-thumbs .gallery-thumb { appearance: none; border: 1px solid #e5e7eb; background: #fff; padding: 0; cursor: pointer; position: relative; display: block; border-radius: 4px; overflow: hidden; }
.product-gallery .detail-thumbs .gallery-thumb img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; border: 0; background: #f8fafc; }
.product-gallery .detail-thumbs .gallery-thumb span { position: absolute; left: 4px; bottom: 4px; background: rgba(255,255,255,.9); color: #111827; font-size: 10px; font-weight: 800; padding: 2px 4px; }
.product-gallery .detail-thumbs .gallery-thumb.active { border-color: #ef4444; box-shadow: inset 0 0 0 2px #ef4444; }
.product-gallery .detail-thumbs .gallery-thumb:hover, .product-gallery .detail-thumbs .gallery-thumb:focus-visible { border-color: #ef4444; outline: none; }
.product-gallery .gallery-lens { position: absolute; width: 190px; height: 150px; margin-left: -95px; margin-top: -75px; background: rgba(255,255,255,.48); border: 1px solid rgba(17,24,39,.16); pointer-events: none; opacity: 0; z-index: 5; transition: opacity .12s ease; }
.product-gallery .gallery-zoom-pane { position: absolute; left: calc(100% + 16px); top: 0; width: min(460px, 42vw); aspect-ratio: 4 / 3; background-color: #fff; background-repeat: no-repeat; background-size: 220%; border: 1px solid #d9dee7; box-shadow: 0 20px 46px rgba(15,23,42,.18); opacity: 0; pointer-events: none; z-index: 30; transition: opacity .12s ease; }
.product-gallery.zooming .gallery-lens, .product-gallery.zooming .gallery-zoom-pane { opacity: 1; }
@media (max-width: 980px) {
  .product-gallery { grid-template-columns: 1fr; gap: 10px; }
  .product-gallery .gallery-stage { order: 1; }
  .product-gallery .detail-thumbs { order: 2; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); max-height: none; overflow-y: visible; padding-right: 0; }
  .product-gallery .gallery-zoom-pane, .product-gallery .gallery-lens { display: none; }
  .product-gallery .gallery-hit { display: none; }
}
/* Product detail proportion tuning */
.product-detail-grid { grid-template-columns: minmax(680px, 1.42fr) minmax(260px, .58fr); gap: 24px; align-items: start; }
.product-media-panel { padding: 12px; }
.product-gallery { grid-template-columns: 88px minmax(0, 1fr); gap: 14px; }
.product-gallery .gallery-main > img { aspect-ratio: 900 / 640; object-fit: contain; }
.product-gallery .detail-thumbs { max-height: 560px; gap: 8px; }
.product-gallery .detail-thumbs .gallery-thumb img { aspect-ratio: 1.06 / .82; object-fit: contain; }
.product-detail-copy { padding: 18px; }
.product-detail-copy h2 { font-size: clamp(30px, 3.2vw, 46px); line-height: 1; margin-bottom: 14px; }
.product-detail-copy .catalog-state { padding: 11px 12px; font-size: 13px; }
.product-detail-copy .text-spec-list { gap: 0; }
.product-detail-copy .text-spec-list p { padding: 9px 0; margin: 0; font-size: 14px; line-height: 1.35; }
.product-detail-copy .text-spec-list b { min-width: 112px; }
.product-detail-copy .detail-note { margin-top: 14px; font-size: 14px; line-height: 1.55; }
.product-detail-copy .detail-note p { margin: 6px 0 10px; }
.product-detail-copy .actions { gap: 8px; margin-top: 16px; }
.product-detail-copy .btn { min-height: 38px; padding: 9px 13px; }
.product-gallery .gallery-zoom-pane { width: min(390px, 32vw); aspect-ratio: 900 / 640; background-size: 210%; }
@media (max-width: 1180px) {
  .product-detail-grid { grid-template-columns: minmax(540px, 1.25fr) minmax(260px, .75fr); }
}
@media (max-width: 900px) {
  .product-detail-grid { grid-template-columns: 1fr; }
  .product-gallery { grid-template-columns: 1fr; }
  .product-gallery .gallery-stage { order: 1; }
  .product-gallery .detail-thumbs { order: 2; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); max-height: none; overflow-y: visible; }
}
.product-detail-grid.section, section.product-detail-grid { padding-top: 42px; padding-bottom: 44px; }
@media (max-width: 760px) { .product-detail-grid.section, section.product-detail-grid { padding-top: 32px; padding-bottom: 36px; } }
/* Dynamic product card layout */
.dynamic-product { display: grid; grid-template-rows: 230px auto auto 1fr auto auto; padding: 0; overflow: hidden; min-height: 464px; }
.dynamic-product .category-visual { margin: 0; height: 230px; border-radius: 0; border-bottom: 1px solid #e5e9ef; }
.dynamic-product .supply-badge { margin: 14px 24px 0; }
.dynamic-product h3 { margin: 18px 24px 8px; font-size: 18px; line-height: 1.2; }
.dynamic-product p { margin: 0 24px; min-height: 38px; font-size: 13px; line-height: 1.45; color: #334155; }
.dynamic-product .product-meta-line { align-self: end; display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 24px 0; color: #475569; font-size: 13px; line-height: 1.2; }
.dynamic-product .view-products { display: block; margin: 22px 24px 0; padding-bottom: 22px; color: #245fd6; font-size: 12px; font-weight: 800; }
.dynamic-product .supply-badge.ready { background: #dcfce7; color: #166534; }
.dynamic-product .supply-badge.sample { background: #dbeafe; color: #1d4ed8; }
@media (max-width: 640px) {
  .dynamic-product { min-height: 420px; grid-template-rows: 200px auto auto 1fr auto auto; }
  .dynamic-product .category-visual { height: 200px; }
  .dynamic-product .supply-badge, .dynamic-product h3, .dynamic-product p, .dynamic-product .product-meta-line, .dynamic-product .view-products { margin-left: 18px; margin-right: 18px; }
}
/* Compact dynamic product cards */
.dynamic-product { grid-template-rows: 230px auto auto auto auto; min-height: 0; }
.dynamic-product p { min-height: 0; }
.dynamic-product .product-meta-line { align-self: auto; margin-top: 18px; }
.dynamic-product .view-products { margin-top: 18px; padding-bottom: 22px; }
@media (max-width: 640px) {
  .dynamic-product { grid-template-rows: 200px auto auto auto auto; min-height: 0; }
}
/* Modular value card spacing */
.modular-value-system .value-card,
.modular-system-values .value-card { padding: 30px 32px; }
.modular-value-system .value-card .num,
.modular-system-values .value-card .num { display: block; margin-bottom: 26px; }
.modular-value-system .value-card h3,
.modular-system-values .value-card h3 { margin: 0 0 18px; line-height: 1.38; max-width: 92%; }
.modular-value-system .value-card p,
.modular-system-values .value-card p { line-height: 1.78; max-width: 94%; }
@media (max-width: 760px) {
  .modular-value-system .value-card,
  .modular-system-values .value-card { padding: 24px; }
  .modular-value-system .value-card .num,
  .modular-system-values .value-card .num { margin-bottom: 18px; }
}
/* Space below dark modular interface section */
.modular-value-system { padding-top: 120px; }
@media (max-width: 760px) { .modular-value-system { padding-top: 82px; } }
/* Home product cards and partner block spacing */
.ready-home .product-tile,
.product-showcase .product-tile { display: grid; grid-template-rows: auto auto 1fr auto; }
.ready-home .product-tile .view-products,
.product-showcase .product-tile .view-products { align-self: end; display: inline-block; margin-top: 30px; padding-bottom: 8px; line-height: 1.35; }
.partner-home article .btn { margin-bottom: 18px; }
.partner-home article { padding-bottom: 20px; }
/* Product directory link placement */
.product-showcase .product-tile,
.ready-home .product-tile { grid-template-rows: auto auto auto auto; min-height: 432px; }
.product-showcase .product-tile .view-products,
.ready-home .product-tile .view-products { align-self: auto; margin-top: 24px; padding-bottom: 0; }
.product-showcase .product-tile p,
.ready-home .product-tile p { min-height: 54px; }
@media (max-width: 640px) {
  .product-showcase .product-tile,
  .ready-home .product-tile { min-height: 0; }
  .product-showcase .product-tile p,
  .ready-home .product-tile p { min-height: 0; }
}
/* Restore natural product directory link position */
.product-showcase .product-tile,
.ready-home .product-tile { display: block; min-height: 0; }
.product-showcase .product-tile p,
.ready-home .product-tile p { min-height: 0; }
.product-showcase .product-tile .view-products,
.ready-home .product-tile .view-products { display: inline-block; margin-top: 18px; padding-bottom: 0; line-height: 1.35; }

/* Ready Stock category cards */
.ready-stock-category-section { max-width: 1560px; padding-top: 78px; padding-bottom: 82px; }
.ready-stock-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.ready-stock-category-card { min-height: 430px; display: grid; grid-template-rows: 54% 30% 16%; border: 1px solid #dfe6ef; border-radius: 8px; background: #fff; overflow: hidden; color: inherit; text-decoration: none; box-shadow: 0 10px 26px rgba(15,23,42,.035); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.ready-stock-category-card:hover { transform: translateY(-4px); border-color: #c9d5e4; box-shadow: 0 18px 42px rgba(15,23,42,.09); }
.ready-stock-card-media { min-height: 0; background: linear-gradient(145deg,#fbfcfd,#eef3f7); border-bottom: 1px solid #edf1f5; }
.ready-stock-card-media .category-visual { height: 100%; min-height: 0; margin: 0; border-radius: 0; background: transparent; }
.ready-stock-card-media .category-visual:before,
.ready-stock-card-media .category-visual:after { top: 35%; }
.ready-stock-card-media .category-visual.temple:before { top: 43%; }
.ready-stock-card-body { padding: 24px 26px 10px; display: grid; align-content: start; gap: 12px; }
.ready-stock-card-body h3 { margin: 0; font-size: 19px; line-height: 1.25; letter-spacing: 0; color: #111827; }
.ready-stock-card-body p { margin: 0; color: #526176; font-size: 13px; line-height: 1.65; max-width: 92%; }
.ready-stock-card-cta { padding: 12px 26px 26px; display: flex; align-items: start; }
.ready-stock-card-cta span { color: #245fd6; font-size: 12px; font-weight: 850; line-height: 1.35; transition: color .18s ease, transform .18s ease; }
.ready-stock-category-card:hover .ready-stock-card-cta span { color: #1746a2; transform: translateX(3px); }
@media (max-width: 1180px) {
  .ready-stock-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ready-stock-category-card { min-height: 410px; }
}
@media (max-width: 640px) {
  .ready-stock-category-section { padding-top: 56px; padding-bottom: 60px; }
  .ready-stock-category-grid { grid-template-columns: 1fr; gap: 16px; }
  .ready-stock-category-card { min-height: 390px; grid-template-rows: 52% 31% 17%; }
  .ready-stock-card-body { padding: 22px 22px 8px; }
  .ready-stock-card-cta { padding: 10px 22px 24px; }
}
/* Home modular section-to-card spacing */
html[data-page="home"] .fixed-interface-module + .modular-value-system { padding-top: 156px !important; }
@media (max-width: 760px) { html[data-page="home"] .fixed-interface-module + .modular-value-system { padding-top: 96px !important; } }
/* Product series card bottom spacing */
.product-showcase .product-tile { padding-bottom: 26px; }
.product-showcase .product-tile .view-products { display: block; margin-top: 18px; margin-bottom: 0; line-height: 1.35; }
/* Ready Stock category CTA bottom breathing room */
.ready-stock-category-card { grid-template-rows: 50% 30% 20%; min-height: 430px; }
.ready-stock-card-cta { padding: 8px 26px 34px; align-items: start; }
.ready-stock-card-body { padding-bottom: 6px; }
@media (max-width: 1180px) { .ready-stock-category-card { min-height: 420px; } }
@media (max-width: 640px) {
  .ready-stock-category-card { grid-template-rows: 49% 31% 20%; min-height: 395px; }
  .ready-stock-card-cta { padding: 8px 22px 32px; }
}

/* Global product category CTA spacing fix */
.product-directory-grid .product-tile { padding-bottom: 30px !important; }
.product-directory-grid .product-tile .view-products { display: inline-block !important; margin-top: 22px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; line-height: 1.35; }
.product-directory-grid .product-card-link:hover .view-products { color: #1746a2; }
.ready-stock-category-card { grid-template-rows: 50% 29% 21%; }
.ready-stock-card-cta { padding-bottom: 38px !important; }
@media (max-width: 640px) {
  .product-directory-grid .product-tile { padding-bottom: 26px !important; }
  .product-directory-grid .product-tile .view-products { margin-top: 18px !important; }
  .ready-stock-category-card { grid-template-rows: 49% 30% 21%; }
  .ready-stock-card-cta { padding-bottom: 34px !important; }
}

/* Final category CTA position: bottom-right */
.product-directory-grid .product-tile { position: relative; padding-bottom: 64px !important; }
.product-directory-grid .product-tile .view-products { position: absolute; right: 24px; bottom: 24px; display: inline-flex !important; align-items: center; justify-content: flex-end; margin: 0 !important; padding: 0 !important; line-height: 1.35; text-align: right; }
.ready-stock-category-card { position: relative; grid-template-rows: 50% 50%; padding-bottom: 0; }
.ready-stock-card-body { padding-bottom: 72px !important; }
.ready-stock-card-cta { position: absolute; right: 26px; bottom: 28px; padding: 0 !important; display: block; }
.ready-stock-card-cta span { display: inline-flex; justify-content: flex-end; text-align: right; }
@media (max-width: 640px) {
  .product-directory-grid .product-tile { padding-bottom: 58px !important; }
  .product-directory-grid .product-tile .view-products { right: 18px; bottom: 22px; }
  .ready-stock-card-body { padding-bottom: 66px !important; }
  .ready-stock-card-cta { right: 22px; bottom: 24px; }
}
/* Ready Stock category CTA lower placement */
.ready-stock-category-card { min-height: 470px; grid-template-rows: 50% 50%; }
.ready-stock-card-body { padding-bottom: 88px !important; }
.ready-stock-card-cta { bottom: 32px !important; }
@media (max-width: 1180px) { .ready-stock-category-card { min-height: 450px; } }
@media (max-width: 640px) {
  .ready-stock-category-card { min-height: 420px; }
  .ready-stock-card-body { padding-bottom: 76px !important; }
  .ready-stock-card-cta { bottom: 28px !important; }
}

/* Final product-card CTA placement across category and catalog cards */
.product-directory-grid .product-card-link .product-tile,
.product-directory-grid .product-card-link .card.product-tile,
.product-directory-grid .dynamic-product {
  position: relative !important;
  padding-bottom: 68px !important;
}
.product-directory-grid .product-card-link .product-tile .view-products,
.product-directory-grid .product-card-link .card.product-tile .view-products,
.product-directory-grid .dynamic-product .view-products {
  position: absolute !important;
  right: 24px !important;
  bottom: 22px !important;
  left: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35;
  text-align: right;
}
.product-directory-grid .product-card-link .product-tile p,
.product-directory-grid .dynamic-product p {
  margin-bottom: 0 !important;
}
.product-directory-grid .dynamic-product .product-meta-line {
  margin-bottom: 0 !important;
}
.ready-stock-category-card {
  position: relative !important;
  min-height: 470px;
  grid-template-rows: 50% 50% !important;
}
.ready-stock-card-body {
  padding-bottom: 80px !important;
}
.ready-stock-card-cta {
  position: absolute !important;
  right: 26px !important;
  bottom: 22px !important;
  padding: 0 !important;
  display: block !important;
}
.ready-stock-card-cta span {
  display: inline-flex !important;
  justify-content: flex-end;
  text-align: right;
}
@media (max-width: 1180px) {
  .ready-stock-category-card {
    min-height: 450px;
  }
}
@media (max-width: 640px) {
  .product-directory-grid .product-card-link .product-tile,
  .product-directory-grid .product-card-link .card.product-tile,
  .product-directory-grid .dynamic-product {
    padding-bottom: 62px !important;
  }
  .product-directory-grid .product-card-link .product-tile .view-products,
  .product-directory-grid .product-card-link .card.product-tile .view-products,
  .product-directory-grid .dynamic-product .view-products {
    right: 18px !important;
    bottom: 20px !important;
  }
  .ready-stock-category-card {
    min-height: 420px;
  }
  .ready-stock-card-body {
    padding-bottom: 72px !important;
  }
  .ready-stock-card-cta {
    right: 22px !important;
    bottom: 20px !important;
  }
}

/* Catalog product cards use a separate dynamic grid */
.catalog-grid .dynamic-product,
.dynamic-product {
  position: relative !important;
  padding-bottom: 68px !important;
}
.catalog-grid .dynamic-product .view-products,
.dynamic-product .view-products {
  position: absolute !important;
  right: 24px !important;
  bottom: 22px !important;
  left: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35;
  text-align: right;
}
.catalog-grid .dynamic-product .product-meta-line,
.dynamic-product .product-meta-line {
  margin-bottom: 0 !important;
}
@media (max-width: 640px) {
  .catalog-grid .dynamic-product,
  .dynamic-product {
    padding-bottom: 62px !important;
  }
  .catalog-grid .dynamic-product .view-products,
  .dynamic-product .view-products {
    right: 18px !important;
    bottom: 20px !important;
  }
}

/* Home Ready Stock card CTA final override */
.ready-home .product-directory-grid .product-card-link .product-tile {
  position: relative !important;
  padding-bottom: 72px !important;
}
.ready-home .product-directory-grid .product-card-link .product-tile .view-products {
  position: absolute !important;
  right: 24px !important;
  bottom: 22px !important;
  left: auto !important;
  display: inline-flex !important;
  justify-content: flex-end;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: right;
}
@media (max-width: 640px) {
  .ready-home .product-directory-grid .product-card-link .product-tile {
    padding-bottom: 64px !important;
  }
  .ready-home .product-directory-grid .product-card-link .product-tile .view-products {
    right: 18px !important;
    bottom: 20px !important;
  }
}

/* Product admin */
.admin-nav .links button.btn {
  min-height: 38px;
  padding: 0 18px;
}
.admin-login-page {
  min-height: 100vh;
  background: #f4f7fb;
}
.admin-login-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
}
.admin-login-card {
  width: min(420px, 100%);
  display: grid;
  gap: 16px;
  padding: 32px;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 22px 58px rgba(15,23,42,.08);
}
.admin-login-card img {
  width: 150px;
}
.admin-login-card h1 {
  margin: 0;
  font-size: 28px;
}
.admin-login-card label,
.admin-editor label {
  display: grid;
  gap: 7px;
  color: #25364d;
  font-size: 13px;
  font-weight: 800;
}
.admin-login-card input,
.admin-editor input,
.admin-editor select,
.admin-editor textarea,
.admin-toolbar select {
  width: 100%;
  border: 1px solid #cfd8e6;
  border-radius: 6px;
  background: #fff;
  padding: 11px 12px;
  font: inherit;
  color: #0f172a;
}
.admin-login-card p {
  min-height: 20px;
  margin: 0;
  color: #b91c1c;
  font-weight: 700;
}
.admin-dashboard {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.admin-dashboard-card {
  min-height: 150px;
  display: flex;
  align-items: flex-end;
  padding: 24px;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  text-decoration: none;
  font-size: 22px;
  font-weight: 900;
}
.admin-toolbar {
  border-radius: 10px;
}
.admin-toolbar {
  gap: 12px;
  align-items: flex-end;
}
.admin-toolbar label {
  gap: 7px;
  font-size: 13px;
}
.admin-toolbar label span {
  min-height: 18px;
  line-height: 18px;
}
.admin-toolbar input,
.admin-toolbar select,
.admin-toolbar .btn {
  height: 42px;
  min-height: 42px;
  border-radius: 7px;
  font-size: 14px;
  line-height: 20px;
}
.admin-toolbar input,
.admin-toolbar select {
  padding: 0 13px;
}
.admin-toolbar .btn {
  padding: 0 16px;
  font-weight: 800;
}
.admin-table {
  font-size: 14px;
  border-spacing: 0;
}
.admin-table th,
.admin-table td {
  border-bottom: 0;
  padding: 13px 12px;
  vertical-align: middle;
}
.admin-table thead tr,
.admin-table tbody tr {
  border-bottom: 1px solid #e5e7eb;
}
.admin-table th {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .04em;
  font-weight: 900;
}
.admin-table td {
  line-height: 20px;
}
.admin-table td b {
  display: block;
  font-size: 15px;
  line-height: 20px;
}
.admin-table td small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.admin-actions {
  min-width: 420px;
  white-space: nowrap;
  background: transparent;
}
.admin-actions > * + * {
  margin-left: 6px;
}
.admin-table button,
.admin-table .small-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  min-width: 46px;
  margin-right: 0;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 750;
}
.admin-status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}
.admin-status.published {
  background: #dcfce7;
  color: #166534;
}
.admin-status.unpublished,
.admin-status.draft {
  background: #eef2f7;
  color: #475569;
}
.admin-editor {
  display: grid;
  gap: 20px;
}
.admin-editor-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  padding: 20px;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  background: #fff;
}
.admin-editor .wide {
  grid-column: span 2;
}
.admin-editor .check {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 24px;
}
.admin-editor .check input {
  width: auto;
}
.admin-editor-panel {
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.admin-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 20px;
  border-bottom: 1px solid #e7edf5;
}
.admin-panel-head h2 {
  margin: 0;
  font-size: 18px;
}
.admin-image-list,
.admin-param-list {
  display: grid;
  gap: 12px;
  padding: 16px;
}
.admin-image-row,
.admin-param-row {
  display: grid;
  grid-template-columns: 92px 2fr .6fr .8fr 1.4fr .5fr .5fr 1fr auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid #e1e8f0;
  border-radius: 8px;
  background: #f9fbfd;
}
.admin-param-row {
  grid-template-columns: 1fr 2fr .5fr auto;
}
.admin-image-preview {
  width: 92px;
  aspect-ratio: 1.1;
  display: grid;
  place-items: center;
  border: 1px solid #d8e1ec;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}
.admin-image-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.admin-image-row button,
.admin-param-row button {
  border: 1px solid #cfd8e6;
  border-radius: 6px;
  background: #fff;
  padding: 10px 12px;
  cursor: pointer;
}
.admin-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
@media (max-width: 1100px) {
  .admin-editor-grid,
  .admin-dashboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .admin-image-row {
    grid-template-columns: 90px repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  .admin-dashboard,
  .admin-editor-grid,
  .admin-image-row,
  .admin-param-row {
    grid-template-columns: 1fr;
  }
  .admin-editor .wide {
    grid-column: auto;
  }
  .admin-editor .check {
    padding-top: 0;
  }
  .admin-actions {
    min-width: 320px;
  }
}

/* Product detail color selector */
.product-gallery .product-option-block {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid #e1e7ef;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media (min-width: 901px) {
  .product-gallery .detail-thumbs {
    grid-column: 1;
    grid-row: 1;
  }
  .product-gallery .gallery-stage {
    grid-column: 2;
    grid-row: 1;
  }
  .product-gallery .product-option-block {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}
.product-gallery .product-option-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 118px;
}
.product-gallery .product-option-head span {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}
.product-gallery .product-option-head b {
  color: #111827;
  font-size: 13px;
}
.product-gallery .gallery-color-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.product-gallery .gallery-color-tab {
  appearance: none;
  border: 1px solid #cfd8e3;
  background: #fff;
  color: #111827;
  min-width: 46px;
  height: 34px;
  padding: 0 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}
.product-gallery .gallery-color-tab:hover,
.product-gallery .gallery-color-tab:focus-visible {
  border-color: #245fd6;
  color: #245fd6;
  outline: none;
}
.product-gallery .gallery-color-tab.active {
  border-color: #245fd6;
  background: #eff6ff;
  color: #1746a2;
}
@media (max-width: 980px) {
  .product-gallery .product-option-block {
    margin-top: 12px;
  }
}
@media (max-width: 640px) {
  .product-gallery .product-option-block {
    align-items: flex-start;
    flex-direction: column;
  }
  .product-gallery .gallery-color-tabs {
    justify-content: flex-start;
  }
}

/* Mobile product detail polish */
@media (max-width: 640px) {
  .product-series-hero {
    padding: 34px 20px 30px;
  }
  .product-series-hero .breadcrumbs {
    margin-bottom: 14px;
    line-height: 1.5;
    overflow-wrap: normal;
    word-break: normal;
  }
  .product-series-hero h1 {
    font-size: 40px;
    line-height: 1.04;
    margin-bottom: 12px;
  }
  .product-series-hero p {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.55;
    overflow-wrap: normal;
    word-break: normal;
  }
  section.product-detail-grid {
    padding-top: 28px;
  }
}

/* Product dictionary admin */
.dictionary-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 22px;
}
.dictionary-summary > div {
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  background: #fff;
  padding: 16px 18px;
}
.dictionary-summary b,
.dictionary-summary span {
  display: block;
}
.dictionary-summary b {
  font-size: 18px;
  line-height: 1.35;
}
.dictionary-summary span {
  margin-top: 6px;
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}
.dictionary-groups {
  display: grid;
  gap: 18px;
}
.dictionary-group {
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.dictionary-group .admin-table td:nth-child(4) {
  max-width: 360px;
  white-space: normal;
}
@media (max-width: 760px) {
  .dictionary-summary { grid-template-columns: 1fr; }
}