@import "https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";
:root{--primary-blue:#003b5c;--accent-orange:#ff6a39;--text-dark:#1a202c;--text-muted:#4a5568;--text-light:#f8fafc;--bg-light:#f4f7f8;--bg-white:#fff;--border-light:#dbe4ea;--shadow-soft:0 18px 50px #00000014;--font-serif:"Noto Serif SC", serif;--font-sans:"Noto Sans SC", sans-serif;--content-width:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-dark);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#ff6a3914,#0000 28%),linear-gradient(#fffaf6 0%,#fff 22%,#f7fafc 100%);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{overflow-x:hidden}.container{width:min(calc(100% - 48px), var(--content-width));margin:0 auto}.section-block{padding:96px 0;position:relative}.section-soft{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffad}.section-title{text-align:center;font:700 clamp(2rem, 3vw, 3rem) / 1.2 var(--font-serif);color:var(--primary-blue);margin:0 0 56px}.section-title:after{content:"";background:var(--accent-orange);border-radius:999px;width:64px;height:4px;margin:18px auto 0;display:block}.hero,.closing{background-position:50%;background-size:cover;place-items:center;min-height:100svh;display:grid}.hero{background-image:url(https://a.lovart.ai/artifacts/agent/P9q2bBwjTK11wDjP.jpg)}.closing{background-image:url(https://a.lovart.ai/artifacts/agent/F4Jm9qg0n01WCPjL.jpg)}.hero-overlay,.closing-overlay{position:absolute;inset:0}.hero-overlay{background:linear-gradient(#003b5c52,#003b5cd1)}.closing-overlay{background:linear-gradient(#003b5c66,#003b5ce6)}.hero-content,.closing-content{z-index:1;text-align:center;color:var(--text-light);position:relative}.eyebrow{letter-spacing:.18em;background:#ffffff14;border:1px solid #ffffff42;border-radius:999px;margin:0 0 20px;padding:10px 18px;font-size:.95rem;display:inline-block}.hero-title{font:700 clamp(3.2rem, 8vw, 5.8rem) / 1.05 var(--font-serif);letter-spacing:.08em;margin:0}.hero-quote{max-width:760px;font:400 clamp(1.1rem, 2.6vw, 1.6rem) / 1.8 var(--font-serif);margin:22px auto 34px}.hero-tags,.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-tags{margin-bottom:34px}.hero-tags span,.product-card span{color:var(--accent-orange);background:#ff6a391f;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:.95rem;font-weight:700;display:inline-flex}.hero-tags span{color:#fff;background:#ff6a39eb;box-shadow:0 10px 30px #ff6a393d}.btn{border-radius:999px;min-width:160px;padding:16px 28px;font-size:1rem;font-weight:700;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent-orange);color:#fff}.btn-secondary{background:#003b5c7a;border:1px solid #ffffff47}.card,.product-card,.trust-card{box-shadow:var(--shadow-soft);background:#ffffffe6;border:1px solid #003b5c0f;border-radius:28px}.values-grid,.ingredients-grid,.products-grid,.problems-grid,.trust-grid{gap:24px;display:grid}.values-grid,.ingredients-grid,.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.value-card,.problem-card{text-align:center;padding:36px 28px}.value-card h3,.ingredient-card h3,.product-card h3,.problem-card h3,.trust-card h3{font:700 1.45rem/1.3 var(--font-serif);color:var(--primary-blue);margin:0 0 12px}.value-card p,.ingredient-card p,.product-card p,.problem-card p{color:var(--text-muted);white-space:pre-line;margin:0;line-height:1.8}.emoji-icon,.ingredient-icon,.trust-mark{background:linear-gradient(135deg,#003b5c1a,#ff6a392e);border-radius:20px;place-items:center;width:68px;height:68px;margin:0 auto 20px;font-size:2rem;display:grid}.story-layout{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.story-image-frame{box-shadow:var(--shadow-soft);border-radius:28px;min-height:600px;overflow:hidden}.story-image-frame img{object-fit:cover;width:100%;height:100%}.story-copy blockquote{color:var(--primary-blue);font:700 clamp(1.4rem, 2vw, 1.8rem) / 1.8 var(--font-serif);margin:0 0 28px;padding-left:28px;position:relative}.story-copy blockquote:before{content:"“";color:#ff6a3959;font-size:4rem;position:absolute;top:-18px;left:-4px}.story-copy p{color:var(--text-muted);margin:0 0 18px;font-size:1.05rem;line-height:1.9}.ingredient-card{align-items:center;gap:18px;padding:28px 24px;display:flex}.ingredient-icon{border-radius:50%;flex:none;width:56px;height:56px;margin:0;font-size:1.5rem}.ingredient-card p{color:var(--accent-orange);font-weight:700}.products-grid{align-items:stretch}.product-card{text-align:center;padding:28px;position:relative}.step-badge{background:var(--primary-blue);color:#fff;border-radius:999px;place-items:center;width:46px;height:46px;margin:0 auto 18px;font-weight:700;display:grid}.product-image-frame{background:linear-gradient(#f7fafc,#eef4f6);border-radius:22px;place-items:center;min-height:320px;margin-bottom:18px;padding:20px;display:grid}.product-image-frame img{object-fit:contain;width:min(100%,240px)}.product-card p{margin-bottom:16px}.problems-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.problem-card{position:relative}.problem-card:before{content:"";background:var(--primary-blue);border-radius:28px 28px 0 0;height:4px;position:absolute;inset:0 0 auto}.trust-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.trust-card{text-align:center;padding:28px 18px}.trust-mark{color:var(--accent-orange);border-radius:50%;font-size:1.25rem}.closing-content p{font:700 clamp(2rem, 4vw, 3.4rem) / 1.7 var(--font-serif);letter-spacing:.06em;margin:0}.closing-content span{color:var(--accent-orange);display:block}@media (max-width:1100px){.values-grid,.ingredients-grid,.products-grid,.problems-grid,.trust-grid,.story-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.story-image-frame{min-height:420px}}@media (max-width:720px){.section-block{padding:72px 0}.container{width:min(calc(100% - 32px), var(--content-width))}.values-grid,.ingredients-grid,.products-grid,.problems-grid,.trust-grid,.story-layout{grid-template-columns:1fr}.hero,.closing{min-height:auto;padding:120px 0}.hero-title{letter-spacing:.04em}.eyebrow{letter-spacing:.1em}.btn{width:100%}.hero-buttons{flex-direction:column}}