:root{--ink:#2f4858;--ink2:#393938;--teal:#6fafa6;--deep:#407b75;--gold:#d8b65a;--paper:#fbf8f2;--panel:#fffefa;--border:#dbe7e2;--muted:#637270;--soft:#eaf2ee;--shadow:0 24px 70px rgba(47,72,88,.08);font-family:Lato,"Segoe UI",Arial,sans-serif;color:var(--ink2);background:var(--paper);font-synthesis:none;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 8%,rgba(111,175,166,.17),transparent 35%),radial-gradient(ellipse at 5% 90%,rgba(216,182,90,.10),transparent 34%),var(--paper)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3,.serif{font-family:Lora,Georgia,serif;font-weight:500;letter-spacing:-.03em;color:var(--ink);line-height:1.14}h1{font-size:clamp(2.65rem,5.1vw,5.15rem);margin:0 0 24px}h2{font-size:clamp(2.1rem,4vw,3.7rem);margin:0 0 21px}h3{font-size:1.45rem;margin:0 0 14px}p{line-height:1.7}.skip{position:absolute;left:10px;top:-110px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.shell{max-width:1380px;margin:auto;min-height:100vh;padding:30px clamp(22px,4.3vw,72px) 0;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 25px;border-bottom:1px solid rgba(47,72,88,.14)}.brand{display:flex;align-items:center;gap:13px;font-weight:800;color:var(--ink);font-size:1.13rem;letter-spacing:-.015em;white-space:nowrap}.mark{width:44px;height:44px;display:grid;place-items:center;border:2.5px solid var(--teal);color:var(--ink);border-radius:50%;font:600 28px Lora,Georgia,serif;position:relative;background:#fffefa;box-shadow:inset 0 0 0 6px rgba(111,175,166,.11)}.mark::after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;bottom:-4px;right:1px;background:var(--gold)}.header-meta{font-size:.75rem;font-weight:750;letter-spacing:.17em;color:var(--deep);text-transform:uppercase;text-align:right}.layout{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);flex:1;gap:clamp(42px,5.5vw,95px);align-items:start}.rail{padding-top:76px;position:sticky;top:12px}.rail-title{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#6c8581;font-weight:800;margin:0 0 23px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;align-items:center;gap:14px;font-size:.92rem;color:#7d8b88;padding:14px 0;font-weight:600}.steps .dot{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #cbd9d5;color:#7b8c88;border-radius:50%;font-size:.74rem}.steps li.active{color:var(--ink);font-weight:800}.steps li.active .dot{background:var(--ink);color:white;border-color:var(--ink)}.steps li.done .dot{background:var(--soft);border-color:var(--soft);color:var(--deep)}.side-quote{margin-top:85px;padding-left:16px;border-left:2px solid var(--gold);font:italic 1.15rem/1.6 Lora,Georgia,serif;color:#59736f;max-width:200px}.side-quote small{display:block;font:600 .69rem/1.7 Lato,Arial,sans-serif;margin-top:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}main{min-height:590px;padding:clamp(60px,8vh,120px) 0 75px;max-width:830px;width:100%;margin:0 auto}.eyebrow{font-size:.75rem;letter-spacing:.19em;color:var(--deep);font-weight:800;text-transform:uppercase;margin:0 0 26px}.lead{font-size:clamp(1.1rem,2.2vw,1.34rem);max-width:640px;color:#586865;margin:0 0 28px;line-height:1.7}.copy{max-width:650px;font-size:1.02rem;color:#536461}.actions{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;border-radius:10px;padding:15px 23px;min-height:54px;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s;line-height:1.25;text-align:center}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(47,72,88,.14)}.btn-primary:hover{background:#3d6271}.btn-soft{background:#e6f0ec;color:var(--ink)}.btn-soft:hover{background:#d5e8e1}.btn-outline{background:transparent;color:var(--ink);border-color:#b8ceca}.btn-quiet{background:transparent;color:var(--deep);border-color:transparent;padding-left:8px;padding-right:8px}.btn-gold{background:var(--gold);color:var(--ink)}.btn-wide{width:100%}.arrow{font-size:1.3rem;font-weight:400}.feature-strip{display:flex;gap:20px;flex-wrap:wrap;margin-top:49px;padding-top:22px;border-top:1px solid var(--border);color:#60736f;font-size:.89rem}.feature-strip span{display:flex;gap:8px;align-items:center}.feature-strip svg{color:var(--deep)}.panel{background:rgba(255,254,250,.94);border:1px solid #dfeae6;border-radius:22px;box-shadow:var(--shadow);padding:clamp(25px,5vw,53px);}.panel-light{background:#eaf3ef;border-color:#daebe4}.note{display:flex;gap:12px;align-items:flex-start;margin:26px 0 0;padding:17px 20px;border-left:3px solid var(--gold);background:#fff8e9;color:#646054;font-size:.91rem;line-height:1.6}.note svg{flex:none;margin-top:3px}.number-line{display:flex;align-items:center;gap:11px;color:#668680;font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:27px}.number-line:after{content:"";height:1px;flex:1;background:var(--border)}.rule{height:1px;background:var(--border);margin:26px 0}.choice-list{display:grid;gap:12px;margin-top:30px}.choice-tile{background:white;border:1px solid #dbe6e0;border-radius:14px;padding:20px 24px;display:flex;align-items:center;gap:17px;color:var(--ink);text-align:left;width:100%;font-weight:750;font-size:1.04rem}.choice-tile:hover{border-color:var(--teal);background:#f5faf7}.tile-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#e7f1ee;font-size:1.25rem;color:var(--deep)}.tile-sub{display:block;font-size:.85rem;color:#74837f;font-weight:400;margin-top:3px}.micro{font-size:.83rem;color:#6d7c78;line-height:1.5}.med-window{min-height:300px;display:grid;place-content:center;text-align:center;padding:36px 25px;position:relative;background:linear-gradient(140deg,#edf5f0,#faf7ec 95%);border-radius:20px;overflow:hidden}.med-window:before,.med-window:after{content:"";width:245px;height:245px;position:absolute;left:-105px;top:-75px;border:1px solid rgba(111,175,166,.3);border-radius:50%;box-shadow:0 0 0 32px rgba(111,175,166,.08),0 0 0 70px rgba(111,175,166,.045);pointer-events:none}.med-window:after{left:auto;right:-125px;top:auto;bottom:-150px}.med-line{font:500 clamp(1.55rem,3.6vw,2.6rem)/1.42 Lora,Georgia,serif;color:var(--ink);position:relative;z-index:2;max-width:590px}.med-counter{font-size:.75rem;color:var(--deep);letter-spacing:.16em;text-transform:uppercase;margin-bottom:28px;position:relative;z-index:2}.med-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.track{height:5px;background:#e6ece8;border-radius:10px;overflow:hidden;margin-top:22px}.track-fill{height:100%;background:var(--teal);transition:width .4s;border-radius:10px}.form-label{display:block;font-weight:800;margin:28px 0 12px;color:var(--ink);font-size:.88rem}.entry{display:flex;gap:10px;align-items:stretch}.entry input{width:100%;min-width:0;padding:18px 20px;border:1px solid #b8cfca;border-radius:11px;background:#fff;font-size:clamp(1.06rem,2vw,1.4rem);color:var(--ink)}.entry input::placeholder{color:#a2adaa}.entry .btn{flex:none}.inline-error{color:#a2453b;font-size:.92rem;min-height:22px;margin:11px 0}.hint{color:#70837d;font-size:.88rem;line-height:1.7}.compare-zone{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:16px;margin:35px 0 17px}.compare-card{min-height:188px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px;border:1.5px solid #c9dcd5;border-radius:17px;background:#fffefa;color:var(--ink);font:500 clamp(1.35rem,2.8vw,2rem)/1.25 Lora,Georgia,serif;overflow-wrap:anywhere;hyphens:auto}.compare-card:hover{border-color:var(--deep);background:#edf6f2;box-shadow:0 10px 30px rgba(47,72,88,.065)}.compare-card small{font:700 .66rem Lato,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--deep)}.or{font-family:Lora,Georgia,serif;font-style:italic;align-self:center;color:#81928c}.value-preview{display:flex;gap:9px;flex-wrap:wrap;margin:19px 0 0}.value-preview span{padding:8px 13px;border:1px solid #d2e3dc;border-radius:100px;background:#f2f8f4;color:var(--ink);font-weight:650}.result-top{display:grid;grid-template-columns:1fr;gap:12px;margin:34px 0 18px}.result-item{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid #dfe6dc;border-radius:14px;padding:21px 25px}.result-rank{font:500 2.2rem Lora,Georgia,serif;color:#a48745;min-width:31px}.result-value{font:500 clamp(1.35rem,3vw,2.1rem) Lora,Georgia,serif;color:var(--ink);overflow-wrap:anywhere}.result-item:first-child{border-color:#c7dfd7;background:linear-gradient(100deg,#ecf5f1,#fffdfa)}.quote-block{padding:26px 0 15px;border-top:1px solid var(--border);font:italic 1.25rem/1.55 Lora,Georgia,serif;color:#617c76}.detail-list{display:grid;gap:13px}.detail-list p{margin:0;color:#5f6e6a}.footer{padding:20px 0 26px;border-top:1px solid rgba(47,72,88,.12);display:flex;justify-content:space-between;gap:16px;align-items:center;color:#73827d;font-size:.76rem}.footer a{color:var(--deep);text-decoration:none}.kbd{display:inline-block;border:1px solid #cad6d0;border-radius:4px;padding:1px 5px;color:#5a7971;font-size:.72rem}.small-link{background:none;border:0;padding:0;color:var(--deep);text-decoration:underline;text-underline-offset:4px}.mobile-step{display:none}.modal-cover{position:fixed;inset:0;z-index:80;background:rgba(28,47,54,.48);display:flex;justify-content:center;align-items:center;padding:20px}.modal{width:min(100%,470px);background:var(--paper);border-radius:22px;padding:30px;box-shadow:0 22px 60px rgba(18,32,38,.25)}.modal h3{margin-bottom:14px}.modal .actions{margin-top:20px}.footer-status{color:var(--deep)}
@media (min-width:1000px){main.hero{padding-top:clamp(98px,12vh,162px)}}
@media (max-width:870px){.layout{grid-template-columns:1fr;gap:0}.rail{position:static;padding:21px 0 0}.rail-title,.side-quote{display:none}.steps{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.steps li{padding:7px 5px;min-width:35px;font-size:.74rem;white-space:nowrap;gap:7px}.steps .dot{width:23px;height:23px;font-size:.65rem}main{padding:55px 0 72px;min-height:500px}.shell{padding-top:22px}}
@media (max-width:580px){.header-meta{font-size:.59rem;max-width:120px;line-height:1.5}.brand{font-size:1rem}.mark{width:37px;height:37px;font-size:23px}.steps li span:last-child{display:none}.steps li.active span:last-child{display:inline}main{padding:47px 0 60px}.panel{padding:25px 20px}.entry{flex-direction:column}.entry .btn{width:100%}.compare-zone{grid-template-columns:1fr;gap:7px}.or{padding:3px}.compare-card{min-height:118px;padding:16px}.actions .btn{width:100%}.footer{align-items:flex-start;flex-direction:column}.result-item{padding:18px}.med-window{min-height:290px;padding:35px 16px}.med-controls{flex-direction:column;align-items:stretch}.med-controls .btn{width:100%}}
@media print{.header-meta,.rail,.footer,.actions,.micro,.feature-strip,.note,.no-print,.med-controls{display:none!important}.shell{padding:0}.layout{display:block}main{padding:20px 0;max-width:100%}.panel{border:none;box-shadow:none;padding:0}.result-item{break-inside:avoid}.result-item:first-child{border:1px solid #c7dfd7}body{background:white;color:black}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* JoyQode 1.1 refinements */
.privacy-details{max-width:650px;margin-top:20px;color:#5c756f;font-size:.83rem}.privacy-details summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.privacy-details p{margin:10px 0 0;line-height:1.7;max-width:615px}.med-quiet{min-height:285px}.med-quiet .med-line{line-height:1.6}@media(max-width:580px){.privacy-details{margin-top:23px}.med-quiet{min-height:240px}}

/* JoyQode 1.2 — clear question focus, practice acknowledgement, Loop explanation, preliminary Top 3 */
.practice-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 12px}
.practice-review-item{background:#f5faf7;border:1px solid #e0ebe5;border-radius:13px;padding:17px 19px;min-width:0}
.practice-review-item span{display:block;color:#69807a;font-size:.76rem;font-weight:700;letter-spacing:.04em;margin-bottom:8px}
.practice-review-item strong{display:block;color:var(--ink);font:500 clamp(1.18rem,2vw,1.5rem)/1.38 Lora,Georgia,serif;overflow-wrap:anywhere}
.emerson-bridge{margin:27px 0 0;padding:23px 0 0;border-top:1px solid var(--border);font-size:clamp(1.03rem,2vw,1.2rem)}
.quote-source{display:block;font:600 .72rem/1.5 Lato,Arial,sans-serif;color:#69817c;margin-top:10px}
.collect-core-question{font:500 clamp(2rem,4vw,3.45rem)/1.17 Lora,Georgia,serif;letter-spacing:-.035em;color:var(--ink);border-bottom:1px solid var(--border);padding-bottom:28px;margin-bottom:7px;overflow-wrap:break-word}
.collect-panel .form-label{margin-top:26px}
.transition-explainer{margin:0 0 26px;border-left:3px solid var(--teal);padding:14px 20px;background:rgba(234,243,239,.65);border-radius:0 10px 10px 0;color:#465d59;line-height:1.7}
.transition-explainer strong{display:block;color:var(--ink);font-weight:800;margin-bottom:4px}
.transition-explainer p{margin:0}
.preliminary-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:22px 0 18px}
.preliminary-item{min-width:0;background:#fffdfa;border:1px solid #d0e3dc;border-radius:13px;padding:17px 13px;display:flex;gap:11px;align-items:center}
.preliminary-item span{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e4f0ec;color:var(--ink);font:500 1.05rem Lora,Georgia,serif}
.preliminary-item strong{font:500 clamp(1.05rem,1.8vw,1.28rem)/1.3 Lora,Georgia,serif;color:var(--ink);overflow-wrap:anywhere}
@media(max-width:580px){.practice-review{grid-template-columns:1fr}.preliminary-top{grid-template-columns:1fr}.collect-core-question{font-size:clamp(1.8rem,8.5vw,2.7rem);padding-bottom:22px}}

/* JoyQode 1.3 — uncluttered, non-targeted intuitive value entry */
.collect-gentle-note{margin-top:22px;max-width:610px;}

/* JoyQode 1.4 — authentic QnectYourLife brand assets, responsive without altering the mark. */
.header .brand{display:flex;align-items:center;line-height:0;max-width:100%;min-width:0}
.brand-logo{display:block;width:clamp(160px,20vw,245px);height:auto;max-width:100%;object-fit:contain;flex:none}
@media(max-width:580px){.header{gap:10px}.brand-logo{width:clamp(130px,39vw,180px)}.header-meta{max-width:110px;font-size:.56rem}}
@media(max-width:350px){.brand-logo{width:130px}.header-meta{max-width:93px;font-size:.52rem}}
@media print{.brand-logo{width:180px}}


/* JoyQode 1.5 — editorial invitation: stronger curiosity without coaching the answers */
main.hero{max-width:100%;padding-top:clamp(48px,6.5vh,102px);}
.welcome-composition{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(195px,.66fr);gap:clamp(18px,3vw,40px);align-items:center;position:relative;}
.welcome-content{position:relative;z-index:1;min-width:0;}
.welcome-content .eyebrow{font-size:.72rem;letter-spacing:.12em;margin-bottom:25px;}
.welcome-spark{color:#b99843;font-size:1.04rem;margin-right:6px;}
.welcome-content h1{font-size:clamp(2.85rem,5.3vw,5.6rem);letter-spacing:-.052em;line-height:1.07;margin:0 0 25px;}
.welcome-accent{position:relative;display:inline-block;color:var(--deep);white-space:nowrap;}
.welcome-accent:after{content:"";position:absolute;left:1%;right:-2%;height:6px;bottom:-4px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(216,182,90,.56) 11%,rgba(216,182,90,.50) 78%,transparent);transform:rotate(-1.2deg);}
.welcome-lead{max-width:620px;font-size:clamp(1.16rem,1.8vw,1.4rem);line-height:1.57;margin:0 0 18px;}
.welcome-explainer{font-size:1.01rem;line-height:1.7;max-width:570px;margin:0 0 13px;color:#495a57;}
.welcome-explainer strong{color:var(--ink);}
.welcome-promise{font-size:.95rem;line-height:1.65;max-width:580px;color:#5b736e;margin:0 0 0;}
.welcome-promise strong{font-weight:800;color:var(--deep);}
.welcome-actions{margin-top:27px;margin-bottom:13px;}
.welcome-actions .btn{box-shadow:0 12px 25px rgba(47,72,88,.13);}
.welcome-time{color:#7b8984;font-size:.79rem;margin:0;line-height:1.5;}
.welcome-time span{color:var(--deep);font-size:1.08rem;margin-right:6px;vertical-align:middle;}
.welcome-art{min-height:365px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate;}
.welcome-art:before{content:"";position:absolute;inset:10% 0 8%;border-radius:47% 48% 50% 46%;background:radial-gradient(circle at 44% 41%,rgba(255,253,247,.94) 10%,rgba(222,239,233,.56) 59%,rgba(233,229,211,.12) 76%,transparent 80%);z-index:-1;}
.welcome-art-inner{position:relative;width:min(100%,330px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;}
.orbit{position:absolute;border:1px solid rgba(85,139,132,.25);border-radius:50%;inset:9%;transform:rotate(-25deg) scaleX(.86);}
.orbit-two{inset:17%;border-color:rgba(216,182,90,.47);transform:rotate(43deg) scaleX(.80);}
.orbit-three{inset:0;border-color:rgba(93,153,142,.12);transform:rotate(68deg) scaleX(.92);}
.welcome-Q{font:500 clamp(8rem,15vw,11rem)/1 Lora,Georgia,serif;letter-spacing:-.13em;color:rgba(47,72,88,.89);position:relative;padding-right:.14em;text-shadow:0 8px 18px rgba(47,72,88,.06);}
.gold-point{position:absolute;display:block;width:12px;height:12px;border-radius:50%;background:var(--gold);right:-3px;bottom:28px;box-shadow:0 0 0 10px rgba(216,182,90,.13);}
.art-label{position:absolute;white-space:nowrap;color:#668d84;letter-spacing:.24em;font-size:.62rem;font-weight:800;}
.art-label-top{top:3%;right:5%;}.art-label-bottom{bottom:4%;left:1%;}
.journey-intro{margin-top:clamp(35px,5vw,64px);padding-top:29px;border-top:1px solid var(--border);}
.journey-overline{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:var(--deep);margin-bottom:18px;}
.journey-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.journey-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:18px 18px 19px;background:rgba(255,255,252,.73);border:1px solid #e3ebe4;border-radius:15px;}
.journey-no{font:500 1.25rem Lora,Georgia,serif;color:#ac9048;}
.journey-card strong{font-size:.99rem;color:var(--ink);line-height:1.35;}
.journey-card>span:last-child{font-size:.84rem;line-height:1.6;color:#647773;}
.welcome-bottom{margin-top:27px;}
.welcome-bottom .feature-strip{display:flex;flex-wrap:wrap;gap:8px 19px;}
.welcome-bottom .privacy-details{margin-top:16px;}
@media(min-width:1000px){main.hero{padding-bottom:76px;}}
@media(max-width:1160px){.welcome-composition{grid-template-columns:minmax(0,1.18fr) minmax(170px,.6fr);gap:10px;}.welcome-art{min-height:310px;}.welcome-Q{font-size:8.4rem}.gold-point{bottom:23px}.journey-card{padding:16px 14px;}}
@media(max-width:870px){.welcome-composition{grid-template-columns:minmax(0,1fr) minmax(145px,.45fr);}.welcome-content h1{font-size:clamp(2.8rem,6.3vw,4.7rem)}.welcome-art{min-height:270px}.welcome-Q{font-size:7rem}.gold-point{bottom:17px;width:9px;height:9px}.art-label{font-size:.51rem;}.journey-cards{gap:10px}}
@media(max-width:660px){main.hero{padding-top:42px;}.welcome-composition{display:block;}.welcome-art{position:absolute;right:-5%;top:3%;opacity:.14;width:210px;min-height:210px;z-index:0;pointer-events:none;}.welcome-content{z-index:1;}.welcome-content .eyebrow{font-size:.65rem;max-width:100%;letter-spacing:.085em;margin-bottom:25px;}.welcome-content h1{font-size:clamp(2.85rem,10vw,4.2rem);}.welcome-lead{font-size:1.17rem;}.welcome-explainer{font-size:.99rem;}.journey-cards{grid-template-columns:1fr;gap:8px;}.journey-card{display:grid;grid-template-columns:42px 1fr;gap:2px 12px;padding:13px 15px;}.journey-no{grid-row:1/3;align-self:center;}.journey-card strong{font-size:.94rem;}.journey-card>span:last-child{font-size:.79rem}.journey-intro{margin-top:36px;padding-top:24px}.welcome-bottom{margin-top:22px;}}
@media(max-width:360px){.welcome-content h1{font-size:2.7rem}.welcome-composition{overflow:hidden}.welcome-art{right:-22%;}.journey-overline{font-size:.64rem}}
@media print{.welcome-art,.journey-intro{display:none!important}}


/* JoyQode 1.6 — the approved opening sets the tone for the complete experience.
   Applied only to subsequent pages, never to the v1.5 opening. */
main.experience{max-width:920px;padding-top:clamp(44px,6vh,85px);padding-bottom:85px;}
.experience-head{position:relative;isolation:isolate;overflow:hidden;min-height:250px;margin:0 0 35px;padding:clamp(24px,3vw,38px) clamp(22px,4vw,47px) clamp(25px,3.5vw,42px);border:1px solid rgba(218,233,226,.8);border-radius:26px;background:linear-gradient(113deg,rgba(255,255,251,.81),rgba(234,246,239,.70) 80%,rgba(255,249,235,.54));}
.experience-head .number-line{position:relative;z-index:2;margin:0 0 21px;font-size:.72rem;letter-spacing:.15em;max-width:75%;}
.experience-head .number-line:after{background:linear-gradient(90deg,rgba(111,175,166,.42),transparent);}
.experience-head h2{position:relative;z-index:2;font-size:clamp(2.55rem,4.75vw,4.5rem);line-height:1.12;max-width:730px;letter-spacing:-.05em;margin:0 0 21px;text-wrap:balance;}
.experience-head h2 .accent-line{color:var(--deep);}
.experience-head .lead{position:relative;z-index:2;margin:0;max-width:600px;font-size:clamp(1.04rem,1.72vw,1.27rem);color:#4c635c;line-height:1.65;text-wrap:pretty;}
.experience-head-art{position:absolute;pointer-events:none;right:-9%;top:-27%;width:300px;height:300px;opacity:.24;transform:rotate(-15deg);z-index:0;}
.head-orbit{position:absolute;inset:15%;border:1.5px solid var(--deep);border-radius:50%;transform:scaleX(.82) rotate(24deg);}
.head-orbit.orbit-b{inset:3%;border-color:#b49a57;transform:scaleX(.91) rotate(-35deg);}
.head-q{position:absolute;left:21%;top:15%;font:500 11rem/.9 Lora,Georgia,serif;color:var(--deep);letter-spacing:-.1em;}
.head-gold{position:absolute;width:19px;height:19px;right:17%;bottom:26%;border-radius:50%;background:#caa54b;}
.experience .panel{background:rgba(255,254,250,.92);border-color:#d9e8e0;box-shadow:0 16px 47px rgba(47,72,88,.045);padding:clamp(26px,4.4vw,52px);}
.experience .panel.panel-light{background:linear-gradient(140deg,#e7f2ed,#f3f7ee);border:1px solid #d3e7df;}
.experience .panel h3{font-size:clamp(1.45rem,2.2vw,1.8rem);line-height:1.25;letter-spacing:-.032em;}
.experience .panel h3:first-child{position:relative;}
.experience .panel h3:first-child:before{content:'✦';font:.65em Lora,Georgia,serif;color:#b69a55;vertical-align:middle;display:inline-block;margin-right:12px;}
.experience .panel .copy{line-height:1.8;color:#53655f;}
.experience .panel .micro,.experience .panel .hint{line-height:1.68;color:#687d77;}
.experience .btn-primary{box-shadow:0 13px 24px rgba(47,72,88,.12);}
.experience .choice-tile{min-height:100px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;}
.experience .choice-tile:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(47,72,88,.06);}
.experience .tile-icon{width:51px;height:51px;flex:none;border-radius:14px;background:linear-gradient(145deg,#e1f0eb,#f1f7ee);color:var(--deep);}
.experience .note{border-left:2px solid #d1ad51;border-radius:0 11px 11px 0;background:linear-gradient(95deg,#fdf7e8,#fffaf0);}
.experience .practice-review-item{background:linear-gradient(125deg,#f0f8f3,#fffdf7);padding:21px;}
.experience .practice-review-item strong{font-size:clamp(1.2rem,2vw,1.7rem);}
.experience .emerson-bridge{font-size:clamp(1.09rem,1.8vw,1.35rem);color:#59776d;}
.experience .collect-panel{padding-top:clamp(28px,4vw,48px);}
.experience .collect-core-question{font-size:clamp(2.2rem,4.7vw,3.8rem);border-bottom:0;margin:0 0 25px;padding:0 0 24px;position:relative;line-height:1.2;letter-spacing:-.048em;}
.experience .collect-core-question:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:90px;background:linear-gradient(90deg,var(--teal),var(--gold));border-radius:30px;}
.experience .entry input{background:#fffdfa;border-color:#bcd4cc;transition:border-color .15s,box-shadow .15s;}
.experience .entry input:focus{border-color:var(--deep);box-shadow:0 0 0 3px rgba(111,175,166,.16);outline:0;}
.experience .transition-explainer{background:linear-gradient(100deg,#e9f4ef,#f4f7ef);border-left:3px solid var(--teal);padding:20px 23px;border-radius:0 15px 15px 0;margin-bottom:26px;}
.experience .compare-zone{gap:12px;margin:28px 0 15px;}
.experience .compare-card{background:linear-gradient(157deg,#fffefa,#f8fbf7);border-color:#c5ddd2;min-height:206px;position:relative;box-shadow:0 8px 20px rgba(47,72,88,.035);}
.experience .compare-card:before{content:'';width:26px;height:2px;background:var(--gold);border-radius:4px;position:absolute;top:21px;left:calc(50% - 13px);}
.experience .compare-card:hover,.experience .compare-card:focus-visible{border-color:var(--deep);box-shadow:0 12px 25px rgba(47,72,88,.09);}
.experience .or{color:#82988e;font-style:italic;}
.experience .preliminary-top{gap:13px;}
.experience .preliminary-item{background:linear-gradient(148deg,#fffefa,#f4faf6);border-color:#c6ded4;box-shadow:0 6px 14px rgba(47,72,88,.035);min-height:108px;padding:19px;}
.experience .preliminary-item strong{font-size:clamp(1.1rem,1.9vw,1.44rem);}
.experience .result-top{gap:14px;}
.experience .result-item{border-color:#d9e8de;background:#fffdf8;min-height:112px;padding:26px clamp(21px,4vw,40px);box-shadow:0 10px 28px rgba(47,72,88,.035);}
.experience .result-item:first-child{background:linear-gradient(102deg,#dfefe9 0%,#f9fcf7 77%);border-color:#b8d6ca;box-shadow:0 16px 38px rgba(47,72,88,.065);}
.experience .result-item:first-child .result-rank{color:#9c7d31;}
.experience .result-rank{font-size:2.7rem;min-width:41px;}
.experience .result-value{font-size:clamp(1.5rem,3vw,2.45rem);}
.experience .quote-block:not(.emerson-bridge){font-size:1.35rem;border-top-color:#d7e6df;color:#587c72;}
.experience .med-window{background:linear-gradient(145deg,#e6f3ed 0%,#fefbf1 96%);border:1px solid #d3e7dd;}
.experience .med-window .med-line{font-size:clamp(1.75rem,3.7vw,2.75rem);}
@media(max-width:660px){
  main.experience{padding-top:31px;padding-bottom:56px;}
  .experience-head{min-height:0;padding:27px 21px 31px;border-radius:20px;margin-bottom:21px;}
  .experience-head h2{font-size:clamp(2.22rem,8.4vw,3.3rem);line-height:1.14;}
  .experience-head .number-line{margin-bottom:18px;max-width:96%;}
  .experience-head .lead{font-size:1.06rem;line-height:1.64;}
  .experience-head-art{right:-28%;top:-18%;width:220px;height:220px;opacity:.12;}
  .experience .panel{padding:25px 21px;}
  .experience .panel h3{font-size:1.37rem;}
  .experience .choice-tile{padding:17px 13px;gap:12px;min-height:84px;}
  .experience .tile-icon{width:40px;height:40px;font-size:1.1rem;}
  .experience .compare-card{min-height:127px;}
  .experience .collect-core-question{font-size:clamp(1.85rem,8vw,2.8rem);}
  .experience .preliminary-item{min-height:74px;}
  .experience .result-item{min-height:95px;padding:18px 21px;}
}
@media(max-width:350px){.experience-head h2{font-size:2.1rem;}.experience-head-art{right:-38%;}.experience .panel{padding:20px 16px;}}
@media print{.experience-head{background:transparent;border:0;padding:10px 0}.experience-head-art{display:none}.experience .panel{box-shadow:none}}

/* Small-screen overflow fix: long active step labels must scroll inside the rail,
   never enlarge the main grid or page width. */
@media(max-width:870px){.layout{grid-template-columns:minmax(0,1fr)}.rail{min-width:0;max-width:100%}.steps{width:100%;min-width:0;overflow-x:auto}.steps li{flex-shrink:0}main{min-width:0}}

/* JoyQode 1.6.1: klare Erinnerung vor dem Verlassen der Ergebnis-Seite */
.result-save-notice{display:flex;align-items:flex-start;gap:17px;padding:20px 22px;margin:24px 0 20px;border-radius:15px;border:1px solid #e5dec6;border-left:3px solid var(--gold,#D8B65A);background:#fcf8ed;color:var(--ink,#2F4858);}
.result-save-notice strong{display:block;font-size:1.06rem;line-height:1.45;margin-bottom:6px;}
.result-save-notice p{font-size:.94rem;line-height:1.65;margin:0;color:#596b65;}
.result-save-icon{font-size:1.5rem;color:#977b37;flex:none;margin-top:1px;}
@media(max-width:660px){.result-save-notice{padding:16px;gap:12px}.result-save-notice strong{font-size:1rem}.result-save-notice p{font-size:.9rem}}
@media print{.result-save-notice{display:none!important}}

/* JoyQode 1.7 — gentle connection from recognizing Joy-Values to living them */
.qnective-next{margin:clamp(25px,4vw,40px) 0 24px;padding:clamp(24px,4vw,43px);border-radius:22px;background:linear-gradient(120deg,#e5f2ed 0%,#f5f8ef 76%,#fcf9ed 100%);border:1px solid #d4e7dd;position:relative;overflow:hidden;isolation:isolate;}
.qnective-next:after{content:"";pointer-events:none;position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid rgba(94,151,139,.16);top:-110px;right:-95px;box-shadow:0 0 0 30px rgba(111,175,166,.045),0 0 0 65px rgba(111,175,166,.035);z-index:-1;}
.qnective-next-eyebrow{font-size:.71rem;font-weight:800;letter-spacing:.14em;color:var(--deep);margin-bottom:19px;}
.qnective-next h3{font-family:Lora,Georgia,serif;font-size:clamp(1.65rem,3.4vw,2.55rem);font-weight:500;line-height:1.28;letter-spacing:-.035em;max-width:650px;margin:0 0 21px;text-wrap:balance;}
.qnective-next h3 em{font-style:normal;color:var(--deep);}
.qnective-next p{font-size:clamp(.96rem,1.4vw,1.04rem);max-width:635px;line-height:1.68;color:#4c655e;margin:0 0 11px;}
.qnective-next p strong{color:var(--ink);}
.qnective-next .qnective-next-link{margin-top:19px;min-height:51px;text-decoration:none;}
.qnective-next .qnective-next-aside{font-size:.76rem;color:#71827b;margin:12px 0 0;line-height:1.5;}
.result-reflection{border-top:1px solid var(--border);padding:21px 2px 4px;margin-top:27px;}
.result-reflection details>summary{list-style-position:outside;line-height:1.6;}
.result-exit-links{gap:9px 18px;margin-top:16px;}
.result-exit-links .btn{font-size:.9rem;min-height:44px;}
@media(max-width:580px){.qnective-next{padding:23px 21px;border-radius:18px;}.qnective-next h3{font-size:clamp(1.65rem,7vw,2rem)}.qnective-next .qnective-next-link{width:100%;}.result-exit-links .btn{width:100%;}}
@media print{.qnective-next,.result-reflection,.result-exit-links{display:none!important;}}

/* v1.8: distinct closing Qnective one-liner; no repeated progress rail on
   stitched full-page screenshots of long result pages. */
.result-quote{color:var(--deep);}
.layout.result-layout .rail{position:static;top:auto;}

/* v1.8.1: interruption is calm, legible, and never masquerades as a Top-3 result. */
.pause-panel{border-left:3px solid var(--gold);}
.pause-panel .actions{margin-top:22px;}
@media (max-width:480px){.pause-panel .actions .btn{width:100%;justify-content:center;}}

/* JoyQode 1.9.3 — unhurried guided-meditation exit; only the content fades, not the audio. */
#view.jq-guided-transition{transition:opacity 650ms ease-in-out, transform 650ms ease-in-out;}
#view.jq-guided-fade-out{opacity:0;transform:translateY(-7px);pointer-events:none;}
#view.jq-guided-fade-in{opacity:0;transform:translateY(7px);}
@media (prefers-reduced-motion:reduce){#view.jq-guided-transition{transition:none!important;transform:none!important;}}

/* For embedding on qnectyourlife.com; leave standalone full screen unchanged. */
html.joyqode-in-frame body,html.joyqode-in-frame .shell{min-height:0}
html.joyqode-in-frame{scroll-behavior:auto}