.content-page{overflow:hidden;background:#fff}
.section-kicker{display:inline-flex;align-items:center;gap:10px;color:#ef00b8;font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.section-kicker::before{width:24px;height:2px;border-radius:2px;background:linear-gradient(90deg,#6d41e9,#1167f5);content:""}
.section-title{margin:16px 0 0;color:#11121b;font-size:clamp(2.5rem,4.1vw,4.25rem);font-weight:790;line-height:1.01;letter-spacing:-.055em}
.section-lead{max-width:800px;margin:20px 0 0;color:var(--color-muted);font-size:1.05rem;line-height:1.72}
.title-accent{color:transparent;background:linear-gradient(96deg,#6d41e9 0%,#1167f5 45%,#1167f5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;color:#6d7b85;font-size:.82rem}
.breadcrumb a{color:#6d41e9;font-weight:750;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}
.page-hero{position:relative;padding:42px 0 18px;background:#fff}
.page-hero::before{position:absolute;inset:0;background-image:linear-gradient(rgba(18,63,86,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,63,86,.035) 1px,transparent 1px);background-size:54px 54px;content:"";mask-image:linear-gradient(to bottom,#000,transparent 84%);pointer-events:none}
.page-hero__glow{position:absolute;inset:-5% -4% auto auto;width:54vw;height:54vw;border-radius:50%;background:radial-gradient(circle,rgba(69,184,232,.18),rgba(18,63,86,.07) 44%,transparent 70%);filter:blur(34px)}
.page-hero__inner{position:relative}.page-hero__content{position:relative;z-index:2}
.page-hero h1{max-width:760px;margin:18px 0 0;color:#11121b;font-size:clamp(3rem,4.25vw,4.65rem);font-weight:790;line-height:.98;letter-spacing:-.064em}
.page-hero__content>p{max-width:690px;margin:26px 0 0;color:var(--color-muted);font-size:clamp(1.04rem,1.25vw,1.18rem);line-height:1.7}
.page-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.page-hero__visual{margin:0}
.content-section{padding:76px 0}.content-section--soft{background:var(--section-soft-blue)}.content-section--dark{background:#0b0d18}
.content-section--dark .section-kicker{color:#9fbfff}.content-section--dark .section-title{color:#fff}.content-section--dark .section-lead{color:rgba(255,255,255,.72)}
.section-head{max-width:950px}
.material-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.material-filter{border:1px solid #d5e3ea;border-radius:999px;padding:10px 16px;background:#fff;color:#355362;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}
.material-filter.is-active{border-color:#1167f5;background:#1167f5;color:#fff}
.material-filter .count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;padding:0 6px;border-radius:99px;background:rgba(8,126,173,.1);font-size:.72rem}
.material-filter.is-active .count{background:rgba(255,255,255,.18)}
.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.material-card{display:flex;min-height:390px;flex-direction:column;overflow:hidden;border:1px solid #d7e5ec;border-radius:26px;background:#fff;box-shadow:0 14px 38px rgba(8,40,58,.045)}
.material-card--featured{grid-column:span 2;min-height:360px}
.material-card__visual{display:flex;min-height:130px;align-items:flex-end;padding:24px;background:radial-gradient(circle at 82% 18%,rgba(120,210,242,.58),transparent 32%),linear-gradient(125deg,#083247 0%,#155d79 62%,#1167f5 100%);color:#fff}
.material-card--featured .material-card__visual{min-height:156px;padding:30px}
.material-card__type{font-size:clamp(1.1rem,1.8vw,1.55rem);font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.material-card__body{display:flex;flex:1;flex-direction:column;padding:24px}
.material-card--featured .material-card__body{padding:30px}
.material-card__category{color:#ef00b8;font-size:.73rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.material-card h3{margin:12px 0 0;color:#11121b;font-size:1.35rem;line-height:1.15;letter-spacing:-.025em}
.material-card--featured h3{font-size:clamp(1.75rem,2.6vw,2.45rem)}
.material-card p{margin:12px 0 0;color:var(--color-muted);line-height:1.62}
.material-card__meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:auto;padding-top:22px;color:#7a8e9a;font-size:.78rem}
.material-card__action{display:inline-flex;margin-top:14px;color:#1167f5;font-weight:850;text-decoration:none}.material-card__action:hover{text-decoration:underline}
.materials-loading,.materials-error{grid-column:1/-1;padding:26px;border:1px solid #d7e5ec;border-radius:24px;background:#fff;text-align:center;color:#6d7f8a}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}
.step-card{padding:28px;border:1px solid rgba(120,210,242,.18);border-radius:24px;background:rgba(255,255,255,.05)}
.step-card>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#171124;background:#9fbfff;font-size:.76rem;font-weight:850}
.step-card h3{margin:22px 0 0;color:#fff;font-size:1.24rem}.step-card p{margin:12px 0 0;color:rgba(255,255,255,.68);line-height:1.62}
.page-cta{padding:72px 0;background:var(--section-soft-blue)}
.page-cta__box{display:flex;align-items:center;justify-content:space-between;gap:44px;padding:clamp(34px,5vw,60px);border-radius:34px;color:#fff;background:radial-gradient(circle at 90% 12%,rgba(120,210,242,.5),transparent 36%),linear-gradient(125deg,#171124 0%,#4c2fa3 58%,#1167f5 100%);box-shadow:0 32px 80px rgba(8,40,58,.18)}
.page-cta__box .section-kicker{color:#9fbfff}.page-cta__box h2{max-width:720px;margin:12px 0 0;color:#fff;font-size:clamp(2.15rem,3.7vw,3.8rem);line-height:1.03;letter-spacing:-.045em}
.page-cta__box p{max-width:720px;margin:16px 0 0;color:rgba(255,255,255,.76);font-size:1.05rem;line-height:1.65}
.page-cta__actions{display:flex;flex:0 0 auto;flex-direction:column;gap:12px}.page-cta__actions .btn{width:100%}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity 650ms ease,transform 650ms ease}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1100px){.page-hero__content{text-align:center}.breadcrumb,.page-hero__actions{justify-content:center}.page-hero__content>p{margin-inline:auto}.materials-grid{grid-template-columns:repeat(2,1fr)}.material-card--featured{grid-column:span 2}.steps-grid{grid-template-columns:repeat(2,1fr)}.page-cta__box{align-items:flex-start;flex-direction:column}.page-cta__actions{width:100%;flex-direction:row}.page-cta__actions .btn{width:auto}}
@media(max-width:680px){.page-hero h1{font-size:clamp(2.45rem,10.5vw,3.4rem)}.page-hero__actions{display:grid}.page-hero__actions .btn{width:100%}.materials-grid,.steps-grid{grid-template-columns:1fr}.material-card--featured{grid-column:auto}.page-cta__actions{align-items:stretch;flex-direction:column}.page-cta__actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none!important}}