.cc-app .learn-hero{background:linear-gradient(180deg, #fff, var(--cc-sky-top));box-shadow:var(--cc-shadow-sm);border-radius:26px;margin-top:8px;padding:34px 26px}@media (min-width:900px){.cc-app .learn-hero{padding:44px 40px}}.cc-app .learn-hero h1{font-size:clamp(28px,4.4vw,42px)}.cc-app .learn-hero p{color:var(--cc-ink-soft);max-width:50ch;margin-top:14px;font-size:17px}.cc-app .learn-hero .btns{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.cc-app .flow{grid-template-columns:1fr;gap:16px;margin-top:22px;display:grid}@media (min-width:760px){.cc-app .flow{grid-template-columns:repeat(4,1fr)}}.cc-app .flow-step{box-shadow:var(--cc-shadow-sm);background:#fff;border-radius:20px;padding:20px}.cc-app .flow-step .n{background:var(--cc-coral);color:#fff;width:32px;height:32px;font-weight:800;font-family:var(--cc-font-display);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.cc-app .flow-step h4{margin-bottom:6px;font-size:15.5px}.cc-app .flow-step p{color:var(--cc-ink-soft);font-size:13.5px}.cc-app .section-title{margin-top:52px;font-size:22px}.cc-app .section-sub{color:var(--cc-ink-soft);margin-top:6px;font-size:14.5px}.cc-app .concept-grid{grid-template-columns:1fr;gap:16px;margin-top:20px;display:grid}@media (min-width:900px){.cc-app .concept-grid{grid-template-columns:repeat(3,1fr)}}.cc-app .concept{box-shadow:var(--cc-shadow-sm);background:#fff;border-radius:20px;padding:22px}.cc-app .concept h4{margin-bottom:8px;font-size:16.5px}.cc-app .concept p{color:var(--cc-ink-soft);font-size:14px}.cc-app .concept .demo{border-radius:14px;justify-content:center;align-items:center;height:92px;margin-bottom:14px;display:flex}.cc-app .examples-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}@media (min-width:640px){.cc-app .examples-grid{grid-template-columns:repeat(4,1fr)}}.cc-app .example-tile{box-shadow:var(--cc-shadow-sm);text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;transition:transform .15s,box-shadow .15s;display:flex}.cc-app .example-tile:hover{box-shadow:var(--cc-shadow-md);transform:translateY(-3px)}.cc-app .example-tile span{color:var(--cc-ink);font-size:13px;font-weight:700;line-height:1.3}.cc-app .guides{grid-template-columns:1fr;gap:16px;margin-top:20px;display:grid}@media (min-width:640px){.cc-app .guides{grid-template-columns:repeat(2,1fr)}}@media (min-width:1040px){.cc-app .guides{grid-template-columns:repeat(3,1fr)}}.cc-app .guide{box-shadow:var(--cc-shadow-sm);text-align:left;background:#fff;border-radius:20px;flex-direction:column;gap:9px;padding:20px;transition:transform .15s,box-shadow .15s;display:flex}a.cc-guide:hover,.cc-app .guide:is(a):hover{box-shadow:var(--cc-shadow-md);transform:translateY(-3px)}.cc-app .guide .ic{border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.cc-app .guide h4{font-size:16px}.cc-app .guide p{color:var(--cc-ink-soft);flex:1;font-size:13.5px}details.cc-faq{box-shadow:var(--cc-shadow-sm);background:#fff;border-radius:16px;margin-top:10px;padding:0;overflow:hidden}details.cc-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14.5px;font-weight:800;list-style:none;display:flex}details.cc-faq summary::-webkit-details-marker{display:none}details.cc-faq summary:after{content:"+";color:var(--cc-ink-faint);flex:none;font-size:20px;font-weight:700}details.cc-faq[open] summary:after{content:"–"}details.cc-faq .a{color:var(--cc-ink-soft);padding:0 20px 18px;font-size:14px}.cc-app .cta-band{background:linear-gradient(180deg, var(--cc-sky-bottom), var(--cc-sky-top));text-align:center;border-radius:26px;margin-top:52px;padding:36px 26px}.cc-app .cta-band h3{font-size:clamp(22px,3.4vw,30px)}.cc-app .cta-band p{color:var(--cc-ink-soft);margin-top:10px;font-size:15.5px}.cc-app .cta-band .btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}