:root{--ink:#171715;--paper:#f4f1ec;--soft:#e7e1d8;--accent:#b85031;--muted:#6d6962;--line:rgba(23,23,21,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}
header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,76px);background:#fff;border-bottom:1px solid #ddd8d0}.brand{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.13em}.brand span{width:42px;height:42px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:18px}.header-back{font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:4px}
.intro{position:relative;min-height:650px;overflow:hidden;background:#171715}.intro-bg{position:absolute;inset:0;object-position:center 44%}.intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,8,.9) 0,rgba(9,9,8,.7) 38%,rgba(9,9,8,.1) 67%,rgba(9,9,8,.05)),linear-gradient(0deg,rgba(9,9,8,.32),transparent 45%)}.intro-copy{position:relative;z-index:1;width:min(720px,85vw);padding:clamp(78px,9vw,128px) clamp(20px,7vw,108px);color:#fff}.intro-copy>p,.check-head p,.voices-head p,.eyebrow{margin:0;color:#d7b69d;font-size:10px;font-weight:600;letter-spacing:.18em}.intro h1{margin:20px 0 22px;font-size:clamp(50px,6.4vw,96px);line-height:.9;letter-spacing:-.065em}.intro-copy strong{display:block;max-width:610px;font-size:clamp(17px,1.65vw,24px);line-height:1.45;font-weight:400;color:#e9e5df}.intro-copy a,.cta{display:flex;align-items:center;justify-content:space-between;width:min(430px,100%);min-height:64px;margin-top:34px;padding:0 24px;background:var(--accent);color:#fff;border:0;font-size:13px;font-weight:700;cursor:pointer}.intro-copy small{display:block;margin-top:15px;color:#aaa49c;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.check{padding:clamp(64px,7vw,104px) clamp(20px,7vw,108px);background:#fff}.check-head{display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:1240px;margin:auto}.check-head h2{margin:12px 0 0;font-size:clamp(38px,4vw,60px);line-height:1;letter-spacing:-.055em}.progress{width:min(330px,36vw);font-size:11px}.progress span{display:block;margin-bottom:10px;text-align:right}.progress i{display:block;height:3px;background:#ddd7cf}.progress b{display:block;width:20%;height:100%;background:var(--accent);transition:width .3s}form{max-width:1240px;margin:42px auto 0}.step{display:none;border:0;padding:0;margin:0}.step.active{display:block}.step legend{max-width:900px;margin-bottom:30px;font-size:clamp(30px,3.2vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.045em}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choices.four{grid-template-columns:repeat(4,1fr)}.choices button{min-height:128px;padding:24px;border:1px solid #d8d2ca;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.choices button:hover,.choices button:focus-visible{border-color:var(--accent);background:#fff;transform:translateY(-2px)}.choices button>span{display:block;font-size:20px;font-weight:600}.choices button small{display:block;margin-top:10px;color:var(--muted);font-size:13px;line-height:1.4}.back{margin-top:28px;padding:8px 0;border:0;background:none;color:var(--muted);cursor:pointer}.result,.contact{max-width:790px}.result h2,.contact h2{margin:14px 0;font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.055em}.result>p:not(.eyebrow),.contact>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.65}.result-box{margin:26px 0;padding:20px;border:1px solid var(--line);background:var(--paper)}.result-box b{color:var(--accent);font-size:10px;letter-spacing:.14em}.result-box p{margin:8px 0 0;color:var(--muted);line-height:1.5}.contact label{display:block;margin-top:17px;font-size:12px;font-weight:600}.contact input:not([type=checkbox]){display:block;width:100%;height:52px;margin-top:8px;padding:0 13px;border:1px solid #d2ccc4;background:#fff}.contact .consent{display:flex;gap:10px;line-height:1.5;font-weight:400}.contact .consent input{margin-top:3px}
.voices{padding:clamp(58px,6vw,88px) 0;background:var(--soft);overflow:hidden}.voices-head{max-width:1240px;margin:0 auto 34px;padding:0 clamp(20px,7vw,108px)}.voices h2{max-width:850px;margin:12px 0 0;font-size:clamp(36px,4.4vw,68px);line-height:1;letter-spacing:-.06em}.moments-window{overflow:hidden}.moments-track{display:flex;width:max-content;animation:customer-marquee 38s linear infinite;will-change:transform}.moments-track:hover{animation-play-state:paused}.moments{display:flex;gap:8px;padding-right:8px}.moments figure{position:relative;width:clamp(330px,30vw,470px);height:330px;margin:0;overflow:hidden;background:#bbb}.moments img{object-position:center 24%;transition:transform .35s}.moments figure:hover img{transform:scale(1.02)}.moments figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:12px 14px;background:rgba(255,255,255,.92);font-size:12px}@keyframes customer-marquee{to{transform:translateX(-50%)}}
footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px clamp(20px,5vw,76px);background:var(--ink);color:#fff;font-size:11px}footer span{color:#aaa}footer a{text-decoration:underline}
.legal-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.contact .consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}.form-submit-note{max-width:520px;margin:13px auto 0!important;color:#98938a!important;font-size:11px!important;line-height:1.5!important;text-align:center}.quiz-footer{border-top:1px solid rgba(255,255,255,.1)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3187a1;outline-offset:3px}
@media(max-width:800px){.intro{min-height:560px}.intro-bg{object-position:62% center}.intro-shade{background:linear-gradient(90deg,rgba(9,9,8,.88),rgba(9,9,8,.52) 66%,rgba(9,9,8,.18))}.check-head{display:block}.progress{width:100%;margin-top:26px}.choices,.choices.four{grid-template-columns:1fr 1fr}.moments figure{width:72vw;height:300px}footer{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){header{height:62px;padding:0 14px}.brand b{font-size:9px}.brand span{width:38px;height:38px}.header-back{font-size:8px}.intro{min-height:630px}.intro-bg{object-position:58% center}.intro-shade{background:linear-gradient(0deg,rgba(8,8,7,.94) 0,rgba(8,8,7,.56) 52%,rgba(8,8,7,.08) 83%),linear-gradient(90deg,rgba(8,8,7,.24),transparent)}.intro-copy{position:absolute;left:0;right:0;bottom:0;width:auto;padding:36px 18px}.intro h1{font-size:47px}.intro-copy strong{font-size:15px}.intro-copy a{min-height:58px;margin-top:24px}.check{padding:58px 18px}.check-head h2{font-size:38px}.step legend{font-size:29px}.choices,.choices.four{grid-template-columns:1fr}.choices button{min-height:104px;padding:20px}.voices-head{padding:0 18px}.voices h2{font-size:38px}.moments figure{width:84vw;height:285px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.moments-track{animation:none!important}}

/* Simple funnel direction: bright, direct and intentionally less editorial. */
:root{--ink:#111;--paper:#fff;--soft:#f1f1ef;--panel:#cbd7d8;--accent:#f4d900;--muted:#5d6264;--line:#d9dddd}
.intro{display:grid;grid-template-columns:1.05fr .95fr;width:min(1120px,calc(100% - 40px));min-height:570px;margin:56px auto 74px;overflow:hidden;border-radius:3px;background:var(--panel)}
.intro-copy{position:relative;z-index:2;align-self:center;width:auto;padding:64px 28px 64px clamp(38px,6vw,82px);color:var(--ink)}
.intro-copy>p,.check-head p,.voices-head p,.eyebrow{color:#343a3c;font-weight:700;letter-spacing:.12em}
.intro h1{margin:18px 0 22px;font-size:clamp(48px,6vw,80px);line-height:.94;letter-spacing:-.055em}
.intro-copy strong{max-width:540px;font-size:clamp(18px,1.65vw,23px);line-height:1.42;font-weight:500;color:var(--ink)}
.intro-copy a,.cta{justify-content:center;min-height:62px;margin-top:30px;background:var(--accent);color:#111;border-radius:10px;font-size:14px;box-shadow:0 8px 16px rgba(0,0,0,.12)}
.intro-person{position:relative;align-self:end;height:100%;margin:0;overflow:hidden}
.intro-person img{object-position:54% center}
.choices button{border-color:#d8dddd;border-radius:10px;background:#f5f6f6}
.choices button:hover,.choices button:focus-visible{border-color:#c3ad00;background:#fffdeb}
.choices button{overflow:hidden;padding-top:0}
.choices button>img{width:calc(100% + 48px);height:160px;margin:0 -24px 22px;object-fit:cover;object-position:center}
.choices button>span{position:relative;z-index:1}
.choices button:nth-child(2)>img{object-position:center 42%}
.choices button:nth-child(3)>img{object-position:center 38%}
.choices.four button>img{height:135px}
.progress b{background:var(--accent)}
.voices{background:#f4f4f2}
.moments figure{height:350px;border-radius:10px}
footer{background:#202526}footer span{color:#bbb}

@media(max-width:800px){
  .intro{grid-template-columns:1fr;min-height:0}
  .intro-copy{padding:52px 34px 44px}
  .intro-person{height:470px}
}
@media(max-width:520px){
  .intro{width:calc(100% - 24px);min-height:0;margin:18px auto 42px}
  .intro-copy{position:relative;padding:38px 22px 32px}
  .intro h1{font-size:43px}
  .intro-copy strong{font-size:16px}
  .intro-copy a{min-height:56px;margin-top:24px}
  .intro-person{height:360px}
  .choices button>img{width:calc(100% + 40px);height:180px;margin:0 -20px 20px}
}

/* The questionnaire lives on its own focused route. */
.quiz-page{min-height:100vh;background:#fff}
.quiz-page main{min-height:calc(100vh - 74px)}
.quiz-page .check{display:flex;min-height:calc(100vh - 74px);flex-direction:column;justify-content:center;padding-top:clamp(54px,7vw,92px);padding-bottom:clamp(54px,7vw,92px)}
.quiz-page .check-head h1{margin:12px 0 0;font-size:clamp(38px,4vw,60px);line-height:1;letter-spacing:-.055em}
.quiz-page form{width:100%}
.quiz-page .step.active{animation:question-in .28s ease-out both}
@keyframes question-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:520px){
  .quiz-page main{min-height:calc(100vh - 62px)}
  .quiz-page .check{min-height:calc(100vh - 62px);padding:38px 18px 48px}
  .quiz-page .check-head h1{font-size:38px}
}

/* Homepage palette: charcoal, warm cream and restrained gold. Structure stays unchanged. */
:root{--ink:#f5efe5;--paper:#202124;--soft:#202124;--panel:#202124;--accent:#d8bd8e;--muted:#c4bdb2;--line:rgba(245,239,229,.18)}
body{background:#202124;color:#f5efe5}
header{background:#202124;color:#f5efe5;border-bottom-color:rgba(216,189,142,.22)}
.brand span{border-color:rgba(216,189,142,.72);color:#f5efe5}
.header-back{border-bottom-color:rgba(216,189,142,.72);color:#f5efe5}
.intro{background:var(--panel);box-shadow:0 24px 70px rgba(20,20,19,.16)}
.intro-copy{color:#f5efe5}
.intro-copy>p{color:#d8bd8e}
.intro-copy strong{color:#e6e0d6}
.intro-copy a,.cta{background:#d8bd8e;color:#202124;box-shadow:0 9px 22px rgba(32,33,36,.18)}
.intro-copy small{color:#bdb6aa}
.check,.quiz-page,.quiz-page main{background:#202124;color:#f5efe5}
.check-head p,.eyebrow{color:#d8bd8e}
.progress i{background:rgba(245,239,229,.2)}
.progress b{background:#d8bd8e}
.choices button{border-color:rgba(245,239,229,.18);background:#292a2d;color:#f5efe5;box-shadow:none}
.choices button:hover,.choices button:focus-visible{border-color:#d8bd8e;background:#303134}
.choices button small,.result>p:not(.eyebrow),.contact>p:not(.eyebrow),.result-box p,.back{color:#c4bdb2}
.result-box{border-color:rgba(216,189,142,.34);background:#292a2d}
.result-box b{color:#d8bd8e}
.contact input:not([type=checkbox]){border-color:rgba(245,239,229,.24);background:#292a2d;color:#f5efe5}
.voices{background:#292a2d;color:#f5efe5}
.voices-head p{color:#d8bd8e}
.voices h2{color:#f5efe5}
.moments figure{background:#202124}
.moments figcaption{background:rgba(238,233,225,.94);color:#202124}
footer{background:#202124;color:#f5efe5;border-top:1px solid rgba(216,189,142,.22)}
footer span{color:#c4bdb2}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#b99559}

/* Give the question header a warm, quiet hierarchy inside the dark funnel. */
.quiz-page .check{background:radial-gradient(ellipse at 34% 18%,rgba(216,189,142,.085),transparent 38%),#202124}
.quiz-page .check-head{width:100%;padding:26px 30px;background:linear-gradient(108deg,rgba(216,189,142,.11),rgba(41,39,34,.72) 48%,rgba(32,33,36,.32));border-left:2px solid #d8bd8e;border-block:1px solid rgba(216,189,142,.16)}
.quiz-page .check-head h1{color:#fff8ed}
.quiz-page .progress span{color:#e7dfd3}
@media(max-width:520px){
  .quiz-page .check-head{padding:22px 20px}
}

/* Quiet gold affordance: answer panels read as interactive without looking glossy. */
.quiz-page .choices button{position:relative;border-color:rgba(216,189,142,.42);background:linear-gradient(145deg,#2d2c29,#27282b 68%);box-shadow:inset 0 1px 0 rgba(255,240,209,.13),0 0 0 1px rgba(216,189,142,.045),0 14px 36px rgba(0,0,0,.2),0 0 28px rgba(216,189,142,.035);transition:border-color .22s,background .22s,box-shadow .22s,transform .22s}
.quiz-page .choices button:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 32px rgba(216,189,142,.025)}
.quiz-page .choices button:hover,.quiz-page .choices button:focus-visible{border-color:rgba(232,201,143,.9);background:linear-gradient(145deg,#343128,#2c2c2c 72%);box-shadow:inset 0 1px 0 rgba(255,242,214,.24),0 0 0 1px rgba(216,189,142,.15),0 16px 40px rgba(0,0,0,.24),0 0 34px rgba(216,189,142,.11);transform:translateY(-3px)}

/* Connect the Immo-Check landing hero to the homepage's quiet editorial language. */
.check-landing .intro{isolation:isolate;border:1px solid rgba(216,189,142,.17);background:radial-gradient(circle at 18% 22%,rgba(216,189,142,.07),transparent 31%),#080807;box-shadow:0 34px 90px rgba(0,0,0,.28)}
.check-landing .intro:before{content:"";position:absolute;z-index:0;left:-10rem;bottom:-17rem;width:31rem;height:31rem;border:1px solid rgba(216,189,142,.075);border-radius:50%;box-shadow:0 0 0 4.5rem rgba(216,189,142,.026),0 0 0 9rem rgba(216,189,142,.018);pointer-events:none}
.check-landing .intro:after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(216,189,142,.16) 50%,transparent calc(50% + .5px)),linear-gradient(180deg,rgba(216,189,142,.14),transparent 16%,transparent 84%,rgba(216,189,142,.12))}
.check-landing .intro-copy{position:relative}
.check-landing .intro-copy:before{content:"";position:absolute;left:clamp(38px,6vw,82px);top:34px;width:92px;height:1px;background:linear-gradient(90deg,#d8bd8e,transparent)}
.check-landing .intro-copy:after{content:"";position:absolute;left:calc(clamp(38px,6vw,82px) + 88px);top:31px;width:7px;height:7px;border:1px solid rgba(216,189,142,.72);border-radius:50%;background:#080807}
.check-landing .intro-person{border-left:1px solid rgba(216,189,142,.18)}
.check-landing .intro-person:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,8,7,.44),transparent 18%),linear-gradient(0deg,rgba(8,8,7,.28),transparent 24%)}
.check-landing .intro-person:after{content:"";position:absolute;z-index:2;inset:22px;pointer-events:none;border-top:1px solid rgba(216,189,142,.34);border-right:1px solid rgba(216,189,142,.34)}
.check-landing .intro-copy a{position:relative;overflow:hidden;border:1px solid rgba(255,241,213,.28);background:linear-gradient(110deg,#b99862,#dfc69a 52%,#b99862);box-shadow:0 16px 38px rgba(0,0,0,.22),0 0 28px rgba(216,189,142,.07)}
.check-landing .intro-copy a:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.2) 48%,transparent 68%);transform:translateX(-120%);transition:transform .5s ease}
.check-landing .intro-copy a:hover:after,.check-landing .intro-copy a:focus-visible:after{transform:translateX(120%)}
.check-landing .voices{position:relative}
.check-landing .voices:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#d8bd8e 50%,transparent);opacity:.4}
@media(max-width:800px){
  .check-landing .intro:after{background:linear-gradient(180deg,transparent calc(55% - .5px),rgba(216,189,142,.16) 55%,transparent calc(55% + .5px))}
  .check-landing .intro-person{border-left:0;border-top:1px solid rgba(216,189,142,.18)}
}
@media(max-width:520px){
  .check-landing .intro-copy:before{left:22px;top:20px}
  .check-landing .intro-copy:after{left:110px;top:17px}
  .check-landing .intro-person:after{inset:14px}
}

/* Carry the same restrained gold atmosphere across the complete page canvas. */
.check-landing,.quiz-page{overflow-x:hidden;background-color:#202124;background-image:radial-gradient(circle at 8% 14%,rgba(216,189,142,.09),transparent 24%),radial-gradient(circle at 92% 58%,rgba(216,189,142,.065),transparent 28%),linear-gradient(118deg,#1d1e20 0,#222326 48%,#1d1e20 100%);background-attachment:fixed}
.check-landing main{position:relative;isolation:isolate;overflow:hidden;background:transparent}
.check-landing main:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.62;background:linear-gradient(90deg,transparent 8%,rgba(216,189,142,.045) 8.05%,transparent 8.1%,transparent 50%,rgba(216,189,142,.035) 50.05%,transparent 50.1%,transparent 92%,rgba(216,189,142,.045) 92.05%,transparent 92.1%),linear-gradient(180deg,transparent 18%,rgba(216,189,142,.035) 18.05%,transparent 18.1%,transparent 66%,rgba(216,189,142,.03) 66.05%,transparent 66.1%)}
.check-landing main:after{content:"";position:absolute;z-index:0;right:-13rem;top:43%;width:34rem;height:34rem;border:1px solid rgba(216,189,142,.075);border-radius:50%;box-shadow:0 0 0 5rem rgba(216,189,142,.022),0 0 0 10rem rgba(216,189,142,.014);pointer-events:none}
.check-landing main>section{position:relative;z-index:1}
.check-landing .voices{background:transparent}
.check-landing .voices:before{top:-7rem;height:14rem;background:radial-gradient(ellipse at 50% 0,rgba(216,189,142,.075),transparent 68%);opacity:1}
.quiz-page main{background:transparent}
.quiz-page .check{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 34% 18%,rgba(216,189,142,.11),transparent 38%),radial-gradient(circle at 88% 78%,rgba(216,189,142,.055),transparent 26%),linear-gradient(90deg,transparent 8%,rgba(216,189,142,.035) 8.05%,transparent 8.1%,transparent 92%,rgba(216,189,142,.035) 92.05%,transparent 92.1%),#202124}
.quiz-page .check:before{content:"";position:absolute;z-index:0;right:-12rem;bottom:-18rem;width:32rem;height:32rem;border:1px solid rgba(216,189,142,.07);border-radius:50%;box-shadow:0 0 0 5rem rgba(216,189,142,.02),0 0 0 10rem rgba(216,189,142,.012);pointer-events:none}
.quiz-page .check>*{position:relative;z-index:1}

/* Warm, continuous canvas: remove the neutral grey cast across both funnel pages. */
body.check-landing,body.quiz-page{background-color:#0f0e0c;color:#f5efe5}
.check-landing,.quiz-page{background-color:#0f0e0c;background-image:radial-gradient(circle at 9% 13%,rgba(196,151,82,.14),transparent 27%),radial-gradient(circle at 88% 55%,rgba(145,103,54,.1),transparent 31%),radial-gradient(ellipse at 50% 92%,rgba(90,65,38,.12),transparent 44%),linear-gradient(122deg,#0b0b0a 0,#17130f 47%,#100f0d 100%)}
.check-landing header,.quiz-page header{background:rgba(15,14,12,.96);border-bottom-color:rgba(216,189,142,.2)}
.check-landing footer,.quiz-page footer{background:#0d0c0b;border-top-color:rgba(216,189,142,.16)}
.check-landing main:before{opacity:.78}
.check-landing .voices{background:transparent}
.quiz-page main,.quiz-page .check{background-color:transparent}
.quiz-page .check{background-image:radial-gradient(ellipse at 32% 17%,rgba(196,151,82,.14),transparent 39%),radial-gradient(circle at 88% 78%,rgba(145,103,54,.09),transparent 28%),linear-gradient(90deg,transparent 8%,rgba(216,189,142,.04) 8.05%,transparent 8.1%,transparent 92%,rgba(216,189,142,.04) 92.05%,transparent 92.1%)}
.quiz-page .choices button{background:linear-gradient(145deg,#24211c,#1b1a18 70%);border-color:rgba(216,189,142,.38)}
.quiz-page .choices button:hover,.quiz-page .choices button:focus-visible{background:linear-gradient(145deg,#30291f,#221f1a 72%)}

/* Editorial customer proof — one verified voice, prepared for additional slides. */
.check-landing .voices{padding:clamp(54px,6vw,92px) clamp(18px,3.6vw,58px);background:radial-gradient(circle at 14% 8%,rgba(216,189,142,.08),transparent 25%),linear-gradient(118deg,#0b0a08,#100e0b 58%,#090908);overflow:hidden}
.check-landing .voices:after{content:"";position:absolute;right:-12vw;bottom:-42%;width:48vw;aspect-ratio:1;border:1px solid rgba(216,189,142,.07);border-radius:50%;box-shadow:0 0 0 6vw rgba(216,189,142,.018),0 0 0 12vw rgba(216,189,142,.012);pointer-events:none}
.review-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);gap:clamp(42px,6vw,92px);width:min(1440px,100%);margin:auto;align-items:stretch}
.review-photo{position:relative;min-height:680px;margin:0;overflow:hidden;border:1px solid rgba(216,189,142,.38);border-radius:18px;background:#17130f;box-shadow:0 34px 90px rgba(0,0,0,.36)}
.review-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,7,6,.05) 48%,rgba(8,7,6,.42)),linear-gradient(90deg,rgba(8,7,6,.14),transparent 24%)}
.review-photo img{object-position:center 68%;filter:saturate(.8) contrast(1.03) brightness(.82);transform:scale(1.015);transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .5s ease}
.review-photo:hover img{transform:scale(1.045);filter:saturate(.92) contrast(1.02) brightness(.92)}
.review-photo figcaption{position:absolute;z-index:2;left:28px;bottom:26px;display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid rgba(216,189,142,.34);border-radius:999px;background:rgba(15,13,10,.72);backdrop-filter:blur(12px);color:#ded5c8;font-size:12px;letter-spacing:.03em}
.review-photo figcaption svg{width:18px;height:18px;fill:none;stroke:#deb977;stroke-width:1.7}
.review-copy{position:relative;display:flex;flex-direction:column;min-width:0;padding:10px 0 18px;color:#f5efe5}
.review-brand{display:flex;align-items:center;justify-content:flex-end;gap:18px;color:#d8bd8e;font-size:10px;font-weight:700;letter-spacing:.28em}.review-brand i{width:92px;height:1px;background:linear-gradient(90deg,#d8bd8e,transparent)}
.review-rule{display:flex;align-items:center;gap:0;width:112px;margin:44px 0 26px}.review-rule i{width:94px;height:1px;background:#d8bd8e}.review-rule b{width:11px;height:11px;border:1px solid #d8bd8e;border-radius:50%}
.review-kicker{margin:0;color:#d8bd8e;font-size:10px;font-weight:700;letter-spacing:.25em}
.review-stars{margin:28px 0 24px;color:#e6bd76;font-size:27px;letter-spacing:.18em;text-shadow:0 0 22px rgba(230,189,118,.18)}
.review-copy blockquote{position:relative;max-width:760px;margin:0;padding-left:58px;color:#f7f2e9;font-size:clamp(25px,2.15vw,38px);font-weight:600;line-height:1.36;letter-spacing:-.03em;text-wrap:balance}
.review-copy blockquote:before{content:"“";position:absolute;left:0;top:-18px;color:#8d7857;font:700 76px/1 Georgia,serif}
.review-copy blockquote:after{content:"”";display:inline;margin-left:9px;color:#8d7857;font:700 54px/0 Georgia,serif;vertical-align:-.28em}
.review-person{margin-top:auto;padding-top:34px;border-top:1px solid rgba(216,189,142,.26)}.review-person strong,.review-person span{display:block}.review-person strong{font-size:18px}.review-person span{margin-top:5px;color:#9e9588;font-size:14px}
.review-person{min-height:72px}
.review-index{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;margin-top:28px;color:#9b8d79;font-size:9px;letter-spacing:.18em}.review-index b{width:9px;height:9px;border-radius:50%;background:#e0b770;box-shadow:0 0 16px rgba(224,183,112,.32)}.review-index i{height:1px;background:linear-gradient(90deg,rgba(216,189,142,.38),transparent)}
.review-signoff{align-self:flex-end;margin:26px 0 0;color:#756d61;font-size:9px;line-height:1.65;letter-spacing:.26em;text-align:right}

@media(max-width:980px){
  .review-stage{grid-template-columns:1fr;gap:46px}.review-photo{min-height:620px;max-height:76vh}.review-copy{min-height:570px}.review-copy blockquote{max-width:820px}.review-brand{justify-content:flex-start}
}
@media(max-width:560px){
  .check-landing .voices{padding:34px 16px 54px}.review-stage{gap:34px}.review-photo{min-height:460px;border-radius:12px}.review-photo figcaption{left:16px;bottom:16px;padding:10px 14px}.review-copy{min-height:0;padding-bottom:0}.review-brand{font-size:8px}.review-rule{margin:30px 0 22px}.review-stars{margin:22px 0 18px;font-size:22px}.review-copy blockquote{padding-left:38px;font-size:23px;line-height:1.4}.review-copy blockquote:before{font-size:56px}.review-person{margin-top:34px}.review-signoff{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.review-photo img{transition:none}.review-photo:hover img{transform:scale(1.015)}}

/* Friendlier conversion hero: warmer canvas, brighter portrait and unmistakable start action. */
body.check-landing{background-color:#17120d;background-image:radial-gradient(circle at 14% 15%,rgba(225,184,111,.17),transparent 29%),radial-gradient(circle at 86% 24%,rgba(245,222,179,.1),transparent 26%),linear-gradient(122deg,#100e0b 0,#21180f 48%,#15110d 100%)}
.check-landing .intro{background:radial-gradient(circle at 28% 38%,rgba(224,183,111,.16),transparent 37%),radial-gradient(circle at 0 100%,rgba(122,79,31,.18),transparent 42%),linear-gradient(135deg,#17130e,#0e0e0c 74%);border-color:rgba(236,205,151,.3);box-shadow:0 38px 100px rgba(0,0,0,.34),0 0 70px rgba(193,143,68,.08)}
.check-landing .intro-copy{background:linear-gradient(110deg,rgba(255,238,205,.035),transparent 66%)}
.check-landing .intro-copy strong{color:#fff7e9;text-shadow:0 2px 22px rgba(255,229,181,.08)}
.check-landing .intro-person{background:radial-gradient(circle at 52% 38%,#fffdf8 0,#eeeae1 52%,#dad4ca 100%)}
.check-landing .intro-person img{filter:saturate(.92) contrast(1.015) brightness(1.08);transition:filter .35s ease,transform .8s cubic-bezier(.2,.75,.2,1)}
.check-landing .intro-person:hover img{filter:saturate(1) contrast(1.01) brightness(1.12);transform:scale(1.012)}
.check-landing .intro-person:before{background:linear-gradient(90deg,rgba(23,18,12,.2),transparent 20%),linear-gradient(0deg,rgba(74,48,20,.16),transparent 30%)}

.check-landing .intro-copy .check-start{position:relative;isolation:isolate;justify-content:space-between;width:min(470px,100%);min-height:70px;padding:0 14px 0 26px;border:1px solid rgba(255,244,220,.78);border-radius:12px;background:linear-gradient(112deg,#a77b3f 0,#f0d39a 34%,#c09250 58%,#f6dfad 78%,#a77b3f 100%);background-size:230% 100%;color:#171109;box-shadow:0 0 0 1px rgba(255,232,187,.18),0 17px 42px rgba(189,132,52,.38),0 0 56px rgba(231,188,112,.3),inset 0 1px 0 rgba(255,255,255,.78);font-size:14px;font-weight:800;letter-spacing:.01em;text-transform:none;animation:checkCtaGlow 2.65s ease-in-out infinite,checkCtaFlow 5.4s ease-in-out infinite;transition:transform .24s cubic-bezier(.2,.75,.2,1),box-shadow .24s ease,border-color .24s ease}
.check-landing .intro-copy .check-start span{position:relative;z-index:2}
.check-landing .intro-copy .check-start b{position:relative;z-index:2;display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:1px solid rgba(38,27,13,.28);border-radius:50%;background:rgba(255,250,237,.34);font-size:22px;font-weight:400;transition:transform .24s ease,background .24s ease}
.check-landing .intro-copy .check-start:after{z-index:1;inset:-38% -24%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.1) 43%,rgba(255,255,255,.88) 50%,rgba(255,255,255,.1) 57%,transparent 65%);transform:translateX(-120%) skewX(-16deg);animation:checkCtaShine 3.15s cubic-bezier(.2,.72,.25,1) infinite}
.check-landing .intro-copy .check-start:hover,.check-landing .intro-copy .check-start:focus-visible{transform:translateY(-4px) scale(1.025);border-color:#fff7e4;box-shadow:0 0 0 1px rgba(255,240,208,.38),0 24px 58px rgba(204,146,62,.5),0 0 92px rgba(243,207,143,.48),inset 0 1px 0 rgba(255,255,255,.9)}
.check-landing .intro-copy .check-start:hover b,.check-landing .intro-copy .check-start:focus-visible b{transform:translateX(4px);background:rgba(255,255,255,.56)}
.check-landing .intro-copy .check-start:active{transform:translateY(-1px) scale(.99)}
.check-landing .intro-copy .cta-note{display:flex;align-items:center;gap:8px;margin:13px 0 0;color:#d8c8ae;font-size:10px;font-weight:500;letter-spacing:.045em;text-transform:none}
.check-landing .intro-copy .cta-note span{display:grid;width:18px;height:18px;place-items:center;border:1px solid rgba(225,190,129,.46);border-radius:50%;color:#e6bd76;font-size:10px}

@keyframes checkCtaGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,232,187,.16),0 15px 38px rgba(189,132,52,.32),0 0 42px rgba(231,188,112,.2),inset 0 1px 0 rgba(255,255,255,.72)}50%{box-shadow:0 0 0 1px rgba(255,239,207,.4),0 20px 52px rgba(207,151,69,.48),0 0 84px rgba(244,207,140,.46),inset 0 1px 0 rgba(255,255,255,.9)}}
@keyframes checkCtaFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes checkCtaShine{0%,24%{transform:translateX(-120%) skewX(-16deg)}58%,100%{transform:translateX(120%) skewX(-16deg)}}

@media(max-width:520px){.check-landing .intro-copy .check-start{min-height:64px;padding-left:18px;font-size:12px}.check-landing .intro-copy .check-start b{flex-basis:36px;width:36px;height:36px}.check-landing .intro-copy .cta-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.check-landing .intro-copy .check-start,.check-landing .intro-copy .check-start:after{animation:none}.check-landing .intro-person img{transition:none}}

/* Check-first hierarchy: cool graphite, smaller portrait and a clearer primary action. */
body.check-landing{background-color:#101316;color:#f5f7f8;background-image:radial-gradient(circle at 12% 15%,rgba(190,213,225,.12),transparent 28%),radial-gradient(circle at 88% 58%,rgba(111,145,163,.07),transparent 31%),linear-gradient(122deg,#0c0f11 0,#181c1f 48%,#101316 100%)}
.check-landing header{background:rgba(13,16,18,.96);border-bottom-color:rgba(207,221,228,.16)}
.check-landing .brand span{border-color:rgba(211,224,231,.54)}
.check-landing .header-back{border-bottom-color:rgba(211,224,231,.62)}
.check-landing main:before{opacity:.42;background:linear-gradient(90deg,transparent 8%,rgba(207,221,228,.03) 8.05%,transparent 8.1%,transparent 92%,rgba(207,221,228,.03) 92.05%,transparent 92.1%)}
.check-landing main:after{border-color:rgba(183,205,216,.05);box-shadow:0 0 0 5rem rgba(183,205,216,.012),0 0 0 10rem rgba(183,205,216,.008)}
.check-landing .intro{grid-template-columns:minmax(0,1.48fr) minmax(280px,.52fr);min-height:590px;background:radial-gradient(circle at 26% 36%,rgba(184,207,219,.105),transparent 38%),linear-gradient(135deg,#171c20,#0d1012 76%);border-color:rgba(207,221,228,.18);box-shadow:0 38px 100px rgba(0,0,0,.34),0 0 66px rgba(128,165,184,.055)}
.check-landing .intro:before{border-color:rgba(190,211,221,.06);box-shadow:0 0 0 4.5rem rgba(190,211,221,.015),0 0 0 9rem rgba(190,211,221,.01)}
.check-landing .intro:after{background:linear-gradient(180deg,rgba(212,226,233,.09),transparent 16%,transparent 84%,rgba(212,226,233,.06))}
.check-landing .intro-copy{padding-right:clamp(32px,5vw,76px);background:none}
.check-landing .intro-copy:before{background:linear-gradient(90deg,#b9cbd4,transparent)}
.check-landing .intro-copy:after{border-color:rgba(185,203,212,.72);background:#111518}
.check-landing .intro-copy>p{color:#b9cbd4}
.check-landing .intro h1{max-width:740px;font-size:clamp(58px,6.9vw,102px);line-height:.88}
.check-landing .intro-copy strong{max-width:650px;color:#e9eef1;text-shadow:none}
.check-landing .intro-person{align-self:center;justify-self:center;width:min(82%,360px);height:480px;min-height:0;margin:42px 42px 42px 0;border:1px solid rgba(207,221,228,.22);border-radius:18px;background:linear-gradient(150deg,#edf2f4,#cfd9de);box-shadow:0 26px 70px rgba(0,0,0,.31);overflow:hidden}
.check-landing .intro-person img{object-position:52% 26%;filter:saturate(.88) contrast(1.01) brightness(1.04);transform:scale(1.01)}
.check-landing .intro-person:hover img{filter:saturate(.94) contrast(1.01) brightness(1.07);transform:scale(1.025)}
.check-landing .intro-person:before{background:linear-gradient(0deg,rgba(15,19,22,.18),transparent 26%)}
.check-landing .intro-person:after{inset:16px;border-color:rgba(255,255,255,.24)}
.check-landing .intro-copy .check-start{width:min(520px,100%);min-height:74px;border-color:rgba(244,249,251,.86);background:linear-gradient(112deg,#dbe6eb 0,#ffffff 34%,#c8d8df 58%,#f8fbfc 78%,#dbe6eb 100%);background-size:230% 100%;color:#101518;box-shadow:0 0 0 1px rgba(223,238,245,.16),0 18px 44px rgba(0,0,0,.3),0 0 48px rgba(159,204,225,.22),inset 0 1px 0 #fff;animation:neutralCtaGlow 2.7s ease-in-out infinite,neutralCtaFlow 5.5s ease-in-out infinite}
.check-landing .intro-copy .check-start b{border-color:rgba(16,21,24,.24);background:rgba(255,255,255,.48)}
.check-landing .intro-copy .check-start:after{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.08) 43%,rgba(255,255,255,.94) 50%,rgba(255,255,255,.08) 57%,transparent 65%);animation:neutralCtaShine 3.2s cubic-bezier(.2,.72,.25,1) infinite}
.check-landing .intro-copy .check-start:hover,.check-landing .intro-copy .check-start:focus-visible{border-color:#fff;box-shadow:0 0 0 1px rgba(220,239,248,.34),0 24px 58px rgba(0,0,0,.36),0 0 82px rgba(168,216,238,.38),inset 0 1px 0 #fff}
.check-landing .intro-copy .cta-note{color:#b9c5ca}
.check-landing .intro-copy .cta-note span{border-color:rgba(189,211,221,.42);color:#e6f0f4}
.check-landing .voices{background:radial-gradient(circle at 14% 8%,rgba(189,210,220,.055),transparent 25%),linear-gradient(118deg,#0b0e10,#111518 58%,#0a0d0f)}
.check-landing .voices:before{background:radial-gradient(ellipse at 50% 0,rgba(184,205,215,.06),transparent 68%)}
.check-landing .voices:after{border-color:rgba(190,211,221,.045);box-shadow:0 0 0 6vw rgba(190,211,221,.012),0 0 0 12vw rgba(190,211,221,.008)}
.check-landing .review-photo{border-color:rgba(201,217,224,.28);background:#111518}
.check-landing .review-photo figcaption{border-color:rgba(201,217,224,.28);background:rgba(13,17,19,.76);color:#dce5e9}
.check-landing .review-photo figcaption svg{stroke:#c7d8e0}
.check-landing .review-brand,.check-landing .review-kicker{color:#b9cbd4}
.check-landing .review-brand i{background:linear-gradient(90deg,#b9cbd4,transparent)}
.check-landing .review-rule i{background:#b9cbd4}.check-landing .review-rule b{border-color:#b9cbd4}
.check-landing .review-stars{color:#e3edf1;text-shadow:0 0 22px rgba(190,221,235,.14)}
.check-landing .review-copy blockquote:before,.check-landing .review-copy blockquote:after{color:#71828a}
.check-landing .review-person{border-top-color:rgba(199,216,224,.18)}
.check-landing .review-index b{background:#dbe8ed;box-shadow:0 0 16px rgba(188,220,234,.25)}
.check-landing .review-index i{background:linear-gradient(90deg,rgba(199,216,224,.3),transparent)}
.check-landing footer{background:#0c0f11;border-top-color:rgba(207,221,228,.14)}
@keyframes neutralCtaGlow{0%,100%{box-shadow:0 0 0 1px rgba(223,238,245,.14),0 18px 44px rgba(0,0,0,.3),0 0 34px rgba(159,204,225,.15),inset 0 1px 0 #fff}50%{box-shadow:0 0 0 1px rgba(223,238,245,.25),0 22px 52px rgba(0,0,0,.34),0 0 68px rgba(159,204,225,.32),inset 0 1px 0 #fff}}
@keyframes neutralCtaFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes neutralCtaShine{0%,24%{transform:translateX(-120%) skewX(-16deg)}58%,100%{transform:translateX(120%) skewX(-16deg)}}
@media(max-width:800px){.check-landing .intro{grid-template-columns:1fr}.check-landing .intro-person{justify-self:center;width:min(86%,420px);height:430px;margin:0 auto 38px;border-top:1px solid rgba(207,221,228,.2)}.check-landing .intro h1{font-size:clamp(50px,11vw,78px)}}
@media(max-width:520px){.check-landing .intro-person{width:calc(100% - 36px);height:330px;margin-bottom:20px;border-radius:13px}.check-landing .intro h1{font-size:48px}.check-landing .intro-copy .check-start{min-height:68px}}

/* Exact homepage family: ink black, charcoal and ivory — deliberately without a gold cast. */
body.check-landing{background-color:#070706;background-image:radial-gradient(circle at 18% 18%,rgba(242,238,230,.055),transparent 29%),radial-gradient(circle at 82% 62%,rgba(201,193,179,.035),transparent 34%),linear-gradient(122deg,#060605 0,#0b0b0a 50%,#070706 100%)}
.check-landing header{background:rgba(7,7,6,.94);border-bottom-color:rgba(242,238,230,.11)}
.check-landing .brand span{border-color:rgba(242,238,230,.42)}
.check-landing .header-back{border-bottom-color:rgba(242,238,230,.48)}
.check-landing .intro{background:radial-gradient(circle at 24% 36%,rgba(242,238,230,.065),transparent 39%),linear-gradient(135deg,#11110f,#070706 77%);border-color:rgba(242,238,230,.13);box-shadow:0 38px 100px rgba(0,0,0,.38)}
.check-landing .intro:before{border-color:rgba(242,238,230,.045);box-shadow:0 0 0 4.5rem rgba(242,238,230,.01),0 0 0 9rem rgba(242,238,230,.006)}
.check-landing .intro:after{background:linear-gradient(180deg,rgba(242,238,230,.065),transparent 16%,transparent 84%,rgba(242,238,230,.04))}
.check-landing .intro-copy:before{background:linear-gradient(90deg,#c9c1b3,transparent)}
.check-landing .intro-copy:after{border-color:rgba(201,193,179,.62);background:#080807}
.check-landing .intro-copy>p{color:#c9c1b3}
.check-landing .intro-copy strong{color:#d7d2ca}
.check-landing .intro-person{border-color:rgba(242,238,230,.17);background:linear-gradient(150deg,#f0eee9,#d6d3cc);box-shadow:0 26px 70px rgba(0,0,0,.4)}
.check-landing .intro-copy .check-start{border-color:rgba(255,255,255,.82);background:linear-gradient(112deg,#d8d4cc 0,#f5f2ec 34%,#c9c4ba 58%,#fffdfa 78%,#d8d4cc 100%);color:#090908;box-shadow:0 0 0 1px rgba(242,238,230,.12),0 18px 44px rgba(0,0,0,.34),0 0 46px rgba(242,238,230,.16),inset 0 1px 0 #fff;animation:ivoryCtaGlow 2.7s ease-in-out infinite,neutralCtaFlow 5.5s ease-in-out infinite}
.check-landing .intro-copy .check-start:hover,.check-landing .intro-copy .check-start:focus-visible{box-shadow:0 0 0 1px rgba(255,255,255,.3),0 24px 58px rgba(0,0,0,.42),0 0 76px rgba(242,238,230,.28),inset 0 1px 0 #fff}
.check-landing .intro-copy .cta-note{color:#98938a}.check-landing .intro-copy .cta-note span{border-color:rgba(201,193,179,.34);color:#d8d2c8}
.check-landing .voices{background:radial-gradient(circle at 14% 8%,rgba(242,238,230,.035),transparent 26%),linear-gradient(118deg,#070706,#0b0b0a 58%,#060605)}
.check-landing .voices:before{background:radial-gradient(ellipse at 50% 0,rgba(242,238,230,.04),transparent 68%)}
.check-landing .review-photo{border-color:rgba(242,238,230,.2);background:#0b0b0a}.check-landing .review-photo figcaption{border-color:rgba(242,238,230,.2);background:rgba(7,7,6,.76);color:#d8d2c8}.check-landing .review-photo figcaption svg{stroke:#c9c1b3}
.check-landing .review-brand,.check-landing .review-kicker{color:#c9c1b3}.check-landing .review-brand i{background:linear-gradient(90deg,#c9c1b3,transparent)}.check-landing .review-rule i{background:#c9c1b3}.check-landing .review-rule b{border-color:#c9c1b3}.check-landing .review-stars{color:#f2eee6;text-shadow:0 0 20px rgba(242,238,230,.1)}
.check-landing .review-copy blockquote:before,.check-landing .review-copy blockquote:after{color:#77736c}.check-landing footer{background:#060605;border-top-color:rgba(242,238,230,.1)}
@keyframes ivoryCtaGlow{0%,100%{box-shadow:0 0 0 1px rgba(242,238,230,.1),0 18px 44px rgba(0,0,0,.34),0 0 30px rgba(242,238,230,.1),inset 0 1px 0 #fff}50%{box-shadow:0 0 0 1px rgba(255,255,255,.2),0 22px 52px rgba(0,0,0,.38),0 0 62px rgba(242,238,230,.23),inset 0 1px 0 #fff}}

/* Clickable customer-moment carousel. */
.review-statement{position:relative;max-width:760px;min-height:5.4em;margin:0;padding-left:0;color:#f7f2e9;font-size:clamp(25px,2.15vw,38px);font-weight:600;line-height:1.36;letter-spacing:-.03em;text-wrap:balance;white-space:pre-line;transition:opacity .17s ease,transform .17s ease}
.review-statement.is-quote{padding-left:58px}.review-statement.is-quote:before{content:"“";position:absolute;left:0;top:-18px;color:#77736c;font:700 76px/1 Georgia,serif}.review-statement.is-quote:after{content:"”";display:inline;margin-left:9px;color:#77736c;font:700 54px/0 Georgia,serif;vertical-align:-.28em}
.review-stars[hidden]{display:block;visibility:hidden}
.review-copy{transition:none}
.review-controls{display:flex;align-items:center;gap:18px;margin-top:28px}
.review-arrow{display:grid;width:52px;height:52px;place-items:center;padding:0;border:1px solid rgba(242,238,230,.28);border-radius:50%;background:rgba(242,238,230,.025);color:#f2eee6;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease}
.review-arrow:hover,.review-arrow:focus-visible{border-color:rgba(242,238,230,.75);background:rgba(242,238,230,.1);transform:scale(1.06)}
.review-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.review-dots{display:flex;align-items:center;gap:11px}.review-dots button{width:9px;height:9px;padding:0;border:1px solid rgba(242,238,230,.42);border-radius:50%;background:transparent;cursor:pointer;transition:background .2s ease,transform .2s ease}.review-dots button.active{background:#f2eee6;transform:scale(1.15)}
.review-index{margin-top:20px}
@media(max-width:560px){.review-statement{min-height:0;font-size:23px;line-height:1.4}.review-statement.is-quote{padding-left:38px}.review-statement.is-quote:before{font-size:56px}.review-controls{margin-top:24px}.review-arrow{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.review-statement,.review-photo img,.review-copy,.review-arrow,.review-dots button{transition:none!important}}

/* Balanced image proportions: the check stays primary, customer proof becomes a compact second chapter. */
.check-landing .intro{grid-template-columns:minmax(0,1.34fr) minmax(320px,.66fr)}
.check-landing .intro-person{width:min(calc(100% - 34px),390px);height:500px;margin:28px 28px 28px 6px;background:#0a0a09}
.check-landing .intro-person img{object-position:58% center;filter:saturate(.82) contrast(1.07) brightness(.94);transform:scale(1.005)}
.check-landing .intro-person:hover img{filter:saturate(.88) contrast(1.06) brightness(1);transform:scale(1.025)}
.check-landing .voices{padding:clamp(44px,5vw,72px) clamp(18px,4vw,64px)}
.review-stage{grid-template-columns:minmax(330px,.82fr) minmax(460px,1.18fr);gap:clamp(32px,4.5vw,68px);width:min(1180px,100%)}
.review-photo{min-height:520px;max-height:590px}
.review-photo img{object-position:center 58%}
.review-copy{min-height:520px;padding-block:4px 10px}
.review-rule{margin:30px 0 20px}.review-stars{margin:20px 0 18px;font-size:23px}
.review-statement{min-height:7.2em;font-size:clamp(22px,1.8vw,31px);line-height:1.4}
.review-person{padding-top:24px}.review-controls{margin-top:20px}.review-arrow{width:48px;height:48px}.review-index{margin-top:16px}.review-signoff{margin-top:18px}
@media(min-width:761px) and (max-width:980px){.review-stage{grid-template-columns:minmax(260px,.78fr) minmax(390px,1.22fr);gap:28px}.review-photo{min-height:480px;max-height:520px}.review-copy{min-height:480px}.review-brand{justify-content:flex-end}.review-statement{font-size:22px}}
@media(max-width:800px){.check-landing .intro{grid-template-columns:1fr}.check-landing .intro-person{width:min(86%,430px);height:450px;margin:0 auto 32px}}
@media(max-width:760px){.review-stage{grid-template-columns:1fr;gap:32px}.review-photo{min-height:400px;max-height:62vh}.review-copy{min-height:0}.review-statement{min-height:0}.review-brand{justify-content:flex-start}}
@media(max-width:520px){.review-photo{min-height:360px}.check-landing .intro-person{width:calc(100% - 52px);height:310px}}

/* Stronger conversion cue without leaving the homepage's ivory-on-black palette. */
.check-landing .intro-copy .check-start{width:min(550px,100%);min-height:88px;margin-top:38px;padding:0 16px 0 30px;border-width:2px;border-radius:14px;background:linear-gradient(112deg,#e7e2d9 0,#fffdf8 32%,#d8d2c7 56%,#fff 78%,#e7e2d9 100%);font-size:16px;font-weight:800;letter-spacing:-.015em;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 22px 52px rgba(0,0,0,.44),0 0 64px rgba(242,238,230,.28),inset 0 1px 0 #fff;animation:ivoryCtaGlowStrong 2.35s ease-in-out infinite,neutralCtaFlow 5.2s ease-in-out infinite}
.check-landing .intro-copy .check-start span:before{content:"JETZT KOSTENLOS STARTEN";display:block;margin-bottom:6px;color:#68635c;font-size:9px;font-weight:800;letter-spacing:.15em}
.check-landing .intro-copy .check-start b{flex-basis:50px;width:50px;height:50px;border-width:1px;background:rgba(255,255,255,.68);font-size:25px}
.check-landing .intro-copy .check-start:hover,.check-landing .intro-copy .check-start:focus-visible{transform:translateY(-5px) scale(1.025);box-shadow:0 0 0 2px rgba(255,255,255,.35),0 28px 64px rgba(0,0,0,.5),0 0 96px rgba(255,252,245,.42),inset 0 1px 0 #fff}
.check-landing .intro-copy .cta-note{margin-top:15px;font-size:10px;color:#b0aba2}
@keyframes ivoryCtaGlowStrong{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.16),0 22px 52px rgba(0,0,0,.42),0 0 42px rgba(242,238,230,.19),inset 0 1px 0 #fff}50%{box-shadow:0 0 0 2px rgba(255,255,255,.28),0 25px 58px rgba(0,0,0,.46),0 0 86px rgba(255,252,245,.38),inset 0 1px 0 #fff}}
@media(max-width:520px){.check-landing .intro-copy .check-start{min-height:80px;padding-left:20px;font-size:14px}.check-landing .intro-copy .check-start b{flex-basis:44px;width:44px;height:44px}.check-landing .intro-copy .check-start span:before{font-size:8px}}

/* Deliberately direct, slightly raw underlines inspired by the simpler funnel reference. */
.marker-underline,.copy-underline{position:relative;display:inline-block;z-index:0}
.marker-underline:after,.copy-underline:after{content:"";position:absolute;z-index:-1;left:-.02em;right:-.02em;bottom:.015em;height:4px;background:linear-gradient(90deg,rgba(242,238,230,.38),#f2eee6 9%,#d8d2c7 68%,rgba(242,238,230,.48));clip-path:polygon(0 35%,20% 14%,43% 28%,68% 0,100% 31%,99% 82%,73% 67%,46% 93%,18% 72%,0 100%);transform:rotate(-.35deg)}
.marker-wide:after{transform:rotate(.28deg)}
.copy-underline:after{bottom:-.16em;height:3px;z-index:0;left:0;right:0;opacity:.9;transform:rotate(.2deg)}
.check-landing .voices{width:min(1180px,calc(100% - 40px));margin:0 auto 74px;border:1px solid rgba(242,238,230,.13);border-radius:3px;background:radial-gradient(circle at 23% 20%,rgba(242,238,230,.045),transparent 35%),linear-gradient(135deg,#10100e,#070706 78%);box-shadow:0 38px 100px rgba(0,0,0,.34)}
@media(max-width:520px){.check-landing .voices{width:calc(100% - 24px);margin-bottom:42px}}

/* Softer ivory-lit frames: friendlier depth without leaving the homepage palette. */
.check-landing .intro{width:min(1180px,calc(100% - 40px))}
.check-landing .intro,
.check-landing .voices{
  border-color:rgba(255,252,246,.24);
  box-shadow:0 34px 90px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025),0 0 68px rgba(242,238,230,.075),inset 0 1px 0 rgba(255,255,255,.13),inset 0 0 92px rgba(242,238,230,.028);
}
.check-landing .intro{
  background:radial-gradient(ellipse at 18% 46%,rgba(255,252,246,.105),transparent 43%),radial-gradient(circle at 82% 22%,rgba(242,238,230,.07),transparent 31%),linear-gradient(135deg,#191917 0,#11110f 54%,#0b0b0a 100%);
}
.check-landing .intro:after{
  background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 14%,transparent 82%,rgba(242,238,230,.075)),radial-gradient(ellipse at 54% 0,rgba(255,252,246,.07),transparent 58%);
}
.check-landing .voices{
  background:radial-gradient(ellipse at 17% 34%,rgba(255,252,246,.09),transparent 38%),radial-gradient(circle at 77% 27%,rgba(242,238,230,.07),transparent 36%),linear-gradient(135deg,#181816 0,#10100e 58%,#0b0b0a 100%);
}
.check-landing .voices:before{
  background:radial-gradient(ellipse at 50% 0,rgba(255,252,246,.105),transparent 67%);
}
.check-landing .voices:after{
  border-color:rgba(242,238,230,.07);
  box-shadow:0 0 0 6vw rgba(242,238,230,.016),0 0 0 12vw rgba(242,238,230,.01),0 0 80px rgba(242,238,230,.04);
}
@media(max-width:520px){
  .check-landing .intro{width:calc(100% - 24px)}
  .check-landing .intro,.check-landing .voices{box-shadow:0 24px 60px rgba(0,0,0,.3),0 0 42px rgba(242,238,230,.055),inset 0 1px 0 rgba(255,255,255,.12)}
}

/* Centered, low-friction contact finish inspired by the supplied reference. */
.quiz-page .contact-finish{max-width:760px;margin:0 auto;text-align:center}
.quiz-page .contact-dots{display:flex;justify-content:center;gap:6px;margin:0 0 54px}
.quiz-page .contact-dots i{width:5px;height:5px;border-radius:50%;background:rgba(242,238,230,.2)}
.quiz-page .contact-dots i.active{background:#f2eee6;box-shadow:0 0 14px rgba(242,238,230,.28)}
.quiz-page .contact-finish h2{max-width:720px;margin:0 auto 16px;font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.quiz-page .contact-finish>p{max-width:680px;margin:0 auto;color:#c4bdb2;font-size:16px;line-height:1.55;text-wrap:balance}
.quiz-page .contact-fields{display:grid;gap:16px;margin:34px auto 0}
.quiz-page .contact-field{position:relative;display:block;margin:0;text-align:left}
.quiz-page .contact-field>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.quiz-page .contact-field input:not([type=checkbox]){height:62px;margin:0;padding:0 20px;border:1px solid rgba(242,238,230,.19);border-radius:5px;background:linear-gradient(135deg,rgba(242,238,230,.09),rgba(242,238,230,.045));color:#f5efe5;font-size:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.quiz-page .contact-field input::placeholder{color:#aaa49c;opacity:1}
.quiz-page .contact-field input:focus{border-color:rgba(242,238,230,.56);background:rgba(242,238,230,.1);box-shadow:0 0 0 3px rgba(242,238,230,.07),inset 0 1px 0 rgba(255,255,255,.06);outline:0}
.quiz-page .phone-field{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid rgba(242,238,230,.19);border-radius:5px;background:linear-gradient(135deg,rgba(242,238,230,.09),rgba(242,238,230,.045));overflow:hidden}
.quiz-page .phone-field select{align-self:stretch;min-width:106px;padding:0 14px;border:0;border-right:1px solid rgba(242,238,230,.16);background:rgba(242,238,230,.045);color:#f2eee6;font:600 14px/1 "DM Sans",sans-serif;cursor:pointer;color-scheme:dark}
.quiz-page .phone-field select:focus-visible{outline:2px solid #f2eee6;outline-offset:-3px}
.quiz-page .phone-field option{background:#171716;color:#f2eee6}
.quiz-page .phone-field input:not([type=checkbox]){border:0;background:transparent;box-shadow:none}
.quiz-page .phone-field small{position:absolute;right:16px;bottom:5px;color:#8f8a82;font-size:9px;letter-spacing:.02em;pointer-events:none}
.quiz-page .contact-finish .consent{max-width:680px;margin:18px auto 0;align-items:flex-start;color:#98938a;font-size:11px;line-height:1.45;text-align:left}
.quiz-page .contact-finish .consent input{accent-color:#f2eee6}
.quiz-page .contact-submit{width:min(470px,100%);min-height:66px;margin:34px auto 0;border:1px solid rgba(255,255,255,.7);border-radius:6px;background:linear-gradient(112deg,#d8d4cc,#fffdf8 42%,#d8d2c7);color:#0b0b0a;box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 44px rgba(242,238,230,.14);transition:transform .22s ease,box-shadow .22s ease}
.quiz-page .contact-submit:hover,.quiz-page .contact-submit:focus-visible{transform:translateY(-3px);box-shadow:0 24px 52px rgba(0,0,0,.4),0 0 68px rgba(242,238,230,.24)}
@media(max-width:560px){.quiz-page .contact-dots{margin-bottom:38px}.quiz-page .contact-finish h2{font-size:31px}.quiz-page .contact-finish>p{font-size:15px}.quiz-page .contact-fields{margin-top:28px;gap:12px}.quiz-page .contact-field input:not([type=checkbox]){height:58px}.quiz-page .contact-submit{margin-top:28px}}

/* Final funnel palette: ink black, graphite and ivory — no remaining gold cast. */
body.quiz-page{
  background-color:#070706;
  background-image:radial-gradient(circle at 12% 14%,rgba(242,238,230,.075),transparent 28%),radial-gradient(circle at 88% 68%,rgba(201,193,179,.045),transparent 32%),linear-gradient(122deg,#060605 0,#10100f 48%,#080807 100%);
  color:#f5f2ec;
  overflow-anchor:none;
}
.quiz-page .check{overflow:clip}
.quiz-page header{background:rgba(7,7,6,.95);border-bottom-color:rgba(242,238,230,.12)}
.quiz-page .brand span{border-color:rgba(242,238,230,.48)}
.quiz-page .header-back{border-bottom-color:rgba(242,238,230,.5)}
.quiz-page .check,.quiz-page main{background-color:transparent}
.quiz-page .check{
  background-image:radial-gradient(ellipse at 31% 16%,rgba(242,238,230,.095),transparent 40%),radial-gradient(circle at 88% 80%,rgba(201,193,179,.05),transparent 29%),linear-gradient(90deg,transparent 8%,rgba(242,238,230,.025) 8.05%,transparent 8.1%,transparent 92%,rgba(242,238,230,.025) 92.05%,transparent 92.1%);
}
.quiz-page .check:before{border-color:rgba(242,238,230,.06);box-shadow:0 0 0 5rem rgba(242,238,230,.015),0 0 0 10rem rgba(242,238,230,.009)}
.quiz-page .check-head{background:linear-gradient(108deg,rgba(242,238,230,.105),rgba(31,31,29,.76) 50%,rgba(10,10,9,.24));border-left-color:#e7e2d9;border-block-color:rgba(242,238,230,.18)}
.quiz-page .check-head p,.quiz-page .eyebrow{color:#c9c1b3}
.quiz-page .check-head h1{color:#fffdfa}
.quiz-page .progress span{color:#e7e2d9}
.quiz-page .progress i{background:rgba(242,238,230,.19)}
.quiz-page .progress b{background:linear-gradient(90deg,#c9c4ba,#fffdfa);box-shadow:0 0 16px rgba(242,238,230,.16)}
.quiz-page .choices button{border-color:rgba(242,238,230,.25);background:linear-gradient(145deg,#20201e,#161615 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 36px rgba(0,0,0,.24),0 0 28px rgba(242,238,230,.025)}
.quiz-page .choices button:after{box-shadow:inset 0 0 32px rgba(242,238,230,.018)}
.quiz-page .choices button:hover,.quiz-page .choices button:focus-visible{border-color:rgba(255,253,248,.78);background:linear-gradient(145deg,#2a2a27,#1d1d1b 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 1px rgba(242,238,230,.08),0 16px 40px rgba(0,0,0,.28),0 0 34px rgba(242,238,230,.09)}
.quiz-page .choices button small,.quiz-page .result>p,.quiz-page .contact>p,.quiz-page .back{color:#c4bdb2}
.quiz-page .result-box{border-color:rgba(242,238,230,.25);background:#191917}
.quiz-page .result-box b{color:#e7e2d9}
.quiz-page .cta{border:1px solid rgba(255,255,255,.72);background:linear-gradient(112deg,#d8d4cc,#fffdf8 42%,#d8d2c7);color:#0b0b0a;box-shadow:0 18px 44px rgba(0,0,0,.36),0 0 48px rgba(242,238,230,.16)}
.quiz-page .cta:hover,.quiz-page .cta:focus-visible{box-shadow:0 24px 54px rgba(0,0,0,.42),0 0 72px rgba(242,238,230,.27)}
.quiz-page a:focus-visible,.quiz-page button:focus-visible,.quiz-page input:focus-visible{outline-color:#f2eee6}

.check-landing footer .social-links{display:flex;align-items:center;gap:22px}
.check-landing footer .social-links a{color:#f2eee6;text-decoration:none;border-bottom:1px solid rgba(242,238,230,.36);padding-bottom:3px;transition:border-color .2s ease,color .2s ease}
.check-landing footer .social-links a:hover,.check-landing footer .social-links a:focus-visible{color:#fff;border-bottom-color:#fff}
@media(max-width:800px){.check-landing footer .social-links{gap:18px}}

/* No intermediate result slide: the fifth answer opens the contact finish directly. */
.quiz-page .check.is-contact .check-head{display:none}
.quiz-page .check.is-contact form{margin-top:0}
.quiz-page .check.is-contact{padding-top:clamp(56px,7vw,92px)}

/* Brief analysis bridge between the fifth answer and the contact finish. */
.quiz-page .check.is-processing .check-head{display:none}
.quiz-page .check.is-processing form{margin-top:0}
.quiz-page .check.is-processing{padding-top:clamp(80px,10vw,140px)}
.quiz-page .processing{max-width:760px;margin:0 auto;text-align:center}
.quiz-page .processing .eyebrow{margin:0 0 20px}
.quiz-page .processing h2{max-width:720px;margin:0 auto;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
.quiz-page .processing-value{display:block;margin:44px 0 22px;color:#fffdfa;font-size:clamp(72px,11vw,142px);font-weight:500;line-height:.86;letter-spacing:-.07em;text-shadow:0 0 42px rgba(242,238,230,.13)}
.quiz-page .processing-track{width:min(520px,90%);height:3px;margin:0 auto;overflow:hidden;background:rgba(242,238,230,.14)}
.quiz-page .processing-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#bdb8ae,#fffdfa);box-shadow:0 0 20px rgba(242,238,230,.35);transition:width .08s linear}
.quiz-page .processing>p:last-child{margin:20px 0 0;color:#aaa49c;font-size:13px;letter-spacing:.04em}
@media(max-width:560px){.quiz-page .check.is-processing{padding-top:72px}.quiz-page .processing h2{font-size:38px}.quiz-page .processing-value{margin-top:38px}}
@media(prefers-reduced-motion:reduce){.quiz-page .processing-track i{transition:none}}

.quiz-page .progress b{width:20%}

/* Requested cleanup: centered hero, centered portrait and no decorative white strokes. */
.check-landing .intro-copy{display:flex;flex-direction:column;align-items:center;text-align:center}
.check-landing .intro h1,.check-landing .intro-copy strong{margin-left:auto;margin-right:auto;text-align:center}
.check-landing .intro-copy .check-start{position:relative;justify-content:center;margin-left:auto;margin-right:auto;padding-left:70px;padding-right:70px;text-align:center}
.check-landing .intro-copy .check-start>span{width:100%;text-align:center}
.check-landing .intro-copy .check-start b{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.check-landing .intro-copy .check-start:hover b,.check-landing .intro-copy .check-start:focus-visible b{transform:translate(4px,-50%)}
.check-landing .intro-person img{object-position:50% center}
.check-landing .marker-underline:after,.check-landing .copy-underline:after,.check-landing .intro-copy:before,.check-landing .intro-copy:after,.check-landing .intro:after,.check-landing .intro-person:after{display:none}
.check-landing .review-statement.is-quote{padding-left:0}
.check-landing .review-statement.is-quote:before,.check-landing .review-statement.is-quote:after{display:none}
@media(max-width:520px){.check-landing .intro-copy .check-start{padding-left:54px;padding-right:54px}.check-landing .intro-copy .check-start b{right:10px}}

/* Lock every quiz question to one visual baseline to prevent vertical jumping. */
@media(min-width:801px){
  .quiz-page .check{justify-content:flex-start;padding-top:clamp(64px,8vh,96px)}
  .quiz-page .check-head{margin:0 auto}
  .quiz-page form{height:458px;min-height:458px;margin-top:36px}
  .quiz-page fieldset.step[data-step].active{display:flex;min-height:390px;flex-direction:column}
  .quiz-page fieldset.step[data-step] legend{display:flex;min-height:104px;margin:0 0 24px;align-items:flex-end}
  .quiz-page .choices{align-items:stretch}
  .quiz-page .choices button{display:flex;height:286px;min-height:286px;flex-direction:column}
  .quiz-page .choices button>img,.quiz-page .choices.four button>img{height:160px;min-height:160px;flex:0 0 160px}
  .quiz-page .back{position:absolute;top:418px;left:0;min-height:40px;margin:0}
}
@media(max-width:800px){
  .quiz-page .check{justify-content:flex-start}
  .quiz-page fieldset.step[data-step] legend{min-height:2.2em}
  .quiz-page .choices button>img,.quiz-page .choices.four button>img{height:180px}
}

/* Readable contact instructions on the dark form surface. */
.contact .form-submit-note{font-size:14px!important;line-height:1.6!important;color:#d9d6d0!important}
