/* ===== /assets/index-DO3Y7K-H.css ===== */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--warm:#f5f2ea;--warm-deep:#ebe6da;--paper:#fffefa;--ink:#071a3d;--midnight:#03132e;--navy:#061f49;--blue:#1267f3;--blue-bright:#1b7cff;--cyan:#31d7ff;--violet:#7a5cfa;--green:#159862;--text:#4c5b70;--muted:#708097;--line:#071a3d24;--line-light:#ffffff29;--shadow:0 24px 70px #071a3d1f;--radius:24px;--container:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--warm)}body{background:var(--warm);color:var(--ink);font-family:var(--font-inter), Arial, sans-serif;margin:0;line-height:1.6;overflow-x:hidden}body,button,input,select,textarea{font-family:var(--font-inter), Arial, sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}::selection{background:var(--blue);color:#fff}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.site-header{background:var(--warm)}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--warm) 92%, transparent)}}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #071a3d14;position:sticky;top:0}.nav-shell{grid-template-columns:minmax(180px,260px) 1fr auto;align-items:center;gap:30px;max-width:1440px;min-height:84px;margin:0 auto;padding:0 48px;display:grid}.brand-link{width:208px;display:inline-flex}.brand-link img{width:100%;height:auto}.desktop-nav{justify-content:center;align-items:center;gap:clamp(18px,2.2vw,34px);display:flex}.desktop-nav a{color:var(--ink);white-space:nowrap;font-size:.91rem;font-weight:600;position:relative}.desktop-nav a:after{background:var(--blue);content:"";transform-origin:0;width:100%;height:2px;transition:transform .18s;position:absolute;bottom:-8px;left:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}.header-cta{background:var(--blue);border:1px solid var(--blue);color:#fff;white-space:nowrap;border-radius:12px;align-items:center;gap:14px;min-height:46px;padding:0 20px;font-size:.9rem;font-weight:650;transition:transform .18s,box-shadow .18s;display:inline-flex}.header-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1267f347}.mobile-menu{justify-self:end;display:none}.mobile-menu summary{border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:var(--ink);border-radius:2px;width:20px;height:2px;display:block}.mobile-menu nav{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;min-width:min(320px,100vw - 32px);padding:14px;display:flex;position:absolute;top:72px;right:16px}.mobile-menu nav a{border-radius:10px;padding:12px 14px;font-weight:600}.mobile-menu nav a:hover{background:#1267f314}.mobile-menu nav .mobile-contact{background:var(--blue);color:#fff;text-align:center;margin-top:8px}.home-hero{background:linear-gradient(100deg, var(--warm) 0%, var(--warm) 47%, transparent 47.1%), radial-gradient(circle at 79% 44%, #1267f359, transparent 28%), var(--midnight);grid-template-columns:46% 54%;min-height:calc(100vh - 84px);display:grid;position:relative;overflow:hidden}.home-hero:after{content:"";background:linear-gradient(90deg,#0000,#31d7ff2e,#0000);width:54%;height:1px;position:absolute;top:38%;right:0}.hero-copy{z-index:3;align-self:center;max-width:670px;padding:86px 52px 190px max(48px,50vw - 672px);position:relative}.eyebrow{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;margin:0 0 22px;font-size:.78rem;font-weight:750}.hero-copy h1{font-family:var(--font-sora), Arial, sans-serif;letter-spacing:-.075em;margin:0;font-size:clamp(4.25rem,6.8vw,7.2rem);font-weight:700;line-height:.92}.hero-copy h1 span{color:var(--blue)}.hero-lead{color:var(--text);max-width:610px;margin:36px 0 0;font-size:clamp(1.02rem,1.35vw,1.27rem);line-height:1.7}.hero-actions,.cta-actions{flex-wrap:wrap;gap:18px;margin-top:34px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:22px;min-height:54px;padding:0 24px;font-size:.95rem;font-weight:700;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex}.button span{transition:transform .18s}.button:hover{transform:translateY(-2px)}.button:hover span{transform:translate(3px,-3px)}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-bright);box-shadow:0 14px 32px #1267f342}.button-outline{border-color:var(--blue);color:var(--blue)}.button-outline:hover{background:#fff}.button-light{color:var(--ink);background:#fff}.button-ghost-light{color:#fff;border-color:#ffffff6b}.button-ghost-light:hover{background:#ffffff14}.ecosystem-visual{min-height:720px;position:relative;overflow:hidden}.visual-grid{opacity:.7;background-image:linear-gradient(#31d7ff14 1px,#0000 1px),linear-gradient(90deg,#31d7ff14 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;transform:perspective(600px)rotateX(62deg)scale(1.5)translateY(12%);-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.visual-orbit{border:1px solid #31d7ff40;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:360px;height:360px}.orbit-two{border-color:#7a5cfa40;width:530px;height:530px;animation:4s ease-in-out infinite orbitPulse}.ecosystem-core{color:#fff;text-align:center;z-index:5;background:linear-gradient(145deg,#1267f3fa,#0a3d9d);border:1px solid #ffffff59;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;width:142px;height:142px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 16px #1267f314,0 0 70px #31d7ff73}.ecosystem-core>*{transform:rotate(-45deg)}.ecosystem-core span{font-family:var(--font-sora), Arial, sans-serif;letter-spacing:.04em;font-size:1.7rem;font-weight:750}.ecosystem-core strong{opacity:.8;margin-top:4px;font-size:.64rem;font-weight:600}.system-node{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;z-index:6;background:linear-gradient(135deg,#0c2857eb,#041431d6);border:1px solid #4babff73;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-width:270px;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:absolute;box-shadow:0 24px 60px #00000047}.system-node:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 24px 70px #1267f359}.node-code{color:var(--cyan);letter-spacing:.08em;background:#1267f333;border:1px solid #31d7ff73;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:.72rem;font-weight:800;display:flex}.system-node span:nth-child(2){flex-direction:column;display:flex}.system-node small{color:#90a8c9;letter-spacing:.1em;text-transform:uppercase;font-size:.63rem}.system-node strong{margin-top:2px;font-size:.9rem}.system-node i{color:var(--cyan);font-style:normal}.node-ai{top:14%;left:15%}.node-school{top:20%;right:5%}.node-av{bottom:13%;right:10%}.connection-line{background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:.7;transform-origin:0;z-index:2;height:1px;position:absolute}.line-one{width:270px;top:36%;left:32%;transform:rotate(26deg)}.line-two{width:300px;top:51%;left:49%;transform:rotate(-24deg)}.line-three{width:240px;top:61%;left:34%;transform:rotate(62deg)}.trust-strip{border:1px solid var(--line);z-index:8;background:#fffefaf7;border-radius:16px;grid-template-columns:repeat(3,1fr);align-items:center;width:calc(100% - 96px);max-width:1350px;padding:18px 24px;display:grid;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #071a3d14}.trust-strip>div{border-right:1px solid var(--line);justify-content:center;align-items:center;gap:16px;min-height:54px;padding:0 24px;display:flex}.trust-strip>div:last-child{border-right:0}.trust-icon{color:var(--blue);font-size:2rem}.trust-strip p{flex-direction:column;margin:0;line-height:1.35;display:flex}.trust-strip strong{font-size:.98rem}.trust-strip p span{color:var(--muted);font-size:.78rem}@keyframes orbitPulse{0%,to{transform:translate(-50%,-50%)scale(.98);box-shadow:0 0 #31d7ff00}50%{transform:translate(-50%,-50%)scale(1.02);box-shadow:0 0 60px 5px #31d7ff17}}.section{max-width:var(--container);margin:0 auto;padding:112px 32px}.intro-section{grid-template-columns:.55fr 1.45fr 1fr;align-items:start;gap:46px;display:grid}.section-kicker{align-items:center;gap:14px;display:flex}.section-kicker span{border:1px solid var(--line);color:var(--blue);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.72rem;font-weight:800;display:flex}.section-kicker p{color:var(--muted);text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.intro-heading h2,.section-heading h2,.feature-copy h2,.consultation-cta h2{font-family:var(--font-sora), Arial, sans-serif;letter-spacing:-.05em;margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.08}.intro-copy>p{color:var(--text);margin:4px 0 30px;line-height:1.9}.text-link{color:var(--blue);align-items:center;gap:12px;font-size:.9rem;font-weight:750;display:inline-flex}.text-link span{transition:transform .18s}.text-link:hover span{transform:translate(3px,-3px)}.solutions-section{border-top:1px solid var(--line);padding-top:100px}.section-heading{grid-template-columns:1.35fr .65fr;align-items:end;gap:50px;margin-bottom:48px;display:grid}.section-heading>p{color:var(--text);margin:0;line-height:1.8}.solution-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.solution-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;min-height:570px;padding:28px;transition:box-shadow .22s,transform .22s;display:flex;position:relative;overflow:hidden}.solution-card:before{background:var(--blue);content:"";height:4px;position:absolute;inset:0 0 auto}.solution-card.accent-violet:before{background:linear-gradient(90deg, var(--blue), var(--violet))}.solution-card.accent-cyan:before{background:linear-gradient(90deg, var(--blue), var(--cyan))}.solution-card:hover{box-shadow:var(--shadow);transform:translateY(-7px)}.card-topline{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.solution-card-image{aspect-ratio:16/10;border-radius:16px;margin:0 0 24px;overflow:hidden}.solution-card-image img,.capability-card-image img,.project-photo img,.product-card-image img,.product-hero-visual img{object-fit:cover;width:100%;height:100%}.capability-card-image{aspect-ratio:16/9;border-radius:14px;margin:-10px -10px 20px;overflow:hidden}.card-topline>span:first-child{color:var(--muted);font-size:.72rem;font-weight:700}.solution-code{color:var(--blue);font-family:var(--font-sora), sans-serif;letter-spacing:.05em;background:#1267f314;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:.8rem;font-weight:800;display:flex}.card-eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.7rem;font-weight:750}.solution-card h3,.project-content h3,.insight-grid h3{font-family:var(--font-sora), sans-serif;letter-spacing:-.035em;line-height:1.2}.solution-card h3{margin:0 0 18px;font-size:1.8rem}.solution-card>p:not(.card-eyebrow){color:var(--text);margin:0;font-size:.94rem;line-height:1.75}.solution-card ul{border-top:1px solid var(--line);color:var(--text);margin:24px 0;padding:20px 0 0;list-style:none}.solution-card li{margin:8px 0;padding-left:20px;font-size:.82rem;position:relative}.solution-card li:before{color:var(--blue);content:"•";position:absolute;left:0}.solution-card>a{border-top:1px solid var(--line);color:var(--blue);justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;font-size:.9rem;font-weight:750;display:flex}.outcome-band{background:var(--ink);color:#fff;padding:28px 0;overflow:hidden}.outcome-band>p{color:var(--cyan);letter-spacing:.15em;text-align:center;text-transform:uppercase;margin:0 0 18px;font-size:.68rem;font-weight:800}.outcome-band>div{justify-content:center;gap:56px;min-width:max-content;padding:0 30px;display:flex}.outcome-band span{font-family:var(--font-sora), sans-serif;align-items:center;font-size:clamp(1rem,1.7vw,1.45rem);font-weight:600;display:flex}.outcome-band span:after{color:var(--blue-bright);content:"✦";margin-left:56px;font-size:.65rem}.feature-split{grid-template-columns:1fr 1fr;display:grid}.feature-visual,.feature-copy,.campus-map{min-height:660px}.feature-copy{background:var(--paper);flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(60px,7vw,110px);display:flex}.feature-copy>p:not(.eyebrow){color:var(--text);max-width:620px;margin:28px 0 0;line-height:1.85}.feature-copy .button{margin-top:30px}.feature-visual{background:radial-gradient(circle at 50% 30%, #7a5cfa52, transparent 35%), linear-gradient(150deg, #071b42, var(--midnight));justify-content:center;align-items:center;padding:clamp(28px,5vw,76px);display:flex;position:relative;overflow:hidden}.feature-visual:before{content:"";background-image:linear-gradient(#31d7ff12 1px,#0000 1px),linear-gradient(90deg,#31d7ff12 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.automation-panel{color:#fff;background:#071a3de0;border:1px solid #31d7ff5c;border-radius:22px;width:100%;max-width:650px;padding:20px;position:relative;box-shadow:0 30px 100px #00000073}.panel-header{border-bottom:1px solid var(--line-light);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:4px 4px 18px;display:grid}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #15986226}.panel-header strong{font-size:.84rem}.panel-header small{color:#8fa5c4;font-size:.68rem}.automation-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:10px;padding:24px 0;display:grid}.automation-flow>div{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;min-height:150px;padding:18px;display:flex}.automation-flow>div>span{color:var(--cyan);letter-spacing:.1em;font-size:.63rem;font-weight:800}.automation-flow strong{margin-top:auto;font-size:.82rem;line-height:1.35}.automation-flow small{color:#91a3bf;margin-top:8px;font-size:.64rem;line-height:1.5}.automation-flow>i{color:var(--cyan);align-self:center;font-style:normal}.automation-status{background:#1267f326;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.automation-status span{color:#9cb1cf;font-size:.68rem}.automation-status strong{color:var(--cyan);font-size:.72rem}.check-list{color:var(--text);margin:24px 0 0;padding:0;list-style:none}.check-list li{margin:12px 0;padding-left:28px;position:relative}.check-list li:before{color:var(--blue);content:"✓";background:#1267f31a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:4px;left:0}.school-feature,.school-feature .feature-copy{background:var(--warm-deep)}.mini-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:28px;display:grid}.mini-grid span{background:#ffffff8c;border:1px solid #071a3d1a;border-radius:10px;padding:12px 14px;font-size:.78rem;font-weight:650}.campus-map{background:linear-gradient(#31d7ff12 1px, transparent 1px), linear-gradient(90deg, #31d7ff12 1px, transparent 1px), var(--midnight);background-size:44px 44px,44px 44px,auto;grid-template-columns:1fr 1fr;gap:18px;padding:clamp(48px,7vw,100px);display:grid;position:relative}.campus-map:before{background:linear-gradient(var(--cyan), var(--violet));content:"";opacity:.4;width:1px;height:calc(100% - 200px);position:absolute;top:100px;left:50%}.campus-zone{color:#fff;background:#08234ed6;border:1px solid #31d7ff40;border-radius:18px;flex-direction:column;justify-content:flex-end;min-height:205px;padding:24px;display:flex;position:relative}.campus-zone span{color:var(--cyan);letter-spacing:.1em;font-size:.66rem;font-weight:800;position:absolute;top:20px;left:22px}.campus-zone strong{font-family:var(--font-sora), sans-serif;font-size:1.12rem}.campus-zone small{color:#9baeca;margin-top:7px;font-size:.72rem}.zone-library,.zone-comms{transform:translateY(30px)}.project-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:box-shadow .22s,transform .22s;overflow:hidden}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.project-photo{height:260px;position:relative;overflow:hidden}.project-photo:after{content:"";background:linear-gradient(#0000 45%,#03132eb8);position:absolute;inset:0}.project-photo>span{color:#fff;z-index:1;background:#03132ed1;border:1px solid #ffffff40;border-radius:999px;padding:7px 11px;font-size:.68rem;font-weight:750;position:absolute;bottom:18px;left:18px}.product-catalogue-section{max-width:var(--container);margin:0 auto;padding:110px 30px}.product-card-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px;display:grid}.product-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:transform .22s,box-shadow .22s;overflow:hidden;box-shadow:0 10px 35px #071a3d0f}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-7px)}.product-card-image{aspect-ratio:16/10;overflow:hidden}.product-card-body{padding:24px}.product-card-body>p,.product-brand{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:800}.product-card-body h2{font-family:var(--font-sora), sans-serif;letter-spacing:-.035em;margin:0 0 26px;font-size:1.35rem;line-height:1.2}.product-card-body>span{color:var(--blue);font-size:.86rem;font-weight:750}.product-card-body i{margin-left:8px;font-style:normal}.brand-cloud{background:var(--midnight);color:#fff;padding:96px max(30px, calc((100vw - var(--container)) / 2));text-align:center}.brand-cloud h2{font-family:var(--font-sora), sans-serif;letter-spacing:-.055em;max-width:850px;margin:12px auto 42px;font-size:clamp(2rem,4vw,3.6rem)}.brand-cloud>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.brand-cloud span{color:#dce7f8;border:1px solid #fff3;border-radius:999px;padding:11px 17px;font-weight:700}.brand-cloud>p:last-child{color:#91a4bf;margin:34px auto 0;font-size:.8rem}.product-hero{grid-template-columns:.9fr 1.1fr;min-height:690px;display:grid}.product-hero-copy{padding:90px max(40px, calc((100vw - var(--container)) / 2)) 90px 7vw;align-self:center}.product-hero-copy h1{font-family:var(--font-sora), sans-serif;letter-spacing:-.065em;margin:10px 0 28px;font-size:clamp(3rem,5.4vw,5.4rem);line-height:.98}.product-hero-visual{background:var(--midnight);min-height:690px;margin:0;position:relative;overflow:hidden}.product-hero-visual figcaption{color:#fff;background:#03132ed1;padding:10px 14px;font-size:.72rem;position:absolute;bottom:24px;left:24px}.product-quick-grid,.product-value-section{max-width:var(--container);grid-template-columns:.85fr 1.15fr;gap:70px;margin:0 auto;padding:110px 30px;display:grid}.product-quick-grid h2,.product-value-section h2{font-family:var(--font-sora), sans-serif;letter-spacing:-.055em;margin:14px 0;font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.05}.model-stack{gap:14px;display:grid}.model-stack article{background:var(--paper);border:1px solid var(--line);border-radius:18px;grid-template-columns:42px 1fr;align-items:center;gap:18px;padding:22px;display:grid}.model-stack span{background:var(--blue);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.model-stack h3{margin:0;font-size:1rem}.product-value-section{background:var(--warm-deep);max-width:none;padding-left:max(30px, calc((100vw - var(--container)) / 2));padding-right:max(30px, calc((100vw - var(--container)) / 2))}.product-value-panel ul{margin:32px 0 0;padding:0;list-style:none}.product-value-panel li{border-top:1px solid var(--line);padding:18px 0;font-weight:650}.application-panel{background:var(--paper);border-radius:var(--radius);padding:40px}.application-chips{flex-wrap:wrap;gap:10px;margin:28px 0;display:flex}.application-chips span{color:var(--blue);background:#1267f317;border-radius:999px;padding:9px 13px;font-size:.8rem;font-weight:750}@media (width<=900px){.product-card-grid{grid-template-columns:1fr 1fr}.product-hero,.product-quick-grid,.product-value-section{grid-template-columns:1fr}.product-hero-copy{padding:64px 24px}.product-hero-visual{min-height:430px}}@media (width<=600px){.product-card-grid{grid-template-columns:1fr}.product-catalogue-section,.product-quick-grid,.product-value-section{padding:72px 22px}.application-panel{padding:26px}}.project-visual{background:radial-gradient(circle at 70% 20%, #31d7ff4d, transparent 28%), linear-gradient(150deg, #0d326e, var(--midnight));height:260px;padding:24px;position:relative;overflow:hidden}.project-visual-2{background:radial-gradient(circle at 24% 30%, #7a5cfa5c, transparent 28%), linear-gradient(150deg, #104a72, var(--midnight))}.project-visual-3{background:radial-gradient(circle at 70% 30%,#1267f366,#0000 32%),linear-gradient(150deg,#071a3d,#020916)}.project-visual>span{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;padding:7px 11px;font-size:.67rem;font-weight:700}.project-screen{background:#031028b8;border:2px solid #68bcff99;grid-template-columns:1fr 1fr;gap:6px;width:70%;height:130px;padding:8px;display:grid;position:absolute;bottom:34px;right:24px;transform:perspective(600px)rotateY(-10deg);box-shadow:0 0 38px #31d7ff33}.project-screen i{background:linear-gradient(135deg,#1267f3a6,#31d7ff1f);display:block}.project-screen i:first-child{grid-row:span 2}.project-content{padding:24px}.project-content h3{margin:0 0 14px;font-size:1.2rem}.project-content p{color:var(--text);margin:0;font-size:.86rem;line-height:1.7}.project-content>div{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.project-content>div span{color:var(--blue);background:#1267f312;border-radius:999px;padding:6px 9px;font-size:.62rem;font-weight:700}.insights-preview{border-top:1px solid var(--line)}.insight-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.insight-grid article{border-left:1px solid var(--line);flex-direction:column;min-height:360px;padding:8px 28px 8px 24px;display:flex}.insight-grid article>div{color:var(--muted);justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.insight-grid article>div>span{color:var(--blue);text-transform:uppercase;font-weight:750}.insight-grid h3{margin:60px 0 16px;font-size:1.45rem}.insight-grid p{color:var(--text);margin:0;font-size:.86rem;line-height:1.75}.insight-grid article>a{color:var(--blue);margin-top:auto;font-size:.82rem;font-weight:750}.consultation-cta{background:radial-gradient(circle at 75% 20%, #31d7ff33, transparent 25%), linear-gradient(130deg, var(--ink), var(--midnight));color:#fff;padding:80px max(32px, calc((100vw - var(--container)) / 2 + 32px));grid-template-columns:1.4fr auto;align-items:center;gap:70px;display:grid}.consultation-cta>div:first-child{max-width:830px}.consultation-cta h2{max-width:780px}.consultation-cta>div:first-child>p:last-child{color:#a9b9cf;margin:22px 0 0}.consultation-cta .cta-actions{justify-content:flex-end;margin-top:0}.site-footer{color:#fff;padding:76px max(32px, calc((100vw - var(--container)) / 2 + 32px)) 28px;background:#020c1e}.footer-grid{grid-template-columns:1.35fr 1fr .85fr 1fr;gap:56px;display:grid}.footer-grid>div:not(.footer-brand){flex-direction:column;gap:10px;display:flex}.footer-brand img{filter:brightness(0)invert();opacity:.95;width:220px;height:auto}.footer-brand>p,.footer-contact p{color:#8fa3c0;max-width:310px;margin:22px 0;font-size:.8rem;line-height:1.75}.footer-grid h2{color:#8297b5;letter-spacing:.13em;text-transform:uppercase;margin:4px 0 12px;font-size:.67rem}.footer-grid a{color:#dbe5f4;font-size:.8rem}.footer-grid a:hover{color:var(--cyan)}.social-links{gap:8px;display:flex}.social-links a{text-transform:uppercase;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.68rem;font-weight:800;display:flex}.footer-base{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:68px;padding-top:24px;display:flex}.footer-base p,.footer-base a{color:#7387a4;margin:0;font-size:.68rem}.footer-base>div{gap:24px;display:flex}.ai-launcher{z-index:90;background:#fff;border:1px solid #1267f338;border-radius:999px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px 16px 8px 8px;transition:box-shadow .18s,transform .18s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 54px #071a3d38}.ai-launcher:hover{transform:translateY(-3px);box-shadow:0 20px 60px #1267f34d}.ai-launcher-pulse{background:#31d7ff61;border-radius:50%;width:42px;height:42px;animation:2s ease-out infinite aiPulse;position:absolute;top:8px;left:8px}.ai-launcher-mark{background:linear-gradient(145deg, var(--blue), var(--violet));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:.75rem;font-weight:800;display:flex;position:relative}.ai-launcher>span:last-child{flex-direction:column;line-height:1.2;display:flex}.ai-launcher strong{font-size:.75rem}.ai-launcher small{color:var(--muted);margin-top:3px;font-size:.58rem}@keyframes aiPulse{0%{opacity:.7;transform:scale(.9)}70%,to{opacity:0;transform:scale(1.55)}}.page-hero{background:radial-gradient(circle at 82% 40%, #31d7ff2e, transparent 26%), linear-gradient(130deg, var(--ink), var(--midnight));color:#fff;position:relative;overflow:hidden}.page-hero:after{content:"";background-image:linear-gradient(#31d7ff12 1px,#0000 1px),linear-gradient(90deg,#31d7ff12 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0 0 0 50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.page-hero-inner{max-width:var(--container);z-index:2;margin:0 auto;padding:62px 32px 92px;position:relative}.home-link{color:#9db3d2;margin-bottom:60px;font-size:.78rem;font-weight:700;display:inline-block}.page-hero .eyebrow{color:var(--cyan)}.page-hero h1{font-family:var(--font-sora), sans-serif;letter-spacing:-.065em;max-width:960px;margin:0;font-size:clamp(3rem,6vw,6rem);line-height:1}.page-lead{color:#afbed3;max-width:790px;margin:30px 0 0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.75}.page-hero .hero-actions{margin-top:36px}.page-hero .button-outline{color:#fff;border-color:#ffffff59}.content-section{max-width:var(--container);margin:0 auto;padding:100px 32px}.content-section.alt{background:var(--paper);max-width:none;padding-left:max(32px, calc((100vw - var(--container)) / 2 + 32px));padding-right:max(32px, calc((100vw - var(--container)) / 2 + 32px))}.content-heading{grid-template-columns:1fr 1.2fr;gap:56px;margin-bottom:50px;display:grid}.content-heading h2,.process-section h2,.article-body h2{font-family:var(--font-sora), sans-serif;letter-spacing:-.045em;line-height:1.12}.content-heading h2{margin:0;font-size:clamp(2.2rem,3.7vw,3.6rem)}.content-heading>p{color:var(--text);margin:0;line-height:1.9}.capability-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.capability-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px}.alt .capability-card{background:var(--warm)}.capability-card>span{color:var(--blue);letter-spacing:.06em;background:#1267f317;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.7rem;font-weight:800;display:inline-flex}.capability-card h3{font-family:var(--font-sora), sans-serif;letter-spacing:-.03em;margin:42px 0 12px;font-size:1.12rem}.capability-card p{color:var(--text);margin:0;font-size:.84rem;line-height:1.75}.process-section{background:var(--ink);color:#fff;padding:100px max(32px, calc((100vw - var(--container)) / 2 + 32px))}.process-section>.eyebrow{color:var(--cyan)}.process-section h2{max-width:760px;margin:0;font-size:clamp(2.2rem,3.7vw,3.6rem)}.process-grid{grid-template-columns:repeat(4,1fr);gap:1px;margin-top:58px;display:grid}.process-step{border-left:1px solid #ffffff26;min-height:230px;padding:0 30px}.process-step>span{color:var(--cyan);font-size:.68rem;font-weight:800}.process-step h3{font-family:var(--font-sora), sans-serif;margin:70px 0 12px;font-size:1.15rem}.process-step p{color:#9db0cb;margin:0;font-size:.82rem;line-height:1.7}.use-case-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.use-case{background:var(--paper);border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:18px;padding:24px;display:grid}.use-case>span{background:var(--ink);color:var(--cyan);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.66rem;font-weight:800;display:flex}.use-case h3{font-family:var(--font-sora), sans-serif;margin:2px 0 8px;font-size:1rem}.use-case p{color:var(--text);margin:0;font-size:.82rem;line-height:1.7}.archive-shell{max-width:var(--container);margin:0 auto;padding:90px 32px 120px}.archive-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:28px;padding-bottom:28px;display:flex}.search-field{flex-direction:column;gap:8px;width:100%;max-width:440px;display:flex}.search-field span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:750}.search-field input,.contact-form input,.contact-form select,.contact-form textarea{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:10px;width:100%;min-height:48px;padding:10px 14px}.search-field input:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);outline:3px solid #1267f31f}.filter-chips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.filter-chips button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:8px 13px;font-size:.72rem;font-weight:650}.filter-chips button.active,.filter-chips button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.archive-year{grid-template-columns:.3fr 1.7fr;gap:54px;margin-top:62px;display:grid}.year-marker{flex-direction:column;display:flex}.year-marker span{color:var(--muted);text-transform:uppercase;font-size:.65rem;font-weight:700}.year-marker strong{font-family:var(--font-sora), sans-serif;letter-spacing:-.05em;font-size:2.8rem}.insight-list{border-top:1px solid var(--line)}.insight-row{border-bottom:1px solid var(--line);grid-template-columns:.42fr 1fr auto;align-items:center;gap:32px;padding:34px 0;display:grid}.insight-row>div:first-child{flex-direction:column;gap:7px;display:flex}.article-category{color:var(--blue);text-transform:uppercase;font-size:.65rem;font-weight:800}.insight-row time,.read-time{color:var(--muted);font-size:.7rem}.insight-row h2{font-family:var(--font-sora), sans-serif;letter-spacing:-.035em;margin:0 0 8px;font-size:1.22rem}.insight-row p{color:var(--text);margin:0 0 8px;font-size:.82rem;line-height:1.65}.insight-row>a{color:var(--blue);white-space:nowrap;font-size:.75rem;font-weight:750}.empty-state{color:var(--muted);padding:44px 0}.article-header{max-width:980px;margin:0 auto;padding:58px 32px 76px}.article-header .home-link{color:var(--blue);margin-bottom:54px}.article-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.article-meta time,.article-meta span{color:var(--muted);font-size:.72rem}.article-header h1{font-family:var(--font-sora), sans-serif;letter-spacing:-.065em;margin:30px 0;font-size:clamp(2.7rem,5vw,5rem);line-height:1.06}.article-deck{color:var(--text);max-width:820px;margin:0;font-size:1.15rem;line-height:1.8}.article-visual{background:radial-gradient(circle at 70% 30%, #31d7ff40, transparent 25%), linear-gradient(135deg, var(--ink), var(--midnight));color:#fff;justify-content:center;align-items:center;min-height:460px;padding:60px 32px;display:flex;position:relative;overflow:hidden}.article-visual:before{content:"";background-image:linear-gradient(#31d7ff14 1px,#0000 1px),linear-gradient(90deg,#31d7ff14 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.visual-topic-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:860px;display:grid;position:relative}.visual-topic-grid div{background:#06234fcc;border:1px solid #31d7ff47;border-radius:16px;flex-direction:column;min-height:170px;padding:22px;display:flex}.visual-topic-grid span{color:var(--cyan);font-size:.65rem;font-weight:800}.visual-topic-grid strong{font-family:var(--font-sora), sans-serif;margin-top:auto}.article-layout{grid-template-columns:.34fr 1fr;gap:70px;max-width:1080px;margin:0 auto;padding:90px 32px;display:grid}.article-aside{align-self:start;position:sticky;top:120px}.article-aside>p{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:750}.article-aside nav{border-left:1px solid var(--line);flex-direction:column;display:flex}.article-aside nav a{color:var(--text);padding:8px 0 8px 16px;font-size:.76rem}.article-aside nav a:hover{color:var(--blue)}.article-body{color:var(--text)}.article-body>p{margin:0 0 24px;font-size:1rem;line-height:1.9}.article-body h2{color:var(--ink);margin:66px 0 20px;scroll-margin-top:120px;font-size:2rem}.article-body h3{color:var(--ink);font-family:var(--font-sora), sans-serif;margin:34px 0 12px}.article-body ul{padding-left:22px;line-height:1.85}.insight-callout{border-left:4px solid var(--blue);color:var(--ink);background:#1267f314;border-radius:0 14px 14px 0;margin:34px 0;padding:24px}.insight-callout strong{font-family:var(--font-sora), sans-serif;margin-bottom:8px;display:block}.article-share{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-top:60px;padding-top:24px;display:flex}.article-share>span{color:var(--muted);text-transform:uppercase;margin-right:auto;font-size:.7rem;font-weight:750}.article-share a{color:var(--blue);font-size:.74rem;font-weight:700}.contact-layout{max-width:var(--container);grid-template-columns:.75fr 1.25fr;gap:80px;margin:0 auto;padding:100px 32px;display:grid}.contact-details h2{font-family:var(--font-sora), sans-serif;letter-spacing:-.045em;margin:0 0 24px;font-size:2.2rem}.contact-details>p{color:var(--text);line-height:1.85}.contact-list{border-top:1px solid var(--line);margin-top:36px}.contact-list>div{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:14px;padding:18px 0;display:grid}.contact-list span{color:var(--muted);text-transform:uppercase;font-size:.66rem;font-weight:750}.contact-list a,.contact-list p{margin:0;font-size:.84rem}.contact-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px}.contact-form label{color:var(--ink);flex-direction:column;gap:8px;margin-bottom:20px;font-size:.76rem;font-weight:700;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-form textarea{resize:vertical;min-height:150px}.form-note{color:var(--muted);margin:16px 0 0;font-size:.68rem;line-height:1.6}.value-grid,.project-page-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.value-card{border-top:2px solid var(--blue);padding:26px 10px 10px 0}.value-card span{color:var(--muted);font-size:.68rem}.value-card h3{font-family:var(--font-sora), sans-serif;margin:32px 0 12px;font-size:1.25rem}.value-card p{color:var(--text);font-size:.84rem;line-height:1.75}@media (width<=1120px){.nav-shell{grid-template-columns:200px 1fr auto;padding:0 24px}.desktop-nav{gap:16px}.desktop-nav a{font-size:.79rem}.header-cta{padding:0 14px;font-size:.78rem}.home-hero{background:linear-gradient(100deg, var(--warm) 0%, var(--warm) 43%, transparent 43.1%), radial-gradient(circle at 79% 44%, #1267f359, transparent 28%), var(--midnight);grid-template-columns:43% 57%}.hero-copy{padding-left:32px;padding-right:20px}.system-node{min-width:235px}.node-ai{left:5%}.solution-card{min-height:620px}.consultation-cta{grid-template-columns:1fr}.consultation-cta .cta-actions{justify-content:flex-start}}@media (width<=900px){.nav-shell{grid-template-columns:1fr auto;min-height:72px}.brand-link{width:190px}.desktop-nav,.header-cta{display:none}.mobile-menu{display:block}.home-hero{background:var(--warm);min-height:auto;display:block}.home-hero:after{display:none}.hero-copy{max-width:none;padding:86px 32px 70px}.ecosystem-visual{background:radial-gradient(circle at 50% 42%, #1267f366, transparent 32%), var(--midnight);min-height:680px}.trust-strip{width:100%;margin:0;position:relative;bottom:auto;left:auto;transform:none}.intro-section,.section-heading,.content-heading,.solution-grid,.project-grid,.insight-grid,.value-grid,.project-page-grid{grid-template-columns:1fr}.solution-card{min-height:auto}.card-topline{margin-bottom:48px}.feature-split{grid-template-columns:1fr}.school-feature .feature-copy{order:2}.campus-map{order:1}.feature-visual,.feature-copy,.campus-map{min-height:600px}.insight-grid article{border-left:0;border-top:1px solid var(--line);min-height:310px;padding:28px 0}.footer-grid,.process-grid{grid-template-columns:1fr 1fr}.process-step{border-bottom:1px solid #ffffff1f;padding:28px}.process-step h3{margin-top:40px}.capability-grid{grid-template-columns:1fr 1fr}.archive-tools{flex-direction:column;align-items:stretch}.filter-chips{justify-content:flex-start}.archive-year,.article-layout,.contact-layout{grid-template-columns:1fr}.article-aside{display:none}.insight-row{grid-template-columns:.4fr 1fr}.insight-row>a{grid-column:2}}@media (width<=620px){.nav-shell{padding:0 16px}.brand-link{width:166px}.hero-copy{padding:62px 22px 58px}.hero-copy h1{font-size:clamp(3.6rem,18vw,5rem)}.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}.button{width:100%}.ecosystem-visual{min-height:570px}.ecosystem-core{width:110px;height:110px}.ecosystem-core span{font-size:1.25rem}.orbit-one{width:280px;height:280px}.orbit-two{width:400px;height:400px}.system-node{gap:9px;min-width:200px;padding:12px}.node-code{width:42px;height:42px}.system-node strong{font-size:.76rem}.node-ai{top:10%;left:7%}.node-school{top:29%;right:4%}.node-av{bottom:8%;right:10%}.trust-strip{grid-template-columns:1fr;padding:12px 22px}.trust-strip>div{border-bottom:1px solid var(--line);border-right:0;justify-content:flex-start;padding:14px 0}.trust-strip>div:last-child{border-bottom:0}.section,.content-section,.archive-shell,.contact-layout{padding:76px 22px}.intro-section{gap:28px}.outcome-band>div{flex-wrap:wrap;gap:16px 30px;min-width:0}.outcome-band span:after{margin-left:30px}.feature-copy,.feature-visual,.campus-map{min-height:auto;padding:72px 22px}.automation-flow{grid-template-columns:1fr}.automation-flow>i{transform:rotate(90deg)}.automation-flow>div{min-height:120px}.automation-status{flex-direction:column;align-items:flex-start;gap:6px}.mini-grid,.campus-map,.capability-grid,.use-case-grid,.form-grid{grid-template-columns:1fr}.zone-library,.zone-comms{transform:none}.campus-map:before{display:none}.section-heading{margin-bottom:34px}.consultation-cta{gap:38px;padding:70px 22px}.footer-grid{grid-template-columns:1fr}.footer-base{flex-direction:column;align-items:flex-start;gap:16px}.site-footer{padding-left:22px;padding-right:22px}.ai-launcher{bottom:14px;right:14px}.ai-launcher>span:last-child{display:none}.page-hero-inner{padding:46px 22px 74px}.home-link{margin-bottom:42px}.process-section{padding:76px 22px}.process-grid{grid-template-columns:1fr}.process-step{border-left:0;padding:28px 0}.archive-year{gap:24px}.insight-row{grid-template-columns:1fr}.insight-row>a{grid-column:1}.article-header{padding:42px 22px 62px}.article-visual{min-height:500px;padding:48px 22px}.visual-topic-grid{grid-template-columns:1fr}.visual-topic-grid div{min-height:115px}.article-layout{padding:72px 22px}.contact-form{padding:22px}.contact-list>div{grid-template-columns:1fr;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* ===== /v13-quality-audit.css ===== */
.capability-link {
  color: inherit;
  display: block;
  min-width: 0;
}

.capability-link .capability-card {
  height: 100%;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.capability-link:hover .capability-card,
.capability-link:focus-visible .capability-card {
  border-color: rgba(18, 103, 243, 0.45);
  box-shadow: 0 18px 40px rgba(7, 26, 61, 0.12);
  transform: translateY(-4px);
}

.capability-card-link {
  border-top: 1px solid rgba(7, 26, 61, 0.14);
  color: #1267f3;
  display: flex;
  font-size: 0.76rem;
  font-weight: 750;
  justify-content: space-between;
  margin-top: 22px;
  padding-top: 16px;
}

.solution-page-showcase {
  aspect-ratio: 16 / 7;
  border: 1px solid rgba(7, 26, 61, 0.14);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(7, 26, 61, 0.12);
  margin: -44px auto 72px;
  max-width: 1216px;
  overflow: hidden;
  position: relative;
}

.solution-page-showcase img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.solution-page-showcase figcaption {
  background: rgba(3, 19, 46, 0.9);
  bottom: 18px;
  color: white;
  font-size: 0.72rem;
  left: 18px;
  max-width: calc(100% - 36px);
  padding: 10px 14px;
  position: absolute;
}

.model-stack article .drill-link {
  color: #1267f3;
  display: inline-flex;
  font-size: 0.74rem;
  font-weight: 750;
  gap: 8px;
  margin-top: 11px;
}

.return-value-section {
  background: #071a3d;
  color: white;
  padding: 84px 32px;
}

.return-value-inner {
  display: grid;
  gap: 54px;
  grid-template-columns: 0.8fr 1.2fr;
  margin: 0 auto;
  max-width: 1280px;
}

.return-value-inner h2 {
  font-size: clamp(2rem, 4vw, 4rem);
  letter-spacing: -0.055em;
  line-height: 1.05;
  margin: 0;
}

.return-value-inner > div:first-child > p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.75;
  max-width: 38rem;
}

.return-value-inner .button {
  margin-top: 20px;
}

.return-value-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, 1fr);
}

.return-value-grid article {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  padding: 22px;
}

.return-value-grid span {
  color: #31d7ff;
  font-size: 0.68rem;
  font-weight: 800;
}

.return-value-grid h3 {
  font-size: 1rem;
  margin: 18px 0 8px;
}

.return-value-grid p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.78rem;
  line-height: 1.65;
  margin: 0;
}

.return-value-grid a {
  color: #75e6ff;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 750;
  margin-top: 16px;
}

@media (max-width: 900px) {
  .solution-page-showcase {
    border-radius: 0;
    margin: 0 22px 56px;
  }

  .return-value-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .solution-page-showcase {
    aspect-ratio: 4 / 3;
    margin: 0 14px 44px;
  }

  .return-value-section {
    padding: 64px 22px;
  }

  .return-value-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== /v27-category-layout.css ===== */
/* V21 supporting-product pages: screens and engineered mounting structures. */

.support-intro,
.support-fivew,
.support-guide {
  margin: 0 auto;
  max-width: 1280px;
  padding: 96px 30px;
}

.support-heading {
  display: grid;
  gap: 42px;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  margin-bottom: 42px;
}

.support-heading h2,
.support-guide h2 {
  color: #071a3d;
  font-family: var(--font-sora), Arial, sans-serif;
  font-size: clamp(2.15rem, 4vw, 4.4rem);
  letter-spacing: -0.055em;
  line-height: 1.04;
  margin: 0;
}

.support-heading > p {
  color: #52637b;
  line-height: 1.85;
  margin: 0;
}

.support-family-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.support-family-grid article,
.support-fivew-grid article,
.selection-section {
  background: #fff;
  border: 1px solid #d8dee8;
  border-radius: 22px;
}

/* Product-led deep-guide treatment: imagery carries the category, while the
   supporting copy keeps the decision logic easy to scan. */
.guide-product-led .selection-section {
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  overflow: hidden;
}
.guide-product-led .selection-section > div:first-child {
  min-height: 280px;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-position: center;
  background-size: cover;
  position: relative;
  isolation: isolate;
}
.guide-product-led .selection-section > div:first-child::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7,26,61,.04), rgba(7,26,61,.88));
  z-index: -1;
}
.guide-product-led .selection-section > div:first-child > * { color: #fff; }
.guide-product-led .selection-section > div:first-child h2 { margin: 14px 0 10px; }
.guide-product-led .selection-section > div:first-child p { color: #e7efff; margin: 0; }
.guide-product-led .selection-checks {
  padding: 28px;
  align-content: start;
}
.guide-product-led .selection-checks article { background: #f7faff; border: 1px solid #e1e9f5; border-radius: 14px; padding: 15px 17px; }
.guide-product-led .selection-checks strong { display: none; }
.guide-product-led .selection-checks article::before { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background: #1267f3; margin-bottom: 8px; }
.guide-product-led .guide-intro p:last-child { max-width: 760px; }
.guide-product-led .detail-section { overflow: hidden; }
.guide-product-led .detail-copy { min-height: 330px; padding: 34px; border-radius: 20px; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; background-position: center; background-size: cover; position: relative; isolation: isolate; }
.guide-product-led .detail-copy::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,26,61,.05), rgba(7,26,61,.9)); z-index: -1; }
.guide-product-led .detail-copy > * { color: #fff; }
.guide-product-led .detail-copy p { color: #e7efff; }
.guide-product-led .detail-copy .range-panel { background: rgba(7,26,61,.72); border-color: rgba(255,255,255,.25); }
.guide-product-led .detail-copy .range-panel span { color: #63ddff; }
.guide-product-led .fivew-grid { padding: 24px 0 0 24px; }
.guide-product-led .fivew-card { background: #f7faff; border: 1px solid #e1e9f5; border-radius: 14px; padding: 18px; }
.guide-product-led .fivew-card > span { display: none; }
.guide-product-led .fivew-card::before { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background: #1267f3; margin-bottom: 8px; }
.guide-product-led.guide-samsung .detail-copy { background-image: url('/images/samsung-wafx-display-v8.webp'); }
.guide-product-led.guide-logitech .detail-copy { background-image: url('/images/logitech-rallybar-room-v9.webp'); }
.guide-product-led.guide-epson .detail-copy { background-image: url('/images/epson-projector-hero-v9.webp'); }
.guide-product-led.guide-ai .detail-copy { background-image: url('/images/ai-business-photo.webp'); }
.guide-product-led.guide-cayin .detail-copy { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led.guide-library .detail-copy { background-image: url('/images/library-photo.webp'); }
.guide-product-led.guide-school .detail-copy { background-image: url('/images/smart-school-ecosystem-v13.webp'); }
.guide-product-led.guide-samsung .selection-section:nth-child(1) > div:first-child { background-image: url('/images/samsung-wafx-display-v8.webp'); }
.guide-product-led.guide-samsung .selection-section:nth-child(2) > div:first-child { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led.guide-samsung .selection-section:nth-child(3) > div:first-child { background-image: url('/images/video-wall-photo.webp'); }
.guide-product-led.guide-samsung .selection-section:nth-child(4) > div:first-child { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led.guide-samsung .selection-section:nth-child(5) > div:first-child { background-image: url('/images/access-photo.webp'); }
.guide-product-led.guide-logitech .selection-section:nth-child(1) > div:first-child { background-image: url('/images/logitech-rallybar-room-v9.webp'); }
.guide-product-led.guide-logitech .selection-section:nth-child(2) > div:first-child { background-image: url('/images/integrated-av-collaboration-v12.webp'); }
.guide-product-led.guide-logitech .selection-section:nth-child(3) > div:first-child { background-image: url('/images/classroom-anonymous.webp'); }
.guide-product-led.guide-logitech .selection-section:nth-child(4) > div:first-child { background-image: url('/images/smart-school-ecosystem-v13.webp'); }
.guide-product-led.guide-logitech .selection-section:nth-child(5) > div:first-child { background-image: url('/images/command-centre-anonymous-v6.webp'); }
.guide-product-led.guide-epson .selection-section:nth-child(1) > div:first-child { background-image: url('/images/classroom-anonymous.webp'); }
.guide-product-led.guide-epson .selection-section:nth-child(2) > div:first-child { background-image: url('/images/integrated-av-collaboration-v12.webp'); }
.guide-product-led.guide-epson .selection-section:nth-child(3) > div:first-child { background-image: url('/images/epson-projector-hero-v9.webp'); }
.guide-product-led.guide-epson .selection-section:nth-child(4) > div:first-child { background-image: url('/images/projection-anonymous.webp'); }
.guide-product-led.guide-epson .selection-section:nth-child(5) > div:first-child { background-image: url('/images/video-wall-photo.webp'); }
.guide-product-led.guide-ai .selection-section:nth-child(1) > div:first-child { background-image: url('/images/ai-business-photo.webp'); }
.guide-product-led.guide-ai .selection-section:nth-child(2) > div:first-child { background-image: url('/images/ai-automation.webp'); }
.guide-product-led.guide-ai .selection-section:nth-child(3) > div:first-child { background-image: url('/images/ai-business-photo.webp'); }
.guide-product-led.guide-ai .selection-section:nth-child(4) > div:first-child { background-image: url('/images/ai-automation.webp'); }
.guide-product-led.guide-ai .selection-section:nth-child(5) > div:first-child { background-image: url('/images/ai-business-photo.webp'); }
.guide-product-led.guide-cayin .selection-section > div:first-child { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led.guide-library .selection-section > div:first-child { background-image: url('/images/library-photo.webp'); }
.guide-product-led.guide-school .selection-section > div:first-child { background-image: url('/images/smart-school-ecosystem-v13.webp'); }
.guide-product-led.guide-screens .selection-section > div:first-child { background-image: url('/images/projection-anonymous.webp'); }
.guide-product-led.guide-structures .selection-section > div:first-child { background-image: url('/images/onsite-service-support-v13.webp'); }
@media (max-width: 850px) {
  .guide-product-led .selection-section { grid-template-columns: 1fr; }
  .guide-product-led .selection-section > div:first-child { min-height: 220px; }
}

.support-family-grid article {
  display: flex;
  flex-direction: column;
  min-height: 245px;
  padding: 28px;
}

.support-family-grid span,
.support-fivew-grid span,
.selection-index {
  color: #1267f3;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.support-family-grid h3,
.support-fivew-grid h3,
.selection-section h2 {
  color: #071a3d;
  font-family: var(--font-sora), Arial, sans-serif;
}

.support-family-grid h3 {
  font-size: 1.32rem;
  line-height: 1.25;
  margin: 20px 0 10px;
}

.support-family-grid p,
.support-fivew-grid p,
.selection-section p,
.selection-section li {
  color: #52637b;
  line-height: 1.7;
}

.support-family-grid .drill-link {
  margin-top: auto;
  padding-top: 18px;
}

.support-fivew {
  background: #eaf2ff;
  border-radius: 30px;
  margin-bottom: 96px;
}

.support-fivew-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.support-fivew-grid article {
  padding: 26px;
}

.support-fivew-grid h3 {
  font-size: 1.12rem;
  margin: 14px 0 8px;
}

.support-guide {
  padding-top: 70px;
}

.selection-section {
  display: grid;
  gap: 32px;
  grid-template-columns: minmax(220px, 0.6fr) minmax(0, 1.4fr);
  margin: 24px 0;
  padding: clamp(28px, 4vw, 52px);
  scroll-margin-top: 150px;
}

.selection-section h2 {
  font-size: clamp(1.8rem, 3vw, 3rem);
  margin: 12px 0;
}

.selection-checks {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.selection-checks article {
  background: #f5f7fb;
  border-radius: 16px;
  padding: 20px;
}

.selection-checks strong {
  color: #071a3d;
  display: block;
  margin-bottom: 7px;
}

/* Product-led deep guide cards */
.guide-product-led .selection-section { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); overflow: hidden; }
.guide-product-led .selection-section > div:first-child { min-height: 280px; padding: 34px; display: flex; flex-direction: column; justify-content: flex-end; background-position: center; background-size: cover; position: relative; isolation: isolate; }
.guide-product-led .selection-section > div:first-child::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,26,61,.04), rgba(7,26,61,.88)); z-index: -1; }
.guide-product-led .selection-section > div:first-child > * { color: #fff; }
.guide-product-led .selection-section > div:first-child h2 { margin: 14px 0 10px; }
.guide-product-led .selection-section > div:first-child p { color: #e7efff; margin: 0; }
.guide-product-led .selection-checks { padding: 28px; align-content: start; }
.guide-product-led .selection-checks article { background: #f7faff; border: 1px solid #e1e9f5; border-radius: 14px; padding: 15px 17px; }
.guide-product-led .selection-checks strong { display: none; }
.guide-product-led .selection-checks article::before { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background: #1267f3; margin-bottom: 8px; }
.guide-product-led.guide-samsung .selection-section:nth-child(1) > div:first-child { background-image: url('/images/samsung-wafx-display-v8.webp'); }
.guide-product-led.guide-samsung .selection-section:nth-child(2) > div:first-child { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led.guide-samsung .selection-section:nth-child(3) > div:first-child { background-image: url('/images/video-wall-photo.webp'); }
.guide-product-led.guide-samsung .selection-section:nth-child(4) > div:first-child { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led.guide-samsung .selection-section:nth-child(5) > div:first-child { background-image: url('/images/access-photo.webp'); }
.guide-product-led.guide-logitech .selection-section:nth-child(1) > div:first-child { background-image: url('/images/logitech-rallybar-room-v9.webp'); }
.guide-product-led.guide-logitech .selection-section:nth-child(2) > div:first-child { background-image: url('/images/integrated-av-collaboration-v12.webp'); }
.guide-product-led.guide-logitech .selection-section:nth-child(3) > div:first-child { background-image: url('/images/classroom-anonymous.webp'); }
.guide-product-led.guide-logitech .selection-section:nth-child(4) > div:first-child { background-image: url('/images/smart-school-ecosystem-v13.webp'); }
.guide-product-led.guide-logitech .selection-section:nth-child(5) > div:first-child { background-image: url('/images/command-centre-anonymous-v6.webp'); }
.guide-product-led.guide-epson .selection-section:nth-child(1) > div:first-child { background-image: url('/images/classroom-anonymous.webp'); }
.guide-product-led.guide-epson .selection-section:nth-child(2) > div:first-child { background-image: url('/images/integrated-av-collaboration-v12.webp'); }
.guide-product-led.guide-epson .selection-section:nth-child(3) > div:first-child { background-image: url('/images/epson-projector-hero-v9.webp'); }
.guide-product-led.guide-epson .selection-section:nth-child(4) > div:first-child { background-image: url('/images/projection-anonymous.webp'); }
.guide-product-led.guide-epson .selection-section:nth-child(5) > div:first-child { background-image: url('/images/video-wall-photo.webp'); }
.guide-product-led.guide-ai .selection-section:nth-child(1) > div:first-child { background-image: url('/images/ai-business-photo.webp'); }
.guide-product-led.guide-ai .selection-section:nth-child(2) > div:first-child { background-image: url('/images/ai-automation.webp'); }
.guide-product-led.guide-ai .selection-section:nth-child(3) > div:first-child { background-image: url('/images/ai-business-photo.webp'); }
.guide-product-led.guide-ai .selection-section:nth-child(4) > div:first-child { background-image: url('/images/ai-automation.webp'); }
.guide-product-led.guide-ai .selection-section:nth-child(5) > div:first-child { background-image: url('/images/ai-business-photo.webp'); }
.guide-product-led.guide-cayin .selection-section > div:first-child { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led.guide-library .selection-section > div:first-child { background-image: url('/images/library-photo.webp'); }
.guide-product-led.guide-school .selection-section > div:first-child { background-image: url('/images/smart-school-ecosystem-v13.webp'); }
.guide-product-led.guide-screens .selection-section > div:first-child { background-image: url('/images/projection-anonymous.webp'); }
.guide-product-led.guide-structures .selection-section > div:first-child { background-image: url('/images/onsite-service-support-v13.webp'); }
@media (max-width: 850px) { .guide-product-led .selection-section { grid-template-columns: 1fr; } .guide-product-led .selection-section > div:first-child { min-height: 220px; } }
@media (max-width: 850px) { .guide-product-led .fivew-grid { padding-left: 0; } }

/* V26: the supplied sample is the contract — real category image on the
   left, visible six-point decision cards on the right. */
.guide-product-led .detail-layout {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
  gap: 0;
  align-items: stretch;
}
.guide-product-led .detail-copy {
  background: #f7f3ea !important;
  background-image: none !important;
  border-radius: 0;
  min-height: 0;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.guide-product-led .detail-copy > .detail-index { order: 1; }
.guide-product-led .detail-copy > .category-product-photo {
  order: 2;
  display: block;
  width: 100%;
  height: 250px;
  object-fit: contain;
  background: #fff;
  border-radius: 14px;
  margin: 16px 0 22px;
  padding: 12px;
  box-sizing: border-box;
}
.guide-product-led .detail-copy > h2 { order: 3; color: #071a3d; margin: 0 0 12px; }
.guide-product-led .detail-copy > p { order: 4; color: #52637b; }
.guide-product-led .detail-copy > .range-panel { order: 5; }
.guide-product-led .detail-layout > div:last-child { padding: 28px; }
.guide-product-led .fivew-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 0 !important;
}
.guide-product-led .fivew-card {
  display: block !important;
  background: #f7faff;
  border: 1px solid #dbe6f4;
  border-radius: 14px;
  padding: 16px 17px;
}
.guide-product-led .fivew-card > span {
  display: inline-block !important;
  color: #1267f3;
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.guide-product-led .fivew-card::before { display: none; }
.guide-product-led .fivew-card h3 { font-size: 1rem; margin: 0 0 7px; }
.guide-product-led .fivew-card p { font-size: .9rem; line-height: 1.5; margin: 0; }
.guide-product-led .detail-action { padding: 20px 0 0; }
@media (max-width: 850px) {
  .guide-product-led .detail-layout { grid-template-columns: 1fr; }
  .guide-product-led .detail-layout > div:last-child { padding: 24px 0 0; }
}
@media (max-width: 560px) {
  .guide-product-led .fivew-grid { grid-template-columns: 1fr; }
  .guide-product-led .detail-copy { padding: 22px; }
}

/* V26 selection-guide cards use the same sample contract. */
.selection-section {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
  align-items: stretch;
}
.selection-section > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
.selection-section > div:first-child .category-product-photo {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: contain;
  background: #fff;
  border-radius: 14px;
  margin: 16px 0 18px;
  padding: 10px;
  order: 2;
}
.selection-section > div:first-child .selection-index { order: 1; }
.selection-section > div:first-child h2 { order: 3; }
.selection-section > div:first-child p { order: 4; }
.selection-section .selection-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 850px) {
  .selection-section { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .selection-section .selection-checks { grid-template-columns: 1fr; }
}

/* Final V27 common-sense overrides: one visible category image only, with
   titles on a solid light panel so text remains readable. */
.guide-product-led .detail-copy,
.selection-section > div:first-child {
  background: #f7f3ea !important;
  background-image: none !important;
  color: #071a3d !important;
}
.guide-product-led .detail-copy::before,
.guide-product-led .detail-copy::after,
.selection-section > div:first-child::before,
.selection-section > div:first-child::after {
  content: none !important;
  display: none !important;
}
.selection-section > div:first-child h2,
.selection-section > div:first-child p,
.selection-section > div:first-child .selection-index {
  color: #071a3d !important;
  text-shadow: none !important;
}

/* V24: each category is led by its own image and a natural buyer-facing
   summary. The detailed decision cards remain available to assistive reading
   and search, but are no longer the visual centre of the page. */
.guide-product-led .detail-copy { min-height: 360px; }
.guide-product-led .detail-copy::after { content: "Application visual · final selection depends on the room, users, infrastructure and approved requirement."; display: block; color: #e7efff; font-size: .9rem; line-height: 1.6; margin-top: 16px; max-width: 40ch; }
.guide-product-led .fivew-grid { display: none; }
.guide-product-led .detail-action { padding: 22px 24px 0; }
.guide-product-led .detail-action p { border-left: 3px solid #1267f3; padding-left: 16px; }
.guide-product-led .detail-section#classroom .detail-copy { background-image: url('/images/classroom-anonymous.webp'); }
.guide-product-led .detail-section#business .detail-copy { background-image: url('/images/integrated-av-collaboration-v12.webp'); }
.guide-product-led .detail-section#high-brightness .detail-copy { background-image: url('/images/epson-projector-hero-v9.webp'); }
.guide-product-led .detail-section#immersive-golf .detail-copy { background-image: url('/images/projection-anonymous.webp'); }
.guide-product-led .detail-section#management-accessories .detail-copy { background-image: url('/images/onsite-service-support-v13.webp'); }
.guide-product-led .detail-section#interactive-display .detail-copy { background-image: url('/images/samsung-wafx-display-v8.webp'); }
.guide-product-led .detail-section#smart-signage .detail-copy { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led .detail-section#led-signage .detail-copy { background-image: url('/images/video-wall-photo.webp'); }
.guide-product-led .detail-section#commercial-tv .detail-copy { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led .detail-section#business-monitor .detail-copy { background-image: url('/images/ai-business-photo.webp'); }
.guide-product-led .detail-section#huddle-room .detail-copy { background-image: url('/images/logitech-rallybar-room-v9.webp'); }
.guide-product-led .detail-section#boardroom .detail-copy { background-image: url('/images/integrated-av-collaboration-v12.webp'); }
.guide-product-led .detail-section#training-room .detail-copy { background-image: url('/images/classroom-anonymous.webp'); }
.guide-product-led .detail-section#hybrid-classroom .detail-copy { background-image: url('/images/smart-school-ecosystem-v13.webp'); }
.guide-product-led .detail-section#immersive-room .detail-copy { background-image: url('/images/command-centre-anonymous-v6.webp'); }
.guide-product-led .detail-section#customer-enquiry .detail-copy,.guide-product-led .detail-section#lead-qualification .detail-copy,.guide-product-led .detail-section#appointment-quotation .detail-copy,.guide-product-led .detail-section#knowledge-assistant .detail-copy,.guide-product-led .detail-section#reporting-human-review .detail-copy { background-image: url('/images/ai-business-photo.webp'); }
.guide-product-led .detail-section#architecture-title .detail-copy,.guide-product-led .detail-section#smp-players .detail-copy,.guide-product-led .detail-section#flexible-player .detail-copy,.guide-product-led .detail-section#cms-se .detail-copy,.guide-product-led .detail-section#cms-ws .detail-copy,.guide-product-led .detail-section#workflow-software .detail-copy { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led .detail-section#rfid .detail-copy,.guide-product-led .detail-section#self-service .detail-copy,.guide-product-led .detail-section#extended-access .detail-copy,.guide-product-led .detail-section#return-sorting .detail-copy,.guide-product-led .detail-section#security .detail-copy,.guide-product-led .detail-section#engagement .detail-copy,.guide-product-led .detail-section#supplies .detail-copy,.guide-product-led .detail-section#management .detail-copy,.guide-product-led .detail-section#consulting .detail-copy { background-image: url('/images/library-photo.webp'); }
.guide-product-led .detail-section#bodet-school-bell .detail-copy,.guide-product-led .detail-section#bodet-time .detail-copy,.guide-product-led .detail-section#amperes-pa .detail-copy,.guide-product-led .detail-section#emergency .detail-copy,.guide-product-led .detail-section#induction-loop .detail-copy { background-image: url('/images/professional-audio-v13.webp'); }
.guide-product-led .selection-section > div:first-child::after { content: "Review the application, operating pattern, room conditions and installation constraints before confirming the final product family."; display: block; color: #e7efff; font-size: .9rem; line-height: 1.6; margin-top: 14px; }
.guide-product-led .selection-section#portable > div:first-child::after { content: "A tripod or pull-up screen suits temporary training, events and rooms where permanent wall or ceiling work is not practical. Check setup time, storage, viewing size and floor stability."; }
.guide-product-led .selection-section#manual > div:first-child::after { content: "Manual pull-down screens are a straightforward choice for classrooms and smaller meeting rooms with moderate usage and accessible mounting points."; }
.guide-product-led .selection-section#motorised > div:first-child::after { content: "Motorised or recessed screens support frequent operation and clean room integration, with power, control, casing and ceiling access coordinated during installation."; }
.guide-product-led .selection-section#tensioned > div:first-child::after { content: "Tab-tensioned surfaces keep the image flatter for detailed widescreen content, especially in boardrooms and presentation suites."; }
.guide-product-led .selection-section#large-format > div:first-child::after { content: "Fast-fold and large mobile screens provide a demountable large image for halls, staging and temporary events, with handling and storage planned in advance."; }
.guide-product-led .selection-section#special > div:first-child::after { content: "Large motorised and rear-projection systems serve auditoriums, stages and specialist layouts where audience sightlines or equipment position require an engineered solution."; }
.guide-product-led .selection-section#display-mounts > div:first-child::after { content: "Wall and ceiling display mounts are selected around display size, weight, VESA pattern, viewing height, service access and the wall or ceiling structure."; }
.guide-product-led .selection-section#video-wall > div:first-child::after { content: "Video-wall brackets provide alignment, pop-out service access and a repeatable panel layout for monitoring rooms, lobbies and command environments."; }
.guide-product-led .selection-section#projection > div:first-child::after { content: "Projector brackets and lifts are coordinated with projector weight, lens position, throw distance, ceiling structure, maintenance access and safety clearances."; }
.guide-product-led .selection-section#led-frame > div:first-child::after { content: "LED wall metal frames create a level, serviceable support structure for indoor or outdoor-rated displays, with load and access reviewed by qualified installers."; }
.guide-product-led .selection-section#mobile > div:first-child::after { content: "Mobile display and video-conference stands give rooms flexibility while keeping cable management, stability, screen height and equipment load under control."; }
.guide-product-led .selection-section#custom > div:first-child::after { content: "Special structures are designed when standard mounts cannot satisfy the architecture, sightlines, equipment load, movement or service requirement."; }
.guide-product-led .selection-checks { display: none; }
.guide-product-led .selection-section { grid-template-columns: 1fr; }

/* V25 sample layout: photo-led left column, 5W1H cards retained on right. */
.guide-product-led .detail-section .detail-layout { align-items: start; }
.guide-product-led .detail-copy { background: #f7f3ea !important; background-image: none !important; border-radius: 0; color: #071a3d; min-height: 0; padding: 28px; display: flex; flex-direction: column; justify-content: flex-start; position: relative; isolation: auto; }
.guide-product-led .detail-copy::before { content: ""; order: 2; position: static; inset: auto; display: block; height: 270px; width: 100%; margin: 18px 0 20px; background-position: center; background-size: contain; background-repeat: no-repeat; z-index: auto; }
.guide-product-led .detail-copy::after { content: none; }
.guide-product-led .detail-copy > * { color: #071a3d; }
.guide-product-led .detail-copy .detail-index { order: 1; }
.guide-product-led .detail-copy h2 { order: 3; color: #071a3d; font-size: clamp(2rem, 4vw, 4.4rem); line-height: 1.04; margin: 0 0 16px; }
.guide-product-led .detail-copy > p { order: 4; color: #52637b; font-size: 1.08rem; line-height: 1.65; margin: 0 0 20px; }
.guide-product-led .detail-copy .range-panel { order: 5; background: #071a3d; border-color: #071a3d; border-radius: 22px; margin-top: 4px; }
.guide-product-led .detail-copy .range-panel h3,.guide-product-led .detail-copy .range-panel p { color: #fff; }
.guide-product-led .detail-copy .range-panel span { color: #63ddff; }
.guide-product-led .detail-section#classroom .detail-copy::before { background-image: url('/images/classroom-anonymous.webp'); }
.guide-product-led .detail-section#business .detail-copy::before { background-image: url('/images/integrated-av-collaboration-v12.webp'); }
.guide-product-led .detail-section#high-brightness .detail-copy::before { background-image: url('/images/epson-projector-hero-v9.webp'); }
.guide-product-led .detail-section#immersive-golf .detail-copy::before { background-image: url('/images/projection-anonymous.webp'); }
.guide-product-led .detail-section#management-accessories .detail-copy::before { background-image: url('/images/onsite-service-support-v13.webp'); }
.guide-product-led .detail-section#interactive-display .detail-copy::before { background-image: url('/images/samsung-wafx-display-v8.webp'); }
.guide-product-led .detail-section#smart-signage .detail-copy::before { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led .detail-section#led-signage .detail-copy::before { background-image: url('/images/video-wall-photo.webp'); }
.guide-product-led .detail-section#commercial-tv .detail-copy::before { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led .detail-section#business-monitor .detail-copy::before { background-image: url('/images/ai-business-photo.webp'); }
.guide-product-led .detail-section#huddle-room .detail-copy::before { background-image: url('/images/logitech-rallybar-room-v9.webp'); }
.guide-product-led .detail-section#boardroom .detail-copy::before { background-image: url('/images/integrated-av-collaboration-v12.webp'); }
.guide-product-led .detail-section#training-room .detail-copy::before { background-image: url('/images/classroom-anonymous.webp'); }
.guide-product-led .detail-section#hybrid-classroom .detail-copy::before { background-image: url('/images/smart-school-ecosystem-v13.webp'); }
.guide-product-led .detail-section#immersive-room .detail-copy::before { background-image: url('/images/command-centre-anonymous-v6.webp'); }
.guide-product-led .detail-section#customer-enquiry .detail-copy::before,.guide-product-led .detail-section#lead-qualification .detail-copy::before,.guide-product-led .detail-section#appointment-quotation .detail-copy::before,.guide-product-led .detail-section#knowledge-assistant .detail-copy::before,.guide-product-led .detail-section#reporting-human-review .detail-copy::before { background-image: url('/images/ai-business-photo.webp'); }
.guide-product-led .detail-section#architecture-title .detail-copy::before,.guide-product-led .detail-section#smp-players .detail-copy::before,.guide-product-led .detail-section#flexible-player .detail-copy::before,.guide-product-led .detail-section#cms-se .detail-copy::before,.guide-product-led .detail-section#cms-ws .detail-copy::before,.guide-product-led .detail-section#workflow-software .detail-copy::before { background-image: url('/images/digital-signage-v13.webp'); }
.guide-product-led .detail-section#rfid .detail-copy::before,.guide-product-led .detail-section#self-service .detail-copy::before,.guide-product-led .detail-section#extended-access .detail-copy::before,.guide-product-led .detail-section#return-sorting .detail-copy::before,.guide-product-led .detail-section#security .detail-copy::before,.guide-product-led .detail-section#engagement .detail-copy::before,.guide-product-led .detail-section#supplies .detail-copy::before,.guide-product-led .detail-section#management .detail-copy::before,.guide-product-led .detail-section#consulting .detail-copy::before { background-image: url('/images/library-photo.webp'); }
.guide-product-led .detail-section#bodet-school-bell .detail-copy::before,.guide-product-led .detail-section#bodet-time .detail-copy::before,.guide-product-led .detail-section#amperes-pa .detail-copy::before,.guide-product-led .detail-section#emergency .detail-copy::before,.guide-product-led .detail-section#induction-loop .detail-copy::before { background-image: url('/images/professional-audio-v13.webp'); }
.guide-product-led .fivew-grid { display: grid; padding: 12px 0 0 24px; }
.guide-product-led .fivew-card > span { display: block; color: #1267f3; font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.guide-product-led .fivew-card::before { display: none; }
.guide-product-led .selection-section { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); }
.guide-product-led .selection-section > div:first-child { min-height: 0; background-color: #f7f3ea; color: #071a3d; padding: 28px; justify-content: flex-start; }
.guide-product-led .selection-section > div:first-child::before { display: none; }
.guide-product-led .selection-section > div:first-child > * { color: #071a3d; }
.guide-product-led .selection-section > div:first-child::after { order: 4; color: #52637b; }
.guide-product-led .selection-section > div:first-child .selection-index { order: 1; }
.guide-product-led .selection-section > div:first-child h2 { order: 3; }
.guide-product-led .selection-section > div:first-child p { order: 5; }
.guide-product-led .selection-section > div:first-child { display: flex; }
.guide-product-led .selection-checks { display: grid; padding: 28px; }
.guide-product-led .selection-checks strong { display: block; color: #1267f3; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; }
.guide-product-led .selection-checks article::before { display: none; }
.guide-product-led .selection-section#portable > div:first-child::before,.guide-product-led .selection-section#manual > div:first-child::before,.guide-product-led .selection-section#motorised > div:first-child::before,.guide-product-led .selection-section#tensioned > div:first-child::before,.guide-product-led .selection-section#large-format > div:first-child::before,.guide-product-led .selection-section#special > div:first-child::before { display: block; content: ""; order: 2; position: static; height: 220px; width: 100%; margin: 18px 0; background: url('/images/projection-anonymous.webp') center/contain no-repeat; }
@media (max-width: 850px) { .guide-product-led .fivew-grid { padding-left: 0; } .guide-product-led .selection-section { grid-template-columns: 1fr; } }

.reference-note {
  background: #071a3d;
  border-radius: 24px;
  color: #fff;
  margin: 42px 0 0;
  padding: 32px;
}

.reference-note p {
  color: #b7c4d7;
  margin: 10px 0 0;
}

.reference-note a {
  color: #63ddff;
}

@media (max-width: 900px) {
  .support-heading,
  .selection-section {
    grid-template-columns: 1fr;
  }

  .support-family-grid,
  .support-fivew-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .support-intro,
  .support-guide {
    padding: 68px 22px;
  }

  .support-fivew {
    border-radius: 0;
    padding: 68px 22px;
  }

  .support-family-grid,
  .support-fivew-grid,
  .selection-checks {
    grid-template-columns: 1fr;
  }
}

/* ===== /v35-ai-robot.css ===== */
/* V33 PNSS AI launcher: one self-contained transparent robot treatment. */
.ai-launcher {
  position: fixed !important;
  z-index: 90 !important;
  right: 8px !important;
  bottom: 0 !important;
  display: block !important;
  width: 178px !important;
  height: 210px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.ai-launcher:hover { transform: translateY(-4px); }
.ai-robot-stage {
  position: relative !important;
  display: block !important;
  width: 178px !important;
  height: 210px !important;
  overflow: visible !important;
  animation: pnssRobotBreathing 3.6s ease-in-out infinite;
  transform-origin: 50% 90%;
}
.ai-launcher-robot {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  animation: pnssRobotHeadShake 4.8s ease-in-out infinite;
  transform-origin: 50% 54%;
}
.ai-robot-body-label {
  position: absolute !important;
  left: 50% !important;
  top: 58% !important;
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  width: max-content !important;
  transform: translate(-50%, -50%) perspective(140px) rotateX(-18deg) scaleY(.9) !important;
  color: #1267f3 !important;
  font-family: var(--font-sora), Arial, sans-serif !important;
  font-size: .88rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .015em !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  filter: none !important;
}
.ai-robot-body-label > span {
  display: inline-block !important;
  background: linear-gradient(180deg, #5eb1ff 0%, #1267f3 52%, #073eaa 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow: 0 1px 0 rgba(7,62,170,.75), 0 2px 2px rgba(4,35,100,.42) !important;
}
.ai-robot-body-label > span:nth-child(1) { transform: translateY(2px) rotate(-9deg); }
.ai-robot-body-label > span:nth-child(2) { transform: translateY(0) rotate(-4deg); }
.ai-robot-body-label > span:nth-child(3) { transform: translateY(-1px); }
.ai-robot-body-label > span:nth-child(4) { transform: translateY(-1px) rotate(4deg); }
.ai-robot-body-label > span:nth-child(6) { transform: translateY(0) rotate(5deg); }
.ai-robot-body-label > span:nth-child(7) { transform: translateY(2px) rotate(9deg); }
.ai-robot-eye-glint {
  position: absolute !important;
  left: 35% !important;
  top: 29% !important;
  width: 30% !important;
  height: 9% !important;
  border-radius: 999px !important;
  background: #8deaff !important;
  opacity: .08;
  filter: blur(2px);
  animation: pnssRobotBlink 4.8s ease-in-out infinite;
  pointer-events: none;
}
.ai-launcher-label, .ai-launcher-pulse, .ai-launcher-mark,
.ai-launcher small, .ai-robot-head { display: none !important; }
@keyframes pnssRobotBreathing {
  0%, 100% { transform: translateY(0); }
  42% { transform: translateY(-2px); }
  58% { transform: translateY(0); }
}
@keyframes pnssRobotHeadShake {
  0%, 35%, 100% { transform: translateX(0); }
  40% { transform: translateX(-2px); }
  45% { transform: translateX(2px); }
  50% { transform: translateX(-1px); }
  55% { transform: translateX(0); }
}
@keyframes pnssRobotBlink {
  0%, 44%, 48%, 100% { opacity: .08; transform: scaleY(1); }
  46% { opacity: .8; transform: scaleY(.15); }
}
@media (prefers-reduced-motion: reduce) {
  .ai-robot-stage, .ai-launcher-robot, .ai-robot-eye-glint { animation: none; }
}
@media (max-width: 620px) {
  .ai-launcher { width: 142px !important; height: 168px !important; right: 0 !important; bottom: -2px !important; }
  .ai-robot-stage { width: 142px !important; height: 168px !important; }
  .ai-robot-body-label { font-size: .7rem !important; }
}

/* ===== /v70-refinements.css ===== */
/* V70 refinement pass: tighter hero flow, safer AI launcher, clickable Smart School map labels. */

.page-hero-inner {
  padding-bottom: 64px;
  padding-top: 44px;
}

.page-hero h1 {
  max-width: 900px;
}

.home-link {
  margin-bottom: 42px;
}

.guide-hero {
  min-height: auto;
}

.guide-hero-copy {
  padding-bottom: 64px;
  padding-top: 64px;
}

.guide-hero-visual {
  align-self: center;
}

.ai-launcher {
  bottom: 10px !important;
  height: 166px !important;
  right: 10px !important;
  width: 140px !important;
}

.ai-robot-stage {
  height: 166px !important;
  width: 140px !important;
}

.smart-campus-showcase {
  margin-top: -38px;
}

.smart-campus-frame {
  position: relative;
}

.smart-campus-overlays {
  pointer-events: none;
}

.campus-badge {
  align-items: center;
  background: rgba(7, 26, 61, 0.84);
  border: 1px solid rgba(49, 215, 255, 0.8);
  border-radius: 999px;
  box-shadow: 0 10px 28px rgba(7, 26, 61, 0.22);
  color: #fff;
  display: inline-flex;
  font-size: clamp(0.62rem, 0.86vw, 0.82rem);
  font-weight: 800;
  gap: 6px;
  letter-spacing: 0.01em;
  line-height: 1;
  min-height: 30px;
  padding: 7px 11px;
  pointer-events: auto;
  position: absolute;
  text-decoration: none;
  white-space: nowrap;
}

.campus-badge:hover,
.campus-badge:focus-visible {
  background: #1267f3;
  border-color: #31d7ff;
  transform: translateY(-1px);
}

.campus-badge::before {
  background: #31d7ff;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
}

.campus-badge-anpr {
  left: 10%;
  top: 40%;
}

.campus-badge-attendance-gate {
  left: 25%;
  top: 73%;
}

.campus-badge-digital-library {
  left: 65%;
  top: 50%;
}

.campus-badge-classroom {
  left: 48%;
  top: 27%;
}

.campus-badge-key {
  left: 78%;
  top: 67%;
}

.smart-campus-module-strip span {
  scroll-margin-top: 110px;
}

.guide-structures .guide-hero-visual img,
.guide-structures .category-product-photo {
  object-fit: cover;
  object-position: center;
}

.guide-structures #display-mounts .category-product-photo,
.guide-structures #led-frame .category-product-photo,
.guide-structures #custom .category-product-photo {
  background: #f7f3ea;
}

.guide-structures #video-wall .category-product-photo {
  object-position: center;
}

.product-finder {
  background: #fffefa;
  border: 1px solid rgba(7, 26, 61, 0.14);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(7, 26, 61, 0.08);
  display: grid;
  gap: 10px;
  margin: -22px auto 34px;
  max-width: 760px;
  padding: 20px;
}

.product-finder label {
  color: #1267f3;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.product-finder input {
  background: #f8fafc;
  border: 1px solid rgba(7, 26, 61, 0.18);
  border-radius: 12px;
  color: #071a3d;
  min-height: 50px;
  padding: 12px 15px;
  width: 100%;
}

.product-finder input:focus {
  border-color: #1267f3;
  outline: 3px solid rgba(18, 103, 243, 0.15);
}

.product-finder-status {
  color: #708097;
  font-size: 0.8rem;
  margin: 0;
}

.balanced-product-grid .product-card[hidden] {
  display: none !important;
}

.guide-structures .selection-section > div:first-child::before {
  display: none !important;
}

@media (max-width: 900px) {
  .page-hero-inner {
    padding-bottom: 54px;
    padding-top: 38px;
  }

  .page-hero h1 {
    font-size: clamp(2.55rem, 10vw, 4.25rem);
  }

  .smart-campus-showcase {
    margin-top: -16px;
  }

  .ai-launcher {
    height: 132px !important;
    width: 112px !important;
  }

  .ai-robot-stage {
    height: 132px !important;
    width: 112px !important;
  }
}

@media (max-width: 640px) {
  .page-hero-inner {
    padding-bottom: 44px;
    padding-top: 34px;
  }

  .home-link {
    margin-bottom: 30px;
  }

  .smart-campus-frame {
    overflow: visible;
  }

  .smart-campus-overlays {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    margin-top: 12px;
    position: static;
  }

  .campus-badge {
    border-radius: 12px;
    box-shadow: none;
    font-size: 0.68rem;
    justify-content: center;
    min-height: 34px;
    padding: 8px 9px;
    position: static;
    white-space: normal;
  }

  .campus-badge-key {
    grid-column: 1 / -1;
  }

  .ai-launcher {
    bottom: 4px !important;
    height: 102px !important;
    right: 2px !important;
    width: 86px !important;
  }

  .ai-robot-stage {
    height: 102px !important;
    width: 86px !important;
  }

  .guide-hero-copy {
    padding-bottom: 46px;
    padding-top: 46px;
  }
}

/* ===== /v75-caption-and-school-systems.css ===== */
/* V75: keep descriptive captions below images, never blocking the photo. */

.solution-page-showcase,
.guide-hero-visual,
.product-hero-visual {
  overflow: visible !important;
}

.solution-page-showcase,
.smart-campus-showcase {
  aspect-ratio: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.solution-page-showcase img {
  aspect-ratio: 16 / 7;
  border: 1px solid rgba(7, 26, 61, 0.14);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(7, 26, 61, 0.12);
  display: block;
  height: auto !important;
  object-fit: cover;
  width: 100%;
}

.guide-hero-visual {
  align-self: center;
  border: 0 !important;
  border-radius: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0 !important;
}

.guide-hero-visual::after {
  display: none !important;
}

.guide-hero-visual img {
  aspect-ratio: 16 / 10;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 28px;
  display: block;
  height: auto !important;
  object-fit: cover;
  width: 100%;
}

.solution-page-showcase figcaption,
.smart-campus-showcase figcaption,
.guide-hero-visual figcaption,
.product-hero-visual figcaption {
  background: transparent !important;
  bottom: auto !important;
  color: #52637b !important;
  font-size: 0.78rem;
  left: auto !important;
  line-height: 1.6;
  margin: 12px 4px 0;
  max-width: none !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  text-shadow: none !important;
  z-index: auto !important;
}

.guide-hero .guide-hero-visual figcaption {
  color: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 760px) {
  .solution-page-showcase img,
  .guide-hero-visual img {
    border-radius: 18px;
  }
}

/* ===== /v81-smart-school-visual-map.css ===== */
.smart-module-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 30px 0;
}

.smart-module-grid a {
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-template-areas:
    "icon title"
    "icon desc";
  gap: 2px 14px;
  align-items: center;
  min-height: 78px;
  padding: 14px;
  border: 1px solid rgba(7, 26, 61, 0.14);
  border-radius: 14px;
  background: rgba(255, 254, 250, 0.86);
  color: var(--ink);
  box-shadow: 0 12px 26px rgba(7, 26, 61, 0.07);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.smart-module-grid a:hover,
.smart-module-grid a:focus-visible,
.smart-module-grid a.is-active {
  transform: translateY(-3px);
  border-color: rgba(18, 103, 243, 0.58);
  background: #fff;
  box-shadow: 0 18px 42px rgba(18, 103, 243, 0.18);
}

.smart-module-grid a:hover .module-icon,
.smart-module-grid a:focus-visible .module-icon,
.smart-module-grid a.is-active .module-icon {
  background: linear-gradient(145deg, var(--blue), var(--cyan));
  color: #fff;
}

.module-icon {
  grid-area: icon;
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(18, 103, 243, 0.11);
  color: var(--blue);
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.04em;
}

.smart-module-grid strong {
  grid-area: title;
  font-size: 0.82rem;
  line-height: 1.25;
}

.smart-module-grid small {
  grid-area: desc;
  color: var(--muted);
  font-size: 0.68rem;
  line-height: 1.35;
}

.interactive-campus-map .campus-zone {
  cursor: pointer;
  text-decoration: none;
  display: grid;
  grid-template-rows: minmax(150px, 42%) auto auto 1fr;
  gap: 10px;
  overflow: hidden;
}

.interactive-campus-map .campus-zone::after {
  content: "View";
  position: absolute;
  right: 24px;
  top: 22px;
  color: var(--cyan);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.campus-zone-photo {
  margin: -18px -18px 14px;
  min-height: 150px;
  border-radius: 16px 16px 8px 8px;
  overflow: hidden;
  background: rgba(49, 215, 255, 0.1);
  border-bottom: 1px solid rgba(49, 215, 255, 0.24);
}

.campus-zone-photo img {
  width: 100%;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
  filter: saturate(1.08) brightness(0.9);
  transform: scale(1.01);
  transition: transform 0.22s ease, filter 0.22s ease;
}

.interactive-campus-map .campus-zone:hover .campus-zone-photo img,
.interactive-campus-map .campus-zone:focus-visible .campus-zone-photo img,
.interactive-campus-map .campus-zone.is-active .campus-zone-photo img {
  filter: saturate(1.18) brightness(1.03);
  transform: scale(1.05);
}

.interactive-campus-map .campus-zone span,
.interactive-campus-map .campus-zone strong,
.interactive-campus-map .campus-zone small {
  position: relative;
  z-index: 1;
}

.interactive-campus-map .campus-zone strong {
  align-self: end;
}

.interactive-campus-map .campus-zone:hover::after,
.interactive-campus-map .campus-zone:focus-visible::after,
.interactive-campus-map .campus-zone.is-active::after {
  opacity: 1;
  transform: translateX(0);
}

.interactive-campus-map .campus-zone.is-active {
  border-color: var(--cyan);
  box-shadow: 0 0 0 1px rgba(49, 215, 255, 0.28), 0 26px 70px rgba(18, 103, 243, 0.34);
}

@media (width <= 900px) {
  .smart-module-grid {
    grid-template-columns: 1fr;
  }

  .interactive-campus-map .campus-zone {
    grid-template-rows: 150px auto auto;
    min-height: 300px;
  }
}

@media (width <= 620px) {
  .smart-module-grid a {
    min-height: 72px;
    padding: 12px;
  }

  .module-icon {
    width: 40px;
    height: 40px;
    font-size: 0.54rem;
  }

  .interactive-campus-map .campus-zone {
    min-height: 260px;
  }

  .campus-zone-photo,
  .campus-zone-photo img {
    min-height: 130px;
  }
}

/* ===== /v82-mobile-ux.css ===== */
@media (width <= 760px) {
  :root {
    --mobile-pad: 18px;
  }

  body {
    font-size: 15px;
  }

  .site-header {
    position: sticky;
  }

  .nav-shell {
    min-height: 64px;
    padding-inline: var(--mobile-pad);
  }

  .brand-link {
    width: 150px;
  }

  .mobile-menu nav {
    top: 62px;
    right: 10px;
    max-height: calc(100vh - 82px);
    overflow-y: auto;
  }

  .home-hero,
  .page-hero,
  .guide-hero {
    min-height: auto;
  }

  .hero-copy,
  .page-hero-inner,
  .article-header,
  .guide-hero-copy {
    padding: 36px var(--mobile-pad) 34px;
  }

  .hero-copy h1,
  .page-hero h1,
  .article-header h1,
  .guide-hero h1 {
    max-width: 100%;
    font-size: clamp(2.55rem, 12vw, 3.65rem);
    letter-spacing: -0.055em;
    line-height: 1.02;
  }

  .hero-lead,
  .page-lead,
  .article-deck,
  .guide-hero .page-lead {
    margin-top: 18px;
    font-size: 0.98rem;
    line-height: 1.65;
  }

  .home-link {
    margin-bottom: 22px;
  }

  .eyebrow {
    margin-bottom: 14px;
    font-size: 0.68rem;
  }

  .section,
  .content-section,
  .archive-shell,
  .contact-layout,
  .article-layout,
  .process-section,
  .guide-intro,
  .guide-decision {
    padding: 46px var(--mobile-pad);
  }

  .content-section.alt {
    padding-left: var(--mobile-pad);
    padding-right: var(--mobile-pad);
  }

  .section-heading,
  .content-heading {
    gap: 18px;
    margin-bottom: 24px;
  }

  .intro-heading h2,
  .section-heading h2,
  .feature-copy h2,
  .consultation-cta h2,
  .content-heading h2,
  .process-section h2,
  .article-body h2,
  .guide-intro h2,
  .guide-decision h2,
  .detail-copy h2,
  .selection-section h2 {
    font-size: clamp(1.8rem, 8vw, 2.45rem);
    letter-spacing: -0.04em;
  }

  .solution-grid,
  .product-card-grid,
  .balanced-product-grid,
  .capability-grid,
  .use-case-grid,
  .faq-grid,
  .project-grid,
  .insight-grid,
  .value-grid,
  .process-grid,
  .project-page-grid {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  .solution-card,
  .product-card,
  .capability-card,
  .use-case,
  .project-card,
  .value-card,
  .faq-item {
    border-radius: 14px;
  }

  .solution-card {
    min-height: auto;
    padding: 20px;
  }

  .solution-card h3,
  .product-card h2,
  .capability-card h3,
  .project-content h3 {
    font-size: 1.08rem;
    line-height: 1.28;
  }

  .solution-card-image,
  .product-card-image,
  .capability-card-image,
  .project-photo {
    border-radius: 12px;
  }

  .feature-split {
    display: block;
  }

  .guide-hero {
    display: block;
  }

  .guide-hero-visual {
    margin: 0 var(--mobile-pad) 26px;
  }

  .guide-hero-visual img,
  .product-hero-visual img {
    max-height: 260px;
    object-fit: cover;
  }

  .guide-hero-visual figcaption,
  .product-hero-visual figcaption,
  .article-visual figcaption {
    position: static !important;
    margin-top: 10px;
    padding: 0;
    background: transparent;
    color: rgba(7, 26, 61, 0.72);
    font-size: 0.76rem;
    line-height: 1.55;
  }

  .jump-nav {
    display: none !important;
  }

  .product-finder {
    display: none !important;
  }

  .detail-section,
  .selection-section {
    padding: 28px var(--mobile-pad) !important;
  }

  .detail-layout,
  .selection-section {
    display: block !important;
  }

  .detail-copy,
  .selection-section > div:first-child {
    padding: 0 !important;
  }

  .category-product-photo {
    aspect-ratio: 16 / 10;
    border-radius: 14px;
    max-height: 230px;
    object-fit: cover;
    width: 100%;
  }

  .selection-checks,
  .detail-checks,
  .decision-grid {
    grid-template-columns: 1fr !important;
    gap: 10px;
    margin-top: 18px;
  }

  .selection-checks article,
  .detail-checks article,
  .decision-grid article {
    padding: 15px !important;
  }

  .feature-copy,
  .feature-visual,
  .campus-map {
    min-height: auto;
    padding: 46px var(--mobile-pad);
  }

  .school-feature .feature-copy {
    order: initial;
  }

  .campus-map {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .consultation-cta {
    padding: 42px var(--mobile-pad) 88px;
    gap: 24px;
  }

  .button {
    min-height: 48px;
    border-radius: 10px;
  }

  .article-body > p,
  .content-heading > p,
  .section-heading > p,
  .feature-copy > p:not(.eyebrow) {
    line-height: 1.72;
  }

  .article-body h2 {
    margin-top: 38px;
    scroll-margin-top: 96px;
  }

  .article-visual {
    min-height: auto;
    padding: 34px var(--mobile-pad);
  }

  .visual-topic-grid div {
    min-height: 96px;
  }

  .site-footer {
    padding: 46px var(--mobile-pad) 92px;
  }

  .footer-base {
    margin-top: 34px;
  }

  .ai-launcher {
    right: 14px;
    bottom: 70px;
    padding: 0;
    border-radius: 16px;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
  }

  .ai-launcher-robot {
    width: 58px;
    height: auto;
  }

  .mobile-page-helper {
    display: block;
    margin: 0 var(--mobile-pad) 22px;
    border: 1px solid rgba(7, 26, 61, 0.14);
    border-radius: 14px;
    background: #fffefa;
    box-shadow: 0 12px 28px rgba(7, 26, 61, 0.08);
    overflow: hidden;
  }

  .mobile-page-helper summary {
    cursor: pointer;
    list-style: none;
    padding: 14px 16px;
    color: var(--ink);
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mobile-page-helper summary::-webkit-details-marker {
    display: none;
  }

  .mobile-page-helper summary::after {
    content: "+";
    color: var(--blue);
    font-size: 1.1rem;
  }

  .mobile-page-helper[open] summary::after {
    content: "-";
  }

  .mobile-page-helper nav {
    display: grid;
    gap: 8px;
    padding: 0 12px 14px;
  }

  .mobile-page-helper a {
    display: flex;
    min-height: 42px;
    align-items: center;
    padding: 9px 12px;
    border-radius: 10px;
    background: rgba(18, 103, 243, 0.08);
    color: var(--ink);
    font-size: 0.82rem;
    font-weight: 700;
  }

  .mobile-grid-toggle {
    display: inline-flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    border: 1px solid rgba(18, 103, 243, 0.35);
    border-radius: 10px;
    color: var(--blue);
    background: #fff;
    font-weight: 800;
  }

  .mobile-collapsible-grid.is-collapsed > :nth-child(n + 7) {
    display: none !important;
  }

  .mobile-action-bar {
    position: fixed;
    z-index: 110;
    left: 10px;
    right: 10px;
    bottom: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 0.72fr;
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 16px;
    background: rgba(3, 19, 46, 0.9);
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 48px rgba(7, 26, 61, 0.35);
  }

  .mobile-action-bar a,
  .mobile-action-bar button {
    min-height: 42px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-action-bar a:first-child {
    background: var(--blue);
  }
}

@media (width > 760px) {
  .mobile-page-helper,
  .mobile-grid-toggle,
  .mobile-action-bar,
  .product-finder {
    display: none !important;
  }
}

/* ===== /v83-premium-experience.css ===== */
/* V83 premium experience layer: cleaner navigation, richer product browsing, no bottom overlay bar. */
:root {
  --lux-ink: #061735;
  --lux-muted: #56657b;
  --lux-line: rgba(6, 23, 53, 0.12);
  --lux-panel: rgba(255, 255, 255, 0.82);
  --lux-paper: #f6f3ec;
  --lux-blue: #1267f3;
  --lux-cyan: #31d7ff;
}

html {
  scroll-behavior: smooth;
}

body {
  background:
    linear-gradient(180deg, #f9f7f1 0%, #f3f0e8 42%, #fbfaf6 100%);
  color: var(--lux-ink);
  letter-spacing: 0;
}

.site-header {
  border-bottom: 1px solid rgba(6, 23, 53, 0.08);
  background: rgba(248, 246, 240, 0.86);
  backdrop-filter: blur(18px);
}

.nav-shell {
  max-width: 1380px;
}

.nav-links a,
.mobile-menu a {
  position: relative;
}

.nav-links a::after,
.mobile-menu a::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 2px;
  border-radius: 999px;
  background: var(--lux-blue);
  content: "";
  opacity: 0;
  transform: scaleX(0.35);
  transition: opacity 220ms ease, transform 220ms ease;
}

.nav-links a:hover::after,
.nav-links a:focus-visible::after,
.mobile-menu a:hover::after,
.mobile-menu a:focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}

.premium-progress {
  position: fixed;
  z-index: 140;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, var(--lux-blue), var(--lux-cyan));
  pointer-events: none;
}

.page-hero,
.home-hero,
.guide-hero,
.article-header {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(246, 243, 236, 0.78));
}

.hero-copy h1,
.page-hero h1,
.guide-hero h1,
.article-header h1 {
  letter-spacing: 0;
  text-wrap: balance;
}

.hero-lead,
.page-lead,
.article-deck,
.guide-hero .page-lead,
.section-heading p,
.content-heading p {
  color: var(--lux-muted);
}

.button,
.product-card,
.solution-card,
.capability-card,
.project-card,
.insight-card,
.value-card,
.use-case,
.faq-item,
.selection-section,
.detail-section {
  transition:
    transform 260ms ease,
    box-shadow 260ms ease,
    border-color 260ms ease,
    background 260ms ease;
}

.button:hover,
.button:focus-visible {
  transform: translateY(-2px);
}

.product-card,
.solution-card,
.capability-card,
.project-card,
.insight-card,
.value-card,
.use-case,
.faq-item {
  border: 1px solid rgba(6, 23, 53, 0.10);
  box-shadow: 0 18px 44px rgba(6, 23, 53, 0.06);
  background: rgba(255, 255, 255, 0.88);
}

.product-card:hover,
.solution-card:hover,
.capability-card:hover,
.project-card:hover,
.insight-card:hover {
  border-color: rgba(18, 103, 243, 0.25);
  box-shadow: 0 28px 72px rgba(6, 23, 53, 0.13);
  transform: translateY(-5px);
}

.product-card-image,
.solution-card-image,
.capability-card-image,
.project-photo,
.guide-hero-visual,
.product-hero-visual,
.article-visual {
  overflow: hidden;
}

.product-card-image img,
.solution-card-image img,
.capability-card-image img,
.project-photo img,
.guide-hero-visual img,
.product-hero-visual img,
.article-visual img {
  transform: scale(1.001);
  transition: transform 650ms ease, filter 650ms ease;
}

.product-card:hover img,
.solution-card:hover img,
.capability-card:hover img,
.project-card:hover img,
.guide-hero-visual:hover img,
.product-hero-visual:hover img {
  filter: saturate(1.06) contrast(1.03);
  transform: scale(1.035);
}

.jump-nav {
  position: sticky;
  z-index: 80;
  top: 78px;
  border-block: 1px solid rgba(6, 23, 53, 0.08);
  background: rgba(248, 246, 240, 0.9);
  backdrop-filter: blur(16px);
}

.jump-nav-inner {
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.jump-nav a,
.mobile-page-helper a {
  border: 1px solid rgba(18, 103, 243, 0.18);
  transition: background 220ms ease, color 220ms ease, border-color 220ms ease, transform 220ms ease;
}

.jump-nav a:hover,
.jump-nav a:focus-visible,
.mobile-page-helper a:hover,
.mobile-page-helper a:focus-visible {
  border-color: rgba(18, 103, 243, 0.42);
  background: rgba(18, 103, 243, 0.1);
  transform: translateY(-1px);
}

.detail-section,
.selection-section {
  border-color: rgba(6, 23, 53, 0.10);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(250, 248, 242, 0.84));
}

.detail-index,
.selection-index,
.eyebrow {
  letter-spacing: 0.12em;
}

.category-product-photo {
  background: #f8f6ef;
  box-shadow: 0 16px 44px rgba(6, 23, 53, 0.08);
}

.guide-hero-visual figcaption,
.product-hero-visual figcaption,
.article-visual figcaption,
.project-photo span {
  backdrop-filter: blur(10px);
}

.ai-launcher {
  z-index: 120;
}

.mobile-action-bar {
  display: none !important;
}

.premium-reveal {
  opacity: 0;
  transform: translateY(24px);
}

.premium-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 620ms ease, transform 620ms ease;
}

.premium-reveal:nth-child(2n) {
  transition-delay: 60ms;
}

.premium-reveal:nth-child(3n) {
  transition-delay: 120ms;
}

@media (width >= 980px) {
  .product-card-grid,
  .solution-grid,
  .project-grid,
  .insight-grid,
  .capability-grid {
    gap: clamp(22px, 2.2vw, 34px);
  }

  .page-hero-inner,
  .hero-copy,
  .article-header,
  .guide-hero-copy {
    padding-top: clamp(72px, 7vw, 124px);
    padding-bottom: clamp(72px, 7vw, 124px);
  }

  .product-card-image,
  .solution-card-image,
  .capability-card-image,
  .project-photo {
    min-height: 220px;
  }
}

@media (width <= 760px) {
  body {
    background: linear-gradient(180deg, #fbfaf6 0%, #f4f1ea 100%);
  }

  .premium-progress {
    height: 2px;
  }

  .site-header {
    background: rgba(250, 248, 242, 0.94);
  }

  .mobile-menu nav {
    border: 1px solid rgba(6, 23, 53, 0.10);
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(6, 23, 53, 0.18);
  }

  .hero-copy h1,
  .page-hero h1,
  .guide-hero h1,
  .article-header h1 {
    font-size: clamp(2.35rem, 10.5vw, 3.25rem);
    line-height: 1.04;
  }

  .hero-actions,
  .cta-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .button {
    width: 100%;
    justify-content: center;
  }

  .mobile-page-helper {
    margin-top: 14px;
    margin-bottom: 24px;
    background: rgba(255, 255, 255, 0.92);
  }

  .mobile-page-helper summary {
    min-height: 48px;
  }

  .mobile-page-helper nav {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 16px;
    scroll-snap-type: x mandatory;
  }

  .mobile-page-helper a {
    flex: 0 0 min(78vw, 310px);
    scroll-snap-align: start;
  }

  .product-card,
  .solution-card,
  .capability-card,
  .project-card,
  .insight-card {
    box-shadow: 0 14px 36px rgba(6, 23, 53, 0.08);
  }

  .product-card:hover,
  .solution-card:hover,
  .capability-card:hover,
  .project-card:hover,
  .insight-card:hover {
    transform: none;
  }

  .product-card-image,
  .solution-card-image,
  .capability-card-image,
  .project-photo {
    min-height: 185px;
  }

  .category-product-photo {
    max-height: 250px;
  }

  .selection-checks article strong,
  .detail-checks article strong {
    display: block;
    margin-bottom: 6px;
  }

  .ai-launcher {
    bottom: 8px !important;
    right: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  .premium-reveal {
    opacity: 1;
    transform: none;
  }
}

/* ===== /v84-premium-hero-system.css ===== */
/* V84: high-contrast premium hero and controlled graphical motion system. */
:root {
  --v84-ink: #061735;
  --v84-navy: #061a3a;
  --v84-midnight: #020b1c;
  --v84-blue: #1267f3;
  --v84-cyan: #31d7ff;
  --v84-paper: #f7f4ed;
  --v84-soft: rgba(255, 255, 255, 0.74);
}

.page-hero,
.guide-hero,
.home-hero {
  position: relative;
  isolation: isolate;
}

.page-hero,
.guide-hero {
  color: #fff !important;
  background:
    linear-gradient(110deg, rgba(2, 11, 28, 0.98) 0%, rgba(6, 26, 58, 0.98) 48%, rgba(7, 31, 73, 0.92) 100%) !important;
  overflow: hidden;
}

.page-hero::before,
.guide-hero::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image:
    linear-gradient(rgba(49, 215, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(49, 215, 255, 0.12) 1px, transparent 1px);
  background-size: 58px 58px;
  content: "";
  opacity: 0.42;
  transform: translate3d(0, 0, 0);
  animation: v84GridDrift 14s linear infinite;
}

.page-hero::after,
.guide-hero::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(2, 11, 28, 0.98) 0%, rgba(2, 11, 28, 0.82) 46%, rgba(2, 11, 28, 0.24) 78%, transparent 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 34%);
  content: "";
}

.page-hero-inner,
.guide-hero-copy,
.article-header {
  position: relative;
  z-index: 2;
}

.page-hero .home-link,
.guide-hero .home-link {
  color: rgba(255, 255, 255, 0.68) !important;
}

.page-hero .eyebrow,
.guide-hero .eyebrow {
  color: var(--v84-cyan) !important;
}

.page-hero h1,
.guide-hero h1 {
  color: #fff !important;
  max-width: 880px;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.page-hero .page-lead,
.guide-hero .page-lead {
  color: rgba(235, 243, 255, 0.82) !important;
}

.page-hero .button-outline,
.guide-hero .button-outline {
  border-color: rgba(255, 255, 255, 0.42) !important;
  color: #fff !important;
}

.page-hero .button-outline:hover,
.guide-hero .button-outline:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

.premium-hero-graphic {
  position: absolute;
  z-index: 1;
  right: clamp(28px, 7vw, 118px);
  top: 50%;
  width: min(36vw, 520px);
  min-width: 360px;
  aspect-ratio: 1.2;
  transform: translateY(-50%);
  pointer-events: none;
}

.premium-hero-graphic::before,
.premium-hero-graphic::after {
  position: absolute;
  content: "";
}

.premium-hero-graphic::before {
  inset: 7% 3% 16% 20%;
  border: 1px solid rgba(49, 215, 255, 0.38);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02)),
    linear-gradient(90deg, transparent 0 32%, rgba(49, 215, 255, 0.16) 32% 33%, transparent 33% 66%, rgba(49, 215, 255, 0.12) 66% 67%, transparent 67%);
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.24),
    inset 0 0 42px rgba(49, 215, 255, 0.08);
  animation: v84PanelFloat 7s ease-in-out infinite;
}

.premium-hero-graphic::after {
  right: 0;
  bottom: 3%;
  width: 46%;
  height: 30%;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(49, 215, 255, 0.42), rgba(18, 103, 243, 0.10) 55%, transparent 55%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.14) 0 1px, transparent 1px 13px);
  animation: v84PanelFloat 7s ease-in-out -2.4s infinite;
}

.premium-hero-line {
  position: absolute;
  left: 5%;
  right: 7%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(49, 215, 255, 0.92), rgba(255, 255, 255, 0.28), transparent);
  transform-origin: left;
  animation: v84SignalSweep 4.8s ease-in-out infinite;
}

.premium-hero-line:nth-child(1) { top: 26%; }
.premium-hero-line:nth-child(2) { top: 48%; animation-delay: -1.4s; }
.premium-hero-line:nth-child(3) { top: 70%; animation-delay: -2.8s; }

.premium-hero-node {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(49, 215, 255, 0.9);
  border-radius: 50%;
  background: var(--v84-midnight);
  box-shadow: 0 0 24px rgba(49, 215, 255, 0.45);
  animation: v84NodePulse 3.6s ease-in-out infinite;
}

.premium-hero-node:nth-child(4) { left: 18%; top: 24%; }
.premium-hero-node:nth-child(5) { left: 58%; top: 47%; animation-delay: -1.2s; }
.premium-hero-node:nth-child(6) { left: 76%; top: 68%; animation-delay: -2.4s; }

.article-header {
  background: linear-gradient(180deg, #fbfaf6, #f1ede4) !important;
}

.article-header h1 {
  color: var(--v84-ink) !important;
}

.article-header .article-deck,
.article-header .article-meta time,
.article-header .article-meta span {
  color: #4f6078 !important;
}

.home-hero .hero-copy h1 {
  color: var(--v84-ink) !important;
}

.home-hero .hero-lead {
  color: #4d5d73 !important;
}

.section,
.content-section,
.archive-shell,
.contact-layout,
.article-layout,
.process-section {
  scroll-margin-top: 104px;
}

.product-card,
.solution-card,
.capability-card,
.project-card,
.insight-card {
  border-radius: 18px !important;
}

@keyframes v84GridDrift {
  from { background-position: 0 0, 0 0; }
  to { background-position: 58px 58px, 58px 58px; }
}

@keyframes v84PanelFloat {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -10px, 0); }
}

@keyframes v84SignalSweep {
  0%, 100% { opacity: 0.28; transform: scaleX(0.72); }
  50% { opacity: 1; transform: scaleX(1); }
}

@keyframes v84NodePulse {
  0%, 100% { opacity: 0.62; transform: scale(0.92); }
  50% { opacity: 1; transform: scale(1.18); }
}

@media (width >= 980px) {
  .page-hero-inner,
  .guide-hero-copy {
    padding-top: clamp(86px, 8vw, 138px) !important;
    padding-bottom: clamp(86px, 8vw, 138px) !important;
  }

  .page-hero-inner {
    padding-right: min(48vw, 660px) !important;
  }

  .guide-hero {
    grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.78fr) !important;
    gap: clamp(34px, 5vw, 78px);
    align-items: center;
  }
}

@media (width <= 979px) {
  .premium-hero-graphic {
    opacity: 0.28;
    right: -120px;
    width: 520px;
    min-width: 0;
  }

  .page-hero-inner {
    padding-right: 32px !important;
  }
}

@media (width <= 760px) {
  .page-hero,
  .guide-hero {
    min-height: auto !important;
  }

  .page-hero::after,
  .guide-hero::after {
    background:
      linear-gradient(180deg, rgba(2, 11, 28, 0.94) 0%, rgba(6, 26, 58, 0.88) 100%) !important;
  }

  .premium-hero-graphic {
    display: none;
  }

  .page-hero-inner,
  .guide-hero-copy {
    padding-top: 48px !important;
    padding-bottom: 58px !important;
  }

  .page-hero h1,
  .guide-hero h1 {
    font-size: clamp(2.6rem, 12vw, 3.7rem) !important;
    line-height: 1.03 !important;
  }

  .page-hero .page-lead,
  .guide-hero .page-lead {
    font-size: 1rem !important;
    line-height: 1.7 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-hero::before,
  .guide-hero::before,
  .premium-hero-graphic::before,
  .premium-hero-graphic::after,
  .premium-hero-line,
  .premium-hero-node {
    animation: none !important;
  }
}

/* ===== /v85-showroom-home.css ===== */
/* V85: showroom-style homepage and PNSS three-pillar solar-system hero. */
.premium-hero-graphic {
  width: min(40vw, 560px) !important;
  aspect-ratio: 1 !important;
}

.premium-hero-graphic::before {
  inset: 50% auto auto 50% !important;
  width: 122px !important;
  height: 122px !important;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 36% 30%, rgba(255, 255, 255, 0.98), rgba(18, 103, 243, 0.92) 42%, rgba(2, 11, 28, 0.98) 78%) !important;
  box-shadow:
    0 0 0 16px rgba(18, 103, 243, 0.12),
    0 0 0 34px rgba(49, 215, 255, 0.06),
    0 30px 90px rgba(49, 215, 255, 0.24) !important;
  color: #fff;
  content: "PNSS" !important;
  font-family: var(--font-sora), Arial, sans-serif;
  font-size: 1.55rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  transform: translate(-50%, -50%) !important;
  animation: v85CorePulse 6s ease-in-out infinite !important;
}

.premium-hero-graphic::after {
  inset: 8% !important;
  width: auto !important;
  height: auto !important;
  border: 1px solid rgba(49, 215, 255, 0.22) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle, transparent 48%, rgba(49, 215, 255, 0.16) 49%, transparent 51%),
    radial-gradient(circle, transparent 66%, rgba(255, 255, 255, 0.12) 67%, transparent 68%) !important;
  box-shadow: inset 0 0 80px rgba(49, 215, 255, 0.06) !important;
  animation: v85OrbitRotate 18s linear infinite !important;
}

.premium-hero-line {
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  width: 41% !important;
  height: 1px !important;
  opacity: 0.55;
  background: linear-gradient(90deg, rgba(49, 215, 255, 0.78), transparent) !important;
  transform-origin: left center !important;
  animation: v85SignalBreathe 5s ease-in-out infinite !important;
}

.premium-hero-line:nth-child(1) { transform: rotate(-90deg) !important; }
.premium-hero-line:nth-child(2) { transform: rotate(30deg) !important; animation-delay: -1.6s !important; }
.premium-hero-line:nth-child(3) { transform: rotate(150deg) !important; animation-delay: -3.2s !important; }

.premium-hero-node {
  width: 118px !important;
  height: 50px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(49, 215, 255, 0.48) !important;
  border-radius: 999px !important;
  background: rgba(3, 19, 46, 0.72) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.24), inset 0 0 28px rgba(49, 215, 255, 0.08) !important;
  color: #fff;
  font-size: 0;
  transform: translate(-50%, -50%) !important;
  backdrop-filter: blur(12px);
  animation: v85NodeFloat 6s ease-in-out infinite !important;
}

.premium-hero-node::before {
  color: var(--v84-cyan);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.premium-hero-node:nth-child(4) { left: 50% !important; top: 8% !important; }
.premium-hero-node:nth-child(4)::before { content: "AI Automation"; }
.premium-hero-node:nth-child(5) { left: 88% !important; top: 66% !important; animation-delay: -1.8s !important; }
.premium-hero-node:nth-child(5)::before { content: "Smart School"; }
.premium-hero-node:nth-child(6) { left: 12% !important; top: 66% !important; animation-delay: -3.6s !important; }
.premium-hero-node:nth-child(6)::before { content: "Integrated AV"; }

.home-hero {
  min-height: calc(100vh - 84px);
  background:
    linear-gradient(100deg, #f7f4ed 0%, #f7f4ed 45%, rgba(2, 11, 28, 0.98) 45.1%, #020b1c 100%) !important;
}

.home-hero .ecosystem-visual {
  background:
    radial-gradient(circle at 50% 50%, rgba(49, 215, 255, 0.18), transparent 32%),
    linear-gradient(135deg, rgba(2, 11, 28, 0.98), rgba(6, 26, 58, 0.96));
}

.home-hero .visual-grid {
  opacity: 0.35 !important;
  transform: none !important;
  mask-image: none !important;
}

.home-hero .ecosystem-core {
  border-radius: 50% !important;
  transform: translate(-50%, -50%) !important;
  animation: v85CorePulse 6s ease-in-out infinite;
}

.home-hero .ecosystem-core > * {
  transform: none !important;
}

.home-hero .system-node {
  min-width: 236px;
  border-radius: 999px !important;
  background: rgba(3, 19, 46, 0.74) !important;
}

.home-hero .node-ai { top: 12% !important; left: 50% !important; transform: translateX(-50%); }
.home-hero .node-school { top: 58% !important; right: 6% !important; }
.home-hero .node-av { bottom: 18% !important; left: 6% !important; right: auto !important; }

.home-hero .line-one,
.home-hero .line-two,
.home-hero .line-three {
  opacity: 0.72 !important;
  animation: v85SignalBreathe 5s ease-in-out infinite;
}

.home-landing-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 34px;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
  padding: 56px 32px 70px;
  border-top: 1px solid rgba(6, 23, 53, 0.10);
}

.home-landing-cta h2 {
  margin: 0;
  color: #061735;
  font-family: var(--font-sora), Arial, sans-serif;
  font-size: clamp(2rem, 3.4vw, 4rem);
  line-height: 1.08;
  letter-spacing: 0;
}

.home-landing-cta p {
  max-width: 760px;
  margin: 16px 0 0;
  color: #56657b;
  font-size: 1.02rem;
  line-height: 1.75;
}

.home-landing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

.button-whatsapp {
  background: #14a865;
  color: #fff;
}

body.home-showroom main > section:not(.home-hero):not(.home-landing-cta) {
  display: none !important;
}

body.home-showroom .site-footer {
  display: none !important;
}

@keyframes v85CorePulse {
  0%, 100% { filter: saturate(1); box-shadow: 0 0 0 16px rgba(18, 103, 243, 0.12), 0 0 0 34px rgba(49, 215, 255, 0.06), 0 30px 90px rgba(49, 215, 255, 0.22); }
  50% { filter: saturate(1.15); box-shadow: 0 0 0 22px rgba(18, 103, 243, 0.15), 0 0 0 46px rgba(49, 215, 255, 0.08), 0 36px 110px rgba(49, 215, 255, 0.34); }
}

@keyframes v85OrbitRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes v85SignalBreathe {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.92; }
}

@keyframes v85NodeFloat {
  0%, 100% { margin-top: 0; }
  50% { margin-top: -10px; }
}

@media (width <= 900px) {
  .home-hero {
    min-height: auto !important;
    background: #f7f4ed !important;
    display: block !important;
  }

  .home-hero .hero-copy {
    padding-bottom: 38px !important;
  }

  .home-hero .ecosystem-visual {
    min-height: 520px !important;
  }

  .home-landing-cta {
    grid-template-columns: 1fr;
    padding: 38px 22px 54px;
  }

  .home-landing-actions {
    justify-content: stretch;
  }

  .home-landing-actions .button {
    width: 100%;
  }
}

@media (width <= 620px) {
  .home-hero .ecosystem-visual {
    min-height: 430px !important;
  }

  .home-hero .system-node {
    min-width: 172px !important;
    padding: 10px 12px !important;
  }

  .home-hero .node-code {
    width: 36px !important;
    height: 36px !important;
  }

  .home-hero .node-ai {
    top: 8% !important;
  }

  .home-hero .node-school {
    top: 62% !important;
    right: 2% !important;
  }

  .home-hero .node-av {
    bottom: 10% !important;
    left: 2% !important;
  }

  .home-landing-cta h2 {
    font-size: clamp(2rem, 10vw, 3rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-hero-graphic::before,
  .premium-hero-graphic::after,
  .premium-hero-line,
  .premium-hero-node,
  .home-hero .ecosystem-core,
  .home-hero .line-one,
  .home-hero .line-two,
  .home-hero .line-three {
    animation: none !important;
  }
}

/* ===== /v87-orbit-motion.css ===== */
/* V87: explicit, shared PNSS orbit motion for every hero family. */
:root {
  --v87-orbit-speed: 36s;
  --v87-navy: #020b1c;
  --v87-blue: #1267f3;
  --v87-cyan: #31d7ff;
}

.v86-orbit-stage,
.premium-hero-graphic.v86-page-orbit {
  display: none !important;
}

.home-hero {
  grid-template-columns: minmax(0, 52%) minmax(0, 48%) !important;
  background: linear-gradient(90deg, #f7f4ed 0 52%, var(--v87-navy) 52% 100%) !important;
}

.home-hero .hero-copy {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  padding-right: clamp(42px, 5vw, 92px) !important;
  overflow: visible !important;
}

.home-hero .hero-copy h1 {
  width: 100% !important;
  max-width: none !important;
  color: #061735 !important;
  font-size: clamp(4rem, 5vw, 5.6rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}

.home-hero .ecosystem-visual {
  min-width: 0 !important;
  overflow: hidden !important;
}

.v87-orbit-stage {
  position: relative;
  isolation: isolate;
  color: #fff;
}

.v87-home-orbit {
  position: absolute;
  inset: 5% 4%;
  z-index: 3;
}

.v87-page-orbit {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: clamp(30px, 6vw, 116px);
  width: min(40vw, 600px);
  height: min(40vw, 600px);
  transform: translateY(-50%);
}

.v87-compact-orbit {
  width: min(100%, 360px);
  height: 220px;
  margin-top: 30px;
  border: 1px solid rgba(49, 215, 255, 0.25);
  border-radius: 18px;
  background:
    linear-gradient(rgba(49, 215, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(49, 215, 255, 0.07) 1px, transparent 1px),
    #03132e;
  background-size: 32px 32px;
  box-shadow: inset 0 0 52px rgba(49, 215, 255, 0.08);
  overflow: hidden;
}

.v87-orbit-ring,
.v87-orbit-ring::after {
  position: absolute;
  inset: 12%;
  z-index: -1;
  border: 1px solid rgba(49, 215, 255, 0.28);
  border-radius: 50%;
  content: "";
  box-shadow: inset 0 0 70px rgba(49, 215, 255, 0.04);
}

.v87-orbit-ring::after {
  inset: 21%;
  border-color: rgba(255, 255, 255, 0.12);
}

.v87-orbit-line {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 1px;
  transform-origin: 0 50%;
  background: linear-gradient(90deg, rgba(49, 215, 255, 0.62), rgba(49, 215, 255, 0.06));
  pointer-events: none;
}

.v87-orbit-pillar {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: 190px;
  min-height: 78px;
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(49, 215, 255, 0.44);
  border-radius: 16px;
  background: rgba(3, 19, 46, 0.9);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.28), inset 0 0 28px rgba(49, 215, 255, 0.08);
  backdrop-filter: blur(14px);
  will-change: transform;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.v87-orbit-pillar:hover,
.v87-orbit-pillar:focus-visible {
  border-color: rgba(49, 215, 255, 0.96);
  background: rgba(5, 31, 72, 0.96);
  box-shadow: 0 26px 76px rgba(49, 215, 255, 0.25), inset 0 0 34px rgba(49, 215, 255, 0.12);
}

.v87-orbit-code {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(49, 215, 255, 0.55);
  border-radius: 12px;
  background: rgba(18, 103, 243, 0.22);
  color: var(--v87-cyan);
  font-size: 0.7rem;
  font-weight: 850;
}

.v87-orbit-copy {
  min-width: 0;
}

.v87-orbit-copy small {
  display: block;
  color: rgba(224, 236, 255, 0.62);
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.v87-orbit-copy strong {
  display: block;
  margin-top: 2px;
  font-size: 0.88rem;
  line-height: 1.22;
}

.v87-orbit-arrow {
  color: var(--v87-cyan);
  font-size: 0.8rem;
}

.v87-orbit-center {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  width: 126px;
  height: 126px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(18, 103, 243, 0.98), rgba(3, 33, 83, 0.98));
  color: #fff;
  text-decoration: none;
  transform: translate(-50%, -50%) rotate(45deg);
  box-shadow:
    0 0 0 16px rgba(18, 103, 243, 0.13),
    0 0 0 36px rgba(49, 215, 255, 0.06),
    0 28px 90px rgba(49, 215, 255, 0.28);
}

.v87-orbit-center > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: rotate(-45deg);
  text-align: center;
}

.v87-orbit-center strong {
  font-family: var(--font-sora), Arial, sans-serif;
  font-size: 1.45rem;
  letter-spacing: 0;
}

.v87-orbit-center small {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.54rem;
  font-weight: 800;
}

.v87-compact-orbit .v87-orbit-pillar {
  width: 128px;
  min-height: 50px;
  grid-template-columns: 30px 1fr;
  gap: 7px;
  padding: 7px 9px;
  border-radius: 12px;
}

.v87-compact-orbit .v87-orbit-code {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 0.55rem;
}

.v87-compact-orbit .v87-orbit-copy small,
.v87-compact-orbit .v87-orbit-arrow {
  display: none;
}

.v87-compact-orbit .v87-orbit-copy strong {
  margin: 0;
  font-size: 0.66rem;
}

.v87-compact-orbit .v87-orbit-center {
  width: 76px;
  height: 76px;
  border-radius: 19px;
  box-shadow:
    0 0 0 10px rgba(18, 103, 243, 0.13),
    0 0 0 22px rgba(49, 215, 255, 0.06),
    0 20px 58px rgba(49, 215, 255, 0.22);
}

.v87-compact-orbit .v87-orbit-center strong {
  font-size: 0.9rem;
}

.v87-compact-orbit .v87-orbit-center small {
  font-size: 0.4rem;
}

.v87-orbit-stage[data-paused="true"] .v87-orbit-pillar {
  border-color: rgba(49, 215, 255, 0.72);
}

@media (width <= 1180px) {
  .home-hero .hero-copy h1 {
    font-size: clamp(3.55rem, 4.6vw, 4.8rem) !important;
  }

  .v87-page-orbit {
    right: 18px;
    width: min(43vw, 500px);
    height: min(43vw, 500px);
  }

  .v87-page-orbit .v87-orbit-pillar {
    width: 166px;
    min-height: 68px;
    grid-template-columns: 38px 1fr;
  }

  .v87-page-orbit .v87-orbit-code {
    width: 38px;
    height: 38px;
  }

  .v87-page-orbit .v87-orbit-arrow {
    display: none;
  }
}

@media (width <= 900px) {
  .home-hero {
    display: block !important;
    background: #f7f4ed !important;
  }

  .home-hero .hero-copy h1 {
    font-size: clamp(3.45rem, 12vw, 5rem) !important;
  }

  .v87-home-orbit {
    inset: 4%;
  }

  .v87-page-orbit {
    position: relative;
    top: auto;
    right: auto;
    width: min(92vw, 500px);
    height: min(92vw, 500px);
    margin: 18px auto 44px;
    transform: none;
  }

  .page-hero-inner {
    padding-right: 32px !important;
  }
}

@media (width <= 620px) {
  .home-hero .hero-copy {
    padding-right: 22px !important;
  }

  .home-hero .hero-copy h1 {
    font-size: clamp(3.05rem, 15vw, 4rem) !important;
  }

  .home-hero .ecosystem-visual {
    min-height: 500px !important;
  }

  .v87-home-orbit {
    inset: 4% 2%;
  }

  .v87-home-orbit .v87-orbit-pillar,
  .v87-page-orbit .v87-orbit-pillar {
    width: 132px;
    min-height: 52px;
    grid-template-columns: 30px 1fr;
    gap: 7px;
    padding: 7px 9px;
    border-radius: 12px;
  }

  .v87-home-orbit .v87-orbit-code,
  .v87-page-orbit .v87-orbit-code {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    font-size: 0.55rem;
  }

  .v87-home-orbit .v87-orbit-copy small,
  .v87-page-orbit .v87-orbit-copy small,
  .v87-home-orbit .v87-orbit-arrow,
  .v87-page-orbit .v87-orbit-arrow {
    display: none;
  }

  .v87-home-orbit .v87-orbit-copy strong,
  .v87-page-orbit .v87-orbit-copy strong {
    margin: 0;
    font-size: 0.68rem;
  }

  .v87-home-orbit .v87-orbit-center,
  .v87-page-orbit .v87-orbit-center {
    width: 88px;
    height: 88px;
    border-radius: 21px;
  }

  .v87-home-orbit .v87-orbit-center strong,
  .v87-page-orbit .v87-orbit-center strong {
    font-size: 1rem;
  }

  .v87-page-orbit {
    width: min(94vw, 390px);
    height: min(94vw, 390px);
  }

  .v87-compact-orbit {
    width: 100%;
    height: 210px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v87-orbit-pillar {
    will-change: auto;
  }
}

/* ===== /v88-home-finish.css ===== */
/* V88: homepage-only trapezium split and complete page ending. */

body.home-showroom .home-landing-cta {
  display: none !important;
}

body.home-showroom main > .consultation-cta {
  display: grid !important;
}

body.home-showroom .site-footer {
  display: block !important;
}

@media (width > 900px) {
  .home-hero {
    grid-template-columns: minmax(0, 50%) minmax(0, 50%) !important;
    background: linear-gradient(
      100deg,
      #f7f4ed 0%,
      #f7f4ed 49.85%,
      #020b1c 50.15%,
      #020b1c 100%
    ) !important;
  }

  .home-hero .ecosystem-visual {
    background: transparent !important;
  }

  .home-hero .hero-copy {
    padding-right: clamp(58px, 6vw, 112px) !important;
  }
}

@media (width <= 900px) {
  .home-hero .ecosystem-visual {
    background:
      radial-gradient(circle at 50% 50%, rgba(49, 215, 255, 0.18), transparent 32%),
      linear-gradient(135deg, rgba(2, 11, 28, 0.98), rgba(6, 26, 58, 0.96)) !important;
  }
}

/* ===== /v92-home-clock.css ===== */
/* V89: homepage proof points and live Malaysia clock. */

body.home-showroom main > section.consultation-cta:not(.home-hero):not(.home-landing-cta) {
  display: grid !important;
}

@media (width > 900px) {
  .home-hero .trust-strip {
    left: clamp(24px, 4vw, 72px) !important;
    bottom: 26px !important;
    width: min(42vw, 760px) !important;
    max-width: none !important;
    padding: 0 !important;
    gap: 10px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .home-hero .trust-strip > div {
    min-width: 0;
    min-height: 66px;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(6, 23, 53, 0.12) !important;
    border-radius: 12px;
    background: rgba(255, 254, 250, 0.96);
    box-shadow: 0 12px 30px rgba(6, 23, 53, 0.08);
  }

  .home-hero .trust-strip .trust-icon {
    flex: 0 0 auto;
    font-size: 1.35rem;
  }

  .home-hero .trust-strip strong {
    font-size: 0.8rem;
  }

  .home-hero .trust-strip p span {
    font-size: 0.62rem;
  }
}

.v87-home-orbit .v87-orbit-center {
  overflow: visible;
}

.v87-home-orbit .v87-orbit-center > span {
  gap: 1px;
}

.v89-live-clock {
  display: block;
  margin-top: 2px;
  color: #fff;
  font-family: var(--font-sora), Arial, sans-serif;
  font-size: 0.78rem;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.06em;
  line-height: 1;
}

.v92-clock-hour {
  color: #ffd84d;
  text-shadow: 0 0 8px rgba(255, 216, 77, 0.55);
}

.v92-clock-separator {
  color: rgba(255, 255, 255, 0.88);
}

.v92-clock-minute {
  color: #31d7ff;
  text-shadow: 0 0 8px rgba(49, 215, 255, 0.55);
}

.v89-clock-dot {
  position: absolute;
  z-index: 8;
  left: 50%;
  top: 50%;
  width: 9px;
  height: 9px;
  border: 2px solid rgba(2, 11, 28, 0.75);
  border-radius: 50%;
  pointer-events: none;
  will-change: transform;
}

.v89-clock-dot-hour {
  background: #ffd84d;
  box-shadow: 0 0 14px rgba(255, 216, 77, 0.95);
}

.v89-clock-dot-minute {
  background: #31d7ff;
  box-shadow: 0 0 14px rgba(49, 215, 255, 0.95);
}

@media (width <= 1180px) and (width > 900px) {
  .home-hero .trust-strip {
    width: 43vw !important;
    gap: 7px;
  }

  .home-hero .trust-strip > div {
    gap: 6px;
    padding: 8px;
  }

  .home-hero .trust-strip .trust-icon {
    display: none;
  }
}

@media (width <= 900px) {
  .home-hero .trust-strip {
    border-radius: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v89-clock-dot {
    will-change: auto;
  }
}

/* ===== /v91-cta-hierarchy.css ===== */
/* V91: quieter navigation and learn-first hero hierarchy. */
@media (min-width: 901px) {
  .nav-shell {
    grid-template-columns: minmax(180px, 260px) 1fr auto;
  }

  .desktop-nav {
    justify-content: flex-end;
  }
}

.guide-hero-copy .page-lead:last-child {
  margin-bottom: 0;
}

.hero-actions:has(> :only-child) {
  gap: 0;
}

@media (max-width: 620px) {
  .hero-actions:has(> :only-child) {
    align-items: flex-start;
  }

  .hero-actions:has(> :only-child) .button {
    width: auto;
    min-width: min(100%, 220px);
  }
}

/* ===== /v97-mobile-visibility.css ===== */
/* V97: mobile rendering safety for Android Chrome and iOS Safari.
   Content must never depend on an IntersectionObserver callback to be readable. */
@media (max-width: 979px) {
  .premium-reveal,
  .premium-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .guide-hero-visual,
  .guide-hero-visual img,
  .page-hero-inner,
  .hero-copy,
  .article-header,
  .detail-section,
  .selection-section,
  .product-card,
  .solution-card,
  .capability-card,
  .project-card,
  .insight-card {
    opacity: 1 !important;
    visibility: visible !important;
  }

  .guide-hero-visual,
  .guide-hero-visual img {
    filter: none !important;
  }
}

/* WebKit can restore a page before observer state is recalculated. */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 979px) {
    .premium-reveal {
      opacity: 1 !important;
      transform: none !important;
    }
  }
}

/* ===== /v98-mobile-hero-layering.css ===== */
/* V98: keep animated hero backgrounds behind all real hero content.
   The former mobile gradient covered guide media because the figure had no
   stacking level while the hero pseudo-elements used z-index: 0. */
.guide-hero > .guide-hero-copy,
.guide-hero > .guide-hero-visual {
  position: relative;
  z-index: 2;
}

.guide-hero > .v87-compact-orbit {
  position: relative;
  z-index: 2;
}

@media (max-width: 979px) {
  .guide-hero > .guide-hero-visual,
  .guide-hero > .guide-hero-visual img,
  .guide-hero > .guide-hero-visual figcaption {
    opacity: 1 !important;
    visibility: visible !important;
  }

  .guide-hero > .guide-hero-visual {
    isolation: isolate;
  }

  .guide-hero > .guide-hero-visual img,
  .guide-hero > .guide-hero-visual figcaption {
    position: relative;
    z-index: 1;
  }
}

/* ===== /v101-pnss-ai-mascot.css ===== */
/* V101: distinctive PNSS AI diamond mascot and restrained waiting motion. */
.ai-launcher {
  filter: drop-shadow(0 12px 18px rgba(1, 19, 46, 0.22));
  isolation: isolate;
}

.ai-robot-stage {
  animation: pnssAiWait 4.8s ease-in-out infinite !important;
  transform-origin: 50% 92% !important;
}

.ai-launcher-robot {
  animation: pnssAiLook 7.2s ease-in-out infinite !important;
  object-position: center bottom !important;
  transform-origin: 50% 61% !important;
}

.ai-robot-stage::after {
  animation: pnssAiPulse 3.6s ease-in-out infinite;
  background: radial-gradient(circle, rgba(50, 215, 255, 0.34), transparent 68%);
  border-radius: 50%;
  content: "";
  height: 40%;
  left: 23%;
  mix-blend-mode: screen;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 39%;
  width: 56%;
  z-index: 1;
}

@keyframes pnssAiWait {
  0%, 20%, 100% { transform: translateY(0); }
  45% { transform: translateY(-2px); }
  60% { transform: translateY(0); }
}

@keyframes pnssAiLook {
  0%, 28%, 68%, 100% { transform: translateX(0); }
  38% { transform: translateX(-1.4px); }
  48% { transform: translateX(1.4px); }
  56% { transform: translateX(0); }
}

@keyframes pnssAiPulse {
  0%, 35%, 100% { opacity: 0; transform: scale(0.92); }
  50% { opacity: 0.38; transform: scale(1); }
  65% { opacity: 0; transform: scale(1.04); }
}

@media (prefers-reduced-motion: reduce) {
  .ai-robot-stage,
  .ai-launcher-robot,
  .ai-robot-stage::after {
    animation: none !important;
  }
}

/* ===== /v128-global-footer.css ===== */
/* PNSS V128 — one global corporate footer across every page. */
.site-footer[data-footer-version="v128"]{
  color:#fff;
  background:#020c1e;
  padding:72px max(32px,calc((100vw - 1280px)/2 + 32px)) 28px;
}
.site-footer[data-footer-version="v128"] .footer-grid{
  display:grid;
  grid-template-columns:minmax(230px,1.25fr) minmax(190px,1fr) minmax(180px,.82fr) minmax(220px,1fr);
  align-items:start;
  gap:clamp(34px,4vw,58px);
  max-width:1280px;
  margin:0 auto;
}
.site-footer[data-footer-version="v128"] .footer-grid>div:not(.footer-brand){
  display:flex;
  flex-direction:column;
  gap:9px;
  min-width:0;
}
.site-footer[data-footer-version="v128"] .footer-brand img{
  width:220px;
  height:auto;
  filter:brightness(0) invert(1);
  opacity:.95;
}
.site-footer[data-footer-version="v128"] .footer-brand>p,
.site-footer[data-footer-version="v128"] .footer-contact p{
  color:#8fa3c0;
  max-width:310px;
  margin:22px 0;
  font-size:.8rem;
  line-height:1.75;
}
.site-footer[data-footer-version="v128"] .footer-grid h2{
  color:#8297b5;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin:4px 0 12px;
  font-size:.67rem;
  font-weight:600;
}
.site-footer[data-footer-version="v128"] .footer-grid a{
  color:#dbe5f4;
  font-size:.79rem;
  line-height:1.55;
  text-decoration:none;
}
.site-footer[data-footer-version="v128"] .footer-grid a:hover,
.site-footer[data-footer-version="v128"] .footer-grid a:focus-visible{color:#31d7ff;}
.site-footer[data-footer-version="v128"] .social-links{display:flex;gap:8px;}
.site-footer[data-footer-version="v128"] .social-links a{
  display:flex;
  width:36px;
  height:36px;
  align-items:center;
  justify-content:center;
  border:1px solid #ffffff2e;
  border-radius:50%;
  text-transform:uppercase;
  font-size:.68rem;
  font-weight:800;
}
.site-footer[data-footer-version="v128"] .footer-base{
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:1280px;
  margin:64px auto 0;
  padding-top:23px;
  border-top:1px solid #ffffff1a;
}
.site-footer[data-footer-version="v128"] .footer-base p,
.site-footer[data-footer-version="v128"] .footer-base a{
  color:#7387a4;
  margin:0;
  font-size:.68rem;
}
.site-footer[data-footer-version="v128"] .footer-base>div{display:flex;gap:24px;}

/* Context belongs above the global footer, never inside it. */
.pnss-context-prefooter{
  background:#061a38;
  color:#fff;
  border-top:1px solid #ffffff12;
  border-bottom:1px solid #ffffff12;
  padding:34px max(32px,calc((100vw - 1280px)/2 + 32px));
}
.pnss-context-prefooter__inner{
  display:grid;
  grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);
  align-items:center;
  gap:38px;
  max-width:1280px;
  margin:0 auto;
}
.pnss-context-prefooter__eyebrow{
  color:#7faeff;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin:0 0 7px;
  font-size:.65rem;
  font-weight:750;
}
.pnss-context-prefooter h2{
  color:#fff;
  margin:0;
  font-size:clamp(1.05rem,1.7vw,1.4rem);
  line-height:1.35;
}
.pnss-context-prefooter__links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}
.pnss-context-prefooter__links a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:8px 13px;
  border:1px solid #ffffff2a;
  border-radius:10px;
  color:#e7effc;
  background:#ffffff08;
  font-size:.74rem;
  font-weight:650;
  text-decoration:none;
}
.pnss-context-prefooter__links a:hover,
.pnss-context-prefooter__links a:focus-visible{border-color:#31d7ff66;background:#ffffff10;color:#fff;}
.pnss-context-prefooter__links b{color:#7faeff;font-weight:700;}

@media (max-width:960px){
  .site-footer[data-footer-version="v128"] .footer-grid{grid-template-columns:1fr 1fr;}
  .pnss-context-prefooter__inner{grid-template-columns:1fr;gap:20px;}
  .pnss-context-prefooter__links{justify-content:flex-start;}
}
@media (max-width:620px){
  .site-footer[data-footer-version="v128"]{padding:56px 22px 24px;}
  .site-footer[data-footer-version="v128"] .footer-grid{grid-template-columns:1fr;gap:38px;}
  .site-footer[data-footer-version="v128"] .footer-base{flex-direction:column;align-items:flex-start;gap:15px;margin-top:46px;}
  .site-footer[data-footer-version="v128"] .footer-base>div{flex-wrap:wrap;gap:14px 20px;}
  .pnss-context-prefooter{padding:28px 22px;}
  .pnss-context-prefooter__links{display:grid;grid-template-columns:1fr;}
  .pnss-context-prefooter__links a{justify-content:space-between;}
}

/* ===== /v135-qa-accessibility.css ===== */
/* PNSS V135 — full-site technical QA, mobile containment and accessibility */
html,body{max-width:100%;overflow-x:clip}
.v135-skip-link{position:fixed;top:10px;left:10px;z-index:10000;transform:translateY(-180%);padding:11px 15px;border-radius:10px;background:#fff;color:#071a3d;font-weight:800;box-shadow:0 8px 28px rgba(0,0,0,.22);text-decoration:none}
.v135-skip-link:focus{transform:translateY(0);outline:3px solid #31d7ff;outline-offset:3px}
.v135-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.article-body,.v132-table-wrap,.pl-shell,.pl-hero>*{min-width:0}
.v132-table-wrap,.pl-table-wrap{max-width:100%;min-width:0;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.v132-table-wrap:focus-visible,.pl-table-wrap:focus-visible{outline:3px solid #1267f3;outline-offset:3px}
.pl-gallery,.pl-gallery-stage,.pl-gallery-thumbs,.pl-metrics,.pl-metric,.pl-model-card,.pl-feature-card,.pl-series-card,.pl-category-card,.pl-model-card-media,.pl-model-card-specs{min-width:0;max-width:100%}
.pl-gallery-stage img,.pl-model-card-media img{min-width:0}
.pl-model-card-specs{flex-wrap:wrap}
.pl-compare th[scope=row]{font-weight:750;color:#2c3b52;width:28%;background:#fff;text-align:left}
@media(max-width:600px){
  .pl-gallery{width:100%}
  .pl-gallery-stage{width:100%;max-width:100%}
  .pl-metric strong,.pl-metric span{overflow-wrap:anywhere}
  .pl-model-code strong,.pl-lead,.pl-gallery-note{overflow-wrap:anywhere}
}

/* ===== /v145-global-navigation-hubs.css ===== */
/* PNSS V145 — global navigation, breadcrumbs and hub workflow standardisation. */
.site-header[data-nav-version="v145"] .desktop-nav{justify-content:flex-end;gap:clamp(14px,1.55vw,26px)}
.site-header[data-nav-version="v145"] .desktop-nav a{font-size:.86rem}
.site-header[data-nav-version="v145"] .desktop-nav a[aria-current]::after{transform:scaleX(1)}
.site-header[data-nav-version="v145"] .desktop-nav a[aria-current]{color:var(--blue,#1267f3)}
.site-header[data-nav-version="v145"] .header-cta[aria-current="page"]{box-shadow:0 0 0 3px rgba(49,215,255,.28)}
.site-header[data-nav-version="v145"] .mobile-menu nav a[aria-current]{background:rgba(18,103,243,.08);color:var(--blue,#1267f3)}
.site-header[data-nav-version="v145"] .mobile-menu nav .mobile-contact[aria-current]{background:var(--blue,#1267f3);color:#fff}
@media (max-width:1220px) and (min-width:901px){.site-header[data-nav-version="v145"] .nav-shell{grid-template-columns:minmax(175px,220px) 1fr auto;gap:18px;padding-inline:24px}.site-header[data-nav-version="v145"] .desktop-nav{gap:13px}.site-header[data-nav-version="v145"] .desktop-nav a{font-size:.76rem}.site-header[data-nav-version="v145"] .header-cta{padding-inline:13px;font-size:.76rem}}

.pnss-breadcrumbs{background:rgba(255,255,255,.72);border-bottom:1px solid rgba(7,26,61,.08)}
.pnss-breadcrumbs-inner{display:flex;align-items:center;gap:8px;max-width:1280px;min-height:42px;margin:0 auto;padding:8px 32px;color:#5c7089;font-size:.72rem;line-height:1.35;overflow-x:auto;scrollbar-width:none}
.pnss-breadcrumbs-inner::-webkit-scrollbar{display:none}
.pnss-breadcrumbs a{color:#315d91;white-space:nowrap;text-decoration:none}
.pnss-breadcrumbs a:hover,.pnss-breadcrumbs a:focus-visible{color:#1267f3}
.pnss-breadcrumbs [aria-current="page"]{color:#071a3d;font-weight:700;white-space:nowrap}
.pnss-breadcrumb-sep{color:#93a2b5;flex:0 0 auto}
.pnss-breadcrumbs + main .home-link[href="/"]{display:none}

.v145-workflow{padding:34px 0 38px;background:#fff;border-bottom:1px solid rgba(7,26,61,.08)}
.v145-workflow-inner{max-width:1180px;margin:0 auto;padding:0 24px}
.v145-workflow-eyebrow{margin:0 0 7px;color:#2b68b8;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.v145-workflow h2{margin:0;color:#071a3d;font-family:var(--font-sora,"Sora",sans-serif);font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.2}
.v145-workflow-lead{max-width:850px;margin:10px 0 0;color:#526981;font-size:.9rem;line-height:1.65}
.v145-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.v145-workflow-card{position:relative;display:flex;flex-direction:column;min-height:168px;padding:17px 17px 16px;border:1px solid rgba(7,26,61,.11);border-radius:16px;background:#f8faff;color:#071a3d;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.v145-workflow-card:hover,.v145-workflow-card:focus-visible{transform:translateY(-2px);border-color:rgba(18,103,243,.34);box-shadow:0 12px 26px rgba(12,44,85,.08)}
.v145-workflow-card--active{background:linear-gradient(145deg,#071a3d,#0b3268);border-color:#0b3268;color:#fff;box-shadow:0 14px 30px rgba(7,26,61,.14)}
.v145-step{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:rgba(18,103,243,.1);color:#1267f3;font-size:.68rem;font-weight:800}
.v145-workflow-card--active .v145-step{background:rgba(255,255,255,.12);color:#7fdfff}
.v145-workflow-card small{margin-top:14px;color:#627993;font-size:.64rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.v145-workflow-card--active small{color:#8fb6e8}
.v145-workflow-card strong{margin-top:4px;font-family:var(--font-sora,"Sora",sans-serif);font-size:.98rem;line-height:1.3}
.v145-workflow-card p{margin:8px 0 0;color:#5a718b;font-size:.78rem;line-height:1.5}
.v145-workflow-card--active p{color:#c5d5ea}

.site-footer[data-footer-structure="v145"] .footer-solutions a,.site-footer[data-footer-structure="v145"] .footer-explore a{max-width:260px}

@media(max-width:900px){.v145-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pnss-breadcrumbs-inner{padding-inline:18px;min-height:40px}.v145-workflow{padding:28px 0 32px}.v145-workflow-inner{padding:0 18px}.v145-workflow-grid{grid-template-columns:1fr}.v145-workflow-card{min-height:0}.site-header[data-nav-version="v145"] .brand-link{width:166px}}

/* ===== /v154r1-header-layout.css ===== */
/* PNSS V154R1 — definitive responsive header layout fix.
   New filename intentionally busts caches from earlier header CSS. */
.site-header[data-nav-version="v145"] .nav-shell{
  grid-template-columns:minmax(180px,220px) minmax(0,1fr) auto !important;
  align-items:center !important;
}
.site-header[data-nav-version="v145"] .desktop-nav{
  min-width:0;
}
.site-header[data-nav-version="v145"] .header-cta{
  grid-column:3 !important;
  grid-row:1 !important;
  justify-self:end;
}
@media (min-width:1101px){
  .site-header[data-nav-version="v145"] .desktop-nav{display:flex !important;}
  .site-header[data-nav-version="v145"] .header-cta{display:inline-flex !important;}
  .site-header[data-nav-version="v145"] .mobile-menu{display:none !important;}
}
@media (max-width:1100px){
  .site-header[data-nav-version="v145"] .nav-shell{
    grid-template-columns:1fr auto !important;
    min-height:72px;
  }
  .site-header[data-nav-version="v145"] .desktop-nav,
  .site-header[data-nav-version="v145"] .header-cta{
    display:none !important;
  }
  .site-header[data-nav-version="v145"] .mobile-menu{
    display:block !important;
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:end;
  }
}
@media (max-width:760px){
  .site-header[data-nav-version="v145"] .nav-shell{min-height:64px;}
}