:root{--ipk-blue:#2664ff;--ipk-cyan:#59b8ff;--ipk-ink:#14203b;--ipk-muted:#59667d}
body{font-family:Jost,Arial,sans-serif;color:var(--ipk-ink)}
.ipk-hero{position:relative;min-height:730px;padding-bottom:80px;background:linear-gradient(90deg,rgba(5,13,30,.97) 0%,rgba(5,13,30,.9) 36%,rgba(5,13,30,.3) 70%),url('/img/ipk/ipk-hero.webp') center/cover no-repeat;color:#fff}
.ipk-hero__inner{padding-top:145px}.ipk-hero .breadcrumb,.ipk-hero .breadcrumb a{color:#c9d6ef}
.ipk-back{display:inline-block;margin-bottom:25px;color:#c2cfe5;text-decoration:none;font-size:16px}
.ipk-label{margin:0 0 20px;color:#87c3ff;font-size:13px;line-height:1.6;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.ipk-hero h1{max-width:790px;margin:0 0 26px;font-size:clamp(42px,4.5vw,68px);font-weight:600;line-height:1.08;letter-spacing:-.035em}.ipk-hero h1 span{color:#78bfff}
.ipk-hero__lead{max-width:610px;margin:0 0 32px;color:#d2dded;font-size:21px;line-height:1.6}
.ipk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.ipk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:16px 24px;border:0;border-radius:8px;background:linear-gradient(135deg,#2968ff,#318cdc);color:#fff;font-family:inherit;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.ipk-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(38,100,255,.25)}.ipk-site-link{color:#d4e3ff;text-underline-offset:5px;font-size:16px}
.ipk-section{padding:90px 0;background:#fff}.ipk-section--light{background:#f1f5fc}.ipk-section--dark{background:#09152a;color:#fff}.ipk-section--result{background:linear-gradient(135deg,#0b1c3b,#0e2851);color:#fff}
.ipk-heading{max-width:900px;margin:0 auto 42px;text-align:center}.ipk-heading>span,.ipk-eyebrow{color:var(--ipk-blue);font-size:13px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.ipk-heading h2,.ipk-story h2,.ipk-progress h2,.ipk-result h2{margin:14px 0 22px;font-size:clamp(30px,3.1vw,44px);line-height:1.18;font-weight:600;letter-spacing:-.025em}.ipk-heading p{font-size:20px;line-height:1.65;color:var(--ipk-muted)}
.ipk-section--dark .ipk-heading>span,.ipk-section--result .ipk-eyebrow{color:#89c4ff}.ipk-section--dark .ipk-heading p{color:#b5c4da}
.ipk-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ipk-facts article{padding:30px;background:#fff;border:1px solid #e0e8f6;border-radius:12px}.ipk-facts strong{display:block;color:var(--ipk-blue);font-size:36px;font-weight:600;line-height:1.3}.ipk-facts h3{margin:12px 0 10px;font-size:21px;font-weight:500}.ipk-facts p{margin:0;color:var(--ipk-muted);font-size:17px;line-height:1.65}
.ipk-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ipk-features--four{grid-template-columns:repeat(4,minmax(0,1fr))}.ipk-features--two{grid-template-columns:repeat(2,minmax(0,1fr))}.ipk-features article{padding:28px;border:1px solid #dce5f3;border-radius:12px;background:#fff}.ipk-features h3{margin:22px 0 14px;font-size:22px;line-height:1.3;font-weight:500}.ipk-features p{margin:0;font-size:17px;line-height:1.7;color:var(--ipk-muted)}
.ipk-section--dark .ipk-features article{background:#111f36;border-color:#253650}.ipk-section--dark .ipk-features p{color:#b9c7db}.ipk-icon{width:56px;height:56px;flex-shrink:0}.ipk-icon svg{width:29px;height:29px;color:#fff}
.ipk-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:start;gap:64px}.ipk-story__copy{padding-top:20px}.ipk-story__copy>p,.ipk-progress p{font-size:19px;line-height:1.75;color:var(--ipk-muted);margin:0 0 22px}.ipk-text-link{display:inline-block;margin-top:6px;color:var(--ipk-blue);font-size:17px;text-underline-offset:5px}.ipk-story--reverse .ipk-story__copy{order:2}.ipk-story--reverse .ipk-screen{order:1}
.ipk-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px}.ipk-screen{margin:0;min-width:0;overflow:hidden;border:1px solid #dce5f3;border-radius:12px;background:#fff;box-shadow:0 12px 40px rgba(15,36,72,.06)}.ipk-screen>a{display:block;height:390px;overflow:hidden;cursor:zoom-in;background:#eaf0f8}.ipk-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s}.ipk-screen a:hover img{transform:scale(1.012)}.ipk-screen figcaption{padding:20px 22px;color:#273954;font-size:17px;line-height:1.5}.ipk-screen figcaption span{display:block;margin-top:8px;color:#697994;font-size:13px}.ipk-story .ipk-screen>a{height:540px}
.ipk-note{display:flex;align-items:center;gap:18px;padding:20px;border-radius:12px;background:#f1f5fc}.ipk-note p{margin:0;color:#3c5272;font-size:17px;line-height:1.6}
.ipk-progress{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.ipk-result{max-width:950px;text-align:center}.ipk-result h2{font-size:clamp(32px,3.6vw,50px)}.ipk-result p{max-width:850px;margin:0 auto 32px;color:#cbd8ec;font-size:20px;line-height:1.75}
.ipk-lightbox{position:fixed;inset:0;z-index:9999;display:flex;overflow:auto;align-items:flex-start;justify-content:center;padding:50px 40px;background:rgba(5,13,29,.96)}.ipk-lightbox[hidden]{display:none}.ipk-lightbox__stage{display:flex;flex-direction:column;align-items:center;gap:14px;margin:auto;max-width:100%}.ipk-lightbox__image-button{display:block;max-width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.ipk-lightbox__img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;border-radius:8px}.ipk-lightbox.is-zoomed .ipk-lightbox__stage{max-width:none}.ipk-lightbox.is-zoomed .ipk-lightbox__image-button{max-width:none;cursor:zoom-out}.ipk-lightbox.is-zoomed .ipk-lightbox__img{max-width:none;max-height:none}.ipk-lightbox__caption{max-width:850px;color:#deebff;text-align:center;font-size:16px;line-height:1.5}.ipk-lightbox__hint{color:#afc0da;font-size:13px;text-align:center}.ipk-lightbox__close{position:fixed;top:15px;right:20px;z-index:1;width:46px;height:46px;border:1px solid #647491;border-radius:9px;background:#1c2d49;color:#fff;font-size:28px;cursor:pointer}
.ipk-btn:focus-visible,.ipk-screen a:focus-visible,.ipk-lightbox button:focus-visible,.ipk-site-link:focus-visible,.ipk-text-link:focus-visible,.ipk-back:focus-visible{outline:3px solid #70baff;outline-offset:5px}
@media(max-width:1100px){.ipk-features--four{grid-template-columns:repeat(2,minmax(0,1fr))}.ipk-story{gap:36px}.ipk-hero{min-height:700px}}
@media(max-width:850px){.ipk-section{padding:65px 0}.ipk-hero{min-height:auto;background-position:65% center}.ipk-hero__inner{padding-top:120px}.ipk-facts,.ipk-features{grid-template-columns:repeat(2,minmax(0,1fr))}.ipk-facts article:last-child{grid-column:1/-1}.ipk-story,.ipk-progress{grid-template-columns:1fr;gap:28px}.ipk-story--reverse .ipk-story__copy,.ipk-story--reverse .ipk-screen{order:initial}.ipk-story .ipk-screen>a{height:460px}.ipk-story__copy{padding-top:0}.ipk-screen>a{height:320px}}
@media(max-width:550px){.ipk-hero{padding-bottom:55px;background:linear-gradient(90deg,rgba(5,13,30,.96),rgba(5,13,30,.78)),url('/img/ipk/ipk-hero.webp') 66% center/cover no-repeat}.ipk-hero__inner{padding-top:105px}.ipk-hero h1{font-size:40px}.ipk-label{font-size:11px}.ipk-hero__lead{font-size:18px}.ipk-hero .ipk-btn{width:100%}.ipk-heading{text-align:left;margin-bottom:28px}.ipk-heading h2 br{display:none}.ipk-heading p,.ipk-result p{font-size:18px}.ipk-facts,.ipk-features,.ipk-screens{grid-template-columns:1fr}.ipk-facts article:last-child{grid-column:auto}.ipk-facts article,.ipk-features article{padding:24px}.ipk-story .ipk-screen>a,.ipk-screen>a{height:330px}.ipk-story h2 br,.ipk-progress h2 br{display:none}.ipk-story__copy>p,.ipk-progress p{font-size:18px}.ipk-note{align-items:flex-start;gap:12px}.ipk-note .ipk-icon{width:44px;height:44px}.ipk-screen figcaption{font-size:16px;padding:18px}.ipk-lightbox{padding:65px 12px 25px}.ipk-lightbox__img{max-height:72vh}.ipk-lightbox__close{right:12px}.ipk-result .ipk-btn{max-width:100%;font-size:16px}}
@media(prefers-reduced-motion:reduce){.ipk-btn,.ipk-screen img{transition:none}}
@media(max-width:850px){body .ipk-hero .breadcrumb{top:170px}.ipk-hero__inner{padding-top:228px}}
.ipk-story h2{font-size:clamp(26px,2.4vw,32px);line-height:1.25;text-align:left}