.problem-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.problem-card{border:1px solid var(--border-hairline);border-radius:var(--r-4);background:#fff;padding:32px;position:relative}.problem-card .qm{width:44px;height:44px;color:var(--it-orange);font:700 22px/1 var(--font-sans);background:#f7aa471f;border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.problem-card p{font:500 17px/1.55 var(--font-sans);color:var(--it-blue-ink);letter-spacing:-.005em;margin:0}@media (width<=980px){.problem-grid{grid-template-columns:1fr}}.phases{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid;position:relative}.phase{border-radius:var(--r-4);background:#ffffff0a;border:1px solid #ffffff14;padding:32px;position:relative}.phase .n{font:600 11px/1 var(--font-mono);color:var(--it-orange);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}.phase h3{font:700 24px/1.2 var(--font-sans);color:#fff;letter-spacing:-.01em;margin:0 0 12px}.phase p{font:400 14px/1.6 var(--font-sans);color:#ffffffb3;margin:0}.phase .arr{background:var(--it-orange);width:28px;height:28px;color:var(--it-blue-ink);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}@media (width<=980px){.phases{grid-template-columns:1fr}.phase .arr{display:none}}.pillars{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pillar{border:1px solid var(--border-hairline);border-radius:var(--r-4);background:#fff;padding:28px;transition:all .24s}.pillar:hover{border-color:var(--it-blue-300);transform:translateY(-4px);box-shadow:0 24px 48px #132d4914}.pillar .ico{border-radius:var(--r-3);background:var(--bg-tint);width:44px;height:44px;color:var(--it-blue);place-items:center;margin-bottom:18px;display:grid}.pillar h3{font:700 18px/1.25 var(--font-sans);color:var(--it-blue-ink);margin:0 0 8px}.pillar p{font:400 14px/1.55 var(--font-sans);color:var(--fg-2);margin:0}@media (width<=980px){.pillars{grid-template-columns:1fr 1fr}}@media (width<=620px){.pillars{grid-template-columns:1fr}}.timeline{flex-direction:column;gap:28px;max-width:920px;margin:0 auto;display:flex}.timeline-step{border-bottom:1px dashed var(--border-default);grid-template-columns:80px 1fr;align-items:start;gap:24px;padding-bottom:28px;display:grid}.timeline-step:last-child{border-bottom:0}.timeline-step .num{font:700 clamp(26px, 3vw, 32px)/1 var(--font-sans);color:var(--it-orange-ink);letter-spacing:-.02em;padding-top:4px}.timeline-step h3{font:700 clamp(17px, 2vw, 20px)/1.3 var(--font-sans);color:var(--it-blue-ink);margin:0 0 6px}.timeline-step p{font:400 clamp(14px, 1.4vw, 15px)/1.55 var(--font-sans);color:var(--fg-2);margin:0}.timeline-step .duration{font:500 11px/1 var(--font-mono);color:var(--fg-2);border:1px solid var(--border-hairline);border-radius:var(--r-2);margin-top:8px;padding:4px 8px;display:inline-block}@media (width<=540px){.timeline-step{grid-template-columns:56px 1fr;gap:16px}.plan-banner{flex-direction:column;align-items:flex-start}}.why-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.why-card{border-radius:var(--r-4);background:#ffffff08;border:1px solid #ffffff14;padding:28px}.why-card .check{color:var(--it-orange);margin-bottom:14px}.why-card h3{font:700 17px/1.3 var(--font-sans);color:#fff;letter-spacing:-.005em;margin:0 0 6px}.why-card p{font:400 14px/1.55 var(--font-sans);color:#ffffffa6;margin:0}@media (width<=980px){.why-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.why-grid{grid-template-columns:1fr}}.faq{max-width:820px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border-hairline)}.faq-item summary{cursor:pointer;font:600 18px/1.35 var(--font-sans);color:var(--it-blue-ink);letter-spacing:-.005em;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D649B' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:0 0 14px;width:14px;height:14px;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(180deg)}.faq-item .answer{font:400 15px/1.65 var(--font-sans);color:var(--fg-2);padding:0 0 22px}.plan-banner{background:linear-gradient(135deg, var(--it-blue) 0%, var(--it-blue-ink) 100%);color:#fff;border-radius:var(--r-4);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:920px;margin:40px auto 0;padding:32px;display:flex}.plan-banner h3{font:700 20px/1.3 var(--font-sans);color:#fff;margin:0 0 4px}.plan-banner p{font:400 14px/1.5 var(--font-sans);color:#ffffffb3;max-width:520px;margin:0}
