/* The platform page follows a compact overview → workflow → capabilities story. */
.platform-page{--p-line:#233e571e;--p-blue:#2d5583;--p-muted:#626c76;color:#142334;font:400 15px/1.65 Inter,sans-serif;overflow:hidden}
.platform-page *{box-sizing:border-box}.platform-page .wrap{width:min(1120px,calc(100% - 80px))}.platform-page h1,.platform-page h2,.platform-page h3,.platform-page p,.platform-page figure{margin:0}.platform-page h1,.platform-page h2{font-family:Fraunces,serif;font-weight:400;letter-spacing:-.035em}.platform-page h1{font-size:clamp(40px,4.2vw,56px);line-height:1.08}.platform-page h2{font-size:clamp(32px,3.2vw,42px);line-height:1.13}.platform-page h3{font-family:Inter,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.025em;line-height:1.3}.platform-page p{color:var(--p-muted)}.platform-page .section-label,.platform-page .p-eyebrow{color:var(--p-blue);font-size:11px;line-height:1.5;letter-spacing:.05em;font-weight:500;display:block}.platform-page .section-label{margin-bottom:18px}.platform-page .p-eyebrow{margin-bottom:10px}.platform-page .button{background:#305cba;color:white;border:0;border-radius:7px;font:500 13px/1.4 Inter,sans-serif;min-height:44px;padding:13px 22px;box-shadow:0 4px 15px #24416a0b;display:inline-flex;justify-content:center;align-items:center}.platform-page .button:hover{background:#244a98}.platform-page .p-secondary{display:inline-flex;align-items:center;min-height:44px;color:var(--p-blue);font-size:13px;border-bottom:1px solid var(--p-line);text-decoration:none}.platform-page .p-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:28px}.platform-page a:focus-visible,.platform-page button:focus-visible,.platform-page summary:focus-visible{outline:2px solid #305cba;outline-offset:4px}.platform-page .p-section{padding-block:68px}.platform-page .p-heading{max-width:650px;margin-bottom:34px}.platform-page .p-heading>p:last-child{margin-top:20px;max-width:590px}.platform-page .p-hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding-block:70px 50px;min-height:480px}.platform-page .p-deck{max-width:465px;margin-top:24px}.p-hero-art{height:350px;position:relative;isolation:isolate}.p-orbit{position:absolute;inset:22px 30px;border:1px dashed #597b9c60;border-radius:50%;transform:rotate(-12deg)}.p-tree{position:absolute;width:160px;height:180px;object-fit:contain;top:25px;left:50%;transform:translateX(-50%)}.p-art-centre{position:absolute;top:180px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:36px auto;gap:0 10px;align-items:center;padding:15px 22px;background:#fffdf8;border:1px solid var(--p-line);border-radius:13px;box-shadow:0 15px 35px #233e570a;white-space:nowrap}.p-art-centre img{width:36px;grid-row:span 2}.p-art-centre strong{font:400 24px/1.2 Fraunces,serif}.p-art-centre span{font-size:10px;color:var(--p-muted)}.p-orbit-label{position:absolute;font-size:12px;background:#fdfbf5;border:1px solid var(--p-line);border-radius:8px;padding:9px 14px}.p-orbit-brand{top:60px;left:0}.p-orbit-creative{top:80px;right:0}.p-orbit-data{bottom:30px;right:8px}.p-art-note{position:absolute;bottom:7px;left:30px;color:var(--p-muted);font-size:11px}.p-proof{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px dashed var(--p-line);padding-block:22px}.p-proof-item{display:grid;align-content:center;gap:8px;text-align:center;color:inherit;padding:0 15px}.p-proof-item+.p-proof-item{border-left:1px dashed var(--p-line)}.p-proof strong{font-size:13px;font-weight:500}.p-proof span{font-size:11px;color:var(--p-muted)}.platform-page .p-workspace{scroll-margin-top:100px}.platform-page .nb-reel-section{padding-block:55px 25px}.platform-page .nb-reel-intro h2{font-size:29px;margin-bottom:22px}.platform-page .nb-reel-disclosure{font-size:10px;margin-top:12px}.platform-page .nbjourney{font-size:12px}.p-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.p-step-art{background:#edf0e9;border-radius:14px;height:155px;display:grid;place-items:center;margin-bottom:22px}.p-step-art img{width:100px;height:120px;object-fit:contain}.p-steps article:nth-child(2) .p-step-art{background:#e8edf0}.p-steps article:nth-child(3) .p-step-art{background:#f1eae4}.p-steps h3{margin-bottom:12px}.p-steps p{font-size:13px;line-height:1.75}.p-brand-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;border-block:1px solid var(--p-line);padding-block:28px}.p-brand-strip>span{font-size:11px;color:var(--p-muted);white-space:nowrap}.p-brand-strip img{width:110px;height:36px;object-fit:contain;mix-blend-mode:multiply}.p-brand-strip img:first-of-type{width:65px}.p-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}.p-split h2+p{margin-top:22px}.p-split p+p{margin-top:16px}.p-checks{list-style:none;padding:22px 0 0;margin:24px 0 0;border-top:1px dashed var(--p-line);font-size:13px;color:var(--p-muted)}.p-checks li{padding:5px 0 5px 23px;position:relative}.p-checks li:before{content:'✓';position:absolute;left:0;color:var(--p-blue)}.p-brand-art{position:relative;display:flex;gap:15px;align-items:center;height:350px;padding:20px;background:#eceee5;border-radius:20px}.p-brand-art img:first-child{width:48%;height:285px;object-fit:cover;mask-image:url('/assets/brush-nb1-v17.png');mask-size:100% 100%;mask-repeat:no-repeat}.p-brand-art img:nth-child(2){width:48%;height:220px;object-fit:cover;border-radius:8px;transform:rotate(4deg)}.p-brand-art figcaption{position:absolute;bottom:12px;left:20px;font-size:10px;color:var(--p-blue)}.p-stack-band{background:#ecefe9;border-block:1px solid #233e570a}.p-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.p-tool-grid article{padding:24px;border-radius:12px;background:#fffdf8;border:1px solid var(--p-line)}.p-tool-grid img{width:32px;height:32px;object-fit:contain;margin-bottom:20px}.p-tool-grid p{font-size:12px;margin-top:12px}.platform-page .p-stack-note{margin-top:24px;font-size:12px;max-width:740px}.p-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--p-line);border-left:1px solid var(--p-line);border-radius:12px;overflow:hidden}.p-capabilities article{padding:26px 22px;border-right:1px solid var(--p-line);border-bottom:1px solid var(--p-line);background:#fffdf650}.p-capabilities h3{font-size:16px}.p-capabilities p{font-size:12px;margin-top:12px}.p-capabilities .p-eyebrow{font-size:10px}.platform-page .software-control{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;padding-block:40px 68px;align-items:center}.platform-page .software-control-copy>p:not(.section-label){margin-top:22px}.platform-page .software-control-copy h2{font-size:40px}.platform-page .software-control-copy .button{margin-top:0}.platform-page .control-demo figcaption{font-size:10px;margin-top:12px}.p-learning{border-top:1px solid var(--p-line)}.p-learning-art{padding:26px;background:#e9ede6;border-radius:18px}.p-test-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.p-test-pair img{width:100%;height:160px;object-fit:cover;border-radius:10px}.p-test-pair figcaption{font-size:11px;margin-top:8px;color:var(--p-blue)}.p-signals{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.p-signals span{font-size:10px;border:1px solid #6b837247;padding:5px 10px;border-radius:99px}.p-next{background:#fffdf8;border-left:2px solid var(--p-blue);padding:20px}.p-next strong{font:400 28px/1.15 Fraunces,serif}.p-learning-art>small{display:block;font-size:9px;color:var(--p-muted);margin-top:16px}.p-formats{border-top:1px solid var(--p-line)}.p-formats-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px}.p-format-tabs{display:flex;flex-direction:column;gap:4px}.p-format-tabs button{display:flex;align-items:center;gap:20px;min-height:67px;padding:17px 20px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--p-line);border-radius:8px;color:var(--p-muted);font-family:Inter,sans-serif;cursor:pointer;transition:background .2s,color .2s}.p-format-tabs button[aria-selected=true]{background:#e5eafa;color:var(--p-blue)}.p-format-tabs span{font-size:10px}.p-format-tabs strong{font-size:16px;font-weight:500}.p-format-panel{display:grid;grid-template-columns:.8fr 1fr;gap:26px;align-items:center;border-radius:16px;background:#fffdf8;border:1px solid var(--p-line);padding:22px;min-height:330px}.p-format-panel[hidden]{display:none}.p-format-image{height:280px;background:#edf0e9;border-radius:10px;overflow:hidden}.p-format-image img{width:100%;height:100%;object-fit:cover}.p-format-panel p{font-size:13px;margin:15px 0}.p-start{text-align:center;border-block:1px dashed var(--p-line)}.platform-page .p-start p:not(.section-label){max-width:460px;margin:20px auto 0}.p-start .p-actions{justify-content:center}.p-faq{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px}.p-faq details{border-bottom:1px solid var(--p-line)}.p-faq summary{padding:20px 32px 20px 0;font-size:14px;font-weight:500;cursor:pointer;list-style:none;position:relative}.p-faq summary:after{content:'+';position:absolute;right:3px;color:var(--p-blue);font-size:20px;font-weight:400;top:16px}.p-faq details[open] summary:after{content:'−'}.platform-page .p-faq details p{font-size:13px;padding-bottom:22px;max-width:610px}.p-faq summary::-webkit-details-marker{display:none}
@media(max-width:900px){.platform-page .p-hero{gap:20px}.p-hero-art{height:320px}.p-orbit{inset:30px 0}.p-orbit-label{font-size:10px;padding:7px 10px}.p-brand-strip{flex-wrap:wrap;justify-content:center;gap:20px}.p-brand-strip>span{width:100%;text-align:center}.p-brand-strip img{width:90px}.p-split{gap:36px}.p-tool-grid,.p-capabilities{grid-template-columns:repeat(2,1fr)}.platform-page .software-control{gap:30px;grid-template-columns:1fr 1fr}.platform-page .software-control-copy h2{font-size:34px}.p-formats-layout{grid-template-columns:1fr;gap:22px}.p-format-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.p-format-tabs button{padding:12px 10px;gap:8px}.p-format-tabs strong{font-size:12px}.p-format-panel{grid-template-columns:1fr 1fr}.p-format-image{height:260px}.p-faq{gap:35px}}
@media(max-width:600px){.platform-page .wrap{width:calc(100% - 40px)}.platform-page .p-section{padding-block:44px}.platform-page .p-hero{grid-template-columns:1fr;min-height:0;padding-block:38px 30px;gap:20px}.platform-page h1{font-size:39px}.platform-page h2{font-size:32px}.platform-page .p-deck{font-size:14px;margin-top:20px}.p-hero-art{height:280px;max-width:390px;width:100%;margin:auto}.p-tree{height:155px;top:15px}.p-art-centre{top:154px}.p-orbit-creative{top:64px}.p-orbit-brand{top:30px}.p-art-note{left:12px;font-size:10px}.p-orbit-data{bottom:23px}.p-proof{grid-template-columns:1fr;padding-block:0}.p-proof-item{padding:15px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left}.p-proof-item+.p-proof-item{border-left:0;border-top:1px dashed var(--p-line)}.p-proof strong{font-size:11px}.p-proof span{font-size:9px;text-align:right}.platform-page .nb-reel-section{padding-block:36px 10px}.platform-page .nb-reel-intro h2{font-size:27px}.platform-page .nbjourney-workspace{height:340px}.p-steps{grid-template-columns:1fr;gap:28px}.p-step-art{height:135px;margin-bottom:18px}.p-step-art img{height:100px}.p-steps h3{font-size:20px}.p-brand-strip{gap:22px}.p-brand-strip img{width:75px;height:29px}.p-split,.platform-page .software-control{grid-template-columns:1fr;gap:28px}.p-brand-art{height:310px}.p-brand-art img:first-child{height:250px}.p-brand-art img:nth-child(2){height:190px}.p-tool-grid{gap:10px}.p-tool-grid article{padding:18px}.p-tool-grid h3{font-size:16px}.p-tool-grid p{font-size:11px}.p-capabilities article{padding:20px 16px}.p-capabilities h3{font-size:15px}.p-capabilities p{font-size:11px}.platform-page .software-control{padding-block:25px 44px}.platform-page .software-control-copy h2{font-size:32px}.p-test-pair img{height:140px}.p-format-tabs{grid-template-columns:repeat(2,1fr)}.p-format-tabs button{min-height:50px}.p-format-panel{grid-template-columns:1fr;padding:18px;gap:20px}.p-format-image{height:260px}.p-format-panel h3{font-size:22px}.p-faq{grid-template-columns:1fr;gap:14px}.platform-page .p-actions{gap:18px}.platform-page .p-heading{margin-bottom:26px}.p-learning-art{padding:20px}.platform-page .section-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.platform-page *{scroll-behavior:auto!important;transition:none!important}}

/* Tacti / Metry: reuse the original painted yin-yang, with clear label fields. */
.platform-page .p-cycle-art{height:auto;width:min(100%,420px);max-width:420px;margin:0 auto;display:grid;justify-items:center;gap:8px}
.p-cycle-art .duality-symbol{display:block;width:100%;height:auto;max-width:100%;margin:0;overflow:visible}
.p-cycle-art .duality-symbol text{font:400 48px Fraunces,serif;letter-spacing:-1.4px;fill:#1b4d8c}
.p-cycle-art .duality-symbol .symbol-role{font:400 22px Inter,sans-serif;letter-spacing:0;fill:#294a6c}
.p-cycle-art .duality-label{opacity:1;transform:none}
.platform-page .p-cycle-art figcaption{font:400 12px/1.5 Inter,sans-serif;color:#596572;text-align:center;margin:0}
@media(max-width:600px){.platform-page .p-cycle-art{width:min(100%,350px);gap:0}.platform-page .p-cycle-art figcaption{font-size:11px}}

/* Equal heading and supporting rows keep the three proof points aligned. */
.p-proof-item{min-width:0;align-content:start;grid-template-rows:22px 26px}
.p-proof-item>strong{line-height:22px;white-space:nowrap}
.p-proof-item>span{line-height:26px}
.p-proof .p-proof-flags{display:flex;justify-content:center;align-items:center;gap:clamp(2px,.45vw,6px);white-space:nowrap;letter-spacing:0}
.p-proof .p-proof-flags>span{font-size:17px;line-height:26px;color:var(--p-ink)}
@media(max-width:600px){.p-proof-item{display:grid;justify-content:stretch;text-align:center;gap:8px}.p-proof .p-proof-flags{gap:6px}}
/* Finished campaign media, kept in its original framing. */
.p-formats-layout>div{min-width:0}
.p-format-panel{min-height:390px}
.p-format-video{overflow:hidden;border-radius:10px;background:#edf0e9;line-height:0}
.p-format-video video{display:block;width:100%;height:100%;object-fit:contain}
.p-format-video-portrait{aspect-ratio:9/16;width:100%;max-width:230px;justify-self:center}
.p-format-landscape,.p-format-gallery{grid-template-columns:1fr;gap:22px}
.p-format-video-landscape{aspect-ratio:16/9}
.p-language-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.p-language-gallery img{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:9px;object-fit:contain;background:#101010}
.p-language-gallery figcaption{margin-top:9px;text-align:center;font-size:12px;font-weight:500;color:var(--p-blue)}
@media(min-width:601px) and (max-width:900px){.p-format-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.p-format-tabs button{gap:7px;padding:12px 8px}.p-format-tabs strong{font-size:11px}}
@media(max-width:600px){.p-format-video-portrait{max-width:240px}.p-format-landscape,.p-format-gallery{grid-template-columns:1fr}.p-language-gallery{grid-template-columns:1fr;gap:22px;max-width:240px;margin:auto}.p-language-gallery figcaption{font-size:14px}.p-format-tabs button:last-child{grid-column:1/-1}}

/* The landing-page cycle, distilled into three readable stages. */
.platform-page .compact-cycle{margin:0;position:relative;padding:20px 16px 18px;min-width:0;background:#edeee8;border-radius:22px;color:var(--p-ink)}
/* One uninterrupted clockwise route: down the right, back up the left. */
.compact-cycle-loop{position:relative;padding:0 22px 22px;isolation:isolate}
.compact-cycle-path{position:absolute;left:0;top:10px;width:100%;height:calc(100% - 10px);overflow:visible;z-index:-1;pointer-events:none}
.compact-cycle-path rect{width:calc(100% - 2px);height:calc(100% - 2px);fill:none;stroke:#7895a6;stroke-width:1.2;stroke-dasharray:3 5;stroke-linecap:round;animation:compact-cycle-flow 1.5s linear infinite}
@keyframes compact-cycle-flow{to{stroke-dashoffset:-16}}
.compact-cycle-direction{position:absolute;display:grid;place-items:center;width:18px;height:28px;color:#52768e;background:#edeee8;font:400 22px/1 Inter,sans-serif;pointer-events:none}
.compact-cycle-up{left:-8px;top:49%}
.compact-cycle-down{right:-8px;top:49%}
.compact-cycle-back{left:calc(50% - 14px);bottom:-8px;width:28px;height:18px}
.compact-cycle-return{display:flex;justify-content:center;text-align:center;font:500 12px/1.5 Inter,sans-serif;color:var(--p-blue);margin-bottom:17px;position:relative}
.compact-cycle-return>span{background:#edeee8;padding:0 10px;max-width:100%}
.compact-cycle-stages{list-style:none;padding:0;margin:0;position:relative;display:grid;gap:22px}
@media(prefers-reduced-motion:reduce){.compact-cycle-path rect{animation:none}}
.compact-cycle-stages>li{position:relative;border:1px solid #d8ded9;border-radius:13px;background:#f8f7f1;padding:14px 16px;min-width:0}
.compact-cycle-stages>li+li:before{content:'↓';position:absolute;top:-23px;left:50%;transform:translateX(-50%);font-size:21px;line-height:22px;color:#688779}
.compact-cycle-stages>.compact-engine{background:#e5edf1}
.compact-cycle-stages>.compact-optimization{background:#e4ebe2}
.compact-cycle-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;margin-bottom:12px}
.compact-cycle-heading>span{font:400 10px/1.5 Inter,sans-serif;color:var(--p-blue);white-space:nowrap}
.platform-page .compact-cycle h3{font:400 21px/1.2 Fraunces,serif;letter-spacing:-.4px;margin:0}
.compact-chat{display:flex;align-items:center;gap:9px;background:#fffdf8;border:1px solid #dce0dc;border-radius:10px 10px 10px 0;padding:8px 10px;font-size:12px;width:fit-content;max-width:100%}
.compact-chat img{width:25px;height:25px;border-radius:6px;flex:none}
.platform-page .compact-cycle-stages p{font:400 10px/1.6 Inter,sans-serif;color:#53665c;margin:10px 0 0}
.compact-team{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.compact-portraits{display:flex;padding-right:5px}
.compact-portraits img{width:33px;height:33px;object-fit:cover;border-radius:50%;border:2px solid #fffdf8;margin-right:-5px}
.compact-team strong{display:block;font-size:12px;font-weight:500}
.compact-team small{display:block;font-size:10px;color:#536574;line-height:1.5;margin-top:3px}
.compact-creative{display:flex;gap:5px;margin-left:auto}
.compact-creative img{width:32px;height:43px;object-fit:cover;border-radius:5px}
.compact-channels{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px}
.compact-channels img{width:24px;height:25px;object-fit:contain}
.compact-channels img+img{width:50px}
.compact-cycle-stages p>span{padding-inline:3px;color:var(--p-blue)}
.platform-page .compact-cycle figcaption{font:400 10px/1.6 Inter,sans-serif;color:#596871;text-align:center;margin:15px 0 0}
@media(min-width:601px) and (max-width:900px){.platform-page .compact-cycle{padding-right:14px;padding-left:14px}.compact-cycle-stages>li{padding:12px}.compact-creative{display:none}.compact-cycle-return{font-size:10px}}
@media(max-width:600px){.platform-page .compact-cycle{width:100%;max-width:480px;justify-self:center;padding:18px 12px;box-sizing:border-box}.compact-cycle-stages>li{padding:14px}.platform-page .compact-cycle h3{font-size:21px}}

/* Phone review: balanced proof points and three equally sized touch tabs. */
@media(max-width:600px){
 .p-proof strong{font-size:13px}
 .p-proof-item>span{text-align:center;font-size:12px}
 .p-format-tabs{grid-template-columns:minmax(0,1fr)}
 .p-format-tabs button{width:100%;min-height:48px;gap:14px;padding:12px 16px}
 .p-format-tabs strong{font-size:14px}
 .p-format-tabs button:last-child{grid-column:auto}
 .p-language-gallery{width:100%}
}