/* WHY (Amanda, 2026-10-01, work/build-plan/PORTAL-LIST-2026-09-28.md section D): the bodies of the portal's two "Why Choose Amanda"
   pages, from her Codex designs (amanda-design-lab/portal-buyer-journey-cinematic and portal-seller-journey-cinematic; both files carry
   this same stylesheet). Her rules in their own order, each one scoped under .why-new with the classes prefixed wj-, so nothing here
   reaches the rest of the portal and the portal's rules do not reach in. Left out: her preview's own menu, phone header, top bar, star
   field and Pause stars (the portal keeps its own). Every client sees these pages (SPEC FIX-OCT2 WHY REPLACE, 2026-10-02). */
.why-new{--navy:#071c35;--navy2:#0c2a49;--gold:#d8b675;--cream:#f7f2e9;--ink:#102d4c;--line:#dbc49c;--serif:'Libre Baskerville',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
.why-new *{box-sizing:border-box}
.why-new button,.why-new a{font:inherit}
.why-new a{color:inherit;text-decoration:none}
.why-new button{cursor:pointer}
.why-new .wj-story-top{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 40% at 51% 31%,#35506b 0,#153251 46%,#071c35 100%);color:#fff9ec}
.why-new .wj-story-top:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#ebcb8a 1px,transparent 2px),radial-gradient(circle,#e7c78a 1px,transparent 2px);background-size:321px 267px,407px 379px;background-position:35px 78px,193px 205px;opacity:.36;animation:wj-glow 8s ease-in-out infinite alternate}
.why-new .wj-hero{position:relative;min-height:500px;display:flex;align-items:center;padding:60px clamp(24px,5vw,78px) 70px;isolation:isolate}
.why-new .wj-hero-photo{position:absolute;inset:-25px 0 -15px 0;width:100%;height:calc(100% + 40px);object-fit:cover;object-position:center 57%;z-index:-2;mask-image:linear-gradient(transparent 0%,#000 13%,#000 79%,transparent 100%)}
.why-new .wj-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071b32f2 0%,#0a2139d9 28%,#0b213596 50%,#071b320e 83%),linear-gradient(0deg,#081e39 0%,transparent 35%)}
.why-new .wj-hero-copy{width:min(650px,62%)}
.why-new .wj-eyebrow,.why-new .wj-kicker{font-size:12px;font-weight:700;letter-spacing:.29em;color:#e5bd74;text-transform:uppercase}
.why-new .wj-eyebrow:after{content:'';display:inline-block;width:76px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);vertical-align:middle;margin-left:14px}
.why-new .wj-hero h1{font:400 clamp(48px,5.2vw,83px)/1.13 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:20px 0 20px;text-shadow:0 4px 28px #00142980}
.why-new .wj-hero p{font-size:17px;line-height:1.75;max-width:570px;color:#f2eadc;margin:0 0 30px}
.why-new .wj-gold-button{display:inline-flex;align-items:center;gap:34px;padding:15px 22px;border-radius:5px;background:linear-gradient(115deg,#b58d49,#efda9d 48%,#bb9450);border:1px solid #ffe5a7;color:#182c44;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;box-shadow:0 8px 23px #0005,0 1px 0 #fff8 inset}
.why-new .wj-gold-button:hover{filter:brightness(1.09);transform:translateY(-2px)}
.why-new .wj-journey{position:relative;padding:4px clamp(24px,4vw,64px) 95px}
.why-new .wj-journey-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 32px}
.why-new .wj-journey-intro h2{font:400 clamp(30px,3vw,43px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:11px 0 0;color:#fff8e8}
.why-new .wj-intro-note{max-width:250px;color:#d0d7dc;font:14px/1.6 var(--sans);border-left:1px solid #d7b577;padding-left:20px}
.why-new .wj-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.why-new .wj-card{position:relative;min-height:248px;display:flex;align-items:center;flex-direction:column;text-align:center;padding:34px 15px 21px;border:1px solid #d5b98078;border-radius:11px;background:linear-gradient(155deg,#213b53ba,#102a44b8 50%,#213a4a88);box-shadow:0 12px 25px #0005,0 1px 0 #fff2 inset;color:#fff8e9;transition:transform .25s,border-color .25s,box-shadow .25s}
.why-new .wj-card:after{content:'';position:absolute;inset:5px;border:1px solid #ebd9b323;border-radius:7px;pointer-events:none}
.why-new .wj-card:hover,.why-new .wj-card:focus-visible{transform:translateY(-6px);border-color:#f5d594;box-shadow:0 20px 32px #0008,0 0 27px #dfb77135}
.why-new .wj-card img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 7px #eac77d70);margin-bottom:22px}
.why-new .wj-card strong{font:400 clamp(17px,1.35vw,22px)/1.35 Georgia,'Times New Roman',serif;min-height:58px;display:flex;align-items:center;justify-content:center}
.why-new .wj-card span{font-size:12px;line-height:1.55;color:#d6dedf;margin-top:7px}
.why-new .wj-paper{position:relative;background:radial-gradient(circle at 95% 5%,#fffefa,#f9f4ea 56%,#f4eee3);padding:74px clamp(24px,5vw,78px) 90px;box-shadow:0 -16px 35px #030f1c36}
.why-new .wj-paper:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8f713e,#f2d793,#9b7743)}
.why-new .wj-paper-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}
.why-new .wj-paper h2{font:400 clamp(29px,3.5vw,48px)/1.22 Georgia,'Times New Roman',serif;letter-spacing:-.05em;margin:12px 0 0;color:#112f4b;max-width:800px}
.why-new .wj-paper-note{max-width:230px;font-size:13px;line-height:1.55;color:#587084;border-left:1px solid #c9ab73;padding-left:16px}
.why-new .wj-chapter{border:1px solid #dfcaa8;border-radius:9px;background:#fffdf8;margin:10px 0;box-shadow:0 4px 13px #60492712;overflow:hidden;scroll-margin-top:24px}
.why-new .wj-chapter[open]{box-shadow:0 14px 33px #59472d1b;border-color:#bf9d64}
.why-new .wj-chapter-head{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;min-height:74px;padding:17px 23px;background:linear-gradient(115deg,#fffefa,#f8f0e5)}
.why-new .wj-chapter-head::-webkit-details-marker{display:none}
.why-new .wj-chapter-head h3{font:400 clamp(18px,2vw,25px)/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0;flex:1}
.why-new .wj-chapter-head .wj-included{font-size:11px;color:#795f3c;border:1px solid #d8bd8b;border-radius:30px;padding:5px 12px;letter-spacing:.04em}
.why-new .wj-chapter-arrow{font-size:21px;color:#765f3c;transition:transform .2s}
.why-new .wj-chapter[open] .wj-chapter-arrow{transform:rotate(180deg)}
.why-new .wj-chapter-content{padding:4px 26px 26px;border-top:1px solid #e6d6ba;background:radial-gradient(circle at 100% 0,#fff6e2,#fffdf9 45%)}
.why-new .wj-chapter-content p{font-size:13px;line-height:1.6;color:#50687b;margin:14px 0 5px}
.why-new .wj-chapter-content ul{list-style:none;padding:0;margin:6px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:35px}
.why-new .wj-chapter-content li{position:relative;padding:12px 4px 12px 24px;border-bottom:1px solid #eddfc8;color:#173653;font-size:14px;line-height:1.45}
/* REVIEW-OCT3-B N9 (Amanda, 2026-10-03: "remove the star bullet points and put like a gold circle bullet point with a check mark inside to
   signify that this is all included"): each item's bullet is a small 14px circle in the menu key's shiny champagne foil (#c59e5b ->
   #fff0c0 -> #bb9354) with a fine gold ring and a navy check mark inside, centred on the item's first line; items and words unchanged. */
.why-new .wj-chapter-content li:before{content:'';position:absolute;left:0;top:15px;box-sizing:border-box;width:14px;height:14px;border-radius:50%;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M4 7.3l2 2 4-4.6' fill='none' stroke='%23102d4c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/14px 14px no-repeat,linear-gradient(135deg,#c59e5b,#fff0c0 50%,#bb9354);box-shadow:0 0 0 1px rgba(187,147,84,.6),inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(91,61,45,.25)}
.why-new .wj-closing{text-align:center;margin:70px 0 0}
.why-new .wj-closing:before{content:'';display:block;width:105px;height:1px;margin:0 auto 24px;background:linear-gradient(90deg,transparent,#b58c46,transparent)}
.why-new .wj-closing p{font:italic 400 clamp(31px,4vw,54px)/1.4 Georgia,'Times New Roman',serif;margin:0;background:linear-gradient(110deg,#8b662e,#d9b86d 31%,#fff0ba 49%,#bb944f 65%,#846127);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px #573a1640)}
.why-new .wj-closing small{display:block;color:#64798b;margin-top:14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
@keyframes wj-glow{from{opacity:.19}to{opacity:.46}}
@media(max-width:1160px){.why-new .wj-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.why-new .wj-card{min-height:220px}
.why-new .wj-card:last-child{grid-column:span 2}
.why-new .wj-hero-copy{width:min(650px,75%)}
}
@media(max-width:760px){.why-new .wj-hero{min-height:585px;align-items:end;padding:58px 25px 74px}
.why-new .wj-hero-photo{object-position:60% center}
.why-new .wj-hero:after{background:linear-gradient(0deg,#081e39 0%,#071b32c7 32%,#071b3266 80%),linear-gradient(90deg,#071b3266,transparent)}
.why-new .wj-hero-copy{width:100%}
.why-new .wj-hero h1{font-size:clamp(39px,11vw,60px);margin:16px 0}
.why-new .wj-hero p{font-size:15px;line-height:1.6}
.why-new .wj-journey{padding:0 20px 62px}
.why-new .wj-journey-intro{display:block}
.why-new .wj-journey-intro h2{font-size:30px}
.why-new .wj-intro-note{display:none}
.why-new .wj-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.why-new .wj-card{min-height:207px;padding:24px 10px 15px}
.why-new .wj-card img{width:45px;height:45px;margin-bottom:11px}
.why-new .wj-card strong{font-size:16px;min-height:45px}
.why-new .wj-card span{font-size:11px}
.why-new .wj-card:last-child{grid-column:span 2;min-height:165px}
.why-new .wj-paper{padding:50px 19px 70px}
.why-new .wj-paper-head{display:block}
.why-new .wj-paper h2{font-size:31px}
.why-new .wj-paper-note{margin-top:14px;max-width:none}
.why-new .wj-chapter-head{padding:15px;min-height:68px;gap:9px}
.why-new .wj-chapter-head h3{font-size:18px}
.why-new .wj-chapter-head .wj-included{display:none}
.why-new .wj-chapter-content{padding:5px 17px 20px}
.why-new .wj-chapter-content ul{grid-template-columns:1fr}
.why-new .wj-chapter-content li{font-size:13px}
.why-new .wj-closing{margin-top:55px}
.why-new .wj-closing p{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.why-new *,.why-new *:before,.why-new *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
.why-new .wj-story-top{background:radial-gradient(ellipse 70% 60% at 53% 24%,#284b69,#102f4f 60%,#071c35 100%)}
.why-new .wj-hero{min-height:570px;align-items:center;padding-top:106px;padding-bottom:82px}
.why-new .wj-hero-photo{inset:0;width:100%;height:100%;object-position:center 54%;mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 69%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 69%,transparent 100%)}
.why-new .wj-hero:after{background:linear-gradient(90deg,#071d36ef 0%,#0a2642d9 30%,#0b2a478c 52%,#09203a19 87%),linear-gradient(0deg,#071c35 0%,#071c3530 25%,transparent 54%)}
.why-new .wj-journey{margin-top:-20px;padding-bottom:86px}
.why-new .wj-journey-intro{margin-bottom:29px}
.why-new .wj-card{background:linear-gradient(145deg,#2d4962e8 0%,#132e4bcf 48%,#12243bed 100%);box-shadow:0 18px 26px #0006,0 2px 1px #ffe0a342 inset,0 -18px 35px #060f2199 inset;border-color:#d9b97680;overflow:hidden}
.why-new .wj-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 6%,#f5d59c29,transparent 42%),linear-gradient(125deg,transparent 50%,#f3d0bd0d 76%,transparent);pointer-events:none}
.why-new .wj-card:hover,.why-new .wj-card:focus-visible{background:linear-gradient(145deg,#3c5264,#173653 55%,#102b48);box-shadow:0 22px 34px #0009,0 0 18px #ecc78374,0 2px 1px #ffe5b355 inset}
.why-new .wj-icon-medallion{position:relative;display:grid;place-items:center;width:79px;height:79px;flex:none;border-radius:50%;margin:0 0 20px;background:linear-gradient(130deg,#8d5d2d 0%,#e9bf6c 16%,#fff2b7 31%,#c89446 50%,#f5d88e 69%,#9f713c 100%);border:2px solid #f1d69d;box-shadow:0 3px 0 #774d2a,0 11px 20px #0008,0 0 21px #d8b67575,2px 3px 7px #fff7cfb8 inset,-5px -7px 11px #7c4c2399 inset}
.why-new .wj-icon-medallion:before{content:'';position:absolute;inset:5px;border:1px solid #fff3c9bb;border-radius:50%;box-shadow:0 0 6px #fff8d99c inset}
.why-new .wj-card img{position:relative;width:43px;height:43px;margin:0;filter:drop-shadow(0 1px 1px #fff6cb9a)}
.why-new .wj-card strong,.why-new .wj-card span:not(.wj-icon-medallion){position:relative}
.why-new .wj-paper{background:radial-gradient(circle at 95% 8%,#f9ede8,#fffaf0 42%,#f3ecdf 100%)}
.why-new .wj-paper:before{height:2px;background:linear-gradient(90deg,transparent,#d6b68088 30%,#eac991 50%,#d6b68088 70%,transparent)}
.why-new .wj-chapter{box-shadow:0 8px 18px #4a372118,0 1px 1px #fff inset}
.why-new .wj-chapter-head{background:linear-gradient(120deg,#fffefa,#fbf1e9 85%,#f6e7e5)}
@media(max-width:760px){.why-new .wj-hero{min-height:590px;align-items:end;padding:100px 23px 72px}
.why-new .wj-hero-photo{object-position:63% center}
.why-new .wj-hero:after{background:linear-gradient(0deg,#071c35 0%,#081f38dc 35%,#071b3260 85%),linear-gradient(90deg,#071b3270,transparent)}
.why-new .wj-icon-medallion{width:62px;height:62px;margin-bottom:13px}
.why-new .wj-card img{width:34px;height:34px}
.why-new .wj-journey{margin-top:-15px}
}
.why-new .wj-hero:after{background:linear-gradient(90deg,#071d36ef 0%,#0a2642d9 30%,#0b2a478c 52%,#09203a19 87%),linear-gradient(0deg,#071c35 0%,#071c3530 27%,transparent 56%)}
.why-new .wj-journey{background:linear-gradient(180deg,#071c35 0%,#071c35 78%,#1c3b56 90%,#f7f0eb 100%);padding-bottom:124px}
.why-new .wj-story-top{background-color:#071c35}
.why-new .wj-paper{margin-top:-1px;box-shadow:none;background:linear-gradient(to bottom,#f7f0eb,transparent 150px),radial-gradient(circle at 98% 8%,#f8e7e6,#fbf6ed 43%,#f4ece1 100%)}
.why-new .wj-paper:before{content:none}
@media(max-width:760px){.why-new .wj-journey{padding-bottom:105px}
.why-new .wj-hero:after{background:linear-gradient(0deg,#071c35 0%,#081f38dc 35%,#071b3260 85%),linear-gradient(90deg,#071b3270,transparent)}
}
.why-new .wj-story-top,.why-new .wj-hero{background:#071c35}
.why-new .wj-hero-photo{mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 48%,transparent 94%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 48%,transparent 94%)}
.why-new .wj-hero:after{background:linear-gradient(90deg,#071c35f0 0%,#09233fcf 30%,#0a284484 56%,#071c351a 86%),linear-gradient(0deg,#071c35 0%,#071c3580 31%,transparent 65%)}
.why-new .wj-journey{background:#071c35;padding-bottom:168px;margin-top:0}
.why-new .wj-journey:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:169px;pointer-events:none;background:linear-gradient(to bottom,#071c35 0%,#1e3955 33%,#6d7d91 65%,#c9bac0 87%,#f7f0eb 100%)}
.why-new .wj-paper{background:linear-gradient(to bottom,#f7f0eb,transparent 170px),radial-gradient(circle at 98% 8%,#f8e7e6,#fbf6ed 43%,#f4ece1 100%)}
@media(max-width:760px){.why-new .wj-journey{padding-bottom:140px}
.why-new .wj-journey:after{height:141px}
.why-new .wj-hero:after{background:linear-gradient(0deg,#071c35 0%,#081f38dc 35%,#071b3260 85%),linear-gradient(90deg,#071b3270,transparent)}
}
.why-new{--navy:#0e233e;--navy2:#172e4c;--cream:#faf8f3;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.why-new .wj-story-top{background:radial-gradient(ellipse at 49% 13%,#294568 0%,#172e4c 39%,#0d213b 80%)}
.why-new .wj-story-top:before{content:'';position:absolute;inset:-12%;pointer-events:none;background:radial-gradient(ellipse at 60% 21%,#d8bd8b15,transparent 42%);opacity:.75;animation:wj-journey-light 16s ease-in-out infinite alternate}
.why-new .wj-hero{background:transparent}
.why-new .wj-hero:after{background:linear-gradient(90deg,#0d213bf0 0%,#102b49d6 30%,#14345580 56%,#0d213b12 86%),linear-gradient(0deg,#0d213b 0%,#0d213b80 29%,transparent 66%)}
.why-new .wj-journey{background:#0d213b}
.why-new .wj-journey:after{background:linear-gradient(to bottom,#0d213b 0%,#203a59 31%,#738093 65%,#cfc0c2 87%,#faf8f3 100%)}
.why-new .wj-paper{background:linear-gradient(to bottom,#faf8f3,transparent 170px),radial-gradient(circle at 98% 8%,#f6e8e5,#faf8f3 43%,#f4ede4 100%)}
.why-new .wj-card{animation:wj-chapter-arrive .7s cubic-bezier(.2,.65,.25,1) both}
.why-new .wj-card:nth-child(2){animation-delay:.08s}
.why-new .wj-card:nth-child(3){animation-delay:.16s}
.why-new .wj-card:nth-child(4){animation-delay:.24s}
.why-new .wj-card:nth-child(5){animation-delay:.32s}
@keyframes wj-journey-light{from{opacity:.4;transform:translate(-1%,-1%)}to{opacity:.9;transform:translate(2%,1%)}}
@keyframes wj-chapter-arrive{from{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.why-new .wj-hero:after{background:linear-gradient(0deg,#0d213b 0%,#0d213bcf 35%,#0d213b52 85%),linear-gradient(90deg,#0d213b75,transparent)}
}
@media(prefers-reduced-motion:reduce){.why-new .wj-story-top:before,.why-new .wj-card{animation:none!important}
}
.why-new{--rose:#c99b98;--rose-light:#f6e4e1}
.why-new .wj-story-top:before{background:radial-gradient(ellipse at 83% 28%,#dcaea31b,transparent 38%),radial-gradient(ellipse at 47% 13%,#e1c28418,transparent 43%)}
.why-new .wj-journey:after{background:linear-gradient(to bottom,#0d213b 0%,#203a59 30%,#6c7b8f 61%,#b6a9b0 79%,#e6d0cc 92%,#faf8f3 100%)}
.why-new .wj-paper{background:linear-gradient(to bottom,#faf8f3,transparent 170px),radial-gradient(ellipse at 92% 14%,#f6e4e1 0%,#faf8f3 47%,#f5eee7 100%)}
.why-new .wj-chapter-head{background:linear-gradient(115deg,#fffefa 0%,#fbf4ed 70%,#f9ecea 100%)}
.why-new .wj-chapter:hover,.why-new .wj-chapter:focus-within{border-color:#cda89d}
.why-new .wj-card:hover,.why-new .wj-card:focus-visible{border-color:#efd3ad;box-shadow:0 22px 34px #0009,0 0 18px #ecc78374,0 0 28px #d7a79d30,0 2px 1px #ffe5b355 inset}
.why-new{--blush:#f5ddda;--rose-gold:#c69a84}
.why-new .wj-paper{background:linear-gradient(to bottom,#faf8f3 0%,#faf8f3a8 145px,transparent 310px),radial-gradient(ellipse 65% 39% at 96% 11%,#f3d8d5 0%,#f7e4df 28%,transparent 73%),linear-gradient(115deg,#fffdfa 0%,#fcf3ee 58%,#f8e9e4 100%)}
.why-new .wj-chapter-head{background:linear-gradient(110deg,#fffefa 0%,#fcf5ee 58%,#f6e4e1 100%)}
.why-new .wj-chapter[open] .wj-chapter-head{background:linear-gradient(110deg,#fffdfa 0%,#fbf0e9 55%,#f2d9d5 100%)}
.why-new .wj-paper .wj-kicker{color:#a97964}
.why-new .wj-story-top{background:#faf8f3}
.why-new .wj-story-top:before{content:none}
.why-new .wj-hero{background:#0d213b}
.why-new .wj-hero:after{background:linear-gradient(0deg,#faf8f3 0%,#faf8f3c7 7%,#faf8f300 30%),linear-gradient(90deg,#0d213bf2 0%,#102b49d5 31%,#14345585 56%,#0d213b12 86%)}
.why-new .wj-hero-photo{mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 70%,transparent 100%)}
.why-new .wj-journey{background:linear-gradient(115deg,#faf8f3 0%,#fcf6f1 55%,#f8e8e4 100%);padding-bottom:66px;margin-top:0;color:#183352}
.why-new .wj-journey:after{content:none}
.why-new .wj-journey-intro h2{color:#183352;text-shadow:none}
.why-new .wj-journey .wj-kicker{color:#a57957}
.why-new .wj-card{min-height:238px;background:linear-gradient(145deg,#fffefa 0%,#fdf8f0 61%,#f9ece8 100%);border:1px solid #d9c6a3;color:#173653;box-shadow:0 10px 24px #5b3d2d18,0 1px 0 #fff inset,0 -3px 9px #d6aa9b16 inset}
.why-new .wj-card:before{background:radial-gradient(circle at 50% 9%,#f4d8aa35,transparent 47%)}
.why-new .wj-card:after{border-color:#cfb9a255}
.why-new .wj-card strong{color:#173653}
.why-new .wj-card span:not(.wj-icon-medallion){color:#5c6d7b}
.why-new .wj-card:hover,.why-new .wj-card:focus-visible{background:linear-gradient(145deg,#fffdfa,#f9f1e2 67%,#f5ddda);border-color:#caa66f;box-shadow:0 16px 30px #614a2b28,0 0 0 1px #d9b77d77,0 0 20px #e8c9863d;transform:translateY(-5px)}
.why-new .wj-paper{padding-top:64px;background:#faf8f3}
.why-new .wj-journey{background:#faf8f3}
.why-new .wj-closing{margin-top:56px}
.why-new .wj-closing p{font:italic 400 clamp(23px,2.7vw,37px)/1.4 Georgia,'Times New Roman',serif;letter-spacing:-.01em;background:linear-gradient(110deg,#97733d,#c09b5d 36%,#e6cc8c 50%,#ad8547 72%,#97733d);background-clip:text;-webkit-background-clip:text;filter:none}
@media(max-width:760px){.why-new .wj-hero:after{background:linear-gradient(0deg,#faf8f3 0%,#faf8f300 21%),linear-gradient(0deg,#0d213b 18%,#0d213bd9 53%,#0d213b54 90%)}
.why-new .wj-journey{padding-bottom:55px}
.why-new .wj-card{min-height:205px}
.why-new .wj-closing p{font-size:27px}
}
.why-new .wj-chapter-head{background:linear-gradient(110deg,#fffefa 0%,#fcf8f2 58%,#f8e8dc 100%)}
.why-new .wj-chapter[open] .wj-chapter-head{background:linear-gradient(110deg,#fffdfa 0%,#fbf4e9 55%,#f5e1d1 100%)}
.why-new .wj-chapter:hover,.why-new .wj-chapter:focus-within{border-color:#d1ac83}
/* Fitting into the portal page, option A (Amanda, 2026-10-02, SPEC FIX-OCT2 WHY LOOK DECIDED: "A — row over the photo"; approved picture
   work/fix-oct2/why/why-0-overview.png): like her Codex files the photo runs edge to edge from the very top of the page area, with no
   card corners and no side margins; the portal's own top row (her preview's link to her CRM or a client's Sign out, the search, CLIENT PORTAL + the initial) floats
   over the top of the photo on its one line, in light-on-dark colours, her preview's link to her CRM at its far left (SPEC REVIEW-OCT3 R28); no page
   "← Back to …" link in the photo any more (R24 REPLACED). Portal help and the menu are untouched. */
.why-new{background:#faf8f3;color:var(--ink);font-family:var(--sans)}
.content:has(>.page.active>.why-new){padding:0}
.page.journey-support-page:has(>.why-new){max-width:none;margin:0;padding:0}
main.main:has(>.content>.page.active>.why-new){position:relative}
main.main:has(>.content>.page.active>.why-new)>.topbar{position:absolute;top:0;left:0;right:0;z-index:7;background:transparent;border:0;box-shadow:none;pointer-events:none}
main.main:has(>.content>.page.active>.why-new)>.topbar>*{pointer-events:auto}
main.main:has(>.content>.page.active>.why-new)>.topbar .integration-switch{margin:0 auto 0 0;background:#0d213b66;color:#f3e5d1;border-color:#d8b675b0;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
main.main:has(>.content>.page.active>.why-new)>.topbar .integration-switch:hover{background:#0d213b99}
main.main:has(>.content>.page.active>.why-new)>.topbar .search{margin-left:0;background:#0d213b66;border-color:#d8b675b0;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
main.main:has(>.content>.page.active>.why-new)>.topbar .search span,main.main:has(>.content>.page.active>.why-new)>.topbar .search input{color:#f3e5d1;background:transparent}
main.main:has(>.content>.page.active>.why-new)>.topbar .search input::placeholder{color:#e9dfcfcc}
main.main:has(>.content>.page.active>.why-new)>.topbar .client-chip>span{color:#f3e5d1;text-shadow:0 1px 8px #0d213b,0 0 2px #0d213bcc}
/* A client's Sign out at the right end of the floating row (src/portal/integration-preview.css). */
main.main:has(>.content>.page.active>.why-new)>.topbar .integration-switch-form>.integration-switch{margin:0}
main.main:has(>.content>.page.active>.why-new)>.topbar:has(>.integration-switch-form) .search{margin-left:auto}