/* Unitree G1 product detail — scoped editorial design from approved Figma PC1440/SP390.
   Shared header/footer are owned by includes + shared-layout.css; do not style them here. */
.g1-page{--g1-ink:#333;--g1-muted:#657580;--g1-blue:#009bd2;--g1-deep:#007eaf;--g1-line:#e4eaee;--g1-soft:#f8fbfd;color:var(--g1-ink);font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;background:#fff;overflow:clip}
.g1-page *, .g1-page *::before,.g1-page *::after{box-sizing:border-box}
.g1-page a{transition:color .2s ease,background .2s ease,opacity .2s ease,border-color .2s ease}
.g1-page a:focus-visible,.g1-page summary:focus-visible{outline:3px solid #ffbd30;outline-offset:4px}
.g1-page img{max-width:100%;display:block}
.g1-page h1,.g1-page h2,.g1-page h3,.g1-page p{margin:0}
.g1-page h1,.g1-page h2,.g1-page h3{color:#333;letter-spacing:.008em;font-weight:800}
.g1-shell{width:min(1200px,calc(100% - 44px));margin-inline:auto}
.g1-kicker{font-size:14px;font-weight:800;letter-spacing:.1em;color:var(--g1-blue);line-height:1.6}
.g1-fine{font-size:12px;line-height:1.75;color:#707b83}
.g1-fine a{color:var(--g1-deep);text-underline-offset:3px}
.g1-hero{background:#fff;padding:28px 0 52px}
.g1-breadcrumb{font-size:12px;color:#87939c;padding:0 0 26px}
.g1-breadcrumb a{color:#657580;text-decoration:none}
.g1-hero-grid{display:grid;grid-template-columns:minmax(0,565px) minmax(0,575px);column-gap:60px;align-items:center}
.g1-hero-media{min-width:0}
.g1-hero-image{height:570px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.g1-hero-image img{height:100%;width:100%;object-fit:contain;object-position:center}
.g1-image-caption{font-size:11px;color:#8998a2;line-height:1.5;padding:9px 5px}
.g1-hero-copy{padding:12px 0 0}
.g1-hero-copy h1{font-size:44px;line-height:1.26;padding-top:25px}
.g1-hero-lead{font-size:31px;line-height:1.48;font-weight:800;letter-spacing:.012em;margin-top:18px!important}
.g1-hero-description{font-size:15px;line-height:1.94;color:#586b78;margin-top:30px!important}
.g1-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:36px 0 32px}
.g1-button{min-height:53px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:14px 24px;border-radius:2px;font-size:14px;font-weight:800;line-height:1.4;white-space:nowrap}
.g1-button.primary{color:#fff;background:#009bd2}
.g1-button.primary:hover{background:#007aa7}
.g1-button.secondary{color:#333;background:#fff;border:1px solid #d6e3e9}
.g1-button.secondary:hover{background:#f3fafc;color:#087ba7}
.g1-button span{font-size:17px;font-weight:500}
.g1-key-numbers{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--g1-line);border-bottom:1px solid var(--g1-line);margin:0 0 18px;padding:17px 0}
.g1-key-numbers div+div{border-left:1px solid #e9edf0;padding-left:18px}
.g1-key-numbers dt{font-size:11px;color:#798691;line-height:1.6}
.g1-key-numbers dd{font-size:21px;font-weight:800;line-height:1.5;margin:4px 0 0;color:#333}
.g1-anchor-nav{background:#fff;border-top:1px solid var(--g1-line);border-bottom:1px solid var(--g1-line);position:sticky;top:73px;z-index:20;box-shadow:0 2px 5px rgba(11,41,61,.025)}
.g1-anchor-nav .g1-shell{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;overflow-x:auto;scrollbar-width:none}
.g1-anchor-nav .g1-shell::-webkit-scrollbar{display:none}
.g1-anchor-nav a{font-size:13px;font-weight:800;color:#3b4c58;text-decoration:none;white-space:nowrap;padding:22px 14px 20px;border-bottom:2px solid transparent}
.g1-anchor-nav a:hover,.g1-anchor-nav a:focus-visible{color:var(--g1-blue);border-bottom-color:var(--g1-blue)}
.g1-page [id]{scroll-margin-top:150px}
.g1-section{padding:88px 0 94px;background:#fff}
.g1-heading{margin-bottom:46px}
.g1-heading h2{font-size:30px;line-height:1.48;margin-top:14px}
.g1-heading .g1-intro{max-width:900px;font-size:15px;line-height:1.85;color:#677986;margin-top:17px}
.g1-capabilities{padding-top:100px}
.g1-feature{display:grid;grid-template-columns:minmax(0,550px) minmax(0,550px);column-gap:100px;align-items:center;border-top:1px solid var(--g1-line);min-height:380px;padding:34px 0}
.g1-feature:nth-of-type(2){direction:rtl}
.g1-feature:nth-of-type(2)>*{direction:ltr}
.g1-feature-image{display:flex;align-items:center;justify-content:center;height:312px;background:#f7f8fa;overflow:hidden}
.g1-feature-image img{height:100%;width:100%;object-fit:contain}
.g1-feature-copy h3{font-size:25px;line-height:1.52;margin:20px 0 22px}
.g1-feature-copy>p:not(.g1-kicker):not(.g1-fine){font-size:15px;line-height:1.93;color:#5e6d7a}
.g1-feature-copy .g1-fine{margin-top:18px}
.g1-detail-gallery{background:#fff;padding-top:68px}
.g1-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 35px}
.g1-detail-item{border:1px solid #e6eaec;background:#fff;padding:14px 14px 23px;min-width:0}
.g1-detail-image{height:232px;background:#f7f8fa;display:flex;justify-content:center;align-items:center;overflow:hidden}
.g1-detail-image img{width:100%;height:100%;object-fit:contain}
.g1-detail-item h3{font-size:17px;line-height:1.5;margin:19px 3px 9px}
.g1-detail-item p{font-size:13px;line-height:1.6;color:#637987;margin:0 3px}
.g1-detail-gallery>.g1-shell>.g1-fine{margin-top:21px}
.g1-application-media{display:grid;grid-template-columns:minmax(0,568px) minmax(0,560px);gap:72px;align-items:center}
.g1-application-media img{width:100%;height:368px;object-fit:cover;object-position:center}
.g1-application-media h3{font-size:27px;line-height:1.5;margin:17px 0 23px}
.g1-application-media p:not(.g1-kicker){font-size:15px;color:#647582;line-height:1.85}
.g1-use-list{margin-top:55px;border-top:1px solid var(--g1-line)}
.g1-use-list article{display:grid;grid-template-columns:72px 1fr;padding:26px 0;gap:20px;border-bottom:1px solid var(--g1-line)}
.g1-use-list article>span{font-size:17px;color:var(--g1-blue);font-weight:800}
.g1-use-list h3{font-size:20px;margin-bottom:10px}
.g1-use-list p{font-size:15px;line-height:1.75;color:#566974}
.g1-use-list small{display:block;font-size:13px;color:#85909a;line-height:1.7;margin-top:8px}
.g1-models{background:#fff}
.g1-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.g1-model-grid article{padding:34px 0;border-top:3px solid var(--g1-line);border-bottom:1px solid var(--g1-line)}
.g1-model-grid article:last-child{border-top-color:#009bd2}
.g1-model-grid h3{font-size:24px;line-height:1.4;margin:14px 0 25px}
.g1-model-grid p:not(.g1-kicker){font-size:15px;color:#6b7c86;line-height:1.83;min-height:87px}
.g1-model-grid strong{font-size:16px;color:#0a84b2;display:block;margin:20px 0 9px}
.g1-model-grid article:first-child strong{color:#aa6548}
.g1-specifications{background:#fff}
.g1-table-wrap{width:100%;overflow:auto;border-top:2px solid var(--g1-blue)}
.g1-spec-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6;table-layout:fixed}
.g1-spec-table caption{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}
.g1-spec-table th,.g1-spec-table td{padding:16px 19px;text-align:left;vertical-align:middle;border-bottom:1px solid #e6ecef;overflow-wrap:anywhere}
.g1-spec-table th:first-child{width:34%}
.g1-spec-table th:not(:first-child),.g1-spec-table td{width:33%}
.g1-spec-table thead th{background:#fff;color:#233849;font-size:15px;font-weight:800}
.g1-spec-table tbody th{font-size:13.5px;font-weight:750;color:#394f5c}
.g1-spec-table tbody td{color:#586e7a}
.g1-spec-table .g1-spec-group th{color:var(--g1-blue);font-size:14px;font-weight:800;border-left:3px solid var(--g1-blue);background:#f8fbfd;padding:15px 17px}
.g1-spec-note{border-left:3px solid #009bd2;padding:15px 20px;background:#f7fbfd;margin-top:30px!important}
.g1-specifications>.g1-shell>.g1-fine:last-child{margin-top:16px}
.g1-architecture{background:#fff}
.g1-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.g1-flow{border:1px solid #e5ebef;border-top:3px solid var(--g1-blue);padding:31px 34px 30px;background:#fff}
.g1-flow-2{border-top-color:#187c69}
.g1-flow h3{font-size:23px;line-height:1.47;margin:17px 0 14px}
.g1-flow>p:not(.g1-kicker):not(.g1-flow-outcome){font-size:14px;line-height:1.77;color:#697782}
.g1-flow ol{list-style:none;counter-reset:flow;display:grid;gap:0;padding:0;margin:25px 0 20px}
.g1-flow li{counter-increment:flow;font-size:15px;color:#3d5160;padding:21px 0 21px 54px;border-top:1px solid var(--g1-line);position:relative;line-height:1.5;font-weight:700}
.g1-flow li::before{content:counter(flow,decimal-leading-zero);width:30px;height:30px;border-radius:50%;background:#eaf7fc;position:absolute;left:0;top:17px;display:flex;align-items:center;justify-content:center;color:#008bbd;font-weight:800;font-size:12px}
.g1-flow-2 li::before{color:#12745b;background:#edf7f2}
.g1-flow-outcome{font-size:14px;line-height:1.67;color:var(--g1-deep);font-weight:800;border-top:1px solid var(--g1-line);padding-top:19px;margin-top:6px!important}
.g1-scope{border-left:3px solid var(--g1-blue);margin-top:43px;padding:4px 0 5px 20px}
.g1-scope strong{font-size:18px}
.g1-scope p{font-size:14px;color:#5f7582;line-height:1.85;margin:12px 0 11px}
.g1-scope a,.g1-text-link{font-size:14px;color:var(--g1-deep);font-weight:800;text-underline-offset:3px;text-decoration:none}
.g1-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 55px}
.g1-check-grid article{display:grid;grid-template-columns:50px 1fr;padding:23px 0;border-top:1px solid var(--g1-line)}
.g1-check-grid span{font-size:15px;color:var(--g1-blue);font-weight:800}
.g1-check-grid h3{font-size:18px;margin-bottom:13px;line-height:1.5}
.g1-check-grid p{font-size:14px;color:#72818a;line-height:1.8}
.g1-support{background:#f8fbfc}
.g1-support-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:33px}
.g1-support-steps>div{border-top:1px solid #cfdce2;padding-top:29px;min-height:130px}
.g1-support-steps span{display:block;color:var(--g1-blue);font-size:19px;font-weight:900;margin-bottom:22px}
.g1-support-steps strong{font-size:16px;line-height:1.55;display:block;color:#354b57}
.g1-faq-list{border-top:1px solid var(--g1-line)}
.g1-faq-list details{border-bottom:1px solid var(--g1-line);padding:17px 0}
.g1-faq-list summary{cursor:pointer;list-style:none;font-size:16px;font-weight:750;line-height:1.65;color:#334b58;position:relative;padding:10px 50px 10px 5px}
.g1-faq-list summary::-webkit-details-marker{display:none}
.g1-faq-list summary::after{content:"+";position:absolute;right:12px;top:4px;font-size:26px;font-weight:400;color:var(--g1-blue)}
.g1-faq-list details[open] summary::after{content:"−"}
.g1-faq-list details p{font-size:14px;line-height:1.8;color:#667987;padding:5px 60px 13px 5px}
.g1-related{background:#fff}
.g1-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 45px}
.g1-related-item{display:grid;grid-template-columns:1fr 35px;gap:5px;border-top:1px solid #e0e8ed;padding:22px 4px 26px;text-decoration:none}
.g1-related-item span{font-size:17px;font-weight:850;color:#33424d}
.g1-related-item small{display:block;color:#657682;font-size:13px;grid-column:1;line-height:1.6}
.g1-related-item strong{font-size:22px;color:#009bd2;grid-column:2;grid-row:1/3;align-self:center;text-align:right}
.g1-related>.g1-shell>.g1-text-link{display:inline-block;margin-top:29px}
.g1-final-cta{background:linear-gradient(115deg,#068bc1 0%,#039fca 45%,#0f80b4 100%);position:relative;isolation:isolate}
.g1-final-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(140deg,transparent 45%,rgba(255,255,255,.06) 45%,transparent 65%);pointer-events:none;z-index:-1}
.g1-final-cta h2{font-size:31px;color:#fff;margin:17px 0 22px}
.g1-final-cta>.g1-shell>p:not(.g1-kicker){font-size:15px;color:#e9f8ff;line-height:1.83;max-width:870px}
.g1-final-cta .g1-kicker{color:#e4faff}
.g1-cta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:44px}
.g1-cta-card{display:flex;flex-direction:column;background:#fff;min-width:0;border-radius:4px;padding:16px;text-decoration:none;color:#334454;box-shadow:0 1px 5px rgba(20,54,67,.035)}
.g1-cta-photo{display:block;height:175px;overflow:hidden;background:#f5f7f9}
.g1-cta-photo img{width:100%;height:100%;object-fit:contain}
.g1-cta-number{font-size:11px;letter-spacing:.09em;color:#009bd2;font-weight:850;margin-top:23px}
.g1-cta-card strong{color:#333;font-size:18px;margin-top:8px}
.g1-cta-card small{font-size:13px;color:#657680;line-height:1.73;margin-top:12px;flex:1}
.g1-cta-card em{font-style:normal;font-size:13px;font-weight:800;color:#087eae;border-top:1px solid #e2e8ec;padding-top:15px;margin-top:25px}
.g1-cta-card:hover{transform:translateY(-2px)}
@media(max-width:1100px){
.g1-hero-grid{grid-template-columns:minmax(0,48%) minmax(0,52%);gap:26px}
.g1-hero-image{height:480px}.g1-hero-copy h1{font-size:40px}.g1-hero-lead{font-size:29px}
.g1-feature{grid-template-columns:1fr 1fr;gap:50px}
.g1-feature-image{height:285px}
.g1-application-media{gap:38px}
.g1-detail-grid{gap:17px}
}
@media(max-width:780px){
.g1-page [id]{scroll-margin-top:130px}
.g1-shell{width:calc(100% - 44px)}
.g1-hero{padding:18px 0 32px}
.g1-breadcrumb{font-size:11px;padding-bottom:13px}
.g1-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:16px}
.g1-hero-image{height:380px;max-width:450px;margin:auto}
.g1-image-caption{text-align:center;font-size:10px}
.g1-hero-copy{padding:16px 0 10px}
.g1-hero-copy h1{font-size:32px;padding-top:10px}
.g1-hero-lead{font-size:28px;margin-top:9px!important}
.g1-hero-description{font-size:14px;margin-top:19px!important;line-height:1.77}
.g1-hero-description br{display:none}
.g1-hero-ctas{display:grid;gap:10px;margin:25px 0}
.g1-button{width:100%;white-space:normal;min-height:52px;font-size:14px}
.g1-key-numbers dd{font-size:16px}
.g1-anchor-nav{top:61px}
.g1-anchor-nav .g1-shell{min-height:56px;gap:6px}
.g1-anchor-nav a{font-size:12px;padding:17px 12px}
.g1-section{padding:60px 0 64px}
.g1-heading{margin-bottom:28px}
.g1-heading h2{font-size:24px;line-height:1.53}
.g1-heading .g1-intro{font-size:13px;line-height:1.83}
.g1-kicker{font-size:12px}
.g1-feature{grid-template-columns:1fr;gap:20px;min-height:0;padding:30px 0 40px}
.g1-feature:nth-of-type(2){direction:ltr}
.g1-feature-image{height:320px}
.g1-feature-copy h3{font-size:22px;margin:12px 0 16px}
.g1-feature-copy>p:not(.g1-kicker):not(.g1-fine){font-size:14px;line-height:1.84}
.g1-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.g1-detail-item{padding:9px 9px 15px}
.g1-detail-image{height:151px}
.g1-detail-item h3{font-size:13.5px;margin:11px 2px 8px}
.g1-detail-item p{font-size:11px;margin:0 2px}
.g1-application-media{grid-template-columns:1fr;gap:20px}
.g1-application-media img{height:auto;max-height:280px;object-fit:contain}
.g1-application-media h3{font-size:22px;margin:12px 0}
.g1-application-media p:not(.g1-kicker){font-size:14px}
.g1-use-list{margin-top:33px}
.g1-use-list article{grid-template-columns:39px 1fr;gap:13px;padding:23px 0}
.g1-use-list h3{font-size:17px}
.g1-use-list p{font-size:13px}
.g1-use-list small{font-size:11px}
.g1-model-grid{grid-template-columns:1fr;gap:25px}
.g1-model-grid article{padding:22px 0}
.g1-model-grid h3{font-size:22px}
.g1-model-grid p:not(.g1-kicker){min-height:0;font-size:13.5px}
.g1-model-grid strong{font-size:14px}
.g1-spec-table thead{display:none}
.g1-table-wrap{border:0}
.g1-spec-table{display:block;width:100%}
.g1-spec-table tbody{display:block}
.g1-spec-table tr{display:grid;grid-template-columns:1fr 1fr}
.g1-spec-table tr.g1-spec-group{display:block;padding-top:8px}
.g1-spec-table .g1-spec-group th{display:block;width:100%;font-size:13px;padding:14px 12px}
.g1-spec-table tbody tr:not(.g1-spec-group){border-bottom:1px solid #e4eaee}
.g1-spec-table tbody tr:not(.g1-spec-group) th{grid-column:1/-1;width:100%;padding:12px 9px 6px;background:#f9fbfc;color:#2d4350;border:0;font-size:13px}
.g1-spec-table tbody tr:not(.g1-spec-group) td{display:block;width:100%;min-width:0;font-size:12.5px;line-height:1.62;padding:7px 9px 14px;color:#647582;border:0}
.g1-spec-table tbody tr:not(.g1-spec-group) td:nth-child(2){border-right:1px solid #e4eaee}
.g1-spec-table tbody tr:not(.g1-spec-group) td:nth-child(2)::before,.g1-spec-table tbody tr:not(.g1-spec-group) td:nth-child(3)::before{display:block;font-size:10px;font-weight:850;color:#008cbd;margin-bottom:7px}
.g1-spec-table tbody tr:not(.g1-spec-group) td:nth-child(2)::before{content:"G1"}
.g1-spec-table tbody tr:not(.g1-spec-group) td:nth-child(3)::before{content:"G1 EDU"}
.g1-flow-grid{grid-template-columns:1fr;gap:25px}
.g1-flow{padding:22px 18px}
.g1-flow h3{font-size:20px}
.g1-flow li{font-size:13px}
.g1-scope strong{font-size:16px}
.g1-scope p{font-size:13px}
.g1-check-grid{grid-template-columns:1fr;gap:0}
.g1-check-grid article{grid-template-columns:42px 1fr;padding:19px 0}
.g1-check-grid h3{font-size:16px}
.g1-check-grid p{font-size:13px}
.g1-support-steps{grid-template-columns:1fr;gap:0}
.g1-support-steps>div{min-height:0;padding:15px 0 17px;display:grid;grid-template-columns:54px 1fr}
.g1-support-steps span{margin:0;font-size:16px}
.g1-support-steps strong{font-size:14px}
.g1-faq-list summary{font-size:14px;padding-right:39px}
.g1-faq-list details p{font-size:13px;padding-right:8px}
.g1-related-grid{grid-template-columns:1fr;gap:0}
.g1-related-item span{font-size:15px}
.g1-related-item small{font-size:12px}
.g1-final-cta h2{font-size:24px}
.g1-final-cta>.g1-shell>p:not(.g1-kicker){font-size:13px}
.g1-cta-grid{grid-template-columns:1fr;gap:17px;margin-top:30px}
.g1-cta-card{padding:13px}
.g1-cta-photo{height:192px}
.g1-cta-card strong{font-size:16px}
}
@media(max-width:390px){.g1-hero-image{height:340px}.g1-feature-image{height:260px}.g1-detail-image{height:130px}.g1-key-numbers div+div{padding-left:10px}.g1-key-numbers dd{font-size:15px}}
@media(prefers-reduced-motion:reduce){.g1-page{scroll-behavior:auto}.g1-anchor-nav a,.g1-page a{transition:none!important}}
@media(prefers-reduced-motion:no-preference){html:has(.g1-page){scroll-behavior:smooth}}
@media print{.g1-anchor-nav,.g1-hero-ctas{display:none!important}.g1-section{break-inside:avoid;page-break-inside:avoid}.g1-final-cta{background:#f7f9fc;color:#333}.g1-final-cta h2{color:#333}}


/* Figma G1 Product-first 2.1 / node 11:2 — approved PC 1440.
   Only .g1-page is owned here; site Header/Footer stay in shared-layout.css.
   Changes to this page must be checked against Figma screenshot before release. */
.g1-page .g1-hero{padding:48px 0 44px}
.g1-page .g1-breadcrumb{font-size:11px;line-height:16px;padding:0;margin-bottom:22px}
.g1-page .g1-hero-grid{display:grid;grid-template-columns:minmax(0,560px) minmax(0,600px);gap:40px;align-items:center}
.g1-page .g1-hero-copy{order:0;padding:0;min-width:0}
.g1-page .g1-hero-media{order:1;min-width:0}
.g1-page .g1-hero-copy .g1-kicker{font-size:12px;letter-spacing:.45px;line-height:1.4}
.g1-page .g1-hero-copy h1{font-size:38px;line-height:1.25;padding:0;margin:18px 0 0}
.g1-page .g1-hero-lead{font-size:32px;line-height:1.45;letter-spacing:.2px;margin-top:18px!important}
.g1-page .g1-hero-description{font-size:16px;line-height:1.75;color:#666;letter-spacing:.45px;margin-top:18px!important}
.g1-page .g1-hero-ctas{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0 0}
.g1-page .g1-button{height:50px;min-height:50px;border-radius:2px;font-size:14px;padding:10px 20px}
.g1-page .g1-button.primary{min-width:228px}
.g1-page .g1-button.secondary{min-width:218px}
.g1-page .g1-hero-note{color:#666;margin:18px 0 0;font-size:12px}
.g1-page .g1-hero-video{height:400px;display:block;position:relative;overflow:hidden;background:#e8e9ee;text-decoration:none;color:#fff}
.g1-page .g1-hero-video>img{width:100%;height:100%;object-fit:cover;object-position:center}
.g1-page .g1-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:74px;height:74px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#009bd2;background:#fff url('../img/products/unitree/g1/figma-hero-play.svg') center/cover no-repeat;box-shadow:0 4px 18px #001b3020}
.g1-page .g1-video-source{position:absolute;bottom:17px;left:20px;background:rgba(15,33,48,.76);padding:6px 9px;border-radius:3px;color:#fff;font-size:13px;font-weight:750}
.g1-page .g1-image-caption{padding:12px 0 0;color:#666;text-align:left;font-size:11px;line-height:1.55}
.g1-page .g1-anchor-nav .g1-shell{height:70px;min-height:70px;justify-content:flex-start;gap:44px}
.g1-page .g1-anchor-nav a{min-width:140px;padding:23px 0 20px;font-size:14px;border-bottom:2px solid transparent}
.g1-page .g1-anchor-nav a:first-child{border-bottom-color:#009bd2}
.g1-page .g1-section{padding:54px 0 62px}
.g1-page .g1-heading{margin-bottom:36px}
.g1-page .g1-heading h2{font-size:30px;line-height:1.46;margin-top:18px;letter-spacing:.3px}
.g1-page .g1-heading .g1-intro{font-size:15px;line-height:1.75;color:#666;margin-top:12px}
.g1-page .g1-kicker{font-size:13px;letter-spacing:.65px}
.g1-page .g1-capabilities{padding:48px 0 64px}
.g1-page .g1-capabilities .g1-heading{margin-bottom:30px}
.g1-page .g1-proof-grid{display:grid;grid-template-columns:minmax(0,544px) minmax(0,600px);gap:56px;align-items:center}
.g1-page .g1-proof-photo{margin:0;min-width:0}
.g1-page .g1-proof-photo img{width:100%;height:490px;object-fit:contain;background:#f7f8fa}
.g1-page .g1-proof-photo figcaption{font-size:11px;color:#666;padding-top:10px}
.g1-page .g1-proof-list article{border-bottom:1px solid #e8e8e8;padding:10px 0 16px;margin:0 0 10px}
.g1-page .g1-proof-list article:first-child{padding-top:0}
.g1-page .g1-proof-list .g1-kicker{font-size:12px;line-height:1.5}
.g1-page .g1-proof-list h3{font-size:21px;line-height:1.5;margin:5px 0 6px}
.g1-page .g1-proof-list article>p:not(.g1-kicker){font-size:14px;color:#666;line-height:1.7}
.g1-page .g1-proof-list small{display:block;font-size:13px;color:#666;line-height:1.7;margin-top:4px}
.g1-page .g1-proof-disclaimer{margin-top:16px}
.g1-page .g1-detail-gallery{padding:35px 0 24px}
.g1-page .g1-detail-gallery .g1-heading{margin-bottom:30px}
.g1-page .g1-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 36px}
.g1-page .g1-detail-item{height:241px;padding:10px 11px 12px;border:1px solid #e2e9ed}
.g1-page .g1-detail-image{height:164px;background:#f6f8fa}
.g1-page .g1-detail-item h3{font-size:16px;margin:8px 3px 1px;line-height:1.4}
.g1-page .g1-detail-item p{font-size:11px;line-height:1.45}
.g1-page .g1-detail-gallery>.g1-shell>.g1-fine{margin-top:12px}
.g1-page .g1-research{padding:48px 0 64px}
.g1-page .g1-research .g1-heading{margin-bottom:22px}
.g1-page .g1-use-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:0;border:0}
.g1-page .g1-use-list article{display:block;padding:14px 0 0;border-top:1px solid #e5eaed;border-bottom:0}
.g1-page .g1-use-list article>span{display:block;font-size:14px}
.g1-page .g1-use-list h3{font-size:20px;margin:8px 0}
.g1-page .g1-use-list p{font-size:14px;line-height:1.6}
.g1-page .g1-use-list small{font-size:12px}
.g1-page .g1-use-list em{font-size:11px;line-height:1.5;display:block;font-style:normal;color:#72838d;margin-top:8px}
.g1-page .g1-research>.g1-shell>.g1-fine{margin-top:24px}
.g1-page .g1-models{padding:50px 0 64px}
.g1-page .g1-models .g1-heading{text-align:center;margin-bottom:50px}
.g1-page .g1-models .g1-heading h2{font-size:30px;margin:0}
.g1-page .g1-models .g1-heading .g1-intro{max-width:100%;margin:20px 0 0}
.g1-page .g1-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:76px;border-top:1px solid #e8e8e8}
.g1-page .g1-model-grid article,.g1-page .g1-model-grid article:last-child{border-top:0;border-bottom:1px solid #e8e8e8;padding:34px 0 54px}
.g1-page .g1-model-grid h3{font-size:26px;margin:18px 0 22px}
.g1-page .g1-model-grid p:not(.g1-kicker){font-size:15px;line-height:1.82;min-height:100px;color:#666}
.g1-page .g1-model-grid strong{font-size:17px;color:#009bd2;border-top:1px solid #e8e8e8;margin:25px 0 10px;padding-top:20px}
.g1-page .g1-model-grid article:first-child strong{color:#a94a34}
.g1-page .g1-model-grid p.g1-fine{min-height:0}
.g1-page .g1-model-note{margin-top:24px}
.g1-page .g1-related{padding-top:44px}
.g1-page .g1-related-label{margin:20px 0 20px}
.g1-page .g1-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 38px}
.g1-page .g1-related-item{display:flex;flex-direction:column;align-items:stretch;min-height:237px;padding:13px 11px;border:1px solid #dde8ee;gap:0;background:#fff}
.g1-page .g1-related-item img{width:100%;height:147px;object-fit:contain;background:#f7f8fa}
.g1-page .g1-related-item span{font-size:12px;color:#009bd2;font-weight:400;margin-top:6px}
.g1-page .g1-related-item strong{font-size:20px;color:#333;font-weight:800;text-align:left;align-self:stretch}
.g1-page .g1-related-item small{font-size:12px;color:#6a7e88;line-height:1.45}
.g1-page .g1-related-actions{display:flex;flex-wrap:wrap;gap:32px;margin-top:28px}
.g1-page .g1-related>.g1-shell>.g1-fine{margin-top:22px}
.g1-page .g1-cta-disclaimer{margin-top:14px;color:#e8f7ff}
@media(max-width:1100px){
.g1-page .g1-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.g1-page .g1-hero-video{height:350px}
.g1-page .g1-proof-grid{grid-template-columns:minmax(0,46%) minmax(0,54%);gap:20px}
.g1-page .g1-proof-photo img{height:400px}
.g1-page .g1-use-list{gap:20px}
.g1-page .g1-related-grid{gap:16px}
}
@media(max-width:780px){
.g1-page .g1-hero{padding:22px 0 38px}
.g1-page .g1-hero-grid{display:flex;flex-direction:column;gap:20px;align-items:stretch}
.g1-page .g1-hero-copy{order:0}
.g1-page .g1-hero-media{order:1}
.g1-page .g1-hero-copy h1{font-size:32px;margin-top:12px}
.g1-page .g1-hero-lead{font-size:28px}
.g1-page .g1-hero-description{font-size:14px}
.g1-page .g1-hero-description br{display:none}
.g1-page .g1-hero-ctas{display:grid;gap:10px;margin-top:20px}
.g1-page .g1-button{width:100%;min-width:0}
.g1-page .g1-hero-video{width:100%;height:auto;aspect-ratio:3/2}
.g1-page .g1-video-play{width:60px;height:60px;font-size:23px}
.g1-page .g1-anchor-nav .g1-shell{height:56px;min-height:56px;gap:22px;justify-content:flex-start}
.g1-page .g1-anchor-nav a{font-size:12px;min-width:0;padding:17px 0 14px}
.g1-page .g1-section{padding:45px 0 55px}
.g1-page .g1-capabilities{padding-top:40px}
.g1-page .g1-proof-grid{grid-template-columns:1fr;gap:22px}
.g1-page .g1-proof-photo img{height:310px}
.g1-page .g1-proof-list h3{font-size:19px}
.g1-page .g1-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.g1-page .g1-detail-item{height:auto;min-height:211px}
.g1-page .g1-detail-image{height:134px}
.g1-page .g1-detail-item h3{font-size:13px;margin:7px 0 3px}
.g1-page .g1-detail-item p{font-size:11px}
.g1-page .g1-use-list{grid-template-columns:1fr;gap:8px}
.g1-page .g1-use-list article{padding:16px 0 12px}
.g1-page .g1-models .g1-heading h2{font-size:25px}
.g1-page .g1-model-grid{grid-template-columns:1fr;gap:0}
.g1-page .g1-model-grid article,.g1-page .g1-model-grid article:last-child{padding:23px 0}
.g1-page .g1-model-grid h3{font-size:23px}
.g1-page .g1-model-grid p:not(.g1-kicker){min-height:0;font-size:14px}
.g1-page .g1-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.g1-page .g1-related-item{min-height:222px}
.g1-page .g1-related-item img{height:130px}
.g1-page .g1-related-item strong{font-size:16px}
.g1-page .g1-related-actions{display:grid;gap:14px}
}

/* G1 video: preserve the approved Figma poster and only load YouTube on click. */
.g1-page .g1-hero-video-poster{position:absolute;inset:0;display:block;color:#fff;text-decoration:none}
.g1-page .g1-hero-video-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.g1-page .g1-hero-video iframe{display:block;width:100%;height:100%;border:0;background:#000}
.g1-page .g1-hero-video-poster:focus-visible{outline:4px solid #ffbd30;outline-offset:-4px}
.g1-page .g1-image-caption a{color:#007fae;font-weight:750;text-decoration:underline}
/* P0 contrast regression: shared site .g1-section background had overridden
   Figma gradient with #f4fafc while headings remained white. */
.g1-page .g1-section.g1-final-cta{background:linear-gradient(115deg,#068bc1 0%,#039fca 45%,#0f80b4 100%) !important;color:#fff}
.g1-page .g1-final-cta .g1-kicker{color:#e4faff}
.g1-page .g1-final-cta h2{color:#fff}
.g1-page .g1-final-cta>.g1-shell>p:not(.g1-kicker){color:#e9f8ff}


/* Figma SP 390 product-first 2.1 (13:2 / 22:81).
   Mobile order is COPY header -> video -> description -> paired CTAs -> note.
   Keep PC 11:2 layout intact; site shared Header/Footer are out of scope. */
.g1-page .g1-sp-only{display:none}
@media (max-width:780px){
 .g1-page .g1-sp-only{display:inline}
 .g1-page .g1-pc-only{display:none}
 .g1-page .g1-hero{padding:24px 0 28px}
 .g1-page .g1-breadcrumb{margin-bottom:12px;padding:0;font-size:11px}
 .g1-page .g1-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .g1-page .g1-hero-grid>.g1-hero-copy,.g1-page .g1-hero-grid>.g1-hero-media{display:contents}
 .g1-page .g1-hero-copy>.g1-kicker{order:0;font-size:12px;margin:0 0 10px}
 .g1-page .g1-hero-copy>h1{order:1;font-size:32px;line-height:1.25;margin:0 0 12px;padding:0}
 .g1-page .g1-hero-copy>.g1-hero-lead{order:2;font-size:27px;line-height:1.45;letter-spacing:.45px;margin:0 0 12px!important}
 .g1-page .g1-hero-media>.g1-hero-video{order:3;width:100%;height:216px;aspect-ratio:auto;margin:0}
 .g1-page .g1-hero-copy>.g1-hero-description{order:4;font-size:14px;line-height:1.75;margin:12px 0 0!important;color:#666}
 .g1-page .g1-hero-copy>.g1-hero-ctas{order:5;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;width:100%;margin:12px 0 0}
 .g1-page .g1-hero-copy>.g1-hero-ctas>.g1-button{flex:1 1 calc((100% - 12px)/2);width:calc((100% - 12px)/2);min-width:0;min-height:50px;height:50px;padding:10px 4px;font-size:13px;white-space:nowrap}
 .g1-page .g1-hero-copy>.g1-hero-note{order:6;margin:12px 0 0;font-size:11px;line-height:1.6}
 .g1-page .g1-hero-media>.g1-image-caption{order:7;padding:6px 0 0;font-size:10px;line-height:1.5;text-align:left}
 .g1-page .g1-video-play{width:64px;height:64px}
}

/* Figma SP 390: CTA THREE DECISION PATHS (13:164 / 113:41).
   Cards are 346 x 328 with 140px media, vertical 17px spacing. */
@media (max-width:780px){
 .g1-page .g1-section.g1-final-cta{padding:30px 0 35px}
 .g1-page .g1-final-cta h2{font-size:26px;line-height:1.38;margin:17px 0 10px}
 .g1-page .g1-final-cta>.g1-shell>p:not(.g1-kicker){font-size:12.5px;line-height:1.6}
 .g1-page .g1-cta-grid{gap:17px;margin-top:37px}
 .g1-page .g1-cta-grid>.g1-cta-card{height:328px;min-height:328px;padding:14px 15px;border-radius:12px;overflow:hidden}
 .g1-page .g1-cta-photo{height:140px;flex:0 0 140px}
 .g1-page .g1-cta-number{font-size:10px;margin-top:14px;line-height:1.48}
 .g1-page .g1-cta-card strong{font-size:17px;line-height:1.42;margin-top:8px}
 .g1-page .g1-cta-card small{font-size:11.2px;line-height:1.55;margin-top:8px}
 .g1-page .g1-cta-card em{font-size:13px;margin-top:10px;padding-top:8px}
 .g1-page .g1-cta-disclaimer{margin-top:28px;font-size:10.2px;line-height:1.52}
}


/* Figma 2.1 background SSOT: PC node 11:2 and SP node 13:2.
   All visible body sections use #FFFFFF. The single exception is the CTA,
   backed by the actual Figma approved #12 turquoise/blue geometric image.
   We intentionally override the higher-specificity legacy alternating pale
   background rule in main-site-experience.css. Scope is G1 body only. */
main.g1-page > section.g1-section:not(.g1-final-cta){
  background:#ffffff !important;
}
main.g1-page > section.g1-section.g1-final-cta{
  background:#009bd2 url("../img/products/unitree/g1/g1-cta-figma-pc.png") center center / cover no-repeat !important;
  color:#fff;
}
main.g1-page > section.g1-section.g1-final-cta .g1-kicker{color:#e4faff}
main.g1-page > section.g1-section.g1-final-cta h2{color:#fff}
main.g1-page > section.g1-section.g1-final-cta>.g1-shell>p:not(.g1-kicker){color:#e9f8ff}


/* CEO-approved exception to the small Figma image slot:
   show the original 630x590 annotated G1 photo at half size 315x295 on PC.
   SP fits available 346px width and keeps the original 630:590 ratio.
   Keep the same original JPEG pixels and preserve table/source ordering. */
.g1-page .g1-spec-overview{
  position:relative;width:100%;min-height:295px;margin:0;
  border-top:1px solid #d6e6ed;background:#fff;
  display:flex;align-items:flex-start;gap:16px;
}
.g1-page .g1-spec-overview-models{
  display:flex;flex-direction:column;gap:12px;padding:25px 10px 18px 24px;
  max-width:none;min-width:0;flex:1;
}
.g1-page .g1-spec-overview-label{color:#0075b5;font-weight:800;font-size:15px;line-height:1.5}
.g1-page .g1-spec-overview-entry{display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.45}
.g1-page .g1-spec-overview-entry strong{color:#333;font-size:17px}
.g1-page .g1-spec-overview-entry span{color:#687983}
.g1-page .g1-spec-overview-figure{
  position:static;flex:none;right:auto;top:auto;
  width:315px;max-width:100%;margin:0;
}
.g1-page .g1-spec-overview-figure picture,
.g1-page .g1-spec-overview-figure img{
  display:block;width:100%;height:auto;max-width:315px;
}
.g1-page .g1-spec-overview-figure img{
  object-fit:initial;object-position:center;background:transparent;
}
.g1-page .g1-spec-image-source{font-size:11px;color:#647582;line-height:1.55;margin:18px 0 22px}
@media (min-width:781px) and (max-width:1100px){
  .g1-page .g1-spec-overview{min-height:0}
  .g1-page .g1-spec-overview-figure{width:min(315px,45%)}
  .g1-page .g1-spec-overview-models{padding:20px 0 15px 12px}
}
@media (max-width:780px){
  .g1-page .g1-spec-overview{border-top:0;min-height:0;display:block;margin:0}
  .g1-page .g1-spec-overview-models{display:none}
  .g1-page .g1-spec-overview-figure{
    position:static;width:100%;max-width:346px;margin:0 auto;
  }
  .g1-page .g1-spec-overview-figure picture,
  .g1-page .g1-spec-overview-figure img{
    width:100%;max-width:346px;height:auto;
  }
  .g1-page .g1-spec-image-source{margin:9px 0 22px;font-size:10px;line-height:1.5}
}

/* Figma FAQ defaults: all 3 answers visible in PC 11:165 and SP 13:152.
   Keep <details> functional (visitor may collapse), but opening view matches
   Figma; the blue plus/minus wasn't in the approved visual design. */
.g1-page .g1-faq .g1-heading{text-align:center;margin-bottom:44px}
.g1-page .g1-faq .g1-heading>.g1-kicker{display:none}
.g1-page .g1-faq .g1-heading h2{margin-top:0}
.g1-page .g1-faq .g1-heading .g1-intro{margin:18px auto 0;max-width:none}
.g1-page .g1-faq-list summary::after{display:none}
.g1-page .g1-faq-list details{padding:18px 0 20px}
.g1-page .g1-faq-list summary{padding:10px 9px;font-size:16px;color:#333}
.g1-page .g1-faq-list details p{padding:13px 9px 24px;font-size:14px;line-height:1.7;color:#666}
.g1-page .g1-faq{min-height:715px}
@media(max-width:780px){
 .g1-page .g1-faq{min-height:630px}
 .g1-page .g1-faq .g1-heading{margin-bottom:34px}
 .g1-page .g1-faq .g1-heading h2{font-size:26px}
 .g1-page .g1-faq .g1-heading .g1-intro{font-size:14px;margin-top:17px}
 .g1-page .g1-faq-list details{padding:15px 0 15px}
 .g1-page .g1-faq-list summary{font-size:16px;padding:5px 0}
 .g1-page .g1-faq-list details p{font-size:13px;padding:15px 0 22px}
}


/* Figma SP final 2.1 remaining section visual parity:
   Readiness 13:118 / Support 13:137 / Related lineup 151:55.
   All rules G1-page+SP-only, with official manufacturer images untouched. */
@media(max-width:780px){
  .g1-page #readiness .g1-heading,
  .g1-page .g1-support .g1-heading{text-align:center}
  .g1-page #readiness .g1-heading>.g1-kicker,
  .g1-page .g1-support .g1-heading>.g1-kicker{display:none}
  .g1-page #readiness .g1-heading h2,
  .g1-page .g1-support .g1-heading h2{margin-top:0;font-size:26px;line-height:1.45}
  .g1-page #readiness .g1-heading .g1-intro,
  .g1-page .g1-support .g1-heading .g1-intro{margin:18px auto 0;font-size:14px;line-height:1.6}
  .g1-page #readiness .g1-check-grid article{min-height:138px;padding:23px 0 21px}
  .g1-page #readiness .g1-check-grid h3,
  .g1-page .g1-support-steps strong{color:#333}
  /* Older global .g1-sp-only assigns cyan to mobile spans. Do not inherit
     that accent in Figma's neutral black/gray readiness checklist. */
  .g1-page #readiness .g1-check-grid h3 .g1-sp-only{color:#333!important;font-weight:800}
  .g1-page #readiness .g1-check-grid p .g1-sp-only{color:#666!important;font-weight:400}
  /* The approved SP design places the first checklist rule 195px down
     from the section origin; move the grid, not the whole section. */
  .g1-page #readiness .g1-heading{margin-bottom:72px}
  .g1-page #readiness{padding-bottom:18px}
  .g1-page .g1-support{min-height:618px}
  .g1-page #readiness .g1-check-grid p{color:#666}
  .g1-page .g1-support-steps>div{min-height:75px}
  .g1-page .g1-related-actions .g1-text-link:first-child{
    display:flex;align-items:center;justify-content:flex-start;
    width:100%;min-height:50px;background:#009bd2;color:#fff;
    border-radius:3px;padding:12px 16px;text-decoration:none;
  }
  .g1-page .g1-related-actions .g1-text-link:first-child:hover,
  .g1-page .g1-related-actions .g1-text-link:first-child:focus-visible{
    background:#007ba9;color:#fff;
  }
}


/* Figma PC related lineup CTA 151:2: the primary card comparison
   entry is a 300x52 solid brand-blue button, not a plain text link.
   SP already has its approved separate 346x50 version. */
@media(min-width:781px){
  .g1-page .g1-related-actions{align-items:center}
  .g1-page .g1-related-actions .g1-text-link:first-child{
    display:flex;justify-content:flex-start;align-items:center;
    flex:0 0 300px;min-height:52px;padding:12px 17px;
    border-radius:2px;color:#fff;background:#009bd2;
    font-weight:800;text-decoration:none;
  }
  .g1-page .g1-related-actions .g1-text-link:first-child:hover,
  .g1-page .g1-related-actions .g1-text-link:first-child:focus-visible{
    color:#fff;background:#007ba9;
  }
}


/* Figma NEXT STEP contrast proposal A / CEO approved design only:
   PC 256:2 (1440x727); SP 256:44 (390x1330).
   Preserve exact original approved image and 3 CTA card positions/content.
   The navy #05263D scrims are layered above the original background,
   BELOW section copy/cards; fade at each edge exactly as Figma review.
   No new asset file; background URL/image pixels stay unchanged. */
main.g1-page > section.g1-section.g1-final-cta{
  position:relative;
  isolation:isolate;
}
main.g1-page > section.g1-section.g1-final-cta::before,
main.g1-page > section.g1-section.g1-final-cta::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  pointer-events:none;
  z-index:0;
  opacity:1;
  border:0;
}
main.g1-page > section.g1-section.g1-final-cta::before{
  top:0;
  bottom:auto;
  height:207px;
  background:linear-gradient(
    to bottom,
    rgba(5,38,61,0) 0%,
    rgba(5,38,61,.43) 21%,
    rgba(5,38,61,.43) 100%
  );
}
main.g1-page > section.g1-section.g1-final-cta::after{
  top:auto;
  bottom:0;
  height:107px;
  background:linear-gradient(
    to bottom,
    rgba(5,38,61,.43) 0%,
    rgba(5,38,61,.43) 78%,
    rgba(5,38,61,0) 100%
  );
}
main.g1-page > section.g1-section.g1-final-cta > .g1-shell{
  position:relative;
  z-index:1;
}
@media (max-width:780px){
  main.g1-page > section.g1-section.g1-final-cta::after{
    height:108px;
  }
}


/* Figma SP research title single-line, approved design baseline 13:56.
   24px/1.45 vs inherited desktop 30px/1.46. The old inherited font
   wrapped the headline and added a ~44px line to the 390px page. */
@media(max-width:780px){
  .g1-page #research .g1-heading h2{
    font-size:24px;
    line-height:1.45;
    letter-spacing:0;
  }
}


/* Figma SP model comparison geometry 13:41 (390x840):
   correct oversized vertical whitespace without removing buyer guidance.
   PC typography and layout remain unchanged. */
@media (max-width:780px){
  .g1-page #models{
    padding-top:20px;
    padding-bottom:41px;
  }
  .g1-page #models .g1-heading{
    margin-bottom:45px;
  }
  .g1-page #models .g1-heading .g1-intro{
    margin-top:29px;
  }
  .g1-page #models .g1-model-grid article,
  .g1-page #models .g1-model-grid article:last-child{
    padding-top:23px;
    padding-bottom:10px;
  }
}


/* Figma SP gallery heading size (node 150:31): 24px/1.54 two lines.
   Desktop 30px and all six approved manufacturer photos stay unchanged. */
@media(max-width:780px){
  .g1-page .g1-detail-gallery .g1-heading h2{
    font-size:24px;
    line-height:1.54;
    letter-spacing:0;
  }
}


/* Figma SP six-photo gallery card geometry 150:31:
   six 164x249 cards, 146x173 photo slots, y=215/485/755.
   Exact maker images and PC verbose headings preserved. */
@media(max-width:780px){
  .g1-page .g1-detail-gallery{padding:30px 0 35px}
  .g1-page .g1-detail-gallery .g1-heading{margin-bottom:32px}
  .g1-page .g1-detail-gallery .g1-heading>.g1-kicker{
    font-size:12px;line-height:1.5;
  }
  .g1-page .g1-detail-gallery .g1-heading h2{
    font-size:24px;line-height:1.54;letter-spacing:0;margin-top:21px;
  }
  .g1-page .g1-detail-gallery .g1-heading .g1-intro{
    font-size:12px;line-height:1.65;margin-top:0;max-width:346px;
  }
  .g1-page .g1-detail-gallery .g1-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:19px;row-gap:21px;
  }
  .g1-page .g1-detail-gallery .g1-detail-item{
    height:249px;min-height:249px;max-height:249px;
    padding:8px 8px 8px;overflow:hidden;
  }
  .g1-page .g1-detail-gallery .g1-detail-image{
    height:173px;width:100%;overflow:hidden;
  }
  .g1-page .g1-detail-gallery .g1-detail-item h3{
    font-size:13.1px;line-height:1.53;margin:5px 2px 5px;
  }
  .g1-page .g1-detail-gallery .g1-detail-item h3 .g1-sp-only{
    color:#333;font-weight:800;
  }
  .g1-page .g1-detail-gallery .g1-detail-item p{
    font-size:10.5px;line-height:1.43;
  }
  .g1-page .g1-detail-gallery>.g1-shell>.g1-fine{
    font-size:10.5px;line-height:1.62;margin-top:40px;
  }
}


/* Figma PC six-photo gallery 150:2 geometry (1440x759):
   first row y198, second row y458, note y716.
   Preserve G1/SP approved 150:31 at 390x1113 and all six original images. */
@media(min-width:781px){
  .g1-page .g1-detail-gallery .g1-heading h2{margin-top:20px}
  .g1-page .g1-detail-gallery .g1-heading .g1-intro{margin-top:14px}
  .g1-page .g1-detail-gallery .g1-heading{margin-bottom:38px}
  .g1-page .g1-detail-gallery .g1-detail-grid{row-gap:19px}
  .g1-page .g1-detail-gallery>.g1-shell>.g1-fine{margin-top:17px;line-height:19px}
}


/* Figma PC Hero remaining -7px alignment / original node 11:28.
   Original PC copy begins at y101, while Vercel HTML was y108.
   Retain inline video + official external fallback/disclaimer, therefore
   collapse only excess section bottom whitespace (576->555px). SP unchanged. */
@media(min-width:1101px){
  .g1-page .g1-hero{padding-bottom:23px}
  .g1-page .g1-hero-copy{transform:translateY(-7px)}
}


/* Figma PC Research section geometry 11:65 (1440x485).
   Keep three research descriptions, approved SP 24px single line,
   and existing G1 source images unmodified. */
@media(min-width:1101px){
  .g1-page .g1-research{padding-bottom:61px}
  .g1-page .g1-research .g1-heading h2{margin-top:20px}
  .g1-page .g1-research .g1-heading .g1-intro{margin-top:22px}
  .g1-page .g1-research .g1-use-list article{min-height:178px}
  .g1-page .g1-research>.g1-shell>.g1-fine{margin-top:22px}
}


/* V11 PC-only: exact Figma G1/EDU, readiness, support geometry.
   Three scoped visual corrections; SP/tablet, manufacturer facts, shared SSOT and CTAs unchanged. */
@media(min-width:1101px){
  /* PC model comparison: Figma 11:46 / 1440x735. */
  .g1-page #models{padding-top:33px;padding-bottom:56px}
  .g1-page #models .g1-heading{margin-bottom:45px}
  .g1-page #models .g1-model-grid{gap:60px}
  .g1-page #models .g1-model-grid h3{margin-top:25px}
  .g1-page #models .g1-model-grid p:not(.g1-kicker):not(.g1-fine){min-height:123px}
  .g1-page #models .g1-model-grid strong{margin-bottom:34px}
  .g1-page #models .g1-model-grid article,
  .g1-page #models .g1-model-grid article:last-child{padding-bottom:63px}
  .g1-page #models .g1-model-note{margin-top:28px}

  /* PC four pre-purchase checks: Figma 11:130 / 1440x505. */
  .g1-page #readiness{padding-top:20px;padding-bottom:36px}
  .g1-page #readiness .g1-heading,
  .g1-page .g1-support .g1-heading{text-align:center}
  .g1-page #readiness .g1-heading>.g1-kicker,
  .g1-page .g1-support .g1-heading>.g1-kicker{display:none}
  .g1-page #readiness .g1-heading h2,
  .g1-page .g1-support .g1-heading h2{margin-top:0}
  .g1-page #readiness .g1-heading .g1-intro,
  .g1-page .g1-support .g1-heading .g1-intro{max-width:100%;margin:21px auto 0}
  .g1-page #readiness .g1-heading{margin-bottom:84px}
  .g1-page #readiness .g1-check-grid{row-gap:46px}

  /* PC AirAdmin8 four-step support: Figma 11:149 / 1440x480. */
  .g1-page .g1-support{padding-top:39px;padding-bottom:76px}
  .g1-page .g1-support .g1-heading .g1-intro{margin-top:22px}
  .g1-page .g1-support .g1-heading{margin-bottom:64px}
  .g1-page .g1-support-steps{margin-bottom:76px}
  .g1-page .g1-support-steps>div{
    min-height:112px;border-top:0;border-bottom:1px solid #e8e8e8;padding-top:0
  }
  .g1-page .g1-support-steps span{font-size:35px;line-height:1.6;margin-bottom:0}
  .g1-page .g1-support-steps strong{font-size:17px;line-height:1.75}
}

/* G1 product-specific Figma visual regression: NEXT STEP video affordance.
   Preserve maker photography, the official YouTube fallback and all CTA actions. */
.g1-page .g1-cta-card[data-g1-video-trigger] .g1-cta-photo{position:relative}
.g1-page .g1-cta-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:38px;height:38px;border-radius:50%;background:#fff;color:#009bd2;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:800;line-height:1;padding-left:3px;
  box-shadow:0 2px 8px rgba(10,28,40,.16);pointer-events:none;
}