:root{--wine:#6f263f;--rose:#b75b75;--blush:#f7e9e9;--paper:#fffaf6;--ink:#402d33;--muted:#816c72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button{font:inherit}.hidden{display:none!important}.welcome{min-height:100vh;display:grid;place-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 40%,#fff 0,#fff9f7 38%,#f8e5e7 100%);padding:28px}.welcome:before,.welcome:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #b75b7529;border-radius:50%}.welcome:before{left:-230px;top:-150px}.welcome:after{right:-250px;bottom:-160px}.glow{position:absolute;border-radius:999px;opacity:.5}.glow.one{width:160px;height:160px;background:#f4cfd4;top:9%;right:10%}.glow.two{width:110px;height:110px;background:#eedcbf;bottom:13%;left:9%}.welcome-card{width:min(720px,100%);position:relative;z-index:1;text-align:center;padding:48px 36px}.logo-orbit{margin:auto;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f3dadd);box-shadow:0 14px 45px #6f263f26;border:1px solid #fff}.heart{display:inline-grid;place-items:center;width:54px;height:54px;color:#fff;font-size:28px;border-radius:48% 52% 50%;background:linear-gradient(145deg,var(--rose),var(--wine));box-shadow:0 8px 20px #6f263f38}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.24em;color:var(--rose);margin:25px 0 10px}.welcome h1{font:500 clamp(48px,8vw,78px)/1.05 Georgia,serif;color:var(--wine);margin:0}.welcome h1 em{font-weight:400;color:var(--rose)}.lead{max-width:610px;margin:20px auto 10px;font:400 clamp(18px,3vw,24px)/1.5 Georgia,serif;color:#614850}.love-line{color:var(--muted);font-size:14px}.love-line span{font-family:Georgia,serif;font-style:italic;color:var(--rose)}.summary{display:flex;justify-content:center;margin:35px auto 30px}.summary span{padding:0 28px;color:var(--muted);font-size:12px;border-right:1px solid #e8ced4}.summary span:last-child{border:0}.summary b{display:block;color:var(--wine);font:600 28px/1 Georgia,serif;margin-bottom:7px}.primary{border:0;color:#fff;background:linear-gradient(100deg,var(--wine),#9c4661);padding:17px 35px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.16em;box-shadow:0 13px 30px #6f263f40;cursor:pointer;transition:.25s}.primary:hover{transform:translateY(-2px)}.primary span{font-size:18px;margin-left:12px}.welcome-note{display:block;margin:21px auto 0;color:#9c858b;font-size:11px}.guide{min-height:100vh;background:linear-gradient(#fffaf7,#fdf7f3)}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px max(24px,calc((100vw - 1040px)/2));background:#fffaf7eb;backdrop-filter:blur(18px);border-bottom:1px solid #efdfe0}.brand{display:flex;align-items:center;gap:11px}.brand .heart{width:38px;height:38px;font-size:19px}.brand>span{display:flex;flex-direction:column}.brand b{font:600 19px Georgia,serif;color:var(--wine)}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-top:2px}nav{display:flex;gap:5px;background:#f4e8e7;padding:5px;border-radius:999px}nav button{border:0;background:transparent;color:var(--muted);padding:9px 17px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer}nav button.active{background:#fff;color:var(--wine);box-shadow:0 2px 10px #4b293217}.shell{width:min(880px,calc(100% - 32px));margin:auto;padding:65px 0 70px}.section-title{text-align:center;margin-bottom:34px}.section-title p{font-size:10px;font-weight:800;letter-spacing:.24em;color:var(--rose);margin:0 0 9px}.section-title h2{font:500 44px/1.15 Georgia,serif;color:var(--wine);margin:0 0 10px}.section-title span{color:var(--muted);font-size:14px}.cards{display:grid;gap:12px}.card{background:#ffffffd1;border:1px solid #eedfe0;border-radius:18px;overflow:hidden;box-shadow:0 6px 22px #4f27320a;transition:.25s}.card.open{border-color:#d9a9b6;box-shadow:0 12px 35px #6f263f14}.trigger{width:100%;border:0;background:transparent;display:flex;align-items:center;text-align:left;padding:18px 20px;cursor:pointer}.number{display:grid;place-items:center;min-width:42px;height:42px;border-radius:50%;background:var(--blush);color:var(--wine);font:700 13px Georgia,serif;margin-right:15px}.card-title{display:flex;flex-direction:column;flex:1;gap:4px}.card-title strong{font:600 17px Georgia,serif;color:var(--wine)}.card-title small{color:var(--muted);font-size:11px}.chevron{font-size:22px;color:var(--rose);transition:.25s}.open .chevron{transform:rotate(180deg)}.card-content{padding:4px 25px 25px 77px;border-top:1px solid #f2e8e7}.card-content ol{list-style:none;padding:13px 0 5px;margin:0;display:grid;gap:12px}.card-content li{display:flex;align-items:flex-start;gap:11px;color:#604c52;font-size:13px;line-height:1.55}.card-content li span{flex:none;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#f4e3e5;color:var(--wine);font-size:10px;font-weight:bold}.note{margin:16px 0 0;padding:13px 15px;border-left:3px solid var(--rose);background:#fff8f5;color:#765c64;font:italic 13px/1.55 Georgia,serif}.safety{margin-top:30px;border:1px solid #ead8d8;background:#fff7f2;border-radius:20px;padding:23px;display:flex;gap:18px;align-items:flex-start}.safety .heart{flex:none;width:38px;height:38px;font-size:18px}.safety b{font:600 16px Georgia,serif;color:var(--wine)}.safety p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}footer{text-align:center;padding:35px 20px;background:var(--wine);color:#f8e7e9;font:italic 15px Georgia,serif}footer span{color:#eaa5b8}footer small{display:block;margin-top:8px;color:#d6bfc5;font:normal 10px Arial,sans-serif;letter-spacing:.05em}@media(max-width:650px){.welcome{padding:15px}.welcome-card{padding:28px 5px}.logo-orbit{width:78px;height:78px}.summary span{padding:0 14px}.welcome h1{font-size:52px}header{padding:12px 14px;align-items:flex-start;flex-direction:column;gap:10px}.brand{align-self:center}nav{width:100%;justify-content:center}nav button{flex:1;padding:9px 6px}.shell{padding-top:42px}.section-title h2{font-size:38px}.trigger{padding:15px 13px}.number{min-width:36px;width:36px;height:36px;margin-right:10px}.card-title strong{font-size:15px}.card-content{padding:3px 16px 20px}.safety{padding:18px}.summary b{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
