@charset "UTF-8";
:root{--bg:#f6f9fd;--white:#fff;--ink:#202637;--sub:#64718a;--blue:#16b5e5;--pink:#fb6b9b;--pale:#eaf7fd;--line:#e8eef5;--shadow:0 15px 48px rgba(30,67,93,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}figure,p,h1,h2,h3{margin:0}a{color:inherit;text-decoration:none}button,a{font:inherit}button{border:0}button:disabled{cursor:not-allowed} .wrap{width:min(1080px,calc(100% - 36px));margin:0 auto}
.top{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.top-inner{height:58px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:900;letter-spacing:.2px}.brand-shape{width:29px;height:27px;background:linear-gradient(135deg,var(--blue),#87d9f3);border-radius:11px;position:relative}.brand-shape:after{content:"";position:absolute;width:9px;height:9px;background:var(--pink);border:3px solid white;border-radius:50%;right:-5px;top:-5px}.top-tag{font-size:11px;color:var(--sub)}
.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:22px;align-items:stretch;padding:24px 0 32px}.hero-content,.hero-art{min-width:0}.hero-content{background:#fff;border:1px solid var(--line);padding:34px 30px 30px;border-radius:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;align-items:start}.eyebrow{display:flex;align-items:center;gap:8px;color:#0799c4;font-size:13px;font-weight:800}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pink)}.hero h1{margin:14px 0;font-size:clamp(35px,4.8vw,59px);font-weight:950;letter-spacing:-1.7px;line-height:1.13}.hero h1 em{display:block;color:var(--pink);font-style:normal}.lead{font-size:14px;line-height:1.85;color:var(--sub);max-width:490px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chips span{background:#f1f9fc;border:1px solid #ddecf5;border-radius:999px;padding:7px 12px;color:#4d8094;font-size:12px;font-weight:700}.cta{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 27px;font-size:15px;font-weight:900;background:linear-gradient(100deg,var(--pink),#ff85a5);color:white;border-radius:999px;box-shadow:0 11px 22px rgba(251,107,155,.18)}.cta:disabled{opacity:1}.cta:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
/* Pure CSS visual treatment. Not a photograph or historical image. */
.hero-art{position:relative;overflow:hidden;min-height:400px;border-radius:26px;background:radial-gradient(circle at 75% 10%,rgba(255,255,255,.7) 0 13%,transparent 37%),linear-gradient(138deg,#bdeaf8 0%,#82d9ed 52%,#fbd7d8 100%);box-shadow:var(--shadow)}.hero-art:before,.hero-art:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.55);border-radius:50%}.hero-art:before{width:500px;height:500px;right:-140px;top:-200px}.hero-art:after{width:290px;height:290px;left:-140px;bottom:-170px}.scene{position:absolute;left:9%;right:9%;top:11%;bottom:11%;border-radius:23px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.35));box-shadow:0 15px 33px rgba(25,87,120,.12);border:1px solid rgba(255,255,255,.67);overflow:hidden}.scene .oventop{position:absolute;left:21%;right:21%;top:13%;height:56%;border:16px solid #df9176;border-radius:170px 170px 14px 14px;background:radial-gradient(ellipse at center bottom,#ffecc8 0 10%,#ff9a62 32%,#af5037 70%,#4b3042 85%);box-shadow:inset 0 0 18px #8c3c33}.scene .shelf{position:absolute;left:10%;right:10%;height:13px;border-radius:8px;bottom:22%;background:#aa6e67}.scene .dish{position:absolute;left:18%;right:18%;bottom:11%;height:24%;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#f4c36c 0 31%,#cd7d4c 33% 42%,#fff5e5 44% 59%,#dfe5e9 61% 73%,transparent 75%);transform:perspective(200px) rotateX(12deg);filter:drop-shadow(0 15px 9px rgba(90,76,76,.22))}.scene .leaf{position:absolute;width:26px;height:14px;border-radius:80% 0;background:#518b5d;left:49%;bottom:24%;transform:rotate(-28deg)}.scene .leaf.second{left:55%;transform:rotate(58deg)}.scene .tomato{position:absolute;width:22px;height:22px;border-radius:50%;background:#df493c;left:44%;bottom:22%;box-shadow:48px 5px 0 #df493c,29px -9px 0 #e96850}.visual-label{position:absolute;left:21px;bottom:21px;padding:9px 13px;background:rgba(255,255,255,.88);border-radius:12px;color:#386279;font-size:12px;font-weight:800;letter-spacing:.2px}
.points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:2px;margin-bottom:36px}.point{display:flex;gap:13px;align-items:center;padding:16px 18px;background:white;border:1px solid var(--line);border-radius:18px}.point b{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:14px;background:#e9f8ff;color:#059cc5;font-size:15px}.point strong{display:block;font-size:14px}.point p{color:var(--sub);font-size:11px;margin-top:3px;line-height:1.6}
.section{padding-bottom:28px}.section-header{margin-bottom:16px}.section-header small{display:block;color:#0faacf;font-size:11px;letter-spacing:1.5px;font-weight:850}.section-header h2{font-size:26px;letter-spacing:-.6px;margin:6px 0}.section-header p{font-size:13px;color:var(--sub);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.card-visual{height:164px;position:relative;overflow:hidden}.card-visual:before,.card-visual:after{content:"";position:absolute}.card-visual.first{background:linear-gradient(135deg,#dceef6,#e4c8b8)}.card-visual.first:before{inset:22% 24% 0;border:14px solid #ca8d79;border-bottom:0;border-radius:100px 100px 0 0;background:radial-gradient(ellipse at center bottom,#ffbc7b,#9d5654 80%)}.card-visual.first:after{width:72%;height:15px;bottom:14px;left:14%;background:#b17b5f;border-radius:8px}.card-visual.second{background:linear-gradient(145deg,#d2f4e8,#ffe2b4)}.card-visual.second:before{width:68%;height:76%;top:12%;left:16%;border-radius:50%;background:radial-gradient(circle at 34% 36%,#eb5235 0 8%,transparent 10%),radial-gradient(circle at 59% 57%,#e95342 0 8%,transparent 10%),radial-gradient(circle at 69% 28%,#e95342 0 8%,transparent 10%),radial-gradient(circle at 30% 65%,#55885a 0 6%,transparent 8%),radial-gradient(circle at 64% 76%,#55885a 0 7%,transparent 9%),radial-gradient(circle at 47% 43%,#f9df81 0 60%,#c87949 62% 77%,transparent 78%);box-shadow:0 10px 18px rgba(73,74,50,.16)}.card-visual.third{background:linear-gradient(160deg,#cce4fa,#ffe3e4)}.card-visual.third:before{left:16%;bottom:13%;width:25%;height:45%;background:#fff;border-radius:12px 12px 0 0;box-shadow:120px 15px 0 -4px #fff,57px -27px 0 -7px #fff}.card-visual.third:after{left:13%;right:13%;bottom:10%;height:11px;background:#a6bfd7;border-radius:9px}.card-body{padding:16px 17px 20px}.card-body .idx{font-size:11px;color:#0f9fc4;font-weight:900}.card-body h3{font-size:18px;margin:7px 0}.card-body p{color:var(--sub);line-height:1.75;font-size:12px}.closing{margin:6px auto 42px;padding:26px 28px;border-radius:24px;background:linear-gradient(120deg,#e3f6ff,#fff1f6);display:flex;gap:20px;align-items:center;justify-content:space-between}.closing h2{font-size:23px;margin-bottom:7px}.closing p{color:var(--sub);line-height:1.8;font-size:12px}.footer{border-top:1px solid var(--line);background:white}.footer-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;color:#7e8796;font-size:11px;gap:12px}.fixed-cta{display:none}
@media(max-width:820px){.hero{grid-template-columns:1fr}.hero-art{min-height:300px;grid-row:1}.hero-content{grid-row:2}.scene{left:19%;right:19%}.cards{gap:11px}}@media(max-width:640px){.wrap{width:calc(100% - 28px)}.top-inner{height:54px}.top-tag{font-size:10px}.hero{gap:13px;padding:13px 0 20px}.hero-art{min-height:205px;border-radius:20px}.scene{left:21%;right:21%;top:7%;bottom:8%}.scene .oventop{border-width:10px}.hero-content{border-radius:21px;padding:18px 19px 20px}.hero h1{font-size:34px;line-height:1.13;margin:9px 0}.lead{font-size:12px;line-height:1.65}.chips{margin:13px 0}.chips span{font-size:11px;padding:6px 11px}.hero-content>.cta{display:none}.points{gap:8px;margin-bottom:26px}.point{padding:12px 6px;display:block;text-align:center;border-radius:14px}.point b{margin:0 auto 7px;font-size:12px;width:28px;height:28px;border-radius:10px}.point strong{font-size:12px}.point p{font-size:10px}.section-header h2{font-size:23px}.cards{grid-template-columns:1fr;gap:12px}.card{border-radius:18px;display:grid;grid-template-columns:43% 57%;min-height:150px}.card-visual{height:100%;min-height:148px}.card-body{padding:14px 12px}.card-body h3{font-size:16px}.card-body p{font-size:11px}.closing{display:block;padding:20px;border-radius:20px;margin-bottom:26px}.closing h2{font-size:20px}.closing>.cta{display:none}.footer{padding-bottom:75px}.footer-inner{min-height:85px;justify-content:center;flex-direction:column;gap:7px}.fixed-cta{display:block;position:fixed;z-index:30;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.fixed-cta .cta{width:100%;min-height:45px}.visual-label{font-size:10px;bottom:12px;left:12px;padding:6px 9px}}
@media(max-width:350px){.hero h1{font-size:31px}.card-body{padding:11px 10px}.point{padding:10px 3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}