/* TELOS Funnel 2.0 (teloscode.net/start): landing page, $27 page, thank-you page. Phone first.
   The reveal itself uses reveal.css (same design as the Core Quality page on teloscode.net). */
:root{--forest:#0e1712;--forest2:#14201a;--cream:#f4efe3;--cream2:#ebe4d4;--ink:#16201a;--ink2:#3b423c;--mute:#6b675c;--gold:#d8b46a;--gold2:#b08a3e;--goldd:#8a6a2c;
  --serif:'Playfair Display','Iowan Old Style',Georgia,serif;--sans:Inter,-apple-system,system-ui,'Segoe UI',Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--forest);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
[hidden]{display:none!important}
.f-wrap{max-width:600px;margin:0 auto;padding:0 22px}
.f-eye{font:600 11.5px/1.5 var(--sans);letter-spacing:2.6px;text-transform:uppercase;color:var(--goldd)}
.dark .f-eye{color:var(--gold)}
.f-h1{font:500 clamp(40px,11vw,62px)/1.06 var(--serif);letter-spacing:-.01em;color:#f6f1e4;margin-top:14px}
.f-h1 em,.f-h2 em{font-style:italic;color:var(--gold)}
.light .f-h2 em{color:#9a7430}
.f-h2{font:500 clamp(31px,8.4vw,44px)/1.12 var(--serif);letter-spacing:-.005em;margin-top:12px}
.dark .f-h2{color:#f4efe3}
.f-lead{font:400 17px/1.62 var(--sans);margin-top:16px}
.dark .f-lead{color:#cfc9ba}
.light .f-lead{color:var(--ink2)}
.f-p{font:400 16.5px/1.68 var(--sans);margin-top:16px}
.dark .f-p{color:#cfc9ba}
.light .f-p{color:var(--ink2)}
.f-center{text-align:center}
.f-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;padding:0 26px;border:0;border-radius:999px;font:600 17px/1.2 var(--sans);letter-spacing:.2px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s,opacity .2s}
.f-btn:active{transform:scale(.98)}
.f-btn[disabled]{opacity:.6;cursor:default}
.f-btn.gold{background:linear-gradient(180deg,#f0d79c,#c9a35a);color:#14201a;box-shadow:0 14px 34px rgba(201,163,90,.32)}
.f-btn.cream{background:#f3ecd9;color:#14201a}
.f-btn.dark{background:#14201a;color:#f3eee2}
.f-btn.max{max-width:420px}
.f-small{font:400 13px/1.55 var(--sans);margin-top:12px;color:var(--mute)}
.dark .f-small{color:#a9a597}
.f-link{background:none;border:0;padding:10px;font:500 15px/1.4 var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer;color:inherit}

/* header + footer */
.f-top{display:flex;align-items:center;gap:14px;padding:22px 22px 0;max-width:640px;margin:0 auto}
.f-logo{font:500 17px/1 var(--serif);letter-spacing:6px;color:var(--gold);text-decoration:none}
.f-sep{width:1px;height:18px;background:rgba(255,255,255,.22)}
.f-tag{font:500 11px/1 var(--sans);letter-spacing:2px;text-transform:uppercase;color:#d9d3c4}
.f-foot{background:#0a110d;color:#a9a597;padding:40px 22px 46px;font:400 13px/1.6 var(--sans)}
.f-foot .f-logo{display:inline-block;margin-bottom:14px}
.f-foot a{color:#d9d3c4}
.f-foot p+p{margin-top:10px}

/* sections */
section.dark{background:var(--forest);color:#f1ece0}
section.light{background:var(--cream);color:var(--ink)}
section.light2{background:var(--cream2);color:var(--ink)}
.f-sec{padding:72px 0}
.f-stars{position:relative;overflow:hidden}
.f-stars:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:radial-gradient(1.2px 1.2px at 8% 14%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 22% 62%,#fffa 50%,transparent 52%),radial-gradient(1.4px 1.4px at 37% 8%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 63% 21%,#fffc 50%,transparent 52%),radial-gradient(1.2px 1.2px at 79% 9%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 91% 41%,#fffa 50%,transparent 52%),radial-gradient(1px 1px at 12% 84%,#fff8 50%,transparent 52%),radial-gradient(1.3px 1.3px at 86% 73%,#fffb 50%,transparent 52%),radial-gradient(1px 1px at 52% 91%,#fff8 50%,transparent 52%),radial-gradient(1px 1px at 70% 55%,#fff6 50%,transparent 52%)}
.f-stars>*{position:relative}

/* hero */
.f-hero{padding-bottom:56px;background:radial-gradient(120% 60% at 50% 0%,#1d2d24 0%,var(--forest) 60%)}
.f-hero .f-wrap{padding-top:34px}

/* video slots */
.f-video{position:relative;margin-top:26px;border-radius:18px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 20px 50px rgba(0,0,0,.45),0 0 0 1px rgba(216,180,106,.25)}
.f-video.tall{aspect-ratio:4/5;max-width:420px;margin-left:auto;margin-right:auto}
.f-video video,.f-video iframe,.f-video .f-yt{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
.f-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;text-align:center;background:radial-gradient(80% 70% at 50% 40%,#22352b,#0b120e);color:#e9e3d4}
.f-ph b{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(216,180,106,.8);background:rgba(216,180,106,.12)}
.f-ph b:after{content:"";margin-left:5px;border-left:17px solid var(--gold);border-top:11px solid transparent;border-bottom:11px solid transparent}
.f-ph span{font:600 10.5px/1.4 var(--sans);letter-spacing:2.2px;text-transform:uppercase;color:var(--gold)}
.f-ph strong{font:500 18px/1.35 var(--serif);max-width:320px}
.f-vlabel{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font:500 12.5px/1.4 var(--sans);color:#a9a597}

/* the form */
.f-card{margin-top:22px;background:linear-gradient(180deg,#1b2a22,#14201a);border:1px solid rgba(216,180,106,.35);border-radius:22px;padding:24px 20px 22px;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.f-steps{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.f-steps .f-eye{color:var(--gold)}
.f-dots{display:flex;gap:6px}
.f-dots i{width:22px;height:4px;border-radius:2px;background:rgba(255,255,255,.18)}
.f-dots i.on{background:var(--gold)}
.f-q{font:500 23px/1.25 var(--serif);color:#f4efe3;margin-bottom:16px}
.f-field{margin-top:14px}
.f-field>label,.f-lab{display:block;font:600 11px/1.4 var(--sans);letter-spacing:1.8px;text-transform:uppercase;color:#bdb8a9;margin-bottom:8px}
.f-in{display:block;width:100%;min-height:56px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#f6f1e4;font:500 17px/1.3 var(--sans);-webkit-appearance:none;appearance:none;outline:none;transition:border-color .2s,background .2s}
.f-in::placeholder{color:#8f8b7e}
.f-in:focus{border-color:var(--gold);background:rgba(255,255,255,.09)}
.f-in.bad{border-color:#e07a5f;background:rgba(224,122,95,.08)}
select.f-in{background-image:linear-gradient(45deg,transparent 50%,#d8b46a 50%),linear-gradient(135deg,#d8b46a 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:34px}
select.f-in option{color:#14201a}
input[type=time].f-in{min-width:0}
.f-row{display:grid;grid-template-columns:1fr 1.5fr 1.2fr;gap:8px}
.f-hint{font:400 13px/1.5 var(--sans);color:#a9a597;margin-top:8px}
.f-err{min-height:1.4em;margin-top:12px;font:500 14px/1.45 var(--sans);color:#f0a28c}
.f-card .f-btn{margin-top:18px}
.f-card .f-small{text-align:center;color:#a9a597}
.f-card .f-small a{color:#d9d3c4}
.f-back{display:block;margin:6px auto 0;color:#cfc9ba;font-size:14px}
.f-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* trust strip */
.f-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;text-align:center}
.f-trust b{display:block;font:500 26px/1 var(--serif);color:#f3e2b8}
.f-trust span{display:block;margin-top:6px;font:500 10.5px/1.35 var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:#a9a597}
.f-by{margin-top:18px;text-align:center;font:500 13px/1.5 var(--sans);color:#cfc9ba}

/* mismatch */
.f-quote{margin-top:26px;padding:22px 22px 24px;border-radius:20px;background:#14201a;color:#f3eee2;font:italic 500 21px/1.45 var(--serif)}

/* ten core qualities */

/* measured */
.f-art{margin-top:28px;border-radius:18px;overflow:hidden}
.f-art img{width:100%;height:auto}
.f-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.f-facts span{padding:9px 16px;border-radius:999px;background:#fff;border:1px solid #e1d9c6;font:600 12px/1 var(--sans);letter-spacing:1.8px;text-transform:uppercase;color:var(--ink)}

/* doctor */
.f-doc{display:flex;gap:16px;align-items:center;margin-top:26px}
.f-doc .f-face{width:84px;height:84px;flex:none;border-radius:50%;background:#14201a center/cover;display:grid;place-items:center;font:500 26px/1 var(--serif);color:var(--gold);box-shadow:0 0 0 3px #f4efe3,0 0 0 4px #d8b46a}
.f-doc b{display:block;font:500 20px/1.25 var(--serif);color:var(--ink)}
.f-doc small{display:block;font:500 12.5px/1.45 var(--sans);color:var(--mute);margin-top:3px}
.f-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.f-stats div{padding:18px;border-radius:18px;background:#fff;border:1px solid #e6dfcf}
.f-stats b{display:block;font:500 34px/1 var(--serif);color:#14201a}
.f-stats span{display:block;margin-top:8px;font:600 10.5px/1.4 var(--sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--mute)}
.f-cite{margin-top:24px;padding-left:16px;border-left:3px solid var(--gold2)}
.f-cite p{font:italic 500 21px/1.4 var(--serif);color:var(--ink)}
.f-cite small{display:block;margin-top:8px;font:400 13px/1.5 var(--sans);color:var(--mute)}

/* what you get (free) */
.f-gets{margin-top:26px;display:grid;gap:12px}
.f-gets li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #e6dfcf;font:400 16px/1.5 var(--sans);color:var(--ink2)}
.f-gets li i{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#14201a;color:var(--gold);font:700 12.5px/1 var(--sans);font-style:normal;margin-top:1px}
.f-gets li b{display:block;font:500 19px/1.25 var(--serif);color:var(--ink);margin-bottom:2px}

/* proof (only shown with real quotes) */
.f-proof{display:grid;gap:12px;margin-top:26px}
.f-proof figure{padding:20px;border-radius:18px;background:#fff;border:1px solid #e6dfcf}
.f-proof blockquote{margin:0;font:italic 500 19px/1.45 var(--serif);color:var(--ink)}
.f-proof figcaption{margin-top:10px;font:500 13px/1.4 var(--sans);color:var(--mute)}

/* FAQ */
.f-faq{margin-top:26px;border-top:1px solid #ddd4c0}
.f-faq details{border-bottom:1px solid #ddd4c0}
.f-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 2px;cursor:pointer;font:500 19px/1.35 var(--serif);color:var(--ink)}
.f-faq summary::-webkit-details-marker{display:none}
.f-faq summary:after{content:"+";flex:none;font:400 24px/1 var(--sans);color:var(--gold2);transition:transform .2s}
.f-faq details[open] summary:after{transform:rotate(45deg)}
.f-faq details p{padding:0 2px 20px;font:400 16px/1.65 var(--sans);color:var(--ink2)}

/* $27 page */
.f-offer-hero{padding-bottom:50px}
.f-box{margin-top:30px;padding:28px 22px 26px;border-radius:24px;background:linear-gradient(180deg,#1b2a22,#121c16);border:1px solid rgba(216,180,106,.4);color:#f1ece0;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.f-box .f-amt{font:500 64px/1 var(--serif);color:#f6f1e4;margin-top:10px}
.f-box .f-amt small{font:600 13px/1 var(--sans);letter-spacing:1.8px;color:#cfc9ba;margin-left:8px;vertical-align:middle}
.f-box ul{margin:18px auto 4px;max-width:340px;text-align:left;display:grid;gap:10px}
.f-box li{display:flex;gap:10px;font:400 15.5px/1.45 var(--sans);color:#ded8c9}
.f-box li:before{content:"✓";color:var(--gold);font-weight:700}
.f-inside{display:grid;gap:12px;margin-top:28px}
.f-inside li{padding:20px 20px 22px;border-radius:20px;background:#fff;box-shadow:0 1px 0 #e6dfcf,0 12px 30px rgba(40,35,20,.06);border-left:4px solid var(--gold2)}
.f-inside li>span{font:600 11px/1 var(--sans);letter-spacing:2px;color:var(--gold2)}
.f-inside li b{display:block;font:500 24px/1.2 var(--serif);color:var(--ink);margin:8px 0 6px}
.f-inside li p{font:400 16px/1.6 var(--sans);color:var(--ink2)}
.f-format{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.f-format div{padding:14px;border-radius:14px;background:var(--cream2);font:500 13.5px/1.4 var(--sans);color:var(--ink2)}
.f-format b{display:block;font:500 22px/1.1 var(--serif);color:var(--ink);margin-bottom:4px}
.f-two{display:grid;gap:12px;margin-top:26px}
.f-two div{padding:20px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.f-two b{display:block;font:600 11px/1 var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.f-two p{font:400 16px/1.6 var(--sans);color:#d8d2c3}
.f-guar{display:flex;gap:16px;align-items:flex-start;margin-top:8px;padding:24px 20px;border-radius:22px;background:#fff;border:1px solid #e6dfcf}
.f-seal{flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#14201a;color:var(--gold);box-shadow:0 0 0 4px #fff,0 0 0 5px #d8b46a}
.f-seal b{display:block;font:500 28px/1 var(--serif);color:#f3e2b8}
.f-seal span{display:block;font:600 8px/1.2 var(--sans);letter-spacing:1.4px;text-transform:uppercase}
.f-guar h3{font:500 22px/1.25 var(--serif);color:var(--ink)}
.f-guar p{font:400 15.5px/1.6 var(--sans);color:var(--ink2);margin-top:8px}
.f-code{margin-top:14px;text-align:center}
.f-code form{display:flex;gap:8px;max-width:360px;margin:10px auto 0}
.f-code .f-in{min-height:48px;padding:10px 14px;font-size:16px}
.f-code .f-btn{width:auto;min-height:48px;padding:0 18px;font-size:15px}
.f-msg{min-height:1.4em;margin-top:10px;font:500 14px/1.45 var(--sans);color:#f0a28c}
.f-msg.ok{color:#a7d7b4}

/* sheet (email / messages) */
.f-sheet{position:fixed;inset:0;z-index:50;background:rgba(10,14,12,.6);display:flex;align-items:flex-end;justify-content:center;padding:12px}
.f-sheet form{width:100%;max-width:460px;background:#f5f2eb;color:var(--ink);border-radius:20px;padding:24px 20px 20px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.f-sheet h3{font:600 11.5px/1.4 var(--sans);letter-spacing:2.2px;text-transform:uppercase;color:var(--goldd);margin-bottom:12px}
.f-sheet .f-in{background:#fff;color:var(--ink);border-color:#d8d0bd}
.f-sheet .f-btn{margin-top:12px}
.f-sheet .f-msg{color:#b5402f}.f-sheet .f-msg.ok{color:#3f7a4f}
@media (min-width:560px){.f-sheet{align-items:center}}
@media (min-width:760px){.f-sec{padding:96px 0}}

/* the video gate before the reveal (inside the reveal stage) */
.f-gate{margin:26px auto 0;max-width:460px;text-align:center}
.f-gate-t{font:500 18px/1.45 var(--serif);color:#f1ece0}
.f-gate .f-video{margin-top:16px}
.f-gate-bar{height:4px;border-radius:2px;background:rgba(255,255,255,.12);margin-top:14px;overflow:hidden}
.f-gate-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c9a35a,#f0d79c);transition:width .25s linear}
.f-gate-s{font:500 13px/1.5 var(--sans);color:#bdb8a9;margin-top:10px}
.f-unlock{margin-top:16px;animation:f-pulse 1.8s ease-in-out infinite}
@keyframes f-pulse{0%,100%{box-shadow:0 0 0 0 rgba(240,215,156,.45),0 14px 34px rgba(201,163,90,.3)}50%{box-shadow:0 0 0 12px rgba(240,215,156,0),0 14px 34px rgba(201,163,90,.5)}}
#telos-wow .tw-texts{min-height:0}
/* the video after the reveal */
.f-after{padding:56px 0 60px}
/* the strongest element, shown for free */
#telos-wow .tw-n.open b{background:radial-gradient(circle at 50% 40%,var(--c) 0%,#1b2620 78%)}
#telos-wow .tw-n.open b:after{background:rgba(9,15,11,.18);-webkit-backdrop-filter:none;backdrop-filter:none}
#telos-wow .tw-n.open em{font-size:17px;color:#fff;text-shadow:0 0 12px var(--c)}
#telos-wow .tw-n.open:before{content:"Strongest";position:absolute;left:50%;top:-11px;transform:translateX(-50%);z-index:2;white-space:nowrap;padding:4px 8px;border-radius:999px;background:var(--c);color:#0b130f;font:700 8.5px/1 var(--sans);letter-spacing:1.4px;text-transform:uppercase;box-shadow:0 4px 12px rgba(0,0,0,.4)}
#telos-wow .tw-bridge .tw-ring,#telos-wow .tw-ring[data-ring]{margin-bottom:46px}
#telos-wow .tw-p b{color:#f6f1e4}
.f-share{max-width:360px;background:transparent;color:#14201a;border:1.5px solid #14201a}

/* ===== the Elementary Composition reveal (after payment) ===== */
#telos-wow .ec-donut{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
#telos-wow .ec-donut .ec-track{fill:none;stroke:rgba(255,255,255,.06);stroke-width:20}
#telos-wow .ec-donut .ec-arc{fill:none;stroke-width:20;stroke-linecap:butt;stroke-dashoffset:var(--len);transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1) var(--d)}
#telos-wow.is-revealed .ec-donut .ec-arc{stroke-dashoffset:0}
#telos-wow.is-revealed .ec-stage .tw-a1{animation-delay:2.3s}#telos-wow.is-revealed .ec-stage .tw-a2{animation-delay:2.5s}#telos-wow.is-revealed .ec-stage .tw-a3{animation-delay:2.85s}#telos-wow.is-revealed .ec-stage .tw-a4{animation-delay:3.15s}#telos-wow.is-revealed .ec-stage .tw-a5{animation-delay:3.45s}#telos-wow.is-revealed .ec-stage .tw-cue{animation-delay:4.3s}
#telos-wow .ec-h1{font:500 clamp(34px,9.6vw,48px)/1.1 var(--serif)!important;color:#f6f1e4;margin-top:12px!important}
#telos-wow .ec-h1 em{font-style:italic;color:var(--gold)}
#telos-wow .ec-donut,#telos-wow .ec-lab{opacity:0;transition:opacity .4s .2s}
#telos-wow.is-revealed .ec-donut{opacity:1}
#telos-wow .ec-lab{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;pointer-events:none}
#telos-wow.is-revealed .ec-lab{opacity:1;transition-delay:var(--d)}
#telos-wow .ec-lab b{display:block;font:500 15px/1 var(--serif);color:var(--c)}
#telos-wow .ec-lab small{display:block;margin-top:3px;font:600 9.5px/1.2 var(--sans);letter-spacing:1.6px;text-transform:uppercase;color:#d9d3c4}
#telos-wow .ec-lab em{display:block;margin-top:2px;font:600 15px/1.1 var(--sans);font-style:normal;color:#fff;font-variant-numeric:tabular-nums}
#telos-wow .ec-lab.top em{font-size:18px;text-shadow:0 0 14px var(--c)}
#telos-wow .ec-stage .tw-sym{width:46%}
#telos-wow .ec-stage .tw-orbit{margin-top:40px}
#telos-wow .ec-stage .tw-texts{margin-top:60px}
#telos-wow .ec-sum{font:400 16.5px/1.6 var(--sans);color:#d8d2c3;margin:18px auto 0!important;max-width:360px}
#telos-wow .ec-sum b{color:#f6f1e4;font-weight:600}
#telos-wow .ec-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
#telos-wow .ec-chips span{padding:8px 13px;border-radius:999px;border:1px solid var(--c);color:#f1ece0;font:500 13px/1.2 var(--sans);background:rgba(255,255,255,.04)}
#telos-wow .ec-chips span i{font-style:normal;color:var(--c);font-weight:600;margin-right:6px;text-transform:uppercase;letter-spacing:1.2px;font-size:10.5px}
.ec-keys{display:grid;gap:14px;margin-top:28px}
.ec-key{position:relative;overflow:hidden;padding:24px 22px 26px;border-radius:22px;background:#fff;box-shadow:0 1px 0 #e6dfcf,0 14px 34px rgba(40,35,20,.07);border-top:5px solid var(--c)}
.ec-key .k-lab{font:600 11px/1.4 var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--cd)}
.ec-key .k-t{display:flex;align-items:center;gap:12px;margin-top:10px;font:500 34px/1.05 var(--serif);color:#14201a}
.ec-key .k-t i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--cd);color:#fff;font:500 22px/1 var(--serif);font-style:normal}
.ec-key .k-is{font:italic 500 20px/1.4 var(--serif);color:var(--cd);margin-top:12px}
.ec-key .k-p{font:400 16.5px/1.6 var(--sans);color:var(--ink2);margin-top:8px}
.ec-bars{margin-top:26px;display:grid;gap:16px}
.ec-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.ec-bar b{display:flex;align-items:center;gap:10px;font:500 18px/1 var(--serif);color:var(--ink);min-width:96px}
.ec-bar b i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cd);color:#fff;font:500 15px/1 var(--serif);font-style:normal}
.ec-bar span{display:block;height:12px;border-radius:6px;background:#e6dfcf;overflow:hidden}
.ec-bar span u{display:block;height:100%;width:0;border-radius:6px;background:var(--cd);transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.ec-bar em{font:600 16px/1 var(--sans);font-style:normal;color:var(--ink);font-variant-numeric:tabular-nums;min-width:52px;text-align:right}
.ec-step{margin-top:6px;padding:28px 22px 30px;border-radius:24px;background:#14201a;color:#f3eee2;position:relative;overflow:hidden}
.ec-step:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--acg,rgba(216,180,106,.4)),rgba(0,0,0,0) 70%)}
.ec-step h3{position:relative;font:500 28px/1.2 var(--serif);margin-top:10px}
.ec-step p{position:relative;font:400 16.5px/1.65 var(--sans);color:#d8d2c3;margin-top:12px}
.ec-step small{position:relative;display:block;margin-top:16px;font:500 13px/1.5 var(--sans);color:var(--gold)}
.ec-how{display:grid;gap:12px;margin-top:24px}
.ec-how li{display:flex;gap:14px;align-items:flex-start;font:400 16px/1.55 var(--sans);color:var(--ink2)}
.ec-how li i{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold2);color:#fff;font:700 13px/1 var(--sans);font-style:normal}
.ec-how li b{display:block;font:500 19px/1.3 var(--serif);color:var(--ink)}
.ec-wait{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#f1ece0}
#telos-wow .ec-wait .tw-dot{position:relative;left:auto;top:auto;margin:0 auto 26px}
#telos-wow .ec-stage .tw-facts small{width:auto;min-width:74px}

/* place of birth: city suggestions from Google Maps */
.f-field.f-place{scroll-margin-top:16px}
.f-acw{position:relative}
.f-ac{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;list-style:none;margin:0;padding:6px;border-radius:16px;background:#1f2e26;border:1px solid rgba(216,180,106,.4);box-shadow:0 22px 48px rgba(0,0,0,.5);animation:f-acin .16s ease-out}
.f-ac[hidden]{display:none}
@keyframes f-acin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.f-ac li[data-i]{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 10px;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.f-ac li[data-i]:hover,.f-ac li.on{background:rgba(216,180,106,.14)}
.f-ac li i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(216,180,106,.13)}
.f-ac li i svg{width:17px;height:17px;fill:var(--gold)}
.f-ac li span{min-width:0}
.f-ac strong{display:block;font:500 16px/1.25 var(--sans);color:#d9d3c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f-ac strong b{font-weight:700;color:#fff}
.f-ac small{display:block;margin-top:2px;font:400 13px/1.3 var(--sans);color:#a9a597;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f-ac-none{padding:12px 10px;font:400 14px/1.45 var(--sans);color:#cfc9ba}
.f-ac-by{padding:6px 10px 2px;text-align:right;font:500 11px/1.2 Roboto,Arial,sans-serif;letter-spacing:.2px;color:#8f8b7e}
.f-geo{display:flex;align-items:center;gap:7px;margin-top:9px;font:500 13px/1.4 var(--sans);color:var(--gold);animation:f-acin .25s ease-out}
.f-geo[hidden]{display:none}
.f-geo svg{flex:none;width:15px;height:15px;fill:currentColor}
.f-geo.wait{color:#a9a597}
.f-geo.wait svg{animation:f-pin 1s ease-in-out infinite}
@keyframes f-pin{50%{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.f-ac,.f-geo,.f-geo.wait svg{animation:none}}

/* the mismatch, drawn: how you are built vs. how you are living */
.f-mm{margin:28px 0 4px;padding:18px 14px 12px;border-radius:20px;background:#fff;box-shadow:0 1px 0 #e6dfcf,0 12px 30px rgba(40,35,20,.06)}
.f-mm svg{display:block;width:100%;height:auto;overflow:visible}
.f-mm path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.mm-built{stroke:#b08a3e;stroke-width:4}
.mm-live{stroke:#a8442c;stroke-width:2.6}
.mm-gap{stroke:#8a6a2c;stroke-width:1.5;stroke-dasharray:3 5}
.mm-end{fill:#d8b46a;stroke:#fff;stroke-width:2.5}
.mm-lend{fill:#fff;stroke:#a8442c;stroke-width:2.4}
.mm-o{fill:#16201a;stroke:#fff;stroke-width:3}
.mm-halo{transform-box:fill-box;transform-origin:center}
.mm-lab{font:600 10.5px var(--sans);letter-spacing:1.6px}
.mm-lab.b{fill:#8a6a2c}.mm-lab.l{fill:#a8442c}.mm-lab.o{fill:#6b675c;font-size:9.5px;letter-spacing:1.4px}
.mm-gapt{font:italic 500 19px var(--serif);fill:#8a6a2c}
.f-mm.arm .draw{transition:stroke-dashoffset 1.3s cubic-bezier(.45,.05,.3,1) .25s}
.f-mm.arm .mm-live{transition-duration:1.8s;transition-delay:1s}
.f-mm.arm .mm-end,.f-mm.arm .mm-halo,.f-mm.arm .mm-lend,.f-mm.arm .mm-lab,.f-mm.arm .mm-gap,.f-mm.arm .mm-gapt{opacity:0;transition:opacity .7s}
.f-mm.in .draw{stroke-dashoffset:0!important}
.f-mm.in .mm-lab.o{opacity:1}
.f-mm.in .mm-end,.f-mm.in .mm-halo,.f-mm.in .mm-lab.b{opacity:1;transition-delay:1.35s}
.f-mm.in .mm-lend,.f-mm.in .mm-lab.l{opacity:1;transition-delay:2.6s}
.f-mm.in .mm-gap,.f-mm.in .mm-gapt{opacity:1;transition-delay:3s}
.f-mm.in .mm-halo{animation:mm-pulse 2.8s 2s ease-in-out infinite}
@keyframes mm-pulse{50%{transform:scale(1.3)}}

/* what a Core Quality is: one glowing question mark (no list: yours could be anything) */
.f-orb{position:relative;width:128px;height:128px;margin:40px auto 36px;display:grid;place-items:center}
.f-orb:before{content:"";position:absolute;inset:-34px;border-radius:50%;background:radial-gradient(circle,rgba(216,180,106,.32),rgba(216,180,106,0) 66%)}
.f-orb i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(216,180,106,.6);background:radial-gradient(circle at 50% 40%,rgba(243,226,184,.12),rgba(20,32,26,0) 70%)}
.f-orb i+i{inset:-16px;border:1px dashed rgba(216,180,106,.35);background:none;animation:f-orbspin 30s linear infinite}
.f-orb span{position:relative;font:500 66px/1 var(--serif);color:#f3e2b8;text-shadow:0 0 26px rgba(216,180,106,.65);animation:f-orbbreathe 3.4s ease-in-out infinite}
@keyframes f-orbspin{to{transform:rotate(360deg)}}
@keyframes f-orbbreathe{50%{opacity:.62;transform:scale(.93)}}

/* the facts */
.f-factlist li>span{text-transform:uppercase}
.f-factlist .f-facts{margin-top:14px}
.f-factlist .f-facts span{background:var(--cream)}

/* no birth time: the waiting list for the body-measurement reading */
#faq-time{scroll-margin-top:16px}
.f-hlink{color:#e7d3a4;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.f-wait{display:grid;gap:10px;margin:2px 0 22px}
.f-wait .f-in{background:#fff;color:var(--ink);border-color:#d8d0bd}
.f-wait .f-in::placeholder{color:#9a9486}
.f-wait .f-in:focus{border-color:var(--gold2);background:#fff}
.f-wait .f-in.bad{border-color:#c0583d;background:#fff6f2}
.f-wait .f-btn{min-height:52px;font-size:16px}
.f-wait .f-btn[disabled]{opacity:.6}
.f-wmsg{min-height:1.3em;font:500 14px/1.45 var(--sans);color:#b5402f}
.f-wmsg.ok{color:#2c6b45}
@media (prefers-reduced-motion:reduce){.f-orb i+i,.f-orb span,.f-mm.in .mm-halo{animation:none}}