/* A member's own answer is the visual event. No sample result. */
body[data-page=landing] .site-header{padding-inline:max(28px,calc((100% - 1280px)/2));border-bottom-color:#ffffff0c;background:#08090be8}
.hero.hero-personal{position:relative;isolation:isolate;overflow:hidden;padding:0 28px 45px;background:#08090b;text-align:center}
.personal-atmosphere{position:absolute;z-index:-1;pointer-events:none;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 34%,#ffffff07,transparent 53%)}
.personal-atmosphere{-webkit-mask-image:linear-gradient(#000 0 250px,transparent 460px);mask-image:linear-gradient(#000 0 250px,transparent 460px)}
.personal-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,#08090b00 48%,#08090bf5 73%);pointer-events:none}
.personal-horizon{position:absolute;inset:-50px -6% auto;height:850px;transform-origin:50% 35%;animation:personal-breathe 14s ease-in-out infinite alternate;opacity:.8}
.personal-horizon svg{display:block;width:100%;height:100%;fill:none;stroke:url(#personal-silver);stroke-width:.65}
.personal-horizon ellipse:nth-of-type(2){opacity:.38}.personal-curve-glow{filter:blur(7px);stroke-width:4px!important;opacity:.32}
@keyframes personal-breathe{from{transform:translateY(-8px) scale(.98);opacity:.5}to{transform:translateY(8px) scale(1.02);opacity:.9}}
.personal-inner{position:relative;max-width:1280px;margin:0 auto}
.personal-heading{position:relative;padding-top:80px;max-width:900px;margin:0 auto}
.hero-personal .eyebrow{font-size:10px;color:#bdc0c8;letter-spacing:.22em;justify-content:center;gap:10px}
.hero-personal .eyebrow:before{background:#f7931a;box-shadow:0 0 14px #f7931a55;width:4px;height:4px}
.hero-personal h1{font-size:clamp(58px,7vw,91px);line-height:1.02;letter-spacing:-.065em;font-weight:500;color:#c2c6ce;margin:25px 0 24px}
.hero-personal h1>span{font-weight:650;letter-spacing:-.067em;color:#f8f8fa}
.personal-lede{font-size:15px;line-height:1.8;letter-spacing:-.01em;color:#a6abb5;margin:0}
.personal-intro{position:relative;margin:48px auto 0;max-width:920px}
.personal-step{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;font-weight:500;letter-spacing:.17em;color:#c9cdd5}
.personal-step>span{font-size:9px;color:#8f96a2;letter-spacing:.14em}
.hero-personal .intro-question h2{font-size:19px;font-weight:450;letter-spacing:-.02em;line-height:1.55;max-width:650px;margin:19px auto 20px;color:#e6e8ed}
.intro-week{display:flex;justify-content:center;gap:7px;height:37px;margin:20px 0 24px}
.day-sample{display:block;width:29px;height:37px;border-radius:4px;background:linear-gradient(180deg,#ffffff06,#ffffff02);border:1px solid #ffffff15;box-shadow:0 1px 0 #ffffff05 inset;transition:background .35s,border-color .35s,box-shadow .35s,transform .35s}
.day-sample.is-minimum{background:linear-gradient(180deg,#f9fafc,#9ca3af);border-color:#ffffffd9;box-shadow:0 0 23px #ffffff18;transform:translateY(-3px)}
.day-sample.is-possible{background:linear-gradient(180deg,#f7931a18,#f7931a06);border-color:#f7931ab3;transform:translateY(-1px)}
.day-sample.is-unknown{border-style:dashed;border-color:#a4a9b164;background:repeating-linear-gradient(135deg,#ffffff07 0 2px,transparent 2px 7px)}
.intro-options{padding:0;border:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;min-width:0}
.intro-option{position:relative;display:flex;align-items:center;justify-content:center;min-height:91px;padding:19px 16px 24px;border:1px solid #ffffff17;border-radius:12px;background:linear-gradient(135deg,#ffffff08,#ffffff02);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;text-align:center}
.intro-option input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}
.intro-option-text{font-size:12px;line-height:1.6;color:#b8bec9;pointer-events:none}
.intro-option-check{position:absolute;right:10px;bottom:7px;color:#f7931a;font-size:13px;opacity:0;pointer-events:none}
.intro-option:hover{border-color:#ffffff42;background:#ffffff0b}
.intro-option:has(input:checked){background:linear-gradient(130deg,#ffffff14,#ffffff05);border-color:#e0e4eb88;box-shadow:0 1px 0 #ffffff0d inset,0 8px 25px #0003}
.intro-option:has(input:checked) .intro-option-text{color:#fff}.intro-option:has(input:checked) .intro-option-check{opacity:1}
.intro-option:has(input:focus-visible){outline:2px solid #f4f4f1;outline-offset:4px}
#intro-feedback{font-size:11px;color:#a4abb7;line-height:1.7;margin:15px auto 0;min-height:38px;max-width:650px}
.personal-actions{display:flex;justify-content:center;margin-top:20px}
.hero.hero-personal .button.primary.personal-start{display:flex;align-items:center;gap:20px;min-height:54px;padding:8px 9px 8px 25px;background:#f4f4f1;color:#141416;border:1px solid #fff9;box-shadow:0 1px 2px #fff3 inset,5px 0 23px -9px #f7931a8c;font-size:12px;font-weight:650;letter-spacing:-.01em}
.hero.hero-personal .button.primary.personal-start>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#171719;color:#fff;font-size:19px;font-weight:400}
.hero.hero-personal .button.primary.personal-start:hover:not(:disabled){background:#fff;border-color:#fff;transform:translateY(-2px);filter:none}
.hero.hero-personal .button.primary.personal-start:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;filter:none;transform:none}
#intro-choice-note{font-size:10px;color:#858d99;line-height:1.6;margin:12px 0 0}
.hero-personal .storage-note{max-width:600px;margin:15px auto 0}
.personal-meta{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin:32px auto 0;font-size:10px;color:#9ca3af}
.personal-meta>span{display:inline-flex;align-items:center;gap:6px}.personal-meta svg{height:12px;width:12px;color:#b5bbc6}
.personal-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;max-width:920px;margin:56px auto 0;text-align:left}
.personal-type{position:relative;display:grid;grid-template-columns:5px 1fr;column-gap:9px;row-gap:8px;align-items:center;border-top:1px solid color-mix(in srgb,var(--style) 25%,transparent);padding:17px 15px 15px 2px;min-width:0;min-height:76px}
.personal-type-dot{width:4px;height:4px;border-radius:50%;background:var(--style)}
.personal-type strong{font-size:12px;font-weight:500;letter-spacing:0;color:var(--style)}
.personal-type>span:nth-of-type(2){grid-column:2;font-size:10px;line-height:1.5;color:#939ca9}
.personal-type-arrow{position:absolute;right:0;top:17px;color:var(--style);font-size:13px;opacity:0;transition:opacity .2s}
.personal-type:hover .personal-type-arrow,.personal-type:focus-visible .personal-type-arrow{opacity:1}.personal-type:hover strong{color:#fff}
.personal-type:focus-visible{outline-color:var(--style);outline-offset:5px}
.personal-motion{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff15;border-radius:50%;color:#9b9ea5;background:#08090b;font-size:11px;line-height:1}
.personal-motion:hover{border-color:#ffffff40;color:#fff}.is-paused .personal-horizon{animation-play-state:paused}
.personal-resume{max-width:610px;margin:0 auto;padding:20px 0 10px}
.personal-count{display:flex;align-items:center;justify-content:center;gap:20px;margin:26px auto 21px;text-align:left}
.personal-count>strong{color:#f6f7f9;font-size:57px;font-weight:500;letter-spacing:-.06em;line-height:1}
.personal-count>strong>span{font-size:25px;color:#696f7b;font-weight:400;letter-spacing:-.04em}
.personal-count>p{max-width:215px;font-size:15px;line-height:1.65;color:#bcc2cc;margin:0}
.personal-progress{display:grid;grid-template-columns:repeat(20,1fr);gap:5px;max-width:460px;margin:0 auto 28px}
.personal-progress>span{height:35px;background:#ffffff05;border:1px solid #ffffff10;border-radius:3px}
.personal-progress>span[data-answered=true]{background:linear-gradient(180deg,#f1f2f4,#8c95a5);border-color:#ffffff8c;box-shadow:0 0 15px #ffffff08}
.hero-personal .hero-support{position:relative;max-width:900px;margin:28px auto 0;padding:24px 40px 0;border-top:1px solid #ffffff0b;text-align:center;background:none}
.hero-personal .resume-note{justify-content:center;margin:0 0 16px;font-size:11px;color:#9da5b1;gap:6px 16px}.hero-personal .resume-note .text-button{font-size:11px}
.hero-personal .migration-note{font-size:11px;line-height:1.7;margin:0 0 16px;padding:12px 16px;text-align:left}
.hero-personal .hero-fine{margin:0 auto;padding:0;max-width:690px;font-size:10px;line-height:1.7;color:#858d99}.hero-personal .hero-fine:before{display:none}
@media(max-width:1000px){
 .personal-heading{padding-top:60px}.hero-personal h1{font-size:70px}.personal-intro{max-width:800px;margin-top:40px}
 .intro-option{padding-inline:12px}.intro-option-text{font-size:11px}.personal-types{gap:17px}
}
@media(max-width:700px){
 .hero.hero-personal{padding:0 24px 38px}.personal-heading{padding-top:48px}.hero-personal h1{font-size:clamp(43px,9.5vw,65px);margin:22px 0}
 .hero-personal .eyebrow{font-size:8px;letter-spacing:.15em}.personal-lede{font-size:13px;line-height:1.85;max-width:440px;margin:auto}.personal-lede br{display:none}
 .personal-atmosphere{-webkit-mask-image:linear-gradient(#000,transparent 280px);mask-image:linear-gradient(#000,transparent 280px)}
 .personal-horizon{inset:0 -80% auto;height:690px;opacity:.5}.personal-intro{margin-top:37px}
 .hero-personal .intro-question h2{font-size:17px;max-width:440px;margin-top:18px}.personal-step{font-size:9px}.personal-step>span{font-size:8px}
 .intro-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.intro-option{min-height:73px;padding:16px 15px 21px}.intro-option:last-child{grid-column:1/-1;min-height:55px;padding-block:14px}.intro-option-text{font-size:12px}
 .intro-week{margin:20px 0}.personal-actions{margin-top:16px}#intro-feedback{min-height:48px;font-size:11px}
 .personal-meta{gap:12px 17px;margin-top:27px;font-size:9px}.personal-types{grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:37px}
 .personal-type strong{font-size:13px}.personal-type>span:nth-of-type(2){font-size:11px}.personal-type{padding-top:15px;min-height:76px}
 .hero-personal .hero-support{padding:21px 0 0;margin-top:20px}.hero-personal .migration-note{font-size:10px}.personal-motion{bottom:-25px;width:24px;height:24px;font-size:10px}
 .personal-count>strong{font-size:49px}.personal-count>p{font-size:13px;max-width:185px}.personal-progress{gap:4px}.personal-progress>span{height:30px}
}
@media(max-width:380px){
 .hero.hero-personal{padding-inline:18px}.hero-personal h1{font-size:42px}.hero-personal .eyebrow{font-size:7px}
 .personal-lede{font-size:12px}.hero-personal .intro-question h2{font-size:16px}.personal-type strong{font-size:12px}.personal-type>span:nth-of-type(2){font-size:10px}.personal-types{gap:12px 15px}
 .personal-step{letter-spacing:.08em}.personal-step>span{letter-spacing:.06em}.personal-count{gap:13px}.personal-count>p{max-width:160px}.personal-progress{gap:3px}
}
@media(prefers-reduced-motion:reduce){.personal-horizon{animation:none}.personal-motion{display:none}.day-sample,.intro-option,.personal-type-arrow{transition:none}}
@media print{.personal-atmosphere,.personal-motion{display:none}.hero-personal h1,.hero-personal h1>span{color:#111}.personal-heading{padding-top:0}}
