*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5f0;color:#27383e;font:17px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #b66835;outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding:0 32px}header{border-bottom:1px solid #dcded9}nav{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:18px 0}.brand{font-size:21px;font-weight:750;text-decoration:none}.navlinks{display:flex;gap:24px;flex-wrap:wrap;font-size:15px}.lang{color:#4f6773}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;padding:72px 0 90px}.eyebrow{font-size:14px;letter-spacing:2px;color:#765333;font-weight:700}h1{font-size:clamp(40px,5.2vw,68px);line-height:1.3;letter-spacing:-1.5px;margin:22px 0 28px}h1 em{font-style:normal;color:#a45c30}.lead{font-size:20px;max-width:530px}.button{display:inline-block;text-decoration:none;background:#314b56;color:white;padding:15px 28px;border-radius:9px;font-weight:650;margin:20px 0 10px}.small{font-size:14px;color:#57676b}.hero img{width:100%;max-width:320px;border-radius:16px;box-shadow:0 22px 50px #23374024;display:block;margin:auto;transform:rotate(3deg)}.strip{border-top:1px solid #d6dcd6;border-bottom:1px solid #d6dcd6;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:16px}.section{padding:85px 0}h2{font-size:34px;line-height:1.5;letter-spacing:-.5px}h3{font-size:21px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.num{font-size:15px;color:#a45c30;border-top:2px solid #c7aa86;padding-top:18px;display:block}.feature{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature img{display:block;width:100%;max-width:290px;margin:auto;box-shadow:0 20px 40px #172b2920;border-radius:12px}.feature.pad img{max-width:440px}.tint{background:#e6ebe7}.dark{background:#314b56;color:#fff9ed}.dark .eyebrow{color:#efb582}.dark .small{color:#e2e8e7}.dark .button{background:#f1d2ad;color:#27383e}.section p{max-width:540px}.legal{max-width:800px;margin:auto;padding:64px 28px 90px}.legal h1{font-size:42px}.legal h2{font-size:24px;margin-top:38px}.legal p{overflow-wrap:anywhere}.legal a{color:#466977}details{padding:20px 0;border-bottom:1px solid #ccd4d1}summary{cursor:pointer;font-weight:650}footer{padding:38px 0;border-top:1px solid #d6dcd6}.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot div{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:10px;background:white;z-index:9}@media(max-width:700px){.wrap{padding:0 22px}nav{gap:12px}.navlinks{gap:17px;font-size:14px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0 55px}h1{font-size:42px}.lead{font-size:18px}.hero img{max-width:245px;transform:none}.strip{flex-wrap:wrap;font-size:14px;gap:10px 22px}.section{padding:52px 0}.steps,.feature{grid-template-columns:1fr;gap:30px}h2{font-size:29px}.feature img{max-width:260px}.feature.pad img{max-width:100%}.legal h1{font-size:34px}.legal{padding-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Three-screen hero: actual supplied artwork, shared with the feature sections. */
.hero{grid-template-columns:1fr 1.15fr;gap:38px;min-height:760px;padding:65px 0 80px}.hero>div:first-child{position:relative;z-index:2}.hero-gallery{position:relative;width:100%;height:600px;isolation:isolate}.hero-gallery:before{content:"";position:absolute;inset:12% -2% 4%;border-radius:50%;background:radial-gradient(ellipse,#dfd4c1 0%,#ece5d9 40%,transparent 70%);z-index:-1}.hero .shot{position:absolute;height:auto;margin:0;border-radius:12px;box-shadow:0 22px 45px #23374025;max-width:none}.hero .shot-left{width:38%;left:0;top:90px;transform:rotate(-10deg);z-index:1}.hero .shot-right{width:43%;right:0;top:125px;transform:rotate(10deg);z-index:2}.hero .shot-main{width:45%;left:28%;top:15px;transform:rotate(-2deg);z-index:3}.button{transition:background .2s,transform .2s;box-shadow:0 6px 18px #263d4a14}.button:hover{background:#45636e;transform:translateY(-2px)}.dark .button:hover{background:#ffe0b8}.brand{letter-spacing:-.5px}@media(min-width:1500px){.wrap{max-width:1240px}.hero-gallery{height:660px}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:20px;padding:45px 0}.hero-gallery{max-width:560px;height:580px;margin:0 auto}.hero>div:first-child{max-width:620px}.hero .lead{max-width:600px}}@media(max-width:600px){.hero-gallery{height:108vw;max-height:560px}.hero .shot-left{top:17%}.hero .shot-right{top:26%}.hero .shot-main{top:4%}.hero{min-height:0}.hero h1{font-size:42px}.hero .shot{border-radius:8px}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

/* Product icon beside the homepage brand. */
header .brand { display: inline-flex; align-items: center; gap: 12px; }
header .brand-icon { display: block; width: 44px; height: 44px; flex: 0 0 44px; object-fit: cover; border-radius: 10px; }
@media (max-width: 600px) {
  header .brand { gap: 8px; }
  header .brand-icon { width: 36px; height: 36px; flex-basis: 36px; border-radius: 8px; }
}