/* The approved identity leads the homepage; the Shop scene belongs to its case study. */
.hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-areas:"copy logo";align-items:center;gap:52px;padding:48px 0 58px}
.hero .hero-copy{display:block;grid-area:copy;min-width:0}
.hero .gai-brand-logo{grid-area:logo;position:relative;isolation:isolate;width:100%;max-width:480px;justify-self:center;margin:0;text-align:center}
.hero .gai-brand-logo::before{content:"";position:absolute;inset:7% -6% 10%;z-index:-1;background:radial-gradient(ellipse at 35% 40%,#3866a831,transparent 67%),radial-gradient(ellipse at 70% 65%,#9360ac2b,transparent 70%);filter:blur(18px);pointer-events:none}
.hero .gai-brand-logo #approved-logo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-width:none;border:0;border-radius:0;padding:0;mix-blend-mode:screen;filter:drop-shadow(0 10px 25px #07132b44);transform:none;opacity:1}
.hero .gai-brand-logo figcaption{display:block;font-size:13px;font-weight:550;line-height:1.6;letter-spacing:.055em;color:#e4d3b5;margin:18px 0 0;padding:0;text-transform:none}
.hero .hero-copy h1{font-size:clamp(42px,4.5vw,62px);line-height:1.08;max-width:16ch;margin:22px 0 0}
.hero .hero-copy>.eyebrow{font-size:11px;line-height:1.65}
.hero .hero-lead{font-size:17px;line-height:1.75;margin:24px 0;max-width:53ch}
.hero .hero-slogan{font-size:12px;line-height:1.7;margin-top:22px;max-width:58ch}
#hardware-software .gai-shop-case{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"copy scene";gap:40px;align-items:center;padding:0 0 32px;margin-bottom:30px;border-bottom:1px solid #cab7dd35}
#hardware-software .gsc-copy{grid-area:copy;min-width:0}
#hardware-software .gsc-copy h2{font-size:clamp(29px,3.1vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.035em;color:#f9f3e8;margin:14px 0 20px;max-width:21ch}
#hardware-software .gsc-copy>p:not(.eyebrow):not(.gsc-notice){font-size:16px;line-height:1.8;color:#d1ccdd;margin:0 0 24px;max-width:48ch}
#hardware-software .gsc-copy>.btn{min-height:48px;font-size:15px}
#hardware-software .gsc-notice{font-size:12px;line-height:1.65;color:#c4bbce;margin:18px 0 0;max-width:46ch}
#hardware-software .gsc-scene{grid-area:scene;display:block;position:relative;width:100%;min-width:0;max-width:none;margin:0;mix-blend-mode:normal;transform:none}
#hardware-software .gsc-scene .hs-screen{border-radius:20px;padding:8px 8px 0;box-shadow:0 24px 60px #050b263d,inset 0 1px 0 #fff2}
#hardware-software .gsc-scene .gai-hs-viewport{aspect-ratio:1672/941}
#hardware-software .gsc-scene .gai-hs-panorama{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
#hardware-software .gsc-scene figcaption{font-size:11px;line-height:1.5;margin:13px 0 0;padding:0;text-align:center;color:#c1b8cc;letter-spacing:0;text-transform:none}
#hardware-software .gsc-scene .hs-screen-bar{min-height:54px;font-size:13px}
#hardware-software .gsc-scene [data-hs-pause]{min-height:44px;min-width:44px;padding:8px 10px}
#hardware-software .gsc-scene .hs-screen-bar>a{min-height:44px;display:inline-flex;align-items:center}
#hardware-software .gsc-scene figcaption::before,#hardware-software .gsc-scene figcaption::after{display:none}
#hardware-software .gsc-offer-title{font-size:22px;line-height:1.35;color:#f3e8d4;font-weight:600;margin:0 0 22px}
@media(max-width:1000px){
 .hero .hero-grid{gap:30px}.hero .hero-copy h1{font-size:44px}
 #hardware-software .gai-shop-case{gap:25px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 #hardware-software .gsc-copy h2{font-size:31px}
}
@media(max-width:850px){
 .hero .hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"logo" "copy";gap:24px;padding:25px 0 42px}
 .hero .hero-copy{display:block;grid-area:copy}
 .hero .gai-brand-logo{grid-area:logo;width:min(280px,78vw);max-width:280px;justify-self:center}
 .hero .gai-brand-logo figcaption{font-size:11px;letter-spacing:.03em;margin-top:5px}
 .hero .hero-copy>.eyebrow{margin-top:20px;font-size:10px}
 .hero .hero-copy h1{font-size:clamp(36px,7.5vw,51px);max-width:21ch;margin:16px 0 0}
 .hero .hero-lead{font-size:16px;max-width:none;margin:20px 0}
 .hero .hero-slogan{font-size:12px;max-width:none;margin-top:20px}
 .hero .jk-hero-partner{margin-top:0}
 #hardware-software .gai-shop-case{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "scene";gap:25px}
 #hardware-software .gsc-copy h2{font-size:34px;max-width:25ch;margin:12px 0 17px}
 #hardware-software .gsc-copy>p:not(.eyebrow):not(.gsc-notice){max-width:none}
}
@media(max-width:500px){
 .hero .gai-brand-logo{width:240px;max-width:78vw}
 .hero .hero-copy h1{font-size:38px;letter-spacing:-.04em}
 .hero .hero-grid{gap:22px}
 #hardware-software .gsc-copy h2{font-size:30px}
 #hardware-software .gsc-scene .hs-screen{padding:5px 5px 0;border-radius:14px}
 #hardware-software .gsc-scene .hs-screen-bar{gap:8px;font-size:11px;padding:6px}
 #hardware-software .gsc-scene .gai-hs-address{font-size:8px}
 #hardware-software .gsc-scene figcaption{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .gsc-scene .hs-screen{transform:none!important;transition:none!important}
}
.motion-off .gsc-scene .hs-screen{transform:none!important;transition:none!important}