a{color:#7E5F22}a:hover{color:#0A0334}
.nl{color:#F4EFE6;text-decoration:none;position:relative;transition:color .2s ease}
.nl::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:#DFB362;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.nl:hover{color:#DFB362}.nl:hover::after{transform:scaleX(1)}
.dd{position:relative}
.dd-menu{position:absolute;top:100%;left:-24px;min-width:260px;padding:14px 0;background:#0A0334;border:1px solid rgba(223,179,98,.4);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:6}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dd-menu a{display:block;padding:11px 24px;color:#D8CFC0;text-decoration:none;font-size:14px;letter-spacing:.04em;text-transform:none}
.dd-menu a:hover{color:#DFB362;background:rgba(223,179,98,.07)}
.b-ivory{transition:background-color .25s,color .25s,border-color .25s}
.b-ivory:hover{background-color:#DFB362!important;border-color:#DFB362!important;color:#0A0334!important}
.b-gold{transition:background-color .25s}
.b-gold:hover{background-color:#EFD39A!important}
.b-gline{transition:background-color .25s,color .25s}
.b-gline:hover{background-color:#DFB362!important;color:#0A0334!important}
.b-navy{transition:background-color .25s,color .25s}
.b-navy:hover{background-color:#0A0334!important;color:#F6F2EA!important}
.b-navyfill{transition:background-color .25s,color .25s}
.b-navyfill:hover{background-color:#DFB362!important;color:#0A0334!important}
.tl{color:#F4EFE6;text-decoration:none;border-bottom:1px solid rgba(223,179,98,.6);padding-bottom:4px;transition:color .2s}
.tl:hover{color:#DFB362}
.row{transition:background-color .3s ease}
.row:hover{background-color:rgba(10,3,52,.035)}
.row:hover .row-arrow{transform:translateX(6px);color:#0A0334}
.row-arrow{transition:transform .3s ease,color .3s ease}
.phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.exp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fcols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
@keyframes breathe{0%,100%{opacity:.07}50%{opacity:.13}}
.hoopoe{animation:breathe 10s ease-in-out infinite}
@media (max-width:1000px){.phases{grid-template-columns:minmax(0,1fr)}.fcols{grid-template-columns:repeat(2,minmax(0,1fr))}.exp{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.row-grid{grid-template-columns:48px minmax(0,1fr)!important}.row-desc{grid-column:2}.row-arrow{display:none}}
@media (max-width:640px){.h1x{font-size:52px!important}.h2x{font-size:40px!important}.statement{font-size:32px!important}.fcols{grid-template-columns:minmax(0,1fr)}}
.mtri{display:flex;height:440px;border:1px solid rgba(126,95,34,.35)}
.mp{position:relative;flex:1 1 0;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:30px 32px;text-decoration:none;transition:flex-grow .7s cubic-bezier(.2,.7,.2,1)}
.mp+.mp{border-left:1px solid rgba(126,95,34,.35)}
.mtri:hover .mp{flex-grow:.85}.mtri .mp:hover{flex-grow:1.4}
.mp-top{align-self:stretch;display:flex;justify-content:space-between;align-items:baseline;font-family:'Cardo',Georgia,serif;font-size:18px}
.mp-mid{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.mp-word{font-family:'Cardo',Georgia,serif;font-size:72px;line-height:.95}
.mp-line{max-width:240px;font-family:'Cardo',Georgia,serif;font-style:italic;font-size:19px;line-height:1.45}
.mp-tag{font-size:11px;letter-spacing:.4em;text-transform:uppercase;font-weight:500}
.mp-fire{background:#0A0334;background-image:radial-gradient(ellipse at 50% 120%,rgba(222,130,58,.38) 0%,rgba(223,179,98,.14) 38%,rgba(10,3,52,0) 70%)}
.mp-mirror{background:linear-gradient(165deg,#F7F5F1 0%,#E4E0DA 38%,#FAF8F4 55%,#D9D4CD 100%)}
.mp-gold{background:linear-gradient(155deg,#EDD199 0%,#DFB362 42%,#C49A4E 78%,#B08540 100%)}
@media (max-width:860px){.mtri{flex-direction:column;height:auto}.mp{min-height:320px}.mp+.mp{border-left:0;border-top:1px solid rgba(126,95,34,.35)}.mtri:hover .mp,.mtri .mp:hover{flex-grow:1}}

.fl{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#7E5F22;font-weight:500}
.fi{width:100%;min-height:54px;padding:0 16px;background:#FBF8F2;border:1px solid rgba(10,3,52,.25);border-radius:0;font-family:'Poppins',system-ui,sans-serif;font-size:16px;font-weight:300;color:#0A0334;box-sizing:border-box}
.fi:focus{outline:none;border-color:#7E5F22}

/* Layout: one calm column, one question per screen; navy "test chamber" intro and results bands, ivory working surface. Single brand look (no dark mode by design). */
.ts{--navy:#0A0334;--ink:#2B2650;--gold:#DFB362;--dgold:#7E5F22;--ivory:#F4EFE6;--paper:#F6F2EA;--card:#FBF8F2;--soft:#D8CFC0;--line:rgba(126,95,34,.32);
  --serif:'Cardo',Georgia,'Times New Roman',serif;--sans:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-family:var(--sans);font-weight:300;color:var(--navy);background:var(--paper);color-scheme:light}
.ts *{box-sizing:border-box}
.ts p{text-wrap:pretty}.ts h1,.ts h2,.ts h3{text-wrap:balance}
.ts-wrap{max-width:760px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.ts-band{background:var(--navy);color:var(--ivory)}
.ts-tag{font-size:11px;letter-spacing:.42em;text-transform:uppercase;font-weight:500}
.ts-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 40px;border:0;background:var(--gold);color:var(--navy);font-family:var(--sans);font-size:13px;letter-spacing:.28em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background-color .25s}
.ts-btn:hover{background:#EFD39A}
.ts-btn:focus-visible,.ts-opt:focus-visible,.ts-back:focus-visible,.ts-world:focus-visible,.ts-scale button:focus-visible{outline:2px solid var(--dgold);outline-offset:3px}
.ts-btn.navy{background:var(--navy);color:var(--ivory)}.ts-btn.navy:hover{background:var(--dgold)}
.ts-screen[hidden]{display:none!important}
.ts-intro{padding-block:96px 104px;text-align:center}
.ts-intro img{height:88px;width:auto;display:block;margin:0 auto 28px}
.ts-intro h1{margin:0 0 22px;font-family:var(--serif);font-weight:400;font-size:clamp(46px,8vw,76px);line-height:1.02;color:var(--ivory)}
.ts-intro .lede{margin:0 auto;max-width:560px;font-family:var(--serif);font-style:italic;font-size:clamp(21px,3vw,26px);line-height:1.5;color:var(--soft)}
.ts-meta{margin:30px 0 40px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:400}
.ts-fine{margin:28px auto 0;max-width:520px;font-size:13px;line-height:1.7;color:var(--soft)}
.ts-stage{padding-block:64px 96px;min-height:560px}
.ts-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.ts-back{background:none;border:0;padding:8px 0;font-family:var(--sans);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--dgold);cursor:pointer}
.ts-back[disabled]{visibility:hidden}
.ts-count{font-family:var(--serif);font-size:17px;color:var(--dgold);font-variant-numeric:tabular-nums}
.ts-bar{height:2px;background:rgba(126,95,34,.18);margin-bottom:56px}
.ts-bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .4s ease}
.ts-q{margin:0 0 40px;font-family:var(--serif);font-weight:400;font-size:clamp(28px,4.2vw,40px);line-height:1.25;color:var(--navy)}
.ts-hint{margin:-22px 0 34px;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--dgold)}
.ts-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ts-scale button{min-height:84px;padding:12px 8px;border:1px solid var(--line);background:var(--card);font-family:var(--sans);font-size:14px;line-height:1.35;color:var(--navy);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.ts-scale button b{font-family:var(--serif);font-weight:400;font-size:22px;color:var(--dgold)}
.ts-scale button:hover{border-color:var(--dgold);background:#fff}
.ts-scale button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--ivory)}
.ts-scale button[aria-pressed="true"] b{color:var(--gold)}
.ts-opts{display:flex;flex-direction:column;gap:12px}
.ts-opt,.ts-world{display:flex;align-items:center;gap:18px;width:100%;text-align:left;padding:20px 22px;border:1px solid var(--line);background:var(--card);font-family:var(--sans);font-size:17px;line-height:1.5;color:var(--navy);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.ts-opt:hover,.ts-world:hover{border-color:var(--dgold);background:#fff}
.ts-opt[aria-pressed="true"],.ts-world[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--ivory)}
.ts-opt .k,.ts-world .k{flex:0 0 30px;font-family:var(--serif);font-size:20px;color:var(--dgold)}
.ts-opt[aria-pressed="true"] .k,.ts-world[aria-pressed="true"] .k{color:var(--gold)}
.ts-world small{display:block;font-size:13px;color:inherit;opacity:.75}
.ts-frame{padding-block:88px 96px}
.ts-frame p.big{margin:0 0 20px;font-family:var(--serif);font-size:clamp(28px,4.4vw,42px);line-height:1.3;color:var(--navy)}
.ts-frame p.sub{margin:0 0 40px;font-family:var(--serif);font-style:italic;font-size:21px;color:var(--dgold)}
/* results */
.ts-res-head{padding-block:84px 72px;text-align:center}
.ts-res-head h2{margin:14px 0 12px;font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,60px);line-height:1.08;color:var(--ivory)}
.ts-res-head p:not(.ts-tag){margin:0;font-family:var(--serif);font-style:italic;font-size:21px;color:var(--soft)}
.ts-part{padding-block:56px;border-bottom:1px solid var(--line)}
.ts-part:last-child{border-bottom:0}
.ts-plab{display:flex;align-items:center;gap:14px;margin-bottom:18px;color:var(--dgold)}
.ts-plab svg{flex:0 0 auto}
.ts-part h3{margin:0 0 16px;font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.6vw,34px);line-height:1.2;color:var(--navy)}
.ts-part p{margin:0 0 14px;font-size:17px;line-height:1.85;color:var(--ink)}
.ts-kv{margin:18px 0 0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.ts-kv div{padding-left:18px;border-left:1px solid var(--gold)}
.ts-kv span{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--dgold);font-weight:500}
.ts-kv p{margin:0}
.ts-exp{margin-top:22px;padding:22px 24px;background:var(--card);border:1px solid var(--line)}
.ts-exp span{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--dgold);font-weight:500}
.ts-exp p{margin:0;font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.5;color:var(--navy)}
.ts-shape{margin:26px 0 8px;display:grid;gap:12px}
.ts-shape div{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px;font-size:13px;letter-spacing:.06em;color:var(--ink)}
.ts-shape i{display:block;height:8px;background:rgba(126,95,34,.15);position:relative}
.ts-shape i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:var(--dgold);transition:width .8s ease}
.ts-shape div.top{color:var(--navy);font-weight:500}.ts-shape div.top i::after{background:var(--gold)}
.ts-note{margin-top:12px;padding:26px 28px;background:var(--navy);color:var(--ivory)}
.ts-note p{margin:0;font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.5;color:var(--ivory)}
.ts-note+.ts-note{margin-top:12px}
.ts-close{padding-block:80px 88px}
.ts-close h3{margin:0 0 14px;font-family:var(--serif);font-weight:400;font-size:clamp(30px,4.4vw,42px);line-height:1.15;color:var(--ivory)}
.ts-close p{margin:0 0 30px;font-size:17px;line-height:1.85;color:var(--soft)}
.ts-form{display:grid;gap:20px}
.ts-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:500}
.ts-form input,.ts-form textarea{width:100%;min-height:52px;padding:12px 14px;background:transparent;border:1px solid rgba(223,179,98,.55);color:var(--ivory);font-family:var(--sans);font-size:16px;font-weight:300;letter-spacing:0;text-transform:none}
.ts-form textarea{min-height:96px;resize:vertical}
.ts-form input:focus,.ts-form textarea:focus{outline:none;border-color:var(--gold)}
.ts-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ts-priv{margin:4px 0 0;font-size:13px;line-height:1.7;color:var(--soft)}
.ts-err{margin:0;font-size:14px;color:#F0B9A8}
.ts-thanks{padding:28px;border:1px solid var(--gold)}
.ts-thanks p{margin:0;font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.5;color:var(--ivory)}
.ts-foot{padding-block:36px 48px;font-size:13px;line-height:1.75;color:var(--ink);text-align:center}
.ts-restart{margin-top:10px;background:none;border:0;font-family:var(--sans);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--dgold);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.ts-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@keyframes tsIn{from{opacity:.001;transform:translateY(12px)}to{opacity:1;transform:none}}
.ts-anim{animation:tsIn .45s ease both}
@media (prefers-reduced-motion:reduce){.ts-anim{animation:none}.ts-bar i,.ts-shape i::after{transition:none}}
@media (max-width:640px){.ts-scale{grid-template-columns:minmax(0,1fr);gap:8px}.ts-scale button{min-height:56px;flex-direction:row;justify-content:flex-start;padding:12px 18px;gap:14px}.ts-two{grid-template-columns:minmax(0,1fr)}.ts-shape div{grid-template-columns:110px minmax(0,1fr)}.ts-stage{padding-block:40px 72px}}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0A0334;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #DFB362;outline-offset:3px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mnav{display:none;position:relative}
.mnav summary{list-style:none;cursor:pointer;width:48px;height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border:1px solid rgba(244,239,230,.6)}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary span{display:block;width:22px;height:1px;background:#F4EFE6}
.mnav-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(86vw,320px);background:#0A0334;border:1px solid rgba(223,179,98,.45);padding:12px 0;z-index:20;display:flex;flex-direction:column}
.mnav-panel a{display:block;padding:14px 24px;color:#F4EFE6;text-decoration:none;font-size:14px;letter-spacing:.2em;text-transform:uppercase}
.mnav-panel a:hover{color:#DFB362}
.mnav-panel .mnav-cta{margin:10px 24px 8px;border:1px solid #DFB362;color:#DFB362;text-align:center}
@media (max-width:1060px){.mainnav{display:none!important}.mnav{display:block}}
@media (max-width:760px){
 header img{height:64px!important}
 section [style*="flex: 1 1"][style*="box-sizing: border-box"]{padding-left:24px!important;padding-right:24px!important;padding-top:72px!important;padding-bottom:72px!important}
 section:not(.ts-screen){padding-left:20px!important;padding-right:20px!important}
 section > div[style*="min-height"]{min-height:0!important}
 .h1x{font-size:46px!important}.h2x{font-size:38px!important}
 main a[class^="b-"]{letter-spacing:.18em!important;padding-left:22px!important;padding-right:22px!important;justify-content:center;text-align:center;white-space:nowrap}
}