/* Watson Marketing inner pages, built to the homepage bar: one idea per section,
   big type, one line, one crafted visual. Every class is prefixed pp-. */

/* ───────── type ───────── */
.pp-h1{font-size:88px;line-height:.96;letter-spacing:-.058em;font-weight:600;margin:22px auto 0;max-width:1060px;text-wrap:balance}
.pp-h2{font-size:76px;line-height:.97;letter-spacing:-.055em;font-weight:600;margin:22px auto 0;max-width:1000px;text-wrap:balance}
.pp-h1 em,.pp-h2 em{font-style:normal}
.pp-line{font-size:20px;line-height:1.5;color:var(--ws-ink2);max-width:600px;margin:24px auto 0;text-wrap:pretty}
.pp-head{text-align:center}
.ws-crumb.c{justify-content:center}
.ws-ctas.c{justify-content:center}
.ws-ctas .ws-arrow{margin-top:0}

/* ───────── sections ───────── */
.pp-sec{padding:150px 0}
.pp-sec.tight{padding:120px 0}
.pp-sec.white{background:#fff}
.pp-sec.navy{background:radial-gradient(70% 90% at 85% 0%,rgba(43,91,208,.4) 0%,rgba(43,91,208,0) 70%),#071A4F;color:#fff}
.pp-sec.navy .pp-h2 em{color:var(--ws-amber)}
.pp-sec.navy .pp-line{color:#B4BFE0}
.pp-sec.navy .ws-kick{color:#8E9BC6}

/* ───────── a post ───────── */
.pp-t{position:relative;overflow:hidden;container-type:inline-size;aspect-ratio:4/5;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;padding:9%;box-shadow:0 30px 60px -34px rgba(7,26,79,.55)}
.pp-t .g{position:absolute;border-radius:50%;pointer-events:none}
.pp-t .g.sun{right:-14%;top:-14%;width:52%;height:52%;background:radial-gradient(circle,#F7C76B 0%,rgba(247,199,107,.35) 45%,rgba(247,199,107,0) 70%)}
.pp-t .g.soft{right:-18%;bottom:-18%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,0) 70%)}
.pp-t .g.blush{right:-20%;top:-24%;width:70%;height:70%;background:radial-gradient(closest-side,rgba(255,246,236,.9),rgba(255,246,236,0))}
.pp-t .bm{position:relative;font-size:6.2cqw;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pp-t .h{position:relative;font-size:13.5cqw;font-weight:700;letter-spacing:-.035em;line-height:1}
.pp-t .h.s{font-family:Lora,Georgia,serif;font-weight:400;letter-spacing:-.02em;line-height:1.04;font-size:14.5cqw}
.pp-t .h em{font-style:italic}
.pp-t .ft{position:relative;font-size:6cqw;opacity:.9}
.pp-t.sq{aspect-ratio:1}
.pp-t.tall{aspect-ratio:4/5}
.pp-t.wide{aspect-ratio:4/3}

/* ───────── hero: the post slides from the homepage ───────── */
.pp-slidehero{position:relative;padding:44px 0 80px;overflow:hidden}
.pp-slidehero .pp-h1{font-size:76px;max-width:980px}
.pp-slidehero .pp-line{margin-top:20px}.pp-slidehero .ws-ctas{margin-top:30px}
.pp-row{--m:1;position:relative;height:470px;margin-top:54px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.pp-rc{position:absolute;left:0;top:10px;width:300px;background:#fff;border-radius:22px;padding:12px;color:#0B1533;transform-origin:50% 0;box-shadow:0 0 0 1px rgba(7,26,79,.06),0 30px 60px -34px rgba(7,26,79,.45);will-change:transform}
.pp-rc .rh{display:flex;align-items:center;gap:10px;padding:2px 4px 12px}
.pp-rc .ra{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;flex:none}
.pp-rc .rh b{display:block;font-size:15px;font-weight:600;line-height:1.2}.pp-rc .rh small{display:block;font-size:13px;color:#7A8199}
.pp-rc .art{position:relative;height:276px;border-radius:12px;overflow:hidden;padding:20px;display:flex;flex-direction:column;justify-content:space-between}
.pp-rc .art .bm{position:relative;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pp-rc .art .h{position:relative;font-weight:700;font-size:30px;line-height:1;letter-spacing:-.035em}
.pp-rc .art .h.s{font-family:Lora,Georgia,serif;font-weight:400;letter-spacing:-.02em;font-size:31px;line-height:1.05}
.pp-rc .art .h.s em{font-style:italic}
.pp-rc .art .f{position:relative;font-size:11.5px;display:flex;justify-content:space-between;opacity:.9}
.pp-rc .art .orb{position:absolute;border-radius:50%}
.pp-rc .rcap{padding:12px 4px 4px;font-size:14px;line-height:1.45;color:#3A4563;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pp-rc .ck{position:absolute;right:18px;top:18px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1.5px #D5D8E0;display:grid;place-items:center;transition:background .35s,box-shadow .35s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.pp-rc .ck svg{width:15px;height:15px;opacity:0;transition:opacity .25s}
.pp-rc.ok .ck{background:#2FA36B;box-shadow:none;transform:scale(1.08)}.pp-rc.ok .ck svg{opacity:1}
.pp-rex{text-align:center;margin:8px 0 0}

/* ───────── where the ideas come from: what Watson read, and the post it drafted ───────── */
.pp-sigs{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1180px;margin:90px auto 0}
.pp-sc{display:flex;flex-direction:column}
.pp-in{border-radius:16px;background:var(--ws-paper);padding:6px 18px}
.pp-in .ir{padding:12px 0;border-top:1px solid var(--ws-line)}
.pp-in .ir:first-child{border-top:0}
.pp-in .ir span{display:block;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ws-mute)}
.pp-in .ir b{display:block;margin-top:4px;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ws-navy)}
.pp-cn{position:relative;height:44px}
.pp-cn::before{content:"";position:absolute;left:50%;top:0;bottom:8px;border-left:1.5px dashed #C9CFDE}
.pp-cn i{position:absolute;left:50%;bottom:0;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--ws-amber);box-shadow:0 0 0 4px rgba(255,173,31,.2)}
.pp-pc{background:#fff;border-radius:22px;padding:12px;box-shadow:0 0 0 1px rgba(7,26,79,.07),0 40px 70px -40px rgba(7,26,79,.5)}
.pp-pc .ph{display:flex;align-items:center;gap:10px;padding:2px 4px 12px}
.pp-pc .ra{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:700;color:#fff;flex:none}
.pp-pc .n{font-size:14.5px;font-weight:600;line-height:1.2}.pp-pc .n small{display:block;font-size:12.5px;font-weight:500;color:#7A8199}
.pp-pc .lg{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-mute)}
.pp-art{position:relative;height:330px;border-radius:12px;overflow:hidden;padding:22px;display:flex;flex-direction:column}
.pp-art .ak{font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.pp-art .ah{margin-top:12px;font-size:34px;font-weight:700;letter-spacing:-.035em;line-height:1}
.pp-art .ah.q{margin-top:16px;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.pp-art .au{position:absolute;left:22px;bottom:18px;font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.05em;opacity:.6}
.pp-rain{position:absolute;left:22px;right:22px;bottom:46px}
.pp-rain .b{display:flex;align-items:flex-end;gap:8px;height:74px}
.pp-rain .b i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#C6F432,rgba(198,244,50,.35));transform-origin:bottom;transform:scaleY(.08);transition:transform .9s cubic-bezier(.22,1,.36,1)}
.pp-rain .d{display:flex;gap:8px;margin-top:8px}.pp-rain .d span{flex:1;text-align:center;font-family:"IBM Plex Mono",monospace;font-size:9.5px;opacity:.6}
.pp-sc.in .pp-rain .b i{transform:none}
.pp-sc.in .pp-trend .ln{stroke-dashoffset:0}
.pp-sc.in .pp-rain .b i:nth-child(2){transition-delay:.06s}.pp-sc.in .pp-rain .b i:nth-child(3){transition-delay:.12s}.pp-sc.in .pp-rain .b i:nth-child(4){transition-delay:.18s}.pp-sc.in .pp-rain .b i:nth-child(5){transition-delay:.24s}.pp-sc.in .pp-rain .b i:nth-child(6){transition-delay:.3s}.pp-sc.in .pp-rain .b i:nth-child(7){transition-delay:.36s}
.pp-trend{position:absolute;right:20px;bottom:40px;width:210px;height:94px}
.pp-trend .ln{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1) .3s}
.pp-q{width:44px;height:36px;margin-top:6px}
.pp-stars{margin-top:18px;font-size:18px;letter-spacing:4px;color:#B5651D}
.pp-pc .cap{margin:0;padding:12px 4px 6px;font-size:14px;line-height:1.45;color:#3A4563}

/* ───────── your language ───────── */
.pp-langs{display:grid;grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:48px;margin:90px auto 0}
.pp-langs figure{margin:0}
.pp-langs .pp-t{border-radius:14px;box-shadow:0 60px 100px -50px rgba(0,0,0,.8)}
.pp-langs figcaption{margin-top:20px;text-align:center;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8E9BC6}

/* ───────── where it goes ───────── */
.pp-chans{display:grid;grid-template-columns:1fr .8fr 1.25fr;align-items:end;gap:40px;max-width:900px;margin:90px auto 0}
.pp-c{margin:0}
.pp-cl{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:600}
.pp-cl img{width:20px;height:20px}
.pp-c .pp-t{border-radius:12px;box-shadow:0 40px 80px -46px rgba(7,26,79,.6)}
.pp-c figcaption{margin-top:16px;font-size:15px;color:var(--ws-ink2)}

/* ───────── your part: one switch ───────── */
.pp-mode{display:flex;align-items:center;justify-content:center;gap:28px;margin:90px auto 0;font-size:24px;font-weight:600;letter-spacing:-.02em}
.pp-mode .a{color:var(--ws-mute)}
.pp-sw{position:relative;width:120px;height:64px;border-radius:999px;background:var(--ws-navy);box-shadow:inset 0 2px 6px rgba(0,0,0,.25)}
.pp-sw i{position:absolute;right:6px;top:6px;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 6px 14px -4px rgba(0,0,0,.4)}
.pp-sw::before{content:"";position:absolute;left:22px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--ws-amber)}

/* ───────── the close: the signal radar on midnight ───────── */
.pp-close{position:relative;overflow:hidden;padding:130px 0;color:#fff;background:radial-gradient(60% 80% at 80% 50%,rgba(43,91,208,.42) 0%,rgba(43,91,208,0) 70%),radial-gradient(50% 70% at 0% 100%,rgba(26,67,168,.35) 0%,rgba(26,67,168,0) 70%),#071A4F}
.pp-clw{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:40px}
.pp-close .ws-kick{color:#8E9BC6}
.pp-h2.l{margin:22px 0 0;text-align:left;font-size:68px}
.pp-close .pp-h2 em{color:var(--ws-amber)}
.pp-close .pp-line.l{margin:24px 0 0;max-width:500px;text-align:left;color:#B4BFE0}
.pp-close .ws-ctas{margin-top:36px}
.pp-close .ws-arrow{color:#fff;border-color:rgba(255,255,255,.35)}
.pp-crad svg{display:block;width:100%;height:auto;overflow:visible}
.pp-crad text{font-family:"Instrument Sans",system-ui,sans-serif;transition:fill .5s}
.pp-crad line{transition:stroke .5s}
.pp-crad .shp{opacity:0;transition:opacity .9s ease}.pp-crad .shp.on{opacity:1}
.pp-crad .dot{opacity:0;transition:opacity .6s}.pp-crad .dot.on{opacity:1}
.pp-crad .halo,.pp-crad .pp-ring{transform-box:fill-box;transform-origin:center;animation:pp-pulse 2.8s ease-in-out infinite}
@keyframes pp-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}

/* ───────── phone ───────── */
@media (max-width:900px){
  .pp-h1{font-size:46px;letter-spacing:-.05em}
  .pp-h2{font-size:40px;letter-spacing:-.045em}
  .pp-line{font-size:17px}
  .pp-sec{padding:90px 0}
  .pp-row{height:400px;margin-top:50px}
  .pp-brands,.pp-chans{grid-template-columns:1fr;gap:40px;margin-top:56px;max-width:340px}
  .pp-sigs{grid-template-columns:1fr;gap:56px;margin-top:56px;max-width:360px}
  .pp-close{padding:90px 0}.pp-clw{grid-template-columns:1fr;gap:30px}.pp-h2.l{font-size:40px}.pp-crad{max-width:400px;margin:0 auto;width:100%}
  .pp-langs{grid-template-columns:1fr;gap:32px;margin-top:56px;max-width:320px}
  .pp-mode{flex-direction:column;gap:16px;font-size:20px;margin-top:56px}
}