:root{--ink:#3b2a23;--brown:#967251;--dark:#684733;--cream:#fbf6ed;--paper:#fffdf9;--line:#e7d7c7}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f7f2eb;color:var(--ink);font-family:Montserrat,Arial,sans-serif}.shell{min-height:100vh;padding:36px 18px 64px;display:grid;place-items:start center;background:radial-gradient(circle at 14% 10%,rgba(208,177,142,.27),transparent 30%),radial-gradient(circle at 86% 90%,rgba(150,114,81,.16),transparent 32%),#f7f2eb;position:relative;overflow:hidden}.ambient{position:fixed;border:1px solid rgba(150,114,81,.2);border-radius:50%;pointer-events:none}.ambient-one{width:420px;height:420px;left:-250px;top:-170px}.ambient-two{width:540px;height:540px;right:-350px;bottom:-330px}.card{width:min(100%,860px);min-height:720px;background:rgba(255,253,249,.97);border:1px solid rgba(150,114,81,.28);border-radius:30px;box-shadow:0 28px 80px rgba(74,49,35,.13);overflow:hidden;position:relative;z-index:1}.brand-bar{height:86px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}.brand-bar>div:last-child{display:grid;gap:4px}.brand-bar span{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--dark)}.brand-bar small{font-size:9px;letter-spacing:.17em;color:#9a7b68}.seal{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--brown);border-radius:50%;font-family:"Cormorant Garamond",serif;font-size:24px;color:var(--brown)}button,input{font:inherit}.welcome,.identity-screen,.result-screen{padding:58px 74px 64px;text-align:center}.window-mark{width:96px;height:96px;margin:0 auto 26px;display:grid;grid-template-columns:1.55fr .75fr;grid-template-rows:1.35fr .85fr;gap:4px;transform:rotate(-2deg);filter:drop-shadow(0 12px 18px rgba(75,49,35,.14))}.window-mark i{border-radius:6px}.window-mark i:nth-child(1){background:#b6956e}.window-mark i:nth-child(2){background:#6d625d}.window-mark i:nth-child(3){background:#9b5946}.window-mark i:nth-child(4){background:#3d3633}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--brown)}h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:#432d24}.welcome h1{font-size:clamp(50px,8vw,78px);line-height:1;margin:15px 0 20px}.welcome>p{max-width:620px;margin:auto;color:#6e584b;font-size:17px;line-height:1.75}.meta-row{margin:30px auto 34px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.meta-row span{border:1px solid var(--line);background:var(--cream);padding:9px 14px;border-radius:999px;font-size:12px;color:#705648}.primary,.next,.secondary{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;cursor:pointer;transition:.2s}.primary{min-width:230px;padding:17px 27px;background:var(--dark);color:#fff;box-shadow:0 12px 28px rgba(104,71,51,.25)}.primary:hover,.next:hover{transform:translateY(-2px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.disclaimer{display:block;margin:25px auto 0;color:#9d8a7e;font-size:11px;line-height:1.55}.question-screen{padding:34px 58px 48px}.progress-header{display:flex;align-items:end;justify-content:space-between}.progress-header>div{display:grid;gap:4px;text-align:left}.progress-header span,.axis-label{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--brown)}.progress-header small{font-size:12px;color:#9b887d}.progress-header b{font-family:"Cormorant Garamond",serif;font-size:29px;color:var(--dark)}.progress-track{height:5px;background:#eee3d7;border-radius:999px;overflow:hidden;margin:14px 0 44px}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#c5a37b,var(--dark));border-radius:inherit;transition:width .35s}.question-body{animation:in .3s ease}.question-body h2{font-size:clamp(31px,5vw,46px);line-height:1.15;margin:13px 0 12px}.question-body>p{color:#8b7467;margin:0 0 28px}.answers{display:grid;gap:10px}.answer{min-height:60px;width:100%;display:grid;grid-template-columns:34px 1fr 22px;align-items:center;gap:12px;padding:10px 17px;border:1px solid var(--line);border-radius:16px;background:#fffdfa;color:#624b3e;text-align:left;cursor:pointer;transition:.18s}.answer>span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #d5b99c;border-radius:50%;font-family:Georgia,serif;color:var(--brown)}.answer b{font-size:14px;font-weight:600}.answer em{font-style:normal;color:var(--dark)}.answer:hover{border-color:#b8906b;background:#fbf5ec;transform:translateX(3px)}.answer.selected{border-color:var(--brown);background:#f5eadc;box-shadow:0 7px 18px rgba(113,77,54,.09)}.answer.selected>span{background:var(--brown);color:#fff}.navigation{margin-top:34px;display:flex;align-items:center;justify-content:space-between}.back{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#8b7467;font-weight:700;cursor:pointer}.next{padding:14px 23px;background:var(--dark);color:#fff}.identity-screen{max-width:700px;margin:auto}.identity-screen h2,.result-screen h2{font-size:clamp(37px,6vw,56px);line-height:1.05;margin:15px 0 14px}.identity-screen>p,.result-intro{color:#796254;font-size:16px;line-height:1.65;margin:0 auto 30px}.identity-screen>label:not(.check-row):not(.honeypot),.name-grid label{display:grid;gap:8px;text-align:left;font-size:12px;font-weight:700;color:#6e5547}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.identity-screen input[type=text],.identity-screen input[type=email],.identity-screen label:not(.check-row) input{height:54px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 16px;font-size:15px;color:var(--ink);outline:none}.identity-screen input:focus{border-color:var(--brown);box-shadow:0 0 0 3px rgba(150,114,81,.11)}.check-row{display:grid;grid-template-columns:19px 1fr;gap:10px;align-items:start;text-align:left;margin-top:16px;color:#735e52;font-size:12px;line-height:1.55}.check-row input{width:18px;height:18px;accent-color:var(--brown)}.check-row a{color:var(--dark);font-weight:700}.check-row em{font-style:normal;color:#a28c80}.identity-screen .primary{margin-top:24px}.centered{margin:20px auto 0}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-error{display:none;margin:15px 0 0;padding:12px;border:1px solid #d7a39a;background:#fff2ef;border-radius:12px;color:#8a3f34;font-size:13px}.form-error.show{display:block}.result-screen{padding-top:45px}.result-window{height:440px;display:grid;gap:3px;padding:3px;background:#fff;border:1px solid #d8c4b1;border-radius:22px;overflow:hidden;box-shadow:0 22px 50px rgba(61,41,31,.16)}.area{padding:20px;display:flex;justify-content:space-between;gap:12px;overflow:hidden;text-align:left;color:#fff}.area>div{display:grid;align-content:start;gap:6px;min-width:0}.area strong{font-family:"Cormorant Garamond",serif;font-size:clamp(19px,3vw,27px)}.area span{font-size:11px;line-height:1.4;max-width:280px;opacity:.9}.area b{align-self:end;margin-left:auto;font-size:clamp(28px,6vw,68px);line-height:.85}.open{background:#a9865f}.blind{background:#6c625d}.hidden{background:#9a5847}.unknown{background:#3b3431}.interpretation{margin-top:25px;padding:26px 28px;border:1px solid var(--line);border-radius:18px;background:var(--cream);text-align:left}.interpretation>span{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--brown)}.interpretation h3{font-size:30px;margin:8px 0 10px}.interpretation>p{font-size:14px;line-height:1.7;color:#735d50}.interpretation>div{display:grid;grid-template-columns:22px 1fr;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e2d1be;color:var(--brown)}.interpretation>div p{margin:0;color:#614a3d;font-size:13px;line-height:1.6}.mail-status{margin:17px 0;padding:14px 16px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;line-height:1.5}.mail-status.success{background:#edf4eb;color:#476347}.mail-status.warning{background:#f7efe4;color:#775e45}.secondary{padding:13px 21px;background:#fff;border:1px solid var(--line);color:var(--dark)}.result-disclaimer{font-size:10px;color:#a18d81;margin:18px 0 0}@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.shell{padding:0;background:var(--paper)}.card{min-height:100vh;border:0;border-radius:0;box-shadow:none}.brand-bar{height:72px;padding:0 20px}.brand-bar span{font-size:10px}.brand-bar small{font-size:8px}.seal{width:37px;height:37px}.welcome,.identity-screen,.result-screen{padding:40px 20px 48px}.welcome h1{font-size:50px}.welcome>p{font-size:15px}.meta-row{margin:24px 0}.primary{width:100%}.question-screen{padding:25px 16px 36px}.progress-track{margin-bottom:32px}.question-body h2{font-size:31px}.answer{min-height:58px;padding:9px 12px}.answer b{font-size:13px}.navigation{position:sticky;bottom:0;background:linear-gradient(transparent,#fffdf9 25%);padding-top:22px}.next{padding:13px 18px}.name-grid{grid-template-columns:1fr}.result-window{height:390px;border-radius:15px}.area{padding:12px 10px;display:grid;grid-template-rows:auto 1fr}.area strong{font-size:16px}.area span{display:none}.area b{font-size:clamp(25px,10vw,48px);margin:0;justify-self:end}.blind strong,.unknown strong{font-size:13px}.interpretation{padding:22px 19px}.mail-status{text-align:left;align-items:flex-start}}@media(max-width:390px){.welcome h1{font-size:44px}.question-body h2{font-size:28px}.answer{grid-template-columns:31px 1fr 18px}.answer b{font-size:12px}.result-window{height:350px}}
/* Ayza logo override */
.brand-bar .seal{width:46px;height:58px;border:0;border-radius:0;display:grid;place-items:center;flex:0 0 auto;font-size:0}
.brand-bar .seal img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.brand-bar{padding-left:16px}.brand-bar .seal{width:38px;height:48px}}

.mobile-area-guide{display:none}
@media(max-width:700px){
  .brand-bar{padding-left:20px;justify-content:center;text-align:center}
  .brand-bar>div:last-child{justify-items:center}
  .mobile-area-guide{display:grid;gap:9px;margin:16px 0 0;text-align:left}
  .guide-item{display:grid;grid-template-columns:12px 1fr;gap:11px;align-items:start;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:#fff}
  .guide-item i{width:12px;height:12px;margin-top:3px;border-radius:3px}
  .guide-item div{display:grid;gap:3px}
  .guide-item strong{font-family:"Cormorant Garamond",serif;font-size:18px;line-height:1;color:#432d24}
  .guide-item span{font-size:11px;line-height:1.45;color:#735d50}
  .open-guide i{background:#a9865f}
  .blind-guide i{background:#6c625d}
  .hidden-guide i{background:#9a5847}
  .unknown-guide i{background:#3b3431}
}
.result-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.result-actions .secondary{text-decoration:none;min-height:46px}
.result-actions .blog-link{background:var(--dark);border-color:var(--dark);color:#fff}
@media(max-width:520px){.result-actions{display:grid}.result-actions .secondary{width:100%}}
.guide-item em{display:block;margin-top:4px;padding-top:7px;border-top:1px solid #eee1d5;font-style:normal;font-size:10px;line-height:1.5;color:#967251}
