/* ShuleMatrix Phase 3 — complete public commercial site layer.
   No framework dependency. Uses Phase 1 tokens and remains safe with Vite or static fallback. */

.p3-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.p3-section{padding:clamp(4.5rem,8vw,7.5rem) 0;background:var(--sm-surface)}
.p3-section-tint{background:linear-gradient(180deg,var(--sm-surface-blue) 0%,var(--sm-surface-blue) 100%);border-block:1px solid var(--sm-border)}
.p3-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--sm-link);font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}
.p3-kicker::before{content:"";width:18px;height:2px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4)}
.p3-section-head{max-width:760px;margin-bottom:2.25rem}
.p3-section-head h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.04;color:var(--sm-ink);margin:.15rem 0 1rem;letter-spacing:-.045em}
.p3-section-head p{font-size:1.05rem;line-height:1.75;color:var(--sm-ink-3);max-width:680px}

.p3-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;background:radial-gradient(circle at 88% 12%,rgba(6,182,212,.12),transparent 27%),radial-gradient(circle at 10% 18%,rgba(37,99,235,.10),transparent 30%),linear-gradient(180deg,var(--sm-surface) 0%,var(--sm-surface-blue) 100%);border-bottom:1px solid var(--sm-border)}
.p3-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 82%);pointer-events:none}
.p3-hero-compact{padding-bottom:5rem}
.p3-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
.p3-hero h1{font-family:var(--sm-font-display);font-size:clamp(2.7rem,5.4vw,5.2rem);line-height:.98;letter-spacing:-.06em;color:var(--sm-ink);max-width:820px;margin:.25rem 0 1.35rem}
.p3-hero-product h1{font-size:clamp(2.65rem,5vw,4.8rem)}
.p3-lead{font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.72;color:var(--sm-ink-3);max-width:720px;margin:0}
.p3-breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.78rem;color:var(--sm-muted);margin-bottom:1.35rem}
.p3-breadcrumb a{color:var(--sm-ink-3);text-decoration:none}.p3-breadcrumb a:hover{color:var(--sm-link)}.p3-breadcrumb strong{color:var(--sm-ink-2)}
.p3-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1.8rem}
.sm-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.75rem 1.15rem;border-radius:12px;font-size:.93rem;font-weight:750;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.sm-btn:hover{transform:translateY(-1px)}
.sm-btn-primary{color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 30px rgba(37,99,235,.22)}
.sm-btn-primary:hover{box-shadow:0 16px 38px rgba(37,99,235,.28)}
.sm-btn-secondary{color:var(--sm-link)!important;background:var(--sm-surface);border:1px solid var(--sm-border-strong);box-shadow:0 4px 14px rgba(15,23,42,.04)}
.sm-btn-light{color:var(--sm-link)!important;background:var(--sm-surface);box-shadow:0 12px 35px rgba(0,0,0,.12)}
.sm-btn-dark-outline{color:#fff!important;background:transparent;border:1px solid rgba(255,255,255,.35)}
.p3-proofline{display:flex;align-items:center;gap:.7rem;color:var(--sm-ink-2);font-size:.86rem;font-weight:650;margin-top:1.35rem}.p3-proofline span{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px #d1fae5}

.p3-product-preview{background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:24px;box-shadow:0 34px 90px rgba(30,64,175,.14),0 4px 16px rgba(15,23,42,.05);overflow:hidden;transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}
.p3-window-top{height:46px;padding:0 15px;display:flex;align-items:center;gap:7px;background:var(--sm-surface-2);border-bottom:1px solid var(--sm-border)}.p3-window-top i{display:block;width:9px;height:9px;border-radius:50%;background:#cbd5e1}.p3-window-top i:first-child{background:#fca5a5}.p3-window-top i:nth-child(2){background:#fde68a}.p3-window-top i:nth-child(3){background:#86efac}.p3-window-top strong{margin-left:8px;color:var(--sm-ink-3);font-size:.7rem;font-weight:650}
.p3-preview-body{display:grid;grid-template-columns:74px 1fr;min-height:370px}.p3-preview-sidebar{background:#0f172a;padding:25px 18px;display:flex;flex-direction:column;gap:17px}.p3-preview-sidebar span{height:9px;border-radius:8px;background:#334155}.p3-preview-sidebar span.active{background:#60a5fa;width:120%}.p3-preview-main{padding:30px;background:linear-gradient(180deg,var(--sm-surface),var(--sm-surface-2))}.p3-preview-title{width:46%;height:15px;border-radius:10px;background:#cbd5e1;margin-bottom:24px}.p3-preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.p3-preview-metrics span{height:70px;border-radius:14px;background:linear-gradient(145deg,var(--sm-primary-faint),var(--sm-primary-soft));border:1px solid var(--sm-border)}.p3-preview-chart{margin-top:24px;height:132px;padding:18px 15px 0;display:flex;align-items:flex-end;gap:10px;border:1px solid var(--sm-border);border-radius:16px;background:var(--sm-surface)}.p3-preview-chart i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#06b6d4,#2563eb);opacity:.82}.p3-preview-rows{display:grid;gap:9px;margin-top:20px}.p3-preview-rows span{height:10px;border-radius:8px;background:#e2e8f0}.p3-preview-rows span:nth-child(2){width:82%}.p3-preview-rows span:nth-child(3){width:69%}

.p3-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.p3-benefit-card{min-height:210px;padding:1.55rem;border:1px solid var(--sm-border);border-radius:18px;background:var(--sm-surface);box-shadow:0 7px 26px rgba(15,23,42,.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.p3-benefit-card:hover{transform:translateY(-4px);border-color:var(--sm-border);box-shadow:0 18px 40px rgba(37,99,235,.09)}.p3-benefit-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--sm-primary-faint);color:var(--sm-link);font-family:var(--sm-font-display);font-size:.78rem;font-weight:800}.p3-benefit-card p{font-size:.98rem;line-height:1.68;color:var(--sm-ink-2);margin:2.4rem 0 0}

.p3-workflow{display:flex;align-items:stretch;gap:.55rem}.p3-workflow-step{flex:1;min-width:0;padding:1.15rem 1rem;border:1px solid var(--sm-border);background:var(--sm-surface);border-radius:15px;display:flex;flex-direction:column;gap:.7rem;box-shadow:0 6px 20px rgba(15,23,42,.03)}.p3-workflow-step span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#2563eb;color:#fff;font-size:.72rem;font-weight:800}.p3-workflow-step strong{font-size:.88rem;color:var(--sm-ink);line-height:1.4}.p3-workflow>i{align-self:center;color:var(--sm-muted);font-style:normal;font-size:1.05rem}

.p3-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,5.5rem);align-items:start}.p3-highlight-stack{display:grid;gap:1rem}.p3-highlight{display:flex;gap:1rem;padding:1.35rem;border:1px solid var(--sm-border);border-radius:17px;background:var(--sm-surface)}.p3-highlight-icon{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--sm-success-soft);color:var(--sm-success-text);font-weight:900}.p3-highlight h3{font-family:var(--sm-font-display);font-size:1rem;color:var(--sm-ink);margin:0 0 .35rem}.p3-highlight p{font-size:.9rem;line-height:1.65;color:var(--sm-ink-3);margin:0}

.p3-faq-wrap{max-width:920px}.p3-faq-list{display:grid;gap:.75rem}.p3-faq{background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:16px;overflow:hidden}.p3-faq summary{list-style:none;cursor:pointer;padding:1.15rem 1.3rem;color:var(--sm-ink);font-size:.96rem;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:1rem}.p3-faq summary::-webkit-details-marker{display:none}.p3-faq summary::after{content:"+";color:var(--sm-link);font-size:1.25rem;font-weight:500}.p3-faq[open] summary::after{content:"−"}.p3-faq p{padding:0 1.3rem 1.25rem;margin:0;color:var(--sm-ink-3);line-height:1.7;font-size:.92rem}

.p3-cta-band{padding:4rem 0;background:radial-gradient(circle at 90% 10%,rgba(6,182,212,.26),transparent 32%),linear-gradient(135deg,#1d4ed8,#0f3b95);color:#fff}.p3-cta-band .p3-kicker{color:#bfdbfe}.p3-cta-band .p3-kicker::before{background:#67e8f9}.p3-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.p3-cta-inner h2{font-family:var(--sm-font-display);font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;letter-spacing:-.045em;margin:0;max-width:760px;color:#fff}.p3-cta-inner p{color:#dbeafe;margin:.6rem 0 0}

/* Migration */
.p3-migration-board{display:flex;align-items:center;justify-content:center;gap:1.1rem;padding:2rem;border:1px solid var(--sm-border);border-radius:24px;background:var(--sm-surface);box-shadow:0 30px 80px rgba(37,99,235,.12)}.p3-file-stack{display:grid;gap:.55rem}.p3-file-stack span{padding:.7rem .85rem;border-radius:10px;border:1px solid var(--sm-border);background:var(--sm-surface-2);color:var(--sm-ink-2);font-size:.77rem;font-weight:700;box-shadow:0 4px 12px rgba(15,23,42,.04)}.p3-migration-arrow{color:var(--sm-link);font-size:2rem}.p3-validated-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.4rem;border-radius:18px;background:var(--sm-success-soft);border:1px solid var(--sm-success-border)}.p3-validated-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#10b981;color:#fff;font-style:normal;font-weight:900;margin-bottom:.8rem}.p3-validated-card strong{color:var(--sm-success-text)}.p3-validated-card small{color:var(--sm-success-text);margin-top:.3rem}
.p3-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.p3-step-card{padding:1.6rem;border:1px solid var(--sm-border);border-radius:18px;background:var(--sm-surface);min-height:210px}.p3-step-card>span{font-size:.72rem;font-weight:800;color:var(--sm-link)}.p3-step-card h3{font-family:var(--sm-font-display);font-size:1.15rem;margin:2rem 0 .6rem;color:var(--sm-ink)}.p3-step-card p{font-size:.9rem;line-height:1.65;color:var(--sm-ink-3);margin:0}.p3-chip-grid{display:flex;flex-wrap:wrap;gap:.65rem}.p3-chip-grid span{display:inline-flex;padding:.78rem .95rem;background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:12px;color:var(--sm-ink-2);font-size:.85rem;font-weight:700}.p3-chip-grid-large span{padding:1rem 1.15rem;font-size:.92rem}.p3-checklist{display:grid;gap:.7rem;padding:1.4rem;border:1px solid var(--sm-border);border-radius:18px;background:var(--sm-surface)}.p3-checklist p{margin:0;padding:.65rem .8rem;border-radius:10px;background:var(--sm-surface-2);color:var(--sm-ink-2);font-size:.9rem;line-height:1.45}

/* Tools */
.p3-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.p3-tool-card{border:1px solid var(--sm-border);border-radius:22px;background:var(--sm-surface);padding:1.5rem;box-shadow:0 12px 34px rgba(15,23,42,.05)}.p3-tool-head{display:flex;gap:1rem;align-items:flex-start}.p3-tool-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);font-family:var(--sm-font-display);font-weight:800}.p3-tool-head h2{font-family:var(--sm-font-display);font-size:1.15rem;margin:0 0 .35rem;color:var(--sm-ink)}.p3-tool-head p{font-size:.86rem;line-height:1.55;color:var(--sm-ink-3);margin:0}.p3-tool-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.3rem}.p3-tool-fields-one{grid-template-columns:1fr}.p3-tool-fields label{display:flex;flex-direction:column;gap:.4rem;color:var(--sm-ink-2);font-size:.74rem;font-weight:750}.p3-tool-fields input,.p3-tool-fields textarea{width:100%;border:1px solid var(--sm-border-strong);border-radius:11px;background:var(--sm-surface-2);color:var(--sm-ink);padding:.75rem .8rem;font:inherit;font-size:.9rem;outline:none}.p3-tool-fields input:focus,.p3-tool-fields textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10);background:var(--sm-surface)}.p3-tool-result{margin-top:1rem;padding:1rem 1.1rem;border-radius:14px;background:var(--sm-primary-faint);border:1px solid var(--sm-border);display:flex;flex-direction:column;gap:.2rem}.p3-tool-result span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sm-ink-3);font-weight:800}.p3-tool-result strong{font-family:var(--sm-font-display);font-size:1.45rem;color:var(--sm-link)}.p3-tool-result small{color:var(--sm-ink-2);font-size:.78rem}

/* Help centre */
.p3-help-hero{padding:6.5rem 0 4.5rem;background:radial-gradient(circle at 50% -10%,rgba(37,99,235,.16),transparent 44%),linear-gradient(180deg,var(--sm-surface-blue),var(--sm-surface));text-align:center;border-bottom:1px solid var(--sm-border)}.p3-help-hero h1{font-family:var(--sm-font-display);font-size:clamp(2.8rem,6vw,5rem);letter-spacing:-.06em;line-height:1;margin:.2rem 0 .8rem}.p3-help-hero p{color:var(--sm-ink-3);font-size:1.05rem}.p3-help-search{display:flex;align-items:center;gap:.75rem;max-width:720px;margin:2rem auto 0;padding:.65rem .8rem .65rem 1rem;border:1px solid var(--sm-border-strong);border-radius:15px;background:var(--sm-surface);box-shadow:0 18px 50px rgba(37,99,235,.10);text-align:left}.p3-help-search>span{font-size:1.45rem;color:var(--sm-ink-3)}.p3-help-search input{flex:1;border:0;outline:0;font-size:1rem;color:var(--sm-ink);min-width:0;background:transparent}.p3-help-search kbd{font-size:.72rem;color:var(--sm-ink-3);background:var(--sm-surface-3);border:1px solid var(--sm-border);border-radius:7px;padding:.3rem .45rem}.p3-search-status{min-height:1.2rem;margin-top:.65rem;color:var(--sm-ink-3);font-size:.78rem}.p3-help-section{padding-top:4rem}.p3-help-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:3rem;align-items:start}.p3-help-nav{position:sticky;top:100px;display:grid;gap:.3rem}.p3-help-nav a{display:flex;justify-content:space-between;gap:.8rem;padding:.75rem .8rem;border-radius:10px;color:var(--sm-ink-2);text-decoration:none;font-size:.83rem;font-weight:650}.p3-help-nav a:hover{background:var(--sm-primary-faint);color:var(--sm-link)}.p3-help-nav span{font-size:.7rem;color:var(--sm-muted)}.p3-help-content{min-width:0}.p3-help-category{scroll-margin-top:110px;margin-bottom:3.2rem}.p3-help-category-head{margin-bottom:1.1rem}.p3-help-category-head h2{font-family:var(--sm-font-display);font-size:1.75rem;margin:0;color:var(--sm-ink)}.p3-help-article{border:1px solid var(--sm-border);border-radius:15px;background:var(--sm-surface);margin-bottom:.7rem;overflow:hidden}.p3-help-article summary{list-style:none;cursor:pointer;padding:1rem 1.1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.p3-help-article summary::-webkit-details-marker{display:none}.p3-help-article summary span{display:flex;flex-direction:column;gap:.25rem}.p3-help-article summary strong{font-size:.92rem;color:var(--sm-ink)}.p3-help-article summary small{font-size:.78rem;color:var(--sm-ink-3);line-height:1.45}.p3-help-article summary i{font-style:normal;color:var(--sm-link);font-size:1.2rem}.p3-help-article details[open] summary i{transform:rotate(45deg)}.p3-help-body{padding:0 1.1rem 1.15rem;border-top:1px solid var(--sm-border)}.p3-help-body ol{margin:.9rem 0 0;padding-left:1.25rem;color:var(--sm-ink-2);font-size:.84rem;line-height:1.75}.p3-empty-state{padding:2rem;border:1px dashed var(--sm-border-strong);border-radius:16px;text-align:center;color:var(--sm-ink-3)}.p3-empty-state strong{display:block;color:var(--sm-ink-2);margin-bottom:.4rem}

/* Solution pages */
.p3-solution-card{padding:1.7rem;border-radius:22px;background:#0f172a;color:#fff;box-shadow:0 30px 80px rgba(15,23,42,.18)}.p3-solution-card>span{font-size:.68rem;letter-spacing:.12em;font-weight:800;color:#7dd3fc}.p3-solution-card h2{font-family:var(--sm-font-display);font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.15;letter-spacing:-.04em;margin:1rem 0 1.5rem;color:#fff}.p3-mini-stack{display:grid;gap:.55rem}.p3-mini-stack p{margin:0;display:flex;gap:.6rem;align-items:center;color:#cbd5e1;font-size:.83rem;padding:.65rem .75rem;border:1px solid #334155;border-radius:10px;background:#111c32}.p3-mini-stack i{font-style:normal;color:#34d399}.p3-priority-list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}.p3-priority-list li{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.05rem;border:1px solid var(--sm-border);border-radius:14px;color:var(--sm-ink-2);background:var(--sm-surface);line-height:1.5}.p3-priority-list span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:8px;background:var(--sm-success-soft);color:var(--sm-success-text);font-weight:900;font-size:.75rem}

/* Security */
.p3-trust-shield{min-height:330px;padding:2rem;border:1px solid var(--sm-border);border-radius:28px;background:radial-gradient(circle at 50% 25%,rgba(37,99,235,.14),transparent 42%),var(--sm-surface);box-shadow:0 32px 80px rgba(37,99,235,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.p3-shield{width:100px;height:114px;display:grid;place-items:center;color:#fff;font-size:2.5rem;font-weight:900;background:linear-gradient(160deg,#2563eb,#06b6d4);clip-path:polygon(50% 0,92% 14%,87% 70%,50% 100%,13% 70%,8% 14%);filter:drop-shadow(0 18px 28px rgba(37,99,235,.2));margin-bottom:1.3rem}.p3-trust-shield strong{font-family:var(--sm-font-display);font-size:1.35rem;color:var(--sm-ink)}.p3-trust-shield span{margin-top:.5rem;font-size:.76rem;color:var(--sm-ink-3);max-width:290px;line-height:1.6}.p3-security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.p3-security-card{padding:1.4rem;border:1px solid var(--sm-border);border-radius:17px;background:var(--sm-surface)}.p3-security-card>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--sm-success-soft);color:var(--sm-success-text);font-weight:900}.p3-security-card h3{font-family:var(--sm-font-display);font-size:1rem;margin:1.3rem 0 .45rem;color:var(--sm-ink)}.p3-security-card p{font-size:.82rem;line-height:1.65;color:var(--sm-ink-3);margin:0}

/* Navigation/footer Phase 3 enhancements */
.nav-mega-wide{width:min(840px,calc(100vw - 32px))!important}.nav-mega-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nav-mega-all{grid-column:1/-1!important;border-top:1px solid #eef2f7;margin-top:4px!important;padding-top:14px!important}
.p3-footer{background:#081225!important;color:#cbd5e1!important;border-top:0!important}.p3-footer-grid{grid-template-columns:1.4fr repeat(4,1fr)!important;gap:2.2rem!important}.p3-footer-brand img{filter:brightness(0) invert(1);opacity:.96;margin-bottom:1rem}.p3-footer-brand p{color:#e2e8f0!important;font-size:.95rem!important}.p3-footer-brand span{display:block;color:var(--sm-ink-3);font-size:.72rem;line-height:1.5}.p3-footer .footer-col h4{color:#fff!important}.p3-footer .footer-col a{color:var(--sm-muted)!important}.p3-footer .footer-col a:hover{color:#fff!important}.p3-footer .footer-bottom a{color:var(--sm-muted)!important}.p3-footer .kenya-badge{color:var(--sm-muted)!important}

/* Responsive and accessibility */
@media(max-width:1050px){.p3-benefit-grid{grid-template-columns:repeat(2,1fr)}.p3-security-grid{grid-template-columns:repeat(2,1fr)}.p3-footer-grid{grid-template-columns:1.3fr repeat(2,1fr)!important}.p3-footer-grid .footer-col:nth-last-child(-n+2){margin-top:1rem}.nav-mega-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:860px){.p3-hero-grid,.p3-split{grid-template-columns:1fr}.p3-product-preview{transform:none;max-width:700px}.p3-workflow{display:grid;grid-template-columns:repeat(2,1fr)}.p3-workflow>i{display:none}.p3-step-grid{grid-template-columns:repeat(2,1fr)}.p3-help-layout{grid-template-columns:1fr}.p3-help-nav{position:static;display:flex;overflow:auto;padding-bottom:.5rem}.p3-help-nav a{flex:0 0 auto;background:var(--sm-surface-2);border:1px solid var(--sm-border)}.p3-cta-inner{align-items:flex-start;flex-direction:column}.p3-footer-grid{grid-template-columns:repeat(2,1fr)!important}.p3-footer-brand{grid-column:1/-1}.nav-mega-grid-3{grid-template-columns:1fr!important}}
@media(max-width:640px){.p3-container{width:min(100% - 28px,1180px)}.p3-section{padding:4.25rem 0}.p3-hero{padding:4.5rem 0}.p3-hero h1{font-size:clamp(2.45rem,13vw,3.65rem)}.p3-actions{align-items:stretch}.p3-actions .sm-btn{width:100%}.p3-benefit-grid,.p3-security-grid,.p3-tools-grid,.p3-step-grid{grid-template-columns:1fr}.p3-workflow{grid-template-columns:1fr}.p3-preview-body{grid-template-columns:48px 1fr;min-height:300px}.p3-preview-sidebar{padding:20px 11px}.p3-preview-main{padding:20px 14px}.p3-preview-metrics{gap:7px}.p3-preview-chart{height:110px;gap:6px}.p3-migration-board{flex-direction:column}.p3-migration-arrow{transform:rotate(90deg)}.p3-tool-fields{grid-template-columns:1fr}.p3-footer-grid{grid-template-columns:1fr!important}.p3-footer-brand{grid-column:auto}.p3-footer-grid .footer-col:nth-last-child(-n+2){margin-top:0}.p3-help-search kbd{display:none}}
@media(prefers-reduced-motion:reduce){.p3-product-preview,.p3-benefit-card,.sm-btn{transform:none!important;transition:none!important}}
.p3-platform-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.p3-directory-card{padding:1.5rem;border:1px solid var(--sm-border);border-radius:18px;background:var(--sm-surface);min-height:290px;display:flex;flex-direction:column}.p3-directory-card>span{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sm-link);font-weight:800}.p3-directory-card h2{font-family:var(--sm-font-display);font-size:1.2rem;line-height:1.2;letter-spacing:-.025em;color:var(--sm-ink);margin:1rem 0 .7rem}.p3-directory-card p{font-size:.85rem;line-height:1.65;color:var(--sm-ink-3);margin:0 0 1.3rem}.p3-directory-card a{margin-top:auto;color:var(--sm-link);font-size:.83rem;font-weight:800;text-decoration:none}.p3-directory-card a:hover{text-decoration:underline}@media(max-width:900px){.p3-platform-directory{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.p3-platform-directory{grid-template-columns:1fr}}