.material-first-screen{margin:0}.material-first-screen--blocks{background:#251d35;border-radius:0 0 40px 40px;overflow:hidden}.material-page-container{box-sizing:border-box;max-width:1200px;margin:0 auto;padding-left:40px;padding-right:40px}.material-first-screen .crumbs{max-width:none;margin:0;padding:24px 0 16px}.material-blocks-hero{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:end;column-gap:40px;width:100%;max-width:1200px;min-height:577px;margin:0 auto;padding:0 40px;display:grid}.material-blocks-hero__copy{flex-direction:column;align-items:flex-start;gap:0;min-width:0;padding:80px 0;display:flex}.material-blocks-hero__pill{color:#e0d9f2;font-size:var(--type-label);background:#ffffff1f;border-radius:20px;justify-content:center;align-items:center;margin-top:23px;padding:6px 14px;line-height:1.2;display:inline-flex}.material-blocks-hero__tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.material-blocks-hero__tag{color:#c9c0e4;font-size:var(--type-label);background:#ffffff14;border-radius:16px;align-items:center;padding:4px 12px;line-height:1.2;display:inline-flex}.material-blocks-hero__crumbs{font-size:var(--type-label);color:#cbc9d1;flex-wrap:wrap;gap:6px;margin-top:0;line-height:1.23;display:flex}.material-blocks-hero__crumbs a,.material-blocks-hero__crumbs span{color:inherit}.material-blocks-hero__crumbs span:last-child{color:#fff}.material-blocks-hero h1{max-width:620px;font-family:var(--font-graphik);font-size:var(--type-h1);color:#fff;margin:23px 0 0;font-weight:700;line-height:1}.material-blocks-hero__sub{max-width:620px;font-size:var(--type-body);color:#bfb8d9;margin:23px 0 0;line-height:1.35}.material-blocks-hero__actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.material-blocks-hero__download-action{flex-direction:column;align-items:flex-start;width:min(100%,320px);display:flex}.material-blocks-hero__button{background:var(--konsol-primary);color:#fff;min-height:45px;font-family:var(--font-cofo-mono);font-size:var(--type-action);text-transform:uppercase;box-sizing:border-box;border-radius:9999px;justify-content:center;align-items:center;width:100%;padding:14px 24px;font-weight:400;line-height:1.2;transition:background .15s;display:inline-flex}.material-blocks-hero__button:hover{background:var(--konsol-primary-hover)}.material-blocks-hero__button:focus-visible,.material-sticky-aside__download-button:focus-visible,.material-sticky-aside__form button:focus-visible{outline-offset:3px;outline:2px solid}.material-blocks-hero__downloads{color:#9991b8;font-size:var(--type-body);line-height:1.2}.material-blocks-hero__art{justify-content:center;place-self:center end;align-items:center;width:100%;min-width:0;max-width:739px;height:577px;display:flex;position:relative;overflow:hidden}.material-blocks-hero__art img{object-fit:contain;object-position:center;width:min(100%,739px);height:auto;max-height:100%;display:block}.material-first-screen .tpl-hero{width:100%;max-width:none;margin:0;padding:8px 0 64px}.material-after-first{padding-top:40px;padding-bottom:24px}.material-after-first--blocks{padding-top:64px}.material-after-first .tpl-body{width:100%;max-width:none;margin:0;padding-left:0;padding-right:0}.tpl-body.tpl-body--columns{max-width:none;margin:0;padding:0;display:block}.material-body-columns{grid-template-columns:minmax(0,760px) 340px;justify-content:space-between;align-items:start;gap:48px;width:100%;display:grid}@media (width>=1100px){.material-body-columns{grid-template-columns:minmax(0,760px) 360px;gap:48px}}.material-body-columns__main{flex-direction:column;gap:64px;min-width:0;display:flex}.material-after-first--blocks .kb-block,.material-after-first--blocks .kb-prose-section{max-width:none;padding:0}.material-after-first--blocks .kb-block-text{padding:16px}.material-blocks-prose{max-width:852px!important}.material-body-columns__aside{align-self:start;min-width:0;position:sticky;top:88px}.material-body-columns.material-body-columns--direct{grid-template-columns:minmax(0,1fr);max-width:852px;margin-inline:auto}.material-body-columns--direct .material-body-columns__aside{align-self:stretch;position:static}.material-sticky-aside{position:static}.material-sticky-aside__inner{background:#ebf8c4;border-radius:20px;padding:24px}.material-sticky-aside__title{font-family:var(--font-graphik);font-weight:700;font-size:var(--type-h4);letter-spacing:0;color:var(--fg-base);margin:0;line-height:1.12}.material-sticky-aside__desc{font-size:var(--type-small);color:var(--fg-2);margin:10px 0 0;line-height:1.47}.material-sticky-aside__form{flex-direction:column;gap:20px;margin-top:20px;display:flex}.material-sticky-aside__form input{height:46px;font-family:inherit;font-size:var(--type-small);color:var(--fg-1);box-sizing:border-box;background:#fff;border:1px solid #e0dded;border-radius:10px;outline:none;width:100%;padding:0 16px}.material-sticky-aside__form input:focus{border-color:var(--konsol-primary);box-shadow:var(--shadow-focus)}.material-sticky-aside__form .material-lead-form__agreement{color:var(--fg-2);cursor:pointer;align-items:flex-start;gap:7px;font-size:11px;line-height:1.25;display:flex}.material-sticky-aside__form .material-lead-form__consents{flex-direction:column;gap:5px;min-width:0;max-width:100%;display:flex}.material-sticky-aside__form .material-lead-form__policy{color:var(--fg-2);white-space:normal;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.25}.material-sticky-aside__form .material-lead-form__actions{flex-direction:column;gap:8px;min-width:0;display:flex}.material-sticky-aside__form .material-lead-form__agreement input{width:14px;height:14px;accent-color:var(--konsol-primary);box-shadow:none;border-radius:3px;flex:0 0 14px;margin:0;padding:0}.material-sticky-aside__form .material-lead-form__agreement span{overflow-wrap:anywhere;min-width:0;max-width:100%}.material-sticky-aside__form .material-lead-form__agreement a{white-space:normal;overflow-wrap:anywhere}.material-sticky-aside__form .material-lead-form__agreement a,.material-sticky-aside__form .material-lead-form__policy a{color:var(--konsol-primary);text-underline-offset:2px;text-decoration:underline}.material-sticky-aside__form .material-lead-form__agreement a:hover,.material-sticky-aside__form .material-lead-form__policy a:hover{color:var(--konsol-primary-hover)}.material-sticky-aside__download-button,.material-sticky-aside__form button{background:var(--konsol-primary);color:#fff;min-height:45px;font-family:var(--font-cofo-mono);font-weight:400;font-size:var(--type-action);text-transform:uppercase;cursor:pointer;border:none;border-radius:9999px;padding:14px 24px;line-height:1.2;transition:background .15s}.material-sticky-aside__download-button{box-sizing:border-box;justify-content:center;align-items:center;width:100%;margin-top:20px;display:inline-flex}.material-sticky-aside__download-button:hover,.material-sticky-aside__form button:hover{background:var(--konsol-primary-hover)}.material-sticky-aside__note{font-size:var(--type-label);color:#9991ab;margin:12px 0 0;line-height:1.33}.material-sticky-aside__note a{color:var(--konsol-primary);text-underline-offset:2px;text-decoration:underline}.material-sticky-aside__note a:hover{color:var(--konsol-primary-hover)}@media (width<=980px){.material-body-columns{grid-template-columns:1fr;gap:32px}.material-body-columns__aside{align-self:stretch;position:static;top:auto}.material-sticky-aside{margin-top:8px}}.material-blocks-intro{padding:16px 0 48px}.material-blocks-intro h1{font-family:var(--font-graphik);font-weight:700;font-size:var(--type-h1);letter-spacing:-.025em;color:var(--fg-base);text-wrap:balance;margin:0;line-height:1.05}.material-blocks-intro .lead{font-size:var(--type-body);color:var(--fg-2);max-width:720px;margin:16px 0 0;line-height:1.45}.material-page-container .kb-block{max-width:none;margin:0;padding-left:0;padding-right:0}.material-first-screen .kb-block-cover{margin-top:0}.material-subscribe{padding:48px 0 64px}.material-subscribe__form{margin:0}.material-first-screen .kb-block-cover{padding-top:12px}.material-page-container .tpl-content,.material-page-container .tpl-content[style],.material-page-container .kb-prose-section .tpl-content{max-width:760px!important}.material-page-container .kb-block+.kb-block{margin-top:0}.related-head{flex-direction:column;gap:8px;margin-bottom:40px;display:flex}.related--figma h2{margin-bottom:0}.related .card.card--figma{border:1px solid #251d351a;border-radius:16px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 1px 2px #251d3508}.related .card.card--figma:hover{border-color:#251d3524;transform:translateY(-3px);box-shadow:0 10px 28px #251d351a}.related .thumb--figma{align-items:flex-start;height:200px;padding:20px}.related .thumb--paper{background:#f0eff4}.related .thumb--violet{background:#f0e7fe}.related .thumb--lime{background:#ebf8c4}.related .thumb--sky{background:#dff0ff}.related .thumb--mint{background:#dff7e9}.related .thumb--peach{background:#ffe7d6}.related .thumb--rose{background:#ffe3ef}.related .thumb__image{box-sizing:border-box;object-fit:contain;object-position:center;width:100%;height:100%;padding:18px;position:absolute;inset:0}.related .body--figma{gap:8px}.related .body--figma h3{font-size:var(--type-h4);line-height:1.41}.material-page-container--newsletter{max-width:1280px;padding-top:80px;padding-bottom:80px}.material-page-container--newsletter .material-subscribe{padding:0}@media (width<=760px){.material-blocks-root{background:#fff;padding-top:16px}.material-page-container{padding-left:20px;padding-right:20px}.material-first-screen--blocks{border-radius:24px;margin-inline:16px}.material-blocks-hero{grid-template-columns:1fr;min-height:auto;padding:0}.material-blocks-hero__copy{box-sizing:border-box;width:100%;padding:32px 20px}.material-blocks-hero__pill{margin-top:16px}.material-blocks-hero h1{overflow-wrap:anywhere;font-size:clamp(26px,8vw,34px);line-height:1.05}.material-blocks-hero__sub{max-width:100%;font-size:var(--type-body);overflow-wrap:anywhere;line-height:1.35}.material-blocks-hero__actions{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.material-blocks-hero__download-action{width:100%}.material-blocks-hero__art{width:100%;height:320px;min-height:280px}.material-blocks-hero__art img{width:100%;height:100%}.material-first-screen .crumbs{padding-top:18px}.material-after-first{padding-top:32px}.material-after-first--blocks{padding-top:40px}.related .grid{grid-template-columns:1fr}.material-page-container--newsletter{padding-top:56px;padding-bottom:56px}}.crumbs{max-width:1200px;font-family:var(--font-cofo-mono);font-size:var(--type-label);letter-spacing:-.02em;color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:8px;margin:0 auto;padding:20px 40px 0;display:flex}.crumbs a{color:var(--fg-2)}.crumbs a:hover{color:var(--konsol-primary)}.crumbs .sep{color:var(--fg-3)}.crumbs .current{color:var(--fg-1)}.tpl-hero{grid-template-columns:1fr 460px;align-items:start;gap:56px;max-width:1200px;margin:0 auto;padding:32px 40px 64px;display:grid}.tpl-hero .left .eyebrow-row{gap:8px;margin-bottom:24px;display:flex}.tpl-hero h1{font-family:var(--font-graphik);font-weight:700;font-size:var(--type-h1);letter-spacing:-.025em;color:var(--fg-base);text-wrap:balance;margin:0;line-height:1.02}.tpl-hero .lead{font-size:var(--type-body);color:var(--fg-2);text-wrap:pretty;max-width:620px;margin:24px 0 0;line-height:1.45}.tpl-meta{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);gap:28px;margin-top:32px;padding:24px 0;display:flex}.tpl-meta .item{flex-direction:column;gap:4px;display:flex}.tpl-meta .k{font-family:var(--font-cofo-mono);font-size:var(--type-label);letter-spacing:-.02em;color:var(--fg-2);text-transform:uppercase}.tpl-meta .v{font-family:var(--font-graphik);font-weight:500;font-size:var(--type-body);color:var(--fg-base)}.tpl-meta .v.mono{font-family:var(--font-cofo-mono);letter-spacing:-.02em}.dl-card{background:var(--konsol-box-purple-4);border-radius:24px;padding:32px;position:sticky;top:88px}.dl-card .preview{aspect-ratio:7/9;background:#fff;border-radius:16px;flex-direction:column;gap:6px;margin-bottom:20px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #251d3514}.dl-card .preview .h{background:#251d35;border-radius:3px;width:60%;height:14px;margin-bottom:12px}.dl-card .preview .line{background:#251d351f;border-radius:2px;height:5px}.dl-card .preview .line.short{width:35%}.dl-card .preview .line.mid{width:70%}.dl-card .preview .line.long{width:94%}.dl-card .preview .gap{height:10px}.dl-card .preview .page-num{font-family:var(--font-cofo-mono);color:var(--fg-3);letter-spacing:-.02em;font-size:10px;position:absolute;bottom:12px;right:16px}.dl-card .preview .stamp{border:1.5px solid var(--konsol-primary);width:72px;height:72px;color:var(--konsol-primary);font-family:var(--font-cofo-mono);letter-spacing:-.02em;text-align:center;border-radius:9999px;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute;bottom:44px;right:20px;transform:rotate(-8deg)}.dl-card h3{font-family:var(--font-graphik);font-weight:700;font-size:var(--type-h4);color:var(--fg-base);margin:0 0 4px;line-height:1.2}.dl-card .sub{font-size:var(--type-small);color:var(--fg-2);margin:0 0 20px}.dl-form{flex-direction:column;gap:10px;display:flex}.dl-form .field{flex-direction:column;gap:6px;display:flex}.dl-form .field label{font-family:var(--font-cofo-mono);letter-spacing:-.02em;color:var(--fg-2);text-transform:uppercase;font-size:11px}.dl-form input{border:1px solid var(--border);height:44px;font-family:inherit;font-size:var(--type-small);color:var(--fg-1);background:#fff;border-radius:10px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}.dl-form input:focus{border-color:var(--konsol-primary);box-shadow:var(--shadow-focus)}.dl-form .check{font-size:var(--type-label);color:var(--fg-2);align-items:flex-start;gap:10px;margin-top:4px;line-height:1.4;display:flex}.dl-form .check input{accent-color:var(--konsol-primary);flex-shrink:0;width:16px;height:16px;margin-top:2px}.dl-form .form-policy{font-size:var(--type-label);color:var(--fg-2);margin:4px 0 0;line-height:1.4}.dl-form .check a,.dl-form .form-policy a{color:var(--konsol-primary);text-decoration:underline}.dl-form button.submit{background:var(--konsol-primary);color:#fff;height:52px;font-family:var(--font-cofo-mono);font-weight:400;font-size:var(--type-action);text-transform:uppercase;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;margin-top:8px;transition:background .15s;display:inline-flex}.dl-form button.submit:hover{background:var(--konsol-primary-hover)}.dl-form button.submit svg{width:18px;height:18px}.dl-card .counter{font-size:var(--type-label);color:var(--fg-2);border-top:1px solid #251d3514;align-items:center;gap:10px;margin-top:18px;padding-top:18px;display:flex}.dl-card .counter .n{font-family:var(--font-cofo-mono);color:var(--fg-1);font-size:var(--type-label);letter-spacing:-.02em}.tpl-body:not(.tpl-body--columns){grid-template-columns:1fr 460px;gap:56px;max-width:1200px;margin:0 auto;padding:0 40px;display:grid}.tpl-content{max-width:720px}.tpl-content h2{font-family:var(--font-graphik);font-weight:700;font-size:var(--type-h3);letter-spacing:-.02em;color:var(--fg-base);margin:56px 0 20px;line-height:1.15}.tpl-content h2:first-child{margin-top:0}.tpl-content p{font-size:var(--type-body);color:var(--fg-1);margin:0 0 16px;line-height:1.55}.tpl-content ul{font-size:var(--type-body);color:var(--fg-1);margin:0 0 24px;padding-left:0;line-height:1.6;list-style:none}.tpl-content ul li{border-bottom:1px solid var(--border-soft);padding:10px 0 10px 32px;position:relative}.tpl-content ul li:before{content:"";background:var(--konsol-primary-bg);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B36FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:10px;border-radius:9999px;width:16px;height:16px;position:absolute;top:16px;left:2px}.share-rail{float:left;flex-direction:column;gap:8px;margin-left:-88px;display:flex;position:sticky;top:88px}.share-rail .sh{border:1px solid var(--border-soft);width:44px;height:44px;color:var(--fg-2);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;transition:all .15s;display:flex}.share-rail .sh:hover{color:var(--konsol-primary);border-color:var(--konsol-primary);background:var(--konsol-primary-bg)}.share-rail .sh svg{width:18px;height:18px}.share-rail .lbl{font-family:var(--font-cofo-mono);letter-spacing:-.02em;color:var(--fg-2);text-transform:uppercase;text-align:center;margin-bottom:4px;font-size:10px}.callout{background:var(--konsol-box-purple-4);border-radius:20px;align-items:flex-start;gap:20px;margin:32px 0;padding:24px 28px;display:flex}.callout .mark{background:var(--konsol-primary);color:#fff;width:44px;height:44px;font-family:var(--font-cofo-mono);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.callout .t{font-family:var(--font-graphik);font-weight:500;font-size:var(--type-body);color:var(--fg-base);margin:0 0 6px;line-height:1.4}.callout .d{font-size:var(--type-small);color:var(--fg-2);margin:0;line-height:1.5}.inline-cta{color:#fff;background:#251d35;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin:40px 0;padding:32px;display:flex}.inline-cta .t{font-family:var(--font-graphik);font-weight:700;font-size:var(--type-h4);letter-spacing:-.015em;max-width:420px;margin:0;line-height:1.3}.inline-cta .d{font-size:var(--type-small);color:#fff9;margin:6px 0 0}.author{background:#f6f6f7;border-radius:20px;align-items:flex-start;gap:20px;margin:48px 0;padding:28px;display:flex}.author .avatar{background:var(--konsol-box-purple-2);width:64px;height:64px;color:var(--konsol-primary-active);font-family:var(--font-graphik);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.author .name{font-family:var(--font-graphik);font-weight:700;font-size:var(--type-h4);color:var(--fg-base);margin:0}.author .role{font-family:var(--font-cofo-mono);font-size:var(--type-label);letter-spacing:-.02em;color:var(--fg-2);margin:2px 0 10px}.author .bio{font-size:var(--type-small);color:var(--fg-1);margin:0;line-height:1.5}.related{background:#f6f6f7;margin-top:96px;padding:80px 40px}.related .inner{max-width:1200px;margin:0 auto}.related h2{font-family:var(--font-graphik);font-weight:700;font-size:var(--type-h2);letter-spacing:-.02em;color:var(--fg-base);margin:0 0 32px;line-height:1.1}.related .grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.related .card{cursor:pointer;border:1px solid var(--border-soft);background:#fff;border-radius:20px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.related .card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #251d3514}.related .card .thumb{aspect-ratio:16/10;align-items:flex-end;padding:24px;display:flex;position:relative}.related .card .thumb .head{justify-content:space-between;display:flex;position:absolute;top:18px;left:18px;right:18px}.related .card .thumb .big-type{font-family:var(--font-graphik);letter-spacing:-.025em;color:var(--fg-base);font-size:40px;font-weight:700;line-height:.95}.related .card .body{flex-direction:column;gap:10px;padding:20px;display:flex}.related .card h3{font-family:var(--font-graphik);font-weight:700;font-size:var(--type-h4);letter-spacing:-.015em;color:var(--fg-base);text-wrap:balance;margin:0;line-height:1.25}.related .card .meta{font-family:var(--font-cofo-mono);font-size:var(--type-label);letter-spacing:-.02em;color:var(--fg-2)}@media (width<=760px){.related{margin-top:64px;padding:56px 20px}.related .grid{grid-template-columns:1fr}}