@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;900&family=Barlow:wght@400;500&display=swap";
:root{--frnk-bg:#eceae3;--frnk-text:#0d0d0c;--frnk-muted:#6b6a64;--frnk-line:#c8c6be;--frnk-soft:#e4e2dc;--frnk-tag:#e0ded8}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--frnk-bg)}body{background:var(--frnk-bg);min-height:100vh;color:var(--frnk-text);font-family:Barlow,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.pg{background:var(--frnk-bg);border-left:.5px solid var(--frnk-line);border-right:.5px solid var(--frnk-line);max-width:900px;min-height:100vh;margin:0 auto}.hdr{border-bottom:.5px solid var(--frnk-line);letter-spacing:.08em;color:var(--frnk-muted);justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 28px;font-size:11px;display:flex}.hdr-logo{color:var(--frnk-text);letter-spacing:.14em;font-size:12px;font-weight:500}.hdr-nav{gap:20px;display:flex}.hdr-nav a{color:var(--frnk-muted);letter-spacing:.08em;transition:color .2s}.hdr-nav a:hover{color:var(--frnk-text)}.hdr-r{text-align:right;line-height:1.7}.hero{border-bottom:.5px solid var(--frnk-line);grid-template-columns:1fr 1fr;min-height:320px;display:grid}.hero-l{border-right:.5px solid var(--frnk-line);flex-direction:column;justify-content:space-between;padding:36px 28px;display:flex}.hero-label{letter-spacing:.1em;color:var(--frnk-muted);font-size:11px}.hero-bottom{flex-direction:column;gap:16px;display:flex}.hero-problem{max-width:280px;color:var(--frnk-muted);font-size:13px;line-height:1.75}.hero-problem em{color:var(--frnk-text);font-style:normal;font-weight:500}.hero-r{flex-direction:column;justify-content:space-between;padding:36px 28px 36px 36px;display:flex}.hero-h1{letter-spacing:-.01em;color:var(--frnk-text);text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:72px;font-weight:900;line-height:.88}.hero-utp{border-top:.5px solid var(--frnk-line);color:var(--frnk-text);margin-top:auto;padding-top:28px;font-size:13px;font-weight:500;line-height:1.7}.layers{border-bottom:.5px solid var(--frnk-line);grid-template-columns:repeat(3,1fr);display:grid}.layer-head{border-bottom:.5px solid var(--frnk-line);grid-column:1/-1;justify-content:space-between;padding:14px 20px 10px;display:flex}.layer-head span{letter-spacing:.1em;color:var(--frnk-muted);font-size:11px}.layer{border-right:.5px solid var(--frnk-line);cursor:default;padding:20px;transition:background .15s;position:relative}.layer:last-child{border-right:none}.layer:hover{background:var(--frnk-soft)}.layer-num{letter-spacing:.08em;color:var(--frnk-muted);margin-bottom:16px;font-size:11px}.layer-title{text-transform:uppercase;color:var(--frnk-text);margin-bottom:12px;font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:700;line-height:1}.layer-desc{color:var(--frnk-muted);font-size:12px;line-height:1.65}.layer-arrow{color:var(--frnk-line);font-size:14px;transition:color .15s,transform .15s;position:absolute;top:20px;right:20px}.layer:hover .layer-arrow{color:var(--frnk-text);transform:translate(2px,-2px)}.bridge{border-bottom:.5px solid var(--frnk-line);grid-template-columns:1fr 1fr;gap:0;padding:36px 28px;display:grid}.bridge-l{border-right:.5px solid var(--frnk-line);padding-right:36px}.bridge-label{letter-spacing:.1em;color:var(--frnk-muted);margin-bottom:16px;font-size:11px}.bridge-statement{text-transform:uppercase;color:var(--frnk-text);font-family:Barlow Condensed,sans-serif;font-size:38px;font-weight:700;line-height:.95}.bridge-r{flex-direction:column;justify-content:center;gap:14px;padding-left:36px;display:flex}.bridge-item{align-items:flex-start;gap:12px;display:flex}.bridge-icon{flex-shrink:0;margin-top:1px;font-size:16px}.bridge-text{color:var(--frnk-muted);font-size:12px;line-height:1.65}.bridge-text strong{color:var(--frnk-text);font-weight:500}.offers{border-bottom:.5px solid var(--frnk-line)}.offers-head{border-bottom:.5px solid var(--frnk-line);justify-content:space-between;padding:14px 28px;display:flex}.offers-head span{letter-spacing:.1em;color:var(--frnk-muted);font-size:11px}.offer-row{border-bottom:.5px solid var(--frnk-line);cursor:pointer;grid-template-columns:52px 1fr 160px 130px;align-items:center;gap:0;padding:16px 28px;transition:background .15s;display:grid}.offer-row:last-child{border-bottom:none}.offer-row:hover{background:var(--frnk-soft)}.or-num{color:var(--frnk-muted);letter-spacing:.06em;font-size:11px}.or-name{text-transform:uppercase;color:var(--frnk-text);font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;line-height:1.2}.or-sub{color:var(--frnk-muted);margin-top:2px;font-size:11px}.or-layers{flex-wrap:wrap;gap:4px;display:flex}.or-tag,.cr-tag{background:var(--frnk-tag);color:var(--frnk-muted);letter-spacing:.04em;border-radius:100px;padding:2px 7px;font-size:10px}.or-price{color:var(--frnk-text);text-align:right;font-size:13px;font-weight:500}.or-dur{color:var(--frnk-muted);text-align:right;margin-top:2px;font-size:11px}.cases{border-bottom:.5px solid var(--frnk-line)}.cases-head{border-bottom:.5px solid var(--frnk-line);justify-content:space-between;padding:14px 28px;display:flex}.cases-head span,.cases-head a{letter-spacing:.1em;color:var(--frnk-muted);font-size:11px}.case-row{border-bottom:.5px solid var(--frnk-line);cursor:pointer;grid-template-columns:52px 1fr auto;align-items:center;gap:16px;padding:16px 28px;transition:background .15s;display:grid}.case-row:last-child{border-bottom:none}.case-row:hover{background:var(--frnk-soft)}.cr-idx{color:var(--frnk-muted);font-size:11px}.cr-name{text-transform:uppercase;color:var(--frnk-text);font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700}.cr-layers{gap:4px;margin-top:4px;display:flex}.cr-result{color:var(--frnk-text);text-align:right;white-space:nowrap;font-size:12px;font-weight:500}.cta{border-bottom:.5px solid var(--frnk-line);grid-template-columns:1fr 1fr;display:grid}.cta-l{border-right:.5px solid var(--frnk-line);flex-direction:column;justify-content:space-between;padding:40px 28px;display:flex}.cta-label{letter-spacing:.1em;color:var(--frnk-muted);font-size:11px}.cta-body{max-width:280px;color:var(--frnk-muted);margin-top:20px;font-size:13px;line-height:1.75}.cta-note{border-top:.5px solid var(--frnk-line);color:var(--frnk-muted);margin-top:20px;padding-top:16px;font-size:11px}.cta-r{flex-direction:column;justify-content:flex-end;padding:40px 28px 40px 36px;display:flex}.cta-h{text-transform:uppercase;color:var(--frnk-text);cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:60px;font-weight:900;line-height:.9;transition:color .2s}.cta-h:hover{color:var(--frnk-muted)}.ftr{color:var(--frnk-muted);letter-spacing:.06em;justify-content:space-between;gap:16px;padding:14px 28px;font-size:11px;display:flex}@media (max-width:760px){.pg{border-left:none;border-right:none}.hdr{flex-wrap:wrap}.hdr-nav{order:3;justify-content:space-between;gap:12px;width:100%}.hero,.bridge,.cta{grid-template-columns:1fr}.hero-l,.bridge-l,.cta-l{border-right:none;border-bottom:.5px solid var(--frnk-line)}.hero-r,.bridge-r,.cta-r{padding-left:28px}.hero-h1{font-size:58px}.layers{grid-template-columns:1fr}.layer{border-right:none;border-bottom:.5px solid var(--frnk-line)}.layer:last-child{border-bottom:none}.layer-head,.offers-head,.cases-head{gap:12px}.offer-row{grid-template-columns:40px 1fr;gap:12px}.or-layers,.offer-row>div:last-child{grid-column:2}.or-price,.or-dur{text-align:left}.case-row{grid-template-columns:40px 1fr}.cr-result{text-align:left;grid-column:2}.ftr{flex-direction:column}}@media (max-width:480px){.hdr,.hero-l,.hero-r,.bridge,.offers-head,.offer-row,.cases-head,.case-row,.cta-l,.cta-r,.ftr{padding-left:20px;padding-right:20px}.hero-h1{font-size:48px}.bridge-statement{font-size:32px}.cta-h{font-size:48px}}.diagnostic-app{background:var(--frnk-bg);border-left:.5px solid var(--frnk-line);border-right:.5px solid var(--frnk-line);max-width:680px;min-height:100vh;margin:0 auto}.diagnostic-header{border-bottom:.5px solid var(--frnk-line);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.diagnostic-logo{letter-spacing:.06em;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:900}.diagnostic-label{letter-spacing:.08em;color:var(--frnk-muted);font-size:11px}.diagnostic-screen{animation:.3s diagnosticFadeIn}@keyframes diagnosticFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.diagnostic-intro{padding:40px 24px}.diagnostic-intro-tag{letter-spacing:.1em;color:var(--frnk-muted);margin-bottom:20px;font-size:11px}.diagnostic-intro-title{text-transform:uppercase;max-width:520px;margin-bottom:24px;font-family:Barlow Condensed,sans-serif;font-size:52px;font-weight:900;line-height:.9}.diagnostic-intro-text{max-width:420px;color:var(--frnk-muted);margin-bottom:32px;font-size:13px;line-height:1.75}.diagnostic-intro-meta{gap:24px;margin-bottom:40px;display:flex}.diagnostic-meta-item{color:var(--frnk-muted);font-size:11px}.diagnostic-meta-item strong{color:var(--frnk-text);margin-bottom:2px;font-size:13px;font-weight:500;display:block}.diagnostic-start-button{background:var(--frnk-text);color:var(--frnk-bg);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:10px;padding:14px 28px;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;transition:background .2s;display:inline-flex}.diagnostic-start-button:hover{background:#333}.diagnostic-progress-bar{background:var(--frnk-tag);height:2px}.diagnostic-progress-fill{background:var(--frnk-text);height:100%;transition:width .4s}.diagnostic-progress-label{border-bottom:.5px solid var(--frnk-line);justify-content:space-between;padding:10px 24px;display:flex}.diagnostic-progress-label span{letter-spacing:.08em;color:var(--frnk-muted);font-size:11px}.diagnostic-question-wrap{padding:32px 24px}.diagnostic-question-category{letter-spacing:.1em;color:var(--frnk-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.diagnostic-question-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.diagnostic-question-title{text-transform:uppercase;margin-bottom:28px;font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;line-height:1.1}.diagnostic-options{flex-direction:column;gap:6px;margin-bottom:32px;display:flex}.diagnostic-option{border:.5px solid var(--frnk-line);background:var(--frnk-bg);width:100%;color:var(--frnk-text);text-align:left;cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.diagnostic-option:hover{background:var(--frnk-soft);border-color:#b0aea8}.diagnostic-option-selected{background:var(--frnk-text);border-color:var(--frnk-text);color:var(--frnk-bg)}.diagnostic-option-number{letter-spacing:.06em;min-width:20px;color:var(--frnk-muted);padding-top:1px;font-size:11px}.diagnostic-option-selected .diagnostic-option-number{color:var(--frnk-bg)}.diagnostic-option-text{flex:1;font-size:13px;line-height:1.5}.diagnostic-question-nav{justify-content:space-between;align-items:center;display:flex}.diagnostic-next-button{background:var(--frnk-text);color:var(--frnk-bg);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:.3;border:none;padding:12px 24px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;transition:opacity .2s,background .2s}.diagnostic-next-button-enabled{opacity:1}.diagnostic-next-button-enabled:hover{background:#333}.diagnostic-back-button{border:.5px solid var(--frnk-line);color:var(--frnk-muted);cursor:pointer;background:0 0;padding:12px 20px;font-size:13px}.diagnostic-back-button:hover{border-color:var(--frnk-text);color:var(--frnk-text)}.diagnostic-result-hero{border-bottom:.5px solid var(--frnk-line);grid-template-columns:1fr auto;align-items:start;gap:16px;padding:28px 24px;display:grid}.diagnostic-result-tag{letter-spacing:.1em;color:var(--frnk-muted);margin-bottom:10px;font-size:11px}.diagnostic-result-title{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:38px;font-weight:900;line-height:.9}.diagnostic-result-subtitle{max-width:300px;color:var(--frnk-muted);margin-top:10px;font-size:12px;line-height:1.6}.diagnostic-total{text-align:right}.diagnostic-total-number{color:var(--frnk-text);font-family:Barlow Condensed,sans-serif;font-size:56px;font-weight:900;line-height:1}.diagnostic-total-label{color:var(--frnk-muted);letter-spacing:.06em;font-size:11px}.diagnostic-radial-wrap{border-bottom:.5px solid var(--frnk-line);flex-direction:column;align-items:center;gap:24px;padding:32px 24px;display:flex}.diagnostic-section-label{letter-spacing:.1em;color:var(--frnk-muted);align-self:flex-start;font-size:11px}.diagnostic-radial-canvas{width:320px;max-width:100%;height:320px;display:block}.diagnostic-radial-legend{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.diagnostic-legend-item{color:var(--frnk-muted);align-items:center;gap:6px;font-size:11px;display:flex}.diagnostic-legend-dot{border-radius:50%;width:8px;height:8px}.diagnostic-bars-section{border-bottom:.5px solid var(--frnk-line);padding:24px}.diagnostic-bars-section .diagnostic-section-label{margin-bottom:16px}.diagnostic-bar-row{margin-bottom:10px}.diagnostic-bar-top{justify-content:space-between;gap:12px;margin-bottom:4px;display:flex}.diagnostic-bar-name{color:var(--frnk-text);font-size:12px}.diagnostic-bar-status{color:var(--frnk-muted);font-size:11px}.diagnostic-bar-track{background:var(--frnk-tag);height:24px;position:relative;overflow:hidden}.diagnostic-bar-fill{align-items:center;min-width:36px;height:100%;padding:0 10px;transition:width .8s;display:flex}.diagnostic-bar-value{color:var(--frnk-bg);white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700}.diagnostic-services-section{border-bottom:.5px solid var(--frnk-line);padding:24px}.diagnostic-services-section .diagnostic-section-label{margin-bottom:16px}.diagnostic-service-item{border:.5px solid var(--frnk-line);background:var(--frnk-bg);grid-template-columns:auto 1fr auto;align-items:start;gap:12px;margin-bottom:6px;padding:14px 16px;display:grid}.diagnostic-service-priority{white-space:nowrap;border-radius:100px;margin-top:2px;padding:2px 8px;font-size:10px}.diagnostic-service-priority-primary{background:var(--frnk-text);color:var(--frnk-bg)}.diagnostic-service-priority-secondary{background:var(--frnk-tag);color:var(--frnk-muted)}.diagnostic-service-name{text-transform:uppercase;color:var(--frnk-text);margin-bottom:3px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700}.diagnostic-service-description{color:var(--frnk-muted);font-size:12px;line-height:1.5}.diagnostic-service-price{color:var(--frnk-text);text-align:right;white-space:nowrap;font-size:12px;font-weight:500}.diagnostic-result-cta{flex-wrap:wrap;gap:12px;padding:28px 24px;display:flex}.diagnostic-cta-button{background:var(--frnk-text);color:var(--frnk-bg);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;padding:14px 28px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700}.diagnostic-restart-button{border:.5px solid var(--frnk-line);color:var(--frnk-muted);cursor:pointer;background:0 0;padding:14px 20px;font-size:12px}@media (max-width:720px){.diagnostic-app{border-left:none;border-right:none}.diagnostic-intro-title{font-size:44px}.diagnostic-result-hero{grid-template-columns:1fr}.diagnostic-total{text-align:left}.diagnostic-service-item{grid-template-columns:1fr}.diagnostic-service-price{text-align:left}}@media (max-width:480px){.diagnostic-header,.diagnostic-intro,.diagnostic-question-wrap,.diagnostic-result-hero,.diagnostic-radial-wrap,.diagnostic-bars-section,.diagnostic-services-section,.diagnostic-result-cta{padding-left:20px;padding-right:20px}.diagnostic-intro-title{font-size:38px}.diagnostic-question-title{font-size:23px}.diagnostic-intro-meta{flex-wrap:wrap}.diagnostic-question-nav{gap:12px}}.static-page-hero{border-bottom:.5px solid var(--frnk-line);min-height:520px;padding:48px 28px}.static-page-label{letter-spacing:.1em;color:var(--frnk-muted);margin-bottom:28px;font-size:11px}.static-page-title{letter-spacing:-.01em;text-transform:uppercase;max-width:680px;margin-bottom:24px;font-family:Barlow Condensed,sans-serif;font-size:72px;font-weight:900;line-height:.88}.static-page-description{max-width:520px;color:var(--frnk-muted);font-size:14px;line-height:1.75}.static-page-note{border-top:.5px solid var(--frnk-line);max-width:520px;color:var(--frnk-text);margin-top:32px;padding-top:16px;font-size:12px;line-height:1.6}@media (max-width:760px){.static-page-title{font-size:54px}}@media (max-width:480px){.static-page-hero{padding-left:20px;padding-right:20px}.static-page-title{font-size:44px}}
