@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}video{outline:none}html{--brand-color:#E51C3D;--body-background:#ffffff;--body-color:#636363;--headline-color:#141415;--text-color-dark:#000000;--text-color-normal:#2A3342;--text-color-lighter:#636363;--text-color-lightest:#919191;--border-color:#E6E7EB;--header-background:rgba(255, 255, 255, 0.92);--header-border-color:var(--border-color);--logo-text-color:#1D2227;--nav-link-color:#636363;--nav-link-hover-color:#111111;--nav-link-active-color:#111111;--section-background:#ffffff;--section-background-alt:#F4F4F6;--sidenav-color:#D1D5DB}html[data-theme=dark]{--body-background:#0D1117;--body-color:#8B949E;--headline-color:#E6EDF3;--text-color-dark:#E6EDF3;--text-color-normal:#CDD9E5;--text-color-lighter:#8B949E;--text-color-lightest:#6E7681;--border-color:#21262D;--header-background:rgba(13, 17, 23, 0.92);--header-border-color:#21262D;--logo-text-color:#E6EDF3;--nav-link-color:#8B949E;--nav-link-hover-color:#E6EDF3;--nav-link-active-color:#E6EDF3;--section-background:#0D1117;--section-background-alt:#161B22;--sidenav-color:#30363D}:root{--flex-row-gap-width:30px}.flex-row{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;flex-direction:row;flex-flow:row wrap}.flex-column{position:relative;display:flex;box-sizing:border-box;flex-direction:column;width:100%}@media screen and (min-width:769px){.flex-row.size-2>.flex-column{width:calc(50% - var(--flex-row-gap-width))}}@media screen and (min-width:769px){.flex-row.size-2-1-3>.flex-column:first-child{width:calc(35% - var(--flex-row-gap-width))}.flex-row.size-2-1-3>.flex-column{width:calc(65% - var(--flex-row-gap-width))}}@media screen and (min-width:769px){.flex-row.size-2-3-1>.flex-column:first-child{width:calc(65% - var(--flex-row-gap-width))}.flex-row.size-2-3-1>.flex-column{width:calc(35% - var(--flex-row-gap-width))}}@media screen and (min-width:439px){.flex-row.size-3>.flex-column{width:calc(50% - var(--flex-row-gap-width))}}@media screen and (min-width:769px){.flex-row.size-3>.flex-column{width:calc(33.333% - var(--flex-row-gap-width))}}@media screen and (min-width:439px){.flex-row.size-4>.flex-column{width:calc(50% - var(--flex-row-gap-width))}}@media screen and (min-width:769px){.flex-row.size-4>.flex-column{width:calc(33.333% - var(--flex-row-gap-width))}}@media screen and (min-width:900px){.flex-row.size-4>.flex-column{width:calc(25% - var(--flex-row-gap-width))}}:root{--grid-gap:30px}.grid{display:grid;grid-gap:var(--grid-gap);position:relative}@media screen and (min-width:439px){.grid.size-3{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:769px){.grid.size-3{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:600px){.grid.size-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:900px){.grid.size-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:960px){.grid.size-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:600px){.grid.size-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:900px){.grid.size-5{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:960px){.grid.size-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (min-width:480px){.grid.size-6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:700px){.grid.size-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:960px){.grid.size-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@font-face{font-display:swap;font-family:poppins;font-style:normal;font-weight:300;src:url(/fonts/poppins/poppins-v20-latin-300.woff2)format("woff2"),url(/fonts/poppins/poppins-v20-latin-300.woff)format("woff")}@font-face{font-display:swap;font-family:poppins;font-style:normal;font-weight:400;src:url(/fonts/poppins/poppins-v20-latin-regular.woff2)format("woff2"),url(/fonts/poppins/poppins-v20-latin-regular.woff)format("woff")}@font-face{font-display:swap;font-family:poppins;font-style:italic;font-weight:400;src:url(/fonts/poppins/poppins-v20-latin-italic.woff2)format("woff2"),url(/fonts/poppins/poppins-v20-latin-italic.woff)format("woff")}@font-face{font-display:swap;font-family:poppins;font-style:normal;font-weight:500;src:url(/fonts/poppins/poppins-v20-latin-500.woff2)format("woff2"),url(/fonts/poppins/poppins-v20-latin-500.woff)format("woff")}@font-face{font-display:swap;font-family:poppins;font-style:italic;font-weight:500;src:url(/fonts/poppins/poppins-v20-latin-500italic.woff2)format("woff2"),url(/fonts/poppins/poppins-v20-latin-500italic.woff)format("woff")}@font-face{font-display:swap;font-family:poppins;font-style:normal;font-weight:600;src:url(/fonts/poppins/poppins-v20-latin-600.woff2)format("woff2"),url(/fonts/poppins/poppins-v20-latin-600.woff)format("woff")}@font-face{font-display:swap;font-family:poppins;font-style:italic;font-weight:600;src:url(/fonts/poppins/poppins-v20-latin-600italic.woff2)format("woff2"),url(/fonts/poppins/poppins-v20-latin-600italic.woff)format("woff")}@font-face{font-display:swap;font-family:poppins;font-style:normal;font-weight:700;src:url(/fonts/poppins/poppins-v20-latin-700.woff2)format("woff2"),url(/fonts/poppins/poppins-v20-latin-700.woff)format("woff")}@font-face{font-display:swap;font-family:poppins;font-style:italic;font-weight:700;src:url(/fonts/poppins/poppins-v20-latin-700italic.woff2)format("woff2"),url(/fonts/poppins/poppins-v20-latin-700italic.woff)format("woff")}@font-face{font-display:swap;font-family:inter;font-style:normal;font-weight:400;src:url(/fonts/inter/inter-v20-latin-regular.woff2)format("woff2"),url(/fonts/inter/inter-v20-latin-regular.woff)format("woff")}@font-face{font-display:swap;font-family:inter;font-style:normal;font-weight:500;src:url(/fonts/inter/inter-v20-latin-500.woff2)format("woff2"),url(/fonts/inter/inter-v20-latin-500.woff)format("woff")}@font-face{font-display:swap;font-family:inter;font-style:normal;font-weight:600;src:url(/fonts/inter/inter-v20-latin-600.woff2)format("woff2"),url(/fonts/inter/inter-v20-latin-600.woff)format("woff")}@font-face{font-display:swap;font-family:inter;font-style:normal;font-weight:700;src:url(/fonts/inter/inter-v20-latin-700.woff2)format("woff2"),url(/fonts/inter/inter-v20-latin-700.woff)format("woff")}@font-face{font-family:'font awesome 6 pro';font-style:normal;font-weight:300;font-display:block;src:url(/fonts/fontawesome/fa-light-300.woff2)format("woff2")}@font-face{font-family:'font awesome 6 pro';font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fontawesome/fa-regular-400.woff2)format("woff2")}@font-face{font-family:'font awesome 6 pro';font-style:normal;font-weight:900;font-display:block;src:url(/fonts/fontawesome/fa-solid-900.woff2)format("woff2")}.fa,.fa-solid,.fa-regular,.fab,.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa{font-family:'font awesome 6 pro'}.fa-arrow-right::before{content:"\f061"}.fa-cube::before{content:"\f1b2"}.fa-image::before{content:"\f03e"}.fa-lightbulb::before{content:"\f0eb"}.fa-palette::before{content:"\f53f"}.fa-text::before{content:"\f893"}.fa-copy::before{content:"\f0c5"}.fa-check::before{content:"\f00c"}.fa-xmark::before{content:"\f00d"}.fa-comments::before{content:"\f086"}.fa-arrow-down-to-line::before{content:"\f33d"}.fa-sitemap::before{content:"\f0e8"}.fa-display::before{content:"\e163"}.fa-print::before{content:"\f02f"}.fa-pen-nib::before{content:"\f5ad"}.fa-brightness::before{content:"\e0c9";font-weight:900}.fa-moon::before{content:"\f186";font-weight:900}.fa-circle::before{content:"\f111"}.fa-eye::before{content:"\f06e"}.border-box{box-sizing:border-box}.center{display:flex;text-align:center;width:100%;justify-content:center}.s-t{padding-top:3.2rem}.s-t-2{padding-top:4rem}.s-t-3{padding-top:5rem}.s-t-4{padding-top:5.6rem}.s-b{padding-bottom:3.2rem}.s-b-2{padding-bottom:4rem}.s-b-3{padding-bottom:5rem}.s-b-4{padding-bottom:5.6rem}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--i,0) * .07s)}.reveal.is-revealed{opacity:1;transform:none}.scroll-progress{position:fixed;top:8.5rem;left:0;height:2px;width:0%;background:linear-gradient(to right,#DF2A62,#A03F88);z-index:99;pointer-events:none;transition:width 80ms linear}@view-transition{navigation: auto; }@keyframes vt-fade-out{to{opacity:0;translate:0 -5px}}@keyframes vt-fade-in{from{opacity:0;translate:0 5px}}::view-transition-old(root){animation:200ms ease both vt-fade-out}::view-transition-new(root){animation:280ms ease both vt-fade-in}html{scroll-behavior:smooth;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:58%}body{background:var(--body-background);overscroll-behavior:none;overflow-x:hidden}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-section{display:flex;flex:1;scroll-margin-top:8.5rem}.wrapper{display:flex;flex-direction:column;flex:1;margin:0 auto;max-width:1480px;width:100%;padding:0 2rem;overflow:hidden}@media only screen and (max-width:630px){.wrapper{padding:0 2rem;box-sizing:border-box}}body{font-family:poppins,sans-serif;color:var(--body-color);font-size:16px;line-height:1.7;font-weight:400;letter-spacing:-.3pt}h1,h2,h3,h4,h5{color:var(--headline-color);letter-spacing:-.3pt;font-weight:600;line-height:1.29}h1{font-size:49px;letter-spacing:-.7pt;margin-bottom:3rem;font-weight:700}@media screen and (max-width:320px){h1{font-size:39px}}@media screen and (min-width:320px){h1{font-size:-webkit-calc(39px + 10 * (100vw - 320px)/960);font-size:calc(39px + 10 * (100vw - 320px)/960)}}@media screen and (min-width:1280px){h1{font-size:49px}}h2{font-size:42px}@media screen and (max-width:320px){h2{font-size:36px}}@media screen and (min-width:320px){h2{font-size:-webkit-calc(36px + 6 * (100vw - 320px)/960);font-size:calc(36px + 6 * (100vw - 320px)/960)}}@media screen and (min-width:1280px){h2{font-size:42px}}h3{font-size:21px}@media screen and (max-width:320px){h3{font-size:18px}}@media screen and (min-width:320px){h3{font-size:-webkit-calc(18px + 3 * (100vw - 320px)/960);font-size:calc(18px + 3 * (100vw - 320px)/960)}}@media screen and (min-width:1280px){h3{font-size:21px}}a{color:var(--brand-color);text-decoration:none;cursor:pointer;transition:all .24s ease}p{margin-bottom:2.1rem}ul{list-style-type:disc;margin:2.1rem 0 0 2.5rem}ul li{margin-bottom:.5rem}strong,b{font-weight:600}.colored{color:#2baed3;background-image:linear-gradient(130deg,var(--brand-color),#fe6780);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header{display:flex;position:sticky;top:0;z-index:100;isolation:isolate;user-select:none;width:100%;background-color:var(--header-background);border-bottom:1px solid var(--header-border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header .wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:8.5rem}.logo-header{height:28px}.logo-header svg{height:100%}.logo-header svg #Fill-1{fill:var(--logo-text-color);transition:fill .3s ease}.site-nav ul{display:flex;align-items:center;gap:3.2rem;list-style:none;margin:0}.site-nav a{font-size:1.5rem;font-weight:500;color:var(--nav-link-color);text-decoration:none;transition:color .24s ease;letter-spacing:-.3pt}.site-nav a:hover{color:var(--nav-link-hover-color)}.site-nav a[aria-current=page]{color:var(--brand-color);font-weight:600}@media(max-width:768px){.site-nav{display:none}}.header-actions{display:flex;align-items:center;gap:.4rem}.theme-toggle{display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;padding:.7rem;border-radius:8px;color:var(--nav-link-color);font-size:1.6rem;transition:color .2s ease,background .2s ease,transform .35s ease}.theme-toggle:hover{color:var(--headline-color);background:var(--section-background-alt);transform:rotate(18deg)}.burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:0 0;border:none;cursor:pointer;padding:4px;width:32px}.burger span{display:block;height:2px;width:100%;background:var(--headline-color);border-radius:2px;transition:transform .25s ease,opacity .25s ease;transform-origin:center}.burger.is-open span:nth-child(1){transform:translateY(7px)rotate(45deg)}.burger.is-open span:nth-child(2){opacity:0}.burger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media(max-width:768px){.burger{display:flex}}.mobile-menu{position:fixed;inset:0;z-index:200;background:linear-gradient(135deg,#DF2A62 0%,#A03F88 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu.is-open{opacity:1;pointer-events:all}.mobile-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.mobile-menu li{overflow:hidden}.mobile-menu li a{display:block;padding:1rem 2rem;font-size:3.6rem;font-weight:700;color:rgba(255,255,255,.75);text-decoration:none;letter-spacing:-.5pt;opacity:0;transform:translateY(24px);transition:color .2s ease,opacity .35s ease,transform .4s cubic-bezier(.16,1,.3,1)}.mobile-menu li a:hover,.mobile-menu li a[aria-current=page]{color:#fff}.mobile-menu.is-open li:nth-child(1) a{opacity:1;transform:none;transition-delay:.1s}.mobile-menu.is-open li:nth-child(2) a{opacity:1;transform:none;transition-delay:.16s}.mobile-menu.is-open li:nth-child(3) a{opacity:1;transform:none;transition-delay:.22s}.mobile-menu.is-open li:nth-child(4) a{opacity:1;transform:none;transition-delay:.28s}.mobile-menu.is-open li:nth-child(5) a{opacity:1;transform:none;transition-delay:.34s}.mobile-menu.is-open li:nth-child(6) a{opacity:1;transform:none;transition-delay:.4s}@media(min-width:769px){.mobile-menu{display:none}}.mobile-menu-close{position:absolute;top:2rem;right:2rem;background:rgba(255,255,255,.15);border:none;border-radius:50%;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:1.8rem;transition:background .2s ease}.mobile-menu-close:hover{background:rgba(255,255,255,.25)}.page-impressum .section-content .wrapper,.page-datenschutz .section-content .wrapper{width:100%}.page-impressum .section-content h1,.page-datenschutz .section-content h1{font-size:39px}@media screen and (max-width:320px){.page-impressum .section-content h1,.page-datenschutz .section-content h1{font-size:32px}}@media screen and (min-width:320px){.page-impressum .section-content h1,.page-datenschutz .section-content h1{font-size:-webkit-calc(32px + 7 * (100vw - 320px)/960);font-size:calc(32px + 7 * (100vw - 320px)/960)}}@media screen and (min-width:1280px){.page-impressum .section-content h1,.page-datenschutz .section-content h1{font-size:39px}}@media screen and (max-width:450px){.page-impressum .section-content h1,.page-datenschutz .section-content h1{word-break:break-word}}.page-impressum .section-content h2,.page-datenschutz .section-content h2{font-size:24px;margin:2.4rem 0 1.4rem}@media screen and (max-width:320px){.page-impressum .section-content h2,.page-datenschutz .section-content h2{font-size:22px}}@media screen and (min-width:320px){.page-impressum .section-content h2,.page-datenschutz .section-content h2{font-size:-webkit-calc(22px + 2 * (100vw - 320px)/960);font-size:calc(22px + 2 * (100vw - 320px)/960)}}@media screen and (min-width:1280px){.page-impressum .section-content h2,.page-datenschutz .section-content h2{font-size:24px}}.page-impressum .section-content h3,.page-datenschutz .section-content h3{font-size:21px;margin-top:3rem}@media screen and (max-width:320px){.page-impressum .section-content h3,.page-datenschutz .section-content h3{font-size:19px}}@media screen and (min-width:320px){.page-impressum .section-content h3,.page-datenschutz .section-content h3{font-size:-webkit-calc(19px + 2 * (100vw - 320px)/960);font-size:calc(19px + 2 * (100vw - 320px)/960)}}@media screen and (min-width:1280px){.page-impressum .section-content h3,.page-datenschutz .section-content h3{font-size:21px}}.page-impressum .section-content p,.page-datenschutz .section-content p{margin-bottom:1.6rem}.page-impressum .section-content ul,.page-datenschutz .section-content ul{margin:0 0 2.2rem 2.5rem}.page-impressum .section-content a,.page-datenschutz .section-content a{font-weight:700}.section-hero{position:relative;overflow:hidden;display:flex;align-items:center;flex:none;height:400px}.section-hero .wrapper{position:relative;z-index:1}.section-hero .hero-bg-text{position:absolute;right:-1rem;top:50%;transform:translateY(-50%);font-family:poppins,sans-serif;font-size:clamp(12rem,18vw,28rem);font-weight:700;color:rgba(255,255,255,7%);line-height:1;letter-spacing:-.5rem;white-space:nowrap;user-select:none;pointer-events:none;z-index:0}.section-hero .section-hero-inner{text-align:left;width:55%;padding:5rem 0}@media only screen and (max-width:900px){.section-hero .section-hero-inner{width:70%}}@media only screen and (max-width:630px){.section-hero .section-hero-inner{width:100%;padding:4rem 0}}.section-hero .hero-title{font-size:56px;letter-spacing:-.7pt;font-weight:700;color:#fff;line-height:1.4;margin-bottom:1rem}@media screen and (max-width:320px){.section-hero .hero-title{font-size:28px}}@media screen and (min-width:320px){.section-hero .hero-title{font-size:-webkit-calc(28px + 28 * (100vw - 320px)/960);font-size:calc(28px + 28 * (100vw - 320px)/960)}}@media screen and (min-width:1280px){.section-hero .hero-title{font-size:56px}}.section-hero .hero-subtitle{font-size:18px;letter-spacing:-.3pt;font-weight:300;color:rgba(255,255,255,.9);line-height:1.4;margin-bottom:0}@media screen and (max-width:320px){.section-hero .hero-subtitle{font-size:14px}}@media screen and (min-width:320px){.section-hero .hero-subtitle{font-size:-webkit-calc(14px + 4 * (100vw - 320px)/960);font-size:calc(14px + 4 * (100vw - 320px)/960)}}@media screen and (min-width:1280px){.section-hero .hero-subtitle{font-size:18px}}.section-overview .items{--grid-gap:2rem}.section-overview .items .item{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--body-background);border-radius:12px;border:1px solid var(--border-color);padding:2.4rem;transition:box-shadow .24s ease}.section-overview .items .item:hover{box-shadow:0 8px 32px rgba(0,0,0,.1);cursor:pointer}.section-overview .items .item .icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--brand-color);margin-bottom:2rem}.section-overview .items .item .icon i{font-size:18px;color:#fff}.section-overview .items .item h3{font-size:1.8rem;font-weight:600;color:var(--headline-color);margin-bottom:1rem;line-height:1.2}.section-overview .items .item p{font-size:1.5rem;color:var(--text-color-lighter);line-height:1.6;margin-bottom:0}.section-overview .items .item-link{margin-top:2.4rem;font-size:1.4rem;font-weight:600;color:var(--brand-color);display:inline-flex;align-items:center;gap:.6rem;transition:gap .2s ease}.section-overview .items .item-link i{font-size:12px}.section-overview .items a.item{text-decoration:none}.section-overview .items a.item:hover .item-link{gap:1rem}.section-overview .items .item--wip{opacity:.6;cursor:default}.section-overview .items .item--wip:hover{box-shadow:none}.section-overview .items .item--wip .wip-label{font-size:1.4rem;font-weight:400;color:var(--text-color-lighter)}.color-copy{display:inline-flex;align-items:center;gap:.5rem;background:0 0;border:none;padding:0;cursor:pointer;color:inherit;font-size:inherit;font-family:inherit}.color-copy .value{color:var(--text-color-normal)}.color-copy i{font-size:1.1rem;color:var(--text-color-lightest);transition:color .15s ease}.color-copy:hover i{color:var(--brand-color)}.color-copy.copied i::before{content:"\f00c"}.section-color-palette .color-palette-title{margin-bottom:1rem}.section-color-palette .color-palette-description{font-size:18px;color:var(--text-color-lighter);margin-bottom:3.2rem;max-width:72ch}@media screen and (max-width:320px){.section-color-palette .color-palette-description{font-size:15px}}@media screen and (min-width:320px){.section-color-palette .color-palette-description{font-size:-webkit-calc(15px + 3 * (100vw - 320px)/960);font-size:calc(15px + 3 * (100vw - 320px)/960)}}@media screen and (min-width:1280px){.section-color-palette .color-palette-description{font-size:18px}}.section-color-palette .color-swatches,.section-color-palette .gradient-swatches{--grid-gap:2rem}.color-swatch{background-color:var(--body-background);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.color-swatch .color-swatch-preview{height:120px;box-shadow:inset 0 0 0 1px rgba(0,0,0,6%)}.color-swatch .color-swatch-info{padding:1.6rem 2rem 2rem}.color-swatch .color-swatch-name{font-size:1.6rem;font-weight:600;color:var(--headline-color);margin-bottom:1rem}.color-swatch .color-swatch-values{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.color-swatch .color-swatch-values li{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;line-height:1.4}.color-swatch .color-swatch-values .label{color:var(--text-color-lightest);font-weight:500;width:3.6rem;flex-shrink:0}.color-swatch .color-swatch-values .value{color:var(--text-color-normal);font-variant-numeric:tabular-nums}.color-swatch .color-swatch-usage{margin-top:1rem;font-size:1.3rem;color:var(--text-color-lightest);line-height:1.4;margin-bottom:0}.color-swatches.size-6 .color-swatch-preview{height:80px}.color-swatches.size-6 .color-swatch-info{padding:1.2rem 1.4rem 1.6rem}.color-swatches.size-6 .color-swatch-name{font-size:1.4rem;margin-bottom:.6rem}.color-swatches.size-6 .color-swatch-values{gap:.2rem}.color-swatches.size-6 .color-swatch-values li{font-size:1.2rem}.color-swatches.size-6 .color-swatch-values .label{width:3rem}.color-swatches.size-6 .color-swatch-usage{font-size:1.2rem;margin-top:.6rem}.gradient-swatch{background-color:var(--body-background);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.gradient-swatch .gradient-swatch-preview{height:160px}.gradient-swatch .gradient-swatch-info{padding:1.6rem 2rem 2rem}.gradient-swatch .gradient-swatch-name{font-size:1.6rem;font-weight:600;color:var(--headline-color);margin-bottom:1rem}.gradient-swatch .gradient-css{display:flex;align-items:flex-start;gap:.6rem;width:100%;margin-bottom:1.2rem;text-align:left}.gradient-swatch .gradient-css .value{font-size:1.2rem;color:var(--text-color-lighter);line-height:1.5;word-break:break-all}.gradient-swatch .gradient-css i{flex-shrink:0;margin-top:.2rem}.gradient-swatch .gradient-print-label{font-size:1.3rem;font-weight:500;color:var(--text-color-lightest);margin-bottom:.6rem}.gradient-swatch .gradient-print-label--none{opacity:0}.gradient-swatch .gradient-stops{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.gradient-swatch .gradient-stop{display:inline-flex;align-items:center;gap:.5rem}.gradient-swatch .gradient-stop-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.gradient-swatch .gradient-stop-hex{font-size:1.3rem;color:var(--text-color-normal);font-variant-numeric:tabular-nums}.gradient-swatch .gradient-stop-arrow{font-size:1.2rem;color:var(--text-color-lightest)}.gradient-swatch .gradient-swatch-usage{font-size:1.3rem;color:var(--text-color-lightest);line-height:1.4;margin-bottom:0}.section-guidelines .section-heading{font-size:2.4rem;font-weight:700;color:var(--headline-color);margin-bottom:3.6rem}.section-guidelines .guidelines-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem}@media(max-width:700px){.section-guidelines .guidelines-grid{grid-template-columns:1fr;gap:3.2rem}}.section-guidelines .guidelines-col-header{display:flex;align-items:center;gap:1.4rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color);margin-bottom:0}.section-guidelines .guidelines-marker{width:3.2rem;height:3.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-guidelines .guidelines-marker i{font-size:1.3rem}.section-guidelines .guidelines-marker--do{background:var(--brand-color);color:#fff}.section-guidelines .guidelines-marker--dont{background:var(--headline-color);color:#fff}.section-guidelines .guidelines-col-label{font-size:1.3rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-color-lighter)}.section-guidelines .guidelines-items{display:flex;flex-direction:column}.section-guidelines .guidelines-item{padding:1.8rem 0 1.8rem 1.8rem;border-bottom:1px solid var(--border-color);border-left:2px solid transparent}.section-guidelines .guidelines-item:last-child{border-bottom:none}.section-guidelines .guidelines-item--do{border-left-color:var(--brand-color)}.section-guidelines .guidelines-item--dont{border-left-color:var(--headline-color)}.section-guidelines .guidelines-label{display:block;font-size:1.45rem;font-weight:600;color:var(--headline-color);margin-bottom:.4rem}.section-guidelines .guidelines-description{font-size:1.35rem;color:var(--text-color-lighter);line-height:1.55;margin:0}.font-mode-bar{display:flex;gap:1.2rem;padding:3.2rem 0;border-bottom:1px solid var(--border-color);margin-bottom:0}@media(max-width:580px){.font-mode-bar{flex-direction:column}}.font-mode-btn{display:flex;flex-direction:column;gap:.3rem;padding:1.6rem 2.8rem;border-radius:12px;border:1.5px solid var(--border-color);background:0 0;cursor:pointer;text-align:left;transition:border-color .22s ease,background .22s ease}.font-mode-btn__name{font-family:poppins,sans-serif;font-size:2rem;font-weight:700;color:var(--text-color-lighter);transition:color .22s ease;line-height:1}.font-mode-btn__sub{font-size:1.2rem;font-weight:500;color:var(--text-color-lightest);transition:color .22s ease}.font-mode-btn:hover:not(.is-active){border-color:#a03f88}.font-mode-btn:hover:not(.is-active) .font-mode-btn__name{color:var(--headline-color)}.font-mode-btn.is-active{background:linear-gradient(135deg,#A03F88 0%,#3BABCC 100%);border-color:transparent}.font-mode-btn.is-active .font-mode-btn__name,.font-mode-btn.is-active .font-mode-btn__sub{color:#fff}[data-font-mode=poppins] [data-font=inter]{display:none}[data-font-mode=inter] [data-font=poppins]{display:none}@keyframes fontModeFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.font-mode-fadein{animation:fontModeFadeIn .28s ease forwards}.section-about-typeface .section-heading{font-size:2.4rem;font-weight:700;color:var(--headline-color);margin-bottom:4rem}.section-about-typeface .poppins-label{font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-color-lightest);margin-bottom:2.4rem}.section-about-typeface .poppins-hero{display:grid;grid-template-columns:1fr 38%;gap:4rem;align-items:center;margin-bottom:5.6rem}@media(max-width:900px){.section-about-typeface .poppins-hero{grid-template-columns:1fr}}.section-about-typeface .poppins-hero__eyebrow{font-size:1.1rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#a03f88;margin-bottom:1.2rem}.section-about-typeface .poppins-hero__tagline{font-family:poppins,sans-serif;font-size:5rem;font-weight:700;line-height:1.08;color:var(--headline-color);margin-bottom:2.4rem;letter-spacing:-.02em}@media(max-width:600px){.section-about-typeface .poppins-hero__tagline{font-size:3.6rem}}.section-about-typeface .poppins-hero__intro{font-size:1.7rem;line-height:1.75;color:var(--text-color-lighter);max-width:60ch;margin-bottom:3.2rem}.section-about-typeface .poppins-hero__stats{display:flex;gap:3.6rem;flex-wrap:wrap}.section-about-typeface .poppins-stat{display:flex;flex-direction:column;gap:.3rem}.section-about-typeface .poppins-stat__value{font-family:poppins,sans-serif;font-size:2.4rem;font-weight:700;line-height:1;background:linear-gradient(135deg,#A03F88 0%,#3BABCC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-about-typeface .poppins-stat__label{font-size:1.1rem;font-weight:500;color:var(--text-color-lightest);text-transform:uppercase;letter-spacing:.08em}.section-about-typeface .poppins-hero__display{position:relative;height:30rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px}.section-about-typeface .poppins-hero__display::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#A03F88 1.5px,transparent 1.5px);background-size:22px 22px;opacity:.07}.section-about-typeface .poppins-hero__display::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,rgba(59,171,204,8%),transparent 70%)}@media(max-width:900px){.section-about-typeface .poppins-hero__display{display:none}}.section-about-typeface .poppins-hero__letter{font-family:poppins,sans-serif;font-size:30rem;font-weight:700;line-height:1;background:linear-gradient(135deg,#A03F88 0%,#3BABCC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.22;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%);white-space:nowrap}.section-about-typeface .poppins-detail{margin-bottom:5.6rem;padding-left:2.4rem;border-left:3px solid #a03f88;max-width:84ch}.section-about-typeface .poppins-detail p{font-size:1.65rem;line-height:1.8;color:var(--text-color-normal);margin-bottom:0}.section-about-typeface .poppins-features-section{margin-bottom:5.6rem}.section-about-typeface .poppins-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media(max-width:1000px){.section-about-typeface .poppins-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.section-about-typeface .poppins-features-grid{grid-template-columns:1fr}}.section-about-typeface .poppins-feature-card{padding:2.4rem;border:1px solid var(--border-color);border-radius:14px;background:var(--body-background);transition:border-color .22s ease,transform .22s ease}.section-about-typeface .poppins-feature-card:hover{border-color:#a03f88;transform:translateY(-3px)}.section-about-typeface .poppins-feature-icon{width:3.8rem;height:3.8rem;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem;background:linear-gradient(135deg,rgba(160,63,136,.1),rgba(59,171,204,.1))}.section-about-typeface .poppins-feature-icon i{font-size:1.5rem;color:#a03f88}.section-about-typeface .poppins-feature-title{font-size:1.6rem;font-weight:700;color:var(--headline-color);margin-bottom:.8rem}.section-about-typeface .poppins-feature-body{font-size:1.4rem;line-height:1.6;color:var(--text-color-lighter);margin-bottom:0}.section-about-typeface .poppins-weights-section{margin-bottom:5.6rem}.section-about-typeface .poppins-weight-ladder{border-top:1px solid var(--border-color)}.section-about-typeface .poppins-weight-row{display:grid;grid-template-columns:15rem 1fr 22rem;gap:3.2rem;align-items:center;padding:2.8rem 0;border-bottom:1px solid var(--border-color)}@media(max-width:900px){.section-about-typeface .poppins-weight-row{grid-template-columns:14rem 1fr}.section-about-typeface .poppins-weight-row .poppins-weight-row__use{display:none}}@media(max-width:580px){.section-about-typeface .poppins-weight-row{grid-template-columns:1fr;gap:.8rem}}.section-about-typeface .poppins-weight-row--bold .poppins-weight-row__sample{color:#a03f88}.section-about-typeface .poppins-weight-row--semibold .poppins-weight-row__sample{color:#3babcc}.section-about-typeface .poppins-weight-row--light .poppins-weight-row__sample{color:var(--text-color-lighter)}.section-about-typeface .poppins-weight-row__meta{display:flex;flex-direction:column;gap:.4rem}.section-about-typeface .poppins-weight-row__name{font-family:poppins,sans-serif;font-size:1.7rem;color:var(--headline-color);line-height:1}.section-about-typeface .poppins-weight-row__role{font-size:1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-color-lightest)}.section-about-typeface .poppins-weight-row__sample{font-family:poppins,sans-serif;font-size:2.8rem;color:var(--headline-color);line-height:1.2}@media(max-width:700px){.section-about-typeface .poppins-weight-row__sample{font-size:2rem}}.section-about-typeface .poppins-weight-row--semibold .poppins-weight-row__sample{font-size:2.4rem}.section-about-typeface .poppins-weight-row--regular .poppins-weight-row__sample{font-size:2rem}.section-about-typeface .poppins-weight-row--light .poppins-weight-row__sample{font-size:1.7rem}.section-about-typeface .poppins-weight-row__use{font-size:1.35rem;line-height:1.55;color:var(--text-color-lighter);margin-bottom:0}.section-about-typeface .poppins-guidelines-section{margin-bottom:5.6rem}.section-about-typeface .poppins-guidelines-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-color)}.section-about-typeface .poppins-guideline{display:flex;gap:2.4rem;align-items:baseline;padding:2.4rem 0;border-bottom:1px solid var(--border-color)}.section-about-typeface .poppins-guideline__num{font-family:poppins,sans-serif;font-size:3rem;font-weight:700;line-height:1;background:linear-gradient(135deg,#A03F88,#3BABCC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;width:4.5rem}.section-about-typeface .poppins-guideline__text{font-size:1.6rem;line-height:1.65;color:var(--text-color-normal)}.section-about-typeface .poppins-principle{background:#141415;border-radius:16px;padding:4rem;overflow:hidden}html[data-theme=dark] .section-about-typeface .poppins-principle{background:#161b22;border:1px solid var(--border-color)}@media(max-width:580px){.section-about-typeface .poppins-principle{padding:2.8rem 2.4rem}}.section-about-typeface .poppins-principle__label{font-size:1rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:3.2rem}.section-about-typeface .poppins-principle__grid{display:flex;align-items:stretch}@media(max-width:700px){.section-about-typeface .poppins-principle__grid{flex-direction:column}}.section-about-typeface .poppins-principle__divider{width:1px;background:rgba(255,255,255,.1);flex-shrink:0;align-self:stretch}@media(max-width:700px){.section-about-typeface .poppins-principle__divider{display:none}}.section-about-typeface .poppins-principle__item{flex:1;display:flex;flex-direction:column;gap:.8rem;padding:0 3.2rem}.section-about-typeface .poppins-principle__item:first-child{padding-left:0}.section-about-typeface .poppins-principle__item:last-child{padding-right:0}@media(max-width:700px){.section-about-typeface .poppins-principle__item{padding:1.8rem 0;flex-direction:row;align-items:baseline;gap:1.2rem;border-bottom:1px solid rgba(255,255,255,8%)}.section-about-typeface .poppins-principle__item:last-child{border-bottom:none}}.section-about-typeface .poppins-principle__weight{font-family:poppins,sans-serif;font-size:2.4rem;line-height:1;color:#fff;display:block}.section-about-typeface .poppins-principle__weight--bold{font-weight:700;color:#a03f88}.section-about-typeface .poppins-principle__weight--semibold{font-weight:600;color:#3babcc}.section-about-typeface .poppins-principle__weight--regular{font-weight:400;color:rgba(255,255,255,.85)}.section-about-typeface .poppins-principle__weight--light{font-weight:300;color:rgba(255,255,255,.55)}.section-about-typeface .poppins-principle__desc{font-size:1.3rem;color:rgba(255,255,255,.4);display:block}.section-font-families .section-heading{font-size:2.4rem;font-weight:700;color:var(--headline-color);margin-bottom:3.2rem}.section-font-families .font-family-grid{display:grid;grid-template-columns:1fr;gap:2.4rem}.section-font-families .font-family-tile{display:flex;flex-direction:column;background-color:var(--body-background);border:1px solid var(--border-color);border-radius:16px;padding:3.2rem;gap:2.4rem}.section-font-families .font-tile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem}.section-font-families .font-family-name{font-size:1.8rem;font-weight:700;color:var(--headline-color);margin-bottom:.4rem;line-height:1.2}.section-font-families .font-family-description{font-size:1.4rem;color:var(--text-color-lighter);margin-bottom:0;line-height:1.5}.section-font-families .font-download-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:3.6rem;height:3.6rem;border:1px solid var(--border-color);border-radius:8px;font-size:1.4rem;color:var(--headline-color);text-decoration:none;background:var(--body-background);transition:border-color .2s ease,color .2s ease}.section-font-families .font-download-btn i{font-size:14px;color:var(--brand-color)}.section-font-families .font-download-btn:hover{border-color:var(--brand-color)}.section-font-families .font-family-preview{font-weight:400;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:2.4rem 0}.section-font-families .font-preview-display{font-size:8rem;line-height:1;color:var(--headline-color);margin-bottom:2rem}.section-font-families .font-preview-chars{font-size:1.4rem;color:var(--text-color-lighter);line-height:1.8;letter-spacing:.03em}.section-font-families .font-family-weights{display:flex;flex-wrap:wrap;gap:.8rem}.section-font-families .weight-badge{display:inline-block;padding:.5rem 1.2rem;border:1px solid var(--border-color);border-radius:6px;font-size:1.3rem;font-weight:400;color:var(--text-color-lighter);background:var(--body-background);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.section-font-families .weight-badge:hover{border-color:var(--brand-color);color:var(--brand-color)}.section-font-families .weight-badge--bold{font-weight:700;color:var(--headline-color)}.section-font-families .weight-badge--active{border-color:var(--brand-color);background:var(--brand-color);color:#fff!important}.section-type-scale .section-heading{font-size:2.4rem;font-weight:700;color:var(--headline-color);margin-bottom:3.2rem}.section-type-scale .type-scale-list{border-top:2px solid var(--headline-color)}.section-type-scale .type-scale-row{display:flex;align-items:baseline;justify-content:space-between;gap:4rem;padding:2.4rem 0;border-bottom:1px solid var(--border-color);color:var(--headline-color);line-height:1.15}.section-type-scale .type-scale-row:last-child{border-bottom:none}.section-type-scale .type-scale-preview{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-type-scale .type-scale-meta{font-family:inter,sans-serif;font-size:1.2rem;font-weight:400;color:var(--text-color-lightest);margin:0;letter-spacing:.01em;white-space:nowrap;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums;align-self:center}@media(max-width:600px){.section-type-scale .type-scale-row{flex-direction:column;align-items:flex-start;gap:.4rem}.section-type-scale .type-scale-meta{text-align:left}}.section-font-usage .section-heading{font-size:2.4rem;font-weight:700;color:var(--headline-color);margin-bottom:3.2rem}.section-font-usage .font-usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem}@media(max-width:600px){.section-font-usage .font-usage-grid{grid-template-columns:1fr}}.section-font-usage .font-usage-card{border:1px solid var(--border-color);border-radius:12px;padding:2.4rem}.section-font-usage .font-usage-tag{display:inline-block;background:var(--brand-color);color:#fff;font-size:1.2rem;font-weight:600;padding:.4rem 1.2rem;border-radius:20px;margin-bottom:1.6rem;letter-spacing:.02em}.section-font-usage .font-usage-name{font-size:2rem;font-weight:700;color:var(--headline-color);margin-bottom:1.6rem}.section-font-usage .font-usage-list{list-style:none;display:flex;flex-direction:column;gap:.8rem}.section-font-usage .font-usage-list li{display:flex;align-items:center;gap:.8rem;font-size:1.5rem;color:var(--text-color-normal)}.section-font-usage .font-usage-list i{font-size:1.2rem;color:var(--brand-color);flex-shrink:0}.section-font-examples .section-heading{font-size:2.4rem;font-weight:700;color:var(--headline-color);margin-bottom:3.2rem}.section-font-examples .font-examples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem}@media(max-width:700px){.section-font-examples .font-examples-grid{grid-template-columns:1fr}}.section-font-examples .font-example-card{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.section-font-examples .font-example-label{padding:1.2rem 2rem;font-size:1.3rem;font-weight:600;color:var(--text-color-lightest);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border-color)}.section-font-examples .font-example-preview{padding:3.2rem 2.4rem;min-height:20rem;display:flex;align-items:center;justify-content:center}.section-font-examples .font-example-preview--heading{background:linear-gradient(135deg,#A03F88 0%,#3BABCC 100%);flex-direction:column;align-items:flex-start;gap:.8rem}.section-font-examples .font-example-preview--ui{background:var(--section-background-alt)}.section-font-examples .example-eyebrow{font-family:poppins,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7)}.section-font-examples .example-heading{font-family:poppins,sans-serif;font-size:2.8rem;font-weight:700;color:#fff;line-height:1.2;margin:0}.section-font-examples .example-subtext{font-family:poppins,sans-serif;font-size:1.4rem;font-weight:400;color:rgba(255,255,255,.8);line-height:1.6}.section-font-examples .example-ui-card{background:#fff;border:1px solid var(--border-color);border-radius:10px;padding:2rem;width:100%;max-width:28rem}.section-font-examples .example-ui-header{display:flex;gap:.5rem;margin-bottom:1.6rem}.section-font-examples .example-ui-dot{width:.8rem;height:.8rem;border-radius:50%;background:var(--border-color)}.section-font-examples .example-ui-stat{font-family:inter,sans-serif;font-size:2.8rem;font-weight:700;color:var(--headline-color);line-height:1}.section-font-examples .example-ui-stat-label{font-family:inter,sans-serif;font-size:1.3rem;font-weight:400;color:var(--text-color-lightest);margin-top:.4rem;margin-bottom:1.2rem}.section-font-examples .example-ui-badge{display:inline-block;background:#ecfdf5;color:#059669;font-family:inter,sans-serif;font-size:1.2rem;font-weight:600;padding:.3rem .8rem;border-radius:20px;margin-bottom:1.2rem}.section-font-examples .example-ui-meta{font-family:inter,sans-serif;font-size:1.3rem;color:var(--text-color-lighter)}.section-font-examples .font-example-meta{padding:1.6rem 2rem;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:1.2rem}.section-font-examples .font-example-font{font-size:1.3rem;font-weight:700;color:var(--headline-color)}.section-font-examples .font-example-desc{font-size:1.3rem;color:var(--text-color-lighter)}.section-font-best-practices .section-heading{font-size:2.4rem;font-weight:700;color:var(--headline-color);margin-bottom:3.2rem}.section-font-best-practices .best-practices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}@media(max-width:900px){.section-font-best-practices .best-practices-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.section-font-best-practices .best-practices-grid{grid-template-columns:1fr}}.section-font-best-practices .best-practice-card{border:1px solid var(--border-color);border-radius:12px;padding:2.4rem}.section-font-best-practices .best-practice-icon{width:4rem;height:4rem;background:var(--section-background-alt);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem}.section-font-best-practices .best-practice-icon i{font-size:1.6rem;color:var(--brand-color)}.section-font-best-practices .best-practice-title{font-size:1.7rem;font-weight:700;color:var(--headline-color);margin-bottom:.8rem}.section-font-best-practices .best-practice-body{font-size:1.4rem;line-height:1.6;color:var(--text-color-lighter);margin-bottom:1.2rem}.section-font-best-practices .best-practice-hint{display:inline-block;background:var(--section-background-alt);border-left:3px solid var(--brand-color);padding:.6rem 1rem;font-size:1.3rem;font-weight:500;color:var(--text-color-normal);border-radius:0 4px 4px 0}.section-brand-portfolio .section-heading{font-size:2.4rem;font-weight:700;color:var(--headline-color);margin-bottom:3.2rem}.section-brand-portfolio .brand-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}@media(max-width:700px){.section-brand-portfolio .brand-portfolio-grid{grid-template-columns:1fr}}.section-brand-portfolio .brand-portfolio-card{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.section-brand-portfolio .brand-portfolio-preview{height:18rem;display:flex;align-items:center;justify-content:center;background:var(--section-background-alt);border-bottom:1px solid var(--border-color);position:relative}.section-brand-portfolio .brand-portfolio-preview::after{content:'';position:absolute;inset:0;background:var(--brand-accent,var(--brand-color));opacity:.06;pointer-events:none}.section-brand-portfolio .brand-portfolio-image{max-height:6rem;max-width:70%;object-fit:contain}.section-brand-portfolio .brand-portfolio-text{font-size:3.2rem;font-weight:700;letter-spacing:-.02em}.section-brand-portfolio .brand-portfolio-info{padding:2rem;display:flex;flex-direction:column;gap:.4rem}.section-brand-portfolio .brand-portfolio-name{font-size:1.8rem;font-weight:700;color:var(--headline-color)}.section-brand-portfolio .brand-portfolio-role{font-size:1.4rem;font-weight:600;color:var(--brand-color)}.section-brand-portfolio .brand-portfolio-level{font-size:1.3rem;color:var(--text-color-lightest)}.section-logo-variants .section-heading{font-size:2.4rem;font-weight:700;color:var(--headline-color);margin-bottom:3.2rem}.section-logo-variants .logo-variants-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem}@media(max-width:600px){.section-logo-variants .logo-variants-grid{grid-template-columns:1fr}}.section-logo-variants .logo-variant-card{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.section-logo-variants .logo-variant-card--dark .logo-variant-preview{background:#1a1a1a}.section-logo-variants .logo-variant-preview{height:18rem;display:flex;align-items:center;justify-content:center;background:var(--section-background-alt);border-bottom:1px solid var(--border-color)}.section-logo-variants .logo-variant-image{max-height:7rem;max-width:70%;object-fit:contain}.section-logo-variants .logo-variant-image--invert{filter:brightness(0)invert(1)}.section-logo-variants .logo-variant-text{font-size:3rem;font-weight:700;letter-spacing:-.02em}.logo-variant-card--dark .section-logo-variants .logo-variant-text{color:#fff}.section-logo-variants .logo-variant-info{padding:1.6rem 2rem;display:flex;flex-direction:column;gap:1.4rem}.section-logo-variants .logo-variant-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.section-logo-variants .logo-variant-name{font-size:1.5rem;font-weight:700;color:var(--headline-color)}.section-logo-variants .logo-variant-description{font-size:1.3rem;color:var(--text-color-lighter);line-height:1.4}.section-logo-variants .logo-variant-downloads{display:flex;gap:.6rem;flex-wrap:wrap}.section-logo-variants .logo-variant-download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:0 0;font-size:1.25rem;font-weight:600;color:var(--text-color-normal);text-decoration:none;white-space:nowrap;cursor:pointer;font-family:inherit;transition:border-color .2s,color .2s}.section-logo-variants .logo-variant-download-btn:hover{border-color:var(--brand-color);color:var(--brand-color)}.section-logo-variants .logo-variant-download-btn i{font-size:1rem}.section-clear-space .section-heading{font-size:2.4rem;font-weight:700;color:var(--headline-color);margin-bottom:1.6rem}.section-clear-space .clear-space-description{font-size:1.5rem;color:var(--text-color-lighter);margin-bottom:3.2rem;line-height:1.6}.section-clear-space .clear-space-diagrams{display:flex;gap:4rem;margin-bottom:4rem}@media(max-width:600px){.section-clear-space .clear-space-diagrams{flex-direction:column;gap:2.4rem}}.section-clear-space .clear-space-diagram{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.section-clear-space .clear-space-box{width:20rem;height:20rem;border:2px dashed var(--diagram-color,var(--brand-color));border-radius:8px;display:flex;align-items:center;justify-content:center;padding:3rem}.section-clear-space .clear-space-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.section-clear-space .clear-space-logo{max-width:100%;max-height:100%;object-fit:contain}.section-clear-space .clear-space-label{font-size:1.4rem;font-weight:600;color:var(--text-color-normal)}.section-clear-space .min-sizes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:56rem}@media(max-width:500px){.section-clear-space .min-sizes-grid{grid-template-columns:1fr}}.section-clear-space .min-size-card{border:1px solid var(--border-color);border-radius:12px;padding:2rem;display:flex;gap:1.6rem;align-items:flex-start}.section-clear-space .min-size-icon{width:4rem;height:4rem;background:var(--section-background-alt);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-clear-space .min-size-icon i{font-size:1.6rem;color:var(--brand-color)}.section-clear-space .min-size-info{display:flex;flex-direction:column;gap:.2rem}.section-clear-space .min-size-medium{font-size:1.3rem;font-weight:600;color:var(--text-color-lightest);text-transform:uppercase;letter-spacing:.05em}.section-clear-space .min-size-value{font-size:2.4rem;font-weight:700;color:var(--headline-color);line-height:1.1}.section-clear-space .min-size-note{font-size:1.3rem;color:var(--text-color-lighter)}.section-heading{font-size:2.4rem;font-weight:700;color:var(--headline-color);margin-bottom:3.6rem}.komm-card{background:var(--section-background);border:1px solid var(--border-color);border-radius:1.2rem;padding:3.2rem;margin-bottom:2.4rem}.komm-card__title{font-size:1.8rem;font-weight:600;color:var(--headline-color);margin-bottom:2rem}.komm-card__intro{font-size:1.5rem;color:var(--text-color-lighter);line-height:1.6;margin-bottom:2.4rem}.komm-voice-card{background:var(--section-background-alt);border-radius:.8rem;padding:2rem;height:100%}.komm-voice-card__title{font-size:1.55rem;font-weight:600;color:var(--headline-color);margin-bottom:1rem}.komm-voice-card__text{font-size:1.35rem;color:var(--text-color-lighter);line-height:1.55;margin:0}.komm-traits-list{list-style:none;padding:0;margin:0}.komm-traits-item{display:flex;align-items:flex-start;gap:1.2rem;padding:1.6rem 0;border-bottom:1px solid var(--border-color)}.komm-traits-item:last-child{border-bottom:none}.komm-traits-marker{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:.2rem}.komm-traits-marker i{font-size:1rem}.komm-traits-marker--do{background:#d1fae5;color:#059669}html[data-theme=dark] .komm-traits-marker--do{background:rgba(5,150,105,.2);color:#34d399}.komm-traits-marker--dont{background:#fee2e2;color:#dc2626}html[data-theme=dark] .komm-traits-marker--dont{background:rgba(220,38,38,.2);color:#f87171}.komm-traits-label{display:block;font-size:1.4rem;font-weight:600;color:var(--headline-color);margin-bottom:.3rem}.komm-traits-desc{font-size:1.3rem;color:var(--text-color-lighter);line-height:1.5;margin:0}.komm-address-rule{background:var(--section-background-alt);border-radius:.8rem;padding:2rem;height:100%}.komm-address-rule__brand{font-size:1.5rem;font-weight:600;color:var(--headline-color);margin-bottom:.8rem}.komm-address-rule__desc{font-size:1.35rem;color:var(--text-color-lighter);line-height:1.5;margin-bottom:1.2rem}.komm-address-rule__example{background:var(--section-background);border:1px solid var(--border-color);border-radius:.6rem;padding:1.2rem 1.4rem;font-size:1.3rem;color:var(--text-color-normal);line-height:1.5}.komm-brand-name{display:flex;flex-direction:column;gap:.6rem;padding:1.6rem 0}.komm-brand-name__dot{width:1.2rem;height:1.2rem;border-radius:50%;flex-shrink:0}.komm-brand-name__name{font-size:1.5rem;font-weight:600;color:var(--headline-color)}.komm-brand-name__rule{font-size:1.3rem;color:var(--text-color-lighter);margin:0}.komm-spelling__label{font-size:1.3rem;font-weight:700;margin-bottom:1.2rem}.komm-spelling__label i{margin-right:.5rem}.komm-spelling__label--correct{color:#059669}.komm-spelling__label--wrong{color:#dc2626}.komm-spelling-list{list-style:none;padding:0;margin:0}.komm-spelling-list li{font-size:1.35rem;color:var(--text-color-lighter);padding:.6rem 0;border-bottom:1px solid var(--border-color)}.komm-spelling-list li:last-child{border-bottom:none}.komm-spelling-list li::before{margin-right:.6rem}.komm-spelling-list--correct li::before{content:"•";color:#059669}.komm-spelling-list--wrong li::before{content:"•";color:#dc2626}.komm-rules-list{list-style:none;padding:0;margin:0}.komm-rules-list li{font-size:1.35rem;color:var(--text-color-lighter);padding:.7rem 0;border-bottom:1px solid var(--border-color)}.komm-rules-list li:last-child{border-bottom:none}.komm-rules-list li::before{content:"•";margin-right:.8rem;color:var(--brand-color)}.komm-headline-examples{display:flex;flex-direction:column;gap:1.6rem}.komm-headline-example{background:var(--section-background-alt);border-radius:.8rem;padding:2.4rem}.komm-headline-example__brand{display:block;font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem}.komm-headline-example__headline{font-size:2rem;font-weight:700;color:var(--headline-color);margin-bottom:.8rem}.komm-headline-example__subtext{font-size:1.4rem;color:var(--text-color-lighter);line-height:1.6;margin:0}.komm-cta-row{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:1.6rem}.komm-cta{padding:1rem 2rem;border-radius:.6rem;font-size:1.4rem;font-weight:600;cursor:default;border:none}.komm-cta--primary{background:#df2a62;color:#fff}.komm-cta--outline{background:0 0;border:2px solid #df2a62;color:#df2a62}.komm-cta--gradient{background:linear-gradient(to right,#DF2A62,#A03F88);color:#fff}.komm-cta-note{font-size:1.3rem;color:var(--text-color-lightest);margin:0}.komm-emails{display:flex;flex-direction:column;gap:1.6rem}.komm-email{border:1px solid var(--border-color);border-radius:.8rem;overflow:hidden}.komm-email__subject{font-size:1.4rem;font-weight:600;color:var(--headline-color);padding:1.4rem 2rem;border-bottom:1px solid var(--border-color);background:var(--section-background-alt)}.komm-email__body{padding:2rem;background:var(--section-background)}.komm-email__body p{font-size:1.35rem;color:var(--text-color-lighter);line-height:1.6;margin:0 0 1rem}.komm-email__body p:last-child{margin-bottom:0}.komm-social-post{background:var(--section-background-alt);border-radius:.8rem;padding:2rem}.komm-social-post__platform{display:block;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-color-lightest);margin-bottom:1rem}.komm-social-post__content{font-size:1.35rem;color:var(--text-color-lighter);line-height:1.7;margin:0;white-space:pre-line}.site-section--with-sidebar>.wrapper{flex-direction:row;align-items:flex-start;padding:0 2rem;overflow:visible}.page-sections{flex:1;min-width:0;display:flex;flex-direction:column}.page-sections .site-section{padding-left:0;padding-right:0}.page-sections .wrapper{max-width:100%;padding:0;margin:0}.sidebar-nav{width:200px;flex-shrink:0;position:sticky;top:8.5rem;padding:4rem 0;padding-right:2.4rem}@media(max-width:900px){.sidebar-nav{display:none}}.sidebar-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem;border-left:2px solid var(--border-color)}.sidebar-nav-item{position:relative}.sidebar-nav-item.is-active>.sidebar-nav-link{color:var(--brand-color);font-weight:600;background:color-mix(in srgb,var(--brand-color) 6%,transparent);border-left-color:var(--brand-color)}.sidebar-nav-link{display:block;font-size:1.4rem;font-weight:500;color:var(--text-color-lighter);text-decoration:none;padding:.55rem 1rem .55rem 1.4rem;border-radius:0 6px 6px 0;border-left:2px solid transparent;margin-left:-2px;transition:color .2s ease,background .2s ease,border-color .2s ease}.sidebar-nav-link:hover{color:var(--headline-color);background:var(--section-background-alt);border-left-color:var(--border-color)}.sidebar-nav-link--wip{cursor:default;opacity:.45}.sidebar-nav-link--wip:hover{background:0 0;color:var(--text-color-lighter);border-left-color:transparent}.sidebar-wip-tag{font-size:1.1rem;font-weight:500;color:var(--text-color-lightest)}.sidebar-nav-sub{list-style:none;margin:.2rem 0 .4rem 1.4rem;padding:0;display:flex;flex-direction:column;gap:0;border-left:2px solid var(--border-color)}.sidebar-nav-sub-link{display:block;font-size:1.3rem;font-weight:400;color:var(--text-color-lighter);text-decoration:none;padding:.4rem 1rem .4rem 1.2rem;border-radius:0 6px 6px 0;border-left:2px solid transparent;margin-left:-2px;transition:color .2s ease,background .2s ease,border-color .2s ease}.sidebar-nav-sub-link:hover{color:var(--headline-color);background:var(--section-background-alt);border-left-color:var(--border-color)}.sidebar-nav-sub-link.active{color:var(--brand-color);font-weight:600;background:color-mix(in srgb,var(--brand-color) 6%,transparent);border-left-color:var(--brand-color)}.site-footer-bottom{background-color:var(--section-background);border-top:1px solid var(--border-color);padding:2rem 0}.site-footer-bottom .wrapper{flex-direction:row;align-items:center;gap:2rem}.site-footer-bottom .footer-left{flex:1}.site-footer-bottom .footer-left ul{display:flex;flex-direction:row;gap:3rem;list-style:none;margin:0}.site-footer-bottom .footer-left li{font-size:1.4rem;margin:0}.site-footer-bottom .footer-left li.copyright{font-weight:600;color:var(--text-color-normal)}.site-footer-bottom .footer-left a{color:var(--text-color-lighter)}.site-footer-bottom .footer-left a:hover{color:var(--brand-color)}@media only screen and (max-width:769px){.site-footer-bottom .wrapper{flex-direction:column;align-items:flex-start}.site-footer-bottom .footer-left ul{flex-direction:column;gap:1rem}}