
/* Phone Afford · intentional merchandising and conversion section 2026 */
.pa-intentional-zone{background:radial-gradient(ellipse 48% 39% at 1% 93%,#eeebff 0,transparent 90%),linear-gradient(180deg,#fff 0%,#fafbff 100%);padding:45px 0 43px}
.pa-intentional-zone *{box-sizing:border-box}
.pa-intentional-zone>.container{max-width:1250px;margin:0 auto;padding:0 28px}
.pa-accessory-feature{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:20px;min-height:380px;border-radius:24px;background:radial-gradient(ellipse 60% 120% at 110% 0%,#9e77ff66,transparent 70%),radial-gradient(ellipse 70% 80% at 17% 102%,#f3dd4e22,transparent 72%),linear-gradient(115deg,#25205b 0%,#37288e 49%,#6242d3 100%);box-shadow:0 24px 52px #392b8e22;padding:48px 57px}
.pa-accessory-feature::before{content:"";position:absolute;width:570px;height:570px;border-radius:50%;border:1px solid #ffffff21;right:-94px;top:-93px;box-shadow:0 0 0 56px #ffffff07,0 0 0 108px #ffffff04;z-index:-1;pointer-events:none}
.pa-accessory-feature::after{content:"";width:180px;height:180px;position:absolute;border-radius:50%;background:#ffec5750;filter:blur(96px);left:-90px;bottom:-110px;pointer-events:none}
.pa-accessory-copy{position:relative;z-index:2;min-width:0}
.pa-accessory-kicker{display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#ded9ff;font-size:10px;font-weight:850;letter-spacing:.12em;margin-bottom:19px}
.pa-yellow-dot{width:8px;height:8px;background:#fff05a;border-radius:50%;box-shadow:0 0 0 4px #fff05a23;flex:none}
.pa-kicker-line{display:block;width:22px;height:1px;background:#c9c5ff66}
.pa-accessory-copy h2{font:850 clamp(33px,3.4vw,47px)/1.13 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.065em;color:#fff;margin:0 0 19px}
.pa-accessory-copy h2 em{font-style:normal;color:#fff15a}
.pa-accessory-copy>p{font-size:13px;line-height:1.8;color:#d8d6ff;max-width:425px;margin:0 0 24px}
.pa-accessory-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.pa-accessory-shop{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#fff05a;border:1px solid #fff05a;color:#1d2150;padding:14px 19px;min-height:48px;border-radius:11px;box-shadow:0 10px 27px #1613442f;font:850 12px Inter,Arial,sans-serif;transition:transform .2s ease,background .2s ease}
.pa-accessory-shop:hover{background:#fffaaf;transform:translateY(-2px)}
.pa-accessory-shop:focus-visible{outline:3px solid white;outline-offset:3px}
.pa-accessory-footnote{font-size:10px;font-weight:650;color:#e1dcff}
.pa-accessory-stage{position:relative;height:302px;min-width:0}
.pa-accessory-orbit{position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid #d9cbff50;right:12%;top:-8px;background:radial-gradient(circle,#dcd0ff24,transparent 65%);pointer-events:none}
.pa-accessory-device{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:210px;height:230px;border-radius:24px;background:linear-gradient(160deg,#ffffff,#eeecff);border:1px solid #ffffffbe;box-shadow:0 21px 45px #18103f4d;overflow:hidden;padding:14px 15px 12px;transition:transform .3s ease,box-shadow .3s ease;will-change:transform}
.pa-accessory-device img{display:block;flex:1;min-height:0;max-width:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}
.pa-accessory-device>span{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#534c95;font:850 10px Inter,Arial,sans-serif;letter-spacing:.11em;margin-top:9px}
.pa-accessory-device>span b{font-size:14px;color:#5d4ddb}
.pa-accessory-audio{right:44%;top:7px;transform:rotate(-9deg);z-index:2}
.pa-accessory-charge{right:1%;top:56px;transform:rotate(11deg);width:185px;height:210px;z-index:3}
.pa-accessory-audio:hover{transform:rotate(-6deg) translateY(-7px);box-shadow:0 28px 49px #18103f66}
.pa-accessory-charge:hover{transform:rotate(7deg) translateY(-7px);box-shadow:0 28px 49px #18103f66}
.pa-stage-spark{position:absolute;right:0;top:0;color:#fff15a;font-size:30px}
.pa-confidence-section{padding:59px 0 0}
.pa-confidence-heading{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:25px}
.pa-confidence-kicker{font:850 10px Inter,Arial,sans-serif;letter-spacing:.16em;color:#6153e8;margin:0 0 12px}
.pa-confidence-heading h2{font:850 clamp(28px,3.3vw,40px)/1.16 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.06em;color:#19253b;margin:0}
.pa-confidence-heading h2 em{font-style:normal;color:#6654e4}
.pa-confidence-heading>p{max-width:320px;color:#66748e;font-size:12px;line-height:1.78;margin:0 0 3px}
.pa-confidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pa-confidence-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:250px;padding:24px 25px 22px;border:1px solid #e0e4f0;border-radius:17px;background:#fff;text-decoration:none;box-shadow:0 8px 24px #1f25480b;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}
.pa-confidence-card::before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:var(--pa-accent)}
.pa-confidence-card:hover{transform:translateY(-5px);box-shadow:0 20px 37px #1e214c19;border-color:#c7c5e9}
.pa-confidence-card:focus-visible{outline:3px solid #665cf5;outline-offset:3px}
.pa-confidence-price{--pa-accent:#f2d955;background:linear-gradient(148deg,#fffaf0,#fff 62%)}
.pa-confidence-choice{--pa-accent:#8873f4;background:linear-gradient(148deg,#f5f2ff,#fff 62%)}
.pa-confidence-aftercare{--pa-accent:#25c7ba;background:linear-gradient(148deg,#effbf9,#fff 62%)}
.pa-confidence-card-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:16px}
.pa-confidence-icon{height:45px;width:45px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--pa-accent) 17%,white);color:#242c4b}
.pa-confidence-icon svg{height:23px;width:23px}
.pa-confidence-index{font:850 11px Inter,Arial,sans-serif;letter-spacing:.09em;color:#aab0bf}
.pa-confidence-card h3{font:850 clamp(17px,1.75vw,21px)/1.27 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.045em;color:#1c2942;margin:0 0 12px}
.pa-confidence-card p{font-size:12px;line-height:1.8;color:#61718b;margin:0 0 18px}
.pa-confidence-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid #d9deeb;color:#594fe0;font:800 11px Inter,Arial,sans-serif;gap:10px}
.pa-confidence-link b{font-size:17px}
@media(max-width:1050px){.pa-accessory-feature{padding:38px 32px}.pa-accessory-device{width:170px;height:198px}.pa-accessory-charge{width:160px;height:186px;right:0}.pa-accessory-audio{right:42%}.pa-accessory-stage{height:260px}.pa-accessory-orbit{height:270px;width:270px}.pa-confidence-card{padding:22px}}
@media(max-width:750px){.pa-intentional-zone{padding:28px 0 30px}.pa-intentional-zone>.container{padding:0 17px}.pa-accessory-feature{grid-template-columns:minmax(0,1fr);gap:12px;padding:29px 23px 23px;border-radius:17px}.pa-accessory-copy h2{font-size:clamp(30px,7.8vw,38px)}.pa-accessory-copy>p{font-size:12px}.pa-accessory-stage{width:100%;height:202px}.pa-accessory-device{width:164px;height:177px;border-radius:16px;padding:9px}.pa-accessory-audio{left:12%;right:auto;top:5px}.pa-accessory-charge{width:148px;height:165px;right:10%;top:27px}.pa-accessory-orbit{height:220px;width:220px;top:-9px;right:15%}.pa-accessory-device>span{font-size:9px}.pa-confidence-section{padding-top:43px}.pa-confidence-heading{display:block;margin-bottom:20px}.pa-confidence-heading h2{font-size:29px;margin-bottom:11px}.pa-confidence-heading>p{font-size:12px;max-width:450px}.pa-confidence-grid{grid-template-columns:1fr;gap:12px}.pa-confidence-card{min-height:0;padding:20px 20px 18px}.pa-confidence-card h3{font-size:20px}.pa-confidence-card-top{margin-bottom:11px}.pa-confidence-card p{margin-bottom:12px}}
@media(max-width:380px){.pa-accessory-kicker{font-size:9px;gap:7px}.pa-kicker-line{display:none}.pa-accessory-footnote{width:100%}.pa-accessory-audio{left:2%}.pa-accessory-charge{right:0}.pa-accessory-shop{width:100%}}
@media(prefers-reduced-motion:reduce){.pa-accessory-device,.pa-confidence-card,.pa-accessory-shop{transition:none!important}}

/* Mobile: concise, editorial proof points instead of three oversized cards. */
@media(max-width:750px){
 .pa-confidence-grid{gap:11px}
 .pa-confidence-card{
   display:grid;grid-template-columns:45px minmax(0,1fr);grid-template-rows:auto auto auto;
   column-gap:15px;row-gap:6px;min-height:0;padding:18px 17px 16px;
 }
 .pa-confidence-card-top{grid-column:1;grid-row:1 / 4;margin:0;align-self:start}
 .pa-confidence-index{display:none}
 .pa-confidence-icon{width:43px;height:43px;border-radius:11px}
 .pa-confidence-card h3{grid-column:2;grid-row:1;font-size:17px;line-height:1.25;margin:0}
 .pa-confidence-card h3 br{display:none}
 .pa-confidence-card p{grid-column:2;grid-row:2;font-size:11px;line-height:1.68;margin:0}
 .pa-confidence-link{grid-column:2;grid-row:3;font-size:10px;margin-top:3px;padding-top:9px}
}
