.ip-hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:#fff}.ip-hero-left{padding:var(--space-8) var(--space-8) var(--space-9);display:flex;flex-direction:column;justify-content:center;border-right:1px solid #f0f0f5;position:relative}.ip-back{font-size:var(--type-label-size);color:var(--color-text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1);transition:color var(--motion-small);position:absolute;top:48px;line-height:var(--type-label-line);font-family:var(--type-label-family);font-weight:400}.ip-back:hover{color:var(--color-text-primary)}.ip-heading{font-family:var(--type-h1-family);font-size:var(--type-h1-size);font-weight:400;color:var(--color-text-primary);margin:0 0 var(--space-4);line-height:var(--type-h1-line);letter-spacing:var(--type-h1-tracking)}.ip-desc{font-size:var(--type-body-size);color:var(--color-text-secondary);margin:0;line-height:var(--type-body-line);font-family:var(--type-body-family);font-weight:400}.ip-hero-right{display:flex;align-items:center;justify-content:center;background:#f8f8fc;padding:var(--space-8) var(--space-7)}.ip-hero-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.phone-frame-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.phone-frame-bg{display:block;height:100%;width:auto;position:relative;z-index:1}.phone-frame-screen{position:absolute;inset:1.6% 5.4%;z-index:2;border-radius:8%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.phone-frame-hero{max-height:560px;aspect-ratio:292 / 600}.phone-frame-hero .phone-frame-bg{max-height:560px}.phone-frame-article{max-height:420px;margin:var(--space-5) auto;aspect-ratio:292 / 600}.phone-frame-article .phone-frame-bg{max-height:420px}.phone-frame-content-img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:0!important;margin:0!important}.phone-frame-related{max-height:220px;aspect-ratio:292 / 600}.phone-frame-related .phone-frame-bg{max-height:220px}.ip-content-section{padding:var(--space-8) var(--space-5) var(--space-10);background:#fff;padding-inline:var(--page-x)}.ip-content-inner{max-width:var(--measure);margin:0 auto}.ip-article{font-size:var(--type-body-size);color:var(--color-text-secondary);line-height:var(--type-body-line);font-family:var(--type-body-family);font-weight:400}.ip-article h1{font-family:var(--type-h1-family);font-size:var(--type-h1-size);font-weight:400;color:var(--color-text-primary);margin:var(--space-7) 0 var(--space-4);line-height:var(--type-h1-line);letter-spacing:var(--type-h1-tracking)}.ip-article h2{font-family:var(--type-h2-family);font-size:var(--type-h2-size);font-weight:400;color:var(--color-text-primary);margin:var(--space-6) 0 var(--space-3);line-height:var(--type-h2-line);letter-spacing:var(--type-h2-tracking)}.ip-article h3{font-family:var(--type-h3-family);font-size:var(--type-h3-size);font-weight:400;color:var(--color-text-primary);margin:var(--space-5) 0 var(--space-3);line-height:var(--type-h3-line);letter-spacing:var(--type-h3-tracking)}.ip-article h4{font-family:var(--type-h4-family);font-size:var(--type-h4-size);font-weight:400;color:var(--color-text-primary);margin:var(--space-5) 0 var(--space-2);line-height:var(--type-h4-line);letter-spacing:var(--type-h4-tracking)}.ip-article p{margin:0 0 var(--space-4)}.ip-article ul{list-style-type:disc;margin:0 0 var(--space-4);padding-left:var(--space-5)}.ip-article ol{list-style-type:decimal;margin:0 0 var(--space-4);padding-left:var(--space-5)}.ip-article li{margin-bottom:var(--space-2)}.ip-article img{max-width:100%;max-height:420px;object-fit:contain;border-radius:var(--radius-compact);margin:var(--space-5) auto;display:block;aspect-ratio:9 / 16}.ip-image-row{display:flex;gap:var(--space-4);align-items:flex-start;margin:var(--space-5) 0}.ip-image-row-cell{flex:1;min-width:0}.ip-image-row-cell img{max-height:380px;width:100%;object-fit:contain;border-radius:var(--radius-compact);margin:0!important}.ip-article a{color:var(--color-brand-primary);text-decoration:underline}.ip-article a:hover{color:var(--color-brand-primary)}.ip-article blockquote{border-left:4px solid var(--color-brand-primary);padding:var(--space-4) var(--space-4);margin:var(--space-5) 0;background:var(--color-stone-50);border-radius:0 8px 8px 0;font-size:var(--type-h4-size);line-height:var(--type-h4-line);font-weight:400;font-family:var(--font-feature-deck);font-style:italic}.ip-article strong{font-weight:500;color:var(--color-text-primary)}.ip-article hr{border:none;border-top:1px solid var(--color-stone-100);margin:var(--space-7) 0}.ip-related-card-img{max-height:100%;max-width:100%;object-fit:contain;display:block;border-radius:var(--radius-compact);margin:0!important}.ip-related-section{padding:var(--space-9) var(--space-5) var(--space-10);background:#f8f8fc;border-top:1px solid var(--color-stone-100);padding-inline:var(--page-x)}.ip-related-inner{max-width:var(--content);margin:0 auto}.ip-related-heading{font-family:var(--type-h4-family);font-size:var(--type-h4-size);font-weight:400;color:var(--color-text-primary);margin:0 0 var(--space-6);text-align:center;line-height:var(--type-h4-line)}.ip-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin:0 0 var(--space-5)}.ip-related-card{background:#fff;border:1px solid var(--color-stone-100);border-radius:var(--radius-card);overflow:hidden;text-decoration:none;transition:box-shadow .2s;display:flex;flex-direction:column}.ip-related-card:hover{box-shadow:none}.ip-related-card-img-wrap{background:#f0f0f5;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4);min-height:200px}.ip-related-card-content{padding:var(--space-4) var(--space-4) var(--space-4);flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.ip-related-card-tag{display:inline-block;font-size:var(--type-label-size);font-weight:400;color:var(--color-text-secondary);text-transform:none;letter-spacing:0;border:1.5px solid #c0c0cc;border-radius:var(--radius-card);padding:var(--space-1) var(--space-3);align-self:flex-start;line-height:var(--type-label-line);font-family:var(--type-label-family)}.ip-related-card-title{font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size);font-weight:400;color:var(--color-text-primary);margin:0;line-height:var(--type-body-sm-line);flex:1}.ip-related-card-read{font-size:var(--type-label-size);font-weight:400;color:var(--color-brand-primary);margin-top:var(--space-1);line-height:var(--type-label-line);font-family:var(--type-label-family)}.ip-related-see-more{text-align:center;margin:var(--space-5) 0 0}.ip-related-see-more a{font-size:var(--type-body-sm-size);font-weight:400;color:var(--color-brand-primary);text-decoration:none;transition:color var(--motion-small);line-height:var(--type-body-sm-line);font-family:var(--type-body-sm-family)}.ip-related-see-more a:hover{color:var(--color-brand-primary);text-decoration:underline}@media(max-width:1024px){.ip-hero{grid-template-columns:1fr;min-height:auto}.ip-hero-left{border-right:none;border-bottom:1px solid #f0f0f5;padding:var(--space-10) var(--space-5) var(--space-7)}.ip-hero-right{padding:var(--space-7) var(--space-5);min-height:320px}.ip-related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.ip-content-section,.ip-cta{padding:var(--space-7) var(--space-4)}.ip-related-section{padding:var(--space-7) var(--space-4) var(--space-8);padding-inline:var(--page-x)}.ip-related-grid{grid-template-columns:1fr}}
