html { scroll-padding-top: 84px; }
body { background: #09080d; }
.explore-header { position: sticky; z-index: 10; top: 0; display: flex; justify-content: space-between; align-items: center; padding: 16px clamp(20px,6vw,110px); background: rgba(9,8,13,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.explore-header > a:last-child { font-size: 13px; font-weight: 800; }
.explore-brand { display: inline-flex; align-items: center; gap: 12px; font-family: 'Fire Stretch', Arial, sans-serif; font-size: 18px; font-weight: 900; }
.explore-brand img { width: 32px; height: 38px; object-fit: contain; }
.explore-hero, .explore-section { padding: clamp(72px,8vw,130px) clamp(20px,8vw,140px); }
.explore-hero { min-height: 670px; background: radial-gradient(circle at 80% 20%,rgba(117,62,254,.26),transparent 36%), radial-gradient(circle at 12% 88%,rgba(255,48,122,.21),transparent 36%),#09080d; }
.explore-kicker,.section-intro > span { color: var(--orange); font-size: 12px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.explore-hero h1,.section-intro h2 { margin: 22px 0 22px; font-family:'Fire Stretch',Arial,sans-serif; font-size:clamp(52px,9.5vw,148px); line-height:1.04; letter-spacing:-.015em; }
.explore-hero h1 em,.section-intro h2 em { color: var(--orange); font-style: normal; }
.explore-hero > p,.section-intro > p { max-width: 670px; color:#c6c1ca; font-size: clamp(17px,1.4vw,20px); line-height:1.55; }
.explore-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-width:1000px; margin-top:56px; }
.explore-choices a { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:85px; padding:22px; border:1px solid var(--line); border-radius:17px; background:rgba(255,255,255,.045); font-size:16px; font-weight:800; transition:transform .2s,border-color .2s; }
.explore-choices a:hover,.explore-choices a:focus-visible { transform:translateY(-4px); border-color:var(--orange); }
.explore-choices span { color:var(--orange); }
.explore-section { border-top:1px solid var(--line); }
.section-intro h2 { font-size:clamp(46px,6vw,88px); }
.section-intro p { margin:0 0 36px; }
.mode-section,.invite-section,.family-section,.install-section { background:#111017; }
.mode-card { padding:clamp(28px,5vw,58px); max-width:950px; border:1px solid rgba(255,255,255,.2); border-radius:24px; background:radial-gradient(circle at 87% 20%,rgba(255,48,122,.22),transparent 42%),linear-gradient(115deg,#23141a,#141320); }
.mode-card > span { font-size:13px; letter-spacing:.16em; color:var(--orange); font-weight:900; text-transform:uppercase; }
.mode-card > strong { display:block; margin:18px 0 10px; font-family:'Fire Stretch',Arial,sans-serif; font-size:clamp(38px,6vw,70px); line-height:1.16; }
.mode-card p { color:#e1dce2; font-size:16px; line-height:1.5; }
.explore-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.explore-actions a,.invite-form button,.serve-form button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:12px 22px; border:0; border-radius:30px; background:linear-gradient(90deg,var(--yellow),var(--orange),var(--pink)); color:#171016; font-weight:900; font-size:14px; cursor:pointer; }
.explore-actions a + a { color:var(--paper); border:1px solid var(--line); background:transparent; }
.care-grid,.family-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.care-grid a,.family-facts article { display:flex; flex-direction:column; min-height:255px; padding:30px; border:1px solid var(--line); border-radius:22px; background:#18141d; }
.care-grid a:nth-child(2) { background:linear-gradient(145deg,#311026,#131117); }
.care-grid a > span { color:var(--orange); font-size:13px; font-weight:900; }
.care-grid strong,.family-facts strong { margin-top:25px; font-size:clamp(22px,2.2vw,31px); }
.care-grid p,.family-facts p { color:#c9c2cb; line-height:1.6; }
.care-grid b { margin-top:auto; color:var(--yellow); font-size:13px; }
.explore-choices a:last-child { grid-column:1 / -1; background:linear-gradient(95deg,rgba(251,135,22,.2),rgba(117,62,254,.2)); }
.emotion-module { margin-top:clamp(80px,10vw,160px); scroll-margin-top:95px; }
.emotion-module .section-intro h3 { margin:22px 0; font-family:'Fire Stretch',Arial,sans-serif; font-size:clamp(44px,6vw,84px); line-height:1.08; letter-spacing:-.01em; }
.emotion-module .section-intro h3 em { color:var(--pink); font-style:normal; }
.emotion-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:start; gap:clamp(18px,3vw,42px); }
.emotion-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.emotion-choices button { display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:24px; min-height:132px; padding:22px; border:1px solid #504651; border-radius:18px; background:#19161e; color:var(--paper); text-align:left; cursor:pointer; transition:transform .2s,border-color .2s,background .2s; }
.emotion-choices button:hover,.emotion-choices button:focus-visible { border-color:var(--pink); transform:translateY(-3px); }
.emotion-choices button[aria-pressed="true"] { border-color:var(--orange); background:linear-gradient(145deg,#4a1d31,#231921); }
.emotion-choices button strong { font-family:'Fire Stretch',Arial,sans-serif; font-size:clamp(18px,2vw,26px); line-height:1.12; }
.emotion-choices button span { color:#bfb8c2; font-size:13px; }
.emotion-result { min-height:610px; padding:clamp(26px,4vw,50px); scroll-margin-top:95px; border:1px solid rgba(255,255,255,.2); border-radius:25px; background:radial-gradient(circle at 88% 6%,rgba(255,48,122,.2),transparent 42%),linear-gradient(140deg,#221525,#13121a); }
.emotion-result > span,.emotion-advice b,.emotion-scriptures b { color:var(--orange); font-size:12px; font-weight:900; letter-spacing:.13em; }
.emotion-result h4 { margin:20px 0; font-family:'Fire Stretch',Arial,sans-serif; font-size:clamp(29px,3.4vw,48px); line-height:1.13; }
.emotion-result > p { margin:0 0 28px; color:#e4dfe7; font-size:18px; line-height:1.55; }
.emotion-advice { padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.emotion-advice p { margin:10px 0 0; color:#e4dfe7; font-size:16px; line-height:1.55; }
.emotion-scriptures { margin-top:25px; }
.emotion-scriptures > div { display:flex; flex-wrap:wrap; gap:9px; margin-top:15px; }
.emotion-scriptures a { display:inline-flex; align-items:center; min-height:42px; padding:8px 13px; border:1px solid #68606d; border-radius:9px; font-size:14px; font-weight:700; }
.emotion-scriptures a:hover,.emotion-scriptures a:focus-visible { border-color:var(--yellow); color:var(--yellow); }
.emotion-help { display:inline-flex; margin-top:30px; color:var(--yellow); font-size:14px; font-weight:900; }
.emotion-again { display:none; margin-top:22px; padding:0; border:0; background:transparent; color:#cbc4ce; font:inherit; font-size:14px; cursor:pointer; }
.invite-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr); gap:clamp(24px,6vw,80px); align-items:center; }
.invite-form,.serve-form { display:grid; gap:13px; max-width:480px; }
.invite-form label,.serve-form label { font-weight:800; font-size:14px; }
.invite-form input,.invite-form select,.serve-form input,.serve-form select { width:100%; min-height:52px; padding:0 16px; color:white; background:#1b1922; border:1px solid #504650; border-radius:12px; font:inherit; }
.invite-form input:focus,.invite-form select:focus,.serve-form input:focus,.serve-form select:focus { outline:2px solid var(--orange); }
.invite-form button,.serve-form button { margin-top:15px; }
.invite-form p,.serve-form p { min-height:24px; color:#c9c2cb; font-size:13px; }
.invite-preview { display:flex; justify-content:center; }
.invite-preview canvas { display:block; width:min(100%,360px); aspect-ratio:4/5; border-radius:15px; box-shadow:0 25px 80px #0008; }
.family-facts article { min-height:230px; }
.family-facts strong { margin:0; }
.kit-list { list-style:none; padding:0; max-width:930px; }
.kit-list li { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; padding:22px 0; border-bottom:1px solid var(--line); font-size:17px; line-height:1.5; }
.kit-list b { color:var(--orange); font-size:13px; }
.kit-list a { color:var(--yellow); font-size:14px; font-weight:800; }
.subtle-button { min-height:48px; padding:12px 20px; border:1px solid var(--orange); border-radius:24px; background:transparent; color:white; font:inherit; font-weight:800; cursor:pointer; }
.subtle-button:hover,.subtle-button:focus-visible { background:#ff873020; }
.kit-status { color:var(--muted); }
.install-section [data-install-help] { max-width:600px; color:#c6c1ca; font-size:16px; line-height:1.6; }
.explore-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; padding:36px clamp(20px,8vw,140px); border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.explore-footer a { color:white; font-weight:800; }
@media(max-width:850px) { .explore-choices,.care-grid,.family-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } .invite-grid,.emotion-layout { grid-template-columns:1fr; } .invite-preview { justify-content:flex-start; } .emotion-again { display:block; } }
@media(max-width:600px) { .explore-hero { min-height:0; } .explore-choices,.care-grid,.family-facts { grid-template-columns:1fr; } .explore-choices { margin-top:35px; } .explore-choices a { min-height:67px; grid-column:auto !important; } .care-grid a,.family-facts article { min-height:0; } .explore-header > a:last-child { font-size:12px; } .explore-brand { font-size:14px; } .explore-brand img { width:27px; } .mode-card > strong { font-size:36px; } .emotion-module .section-intro h3 { font-size:clamp(34px,9vw,52px); line-height:1.12; } .emotion-choices button { min-height:113px; padding:17px; gap:16px; } .emotion-choices button strong { font-size:18px; } .emotion-result { min-height:0; } }
@media(max-width:600px){html,body{max-width:100%;overflow-x:clip}.explore-hero,.explore-section,.section-intro,.mode-card,.emotion-result{text-align:center}.explore-hero>p,.section-intro>p,.mode-card,.invite-form,.serve-form,.install-section [data-install-help]{margin-right:auto;margin-left:auto}.explore-choices a,.care-grid a,.family-facts article{align-items:center;justify-content:center;text-align:center}.explore-actions,.emotion-scriptures>div{justify-content:center}.emotion-choices button{align-items:center;text-align:center}.emotion-help{justify-content:center}.emotion-again{margin-right:auto;margin-left:auto}.invite-form,.serve-form{text-align:center}.invite-preview{justify-content:center}.kit-list{margin-right:auto;margin-left:auto}.kit-list li{justify-content:center;text-align:center}.explore-footer{justify-content:center;text-align:center}.explore-footer>*{width:100%}}