/* Approved section mix, scoped to the general consultation homepage. */
.selected-design .hero-watermark{display:none}
.selected-design .funnel-hero{background:#f5f5f5}
.selected-design .funnel-hero:before{background:linear-gradient(116deg,#fff 0 37%,#dedede 37.1% 68%,#ebebeb 68.1%)}
.selected-design .funnel-hero:after{width:24%;height:3px;left:0;right:auto;bottom:0;background:var(--lime)}
.selected-design .funnel-shell{box-shadow:14px 14px 0 #4a4a4a12,0 20px 40px #4a4a4a0d}
.selected-design .funnel{min-height:0}
.selected-design .funnel-shell{align-self:center}
.selected-design .choice.has-icon{min-height:92px}
.selected-design .compact-options .choice{min-height:62px}
.selected-design .trust-strip{background:#fff;border:0}

/* Benefits: original DMF graphite with quiet, lighter card surfaces. */
.selected-design .benefits{background:var(--ink);color:#fff;border:0}
.selected-design .benefits:after{content:none}
.selected-design .benefits .eyebrow{color:#d6d6d6}
.selected-design .benefit-card{background:#555;border:1px solid #ffffff26;box-shadow:0 12px 30px #00000012,inset 0 1px 0 #ffffff08}
.selected-design .benefit-card h3{color:#fff}
.selected-design .benefit-card p{color:#e0e0e0}
.selected-design .benefits .icon-square{background:#ffffff0d;border-color:#ffffff30;color:#e0e0e0;transition:color .25s,border-color .25s}
@media(hover:hover) and (pointer:fine){.selected-design .benefit-card:hover .icon-square{color:var(--lime);border-color:var(--lime)}}
/* FAQ retains the approved neutral light and glass treatment. */
.selected-design .faq-section{background:radial-gradient(ellipse at 18% 95%,#ddd,transparent 57%),#f5f5f5;border:0}
.selected-design .faq-list{background:#ffffffc9;border-color:#fff;box-shadow:0 16px 45px #4a4a4a0e}

/* Process: study 01 with the requested original lime step numbers. */
.selected-design .process-section{background:#fff}
.selected-design .process-step{border-color:#bdbdbd}
.selected-design .step-number{color:var(--lime)}

/* Broker: DMF graphite, quiet original-logo watermarks and an upright frame. */
.selected-design .broker-section{background:var(--ink);overflow:hidden;isolation:isolate}
.selected-design .broker-grid{position:relative;z-index:1}
.selected-design .broker-section:before,
.selected-design .broker-section:after{
  content:'';position:absolute;pointer-events:none;z-index:0;
  background:url('./dmf-logo.webp?v=383b0a7c7f94') center/contain no-repeat;
  filter:grayscale(1) invert(1);mix-blend-mode:screen;
  transform:rotate(-22deg);opacity:.075;
}
.selected-design .broker-section:before{inset:auto;width:660px;height:660px;left:-225px;top:-90px}
.selected-design .broker-section:after{width:500px;height:500px;right:-175px;bottom:-200px;opacity:.055}
.selected-design .portrait-frame{
  transform:none;width:100%;max-width:415px;padding:14px;border-radius:20px;
  border:1px solid #ffffff50;
  background:linear-gradient(140deg,#828282,#3d3d3d 46%,#606060);
  box-shadow:0 25px 60px #0003,inset 0 1px 0 #ffffff60;
}
.selected-design .portrait-frame:before{
  content:'';position:absolute;inset:-10px;border:1px solid #ffffff2c;
  border-radius:29px;pointer-events:none;
}
.selected-design .portrait-frame:after{
  content:'';position:absolute;inset:-11px;pointer-events:none;border-radius:30px;
  background:linear-gradient(var(--lime),var(--lime)) right 30px top/48px 2px no-repeat,
    linear-gradient(var(--lime),var(--lime)) left 30px bottom/48px 2px no-repeat;
}
.selected-design .portrait-frame>img{border-radius:9px;box-shadow:0 1px 0 #ffffff24;transform:none}
.selected-design .portrait-tag{
  position:relative;left:auto;right:auto;bottom:auto;margin-top:12px;padding:14px 17px;
  background:#f6f6f6;border-radius:5px;border-left:3px solid var(--lime);
  backdrop-filter:none;box-shadow:0 2px 6px #0001;
}
.selected-design .broker-copy .eyebrow{color:#d6d6d6}
.selected-design .broker-copy>p{color:#d5d5d5}
.selected-design .broker-copy blockquote{color:#f3f3f3}
.selected-design .broker-facts{color:#dedede}

/* Closing: one graphite chapter framed by a gray outer surface, from study 05. */
.selected-design .final-section{
  --frame-inset:max(24px,calc((100% - 1536px)/2));
  --frame-padding:clamp(32px,4vw,64px);
  background:#d7d7d7;color:#fff;padding:109px 0;isolation:isolate;
}
.selected-design .final-section:after{content:none}
.selected-design .final-section:before{
  content:'';position:absolute;inset:24px var(--frame-inset);
  background:var(--ink);border-radius:28px;border:1px solid #c9c9c9;
  border-top:3px solid var(--lime);z-index:-1;pointer-events:none;
}
.selected-design .final-inner{
  position:relative;
  width:min(1280px,calc(100% - 2 * var(--frame-inset) - 2 * var(--frame-padding)));
}
.selected-design .final-inner>div{min-width:0}
.selected-design .final-inner .eyebrow{color:#dedede}
.selected-design .other-topics{background:#ededed}

/* Stack before the heading and CTA compete for the panel's inner width. */
@media(max-width:1000px){
  .selected-design .final-inner{flex-direction:column;align-items:center;text-align:center;gap:28px}
  .selected-design .final-inner .eyebrow{justify-content:center}
  .selected-design .final-inner>.btn{margin-top:0}
}

/* Small screens keep the entrance quiet, with no diagonal plane behind the copy. */
@media(max-width:800px){
  .selected-design main,.selected-design footer{text-align:center}
  .selected-design .hero-copy{margin-inline:auto;width:100%}
  .selected-design .hero-copy h1 br{display:block}
  .selected-design .hero-copy h1 span{margin-left:0}
  .selected-design .hero-copy .lead,.selected-design .split-heading>p{margin-inline:auto}
  .selected-design .eyebrow,.selected-design .hero-proof,.selected-design .broker-facts{justify-content:center}
  .selected-design .eyebrow>span{flex-shrink:0}
  .selected-design .question legend{width:100%;text-align:center}
  .selected-design .choice{justify-content:center;flex-direction:column;text-align:center}
  .selected-design .choice.has-icon{padding:17px 12px;gap:9px;min-height:130px}
  .selected-design .choice-copy{padding-right:0}
  .selected-design .option-grid:has(.has-icon){grid-template-columns:repeat(2,minmax(0,1fr))}
  .selected-design .compact-options .choice{padding:14px 16px}
  .selected-design .form-label,.selected-design .text-input{text-align:center}
  .selected-design .consent{text-align:center}
  .selected-design .funnel-actions .btn>.btn-label{flex:1;text-align:center}
  .selected-design .icon-square{margin-inline:auto}
  .selected-design .process-step p{margin-inline:auto}
  .selected-design .process-step:before{left:50%;transform:translateX(-50%)}
  .selected-design .broker-copy blockquote{padding-right:20px}
  .selected-design .faq-list summary{display:block;position:relative;padding-inline:26px;text-align:center}
  .selected-design .faq-list summary>span{position:absolute;right:0;top:50%;translate:0 -50%}
  .selected-design .faq-list details p{margin-right:0}
  .selected-design .final-inner{display:block}
  .selected-design .final-inner>.btn{margin-top:28px}
  .selected-design .other-topics>.container{display:block}
  .selected-design .other-topics .container>div{align-items:center;justify-content:center;margin-top:18px}
  .selected-design .topic-link{justify-content:center}
  .selected-design .footer-main{display:block}
  .selected-design footer .brand,.selected-design .footer-main nav{justify-content:center}
  .selected-design .footer-main nav{flex-direction:row;flex-wrap:wrap;margin-top:24px}
  .selected-design .footer-bottom{display:block}
  .selected-design .footer-bottom>span{display:block}
  .selected-design .funnel-hero{background:linear-gradient(180deg,#fff 0,#f4f4f4 100%)}
  .selected-design .funnel-hero:before{content:none}
  .selected-design .funnel-hero:after{width:56px;height:2px;left:50%;transform:translateX(-50%)}
  .selected-design .funnel-shell{box-shadow:0 12px 32px #4a4a4a10}
  .selected-design .broker-grid{gap:40px}
  .selected-design .broker-section:before{width:440px;height:440px;left:-190px;top:-50px;opacity:.055}
  .selected-design .broker-section:after{width:340px;height:340px;right:-180px;bottom:-110px;opacity:.045}
  .selected-design .portrait-frame{padding:10px}
  .selected-design .portrait-tag{padding:12px 10px}
  .selected-design .final-section{--frame-inset:12px;--frame-padding:24px;padding:84px 0}
  .selected-design .final-section:before{inset:16px var(--frame-inset);border-radius:22px}
}
@media(max-width:520px){
  .selected-design .benefit-card{display:flex;flex-direction:column;align-items:center}
  .selected-design .benefit-card .icon-square{margin-bottom:16px}
  .selected-design .process-step{display:block}
  .selected-design .step-number{margin-bottom:14px}
  .selected-design .portrait-frame{max-width:300px}
  .selected-design .broker-grid{gap:44px}
  .selected-design .portrait-tag{font-size:14px;padding:12px 14px}
  .selected-design .final-section{--frame-inset:8px;--frame-padding:20px;padding:68px 0}
  .selected-design .final-section:before{inset:12px var(--frame-inset);border-radius:18px}
}
@media(max-width:360px){
  .selected-design .choice.has-icon{padding:17px 10px;gap:9px}
  .selected-design .choice.has-icon .choice-copy{padding-right:0}
  .selected-design .choice.has-icon strong{font-size:12px}
  .selected-design .choice.has-icon small{font-size:10px}
}