/* ============================================================
   INFO PAGES — light, business tone. Used by:
   usloviya-pokupki.html, garantiya.html, postavshchikam.html
   ============================================================ */
.ip-glow{position:absolute;inset:-35%;z-index:0;pointer-events:none;filter:blur(80px);opacity:.7;background:conic-gradient(from 200deg at 50% 50%,#dce8ff,#fff,#e6dcff,#fff,#d5f2ec,#e9f0ff,#dce8ff);animation:ipSpin 28s linear infinite}
.ip-glow.slow{animation-duration:44s;opacity:.55}
@keyframes ipSpin{to{transform:rotate(360deg)}}
.ip-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.88))}
@media(prefers-reduced-motion:reduce){.ip-glow{animation:none}}

.ip-hero{position:relative;overflow:hidden;isolation:isolate;background:#fff;padding:128px 0 clamp(44px,5vw,72px)}
.ip-hero>.wrap{position:relative;z-index:2}
.ip-hgrid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(30px,4vw,64px);align-items:end}
.ip-crumbs{font-size:13px;color:var(--mist)}
.ip-crumbs a{color:var(--mist)}.ip-crumbs a:hover{color:var(--carbon)}
.ip-eyebrow{font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--signal-blue);margin-top:22px}
.ip-hero h1{font-size:clamp(31px,4.1vw,52px);line-height:1.06;letter-spacing:-1.5px;font-weight:600;margin:12px 0 18px;max-width:25ch}
.ip-lead{font-size:clamp(16.5px,1.7vw,20px);line-height:1.5;font-weight:300;color:var(--ash);max-width:62ch;text-wrap:pretty}
.ip-hero .ip-lead+.ip-lead{margin-top:14px}

.ip-card{background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.92);box-shadow:0 26px 62px rgba(29,49,86,.13);border-radius:16px;padding:10px 26px 14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.ip-card .cap{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--mist);padding:12px 0 4px}
.ip-f{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid var(--hairline)}
.ip-f:last-child{border-bottom:0}
.ip-f b{font-family:var(--font-mono);font-size:17px;font-weight:600;letter-spacing:-.4px;white-space:nowrap}
.ip-f span{font-size:13px;line-height:1.4;color:var(--ash);text-align:right;max-width:23ch}

.ip-nav{position:sticky;top:51px;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.ip-nav .in{max-width:var(--page-max);margin:0 auto;padding:0 40px;display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}
.ip-nav .in::-webkit-scrollbar{display:none}
.ip-nav a{font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--ash);padding:14px 0;white-space:nowrap;border-bottom:2px solid transparent;transition:color .25s,border-color .25s}
.ip-nav a:hover{color:var(--carbon);border-bottom-color:var(--apple-blue)}

.ip-sec{position:relative;overflow:hidden;isolation:isolate;padding:clamp(54px,6.4vw,98px) 0;scroll-margin-top:112px}
.ip-sec>.wrap{position:relative;z-index:2}
.ip-sec.paper{background:#fff}
.ip-sec.tint{background:var(--ice)}
.ip-sec.mist{background:var(--frost)}
.ip-head{max-width:var(--text-col);margin-bottom:clamp(26px,3vw,44px)}
.ip-head .num{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--signal-blue)}
.ip-head h2{font-size:clamp(25px,2.9vw,37px);line-height:1.1;letter-spacing:-1px;font-weight:600;margin-top:10px}
.ip-head p{font-size:16.5px;line-height:1.55;color:var(--ash);margin-top:14px;max-width:72ch;text-wrap:pretty}

.ip-rows{border-top:1px solid var(--hairline)}
.ip-row{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:28px;padding:20px 0;border-bottom:1px solid var(--hairline);transition:padding-left .35s var(--ease),border-color .35s}
.ip-row:hover{padding-left:10px;border-bottom-color:rgba(0,113,227,.45)}
.ip-row b{font-size:16.5px;font-weight:600;letter-spacing:-.2px}
.ip-row span{font-size:15.5px;line-height:1.55;color:var(--ash);text-wrap:pretty}

.ip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ip-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ip-grid.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ip-tile{background:#fff;border:1px solid var(--hairline);border-radius:14px;padding:26px 24px;display:flex;flex-direction:column;gap:10px;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.ip-tile:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(29,49,86,.11);border-color:#c3d6ea}
.ip-tile .k{font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--signal-blue)}
.ip-tile h3{font-size:19px;font-weight:600;letter-spacing:-.3px}
.ip-tile p{font-size:15px;line-height:1.55;color:var(--ash);text-wrap:pretty}
.ip-tile .amt{font-family:var(--font-mono);font-size:22px;font-weight:600;letter-spacing:-.8px}

.ip-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:14px;overflow:hidden}
.ip-steps.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ip-steps.n5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ip-step{background:#fff;padding:26px 22px;display:flex;flex-direction:column;gap:9px;transition:background .3s}
.ip-step:hover{background:var(--ice)}
.ip-step .n{font-family:var(--font-mono);font-size:12px;color:var(--signal-blue)}
.ip-step h4{font-size:17px;font-weight:600;letter-spacing:-.2px}
.ip-step p{font-size:14.5px;line-height:1.5;color:var(--ash);text-wrap:pretty}
.ip-step .who{margin-top:auto;padding-top:8px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--mist)}

.ip-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:14px;overflow:hidden}
.ip-k{background:#fff;padding:24px 22px}
.ip-k .v{font-family:var(--font-mono);font-size:clamp(21px,2.3vw,29px);font-weight:600;letter-spacing:-1px}
.ip-k .k{font-size:13px;line-height:1.45;color:var(--ash);margin-top:8px}

.ip-tablewrap{border:1px solid var(--hairline);border-radius:14px;overflow:hidden;background:#fff}
.ip-table{width:100%;border-collapse:collapse}
.ip-table th{text-align:left;padding:14px 18px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--ash);background:var(--frost);border-bottom:1px solid var(--hairline)}
.ip-table td{padding:15px 18px;border-bottom:1px solid #ecedf0;font-size:15px;line-height:1.5;color:var(--ash);vertical-align:top}
.ip-table tr:last-child td{border-bottom:0}
.ip-table td:first-child{color:var(--carbon);font-weight:600}
.ip-table tbody tr{transition:background .25s}
.ip-table tbody tr:hover{background:var(--ice)}

.ip-note{border-left:3px solid var(--signal-blue);background:rgba(41,151,255,.07);border-radius:0 12px 12px 0;padding:20px 24px;font-size:16px;line-height:1.55;color:var(--smoke);text-wrap:pretty}
.ip-note b{color:var(--carbon);font-weight:600}
.ip-note.warn{border-left-color:#d9932f;background:rgba(217,147,47,.09)}
.ip-note .lbl{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--mist);margin-bottom:8px}

.ip-checks{border-top:1px solid var(--hairline)}
.ip-check{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--hairline);font-size:15.5px;line-height:1.55;color:var(--smoke);text-wrap:pretty}
.ip-check i{flex:none;width:19px;height:19px;border-radius:50%;border:1px solid var(--signal-blue);color:var(--signal-blue);font-size:10px;font-style:normal;display:flex;align-items:center;justify-content:center;margin-top:3px}
.ip-check.no i{border-color:#d59292;color:#bd6060}
.ip-check b{color:var(--carbon);font-weight:600}

.ip-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.ip-cols h3{font-size:19px;font-weight:600;letter-spacing:-.3px;margin-bottom:10px}
.ip-cols p{font-size:15.5px;line-height:1.6;color:var(--ash);text-wrap:pretty}
.ip-cols p+p{margin-top:12px}

.ip-contact{background:#fff;border:1px solid var(--hairline);border-radius:16px;padding:clamp(26px,3vw,44px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(26px,4vw,56px);align-items:center}
.ip-contact h2{font-size:clamp(22px,2.4vw,30px);line-height:1.14;letter-spacing:-.7px;font-weight:600}
.ip-contact p{font-size:15.5px;line-height:1.55;color:var(--ash);margin-top:12px;max-width:48ch}
.ip-contact .lines{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px 26px;font-family:var(--font-mono);font-size:14px}
.ip-contact .lines a{color:var(--link-blue)}
.ip-form{display:grid;gap:10px}
.ip-form textarea{width:100%;border:1px solid var(--hairline);border-radius:8px;background:#fff;padding:12px 14px;font-size:15px;font-family:inherit;resize:vertical;min-height:78px;outline:none;color:var(--carbon)}
.ip-form textarea:focus{border-color:var(--apple-blue);box-shadow:0 0 0 3px rgba(0,113,227,.15)}
.ip-form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ip-form .sub{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.ip-form .sub small{font-size:12.5px;color:var(--mist);line-height:1.4;max-width:34ch}

@media(max-width:1000px){.ip-hgrid,.ip-cols,.ip-contact{grid-template-columns:1fr}.ip-grid,.ip-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-steps,.ip-steps.n3,.ip-steps.n5,.ip-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-nav .in{padding:0 20px}}
@media(max-width:700px){.ip-grid,.ip-grid.five,.ip-steps,.ip-steps.n3,.ip-steps.n5,.ip-kpi{grid-template-columns:1fr}.ip-row{grid-template-columns:1fr;gap:6px}.ip-form .row{grid-template-columns:1fr}.ip-hero{padding-top:104px}}