:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#172c42;background:#f5f5f2;font-synthesis:none;font-weight:400;--paper:#F5F5F2;--ink:#172C42;--muted:#64717C;--line:#DEE2E3;--white:#fff;--brand:#003F83;--deep:#062B55;--accent:#FFDD00}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,summary,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2987DF;outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}body.is-home{overflow:hidden}.home{height:100svh;max-width:1600px;margin:auto;padding:30px 6vw 24px;display:flex;flex-direction:column;gap:clamp(14px,3vh,32px)}.home-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.portal-wordmark{display:flex;gap:12px;align-items:center;font-weight:650;font-size:16px;letter-spacing:-.4px}.symbol{display:flex;gap:4px}.symbol i{width:9px;height:23px;background:var(--ink);border-radius:2px}.symbol i+i{background:#d4b900}.edition{font-size:10px;letter-spacing:1.7px;color:var(--muted)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px}.home-intro{padding-top:clamp(8px,3vh,30px);flex-shrink:0}.home-intro .eyebrow{color:var(--muted)}.home h1{font-size:clamp(34px,4.3vw,62px);font-weight:600;letter-spacing:-2.7px;line-height:1.05;margin:16px 0}.home h1 span{color:#a68d00}.home-intro p{font-size:15px;color:var(--muted);line-height:1.5}.brand-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;min-height:0;max-height:450px;margin:4px 0}.brand-option{position:relative;overflow:hidden;border-radius:14px;display:flex;flex-direction:column;min-height:0;padding:25px 30px 28px;transition:transform .25s,box-shadow .25s}.brand-option:hover{transform:translateY(-4px);box-shadow:0 15px 30px #062b5515}.brand-option.jonas-pneus{background:#062b55;color:var(--white)}.brand-option.tem-pneu{background:#ffe500;color:#003c85}.option-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.5px;opacity:.8}.option-logo{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:15px 0}.option-logo img{width:75%;max-width:330px;max-height:100%;object-fit:contain}.jonas-pneus .option-logo img{background:#fff;border-radius:3px;padding:12px 16px;box-sizing:content-box;width:70%}.tem-pneu .option-logo img{width:65%;max-height:180px;image-rendering:auto}.option-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center}.option-bottom h2{font-size:clamp(16px,1.6vw,23px);font-weight:550;letter-spacing:-.6px;margin-bottom:9px}.option-bottom div>span{font-size:11px;opacity:.85}.circle-arrow{border:1px solid #ffffff55;border-radius:50%;width:43px;height:43px;display:grid;place-items:center}.tem-pneu .circle-arrow{border-color:#003c8535}.color-ribbon{height:5px;display:flex;position:absolute;bottom:0;left:0;right:0}.color-ribbon i{flex:1;background:#003f83}.color-ribbon i:nth-child(2){background:#fd0;flex:.6}.color-ribbon i:last-child{background:#fff;flex:.3}.tem-pneu .color-ribbon i{background:#0054a6}.tem-pneu .color-ribbon i:nth-child(2){background:#003c85}.tem-pneu .color-ribbon i:last-child{background:#fff}.home-footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.4px;color:var(--muted);margin-top:auto;flex-shrink:0}.home-footer span:last-child{display:flex;align-items:center;gap:12px}.home-footer i{height:3px;width:3px;border-radius:50%;background:#89939d}.sidebar{position:fixed;left:0;top:0;bottom:0;width:246px;background:var(--paper);border-right:1px solid var(--line);padding:28px 23px;display:flex;flex-direction:column;z-index:10}.back-link{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.sidebar-logo{height:132px;display:flex;align-items:center}.sidebar-logo img{width:100%;max-height:90px;object-fit:contain}.tem-pneu .sidebar-logo img{max-height:108px}.sidebar-label,.small-label{font-size:10px;letter-spacing:1.6px;font-weight:600;color:var(--muted)}.sidebar-label{margin:17px 10px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{padding:14px 12px;display:flex;align-items:center;gap:14px;background:transparent;border-radius:6px;text-align:left;font-size:13px;color:var(--muted)}.sidebar nav button>span:first-child{font-size:10px;opacity:.6}.sidebar nav button.active{background:var(--white);color:var(--deep);box-shadow:0 2px 5px #00000004;font-weight:650}.nav-dot{width:5px;height:5px;border-radius:50%;margin-left:auto;background:transparent}.active .nav-dot{background:var(--brand)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:24px}.sidebar-foot a{display:flex;justify-content:space-between;margin-top:14px;font-size:14px;font-weight:600}.sidebar-foot p{font-size:10px;color:var(--muted);margin-top:28px}.brand-main{margin-left:246px;background:#fff;min-height:100vh}.brand-topbar{height:76px;padding:0 4.6vw;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.brand-topbar strong{color:var(--ink);font-weight:500}.slash{margin:0 12px;color:#a1acb4}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;font-size:12px;font-weight:550;padding:8px 0;color:var(--deep)}.brand-content{max-width:1440px;padding:0 4.6vw;margin:auto}.brand-intro{position:relative;padding:57px 0 48px;border-bottom:1px solid var(--line)}.brand-intro .eyebrow{color:var(--brand)}.brand-intro h1{font-size:clamp(48px,5vw,74px);letter-spacing:-3.3px;font-weight:650;line-height:1.1;margin:16px 0 18px;color:var(--deep)}.brand-intro h1 span{color:var(--accent)}.brand-intro p{font-size:15px;line-height:1.75;color:var(--muted);max-width:590px;padding-right:35px}.mini-palette{display:flex;margin-top:27px}.mini-palette span{height:8px;width:45px}.mini-palette span:first-child{border-radius:3px 0 0 3px}.mini-palette span:last-child{border-radius:0 3px 3px 0}section{scroll-margin-top:28px;padding:48px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-index{font-size:10px;letter-spacing:1.6px;color:var(--muted);font-weight:600}.section-heading h2{font-size:clamp(25px,2.6vw,34px);font-weight:550;letter-spacing:-1.2px;margin-top:12px;color:var(--deep)}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.6;flex-shrink:0}.primary-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.swatch{display:block;text-align:left;padding:0;min-width:0;background:transparent;border-radius:8px;overflow:hidden}.swatch-paint{height:170px;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;transition:filter .15s;border:1px solid #00000006;border-radius:7px}.swatch-paint>span{font-size:35px;letter-spacing:-2px;font-weight:500}.swatch:hover .swatch-paint{filter:brightness(.95)}.swatch-caption{padding:16px 1px}.swatch-caption>div{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.swatch-caption strong{font-size:12px;font-weight:600}.swatch-caption code{font-size:11px;color:var(--muted)}.swatch-caption p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:8px}.subheading{font-size:13px;font-weight:550;margin:24px 0 17px}.support-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px}.support-palette .swatch-paint{height:84px;padding:12px 15px}.support-palette .swatch-paint>span{font-size:23px;letter-spacing:-1px}.support-palette .swatch-caption{padding:12px 1px}.section-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:25px;max-width:750px}.font-specimen{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;padding:32px 38px;background:var(--paper);border-radius:8px}.large-aa{font-size:clamp(95px,12vw,180px);letter-spacing:-14px;color:var(--deep);font-weight:650;line-height:1.1}.large-aa span{color:var(--brand)}.font-specimen h3{font-size:32px;font-weight:550;letter-spacing:-1px;margin:12px 0}.font-specimen p{font-size:12px;line-height:1.8;color:var(--muted);max-width:360px}.weight-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.weight-tags span{font-size:10px;padding:5px 8px;background:#fff;border:1px solid var(--line);border-radius:3px}.alphabet{font-size:clamp(18px,2.3vw,30px);letter-spacing:1px;line-height:1.7;padding:28px 0;overflow-wrap:anywhere;color:var(--deep)}.type-playground{border:1px solid var(--line);border-radius:8px;overflow:hidden}.playground-controls{display:flex;gap:20px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);background:#fafbfc;font-size:11px}.playground-controls>label:first-child{margin-right:auto;font-weight:600}.weight-control,.size-control{display:flex;align-items:center;gap:10px}.weight-control select{border:1px solid var(--line);padding:7px;border-radius:4px;background:#fff;font-size:11px;color:var(--ink)}.size-control input{width:75px;accent-color:var(--brand)}textarea{width:100%;resize:vertical;min-height:180px;display:block;border:0;padding:25px;color:var(--deep);line-height:1.2;background:#fff;letter-spacing:-1px}.type-row{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center}.type-row:last-child{border-bottom:0}.type-meta{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}.type-meta strong{color:var(--ink);font-weight:600;font-size:12px}.type-meta small{font-size:10px}.type-row p{color:var(--deep);letter-spacing:-.7px;overflow-wrap:anywhere}.type-row:last-child p{letter-spacing:1.7px}details{margin-top:18px;font-size:12px;color:var(--muted)}summary{cursor:pointer;width:fit-content}.font-stack{display:block;line-height:1.8;padding:18px 0;overflow-wrap:anywhere}.logo-display{border:1px solid var(--line);border-radius:8px;overflow:hidden}.logo-canvas{height:280px;background-color:#fafbfc;background-image:linear-gradient(45deg,#EFF1F2 25%,transparent 25%),linear-gradient(-45deg,#EFF1F2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#EFF1F2 75%),linear-gradient(-45deg,transparent 75%,#EFF1F2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;display:flex;align-items:center;justify-content:center;padding:40px}.safe-area{border:1px dashed #A6B5C6;padding:30px;max-width:85%}.safe-area img{display:block;width:100%;max-width:430px;max-height:130px;object-fit:contain}.tem-pneu .safe-area img{width:260px}.logo-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;border-top:1px solid var(--line);gap:15px}.logo-caption strong,.logo-caption span{display:block;font-size:12px}.logo-caption span{font-size:11px;color:var(--muted);margin-top:7px}.logo-contexts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.logo-contexts>div{padding:34px 25px 20px;min-height:185px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;color:#fff;gap:27px}.logo-plate{background:#fff;border-radius:3px;padding:12px 18px;width:85%;max-width:290px;min-height:70px;display:grid;place-items:center}.logo-plate img{width:100%;max-height:85px;object-fit:contain}.logo-contexts span{font-size:11px}.logo-guidance{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.logo-guidance span{font-size:10px;color:var(--muted)}.logo-guidance h3{font-size:13px;font-weight:600;margin:12px 0 8px}.logo-guidance p{font-size:12px;color:var(--muted);line-height:1.8}.guide-footer{padding:30px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.guide-footer a{display:flex;gap:10px;align-items:center;color:var(--brand)}.toast{position:fixed;bottom:24px;left:calc(50% + 123px);transform:translate(-50%,20px);background:var(--deep);color:#fff;padding:13px 20px;border-radius:8px;display:flex;gap:10px;align-items:center;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;box-shadow:0 5px 20px #0002}.toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1500px){.home{padding-top:40px;padding-bottom:32px}.home-intro{padding-top:4vh}.brand-options{max-height:480px}.home h1{font-size:68px}}@media(max-width:1050px){.sidebar{width:205px;padding:24px 18px}.brand-main{margin-left:205px}.brand-content,.brand-topbar{padding:0 30px}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading>p br{display:none}.swatch-paint{height:135px}.swatch-caption>div{flex-direction:column}.font-specimen{padding:25px;gap:20px}.playground-controls{flex-wrap:wrap;gap:12px}.playground-controls>label:first-child{width:100%}.type-row{grid-template-columns:125px 1fr}.toast{left:calc(50% + 102px)}}@media(max-width:700px){.home{padding:22px 22px 18px;gap:20px}.edition{display:none}.home h1{font-size:38px;letter-spacing:-1.8px;margin:13px 0}.home-intro{padding-top:10px}.home-intro .eyebrow{font-size:8px;letter-spacing:1.5px}.home-intro p{font-size:12px;max-width:280px}.brand-options{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:14px;max-height:none;margin:0}.brand-option{padding:15px 20px 18px;border-radius:10px}.option-top{font-size:8px}.option-logo{padding:8px 0}.option-logo img{max-width:240px;max-height:100px}.jonas-pneus .option-logo img{max-width:220px;padding:8px 12px}.tem-pneu .option-logo img{max-height:125px;width:65%}.option-bottom h2{font-size:15px;margin-bottom:5px;letter-spacing:-.3px}.option-bottom div>span{font-size:9px}.circle-arrow{height:31px;width:31px}.home-footer{font-size:8px}.home-footer span:last-child{gap:7px}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:12px 20px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.back-link{font-size:11px}.sidebar-logo{height:34px;justify-content:flex-end}.sidebar-logo img{width:125px;max-height:34px!important}.sidebar-label,.sidebar-foot{display:none}.sidebar nav{grid-column:1/-1;flex-direction:row;justify-content:space-between;margin:12px -7px 0;gap:0}.sidebar nav button{font-size:11px;padding:12px 9px;gap:7px;border-radius:5px 5px 0 0}.nav-dot{display:none}.brand-main{margin-left:0}.brand-topbar{height:64px;padding:0 22px;font-size:10px}.brand-topbar .text-button{font-size:10px;gap:6px}.slash{margin:0 7px}.brand-content{padding:0 22px}.brand-intro{padding:35px 0}.brand-intro h1{font-size:52px;letter-spacing:-2px}.brand-intro p{font-size:13px;padding:0}.eyebrow{font-size:9px;letter-spacing:1.2px}section{padding:34px 0;scroll-margin-top:118px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:28px}.primary-palette{gap:10px}.swatch-paint{height:112px;padding:12px}.swatch-paint>span{font-size:28px}.swatch-paint svg{width:14px}.swatch-caption strong{font-size:10px;line-height:1.5}.swatch-caption code,.swatch-caption p{font-size:10px}.support-palette{grid-template-columns:1fr 1fr;gap:8px 15px}.font-specimen{grid-template-columns:1fr;padding:25px;gap:18px}.large-aa{font-size:110px;letter-spacing:-8px}.font-specimen h3{font-size:28px}.alphabet{font-size:18px;letter-spacing:0}.playground-controls{padding:15px}.size-control input{width:65px}textarea{padding:18px;min-height:230px}.type-row{grid-template-columns:1fr;gap:16px}.type-meta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.type-meta strong{min-width:110px}.logo-canvas{height:220px;padding:25px}.safe-area{max-width:100%;padding:22px}.logo-caption{padding:17px 15px}.logo-caption .text-button{font-size:11px}.logo-contexts{gap:12px}.logo-contexts>div{padding:20px 10px;min-height:140px;gap:20px}.logo-contexts span{font-size:9px;text-align:center}.logo-plate{padding:8px;width:95%;min-height:50px}.logo-plate img{max-height:60px}.logo-guidance{grid-template-columns:1fr;gap:22px}.logo-guidance h3{margin-top:8px}.guide-footer{font-size:10px}.toast{left:50%;max-width:90vw;white-space:nowrap}.section-note{font-size:11px}}@media(max-height:740px)and (min-width:701px){.home{padding-top:22px;gap:18px}.home-intro{padding-top:0}.home h1{font-size:45px;margin:12px 0}.home-intro p{font-size:13px}.brand-option{padding:18px 24px 22px}.option-bottom h2{font-size:19px}.option-logo img{max-height:140px}}@media(max-height:720px)and (max-width:700px){.home{padding:15px 18px;gap:12px}.home-intro{padding-top:0}.home h1{font-size:30px;margin:9px 0}.home-intro p{font-size:11px}.home-intro .eyebrow{font-size:7px}.portal-wordmark{font-size:14px}.symbol i{height:19px}.brand-option{padding:12px 17px 14px}.option-logo img,.tem-pneu .option-logo img{max-height:75px}.option-bottom h2{font-size:13px}.option-bottom div>span{font-size:8px}.option-top,.home-footer{font-size:7px}}@media(max-height:450px){.home{padding:12px 25px;gap:10px}.home-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0}.home-intro .eyebrow{display:none}.home h1{font-size:27px;margin:0;letter-spacing:-1px}.home h1 br{display:none}.home-intro p{font-size:10px;max-width:210px}.brand-options{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:14px}.brand-option{padding:12px 18px 15px}.option-logo{padding:8px}.option-logo img{max-height:75px}.option-bottom h2{font-size:12px}.option-top{font-size:7px}.option-bottom div>span{font-size:8px}.home-footer{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}