.gcp-shell{--ink:#302b25;--paper:#faf7ef;--sand:#e8dccb;--line:#d9cab8;--copper:#c17139;--muted:#71665b;--charcoal:#2c2925;--cream:#fffdf8;background:#fffaf3}.gcp-shell .page{background:var(--paper)}.gcp-shell .page *{box-sizing:border-box}.gcp-shell .page{color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang HK,Noto Sans TC,sans-serif}.gcp-shell .wrap{width:min(1240px,100%);margin:auto;padding:clamp(24px,5vw,72px)}.gcp-shell .page h1,.gcp-shell .page h2,.gcp-shell .page h3,.gcp-shell .page p{margin:0}.gcp-shell .page h1,.gcp-shell .page h2,.gcp-shell .page h3{font-family:Georgia,Times New Roman,Noto Sans TC,sans-serif;font-weight:500;letter-spacing:-.06em}.gcp-shell .eyebrow{display:flex;align-items:center;gap:9px;color:#a75d31;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.gcp-shell .eyebrow:before{width:28px;height:1px;background:var(--copper);content:""}.gcp-shell .accent{color:var(--copper)}.gcp-shell .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,7vw,96px);align-items:center}.gcp-shell .hero h1{max-width:730px;font-size:clamp(48px,6.6vw,91px);line-height:.9}.gcp-shell .hero p{max-width:590px;margin-top:24px;color:var(--muted);font-size:clamp(14px,1.4vw,17px);line-height:1.9}.gcp-shell .product-stage{display:grid;min-height:330px;place-items:center;padding:30px;border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#fffefb 0,#f4eadb 57%,#e4d4c1)}.gcp-shell .product-stage img{width:min(100%,250px);height:290px;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply}.gcp-shell .facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(48px,7vw,88px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gcp-shell .fact{min-height:150px;padding:25px 22px;border-right:1px solid var(--line)}.gcp-shell .fact:last-child{border-right:0}.gcp-shell .fact span{display:block;color:#a65e34;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.gcp-shell .fact h3{margin-top:12px;font-size:clamp(21px,2.3vw,31px);line-height:1.03}.gcp-shell .fact p{margin-top:11px;color:var(--muted);font-size:12px;line-height:1.8}.gcp-shell .notice{margin-top:clamp(36px,5vw,58px);padding-top:16px;border-top:1px solid var(--line);color:#786c60;font-size:10px;line-height:1.8}.gcp-shell .notice strong{font-weight:700}.gcp-shell .video-intro{padding:0 0 clamp(42px,6vw,78px);border-bottom:1px solid var(--line)}.gcp-shell .video-intro-head{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:end;padding:0 0 22px}.gcp-shell .video-intro-head h2{margin-top:13px;font-size:clamp(39px,5.2vw,70px);line-height:.92}.gcp-shell .video-intro-head p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.8}.gcp-shell .principle-youtube-frame{position:relative;width:100%;aspect-ratio:16/9;background:#181512;overflow:hidden}.gcp-shell .principle-youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.gcp-shell .principle-video-loading{position:absolute;z-index:2;inset:0;display:grid;place-content:center;gap:12px;background:#181512;color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;transition:opacity .22s ease-out,visibility .22s ease-out}.gcp-shell .principle-video-loading span{width:28px;height:28px;margin:auto;border:2px solid rgba(255,255,255,.28);border-top-color:#f0bd91;border-radius:50%}.gcp-shell .principle-youtube-frame.is-ready .principle-video-loading{opacity:0;visibility:hidden}.gcp-shell .secondary-video{margin-top:clamp(48px,7vw,92px);padding-top:clamp(30px,5vw,54px);border-top:1px solid var(--line)}.gcp-shell .secondary-video .video-intro-head{padding-bottom:22px}@media (max-width: 780px){.gcp-shell .hero{grid-template-columns:1fr}.gcp-shell .product-stage{order:-1;min-height:250px}.gcp-shell .product-stage img{height:230px}.gcp-shell .facts{grid-template-columns:1fr}.gcp-shell .fact{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.gcp-shell .fact:last-child{border-bottom:0}}@media (max-width: 540px){.gcp-shell .wrap{padding:38px 16px}.gcp-shell .hero h1{font-size:49px}.gcp-shell .video-intro-head{display:block}.gcp-shell .video-intro-head p{margin-top:16px}}