:root{--cc-navy: #02042D;
            --cc-charcoal: #1B1E23;
            --cc-gold: #D4B980;
            --cc-offwhite: #F7F7F5;
            --cc-white: #FFFFFF;
            --cc-text-dark: #02042D;
            --cc-text-medium: #555555;
            --cc-border: #E0E0E0;
            --sp-lg: 4rem;
            --sp-xl: 6rem;
            --font-main: 'Inter', sans-serif;
            --font-display: 'Fraunces', serif;
            --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
            --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);
            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.hero-actions .btn{padding: 15px 24px;}
@media (max-width: 700px){.wt-after-actions .btn{text-align: center;}
.hero-actions .btn, .hero-actions .hero-sample-btn{width: 100%; text-align: center; justify-content: center;}}
.btn{display: inline-block;
            padding: 18px 40px;
            background-color: var(--cc-gold);
            color: var(--cc-navy);
            font-weight: 700;
            border-radius: 4px;
            font-size: 1rem;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
            border: none;
            cursor: pointer;}
.btn:hover{transform: translateY(-2px);
            filter: brightness(1.05);}
.section-header{text-align: center;
            max-width: 700px;
            margin: 0 auto 60px;}
.section-header h2{font-size: 2.8rem;
            color: var(--cc-navy);
            margin-bottom: 20px;}
.section-header p{font-size: 1.1rem;
            color: var(--cc-text-medium);}
.pricing-section{background-color: var(--cc-offwhite);}
.pm-container{max-width: 1240px;
            margin: 0 auto;
            padding: 0 40px;}
.pm-portal-note{text-align: center;
            font-size: 0.9rem;
            color: var(--cc-text-medium);
            margin: -16px auto 48px;}
.pm-portal-note::before{content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--cc-gold);
            margin-right: 10px;
            vertical-align: 1px;}
.pm-portal-note strong{color: var(--cc-navy);
            font-weight: 600;}
.pm-proof-row{display: flex;
            justify-content: center;
            gap: 14px;
            flex-wrap: wrap;
            margin: -14px auto 48px;}
.pm-proof-badge{display: grid;
            grid-template-columns: 34px auto;
            align-items: center;
            gap: 11px;
            min-width: 270px;
            padding: 12px 16px;
            border: 1px solid var(--cc-border);
            border-radius: 9px;
            background: var(--cc-white);
            box-shadow: 0 4px 16px rgba(2,4,45,0.05);
            text-align: left;}
.pm-proof-icon{width: 34px;
            height: 34px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--cc-navy);
            color: var(--cc-gold);
            font-size: 0.9rem;
            font-weight: 800;}
.pm-proof-badge strong{display: block;
            color: var(--cc-navy);
            font-size: 0.78rem;
            line-height: 1.3;}
.pm-proof-badge span{display: block;
            margin-top: 3px;
            color: var(--cc-text-medium);
            font-size: 0.66rem;
            line-height: 1.35;}
.pm-question{font-size: 0.85rem;
            font-style: italic;
            color: var(--cc-text-medium, #6C757D);
            margin: 4px 0 14px 0;}
.pm-grid{display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 28px;
            align-items: stretch;}
.pm-card{position: relative;
            display: flex;
            flex-direction: column;
            background-color: var(--cc-white);
            border: 1px solid var(--cc-border);
            border-radius: 12px;
            padding: 44px 36px 36px;
            text-align: left;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);}
.pm-card:hover{box-shadow: var(--shadow-md);
            transform: translateY(-4px);}
.pm-card.pm-featured{border-color: var(--cc-gold);
            box-shadow: 0 8px 30px rgba(212, 185, 128, 0.18);}
.pm-badge{position: absolute;
            top: -13px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 0.68rem;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            font-weight: 700;
            color: var(--cc-navy);
            background: var(--cc-gold);
            padding: 5px 16px;
            border-radius: 50px;
            white-space: nowrap;}
.pm-card h3{font-size: 1.35rem;
            font-family: var(--font-display);
            font-weight: 600;
            color: var(--cc-navy);
            margin-bottom: 14px;
            min-height: 2.7em;}
.pm-price-row{display: flex;
            align-items: baseline;
            gap: 10px;}
.pm-price{font-size: 2.9rem;
            font-weight: 800;
            color: var(--cc-navy);
            letter-spacing: -0.02em;
            line-height: 1;}
.pm-period{font-size: 0.9rem;
            color: var(--cc-text-medium);}
.pm-modules{margin: 24px 0;
            padding: 18px 0 22px;
            border-top: 1px solid var(--cc-border);
            border-bottom: 1px solid var(--cc-border);}
.pm-modules-label{font-size: 0.68rem;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            font-weight: 700;
            color: var(--cc-text-medium);
            margin-bottom: 12px;}
.pm-module{display: flex;
            align-items: center;
            gap: 10px;
            padding: 9px 12px;
            border: 1px solid var(--cc-border);
            border-radius: 6px;
            background: #FAFAF8;
            margin-bottom: 8px;}
.pm-module:last-child{margin-bottom: 0;}
.pm-module-num{font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            color: #8A7F6E;
            flex-shrink: 0;}
.pm-module-name{font-size: 0.82rem;
            font-weight: 600;
            color: var(--cc-navy);
            line-height: 1.35;}
.pm-module.pm-module-new{background: #FCFAF2;
            border-color: rgba(201, 168, 76, 0.4);}
.pm-module.pm-module-new .pm-module-num{color: #7A5B12;}
.pm-module-tag{margin-left: auto;
            font-size: 0.6rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: #7A5B12;
            background: rgba(201, 168, 76, 0.16);
            padding: 3px 8px;
            border-radius: 4px;
            flex-shrink: 0;}
.pm-includes{font-size: 0.82rem;
            font-weight: 600;
            color: var(--cc-navy);
            margin-bottom: 16px;}
.pm-features{margin-bottom: 28px;}
.pm-feature{margin-bottom: 16px;}
.pm-feature:last-child{margin-bottom: 0;}
.pm-feature-name{font-weight: 700;
            font-size: 0.92rem;
            color: var(--cc-navy);
            margin-bottom: 3px;}
.pm-feature-desc{font-size: 0.84rem;
            color: var(--cc-text-medium);
            line-height: 1.55;}
.pm-cta-block{margin-top: auto;}
.pm-turnaround{font-size: 0.78rem;
            color: var(--cc-text-medium);
            text-align: center;
            padding: 14px 0;
            border-top: 1px solid var(--cc-border);
            letter-spacing: 0.02em;}
.pm-cta-block .btn{display: block;
            width: 100%;
            text-align: center;
            padding: 16px 20px;}
@media (max-width: 1080px){.pm-card{padding: 40px 26px 30px;}}
@media (max-width: 992px){.pm-grid{grid-template-columns: 1fr;
                max-width: 520px;
                margin: 0 auto;}
.pm-card h3{min-height: 0;}}
@media (max-width: 600px){.pm-container{padding: 0 20px;}
.pm-proof-row{align-items: stretch; flex-direction: column;}
.pm-proof-badge{min-width: 0;}
.pm-module{flex-wrap: wrap;}}
.portal-live-callout .btn{text-align: center; width: 100%;}
@media (max-width: 600px){.section-header h2{font-size: 2rem;}}
.portal-section .section-header{max-width: 760px;
            margin: 0 auto 54px;}
.pm-details{margin-top: 4px;
            padding: 0 0 18px;
            border-bottom: 1px solid rgba(12,20,60,.1);
            color: #686b76;
            font-size: .78rem;
            line-height: 1.55;}
.pm-details summary{color: var(--cc-navy); cursor: pointer; font-weight: 750; list-style: none;}
.pm-details summary::after{content: "+"; float: right; color: #aa8127; font-size: 1rem;}
.pm-details[open] summary::after{content: "−";}
.pm-details p{margin: 12px 0 0;}
.kw-has-pop{position: relative; cursor: help; transition: border-color .15s, box-shadow .15s;}
.kw-has-pop:hover, .kw-has-pop:focus-visible{border-color: #c9a14a; box-shadow: 0 0 0 3px rgba(201,161,74,.18); outline: none;}
.kw-has-pop .pm-module-name::after{content: "i"; display: inline-grid; place-items: center; width: 15px; height: 15px; margin-left: 8px; border-radius: 50%; border: 1px solid #c9a14a; color: #aa8127; font: italic 700 10px Georgia, serif; vertical-align: 1px;}
.kw-pop{position: absolute; left: 50%; bottom: calc(100% + 14px); width: 340px; transform: translate(-50%, 8px); opacity: 0; visibility: hidden; pointer-events: none; z-index: 30; background: linear-gradient(160deg, #10294e, #0b1e3a); color: #fff; border-radius: 12px; padding: 20px 20px 16px; box-shadow: 0 24px 50px -18px rgba(2,4,45,.55), 0 0 0 1px rgba(201,161,74,.35); transition: opacity .2s ease, transform .2s ease, visibility .2s; text-align: left;}
.kw-pop::after{content: ""; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); border: 8px solid transparent; border-top-color: #0b1e3a;}
.kw-has-pop:hover .kw-pop, .kw-has-pop:focus .kw-pop, .kw-has-pop:focus-within .kw-pop{opacity: 1; visibility: visible; transform: translate(-50%, 0);}
.kw-pop-k{font-size: .62rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #d9b765;}
.kw-pop-t{font-family: 'Newsreader', Georgia, serif; font-size: 1.25rem; line-height: 1.2; margin: 4px 0 14px;}
.kw-pop ul{list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 7px;}
.kw-pop li{position: relative; padding-left: 18px; font-size: .8rem; line-height: 1.4; color: rgba(255,255,255,.82);}
.kw-pop li::before{content: "\2713"; position: absolute; left: 0; color: #d9b765; font-weight: 800;}
.kw-pop-ladder{display: flex; align-items: flex-end; gap: 8px; height: 84px; padding: 10px 10px 0; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 8px;}
.kw-pop-ladder > div{flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 4px;}
.kw-pop-ladder i{display: block; width: 100%; border-radius: 4px 4px 0 0; background: linear-gradient(180deg, #d9b765, #aa8127);}
.kw-pop-ladder .kw-pop-rooms i{background: linear-gradient(180deg, #7d93bd, #5a6f95);}
.kw-pop-ladder span{font-size: .58rem; font-weight: 700; letter-spacing: .08em; color: rgba(255,255,255,.6); padding-bottom: 6px;}
.kw-pop-stat{display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding: 10px 12px; border-radius: 8px; background: rgba(217,183,101,.1); border: 1px solid rgba(217,183,101,.3);}
.kw-pop-stat b{font-family: 'Newsreader', Georgia, serif; font-size: 2rem; line-height: 1; color: #d9b765; font-weight: 500;}
.kw-pop-stat span{font-size: .74rem; line-height: 1.4; color: rgba(255,255,255,.82);}
.kw-pop-src{display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px;}
.kw-pop-src span{font-size: .62rem; font-weight: 700; letter-spacing: .04em; padding: 4px 8px; border-radius: 4px; background: rgba(255,255,255,.08); color: rgba(255,255,255,.75);}
.kw-pop-sig{display: grid; grid-template-columns: 1fr 1fr; gap: 6px;}
.kw-pop-sig span{font-size: .7rem; padding: 7px 9px; border-radius: 6px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.88);}
.kw-pop-sig span::before{content: "\25B2"; color: #6fd29a; font-size: .55rem; margin-right: 6px; vertical-align: 1px;}
.kw-pop-verdict{display: flex; align-items: center; gap: 6px; margin-top: 10px; font-size: .68rem;}
.kw-pop-verdict b{font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.55); margin-right: 4px;}
.kw-pop-verdict span{padding: 4px 9px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.5);}
.kw-pop-verdict span.on{background: #d9b765; border-color: #d9b765; color: #0b1e3a; font-weight: 800;}
@media (max-width: 760px){.kw-pop{width: min(320px, calc(100vw - 48px));}}
.pm-module-off{opacity: .45;}
.pm-module-off .pm-module-tag{background: transparent; border: 1px solid var(--cc-border); color: var(--cc-text-medium);}
.kw-pop-range{padding: 10px 12px 8px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 8px;}
.kw-pop-range-lbls{display: flex; justify-content: space-between; font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.55); margin-bottom: 8px;}
.kw-pop-range-lbls span:nth-child(2){color: #d9b765;}
.kw-pop-range-track{position: relative; height: 6px; border-radius: 3px; background: rgba(255,255,255,.12);}
.kw-pop-range-track i{position: absolute; left: 18%; right: 22%; top: 0; bottom: 0; border-radius: 3px; background: linear-gradient(90deg, rgba(217,183,101,.35), #d9b765);}
.kw-pop-range-track b{position: absolute; left: 56%; top: -4px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid #d9b765; transform: translateX(-50%);}
.kw-pop-range-cap{margin-top: 8px; font-size: .66rem; color: rgba(255,255,255,.6); text-align: center;}
.pricing-section{padding:0 0 96px}
.px-hero{background:radial-gradient(1200px 520px at 50% -10%,#0E1A5C 0%,var(--cc-navy) 60%);color:#fff;padding:92px 24px 88px;text-align:center}
.px-hero .k{font-size:.72rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--cc-gold);font-family:var(--font-main)}
.px-hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.08;margin:16px auto 14px;max-width:26ch;color:#fff;text-wrap:balance}
.px-hero p{font-family:var(--font-main);color:rgba(255,255,255,.72);font-size:1.1rem;line-height:1.6;max-width:52ch;margin:0 auto}
.pm-stage{font-family:var(--font-main);font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#2F5FB3;margin-bottom:10px}
.pm-price.pm-word{font-size:1.65rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.pm-card h3{min-height:0}
.pm-transition{max-width:760px;margin:52px auto 0;text-align:center;font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.45;color:var(--cc-navy)}
.pm-micro{max-width:620px;margin:12px auto 0;text-align:center;font-family:var(--font-main);font-size:.9rem;line-height:1.55;color:var(--cc-text-medium)}
.section-header{margin-top:64px}

.pm-proof-row{margin-top:56px}

.pm-card h3,.pm-feature-name,.pm-question,.pm-transition,.px-hero p{text-wrap:balance}
.pm-period{white-space:nowrap}

@media (max-width:600px){.px-hero h1 span{display:block}}

.pm-stage{letter-spacing:.14em;color:#2F5FB3}
.pm-card h3{font-size:1.32rem;line-height:1.25;margin-bottom:6px}
.pm-transition{font-size:clamp(1.05rem,1.7vw,1.3rem);max-width:820px}

.pm-product{font-family:var(--font-main);font-size:.8rem;font-weight:600;color:var(--cc-navy);margin:0 0 10px;letter-spacing:.01em}

/* v9: product-forward */
.px-hero-split{text-align:left;padding:72px 24px 150px}
.px-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
@media(max-width:960px){.px-hero-inner{grid-template-columns:1fr}.px-hero-split{text-align:center}.px-hero-copy p{margin-left:auto;margin-right:auto}}
.px-hero-split h1{margin-left:0;max-width:14ch}
.px-hero-split .px-hero-copy p{margin:0 0 14px;max-width:44ch}
.px-hybrid{color:rgba(255,255,255,.88)!important;font-size:1.02rem!important;border-left:2px solid var(--cc-gold);padding-left:14px}
.px-frame{margin:0;background:#0B1240;border:1px solid rgba(212,185,128,.35);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.px-frame-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#141B4D;border-bottom:1px solid rgba(255,255,255,.08)}
.px-frame-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.px-frame-bar span{margin-left:10px;font-family:var(--font-main);font-size:.7rem;color:rgba(255,255,255,.55);letter-spacing:.02em}
.px-frame img{display:block;width:100%;height:auto}
.px-frame figcaption{font-family:var(--font-main);font-size:.7rem;color:rgba(255,255,255,.5);padding:8px 12px;letter-spacing:.04em}
.pm-shot{margin:-44px -32px 18px;border-radius:12px 12px 0 0;overflow:hidden;border-bottom:1px solid var(--cc-border);background:#F3F2EE;aspect-ratio:16/9}
.pm-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
@media(max-width:768px){.pm-shot{margin:-40px -26px 16px}}

/* the lifecycle strip from the portal's own topbar, one per card */
.pm-lc{display:flex;align-items:center;gap:6px;margin:-14px 0 18px;padding-bottom:16px;border-bottom:1px solid var(--cc-border);font-family:var(--font-main)}
.pm-lc-s{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;border:1px solid var(--cc-border);background:#f7f8fa;color:#a3aebb;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pm-lc-s::before{content:"";width:6px;height:6px;border-radius:50%;background:#c5ccd6}
.pm-lc-s.on{color:var(--cc-navy);border-color:var(--ph);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--ph) 14%,transparent)}
.pm-lc-s.on::before{background:var(--ph)}
.pm-sub{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--cc-navy);border-radius:4px;padding:6px 9px 6px 8px}
.pm-sub i{width:7px;height:7px;border-radius:50%;background:var(--ph)}
.pm-card{border-top:4px solid transparent}
.pm-card:has(.pm-lc){border-top-color:var(--ph)}
.pm-card{--ph:#2F5FB3}
.pm-lc{flex-wrap:wrap;row-gap:8px}
.pm-card .pm-sub{margin-left:0;margin-bottom:14px;align-self:flex-start;width:max-content}
.pm-card h3{text-wrap:balance}
@media(min-width:993px) and (max-width:1240px){.pm-card h3{font-size:clamp(1.12rem,1.72vw,1.32rem)}}

/* ===== v10 FORMA polish: proof strip, plan cards, CORE line ===== */

/* section: a warm paper backdrop so white cards read as objects */
.pricing-section{background:
  radial-gradient(1100px 420px at 50% 0,rgba(212,185,128,.10),transparent 70%),
  linear-gradient(180deg,#F3F2EE 0,#F7F7F5 55%,#F7F7F5 100%);display:flow-root}

/* proof: one quiet trust strip, not two form pills */
.pm-proof-row{gap:0;margin:48px auto 44px;align-items:center}
.pm-proof-badge{min-width:0;padding:4px 30px;border:0;border-radius:0;background:transparent;box-shadow:none;grid-template-columns:30px auto;gap:12px}
.pm-proof-badge + .pm-proof-badge{border-left:1px solid rgba(2,4,45,.12)}
.pm-proof-icon{width:30px;height:30px;background:#fff;color:#A07F3C;border:1px solid rgba(212,185,128,.7);box-shadow:0 2px 6px rgba(2,4,45,.06);font-size:.8rem}
.pm-proof-badge strong{font-size:.84rem;letter-spacing:.005em}
.pm-proof-badge span{font-size:.76rem;color:#6B6F7A;margin-top:2px}

/* card: depth system + a stage-tinted wash at the top */
.pm-grid{gap:24px}
.pm-card{
  border:1px solid rgba(2,4,45,.08);
  border-top:3px solid var(--ph);
  border-radius:16px;
  padding:40px 34px 34px;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--ph) 7%,#fff) 0,#fff 230px);
  box-shadow:0 1px 2px rgba(2,4,45,.04),0 18px 40px -22px rgba(2,4,45,.22);
  overflow:visible}
.pm-card:has(.pm-lc){border-top-color:var(--ph)}
.pm-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ph) 30%,rgba(2,4,45,.08));border-top-color:var(--ph);
  box-shadow:0 1px 2px rgba(2,4,45,.05),0 28px 56px -24px color-mix(in srgb,var(--ph) 45%,rgba(2,4,45,.35))}

/* lifecycle: a segmented control, like the portal topbar */
.pm-lc{display:inline-flex;align-self:flex-start;justify-self:start;gap:2px;margin:0 0 22px;padding:3px;border:1px solid rgba(2,4,45,.07);border-radius:999px;background:rgba(2,4,45,.035);row-gap:2px}
.pm-lc-s{border:0;background:transparent;padding:5px 11px;color:#9AA3B0;font-size:9.5px;letter-spacing:.14em}
.pm-lc-s::before{width:5px;height:5px;background:#C4CAD3}
.pm-lc-s.on{background:#fff;border:0;color:var(--cc-navy);box-shadow:0 1px 2px rgba(2,4,45,.10),0 0 0 1px color-mix(in srgb,var(--ph) 35%,transparent)}

/* stage chip: same navy, tighter and rounder */
.pm-card .pm-sub{border-radius:999px;padding:5px 11px 5px 9px;font-size:9.5px;letter-spacing:.18em;margin-bottom:16px}

/* hierarchy: question, then product as a label, then plain description */
.pm-card h3{font-size:1.62rem;line-height:1.14;letter-spacing:-.012em;font-weight:600;margin-bottom:10px}
.pm-product{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--ph) 72%,#02042D);margin:0 0 14px}
.pm-question{font-style:normal;font-size:.9rem;line-height:1.62;color:#4E5260;margin:0 0 4px}

/* modules: a data panel with a refined list, not form inputs */
.pm-modules{margin:24px 0 26px;padding:16px 18px 6px;border:1px solid rgba(2,4,45,.06);border-radius:12px;background:color-mix(in srgb,var(--ph) 4%,#FAFAF8)}
.pm-modules-label{font-size:.64rem;letter-spacing:.16em;color:#7B8190;margin-bottom:6px}
.pm-module{margin:0;padding:10px 6px;border:0;border-radius:6px;background:transparent;gap:14px;position:relative}
.pm-module + .pm-module::before{content:"";position:absolute;left:6px;right:6px;top:0;height:1px;background:rgba(2,4,45,.07)}
.pm-module-num{font-family:var(--font-main);font-size:.7rem;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--ph);min-width:16px}
.pm-module-name{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:.86rem;font-weight:600}
.kw-has-pop.pm-module:hover,.kw-has-pop.pm-module:focus-visible{border-color:transparent;box-shadow:none;background:#fff}
.kw-has-pop .pm-module-name::after{border-color:rgba(2,4,45,.18);color:#9AA3B0;margin-left:10px;flex-shrink:0;transition:color .15s,border-color .15s}
.kw-has-pop:hover .pm-module-name::after,.kw-has-pop:focus-visible .pm-module-name::after{border-color:#c9a14a;color:#aa8127}

/* features: a checked list */
.pm-features{margin-bottom:30px}
.pm-feature{position:relative;padding-left:28px;margin-bottom:14px}
.pm-feature::before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;border-radius:50%;
  background:color-mix(in srgb,var(--ph) 12%,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2l2 2 4-4.4' fill='none' stroke='%2302042D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.pm-feature-name{font-size:.9rem;margin-bottom:2px}
.pm-feature-desc{font-size:.84rem;color:#5E6270;line-height:1.55}

/* close: quiet line, confident button */
.pm-turnaround{border-top:1px solid rgba(2,4,45,.08);padding:16px 0 14px;font-size:.76rem;color:#6B6F7A}
.pm-cta-block .btn{border-radius:10px;padding:15px 20px;font-size:.95rem;letter-spacing:.01em;box-shadow:0 10px 22px -12px rgba(2,4,45,.6);transition:transform .2s,box-shadow .2s}
.pm-cta-block .btn::after{content:"\2192";display:inline-block;margin-left:10px;transition:transform .2s}
.pm-cta-block .btn:hover{box-shadow:0 14px 28px -12px rgba(2,4,45,.7)}
.pm-cta-block .btn:hover::after{transform:translateX(3px)}

/* CORE line */
.pm-transition{margin-top:60px}
.pm-transition::before{content:"";display:block;width:44px;height:2px;margin:0 auto 22px;background:var(--cc-gold);border-radius:2px}

@media(max-width:600px){
  .pm-proof-row{flex-direction:column;align-items:stretch;gap:14px;max-width:340px;margin-left:auto;margin-right:auto}
  .pm-proof-badge{padding:0}
  .pm-proof-badge + .pm-proof-badge{border-left:0}
  .pm-card{padding:34px 22px 26px}
  .pm-card h3{font-size:1.45rem}
}

@media(min-width:993px) and (max-width:1240px){
  .pm-grid{gap:18px}
  .pm-card{padding:34px 22px 26px}
  .pm-card h3{font-size:clamp(1.3rem,2vw,1.62rem)}
  .pm-modules{padding:14px 12px 4px}
  .pm-module{gap:10px;padding:9px 4px}
  .pm-module-name{font-size:.82rem}
  .pm-feature{padding-left:26px}
}

/* fit pass: FORMA's scale, sized so each short headline and label holds one line (proof-page, 1440 / 1024) */
@media(min-width:1241px){.pm-card{padding-left:30px;padding-right:30px}.pm-card h3{font-size:1.5rem}}
@media(min-width:993px) and (max-width:1240px){
  .pm-card{padding-left:18px;padding-right:18px}
  .pm-card h3{font-size:1.24rem}
  .pm-product{letter-spacing:.1em}
  .pm-module-name{font-size:.78rem}
}
.pm-question{text-wrap:pretty}

/* ===== v11 FORMA: one card, one stage at a time (toggle prototype) ===== */
@property --ph{syntax:'<color>';inherits:true;initial-value:#2F5FB3}
.pm-proof-row{margin:48px auto 40px}
.pm-one{--ph:#2F5FB3;position:relative;max-width:1100px;margin:0 auto;scroll-margin-top:24px;
  border:1px solid rgba(2,4,45,.08);border-top:3px solid var(--ph);border-radius:20px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ph) 7%,#fff) 0,#fff 280px);
  box-shadow:0 1px 2px rgba(2,4,45,.04),0 30px 60px -32px rgba(2,4,45,.28);
  transition:--ph .45s ease}

/* the toggle: the portal's lifecycle strip, promoted to the control */
.pm-one-head{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 32px 22px;border-bottom:1px solid rgba(2,4,45,.07)}
.pm-seg{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgba(2,4,45,.045);border:1px solid rgba(2,4,45,.07)}
.pm-seg-ind{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:#fff;
  box-shadow:0 1px 2px rgba(2,4,45,.12),0 6px 14px -6px rgba(2,4,45,.25),0 0 0 1px color-mix(in srgb,var(--ph) 38%,transparent)}
.pm-one.pm-ready .pm-seg-ind{transition:transform .38s cubic-bezier(.3,.7,.2,1),width .38s cubic-bezier(.3,.7,.2,1)}
.pm-seg .pm-lc-s{position:relative;z-index:1;appearance:none;-webkit-appearance:none;border:0;background:transparent;box-shadow:none;cursor:pointer;
  display:inline-flex;align-items:center;gap:9px;padding:11px 24px;border-radius:999px;
  font:700 11.5px/1 var(--font-main);letter-spacing:.16em;text-transform:uppercase;color:#8A93A1;transition:color .2s}
.pm-seg .pm-lc-s::before{content:"";width:6px;height:6px;border-radius:50%;opacity:.45;transition:opacity .2s,transform .2s}
#pm-tab-decide::before{background:#2F5FB3}
#pm-tab-build::before{background:#d4902a}
#pm-tab-run::before{background:#3fa37a}
.pm-seg .pm-lc-s:hover{color:var(--cc-navy)}
.pm-seg .pm-lc-s:hover::before{opacity:.85}
.pm-seg .pm-lc-s[aria-selected="true"]{color:var(--cc-navy)}
.pm-seg .pm-lc-s[aria-selected="true"]::before{opacity:1;transform:scale(1.15)}
.pm-seg .pm-lc-s:focus-visible{outline:2px solid var(--ph);outline-offset:2px}
.pm-one:not(.pm-ready) .pm-lc-s[aria-selected="true"]{background:#fff}
.pm-seg-hint{margin:0;font-family:var(--font-main);font-size:.74rem;letter-spacing:.02em;color:#7B8190}

/* the panel: copy and modules left, the stage's own portal right */
.pm-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:52px;padding:42px 48px 46px;align-items:start;text-align:left}
.pm-panel[hidden]{display:none}
.pm-panel.pm-in{animation:pmIn .32s ease both}
@keyframes pmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pm-one .pm-sub{margin:0 0 16px;border-radius:999px;padding:5px 11px 5px 9px;font-size:9.5px;letter-spacing:.18em;width:max-content}
.pm-one h3{font-family:var(--font-display);font-size:2.05rem;font-weight:600;line-height:1.1;letter-spacing:-.015em;color:var(--cc-navy);margin:0 0 12px;text-wrap:balance}
.pm-one .pm-question{font-size:.96rem;line-height:1.62;max-width:46ch;margin:0}
.pm-one .pm-modules{margin:26px 0 0}
.pm-one .pm-module{align-items:flex-start;padding:12px 6px}
.pm-one .pm-module > div{flex:1;min-width:0}
.pm-one .pm-module-num{margin-top:2px}
.pm-one .pm-module-name{display:block;font-size:.88rem}
.pm-module-line{margin:3px 0 0;font-family:var(--font-main);font-size:.8rem;line-height:1.45;color:#5E6270;text-wrap:pretty}
.pm-panel-side{display:flex;flex-direction:column;gap:26px;padding-top:4px}
.pm-frame{margin:0;background:#0B1240;border:1px solid rgba(2,4,45,.12);border-radius:12px;overflow:hidden;
  box-shadow:0 2px 4px rgba(2,4,45,.06),0 28px 54px -26px rgba(2,4,45,.45)}
.pm-frame-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#141B4D;border-bottom:1px solid rgba(255,255,255,.08)}
.pm-frame-bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18)}
.pm-frame-bar span{margin-left:10px;font-family:var(--font-main);font-size:.68rem;color:rgba(255,255,255,.55);letter-spacing:.02em}
.pm-frame img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left;background:#F3F2EE}
.pm-one .pm-cta-block{margin:0}
.pm-one .pm-turnaround{text-align:center}
.pm-transition{margin-top:56px}

@media(max-width:1100px){.pm-panel{gap:36px;padding:36px 36px 40px}.pm-one h3{font-size:1.85rem}}
@media(max-width:860px){.pm-panel{grid-template-columns:1fr;gap:28px}.pm-frame{max-width:560px;margin:0 auto;width:100%}}
@media(max-width:600px){
  .pm-one{border-radius:16px}
  .pm-one-head{padding:20px 10px 16px}
  .pm-seg .pm-lc-s{padding:10px 14px;gap:7px;font-size:10.5px;letter-spacing:.12em}
  .pm-panel{padding:28px 22px 26px}
  .pm-one h3{font-size:1.6rem}
  .pm-panel-side .pm-frame{display:none}
  .pm-one .pm-question{font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){
  .pm-one,.pm-one.pm-ready .pm-seg-ind,.pm-seg .pm-lc-s,.pm-seg .pm-lc-s::before{transition:none}
  .pm-panel.pm-in{animation:none}
}

/* v11b: wider copy column so each module line holds; CTA pinned level with the modules */
.pm-panel{grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:48px;align-items:stretch}
.pm-panel-side{justify-content:space-between}
.pm-shotfig{margin:0}
.pm-shotfig figcaption{margin-top:10px;font-family:var(--font-main);font-size:.7rem;letter-spacing:.04em;color:#8A8F9B;text-align:center}
.pm-module-line{text-wrap:balance}
@media(max-width:600px){.pm-panel-side .pm-shotfig{display:none}}
/* v11c: the side column rides along (sticky) instead of stretching; its space falls below the button */
.pm-panel{align-items:start}
.pm-panel-side{justify-content:flex-start;position:sticky;top:24px}
@media(max-width:860px){.pm-panel-side{position:static}}
/* v11d: breakpoints restated after the v11b/c overrides */
@media(max-width:1100px){.pm-panel{gap:36px;padding:36px 36px 40px}}
@media(max-width:860px){.pm-panel{grid-template-columns:1fr;gap:28px}.pm-panel-side{position:static}}
@media(max-width:600px){.pm-panel{padding:28px 22px 26px;gap:20px}.pm-one .pm-modules{padding:14px 12px 4px}.pm-one .pm-module{gap:12px;padding:11px 4px}}
@media(max-width:600px){.pm-one h3{font-size:1.42rem}}

/* ===== v12 FORMA + dream team (toggle v2) ===== */
/* order matters: this block overrides v11d. Lens 2 layout first, then Lens 1 motion, then the two HAWK items. */

/* L2.1 the modules become one list with hairline rules, no box inside the card; the copy column widens */
.pm-panel{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:44px;padding-left:40px;padding-right:40px}
.pm-one .pm-modules{margin:28px 0 0;padding:0;border:0;border-radius:0;background:none;
  border-top:1px solid rgba(2,4,45,.14);border-bottom:1px solid rgba(2,4,45,.08)}
.pm-one .pm-modules-label{padding:14px 0 4px;margin:0;color:#8A8F9B}
.pm-one .pm-module{padding:13px 0;gap:14px}
.pm-one .pm-module + .pm-module::before{left:30px;right:0}
@media(max-width:1100px){.pm-panel{gap:36px;padding-left:36px;padding-right:36px}}
@media(max-width:860px){.pm-panel{grid-template-columns:1fr}}
@media(max-width:600px){.pm-panel{padding-left:22px;padding-right:22px}.pm-one .pm-module{gap:12px}}

/* L2.2 one eyebrow row (stage chip, hairline, product), then a bigger headline */
.pm-panel-copy{display:flex;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:10px}
.pm-one .pm-sub{order:0;margin:0}
.pm-one .pm-product{order:1;margin:0;display:inline-flex;align-items:center;gap:14px}
.pm-one .pm-product::before{content:"";width:1px;height:14px;background:rgba(2,4,45,.16)}
.pm-panel-copy > h3,.pm-panel-copy > .pm-question,.pm-panel-copy > .pm-modules{order:2;flex-basis:100%}
.pm-one h3{margin:20px 0 12px}
@media(min-width:601px){.pm-one h3{font-size:clamp(1.85rem,2.6vw,2.35rem);letter-spacing:-.02em}}
@media(max-width:600px){.pm-one .pm-product::before{display:none}}

/* L2.3 a light browser frame, so the portal reads as a page and not a dark slab */
.pm-frame{background:#fff;border:1px solid rgba(2,4,45,.10);border-radius:12px;
  box-shadow:0 1px 2px rgba(2,4,45,.05),0 30px 60px -30px rgba(2,4,45,.38)}
.pm-frame-bar{padding:9px 12px;background:linear-gradient(180deg,#FBFAF8,#F1F0EC);border-bottom:1px solid rgba(2,4,45,.08)}
.pm-frame-bar i{background:rgba(2,4,45,.14)}
.pm-frame-bar span{margin:0 auto;transform:translateX(-18px);padding:3px 14px;border-radius:6px;
  background:rgba(2,4,45,.045);color:#7B8190;font-size:.66rem}

/* L2.4 a shorter card header: the control is the header */
.pm-one-head{padding:24px 32px 0;border-bottom:0;gap:10px}
.pm-one .pm-panel{padding-top:34px}
@media(max-width:600px){.pm-one-head{padding:18px 10px 0}.pm-one .pm-panel{padding-top:26px}}

/* L2.5 a lighter side column under the screenshot */
.pm-panel-side{gap:22px}
.pm-shotfig figcaption{margin-top:12px}
.pm-one .pm-turnaround{border-top:0;padding:0 0 12px}
.pm-one .pm-cta-block .btn{padding:13px 20px;font-size:.92rem;border-radius:10px}

/* L2.6 CORE closing as a pull quote; the proof strip balances on a phone; the seam */
.pm-transition{max-width:800px;margin-left:auto;margin-right:auto;text-wrap:balance;color:#454A60}
.pm-core-lead{color:var(--cc-navy);font-weight:600}
.pm-micro{margin-top:18px}
@media(max-width:600px){.pm-transition{font-size:1.14rem;line-height:1.45}}
.pm-proof-badge span{text-wrap:balance}
.pricing-section{box-shadow:inset 0 1px 0 rgba(212,185,128,.45)}

/* L1.1 the card glides to its new height instead of snapping (JS sets .pm-glide for one switch) */
.pm-one{transition:--ph .45s ease,opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.pm-one.pm-glide{overflow:clip;transition:--ph .45s ease,height .42s cubic-bezier(.3,.7,.2,1)}

/* L1.2 the frame holds still; the copy arrives from the side you clicked, top to bottom as the eye reads */
.pm-panel.pm-in{animation:none}
.pm-one{--dx:14px}.pm-one[data-dir="back"]{--dx:-14px}
@keyframes pmCopy{from{opacity:0;transform:translateX(var(--dx))}}
@keyframes pmShot{from{opacity:0;transform:scale(1.015)}}
.pm-in .pm-panel-copy > :not(.pm-modules),.pm-in .pm-modules-label,.pm-in .pm-module{animation:pmCopy .38s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 28ms)}
.pm-panel-copy > .pm-sub{--i:0}.pm-panel-copy > .pm-product{--i:1}.pm-panel-copy > h3{--i:2}.pm-panel-copy > .pm-question{--i:3}
.pm-modules-label{--i:4}.pm-module:nth-child(2){--i:5}.pm-module:nth-child(3){--i:6}.pm-module:nth-child(4){--i:7}.pm-module:nth-child(5){--i:8}.pm-module:nth-child(6){--i:9}
.pm-frame img{transform-origin:top left}
.pm-in .pm-frame img{animation:pmShot .5s cubic-bezier(.2,.7,.2,1) both}

/* L1.3 the pill stretches across to the new stage, then settles; a press state on the tabs */
.pm-one.pm-ready .pm-seg-ind.pm-stretch{transition-duration:.17s;transition-timing-function:cubic-bezier(.4,0,.6,1)}
.pm-seg .pm-lc-s{transition:color .2s,transform .12s}
.pm-seg .pm-lc-s:active{transform:scale(.97)}

/* L1.4 a page-load line in the browser bar, in the stage color */
.pm-frame-bar{position:relative}
.pm-frame-bar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ph);transform-origin:left;transform:scaleX(0);opacity:0}
.pm-in .pm-frame-bar::after{animation:pmLoad .7s cubic-bezier(.3,.7,.2,1) both}
@keyframes pmLoad{0%{transform:scaleX(0);opacity:1}70%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}

/* L1.5 one arrival on first scroll; the button takes the stage color on hover */
.pm-one.pm-pre{opacity:0;transform:translateY(14px)}
@media print{.pm-one.pm-pre{opacity:1;transform:none}}
.pm-one .pm-cta-block .btn{transition:transform .2s,box-shadow .2s,background-color .3s}
.pm-one .pm-cta-block .btn:hover{background:color-mix(in srgb,var(--cc-navy) 86%,var(--ph))!important}
.pm-one .pm-cta-block .btn:active{transform:translateY(1px);box-shadow:0 6px 14px -10px rgba(2,4,45,.6)}
.pm-one .pm-cta-block .btn:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px color-mix(in srgb,var(--ph) 60%,transparent)}

/* L3 (HAWK) inactive stages read as choices, not as disabled */
.pm-seg .pm-lc-s{color:#5B6472}
.pm-seg .pm-lc-s:hover,.pm-seg .pm-lc-s[aria-selected="true"]{color:var(--cc-navy)}

/* reduced motion, restated last so it beats everything above */
@keyframes pmFade{from{opacity:0}}
@media(prefers-reduced-motion:reduce){
  .pm-one{transition:none}
  .pm-one.pm-ready .pm-seg-ind,.pm-seg .pm-lc-s,.pm-seg .pm-lc-s::before{transition:none}
  .pm-in .pm-panel-copy > *,.pm-in .pm-modules-label,.pm-in .pm-module,.pm-in .pm-frame img{animation:pmFade .16s ease both!important;animation-delay:0s!important}
  .pm-in .pm-frame-bar::after{animation:none}
  .pm-seg .pm-lc-s:active,.pm-one .pm-cta-block .btn:active{transform:none}
  .pm-one.pm-pre{opacity:1;transform:none}
}

/* v13: proof strip removed; the section carries its own space above the card */
.pricing-section{padding-top:64px}
@media(max-width:600px){.pricing-section{padding-top:40px}}

/* v14 hero: the Walkthrough pill, forked from the homepage's .hero-loop-chip; the hero's three words match the tabs */
.px-frame{position:relative}
.px-frame-chip{position:absolute;z-index:3;left:14px;bottom:44px;display:inline-flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(4,9,48,.88);backdrop-filter:blur(10px);color:#fff;font-family:var(--font-main);font-size:.72rem;font-weight:700;text-decoration:none;box-shadow:0 12px 28px rgba(4,9,48,.22);transition:all .3s cubic-bezier(.4,0,.2,1)}
.px-frame-chip i{width:26px;height:26px;border-radius:50%;background:var(--cc-gold);position:relative;flex:0 0 26px}
.px-frame-chip i::after{content:"";position:absolute;left:10px;top:7px;border-left:8px solid var(--cc-navy);border-top:6px solid transparent;border-bottom:6px solid transparent}
.px-frame-chip b{color:#ddc277;font-weight:800;letter-spacing:.08em;font-size:.62rem}
.px-frame-chip:hover{background:var(--cc-gold);color:var(--cc-navy)}
.px-frame-chip:hover b{color:var(--cc-navy)}
@media(max-width:600px){.px-frame-chip{left:10px;bottom:38px;font-size:.66rem}}

/* v15: the Walkthrough theater, forked from the homepage so the pill opens the film in place */
.px-frame-chip{cursor:pointer}
.wt-theater{position:fixed;inset:0;z-index:9000;display:none;flex-direction:column;background:rgba(2,4,45,.96);backdrop-filter:blur(14px)}
.wt-theater.is-open{display:flex;animation:wtIn .32s ease}
@keyframes wtIn{from{opacity:0}to{opacity:1}}
.wt-theater-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;color:#fff;font-family:var(--font-main)}
.wt-theater-kicker{font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#ddc277}
.wt-theater-btns{display:flex;gap:8px}
.wt-tb{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;font-size:1.05rem;cursor:pointer;transition:all .3s ease}
.wt-tb:hover{background:var(--cc-gold);color:var(--cc-navy);border-color:var(--cc-gold)}
.wt-stage{flex:1;display:grid;place-items:center;padding:0 22px 26px;min-height:0}
.wt-frame{width:min(100%,calc((100vh - 110px)*16/9));aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 40px 120px rgba(0,0,0,.6);animation:wtPop .38s cubic-bezier(.2,.8,.2,1)}
.wt-frame iframe{display:block;width:100%;height:100%;border:0}
.wt-frame:fullscreen{width:100vw;height:100vh;border-radius:0}
@media (max-width:700px){.wt-theater-bar{padding:12px 14px}.wt-stage{padding:0 10px 14px}}
@keyframes wtPop{from{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}


/* v16 FORMA: the close is one quiet signature, "Powered by CORE", linking to /core/.
   The no-call line moves under the quote button. */
.pm-nocall{margin:12px 0 0;text-align:center;font-family:var(--font-main);font-size:.76rem;line-height:1.4;color:#6B6F7A;letter-spacing:.02em}
.px-powered{display:flex;align-items:center;gap:12px;width:fit-content;margin:48px auto 0;padding:10px 16px;border-radius:999px;
  text-decoration:none;color:#6B6F7A;transition:color .2s ease,background-color .2s ease}
.px-powered-k{font-family:var(--font-main);font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;line-height:1}
.px-powered img{display:block;height:17px;width:auto;opacity:.9;transition:opacity .2s ease}
.px-powered-arrow{font-family:var(--font-main);font-size:.9rem;line-height:1;color:#A07F3C;transition:transform .2s ease}
.px-powered:hover,.px-powered:focus-visible{color:var(--cc-navy);background:rgba(2,4,45,.04)}
.px-powered:hover img,.px-powered:focus-visible img{opacity:1}
.px-powered:hover .px-powered-arrow,.px-powered:focus-visible .px-powered-arrow{transform:translateX(3px)}
.px-powered:focus-visible{outline:2px solid rgba(47,95,179,.45);outline-offset:3px}
@media(max-width:600px){.px-powered{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.px-powered,.px-powered *{transition:none}}

/* v17: the card straddles the hero seam (FORMA's held move from the first pass): the navy hands the card down instead of ending flat */
.px-hero-split{padding-bottom:168px}
.pricing-section{padding-top:0}
.pm-one{position:relative;z-index:2;margin-top:-104px}
@media(max-width:960px){.px-hero-split{padding-bottom:140px}.pm-one{margin-top:-84px}}
@media(max-width:600px){.px-hero-split{padding-bottom:112px}.pm-one{margin-top:-64px}}