:root{--ink:#213e33;--green:#225b43;--muted:#718078;--line:#dfe5dc;--cream:#f7f8f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}header{height:100px;max-width:1280px;margin:auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:23px;letter-spacing:1px;font-weight:800}.logo span{display:block;font-size:9px;letter-spacing:2.6px;margin:5px 0 0 31px}nav{display:flex;gap:32px;font-size:12px}.navcta{border:1px solid var(--green);border-radius:5px;padding:13px 19px;font-size:12px}.hero{background:var(--cream);padding:65px max(7%,calc((100vw - 1100px)/2));display:grid;grid-template-columns:1.15fr 1fr;gap:20px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#6e8975;margin:0 0 20px}.smalltag{font-size:12px;letter-spacing:2px;margin-bottom:18px}h1{font-size:clamp(32px,3.4vw,49px);line-height:1.65;letter-spacing:2px;margin:0 0 21px;font-weight:750}h1 span{color:#538262;position:relative}h1 span:after{content:"";position:absolute;height:5px;background:#d3dfb9;bottom:-8px;left:0;right:0}.lead{color:#64736a;line-height:2.2;font-size:14px;margin-bottom:29px}.primary{background:var(--green);color:white;border:0;border-radius:5px;padding:18px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font-weight:600;font-size:13px}.primary:hover{background:#174631}.hero-points{display:flex;gap:17px;font-size:10px;color:#748575;margin-top:23px}.art{position:relative;align-self:center;min-width:0}.orb{position:absolute;inset:0 0 0 20px;background:#e7eddf;border-radius:50%}.art svg{position:relative;width:110%;margin-left:-20px}.art-label{position:relative;text-align:center;font-size:9px;letter-spacing:2.5px;padding-top:5px}.floating{position:absolute;bottom:0;right:-5px;background:#fffef9;box-shadow:0 7px 30px #314b3010;padding:18px 24px;display:flex;align-items:center;gap:15px;font-size:12px;line-height:1.9;border-radius:7px;transform:rotate(-4deg)}.floating>span{color:#668764;font-size:25px}.trust{padding:27px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:30px;align-items:center;font-size:12px}.trust>span{color:var(--muted);margin-right:30px}.trust i{color:#d2dbd0}.section{max-width:1120px;margin:0 auto;padding:72px 20px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.section-title .eyebrow{margin-bottom:10px}h2{font-size:25px;letter-spacing:1px;margin:0}.section-title>span{color:var(--muted);font-size:12px}.filters{padding:24px;background:var(--cream);border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr 1fr .8fr;gap:20px;align-items:end}.filters label{font-size:11px;font-weight:bold;display:block}select{display:block;margin-top:12px;width:100%;padding:14px;border:1px solid #d4ddd3;border-radius:4px;color:var(--ink);background:white}.filters button{height:49px}.result-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0 17px}.result-head b{font-size:23px}.result-head small{margin-left:16px;color:var(--muted);font-size:11px}.reset{border:0;background:transparent;color:var(--muted);font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:8px;overflow:hidden;padding:23px;transition:box-shadow .2s}.card:hover{box-shadow:0 6px 22px #153d3010}.card-top{display:flex;align-items:center;gap:13px}.mark{width:48px;height:48px;border-radius:50%;background:#eef2e7;display:grid;place-items:center;font-size:23px;font-family:Georgia;color:#5b7559}.card:nth-child(2n) .mark{background:#f4eee4;color:#a38661}.card h3{font-size:18px;margin:0 0 6px}.sample{font-size:9px;letter-spacing:1px;color:#8c968e}.card-desc{font-size:12px;color:var(--muted);line-height:1.9;min-height:45px;margin:20px 0}.chips{display:flex;gap:6px;flex-wrap:wrap;min-height:23px}.chip{background:#f2f5ee;border-radius:3px;padding:5px 8px;font-size:10px}.methods{font-size:11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0;padding:13px 0;color:#67756a;line-height:1.9}.add{width:100%;padding:12px;border:1px solid #b7c9b8;border-radius:4px;background:white;color:var(--green);font-size:12px}.add.active{background:var(--green);color:white}.notice{font-size:11px;color:#8b938a;line-height:1.8;margin-top:20px}.guide{max-width:none;background:var(--cream);padding-left:max(20px,calc((100% - 1080px)/2));padding-right:max(20px,calc((100% - 1080px)/2))}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:38px}.tips article>span{font-family:Georgia;font-size:35px;color:#97ae89}.tips h3{font-size:17px;margin:15px 0}.tips p{font-size:12px;color:var(--muted);line-height:2}.faq{max-width:830px}.faq h2{margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-size:14px;cursor:pointer}details p{color:var(--muted);line-height:2;padding:5px 15px;font-size:13px}.closing{background:#e9efe3;text-align:center;padding:43px 20px}.closing p{font-size:21px;letter-spacing:2px}.closing a{font-size:12px;border-bottom:1px solid var(--green);padding-bottom:7px}footer{padding:44px 7% 90px;display:flex;align-items:center;gap:30px}footer .logo{font-size:18px}footer p,footer small{font-size:10px;color:var(--muted)}footer small{margin-left:auto}.comparebar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:14px 20px;background:var(--ink);color:white;border-radius:9px;box-shadow:0 5px 30px #0003;display:flex;align-items:center;gap:24px;z-index:10;font-size:12px;white-space:nowrap}.comparebar[hidden]{display:none}.comparebar button{padding:10px;border:0;border-radius:4px;background:#eef2e7;color:var(--ink)}#clear{background:transparent;color:#d7e4d4;font-size:11px}dialog{border:0;border-radius:12px;max-width:900px;width:90%;padding:30px;color:var(--ink)}dialog::backdrop{background:#142f246b}.dialoghead{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dialoghead button{border:0;background:transparent;font-size:23px}#tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:18px;border:1px solid var(--line);text-align:left;line-height:1.8}th{background:var(--cream)}.empty{grid-column:1/-1;text-align:center;padding:50px;background:var(--cream)}:focus-visible{outline:3px solid #afbc73;outline-offset:4px}@media(max-width:800px){header{height:80px;padding:0 20px}nav{display:none}.logo{font-size:19px}.navcta{font-size:10px;padding:10px}.hero{padding:38px 25px;grid-template-columns:1fr}.hero-copy{z-index:1}.hero-points{gap:10px}.art{max-width:390px;width:100%;margin:20px auto}.trust{flex-wrap:wrap;gap:14px;font-size:10px}.trust>span{width:100%;text-align:center;margin:0}.section{padding:45px 20px}.section-title{display:block}.section-title>span{display:block;margin-top:12px}h2{font-size:21px}.filters{grid-template-columns:1fr;padding:20px;gap:17px}.cards{grid-template-columns:1fr 1fr}.result-head small{display:block;margin:5px 0}.tips{grid-template-columns:1fr;gap:20px}.tips article{border-bottom:1px solid var(--line);padding-bottom:16px}.tips article>span{float:left;margin-right:20px}.closing p{font-size:16px}footer{flex-wrap:wrap;gap:10px}footer small{width:100%;margin:0}.comparebar{gap:9px;padding:12px;font-size:10px;width:95%;justify-content:space-between}dialog{padding:20px}.dialoghead h2{font-size:18px}}@media(max-width:480px){.cards{grid-template-columns:1fr}.hero h1{font-size:32px}.hero-points{font-size:9px}}

/* Black and yellow identity; OK RADIO green for primary actions. */
:root{--ink:#161616;--green:#21b75f;--muted:#686868;--line:#e4e4e4;--cream:#fafaf8;--yellow:#ffd600}
body{background:#fff}header{border-bottom:1px solid var(--line)}.logo{color:var(--ink)}.logo:first-letter{color:#161616}.logo span{color:#666}.navcta{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}.navcta:hover{background:#199c4e;border-color:#199c4e}
.hero{background:#fff;max-width:1280px;margin:0 auto;padding:60px 52px 54px;grid-template-columns:1fr 1.15fr;gap:0;align-items:center}.hero-copy{position:relative;z-index:1}.hero .eyebrow{display:inline-block;color:var(--ink);background:var(--yellow);padding:7px 10px;letter-spacing:1.6px}.smalltag{color:#444}h1{color:var(--ink);font-weight:800;letter-spacing:1px}h1 span{color:var(--ink)}h1 span:after{background:var(--yellow);height:9px;bottom:-5px;z-index:-1}.lead{color:#555}.primary{background:var(--green);color:#fff;font-weight:700;box-shadow:0 3px 0 #129146}.primary:hover{background:#199c4e;transform:translateY(-1px)}.hero-points{color:#555}.art{width:100%;min-height:0;align-self:center;overflow:hidden}.hero-image{display:block;width:145%;max-width:none;height:auto;margin-left:-45%;mix-blend-mode:multiply}.trust{background:var(--yellow);border:0;color:#161616}.trust>span{color:#333}.trust i{color:#6a5b00}.eyebrow{color:#555}.section-title h2:after,.faq h2:after{content:'';display:block;width:45px;height:5px;background:var(--yellow);margin-top:15px}.filters{background:#fffceb;border-color:#ebdf9a}.filters label{color:#161616}select{border-color:#d1d1c8;color:#161616}.card{border-color:#ddd}.card:hover{box-shadow:0 6px 22px #0000000c}.mark,.card:nth-child(2n) .mark{background:var(--yellow);color:#161616;font-weight:bold}.chip{background:#f3f3f3;color:#333}.methods{color:#555}.add{border-color:#bbb;color:#222}.add:hover{background:#fff8cf;border-color:#222}.add.active{background:#161616;color:#fff;border-color:#161616}.guide{background:#fafaf8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tips article>span{color:#161616;background:var(--yellow);display:inline-grid;place-items:center;width:53px;height:53px;border-radius:50%;font-size:29px}.closing{background:var(--yellow);color:#161616}.closing a{display:inline-block;background:var(--green);color:#fff;border:0;border-radius:5px;padding:15px 24px;font-weight:700}.closing a:hover{background:#199c4e}.comparebar{background:#161616}.comparebar #compare{background:var(--green);color:#fff;font-weight:700}.comparebar #compare:hover{background:#199c4e}#clear{color:#ddd}.notice{color:#737373}:focus-visible{outline-color:#161616}dialog::backdrop{background:#0008}footer{border-top:1px solid var(--line)}
@media(max-width:800px){.hero{padding:35px 25px 25px;grid-template-columns:1fr}.art{max-width:480px;margin:15px auto 0}.hero-image{width:145%;margin-left:-45%}.hero-points{flex-wrap:wrap}.tips article>span{margin-bottom:8px}.trust{gap:14px}.hero h1{font-size:clamp(32px,7vw,46px)}}

/* Original SVG backdrop, opaque text bands, transparent foreground art. */
.hero{background:#f7f2f2 url("hero-background-top-right.svg") center/cover no-repeat;position:relative;isolation:isolate;gap:12px}.hero-copy{z-index:2}.hero .art{position:relative;z-index:1;mix-blend-mode:normal;overflow:visible}.hero-image{width:112%;margin-left:-5%;mix-blend-mode:normal;position:relative;display:block}.hero .eyebrow{background:#ffd600;color:#161616}.hero .smalltag{display:table;background:white;padding:6px 10px}.hero h1{line-height:1.85;letter-spacing:0;font-size:clamp(30px,3.3vw,46px)}.hero h1 .text-band{background:white;color:#161616;padding:5px 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:nowrap}.hero h1 span:after{display:none}.hero .lead{display:table;background:white;color:#303030;padding:10px 12px;margin-top:22px;line-height:2}.hero-points{display:table;background:white;color:#303030;padding:9px 10px;line-height:1.9}.hero-points span{display:inline-block;margin-right:10px}.hero-points span:last-child{margin-right:0}.mobile-only{display:none}
@media(max-width:800px){.hero{background:#f7f2f2 url("hero-background-top-right.svg") center/cover no-repeat;gap:0}.hero .art{max-width:460px;margin:15px auto 0}.hero-image{width:100%;margin-left:0}.hero h1{font-size:clamp(28px,6.7vw,43px);line-height:1.85}.hero h1 .text-band{padding:5px 8px}.hero .lead{font-size:12px}.hero-points{font-size:9px}.hero-points span{margin-right:6px}}@media(max-width:400px){.mobile-only{display:block}}

/* Larger foreground illustration and LINE Seed JP across all controls. */
body{font-family:"LINE Seed JP",sans-serif}button,input,select,textarea,code{font-family:inherit}.mark,.tips article>span{font-family:inherit}.hero .lead{background:transparent;padding:0;margin-top:22px}.hero{grid-template-columns:.95fr 1.2fr;gap:0;min-height:620px}.hero .art{width:100%;max-width:none;align-self:center}.hero-image{width:127%;max-width:none;margin-left:-12%;height:auto}.hero-copy{z-index:2}.hero h1{font-size:clamp(29px,3.15vw,44px)}
@media(min-width:801px) and (max-width:1050px){.hero{padding-left:30px;padding-right:30px}.hero h1{font-size:32px}.hero .lead{font-size:12px}.hero-image{width:130%;margin-left:-12%}}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0}.hero .art{width:100%;max-width:540px;margin:24px auto 0}.hero-image{width:112%;margin-left:-6%}.hero h1{font-size:clamp(28px,6.7vw,43px)}.hero .lead{background:transparent;padding:0;font-size:12px}}

/* Accessible multi-select categories. */
.filters{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(180px,.85fr);align-items:center}.category-filter{border:0;padding:0;margin:0;min-width:0}.category-filter legend{padding:0;margin-bottom:12px;font-size:11px;font-weight:700}.category-filter legend small{font-size:10px;color:#686868;font-weight:400;margin-left:8px}.category-options{display:flex;flex-wrap:wrap;gap:8px}.filters .category-option{display:flex;align-items:center;gap:7px;padding:9px 10px;background:#fff;border:1px solid #d6d6cd;border-radius:4px;cursor:pointer;min-height:40px;font-size:12px;font-weight:400}.category-option input{margin:0;width:16px;height:16px;accent-color:#161616;cursor:pointer}.category-option:has(input:checked){background:#ffd600;border-color:#161616}.category-option:focus-within{outline:2px solid #161616;outline-offset:2px}.category-help{font-size:10px;margin:10px 0 0;color:#686868}@media(max-width:800px){.filters{grid-template-columns:1fr;align-items:stretch}.category-options{gap:8px}.filters .category-option{flex:0 1 auto}}
/* Compact hero: artwork no longer determines the grid row height. */
@media(min-width:801px){.hero{min-height:0;padding-top:30px;padding-bottom:30px}.hero .eyebrow{margin-bottom:12px}.hero .smalltag{margin-bottom:14px}.hero h1{line-height:1.65;margin-bottom:16px}.hero .lead{margin-top:16px;margin-bottom:20px;line-height:1.9}.hero .primary{padding-top:15px;padding-bottom:15px}.hero-points{margin-top:16px;padding-top:7px;padding-bottom:7px}.hero .art{height:410px;min-height:0;align-self:center}.hero-image{position:absolute;top:50%;transform:translateY(-50%);width:127%;height:auto;max-height:460px;object-fit:contain}}
@media(max-width:800px){.hero{padding-top:25px;padding-bottom:18px}.hero .eyebrow{margin-bottom:12px}.hero .smalltag{margin-bottom:12px}.hero h1{line-height:1.65;margin-bottom:16px}.hero .lead{margin-top:16px;margin-bottom:20px}.hero-points{margin-top:16px}.hero .art{margin-top:14px;max-width:390px}.hero-image{position:relative;top:auto;transform:none;max-height:300px;object-fit:contain;width:100%;margin-left:0}}
/* Supplied SVG replaces the browser's disclosure marker. */
.faq summary{list-style:none;display:flex;align-items:center;gap:8px}.faq summary::-webkit-details-marker{display:none}.faq summary::marker{content:""}.faq summary::before{content:"";display:block;flex:0 0 20px;width:20px;height:20px;background:url("ico_caret.svg") center/contain no-repeat;transition:transform .18s ease}.faq details[open]>summary::before{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.faq summary::before{transition:none}}

/* Compact search action with a clear SVG icon. */
.filters{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto}#find{width:180px;justify-self:end;gap:14px;padding:14px 18px}#find .search-icon{width:24px;height:24px;flex:0 0 24px;background:white;mask:url("ico_search.svg") center/contain no-repeat;-webkit-mask:url("ico_search.svg") center/contain no-repeat} @media(max-width:800px){.filters{grid-template-columns:1fr}#find{width:180px;justify-self:start}}

/* Designed final invitation: bold statement and a focused action card. */
.closing{background:#ffd600;padding:56px 24px;text-align:left;overflow:hidden}.closing-inner{max-width:1080px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.closing .closing-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 18px}.closing h2{font-size:clamp(30px,3.3vw,44px);font-weight:800;line-height:1.55;letter-spacing:0;margin:0 0 20px}.closing h2 span{background:#161616;color:#ffd600;padding:1px 8px}.closing .closing-description{font-size:13px;letter-spacing:0;line-height:2;margin:0 0 22px}.closing-tags{display:flex;flex-wrap:wrap;gap:8px}.closing-tags span{font-size:11px;border:1px solid #161616;border-radius:30px;padding:6px 13px;font-weight:700}.closing-action{background:#fff;border:2px solid #161616;border-radius:12px;padding:27px 30px 25px;box-shadow:8px 8px 0 #161616;position:relative}.closing-action .closing-symbol{position:absolute;top:20px;right:25px;font-size:38px;line-height:1;color:#161616}.closing .closing-action p{font-size:20px;line-height:1.6;font-weight:700;letter-spacing:0;margin:0 40px 23px 0}.closing a.closing-button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-radius:6px;background:#21b75f;color:#fff;font-size:14px;font-weight:700;box-shadow:0 3px 0 #138b44;border:0}.closing-button span{font-size:22px;line-height:1}.closing a.closing-button:hover{background:#199c4e}.closing-action small{display:block;text-align:center;font-size:10px;color:#666;margin-top:14px}@media(max-width:800px){.closing{padding:40px 24px 45px}.closing-inner{grid-template-columns:1fr;gap:30px}.closing h2{font-size:32px}.closing-action{padding:25px;max-width:480px;width:100%;box-shadow:6px 6px 0 #161616}.closing .closing-action p{font-size:19px}.closing-tags{gap:6px}}
/* Compact, consistent item and method checkboxes. */
.filters{padding:20px;gap:18px}.category-options{gap:6px}.filters .category-option{min-height:34px;padding:6px 7px;gap:6px;font-size:11px;line-height:1.5;white-space:nowrap}.category-option input{width:15px;height:15px;flex:0 0 15px}.category-filter legend{margin-bottom:10px}.category-help{margin-top:8px;line-height:1.6}@media(pointer:coarse){.filters .category-option{min-height:40px}}@media(max-width:800px){.filters{padding:18px;gap:18px}.category-options{gap:6px}.filters .category-option{min-height:40px;padding:8px 10px}}
/* Black checkmarks for the closing comparison points. */
.closing-tags span{display:inline-flex;align-items:center;gap:6px}.closing-tags span::before{content:"";display:inline-block;width:10px;height:6px;border-left:2px solid #161616;border-bottom:2px solid #161616;transform:rotate(-45deg);flex:0 0 10px;margin-top:-3px}
/* Vivid hover for comparison actions. */
.add:not(.active):hover,.add:not(.active):focus-visible{background:#ffd600;border-color:#161616;color:#161616}.add.active:hover{background:#161616;border-color:#161616;color:#fff}


/* Compact catchphrase beside the header logo. */
.header-brand{display:flex;align-items:center;gap:18px;flex-shrink:0}.header-brand .logo{white-space:nowrap}.header-catch{font-size:11px;line-height:1.8;font-weight:700;letter-spacing:.02em;margin:0;padding-left:18px;border-left:1px solid #ddd;color:#333}header{gap:20px}header nav{gap:22px}@media(min-width:801px) and (max-width:1100px){header{padding-left:25px;padding-right:25px;gap:14px}.header-brand{gap:12px}.header-catch{font-size:10px;padding-left:12px}header nav{gap:14px;font-size:11px}.navcta{padding:12px;font-size:11px}}@media(max-width:800px){.header-brand{gap:10px}.header-catch{font-size:9px;line-height:1.7;padding-left:10px}header{gap:12px}}@media(max-width:480px){header{height:auto;min-height:85px;padding:14px 16px;flex-wrap:wrap;row-gap:10px}.header-brand{flex:1 1 auto}.header-brand .logo{font-size:18px}.header-brand .logo span{font-size:8px;letter-spacing:1.8px;margin-left:25px}.header-catch{font-size:9px}.navcta{padding:10px;font-size:10px}}
/* Shared depth for the green primary actions. */
.navcta,.primary,.closing a.closing-button,.contact-form input[type=submit],.comparebar #compare{box-shadow:0 3px 0 #138b44;transition:background .15s,transform .15s,box-shadow .15s}.navcta:active,.primary:active,.closing a.closing-button:active,.contact-form input[type=submit]:active,.comparebar #compare:active{transform:translateY(2px);box-shadow:0 1px 0 #138b44}
/* Guide heading on the left, numbered tips on the right. */
.guide{display:grid;grid-template-columns:250px minmax(0,1fr);gap:38px;align-items:start}.guide .section-title{display:block;margin:0}.guide .section-title>span{display:block;font-size:12px;line-height:1.9;margin-top:24px}.guide h2{line-height:1.6}.guide .tips{margin:0;gap:24px}.guide .tips h3{font-size:15px;line-height:1.8}.guide .tips p{font-size:12px;line-height:2}@media(max-width:1000px) and (min-width:801px){.guide{grid-template-columns:220px minmax(0,1fr);gap:25px}.guide .tips{gap:16px}}@media(max-width:800px){.guide{grid-template-columns:1fr;gap:28px}.guide .tips{grid-template-columns:1fr;gap:18px}.guide .tips article>span{float:left;margin:0 16px 14px 0}.guide .tips h3{margin-top:0}.guide .tips p{clear:both}.guide .section-title>span{margin-top:16px}}

/* FAQ illustration alongside the question list. */
.faq.section{max-width:1120px}.faq-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:70px;align-items:center}.faq-art{width:100%;max-width:245px;justify-self:center}.faq-art img{display:block;width:100%;height:auto}.faq-content{min-width:0}.faq-content h2{margin-bottom:24px}.faq-content details:first-of-type{border-top:1px solid var(--line)}@media(max-width:800px){.faq-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}.faq-art{max-width:175px}.faq-content .eyebrow{font-size:10px;letter-spacing:1.4px}.faq-content summary{font-size:13px}}@media(max-width:600px){.faq-layout{grid-template-columns:1fr;gap:24px}.faq-art{max-width:155px}.faq-content h2{margin-bottom:22px}.faq-content .eyebrow{font-size:11px}.faq-content summary{font-size:14px}}
/* Full-height FAQ artwork, with padding only around the questions. */
.faq.section{padding-top:0;padding-bottom:0}.faq-layout{align-items:stretch;min-height:450px}.faq-art{position:relative;align-self:stretch;max-width:none;overflow:hidden}.faq-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.faq-content{padding:65px 0}@media(max-width:800px) and (min-width:601px){.faq-content{padding:40px 0}.faq-layout{min-height:390px}}@media(max-width:600px){.faq-layout{grid-template-columns:minmax(90px,28%) minmax(0,1fr);gap:18px;min-height:360px}.faq-art{width:100%;max-width:none;margin:0}.faq-content{padding:35px 0}.faq-content h2{font-size:20px}.faq-content .eyebrow{font-size:9px;letter-spacing:1px}.faq-content summary{font-size:12px;line-height:1.8}.faq-content details p{font-size:12px;padding-left:0;padding-right:0}}

/* English catchphrase replaces the decorative corner arrow. */
.closing-action .closing-symbol{font-size:11px;line-height:1.5;font-weight:800;letter-spacing:1px;text-align:right;top:25px;right:26px}.closing .closing-action p{margin-right:105px}@media(max-width:480px){.closing-action .closing-symbol{font-size:9px;letter-spacing:.7px;right:20px;top:24px}.closing .closing-action p{font-size:17px;margin-right:85px}}

/* Quiet dotted reuse motif centered behind the closing content. */
.closing{position:relative;isolation:isolate}.closing::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:380px;height:380px;background:url("reuse-dots.svg") center/contain no-repeat;opacity:.085;pointer-events:none;z-index:-1}.closing-inner{position:relative;z-index:1}@media(max-width:800px){.closing::before{width:300px;height:300px}}
/* Extend FAQ artwork to the viewport's left edge without moving the questions. */
.faq-art{--faq-bleed:max(20px,calc((100vw - 1120px)/2 + 20px));width:calc(100% + var(--faq-bleed));margin-left:calc(-1 * var(--faq-bleed));justify-self:start}.faq-art img{object-position:left center}
/* Fix the FAQ artwork size independently of expanded answers. */
.faq-art{height:450px;min-height:450px;align-self:start}.faq-art img{height:450px;min-height:450px;object-fit:cover}.faq-layout{align-items:start}@media(max-width:800px) and (min-width:601px){.faq-art,.faq-art img{height:390px;min-height:390px}}@media(max-width:600px){.faq-art,.faq-art img{height:360px;min-height:360px}}
/* White dotted recycling symbol, visibly layered with normal compositing. */
.closing::before{background-image:url("recycle-white-dots.svg");opacity:.28;mix-blend-mode:normal}

/* Three folded recycling arrows, built from fine white dots. */
.closing::before{background-image:url("recycle-white-dots.svg?v=2");opacity:.32}
/* Scale the recycling motif to the closing section's full height. */
.closing::before{height:100%;width:auto;aspect-ratio:1;background-size:118% 118%}

/* Fill both edges with the dotted artwork, excluding SVG canvas margins. */
.closing::before{background-image:url("recycle-white-dots.svg?v=3");top:0;bottom:0;height:100%;transform:translateX(-50%);aspect-ratio:330 / 320;background-size:112% 112%;background-position:center}

/* Let the enlarged hero illustration overlap the yellow strip slightly. */
.hero{overflow:visible;clip-path:inset(0 0 -70px 0);z-index:1}.trust{position:relative;z-index:0}@media(min-width:801px){.hero-image{top:auto;bottom:-64px;transform:none;width:136%;margin-left:-16%;max-height:500px}}@media(max-width:800px){.hero .art{margin-bottom:-36px;z-index:1}.hero-image{width:108%;margin-left:-4%;max-height:330px}}