/* The neonstudio platform (2026-10-25): /platform/ (the tour page) and the homepage chapter 06 / The platform.
   Screens are drawn in em inside a container sized frame, so one drawing scales from a phone to a wide desk.
   Snappy and physical: screens slide in and settle, their parts land in order. Text moves, never fades.
   Control: WEBSITES/Neonstudio.ai/release-platform-2026-10-25/DESIGN-CONTROL.md */

/* one neon for the kit: the subpages name it --accent, the homepage --cta-rgb ("197 15 102") */
body{--pt-ac:var(--accent,rgb(var(--cta-rgb,181 9 97)));--pt-top:var(--accent-top,color-mix(in srgb,var(--pt-ac) 78%,#fff));--pt-deep:var(--accent-deep,color-mix(in srgb,var(--pt-ac) 55%,#000));--pt-tx:var(--accent-text,var(--pt-ac))}
:root[data-neon=gold] body{--pt-tx:#8a6400}

/* ---------- the screen kit (the platform's house look, recreated) ---------- */
.pt-frame{container-type:inline-size;position:relative;border:1px solid #fff;border-bottom:3px solid #aeb3b4;border-radius:18px;padding:7px;background:linear-gradient(130deg,#fafaf7,#d3d6d5);box-shadow:0 24px 40px -26px #18202680,0 2px 0 #9aa2a6}
.pt-scr{--ink:#17181b;--mut:#6b6f73;--line:#e3e3e0;--ok:#138a4a;font-size:2.5cqw;position:relative;aspect-ratio:640/375;overflow:hidden;border-radius:12px;background:#e9e9e9;color:var(--ink);font-family:Instrument,Arial,sans-serif;line-height:1.25;letter-spacing:-.01em;user-select:none}
.pt-scr *{box-sizing:border-box}
.pt-scr p{margin:0;max-width:none;font-size:1em;line-height:1.25;color:inherit;letter-spacing:inherit}
.pt-scr:before{content:"";position:absolute;left:8%;right:8%;top:1.6em;height:2.6em;background:color-mix(in srgb,var(--pt-ac) 28%,transparent);filter:blur(1.4em);pointer-events:none}
.pt-bar{position:relative;display:flex;align-items:center;gap:.55em;margin:.6em .7em .55em;height:2.3em;padding:0 .6em;border-radius:.75em;background:#fffffff2;box-shadow:0 .1em .2em #0000000f}
.pt-wm{width:5.6em;height:1.1em;flex:none;fill:var(--ink)}
.pt-wm .n{fill:var(--pt-ac)}
.pt-tabs{display:flex;gap:.15em;margin-left:.4em;padding:.15em;border-radius:.45em;background:#efefed;font-size:.6em;font-weight:600;color:#55595d}
.pt-tabs span{padding:.45em .75em;border-radius:.35em}
.pt-tabs .on{background:#fff;color:var(--ink);box-shadow:0 .1em .25em #0000001f}
.pt-me{margin-left:auto;display:flex;align-items:center;gap:.4em;font-size:.6em;font-weight:600}
.pt-me i{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-size:.85em}
.pt-body{position:absolute;inset:3.45em .7em .7em;display:grid;gap:.5em;align-content:start}
.pt-panel{position:relative;background:#fff;border-radius:1em;padding:.75em .8em;box-shadow:0 .05em .15em #00000010}
.pt-lit{box-shadow:0 0 0 1px color-mix(in srgb,var(--pt-ac) 25%,transparent),0 .6em 1.6em -.6em color-mix(in srgb,var(--pt-ac) 55%,transparent)}
.pt-tile{position:relative;background:#f7f7f5;border:1px solid var(--line);border-radius:.75em;padding:.55em .65em}
.pt-scr .pt-lab{display:block;font-size:.5em;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mut)}
.pt-scr .pt-fig{display:block;font-size:1.25em;font-weight:600;letter-spacing:-.03em;margin-top:.1em}
.pt-scr .pt-h{font-size:1.15em;font-weight:600;letter-spacing:-.035em;margin:0}
.pt-scr .pt-s{font-size:.62em;color:var(--mut);margin:.3em 0 0}
.pt-scr .pt-t{font-size:.7em;font-weight:600;margin:0}
.pt-row{display:flex;align-items:center;gap:.5em}
.pt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.5em}
.pt-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}
.pt-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:.45em}
.pt-scr .pt-tag{display:inline-block;font-size:.5em;font-weight:700;letter-spacing:.04em;padding:.3em .5em;border-radius:.3em;background:#ecece9;color:#45494d;white-space:nowrap}
.pt-scr .pt-tag.ok{background:#e3f4ea;color:#0b6b37}
.pt-scr .pt-tag.hi{background:#fff1d6;color:#8a5a00}
.pt-scr .pt-tag.ac{background:color-mix(in srgb,var(--pt-ac) 12%,transparent);color:var(--pt-tx)}
.pt-key{display:inline-flex;align-items:center;gap:.4em;font-size:.58em;font-weight:600;padding:.55em .8em;border-radius:.35em;background:linear-gradient(165deg,#fff,#e7e7e3);border:1px solid #fff;box-shadow:0 .2em 0 #b9b9b3;color:var(--ink);white-space:nowrap}
.pt-key.go{background:linear-gradient(165deg,var(--pt-top),var(--pt-ac) 70%);border-color:var(--pt-top);box-shadow:0 .2em 0 var(--pt-deep);color:#fff}
.pt-key.ink{background:linear-gradient(165deg,#3a3b40,#1d1e22 70%);border-color:#4b4c52;box-shadow:0 .2em 0 #000;color:#fff}
.pt-key.ok{background:linear-gradient(165deg,#3fe08d,#17a85b 70%);border-color:#5ae79e;box-shadow:0 .2em 0 #0b6a37;color:#04210f}
:root[data-neon=gold] .pt-key.go{color:#1c1400}
.pt-tick{display:inline-grid;place-items:center;flex:none;width:1.15em;height:1.15em;border-radius:.3em;background:var(--ok);color:#fff;font-size:.62em;font-weight:800}
.pt-tick.wait{background:#d8d8d4;color:#7b7f83}
.pt-line{display:flex;align-items:center;gap:.6em;padding:.42em 0;border-top:1px solid var(--line);font-size:.62em}
.pt-line:first-of-type{border-top:0}
.pt-line b{font-weight:600}
.pt-line .pt-tag{margin-left:auto;font-size:.82em}
.pt-ico{display:grid;place-items:center;flex:none;width:1.9em;height:1.9em;border-radius:.5em;background:#4f5056;color:#fff;font-size:.7em;font-weight:700}
.pt-ico.ac{background:var(--pt-ac)}
.pt-scr .pt-mute{color:var(--mut)}

/* a tiny drawn web page, used for thumbnails and the review preview */
.pt-page{position:relative;overflow:hidden;border-radius:.5em;background:#f6f3ee;border:1px solid var(--line)}
.pt-page .pp-nav{height:.9em;margin:.5em .6em 0;display:flex;gap:.3em;align-items:center}
.pt-page .pp-nav i{display:block;height:.3em;border-radius:.1em;background:#c9c2b7;width:1.6em}
.pt-page .pp-nav i:first-child{width:2.6em;background:#2e5c55}
.pt-page .pp-nav i:last-child{margin-left:auto;width:2em;background:#2e5c55}
.pt-page .pp-hero{margin:.6em .6em 0;display:grid;grid-template-columns:1.1fr 1fr;gap:.5em}
.pt-page .pp-hero strong{display:block;font-size:1em;line-height:1.02;letter-spacing:-.04em;color:#1f3d39}
.pt-page .pp-hero em{display:block;margin-top:.45em;font-style:normal;font-size:.42em;font-weight:700;color:#fff;background:#2e5c55;border-radius:.3em;padding:.5em .7em;width:max-content}
.pt-page .pp-img{border-radius:.4em;background:linear-gradient(160deg,#b9cfc6,#6f958a 60%,#3f6b62);min-height:4em}
.pt-page .pp-rows{margin:.6em;display:grid;grid-template-columns:repeat(3,1fr);gap:.35em}
.pt-page .pp-rows i{display:block;height:1.7em;border-radius:.3em;background:#e7e1d7}
.pt-page.mini{font-size:.38em}
.pt-thumb{width:3em;height:2.3em;flex:none;overflow:hidden;border-radius:.4em}
.pt-page.tall .pp-img{min-height:6.2em}

/* ---------- motion: snappy and physical ---------- */
@keyframes pt-in{from{transform:translateX(1.4em) scale(.985)}to{transform:none}}
@keyframes pt-pop{from{transform:translateY(.55em) scale(.97)}to{transform:none}}
@keyframes pt-drop{0%{transform:translateY(-1.4em) scale(.8)}70%{transform:translateY(.12em)}100%{transform:none}}
@keyframes pt-stamp{0%{transform:scale(1.5) rotate(-6deg)}100%{transform:none}}
@keyframes pt-grow{from{transform:scaleY(.12)}to{transform:none}}
@keyframes pt-press{0%,100%{transform:none}45%{transform:translateY(.18em);box-shadow:0 .02em 0 #0006}}
@keyframes pt-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.is-in>.pt-frame .pt-scr{animation:pt-in .4s cubic-bezier(.2,1.35,.35,1) both}
.is-in [data-a]{animation:pt-pop .36s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(var(--d,0) * 85ms + 180ms)}
.is-in [data-a=drop]{animation-name:pt-drop;animation-duration:.42s}
.is-in [data-a=stamp]{animation-name:pt-stamp;animation-duration:.3s}
.is-in [data-a=grow]{transform-origin:bottom;animation-name:pt-grow;animation-duration:.5s;animation-timing-function:cubic-bezier(.2,1.2,.4,1)}
.is-in [data-a=press]{animation-name:pt-press;animation-duration:.32s;animation-timing-function:ease-out}
.is-in [data-a=type]{animation-name:pt-type;animation-duration:.7s;animation-timing-function:steps(18,end)}

/* ---------- the tour ---------- */
.pt-tour{margin-top:38px}
.pt-steps{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 10px;margin:0 -2px}
.pt-steps::-webkit-scrollbar{display:none}
.pt-step{flex:1 0 auto;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-radius:10px;border:1px solid #fff;border-bottom-color:#a9aeb0;background:linear-gradient(#fbfbf9,#dfe1df);box-shadow:0 3px 0 #a9aeb0,0 6px 10px #0000000d;font:600 14px/1 Instrument,Arial,sans-serif;color:#2b2f33;white-space:nowrap;transition:transform .14s,box-shadow .14s}
.pt-step b{font-weight:600;font-size:12px;color:#7a8186;font-variant-numeric:tabular-nums}
.pt-step:active{transform:translateY(2px);box-shadow:0 1px 0 #a9aeb0}
.pt-step[aria-selected=true]{transform:translateY(2px);background:linear-gradient(#f2f3f1,#fff);border-color:#c6cbcd;box-shadow:0 1px 0 #a9aeb0,inset 0 2px 4px #0000001a;color:#15181b}
.pt-step[aria-selected=true] b{color:var(--pt-tx)}
.pt-step:focus-visible{outline:3px solid var(--pt-ac);outline-offset:3px}
.pt-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:22px}
.pt-panelstep{display:contents}
.pt-panelstep[hidden]{display:none}
.pt-cap{grid-column:1;grid-row:1}
.pt-panelstep>.pt-frame{grid-column:2;grid-row:1}
.pt-cap .pt-num{font-size:13px;font-weight:600;color:var(--pt-tx);font-variant-numeric:tabular-nums}
.offer-main .pt-cap h3{font-size:clamp(26px,2.6vw,34px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 14px}
.offer-main .pt-cap p{font-size:16px}
.pt-cap ul{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid #c3c8c9}
.pt-cap li{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid #c3c8c9;font-size:14px;line-height:1.45;color:#2f3438}
.pt-cap li:before{content:"";flex:none;width:7px;height:7px;border-radius:2px;background:var(--pt-ac);transform:translateY(-1px)}
.is-in .pt-cap>*{animation:pt-pop .34s cubic-bezier(.2,1.4,.4,1) both}
.is-in .pt-cap>*:nth-child(2){animation-delay:40ms}.is-in .pt-cap>*:nth-child(3){animation-delay:80ms}.is-in .pt-cap>*:nth-child(4){animation-delay:120ms}
.pt-controls{display:flex;align-items:center;gap:14px;margin-top:22px}
.pt-controls output{font-size:13px;font-weight:600;color:#525c61;font-variant-numeric:tabular-nums;min-width:52px;text-align:center}
.pt-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;border:1px solid #fff;border-bottom-color:#a9aeb0;background:linear-gradient(#fbfbf9,#dfe1df);box-shadow:0 3px 0 #a9aeb0;font-size:18px;color:#24282d;transition:transform .14s,box-shadow .14s}
.pt-arrow:active{transform:translateY(2px);box-shadow:0 1px 0 #a9aeb0}
.pt-arrow:disabled{color:#a4aaad;cursor:default}
.pt-arrow:focus-visible{outline:3px solid var(--pt-ac);outline-offset:3px}
.pt-demo{margin-top:26px;font-size:13px;color:#525c61}

/* ---------- page sections ---------- */
.pt-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:center}
.pt-hero .pt-frame{transform:rotate(.6deg)}
.pt-tour-section{background:#dfe2dc}
.pt-can{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 28px;margin-top:38px}
.pt-can article{border-top:1px solid #b9bfc1;padding-top:18px}
.offer-main .pt-can h3{font-size:21px;margin:0 0 10px}
.offer-main .pt-can p{font-size:14px}
.pt-can .pt-glyph{display:grid;place-items:center;width:40px;height:40px;margin-bottom:16px;border-radius:9px;border:1px solid #fff;border-bottom-color:#a9aeb0;background:linear-gradient(#fbfbf9,#dfe1df);box-shadow:0 3px 0 #a9aeb0;color:var(--pt-tx)}
.pt-can .pt-glyph svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pt-run{background:#1d1f23;color:#eef0f0}
.offer-main .pt-run h2,.offer-main .pt-run h3{color:#f4f5f5}
.offer-main .pt-run p,.offer-main .pt-run .eyebrow{color:#b4bcc0}
.pt-run .method-grid article>span{color:color-mix(in srgb,var(--pt-ac) 45%,#fff)}
:root[data-neon=black] .pt-run .method-grid article>span{color:#c9a6ff}

@media(max-width:1000px){
  .pt-stage{grid-template-columns:1fr;gap:22px}
  .pt-cap{grid-row:2}
  .pt-panelstep>.pt-frame{grid-column:1;grid-row:1}
  .pt-hero{grid-template-columns:1fr}
  .pt-hero .pt-frame{transform:none;margin-top:10px}
  .pt-can{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .pt-step{min-height:44px;padding:0 13px;font-size:13px}
  .pt-frame{padding:4px;border-radius:13px}
  .pt-scr{border-radius:9px}
  .pt-can{gap:24px 20px}
}
@media(max-width:420px){.pt-can{grid-template-columns:1fr}}

/* ---------- v2/v3: photos in the demo, the phone, the route diagram, the two editions (v3 2026-10-27: the drawn monitor replaces the desk photo) ---------- */
.pt-scr{font-family:inherit}
.pt-page .pp-img{background:#9fb5ab center/cover no-repeat}
.pt-page .pp-img.room{background-image:url(/assets/platform/clinic-room-v1.webp)}
.pt-page .pp-img.desk{background-image:url(/assets/platform/clinic-reception-v1.webp)}
.pt-photo{border-radius:.5em;background:#9fb5ab center/cover no-repeat}
.pt-photo.room{background-image:url(/assets/platform/clinic-room-v1.webp)}
.pt-photo.desk{background-image:url(/assets/platform/clinic-reception-v1.webp)}

/* the client's phone, on a small stand beside the monitor */
.pt-phone{position:absolute;left:84.2%;top:47.5%;width:8.6%;aspect-ratio:9/19;container-type:inline-size;font-size:.9cqw;border-radius:1.5em;padding:.4em;background:linear-gradient(150deg,#3a3b3f,#121315);box-shadow:0 0 0 1px #000a,inset 0 0 0 1px #ffffff26,-14px 26px 28px -16px #000c;transform:translateY(16%) rotate(-3deg);transform-origin:50% 100%;visibility:hidden;transition:transform .36s cubic-bezier(.2,1.4,.35,1),visibility 0s .36s}
.pt-phone.on{visibility:visible;transform:rotate(-3deg);transition:transform .36s cubic-bezier(.2,1.4,.35,1)}
.pt-phone:after{content:"";position:absolute;left:22%;right:22%;bottom:-6%;height:6%;border-radius:0 0 .5em .5em;background:linear-gradient(#b9bcc0,#7b7f84);box-shadow:0 10px 12px -6px #000b}
.pt-phone .ph{position:relative;height:100%;overflow:hidden;border-radius:10cqw;background:#f4f4f2;font-size:6.4cqw;line-height:1.2;color:#17181b;padding:14cqw 6cqw 6cqw}
.pt-phone .ph:before{content:"";position:absolute;top:4cqw;left:50%;width:28cqw;height:6cqw;margin-left:-14cqw;border-radius:6cqw;background:#121315}
.pt-phone .ph-v{display:none}.pt-phone .ph-v.on{display:block}
.pt-phone .ph b{display:block;font-size:1em;letter-spacing:-.02em}
.pt-phone .ph small{display:block;font-size:.72em;color:#6b6f73;margin-top:.2em}
.pt-phone .ph .pt-photo{height:44cqw;margin-top:5cqw;position:relative}
.pt-phone .ph .pin{position:absolute;display:grid;place-items:center;width:14cqw;height:14cqw;border-radius:50% 50% 50% 2cqw;background:var(--pt-ac);color:#fff;font-size:8cqw;font-weight:700}
.pt-phone .ph .row{display:flex;gap:3cqw;margin-top:5cqw}
.pt-phone .ph .k{flex:1;text-align:center;font-size:.72em;font-weight:700;padding:4cqw 0;border-radius:3cqw;background:#e7e7e3;box-shadow:0 1.4cqw 0 #b9b9b3}
.pt-phone .ph .k.ok{background:linear-gradient(165deg,#3fe08d,#17a85b 70%);box-shadow:0 1.4cqw 0 #0b6a37;color:#04210f}
.pt-phone .ph .k.go{background:linear-gradient(165deg,var(--pt-top),var(--pt-ac) 70%);box-shadow:0 1.4cqw 0 var(--pt-deep);color:#fff}
.pt-phone .ph .note{margin-top:4cqw;padding:3.5cqw;border-radius:3cqw;background:#fff;font-size:.72em;box-shadow:0 .6cqw 1.2cqw #0000001a}
.pt-desktour .pt-steps{margin-top:26px}
.pt-desktour .pt-controls{justify-content:flex-start}
.pt-dark .pt-controls output{color:#c9c9cf}
.pt-demo-note{margin-top:22px;font-size:13px;color:#a9a9b0}

/* ---------- the route diagram (the workflow) ---------- */
.pt-route{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 18px;margin-top:56px;padding-bottom:104px}
.pt-route:before,.pt-route .pt-lit{content:"";position:absolute;left:calc(100% / 12);right:calc(100% / 12);top:176px;height:3px;border-radius:3px;background:#c3c7c4}
.pt-route .pt-lit{background:linear-gradient(90deg,var(--pt-ac),color-mix(in srgb,var(--pt-ac) 70%,#fff));box-shadow:0 0 14px color-mix(in srgb,var(--pt-ac) 70%,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.3,.8,.3,1)}
.pt-route.is-in .pt-lit{transform:none}
.pt-route .pt-stn{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}
.pt-stn .art{display:grid;place-items:center;width:100%;max-width:170px;height:136px;border-radius:12px;border:1px solid #fff;border-bottom-color:#aeb3b2;background:linear-gradient(150deg,#fafaf7,#e4e6e2);box-shadow:0 3px 0 #aeb3b2,0 22px 30px -24px #2a2f3266;transition:transform .16s,box-shadow .16s}
.pt-stn .art svg{width:76%;height:auto;overflow:visible}
.pt-stn:hover .art,.pt-stn:focus-visible .art{transform:translateY(-2px)}
.pt-stn:active .art{transform:translateY(2px);box-shadow:0 1px 0 #aeb3b2}
.pt-stn:focus-visible{outline:none}.pt-stn:focus-visible .art{outline:3px solid var(--pt-ac);outline-offset:4px}
.pt-stn .dot{display:block;flex:none;position:relative;z-index:1;width:22px;height:22px;margin:29px 0 18px;border-radius:50%;background:#e9e9e9;border:3px solid #c3c7c4;transition:border-color .2s,background .2s,box-shadow .2s;transition-delay:calc(var(--i) * 170ms + 150ms)}
.pt-route.is-in .pt-stn .dot{border-color:var(--pt-ac);background:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--pt-ac) 18%,transparent),0 0 16px color-mix(in srgb,var(--pt-ac) 60%,transparent)}
.pt-stn .n{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;color:color-mix(in srgb,var(--pt-tx) 82%,#000)}
.pt-stn strong{display:block;margin-top:6px;font-size:20px;font-weight:600;letter-spacing:-.03em;color:#202226}
.pt-stn em{display:block;margin-top:8px;max-width:19ch;font-style:normal;font-size:14px;line-height:1.5;color:#596066}
.pt-stn .go{display:block;margin-top:12px;font-size:12px;font-weight:600;color:#2b2f33;text-decoration:underline;text-underline-offset:4px;min-height:24px}
.pt-route.is-in .pt-stn .art{animation:pt-pop .42s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(var(--i) * 170ms)}
.pt-loop{position:absolute;left:calc(100% / 12 * 3 - 40px);width:calc(100% / 6 + 80px);bottom:30px;height:60px;pointer-events:none;overflow:visible}
.pt-loop path{fill:none;stroke:var(--pt-ac);stroke-width:2.2;stroke-dasharray:6 7;stroke-linecap:round}
.pt-loop .head{fill:var(--pt-ac);stroke:none}
.pt-route .pt-looplabel{position:absolute;left:calc(100% / 12 * 3 - 40px);width:calc(100% / 6 + 80px);bottom:0;text-align:center;font-size:13px;font-weight:600;color:var(--pt-tx)}
/* illustration ink */
.ill .ink{fill:none;stroke:#2b2e33;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ill .paper{fill:#fff;stroke:#2b2e33;stroke-width:2;stroke-linejoin:round}
.ill .grey{fill:#e3e2dc}
.ill .sage{fill:#9fb5ab}
.ill .ac{fill:var(--pt-ac)}
.ill .acs{fill:none;stroke:var(--pt-ac);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ill .ok{fill:#17a85b}
.ill .foil{fill:url(#pt-foil)}
.ill .wt{fill:#fff;font:700 11px Manrope,Arial,sans-serif}

@media(max-width:1100px){
  .pt-route{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 18px;padding-bottom:0}
  .pt-route:before,.pt-route .pt-lit,.pt-loop,.pt-route .pt-looplabel{display:none}
}

/* ---------- desktop edition chapters (homepage system) ---------- */
.pt-d main{padding-top:0}
.pt-d .pt-chapter{position:relative}
.pt-d .pt-first{padding-top:150px}
.pt-d .pt-first h1{font-size:clamp(52px,5.6vw,92px);line-height:1.02;letter-spacing:-.05em;font-weight:500;margin:0}
.pt-d .pt-first h1 span{color:var(--pt-tx)}
.pt-d .pt-first .pt-lead{max-width:44ch;font-size:19px;line-height:1.6;color:#4d5257;margin:0 0 26px}
.pt-d .pt-keys{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.pt-dark{background:#232325;color:#eeefeb}
.pt-dark:before{content:"";position:absolute;left:0;right:0;top:0;height:190px;pointer-events:none;background:linear-gradient(color-mix(in srgb,var(--pt-ac) 11%,transparent) 0,color-mix(in srgb,var(--pt-ac) 4%,transparent) 55px,transparent)}
.pt-dark>*{position:relative}
.pt-dark>.rail{position:absolute}
.pt-d .pt-dark h2{color:#eeefeb}
/* legibility-v1.css sets .section-heading p with !important (for light grounds); this chapter is dark */
.pt-d .pt-dark .section-heading p{color:#b9b9c0!important}
.pt-d .pt-dark .rail,.pt-d .pt-dark .rail b{color:#b9b9c0}
.pt-ground-a{background:#dfe2dc;border-top:1px solid #a8b0aa}
.pt-ground-b{background:#eeeee7;border-top:1px solid #c7ccc6}
.pt-d .pt-can{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 34px;margin-top:48px}
.pt-d .pt-can article{border-top:1px solid #b9bfc1;padding-top:22px}
.pt-d .pt-can h3{font-size:21px;font-weight:600;letter-spacing:-.03em;margin:0 0 10px}
.pt-d .pt-can p{font-size:15px;line-height:1.6;color:#565c61;margin:0}
.pt-glyph{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:9px;border:1px solid #fff;border-bottom-color:#a9aeb0;background:linear-gradient(#fbfbf9,#dfe1df);box-shadow:0 3px 0 #a9aeb0;color:var(--pt-tx)}
.pt-glyph svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pt-d .pt-runlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;margin-top:48px;counter-reset:r}
.pt-d .pt-runlist article{border-top:1px solid #a8b0aa;padding-top:22px}
.pt-d .pt-runlist span{font-size:13px;font-weight:600;color:color-mix(in srgb,var(--pt-tx) 82%,#000)}
.pt-d .pt-runlist h3{font-size:22px;font-weight:600;letter-spacing:-.03em;margin:16px 0 12px}
.pt-d .pt-runlist p{font-size:15px;line-height:1.6;color:#565c61;margin:0}
.pt-d .pt-finish .section-heading{align-items:flex-end}
@media(max-width:1000px){.pt-d .pt-can,.pt-d .pt-runlist{grid-template-columns:1fr 1fr}}

/* ---------- mobile edition (/touch/platform/) ---------- */
.pt-m .pt-phone{display:none}
.pt-m .pt-route{grid-template-columns:1fr;gap:0;margin-top:34px;padding:0}
.pt-m .pt-route:before,.pt-m .pt-route .pt-lit{display:block;left:27px;right:auto;top:30px;bottom:30px;width:3px;height:auto}
.pt-m .pt-route .pt-lit{transform:scaleY(0);transform-origin:top}
.pt-m .pt-route.is-in .pt-lit{transform:none}
.pt-m .pt-stn{display:grid;grid-template-columns:56px 96px minmax(0,1fr);align-items:center;text-align:left;gap:0 14px;padding:12px 0}
.pt-m .pt-stn .dot{grid-column:1;grid-row:1/4;margin:0 0 0 16px}
.pt-m .pt-stn .art{grid-column:2;grid-row:1/4;height:86px;max-width:none}
.pt-m .pt-stn .n{grid-column:3}
.pt-m .pt-stn strong{grid-column:3;margin-top:2px;font-size:18px}
.pt-m .pt-stn em{grid-column:3;max-width:none;margin-top:4px;font-size:14px}
.pt-m .pt-stn .go{display:none}
.pt-m .pt-mloop{margin:4px 0 4px 84px;font-size:13px;font-weight:600;color:var(--pt-tx)}
.pt-m .pt-mcap{margin-top:22px}
.pt-m .pt-mcap .pt-capstep{display:none}
.pt-m .pt-mcap .pt-capstep.on{display:block}
.pt-m .pt-mcap .pt-num{font-size:13px;font-weight:600;color:var(--pt-tx)}
.pt-m .pt-mcap h3{font-size:26px;line-height:1.1;letter-spacing:-.045em;margin:12px 0}
.pt-m .pt-mcap p{font-size:16px;line-height:1.6}
.pt-m .pt-mcap ul{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid #c3c8c9}
.pt-m .pt-mcap li{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid #c3c8c9;font-size:14px;line-height:1.45;color:#2f3438}
.pt-m .pt-mcap li:before{content:"";flex:none;width:7px;height:7px;border-radius:2px;background:var(--pt-ac)}

@media(prefers-reduced-motion:reduce){
  .pt-route *,.pt-route .pt-lit,.pt-desk *,.pt-desktour *{animation:none!important;transition:none!important}
}

/* ---------- v3 (2026-10-27): the drawn monitor (James: "better on a illustrated monitor", "where is the section displayed on the monitor?")
   The screen is part of the drawing, so it fits at every width. The address bar names where in the portal the view lives. ---------- */
.pt-rig{container-type:inline-size;position:relative;padding-bottom:1.2cqw}
.pt-imon{position:relative;width:82%}
.pt-rig.solo .pt-imon{width:100%}
.pt-bezel{position:relative;padding:1.5cqw;border-radius:2.1cqw;background:linear-gradient(160deg,#3b3d42,#1b1c1f 45%,#121315);box-shadow:0 0 0 1px #000,inset 0 1px 0 #ffffff2e,inset 0 -1px 0 #ffffff12,0 3.4cqw 5cqw -2.4cqw #000d}
.pt-rig.solo .pt-bezel{padding:1.8cqw;border-radius:2.6cqw}
.pt-bezel:after{content:"";position:absolute;left:50%;top:.55cqw;width:.6cqw;height:.6cqw;margin-left:-.3cqw;border-radius:50%;background:#2c2e33;box-shadow:inset 0 0 0 1px #00000080}
.pt-addr{display:flex;align-items:center;gap:.55cqw;height:3.1cqw;margin-bottom:1cqw;padding:0 .9cqw;border-radius:.8cqw;background:#242529;color:#c9cad0;font:500 1.2cqw/1 Manrope,Instrument,Arial,sans-serif;white-space:nowrap;overflow:hidden}
.pt-rig.solo .pt-addr{height:3.8cqw;font-size:1.55cqw}
.pt-addr>i{flex:none;width:.75cqw;height:.75cqw;border-radius:50%;background:#4d4f55}
.pt-addr>i:first-child{background:var(--pt-ac);box-shadow:0 0 .8cqw var(--pt-ac)}
.pt-addr .url{display:flex;align-items:center;gap:.5em;min-width:0;flex:1;margin-left:.7cqw;padding:.45em .9em;border-radius:.5em;background:#18191c}
.pt-addr .url b{font-weight:600;color:#f1f1f3}
.pt-addr .lock{width:.9em;height:.9em;flex:none;fill:none;stroke:#8d9097;stroke-width:2}
.pt-addr .crumb{display:none;color:#a7a9b0}
.pt-addr .crumb.on{display:inline}
.pt-addr .crumb em{font-style:normal;color:color-mix(in srgb,var(--pt-ac) 55%,#fff)}
.pt-glass{position:relative;aspect-ratio:640/375;overflow:hidden;border-radius:.7cqw;background:#e9e9e9;container-type:inline-size}
.pt-glass .pt-scr{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;font-size:2.5cqw;visibility:hidden}
.pt-glass .pt-scr.on{visibility:visible}
.pt-glass .pt-scr:before{display:none}
.pt-glass:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff26 0%,#ffffff0a 30%,transparent 31%)}
.pt-neck{width:13%;height:7.5cqw;margin:-.3cqw auto 0;background:linear-gradient(90deg,#8e9297,#e9eaec 42%,#c6c9cc 60%,#8e9297);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}
.pt-foot{width:34%;height:1.5cqw;margin:0 auto;border-radius:.9cqw .9cqw .5cqw .5cqw;background:linear-gradient(#f1f2f3,#a7abb0);box-shadow:0 1.4cqw 1.6cqw -1cqw #000b}
.pt-floor{position:absolute;left:4%;right:4%;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--pt-ac) 75%,transparent) 30%,color-mix(in srgb,var(--pt-ac) 75%,transparent) 70%,transparent);box-shadow:0 0 1.4cqw color-mix(in srgb,var(--pt-ac) 60%,transparent)}
.pt-rig .pt-phone{left:auto;right:.5%;top:auto;bottom:2.4cqw;width:14.5%;font-size:1.5cqw}
/* the tour: caption beside the drawing */
.pt-stage3{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,2fr);gap:clamp(32px,4.5vw,72px);align-items:center;margin-top:10px}
.pt-cap3 .pt-capstep{display:none}
.pt-cap3 .pt-capstep.on{display:block}
.pt-cap3 .pt-num{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--pt-ac) 50%,#fff)}
.pt-cap3 h3{font-size:clamp(26px,2.4vw,38px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:14px 0 14px;color:#fff}
.pt-cap3 p{font-size:16px;line-height:1.6;color:#cfd0d4;margin:0}
.pt-cap3 ul{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid #ffffff26}
.pt-cap3 li{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid #ffffff26;font-size:14px;line-height:1.45;color:#e7e7ea}
.pt-cap3 li:before{content:"";flex:none;width:7px;height:7px;border-radius:2px;background:var(--pt-ac);box-shadow:0 0 10px var(--pt-ac)}
.pt-where{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:9px 12px;border-radius:8px;border:1px solid #ffffff1f;background:#ffffff0d;font-size:13px;line-height:1.35;color:#c9cad0;width:max-content;max-width:100%}
.pt-where svg{width:18px;height:18px;flex:none;fill:none;stroke:color-mix(in srgb,var(--pt-ac) 55%,#fff);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pt-where b{font-weight:600;color:#fff}
.pt-cap3 .pt-where{margin:0 0 20px}
.pt-cap3 .pt-where+.pt-num{display:block}
.pt-addr .host{min-width:0;overflow:hidden;text-overflow:ellipsis}
.is-in .pt-capstep.on>*{animation:pt-pop .34s cubic-bezier(.2,1.4,.4,1) both}
.is-in .pt-capstep.on>*:nth-child(2){animation-delay:40ms}.is-in .pt-capstep.on>*:nth-child(3){animation-delay:80ms}.is-in .pt-capstep.on>*:nth-child(4){animation-delay:120ms}
@media(max-width:1100px){.pt-stage3{grid-template-columns:1fr}.pt-cap3{order:2}}
/* light grounds (the mobile edition, /touch/ chapter): the caption and the "On screen" line in ink */
.pt-m .pt-where{width:auto;border-color:#c3c8c9;background:#ffffff80;color:#4d5257}
.pt-where>span{min-width:0;overflow-wrap:anywhere}
.pt-m .pt-where b{color:#1f2226}
.pt-m .pt-where svg{stroke:var(--pt-tx)}
.pt-m .pt-rig{margin-top:26px}
@media(prefers-reduced-motion:reduce){.pt-rig *,.pt-cap3 *{animation:none!important;transition:none!important}}

:root[data-neon=gold] .pt-ico.ac,:root[data-neon=gold] .pt-tick,:root[data-neon=gold] .cx-msg.me{color:#1c1400}

/* ---------- the site journey (2026-10-27): the campaign track's screens, the two-track switch, one nav, the hand-off,
   and the commercial pages on the homepage design (James: "very disjointed workflow through the site") ---------- */
.ill .no{fill:#d93434}

/* campaign screens, drawn with the kit (em of the screen) */
.pt-key.no{background:linear-gradient(165deg,#ff7a7a,#d93434 70%);border-color:#ff9c9c;box-shadow:0 .2em 0 #8f1d1d;color:#fff}
.cx-ad{position:relative;overflow:hidden;border-radius:.4em;background:#9fb5ab;box-shadow:0 .08em .2em #0000001f}
.cx-ad .pt-photo{position:absolute;inset:0;height:auto;margin:0;border-radius:0}
.cx-ad:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0b1714cc)}
.cx-ad strong{position:absolute;z-index:1;left:.55em;right:.45em;bottom:2.1em;font-size:.5em;line-height:1.1;font-weight:700;letter-spacing:-.02em;color:#fff}
.cx-ad span{position:absolute;z-index:1;left:.4em;right:.4em;bottom:.4em;padding:.4em 0;border-radius:.3em;background:#fff;font-size:.4em;font-weight:700;text-align:center;color:#17181b}
.cx-board{display:grid;grid-template-columns:1fr 1fr .78fr 1fr 1fr 1fr;gap:.55em;align-items:end}
.cx-lp{aspect-ratio:3/4;display:flex;flex-direction:column;gap:.28em;padding:.3em;border-radius:.4em;background:#fff;border:1px solid var(--line)}
.cx-lp .pt-photo{height:42%;flex:none;margin:0;border-radius:.25em}
.cx-lp i{display:block;height:.28em;border-radius:.2em;background:#e3e3e0}
.cx-lp i:nth-of-type(1){width:84%}.cx-lp i:nth-of-type(2){width:62%}.cx-lp i:nth-of-type(3){width:72%}
.cx-lp span{margin-top:auto;padding:.45em 0;border-radius:.3em;background:var(--pt-ac);font-size:.4em;font-weight:700;text-align:center;color:#fff}
.cx-chat{display:grid;gap:.38em;align-content:start}
.cx-msg{max-width:84%;padding:.45em .6em;border-radius:.75em .75em .75em .2em;background:#f1f1ee;font-size:.58em}
.cx-msg.me{justify-self:end;border-radius:.75em .75em .2em .75em;background:var(--pt-ac);color:#fff}
.cx-file{display:inline-block;margin-top:.4em;padding:.25em .5em;border-radius:.3em;background:#ffffff38;font-size:.85em;font-weight:600}
.cx-input{display:flex;align-items:center;gap:.5em;margin-top:.15em;padding:.3em .3em .3em .7em;border:1px solid var(--line);border-radius:.5em;background:#fff;font-size:.58em;color:var(--ink)}
.cx-input .pt-key{margin-left:auto;font-size:1em}
.cx-feed{width:9.6em;margin:0 auto;padding:.45em;border-radius:.6em;border:1px solid var(--line);background:#fff}
.cx-av{flex:none;width:1.5em;height:1.5em;border-radius:50%;background:#9fb5ab url(/assets/platform/clinic-room-v1.webp) center/cover}
.cx-feed .cx-ad strong{font-size:.62em}.cx-feed .cx-ad span{font-size:.5em}
.cx-dots{display:flex;gap:.3em}
.cx-dots i{flex:1;height:.32em;border-radius:.2em;background:#e3e3e0}
.cx-dots i.ok{background:#17a85b}.cx-dots i.cur{background:var(--pt-ac);box-shadow:0 0 .5em var(--pt-ac)}
.cx-keys{display:flex;flex-wrap:wrap;gap:.4em}
.cx-was,.cx-now{padding:.5em .7em;border-radius:.6em;border:1px solid}
.cx-was{background:#fff3f1;border-color:#f1c6bf}
.cx-now{background:#eef8f2;border-color:#bfe3cc}
.cx-was p,.cx-now p{margin-top:.3em!important;font-size:.72em!important;font-weight:600}
.cx-was p{text-decoration:line-through;text-decoration-color:#d93434;color:#7a3a33}
.cx-shield{display:grid;place-items:center;flex:none;width:1.9em;height:2.15em;clip-path:polygon(50% 0,100% 16%,100% 56%,50% 100%,0 56%,0 16%);background:#4f5056;color:#fff;font-size:.7em;font-weight:700}
.cx-link{padding:.5em .65em;border-radius:.45em;border:1px dashed #c9c9c2;background:#f4f4f1;font-size:.55em;color:var(--mut);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cx-link b{color:var(--ink);letter-spacing:.1em}
.cx-chart{display:block;width:100%;height:auto;aspect-ratio:250/100;margin-top:.5em;overflow:visible}
.cx-val{margin-left:auto;color:var(--mut);white-space:nowrap}
.cx-chart .g{fill:none;stroke:#e3e3e0;stroke-width:1;vector-effect:non-scaling-stroke}
.cx-chart .l{fill:none;stroke:var(--pt-ac);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.pt-scr.on .cx-chart .l{animation:cx-draw 1.1s .45s cubic-bezier(.3,.8,.3,1) both}
@keyframes cx-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

/* the switch between a website project and a campaign (the dark tour chapter) */
.pt-trackpane[hidden]{display:none}
.pt-tracks{display:inline-grid;grid-auto-flow:column;gap:10px;margin:6px 0 30px}
.pt-track{display:grid;gap:5px;min-width:230px;padding:15px 20px 16px;text-align:left;border-radius:10px;border:1px solid #ffffff2e;border-bottom-color:#0008;background:linear-gradient(#3b3c41,#26272b);box-shadow:0 3px 0 #0b0b0c,0 14px 24px -18px #000;font:inherit;color:#ececef;cursor:pointer;transition:transform .14s,box-shadow .14s,background .14s}
.pt-track b{font-size:18px;font-weight:600;letter-spacing:-.025em}
.pt-track span{font-size:13px;color:#a9aab1}
.pt-track:hover{transform:translateY(-1px)}
.pt-track:active{transform:translateY(2px);box-shadow:0 1px 0 #0b0b0c}
.pt-track[aria-pressed=true]{transform:translateY(2px);background:linear-gradient(#f2f3f1,#fff);border-color:#fff;color:#15181b;box-shadow:0 1px 0 #0b0b0c,0 0 0 2px var(--pt-ac),0 0 26px -6px var(--pt-ac)}
.pt-track[aria-pressed=true] span{color:#5b6066}
.pt-track:focus-visible{outline:3px solid var(--pt-ac);outline-offset:3px}
.jn-anchor{position:absolute;top:0}
/* phones and light grounds */
.pt-m .pt-tracks{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;width:100%;margin:22px 0 4px}
.pt-m .pt-track{min-width:0;padding:12px 14px 13px;border-color:#fff;border-bottom-color:#a9aeb0;background:linear-gradient(#fbfbf9,#dfe1df);box-shadow:0 3px 0 #a9aeb0;color:#2b2f33}
.pt-m .pt-track b{font-size:16px}
.pt-m .pt-track span{font-size:12px;color:#5b6066}
.pt-m .pt-track[aria-pressed=true]{background:linear-gradient(#f2f3f1,#fff);border-color:#c6cbcd;box-shadow:0 1px 0 #a9aeb0,inset 0 2px 4px #0000001a,0 0 0 2px var(--pt-ac)}

/* ---------- one nav: the desktop header marks the page; the phone row (.jn-bar) on every touch page ---------- */
header.nav nav a[aria-current=page]{color:var(--pt-tx,#b50961);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px;text-decoration-color:var(--pt-ac)}
.jn-bar{background:#eeede8;border-bottom:1px solid #d2d0c9;padding:0 6vw 10px;position:relative;z-index:11}
@media(max-width:500px){.jn-bar{padding:0 12px 8px}}
.jn-bar .offer-nav{display:flex;flex-wrap:nowrap;gap:3px;width:max-content;max-width:100%;margin:0;padding:3px;border:1px solid #cccac3;border-radius:9px;background:#d9d8d1;overflow-x:auto;scrollbar-width:none}
.jn-bar .offer-nav::-webkit-scrollbar{display:none}
.jn-bar .offer-nav a{display:flex;align-items:center;min-height:36px;padding:0 11px;border-radius:6px;font:600 12px/1 Manrope,Arial,sans-serif;color:#24272a;text-decoration:none;white-space:nowrap}
.jn-bar .offer-nav a[aria-current]{background:linear-gradient(#fff,#ededE6);box-shadow:0 2px 3px rgba(0,0,0,.13);color:#15181b}
.jn-bar .offer-nav a:not([aria-current]):hover{background:rgba(255,255,255,.45)}
.jn-bar .offer-nav a:focus-visible{outline:2px solid var(--pt-ac);outline-offset:2px}
@media(max-width:374px){.jn-bar .offer-nav a{padding:0 8px;font-size:11.5px}}

/* ---------- the hand-off before the footer: where this page sits, and the next stop ---------- */
.jn{position:relative;background:#eeeee7;border-top:1px solid #c7ccc6;padding-top:64px;padding-bottom:72px}
.jn-in{display:grid;grid-template-columns:auto minmax(340px,1fr);gap:56px;align-items:end}
@media(min-width:1201px){.jn:not(.jn-m) .jn-path{flex-wrap:nowrap}}
@media(max-width:1200px){.jn-in{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}}
.jn-lab{margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5b6066}
.jn-path{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.jn-path a,.jn-path button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border-radius:9px;border:1px solid #fff;border-bottom-color:#a9aeb0;background:linear-gradient(#fbfbf9,#e2e4e1);box-shadow:0 2px 0 #a9aeb0;font:600 14px/1 inherit;font-family:inherit;color:#2b2f33;text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .12s}
.jn-path b{font-size:11px;font-weight:600;color:#7a8186;font-variant-numeric:tabular-nums}
.jn-path a:active,.jn-path button:active{transform:translateY(2px);box-shadow:0 0 0 #a9aeb0}
.jn-path [aria-current] a{transform:translateY(2px);background:linear-gradient(#f2f3f1,#fff);border-color:#c6cbcd;box-shadow:0 0 0 #a9aeb0,inset 0 2px 4px #0000001a,0 0 0 2px var(--pt-ac);color:#15181b}
.jn-path [aria-current] b{color:var(--pt-tx)}
.jn-path a:focus-visible,.jn-path button:focus-visible,.jn-next:focus-visible{outline:3px solid var(--pt-ac);outline-offset:3px}
.jn-next{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 26px;align-items:center;width:100%;padding:28px 30px 30px;border-radius:14px;border:1px solid #fff;border-bottom-color:#a9aeb0;background:linear-gradient(150deg,#fafaf7,#e4e6e2);box-shadow:0 4px 0 #a9aeb0,0 30px 44px -34px #2a2f3299;font:inherit;text-align:left;color:#1d2024;text-decoration:none;cursor:pointer;transition:transform .14s,box-shadow .14s}
.jn-next:hover{transform:translateY(-2px);box-shadow:0 6px 0 #a9aeb0,0 34px 48px -34px #2a2f3299}
.jn-next:active{transform:translateY(3px);box-shadow:0 1px 0 #a9aeb0}
.jn-k{grid-column:1;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pt-tx)}
.jn-next strong{grid-column:1;font-size:clamp(32px,3.2vw,50px);font-weight:500;line-height:1.04;letter-spacing:-.05em}
.jn-next em{grid-column:1;font-style:normal;font-size:16px;line-height:1.5;color:#565c61}
.jn-go{grid-column:2;grid-row:1/4;display:grid;place-items:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(165deg,var(--pt-top),var(--pt-ac) 70%);box-shadow:0 4px 0 var(--pt-deep),0 0 26px -6px var(--pt-ac);color:#fff}
:root[data-neon=gold] .jn-go{color:#1c1400}
.jn-go svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.jn-next:hover .jn-go svg{transform:translateX(3px);transition:transform .14s}
@media(max-width:1000px){.jn-in{grid-template-columns:1fr;gap:30px}}
/* phones */
.jn-m{padding:40px 22px 44px}
.jn-m .jn-in{grid-template-columns:1fr;gap:24px}
.jn-m .jn-path{gap:8px}
.jn-m .jn-path a,.jn-m .jn-path button{padding:0 12px;font-size:13px}
.jn-m .jn-next{padding:20px 20px 22px;gap:4px 16px}
.jn-m .jn-next strong{font-size:30px}
.jn-m .jn-next em{font-size:14px}
.jn-m .jn-go{width:52px;height:52px}

/* ---------- desktop editions of Campaigns and Pricing on the homepage design (commercial-v1.css draws the parts) ---------- */
.jd-campaigns .pt-first,.jd-pricing .pt-first{padding-bottom:96px}
.pt-d .pt-first .experience-proof{margin-top:34px}
.pt-d .jd-pf{margin-top:64px}
.pt-d .jd-block{margin-top:44px}
.pt-d .jd-quiet,.pt-d .jd-block .quiet{font-size:14px;line-height:1.6;color:#62686d}
.pt-d .jd-case-ch .jd-block,.pt-d .jd-lab-ch .jd-block,.pt-d .jd-cmp-ch .jd-block{margin-top:0}
.pt-d .price-note{margin-top:34px;max-width:52ch}
.pt-d .pt-route[data-track=campaign]{margin-top:48px}
.pt-d .fee-bar i,.pt-d .compare-row i{background:var(--pt-ac)}
.pt-d .fee-bar:first-child i{background:#4f5056}
.pt-d .compare-row:nth-of-type(2) i{background:#6b6f73}
.pt-d .fee-options input{accent-color:var(--pt-ac)}
.pt-d .jd-lab,.pt-d .jd-cmp,.pt-d .jd-case{margin-top:44px;padding:0;background:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.pt-d .jd-lab .field-label{margin-top:0}
.pt-d .pricing-lab select,.pt-d .quote-inputs input{border-color:#a9aeb0;background:#fbfbf9;color:#1d2024}
.pt-d .fee-options label{border-top-color:#c3c7c4}
.pt-d .fee-display{background:linear-gradient(150deg,#fafaf7,#e4e6e2);border-bottom:5px solid #a9aeb0;box-shadow:0 3px 0 #8f9496,0 30px 35px -30px #2a2f3299}
.pt-d .comparison-plot{background:linear-gradient(150deg,#fafaf7,#e4e6e2);box-shadow:0 4px 0 #a9aeb0}
.pt-d .jd-cmp .jd-quiet{margin:0;max-width:46ch}
.pt-d .jd-case .checkout-steps{margin:0}
.pt-d .jd-case .quiet{max-width:46ch}
.pt-d .jd-eyebrow{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#b9b9c0}
.pt-d .jd-case .case-note{margin-top:8px}
.pt-d .feature-menu{margin-top:44px;border-top:0}
.pt-d .feature-menu summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:0 24px;border-radius:12px;border:1px solid #fff;border-bottom-color:#a9aeb0;background:linear-gradient(#fbfbf9,#e2e4e1);box-shadow:0 3px 0 #a9aeb0;font-size:18px;font-weight:600;letter-spacing:-.02em;cursor:pointer;list-style:none;transition:transform .12s,box-shadow .12s}
.pt-d .feature-menu summary::-webkit-details-marker{display:none}
.pt-d .feature-menu summary:active{transform:translateY(2px);box-shadow:0 1px 0 #a9aeb0}
.pt-d .feature-menu summary b{font-size:22px;font-weight:500;color:var(--pt-tx);transition:transform .2s}
.pt-d .feature-menu[open] summary b{transform:rotate(45deg)}
.pt-d .feature-menu .table-wrap{margin-top:18px;columns:2;column-gap:56px}
.pt-d .feature-menu summary:focus-visible{outline:3px solid var(--pt-ac);outline-offset:3px}
@media(max-width:1000px){.pt-d .jd-lab,.pt-d .jd-cmp,.pt-d .jd-case{grid-template-columns:1fr;gap:36px}}