/*
Theme Name: CNO Framework
Version: 1.0.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: cno
*/
@font-face{font-family:Plex;src:url(assets/plex-400.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url(assets/plex-500.ttf) format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url(assets/plex-600.ttf) format('truetype');font-weight:600;font-display:swap}
:root{--ink:#152b48;--blue:#234fd5;--paper:#eef3fa;--white:#fff;--muted:#526174;--line:#c4d0e1;--orange:#d95d39;--space:clamp(24px,4.5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:18px/1.6 Plex,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a,button{transition:color .16s,background-color .16s,border-color .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(44px,6vw,88px)}h2{font-size:clamp(32px,3.6vw,54px)}h3{font-size:28px}p{max-width:70ch}img{max-width:100%;height:auto}.wrap{max-width:1440px;padding-inline:var(--space);margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:112px;gap:30px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.1;font-size:21px;font-weight:600;letter-spacing:.01em}.brand img{width:42px;height:42px}.brand small{display:block;font-size:11px;letter-spacing:.2em;margin-top:5px}.site-nav{display:flex;align-items:center;gap:32px;font-size:15px}.site-nav a{text-decoration:none}.site-nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;background:var(--blue);color:white;border:1px solid var(--blue);text-decoration:none;font-size:16px;font-weight:500;border-radius:3px}.button:hover{background:var(--ink);border-color:var(--ink)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:var(--paper)}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:99}.skip:focus{top:16px}.hero{background:var(--paper);padding-top:60px;overflow:hidden}.hero-top{display:grid;grid-template-columns:1.6fr 1fr;gap:7%;align-items:end}.hero h1{max-width:820px;margin-bottom:36px}.hero-intro{font-size:20px;padding-bottom:40px}.hero-intro p{margin-bottom:24px;max-width:32ch}.kicker{font-size:16px;margin-bottom:22px;color:var(--muted)}.framework{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:20px 0 0;padding:56px 0 42px;border-top:1px solid var(--line)}.framework:before{content:'';position:absolute;top:28px;left:12.5%;right:12.5%;height:1px;background:#879cbb}.topic{position:relative;text-align:left;border:0;background:none;padding:24px 20px 20px;color:var(--ink);border-radius:3px;min-height:132px}.topic:before{content:'';position:absolute;top:-32px;left:50%;height:9px;width:9px;background:var(--paper);border:2px solid #879cbb;border-radius:50%;transition:transform .32s,background-color .32s}.topic strong{display:block;font-weight:500;font-size:30px;letter-spacing:-.03em}.topic span{font-size:15px;color:var(--muted)}.topic[aria-pressed=true]{background:var(--white);box-shadow:0 7px 20px #152b4808}.topic[aria-pressed=true]:before{background:var(--blue);border-color:var(--blue);transform:scale(1.6)}.topic:hover{background:#fff9}.topic[aria-pressed=true] strong{color:var(--blue)}.framework-caption{padding:0 0 30px;display:flex;gap:16px;font-size:14px;color:var(--muted)}.framework-caption:before{content:'';width:24px;height:2px;background:var(--orange);margin-top:11px}.section{padding-block:96px}.section-title{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-title h2{max-width:620px;margin-bottom:0}.section-title p{max-width:36ch;margin:0;color:var(--muted)}.services-layout{display:grid;grid-template-columns:280px 1fr;gap:64px}.topic-intro{border-top:3px solid var(--blue);padding-top:24px}.topic-intro h3{font-size:36px}.topic-intro p{color:var(--muted);font-size:17px}.service-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:25px 4px;text-decoration:none}.service-row:first-child{border-top:1px solid var(--line)}.service-row:hover{color:var(--blue);background:#eef3fa80}.service-row h3{font-size:23px;letter-spacing:-.02em;margin:0 0 6px;line-height:1.25}.service-row p{font-size:15px;color:var(--muted);margin:0}.price{font-size:25px;font-variant-numeric:tabular-nums;white-space:nowrap}.row-arrow{width:36px;height:36px;display:grid;place-items:center;font-size:24px}.text-link{display:inline-block;margin-top:28px;font-size:16px}.preparation{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:64px}.preparation h2{max-width:430px}.preparation p{color:#ced9e9}.preparation ul{padding-left:22px;margin:0}.preparation li{padding:18px 0;border-bottom:1px solid #ffffff30}.preparation .button{margin-top:20px;background:white;color:var(--ink)}.company-strip{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-block:80px}.company-strip p{font-size:26px;line-height:1.45}.company-strip small{color:var(--muted)}.site-footer{background:var(--paper);padding:52px 0 24px;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px}.footer-grid .brand{margin-bottom:20px}.footer-grid p{color:var(--muted);max-width:34ch}.footer-grid h2{font-size:17px;letter-spacing:0}.footer-links{display:flex;flex-direction:column;align-items:start;gap:10px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;margin-top:40px;display:flex;justify-content:space-between;gap:24px}.plain-button{border:0;background:none;color:var(--ink);padding:0;text-decoration:underline;font-size:inherit;text-underline-offset:4px}.page-head{padding-block:54px 48px;background:var(--paper)}.page-head h1{max-width:1000px;margin-bottom:24px}.page-head p{font-size:20px;max-width:60ch}.breadcrumbs{font-size:14px;margin-bottom:28px;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}.filters button{border:1px solid var(--line);padding:10px 20px;background:white;color:var(--ink);border-radius:30px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.catalogue-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.catalogue-heading h2{font-size:30px;margin:0}.service-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:100px}.reading{max-width:760px}.reading h2{font-size:34px;margin:44px 0 20px}.reading h2:first-child{margin-top:0}.reading h3{font-size:25px}.reading p,.reading li{color:var(--muted)}.reading li{margin:12px 0}.selection-box{padding:32px;background:var(--paper);align-self:start;position:sticky;top:24px}.selection-box .price{font-size:48px;display:block;margin:10px 0}.selection-box p{font-size:16px}.selection-box .button{width:100%;margin:16px 0}.small{font-size:14px;color:var(--muted)}.request-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:80px}.request-aside{align-self:start;background:var(--paper);padding:32px}.request-aside h2{font-size:27px}.request-form fieldset{border:0;padding:0;margin:0 0 40px}.request-form legend{font-size:27px;font-weight:500;margin-bottom:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field.full{grid-column:1/-1}label{display:block;font-size:16px;font-weight:500;margin-bottom:8px}input,select,textarea{width:100%;border:1px solid #8d9caf;border-radius:3px;padding:12px;background:white;color:var(--ink)}textarea{min-height:150px;resize:vertical}.consent{display:flex;gap:12px;align-items:start;font-weight:400}.consent input{width:20px;height:20px;margin-top:4px;flex-shrink:0}.trap{position:absolute;left:-10000px}.form-status{padding:18px;background:var(--paper);margin:20px 0}.form-status:empty{display:none}.form-status.error{border-left:3px solid #a82f20}.form-status.success{border-left:3px solid var(--blue)}.faq-layout{display:grid;grid-template-columns:280px 1fr;gap:80px}details{border-bottom:1px solid var(--line);padding:24px 0}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:22px;font-weight:500;line-height:1.4}details p{padding-top:18px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.contact-big{font-size:clamp(22px,2.6vw,37px);letter-spacing:-.03em;overflow-wrap:anywhere}.contact-group{margin-bottom:40px}.contact-group h2{font-size:18px;letter-spacing:0;color:var(--muted)}.contact-callout{background:var(--paper);padding:40px;align-self:start}.contact-callout h2{font-size:36px}.cookie-notice{position:fixed;bottom:22px;right:22px;max-width:460px;padding:24px;background:white;border:1px solid var(--line);box-shadow:0 10px 50px #152b4820;z-index:20;font-size:15px}.cookie-notice h2{font-size:22px;letter-spacing:-.02em;margin-bottom:10px}.cookie-notice p{margin-bottom:14px}.cookie-actions{display:flex;align-items:center;gap:20px}.cookie-actions .button{min-height:42px;padding:8px 18px;font-size:14px}[hidden]{display:none!important}.menu-toggle{display:none}.wp-block-image img{height:auto}.wp-block-button__link{background:var(--blue)}
.hero h1{font-size:clamp(44px,5.3vw,76px)}.hero-top{grid-template-columns:1.85fr 1fr;gap:5%}.nav-items{list-style:none;display:flex;flex-wrap:wrap;gap:24px;margin:0;padding:0}.nav-items a{text-decoration:none}
@media(max-width:1000px){.site-nav{gap:18px}.hero-top{gap:24px}.hero h1{font-size:60px}.services-layout{grid-template-columns:220px 1fr;gap:32px}.preparation{gap:40px;padding:40px}.request-layout{gap:40px;grid-template-columns:250px 1fr}.service-detail{gap:40px}.site-header{gap:20px}.site-nav .button{padding:10px 14px}}
@media(max-width:760px){body{font-size:17px}.site-header{min-height:92px;flex-wrap:wrap;padding-block:20px;gap:20px}.brand{font-size:18px}.brand img{width:34px;height:34px}.menu-toggle{display:block;padding:8px 14px;border:1px solid var(--line);background:white}.site-nav{display:none;width:100%;flex-wrap:wrap;gap:18px;font-size:16px;padding-bottom:10px}.site-nav.open{display:flex}.hero{padding-top:36px}.hero-top{display:block}.hero h1{font-size:48px;margin-bottom:24px}.hero-intro{padding-bottom:12px;font-size:18px}.hero-intro p{max-width:none}.framework{grid-template-columns:1fr 1fr;padding:24px 0;gap:12px}.framework:before,.topic:before{display:none}.topic{padding:18px 12px;min-height:112px;border:1px solid var(--line)}.topic strong{font-size:25px}.topic span{font-size:14px}.framework-caption{font-size:13px;padding-bottom:20px}.section{padding-block:56px}.section-title{display:block;margin-bottom:28px}.section-title h2{margin-bottom:18px}.services-layout,.company-strip,.footer-grid,.service-detail,.request-layout,.faq-layout,.contact-grid{grid-template-columns:1fr;gap:32px}.service-row{gap:12px;grid-template-columns:1fr auto}.service-row h3{font-size:21px}.row-arrow{display:none}.service-row p{font-size:14px}.price{font-size:23px}.preparation{grid-template-columns:1fr;gap:24px;padding:30px}.company-strip{padding-block:48px}.company-strip p{font-size:23px}.footer-grid{gap:28px}.footer-bottom{flex-direction:column}.page-head{padding-block:32px}.page-head h1{font-size:42px}.page-head p{font-size:18px}.selection-box{position:static}.fields{grid-template-columns:1fr}.request-aside{padding:24px}.cookie-notice{bottom:12px;right:12px;left:12px;max-width:none;padding:18px}.cookie-notice p{font-size:14px}.filters{gap:8px}.filters button{padding:8px 14px;font-size:15px}.contact-callout{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.directory-table table{width:100%;border-collapse:collapse;text-align:left}.directory-table th{font-size:14px;font-weight:500;padding:16px;background:var(--ink);color:white}.directory-table td{padding:24px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.directory-table td a{font-size:21px;font-weight:500;letter-spacing:-.02em;text-decoration:none;line-height:1.35;display:block}.directory-table td a:hover{text-decoration:underline}.directory-table td p{font-size:14px;color:var(--muted);margin:8px 0 0}.theme-cell{font-size:14px;color:var(--muted);width:15%}.radio-select{display:flex;align-items:center;gap:8px;font-size:14px;margin:0;cursor:pointer}.radio-select input{width:21px;height:21px;accent-color:var(--blue)}.directory-table tr:has(input:checked){background:var(--paper)}.directory-action{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;background:var(--paper);margin-top:24px}.directory-action p{margin:0}.briefing-meta{display:flex;gap:40px;justify-content:space-between;align-items:center;padding:24px 0;border-top:3px solid var(--blue);border-bottom:1px solid var(--line);font-size:16px}.briefing-meta strong{font-size:32px;font-weight:500;margin-left:12px}.briefing-content{max-width:1080px;margin:64px auto;display:grid;grid-template-columns:1fr 2fr;column-gap:80px}.briefing-content h2{font-size:30px;grid-column:1;margin:0 0 40px}.briefing-content p{grid-column:2;margin-bottom:24px;color:var(--muted)}.briefing-content h2+p{margin-top:0}.briefing-content h2:first-child+p{font-size:28px;color:var(--ink);line-height:1.4}.briefing-foot{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding:48px;background:var(--paper)}.briefing-foot h2{font-size:32px}.briefing-foot p{font-size:17px}.directory-table td.price{font-size:24px}
@media(max-width:760px){.directory-table th:first-child,.directory-table .theme-cell{display:none}.directory-table th{font-size:12px;padding:12px 7px}.directory-table td{padding:20px 7px}.directory-table td a{font-size:18px}.directory-table td p{display:none}.directory-table td.price{font-size:20px}.radio-select span{display:none}.directory-action{align-items:stretch;flex-direction:column;padding:24px}.briefing-meta{flex-wrap:wrap;gap:20px}.briefing-meta .button{width:100%}.briefing-content{display:block;margin:40px 0}.briefing-content h2{margin:32px 0 18px}.briefing-content h2+p{margin-top:0}.briefing-content h2:first-child+p{font-size:24px}.briefing-foot{grid-template-columns:1fr;gap:16px;padding:28px}}

