:root{--gb-bg:#FEFDF1;--gb-bg-warm:#FEEEB2;--gb-bg-muted:#F1EDDE;--gb-navy:#314657;--gb-orange:#F66935;--gb-yellow:#F5EC62;--gb-white:#fff;--gb-border:#E8DFC8;--gb-radius:18px;--gb-container:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--gb-bg);color:var(--gb-navy);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:16px;font-weight:500;line-height:1.9;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--gb-navy);outline-offset:6px}h1,h2,h3,h4,p,figure,blockquote{margin:0}h1,h2,h3,h4{line-height:1.55;letter-spacing:.025em}h2{font-size:clamp(28px,3.2vw,40px);font-weight:800}h3{font-size:26px;font-weight:800}p+p{margin-top:18px}b,strong{font-weight:800}.gb-container{width:min(100%,var(--gb-container));margin-inline:auto}.gb-section{padding:128px 24px}.section-heading{text-align:center;margin-bottom:60px}.section-heading>p:last-child:not(.eyebrow){margin-top:24px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.17em;font-weight:800;margin-bottom:24px}.section-heading .eyebrow{justify-content:center;color:#65705e}.section-kicker{font-weight:700;margin-bottom:18px}.marker{background:linear-gradient(transparent 76%,var(--gb-yellow) 76%,var(--gb-yellow) 95%,transparent 95%);padding-bottom:2px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;min-height:62px;padding:16px 25px;text-decoration:none;border-radius:5px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.button-primary{background:var(--gb-orange);color:#fff;box-shadow:0 4px 0 #cf4b20}.button-primary:hover{background:#e85928;transform:translateY(-2px);box-shadow:0 6px 0 #cf4b20}.button span{font-size:20px}.button-outline{border:1px solid var(--gb-navy);background:transparent}.button-outline:hover{background:var(--gb-bg-muted)}.button-outline span{font-size:12px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:14px;font-weight:700}.text-link:hover{color:#b53b13}.note,figcaption{font-size:12px;line-height:1.8;color:#647078}.center{text-align:center}.mobile-only{display:none}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}
.site-header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(24px,calc((100% - 1280px)/2));border-bottom:1px solid var(--gb-border);background:var(--gb-bg);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:20px;text-decoration:none;flex-shrink:0}.brand-mark{font-family:Arial,sans-serif;font-style:italic;font-weight:900;letter-spacing:-2px;font-size:34px;color:#166398;line-height:1}.brand-mark>span{color:#ec323c}.brand-divider{height:24px;width:1px;background:#c8ccbe}.brand-name{font-weight:800;font-size:15px;letter-spacing:.08em}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav>a{font-size:12px;font-weight:700;text-decoration:none}.site-header nav>a:hover{text-decoration:underline}.header-cta{padding:11px 19px;border:1px solid var(--gb-navy);border-radius:4px}.header-cta span{margin-left:18px}
.hero{padding:62px 24px 25px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;grid-template-rows:auto auto;column-gap:16px;position:relative}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#626e5e;margin-bottom:22px;font-size:10px}.hero .eyebrow>span{height:8px;width:8px;background:var(--gb-orange)}.hero-audience{font-size:12px;letter-spacing:.045em;margin-bottom:18px}.hero h1{font-size:clamp(42px,4.55vw,62px);line-height:1.46;letter-spacing:-.035em;font-weight:900}.hero-description{font-size:14px;line-height:2;margin-top:24px;max-width:445px}.hero-actions{grid-column:1;display:flex;align-items:center;gap:22px;margin-top:28px;position:relative;z-index:3;flex-wrap:wrap}.hero-actions .button{font-size:13px;padding:15px 18px;gap:20px}.hero-actions .text-link{font-size:12px;gap:10px}.hero-visual{grid-column:2;grid-row:1/3;position:relative;align-self:center;min-height:525px;display:flex;align-items:center}.hero-circle{position:absolute;inset:25px -28px 36px 6px;border-radius:49% 51% 43% 57%;background:var(--gb-bg-warm);transform:rotate(-8deg)}.hero-product{position:relative;width:109%;max-width:none;mix-blend-mode:multiply;left:-10px;transform:translateY(3px)}.visual-caption{position:absolute;top:-4px;left:50px;z-index:2;font-size:15px;letter-spacing:.08em;transform:rotate(-6deg);border-bottom:1px solid var(--gb-navy);padding-bottom:6px}.visual-label{position:absolute;background:var(--gb-bg);border:1px solid var(--gb-border);padding:7px 13px;font-size:12px;font-weight:700;z-index:2;box-shadow:3px 3px 0 #e8dfc878}.visual-label b{font-size:19px;color:var(--gb-orange);margin-right:7px}.label-top{top:54px;right:14px}.label-side{top:225px;right:-26px}.label-bottom{bottom:29px;left:22px}.hero-person{position:absolute;width:151px;right:-29px;bottom:9px;z-index:3}.photo-note{position:absolute;bottom:-23px;left:22px;font-size:10px;color:#687071}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:60px;border-top:1px solid var(--gb-border);padding-top:23px}.tags{display:flex;gap:9px;flex-wrap:wrap}.tags span{font-size:11px;letter-spacing:.08em;border:1px solid #bdc0b2;padding:3px 16px;border-radius:2px}.scroll-link{font-size:9px;letter-spacing:.16em;text-decoration:none;display:flex;gap:20px;align-items:center}.scroll-link span{font-size:23px}
.problem{padding-bottom:90px}.problem-scene{max-width:920px;margin:auto;position:relative;min-height:300px;display:flex;justify-content:center;align-items:end}.problem-scene>img{width:230px}.bubble{position:absolute;background:white;border:1px solid var(--gb-border);padding:23px 28px;font-size:16px;line-height:1.9;border-radius:9px}.bubble:after{content:"";position:absolute;width:14px;height:14px;background:white;border-right:1px solid var(--gb-border);border-bottom:1px solid var(--gb-border);bottom:-8px;transform:rotate(45deg);left:70%}.bubble span{font-weight:800}.bubble-one{top:17px;left:10px;transform:rotate(-3deg)}.bubble-two{top:0;right:0;transform:rotate(3deg)}.bubble-three{right:6px;bottom:5px}.bubble-three:after{left:-8px;bottom:40%;transform:rotate(135deg)}
.angled{position:relative;background:var(--gb-bg-warm);isolation:isolate}.angled:before{content:"";position:absolute;top:-28px;left:0;right:0;height:30px;background:inherit;clip-path:polygon(0 100%,100% 0,100% 100%);z-index:-1}.angled:after{content:"";position:absolute;bottom:-26px;left:0;right:0;height:28px;background:inherit;clip-path:polygon(0 0,100% 0,0 100%);z-index:-1}.concept .marker{background:linear-gradient(transparent 75%,#fff 75%,#fff 96%,transparent 96%)}.concept-figure{background:#fffdf8;padding:35px 45px 25px;border-radius:8px;max-width:890px;margin:auto;box-shadow:8px 8px 0 #e3ce842e}.figure-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.mini-label{display:inline-block;background:var(--gb-navy);color:white;padding:3px 11px;font-size:10px;letter-spacing:.08em}.figure-title p{font-size:17px;font-weight:700}.figure-title b{color:var(--gb-orange);padding:0 12px}.concept-figure>img{margin:auto;mix-blend-mode:multiply}.concept-figure figcaption{margin-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.concept-figure figcaption a{font-weight:700}
.features{padding-top:150px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:65px 0;border-bottom:1px solid var(--gb-border)}.feature:last-child{border:0;padding-bottom:0}.feature.reverse .feature-copy{grid-column:2;grid-row:1}.feature.reverse .feature-media{grid-column:1;grid-row:1}.feature-number{font-size:11px;letter-spacing:.12em;display:flex;align-items:center;gap:12px;margin-bottom:19px;color:#ad461e}.feature-number span{font-size:48px;font-weight:800;line-height:1;color:var(--gb-orange);letter-spacing:-.05em}.feature h3{font-size:29px;margin-bottom:22px}.feature-copy>p:not(.feature-number){font-size:15px;line-height:2}.feature-copy .text-link{margin-top:25px}.feature-media{background:#f1f0e6;padding:25px;border-radius:6px;min-width:0}.feature-media>img{mix-blend-mode:multiply;margin:20px auto}.media-label{display:block;text-align:center;font-size:13px;font-weight:700}.exchange-caption{display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px;margin:15px 0}.exchange-caption>span{background:var(--gb-bg);padding:6px 10px}.exchange-caption b{font-size:26px;color:var(--gb-orange)}.feature-media figcaption{text-align:center;margin-top:14px}.port-spec{margin:24px 0 0;display:flex;gap:20px;flex-wrap:wrap}.port-spec>div{border-left:2px solid var(--gb-orange);padding-left:12px}.port-spec dt{font-size:11px}.port-spec dd{margin:0;font-size:19px;font-weight:700}.port-spec small{font-size:10px}.feature-statement{padding-top:19px;border-top:1px solid var(--gb-border);font-weight:700}.before-row{display:flex;align-items:center;gap:17px;font-size:11px}.before-row img{width:90px;mix-blend-mode:multiply}.connection-arrow{text-align:center;color:var(--gb-orange);font-size:24px}.connection-media>img{margin:12px 0}.size-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px}.size-comparison>div{text-align:center}.size-comparison>div>span{font-size:10px;letter-spacing:.05em}.size-comparison b{font-size:27px;margin-left:4px}.size-comparison img{height:185px;object-fit:contain;mix-blend-mode:multiply;margin:15px 0;width:100%}.size-comparison p{font-size:11px;white-space:nowrap}.size-comparison small{display:block;font-size:11px;border-top:1px solid #c7cabb;padding-top:10px;margin-top:10px}.size-comparison>.note{grid-column:1/-1;white-space:normal;font-size:10px;margin-top:0}
.steps{margin-top:25px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-grid article{position:relative}.step-grid article:not(:last-child):after{content:"→";position:absolute;right:-32px;top:130px;font-size:28px;color:var(--gb-orange)}.step-label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.06em;border-bottom:1px solid #cebd88;padding-bottom:15px}.step-label b{font-size:25px;letter-spacing:-.02em}.step-label>span{margin-left:auto;font-size:10px;letter-spacing:0}.step-image{height:210px;display:flex;align-items:center;justify-content:center;padding:15px}.step-image img{max-height:100%;object-fit:contain;mix-blend-mode:multiply}.step-parts{gap:12px}.step-parts img{width:43%;max-height:125px}.step-parts span{font-size:22px;color:var(--gb-orange)}.step-grid h3{font-size:22px;margin:17px 0 14px}.step-grid article>p:last-child{font-size:14px}.configuration-note{margin-top:44px;text-align:center;border-top:1px solid #cebd88;padding-top:24px}.configuration-note p{font-size:12px;margin-bottom:13px}
.parts{padding-top:152px}.parts-group-title{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid var(--gb-navy);padding-bottom:16px;margin-bottom:27px}.parts-group-title h3{font-size:23px}.parts-group-title span{font-size:12px}.side-title{margin-top:58px}.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.part-card{background:#fff;border:1px solid var(--gb-border);padding:20px 23px 25px;border-radius:5px}.part-photo{height:155px;background:#f8f7f0;display:flex;align-items:center;justify-content:center;margin-bottom:20px;padding:18px}.part-photo img{max-height:115px;width:auto;max-width:100%;mix-blend-mode:multiply}.part-tag{font-size:10px;display:inline-block;background:var(--gb-bg-warm);padding:1px 9px;margin-bottom:9px}.side-tag{background:#e7eeed}.part-card h4{font-size:17px;min-height:53px}.part-card p{font-size:13px;margin-top:9px}.parts-note{margin:25px 0 32px}
.why{background:#f1edde}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:58px}.benefit-grid article>img{height:210px;width:100%;object-fit:contain;margin-bottom:28px}.benefit-number{font-size:12px;color:#ad461e;display:block;font-weight:800;margin-bottom:13px;letter-spacing:.12em}.benefit-grid h3{font-size:22px;margin-bottom:17px}.benefit-grid p{font-size:14px}.reliability-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.reliability h2{margin-bottom:25px}.reliability p{font-size:14px}.reliability .eyebrow{font-size:10px}.check-list{padding:0;list-style:none;margin:30px 0}.check-list li{font-size:14px;padding:11px 0;border-bottom:1px solid var(--gb-border)}.check-list li:before{content:"✓";color:#a6401d;font-weight:800;margin-right:14px}.reliability-photo{background:#edf0ec;padding:25px 20px;border-radius:50% 50% 6px 6px}.reliability-photo img{mix-blend-mode:multiply}.reliability-photo figcaption{text-align:center;margin-top:18px}.lineup{padding-top:45px}.lineup-table{border-top:2px solid var(--gb-navy)}.lineup-row{display:grid;grid-template-columns:1.15fr 1fr 1.6fr .6fr .6fr;gap:20px;align-items:center;padding:24px;border-bottom:1px solid var(--gb-border);font-size:14px}.lineup-row:nth-child(odd){background:#f6f3e7}.lineup-row.table-head{background:var(--gb-navy);color:#fff;font-size:12px;padding:15px 24px}.lineup-row small{display:none}.lineup-row a{font-size:12px;font-weight:800}.lineup>.gb-container>.note{margin-top:18px}.spec-details{margin-top:35px;border:1px solid var(--gb-border);background:#fff}.spec-details summary{cursor:pointer;font-size:14px;font-weight:700;padding:20px 24px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.spec-details summary::-webkit-details-marker{display:none}.spec-details summary span{font-size:22px}.spec-details[open] summary span{transform:rotate(45deg)}.spec-details dl{margin:0;padding:0 24px 18px}.spec-details dl>div{display:grid;grid-template-columns:210px 1fr;border-top:1px solid var(--gb-border);padding:15px 0;font-size:13px}.spec-details dt{font-weight:700}.spec-details dd{margin:0}
.contact{text-align:center;padding-bottom:105px}.contact.angled:after{display:none}.contact-inner{position:relative}.contact h2{font-size:38px;margin-bottom:23px}.contact-inner>p:not(.section-kicker){font-size:14px}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:23px;margin-top:32px;position:relative;z-index:2}.contact .button{min-width:350px}.contact-actions small{font-size:10px;margin-top:-10px}.contact-person{position:absolute;left:-13px;bottom:12px;width:210px}.contact-product{position:absolute;right:0;bottom:30px;width:205px;mix-blend-mode:multiply;transform:rotate(-5deg)}.site-footer{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding:37px 24px}.site-footer .brand{gap:17px}.site-footer .brand-mark{font-size:26px}.site-footer .brand-name{font-size:12px}.site-footer>div{display:flex;gap:20px;margin-left:auto}.site-footer>div>a{font-size:10px;text-decoration:none}.site-footer>small{font-size:9px;width:100%;text-align:right;color:#657078}.reveal{transition:opacity .65s ease,transform .65s ease}.reveal-pending{opacity:0;transform:translateY(22px)}
@media(min-width:1400px){.hero{padding-top:80px;padding-bottom:30px}.hero-grid{column-gap:38px}.hero-bottom{margin-top:75px}}
@media(max-width:1024px){.site-header{padding-inline:24px}.site-header nav{gap:17px}.site-header nav>a:not(.header-cta){display:none}.hero h1{font-size:48px}.hero-visual{min-height:465px}.visual-label{font-size:10px}.label-side{right:-8px}.hero-person{right:-5px;width:130px}.hero-actions{gap:17px}.hero-actions .button{font-size:12px}.hero-circle{right:-10px}.hero-product{width:105%}.hero-audience{font-size:11px}.hero-description{font-size:13px}.feature{gap:35px}.feature h3{font-size:26px}.size-comparison{padding:18px;gap:10px}.size-comparison img{height:155px}.size-comparison p{font-size:10px}.step-grid{gap:28px}.step-grid article:not(:last-child):after{right:-23px;font-size:21px}.step-grid h3{font-size:20px}.step-label>span{font-size:9px}.parts-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{gap:28px}.benefit-grid h3{font-size:20px}.reliability-grid{gap:45px}.contact-person{width:160px;left:0}.contact-product{width:155px;right:0}.contact h2{font-size:35px}.lineup-row{gap:12px;padding:20px 15px;font-size:12px}.lineup-row.table-head{padding-inline:15px}}
@media(max-width:767px){html{scroll-padding-top:24px}body{font-size:14px;line-height:1.85}.gb-section{padding:80px 18px}.site-header{min-height:68px;padding:14px 18px;gap:10px}.brand{gap:10px}.brand-mark{font-size:27px}.brand-divider{height:18px}.brand-name{font-size:11px;letter-spacing:.025em}.site-header nav>a.header-cta{font-size:10px;padding:7px 9px}.header-cta span{margin-left:6px}.hero{padding:34px 18px 20px}.hero-grid{display:flex;flex-direction:column;gap:0}.hero .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:17px}.hero-audience{font-size:10px;margin-bottom:15px}.hero h1{font-size:clamp(34px,9.2vw,42px);line-height:1.5;letter-spacing:-.035em}.hero h1 br:nth-of-type(2){display:none}.hero-description{font-size:14px;margin-top:20px;max-width:100%;line-height:1.9}.hero-visual{width:min(100%,440px);min-height:340px;margin:30px auto 14px;align-self:auto}.hero-circle{inset:20px 4px 22px 8px}.hero-product{width:94%;max-width:100%;left:1%;padding:18px 0}.visual-caption{top:-4px;left:19px;font-size:12px}.visual-label{font-size:10px;padding:4px 9px}.visual-label b{font-size:16px;margin-right:2px}.label-top{top:29px;right:5px}.label-side{top:48%;right:0}.label-bottom{bottom:18px;left:0}.hero-person{width:115px;right:-4px;bottom:0}.photo-note{bottom:-12px;left:0;font-size:9px}.hero-actions{margin-top:20px;display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero-actions .button{font-size:13px;justify-content:center;gap:20px;min-height:59px}.hero-actions .text-link{align-self:center;font-size:12px}.hero-bottom{margin-top:27px;justify-content:center;padding-top:20px}.tags{gap:6px;justify-content:center}.tags span{font-size:10px;padding:3px 10px}.scroll-link{display:none}.desktop-only{display:none}.mobile-only{display:block}h2{font-size:27px;line-height:1.65;letter-spacing:0}.section-heading{margin-bottom:37px}.section-heading>p:last-child:not(.eyebrow){margin-top:20px;font-size:14px}.eyebrow{font-size:9px;margin-bottom:18px;letter-spacing:.13em}.section-kicker{font-size:12px}.problem{padding-top:70px;padding-bottom:75px}.problem h2{font-size:24px}.problem-scene{min-height:410px;align-items:end}.problem-scene>img{width:190px;position:absolute;bottom:0;left:0}.bubble{padding:15px 17px;font-size:12px;max-width:65%}.bubble-one{left:0;top:0}.bubble-two{right:0;top:109px}.bubble-three{right:0;bottom:20px;max-width:55%;padding:14px 11px}.bubble-three:after{bottom:70%}.angled:before{top:-17px;height:19px}.angled:after{bottom:-16px;height:18px}.concept h2{font-size:25px}.concept-figure{padding:22px 12px 18px;border-radius:5px}.figure-title{flex-direction:column;gap:12px;margin-bottom:20px}.figure-title p{font-size:13px}.figure-title b{padding:0 5px}.mini-label{font-size:9px}.concept-figure figcaption{font-size:10px;gap:10px;margin-top:17px}.feature{grid-template-columns:1fr;gap:28px;padding:42px 0}.feature:first-of-type{padding-top:12px}.feature.reverse .feature-copy,.feature.reverse .feature-media{grid-column:auto;grid-row:auto}.feature-number{margin-bottom:18px}.feature-number span{font-size:41px}.feature h3{font-size:26px;margin-bottom:19px}.feature-copy>p:not(.feature-number){font-size:14px;line-height:1.9}.feature-media{padding:21px 15px}.port-spec{gap:22px}.port-spec dd{font-size:18px}.port-spec dt{font-size:10px}.feature-media figcaption{font-size:10px}.size-comparison{gap:12px}.size-comparison img{height:145px}.size-comparison p{font-size:10px}.size-comparison small{font-size:10px}.steps{margin-top:15px}.step-grid{grid-template-columns:1fr;gap:55px;max-width:450px;margin:auto}.step-grid article:not(:last-child):after{content:"↓";top:auto;bottom:-44px;right:calc(50% - 10px);font-size:25px}.step-label{font-size:10px}.step-label>span{font-size:11px}.step-image{height:210px;margin-top:10px}.step-grid h3{font-size:23px;margin-top:12px}.step-grid h3 br{display:none}.configuration-note{margin-top:35px;text-align:left}.configuration-note p{font-size:11px}.configuration-note .text-link{font-size:12px}.parts-group-title{align-items:flex-start;gap:8px;flex-direction:column;padding-bottom:13px}.parts-group-title h3{font-size:21px}.parts-group-title span{font-size:11px}.parts-grid{grid-template-columns:1fr;gap:18px}.part-card{padding:20px;display:grid;grid-template-columns:110px 1fr;column-gap:20px;align-content:start}.part-photo{grid-row:1/4;grid-column:1;height:125px;margin:0;padding:8px;align-self:center}.part-photo img{max-height:105px}.part-tag{grid-column:2;justify-self:start;margin-bottom:8px;font-size:9px}.part-card h4{grid-column:2;font-size:15px;min-height:0;overflow-wrap:anywhere}.part-card p{grid-column:2;font-size:12px;margin-top:9px}.parts-note{font-size:10px}.button-outline{font-size:12px;padding:14px 16px;gap:15px;min-height:56px}.side-title{margin-top:40px}.benefit-grid{grid-template-columns:1fr;gap:43px;max-width:400px;margin:auto}.benefit-grid article{text-align:center}.benefit-grid article>img{height:190px;margin-bottom:18px}.benefit-number{margin-bottom:8px}.benefit-grid h3{font-size:23px;margin-bottom:15px}.benefit-grid p{text-align:left}.reliability-grid{grid-template-columns:1fr;gap:35px}.reliability h2{font-size:30px}.reliability-photo{max-width:430px;margin:auto;padding:25px}.reliability-photo figcaption{font-size:10px}.lineup{padding-top:0}.lineup-table{border:0;display:grid;gap:18px}.lineup-row.table-head{display:none}.lineup-row{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;border:1px solid var(--gb-border);background:#fff!important;padding:22px;font-size:14px}.lineup-row>strong{grid-column:1/-1;font-size:21px;padding-bottom:12px;border-bottom:1px solid var(--gb-border)}.lineup-row>span:nth-child(3){grid-column:1/-1;grid-row:3}.lineup-row>span:nth-child(4){grid-column:2;grid-row:2}.lineup-row>a{grid-column:1/-1;justify-self:stretch;text-align:right;border-top:1px solid var(--gb-border);padding-top:12px;font-size:12px}.lineup-row small{display:block;font-size:10px;color:#647078;margin-bottom:3px}.lineup>.gb-container>.note{font-size:10px}.spec-details summary{font-size:12px;padding:17px}.spec-details dl{padding-inline:17px}.spec-details dl>div{grid-template-columns:1fr;gap:6px;font-size:12px}.contact{text-align:center;padding-bottom:60px}.contact h2{font-size:27px}.contact-inner>.section-kicker{font-size:11px}.contact-inner>p:not(.section-kicker){font-size:13px}.contact-actions{gap:24px}.contact .button{min-width:0;width:100%;font-size:14px;justify-content:center;gap:22px}.contact-person,.contact-product{position:static;display:inline-block;width:130px;vertical-align:middle;margin-top:30px}.contact-person{margin-right:15px}.contact-product{width:140px}.site-footer{padding:30px 18px;gap:23px}.site-footer .brand{gap:20px}.site-footer>div{margin-left:0;gap:18px;flex-wrap:wrap}.site-footer>small{text-align:left}.reveal-pending{transform:translateY(15px)}}
@media(min-width:768px) and (max-width:1024px){.hero h1{font-size:clamp(36px,4.7vw,48px)}.hero h1 .marker{white-space:nowrap}}
@media(max-width:767px){.hero h1 br:nth-of-type(2){display:block}.hero h1 .marker{white-space:nowrap}.problem h2{font-size:clamp(19px,5.6vw,22px)}}
@media(max-width:359px){.brand-divider{display:none}.brand{gap:7px}.brand-name{font-size:10px}.site-header nav>a.header-cta{font-size:9px}.hero h1{font-size:32px}.hero-visual{min-height:295px}.hero-person{width:100px}.bubble{font-size:11px}.part-card{grid-template-columns:85px 1fr;column-gap:13px;padding:16px}.part-photo{height:110px}.part-card h4{font-size:14px}.contact h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}
@media print{.site-header nav,.hero-actions,.contact-actions,.scroll-link,.skip-link{display:none}.gb-section{padding:35px 15px}.reveal-pending{opacity:1;transform:none}.feature,.part-card,.lineup-row{break-inside:avoid}body{font-size:11px}a{color:inherit}.angled:before,.angled:after{display:none}}

/* Requested design refinements */
.brand-logo{width:112px;height:auto}
.hero h1{font-size:clamp(48px,5.25vw,72px);/*transform:rotate(-5deg);*/transform-origin:left center;margin:30px 0 38px}
.hero-product-name{font-size:20px;font-weight:800;line-height:1.65;margin-top:20px}
.hero-product-name strong{display:block;font-size:36px;letter-spacing:.02em;margin-top:4px}
.hero-bottom{justify-content:flex-end}
.concept,.steps,.contact{background:#ffead9}
.concept .marker{background:linear-gradient(transparent 75%,var(--gb-yellow) 75%,var(--gb-yellow) 96%,transparent 96%)}
.question-underline{background:linear-gradient(var(--gb-yellow),var(--gb-yellow)) left 95% / 100% .22em no-repeat;transition:background-size .9s ease .25s}
.reveal-pending .question-underline{background-size:0 .22em}
.bubble{--bubble-angle:0deg;transform:rotate(var(--bubble-angle));transition:opacity .8s ease,transform .8s ease;transition-delay:var(--bubble-delay,0s)}
.bubble-one{--bubble-angle:-3deg;--bubble-delay:.05s}.bubble-two{--bubble-angle:3deg;--bubble-delay:.25s}.bubble-three{--bubble-delay:.45s}
.bubble.reveal-pending{opacity:0;transform:translateY(24px) rotate(var(--bubble-angle))}
.step-image{background:#fff;border-radius:6px;margin-top:16px}.step-image img{mix-blend-mode:normal}
.configuration-note .button{margin-top:12px}
.part-card h4{min-height:0;margin-bottom:12px}
.part-meta{display:flex;align-items:flex-start;gap:8px}.part-meta .part-tag{flex-shrink:0;margin:0;padding:3px 8px}.part-meta p{margin:0;font-size:12px;line-height:1.8}
.side-tag{background:#e4efb9}
.reliability.lineup{padding-top:110px}.reliability-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:36px;align-items:start}
.lineup-copy{min-width:0}.lineup-copy h2{font-size:clamp(23px,2.3vw,30px)}
.lineup-row{grid-template-columns:1fr 1fr 1.4fr .55fr .65fr;gap:8px;padding:18px 10px;font-size:11px}.lineup-row.table-head{font-size:10px;padding:12px 10px}.lineup-row a{font-size:10px}.lineup-copy>.note{margin-top:18px}
.reliability-photo{margin-top:75px}.spec-details dl>div{grid-template-columns:145px 1fr}
.contact-person{height:180px;object-fit:contain}
@media(max-width:1024px) and (min-width:768px){.hero h1{font-size:clamp(43px,5.3vw,55px)}.hero-product-name{font-size:16px}.hero-product-name strong{font-size:30px}.reliability-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:20px}}
@media(max-width:767px){.brand-logo{width:80px}.hero h1{font-size:clamp(38px,10.4vw,56px);margin:25px 0 32px}.hero-product-name{font-size:17px}.hero-product-name strong{font-size:32px}.hero-bottom{display:none}.configuration-note .button{width:100%;font-size:12px;padding:16px;gap:8px}.part-card{grid-template-columns:90px minmax(0,1fr);column-gap:14px}.part-photo{grid-row:1/3}.part-meta{grid-column:2;flex-wrap:wrap;gap:5px}.part-meta p{margin:0}.reliability.lineup{padding-top:80px}.reliability-grid{grid-template-columns:1fr;gap:30px}.lineup-copy h2{font-size:clamp(18px,4.9vw,28px)}.lineup-row{grid-template-columns:1fr 1fr;font-size:14px;padding:22px;gap:12px 18px}.lineup-row a{font-size:12px}.reliability-photo{margin-top:0}.spec-details dl>div{grid-template-columns:1fr}.contact-person{height:130px}}
@media(prefers-reduced-motion:reduce){.reveal-pending .question-underline{background-size:100% .22em}.bubble.reveal-pending{opacity:1;transform:rotate(var(--bubble-angle))}}
@media print{.reveal-pending .question-underline{background-size:100% .22em}.bubble.reveal-pending{opacity:1;transform:none}}
@media(min-width:1025px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{font-size:clamp(54px,4.9vw,66px)}.hero h1 .marker{white-space:nowrap}}

/* Hero labels gently lift on hover. */
.visual-label{transition:transform .35s ease,box-shadow .35s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .visual-label:hover{transform:translateY(-5px);box-shadow:3px 9px 16px #31465720}
}
/* Preserve the colors of the supplied option photographs. */
.part-photo img{mix-blend-mode:normal;object-fit:contain}


/* Consultation artwork: a larger illustration and circular product photos. */
.contact-inner{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr) minmax(0,240px);gap:24px;align-items:center}
.contact-copy{grid-column:2;grid-row:1;min-width:0}
.contact-copy>p:not(.section-kicker){font-size:14px}
.contact-copy h2{font-size:30px}
.contact-copy .desktop-only{display:none}
.contact-person{grid-column:1;grid-row:1;position:static;width:100%;height:auto;max-height:none;margin:0;object-fit:contain}
.contact-products{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.contact-product-circle,.contact-part-circle{aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff}
.contact-product-circle{width:240px;max-width:100%;padding:20px;display:flex;align-items:center;justify-content:center}
.contact-product-circle .contact-product{position:static;width:100%;height:100%;margin:0;object-fit:contain;mix-blend-mode:normal;transform:none}
.contact-part-circle{width:145px;max-width:70%;align-self:flex-start}
.contact-part-circle img{width:100%;height:100%;object-fit:cover}
@media(max-width:1024px){
  .contact-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;max-width:650px}
  .contact-copy{grid-column:1/-1;grid-row:1}
  .contact-person{grid-column:1;grid-row:2;width:100%;max-width:310px;justify-self:center}
  .contact-products{grid-column:2;grid-row:2;width:100%;max-width:260px;justify-self:center}
}
@media(max-width:767px){
  .contact-inner{gap:30px 16px}
  .contact-copy h2{font-size:27px}
  .contact-copy>p:not(.section-kicker){font-size:13px}
  .contact-person{width:100%;height:auto;margin:0}
  .contact-products{gap:10px}
  .contact-product-circle{padding:12px}
  .contact-part-circle{width:95px}
}
