:root{--bg:#f6f4ef;--text:#1d1d1f;--muted:#1d1d1fb3;--card:#ffffff8c;--border:#1d1d1f1a;--shadow:0 10px 28px #0000001a;--radius:34px;--container:1040px}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth;scroll-padding-top:76px}section{scroll-margin-top:76px}body{color:var(--text);background:var(--bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}#contact a[href^=mailto\:]{color:var(--muted);text-underline-offset:3px;margin-top:6px;font-size:14px;text-decoration:underline;display:inline-block}#contact a[href^=mailto\:]:hover{color:var(--text)}.page{min-height:100vh;overflow-x:hidden}.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}.topbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#f6f4efdb;position:sticky;top:0}.nav{width:min(var(--container),calc(100% - 48px));grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:64px;margin:0 auto;display:grid}.nav-left{gap:18px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.nav-brand{letter-spacing:.2px;align-items:center;gap:8px;font-weight:600;display:inline-flex}.nav-right{justify-content:flex-end;display:flex}.cart{border:1px solid var(--border);background:#fff9;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.hero{padding:76px 0 56px}.hero-inner{width:min(var(--container),calc(100% - 48px));grid-template-columns:1fr 1fr;align-items:center;gap:72px;margin:0 auto;display:grid}.hero-left{flex-direction:column;gap:16px;max-width:520px;display:flex}.hero-title{letter-spacing:-.02em;margin:0;font-family:ui-serif,Georgia,Times New Roman,Times,serif;font-size:clamp(42px,6vw,78px);line-height:.95}.hero-subtitle{color:var(--muted);max-width:52ch;margin:0;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.hero-right{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow);background:#ffffff9e;background-color:var(--bg);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-self:end;position:relative;overflow:hidden}.hero-right:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:normal;background:radial-gradient(28px 28px at 0 0,#f6f4eff2,#f6f4ef00 70%),radial-gradient(28px 28px at 100% 0,#f6f4eff2,#f6f4ef00 70%),radial-gradient(28px 28px at 0 100%,#f6f4eff2,#f6f4ef00 70%),radial-gradient(28px 28px at 100% 100%,#f6f4eff2,#f6f4ef00 70%);position:absolute;inset:0}.hero-visual,.hero-image,.hero-right>img{object-fit:contain;object-position:center;background:0 0;width:100%;height:100%;display:block}.hero-right[data-bg=true]{background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:var(--bg)}.hero-content{color:inherit;max-width:none;padding:0;position:static}@media (max-width:920px){.hero{padding:48px 0 34px}.hero-inner{grid-template-columns:1fr;gap:22px}.hero-title{font-size:46px}.hero-right{justify-self:center;max-width:520px}}.section{padding:38px 0}.section-muted{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:0 0}.section-title{margin:0 0 14px;font-size:22px}.section-text{color:var(--muted);margin:0;line-height:1.6}.product{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:18px;display:flex}.productGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:40px;display:grid}.productCard{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:18px;min-height:220px;padding:32px;display:flex;overflow:hidden}.productCardBody{margin-bottom:20px}.productActions{flex-wrap:wrap;gap:12px;width:100%;margin-top:auto;display:flex}.productActions .btn{min-width:132px;padding:12px 18px}.productCard .btn{align-self:flex-start}.product-title{margin-bottom:12px;font-size:20px}.product-desc{color:var(--muted);font-size:14px;line-height:1.6}.product-title{margin:0 0 8px;font-size:18px}.product-desc{color:var(--muted);margin:0;line-height:1.5}.btn{border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:auto;min-width:132px;padding:12px 16px;font-size:14px;display:inline-flex}.btn-primary{color:#1d1d1f;background:#f2e3cf;border-color:#00000014}.btn-ghost{color:var(--text);background:#ffffff8c;border-color:#0000001a}.footer{color:var(--muted);padding:26px 0 36px}.footer-inner{justify-content:center;font-size:13px;display:flex}.productCard--split{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;display:grid}.productMedia img{border-radius:24px;width:100%;display:block}.productContent{flex-direction:column;gap:14px;display:flex}.product-qa p{color:var(--muted);margin:0;font-size:14px}@media (max-width:1024px){.productCard--split{grid-template-columns:1fr;align-items:flex-start;gap:28px}}.product-qa{flex-direction:column;gap:10px;margin-top:18px;display:flex}.product-qa strong{font-weight:600}@media (max-width:768px){.container{width:min(var(--container),calc(100% - 32px))}.nav{grid-template-columns:1fr;gap:10px;height:auto;padding:14px 0}.nav-left{flex-wrap:wrap;justify-content:center;gap:10px;font-size:12px}.nav-brand{text-align:center;justify-content:center;font-size:14px}.nav-right{display:none}.hero{padding:36px 0 28px}.hero-inner{grid-template-columns:1fr;gap:24px}.hero-left{max-width:none}.hero-title{font-size:42px;line-height:1}.hero-subtitle{max-width:none;font-size:15px}.hero-right{justify-self:center;max-width:320px}.productGrid{gap:24px}.productCard{padding:22px}.productCard--split{grid-template-columns:1fr;gap:24px}.productMedia img{object-fit:cover;border-radius:20px;max-height:280px}.btn{min-width:120px}#contact a[href^=mailto\:]{font-size:13px}}.hero-title{text-wrap:balance}.hero-subtitle{max-width:46ch}@media (hover:hover) and (pointer:fine){.hero-right{transition:transform .35s,box-shadow .35s}.hero-right:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0000001f}}
