/* =====================================================================
   "Apple" style. Every rule is scoped to html.apple, so removing the
   class (or this file) gives back the Classic look untouched.
   ===================================================================== */
html.apple{
  --navy:#1d1d1f;--navy-2:#1d1d1f;--navy-3:#081d36;
  /* Techno Office deep blue replaces Apple's black on dark sections */
  --deep:#0a2547;--deep-grad:linear-gradient(120deg,#081d36 0%,#0b2f59 55%,#0e3f75 100%);--deep-line:rgba(255,255,255,.14);--deep-tile:rgba(255,255,255,.06);
  --blue:#0071e3;--blue-2:#0077ed;--cyan:#0071e3;--cyan-2:#2997ff;
  --sky:#f5f5f7;--sky-2:#f5f5f7;--line:#d2d2d7;
  --ink:#1d1d1f;--text:#6e6e73;--muted:#86868b;
  --grad:linear-gradient(#0071e3,#0071e3);
  --radius:28px;--shadow:0 6px 30px rgba(0,0,0,.08);
  --ease:cubic-bezier(.28,.11,.32,1);
}
html.apple body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;letter-spacing:-.011em;color:#1d1d1f;-webkit-font-smoothing:antialiased}
html.apple h1,html.apple h2,html.apple h3,html.apple h4{font-weight:600;letter-spacing:-.02em}
html.apple .sec{padding:120px 0}

/* ---------- buttons: Apple pills ---------- */
html.apple .btn{border-radius:980px;font-weight:400;font-size:15px;padding:11px 22px;box-shadow:none;letter-spacing:-.01em}
html.apple .btn svg{display:none}
html.apple .btn:hover{transform:none;box-shadow:none}
html.apple .btn-grad,html.apple .btn-dark{background:#0071e3;color:#fff}
html.apple .btn-grad:hover,html.apple .btn-dark:hover{background:#0077ed}
html.apple .btn-line{border:1px solid #0071e3;color:#0071e3;background:transparent}
html.apple .btn-line:hover{background:#0071e3;color:#fff}
html.apple .btn-ghost{border:1px solid #2997ff;color:#2997ff}
html.apple .btn-ghost:hover{background:#2997ff;color:#fff}
html.apple .btn-soft{background:#e8e8ed;color:#1d1d1f}
html.apple .btn-soft:hover{background:#d2d2d7;color:#1d1d1f}

/* ---------- section headings ---------- */
html.apple .eyebrow{font-size:17px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:#bf4800;margin-bottom:8px}
html.apple .on-dark .eyebrow{color:#ff9f0a}
html.apple .head h2{font-size:clamp(36px,5vw,56px);line-height:1.07;letter-spacing:-.025em}
html.apple .sec-title,html.apple .about h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;letter-spacing:-.025em}
html.apple .head p{font-size:21px;color:#6e6e73}
html.apple .on-dark .head p{color:#b8c7d9}
html.apple .bar{display:none}
html.apple .on-dark{color:#b8c7d9}

/* ---------- top bar + global nav ---------- */
html.apple .topbar{background:#f5f5f7;color:#6e6e73;font-size:12px}
html.apple .topbar .wrap{height:32px}
html.apple .topbar svg{color:#6e6e73}
html.apple .topbar b{color:#1d1d1f;font-weight:500}
html.apple .topbar a:hover{color:#1d1d1f}
html.apple .header::before{background:rgba(251,251,253,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
html.apple .header.scrolled{box-shadow:none;border-color:rgba(0,0,0,.08)}
html.apple .header .wrap,html.apple .header.scrolled .wrap{height:52px}
html.apple .logo img,html.apple .header.scrolled .logo img{height:30px}
html.apple .nav .top{font-size:13px;font-weight:400;color:rgba(0,0,0,.8);padding:8px 10px;letter-spacing:-.01em}
html.apple .nav .top::after{display:none}
html.apple .nav .top:hover,html.apple .nav .top.active,html.apple .dd:hover .top{color:#000}
html.apple .nav .top.active{font-weight:600}
html.apple .nav .btn{padding:6px 14px;font-size:13px;margin-left:10px}
html.apple .dd-toggle{color:rgba(0,0,0,.5);font-size:12px}
html.apple .dd-inner{border:0;border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.25)}
html.apple .dd-item i{background:#f5f5f7;color:#1d1d1f;border-radius:10px}
html.apple .dd-item:hover{background:#f5f5f7}
html.apple .dd-item:hover i{background:#0071e3;color:#fff}
html.apple .dd-promo{background:var(--deep-grad)}
html.apple .burger span{background:#1d1d1f}

/* ---------- hero: centred headline, photo in a rounded frame below ---------- */
html.apple .hero{height:calc(100vh - 84px);min-height:660px;max-height:920px;background:#fff}
html.apple #net,html.apple .hero-progress,html.apple .scroll-cue,html.apple .hero-arrow,html.apple .hero .tagline{display:none}
/* stacked: text block on top, photo takes the remaining height so they never overlap */
html.apple .slide{display:flex;flex-direction:column;background:#fff}
html.apple .slide.dark{background:var(--deep-grad)}
html.apple .slide::before{display:none}
html.apple .slide .bg{position:relative;inset:auto;order:2;flex:1;min-height:180px;width:min(1120px,calc(100% - 48px));margin:32px auto 52px;border-radius:28px;transform:none;transition:none}
html.apple .slide .content{order:1;height:auto;flex:none;width:100%;justify-content:flex-start;align-items:center;text-align:center;padding-top:52px;max-width:none}
html.apple .slide .content>*{max-width:860px}
html.apple .pill{background:none;box-shadow:none;border:0;padding:0;margin-bottom:10px;font-size:19px;color:#bf4800;align-self:center}
html.apple .dark .pill{background:none;border:0;color:#ff9f0a}
html.apple .pill i{display:none}
html.apple .slide:first-of-type .pill i{display:inline;width:auto;height:auto;background:none;color:inherit;font-size:inherit;font-weight:inherit}
html.apple .hero h1{font-size:clamp(40px,6vw,80px);line-height:1.05;letter-spacing:-.03em;color:#1d1d1f}
html.apple .hero h1 em,html.apple .dark h1 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit}
html.apple .dark h1{color:#f5f5f7}
html.apple .hero p.lead{font-size:clamp(19px,2vw,24px);color:#1d1d1f;margin:14px auto 0;max-width:680px;line-height:1.35}
html.apple .dark p.lead{color:#c3d2e4}
html.apple .hero .ctas{justify-content:center;margin-top:24px}
html.apple .dots{bottom:20px}
html.apple .dots button{width:8px;height:8px;background:#d2d2d7;box-shadow:none}
html.apple .dots button.active{width:8px;background:#1d1d1f}

/* Xerox slide: printers centred in the rounded frame */
html.apple .xslide .bg{background:linear-gradient(180deg,#fff 0%,#f5f5f7 100%);overflow:visible}
html.apple .xslide::before{display:none}
html.apple .xrow{left:50%;right:auto;width:auto;height:80%;bottom:10%;transform:translateX(-50%)}
html.apple .xp img{filter:drop-shadow(0 14px 16px rgba(0,0,0,.14))}
html.apple .xbadge{left:24px;right:auto;top:24px;height:84px;box-shadow:none}
html.apple .vbadge{left:24px;top:24px;width:106px;box-shadow:none}
html.apple .vb-bot{font-family:"Inter",-apple-system,sans-serif;font-size:10.5px}

/* ---------- home blocks ---------- */
html.apple .pillars{margin-top:0;padding-top:24px}
html.apple .pillars .grid{gap:20px;background:none;box-shadow:none;border-radius:0;overflow:visible}
html.apple .pillar{flex-direction:column;align-items:center;text-align:center;padding:44px 32px;background:#f5f5f7;border-radius:28px}
html.apple .pillar+.pillar{border:0}
html.apple .pillar .ic{background:#fff;color:#1d1d1f}
html.apple .pillar:hover{background:#f5f5f7}
html.apple .pillar:hover .ic{transform:none}
html.apple .pillar h3{font-size:24px}
html.apple .collage .ring{display:none}
html.apple .collage img{box-shadow:none;border-radius:22px}
html.apple .collage .badge{background:var(--deep-grad);border-radius:22px}
html.apple .collage .badge b{background:none;color:#fff;-webkit-text-fill-color:#fff;font-weight:600}
html.apple .about .big b{color:#1d1d1f}
html.apple .checks svg{color:#0071e3}
html.apple .counters,html.apple .anatomy,html.apple .security,html.apple .contact{background:var(--deep-grad)}
html.apple .counters .bg,html.apple .counters::after{display:none}
html.apple .stat b{font-weight:600;letter-spacing:-.03em}
html.apple .stat b sup{color:#2997ff}
html.apple .stat+.stat::before{background:rgba(255,255,255,.12)}
html.apple .sectors li{border-color:var(--deep-line);background:var(--deep-tile);color:#f5f5f7}
html.apple .sectors li:hover{background:#2997ff;border-color:#2997ff}
html.apple .step .dot{border-width:1px}
html.apple .step:last-child .dot{box-shadow:none}
html.apple .step small{letter-spacing:0;text-transform:none;font-size:14px;color:#bf4800}

/* ---------- inner page banners: light and centred ---------- */
html.apple .page-hero{background:#f5f5f7;color:#6e6e73;padding:96px 0 84px;text-align:center}
html.apple .page-hero .bg,html.apple .page-hero::after{display:none}
html.apple .crumbs{justify-content:center;color:#86868b}
html.apple .crumbs span{color:#1d1d1f}
html.apple .crumbs a:hover{color:#0066cc}
html.apple .page-hero h1{color:#1d1d1f;font-size:clamp(44px,7vw,88px);letter-spacing:-.035em}
html.apple .page-hero p{margin:18px auto 0;font-size:21px;max-width:720px}
html.apple .jump{justify-content:center;gap:6px 18px}
html.apple .jump a{border:0;background:none;padding:4px 0;color:#0066cc;font-size:17px;font-weight:400}
html.apple .jump a::after{content:" ›"}
html.apple .jump a:hover{background:none;text-decoration:underline}
html.apple .ifp-stats{justify-content:center}
/* light banner in this style: show the dark-lettered Vivitek logo, centred */
html.apple .vk-hero-logo{content:url(assets/vivitek-page/vivitek-logo.svg);margin:6px auto 22px}
html.apple .vk-firsts,html.apple .vk-novo{background:var(--deep-grad)}
html.apple .vk-firsts::after{background:linear-gradient(120deg,rgba(8,29,54,.9),rgba(14,63,117,.6))}
html.apple .vk-card,html.apple .vk-reasons li,html.apple .vk-stats div{border-color:transparent}
html.apple .vk-card{background:#f5f5f7}
html.apple .vk-global div{background:var(--deep-grad)}
html.apple .ifp-stats div{background:#fff;border:0;backdrop-filter:none}
html.apple .ifp-stats b{color:#1d1d1f}
html.apple .ifp-stats span{color:#6e6e73;letter-spacing:0;text-transform:none}

/* ---------- solutions + tiles ---------- */
html.apple .sol-grid{gap:20px}
html.apple .sol{background:#f5f5f7;border-radius:28px}
html.apple .sol:hover,html.apple .sol:focus-visible{background:#f5f5f7;box-shadow:none;transform:scale(1.015)}
html.apple .sol .sol-ic{background:#fff;color:#1d1d1f;border-radius:24px}
html.apple .sol .sol-ic::after,html.apple .sol .rule{display:none}
html.apple .sol:hover .sol-ic{background:#fff;color:#0071e3;border-radius:24px;transform:none}
html.apple .sol h3{font-weight:600;margin-top:22px}
html.apple .sol .more{opacity:1;transform:none;color:#0066cc;font-weight:400}
html.apple .sol.cta{background:var(--deep-grad)}
html.apple .print-media,html.apple .op,html.apple .prod-media{box-shadow:none}
html.apple .anatomy li,html.apple .sx-list button{border-color:var(--deep-line);background:var(--deep-tile)}
html.apple .anatomy li i{background:#2997ff}
html.apple .sx-list button[aria-selected=true]{background:#f5f5f7}
html.apple .glow{display:none}
html.apple .proc{background:#fff;border:0;border-radius:28px}
html.apple .proc::before{display:none}
html.apple .proc .n{color:#f5f5f7}
html.apple .promise{background:#fff}
html.apple .alliance,html.apple .feature{border-radius:28px;box-shadow:none;background:var(--deep-grad)}
html.apple .tab[aria-selected=true]{background:#1d1d1f;border-color:#1d1d1f}
html.apple .spec,html.apple .ditem{background:#fff}
html.apple .bc{border:0;border-radius:22px}
html.apple .card,html.apple .case,html.apple .client-row,html.apple .client-stats div{border-color:transparent}
html.apple .cr-head i,html.apple .infra i,html.apple .cinfo i{background:var(--deep-grad)}
html.apple .client-cta{background:var(--deep-grad)}

/* ---------- flat panels catalogue ---------- */
html.apple .ifp{background:#fff}
html.apple .ifp-tabs{box-shadow:0 10px 40px -12px rgba(0,0,0,.15);border-radius:18px}
html.apple .stab[aria-selected=true]{background:#fff}
html.apple .stab[aria-selected=true] b{color:#1d1d1f}
html.apple .stab::after{background:#1d1d1f;height:2px}
html.apple .pcard .pmedia,html.apple .pv-stage{background:#f5f5f7;border-radius:28px}
html.apple .pcard:hover .pmedia{box-shadow:none}
html.apple .pseries{letter-spacing:0;text-transform:none;font-size:14px;color:#bf4800}
html.apple .pds{background:none;color:#0066cc;padding:0}
html.apple .pds:hover{background:none;color:#0066cc;text-decoration:underline}
html.apple .plink{color:#0066cc;font-weight:400}
html.apple .pview-hint{background:rgba(29,29,31,.85)}
html.apple .pv-specs{background:#f5f5f7}
html.apple .spec-group{border:0}
html.apple .compare-tray{background:rgba(8,29,54,.94);backdrop-filter:blur(20px)}

/* ---------- contact + footer ---------- */
html.apple .cinfo a{border-color:var(--deep-line);background:var(--deep-tile)}
html.apple form.visit{border-radius:28px}
html.apple .field input,html.apple .field select,html.apple .field textarea{background:#fff;border:1px solid #d2d2d7;border-radius:12px}
html.apple .field input:focus,html.apple .field select:focus,html.apple .field textarea:focus{border-color:#0071e3;box-shadow:0 0 0 4px rgba(0,113,227,.15)}
html.apple footer{background:#f5f5f7;color:#6e6e73;font-size:12px;border-top:1px solid #d2d2d7}
html.apple footer .top{padding:44px 0 28px;gap:36px}
html.apple footer h4{color:#1d1d1f;font-size:12px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}
html.apple footer h4::after{display:none}
html.apple footer .flogo{filter:none;opacity:1;height:30px}
html.apple footer ul li{margin-bottom:8px}
html.apple footer ul a::before{display:none}
html.apple footer ul a:hover{color:#1d1d1f;text-decoration:underline;transform:none}
html.apple footer .fc i{width:32px;height:32px;font-size:14px;background:#e8e8ed;color:#1d1d1f}
html.apple footer .fc b{color:#1d1d1f}
html.apple footer .fc a:hover{color:#1d1d1f;text-decoration:underline}
html.apple footer .bottom{border-color:#d2d2d7;font-size:12px}
html.apple footer .bottom b{color:#1d1d1f}
html.apple .to-top{background:rgba(10,37,71,.9);backdrop-filter:blur(10px)}

/* ---------- phones ---------- */
@media (max-width:760px){
  html.apple .hero{height:auto;min-height:720px}
  html.apple .slide .content{padding:40px 16px 0}
  html.apple .slide .bg{width:calc(100% - 32px);margin:24px auto 44px;border-radius:20px}
  html.apple .xrow{width:90%;height:auto;bottom:12%}
  html.apple .xbadge{height:56px;top:14px;left:14px}
  html.apple .vbadge{width:76px;top:14px;left:14px}
  html.apple .vb-bot{font-size:8px;padding:4px 6px}
  html.apple .page-hero{padding:64px 0 56px}
  html.apple .sec{padding:84px 0}
}

/* ---------- style switcher (both themes) ---------- */
.theme-switch{position:fixed;left:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:4px;padding:5px 5px 5px 14px;border-radius:999px;background:rgba(10,18,30,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 30px -10px rgba(0,0,0,.5);font:500 12px/1 "Inter","Fira Sans",system-ui,sans-serif;color:#a9b6c6;transition:bottom .4s}
.theme-switch span{margin-right:6px;letter-spacing:.08em;text-transform:uppercase}
.theme-switch button{padding:8px 14px;border-radius:999px;color:#fff;font-size:13px;font-weight:500;transition:background .25s,color .25s}
.theme-switch button:hover{background:rgba(255,255,255,.12)}
.theme-switch button[aria-pressed=true]{background:#fff;color:#0c2340}
body.has-tray .theme-switch{bottom:92px}
@media (max-width:760px){.theme-switch{left:12px;bottom:12px}.theme-switch span{display:none}}
html.apple .hero.hero-img,html.apple .hero-img .slide{background:#fff;height:auto;min-height:0;max-height:none}
html.apple .hero-img .slide .content{padding-top:34px}
html.apple .hero-img .slide img{box-shadow:none;border-radius:28px}
html.apple .hero-img h1{font-size:clamp(32px,4.4vw,60px)}