:root{--cream:#f4eee4;--ink:#111;--muted:#746f68;--line:rgba(17,17,17,.18)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button{font:inherit}.screen{min-height:100svh;position:relative;overflow:hidden}.pattern-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);opacity:.16}.pattern-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(244,238,228,.35),rgba(244,238,228,.88) 55%,var(--cream))}.home{position:relative;z-index:2;min-height:100svh;padding:28px 22px 38px;display:flex;flex-direction:column;align-items:center;text-align:center}.logo{width:min(360px,78vw);height:auto;margin-top:3vh}.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin-top:auto}.home h1{font-size:clamp(44px,12vw,82px);line-height:.88;letter-spacing:-.055em;margin:14px 0 18px}.lede{max-width:530px;font-size:17px;line-height:1.5;margin:0 auto 14px}.meta{font-size:11px;letter-spacing:.18em;font-weight:700;margin:18px 0 22px}.primary{border:1px solid #111;background:#111;color:#fff;padding:17px 28px;min-width:220px;letter-spacing:.12em;font-size:12px;font-weight:800;cursor:pointer}.primary:hover{background:transparent;color:#111}.quiz{min-height:100svh;padding:24px 18px 30px;max-width:760px;margin:auto;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.14em}.back{border:0;background:none;padding:8px 0;cursor:pointer}.progress{height:2px;background:rgba(17,17,17,.13);margin:18px 0 0}.progress>i{display:block;height:100%;background:#111;transition:width .25s}.question{margin:auto 0;padding:42px 0}.question h2{font-size:clamp(30px,7vw,52px);line-height:1.05;letter-spacing:-.035em;margin:0 0 30px}.answers{display:grid;gap:10px}.answer{border:1px solid var(--line);background:rgba(255,255,255,.22);text-align:left;padding:17px 18px;line-height:1.35;cursor:pointer;transition:.15s}.answer:hover{background:#111;color:#fff;transform:translateY(-1px)}.loading{min-height:100svh;display:grid;place-items:center;text-align:center;padding:30px;background:#111;color:#fff}.loading h2{font-size:clamp(44px,12vw,90px);letter-spacing:-.05em;margin:0}.loading p{letter-spacing:.18em;font-size:11px}.result{background:#111;color:#fff}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.08) 45%,rgba(0,0,0,.82))}.hero-copy{position:relative;z-index:2;padding:34px 22px 48px;width:100%}.hero-copy small{letter-spacing:.2em}.hero-copy h1{font-size:clamp(64px,17vw,130px);line-height:.78;letter-spacing:-.06em;margin:12px 0 25px;text-transform:uppercase}.pair{display:flex;gap:34px;flex-wrap:wrap}.pair span{display:block;font-size:10px;letter-spacing:.17em;opacity:.7}.pair strong{font-size:22px}.result-body{max-width:760px;margin:auto;padding:58px 22px 80px}.section{padding:28px 0;border-top:1px solid rgba(255,255,255,.2)}.section label{font-size:10px;letter-spacing:.2em;opacity:.6}.section h3{font-size:28px;margin:10px 0}.section p{font-size:17px;line-height:1.6;margin:8px 0}.quote{font-size:clamp(30px,7vw,48px)!important;line-height:1.12!important;letter-spacing:-.03em}.codebox{margin-top:35px;border:1px solid rgba(255,255,255,.35);padding:24px}.code{font-size:26px;font-weight:800;letter-spacing:.08em}.actions{display:grid;gap:10px;margin-top:18px}.actions button{padding:16px;border:1px solid #fff;background:#fff;color:#111;font-weight:800;letter-spacing:.08em;cursor:pointer}.actions .ghost{background:transparent;color:#fff}.note{font-size:12px!important;opacity:.6}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#fff;color:#111;padding:12px 16px;font-size:12px;z-index:10}.hidden{display:none}@media(min-width:800px){.home{padding:40px}.quiz{padding:38px 26px}.answer{padding:19px 22px}.hero-copy{padding:60px}.result-body{padding-top:80px}}.close-result{max-width:560px;margin:28px 0 0;font-size:14px;line-height:1.5}.signup form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:20px}.signup input{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font:inherit}.signup input::placeholder{color:rgba(255,255,255,.55)}.signup button{padding:16px 18px;border:1px solid #fff;background:#fff;color:#111;font-weight:800;letter-spacing:.06em}.all-hearts{min-height:100svh;background:var(--cream);padding:28px 20px 70px}.back.light{color:#111}.all-head{max-width:800px;margin:20px auto 55px;text-align:center}.all-head .logo{margin:0 auto 50px}.all-head .eyebrow{margin-top:0}.all-head h1{font-size:clamp(42px,10vw,84px);line-height:.9;letter-spacing:-.055em;margin:14px 0 20px}.heart-list{max-width:900px;margin:0 auto 45px;display:grid;gap:16px}.heart-list article{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;border-top:1px solid var(--line);padding-top:16px}.heart-list img{width:120px;height:150px;object-fit:cover}.heart-list small{font-size:10px;letter-spacing:.16em}.heart-list h2{font-size:26px;margin:7px 0}.heart-list p{line-height:1.5;margin:0;color:#444}@media(max-width:600px){.signup form{grid-template-columns:1fr}.heart-list article{grid-template-columns:92px 1fr;gap:14px}.heart-list img{width:92px;height:120px}.heart-list h2{font-size:20px}}