.hero-grid{grid-template-columns:1fr 1.08fr;gap:48px}.hero h1{font-size:51px}.hero{padding-block:60px}.hero-visual{margin:0;min-width:0;text-align:center}.hero-visual img{display:block;width:100%;height:auto;border-radius:15px}.hero-visual-label{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;font-size:10px;font-weight:800;letter-spacing:.08em}.hero-visual-label>span{border:1px solid #d8ded3;border-radius:4px;padding:5px 12px}.hero-visual-label>span:last-child{background:var(--yellow);border-color:var(--yellow)}.hero-visual figcaption{font-size:9px;color:var(--muted);line-height:1.8;margin-top:13px}.sample-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:700;border-bottom:1px solid #b9cabc;padding:8px 0;color:var(--teal);margin-top:8px}.sample-link:hover{color:var(--navy)}.samples-section{background:#fff;border-bottom:1px solid var(--line)}.samples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sample-card{border:1px solid #dde2dc;border-radius:13px;overflow:hidden;background:var(--cream);min-width:0}.sample-preview{border:0;border-bottom:1px solid #e2e5de;display:block;padding:12px;background:#f1f3ed;width:100%;position:relative;cursor:zoom-in}.sample-preview img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:7px}.sample-expand{position:absolute;bottom:23px;right:21px;padding:7px 12px;border-radius:5px;background:var(--navy);color:white;font-size:10px;font-weight:700;box-shadow:0 3px 12px #152d4525;display:flex;gap:12px;align-items:center}.sample-expand>span{font-size:15px}.sample-preview:hover .sample-expand{background:var(--teal)}.sample-caption{padding:21px}.sample-caption>span{font-size:8px;font-weight:800;letter-spacing:.07em;color:var(--teal);text-transform:uppercase}.sample-caption h3{font-size:22px;margin-top:8px;line-height:1.2;letter-spacing:-.025em}.sample-caption p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:26px}.gallery-bottom>p{font-size:11px;color:var(--muted);line-height:1.8}.gallery-controls{display:none;gap:8px}.gallery-controls button{border:1px solid var(--line);background:var(--cream);border-radius:6px;width:44px;height:44px;font-size:19px;cursor:pointer}.gallery-controls button:disabled{opacity:.35;cursor:default}.mockup-disclosure{font-size:10px;color:var(--muted);margin-bottom:25px}.bonus-row{grid-template-columns:72px minmax(0,1fr) 250px;column-gap:30px;min-height:285px;padding-block:25px}.bonus-visual{margin:0;grid-column:3;grid-row:1;min-width:0}.bonus-visual img{width:100%;height:auto;display:block;border-radius:12px}.bonus-label{display:none}.bonus-body h3{font-size:25px;max-width:660px}.bonus-body>p:last-child{font-size:13px}.offer-mockup{margin:30px 0 0;max-width:470px}.offer-mockup img{width:100%;height:auto;display:block;border-radius:12px}.offer-mockup figcaption{font-size:10px;color:#c3d0dc;margin-top:8px;text-align:center}.sample-dialog{width:min(940px,calc(100% - 32px));max-width:none;max-height:94dvh;border:0;border-radius:12px;background:var(--cream);padding:0;color:var(--ink);box-shadow:0 20px 80px #0005}.sample-dialog::backdrop{background:#102338cf;backdrop-filter:blur(3px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:17px 22px;border-bottom:1px solid var(--line)}.dialog-toolbar>div>span{font-size:8px;letter-spacing:.08em;color:var(--teal);font-weight:800}.dialog-toolbar h2{font-size:23px;line-height:1.2;margin-top:5px}.dialog-actions{display:flex;align-items:center;gap:10px;flex:none}.dialog-actions button{cursor:pointer;border:1px solid #c9d0c6;background:white;border-radius:6px;min-height:42px;padding:9px 12px;font-size:11px;font-weight:600;color:var(--navy)}.dialog-actions [data-close-sample]{font-size:18px;width:42px;padding:8px}.dialog-scroll{overflow:auto;max-height:calc(94dvh - 140px);padding:18px;background:#e4e9e3}.dialog-scroll img{display:block;max-width:100%;height:auto;width:auto;margin:auto}.dialog-scroll.is-zoomed img{max-width:none;width:1080px;margin:0}.dialog-help{font-size:10px;text-align:center;padding:10px 14px;color:var(--muted)}body.sample-open{overflow:hidden}
@media(max-width:1000px){.hero-grid{gap:28px;grid-template-columns:1fr 1fr}.hero h1{font-size:43px}.bonus-row{grid-template-columns:55px minmax(0,1fr) 200px;gap:22px;min-height:240px}.bonus-body h3{font-size:23px}.samples-grid{gap:18px}.sample-caption{padding:17px}.sample-caption h3{font-size:20px}.sample-caption p{font-size:11px}}
@media(min-width:601px) and (max-width:800px){.hero h1{font-size:37px}.hero-visual-label{font-size:8px;gap:8px}.hero-visual-label>span{padding:5px 8px}.hero-visual figcaption{font-size:8px}.sample-link{font-size:10px}.samples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-row{grid-template-columns:48px minmax(0,1fr) 170px;gap:18px}.bonus-count{font-size:38px}.bonus-body h3{font-size:21px}.bonus-body>p:last-child{font-size:12px}}
@media(max-width:600px){.hero{padding-block:34px 38px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(35px,9.7vw,49px)}.hero-visual{width:100%;max-width:480px;margin:auto}.hero-visual-label{font-size:9px;margin-bottom:10px}.hero-visual figcaption{font-size:9px;line-height:1.8;margin-top:10px}.sample-link{font-size:12px;margin-top:7px}.samples-section .container{width:100%}.samples-section .section-heading,.gallery-bottom{margin-inline:20px}.samples-grid{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:0 20px 8px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9baea0 transparent}.sample-card{flex:0 0 85%;scroll-snap-align:start;max-width:380px}.sample-preview{padding:10px}.sample-caption{padding:20px}.sample-caption h3{font-size:23px}.sample-caption p{font-size:13px}.sample-caption>span{font-size:9px}.sample-expand{font-size:10px;bottom:19px;right:17px}.gallery-bottom{margin-top:18px;gap:14px}.gallery-bottom p{font-size:10px}.gallery-controls{display:flex}.mockup-disclosure{font-size:10px;line-height:1.8;margin-bottom:22px}.bonus-row{grid-template-columns:40px minmax(0,1fr);gap:20px 17px;padding-block:25px}.bonus-visual{grid-column:1/-1;grid-row:1;width:min(100%,310px);justify-self:center}.bonus-count{grid-column:1;grid-row:2}.bonus-body{grid-column:2;grid-row:2}.bonus-body h3{font-size:23px}.bonus-body>p:last-child{font-size:14px}.offer-mockup{margin-top:25px}.offer-mockup figcaption{font-size:9px}.sample-dialog{width:calc(100% - 16px);max-height:96dvh;border-radius:9px}.dialog-toolbar{gap:10px;padding:12px}.dialog-toolbar h2{font-size:18px}.dialog-toolbar>div>span{font-size:7px}.dialog-actions{gap:7px}.dialog-actions button{font-size:9px;min-height:40px;padding:7px 9px}.dialog-actions [data-close-sample]{width:36px;font-size:16px}.dialog-scroll{padding:8px;max-height:calc(96dvh - 130px)}.dialog-help{font-size:9px;line-height:1.6;padding:10px}.dialog-scroll.is-zoomed img{width:900px}}