@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#24283a;--blue:#354bd9;--paper:#fffefa;--line:#e7e7e0;--muted:#636675;--yellow:#f6edbb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e79b2d;outline-offset:5px}.wrap{width:min(1240px,90%);margin:auto}.announcement{text-align:center;padding:9px 16px;background:var(--blue);color:white;font-size:13px;letter-spacing:.055em}header{border-bottom:1px solid var(--line);background:var(--paper)}nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.3px;display:flex;align-items:center;gap:11px}.mark{display:inline-grid;place-items:center;background:var(--blue);color:#fff;border-radius:50%;height:34px;width:34px;font-size:26px;font-weight:400}.navlinks{display:flex;gap:32px;font-size:14px}.bag{border:1px solid #dddeda;padding:8px 16px;border-radius:30px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:65px 0 55px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--blue);margin-bottom:22px}.hero h1{font-size:clamp(48px,5.3vw,74px);max-width:600px;line-height:1.04}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:410px;margin:24px 0 29px;color:var(--muted);font-size:17px}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;border:0;border-radius:7px;padding:15px 24px;background:var(--blue);color:white;font-weight:600;font-size:15px;transition:transform .2s,background .2s}.button:hover{background:#293bb1;transform:translateY(-2px)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.secondary:hover{background:#f2f2ec}.hero-note{font-size:12px;color:var(--muted);margin-top:20px}.hero-visual{background:var(--yellow);min-height:450px;border-radius:14px;position:relative;padding:34px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-visual img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.hero-visual .sample{width:82%;transform:rotate(-5deg)}.visual-caption{position:absolute;bottom:18px;left:20px;background:white;padding:9px 17px;border-radius:25px;font-size:12px;box-shadow:0 2px 16px #0000000a}.benefits{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:23px 0;color:#555b60;font-size:14px}.benefits span:before{content:'✓';margin-right:10px;color:var(--blue)}section{padding:75px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-heading h2,h2{font-size:38px}.section-heading p{color:var(--muted);font-size:15px;margin-top:12px}.small-link{font-size:14px;border-bottom:1px solid;white-space:nowrap}.filters{display:flex;gap:10px;margin:24px 0 30px;flex-wrap:wrap}.filter{padding:8px 20px;border-radius:30px;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:14px}.filter.active{color:#fff;background:var(--ink);border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 26px}.product-art{height:310px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:28px;overflow:hidden;position:relative}.product-art .sample{transition:transform .25s;width:80%;height:255px;transform:rotate(-5deg)}a:hover .product-art .sample{transform:rotate(-2deg) translateY(-4px)}.sample{background:#fffefc;padding:22px;color:#333a41;box-shadow:2px 12px 25px #303a4820;border:1px solid #e7e3dc;overflow:hidden;font-size:12px;line-height:1.5}.sample .sample-brand{font-size:9px;letter-spacing:.13em;color:#7a807b}.sample h3{font-size:24px;letter-spacing:-.045em;margin:9px 0 15px}.sample .sample-label{font-size:9px;letter-spacing:.11em;border-bottom:1px solid #aeb5a8;padding-bottom:6px}.sample .rule{height:20px;border-bottom:1px solid #e0e4dc}.sample .sample-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.sample table{width:100%;border-collapse:collapse;font-size:9px;margin-top:10px}.sample td,.sample th{border:1px solid #dce1dd;text-align:left;padding:6px}.sample th{background:#edf0e8}.art-blue{background:#e3eafb}.art-yellow{background:#f5edce}.art-green{background:#e7edde}.art-pink{background:#f6e5e3}.art-purple{background:#e9e6f5}.art-peach{background:#f7e8d6}.badge{position:absolute;top:14px;left:14px;background:#fff;padding:4px 11px;border-radius:20px;font-size:11px;z-index:1}.product-meta{font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin:18px 0 8px}.product-title{display:flex;justify-content:space-between;gap:12px}.product-title h3{font-size:20px;letter-spacing:-.035em}.price{font-size:16px;font-weight:600;white-space:nowrap}.product-copy{font-size:14px;color:var(--muted);margin:8px 0}.product-link{font-size:13px;display:inline-block;margin-top:7px;color:var(--blue)}.steps-section{background:#f0f2fb;border-radius:14px;padding:48px;margin-bottom:65px}.steps-section .eyebrow{margin-bottom:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:36px}.step-number{font-size:13px;color:var(--blue);margin-bottom:13px}.steps h3{font-size:21px;margin-bottom:12px}.steps p{font-size:15px;color:var(--muted)}.faq{max-width:780px;margin:auto;padding-top:0}.faq h2{text-align:center;margin-bottom:35px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';color:var(--blue)}details[open] summary:after{content:'−'}details p{color:var(--muted);margin-top:15px;font-size:15px}.closing{background:#f7edc6;text-align:center;padding:54px 20px;border-radius:12px;margin:0 auto 70px}.closing p{margin:16px 0 24px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:45px 0 22px}.footer-main{display:flex;justify-content:space-between;gap:30px}.footer-main p{color:var(--muted);font-size:14px;margin-top:12px}.footer-links{display:flex;gap:28px;font-size:13px;flex-wrap:wrap;max-width:470px}.footer-bottom{border-top:1px solid var(--line);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.breadcrumb{padding-top:28px;font-size:13px;color:var(--muted)}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:40px 0 70px}.detail .product-art{height:565px}.detail .sample{height:435px;padding:38px;max-width:350px}.detail .sample h3{font-size:33px}.detail .sample .rule{height:34px}.detail h1{font-size:48px;margin:12px 0 20px}.detail-description{color:var(--muted);margin-bottom:22px}.detail-price{font-size:28px;font-weight:600}.details-note{font-size:13px;color:var(--muted);margin:10px 0 22px}.full{width:100%}.features{list-style:none;padding:0;margin:24px 0}.features li{padding:6px 0;font-size:15px}.features li:before{content:'✓';color:var(--blue);margin-right:10px}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding:55px 0}.product-details h2{font-size:26px;margin-bottom:20px}.product-details p,.product-details li{color:var(--muted);font-size:15px}.legal{max-width:820px;padding:55px 0 90px}.legal h1{font-size:48px;margin-bottom:20px}.legal h2{font-size:24px;margin:35px 0 12px}.legal p{margin:12px 0;color:#555b68}.notice{padding:17px 20px;background:#fff1ce;border:1px solid #ecdbab;border-radius:8px;font-size:14px;margin-bottom:24px}.checkout{max-width:780px;padding:50px 0 85px}.checkout h1{font-size:42px;margin-bottom:20px}.cart-line{display:flex;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.cart-line h3{font-size:19px}.cart-line .line-main{flex:1}.remove{border:0;background:none;text-decoration:underline;color:var(--muted);font-size:13px}.total{display:flex;justify-content:space-between;font-size:24px;padding:25px 0}.empty{text-align:center;padding:60px 15px}.empty p{margin:18px 0 25px}.success{padding:35px;background:#eef3e8;border-radius:10px}.success h2{font-size:30px}.success p{margin:15px 0}.hidden,[hidden]{display:none!important}@media(max-width:850px){.hero{gap:25px}.hero h1{font-size:50px}.hero-visual{min-height:390px}.grid{grid-template-columns:repeat(2,1fr)}.benefits{flex-wrap:wrap}.detail{gap:30px}.detail h1{font-size:38px}.detail .product-art{height:440px}.navlinks{gap:18px}.steps-section{padding:30px}.footer-main{flex-direction:column}}@media(max-width:600px){nav{height:78px;gap:12px}.brand{font-size:22px}.mark{width:28px;height:28px;font-size:22px}.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:38px;gap:32px}.hero h1{font-size:52px}.hero p{font-size:16px}.hero-visual{min-height:365px}.benefits{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:14px}.grid{gap:28px 14px}.product-art{height:220px;padding:18px}.product-art .sample{width:100%;height:185px;padding:12px}.sample h3{font-size:18px}.sample .rule{height:14px}.sample td,.sample th{padding:3px;font-size:8px}.product-title{flex-direction:column;gap:5px}.product-title h3{font-size:18px}.product-copy{font-size:13px}.badge{font-size:9px;top:8px;left:8px}.section-heading{align-items:start}.section-heading h2,h2{font-size:31px}.section-heading .small-link{display:none}section{padding:50px 0}.steps{grid-template-columns:1fr;gap:24px}.steps-section{padding:28px;margin-bottom:45px}.footer-bottom{flex-direction:column;gap:12px}.footer-links{gap:16px 24px}.detail{grid-template-columns:1fr;padding-top:25px;gap:30px}.detail .product-art{height:410px}.detail .sample{height:340px;width:75%;padding:25px}.detail h1{font-size:39px}.product-details{grid-template-columns:1fr;gap:35px}.legal h1{font-size:39px}.closing{margin-bottom:45px}.hero-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
