:root{--bg: #FAF7F2;--surface: #F2EBDD;--cocoon: #E8DCC4;--text: #1F1B16;--text-2: #5E5950;--text-3: #6B6358;--accent: #C97B47;--accent-deep: #8C4A2A;--on-accent: #FAF7F2;--border: #E2D8C4;--border-strong: #D2C5A8;--success: #6B8A52}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Source Han Sans SC,Noto Sans CJK SC,PingFang SC,Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.cocoon-site{min-height:100vh;overflow:hidden;background:linear-gradient(90deg,rgba(140,74,42,.04) 1px,transparent 1px),linear-gradient(rgba(140,74,42,.04) 1px,transparent 1px),var(--bg);background-size:44px 44px}.cocoon-hero,.cocoon-capabilities,.cocoon-download,.cocoon-footer{width:min(calc(100% - 40px),1160px);margin-inline:auto}.cocoon-hero{min-height:min(760px,calc(100svh - var(--plusyy-shell-height, 64px)));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(40px,8vw,100px);padding-block:clamp(64px,10vw,120px)}.cocoon-kicker{color:var(--accent-deep);font-size:.78rem;font-weight:800;letter-spacing:.12em}.cocoon-copy h1{max-width:760px;margin-top:24px;font-family:"Source Han Serif SC","Noto Serif CJK SC",Songti SC,serif;font-size:clamp(3.4rem,7.8vw,7rem);font-weight:650;letter-spacing:-.06em;line-height:.98}.cocoon-intro{max-width:620px;margin-top:28px;color:var(--text-2);font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.9}.cocoon-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.cocoon-meta span{padding:8px 10px;border:1px solid var(--border-strong);border-radius:8px;color:var(--text-2);font-size:.8rem}.cocoon-meta .cocoon-status{color:#85452d;background:#f0dacd}.cocoon-visual{position:relative;min-height:470px;display:grid;place-items:center;isolation:isolate}.cocoon-visual:before{position:absolute;top:10%;right:8%;bottom:10%;left:8%;z-index:-2;border-radius:46% 54% 58% 42%/48% 41% 59% 52%;background:linear-gradient(145deg,#eadbc1,#d6aa86);box-shadow:0 50px 90px #5b3b2533;content:"";transform:rotate(-7deg)}.cocoon-visual img{width:min(46%,220px);border-radius:24%;box-shadow:0 28px 55px #4b2d1a3d}.cocoon-visual p{position:absolute;right:3%;bottom:5%;max-width:250px;padding:18px;border:1px solid rgba(255,255,255,.72);border-radius:10px;background:#faf7f2d4;color:var(--text-2);line-height:1.7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cocoon-orbit{position:absolute;z-index:-1;border:1px solid rgba(140,74,42,.3);border-radius:50%}.cocoon-orbit-a{width:82%;aspect-ratio:1;transform:rotate(18deg)}.cocoon-orbit-b{width:58%;aspect-ratio:1;transform:rotate(-24deg)}.cocoon-capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.cocoon-capabilities>div{min-height:230px;padding:34px}.cocoon-capabilities>div+div{border-left:1px solid var(--border-strong)}.cocoon-capabilities p{color:var(--accent);font-size:.75rem}.cocoon-capabilities h2{margin-top:36px;font-family:"Source Han Serif SC",Songti SC,serif;font-size:1.7rem}.cocoon-capabilities span{display:block;margin-top:12px;color:var(--text-2);line-height:1.8}.cocoon-download{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;margin-top:72px;padding:clamp(28px,5vw,56px);border:1px solid var(--border-strong);border-radius:18px;background:var(--surface)}.cocoon-download h2{margin-top:12px;font-family:"Source Han Serif SC",Songti SC,serif;font-size:clamp(2rem,4vw,3.7rem)}.cocoon-download p:not(.cocoon-kicker){max-width:720px;margin-top:18px;color:var(--text-2);line-height:1.8}.cocoon-gate,.cocoon-qr{min-width:250px;display:grid;gap:10px;padding:22px;border-left:3px solid var(--accent);background:#ffffff7a}.cocoon-gate span{color:var(--text-3);font-size:.8rem;line-height:1.6}.cocoon-qr{place-items:center}.cocoon-qr a{color:var(--accent-deep);font-weight:800}.cocoon-footer{display:flex;justify-content:space-between;gap:24px;padding-block:50px;color:var(--text-3);font-size:.78rem}.cocoon-footer nav{display:flex;flex-wrap:wrap;gap:18px}.cocoon-footer a:hover{color:var(--accent-deep)}@media (max-width: 760px){.cocoon-hero{grid-template-columns:1fr;min-height:auto;padding-block:64px}.cocoon-copy h1{font-size:clamp(3.2rem,16vw,5.4rem)}.cocoon-visual{min-height:360px}.cocoon-capabilities{grid-template-columns:1fr}.cocoon-capabilities>div{min-height:0;padding:26px 4px}.cocoon-capabilities>div+div{border-top:1px solid var(--border-strong);border-left:0}.cocoon-capabilities h2{margin-top:16px}.cocoon-download{grid-template-columns:1fr}.cocoon-gate,.cocoon-qr{min-width:0}.cocoon-footer{flex-direction:column}}@media (prefers-reduced-motion: no-preference){.cocoon-visual:before{animation:cocoon-breathe 8s ease-in-out infinite}@keyframes cocoon-breathe{50%{transform:rotate(-3deg) scale(1.025)}}}