/* Premium Hero + Sell in Four Steps — v5. Scoped, no changes to image aspect-ratios. */
.p5-hero{padding:32px 0 56px;background:radial-gradient(ellipse at 15% -10%,#d8edff 0,transparent 41%),radial-gradient(ellipse at 95% 20%,#fff0c9 0,transparent 34%),linear-gradient(180deg,#f4f8ff 0,#f8fbff 100%)}
.p5-hero-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:27px;background:radial-gradient(circle at 88% 0,rgba(16,126,232,.27),transparent 36%),linear-gradient(120deg,#061931 0%,#082b5a 59%,#073c75 100%);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 64px rgba(4,40,96,.21);margin-bottom:18px}
.p5-hero-stage:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.21;pointer-events:none;background-image:linear-gradient(rgba(118,207,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(118,207,255,.15) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 45%,black 100%)}
.p5-hero-stage:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(112,207,255,.16);border-radius:50%;right:-135px;top:-160px;box-shadow:0 0 0 42px rgba(11,124,221,.045),0 0 0 90px rgba(11,124,221,.035);pointer-events:none;z-index:-1}
.p5-hero-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 36px;border-bottom:1px solid rgba(255,255,255,.12);font:750 .68rem/1.5 Prompt,sans-serif;letter-spacing:.13em;color:#b4d6f8}
.p5-hero-topdot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#49dbc4;box-shadow:0 0 0 4px rgba(73,219,196,.13);margin-right:9px;vertical-align:1px}
.p5-hero-topright{color:#bed0eb;letter-spacing:.09em}.p5-hero-topright span{color:#ffd45c;padding-left:7px}
.p5-hero-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(275px,.82fr);gap:35px;padding:33px 36px 30px;align-items:stretch}
.p5-hero-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.p5-hero-label{font-size:.74rem;font-weight:800;color:#a9e7ff;display:inline-flex;align-items:center;gap:9px;padding:6px 12px 6px 7px;border:1px solid rgba(107,192,242,.35);background:rgba(6,88,143,.22);border-radius:30px}
.p5-hero-label span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#19b1e9;color:#032a4f;font-family:Prompt}
.p5-hero h1{font-size:clamp(2rem,3.6vw,3.45rem);font-weight:900;line-height:1.27;letter-spacing:-.044em;max-width:none;color:#fff;margin:20px 0 0}
.p5-hero-place{display:inline-block;color:#ffcd4b;margin-left:.18em;position:relative;white-space:nowrap}
.p5-hero-place-spark{color:#4fd6ff;font-size:.32em;position:absolute;top:-.36em;right:-.85em;transform:rotate(14deg)}
.p5-hero-emphasis{display:block;font-size:clamp(1.15rem,2.25vw,2.03rem);font-weight:800;letter-spacing:-.03em;color:#d9ecff;margin-top:10px;line-height:1.55}.p5-hero-emphasis em{font-style:normal;color:#77ddff}
.p5-hero-intro{color:#c5d7ee;line-height:1.8;font-size:.96rem;margin:16px 0 0;max-width:730px}.p5-hero-intro strong{color:#fff}
.p5-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:24px}
.p5-hero-btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 19px;font:800 .83rem/1.4 Prompt,sans-serif;border-radius:11px;transition:transform .2s,box-shadow .2s;border:1px solid transparent}
.p5-hero-btn:hover{transform:translateY(-2px)}.p5-hero-btn-gold{color:#0c284d;background:linear-gradient(110deg,#ffe27b,#ffca45);box-shadow:0 11px 29px rgba(255,201,61,.18)}.p5-hero-btn-gold:hover{box-shadow:0 13px 35px rgba(255,201,61,.3)}.p5-hero-btn-quiet{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(216,234,255,.33)}.p5-hero-btn-quiet:hover{background:rgba(255,255,255,.14)}
.p5-hero-category{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:22px}.p5-hero-category a{border:1px solid rgba(153,194,234,.28);background:rgba(255,255,255,.06);border-radius:7px;padding:5px 10px;color:#d4e5f7;font-size:.71rem;line-height:1.6;font-weight:700}.p5-hero-category a:hover{color:#102952;background:#ffda6d;border-color:#ffda6d}
.p5-hero-aside{background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.035));border:1px solid rgba(191,229,255,.19);border-radius:19px;padding:25px 24px 22px;position:relative;box-shadow:0 15px 40px rgba(2,16,40,.13);min-width:0}
.p5-aside-corner{position:absolute;right:21px;top:20px;color:#ffcb55;font-size:1.25rem}.p5-aside-overline{font:800 .61rem/1.6 Prompt,sans-serif;color:#80d7fc;letter-spacing:.095em;margin-bottom:10px}
.p5-aside-count{display:flex;align-items:center;gap:16px}.p5-aside-count strong{font:900 clamp(3rem,5vw,4.65rem)/1 Prompt,sans-serif;letter-spacing:-.06em;color:#ffd257}.p5-aside-count span{color:#fff;font:800 1.03rem/1.55 Prompt,sans-serif}
.p5-hero-aside p{color:#c4daf3;font-size:.82rem;line-height:1.76;margin:11px 0 0}.p5-aside-divider{height:1px;background:rgba(206,228,255,.17);margin:18px 0 14px}
.p5-aside-detail{display:flex;gap:11px;align-items:center;margin:10px 0}.p5-aside-icon{flex:none;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;border:1px solid rgba(125,195,240,.3);font:800 .65rem Prompt,sans-serif;color:#94dfff;background:rgba(21,139,203,.16)}.p5-aside-detail strong{display:block;color:#fff;font:.83rem/1.5 Prompt,sans-serif}.p5-aside-detail small{display:block;color:#aec8e5;font-size:.71rem;line-height:1.55}
.p5-aside-line{display:flex;align-items:center;gap:8px;margin-top:18px;padding:12px 13px;border-radius:10px;background:#dcfce9;color:#095e40;font:800 .76rem/1.5 Prompt,sans-serif;overflow-wrap:anywhere}.p5-aside-line>span:last-child{margin-left:auto}.p5-aside-line-dot{width:8px;height:8px;border-radius:100%;background:#1bbd78;flex:none}
.p5-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 36px;border-top:1px solid rgba(255,255,255,.13);background:rgba(1,14,36,.19);font-size:.75rem;line-height:1.6;color:#aec8e8}.p5-stage-foot span>span{color:#83e6b3;font-weight:900;margin-right:5px}.p5-stage-foot a{font-weight:800;color:#ffdc84;white-space:nowrap}.p5-stage-foot a:hover{color:#fff}
/* Intentionally no width, height, aspect ratio or object-fit overrides for original main.png image. */
.p5-hero .hero-img{margin:0}.p5-hero-after{display:flex;align-items:center;justify-content:space-between;gap:26px;background:#fff;border:1px solid #e0eaf5;border-radius:16px;padding:19px 22px;margin-top:15px;box-shadow:0 11px 35px rgba(16,68,131,.055)}.p5-hero-after-copy{display:flex;align-items:center;gap:15px;min-width:0}.p5-after-icon{flex:none;width:46px;height:46px;display:grid;place-items:center;border:1px solid #cae7fa;border-radius:13px;background:#e9f7ff;font:800 1.4rem Prompt,sans-serif;color:#076cbd}.p5-hero-after-copy strong{font:800 1.02rem/1.45 Prompt,sans-serif;color:#10355b}.p5-hero-after-copy p{margin:5px 0 0;color:#5e748d;font-size:.81rem;line-height:1.68;max-width:690px}.p5-hero-after-actions{display:flex;align-items:center;gap:9px;flex:none}.p5-hero-after-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:10px;font:800 .78rem/1.5 Prompt,sans-serif;white-space:nowrap}.p5-after-line{background:#08a96c;color:#fff;box-shadow:0 6px 17px rgba(10,151,95,.13)}.p5-after-phone{background:#eaf4ff;color:#145a9d;border:1px solid #d5e7f9}
.p5-hero-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:13px}.p5-hero-trust-item{min-width:0;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2ebf5;border-radius:13px;padding:14px 12px;box-shadow:0 5px 22px rgba(4,48,105,.035)}.p5-trust-glyph{flex:none;width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font:800 .72rem Prompt,sans-serif}.p5-trust-blue{color:#195bbc;background:#e7efff}.p5-trust-cyan{color:#076eab;background:#e7f6ff}.p5-trust-gold{color:#9a6303;background:#fff3cc}.p5-trust-mint{color:#087552;background:#e3f8ef}.p5-hero-trust-item strong{font:800 .81rem/1.5 Prompt,sans-serif;color:#183b64;display:block}.p5-hero-trust-item small{font-size:.71rem;line-height:1.55;color:#657e99;display:block}
/* How-to section */
.p5-howto{position:relative;isolation:isolate;background:linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%);padding:76px 0 78px}.p5-howto:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0f4c9b,#1680df,#17b8d9,#ffd55e)}
.p5-howto-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:27px}.p5-howto-headcopy{max-width:775px}.p5-section-overline{display:inline-flex;align-items:center;gap:10px;font:800 .68rem/1.4 Prompt,sans-serif;letter-spacing:.105em;color:#0d65bd}.p5-section-line{width:27px;height:3px;border-radius:2px;background:#ffc63a;display:inline-block}.p5-kicker-muted{color:#7894b2}.p5-howto h2{font-size:clamp(1.7rem,2.55vw,2.55rem);letter-spacing:-.03em;margin-top:13px;color:#0d2d57;line-height:1.45}.p5-howto h2 span{color:#0d71d0;white-space:nowrap}.p5-howto-headcopy>p{font-size:.93rem;line-height:1.8;color:#5d738a;margin:10px 0 0;max-width:750px}
.p5-howto-headbadge{display:flex;align-items:center;gap:11px;border:1px solid #dce9f7;border-radius:13px;padding:14px 16px;background:#fff;box-shadow:0 7px 26px rgba(14,65,114,.05);min-width:270px}.p5-headbadge-star{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#175aa4;background:#e8f3ff;font-size:1.2rem}.p5-howto-headbadge strong{font:800 .63rem/1.5 Prompt,sans-serif;letter-spacing:.03em;color:#13518e;display:block}.p5-howto-headbadge small{font-size:.76rem;color:#64819d;display:block}
.p5-steps-layout{align-items:start;gap:26px}.p5-howto-media{min-width:0;border-radius:22px;padding:11px;background:#fff;border:1px solid #dfebf7;box-shadow:0 17px 50px rgba(15,68,126,.09)}
.p5-howto-media-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 14px;font:800 .65rem/1.5 Prompt,sans-serif;letter-spacing:.1em;color:#2c5d94}.p5-howto-media-top span:last-child{color:#8aa1b7}.p5-howto-media-top span:last-child span{font-size:.55rem;color:#16b17e;vertical-align:1px}
/* The existing .square-art and .square-art img retain their original CSS dimensions/1:1 aspect-ratio. */
.p5-howto-media .square-art{border:5px solid #fff;border-radius:14px;box-shadow:none;max-width:620px}
.p5-howto-media-note{display:flex;align-items:center;gap:11px;padding:15px 11px 5px}.p5-howto-media-note>span:first-child{font-size:1.1rem;color:#c5961a;align-self:flex-start}.p5-howto-media-note>span:nth-child(2){font-size:.74rem;line-height:1.7;color:#6e8299;flex:1}.p5-howto-media-note strong{font:700 .8rem/1.5 Prompt,sans-serif;color:#214f80}.p5-media-note-link{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#0a5eb0;background:#edf5ff;font:800 1.1rem Prompt,sans-serif}
.p5-howto-detail{min-width:0}.p5-step-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;padding:12px 15px;background:#0b2c5b;color:#fff;border-radius:13px}.p5-step-intro-index{display:block;font:700 .62rem/1.4 Prompt,sans-serif;letter-spacing:.1em;color:#85c6ff}.p5-step-intro strong{font:800 .92rem/1.6 Prompt,sans-serif}.p5-step-intro>span{font:800 .73rem Prompt,sans-serif;color:#ffd161;white-space:nowrap}
.p5-step-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;counter-reset:none}.p5-step-card{position:relative;min-width:0;display:flex;align-items:flex-start;gap:15px;padding:18px 16px 18px 17px;border:1px solid #dfe9f5;border-left:4px solid var(--p5-accent,#1780d2);border-radius:13px;background:#fff;box-shadow:0 7px 25px rgba(14,55,104,.04);transition:transform .2s,box-shadow .2s}.p5-step-card:hover{transform:translateX(3px);box-shadow:0 11px 32px rgba(14,55,104,.085)}.p5-step-card-one{--p5-accent:#db4f93}.p5-step-card-two{--p5-accent:#1979da}.p5-step-card-three{--p5-accent:#ef9022}.p5-step-card-four{--p5-accent:#13976f}
.p5-step-index{flex:none;display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--p5-accent);font:900 1.55rem/1 Prompt,sans-serif;letter-spacing:-.06em;min-width:38px;padding-top:4px}.p5-step-index-line{height:31px;width:1px;background:linear-gradient(var(--p5-accent),transparent);opacity:.45}.p5-step-card-content{flex:1;min-width:0}.p5-step-card-label{font:800 .62rem/1.3 Prompt,sans-serif;letter-spacing:.095em;color:var(--p5-accent);display:block;margin-bottom:4px}.p5-step-card h3{font:800 clamp(.88rem,1.15vw,1rem)/1.48 Prompt,sans-serif;color:#183b63;letter-spacing:-.02em}.p5-step-card p{font-size:.79rem;line-height:1.65;color:#617993;margin:6px 0 0}.p5-step-card-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--p5-accent) 9%,white);color:var(--p5-accent);font-size:1.04rem;font-weight:800}
.p5-step-action{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:16px 17px;margin-top:13px;background:linear-gradient(118deg,#092651,#0b437a);border:1px solid #285684;border-radius:14px;color:#fff}.p5-step-action-copy{display:flex;align-items:center;gap:12px;min-width:0}.p5-step-action-mark{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;color:#ffe17e;background:rgba(255,255,255,.1);font-size:1.16rem}.p5-step-action-copy strong{font:800 .87rem/1.6 Prompt,sans-serif;display:block}.p5-step-action-copy small{font-size:.73rem;line-height:1.65;color:#b3cdea;display:block}.p5-step-action-button{flex:none;border-radius:10px;padding:11px 15px;background:#ffd051;color:#17385b;font:800 .76rem/1.5 Prompt,sans-serif;display:inline-flex;gap:9px;align-items:center;justify-content:center}
.p5-howto-bottom{margin-top:16px;display:flex;align-items:center;gap:13px 23px;flex-wrap:wrap;padding:15px 19px;border:1px solid #dce8f5;background:#fff;border-radius:13px}.p5-howto-bottom>div{color:#506f8d;font-size:.77rem;font-weight:700}.p5-howto-bottom>div span{color:#13a873;font-weight:900;margin-right:5px}.p5-howto-bottom a{margin-left:auto;font:.77rem Prompt,sans-serif;font-weight:800;color:#0d68b7;white-space:nowrap}
@media(max-width:1130px){.p5-hero-grid{grid-template-columns:minmax(0,1.37fr) minmax(248px,.85fr);gap:23px}.p5-hero-stage h1{font-size:clamp(1.92rem,3.6vw,3.15rem)}.p5-hero-aside{padding:22px 19px}.p5-hero-after{gap:18px}.p5-hero-after-actions{flex-wrap:wrap;justify-content:flex-end}.p5-hero-after-actions a{padding:9px 13px}.p5-hero-trust-item{gap:8px;padding:12px 9px}.p5-hero-trust-item strong{font-size:.75rem}.p5-hero-trust-item small{font-size:.68rem}.p5-howto-headbadge{min-width:245px}.p5-step-card{padding:16px 13px;gap:11px}.p5-step-card-icon{width:29px;height:29px}.p5-step-card p{font-size:.75rem}}
@media(max-width:860px){.p5-hero-grid{grid-template-columns:minmax(0,1fr);gap:17px;padding:27px}.p5-hero-aside{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.p5-aside-overline,.p5-aside-count,.p5-hero-aside>p,.p5-aside-divider{grid-column:1}.p5-aside-divider{margin:7px 0 0}.p5-aside-detail{grid-column:2}.p5-aside-detail:nth-of-type(1){grid-row:1}.p5-aside-line{grid-column:2;align-self:end;margin-top:8px}.p5-aside-corner{display:none}.p5-hero-topline,.p5-stage-foot{padding-left:27px;padding-right:27px}.p5-hero-after{align-items:flex-start}.p5-hero-trust{grid-template-columns:repeat(2,minmax(0,1fr))}.p5-howto-heading{align-items:start}.p5-howto-headbadge{display:none}.p5-howto .steps-layout{grid-template-columns:minmax(0,1fr)}.p5-howto-media{max-width:650px;width:100%;margin-inline:auto}.p5-howto-detail{max-width:650px;width:100%;margin-inline:auto}.p5-step-card h3{font-size:1rem}.p5-step-card p{font-size:.83rem}}
@media(max-width:610px){.p5-hero{padding:15px 0 38px}.p5-hero-stage{border-radius:17px;margin-bottom:14px}.p5-hero-topline{padding:12px 16px;font-size:.57rem}.p5-hero-topright{display:none}.p5-hero-grid{padding:23px 17px 20px;gap:16px}.p5-hero-label{font-size:.67rem}.p5-hero h1{font-size:clamp(1.74rem,7.05vw,2.48rem);line-height:1.33;margin-top:15px;letter-spacing:-.04em}.p5-hero-place-spark{right:-.55em}.p5-hero-emphasis{font-size:clamp(1rem,4.75vw,1.3rem);line-height:1.5;margin-top:7px}.p5-hero-intro{font-size:.83rem;line-height:1.82;margin-top:11px}.p5-hero-actions{width:100%;margin-top:18px;gap:9px}.p5-hero-btn{flex:1;min-width:0;padding:12px 11px;font-size:.73rem;min-height:44px}.p5-hero-btn-quiet{flex:0 0 auto}.p5-hero-category{padding-top:16px;gap:6px}.p5-hero-category a{font-size:.66rem;padding:4px 8px}.p5-hero-aside{display:block;padding:17px;border-radius:13px}.p5-aside-overline{font-size:.58rem;margin:0 0 6px}.p5-aside-count strong{font-size:3rem}.p5-aside-count span{font-size:.91rem}.p5-hero-aside>p{font-size:.76rem;margin:5px 0}.p5-aside-divider{margin:12px 0}.p5-aside-detail{display:inline-flex;width:49%;vertical-align:top;gap:6px;margin:4px 0}.p5-aside-icon{width:26px;height:26px;font-size:.58rem}.p5-aside-detail strong{font-size:.73rem}.p5-aside-detail small{font-size:.63rem}.p5-aside-line{margin-top:12px;padding:10px 11px}.p5-stage-foot{padding:11px 16px;align-items:start;gap:5px;font-size:.67rem}.p5-stage-foot a{white-space:normal;text-align:right;max-width:120px}.p5-hero-after{border-radius:12px;margin-top:11px;padding:14px;display:block}.p5-hero-after-copy{align-items:flex-start;gap:9px}.p5-after-icon{width:33px;height:33px;border-radius:9px;font-size:1rem}.p5-hero-after-copy strong{font-size:.86rem}.p5-hero-after-copy p{font-size:.74rem;line-height:1.75;margin-top:5px}.p5-hero-after-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:12px;gap:8px}.p5-hero-after-actions a{padding:10px 7px;font-size:.72rem}.p5-hero-trust{gap:8px;margin-top:9px}.p5-hero-trust-item{padding:10px 8px;border-radius:10px;gap:8px}.p5-trust-glyph{width:30px;height:30px;border-radius:8px;font-size:.62rem}.p5-hero-trust-item strong{font-size:.69rem}.p5-hero-trust-item small{font-size:.62rem}.p5-howto{padding:54px 0 58px}.p5-section-overline{font-size:.6rem;gap:7px}.p5-section-line{width:18px}.p5-kicker-muted{font-size:.54rem}.p5-howto-heading{margin-bottom:20px}.p5-howto h2{font-size:clamp(1.48rem,6vw,1.92rem);margin-top:10px}.p5-howto-headcopy>p{font-size:.83rem;line-height:1.76;margin-top:9px}.p5-steps-layout{gap:14px}.p5-howto-media{padding:7px;border-radius:15px}.p5-howto-media-top{padding:7px 7px 10px;font-size:.59rem}.p5-howto-media .square-art{border-radius:10px}.p5-howto-media-note{padding:12px 6px 4px;gap:7px}.p5-howto-media-note>span:nth-child(2){font-size:.67rem}.p5-howto-media-note strong{font-size:.7rem}.p5-step-intro{margin-bottom:10px}.p5-step-intro strong{font-size:.82rem}.p5-step-card{padding:13px 11px;gap:11px}.p5-step-index{font-size:1.3rem;min-width:29px}.p5-step-card-label{font-size:.59rem}.p5-step-card h3{font-size:.82rem}.p5-step-card p{font-size:.73rem;line-height:1.75}.p5-step-card-icon{width:27px;height:27px;font-size:.82rem}.p5-step-action{display:block;padding:14px}.p5-step-action-button{width:100%;margin-top:12px}.p5-howto-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.p5-howto-bottom>div{font-size:.7rem}.p5-howto-bottom a{margin:0;grid-column:1/-1;border-top:1px solid #e5edf7;padding-top:9px;font-size:.73rem}}
@media(max-width:375px){.p5-hero-actions{display:grid;grid-template-columns:1fr}.p5-hero-btn-quiet{width:100%}.p5-hero-aside .p5-aside-detail{width:100%}.p5-stage-foot{display:block}.p5-stage-foot a{display:block;margin-top:5px;text-align:left;max-width:none}.p5-howto-bottom{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.p5-step-card,.p5-hero-btn{transition:none}}
