/* SmartPack Integration Page Shared Styles */
.int-page{padding:4rem 0 5rem}
.int-page__hero{display:flex;align-items:flex-start;gap:3rem;margin-bottom:4rem;flex-wrap:wrap}
.int-page__logo{width:80px;height:80px;object-fit:contain;border-radius:16px;background:var(--surface-2);padding:.75rem;border:1px solid var(--border)}
.int-page__logo--text{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--surface-2);border:1px solid var(--border);font-weight:900;font-size:1rem;color:var(--accent);text-align:center;padding:.5rem;line-height:1.2}
.int-page__hero-content{flex:1;min-width:280px}
.int-page__cat{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}
.int-page__title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;margin:0 0 1rem}
.int-page__title span{color:var(--accent)}
.int-page__intro{font-size:1.1rem;color:var(--text-2);line-height:1.7;margin-bottom:1.5rem}
.int-page__cta-row{display:flex;gap:1rem;flex-wrap:wrap}
.int-page__body{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}
.int-page__main h2{font-size:1.4rem;margin:0 0 1.2rem}
.int-page__main h2+h2,.int-page__main h2:not(:first-child){margin-top:2.5rem}
.int-page__benefit{display:flex;gap:1rem;margin-bottom:1.2rem;padding:1rem 1.2rem;background:var(--surface-2);border-radius:10px;border:1px solid var(--border)}
.int-page__benefit-icon{font-size:1.4rem;flex-shrink:0}
.int-page__benefit h3{font-size:.95rem;margin:0 0 .3rem}
.int-page__benefit p{font-size:.88rem;color:var(--text-2);margin:0;line-height:1.5}
.int-page__steps-title{font-size:1.4rem;margin:2.5rem 0 1.2rem}
.int-page__step{display:flex;gap:1rem;margin-bottom:1rem}
.int-page__step-num{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#000;font-weight:900;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}
.int-page__step-body h3{font-size:.95rem;margin:0 0 .2rem}
.int-page__step-body p{font-size:.88rem;color:var(--text-2);margin:0}
.int-page__sidebar{position:sticky;top:100px}
.int-page__cta-box{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}
.int-page__cta-box h3{font-size:1.1rem;margin:0 0 .75rem}
.int-page__cta-box p{font-size:.88rem;color:var(--text-2);margin-bottom:1.2rem}
.int-page__related h3{font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:1rem}
.int-page__related-list{display:flex;flex-direction:column;gap:.5rem}
.int-page__related-link{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text-1);font-size:.88rem;transition:all var(--t-fast)}
.int-page__related-link:hover{border-color:var(--accent)}
.int-page__related-link img{width:24px;height:24px;object-fit:contain;border-radius:4px}
.int-page__back{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-3);font-size:.88rem;text-decoration:none;margin-bottom:2rem;transition:color var(--t-fast)}
.int-page__back:hover{color:var(--accent)}
@media(max-width:768px){.int-page__body{grid-template-columns:1fr}.int-page__sidebar{position:static}.int-page__hero{gap:1.5rem}}