/* Phase 3: brand promise, outcome dashboard, stronger visual hierarchy */
.brand-promise{padding:72px 0;background:#0b1a31;color:#fff;overflow:hidden}.brand-promise-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}.brand-promise-copy>span,.outcome-heading>span{font-size:.7rem;letter-spacing:.16em;font-weight:800;color:#dfbd6a}.brand-promise-copy h2,.outcome-heading h2{font-family:"Noto Serif JP",serif;font-size:clamp(1.8rem,3vw,3rem);line-height:1.4;margin:10px 0 16px;color:#fff}.brand-promise-copy p{line-height:1.9;color:rgba(255,255,255,.72);max-width:560px}.promise-canvas{position:relative;min-height:360px}.promise-orbit{position:absolute;border:1px solid rgba(223,189,106,.28);border-radius:50%;inset:25px 60px}.promise-orbit:before,.promise-orbit:after{content:"";position:absolute;border:1px solid rgba(223,189,106,.18);border-radius:50%}.promise-orbit:before{inset:42px}.promise-orbit:after{inset:84px}.promise-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#e1c174,#9f7727);color:#0b1a31;box-shadow:0 20px 55px rgba(0,0,0,.28)}.promise-core b{font-family:"Noto Serif JP",serif;font-size:1.25rem}.promise-node{position:absolute;padding:13px 17px;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);font-weight:700;font-size:.86rem}.promise-node small{display:block;margin-top:3px;font-weight:400;color:rgba(255,255,255,.58)}.promise-node.n1{left:0;top:36px}.promise-node.n2{right:0;top:82px}.promise-node.n3{left:18px;bottom:42px}.promise-node.n4{right:25px;bottom:22px}
.outcome-band{padding:72px 0;background:linear-gradient(180deg,#fff,#f7f2e8)}.outcome-heading{text-align:center;max-width:760px;margin:0 auto 34px}.outcome-heading>span{color:#967020}.outcome-heading h2{color:#17233a}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.outcome-card{padding:28px;border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(21,29,41,.08);border-top:3px solid #c6a253}.outcome-card small{font-weight:800;letter-spacing:.1em;color:#9b762a}.outcome-card b{display:block;font-family:"Noto Serif JP",serif;font-size:1.35rem;color:#17233a;margin:8px 0}.outcome-card p{margin:0;color:var(--muted);line-height:1.75;font-size:.88rem}.outcome-card .outcome-mark{font-size:2.3rem;line-height:1;color:#c39d4b;margin-bottom:16px}
/* User-provided visual enrichment: let real product imagery carry more of the story. */
.visual-shot-note{background:#160c05 url('/assets/images/showcase/staff-paper-user.webp') center/cover no-repeat;box-shadow:0 18px 46px rgba(20,12,4,.3)}.visual-shot-note img{opacity:0}.visual-products-band{position:relative;overflow:hidden}.visual-products-band:before,.visual-products-band:after{content:"";position:absolute;pointer-events:none;border-radius:24px;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 22px 50px rgba(12,31,55,.16);opacity:.12;filter:saturate(.9)}.visual-products-band:before{width:360px;height:230px;right:-80px;top:28px;background-image:url('/assets/images/resume-generator/booth-1-main.png');transform:rotate(4deg)}.visual-products-band:after{width:330px;height:210px;left:-100px;bottom:-65px;background-image:url('/assets/images/id-photo/id-photo-hero-pc-workflow.png');transform:rotate(-5deg)}.visual-products-band>.container{position:relative;z-index:1}.scene-card,.visual-path-card,.visual-mini-products a{transition:transform .25s ease,box-shadow .25s ease}.scene-card:hover,.visual-path-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(12,31,55,.14)}.visual-mini-products a:hover{transform:translateY(-3px)}
@media(max-width:900px){.brand-promise-grid{grid-template-columns:1fr}.promise-canvas{min-height:330px}.outcome-grid{grid-template-columns:1fr 1fr}.outcome-card:last-child{grid-column:1/-1}.visual-products-band:before{width:260px;height:170px}.visual-products-band:after{width:240px;height:150px}}
@media(max-width:650px){.brand-promise,.outcome-band{padding:52px 0}.promise-canvas{min-height:390px}.promise-orbit{inset:55px 20px}.promise-core{width:125px;height:125px}.promise-node{font-size:.78rem;max-width:145px}.promise-node.n1{top:12px}.promise-node.n2{top:54px}.promise-node.n3{bottom:38px}.promise-node.n4{bottom:0}.outcome-grid{grid-template-columns:1fr}.outcome-card:last-child{grid-column:auto}.visual-products-band:before,.visual-products-band:after{opacity:.07}}
